.hero{position:relative;height:640px;overflow:hidden;background:var(--ck-maroon)}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.4s ease}
.hero-slide.is-active{opacity:1}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(30,3,0,.78) 0%,rgba(30,3,0,.28) 45%,rgba(30,3,0,.5) 100%)}
.hero-copy{position:absolute;left:0;right:0;bottom:64px;z-index:2;text-align:center;color:#fff;padding:0 24px}
.hero-copy .en{color:var(--ck-gold)}
.hero-copy h1{font-size:44px;color:#fff;line-height:1.35;text-shadow:0 4px 18px rgba(0,0,0,.5)}
.hero-copy .catch{margin:14px 0 26px;font-size:15px;color:#f0e2d4}
.hero-copy .btn-row{justify-content:center}

.reserve-cta{background:linear-gradient(135deg,#3a0500,#5b0900 70%)}
.reserve-cta .rc-box{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding:32px 0}
.reserve-cta .rc-txt .en{color:var(--ck-gold);margin-bottom:6px}
.reserve-cta .rc-txt h2{color:#fff;font-size:20px;line-height:1.6;margin:2px 0 8px}
.reserve-cta .rc-txt p{color:#f0dfce;font-size:13px}
.reserve-cta .rc-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.reserve-cta .tel-big{display:flex;align-items:center;gap:12px;background:var(--ck-gold);color:#2a1208;padding:14px 26px;border-radius:2px;font-family:'Shippori Mincho',serif;font-weight:700}
.reserve-cta .tel-big .ic{font-size:19px}
.reserve-cta .tel-big .num{font-size:19px;line-height:1.25}
.reserve-cta .tel-big .num small{display:block;font-family:'Zen Maru Gothic',sans-serif;font-size:10.5px;font-weight:500;letter-spacing:.06em}
.reserve-cta .rc-btn{border:1px solid rgba(255,255,255,.55);color:#fff;padding:13px 24px;border-radius:2px;font-family:'Shippori Mincho',serif;font-size:14px;letter-spacing:.04em}
.reserve-cta .rc-btn:hover{background:rgba(255,255,255,.12);opacity:1}

.news-sec{background:var(--ck-paper)}
.news-list{max-width:680px;margin:0 auto}
.news-list li{display:flex;align-items:baseline;gap:16px;padding:16px 6px;border-bottom:1px solid rgba(91,9,0,.12)}
.news-list li:last-child{border-bottom:0}
.news-list .tag{flex:0 0 auto;font-family:'Zen Maru Gothic',sans-serif;font-size:11px;letter-spacing:.06em;color:#fff;background:var(--ck-red);border-radius:20px;padding:4px 14px;font-weight:700}
.news-list p{font-size:14px;color:#4a382c}

.col-preview{background:var(--ck-cream)}
.col-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:32px}
.col-cards a{display:block;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 10px 24px rgba(58,5,0,.08)}
.col-cards img{width:100%;aspect-ratio:3/2;height:auto;object-fit:cover;display:block}
.col-cards p{padding:16px 18px 20px;font-family:'Shippori Mincho',serif;font-size:14px;line-height:1.7;color:var(--ck-maroon)}

.intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center}
.intro-photo img{border-radius:6px;box-shadow:0 18px 40px rgba(58,5,0,.18)}
.intro-text p{margin-bottom:14px;font-size:14.5px;color:#4a382c}
.intro-text p:last-child{margin-bottom:0}

.teaser-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.teaser-card{display:block;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 12px 26px rgba(58,5,0,.1)}
.teaser-card img{height:150px;width:100%;object-fit:cover}
.teaser-card .tc-body{padding:16px}
.teaser-card .tc-cat{font-size:11px;color:var(--ck-red);letter-spacing:.08em}
.teaser-card h3{font-size:16px;margin:6px 0}
.teaser-card p{font-size:12.5px;color:#7a6250}
.teaser-more{text-align:center;margin-top:36px}

.gallery-teaser{background:var(--ck-paper)}
.gt-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.gt-grid img{height:140px;width:100%;object-fit:cover;border-radius:4px}

.review-sec{background:var(--ck-cream)}

.faq-sec{background:var(--ck-paper)}

.access-teaser .at-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.access-teaser .map iframe{border-radius:6px;box-shadow:0 12px 30px rgba(58,5,0,.14)}

@media (max-width:1023px){
  .hero{height:520px}
  .hero-copy{bottom:40px}
  .hero-copy h1{font-size:30px}
  .reserve-cta .rc-box{padding:24px 0;justify-content:center;text-align:center}
  .reserve-cta .rc-txt{width:100%;text-align:center}
  .reserve-cta .rc-txt h2{font-size:17px}
  .reserve-cta .rc-actions{width:100%;justify-content:center}
  .intro-grid{grid-template-columns:1fr;gap:26px}
  .teaser-grid{grid-template-columns:repeat(2,1fr)}
  .gt-grid{grid-template-columns:repeat(3,1fr)}
  .gt-grid img{height:100px}
  .col-cards{grid-template-columns:1fr;gap:14px}
  .access-teaser .at-grid{grid-template-columns:1fr;gap:26px}
}

/* 2026-07-26 FVコピーを中央へ */
.hero-copy{top:50%!important;bottom:auto!important;transform:translateY(-50%)!important}

/* 2026-07-26 RESERVATION背景・ギャラリーlightbox・Voice SP3件 */
.reserve-cta{position:relative;background-image:linear-gradient(rgba(45,5,0,.84),rgba(45,5,0,.9)),url(img/hero-02.jpg)!important;background-size:cover!important;background-position:center!important}
/* lightbox */
.mn-lb{position:fixed;inset:0;background:rgba(10,4,2,.92);display:none;align-items:center;justify-content:center;z-index:9999;padding:24px;cursor:zoom-out}
.mn-lb.open{display:flex}
.mn-lb img{max-width:92vw;max-height:88vh;border-radius:3px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.mn-lb .lb-x{position:absolute;top:18px;right:24px;font-size:34px;color:#fff;background:none;border:0;cursor:pointer;line-height:1}
.gt-grid img{cursor:zoom-in;transition:transform .5s ease}
.gt-grid img:hover{transform:scale(1.04)}
/* Voice: SPは3件＋もっと見る */
.rv-more{text-align:center;margin-top:28px}
.rv-more a{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border:1px solid var(--ck-maroon,#6b1100);color:var(--ck-maroon,#6b1100);border-radius:3px;font-size:14px;letter-spacing:.04em;transition:background .25s,color .25s}
.rv-more a:hover{background:var(--ck-maroon,#6b1100);color:#fff}
@media(max-width:768px){.review-grid .review-card:nth-child(n+4){display:none}}

.btn-reserve-fill{background:#6b1100 !important;color:#fff !important;border-color:#6b1100 !important}
.btn-reserve-fill:hover{background:#8a1a06 !important}

/* 各セクション英字ゴースト＋FV英字アニメ (2026-07-27) */
html{overflow-x:clip}
.sec-head{position:relative}
.sec-head>.en,.sec-head>h2{position:relative;z-index:1}
.sec-ghost{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;font-family:'Shippori Mincho',serif;font-weight:700;text-transform:uppercase;font-size:clamp(64px,12vw,150px);letter-spacing:.08em;color:rgba(58,5,0,.05);z-index:0;pointer-events:none;animation:secGhostMn 22s linear infinite}
@keyframes secGhostMn{from{transform:translate(30%,-50%)}to{transform:translate(-130%,-50%)}}
.hero-ghost{position:absolute;left:0;top:50%;z-index:1;white-space:nowrap;font-family:'Shippori Mincho',serif;font-weight:700;text-transform:uppercase;font-size:clamp(80px,18vw,240px);letter-spacing:.1em;color:rgba(255,255,255,.09);pointer-events:none;animation:heroGhostMn 24s linear infinite}
@keyframes heroGhostMn{from{transform:translate(40%,-50%)}to{transform:translate(-115%,-50%)}}
@media (prefers-reduced-motion:reduce){.sec-ghost,.hero-ghost{animation:none}}

/* TOPセクション背景 差別化 (2026-07-27) */
.intro{background:var(--ck-paper)}
.menu-teaser{background:var(--ck-cream)}

/* ============================================================
   2026-07-28 SP改善（担当エンジニア）
   ・宴会/団体セクション ・FV補足コピー ・AIO要約段落
   ・お知らせ一覧リンク未装飾バグ修正（PC/SP共通）
   ============================================================ */
.hero-copy .fv-sub{margin:-14px 0 26px;font-size:12.5px;color:#e7d3bf;letter-spacing:.04em}
.intro-summary{max-width:760px;margin:0 auto 34px;text-align:center;font-size:14.5px;line-height:1.85;color:#5a4638}
.banquet-sec{background:var(--ck-cream)}
.banquet-info{margin-bottom:8px}
.banquet-sec .teaser-more{margin-top:30px}

/* お知らせ一覧「お知らせ一覧はこちら →」がCSS未定義で素のリンクだったバグを修正（全幅共通） */
.news-more .btn-back{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border:1px solid var(--ck-maroon);border-radius:3px;color:var(--ck-maroon);font-size:13px;letter-spacing:.03em;font-family:'Shippori Mincho',serif}
.news-more .btn-back:hover{background:var(--ck-maroon);color:#fff}

/* ============================================================
   2026-07-28 SP最適化（max-width:767px に閉じる。900/1023pxブロックは維持）
   ============================================================ */
@media (max-width:767px){
  /* B3: FVは70〜80svhで次セクションをチラ見せ（下限70で採用。ページ圧縮目標との両立のため） */
  .hero{height:70vh;height:70svh}
  .hero-copy{padding:0 20px}
  .hero-copy h1{font-size:26px}
  .hero-copy .catch{margin:10px 0 16px;font-size:13.5px}
  .hero-copy .fv-sub{margin:-8px 0 16px;font-size:11.5px}
  .hero-copy .btn-row{gap:10px}

  /* B1: セクション上下padding統一（48〜64pxの下限）・見出しまわり圧縮 */
  section{padding:48px 0}
  .sec-head{margin-bottom:20px}
  .sec-head .lead{margin-top:8px}

  /* B4: タイポ */
  .sec-head h2{font-size:clamp(20px,5.5vw,24px)}
  .intro-text p,.lead,.review-card p,.faq-a,dl.shop-info dd,.news-list p,.col-cards p,.rc-txt p,.intro-summary,.banquet-info dd{
    font-size:15px;line-height:1.7;
  }
  .intro-text p{margin-bottom:10px}

  /* B2: 背景英字装飾を縮小・淡色化（重なりが出るFV英字はさらに縮小） */
  .sec-ghost{font-size:clamp(30px,10vw,46px);color:rgba(58,5,0,.035)}
  .hero-ghost{font-size:clamp(56px,20vw,110px);color:rgba(255,255,255,.06)}

  /* A2 + B5: メニューカード2カラム・aspect-ratio・gap16px（スタッガーは top-anim.js が既存機構で付与） */
  .teaser-grid{gap:16px}
  .teaser-card img{aspect-ratio:16/10;height:auto}
  .teaser-card .tc-body{padding:16px}
  .teaser-card h3{margin:3px 0}
  .teaser-card p{line-height:1.5}
  .teaser-more{margin-top:20px}

  /* A2: ギャラリー横スクロール化（scroll-snapスワイプ・チラ見せ） */
  .gt-grid{
    display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;
    gap:12px;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none;
  }
  .gt-grid::-webkit-scrollbar{display:none}
  .gt-grid img{flex:0 0 68%;scroll-snap-align:start;height:auto;aspect-ratio:16/10;border-radius:6px}

  /* B6: 口コミカード横スワイプ化（幅78vw・チラ見せ。旧nth-child非表示は解除） */
  .review-grid{
    display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;
    gap:14px;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none;
  }
  .review-grid::-webkit-scrollbar{display:none}
  .review-card{flex:0 0 78vw;scroll-snap-align:start;padding:14px}
  .review-grid .review-card:nth-child(n+4){display:block}
  .rv-more{margin-top:18px}

  /* コラムプレビューも横スワイプ化（3枚横並び→1行に。ページ圧縮） */
  .col-cards{
    display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;
    gap:14px;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:20px;
  }
  .col-cards::-webkit-scrollbar{display:none}
  .col-cards a{flex:0 0 72%;scroll-snap-align:start}
  .col-cards img{aspect-ratio:3/2;height:auto}
  .col-cards p{padding:12px 14px 14px}

  /* B9: 単独大写真は高さを抑制・ボタン高さ48〜52px */
  .intro-photo img{width:100%;height:170px;object-fit:cover}
  .btn{padding:15px 26px;line-height:1.3}
  .intro-summary{margin-bottom:14px}
  .intro-text p{margin-bottom:6px}

  /* お知らせ行の詰め */
  .news-list li{padding:10px 6px}

  /* 宴会・アクセスの店舗情報テーブルをラベル/値の2列グリッドに詰めてページ圧縮＋タップ領域確保 */
  #banquet .shop-info,#access-teaser .shop-info{
    display:grid;grid-template-columns:84px 1fr;column-gap:12px;row-gap:0;width:100%;max-width:none;margin:0;font-size:14px;
  }
  #banquet .shop-info dt,#access-teaser .shop-info dt{float:none;width:auto;padding:5px 0;border-bottom:1px solid rgba(91,9,0,.12);font-size:12.5px}
  #banquet .shop-info dd,#access-teaser .shop-info dd{padding:5px 0;border-bottom:1px solid rgba(91,9,0,.12);line-height:1.5}
  #access-teaser .shop-info a[href^="tel:"]{display:inline-block;padding:11px 0}
  #access-teaser .map iframe{height:170px}
  .banquet-sec .sec-head .lead{margin-top:2px}
  .teaser-more{margin-top:18px}
  .banquet-sec .teaser-more{margin-top:16px}

  /* FAQの行間を詰める */
  .faq-q{padding:11px 6px;font-size:15px}
  .faq-a{padding:0 6px 11px 28px}

  /* RESERVATIONブロックの余白を詰める */
  .reserve-cta .rc-box{padding:16px 0}
}