/* =========================================================
   つきじ治作 — culture-dining ページ固有スタイル（抽出元: culture/dining/index.html の <style>）
   body名前空間: page-culture-dining / url(): css/pages/基準 ../../images/
   ========================================================= */
.lp-hero__image{background-image:url('../../images/Img26135.jpg');}
.lp-prologue .sig-intro__img{background-image:url('../../images/Img26100.jpg');}
.lp-pillars .pillar-1 .pillar__img{background-image:url('../../images/Img26113.jpg');}
.lp-pillars .pillar-2 .pillar__img{background-image:url('../../images/Img26135.jpg');}
.lp-pillars .pillar-3 .pillar__img{background-image:url('../../images/visual01.webp');}
.lp-pillars .pillar-4 .pillar__img{background-image:url('../../images/Img26163.jpg');}
.lp-pillars .pillar-5 .pillar__img{background-image:url('../../images/gallery_img06.jpg');}
.lp-pillars .pillar-6 .pillar__img{background-image:url('../../images/Img26166.jpg');}
.lp-fullbleed{background-image:url('../../images/Img26182.jpg');}
.lp-cta__bg{background-image:url('../../images/Img26182.jpg');}

.dn-scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px);margin-top:clamp(32px,4vw,56px);}
.dn-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);}
.dn-scene:hover{border-color:rgba(184,147,90,.3);}
.dn-scene__kicker{font-family:var(--en-body);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;}
.dn-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;}
.dn-scene__desc{font-family:var(--serif);font-weight:300;font-size:clamp(12px,1vw,14px);line-height:2;letter-spacing:.06em;color:var(--mute);}

.dn-options__table{width:100%;border-collapse:collapse;margin-top:clamp(24px,3vw,40px);}
.dn-options__table tr{border-bottom:.5px solid rgba(184,147,90,.1);}
.dn-options__table th{font-family:var(--serif);font-weight:400;font-size:clamp(13px,1vw,15px);letter-spacing:.08em;color:var(--paper);padding:14px 20px 14px 0;text-align:left;white-space:nowrap;}
.dn-options__table td{font-family:var(--serif);font-weight:300;font-size:clamp(12px,.9vw,14px);letter-spacing:.06em;color:var(--mute);padding:14px 20px;}
.dn-options__table td:last-child{text-align:right;white-space:nowrap;color:var(--gold);font-family:var(--en-body);font-size:13px;}
.dn-options__cat{font-family:var(--en-body);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);display:block;padding-top:8px;}
.dn-options__link{display:inline-block;margin-top:20px;font-family:var(--en-body);font-size:12px;letter-spacing:.14em;color:var(--gold);text-decoration:none;border-bottom:.5px solid var(--gold);padding-bottom:2px;transition:opacity .3s;}
.dn-options__link:hover{opacity:.7;}

@media(max-width:768px){
  .dn-scenes{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);}