/*
Theme Name: Kishu Wakaushi Lab
Description: 紀州和華牛研究所 カスタムテーマ
Version: 1.4
Author: -
*/

.img-slot{display:block;object-fit:cover;background:#e8e0d0;}

@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;500;600;700;800&family=Zen+Old+Mincho:wght@400;600;700;900&family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&display=swap');

:root{
  --cream:#f1e8d8;
  --cream-2:#e9dec9;
  --cream-deep:#e3d6bd;
  --ink:#14202e;
  --ink-2:#1b2c40;
  --ink-soft:#243246;
  --gold:#a98a54;
  --gold-2:#c2a878;
  --vermilion:#bb3b2a;
  --text:#2a2723;
  --text-soft:#6c6557;
  --on-ink:#ece2cf;
  --on-ink-soft:#a9b1b9;
  --hairline:rgba(20,32,46,.18);
  --mincho:'Shippori Mincho B1', serif;
  --mincho-bold:'Zen Old Mincho', serif;
  --latin:'Cormorant Garamond', serif;
}

*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--mincho);
  color:var(--text);
  background:var(--cream);
  -webkit-font-smoothing:antialiased;
  line-height:1.9;
  overflow-x:hidden;
}
img{display:block;max-width:100%;}

/* ---------- shared type ---------- */
.latin{font-family:var(--latin);letter-spacing:.28em;text-transform:uppercase;}
.vrl{writing-mode:vertical-rl;text-orientation:upright;}
.vrl-mixed{writing-mode:vertical-rl;}
.label-red{
  font-family:var(--latin);
  color:var(--vermilion);
  letter-spacing:.4em;
  text-transform:uppercase;
  font-size:13px;
  font-weight:500;
}

/* ---------- hairline divider ---------- */
.hairline-v{
  width:1px;height:88px;
  background:var(--hairline);
  margin:0 auto;
  position:relative;
}
.hairline-v.on-ink{background:rgba(236,226,207,.3);}

/* ---------- section kanji header ---------- */
.kanji-head{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;}
.kanji-head .glyph{
  font-family:var(--mincho-bold);
  font-weight:700;
  font-size:64px;
  letter-spacing:.1em;
  line-height:1;
}
.kanji-head .reading{
  font-family:var(--latin);
  letter-spacing:.5em;
  font-size:13px;
  color:var(--gold);
  text-transform:uppercase;
}
.kanji-head .lede{
  max-width:560px;
  font-size:16.5px;
  color:var(--text-soft);
  line-height:2.2;
}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:12px;
  font-family:var(--mincho);
  font-size:15px;letter-spacing:.18em;
  padding:15px 30px;
  border:1px solid currentColor;
  color:var(--ink);
  background:transparent;
  text-decoration:none;
  transition:.4s;
  position:relative;
}
.btn::after{content:'→';font-family:var(--latin);}
.btn:hover{background:var(--ink);color:var(--cream);border-color:var(--ink);}
.btn.gold{background:var(--gold);color:#fff;border-color:var(--gold);}
.btn.gold:hover{background:var(--ink);border-color:var(--ink);}
.btn.on-ink{color:var(--on-ink);}
.btn.on-ink:hover{background:var(--gold);border-color:var(--gold);color:#fff;}

/* ---------- nav ---------- */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:60;
  display:flex;align-items:center;justify-content:space-between;
  padding:22px 40px;
  transition:.5s;
}
.nav.scrolled{background:rgba(241,232,216,.92);backdrop-filter:blur(8px);box-shadow:0 1px 0 var(--hairline);}
.nav .brand{font-family:var(--mincho-bold);font-weight:700;font-size:19px;letter-spacing:.18em;color:var(--ink);transition:color .4s;}
.nav .links{display:flex;gap:22px;align-items:center;}
.nav .links a{font-size:14.5px;letter-spacing:.18em;color:var(--ink);text-decoration:none;opacity:.8;transition:color .4s,opacity .3s;white-space:nowrap;}
.nav .links a:hover{opacity:1;color:var(--vermilion);}
.lang-switch{position:relative;}
.lang-btn{
  display:flex;align-items:center;gap:7px;cursor:pointer;background:none;border:1px solid var(--hairline);border-radius:3px;
  padding:8px 12px;font-family:inherit;font-size:12.5px;letter-spacing:.08em;color:var(--ink);transition:border-color .3s;
}
.lang-btn:hover{border-color:var(--gold);}
.lang-btn .car{transition:transform .25s;}
.lang-switch.is-open .lang-btn .car{transform:rotate(180deg);}
.lang-menu{
  position:absolute;top:calc(100% + 8px);right:0;min-width:190px;z-index:60;
  background:#fff;border:1px solid var(--hairline);border-radius:4px;
  box-shadow:0 18px 44px -18px rgba(20,32,46,.35);padding:6px 0;
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .25s,transform .25s,visibility .25s;
}
.lang-switch.is-open .lang-menu{opacity:1;visibility:visible;transform:none;}
.lang-menu a{
  display:block;padding:10px 18px;font-size:13px;color:var(--ink);text-decoration:none;
  letter-spacing:.05em;opacity:.75;transition:background .2s,opacity .2s;
}
.lang-menu a:hover{background:var(--cream-2);opacity:1;}
.lang-menu a.is-active{opacity:1;color:var(--vermilion);}
.nav .tel{font-family:var(--latin);letter-spacing:.1em;font-size:18px;color:var(--ink);white-space:nowrap;transition:color .4s;}
.nav .resv{
  font-size:13px;letter-spacing:.2em;color:#fff;background:var(--vermilion);
  padding:11px 20px;text-decoration:none;transition:.3s;
}
.nav .resv:hover{background:var(--ink);}
/* over the dark hero (before scroll): light nav */
.nav:not(.scrolled) .brand,
.nav:not(.scrolled) .links a,
.nav:not(.scrolled) .tel{color:var(--on-ink);}

/* ---------- nav: mobile burger + drawer ---------- */
.nav-burger{
  display:none;flex-direction:column;justify-content:center;gap:5px;
  width:30px;height:30px;background:none;border:0;padding:0;cursor:pointer;z-index:80;
}
.nav-burger span{display:block;height:2px;width:100%;background:currentColor;transition:transform .35s,opacity .25s;}
.nav-burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-burger.is-open span:nth-child(2){opacity:0;}
.nav-burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.nav-burger.is-open{color:var(--on-ink);}
.nav-burger.is-open span{background:var(--on-ink);}

.nav-overlay{
  position:fixed;inset:0;background:rgba(15,22,32,.55);z-index:65;
  opacity:0;pointer-events:none;transition:opacity .35s;
}
.nav-overlay.is-open{opacity:1;pointer-events:auto;}

.mobile-panel{
  position:fixed;top:0;right:0;height:100vh;width:min(80vw,340px);
  background:var(--ink);z-index:75;
  transform:translateX(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);
  display:flex;flex-direction:column;
  padding:100px 36px 40px;overflow-y:auto;
}
.mobile-panel.is-open{transform:translateX(0);}
.mobile-panel .m-close{
  position:absolute;top:26px;right:30px;width:34px;height:34px;
  background:none;border:0;cursor:pointer;color:var(--on-ink);
  display:flex;align-items:center;justify-content:center;
}
.mobile-panel .m-close svg{width:20px;height:20px;}
.mobile-panel a{
  font-family:var(--mincho-bold);font-weight:500;font-size:17.5px;letter-spacing:.1em;
  color:var(--on-ink);text-decoration:none;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.12);
}
.mobile-panel .m-tel{
  margin-top:28px;font-family:var(--latin);font-size:19px;letter-spacing:.08em;color:var(--gold-2);text-decoration:none;
}
.mobile-panel .m-lang{display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:center;margin-top:8px;border:0;padding:14px 12px 0;}
.mobile-panel .m-lang a{font-size:13px;letter-spacing:.06em;opacity:.55;border:0;padding:0;}
.mobile-panel .m-lang a.is-active{opacity:1;border-bottom:1px solid var(--gold);padding-bottom:3px;}
.mobile-panel .m-resv{
  margin-top:16px;text-align:center;font-size:14px;letter-spacing:.2em;color:#fff;
  background:var(--vermilion);padding:14px 20px;text-decoration:none;
}

