/* tenroin-top/lp.css — 講座/ゼミ 必勝LPテンプレ スタイル
   天狼院デザインシステムのトークン（colors_and_type.css）に全面準拠。
   1カラム・モバイル縦持ち最優先・長文を“壁”にしない誌面構成。 */

.lp-root{background:var(--paper-050);overflow-x:clip}
.lp-wrap{max-width:1100px;margin:0 auto;padding:0 44px}
.lp-narrow{max-width:760px}
.lp-section{padding:clamp(64px,8vw,112px) 0}

/* reveal は index と共通（chrome.jsx useReveal が拾う）。ここではフォールバックだけ用意 */
.lp-root [data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.lp-root [data-reveal].is-in{opacity:1;transform:none}
.lp-root [data-reveal][data-d="1"]{transition-delay:.06s}
.lp-root [data-reveal][data-d="2"]{transition-delay:.13s}
.lp-root [data-reveal][data-d="3"]{transition-delay:.2s}
.lp-root [data-reveal][data-d="4"]{transition-delay:.27s}
.lp-root [data-reveal][data-d="5"]{transition-delay:.34s}
@media (prefers-reduced-motion:reduce){ .lp-root [data-reveal]{opacity:1!important;transform:none!important} }

/* ---- 共通タイポ ---- */
.lp-eyebrow{font-family:var(--font-label);font-weight:500;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-700)}
.lp-eyebrow.is-light{color:var(--gold-400)}
.lp-sechead{margin-bottom:34px}
.lp-h2{font-family:var(--font-jp-display);font-weight:600;font-size:clamp(1.7rem,3.6vw,2.7rem);color:var(--fg-strong);
  line-height:1.32;letter-spacing:.03em;margin:14px 0 0}
.lp-h2.is-light{color:#fff}
/* design-system `.ti h1/h2/h3{color:var(--fg-strong)}` (0,1,1) beats single-class
   LP headings (0,1,0) — re-assert white on dark LP surfaces at (0,2,0). */
.lp-root .lp-hero-h,.lp-root .lp-syscard-name,.lp-root .lp-final-h,
.lp-root .lp-testi-q,.lp-root .lp-testi-h,.lp-root .lp-scar .lp-h2{color:#fff}
.lp-root .lp-testi-h{color:#F4ECDA}
.lp-lead{font-family:var(--font-jp-serif);font-size:clamp(15px,1.5vw,17.5px);line-height:2.05;color:var(--fg-muted);
  max-width:60ch;margin:0 0 40px}
.lp-body{font-family:var(--font-jp-serif);font-size:clamp(15px,1.4vw,16.5px);line-height:2.1;color:var(--fg-muted);margin:0 0 20px}
.lp-body.light{color:rgba(248,245,238,.85)}
.lp-rule-star{color:var(--gold-500);margin-right:12px}
.lp-rule-star.big{display:block;font-size:26px;margin:0 0 18px}

/* ---- ボタン ---- */
.lp-btn{font-family:var(--font-jp-sans);font-weight:600;font-size:16px;border-radius:999px;padding:16px 36px;border:1px solid transparent;
  cursor:pointer;letter-spacing:.04em;display:inline-flex;align-items:center;gap:10px;white-space:nowrap;transition:all .25s var(--ease)}
.lp-btn-gold{background:var(--gold-500);color:var(--slate-900);box-shadow:0 8px 24px rgba(194,160,82,.28)}
.lp-btn-gold:hover{background:var(--gold-400);transform:translateY(-2px);box-shadow:0 14px 34px rgba(194,160,82,.38)}
.lp-btn-lg{font-size:17px;padding:18px 44px}

/* =====================================================================
   S0 追従CTA
   ===================================================================== */
.lp-sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(252,251,246,.95);backdrop-filter:blur(16px);
  border-top:1px solid var(--line);box-shadow:0 -6px 24px rgba(41,54,58,.08);
  transform:translateY(110%);transition:transform .4s var(--ease);padding-bottom:env(safe-area-inset-bottom)}
.lp-sticky.is-show{transform:none}
.lp-sticky-in{max-width:1100px;margin:0 auto;padding:11px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.lp-sticky-price{font-family:var(--font-display);font-size:24px;color:var(--fg-strong);line-height:1}
.lp-sticky-price span{font-family:var(--font-jp-sans);font-size:12px;color:var(--fg-faint);margin-left:3px}
.lp-sticky-cond{font-family:var(--font-jp-sans);font-style:normal;font-size:10.5px;color:var(--fg-faint);margin-left:8px;letter-spacing:.02em}
.lp-sticky-seats{font-family:var(--font-jp-sans);font-size:11.5px;color:var(--gold-700);margin-top:4px;letter-spacing:.04em}
/* 追従CTA帯：特典＋カウントダウン */
.lp-sticky-bonus{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 12px;flex:1;text-align:center}
.lp-sticky-bonus-main{font-family:var(--font-jp-display);font-weight:600;font-size:14px;color:var(--fg-strong);letter-spacing:.02em;white-space:nowrap}
.lp-sticky-bonus-main b{color:var(--gold-700)}
.lp-sticky-bonus-cd{font-family:var(--font-display);font-size:15px;color:var(--gold-700);letter-spacing:.04em}
.lp-sticky-bonus-note{font-family:var(--font-jp-sans);font-size:9.5px;color:var(--fg-faint);letter-spacing:.02em}

/* =====================================================================
   S1 ファーストビュー
   ===================================================================== */
.lp-hero{position:relative;min-height:100svh;display:flex;align-items:center;background:#0A0E11;overflow:hidden}
.lp-hero-bg{position:absolute;inset:0;z-index:0}
.lp-hero-bg img,.lp-hero-bg image-slot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.lp-hero-scrim{position:absolute;inset:0;background:linear-gradient(100deg,rgba(8,13,17,.94) 0%,rgba(8,13,17,.82) 38%,rgba(8,13,17,.5) 70%,rgba(8,13,17,.35) 100%)}
.lp-hero-in{position:relative;z-index:2;max-width:1100px;margin:0 auto;padding:120px 44px 90px;width:100%}
.lp-hero-copy{max-width:680px}
.lp-hero-h{font-family:var(--font-jp-display);font-weight:600;color:#fff;line-height:1.18;letter-spacing:.03em;
  font-size:clamp(2.3rem,5.6vw,4.1rem);margin:18px 0 24px;text-shadow:0 4px 40px rgba(0,0,0,.5)}
.lp-hero-h span{display:block}
.lp-hero-h span:last-child{color:var(--gold-400);font-size:.6em;letter-spacing:.14em;margin-top:8px}
.lp-hero-tagline{font-family:var(--font-jp-display);font-weight:600;font-size:clamp(1.5rem,3vw,2.3rem);color:#fff;line-height:1.5;letter-spacing:.04em;margin:0 0 26px;text-shadow:0 3px 28px rgba(0,0,0,.6)}
.lp-hero-curio{font-family:var(--font-jp-serif);font-size:clamp(16px,1.7vw,20px);line-height:1.85;color:var(--gold-400);
  font-weight:600;margin:0 0 18px;max-width:38ch}
.lp-hero-sub{font-family:var(--font-jp-serif);font-size:clamp(14px,1.3vw,16px);line-height:1.95;color:rgba(248,245,238,.82);margin:0 0 30px;max-width:44ch}
.lp-hero-stats{display:flex;gap:30px;margin-bottom:34px;flex-wrap:wrap}
.lp-hstat-n{font-family:var(--font-display);font-size:clamp(1.9rem,3.4vw,2.6rem);color:#fff;line-height:1;letter-spacing:.01em}
.lp-hstat-n span{font-size:.42em;color:var(--gold-400);margin-left:4px}
.lp-hstat-l{font-family:var(--font-jp-sans);font-size:12px;color:rgba(248,245,238,.66);margin-top:8px;letter-spacing:.04em}
.lp-hero-cta{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:24px}
.lp-hero-price{display:flex;align-items:baseline;gap:4px;color:#fff}
.lp-hero-price b{font-family:var(--font-display);font-size:30px;letter-spacing:.01em}
.lp-hero-price span{font-size:15px;color:rgba(248,245,238,.7)}
.lp-hero-price i{font-style:normal;font-family:var(--font-jp-sans);font-size:11.5px;color:var(--gold-400);margin-left:10px;letter-spacing:.04em}
.lp-hero-seats{display:flex;align-items:center;gap:14px;max-width:440px}
.lp-seats-bar{flex:1;height:6px;border-radius:999px;background:rgba(248,245,238,.2);overflow:hidden}
.lp-seats-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--gold-600),var(--gold-400));border-radius:999px}
.lp-seats-bar.dark{background:rgba(41,54,58,.16)}
.lp-seats-txt{font-family:var(--font-jp-sans);font-size:12.5px;color:rgba(248,245,238,.78);white-space:nowrap}
.lp-seats-txt b{color:var(--gold-400);font-size:15px}
.lp-hero-scroll{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;
  font-family:var(--font-label);font-size:9px;letter-spacing:.3em;color:rgba(248,245,238,.6)}
.lp-hero-scroll i{width:1px;height:40px;background:linear-gradient(rgba(235,220,182,.7),transparent)}

/* =====================================================================
   S2 第三者権威
   ===================================================================== */
.lp-authority{background:var(--night-900);padding:22px 0}
.lp-auth-in{display:flex;align-items:center;gap:26px;flex-wrap:wrap;justify-content:center}
.lp-auth-label{font-family:var(--font-label);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-400)}
.lp-auth-items{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.lp-auth-badge{font-family:var(--font-jp-sans);font-size:12.5px;color:rgba(248,245,238,.86);
  border:1px solid rgba(235,220,182,.34);border-radius:999px;padding:6px 16px;letter-spacing:.03em}

/* =====================================================================
   S3 社会的証明の物量
   ===================================================================== */
.lp-proof{background:var(--paper-050)}
.lp-bigstats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);
  border-radius:var(--radius-lg);overflow:hidden;margin-bottom:54px}
.lp-bigstat{background:var(--paper-000);padding:34px 24px;text-align:center}
.lp-bigstat-n{font-family:var(--font-display);font-size:clamp(2.2rem,4.6vw,3.4rem);color:var(--fg-strong);line-height:1;letter-spacing:.01em}
.lp-bigstat-n span{font-size:.4em;color:var(--gold-600);margin-left:5px}
.lp-bigstat-l{font-family:var(--font-jp-sans);font-size:13px;color:var(--fg-muted);margin-top:12px;letter-spacing:.04em}
.lp-alumni-head{font-family:var(--font-jp-display);font-weight:600;font-size:clamp(1.3rem,2.4vw,1.7rem);color:var(--fg-strong);
  letter-spacing:.04em;margin-bottom:26px;display:flex;align-items:center}
.lp-alumni{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.lp-alum{position:relative;background:var(--paper-000);border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:24px 24px 26px;box-shadow:var(--shadow-xs);display:flex;flex-direction:column;
  transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
.lp-alum::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;
  background:linear-gradient(90deg,var(--gold-500),var(--gold-400))}
.lp-alum:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--gold-200)}
.lp-alum-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.lp-alum-no{font-family:var(--font-display);font-style:italic;font-size:1.9rem;color:var(--gold-600);line-height:1}
.lp-alum-tag{font-family:var(--font-label);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-700);
  border:1px solid var(--gold-200);border-radius:999px;padding:4px 11px}
.lp-alum-name{font-family:var(--font-jp-display);font-weight:600;font-size:1.4rem;color:var(--fg-strong);letter-spacing:.04em;line-height:1.3}
.lp-alum-work{font-family:var(--font-jp-sans);font-size:12.5px;color:var(--gold-700);margin:9px 0 12px;font-weight:600;
  display:flex;align-items:baseline;gap:7px;letter-spacing:.02em;line-height:1.5}
.lp-alum-star{color:var(--gold-500);font-size:11px;flex:none}
.lp-alum-note{font-family:var(--font-jp-serif);font-size:13px;color:var(--fg-muted);line-height:1.85;margin:0;
  padding-top:14px;border-top:1px solid var(--line-soft)}
