/* ページ表示位置の統一用スタイル */
.page-header {
  display: block;
  margin-top: 10px;
  margin-bottom: 20px;
}

.breadcrumb {
  margin-bottom: 10px;
  font-size: 14px;
  color: #533f2c;
}

.main-content {
  padding-top: 20px;
}

.side-box {
  background-color: #F6F5ED;
  padding: 10px;
  font-size: 14px;
  color: #533f2c;
}

.profile-box {
  margin-top: 20px;
  text-align: left;
}

.map-box {
  background-color: #eeede1;
  padding: 10px;
  margin-top: 20px;
}

.footer {
  margin-top: 40px;
  font-size: 12px;
  color: #3B160B;
  text-align: center;
}
/* 施設ブロック全体の余白と区切り */
.facility-block {
  margin-bottom: 24px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ccc;
}

/* 施設名（見出し） */
.facility-title {
  font-size: 1.1em;
  font-weight: bold;
  color: #3b160b;
  margin-bottom: 6px;
}

/* 説明文 */
.facility-text {
  font-size: 0.95em;
  line-height: 1.6;
  margin-bottom: 10px;
  color: #533f2c;
}

/* 画像を横並びにする */
.facility-images {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

/* 各画像のスタイル */
.facility-image {
  max-width: 310px;
  height: auto;
  border: none;
}

@media screen and (max-width: 600px) {
  .facility-images {
    flex-direction: column;
    gap: 8px;
  }

  .facility-image {
    max-width: 100%;
  }
}