@media (max-width:1040px){
  .nav .links{display:none;}
  .nav-burger{display:flex;}
}

/* ---------- hero (full-screen KV) ---------- */
.hero{
  height:100vh;min-height:560px;
  background:var(--ink);
  position:relative;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;
  overflow:hidden;
}
.hero .hero-slideshow{position:absolute;inset:0;width:100%;height:100%;z-index:0;}
.hero .hero-slideshow .slide{
  position:absolute;inset:0;width:100%;height:100%;
  opacity:0;
  transition:opacity 1.6s ease;
}
.hero .hero-slideshow .slide.is-active{opacity:1;}
.hero .hero-slideshow .slide .img-slot{width:100%;height:100%;}
/* legibility scrim over the photo */
.hero::after{
  content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(to bottom, rgba(15,22,32,.42) 0%, rgba(15,22,32,.12) 26%, rgba(15,22,32,.16) 60%, rgba(15,22,32,.62) 100%);
}
.hero .logo{
  position:relative;z-index:2;
  display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;
}
.hero .logo .seal{
  width:60px;height:60px;border-radius:50%;
  border:1.5px solid rgba(236,226,207,.9);color:var(--on-ink);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--mincho-bold);font-size:24px;font-weight:700;
  backdrop-filter:blur(2px);
}
.hero .logo .logo-mark{
  width:180px;height:auto;
  filter:drop-shadow(0 4px 24px rgba(0,0,0,.45));
  background:rgba(236,226,207,.94);border-radius:6px;padding:10px;
}
.hero .logo .sub{font-family:var(--latin);letter-spacing:.58em;font-size:15px;color:var(--gold-2);text-indent:.58em;}
.hero .scroll-cue{
  position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:2;
  font-family:var(--latin);letter-spacing:.3em;font-size:11px;color:var(--on-ink);
  display:flex;flex-direction:column;align-items:center;gap:10px;opacity:.85;
}
.hero .scroll-cue::after{content:'';width:1px;height:42px;background:rgba(236,226,207,.6);animation:cue 2s infinite;}
@keyframes cue{0%,100%{transform:scaleY(.4);opacity:.3;transform-origin:top;}50%{transform:scaleY(1);opacity:1;transform-origin:top;}}