/* ③ 卒業生CTA（過去3枚→無数→未来のあなた） */
.lp-alumcta{margin-top:22px;padding:clamp(30px,4vw,46px);border:1px solid var(--gold-200);border-radius:var(--radius-lg);
  background:linear-gradient(160deg,var(--gold-050),var(--paper-000));text-align:center;position:relative;overflow:hidden}
.lp-alumcta::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--gold-500),var(--gold-400),var(--gold-500))}
.lp-alumcta-kicker{font-family:var(--font-jp-display);font-weight:600;font-size:clamp(1.1rem,2vw,1.4rem);color:var(--gold-700);
  letter-spacing:.04em;display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.lp-alumcta-breadth{list-style:none;margin:0 auto 26px;padding:0;max-width:620px;display:grid;gap:10px;text-align:center}
.lp-alumcta-breadth li{font-family:var(--font-jp-serif);font-size:14px;line-height:1.7;color:var(--fg-muted)}
.lp-alumcta-breadth li::before{content:"✦ ";color:var(--gold-500);font-size:12px;margin-right:4px}
.lp-alumcta-call{font-family:var(--font-jp-display);font-weight:600;font-size:clamp(1.7rem,3.6vw,2.6rem);color:var(--fg-strong);
  letter-spacing:.05em;line-height:1.3;margin-bottom:14px}
.lp-alumcta-sub{font-family:var(--font-jp-serif);font-size:clamp(14px,1.4vw,15.5px);line-height:1.95;color:var(--fg-muted);
  margin:0 auto;max-width:34ch;text-align:center}
.lp-root .lp-alumcta-sub,.lp-root .lp-disclosure{margin-left:auto;margin-right:auto}

/* =====================================================================
   S4 問題提起（dark）
   ===================================================================== */
.lp-problem{background:var(--night-900)}
.lp-problem-turn{font-family:var(--font-jp-display);font-weight:600;font-size:clamp(1.15rem,2.2vw,1.6rem);
  color:var(--gold-400);line-height:1.6;letter-spacing:.04em;margin:18px 0 28px;padding-left:18px;
  border-left:2px solid var(--gold-500)}
.lp-punch{font-family:var(--font-jp-display);font-weight:600;font-size:clamp(1.4rem,2.8vw,2rem);color:var(--gold-400);
  line-height:1.7;letter-spacing:.03em;margin:30px 0 0}

/* =====================================================================
   S5 解決＝メソッド
   ===================================================================== */
.lp-solution{background:var(--paper-050)}
.lp-units{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:8px}
.lp-unit{background:var(--paper-000);border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px 26px;position:relative}
.lp-unit-k{font-family:var(--font-display);font-size:3rem;color:var(--gold-500);line-height:1;display:flex;align-items:baseline;gap:12px}
.lp-unit-en{font-family:var(--font-label);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-faint)}
.lp-unit-t{font-family:var(--font-jp-display);font-weight:600;font-size:1.4rem;color:var(--fg-strong);margin:16px 0 12px;letter-spacing:.04em}
.lp-unit-d{font-family:var(--font-jp-serif);font-size:14.5px;line-height:1.95;color:var(--fg-muted);margin:0}
/* ABCユニット — 型・順番・アンカー・不合格 */
.lp-formula{font-family:var(--font-jp-display);font-weight:600;font-size:clamp(1.3rem,2.6vw,1.9rem);
  color:var(--fg-strong);letter-spacing:.06em;text-align:center;margin:6px 0 30px;padding:18px 24px;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.lp-orders{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0 0}
.lp-order{background:var(--paper-000);border:1px solid var(--line);border-radius:var(--radius-md);padding:20px 22px;
  display:flex;flex-direction:column;gap:8px}
.lp-order-label{font-family:var(--font-label);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-700)}
.lp-order-seq{font-family:var(--font-display);font-size:1.7rem;color:var(--fg-strong);letter-spacing:.12em;line-height:1}
.lp-order-d{font-family:var(--font-jp-serif);font-size:13.5px;line-height:1.85;color:var(--fg-muted)}
.lp-anchor{margin:26px 0 0;padding:28px 30px;background:var(--gold-050);border:1px solid var(--gold-200);border-radius:var(--radius-lg)}
.lp-anchor-head{margin-bottom:14px}
.lp-anchor-badge{font-family:var(--font-jp-sans);font-weight:700;font-size:12px;letter-spacing:.12em;color:#16242B;
  background:var(--gold-400);padding:5px 14px;border-radius:999px}
.lp-anchor-text{font-family:var(--font-jp-display);font-weight:600;font-size:clamp(1.1rem,1.9vw,1.4rem);
  color:var(--fg-strong);line-height:1.85;letter-spacing:.02em;margin:0 0 20px}
.lp-anchor-parts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.lp-anchor-part{display:flex;align-items:baseline;gap:10px;background:var(--paper-000);border:1px solid var(--gold-200);
  border-radius:var(--radius-sm);padding:12px 14px}
.lp-anchor-k{font-family:var(--font-display);font-size:1.5rem;color:var(--gold-600);line-height:1;flex:none}
.lp-anchor-v{font-family:var(--font-jp-serif);font-size:13px;line-height:1.6;color:var(--fg-muted)}
.lp-pitfalls{margin:24px 0 0;padding:22px 26px;background:var(--paper-100);border:1px solid var(--line-soft);border-radius:var(--radius-md)}
.lp-pitfalls-h{font-family:var(--font-jp-sans);font-weight:700;font-size:13px;letter-spacing:.06em;color:var(--fg-muted);margin-bottom:12px}
.lp-pitfalls-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.lp-pitfalls-list li{display:flex;align-items:flex-start;gap:10px;font-family:var(--font-jp-serif);font-size:14px;
  line-height:1.7;color:var(--fg-muted)}
.lp-pf-x{font-family:var(--font-jp-sans);font-weight:700;color:var(--danger);flex:none;font-size:15px;line-height:1.6}
/* S5 メタ実演の囲み（読み手が"今"感じた宙吊りを証拠にする） */
.lp-meta{margin:26px 0 0;padding:24px 28px;background:var(--gold-050);border-left:3px solid var(--gold-500);border-radius:var(--radius-md);position:relative}
.lp-meta-badge{display:inline-block;font-family:var(--font-label);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-700);margin-bottom:10px}
.lp-meta-text{font-family:var(--font-jp-serif);font-size:clamp(15px,1.6vw,17px);line-height:1.9;color:var(--fg-strong);margin:0}
/* S5 ペイウォール風"鍵付き"リスト（中身は隠す＝物量だけ見せる） */
.lp-locked{margin:28px 0 0;padding:26px 28px 22px;background:var(--slate-900,#16242B);border-radius:var(--radius-lg);position:relative;overflow:hidden}
.lp-locked::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 80% 0,rgba(194,160,82,.16),transparent 60%);pointer-events:none}
.lp-locked-head{position:relative;font-family:var(--font-jp-display);font-weight:600;font-size:clamp(1.05rem,1.8vw,1.3rem);color:#F2E9D6;letter-spacing:.03em;margin-bottom:18px}
.lp-locked-list{position:relative;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px;background:rgba(242,233,214,.12);border-radius:var(--radius-md);overflow:hidden}
.lp-locked-item{display:flex;align-items:center;gap:12px;padding:14px 18px;background:rgba(22,36,43,.72)}
.lp-lock-ico{flex:none;width:17px;height:17px;display:flex;align-items:center;justify-content:center;opacity:.85}
.lp-lock-ico svg{width:17px;height:17px;color:var(--gold-400)}
.lp-lock-label{flex:1;font-family:var(--font-jp-serif);font-size:14.5px;line-height:1.6;color:rgba(242,233,214,.62);
  text-shadow:0 0 8px rgba(242,233,214,.18);letter-spacing:.02em}
.lp-lock-tag{flex:none;font-family:var(--font-jp-sans);font-weight:700;font-size:10.5px;letter-spacing:.08em;color:#16242B;
  background:var(--gold-400);padding:4px 11px;border-radius:999px}
.lp-locked-note{position:relative;font-family:var(--font-jp-serif);font-size:13.5px;line-height:1.8;color:var(--gold-400);margin:16px 0 0;text-align:right}
.lp-closing{font-family:var(--font-jp-display);font-weight:600;font-size:clamp(1.15rem,2vw,1.5rem);color:var(--fg-strong);
  line-height:1.8;letter-spacing:.03em;margin:40px 0 0;padding:26px 30px;background:var(--gold-050);border-radius:var(--radius-lg);border:1px solid var(--gold-200)}

/* =====================================================================
   S6 一次証言（dark）
   ===================================================================== */
.lp-testimony{background:#10191E}
.lp-testi-q{font-family:var(--font-jp-display);font-weight:600;font-size:clamp(1.6rem,3.2vw,2.3rem);color:#fff;
  line-height:1.6;letter-spacing:.03em;margin:18px 0 26px;border-left:3px solid var(--gold-500);padding-left:24px}
.lp-testi-sign{font-family:var(--font-jp-serif);font-size:14px;color:var(--gold-400);margin-top:22px;letter-spacing:.06em}
/* S6 店主プロフィール（コンパクト） */
.lp-prof{display:flex;gap:20px;align-items:flex-start;margin-top:30px;padding-top:26px;
  border-top:1px solid rgba(248,245,238,.16)}
.lp-prof-mono{flex:none;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 35%,rgba(214,188,126,.22),rgba(194,160,82,.05));
  border:1px solid rgba(214,188,126,.42)}
.lp-prof-mono span{font-family:var(--font-jp-display);font-weight:600;font-size:26px;color:var(--gold-400);line-height:1}
.lp-prof-name{font-family:var(--font-jp-display);font-weight:600;font-size:1.15rem;color:#F4ECDA;letter-spacing:.04em;
  display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:9px}
.lp-prof-role{font-family:var(--font-jp-sans);font-size:11.5px;font-weight:400;color:rgba(214,188,126,.82);letter-spacing:.04em}
.lp-prof-bio{font-family:var(--font-jp-serif);font-size:13px;line-height:1.85;color:rgba(248,245,238,.7);margin:0;max-width:60ch}
/* S6 ロングライティング（小見出し・引用）— testimony は dark bg */
.lp-testi-h{font-family:var(--font-jp-display);font-weight:600;font-size:clamp(1.15rem,2.1vw,1.5rem);color:#F4ECDA;letter-spacing:.02em;line-height:1.65;margin:40px 0 14px}
.lp-testi-h:first-of-type{margin-top:24px}
.lp-testi-pull{font-family:var(--font-jp-display);font-weight:600;font-size:clamp(1.2rem,2.3vw,1.7rem);color:var(--gold-400);line-height:1.7;letter-spacing:.03em;margin:34px 0;padding:2px 0 2px 22px;border-left:3px solid var(--gold-500)}
.lp-testi .lp-body.light{margin:0 0 18px}
/* S8.5 SEA-SCROLL（最大の武器）— dark セクション */
.lp-weapon{position:relative;overflow:hidden;
  background:linear-gradient(180deg,rgba(12,19,24,.80),rgba(12,19,24,.90) 52%,rgba(12,19,24,.97)),
    url('assets/seascroll-bg-a.jpg') center 30%/cover no-repeat;
  background-color:#0E161B}
.lp-weapon::before{content:"";position:absolute;inset:0;
  background:radial-gradient(120% 80% at 50% -10%,rgba(194,160,82,.22),transparent 56%);pointer-events:none}
.lp-weapon::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(214,188,126,.5),transparent);pointer-events:none}
.lp-weapon .lp-wrap{position:relative}
.lp-weapon-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 14px;margin:14px 0 6px;
  padding-bottom:20px;border-bottom:1px solid rgba(214,188,126,.28)}
