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

.tc-guide{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,40px);margin-top:clamp(32px,4vw,56px);}
.tc-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);}
.tc-guide__kicker{font-family:var(--en-body);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;}
.tc-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;}
.tc-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;}
.tc-guide__steps{list-style:none;padding:0;margin:0;border-top:.5px solid rgba(184,147,90,.12);}
.tc-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);}
.tc-guide__steps li span.step-label{font-family:var(--en-body);font-size:11px;color:var(--gold);margin-right:8px;}

.tc-spirit{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.5vw,20px);margin-top:clamp(24px,3vw,40px);}
.tc-spirit__item{text-align:center;padding:clamp(20px,2.5vw,32px) clamp(12px,1.5vw,20px);background:rgba(18,20,26,.45);border:.5px solid rgba(184,147,90,.08);}
.tc-spirit__kanji{font-family:var(--serif);font-weight:600;font-size:clamp(28px,3vw,40px);color:var(--gold);line-height:1;margin-bottom:12px;}
.tc-spirit__reading{font-family:var(--serif);font-weight:300;font-size:clamp(11px,.9vw,13px);letter-spacing:.12em;color:var(--paper);margin-bottom:8px;}
.tc-spirit__meaning{font-family:var(--serif);font-weight:300;font-size:clamp(11px,.85vw,12px);line-height:1.8;letter-spacing:.06em;color:var(--mute);}

.tc-combo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,40px);margin-top:clamp(32px,4vw,56px);}
.tc-combo__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);transition:border-color .4s var(--ease);}
.tc-combo__card:hover{border-color:rgba(184,147,90,.3);}
.tc-combo__kicker{font-family:var(--en-body);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;}
.tc-combo__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;}
.tc-combo__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;}
.tc-combo__link{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;}
.tc-combo__link:hover{opacity:.7;}

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

@media(max-width:768px){
  .tc-guide{grid-template-columns:1fr;}
  .tc-spirit{grid-template-columns:1fr 1fr;}
  .tc-combo{grid-template-columns:1fr;}
  .tc-options__table{}
}
/* 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);}
