/*
Theme Name: Lightning Child Sample
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/

/* =========================================================
   1. 全体設定
========================================================= */
:root{
  --yamasyo-container: 1080px;
  --yamasyo-text: 760px;
  --yamasyo-accent: #bed2c3;
  --yamasyo-dark: #6b6563;
  --yamasyo-light: #FDFDF9;
  --yamasyo-border: #ddd;
}

/* =========================================================
   2. ベース（フォント・本文）
========================================================= */
body{
  font-family: "Noto Serif JP", serif;
  font-size: 16px;
  line-height: 1.9;
  letter-spacing: 0.05em;
}

p{
  margin-bottom: 20px;
}

/* 英語用 */
.en{
  font-family: "Cormorant Garamond", serif;
  letter-spacing: 0.08em;
}

/* =========================================================
   3. サイト幅・本文幅
========================================================= */
/* サイト全体の最大幅 */
.container,
.vk_outer_container,
.vk_outer_container .vk_container,
.siteHeader .container,
.siteContent .container,
.site-footer .container{
  max-width: var(--yamasyo-container);
  margin-left: auto;
  margin-right: auto;
}

/* entry-content自体は縛りすぎない */
.entry-content{
  margin-left: auto;
  margin-right: auto;
}

/* 通常ブロックは本文幅に収める */
.entry-content > *:not(.alignfull):not(.alignwide){
  max-width: var(--yamasyo-text);
  margin-left: auto;
  margin-right: auto;
}

/* 少し広めのブロック */
.entry-content > .alignwide{
  max-width: var(--yamasyo-container);
  margin-left: auto;
  margin-right: auto;
}

