@charset "UTF-8";
/* ============================================================
   祇をん 玄松 ― 茶と酒のラウンジ /lounge/
   MV＋リード → こだわり → 昼の茶 → 夜の酒 → ノンアルコール → CTA
   ※ lp-hero 等は stay.css を継承
   ============================================================ */

body.lower{ background:#fff; color:#3a3530; }
.lounge-page .lp-hero__ttl{ font-family:"Zen Old Mincho","游明朝","Yu Mincho",serif; }

/* ---- リード（MV直後・スナップ先のためヘッダー余白を確保） ---- */
.lg-intro{ padding:clamp(60px,10vh,120px) var(--gutter); text-align:center; }
.lp-hero + .lg-intro{ padding-top:calc(var(--header-h) + clamp(30px,6vh,68px)); }
.lg-intro__en{ display:block; font-family:var(--font-en); font-weight:300; font-size:12px; letter-spacing:.34em; color:#9a958b; }
.lg-intro__catch{ font-family:var(--font-mincho); font-weight:700; font-size:clamp(21px,2.7vw,36px); letter-spacing:.08em; line-height:1.7; color:#1d1b1a; }
.lg-intro__text{ max-width:none; margin:clamp(24px,4vh,40px) auto 0; font-family:var(--font-body); font-size:clamp(13.5px,1vw,15px); line-height:2.25; letter-spacing:.04em; color:#4a443d; }
/* 3行目は1行固定（幅が足りない場合は文字サイズを自動縮小）。SPは通常折返し */
.lg-intro__nowrap{ white-space:nowrap; display:inline-block; font-size:min(1em, calc((100vw - 2*var(--gutter)) / 64)); }
@media (max-width:820px){
  .lg-intro__nowrap{ white-space:normal; display:inline; font-size:inherit; }
  /* 2026-07-29 SP FB「ファーストビューでオレンジ部分は隠したい」対応。
     白地のリード部で1画面を使い切り、次の「こだわり」(生成り #ede7df) の帯が
     下端に覗かないようにする。lvh＝iOSツールバーが引っ込んだ状態の高さ。 */
  .lg-intro{
    min-height:100vh; min-height:100lvh;
    display:flex; flex-direction:column; justify-content:center;
  }
}

/* ---- こだわり（縦書き見出し左 ＋ 2項目） ---- */
.lg-craft{ background:#ede7df; padding:clamp(58px,9vh,110px) var(--gutter); }
.lg-craft__photo{ max-width:1180px; margin:0 auto clamp(40px,6vh,68px); aspect-ratio:16/6.6; overflow:hidden; }
.lg-craft__photo img{ width:100%; height:100%; object-fit:cover; display:block; }
.lg-craft__inner{ max-width:1040px; margin-inline:auto; display:flex; align-items:flex-start; gap:clamp(28px,5vw,76px); }
.lg-craft__ttl{
  flex:0 0 auto; writing-mode:vertical-rl; text-orientation:upright;
  font-family:"Zen Old Mincho","游明朝","Yu Mincho",serif; font-weight:700;
  font-size:clamp(20px,2vw,28px); letter-spacing:.16em; line-height:1.5; color:#1d1b1a;
}
.lg-craft__items{ flex:1; min-width:0; display:grid; grid-template-columns:1fr 1fr; gap:clamp(26px,4vw,56px); }
.lg-craft__item{ border-top:1px solid #cfc6b6; padding-top:clamp(18px,2.5vh,26px); }
.lg-craft__no{ font-family:var(--font-en); font-weight:300; font-size:13px; letter-spacing:.22em; color:var(--matsu); }
.lg-craft__item h3{ margin-top:12px; font-family:var(--font-mincho); font-weight:700; font-size:clamp(15.5px,1.4vw,20px); letter-spacing:.05em; line-height:1.65; color:#1d1b1a; }
.lg-craft__item p{ margin-top:14px; font-family:var(--font-body); font-size:clamp(13px,1vw,14.5px); line-height:2.1; letter-spacing:.03em; color:#4a443d; }

/* ---- ご利用案内（2026-08-13 FB20260812：冒頭コピー直下に追加） ----
   地色は intro と地続きの#fff。次の .lg-craft(#ede7df) で切り替わる＝通常の地色リズムどおり。 */
.lg-info{ padding:0 var(--gutter) clamp(56px,9vh,104px); }
.lg-info__inner{ max-width:880px; margin-inline:auto; }
.lg-info__ttl{
  text-align:center; font-family:var(--font-mincho); font-weight:700;
  font-size:clamp(19px,2vw,26px); letter-spacing:.26em; color:#1d1b1a;
}
.lg-info__list{ margin-top:clamp(24px,4vh,38px); border-top:1px solid #d4cdbf; }
.lg-info__list > div{
  display:flex; align-items:baseline; justify-content:space-between; gap:20px;
  padding:16px 2px; border-bottom:1px solid #d4cdbf;
}
.lg-info__list dt{ font-family:var(--font-body); font-size:14px; letter-spacing:.14em; color:#6f6a60; }
.lg-info__list dd{
  margin:0; font-family:var(--font-body); font-size:clamp(14px,1.15vw,16px);
  letter-spacing:.1em; color:#2c2823; text-align:right;
}

/* ---- お品書き（2026-08-13 FB20260812：軽食直下に追加） ---- */
.lg-menu{ background:#ede7df; padding:clamp(58px,9vh,110px) var(--gutter); }
.lg-menu__inner{ max-width:1040px; margin-inline:auto; }
.lg-menu__ttl{
  text-align:center; font-family:var(--font-mincho); font-weight:700;
  font-size:clamp(23px,2.8vw,36px); letter-spacing:.24em; color:#1d1b1a;
}
.lg-menu__lead{
  margin-top:14px; text-align:center; font-family:var(--font-body);
  font-size:clamp(13px,1vw,14.5px); letter-spacing:.06em; color:#6f6a60;
}
.lg-menu__cols{
  margin-top:clamp(34px,5vh,56px);
  display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px,4vw,56px);
}
.lg-menu__photo{ aspect-ratio:16/10; overflow:hidden; background:#ded6c9; }
.lg-menu__photo img{ width:100%; height:100%; object-fit:cover; }
.lg-menu__cat{
  margin-top:clamp(22px,3vh,32px); text-align:center;
  font-family:var(--font-mincho); font-weight:700;
  font-size:clamp(18px,1.8vw,24px); letter-spacing:.22em; color:#1d1b1a;
}
.lg-menu__time{
  margin-top:10px; text-align:center; font-family:var(--font-en); font-weight:300;
  font-size:12.5px; letter-spacing:.16em; color:#8a8475;
}
.lg-menu__time span{ margin-left:1.2em; font-family:var(--font-body); letter-spacing:.12em; }
.lg-menu__items{ margin-top:clamp(20px,3vh,30px); }
.lg-menu__item + .lg-menu__item{ margin-top:clamp(16px,2.4vh,24px); }
.lg-menu__item h4{
  margin:0; text-align:center; font-family:var(--font-mincho); font-weight:700;
  font-size:clamp(14.5px,1.2vw,16.5px); letter-spacing:.1em; color:#2c2823;
}
.lg-menu__item p{
  margin-top:8px; text-align:center; font-family:var(--font-body);
  font-size:12.5px; letter-spacing:.06em; color:#8a8475;
}
.lg-menu__notes{
  margin-top:clamp(38px,5vh,60px); text-align:center; font-family:var(--font-body);
  font-size:12.5px; line-height:2.1; letter-spacing:.06em; color:#8a8475;
}

/* ---- 撮影待ちカット用プレースホルダ（写真受領後に<picture>へ差し替え） ---- */
.ph-shot{
  display:flex; align-items:center; justify-content:center; text-align:center;
  width:100%; height:100%; padding:16px;
  background:#ded6c9; color:#8a8475;
  font-family:var(--font-body); font-size:12px; letter-spacing:.1em; line-height:1.9;
}

/* ---- 昼の茶 / 夜の酒 / ノンアル（交互 写真＋テキスト） ---- */
.lg-block{
  display:grid; grid-template-columns:1.04fr 1fr; align-items:center;
  gap:clamp(30px,5vw,80px); max-width:1180px; margin-inline:auto;
  padding:clamp(56px,9vh,104px) var(--gutter);
}
.lg-block--rev .lg-block__media{ order:2; }
.lg-block__media{ aspect-ratio:4/3; overflow:hidden; background:#ece7df; }
.lg-block__media img{ width:100%; height:100%; object-fit:cover; }
.lg-block__en{ font-family:var(--font-en); font-weight:300; font-size:12px; letter-spacing:.3em; color:var(--matsu); }
.lg-block__ttl{ margin-top:14px; font-family:var(--font-mincho); font-weight:700; font-size:clamp(23px,2.8vw,36px); letter-spacing:.1em; line-height:1.4; color:#1d1b1a; }
.lg-block__text{ margin-top:clamp(18px,2.6vh,26px); font-family:var(--font-body); font-size:clamp(13.5px,1vw,15px); line-height:2.25; letter-spacing:.04em; color:#4a443d; }
.lg-block__note{ margin-top:16px; font-size:12px; color:#a59f93; letter-spacing:.04em; }

/* ---- SP ---- */
@media (max-width:820px){
  .lg-craft__photo{ aspect-ratio:16/10; max-width:none; margin-inline:calc(-1 * var(--gutter)); width:calc(100% + var(--gutter) * 2); margin-bottom:clamp(28px,7vw,40px); }
  .lg-craft__inner{ flex-direction:column; gap:18px; }
  .lg-craft__ttl{ writing-mode:horizontal-tb; letter-spacing:.18em; }
  .lg-craft__items{ grid-template-columns:1fr; gap:24px; }
  .lg-block{ grid-template-columns:1fr; gap:clamp(20px,5vw,28px); padding-block:clamp(46px,8vh,72px); }
  .lg-block--rev .lg-block__media{ order:0; }
  .lg-block__media{ margin-inline:calc(-1 * var(--gutter)); width:calc(100% + var(--gutter) * 2); aspect-ratio:16/10; }
  .lg-info{ padding-inline:clamp(26px,7vw,34px); }
  .lg-info__list dt{ font-size:13px; }
  .lg-info__list dd{ font-size:13.5px; }
  .lg-menu{ padding-inline:clamp(26px,7vw,34px); }
  .lg-menu__cols{ grid-template-columns:1fr; gap:clamp(34px,7vw,44px); }
}

/* 営業時間（MV左下・2026-07-22改修） */
.lg-hours{
  position:absolute; left:var(--gutter); bottom:clamp(30px,5.5vh,52px); z-index:2;
  color:#fff; font-family:var(--font-body);
  font-size:clamp(13px,1vw,15px); letter-spacing:.14em; line-height:2;
}
@media (max-width:820px){
  .lg-hours{ left:clamp(20px,5.6vw,28px); bottom:26px; font-size:12.5px; }
}