.hero .hero-dots{
  position:absolute;bottom:34px;right:50px;z-index:2;
  display:flex;gap:12px;align-items:center;
}
.hero .hero-dots .dot{
  width:8px;height:8px;border-radius:50%;
  border:1px solid var(--on-ink);
  background:transparent;
  cursor:pointer;
  transition:background .4s,transform .3s;
}
.hero .hero-dots .dot.is-active{background:var(--on-ink);transform:scale(1.2);}

.hero .tagline{
  position:absolute;top:50%;right:50px;transform:translateY(-50%);z-index:2;
  font-family:var(--mincho);font-size:18px;letter-spacing:.34em;
  color:var(--on-ink);height:300px;line-height:2.1;text-shadow:0 2px 20px rgba(0,0,0,.5);
}

.hero .hero-catch{
  position:relative;z-index:2;text-align:center;
  font-family:var(--mincho-bold);font-weight:700;
  font-size:clamp(28px,4.2vw,52px);letter-spacing:.16em;line-height:1.7;
  color:var(--on-ink);text-shadow:0 2px 30px rgba(0,0,0,.5);
}

/* ---------- generic section ---------- */
.section{padding:120px 40px;position:relative;}
.section.ink{background:var(--ink);color:var(--on-ink);}
.section.cream2{background:var(--cream-2);}
.wrap{max-width:1200px;margin:0 auto;}

/* concept ---------- */
.concept{display:grid;grid-template-columns:auto 1fr 1.1fr;gap:48px;align-items:center;}
.concept.concept-2col{
  display:flex;flex-direction:column;align-items:flex-start;gap:18px;
}
.concept-2col .heading{
  writing-mode:horizontal-tb;height:auto;
  font-size:34px;letter-spacing:.1em;line-height:1.6;
}
.concept-2col .body{max-width:760px;}
.concept .heading{
  font-family:var(--mincho-bold);font-weight:600;
  font-size:30px;letter-spacing:.3em;line-height:1.9;
  height:420px;
}
.concept .body{font-size:16.5px;line-height:2.4;color:var(--text-soft);}
.concept .body .em{color:var(--text);font-size:17.5px;}
.concept .photos{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:200px 200px;gap:16px;}
.concept .photos .img-slot:nth-child(1){grid-row:span 2;height:416px;}
.concept .photos .img-slot{width:100%;height:200px;}

/* pillars (kodawari) ---------- */
.pillars{
  margin-top:70px;
  display:grid;grid-template-columns:1fr 1fr;gap:56px 60px;
}
.pillar{display:flex;gap:26px;align-items:flex-start;}
.pillar .img-slot{width:140px;height:190px;flex-shrink:0;}
.pillar .meta .no{font-family:var(--latin);color:var(--gold);font-size:13px;letter-spacing:.2em;}
.pillar .meta .ttl{font-family:var(--mincho-bold);font-weight:600;font-size:18px;margin-top:8px;letter-spacing:.06em;line-height:1.6;color:var(--ink);}
.pillar .meta .desc{font-size:14px;color:var(--text-soft);margin-top:12px;line-height:2;}

/* course (ink) full bleed ---------- */
.course-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:0;align-items:stretch;}
.course-hero .img-slot{width:100%;height:100%;}
.course-hero .panel{padding:64px;display:flex;flex-direction:column;justify-content:center;background:var(--ink-2);}
.course-list{margin-top:30px;display:flex;flex-direction:column;gap:0;}
.course-list .row{
  display:flex;justify-content:space-between;align-items:baseline;gap:20px;
  padding:20px 0;border-top:1px solid rgba(236,226,207,.18);
}
.course-list .row:last-child{border-bottom:1px solid rgba(236,226,207,.18);}
.course-list .row .nm{font-family:var(--mincho-bold);font-weight:600;font-size:17px;letter-spacing:.06em;white-space:nowrap;}
.course-list .row .pr{font-family:var(--latin);font-size:22px;color:var(--gold-2);letter-spacing:.05em;white-space:nowrap;}
.course-list .row .dc{font-size:13.5px;color:var(--on-ink-soft);flex:1;text-align:right;padding-right:18px;}

