/* 雛形と同じ名前を、意図して上書きするもの（clash.mjs の指示どおり bridge に置く） */
.gn .lb{font-family:var(--mincho);font-weight:400;letter-spacing:.2em;color:var(--sub);font-size:13px}
/* 30万（plan-none）は hover 以外の動きを止める */
html.js .plan-none .ss-fv .ss-cell,html.js .plan-none .ss-fv .ss-rise,html.js .plan-none .ss-h2.up{transform:none;opacity:1;clip-path:none;-webkit-mask:none;mask:none;transition:none}

.plan-none .ss-strip__run{animation:none}
@media (max-width:820px){.gn__a{font-size:18px}}
html.js .plan-none .ss-fig.up img,html.js .plan-none .ss-bleed.up img,html.js .plan-none .ss-hero__ph.up img,html.js .plan-none .ss-pgrid.up>* img,html.js .plan-none .ss-block.up>*,html.js .plan-none .ss-sheetbox.up .ss-bar{clip-path:none;transform:none;opacity:1;transition:none}
html.js .plan-none .ss-tombo.up::before,html.js .plan-none .ss-tombo.up::after{opacity:1}
html.js .plan-none .ss-block.up::before{transform:scaleX(1)}
html.js .plan-lite .ss-op,html.js .plan-none .ss-op{display:none!important}
html.js .plan-none .fx-e1 .ss-h2.up,html.js .plan-none .fx-e1 .ss-fig.up img{color:inherit;text-shadow:none;filter:none;opacity:1;transition:none}

/* 前後のページ（雛形 .pn）：1pxの隙間で線を描いていたのを罫に（SP で縦に積むと H2「継ぎ目の隙間」になる） */
.pn{gap:0}
.pn>*+*{border-left:1px solid var(--line)}
@media (max-width:820px){.pn>*+*{border-left:0;border-top:1px solid var(--line)}}

/* フォーム（雛形の型C）を刷々舎の版面に合わせる */
.ss-form .steps{margin-top:0;border-top:2px solid var(--ink)}
.ss-form .steps li em{font-family:var(--en);font-weight:500}
.ss-form .steps li[aria-current]{background:#1b1d22;color:#f3f1ea}
.ss-form .steps li[aria-current] em{color:#f3f1ea}
.ss-form .form,.ss-form .conf,.ss-form .done{max-width:820px}
.ss-form .form__l i{color:var(--ink);border-color:var(--ink)}
.ss-form .done{background:var(--face);position:relative}
.ss-form .done h2{font-family:var(--mincho)}
.ss-form .steps li{font-size:16px;color:var(--sub)}
.ss-form .steps li em{color:var(--sub)}            /* 雛形は罫の色＝薄すぎる（C3） */
.ss-form .conf__r>b{font-size:16px}
.ss-form .conf__r{grid-template-columns:200px minmax(0,1fr)}
.ss-form .conf__r span{font-size:17px;line-height:1.9;max-width:34em}
@media (max-width:820px){.ss-form .conf__r{grid-template-columns:minmax(0,1fr)}}

/* 雛形の .done／.lb を刷々舎の形に（clash のため satsu.css から移した） */
.ss-h2,.ss-hero__k,.ss-hero__c,.ss-quote,.ss-colophon h2,.ss-fv h1,.ss-cover__t,.ss-vsteps b,.ss-qa summary b,.ss-pillar,.ss-mast__name,.ss-people__name,.ss-pgrid h3,.done h2{font-feature-settings:"palt"}
.gn .lb{border-bottom:2px solid var(--ink);padding-bottom:6px;margin-bottom:0!important;display:inline-block}

/* 全画面メニュー：中身が画面より高いと、上下中央寄せ（align-items:center）で上が切れてスクロールでも戻れない（低い画面で発生・2026-10-15 指摘）。
   中央寄せは margin:auto にして、はみ出すときは上から並べる */
.gn__scroll{align-items:flex-start}
.gn__in{margin:auto}

/* ================= 工程8（削ぎ落とし表 v1・2026-10-15 承認） ================= */
/* 60万（plan-lite）：フェード・マーキー・hover・慣性だけ。オープニング・動画・見当合わせ・刷り上がり（clip/mask）・数え上がり・寄り引きを外す */
html.js .plan-lite .ss-h2.up{-webkit-mask:none;mask:none;opacity:0;transition:opacity .8s var(--ease)}
html.js .plan-lite .ss-h2.up.is-in{opacity:1}
html.js .plan-lite .fx-e1 .ss-h2.up,html.js .plan-lite .fx-e1 .ss-h2.up.is-in{text-shadow:none;color:inherit}
html.js .plan-lite .ss-fig.up img,html.js .plan-lite .fx-e1 .ss-fig.up img{clip-path:none;filter:none;opacity:0;transition:opacity .8s var(--ease)}
html.js .plan-lite .ss-fig.up.is-in img,html.js .plan-lite .fx-e1 .ss-fig.up.is-in img{opacity:1}
html.js .plan-lite .ss-tombo.up::before,html.js .plan-lite .ss-tombo.up::after{opacity:1;transition:none}
html.js .plan-lite .ss-bleed.up img,html.js .plan-lite .ss-hero__ph.up img{transform:none;transition:none}
html.js .plan-lite .ss-pgrid.up>* img{clip-path:none;transition:none}
html.js .plan-lite .ss-block.up::before{transform:scaleX(1);transition:none}
html.js .plan-lite .ss-block.up>*{transform:none}
html.js .plan-lite .ss-sheetbox.up .ss-bar{transform:none;transition:none}
html.js .plan-lite .ss-fv .ss-cell,html.js .plan-lite .ss-fv .ss-rise{clip-path:none;opacity:0;transition:opacity .9s var(--ease)}
html.js .plan-lite .ss-fv.is-run .ss-cell,html.js .plan-lite .ss-fv.is-in .ss-cell,html.js .plan-lite .ss-fv.is-run .ss-rise,html.js .plan-lite .ss-fv.is-in .ss-rise{opacity:1}
/* 60万の FV：刷り出しは4面（2×2） */
.plan-lite .ss-gang{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
@media (max-width:1000px){.plan-lite .ss-gang{grid-template-rows:none}}
@media (max-width:820px){.plan-lite .ss-gang{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* 30万の FV：表紙1枚を全幅に（刷り出しと帯は HTML ごと無い） */
.plan-none .ss-fv__in{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
@media (max-width:1000px){.plan-none .ss-fv__in{grid-template-rows:auto}}
.plan-none .ss-fv__cover img{object-position:center 40%}
.plan-none .ss-fv__in{border-bottom:0}   /* 表紙1枚だけのとき、下の2pxの罫が地色の細い帯に見える（H2） */