/* =========================================================
   つきじ治作 — lifeevent-children-okuizome ページ固有スタイル（抽出元: lifeevent/children/okuizome/index.html の <style>）
   body名前空間: page-lifeevent-children-okuizome / url(): css/pages/基準 ../../images/
   ========================================================= */
/* ── Hero ── 型は lp-hero-panel.css（写真を縮めて白い見出しパネルを右下に重ねる）。
   ここはこのページの写真だけ。 */
.lp-hero__image{background-image:url('../../images/okuizome-hero.webp');}
.lp-cta__bg{background-image:url('../../images/Img26182.jpg');}

/* ── Benefit area ── */
.ok-benefit{max-width:720px;margin:0 auto clamp(40px,5vw,56px);padding:clamp(32px,4vw,48px);background:rgba(18,20,26,.35);border:.5px solid rgba(184,147,90,.12);text-align:center;}
.ok-benefit__heading{font-family:var(--serif-display);font-weight:500;font-size:var(--fs-h4);letter-spacing:.16em;color:var(--mute);margin:0 0 20px;}
.ok-benefit__list{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;}
.ok-benefit__list li{font-family:var(--serif);font-size:13px;letter-spacing:.1em;color:var(--gold);padding:5px 14px;border:.5px solid rgba(184,147,90,.3);}
.ok-benefit__desc{font-family:var(--serif);font-size:13px;line-height:2;letter-spacing:.08em;color:var(--caption);margin:0;}

/* ── Plan detail card ── */
.ok-plan{max-width:720px;margin:0 auto;padding:clamp(40px,5vw,64px);background:rgba(18,20,26,.45);border:.5px solid rgba(184,147,90,.18);}
.ok-plan__kicker{font-family:var(--en-serif);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;}
.ok-plan__price{font-family:var(--en-body);font-style:italic;font-size:clamp(28px,3vw,38px);color:var(--gold-hi);letter-spacing:.04em;margin:0 0 6px;}
.ok-plan__price .unit{font-family:var(--serif);font-style:normal;font-size:14px;color:var(--mute);margin-left:6px;}
.ok-plan__includes{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-wrap:wrap;gap:8px;}
.ok-plan__includes li{font-family:var(--serif);font-size:12px;letter-spacing:.1em;color:var(--gold);padding:5px 14px;border:.5px solid rgba(184,147,90,.3);}

/* ── Plan description ── */
.ok-plan-desc{max-width:720px;margin:clamp(32px,4vw,48px) auto 0;font-family:var(--serif);font-size:13px;line-height:2.2;letter-spacing:.08em;color:var(--caption);text-align:center;}

/* ── Menu course ── */
.ok-menu{max-width:720px;margin:clamp(48px,6vw,80px) auto 0;text-align:center;}
.ok-menu__kicker{font-family:var(--en-serif);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;}
.ok-menu__title{font-family:var(--serif-display);font-weight:500;font-size:var(--fs-h3);letter-spacing:.18em;color:var(--mute);margin:0 0 28px;}
.ok-menu__list{font-family:var(--serif);font-size:14px;line-height:2.2;letter-spacing:.1em;color:var(--mute);}

/* ── Mizutaki add-on ── */
.ok-addon{max-width:720px;margin:clamp(48px,6vw,80px) auto 0;padding:clamp(32px,4vw,48px);background:rgba(18,20,26,.35);border:.5px solid rgba(184,147,90,.12);text-align:center;}
.ok-addon__kicker{font-family:var(--en-serif);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;}
.ok-addon__title{font-family:var(--serif-display);font-weight:500;font-size:var(--fs-h4);letter-spacing:.16em;color:var(--mute);margin:0 0 8px;}
.ok-addon__price{font-family:var(--en-body);font-style:italic;font-size:20px;color:var(--gold-hi);margin:0 0 14px;}
.ok-addon__desc{font-family:var(--serif);font-size:13px;line-height:2;letter-spacing:.08em;color:var(--caption);}
.ok-addon__contents{font-family:var(--serif);font-size:13px;line-height:2;letter-spacing:.08em;color:var(--mute);margin-top:14px;}

/* ── Options table ── */
.ok-options__table{width:100%;border-collapse:collapse;}
.ok-options__table th,.ok-options__table td{padding:14px 20px;text-align:left;font-family:var(--serif);font-size:13px;letter-spacing:.06em;border-bottom:1px dotted rgba(184,147,90,.18);}
.ok-options__table th{color:var(--gold);font-weight:400;white-space:nowrap;width:200px;}
.ok-options__table td{color:var(--mute);}
.ok-options__table td:last-child{text-align:right;font-family:var(--en-body);font-style:italic;color:var(--gold-hi);white-space:nowrap;}
.ok-options__table tr:first-child th,.ok-options__table tr:first-child td{border-top:.5px solid rgba(184,147,90,.35);}
.ok-options__cat{font-family:var(--en-serif);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);padding:24px 0 8px;display:block;}
.ok-options__sub{font-family:var(--serif);font-size:12px;line-height:1.9;letter-spacing:.06em;color:var(--caption);padding:4px 20px 10px;display:block;}
.ok-options__lead{font-family:var(--serif);font-size:13px;line-height:2;letter-spacing:.08em;color:var(--caption);padding:8px 20px 14px;}

/* ── Alternative course cards ── */
.ok-alt-course{max-width:720px;margin:clamp(32px,4vw,48px) auto 0;padding:clamp(32px,4vw,48px);background:rgba(18,20,26,.35);border:.5px solid rgba(184,147,90,.12);text-align:center;}
.ok-alt-course__kicker{font-family:var(--en-serif);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;}
.ok-alt-course__title{font-family:var(--serif-display);font-weight:500;font-size:var(--fs-h4);letter-spacing:.16em;color:var(--gold-hi);margin:0 0 14px;}
.ok-alt-course__desc{font-family:var(--serif);font-size:13px;line-height:2;letter-spacing:.08em;color:var(--caption);margin:0 0 20px;}
.ok-alt-course__list{font-family:var(--serif);font-size:14px;line-height:2.2;letter-spacing:.1em;color:var(--mute);}
/* コース枠の下の注記を枠と同じ幅・同じ左端に揃える（成人祝いと同じ対応・2026-09-21）。 */
.ok-alt-course ~ .lp-note{max-width:720px;margin-left:auto;margin-right:auto;}

/* ── Responsive ── */
@media(max-width:767px){
  .ok-plan{padding:clamp(28px,6vw,40px) clamp(20px,4vw,32px);}
  .ok-benefit{padding:clamp(24px,5vw,36px) clamp(16px,4vw,28px);}
}