/* CSS Document */

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

/* ===== 泉質ブロック ===== */
.senshitsu1 {
  text-align: center;
  padding-top: clamp(80px, 5vw, 140px);
  padding-bottom: clamp(40px, 2.5vw, 70px);
}
.senshitsu1 img {
  max-width: 1162px;
  width: 60.5%;
}
.senshitsu2box {
  display: flex;
  justify-content: space-between;
  width: 80%;
  max-width: 1325px;
  margin: auto;
}
.senshitsu2box img { width: 30%; }

/* ===== 内風呂 ===== */
.uchiburo1 {
  text-align: center;
  max-width: 588px;
  margin: auto;
  padding: clamp(80px, 2vw, 180px) 0;
  width: 30%;
}
.uchiburo2 {
  text-align: center;
  max-width: 151px;
  margin: 0 auto 65px;
  width: 7.8%;
}
.roten1 { /* 同幅の見出しがあるため定義を共有 */
  text-align: center;
  max-width: 216px;
  margin: 0 auto 65px;
  width: 11.4%;
}
.uchiburo1 img { width: 100%; }
.uchiburo2 img,
.roten1 img { width: 100%; }
.uchiburo3 img,
.roten2 img { width: 100%; }
.uchiburo4,
.roten3 {
  display: flex;
  justify-content: space-between;
  max-width: 1291px;
  width: 86%;
  margin: auto;
  padding-top: clamp(20px, 1.2vw, 45px);
}
.uchiburo4 img,
.roten3 img { width: 32%; }
.uchiburo5,
.roten4 {
  max-width: 989px;
  width: 65%;
  margin: auto;
  padding-top: clamp(24px, 2vw, 60px);
  padding-bottom: clamp(80px, 2vw, 180px);
}
.uchiburo5 img,
.roten4 img { width: 100%; }

/* ===== 露天風呂 ===== */
/* roten1, roten2, roten3, roten4 は上で共有済み */

/* ===== シャワーヘッド（ミラブル） ===== */
.showerhead1 {
  display: block;
  margin: auto;
  padding-bottom: 0!important;
  width: 100%!important;
  max-width: 100%!important;
}
.hotspring1-block img {
  display: block;
  width: 100%;   /* 横幅いっぱい */
  height: auto;  /* 比率保持 */
}