

/*
img {
  max-width: 100%;
  height: auto;
  display: block;
  float: left
}
*/
/* より詳細な設定 */
.responsive-image {
  width: 100%;
  height: auto;
  object-fit: cover; /* 画像の表示方法を指定 */
}

/* 基本的なコンテナ */
.container {
  width: 100%;
  max-width: 1200px; /* 最大幅を制限 */
  margin: 0 auto;    /* 中央寄せ */
  padding: 0 15px;   /* 左右に余白 */
}

/* フルード（流動的）なコンテナ */
.fluid-container {
  width: 100%;
  padding: 0 20px;
}

.sidebar {
  width: 25%;  /* 親要素の25% */
}

.main-content {
  width: 75%;  /* 親要素の75% */
}
.adress {
    background-color: #bbbbbc; 
    color: white;    
	width:100%;
	max-width:600px;
/*	margin:0 auto;  */
	font-size:80%;
    padding: 8px 8px 8px 0;
}
	
/* スマートフォン */
@media (max-width: 768px) {
  .container {
    width: 100%;
    padding: 0 15px;
  }
