/* =========================================================
   つきじ治作 — culture-table-manners ページ固有スタイル（抽出元: culture/table-manners/index.html の <style>）
   body名前空間: page-culture-table-manners / url(): css/pages/基準 ../../images/
   ========================================================= */
.lp-hero__image{background-image:url('../../images/culture/table-manners/table-manners_hero.jpg');}
.lp-prologue .sig-intro__img{background-image:url('../../images/culture/table-manners/section01.jpg');}
/* 「食卓作法体験の、特長。」セクションのピラー画像はすべて非表示 */
.lp-pillars .pillar__img{display:none !important;}
/* プランの画像はすべて非表示 */
#plans .lp-plan__img{display:none !important;}
.lp-pillars .pillar-1 .pillar__img{background-image:url('../../images/Img26097.jpg');}
.lp-pillars .pillar-2 .pillar__img{background-image:url('../../images/Img26100.jpg');}
.lp-pillars .pillar-3 .pillar__img{background-image:url('../../images/Img26135.jpg');}
.lp-pillars .pillar-4 .pillar__img{background-image:url('../../images/gallery_img06.jpg');}
.lp-pillars .pillar-5 .pillar__img{background-image:url('../../images/visual01.webp');}
.lp-pillars .pillar-6 .pillar__img{background-image:url('../../images/Img26163.jpg');}
.lp-fullbleed{background-image:url('../../images/Img26100.jpg');}
.lp-cta__bg{background-image:url('../../images/Img26097.jpg');}

.tm-scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px);margin-top:clamp(32px,4vw,56px);}
.tm-scene{background:rgba(18,20,26,.45);border:.5px solid rgba(184,147,90,.12);padding:clamp(28px,3vw,40px) clamp(24px,2.5vw,36px);transition:border-color .4s var(--ease);}
.tm-scene:hover{border-color:rgba(184,147,90,.3);}
.tm-scene__kicker{font-family:var(--en-body);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;}
.tm-scene__title{font-family:var(--serif);font-weight:500;font-size:clamp(16px,1.4vw,20px);line-height:1.7;letter-spacing:.1em;color:var(--paper);margin-bottom:12px;}
.tm-scene__desc{font-family:var(--serif);font-weight:300;font-size:clamp(12px,1vw,14px);line-height:2;letter-spacing:.06em;color:var(--mute);}

.tm-curriculum{margin-top:clamp(32px,4vw,56px);}
.tm-curriculum__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px);margin-top:clamp(24px,3vw,40px);}
.tm-curriculum__item{background:rgba(18,20,26,.45);border:.5px solid rgba(184,147,90,.08);padding:clamp(24px,2.5vw,36px);}
.tm-curriculum__num{font-family:var(--en-body);font-size:11px;letter-spacing:.18em;color:var(--gold);margin-bottom:8px;}
.tm-curriculum__title{font-family:var(--serif);font-weight:500;font-size:clamp(14px,1.2vw,17px);line-height:1.7;letter-spacing:.1em;color:var(--paper);margin-bottom:12px;}
.tm-curriculum__desc{font-family:var(--serif);font-weight:300;font-size:clamp(12px,.9vw,13px);line-height:2;letter-spacing:.06em;color:var(--mute);}










@media(max-width:768px){
  .tm-scenes{grid-template-columns:1fr;}
  .tm-curriculum__grid{grid-template-columns:1fr;}
}
/* Unified dark navy — match top index */
:root{--ink:#1a2638;--ink-2:#1a2638;}
html, body, body.is-day{background-color:#1a2638 !important;color:var(--mute);}
.header.is-scrolled{background:rgba(26,38,56,.85);}
/* Remove footer top margin (defaults to 120px in style.css) */
.footer{margin-top:0;}

/* SP hero layout — stack H1 → crumb → image (mirrors lifeevent/children) */
@media (max-width:767px){
  .lp-hero{
    height:auto !important;min-height:0 !important;
    display:flex !important;flex-direction:column !important;
    padding-top:120px !important;
  }
  .lp-hero__content{
    position:relative !important;
    inset:auto !important;
    top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;
    height:auto !important;
    padding:0 20px !important;
    order:1;
    justify-content:flex-start !important;
    align-items:flex-start !important;
    text-align:left !important;
  }
  .lp-hero__crumb{
    position:relative !important;
    top:auto !important;left:auto !important;
    margin:10px 20px 0 !important;
    order:2;
  }
  .lp-hero__scrim{display:none !important;}
  .lp-hero__image{
    position:relative !important;
    top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;
    width:100% !important;height:55vh !important;
    margin-top:12px !important;
    order:3;
  }
}

/* 料理プランのカードと注記（※ 表示価格は…）の間をあける */
.lp-plans-deck + .plan-note{margin-top:clamp(32px,4vw,56px);}

/* プロローグの但し書き（※同業他社様…）だけ小さく。
   欄の中で `[[0]]…[[/0]]` で囲んだ行が <small class="sig-intro__note"> になる
   （割り当ては template-parts/acf/culture/table-manners.php 側）。 */
.lp-prologue .sig-intro__desc .sig-intro__note{
  display:inline-block;
  margin-top:.6em;
  font-size:11px;
  line-height:1.9;
  letter-spacing:.08em;
  opacity:.72;
}