/* 全幅ブロックは画面いっぱい */
.alignfull{
  max-width: none !important;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* =========================================================
   4. 見出し
========================================================= */
h1{
  font-size: 36px;
}

h2{
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 32px;
  padding-bottom: 10px;
  border-top: none !important;
  border-bottom: 1px solid var(--yamasyo-border);
}

/* Lightning標準の上ラインを消す */
.mainSection-title::before,
.page-header-title::before,
.entry-title::before,
h2::before{
  display: none !important;
  content: none !important;
}

h3{
  font-size: 22px;
  margin-top: 40px;
  margin-bottom: 16px;
  border-bottom: none;
}

/* H3の装飾ラインを消す */
h3::after,
.mainSection-title h3::after{
  display: none !important;
  content: none !important;
}

/* =========================================================
   5. セクション余白
========================================================= */
.wp-block-group{
  margin-top: 80px;
  margin-bottom: 80px;
}

/* =========================================================
   6. トップメインビジュアル
========================================================= */
.wp-block-cover{
  min-height: 720px !important;
}

/* カバー上の文字を読みやすく */
.wp-block-cover h1,
.wp-block-cover p{
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

/* =========================================================
   7. 予約ボタン
========================================================= */
.yamasho-reserve-btn .vk_button,
.yamasho-reserve-btn .vk_button a,
.yamasho-reserve-btn a,
.yamasho-reserve-btn .wp-block-button__link{
  background-color: var(--yamasyo-accent) !important;
  border-color: var(--yamasyo-accent) !important;
  color: #FFFFFF !important;
}

/* hover / focus */
.yamasho-reserve-btn a:hover,
.yamasho-reserve-btn a:focus,
.yamasho-reserve-btn .vk_button:hover,
.yamasho-reserve-btn .vk_button:focus,
.yamasho-reserve-btn .wp-block-button__link:hover,
.yamasho-reserve-btn .wp-block-button__link:focus{
  background-color: var(--yamasyo-dark) !important;
  border-color: var(--yamasyo-dark) !important;
  color: var(--yamasyo-light) !important;
  opacity: 1 !important;
  filter: none !important;
  box-shadow: none !important;
}

/* 角丸をなくす */
.yamasho-reserve-btn,
.yamasho-reserve-btn *{
  border-radius: 0 !important;
}

/* 余白と文字間 */
.yamasho-reserve-btn .wp-block-button__link,
.yamasho-reserve-btn .vk_button a{
  padding: 14px 28px !important;
  letter-spacing: 0.08em !important;
}

/* =========================================================
   8. フッター
========================================================= */
.site-footer{
  background-color: var(--yamasyo-dark);
  color: var(--yamasyo-light);
}

/* Powered by を消す */
.site-footer-copyright p:nth-of-type(2){
  display: none;
}

/* フッターナビを白に */
.site-footer .footer-nav a,
.site-footer .footer-nav a:hover{
  color: var(--yamasyo-light);
}

/* =========================================================
   9. スマホ調整
========================================================= */
@media (max-width: 768px){
  .wp-block-cover{
    min-height: 90vh !important;
  }
}

@media (max-width: 600px){
  .container,
  .vk_outer_container,
  .siteContent .container{
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* =========================================================
   10. 周辺情報カード
========================================================= */
.yamasho-local-card{
  margin-top: 40px;
  margin-bottom: 40px;
}

.yamasho-local-card .wp-block-group{
  margin-top: 0;
  margin-bottom: 0;
}

.yamasho-local-card img{
  display: block;
  width: 100%;
  height: auto;
}

.yamasho-local-card h3{
  margin-top: 20px;
  margin-bottom: 12px;
}

.yamasho-local-card p{
  margin-bottom: 16px;
}

.yamasho-local-card .wp-block-button__link{
  background-color: transparent;
  color: var(--yamasyo-dark);
  border: 1px solid var(--yamasyo-dark);
  border-radius: 0;
  padding: 10px 20px;
  text-decoration: none;
}

.yamasho-local-card .wp-block-button__link:hover{
  background-color: var(--yamasyo-dark);
  color: var(--yamasyo-light);
}

.entry-content h3{
  border-bottom:none !important;
}

.yamasho-local-card{
  margin-bottom:60px;
}

/* =========================
周辺情報カード（Local Guide）
========================= */

/* カード全体の余白 */
.yamasho-card{
  margin-bottom:80px;
}

/* 写真（クリックできる感じを出す） */
.yamasho-card img{
  display:block;
  width:100%;
  height:auto;
  transition:opacity .3s ease;
}

/* 写真ホバー */
.yamasho-card img:hover{
  opacity:0.85;
}

/* 店名 */
.yamasho-card h3{
  margin-top:24px;
  margin-bottom:6px;
  font-size:22px;
  font-weight:500;
}

/* 説明文 */
.yamasho-card p{
  margin-bottom:18px;
}

/* GoogleMapボタン */
.yamasho-map-btn a{
  border:1px solid #6b6563;
  padding:12px 24px;
  display:inline-block;
  text-decoration:none;
  color:#6b6563;
  transition:all .25s ease;
}

/* ボタンホバー */
.yamasho-map-btn a:hover{
  background:#6b6563;
  color:#fff;
}

/* 写真リンクを上品に見せる */
.yamasho-card figure{
  overflow: hidden;
  margin-bottom: 0;
}

.yamasho-card img{
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.35s ease, opacity 0.35s ease;
}

.yamasho-card a:hover img{
  transform: scale(1.03);
  opacity: 0.92;
}

/* =========================
周辺情報カード一覧レイアウト
========================= */
.yamasho-card-grid{
  max-width: var(--yamasyo-container);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 48px 32px;
  align-items: start;
}

/* グリッドの中ではカードの上下余白を少し調整 */
.yamasho-card-grid .yamasho-card{
  margin-bottom: 0;
}

/* タブレット */
@media (max-width: 1024px){
  .yamasho-card-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px 24px;
  }
}

/* スマホ */
@media (max-width: 767px){
  .yamasho-card-grid{
    grid-template-columns: 1fr;
    gap: 48px;
  }
}

/* 周辺情報カード一覧 */
.yamasho-card-grid{
  max-width: 1200px;
  margin: 0 auto;
}

/* セクション説明文 */
.yamasho-section-lead{
  font-size:14px;
  line-height:1.7;
  color:#555;
  margin-bottom:32px;
}

/* セクション見出し（H3）とカードの間の余白 */
.yamasho-card-grid{
  margin-top:20px;
}

/* セクション見出し(H2）上余白 */
.entry-body h2{
  margin-top:64px;
}

/* スマホ時のH2上余白 */
@media (max-width: 768px){
  .entry-body h2{
    margin-top: 80px;
  }
}

/* ページ内の大見出し */
.entry-body .yamasho-section-title-lg{
  margin-top: 64px;
  margin-bottom: 24px;
  font-size: 42px;
  text-align: center;
  border-bottom: none;
  padding-bottom: 0;
  line-height: 1.4;
}

@media (max-width: 768px){
  .entry-body .yamasho-section-title-lg{
    margin-top: 72px;
    font-size: 34px;
  }
}

/* オーナーコメント */
.yamasho-owner-comment{
  background:#f6f3ee;
  border-left:4px solid #8b6f47;
  padding:10px 14px;
  margin-top:10px;
  font-size:0.9rem;
  line-height:1.6;
}

/* 観光カードの本文 */
.entry-body p{
  line-height: 1.9;
}

/* 営業情報の余白 */
.entry-body p:has(br){
  margin-top: 12px;
}

/* カードの高さ揃え */
.wp-block-column{
  display: flex;
  flex-direction: column;
}

/* 距離ラベル */
.yamasho-distance{
  display:inline-block;
  font-size:12px;
  line-height:1;
  color:#6b6563;
  border:1px solid #b8b1ad;
  padding:2px 6px;
  border-radius:3px;
  margin:6px 0 10px;
  letter-spacing:0.03em;
}

/* 観光カード内の余白を整える */
.yamasho-card h3{
  margin-bottom: 18px;
}

.yamasho-card .yamasho-distance{
  margin-bottom: 20px;
}

.yamasho-card .yamasho-map-btn{
  margin-top: 24px;
}

/* =========================
観光カードの高さを整える（安全版）
========================= */

/* PCだけカード内を縦並び調整 */
@media (min-width: 769px){
  .yamasho-card{
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  /* タイトル下 */
  .yamasho-card h3{
    margin-bottom: 18px;
  }

  /* 距離ラベル下 */
  .yamasho-card .yamasho-distance{
    margin-bottom: 20px;
  }

  /* 説明文・豆知識・営業時間まわりの余白 */
  .yamasho-card .yamasho-section-lead,
  .yamasho-card .yamasho-owner-comment{
    margin-bottom: 18px;
  }

  /* ボタンを少し下げる */
  .yamasho-card .yamasho-map-btn{
    margin-top: auto;
    padding-top: 12px;
  }
}

/* 距離ラベル下の余白を揃える */
.yamasho-card .yamasho-distance{
  margin-bottom:24px;
}

/* =========================
周辺情報カード：PCは左寄せでシンプルに
========================= */
@media (min-width: 769px){

  /* カード全体を左寄せ */
  .yamasho-card{
    text-align: left;
  }

  /* タイトルまわりをコンパクトに */
  .yamasho-card h3{
    margin-top: 14px;
    margin-bottom: 8px;
    line-height: 1.45;
  }

  /* 距離ラベルを左寄せ＋余白を詰める */
  .yamasho-card .yamasho-distance{
    display: inline-block;
    margin: 0 0 14px 0 !important;
    text-align: left !important;
  }

  /* 説明文・豆知識・営業時間も左寄せ */
  .yamasho-card p,
  .yamasho-card .yamasho-section-lead,
  .yamasho-card .yamasho-owner-comment{
    text-align: left;
    margin-left: 0;
    margin-right: 0;
  }

  /* ボタンも左寄せに戻す */
  .yamasho-card .yamasho-map-btn{
    text-align: left;
    margin-top: 18px;
    padding-top: 0;
  }

  /* ボタン自体も左に置く */
  .yamasho-card .yamasho-map-btn .wp-block-button__link,
  .yamasho-card .yamasho-map-btn a{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* =========================
周辺情報カード：距離ラベル（最終版）
========================= */
.yamasho-card .yamasho-distance{
  display: inline-block;
  width: auto;
  font-size: 12px;
  line-height: 1;
  color: #6b6563;
  border: 1px solid #b8b1ad;
  padding: 2px 6px;
  margin: 0 0 16px 0;
  letter-spacing: 0.03em;
  text-align: left;
  background: transparent;
}

/* 古い距離ラベルの右寄せ・中央寄せ指定を打ち消す */
.yamasho-card .yamasho-distance.has-text-align-right,
.yamasho-card .yamasho-distance.has-text-align-center,
.yamasho-card .yamasho-distance.has-text-align-left{
  display: inline-block;
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}

/* =========================
周辺情報カード：PCは左寄せでシンプルに
========================= */
@media (min-width: 769px){

  .yamasho-card{
    text-align: left;
  }

  .yamasho-card h3{
    margin-top: 14px;
    margin-bottom: 10px;
    line-height: 1.45;
    text-align: left;
  }

  .yamasho-card p,
  .yamasho-card .yamasho-section-lead,
  .yamasho-card .yamasho-owner-comment{
    text-align: left;
    margin-left: 0;
    margin-right: 0;
  }

  .yamasho-card .yamasho-map-btn{
    text-align: left;
    margin-top: 18px;
    padding-top: 0;
  }

  .yamasho-card .yamasho-map-btn .wp-block-button__link,
  .yamasho-card .yamasho-map-btn a{
    margin-left: 0;
    margin-right: 0;
  }
}

/* =========================
距離ラベル：横幅いっぱいになるのを止める（最終版）
========================= */
.yamasho-card p.yamasho-distance{
  display: block !important;
  width: fit-content !important;
  max-width: max-content !important;
  font-size: 12px !important;
  line-height: 1 !important;
  color: #6b6563 !important;
  border: 1px solid #b8b1ad !important;
  padding: 2px 6px !important;
  margin: 0 0 16px 0 !important;
  letter-spacing: 0.03em !important;
  text-align: left !important;
  background: transparent !important;
}

/*タイトルと距離の間を少し詰める*/
.yamasho-card h3{
  margin-bottom: 3px;
}

.yamasho-card p.yamasho-distance{
  margin-top: 0;
  margin-bottom: 14px;
}

/* =========================
周辺情報カード：PCだけボタン位置を揃える
========================= */
@media (min-width: 769px){

  /* カードを縦並びの箱にする */
  .yamasho-card{
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  /* ボタンの直前までを普通に積む */
  .yamasho-card > *{
    flex-shrink: 0;
  }

  /* Googleマップボタンを下へ送る */
  .yamasho-card .yamasho-map-btn{
    margin-top: auto !important;
    padding-top: 20px;
  }
}

/* 周辺情報カード：PCは必ず左寄せ */
@media (min-width:769px){

  .yamasho-card{
    text-align:left !important;
  }

  .yamasho-card h3{
    text-align:left !important;
  }

  .yamasho-card p{
    text-align:left !important;
  }

}

/* 周辺情報カード：PCでは中央寄せ・右寄せを打ち消して左寄せ */
@media (min-width: 769px){

  .yamasho-card,
  .yamasho-card h3,
  .yamasho-card p,
  .yamasho-card .yamasho-section-lead,
  .yamasho-card .yamasho-owner-comment{
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .yamasho-card .has-text-align-center,
  .yamasho-card .has-text-align-right{
    text-align: left !important;
  }

  .yamasho-card p.yamasho-distance{
    display: block !important;
    width: fit-content !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
  }

  .yamasho-card .yamasho-map-btn{
    text-align: left !important;
  }

  .yamasho-card .yamasho-map-btn .wp-block-button__link,
  .yamasho-card .yamasho-map-btn a{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* 周辺情報カード：Googleマップボタンの親ブロックを左寄せ */
@media (min-width: 769px){

  .yamasho-card .wp-block-buttons{
    justify-content: flex-start !important;
  }

  .yamasho-card .wp-block-buttons.is-content-justification-center{
    justify-content: flex-start !important;
  }

  .yamasho-card .wp-block-button{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* 周辺情報：Googleマップボタンを少し静かにする */
.yamasho-map-btn .wp-block-button__link{
  font-size: 14px;
  padding: 8px 16px;
  border-width: 1px;
}

/* =========================
周辺情報カード：画像高さをそろえる
========================= */
.yamasho-card figure{
  margin-bottom: 18px;
}

.yamasho-card img{
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  display: block;
}

/* 上部2カラムナビのカバー高さを固定 */
.yamasho-top-nav .wp-block-cover{
  min-height: 220px !important;
}

/* スマホでは少し高めにして見やすく */
@media (max-width: 767px){
  .yamasho-top-nav .wp-block-cover{
    min-height: 160px !important;
  }
}

/* =========================
アクセス・周辺情報(id:65)　見出し背景を画像にする
========================= */
.page-id-65 .page-header {
  background-image: url("https://oofuchi.online/wp-content/uploads/2026/03/kiyotsukyo_tunnnel.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.page-id-65 .page-header {
  position: relative;
  color: #fff;
}

.page-id-65 .page-header::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.4); /* ←暗さ調整ポイント */
}

.page-id-65 .page-header .page-header-inner {
  position: relative;
  z-index: 1;
}

.page-id-65 .page-header {
  padding: 80px 20px;
}

/* 「アクセス・周辺情報」　上部ナビ：ホバー演出 */
.yamasho-top-nav .wp-block-cover{
  overflow: hidden;
}

.yamasho-top-nav .wp-block-cover__image-background{
  transition: transform 0.4s ease, filter 0.4s ease;
}

.yamasho-top-nav .wp-block-cover:hover .wp-block-cover__image-background{
  transform: scale(1.03);
  filter: brightness(0.88);
}

/* =========================
お部屋(id:99)　見出し背景を画像にする
========================= */
.page-id-99 .page-header {
  background-image: url("https://oofuchi.online/wp-content/uploads/2026/03/nichinan0I9A2697-scaled.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.page-id-99 .page-header {
  position: relative;
  color: #fff;
}

.page-id-99 .page-header::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.4); /* ←暗さ調整ポイント */
}

.page-id-99 .page-header .page-header-inner {
  position: relative;
  z-index: 1;
}

.page-id-99 .page-header {
  padding: 80px 20px;
}

/* =========================
館内のご案内(id:103)　見出し背景を画像にする
========================= */
.page-id-103 .page-header {
  background-image: url("https://oofuchi.online/wp-content/uploads/2026/03/nichinanirori0I9A2750-scaled.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.page-id-103 .page-header {
  position: relative;
  color: #fff;
}

.page-id-103 .page-header::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.4); /* ←暗さ調整ポイント */
}

.page-id-103 .page-header .page-header-inner {
  position: relative;
  z-index: 1;
}

.page-id-103 .page-header {
  padding: 80px 20px;
}

/* ページタイトル下の余白を調整 */
.page-header {
  margin-bottom: 40px;
}

/* 最初のブロックの上余白を削る */
.entry-content > *:first-child {
  margin-top: 0;
}

/* =========================
予約・料金ページ(id:101) 現在使用中
========================= */

/* 予約・料金ページ(id:101)だけ調整 */
.page-id-101 .site-body{
  padding-top: 8px;
}

/* 全ページのパンくずリスト消す */
.breadcrumb{
  display: none;
}

/* 予約・料金ページだけ */
.page-id-101 .site-body{
  padding-top: 0 !important;
}

/* 予約・料金ページ：余白を揃える */
.page-id-101 .entry-body{
  padding-top: 0;
}

/* 各セクション全体の上下余白 */
.page-id-101 .entry-body > h2,
.page-id-101 .entry-body > h3,
.page-id-101 .entry-body > p,
.page-id-101 .entry-body > hr{
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

/* 大見出し「料金表・ご予約・ご利用について・キャンセルポリシー」 */
.page-id-101 .entry-body > h2{
  margin-top: 72px;
  margin-bottom: 28px;
  text-align: center;
}

/* 見出しのすぐ下の本文 */
.page-id-101 .entry-body > h2 + p{
  margin-top: 0;
}

/* 区切り線 */
.page-id-101 .entry-body > hr{
  margin-top: 0;
  margin-bottom: 56px;
}

/* 本文段落 */
.page-id-101 .entry-body > p{
  margin-top: 0;
  margin-bottom: 24px;
  text-align: center;
}

/* 箇条書きがある場合 */
.page-id-101 .entry-body > ul{
  max-width: 760px;
  margin: 0 auto 24px;
  padding-left: 1.5em;
}

/* スマホで少し詰める */
@media (max-width: 767px){
  .page-id-101 .entry-body > h2{
    margin-top: 56px;
    margin-bottom: 20px;
  }

  .page-id-101 .entry-body > hr{
    margin-bottom: 40px;
  }

  .page-id-101 .entry-body > p,
  .page-id-101 .entry-body > ul{
    margin-bottom: 20px;
  }
}

/* =================================
予約・料金ページ旧4部屋ナビ用（現在一部停止中）
お部屋ページ(id:99)で再利用候補
================================= */

/* ボタン並び  */
.page-id-99 .wp-block-buttons{
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px 12px;
}

/* スマホ：部屋ナビを画面端まで広げる */
@media (max-width: 768px){

  .page-id-99 .yamasho-room-nav-wrap{
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
  }

}

/* =================================
お部屋ページ 4部屋ナビ 色調整
================================= */

/* 各ボタンの余白リセット */
.page-id-99 .yamasho-room-nav .wp-block-button{
  margin: 0;
}

/* 通常時 */
.page-id-99 .yamasho-room-nav .wp-block-button__link,
.page-id-99 .yamasho-room-nav .wp-element-button,
.page-id-99 .yamasho-room-nav .wp-block-button__link:link,
.page-id-99 .yamasho-room-nav .wp-block-button__link:visited,
.page-id-99 .yamasho-room-nav .wp-block-button__link:focus,
.page-id-99 .yamasho-room-nav .wp-block-button__link:focus-visible,
.page-id-99 .yamasho-room-nav .wp-block-button__link:active{
  background: #fdfdf9 !important;
  background-color: #fdfdf9 !important;
  background-image: none !important;
  color: #524e4d !important;
  border: 1px solid #b8b1ad !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  text-decoration: none !important;
  padding: 10px 22px !important;
  font-size: 14px;
  letter-spacing: 0.05em;
  opacity: 1 !important;
  filter: none !important;
  appearance: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease !important;
}

/* PCホバー時 */
@media (hover: hover) and (pointer: fine){
  .page-id-99 .yamasho-room-nav .wp-block-button__link:hover,
  .page-id-99 .yamasho-room-nav .wp-element-button:hover{
    background: #eaeaea !important;
    background-color: #eaeaea !important;
    background-image: none !important;
    color: #524e4d !important;
    border-color: #cfc3c0 !important;
    box-shadow: none !important;
    outline: none !important;
    opacity: 1 !important;
    filter: none !important;
  }
}

/* スマホは2個＋2個 (現在停止中。fixed + JS ナビの並びとぶつかる可能性あるため)  */
/*@media (max-width: 768px){
  .page-id-99 .yamasho-room-nav.wp-block-button{
    width: calc(50% - 12px);
  }

  .page-id-99 .yamasho-room-nav > .wp-block-button__link.wp-element-button{
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px 12px !important;
    font-size: 13px;
  }

  .page-id-99 .wp-block-buttons{
    gap: 12px;
  }
}*/

/* Sticky（固定ナビ）を仕込む(id:101)・・・うまく動かず、未解決で保留*/
/*.page-id-101 .yamasho-room-nav-wrap{
  position: -webkit-sticky;
  position: sticky;
  top: 70px;
  z-index: 30;
  background-color: #fdfdf9;
  padding: 10px 0;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}
*/

/* 予約ページ：部屋ナビ sticky テスト(id:101)・・・うまく動かず、未解決で保留 */
/*.page-id-101 .yamasho-room-nav-wrap{
  position: relative;
}

.page-id-101 .yamasho-room-nav-wrap > .wp-block-buttons{
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 50;
  background: #fdfdf9;
  padding: 10px 0;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}
*/

/* お部屋ページ 4部屋ナビの外枠（Sticky本体） */
/*.yamasho-room-nav-wrap{
  position: sticky;
  top: 0;
  z-index: 100;
  background: #fdfdf9;
  padding: 8px 0;
  border-bottom: 1px solid rgba(82, 78, 77, 0.12);
}*/

/* ボタン並び */
/*.page-id-99 .yamasho-room-nav{
  display: flex;
  gap: 8px;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
}*/

/* ボタンが縮みすぎないようにする */
/*.page-id-99 .yamasho-room-nav .wp-block-button{
  flex: 0 0 auto;
}*/

/* Stickyの最小テストCSS（2026/04/05） */
/*.page-id-99 .yamasho-room-nav-wrap{
  position: sticky;
  top: 60px;
  z-index: 1000;
  background: #fdfdf9;
  border-bottom: 1px solid rgba(82, 78, 77, 0.12);
}*/

/* Stickyの診断用一時CSS（2026/04/05） */
/*.page-id-99 .yamasho-room-nav-wrap{
  position: sticky !important;
  top: 43px !important;
  z-index: 1000 !important;
  background: #fdfdf9 !important;
  border-bottom: 1px solid rgba(82, 78, 77, 0.12) !important;
  align-self: flex-start;
}*/

/*テスト1：ヘッダーの影響を切る(2026/04/06) */
/*.page-id-99 .site-body,
.page-id-99 .site-body-container,
.page-id-99 .main-section,
.page-id-99 #post-99,
.page-id-99 .entry-body{
  overflow: visible !important;
}

.page-id-99 #site-header{
  position: static !important;
}

.page-id-99 .page-header{
  margin-top: 0 !important;
}

.page-id-99 .yamasho-room-nav-wrap{
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  background: #fffbe8 !important;
  border: 2px solid red !important;
}*/

/* お部屋ページ 4部屋ナビ */
.page-id-99 .yamasho-room-nav-wrap{
  position: relative;
  z-index: 10;
  background: #fdfdf9;
  padding: 8px 0;
  border-bottom: 1px solid rgba(82, 78, 77, 0.12);
}

/* 固定された時 */
.page-id-99 .yamasho-room-nav-wrap.is-fixed{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #fdfdf9;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

/* fixed時に中身の横幅を整える */
.page-id-99 .yamasho-room-nav{
  display: flex;
  gap: 8px;
  justify-content: center;
  flex-wrap: nowrap;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  padding: 0 16px;
}

.page-id-99 .yamasho-room-nav .wp-block-button{
  flex: 0 0 auto;
}

/* ナビがfixedになった時に、元の位置の高さを保つためのダミー */
.page-id-99 .yamasho-room-nav-placeholder{
  display: none;
}

.page-id-99 .yamasho-room-nav-placeholder.is-active{
  display: block;
}

@media (max-width: 768px){
  .page-id-99 .yamasho-room-nav,
  .page-id-99 .yamasho-room-nav-wrap.is-fixed .yamasho-room-nav{
    justify-content: flex-start !important;
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* 今見ている部屋のナビをハイライト */
.page-id-99 .yamasho-room-nav .wp-block-button__link.active,
.page-id-99 .yamasho-room-nav .wp-element-button.active{
  background: #eaeaea !important;
  background-color: #eaeaea !important;
  color: #524e4d !important;
  border-color: #cfc3c0 !important;
  box-shadow: none !important;
}

/*ボタンを押して #kogane などに飛んだときだけ位置が違うため、アンカー移動後の見え方も少し調整*/
.page-id-99 #kurenai,
.page-id-99 #gekko,
.page-id-99 #kogane,
.page-id-99 #sakura {
  scroll-margin-top: 140px;
}