.lp-wt-jp{font-family:var(--font-jp-display);font-weight:600;font-size:clamp(1.6rem,3.4vw,2.5rem);color:#F4ECDA;letter-spacing:.06em;line-height:1.1}
.lp-wt-div{color:rgba(214,188,126,.5);font-size:clamp(1.3rem,2.6vw,2rem);font-weight:300}
.lp-wt-en{font-family:var(--font-display);font-style:italic;font-size:clamp(1.5rem,3vw,2.3rem);color:var(--gold-400);letter-spacing:.04em;line-height:1.1}
.lp-wt-sub{font-family:var(--font-label);font-size:11px;letter-spacing:.22em;text-transform:uppercase;
  color:rgba(214,188,126,.78);align-self:center;white-space:nowrap}
.lp-lead.light{color:rgba(248,245,238,.82)}
/* 習得率1600% 大コールアウト */
.lp-wmetric{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin:34px 0 8px;padding:30px 32px;
  background:linear-gradient(160deg,rgba(194,160,82,.14),rgba(194,160,82,.05));
  border:1px solid rgba(214,188,126,.34);border-radius:var(--radius-lg);position:relative;overflow:hidden}
.lp-wmetric-fig{flex:none;display:flex;align-items:baseline;line-height:.9}
.lp-wmetric-n{font-family:var(--font-display);font-size:clamp(3.4rem,8vw,5.4rem);color:var(--gold-400);letter-spacing:.01em;
  text-shadow:0 4px 30px rgba(194,160,82,.3)}
.lp-wmetric-u{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.4rem);color:var(--gold-500);margin-left:4px}
.lp-wmetric-body{flex:1;min-width:240px}
.lp-wmetric-label{font-family:var(--font-jp-display);font-weight:600;font-size:clamp(1.15rem,2vw,1.5rem);color:#F4ECDA;letter-spacing:.03em;line-height:1.5;margin-bottom:10px}
.lp-wmetric-note{font-family:var(--font-jp-serif);font-size:13.5px;line-height:1.9;color:rgba(248,245,238,.78);margin:0}
/* 実UI 埋め込み（ブラウザ風フレーム＋iframe） */
.lp-wdemo{margin:32px 0 8px}
.lp-wdemo-frame{border:1px solid rgba(214,188,126,.3);border-radius:14px;overflow:hidden;
  box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 0 1px rgba(214,188,126,.08) inset;background:#0B1116}
.lp-wdemo-bar{display:flex;align-items:center;gap:14px;padding:11px 16px;
  background:linear-gradient(180deg,rgba(28,40,48,.95),rgba(18,28,34,.95));border-bottom:1px solid rgba(214,188,126,.18)}
.lp-wdemo-dots{display:flex;gap:7px;flex:none}
.lp-wdemo-dots i{width:11px;height:11px;border-radius:50%;background:rgba(248,245,238,.22)}
.lp-wdemo-dots i:first-child{background:rgba(214,188,126,.55)}
.lp-wdemo-title{flex:1;font-family:var(--font-label);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(244,236,218,.82);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-wdemo-live{flex:none;font-family:var(--font-label);font-size:9px;letter-spacing:.18em;color:#0E161B;background:var(--gold-400);
  padding:3px 9px;border-radius:999px;display:flex;align-items:center;gap:5px}
.lp-wdemo-live::before{content:"";width:5px;height:5px;border-radius:50%;background:#0E161B;animation:lpPulse 1.8s var(--ease) infinite}
@keyframes lpPulse{0%,100%{opacity:1}50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.lp-wdemo-live::before{animation:none}}
/* ⚠️枠に合わせて縮める器（倍率は lp.jsx が入れる）。はみ出しはここで切る。 */
.lp-wdemo-fit{position:relative;overflow:hidden;background:#0B1116}
.lp-wdemo-if{display:block;width:100%;height:min(72vh,620px);border:0;background:#0B1116}
.lp-wdemo-hint{font-family:var(--font-jp-sans);font-size:12.5px;color:rgba(214,188,126,.82);text-align:center;
  margin-top:14px;letter-spacing:.04em}
.lp-weapon-grid{display:grid;gap:16px;margin-top:38px}
@media(min-width:760px){.lp-weapon-grid{grid-template-columns:1fr 1fr}}
.lp-weapon-card{position:relative;display:flex;gap:20px;align-items:flex-start;
  background:linear-gradient(160deg,rgba(20,30,37,.74),rgba(12,19,24,.66));backdrop-filter:blur(3px);
  border:1px solid rgba(248,245,238,.14);border-radius:var(--radius-lg);padding:26px 26px 26px 24px;overflow:hidden;
  transition:transform .35s var(--ease),border-color .35s,box-shadow .35s,background .35s}
.lp-weapon-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;
  background:linear-gradient(var(--gold-500),rgba(194,160,82,0));opacity:.7;transition:opacity .35s}
.lp-weapon-card:hover{transform:translateY(-4px);border-color:rgba(214,188,126,.42);
  box-shadow:0 18px 44px rgba(0,0,0,.42),0 0 0 1px rgba(214,188,126,.12) inset;
  background:linear-gradient(160deg,rgba(26,38,46,.80),rgba(14,22,27,.70))}
.lp-weapon-card:hover::before{opacity:1}
.lp-weapon-medal{flex:none;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 35%,rgba(214,188,126,.22),rgba(194,160,82,.06));
  border:1px solid rgba(214,188,126,.4);box-shadow:0 0 18px rgba(194,160,82,.14) inset}
.lp-weapon-medal svg{width:24px;height:24px;color:var(--gold-400)}
.lp-weapon-no{position:absolute;top:18px;right:20px;font-family:var(--font-display);font-style:italic;
  font-size:1.5rem;color:rgba(214,188,126,.34);line-height:1;letter-spacing:.02em}
.lp-weapon-ct{padding-right:24px}
.lp-weapon-t{font-family:var(--font-jp-display);font-weight:600;font-size:17px;color:#F4ECDA;margin-bottom:9px;letter-spacing:.02em;line-height:1.5}
.lp-weapon-d{font-family:var(--font-jp-serif);font-size:14px;line-height:1.85;color:rgba(248,245,238,.74);margin:0}
.lp-root .lp-weapon-closing{margin-top:clamp(64px,8vw,96px)}
.lp-weapon-closing{font-family:var(--font-jp-display);font-weight:600;font-size:clamp(1.1rem,2vw,1.5rem);color:var(--gold-400);line-height:1.85;letter-spacing:.03em;margin:clamp(64px,8vw,96px) auto 0;max-width:760px;text-align:center;padding:28px 30px;background:rgba(194,160,82,.08);border:1px solid rgba(194,160,82,.26);border-radius:var(--radius-lg)}

/* =====================================================================
   S7 Before→After
   ===================================================================== */
.lp-journey{background:var(--paper-100)}
.lp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.lp-step{position:relative;background:var(--paper-000);border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:30px 28px 32px;box-shadow:var(--shadow-xs);overflow:hidden;
  transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
.lp-step::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--slate-300);transition:background .35s}
.lp-step:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.lp-step--during::before{background:var(--gold-400)}
.lp-step--after{border-color:var(--gold-200);background:linear-gradient(165deg,var(--gold-050),var(--paper-000))}
.lp-step--after::before{background:linear-gradient(var(--gold-500),var(--gold-400))}
.lp-step-head{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}
.lp-step-no{font-family:var(--font-display);font-style:italic;font-size:1.9rem;color:var(--gold-600);line-height:.9}
.lp-step--before .lp-step-no{color:var(--slate-400)}
.lp-step-phase{font-family:var(--font-label);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-700);display:flex;flex-direction:column;gap:4px}
.lp-step--before .lp-step-phase{color:var(--slate-500)}
.lp-step-phase-jp{font-family:var(--font-jp-sans);font-size:11px;letter-spacing:.12em;color:var(--fg-faint)}
.lp-step-t{font-family:var(--font-jp-display);font-weight:600;font-size:1.22rem;color:var(--fg-strong);line-height:1.5;margin-bottom:12px;letter-spacing:.02em}
.lp-step-d{font-family:var(--font-jp-serif);font-size:14px;line-height:1.9;color:var(--fg-muted);margin:0}
.lp-step-arrow{position:absolute;right:-17px;top:50%;transform:translateY(-50%);z-index:3;width:30px;height:30px;border-radius:50%;
  background:var(--paper-000);border:1px solid var(--gold-200);color:var(--gold-600);font-size:14px;
  display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xs)}
.lp-step-arrow::before{content:"\2192"}

/* =====================================================================
   S8 カリキュラム
   ===================================================================== */
.lp-curriculum{background:var(--paper-050)}
.lp-curri-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start}
.lp-lessons{display:flex;flex-direction:column}
.lp-lesson{display:flex;gap:18px;align-items:baseline;padding:16px 6px;border-bottom:1px solid var(--line-soft)}
.lp-lesson-no{font-family:var(--font-display);font-style:italic;font-size:22px;color:var(--gold-700);flex:none;width:34px}
.lp-lesson-t{font-family:var(--font-jp-display);font-weight:600;font-size:1.08rem;color:var(--fg-strong);letter-spacing:.02em}
.lp-lesson-d{font-family:var(--font-jp-serif);font-size:13px;color:var(--fg-muted);margin-top:4px}
.lp-sample{position:sticky;top:80px}
.lp-sample image-slot{display:block;width:100%;aspect-ratio:3/4;border-radius:var(--radius-md);overflow:hidden;color:rgba(248,245,238,.7)}
.lp-sample-cap{font-family:var(--font-jp-sans);font-size:12px;color:var(--fg-faint);margin-top:12px;letter-spacing:.04em;text-align:center}
/* 板書スライドショー */
.lp-boardshow{display:flex;flex-direction:column;gap:12px}
.lp-board-frame{position:relative;width:100%;aspect-ratio:3/2;border-radius:var(--radius-md);overflow:hidden;background:#10191E;box-shadow:var(--shadow-sm)}
.lp-board-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s var(--ease)}
.lp-board-img.is-on{opacity:1}
.lp-board-scrim{position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(8,13,17,.78));z-index:1}
.lp-board-cap{position:absolute;left:16px;right:16px;bottom:14px;z-index:2;font-family:var(--font-jp-sans);font-size:12px;color:rgba(248,245,238,.92);line-height:1.6;letter-spacing:.02em}
.lp-board-dots{display:flex;gap:8px;justify-content:center}
.lp-board-dot{width:8px;height:8px;border-radius:50%;border:0;background:var(--slate-300);cursor:pointer;padding:0;transition:background .25s,transform .25s}
.lp-board-dot.is-on{background:var(--gold-500);transform:scale(1.25)}