/* interior ---------- */
.interior{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.interior .big{grid-column:span 2;}
.interior .img-slot{width:100%;}

/* info / access ---------- */
.info{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;}
.info table{width:100%;border-collapse:collapse;font-size:15.5px;}
.info th{
  text-align:left;vertical-align:top;width:120px;padding:16px 0;
  font-family:var(--mincho-bold);font-weight:600;letter-spacing:.12em;
  border-bottom:1px solid var(--hairline);color:var(--ink);
}
.info td{padding:16px 0;border-bottom:1px solid var(--hairline);color:var(--text-soft);line-height:2;}
.info .map .img-slot{width:100%;height:100%;min-height:380px;}
.info .map{position:relative;min-height:380px;overflow:hidden;border:1px solid var(--hairline);}
.info .map .gmap{
  display:block;width:100%;height:100%;min-height:380px;
  filter:grayscale(.55) sepia(.18) contrast(1.02) brightness(1.02);
  transition:filter .6s ease;
}
.info .map:hover .gmap{filter:none;}

.ja-only{
  display:inline-block;margin-left:6px;vertical-align:2px;
  font-size:9.5px;letter-spacing:.06em;color:var(--gold);border:1px solid var(--gold);
  border-radius:2px;padding:1px 5px;opacity:.9;
}
.float-resv{
  position:fixed;bottom:24px;right:24px;z-index:900;
  background:var(--vermilion);color:#fff;text-decoration:none;
  font-family:var(--mincho-bold);font-weight:700;font-size:15px;letter-spacing:.14em;
  padding:16px 26px;border-radius:99px;
  box-shadow:0 14px 34px -10px rgba(178,58,44,.6);
  animation:resv-pulse 2.6s ease-in-out infinite;
}
@keyframes resv-pulse{
  0%,100%{box-shadow:0 14px 34px -10px rgba(178,58,44,.6),0 0 0 0 rgba(178,58,44,.4);}
  50%{box-shadow:0 14px 34px -10px rgba(178,58,44,.6),0 0 0 12px rgba(178,58,44,0);}
}
.mobile-cta-bar{display:none;}
@media (max-width:768px){
  .float-resv{display:none;}
  .mobile-cta-bar{
    position:fixed;bottom:0;left:0;right:0;z-index:9999;
    display:grid;grid-template-columns:1fr 1fr;
  }
  .mobile-cta-bar a{
    display:flex;align-items:center;justify-content:center;gap:8px;
    min-height:54px;font-family:var(--mincho-bold);font-weight:700;
    font-size:14.5px;letter-spacing:.12em;text-decoration:none;
  }
  .mobile-cta-bar .cta-tel{background:var(--ink);color:var(--on-ink);}
  .mobile-cta-bar .cta-resv{background:var(--vermilion);color:#fff;}
  body{padding-bottom:54px;}
}

/* ---------- news page ---------- */
.news-cats{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:40px;}
.cat-chip{font-size:12.5px;letter-spacing:.08em;color:var(--text-soft);text-decoration:none;border:1px solid var(--hairline);border-radius:99px;padding:7px 18px;transition:color .25s,border-color .25s,background .25s;}
.cat-chip:hover{color:var(--ink);border-color:var(--gold);}
.cat-chip.is-active{color:#fff;background:var(--ink);border-color:var(--ink);}
.news-list{display:flex;flex-direction:column;}
.news-row{display:flex;flex-direction:column;gap:8px;padding:30px 6px;border-bottom:1px solid var(--hairline);text-decoration:none;transition:background .25s;}
.news-row:first-child{border-top:1px solid var(--hairline);}
.news-row:hover{background:var(--cream-2);}
.news-row .nr-head{display:flex;align-items:center;gap:14px;}
.news-row .nr-date{font-family:var(--latin);font-size:13px;letter-spacing:.12em;color:var(--gold);}
.news-row .nr-cat{font-size:11px;letter-spacing:.1em;color:var(--text-soft);border:1px solid var(--hairline);border-radius:2px;padding:2px 9px;}
.news-row .nr-cat.fair{color:var(--vermilion);border-color:var(--vermilion);}
.news-row .nr-cat.award{color:var(--gold);border-color:var(--gold);}
.news-row .nr-title{font-family:var(--mincho-bold);font-weight:700;font-size:17.5px;letter-spacing:.04em;color:var(--ink);line-height:1.7;}
.news-row .nr-desc{font-size:13.5px;color:var(--text-soft);line-height:2;}
@media (max-width:600px){
  .news-row{padding:24px 2px;}
  .news-row .nr-title{font-size:15.5px;}
}

/* footer ---------- */
.foot{background:var(--ink);color:var(--on-ink);padding:80px 40px 40px;text-align:center;}
.foot .foot-logo{
  width:96px;height:auto;margin:0 auto 22px;border-radius:8px;
}
.foot .fsub{font-family:var(--latin);letter-spacing:.5em;font-size:12px;color:var(--gold-2);margin-top:10px;}
.foot .fmeta{margin-top:30px;font-size:14.5px;color:var(--on-ink-soft);line-height:2.1;}
.foot .fsns{margin-top:26px;display:flex;gap:20px;justify-content:center;}
.foot .fsns a{color:var(--on-ink);text-decoration:none;font-size:14.5px;letter-spacing:.2em;border-bottom:1px solid rgba(236,226,207,.3);padding-bottom:3px;transition:.3s;}
.foot .fsns a:hover{color:var(--gold-2);border-color:var(--gold-2);}
.foot .copy{margin-top:50px;font-family:var(--latin);letter-spacing:.2em;font-size:12px;color:var(--on-ink-soft);}

/* reveal ---------- content is always opacity:1; entrance is transform-only so it can never hide content */
.reveal{transform:translateY(26px);transition:transform .85s cubic-bezier(.16,.7,.2,1);}
.reveal.in{transform:none;}
.reveal.in.d1{transition-delay:.1s;}
.reveal.in.d2{transition-delay:.2s;}
.reveal.in.d3{transition-delay:.3s;}

@media (prefers-reduced-motion:reduce){.reveal{transform:none;transition:none;}}

/* ---------- news ticker ---------- */
.news-strip{
  background:var(--cream);
  border-top:1px solid var(--hairline);
  border-bottom:1px solid var(--hairline);
  padding:22px 40px;
}
.news-strip .inner{
  max-width:1200px;margin:0 auto;
  display:flex;align-items:center;gap:28px;
}
.news-strip .label-red{flex-shrink:0;}
.news-strip .list{
  flex:1;display:flex;gap:40px;overflow:hidden;
}
.news-strip .item{display:flex;gap:14px;align-items:baseline;white-space:nowrap;}
.news-strip .date{font-family:var(--latin);font-size:13px;color:var(--gold);letter-spacing:.05em;}
.news-strip .txt{font-size:14.5px;color:var(--text);}
.news-strip .more{
  flex-shrink:0;font-size:13px;letter-spacing:.16em;color:var(--vermilion);
  text-decoration:none;white-space:nowrap;
}
.news-strip .more::after{content:' →';}

/* ---------- awards ---------- */
.awards{margin-top:26px;display:flex;flex-direction:column;gap:16px;}
.awards .award{display:flex;align-items:flex-start;gap:12px;}
.awards .dot{width:5px;height:5px;border-radius:50%;background:var(--gold);flex-shrink:0;margin-top:8px;}
.awards .t{font-size:14px;color:var(--text);font-weight:600;letter-spacing:.04em;}
.awards .s{font-size:13px;color:var(--text-soft);margin-top:3px;line-height:1.7;}

/* ---------- scenes ---------- */
.scenes{margin-top:70px;display:flex;align-items:stretch;gap:0;}
.scenes .scene{flex:1;display:flex;flex-direction:column;padding:0 44px;}
.scenes .scene:first-child{padding-left:0;}
.scenes .scene:last-child{padding-right:0;}
.scenes .divider{width:1px;background:var(--hairline);flex-shrink:0;}
.scenes .scene .img-slot{width:100%;height:230px;margin-bottom:30px;}
.scenes .scene .no{font-family:var(--latin);font-size:11px;letter-spacing:.22em;color:var(--gold);text-transform:uppercase;margin-bottom:16px;}
.scenes .scene .quote{font-family:var(--mincho-bold);font-weight:600;font-size:19px;line-height:1.75;letter-spacing:.04em;color:var(--ink);margin-bottom:18px;}
.scenes .scene .desc{font-size:14px;color:var(--text-soft);line-height:2;flex:1;margin-bottom:22px;}
.scenes .scene .link{font-size:13px;letter-spacing:.14em;color:var(--vermilion);text-decoration:none;align-self:flex-start;}
.scenes .scene .link::after{content:' →';}

/* ---------- coupon banner ---------- */
.coupon-band{
  background:var(--vermilion);color:#fff;
  padding:56px 40px;
}
.coupon-band .inner{
  max-width:1200px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;
}
.coupon-band .ttl{font-family:var(--mincho-bold);font-weight:600;font-size:22px;letter-spacing:.14em;}
.coupon-band .sub{font-size:14px;opacity:.82;margin-top:8px;letter-spacing:.04em;}
.coupon-band .btn.on-ink{border-color:rgba(255,255,255,.7);color:#fff;}
.coupon-band .btn.on-ink:hover{background:#fff;color:var(--vermilion);border-color:#fff;}

/* ---------- payment badges ---------- */
.pay-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;}
.pay-badges .badge{
  font-family:var(--latin);font-size:11px;letter-spacing:.06em;
  border:1px solid var(--hairline);padding:3px 9px;color:var(--text-soft);
  text-transform:none;
}

/* ---------- sisters ---------- */
.sisters{margin-top:60px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hairline);border:1px solid var(--hairline);}
.sisters .card{background:var(--cream);padding:36px 32px;}
.sisters .card.current{background:var(--cream-2);}
.sisters .card .nm{font-family:var(--mincho-bold);font-weight:600;font-size:16px;letter-spacing:.06em;margin-bottom:6px;color:var(--ink);}
.sisters .card.current .nm{color:var(--text-soft);}
.sisters .card .meta{font-size:13px;color:var(--text-soft);letter-spacing:.03em;margin-bottom:14px;}
.sisters .card .link{font-size:13px;color:var(--vermilion);text-decoration:none;}
.sisters .card .link::after{content:' →';}

/* ---------- footer sns expanded ---------- */
.foot .fsns{flex-wrap:wrap;}

/* responsive additions ---------- */
/* ---------- page hero (sub pages) ---------- */
.page-hero{
  height:56vh;min-height:380px;max-height:520px;
  position:relative;background:var(--ink);overflow:hidden;
  display:flex;align-items:flex-end;justify-content:center;
}
.page-hero .ph-photo{position:absolute;inset:0;width:100%;height:100%;}
.page-hero::after{
  content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(to bottom, rgba(15,22,32,.35) 0%, rgba(15,22,32,.15) 40%, rgba(15,22,32,.7) 100%);
}
.page-hero .ph-content{position:relative;z-index:2;text-align:center;padding-bottom:56px;}
.page-hero .ph-content .label-red{color:var(--gold-2);}
.page-hero .ph-content .title{
  font-family:var(--mincho-bold);font-weight:700;font-size:clamp(24px,3.4vw,40px);
  letter-spacing:.2em;color:var(--on-ink);margin-top:14px;text-shadow:0 2px 24px rgba(0,0,0,.5);
}

/* breadcrumb */
.crumb{
  padding:14px 40px 0;font-size:12.5px;letter-spacing:.06em;color:var(--text-soft);
  display:flex;gap:8px;align-items:center;max-width:1200px;margin:0 auto;
}
.crumb a{color:var(--text-soft);text-decoration:none;}
.crumb a:hover{color:var(--vermilion);}
.crumb .sep{opacity:.5;}
.crumb .now{color:var(--ink);}

/* ---------- dashi (nabe) ---------- */
.dashi-intro{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.dashi-intro .img-slot{width:100%;height:320px;}
.dashi-intro h3{font-family:var(--mincho-bold);font-weight:600;font-size:24px;letter-spacing:.1em;line-height:1.7;color:var(--ink);margin-bottom:18px;}
.dashi-intro p{font-size:15px;color:var(--text-soft);line-height:2.2;}

.dashi-grid-top{
  display:grid;grid-template-columns:1fr 1fr;gap:40px;
}
.dashi-card-lg .img-slot{width:100%;height:260px;object-fit:contain;background:var(--cream-2);margin-bottom:22px;}
.dashi-card-lg .num{font-family:var(--latin);font-size:10.5px;letter-spacing:.2em;color:var(--gold);text-transform:uppercase;}
.dashi-card-lg .name{font-family:var(--mincho-bold);font-weight:600;font-size:18px;letter-spacing:.06em;margin:9px 0 12px;color:var(--ink);}
.dashi-card-lg .desc{font-size:14px;color:var(--text-soft);line-height:1.9;}

.dashi-grid{
  margin-top:56px;
  display:flex;align-items:stretch;gap:0;
}
.dashi-card{flex:1;display:flex;flex-direction:column;padding:0 26px;}
.dashi-card:first-child{padding-left:0;}
.dashi-card:last-child{padding-right:0;}
.dashi-divider{width:1px;background:var(--hairline);flex-shrink:0;}
.dashi-card .img-slot{width:100%;aspect-ratio:1/1;height:auto;object-fit:contain;background:var(--cream-2);margin-bottom:22px;}
.dashi-card .num{font-family:var(--latin);font-size:10.5px;letter-spacing:.2em;color:var(--gold);text-transform:uppercase;}
.dashi-card .name{font-family:var(--mincho-bold);font-weight:600;font-size:16px;letter-spacing:.06em;margin:9px 0 12px;color:var(--ink);}
.dashi-card .desc{font-size:13.5px;color:var(--text-soft);line-height:1.9;}

/* ---------- cta band ---------- */
.cta-band{background:var(--cream2);padding:64px 40px;}
.cta-band .inner{
  max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
}
.cta-band .title{font-family:var(--mincho-bold);font-weight:700;font-size:24px;letter-spacing:.14em;color:var(--ink);}
.cta-band .btns{display:flex;gap:14px;flex-wrap:wrap;}

/* ---------- a la carte menu (お料理) ---------- */
.mcat{margin-top:96px;}
.mcat:first-child{margin-top:0;}
.mcat-head{display:flex;align-items:center;gap:22px;margin-bottom:38px;}
.mcat-head .ln{flex:1;height:1px;background:var(--hairline);}
.mcat-head .tt{font-family:var(--mincho-bold);font-weight:700;font-size:21px;letter-spacing:.16em;color:var(--ink);white-space:nowrap;}
.mcat-head .en{font-family:var(--latin);font-size:11px;letter-spacing:.32em;color:var(--gold);text-transform:uppercase;white-space:nowrap;}

.mphoto-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:32px 28px;}
.mphoto-card .img-slot{width:100%;aspect-ratio:4/3;margin-bottom:14px;}
.mphoto-card .nm{font-family:var(--mincho-bold);font-weight:600;font-size:14px;letter-spacing:.04em;color:var(--ink);line-height:1.6;}
.mphoto-card .pr{font-family:var(--latin);font-size:16px;color:var(--vermilion);margin-top:7px;letter-spacing:.02em;}
.mphoto-card .ds{font-size:13px;color:var(--text-soft);margin-top:9px;line-height:1.85;}

.mlist{display:grid;grid-template-columns:1fr 1fr;column-gap:44px;margin-top:8px;}
.mcat .mphoto-grid + .mlist{margin-top:34px;}
.mrow{grid-column:span 1;display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:15px 0;border-top:1px solid var(--hairline);}
.mrow.wide{grid-column:1 / -1;}
.mrow .nm{font-size:15px;color:var(--ink);letter-spacing:.02em;}
.mrow .nm .sub{display:block;font-size:12.5px;color:var(--text-soft);margin-top:6px;line-height:1.9;letter-spacing:.02em;}
.mrow .pr{font-family:var(--latin);font-size:17px;color:var(--gold);white-space:nowrap;flex-shrink:0;}

.menu-lede{max-width:640px;margin:0 auto 90px;text-align:center;}

@media (max-width:760px){
  .mlist{grid-template-columns:1fr;}
  .mphoto-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));}
}

