/* 舞い降り湯 共通（和風寄せ） */

:root{
  --washi: rgba(255, 252, 246, 0.88);        /* 和紙っぽい生成り */
  --washi2: rgba(255, 248, 235, 0.72);       /* 少し黄味 */
  --sumi: rgba(35, 28, 28, 0.55);            /* 薄墨 */
  --sumi2: rgba(35, 28, 28, 0.22);
  --ume: rgba(140, 62, 140, 0.70);           /* 梅紫（アクセント） */
  --ume2: rgba(140, 62, 140, 0.22);
  --font-mincho: 
    "Hiragino Mincho ProN",
    "Yu Mincho",
    "Noto Serif JP",
    serif;

  --font-gothic:
    "Hiragino Sans",
    "Noto Sans JP",
    sans-serif;
}

.maioriyu-wrap{
  max-width: 980px;
  margin: 0 auto;
  padding: 20px 16px 60px;
}

/* ヘッダー（和紙カード） */
.maioriyu-header{
  margin: 12px auto 18px;
  padding: 18px 18px 16px;
  border-radius: 18px;
  background:
    linear-gradient(180deg, var(--washi), var(--washi2));
  border: 1px solid var(--sumi2);
  box-shadow: 0 10px 26px rgba(0,0,0,0.08);
  text-align: center;
}

/* 「舞い降りの湯」ラベルを“札”っぽく */
.maioriyu-kicker{
  display: inline-block;
  margin: 0 0 8px;
  padding: 5px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.55);
  border: 1px solid var(--ume2);
  color: rgba(90, 40, 90, 0.85);
  font-size: 0.88rem;
  letter-spacing: 0.18em;
}

/* タイトル（余白で格を出す） */
.maioriyu-title{
  font-size: 1.85rem;
  margin: 0;
  line-height: 1.25;
  color: rgba(35, 28, 28, 0.92);
}

.maioriyu-title,
.maioriyu-onsen-name {
  font-family: var(--font-mincho);
  font-weight: 600;
  letter-spacing: 0.08em;
}

/* セクション（和紙＋薄墨の線） */
.maioriyu-section{
  margin: 22px 0;
  padding: 18px;
  border-radius: 18px;
  background:
    radial-gradient(1200px 500px at 20% 0%, rgba(255,255,255,0.55), transparent 55%),
    linear-gradient(180deg, var(--washi), var(--washi2));
  border: 1px solid var(--sumi2);
  box-shadow: 0 10px 26px rgba(0,0,0,0.08);
}

/* 画像：角丸＋薄い枠 */
.maioriyu-media img{
  width: 100%;
  display: block;
  border-radius: 14px;
  border: 1px solid rgba(35,28,28,0.18);
  box-shadow: 0 12px 26px rgba(0,0,0,0.12);
}

/* 本文：少しゆったり */
.maioriyu-description,
.maioriyu-text {
  font-family: var(--font-mincho);
  font-size: 1.05rem;
  line-height: 2.0;
  color: #2f2a25; /* 墨寄りの茶 */}

/* 区切り：飾り線（和っぽい“間”） */
.maioriyu-divider{
  text-align: center;
  margin: 28px 0;
  color: rgba(35, 28, 28, 0.70);
  letter-spacing: 0.25em;
  opacity: 0.95;
  position: relative;
}
.maioriyu-divider::before,
.maioriyu-divider::after{
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 56px;
  height: 1px;
  background: rgba(35, 28, 28, 0.28);
  margin: 0 14px;
}

/* ひとこと：巻物/短冊感（左の梅紫ライン） */
.maioriyu-quote{
  margin-top: 18px;
  padding: 16px 16px 14px;
  border-left: 6px solid var(--ume);
  background: rgba(255,255,255,0.55);
  border: 1px solid rgba(140, 62, 140, 0.18);
  border-radius: 14px;
  line-height: 2.0;
  color: rgba(35, 28, 28, 0.90);
}
.maioriyu-quote cite{
  display: block;
  margin-top: 8px;
  font-size: 0.92rem;
  opacity: 0.75;
}

/* 下ナビ：控えめボタン */
.maioriyu-nav{
  margin-top: 22px;
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
}
.maioriyu-nav a{
  display: inline-block;
  padding: 10px 12px;
  border-radius: 12px;
  text-decoration: none;
  color: rgba(90, 40, 90, 0.88);
  background: rgba(255,255,255,0.55);
  border: 1px solid rgba(140, 62, 140, 0.18);
  transition: transform 0.12s ease, box-shadow 0.12s ease;
}
.maioriyu-nav a:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(0,0,0,0.10);
}

/* モバイル調整 */
@media (max-width: 600px){
  .maioriyu-title{ font-size: 1.55rem; }
  .maioriyu-section{ padding: 14px; }
  .maioriyu-header{ padding: 14px; }
  .maioriyu-divider::before,
  .maioriyu-divider::after{ width: 34px; margin: 0 10px; }

  /* ① ページ全体の左右余白を詰める（必要なら） */
  .maioriyu-wrap {
    padding-left: 10px;
    padding-right: 10px;
  }

  /* ② カード（セクション）の内側余白を詰める：ここが本丸 */
  .maioriyu-section {
    padding: 12px;   /* 18px→12px くらいに */
  }

  /* ③ 画像を少し大きく（カード内で幅いっぱいに見せる） */
  .maioriyu-media {
    margin: 0;
  }

  .maioriyu-media img {
    width: 100%;
    max-width: none;  /* どこかで制限されてたら解除 */
    display: block;
  }

}