/* MY READING LIFE */
.lp-mrl{background:var(--paper-000);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.lp-mrl-list{display:flex;flex-direction:column;gap:14px;margin-top:8px}
.lp-mrl-card{display:flex;gap:18px;align-items:flex-start;background:var(--paper-000);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px 24px;
  transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
.lp-mrl-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:var(--gold-200)}
.lp-mrl-rank{flex:none;font-family:var(--font-jp-display);font-weight:600;font-size:14px;color:var(--slate-900,#16242B);background:var(--gold-400);
  padding:6px 13px;border-radius:999px;letter-spacing:.04em;white-space:nowrap}
.lp-mrl-t{font-family:var(--font-jp-display);font-weight:600;font-size:1.15rem;color:var(--fg-strong);line-height:1.5;margin-bottom:7px;letter-spacing:.02em}
.lp-mrl-ex{font-family:var(--font-jp-serif);font-size:14px;line-height:1.85;color:var(--fg-muted);margin:0}
.lp-mrl-foot{margin-top:26px;text-align:center}
.lp-melt{font-family:var(--font-jp-sans);font-size:15px;color:var(--gold-700);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:9px;letter-spacing:.03em;border-bottom:1px solid var(--gold-400);padding-bottom:5px;background-image:none}
.lp-root a.lp-melt{background-image:none}
.lp-root a.lp-eco{background-image:none;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}
.lp-melt:hover{color:var(--gold-600);border-bottom-color:var(--gold-600)}
.lp-root .lp-mrl-closing{font-family:var(--font-jp-display);font-weight:600;font-size:clamp(1.1rem,2vw,1.4rem);color:var(--fg-strong);
  line-height:1.7;letter-spacing:.04em;text-align:center;margin:30px auto 0;max-width:40ch}
/* 受講生の声（アコーディオン） */
.lp-voices{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line);margin-top:6px}
.lp-voice{border-bottom:1px solid var(--line)}
.lp-voice-q{width:100%;background:none;border:0;cursor:pointer;text-align:left;display:flex;align-items:flex-start;gap:14px;padding:22px 6px}
.lp-voice-mark{font-family:var(--font-display);font-style:italic;color:var(--gold-600);font-size:18px;flex:none;line-height:1.4}
.lp-voice-head{flex:1;display:flex;flex-direction:column;gap:6px}
.lp-voice-t{font-family:var(--font-jp-display);font-weight:600;font-size:clamp(1rem,1.7vw,1.18rem);color:var(--fg-strong);line-height:1.5;letter-spacing:.02em}
.lp-voice-by{font-family:var(--font-jp-sans);font-size:12px;color:var(--gold-700);letter-spacing:.03em}
.lp-voice-chev{font-size:20px;color:var(--slate-400);transition:transform .3s var(--ease);flex:none;margin-top:2px}
.lp-voice[data-open="true"] .lp-voice-chev{transform:rotate(180deg);color:var(--gold-700)}
.lp-voice-a{max-height:0;overflow:hidden;transition:max-height .45s var(--ease)}
.lp-voice[data-open="true"] .lp-voice-a{max-height:420px}
.lp-voice-a-in{padding:0 6px 24px 34px}
.lp-voice-ex{font-family:var(--font-jp-serif);font-size:14.5px;line-height:2;color:var(--fg-muted);margin:0 0 14px}

/* コース・日程・受講地 */
.lp-course{background:var(--paper-050);border-top:1px solid var(--line-soft)}
.lp-sched{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:6px 0 0}
.lp-sched-cell{background:var(--paper-000);border:1px solid var(--line);border-radius:var(--radius-md);padding:18px 14px;text-align:center}
.lp-sched-date{display:block;font-family:var(--font-display);font-size:1.7rem;color:var(--gold-700);line-height:1;letter-spacing:.01em}
.lp-sched-lesson{display:block;font-family:var(--font-jp-sans);font-size:12px;color:var(--fg-muted);margin-top:9px;letter-spacing:.02em}
.lp-root .lp-course-time{font-family:var(--font-jp-sans);font-size:13.5px;color:var(--fg-muted);text-align:center;margin:18px auto 0;letter-spacing:.03em}
.lp-root .lp-course-timenote{font-family:var(--font-jp-sans);font-size:11.5px;color:var(--fg-faint);text-align:center;margin:6px auto 0;letter-spacing:.02em}
.lp-course-live{margin:24px 0 0;padding:20px 24px;background:var(--gold-050);border:1px solid var(--gold-200);border-radius:var(--radius-md);
  font-family:var(--font-jp-display);font-weight:600;font-size:clamp(1rem,1.7vw,1.2rem);color:var(--fg-strong);line-height:1.6;letter-spacing:.03em;display:flex;align-items:baseline}
.lp-scenes,.lp-places{margin-top:34px}
.lp-scenes-head,.lp-places-head{font-family:var(--font-label);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-700);margin-bottom:16px;text-align:center}
.lp-scenes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.lp-scene{margin:0;position:relative;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-xs)}
.lp-scene img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.lp-scene figcaption{position:absolute;left:10px;bottom:9px;font-family:var(--font-label);font-size:10px;letter-spacing:.18em;text-transform:uppercase;
  color:#fff;background:rgba(8,13,17,.55);backdrop-filter:blur(3px);padding:4px 10px;border-radius:999px}
.lp-places-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.lp-place{display:flex;flex-direction:column;gap:4px;padding:16px 18px;background:var(--paper-000);border:1px solid var(--line);border-radius:var(--radius-md)}
.lp-place-n{font-family:var(--font-jp-display);font-weight:600;font-size:1rem;color:var(--fg-strong);letter-spacing:.03em}
.lp-place-a{font-family:var(--font-jp-sans);font-size:12.5px;color:var(--fg-faint)}
.lp-remote{margin-top:30px;padding:32px 30px;background:var(--night-900);border-radius:var(--radius-lg);text-align:center}
.lp-remote-label{font-family:var(--font-jp-display);font-weight:600;font-size:clamp(1.15rem,2vw,1.5rem);color:var(--gold-400);line-height:1.6;letter-spacing:.04em;margin-bottom:12px}
.lp-root .lp-remote-body{font-family:var(--font-jp-serif);font-size:14.5px;line-height:1.95;color:rgba(248,245,238,.8);margin:0 auto;max-width:52ch;text-align:center}

/* =====================================================================
   S9 仕組み・出口
   ===================================================================== */
.lp-system{background:var(--night-900)}
.lp-system .lp-h2{color:#fff}
.lp-sysgrid{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:stretch}
.lp-syscard{background:rgba(248,245,238,.04);border:1px solid rgba(235,220,182,.24);border-radius:var(--radius-lg);padding:30px 28px}
.lp-syscard.is-core{border-color:var(--gold-500);background:rgba(194,160,82,.08)}
.lp-syscard-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.lp-systag{font-family:var(--font-jp-sans);font-weight:700;font-size:11px;letter-spacing:.1em;padding:4px 12px;border-radius:999px}
.lp-systag.is-req{background:var(--gold-500);color:var(--slate-900)}
.lp-systag.is-opt{background:rgba(248,245,238,.14);color:rgba(248,245,238,.86)}
.lp-syscard-en{font-family:var(--font-label);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-400)}
.lp-syscard-name{font-family:var(--font-jp-display);font-weight:600;font-size:1.6rem;color:#fff;margin:0 0 18px;letter-spacing:.04em}
.lp-syslist{list-style:none;margin:0;padding:0}
.lp-syslist li{font-family:var(--font-jp-serif);font-size:14.5px;line-height:1.7;color:rgba(248,245,238,.85);padding:9px 0 9px 24px;position:relative;border-bottom:1px solid rgba(235,220,182,.12)}
.lp-syslist li::before{content:"✦";position:absolute;left:0;color:var(--gold-500);font-size:11px;top:11px}
.lp-sysplus{display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:28px;color:var(--gold-400)}
.lp-exits{margin-top:30px;background:rgba(248,245,238,.04);border:1px solid rgba(235,220,182,.2);border-radius:var(--radius-lg);padding:24px 28px}
.lp-exits-t{font-family:var(--font-jp-display);font-weight:600;font-size:1.1rem;color:var(--gold-400);margin-bottom:16px;letter-spacing:.03em}
.lp-exits-items{display:flex;flex-wrap:wrap;gap:10px}
.lp-exit{font-family:var(--font-jp-sans);font-size:13px;color:rgba(248,245,238,.86);border:1px solid rgba(235,220,182,.3);border-radius:999px;padding:7px 16px}

/* =====================================================================
   S10 オファー
   ===================================================================== */
.lp-offer{background:var(--paper-100)}
.lp-plans{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px}
.lp-plan{position:relative;background:var(--paper-000);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px 18px;text-align:center;
  transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}
.lp-plan:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.lp-plan.is-accent{border-color:var(--gold-500);background:var(--gold-050)}
.lp-plan-ribbon{position:absolute;top:-11px;left:50%;transform:translateX(-50%);font-family:var(--font-jp-sans);font-weight:700;font-size:10.5px;
  letter-spacing:.08em;color:var(--slate-900);background:var(--gold-500);padding:4px 12px;border-radius:999px;white-space:nowrap}
.lp-plan-name{font-family:var(--font-jp-sans);font-size:13px;color:var(--fg-muted);margin-bottom:12px;letter-spacing:.03em}
.lp-plan-price{font-family:var(--font-display);font-size:clamp(1.5rem,2.4vw,2rem);color:var(--fg-strong);line-height:1;letter-spacing:.01em}
.lp-plan-sub{font-family:var(--font-jp-sans);font-size:11.5px;color:var(--fg-faint);margin-top:10px}
.lp-anchor{font-family:var(--font-jp-display);font-weight:600;font-size:clamp(1.05rem,1.8vw,1.3rem);color:var(--fg-strong);text-align:center;
  letter-spacing:.03em;margin:0 0 14px;padding:18px;background:var(--paper-000);border:1px dashed var(--gold-500);border-radius:var(--radius-md)}
.lp-offer-note{font-family:var(--font-jp-sans);font-size:13px;color:var(--fg-muted);text-align:center;letter-spacing:.03em}
.lp-bump{display:flex;gap:18px;align-items:flex-start;margin:30px 0 0;padding:22px 26px;background:var(--paper-000);
  border:2px solid var(--gold-400);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.lp-bump-check{font-family:var(--font-display);font-size:26px;color:var(--gold-600);line-height:1;flex:none;
  width:38px;height:38px;border:2px solid var(--gold-500);border-radius:8px;display:flex;align-items:center;justify-content:center}
.lp-bump-t{font-family:var(--font-jp-display);font-weight:600;font-size:1.2rem;color:var(--fg-strong);letter-spacing:.03em;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.lp-bump-add{font-family:var(--font-display);font-size:1.05rem;color:var(--gold-700)}
.lp-bump-d{font-family:var(--font-jp-serif);font-size:14px;color:var(--fg-muted);line-height:1.8;margin-top:8px}
.lp-offer-cta{text-align:center;margin-top:38px}
/* S10 コンフィギュレーター（月額大きく・選択→合計） */
.lp-config{max-width:680px;margin:28px auto 0;background:var(--paper-000);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px 26px 30px;box-shadow:var(--shadow-sm)}
.lp-cfg-block{margin-bottom:22px}
.lp-cfg-label{font-family:var(--font-jp-sans);font-weight:700;font-size:13px;letter-spacing:.04em;color:var(--fg-muted);margin-bottom:12px}
.lp-cfg-tiers{display:flex;flex-direction:column;gap:10px}
.lp-cfg-tier,.lp-cfg-addon{display:flex;gap:14px;align-items:flex-start;width:100%;text-align:left;cursor:pointer;font:inherit;
  background:var(--paper-050);border:1.5px solid var(--line);border-radius:var(--radius-md);padding:16px 18px;transition:border-color .2s,background .2s,box-shadow .2s}
.lp-cfg-tier:hover,.lp-cfg-addon:hover{border-color:var(--gold-400)}
.lp-cfg-tier.is-on,.lp-cfg-addon.is-on{border-color:var(--gold-500);background:var(--gold-050);box-shadow:0 0 0 1px var(--gold-500) inset}
.lp-cfg-radio{flex:none;width:20px;height:20px;border-radius:999px;border:2px solid var(--line-soft);margin-top:2px;position:relative;transition:border-color .2s}
.lp-cfg-tier.is-on .lp-cfg-radio{border-color:var(--gold-600)}
.lp-cfg-tier.is-on .lp-cfg-radio::after{content:"";position:absolute;inset:3px;border-radius:999px;background:var(--gold-600)}
.lp-cfg-check{flex:none;width:22px;height:22px;border-radius:6px;border:2px solid var(--line-soft);margin-top:1px;display:flex;align-items:center;justify-content:center;
  font-family:var(--font-jp-sans);font-weight:700;font-size:14px;color:#fff;transition:background .2s,border-color .2s}
.lp-cfg-addon.is-on .lp-cfg-check{background:var(--gold-600);border-color:var(--gold-600)}
.lp-cfg-tier-body,.lp-cfg-addon-body{flex:1;min-width:0}
.lp-cfg-tier-top,.lp-cfg-addon-top{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.lp-cfg-tier-top b,.lp-cfg-addon-top b{font-family:var(--font-jp-sans);font-weight:700;font-size:15px;color:var(--fg-strong)}
.lp-cfg-tier-top i,.lp-cfg-addon-top i{font-style:normal;margin-left:auto;font-family:var(--font-display);font-size:1.25rem;color:var(--gold-700);white-space:nowrap}
.lp-cfg-tier-top i u,.lp-cfg-addon-top i u{text-decoration:none;font-family:var(--font-jp-sans);font-size:12px;color:var(--fg-faint);margin-left:2px}
.lp-cfg-tier-note,.lp-cfg-addon-d{display:block;font-family:var(--font-jp-serif);font-size:12.5px;color:var(--fg-muted);line-height:1.7;margin-top:6px}
.lp-cfg-tier-total{display:block;font-family:var(--font-jp-sans);font-size:12px;color:var(--fg-faint);margin-top:5px;letter-spacing:.02em}
.lp-cfg-tier-total u{text-decoration:none;font-size:11px;opacity:.8;margin-left:3px}
.lp-cfg-tier-req{display:block;font-family:var(--font-jp-sans);font-size:11.5px;color:var(--gold-700);margin-top:6px;line-height:1.6}
.lp-cfg-tier-link{display:inline-block;margin-left:8px;color:var(--gold-700);font-weight:700;cursor:pointer;
  border-bottom:1px solid var(--gold-400);white-space:nowrap}
.lp-cfg-tier-link:hover{color:var(--gold-600)}
.lp-cfg-rec{font-style:normal;font-family:var(--font-jp-sans);font-weight:700;font-size:10.5px;letter-spacing:.06em;color:var(--slate-900,#16242B);background:var(--gold-400);padding:3px 9px;border-radius:999px}
.lp-cfg-total{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:6px 0 22px;padding:22px 24px;background:var(--slate-900,#16242B);border-radius:var(--radius-md)}
.lp-cfg-total-l{font-family:var(--font-jp-sans);font-weight:700;font-size:14px;color:rgba(242,233,214,.7);letter-spacing:.06em}
.lp-cfg-total-amt{font-family:var(--font-display);font-size:clamp(2.4rem,7vw,3.4rem);color:var(--gold-400);line-height:1;letter-spacing:.01em}
.lp-cfg-total-amt span{font-family:var(--font-jp-sans);font-size:.95rem;color:rgba(242,233,214,.7);margin-left:4px}
.lp-cfg-total-sub{width:100%;font-family:var(--font-jp-sans);font-size:12px;color:rgba(242,233,214,.6);letter-spacing:.03em}
.lp-cfg-total-grand{font-family:var(--font-jp-sans);font-size:13px;color:rgba(242,233,214,.8);letter-spacing:.04em;
  align-self:baseline;white-space:nowrap}
.lp-cfg-total-grand b{font-family:var(--font-display);font-size:1.5rem;color:#F4ECDA;font-weight:400;margin-left:6px;letter-spacing:.01em}
.lp-cfg-total-pay{width:100%;font-family:var(--font-jp-sans);font-size:11.5px;color:rgba(242,233,214,.5);letter-spacing:.03em;margin-top:6px}
.lp-cfg-cta{width:100%}
.lp-root .lp-cfg-note{margin-top:26px;max-width:none}
.lp-root .lp-cfg-caution{margin:12px 0 0;text-align:center;font-family:var(--font-jp-sans);font-size:12px;color:var(--gold-700);letter-spacing:.04em}
.lp-agree{display:flex;align-items:flex-start;gap:12px;cursor:pointer;margin:4px 0 16px;padding:16px 18px;
  background:var(--paper-100);border:1px solid var(--line);border-radius:var(--radius-md);transition:border-color .25s,background .25s}
.lp-agree.is-on{border-color:var(--gold-400);background:var(--gold-050)}
.lp-agree input{position:absolute;opacity:0;width:0;height:0}
.lp-agree-box{flex:none;width:22px;height:22px;border:1.5px solid var(--line-strong);border-radius:5px;background:var(--paper-000);
  display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;transition:all .2s var(--ease);margin-top:1px}
.lp-agree.is-on .lp-agree-box{background:var(--gold-500);border-color:var(--gold-500)}
.lp-agree-text{font-family:var(--font-jp-sans);font-size:13.5px;line-height:1.7;color:var(--fg-strong);letter-spacing:.02em}
.lp-agree-text b{color:var(--gold-700);font-weight:700}
.lp-cfg-cta[disabled]{opacity:.42;cursor:not-allowed;filter:grayscale(.3);box-shadow:none;transform:none}
.lp-cautions{margin:30px 0 0;padding:26px 28px;background:var(--paper-100);border:1px solid var(--line-soft);border-radius:var(--radius-md)}
.lp-cautions-head{font-family:var(--font-jp-display);font-weight:600;font-size:1.05rem;color:var(--fg-strong);letter-spacing:.06em;
  padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.lp-root .lp-cautions-lead{font-family:var(--font-jp-sans);font-size:12.5px;color:var(--gold-700);font-weight:700;margin:0 0 14px;letter-spacing:.03em}
.lp-cautions-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.lp-cautions-list li{position:relative;padding-left:18px;font-family:var(--font-jp-serif);font-size:12.5px;line-height:1.85;color:var(--fg-muted)}
.lp-cautions-list li::before{content:"・";position:absolute;left:0;top:0;color:var(--gold-600)}
.lp-cfg-note{font-family:var(--font-jp-sans);font-size:11.5px;color:var(--fg-faint);line-height:1.7;margin:16px 0 0;letter-spacing:.02em}

/* =====================================================================
   S12 希少性（dark・カウントダウン）
   ===================================================================== */
.lp-scarcity{background:var(--night-900);text-align:center}
.lp-scar .lp-eyebrow{margin-bottom:14px}
.lp-countdown{display:flex;justify-content:center;gap:14px;margin:24px 0 28px}
.lp-cd-cell{background:rgba(248,245,238,.05);border:1px solid rgba(235,220,182,.24);border-radius:var(--radius-md);
  padding:14px 18px;min-width:72px}
.lp-cd-cell b{font-family:var(--font-display);font-size:clamp(1.7rem,3.4vw,2.4rem);color:var(--gold-400);line-height:1;display:block;letter-spacing:.02em}
.lp-cd-cell span{font-family:var(--font-jp-sans);font-size:11px;color:rgba(248,245,238,.66);margin-top:7px;display:block}
.lp-scar-lead{font-family:var(--font-jp-serif);font-size:14px;line-height:1.95;color:rgba(248,245,238,.8);max-width:60ch;margin:14px auto 0}
.lp-root .lp-scar-lead{margin-left:auto;margin-right:auto}
.lp-scar-now{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;align-items:center;margin:28px auto 6px;
  padding:24px 28px;max-width:620px;background:rgba(194,160,82,.1);border:1px solid rgba(214,188,126,.36);border-radius:var(--radius-lg)}
.lp-scar-now-l{text-align:left}
.lp-scar-now-k{font-family:var(--font-label);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-400);margin-bottom:6px}
.lp-scar-now-worth{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.8rem);color:var(--gold-400);line-height:1}
.lp-scar-now-worth span{font-family:var(--font-jp-sans);font-size:.42em;color:rgba(248,245,238,.7);margin-left:5px}
.lp-scar-now-bonus{font-family:var(--font-jp-sans);font-size:13px;color:rgba(248,245,238,.86);margin-top:8px}
.lp-scar-cd-k{font-family:var(--font-jp-sans);font-size:11.5px;color:rgba(248,245,238,.6);margin-bottom:8px;letter-spacing:.06em}
.lp-scar-cd .lp-countdown{margin:0;gap:8px}
.lp-scar-cd .lp-cd-cell{min-width:54px;padding:10px 10px}
.lp-ladder{max-width:620px;margin:26px auto 18px;border:1px solid rgba(235,220,182,.2);border-radius:var(--radius-md);overflow:hidden}
.lp-ladder-row{display:grid;grid-template-columns:96px 1fr auto;gap:14px;align-items:center;padding:13px 18px;text-align:left;
  border-bottom:1px solid rgba(235,220,182,.12);font-family:var(--font-jp-sans)}
.lp-ladder-row:last-child{border-bottom:0}
.lp-ladder-row.is-past{opacity:.4}
.lp-ladder-row.is-now{background:rgba(194,160,82,.16);box-shadow:inset 0 0 0 1px rgba(214,188,126,.5)}
.lp-ladder-wk{font-weight:700;font-size:13px;color:rgba(248,245,238,.92);display:flex;align-items:center;gap:8px;white-space:nowrap}
.lp-ladder-badge{font-style:normal;font-size:9px;letter-spacing:.1em;color:#0E161B;background:var(--gold-400);padding:2px 7px;border-radius:999px}
.lp-ladder-bonus{font-size:12.5px;color:rgba(248,245,238,.78);line-height:1.5}
.lp-ladder-worth{font-family:var(--font-display);font-size:15px;color:var(--gold-400);white-space:nowrap}
.lp-scar-note{font-family:var(--font-jp-serif);font-size:11.5px;color:rgba(248,245,238,.55);margin:8px auto 0;max-width:60ch;line-height:1.7}
.lp-root .lp-scar-note{margin-left:auto;margin-right:auto}

/* =====================================================================
   S13 FAQ
   ===================================================================== */
.lp-faq{background:var(--paper-050)}
.lp-faqlist{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}
.lp-faqitem{border-bottom:1px solid var(--line)}
.lp-faq-q{width:100%;background:none;border:0;cursor:pointer;text-align:left;display:flex;align-items:flex-start;gap:16px;
  padding:24px 6px;font-family:var(--font-jp-display);font-weight:600;font-size:clamp(1.02rem,1.6vw,1.18rem);color:var(--fg-strong);letter-spacing:.02em}
.lp-faq-qmark{font-family:var(--font-display);font-style:italic;color:var(--gold-600);font-size:20px;flex:none;line-height:1.2}
.lp-faq-qtext{flex:1;line-height:1.5}
.lp-faq-chev{font-size:20px;color:var(--slate-400);transition:transform .3s var(--ease);flex:none}
.lp-faqitem[data-open="true"] .lp-faq-chev{transform:rotate(180deg);color:var(--gold-700)}
.lp-faq-a{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}
.lp-faqitem[data-open="true"] .lp-faq-a{max-height:400px}
.lp-faq-a-in{display:flex;gap:16px;padding:0 6px 26px}
.lp-faq-amark{font-family:var(--font-display);font-style:italic;color:var(--slate-400);font-size:20px;flex:none}
.lp-faq-a-in p{font-family:var(--font-jp-serif);font-size:15px;line-height:2;color:var(--fg-muted);margin:0;flex:1}

/* =====================================================================
   S14 エコシステム
   ===================================================================== */
.lp-ecosystem{background:var(--paper-100)}
/* 申込ボタン上の特典バナー（E） */
.lp-bonusbanner{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;margin:4px 0 18px;
  padding:20px 24px;background:linear-gradient(160deg,var(--gold-050),rgba(214,188,126,.1));border:1px solid var(--gold-200);border-radius:var(--radius-md)}
.lp-bonusbanner-tag{font-family:var(--font-label);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-700);display:block;margin-bottom:7px}
.lp-bonusbanner-main{font-family:var(--font-jp-display);font-weight:600;font-size:clamp(1.1rem,2vw,1.4rem);color:var(--fg-strong);letter-spacing:.02em}
.lp-bonusbanner-main b{color:var(--gold-700)}
.lp-bonusbanner-sub{font-family:var(--font-jp-sans);font-size:12px;color:var(--fg-muted);margin-top:6px;line-height:1.6}
.lp-bonusbanner-cd{flex:none;text-align:center;background:var(--paper-000);border:1px solid var(--gold-200);border-radius:var(--radius-sm);padding:10px 16px}
.lp-bonusbanner-cd-k{display:block;font-family:var(--font-jp-sans);font-size:10.5px;color:var(--fg-faint);margin-bottom:4px}
.lp-bonusbanner-cd-v{font-family:var(--font-display);font-size:1.05rem;color:var(--gold-700);letter-spacing:.03em;white-space:nowrap}
/* 読書クラブ 大型フィーチャー（G） */
.lp-club{display:grid;grid-template-columns:.85fr 1.15fr;gap:0;border-radius:var(--radius-xl);overflow:hidden;
  background:var(--night-900);box-shadow:0 30px 70px rgba(41,54,58,.22);border:1px solid var(--slate-800);margin-bottom:40px}
.lp-club-media{position:relative;min-height:340px}
.lp-club-media image-slot{position:absolute;inset:0;width:100%;height:100%;display:block;color:rgba(248,245,238,.6)}
.lp-club-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.lp-club-media-scrim{position:absolute;inset:0;background:linear-gradient(120deg,rgba(18,30,36,.2),rgba(18,30,36,.7))}
.lp-club-badge{position:absolute;top:18px;left:18px;z-index:2;font-family:var(--font-jp-sans);font-weight:700;font-size:12px;
  letter-spacing:.06em;color:#16242B;background:var(--gold-400);padding:7px 15px;border-radius:999px}
.lp-club-body{padding:clamp(30px,4vw,52px);color:var(--paper-050)}
.lp-club-kicker{display:flex;align-items:center;font-family:var(--font-display);font-style:italic;font-size:1.1rem;color:var(--gold-400);margin-bottom:10px}
.lp-root .lp-club-h{color:#fff}
.lp-club-titlenote{font-family:var(--font-jp-serif);font-size:13px;line-height:1.8;color:var(--gold-400);margin:-8px 0 18px;letter-spacing:.02em}
.lp-club-h{font-family:var(--font-jp-display);font-weight:600;font-size:clamp(1.5rem,2.8vw,2.1rem);color:#fff;line-height:1.4;letter-spacing:.03em;margin:0 0 18px}
.lp-club-lead{font-family:var(--font-jp-serif);font-size:14.5px;line-height:1.95;color:rgba(248,245,238,.84);margin:0 0 24px}
.lp-club-points{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(235,220,182,.18);border:1px solid rgba(235,220,182,.18);border-radius:var(--radius-md);overflow:hidden;margin-bottom:26px}
.lp-club-point{background:rgba(18,30,36,.72);padding:18px 18px}
.lp-club-point-t{font-family:var(--font-jp-display);font-weight:600;font-size:14px;color:var(--gold-400);margin-bottom:7px;letter-spacing:.02em}
.lp-club-point-d{font-family:var(--font-jp-serif);font-size:12.5px;line-height:1.8;color:rgba(248,245,238,.78);margin:0}
.lp-club-foot{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.lp-club-price{font-family:var(--font-jp-sans);font-size:13px;color:rgba(235,220,182,.9);letter-spacing:.03em}
.lp-club .lp-btn{text-decoration:none}
.lp-eco-subhead{font-family:var(--font-label);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-700);margin-bottom:16px;text-align:center}
.lp-eco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lp-eco{position:relative;display:flex;flex-direction:column;background:var(--paper-000);border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:26px 24px 24px;text-decoration:none;overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}
.lp-eco::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--gold-500),var(--gold-400));transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.lp-eco:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--gold-200)}
.lp-eco:hover::before{transform:scaleX(1)}
.lp-eco-en{font-family:var(--font-label);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-700);margin-bottom:12px}
.lp-eco-t{font-family:var(--font-jp-display);font-weight:600;font-size:1.18rem;color:var(--fg-strong);letter-spacing:.03em;margin-bottom:8px;line-height:1.4}
.lp-eco-d{font-family:var(--font-jp-serif);font-size:14px;color:var(--fg-muted);line-height:1.7}
.lp-eco-meta{font-family:var(--font-jp-sans);font-size:12px;color:var(--fg-faint);line-height:1.6;margin-top:10px;padding-top:12px;border-top:1px solid var(--line-soft);flex:1}
.lp-eco-go{font-family:var(--font-jp-sans);font-size:13px;color:var(--gold-700);margin-top:18px;letter-spacing:.04em;display:inline-flex;align-items:center;gap:8px;transition:gap .25s var(--ease)}
.lp-eco:hover .lp-eco-go{gap:13px}

/* =====================================================================
   S15/S16 最終CTA＋開示
   ===================================================================== */
.lp-final{background:var(--night-900);text-align:center}
.lp-final-in{padding:8px 0 40px}
.lp-final-h{font-family:var(--font-jp-display);font-weight:600;font-size:clamp(2rem,4.4vw,3.2rem);color:#fff;line-height:1.3;letter-spacing:.04em;margin:0 0 14px}
.lp-final-sub{font-family:var(--font-jp-serif);font-size:clamp(15px,1.5vw,18px);color:var(--gold-400);margin:0 0 34px}
.lp-final-guest{display:block;margin:20px auto 0;background:none;border:0;cursor:pointer;
  font-family:var(--font-jp-sans);font-size:14px;color:rgba(248,245,238,.8);text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(235,220,182,.4)}
.lp-final-guest:hover{color:#fff}
.lp-final-wallet{font-family:var(--font-label);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(248,245,238,.5);margin-top:20px}
.lp-disclosure{font-family:var(--font-jp-sans);font-size:12px;line-height:1.9;color:rgba(248,245,238,.5);margin:40px auto 0;max-width:60ch;
  padding-top:24px;border-top:1px solid rgba(235,220,182,.16);text-align:center}

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
@media (max-width:920px){
  .lp-bigstats{grid-template-columns:repeat(2,1fr)}
  .lp-units{grid-template-columns:1fr}
  .lp-orders{grid-template-columns:1fr}
  .lp-anchor-parts{grid-template-columns:1fr}
  .lp-alumni{grid-template-columns:1fr}
  .lp-steps{grid-template-columns:1fr;gap:30px}
  .lp-step-arrow{right:50%;top:auto;bottom:-23px;transform:translateX(50%)}
  .lp-step-arrow::before{content:"\2193"}
  .lp-curri-grid{grid-template-columns:1fr;gap:28px}
  .lp-sample{position:static;max-width:380px;margin:0 auto}
  .lp-sched{grid-template-columns:1fr 1fr}
  .lp-scenes-grid{grid-template-columns:1fr}
  .lp-mrl-card{flex-direction:column;gap:12px}
  .lp-sysgrid{grid-template-columns:1fr;gap:14px}
  .lp-sysplus{padding:4px 0}
  .lp-plans{grid-template-columns:repeat(2,1fr)}
  .lp-eco-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:680px){
  .lp-wrap{padding:0 22px}
  .lp-section{padding:clamp(52px,11vw,72px) 0}
  .lp-hero-in{padding:104px 22px 80px}
  .lp-hero-stats{gap:20px}
  .lp-bigstats{grid-template-columns:1fr 1fr}
  .lp-plans{grid-template-columns:1fr}
  .lp-club{grid-template-columns:1fr}
  .lp-club-media{min-height:220px}
  .lp-eco-grid{grid-template-columns:1fr}
  .lp-countdown{gap:8px}
  .lp-cd-cell{min-width:0;flex:1;padding:14px 8px}
  .lp-sticky-in{padding:10px 18px}
  .lp-sticky-price{font-size:20px}
  .lp-btn,.lp-btn-lg{font-size:15px;padding:14px 26px}
  .lp-sticky .lp-btn{padding:13px 22px}
}

/* ===== 講師＝分割バンド（左：黒パネル＝権威／右：講師写真／Course の直後） =====
   役割＝「この人から学べる」という権威を一瞬で。詳細(全経歴)は /creators/<handle> 全文へ。
   ★意匠＝CD磨き込み版(2026-06-22採用・DS「天狼院書店｜講座LP」instructor.css と1:1)。 */
.lp-instructors{background:#0c1418}

/* 黒は青みのある“天狼院ナイト”寄りに。境界はグラデで溶かすので overflow:hidden は維持 */
.lp-inst-band{position:relative;display:grid;grid-template-columns:0.92fr 1.08fr;
  min-height:clamp(460px,64vh,660px);
  border-radius:var(--radius-lg,16px);overflow:hidden;
  background:#0a0e11;isolation:isolate;
  box-shadow:0 24px 70px -28px rgba(0,0,0,.7),inset 0 0 0 1px rgba(214,188,126,.10);
  transition:box-shadow .5s var(--ease,ease)}
.lp-inst-band.is-in:hover{box-shadow:0 34px 90px -26px rgba(0,0,0,.82),inset 0 0 0 1px rgba(214,188,126,.22)}
.lp-inst-band+.lp-inst-band{margin-top:24px}

/* --- 写真側 --- */
.lp-inst-bg{position:relative;min-height:300px;background:#0a0e11}
.lp-inst-bg img,.lp-inst-bg image-slot{width:100%;height:100%;object-fit:cover;object-position:center 32%;display:block;
  filter:grayscale(1) contrast(1.07) brightness(1.05)}
/* 左端を黒パネルへ溶かす＋下と右にごく薄いビネット（暗くしすぎない） */
.lp-inst-bg::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:
    linear-gradient(90deg,#0a0e11 0%,rgba(10,14,17,.72) 9%,rgba(10,14,17,.20) 26%,transparent 46%),
    linear-gradient(0deg,rgba(8,11,14,.42) 0%,transparent 32%),
    radial-gradient(130% 96% at 76% 36%,transparent 56%,rgba(8,11,14,.30) 100%)}
/* フィルムの粒子（ごく薄く） */
.lp-inst-bg::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;opacity:.07;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
/* 写真下部に重ねる白文字プロフィール（下部グラデの薄暗幕で可読性を確保／略歴2段の長文対応） */
.lp-inst-bg-cap{position:absolute;left:0;right:0;bottom:0;z-index:3;margin:0;
  padding:clamp(40px,6vw,84px) clamp(22px,2.6vw,40px) clamp(20px,2.4vw,30px);
  background:linear-gradient(to top,rgba(6,10,13,.92) 0%,rgba(6,10,13,.82) 34%,rgba(6,10,13,.46) 66%,rgba(6,10,13,0) 100%)}
.lp-inst-bg-cap-p{margin:0 0 .85em;font-family:var(--font-jp-serif);font-size:clamp(11.5px,1.2vw,13px);line-height:1.9;
  color:rgba(255,255,255,.92);text-shadow:0 1px 14px rgba(0,0,0,.6)}
.lp-inst-bg-cap-p:last-child{margin-bottom:0}
.lp-inst-bg-cap-name{font-family:var(--font-display);font-weight:600;letter-spacing:.16em;color:#fff}
/* モバイル（写真は16/10で短い）＝長文オーバーレイは溢れるため非表示。略歴は黒パネル＋「プロフィール全文を見る」へ。 */
@media(max-width:760px){.lp-inst-bg-cap{display:none}}

/* --- 黒パネル本文 --- */
.lp-inst-body{position:relative;z-index:3;min-width:0;width:100%;
  padding:clamp(36px,4.6vw,64px) clamp(34px,4vw,58px);
  background:linear-gradient(105deg,#0a0e11 0%,#0a0e11 58%,#0b1116 100%);
  display:flex;flex-direction:column;justify-content:center}

.lp-inst-eyebrow{display:inline-flex;align-items:center;gap:10px;
  font-family:var(--font-label,sans-serif);font-size:11px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;
  color:var(--gold-400,#d6bc7e);margin-bottom:20px}
.lp-inst-eyebrow::before{content:"";width:26px;height:1px;background:linear-gradient(90deg,var(--gold-400,#d6bc7e),rgba(214,188,126,0))}

.lp-instructors .lp-inst-headline{font-family:var(--font-jp-display);font-weight:700;
  font-size:clamp(1.65rem,3.5vw,2.55rem);line-height:1.46;letter-spacing:.012em;
  color:#fff!important;margin:0 0 26px;text-wrap:balance;
  text-shadow:0 2px 34px rgba(0,0,0,.5)}

/* 氏名＋認定バッジ — 視線の着地点 */
.lp-inst-id{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.lp-inst-name{font-family:var(--font-jp-display);font-weight:700;font-size:1.42rem;letter-spacing:.04em;color:#fff}
.lp-inst-cert{align-self:center;font-family:var(--font-label);font-size:10px;font-weight:600;letter-spacing:.14em;
  color:var(--gold-400,#d6bc7e);
  background:linear-gradient(180deg,rgba(214,188,126,.14),rgba(214,188,126,.05));
  border:1px solid rgba(214,188,126,.42);border-radius:999px;padding:4px 13px;white-space:nowrap}
.lp-inst-role{font-family:var(--font-jp-sans);font-size:12.5px;line-height:1.65;color:rgba(255,255,255,.7);margin-top:11px}

/* ===== 数字（権威の核）＝罫線で仕切る縦スタックのスタット表 =====
   3つの数字は桁が大きく異なる（12／12,000／48）。横3連だと“12,000”だけ窮屈に
   なるため、縦に積んで各数字を大きく見せ、ラベルの開始位置を揃える。 */
.lp-inst-stats{display:flex;flex-direction:column;
  margin:30px 0 28px;border-top:1px solid rgba(214,188,126,.24)}
.lp-inst-stat{display:grid;grid-template-columns:clamp(176px,22vw,212px) 1fr;align-items:baseline;
  column-gap:clamp(14px,2vw,24px);padding:15px 0;border-bottom:1px solid rgba(255,255,255,.09)}
.lp-inst-stat:last-child{border-bottom:0}
.lp-inst-stat-n{justify-self:end;text-align:right;
  font-family:var(--font-display);font-size:clamp(2.1rem,3.9vw,2.9rem);line-height:.9;font-weight:500;
  letter-spacing:-.01em;color:var(--gold-400,#d6bc7e);white-space:nowrap;
  text-shadow:0 1px 22px rgba(214,188,126,.2)}
.lp-inst-stat-n i{font-style:normal;font-family:var(--font-jp-serif);font-size:.32em;font-weight:600;
  letter-spacing:.02em;color:var(--gold-500,#c2a052);margin-left:5px;vertical-align:baseline}
.lp-inst-stat-l{font-family:var(--font-jp-sans);font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.72);
  letter-spacing:.03em;text-wrap:pretty}

/* ===== 主な仕事・著書 ===== */
.lp-inst-works{margin:0 0 28px;max-width:560px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08)}
.lp-inst-works-l{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;
  font-family:var(--font-label,sans-serif);font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:var(--gold-400,#d6bc7e);margin-bottom:11px}
.lp-inst-works-l::before{content:"✦";font-size:9px;color:var(--gold-500,#c2a052)}
.lp-inst-works-v{display:block;font-family:var(--font-jp-serif);font-size:13.5px;line-height:1.95;color:rgba(255,255,255,.78)}

/* ===== プロフィール全文へ（→ はマークアップ側のテキストに含まれる前提。CSSで字を注入しない） ===== */
/* ★.ti a{color:var(--brand-ink)} に勝つため .lp-instructors 前置で詳細度を上げる（前置なしだと暗いインク色に上書きされる） */
.lp-instructors .lp-inst-go{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font-jp-sans);font-size:13.5px;font-weight:600;color:#ecd9a8;letter-spacing:.04em;
  text-decoration:none;padding:9px 1px 8px;
  background-image:linear-gradient(var(--gold-400,#d6bc7e),var(--gold-400,#d6bc7e));
  background-size:0% 1px;background-repeat:no-repeat;background-position:0 100%;
  transition:color var(--dur-2,.28s) var(--ease,ease),background-size var(--dur-2,.28s) var(--ease,ease)}
.lp-instructors .lp-inst-go:hover{color:#fff;background-image:linear-gradient(#fff,#fff);background-size:100% 1px}

/* ===== スクロールイン演出（本番 [data-reveal].is-in 制御で発火） =====
   prefers-reduced-motion: no-preference のときだけ“隠して→順に出す”。
   reduce 指定時は常時表示（隠さない＝アクセシブル）。 */
@keyframes lpInstTwinkle{0%,100%{opacity:.5;transform:scale(.86)}50%{opacity:1;transform:scale(1.12)}}

@media (prefers-reduced-motion: no-preference){
  /* バンド全体：やわらかくフェードアップ */
  .lp-inst-band[data-reveal]{opacity:0;transform:translateY(20px);
    transition:opacity .7s var(--ease,ease),transform .7s var(--ease,ease)}
  .lp-inst-band[data-reveal].is-in{opacity:1;transform:none}

  /* 写真：わずかに引きから定位置へ（静かな寄り）＋フェード */
  .lp-inst-band[data-reveal] .lp-inst-bg img{opacity:0;transform:scale(1.07);transform-origin:62% 40%;
    transition:opacity 1.05s var(--ease,ease),transform 1.25s var(--ease,ease),filter .9s var(--ease,ease)}
  .lp-inst-band[data-reveal].is-in .lp-inst-bg img{opacity:1;transform:none}

  /* 本文：子要素を順番にフェードアップ（ステージング） */
  .lp-inst-band[data-reveal] .lp-inst-body>*{opacity:0;transform:translateY(14px);
    transition:opacity .6s var(--ease,ease),transform .6s var(--ease,ease)}
  .lp-inst-band[data-reveal].is-in .lp-inst-body>*{opacity:1;transform:none}
  .lp-inst-band[data-reveal].is-in .lp-inst-eyebrow{transition-delay:.10s}
  .lp-inst-band[data-reveal].is-in .lp-inst-headline{transition-delay:.18s}
  .lp-inst-band[data-reveal].is-in .lp-inst-id{transition-delay:.34s}
  .lp-inst-band[data-reveal].is-in .lp-inst-role{transition-delay:.42s}
  .lp-inst-band[data-reveal].is-in .lp-inst-works{transition-delay:.92s}
  .lp-inst-band[data-reveal].is-in .lp-inst-go{transition-delay:1.02s}

  /* 数字ブロックは器を静止させ、各行を連続で出す（権威の核を“順に積む”） */
  .lp-inst-band[data-reveal] .lp-inst-stats{opacity:1;transform:none;transition:none}
  .lp-inst-band[data-reveal] .lp-inst-stat{opacity:0;transform:translateY(13px);
    transition:opacity .55s var(--ease,ease),transform .55s var(--ease,ease)}
  .lp-inst-band[data-reveal].is-in .lp-inst-stat{opacity:1;transform:none}
  .lp-inst-band[data-reveal].is-in .lp-inst-stat:nth-child(1){transition-delay:.52s}
  .lp-inst-band[data-reveal].is-in .lp-inst-stat:nth-child(2){transition-delay:.64s}
  .lp-inst-band[data-reveal].is-in .lp-inst-stat:nth-child(3){transition-delay:.76s}

  /* eyebrow の罫線を左から引く */
  .lp-inst-band[data-reveal] .lp-inst-eyebrow::before{transform:scaleX(0);transform-origin:left center;
    transition:transform .6s var(--ease,ease) .22s}
  .lp-inst-band[data-reveal].is-in .lp-inst-eyebrow::before{transform:none}

  /* 星のひそやかな瞬き（WORKS の ✦） */
  .lp-inst-band[data-reveal].is-in .lp-inst-works-l::before{animation:lpInstTwinkle 3.6s var(--ease-soft,ease) 1.4s infinite}

  /* ホバー：写真がほんのり寄る（.is-in 後のみ） */
  .lp-inst-band.is-in:hover .lp-inst-bg img{transform:scale(1.035)}
}

/* ===== モバイル：写真上→黒パネル下の縦積み（760で切替） ===== */
@media(max-width:760px){
  .lp-inst-band{grid-template-columns:1fr;min-height:0}
  .lp-inst-bg{order:-1;aspect-ratio:16/10;min-height:0}
  .lp-inst-bg img{object-position:center 28%}
  /* 縦積み時は写真の“下端”を黒パネルへ溶かす（左端ではなく） */
  .lp-inst-bg::before{background:
    linear-gradient(0deg,#0a0e11 0%,rgba(10,14,17,.55) 12%,transparent 38%),
    radial-gradient(120% 100% at 50% 30%,transparent 60%,rgba(8,11,14,.28) 100%)}
  .lp-inst-body{padding:clamp(28px,7vw,40px) 22px}
  .lp-instructors .lp-inst-headline{font-size:1.5rem;line-height:1.5;margin-bottom:22px}
  .lp-inst-stats{margin:26px 0 24px}
  .lp-inst-stat{grid-template-columns:clamp(110px,30vw,150px) 1fr;padding:13px 0}
  .lp-inst-stat-n{font-size:clamp(2rem,9vw,2.7rem)}
}
@media(max-width:420px){
  .lp-inst-stat-l{font-size:10.5px}
}

/* ===== S1 ヒーロー（スライド式・2026/9/3 代表指示＝楽市・読書クラブのヒーローと同じ型） =====
   背景5枚がクロスフェード（Ken Burns 8秒）。左の縦積みコピー＋下段に案内人（講師）と動詞インデックス。 */
.lp-root .lp-hero--slides{align-items:stretch}
.lp-root .lp-hero-bgs{position:absolute;inset:0;z-index:0;background:#0A0E11}
.lp-root .lp-bgslide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .7s ease}
.lp-root .lp-bgslide.is-on{opacity:1;animation:lpHkb 8s ease-out forwards}
@keyframes lpHkb{from{transform:scale(1.02)}to{transform:scale(1.09)}}
.lp-root .lp-hero-scrim2{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(9,13,16,.97) 0%,rgba(9,13,16,.93) 27%,rgba(9,13,16,.62) 52%,rgba(9,13,16,.24) 76%,rgba(9,13,16,0) 100%),linear-gradient(0deg,rgba(9,13,16,.8),transparent 36%)}
.lp-root .lp-hero--slides .lp-hero-in{display:flex;flex-direction:column;justify-content:center;min-height:100svh;padding:96px 44px 78px;gap:22px}
.lp-root .lp-hero--slides .lp-hero-copy{max-width:640px}
.lp-root .lp-hero--slides .lp-hero-tagline{margin-bottom:10px}
.lp-root .lp-hero--slides .lp-eyebrow{display:block;margin-bottom:20px;white-space:normal}
.lp-root .lp-hero--slides .lp-eb-en{letter-spacing:.24em}
.lp-root .lp-hero--slides .lp-eb-sep{margin:0 .5em;opacity:.6}
.lp-root .lp-hero-press{font-family:var(--font-jp-display);font-weight:600;color:var(--gold-200);font-size:clamp(1rem,1.7vw,1.24rem);line-height:1.5;letter-spacing:.03em;margin:0 0 22px;text-shadow:0 2px 20px rgba(0,0,0,.55)}
.lp-root .lp-hero-foot{display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap;max-width:880px}
.lp-root .lp-hero-guide{display:flex;align-items:center;gap:14px;flex-shrink:0}
.lp-root .lp-hg-img{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:center 12%;border:1.5px solid var(--gold-400);box-shadow:0 0 0 5px rgba(214,188,126,.1),0 10px 30px rgba(0,0,0,.5);background:#0c1418}
.lp-root .lp-hg-t{display:flex;flex-direction:column}
.lp-root .lp-hg-badge{font-family:var(--font-label);letter-spacing:.16em;font-size:.6rem;color:var(--gold-400);text-transform:uppercase}
.lp-root .lp-hg-t b{font-family:var(--font-jp-display);font-weight:600;color:#FAF7EE;font-size:1.2rem;margin:3px 0 4px;letter-spacing:.05em}
.lp-root .lp-hg-q{font-family:var(--font-jp-serif);font-size:.82rem;color:#C6CDC9;line-height:1.5}
.lp-root .lp-hero-foot-r{flex:1;min-width:230px}
.lp-root .lp-capnow{color:#EDE7D8;font-family:var(--font-jp-sans);font-size:.95rem;margin-bottom:9px;min-height:1.9em}
.lp-root .lp-capnow b{display:block;font-family:var(--font-jp-display);font-weight:600;color:var(--gold-400);font-size:1.4rem;margin-bottom:4px;letter-spacing:.05em}
.lp-root .lp-capnow span{color:#C6CDC9}
.lp-root .lp-verbidx{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:2px}
.lp-root .lp-vi{appearance:none;-webkit-appearance:none;background:none;border:0;padding:0 0 5px;font-family:var(--font-jp-display);font-weight:600;font-size:1.08rem;color:#7d8c90;cursor:pointer;transition:color .3s;position:relative;letter-spacing:.04em}
.lp-root .lp-vi.is-on{color:var(--gold-400)}
.lp-root .lp-vi.is-on::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gold-400)}
.lp-root .lp-vi:focus-visible{outline:2px solid var(--gold-400);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.lp-root .lp-bgslide.is-on{animation:none}}
@media(max-width:680px){
  .lp-root .lp-hero--slides .lp-hero-in{padding:88px 22px 68px;gap:18px}
  .lp-root .lp-hero--slides .lp-hero-copy{max-width:none}
  .lp-root .lp-hg-img{width:76px;height:76px}
  .lp-root .lp-hero-foot{gap:16px}
  .lp-root .lp-capnow b{font-size:1.2rem}
  .lp-root .lp-hero--slides .lp-hero-scroll{display:none}
}
/* スライド式＝下段（案内人・動詞インデックス）まで一画面に収める詰め（1440×860 実測で調整） */
.lp-root .lp-hero--slides .lp-hero-in{padding:84px 44px 60px;gap:16px}
.lp-root .lp-hero--slides .lp-hero-copy{max-width:720px}
.lp-root .lp-hero--slides .lp-hero-h{font-size:clamp(2.1rem,4.3vw,3.5rem);line-height:1.14;margin:14px 0 18px}
.lp-root .lp-hero--slides .lp-hero-tagline{font-size:clamp(1.35rem,2.3vw,1.95rem);margin:0 0 10px;text-wrap:balance}
.lp-root .lp-hero--slides .lp-hero-press{margin:0 0 16px}
.lp-root .lp-hero--slides .lp-hero-sub{margin:0 0 20px;max-width:48ch}
.lp-root .lp-hero--slides .lp-hero-stats{margin-bottom:22px;gap:26px}
.lp-root .lp-hero--slides .lp-hero-cta{margin-bottom:14px}
.lp-root .lp-hero--slides .lp-hero-price i{display:block;margin:4px 0 0}
@media(max-height:820px) and (min-width:681px){
  .lp-root .lp-hero--slides .lp-hero-in{padding:70px 44px 50px;gap:12px}
  .lp-root .lp-hero--slides .lp-hero-h{font-size:clamp(2rem,3.6vw,2.9rem);margin:10px 0 14px}
  .lp-root .lp-hero--slides .lp-hero-tagline{font-size:clamp(1.25rem,2vw,1.7rem)}
  .lp-root .lp-hero--slides .lp-hero-sub{margin-bottom:14px}
  .lp-root .lp-hero--slides .lp-hero-stats{margin-bottom:16px}
}
/* スライド式＝一画面に収める（1440×860 実測：縦積みだと下段が150px溢れた）。
   広い窓では 案内人＋動詞インデックス を右下に置く（画像の下端は暗い帯なので読める） */
.lp-root .lp-hero--slides .lp-hero-in{padding:64px 44px 40px;gap:14px}
.lp-root .lp-hero--slides .lp-hero-h{font-size:clamp(2rem,3.9vw,3.1rem);margin:12px 0 14px}
.lp-root .lp-hero--slides .lp-hero-tagline{margin:0 0 6px}
.lp-root .lp-hero--slides .lp-hero-press{margin:0 0 12px}
.lp-root .lp-hero--slides .lp-hero-sub{margin:0 0 14px}
.lp-root .lp-hero--slides .lp-hero-stats{margin-bottom:16px}
.lp-root .lp-hero--slides .lp-hero-cta{margin-bottom:10px}
.lp-root .lp-hero--slides .lp-hero-price i{display:inline;margin:0 0 0 10px}
@media(min-width:1100px){
  .lp-root .lp-hero--slides .lp-hero-in{display:grid;grid-template-columns:minmax(0,720px) minmax(min(300px,100%),400px);justify-content:space-between;align-items:end;column-gap:40px}
  .lp-root .lp-hero--slides .lp-hero-copy{grid-column:1;align-self:center}
  .lp-root .lp-hero--slides .lp-hero-foot{grid-column:2;flex-direction:column;align-items:flex-start;gap:18px;max-width:400px;padding-bottom:6px}
  .lp-root .lp-hero--slides .lp-hero-foot-r{width:100%}
}
@media(max-width:680px){ .lp-root .lp-hero--slides .lp-hero-price i{display:block;margin:4px 0 0} }
/* 実測の詰め（1440×860）：右列を欲張ると左のコピー幅が572pxに縮んで折返しが増え、かえって縦に伸びた */
@media(min-width:1100px){
  .lp-root .lp-hero--slides .lp-hero-in{grid-template-columns:minmax(0,1fr) minmax(min(280px,100%),330px);column-gap:32px}
  .lp-root .lp-hero--slides .lp-hero-copy{max-width:660px}
}
.lp-root .lp-hero--slides .lp-hero-price{flex-wrap:wrap;row-gap:2px}
.lp-root .lp-hero--slides .lp-hero-price i{white-space:nowrap}
@media(max-width:680px){ .lp-root .lp-hero--slides .lp-hero-price i{white-space:normal} }
/* 折り返しの作法＝節（読点まで）を inline-block にして、語の途中で折れないようにする。ラベルも語の途中で折らない */
.lp-root .lp-seg{display:inline-block;white-space:nowrap}
.lp-root .lp-hero--slides .lp-eb-en,.lp-root .lp-hero--slides .lp-eb-jp{display:inline-block;white-space:nowrap}
/* 下段の文字は絵の明るい所にも重なるので影を敷く。右列は少し広く（見出し1行＋説明が折れすぎない） */
.lp-root .lp-hg-t,.lp-root .lp-capnow,.lp-root .lp-vi{text-shadow:0 1px 10px rgba(0,0,0,.75)}
.lp-root .lp-capnow span{font-size:.9rem}
@media(min-width:1100px){ .lp-root .lp-hero--slides .lp-hero-in{grid-template-columns:minmax(0,1fr) minmax(min(300px,100%),350px)} .lp-root .lp-hero--slides .lp-hero-foot{max-width:350px} }
@media(max-width:680px){
  .lp-root .lp-hero--slides .lp-hero-h{font-size:clamp(1.6rem,7.4vw,2rem)}
  .lp-root .lp-hero--slides .lp-hero-tagline{font-size:1.22rem}
  .lp-root .lp-hero--slides .lp-hero-press{font-size:.98rem}
  .lp-root .lp-hero--slides .lp-hero-stats{gap:14px 18px}
  .lp-root .lp-hero--slides .lp-hstat-n{font-size:1.6rem}
}
@media(max-width:680px){
  .lp-root .lp-hero--slides .lp-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px}
  .lp-root .lp-hero--slides .lp-hstat-l{font-size:11px;line-height:1.5}
}
/* 一枚ごとのコピーは差し替え時にふわりと出す（背面タブ・reduced-motion では静止） */
.lp-root .lp-hero-slidecopy{animation:lpCopyIn .7s var(--ease,ease) both;min-height:1px}
@keyframes lpCopyIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.lp-root .lp-hero-slidecopy{animation:none}}
/* 6枚に増えた動詞索引が狭い窓で二段にならないよう少し詰める */
.lp-root .lp-verbidx{gap:8px 14px}
@media(max-width:680px){.lp-root .lp-vi{font-size:1rem}}
/* 実画面（明るいUI）は夜の調子に落として、左のコピーが読めるようにする */
.lp-root .lp-bgslide.is-dim{filter:brightness(.62) saturate(.9) contrast(1.05)}
.lp-root .lp-bgslide.is-dim{filter:brightness(.56) sepia(.28) saturate(1.05) contrast(1.04)}

/* ===== S8.6 アウトプットの場（書いたものの、行き先）2026/9/3 ===== */
.lp-root .lp-outlet-sec{background:var(--paper-050)}
.lp-root .lp-outlet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:10px}
.lp-root .lp-outlet{display:flex;flex-direction:column;background:var(--paper-000);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 10px 30px rgba(20,17,12,.06)}
.lp-root .lp-outlet-media{position:relative;aspect-ratio:3/2;overflow:hidden;background:#0A0E11}
.lp-root .lp-outlet-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--ease,ease)}
.lp-root .lp-outlet:hover .lp-outlet-media img{transform:scale(1.04)}
.lp-root .lp-outlet-tag{position:absolute;top:12px;left:12px;font-family:var(--font-jp-display);font-weight:600;font-size:13px;color:#FAF7EE;background:rgba(18,30,36,.72);border:1px solid rgba(235,220,182,.55);border-radius:999px;padding:4px 12px;letter-spacing:.1em}
.lp-root .lp-outlet-status{position:absolute;right:12px;bottom:12px;font-family:var(--font-jp-sans);font-size:11px;color:#20282C;background:rgba(235,220,182,.95);border-radius:999px;padding:4px 10px;letter-spacing:.06em}
.lp-root .lp-outlet-body{padding:20px 20px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.lp-root .lp-outlet-k{font-family:var(--font-label);font-size:10.5px;letter-spacing:.2em;color:var(--gold-700);text-transform:uppercase}
.lp-root .lp-outlet-t{font-family:var(--font-jp-display);font-weight:600;font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.45;color:var(--fg-strong);margin:0;letter-spacing:.02em}
.lp-root .lp-outlet-d{font-family:var(--font-jp-serif);font-size:13.5px;line-height:1.9;color:var(--fg-muted);margin:0;flex:1}
.lp-root .lp-outlet-link{font-family:var(--font-jp-sans);font-size:13px;font-weight:700;color:var(--gold-700);text-decoration:none;letter-spacing:.04em}
.lp-root .lp-outlet-link:hover{text-decoration:underline}
.lp-root .lp-outlet-foot{margin-top:26px;display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between;padding:20px 24px;border:1px solid rgba(214,188,126,.6);border-radius:var(--radius-lg);background:var(--paper-000)}
.lp-root .lp-outlet-foot-t{font-family:var(--font-jp-serif);font-size:14.5px;color:var(--fg-strong);line-height:1.85;max-width:62ch}
@media(max-width:900px){.lp-root .lp-outlet-grid{grid-template-columns:1fr}.lp-root .lp-outlet-media{aspect-ratio:16/9}}
.lp-root .lp-seg2{display:inline-block}
/* 追従バー（狭い窓）＝価格の注記を長くしたら左が縦に折れて釦が切れた（9/3 実測）。注記と細字は畳み、価格と釦を一行に */
@media(max-width:680px){
  .lp-root .lp-sticky-in{gap:8px;padding:9px 12px}
  .lp-root .lp-sticky-l{flex:0 1 auto;min-width:0}
  .lp-root .lp-sticky-price{font-size:17px;white-space:nowrap}
  .lp-root .lp-sticky-cond{display:none}
  .lp-root .lp-sticky-seats{font-size:10.5px;white-space:nowrap}
  .lp-root .lp-sticky-bonus{padding:0 4px;min-width:0}
  .lp-root .lp-sticky-bonus-main{font-size:12px}
  .lp-root .lp-sticky-bonus-cd{font-size:13px}
  .lp-root .lp-sticky-bonus-note{display:none}
  .lp-root .lp-sticky .lp-btn{padding:11px 14px;font-size:13px;white-space:nowrap;flex:0 0 auto}
}
@media(max-width:420px){ .lp-root .lp-sticky-bonus{display:none} }
.lp-root .lp-outlet-note{font-family:var(--font-jp-sans);font-size:11.5px;line-height:1.7;color:var(--fg-faint);margin:0}