/* ---------- coupon page ---------- */
.coupon-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:34px;}
.coupon-card{
  position:relative;background:#fff;border:1px solid var(--hairline);
  box-shadow:0 18px 40px -24px rgba(20,32,46,.35);
  display:grid;grid-template-columns:104px 1fr;
}
.coupon-card .stub{
  position:relative;background:var(--vermilion);color:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
  padding:24px 0;
}
.coupon-card .stub::after{
  content:'';position:absolute;top:0;bottom:0;right:-1px;width:2px;
  background:repeating-linear-gradient(to bottom, rgba(255,255,255,.55) 0 8px, transparent 8px 16px);
}
.coupon-card .stub::before{
  content:'';position:absolute;left:50%;top:-13px;transform:translateX(-50%);
  width:26px;height:26px;border-radius:50%;background:var(--cream);
}
.coupon-card .stub .stub-notch-b{
  content:'';position:absolute;left:50%;bottom:-13px;transform:translateX(-50%);
  width:26px;height:26px;border-radius:50%;background:var(--cream);
}
.coupon-card .stub .no{font-family:var(--latin);font-size:30px;letter-spacing:.02em;font-weight:600;line-height:1;}
.coupon-card .stub .lb{
  writing-mode:vertical-rl;font-family:var(--latin);font-size:10px;letter-spacing:.35em;
  text-transform:uppercase;opacity:.85;
}
.coupon-card .body{padding:32px 34px 28px;display:flex;flex-direction:column;}
.coupon-card .offer{
  font-family:var(--latin);color:var(--vermilion);line-height:1;
  font-size:44px;font-weight:700;letter-spacing:.01em;white-space:nowrap;
}
.coupon-card .offer.long{font-size:27px;}
.coupon-card .offer .unit{font-size:20px;letter-spacing:.06em;margin-left:4px;}
.coupon-card .offer.long .unit{font-size:15px;}
.coupon-card .headline{font-family:var(--mincho-bold);font-weight:700;font-size:19px;line-height:1.6;color:var(--ink);letter-spacing:.02em;margin:0 0 22px;}
.coupon-card .rule{border-top:1px dashed var(--hairline);margin:0 0 20px;}
.coupon-card dl{margin:0;font-size:13px;color:var(--text-soft);line-height:1.9;}
.coupon-card dl dt{
  display:inline-block;font-weight:700;color:var(--gold);letter-spacing:.06em;
  font-size:12px;margin-top:14px;background:var(--cream-2);padding:2px 9px;border-radius:2px;
}
.coupon-card dl dt:first-child{margin-top:0;}
.coupon-card dl dd{margin:8px 0 0;}
.coupon-card .valid{
  margin-top:auto;padding-top:22px;font-size:12.5px;color:var(--ink);letter-spacing:.04em;
  display:flex;gap:10px;align-items:baseline;
}
.coupon-card .valid .lb{
  color:#fff;background:var(--ink);font-size:11px;letter-spacing:.14em;
  padding:3px 9px;border-radius:2px;
}
.coupon-card .valid .dates{font-family:var(--latin);letter-spacing:.03em;color:var(--gold);}

