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

/* 「歌舞伎体験の、魅力。」セクションのピラー画像はすべて非表示 */
.lp-pillars .pillar__img{display:none !important;}

.kb-guide{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,40px);margin-top:clamp(32px,4vw,56px);}
.kb-guide__card{background:rgba(18,20,26,.45);border:.5px solid rgba(184,147,90,.12);padding:clamp(28px,3vw,40px) clamp(24px,2.5vw,36px);}
.kb-guide__kicker{font-family:var(--en-body);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;}
.kb-guide__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:16px;}
.kb-guide__desc{font-family:var(--serif);font-weight:300;font-size:clamp(12px,1vw,14px);line-height:2;letter-spacing:.06em;color:var(--mute);margin-bottom:20px;}
.kb-guide__steps{list-style:none;padding:0;margin:0;border-top:.5px solid rgba(184,147,90,.12);}
.kb-guide__steps li{font-family:var(--serif);font-weight:300;font-size:clamp(12px,1vw,14px);line-height:2;letter-spacing:.06em;color:var(--mute);padding:12px 0;border-bottom:.5px solid rgba(184,147,90,.08);}
.kb-guide__steps li span.step-label{font-family:var(--en-body);font-size:11px;color:var(--gold);margin-right:8px;}

.kb-color{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,24px);margin-top:clamp(24px,3vw,40px);}
.kb-color__item{display:flex;align-items:center;gap:16px;padding:20px 24px;background:rgba(18,20,26,.45);border:.5px solid rgba(184,147,90,.08);}
.kb-color__swatch{width:40px;height:40px;border-radius:50%;flex-shrink:0;}
.kb-color__swatch--red{background:rgba(180,50,40,.8);}
.kb-color__swatch--blue{background:rgba(40,80,160,.8);}
.kb-color__swatch--brown{background:rgba(140,90,50,.8);}
.kb-color__swatch--gold{background:rgba(184,147,90,.8);}
.kb-color__text{font-family:var(--serif);font-weight:300;font-size:clamp(12px,1vw,14px);line-height:1.8;letter-spacing:.06em;color:var(--mute);}
.kb-color__text strong{color:var(--paper);font-weight:500;}

.kb-options__table{width:100%;border-collapse:collapse;margin-top:clamp(24px,3vw,40px);}
.kb-options__table tr{border-bottom:.5px solid rgba(184,147,90,.1);}
.kb-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;}
.kb-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;}
.kb-options__table td:last-child{text-align:right;white-space:nowrap;color:var(--gold);font-family:var(--en-body);font-size:13px;}
.kb-options__cat{font-family:var(--en-body);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);display:block;padding-top:8px;}
.kb-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;}
.kb-options__link:hover{opacity:.7;}

@media(max-width:768px){
  .kb-guide{grid-template-columns:1fr;}
  .kb-color{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;
  }
}