/* CSS Document */

/* ===== ページタイトル ===== */
#spot-title img {
  /* max-width: 240px; */
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.6));
  width: clamp(180px, 14%, 240px);
}
#spot-title.rk-page-title {
  background-image: url("https://m-ine.net/ryokan-miki/img/spot/Spot1.png");
}

/* ===== 一覧・共通 ===== */
.spot-list { overflow: hidden; }
.spot-list-title1 {
  display: block;
  margin: 0 auto 70px;
}
.spot-list-title2 {
  display: block;
  margin: 0 auto 35px;
}

/* 3カラム（※クラス名は原文のまま 'loom'） */
.loom-list-ul {
  max-width: 1136px;
  width: 60%;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 50px;
  margin: 0 auto 75px;
}
.loom-list-ul img { width: 100%; }
.loom-list-hr {
  width: 87%;
  color: #3c2714;
  background-color: #3c2714;
  height: 1px;
}
.hr-bottom { height: 140px; }

/* ===== イベント画像グリッド ===== */
#event { overflow: hidden; }
.spot-type-img-listbox-b {
  display: grid;
  gap: 35px;
  grid-template-columns: 1fr 1fr;
  width: 67%;
  margin: 0 auto 50px;
  max-width: 1300px;
  padding-bottom: 60px;
}
.spot-type-img-listbox div img,
.spot-type-img-listbox-b div img { width: 100%; }

/* 下段サブ画像の幅指定（左右カラム） */
.spot-type-img-listbox-b .spot-type-img-listbox11,
.spot-type-img-listbox-b .spot-type-img-listbox22 {
  width: 86%;
  margin: 10px auto;
  display: block;
}

/* ===== レンタル ===== */
#rental { overflow: hidden; }
.spot-type-title1 {
  display: block;
  max-width: 456px;
  width: 23%;
  margin: 69px auto;
}
.spot15-block img {
  display: block;
  width: 100%;   /* 横幅いっぱいに */
  height: auto;  /* 縦横比保持 */
}