@media (max-width:820px){
  .coupon-grid{grid-template-columns:1fr;}
  .coupon-card{grid-template-columns:76px 1fr;}
  .coupon-card .offer{font-size:36px;}
}

/* ---------- course page cards ---------- */
.course-cards{display:flex;flex-direction:column;gap:0;}
.course-card{
  display:grid;grid-template-columns:1fr 1.35fr;gap:60px;align-items:center;
  padding:80px 0;border-top:1px solid var(--hairline);
}
.course-cards .course-card:first-child{border-top:none;}
.course-card.rev{grid-template-columns:1.35fr 1fr;}
.course-card.rev .cc-photo{order:2;}
.course-card .cc-photo{position:relative;}
.course-card .cc-photo .img-slot{width:100%;height:340px;}
.value-tag{
  position:absolute;top:18px;left:18px;z-index:2;
  background:var(--vermilion);color:#fff;
  font-family:var(--mincho-bold);font-weight:700;font-size:14px;letter-spacing:.1em;
  padding:9px 16px;box-shadow:0 10px 24px -10px rgba(20,32,46,.55);
}
.course-card .cc-body .badge{
  display:inline-flex;align-items:center;gap:8px;font-family:var(--latin);font-size:11px;
  letter-spacing:.2em;color:var(--gold);text-transform:uppercase;margin-bottom:16px;white-space:nowrap;
}
.course-card .cc-body .badge.hot{color:var(--vermilion);}
.course-card .cc-body .cc-title{
  font-family:var(--mincho-bold);font-weight:700;font-size:24px;letter-spacing:.06em;
  line-height:1.6;color:var(--ink);margin-bottom:16px;
}
.course-card .cc-body .cc-price{
  font-family:var(--latin);font-size:34px;color:var(--vermilion);letter-spacing:.02em;
  margin-bottom:18px;
}
.course-card .cc-body .cc-price small{font-family:var(--mincho);font-size:13px;color:var(--text-soft);letter-spacing:.05em;margin-left:8px;}
.course-card .cc-body .cc-meta{
  display:flex;gap:22px;flex-wrap:wrap;margin-bottom:22px;
  font-size:13.5px;color:var(--text-soft);
}
.course-card .cc-body .cc-meta span{white-space:nowrap;}
.course-card .cc-body .cc-meta b{color:var(--ink);font-family:var(--mincho-bold);font-weight:600;}
.course-card .cc-body .cc-desc{font-size:14.5px;color:var(--text-soft);line-height:2.1;margin-bottom:22px;}
.course-card .cc-body .cc-list{
  display:grid;grid-template-columns:1fr 1fr;row-gap:4px;column-gap:20px;
  font-size:13.5px;color:var(--text-soft);line-height:2;margin-bottom:26px;
}
.course-card .cc-body .cc-list .grp{font-family:var(--mincho-bold);font-weight:600;color:var(--ink);font-size:11px;letter-spacing:.1em;margin-top:10px;}
.course-card .cc-body .cc-note{font-size:12.5px;color:var(--text-soft);opacity:.85;line-height:1.9;margin-bottom:22px;}
.course-card .cc-body .cc-btns{display:flex;gap:12px;flex-wrap:wrap;}

/* ---------- tabehoudai (buffet) cards ---------- */
.tabe-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;background:var(--hairline);border:1px solid var(--hairline);margin-top:56px;}
.tabe-card{background:var(--cream);padding:36px 34px;display:flex;flex-direction:column;}
.tabe-card .tc-photo{position:relative;margin-bottom:22px;}
.tabe-card .tc-photo .img-slot{width:100%;aspect-ratio:1/1;height:auto;margin-bottom:0;}
.tabe-card .tc-badge{font-family:var(--latin);font-size:10.5px;letter-spacing:.2em;color:var(--gold);text-transform:uppercase;margin-bottom:12px;}
.tabe-card .tc-title{font-family:var(--mincho-bold);font-weight:700;font-size:18px;letter-spacing:.05em;line-height:1.6;color:var(--ink);margin-bottom:14px;}
.tabe-card .tc-price{font-family:var(--latin);font-size:28px;color:var(--vermilion);margin-bottom:14px;}
.tabe-card .tc-price small{font-family:var(--mincho);font-size:12px;color:var(--text-soft);margin-left:6px;}
.tabe-card .tc-desc{font-size:14px;color:var(--text-soft);line-height:2;margin-bottom:16px;}
.tabe-card .tc-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;}
.tabe-card .chip-tag{font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--text-soft);border:1px solid var(--hairline);padding:3px 10px;border-radius:99px;}
.tabe-card .tc-note{font-size:12.5px;color:var(--text-soft);opacity:.85;line-height:1.8;margin-bottom:20px;}
.tabe-card .tc-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;}

.tabe-cats{
  margin-top:60px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--hairline);border:1px solid var(--hairline);
}
.tabe-cat{background:var(--cream2);padding:22px 20px;}
.tabe-cat .tcn{font-family:var(--mincho-bold);font-weight:600;font-size:13px;letter-spacing:.1em;color:var(--ink);margin-bottom:10px;}
.tabe-cat .tcl{font-size:12.5px;color:var(--text-soft);line-height:2;}

@media (max-width:920px){
  .tabe-grid,.tabe-cats{grid-template-columns:1fr;}
  .course-card,.course-card.rev{grid-template-columns:1fr;gap:26px;padding:56px 0;}
  .course-card.rev .cc-photo{order:0;}
  .course-card .cc-photo .img-slot{height:280px;}
  .course-card .cc-body .cc-title{font-size:21px;}
  .course-card .cc-body .cc-price{font-size:29px;}
  .concept{grid-template-columns:1fr;gap:28px;}
  .concept .heading{height:auto;writing-mode:horizontal-tb;font-size:26px;line-height:1.6;}
  .pillars{grid-template-columns:1fr;}
  .kanji-head .glyph{font-size:44px;}
  .course-hero,.info{grid-template-columns:1fr;}
  .course-hero .img-slot{height:280px;}
  .course-hero .panel{padding:48px 32px;}
  .hero .tagline{display:none;}
  .hero .logo .logo-mark{width:130px;}
  .scenes,.sisters{grid-template-columns:1fr;}
  .scenes{flex-direction:column;}
  .scenes .scene{padding:0;}
  .scenes .divider{width:100%;height:1px;margin:40px 0;}
  .news-strip .inner{flex-direction:column;align-items:flex-start;gap:12px;}
  .news-strip .list{flex-wrap:wrap;gap:14px;}
  .coupon-band .inner{flex-direction:column;align-items:flex-start;}
  .dashi-intro{grid-template-columns:1fr;}
  .dashi-grid-top{grid-template-columns:1fr;gap:36px;}
  .dashi-grid{flex-direction:column;}
  .dashi-card{padding:0;}
  .dashi-divider{width:100%;height:1px;margin:30px 0;}
}

@media (max-width:600px){
  .concept .heading{font-size:22px;letter-spacing:.14em;}
  .concept .body{font-size:14.5px;line-height:2.2;}
  .concept .body .label-red{font-size:11px;}

  .course-card{padding:44px 0;}
  .course-card .cc-photo .img-slot{height:220px;}
  .course-card .cc-body .cc-list{grid-template-columns:1fr;row-gap:6px;}
  .course-card .cc-body .cc-meta{gap:14px 22px;}
  .course-card .cc-body .cc-btns{flex-direction:column;align-items:stretch;}
  .course-card .cc-body .cc-btns .btn{text-align:center;}

  .tabe-card{padding:28px 22px;}

  .course-list .row{flex-wrap:wrap;row-gap:6px;padding:18px 0;}
  .course-list .row .nm{white-space:normal;flex:1 1 auto;}
  .course-list .row .dc{flex:1 0 100%;text-align:left;padding-right:0;order:3;}
  .course-list .row .pr{margin-left:auto;}

  .kanji-head{gap:12px;}
  .kanji-head .glyph{font-size:32px;letter-spacing:.06em;}
  .kanji-head .reading{font-size:10px;letter-spacing:.35em;}
  .kanji-head .lede{font-size:13.5px;line-height:2;padding:0 8px;}

  .pillar{flex-direction:column;gap:16px;}
  .pillar .img-slot{width:100%;height:200px;}
}