/* lp-parts-base.css */
/* LP 土台 v1 (2026-09-25). Short Japanese text breaks between words, not inside them.
   Every selector is wrapped in :where() so its specificity is zero: any rule the page writes wins, and headings keep the line
   breaks the designer chose (a heading's line break is part of the design, so it is only balanced, never forced).
   Proven on the AIパクくん5 distribution LP v028, where buttons, captions and cards broke as 「受け取/る」「作品の詳/しい」.
   keep-all breaks Japanese only at punctuation and spaces in every browser, so a run with no punctuation that does not fit is
   broken anywhere by overflow-wrap:anywhere. Chrome keeps phrases with word-break:auto-phrase; Safari has no auto-phrase, so
   lp-parts-base.js §5 adds <wbr> at phrase boundaries (every browser then breaks between phrases). keep-all is written first
   and auto-phrase only inside @supports: auto-phrase alone would be word-break:normal in Safari.
   overflow-wrap:anywhere keeps a very long unit from overflowing. */
:where(button, [role="button"], summary, label, figcaption, small, dt, .lp-short, .lp-short *) {
  word-break: keep-all;
  overflow-wrap: anywhere;
  line-break: strict;
  text-wrap: balance;
}
@supports (word-break: auto-phrase) {
  :where(button, [role="button"], summary, label, figcaption, small, dt, .lp-short, .lp-short *) { word-break: auto-phrase; }
}
/* headings: balance the lines only (no forced word rule, so the designer's <br> and wording stay in charge) */
:where(h1, h2, h3, h4) { text-wrap: balance; line-break: strict; }
/* a phrase that must stay on one line: <span class="lp-nw">「/setup」</span>. If the page styles every span in a block
   (e.g. .steps span{display:block}), that rule wins over this one: reset it there, as v028 did with span.nw{all:unset} */
:where(.lp-nw) { white-space: nowrap; }

/* assets/style.css */
/* スリジェ LP v003 — 生成りの雑誌調。差し色は桜色1色、ボタンだけLINEの緑。どの幅でも480pxの1列。 */
:root{
  --paper:#FAF6F0;--paper2:#F3ECE4;--outside:#EFE7DE;--ink:#2A2326;--sub:#463C40;--line:#E4D9CF;
  --sakura:#E7A1AE;--sakura-d:#8C4256;--cta:#049A45;--cta-d:#03873C;--col:480px;
  --serif:"Hiragino Mincho ProN","Yu Mincho","YuMincho","Noto Serif JP",serif;
  --sans:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--outside);color:var(--ink);font-family:var(--sans);line-height:1.8;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
p{margin:0;text-wrap:pretty}
.col{max-width:var(--col);margin:0 auto;background:var(--paper)}

/* 上の帯 */
.bar{position:sticky;top:0;z-index:40;background:rgba(250,246,240,.9);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--line)}
.bar .in{max-width:var(--col);margin:0 auto;height:56px;padding:0 12px 0 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.brand{display:flex;align-items:center;gap:9px;min-width:0}
.brand img{width:32px;height:32px;border-radius:8px}
.brand b{font-family:var(--serif);font-weight:600;font-size:17px;letter-spacing:.06em;line-height:1.2}
.brand small{display:block;font-size:12px;color:var(--sub);letter-spacing:.02em;line-height:1.3;white-space:nowrap}
.bar .mini{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:var(--cta);color:#fff;font-weight:700;font-size:13px;text-decoration:none;border:0;cursor:pointer;font-family:inherit}

/* 冒頭 */
.hero{padding:0 0 22px}
.fvwrap{position:relative}
.fvwrap .fv{width:100%}
.wall{position:absolute;left:0;right:0;top:40%;bottom:2.5%;display:flex;flex-direction:column;justify-content:center;gap:3%}
/* 1段=横に送れる枠。JSがゆっくり自動で送り、指でも送れる。端の札は枠の外へスクロールで隠れるだけ */
.lane{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
.lane::-webkit-scrollbar{display:none}
.row{display:flex;gap:14px;width:max-content;padding:0 7%}
.tile{flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;margin:0}
.tile img{object-fit:cover;background:#ddd}
.tile.phone img{width:calc(var(--fvw,390px) * .225);aspect-ratio:9/16;border-radius:16px;border:4px solid #231d20;box-shadow:0 10px 24px rgba(42,35,38,.18)}
.tile.square img{width:calc(var(--fvw,390px) * .24);aspect-ratio:1/1;border-radius:8px;box-shadow:0 8px 20px rgba(42,35,38,.14)}
.tile figcaption{font-size:12px;line-height:1.2;color:var(--ink);background:var(--paper);padding:3px 10px;border-radius:999px;white-space:nowrap;box-shadow:0 1px 3px rgba(42,35,38,.08)}

.review-note{margin:4px 16px 8px;padding:8px 12px;border:1px dashed var(--sakura-d);border-radius:8px;color:#6E2A3D;font-size:12px;line-height:1.6;background:#fff}
.review-note[hidden]{display:none}
.fvmeta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 16px 0}
.who{display:flex;align-items:center;gap:8px;min-width:0}
.who img{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:50% 20%;border:2px solid #fff;box-shadow:0 2px 8px rgba(42,35,38,.12)}
.who span{font-size:12px;line-height:1.4;color:var(--sub)}
.who b{display:block;font-size:14px;color:var(--ink);font-weight:700}
.stats{display:flex;gap:12px;text-align:center}
.stats div{line-height:1.25}
.stats b{display:block;font-family:var(--serif);font-weight:600;font-size:22px;letter-spacing:.01em}
.stats span{font-size:12px;color:var(--sub)}
.tiny{font-size:12px;color:var(--sub);text-align:right;margin:4px 16px 0}

/* ボタン */
.cta{padding:18px 16px 4px;text-align:center}
.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:60px;padding:0 18px;border:0;border-radius:999px;background:var(--cta);color:#fff;font-family:inherit;font-size:17px;font-weight:800;letter-spacing:.02em;text-decoration:none;cursor:pointer;box-shadow:0 8px 22px rgba(6,199,85,.26);transition:transform .15s ease,background .2s ease}
.btn:hover{background:var(--cta-d)}.btn:active{transform:translateY(1px)}
.btn .arw{font-size:22px;line-height:1}
.micro{margin-top:8px;font-size:12px;color:var(--sub)}

/* 絵の節 */
.panel img{width:100%}
.panel-lead{padding:4px 22px 26px;font-size:15px;color:var(--ink)}

/* 見出しとHTMLの節 */
.sec{padding:40px 0 30px}
.sec.alt{background:var(--paper2)}
.ttl{word-break:auto-phrase;text-wrap:balance;font-family:var(--serif);font-weight:600;font-size:27px;line-height:1.45;letter-spacing:.04em;margin:0 22px 18px}
.eyebrow{margin:0 22px 12px;font-size:12px;letter-spacing:.2em;color:var(--sakura-d);font-weight:700}
.lead{margin:16px 22px 0;font-size:15.5px;word-break:auto-phrase}
.photo{margin:0 16px;position:relative}
.photo img{width:100%;border-radius:4px}
.photo figcaption{position:absolute;left:12px;bottom:12px;background:rgba(250,246,240,.92);padding:4px 12px;border-radius:999px;font-size:12px;color:var(--ink)}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 16px}
.cards button{padding:0;border:0;background:none;cursor:zoom-in;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px rgba(42,35,38,.08)}
.cards img{width:100%;aspect-ratio:16/9;object-fit:cover}
.note{margin:12px 22px 0;font-size:12px;color:#3A3034;line-height:1.7}
.note.pending{color:#6E2A3D}
.after-panel{padding:0 22px 24px;font-size:15.5px}
.after-panel strong{font-weight:700}
.reassure{margin:0 22px;padding:14px 16px;border-left:3px solid var(--sakura);background:#fff;font-size:15px}
.meeting{margin:18px 22px 0;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:14px}
.meeting dt{color:var(--sub)}
.meeting dd{margin:0}
.meeting dd.pending{color:#6E2A3D}
.collage{display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:auto auto auto;gap:6px;margin:0 16px}
.collage img{width:100%;height:100%;object-fit:cover;border-radius:4px}
.collage .tall{grid-row:span 2}
.collage .wide{grid-column:span 2;aspect-ratio:16/8}
.nums{display:flex;justify-content:space-around;margin:22px 16px 0;text-align:center}
.nums b{display:block;font-family:var(--serif);font-weight:600;font-size:28px;line-height:1.2}
.nums span{font-size:12px;color:var(--sub)}
.why{margin:30px 22px 0;padding-top:24px;border-top:1px solid var(--line)}
.why p:first-child{font-family:var(--serif);font-size:21px;line-height:1.6;font-weight:600}
.why p+p{margin-top:8px;font-size:14.5px;color:var(--sub)}
.steps{list-style:none;margin:0 22px;padding:0;counter-reset:s}
.steps li{position:relative;display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15.5px;line-height:1.6}
.steps li img{flex:none;width:88px;height:88px;border-radius:10px;object-fit:cover}
.steps li::before{counter-increment:s;content:counter(s);position:absolute;left:-8px;top:8px;width:28px;height:28px;border-radius:50%;background:var(--paper);border:1px solid var(--sakura);color:var(--sakura-d);font-family:var(--serif);display:flex;align-items:center;justify-content:center;font-size:14px;z-index:1}
.faq{margin:0 22px}
.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:52px;padding:10px 0;font-weight:700;font-size:15px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--sakura-d);font-size:20px;font-weight:400}
.faq details[open] summary::after{content:"−"}
.faq details p{padding:0 0 16px;font-size:14.5px;color:var(--sub)}
footer{padding:28px 16px 96px;text-align:center;font-size:12px;color:var(--sub)}
footer img{width:44px;height:44px;border-radius:10px;margin:0 auto 8px}

/* 下の固定の帯 */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:50;max-width:var(--col);margin:0 auto;display:flex;align-items:center;gap:12px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:rgba(250,246,240,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line)}
.sticky[hidden]{display:none!important}
.sticky .t{font-size:12px;line-height:1.4;color:var(--sub);white-space:nowrap}
.sticky .btn{min-height:48px;font-size:15px;flex:1;box-shadow:none}

/* 拡大と確認用の窓 */
dialog{border:0;border-radius:14px;padding:0;max-width:min(92vw,560px);background:var(--paper);color:var(--ink)}
dialog::backdrop{background:rgba(42,35,38,.55)}
.dlg-in{padding:24px 22px 20px;text-align:center}
.dlg-in h2{font-family:var(--serif);font-size:20px;margin:0 0 8px}
.dlg-in p{font-size:14px;color:var(--sub)}
.dlg-close{margin-top:16px;min-height:44px;padding:0 28px;border-radius:999px;border:1px solid var(--line);background:#fff;font:inherit;cursor:pointer}
#zoom img{width:100%;border-radius:14px 14px 0 0}
@media (min-width:701px){.sticky{border-radius:14px 14px 0 0}
  /* PC・横向きタブレット: 画面の高さから冒頭の幅を決め、最初の画面にボタンまで入れる */
  .fvwrap{max-width:min(100%,calc((100svh - 250px) / 1.5));margin:0 auto}}

/* v066(10/18): iPhone・iPad の描画(WebKit)で、画面の幅が308px以下(Safari の拡大表示など)だと開いた時にページが落ちていた。
   原因は text-wrap:pretty と、改行させない囲み(.nw・style の white-space:nowrap)の重なり(consults/codex_qa/20261018_webkit_textwrap_crash_audit)。
   折れは囲みで決めてあるので、囲みを直接持つ文には pretty を使わない(B の b.css にも同じ形) */
:has(> .nw, > [style*="white-space:nowrap"], > [style*="white-space: nowrap"]){text-wrap-style:auto}

/* assets/pattern.css */
/* v004 パターン別の冒頭の部品。B=型を写す / C=ジャンル別 / D=スリジェの見た目 */

/* B: 元の型 → 写した3本 */
.xfer{position:absolute;left:4%;right:4%;top:43%;bottom:3%;display:flex;align-items:center;justify-content:center;gap:2.2%}
.xfer figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:5px}
.xfer img{display:block;aspect-ratio:9/16;object-fit:cover;border-radius:12px;border:3px solid #231d20;box-shadow:0 8px 20px rgba(42,35,38,.16);background:#ddd}
.xfer .src img{width:calc(var(--fvw,390px) * .27)}
.xfer .outs{display:flex;gap:6px}
.xfer .outs img{width:calc(var(--fvw,390px) * .175);border-width:2px;border-radius:9px}
.xfer figcaption{font-size:12px;line-height:1.2;color:var(--ink);background:var(--paper);padding:3px 8px;border-radius:999px;white-space:nowrap;box-shadow:0 1px 3px rgba(42,35,38,.08)}
.xfer .src figcaption{background:var(--ink);color:#fff}
.xfer .arrow{font-size:22px;color:var(--sakura-d);font-weight:700;line-height:1}
.xfer .outs figure{opacity:1;transform:none}
.js .xfer .outs figure{opacity:0;transform:translateX(-10px);transition:opacity .45s ease,transform .45s ease}
.js .xfer .outs figure.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .xfer .outs figure{opacity:1;transform:none;transition:none}}
.fvnote{margin:10px 16px 0;font-size:13px;color:var(--sub);text-align:center}

/* C: ジャンルの札と、そのジャンルの作品2〜3点 */
.genre{position:absolute;left:3%;right:3%;top:41%;bottom:3%;display:flex;flex-direction:column;align-items:center;gap:10px}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.chips button{min-height:44px;min-width:60px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:rgba(250,246,240,.95);color:var(--ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.chips button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.genre .sets{position:relative;width:100%;flex:1}
.genre .set{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:8px;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s}
.genre .set.on{opacity:1;visibility:visible}
.genre .set img{display:block;object-fit:cover;background:#ddd;box-shadow:0 10px 22px rgba(42,35,38,.16)}
.genre .set img.reel{width:calc(var(--fvw,390px) * .29);aspect-ratio:9/16;border-radius:14px;border:3px solid #231d20}
.genre .set img.sq{width:calc(var(--fvw,390px) * .27);aspect-ratio:1/1;border-radius:8px}
@media (prefers-reduced-motion:reduce){.genre .set{transition:none}}

/* D: スリジェの見た目(ピンク・水彩) */
.theme-3je{--paper:#FFF8F7;--paper2:#FDEEEE;--outside:#F8E7E6;--sakura:#F79AA9;--sakura-d:#B23A55;--line:#F1D3D4}
.theme-3je .ttl{font-family:var(--sans);font-weight:800;letter-spacing:.02em;color:#3F2A2E}
.theme-3je .eyebrow{color:#B23A55}
.theme-3je .why p:first-child{font-family:var(--sans);font-weight:800;color:#3F2A2E}

/* D: 2画面目の作品の壁(冒頭の外) */
.wall-sec{padding:28px 0 18px;background:var(--paper2)}
.wall-sec .ttl{text-align:center;margin-bottom:12px}
.wall.inline{position:relative;left:auto;right:auto;top:auto;bottom:auto;gap:14px}
.wall-sec{--fvw:min(100vw,480px)}

/* assets/motion.css */
/* スリジェ 第1波 ブラッシュアップの動き(4案共通)。色と書体は v003 の変数 */
.vwrap{position:relative;overflow:hidden;background:#EFE7DE}
.vwrap video{display:block;width:100%;height:100%;object-fit:cover}
.vp{position:absolute;right:4px;bottom:4px;width:44px;height:44px;border-radius:50%;border:0;background:radial-gradient(circle at center,rgba(250,246,240,.88) 0 17px,rgba(42,35,38,.10) 17.5px 18.5px,transparent 19px);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}
.vp::before{content:"";display:block;width:10px;height:12px;border-left:3px solid var(--ink);border-right:3px solid var(--ink)}
.vp[data-state="pause"]::before{width:0;height:0;border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent var(--ink);margin-left:3px}
/* 冒頭の分割(上=焼いた文字の絵、下=動き) */
.fvsplit{position:relative}
.fvsplit img,.fvsplit .vwrap{display:block;width:100%}
.fvsplit .vwrap{aspect-ratio:4/3}
/* d1: 確かな写真をゆっくり寄る */
.mo-on:not(.mo-still) .kb img{animation:kb 9s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.05)}}
.kb{overflow:hidden}
/* d2: 冒頭の写真の枠を動画に */
.d2low .vwrap{width:88%;aspect-ratio:4/3;border-radius:6px;box-shadow:0 12px 30px rgba(42,35,38,.18);margin:0 auto}
/* 静かに現れる(JSが mo-rise を付けた時だけ隠す) */
.mo-rise [data-rise]{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.mo-rise [data-rise].in{opacity:1;transform:none}
.mo-rise [data-rise] > li{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}
.mo-rise [data-rise].in > li{opacity:1;transform:none}
.mo-rise [data-rise].in > li:nth-child(2){transition-delay:.08s}
.mo-rise [data-rise].in > li:nth-child(3){transition-delay:.16s}
.mo-rise [data-rise].in > li:nth-child(4){transition-delay:.24s}
.mo-rise [data-rise].in > li:nth-child(5){transition-delay:.32s}
.mo-rise [data-rise].in > li:nth-child(6){transition-delay:.4s}
/* 写真 → 作品 */
.morph{margin:6px 16px 10px;background:#fff;border-radius:10px;padding:12px;box-shadow:0 4px 18px rgba(42,35,38,.08)}
.morph .m-head{margin:0 0 10px;font-family:var(--serif);font-size:19px;line-height:1.5;text-align:center}
.m-stage{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#EFE7DE}
.m-stage .vwrap{position:absolute;inset:0}
.m-stage .m-done{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:circle(0% at 50% 50%);transition:clip-path 1.1s cubic-bezier(.6,.05,.25,1)}
.morph.done .m-stage .m-done{clip-path:circle(75% at 50% 50%)}
.morph.done:not(.side) .m-stage .vp{visibility:hidden}
.m-tags{display:flex;justify-content:center;align-items:center;gap:8px;margin:0 0 8px}
.m-tag{font-size:12px;font-weight:700;padding:2px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--sub);transition:background .4s ease,color .4s ease,border-color .4s ease}
.m-tag.t1{background:var(--ink);color:#fff;border-color:var(--ink)}
.morph.done .m-tag.t1{background:#fff;color:var(--sub);border-color:var(--line)}
.morph.done .m-tag.t2{background:var(--sakura-d);color:#fff;border-color:var(--sakura-d);transition-delay:.7s}
.m-arrow{color:var(--sakura-d);font-weight:700}
.m-memo{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.m-memo li{font-size:14px;line-height:1.5;padding:6px 10px;border-radius:6px;background:var(--paper2,#F3ECE4);opacity:.4;transition:opacity .3s ease}
.m-memo li.on{opacity:1}
.m-memo li b{color:var(--sakura-d);margin-right:6px;font-size:12px}
.m-foot{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:8px}
.m-foot small{font-size:12px;color:var(--sub)}
.m-again{min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font:inherit;font-size:13px;cursor:pointer;color:var(--ink)}
.morph.side .m-stage{aspect-ratio:2/1}
.morph.side .m-stage .vwrap{right:50%}
.morph.side .m-stage .m-done{left:50%;width:50%;clip-path:none}
/* 締めの上の小さな動き */
.closing-v{width:62%;max-width:260px;margin:0 auto 16px;aspect-ratio:1;border-radius:50%;box-shadow:0 8px 22px rgba(42,35,38,.12);overflow:visible}
.closing-v video{border-radius:50%}
.closing-v .vp{right:0;bottom:0}  /* 円の外の角で切れないように、枠の外へはみ出さず角に置く */
/* 流れの1つ目を動画に */
.steps li .vwrap{flex:none;width:88px;height:88px;border-radius:10px}
.steps li .vwrap .vp,.points li .vwrap .vp{right:0;bottom:0;background:radial-gradient(circle at center,rgba(250,246,240,.88) 0 12px,transparent 13px)}
.steps li .vwrap .vp::before,.points li .vwrap .vp::before{transform:scale(.75)}  /* 小さい枠は見た目の丸を小さく(押せる範囲は44px のまま) */
/* 仲間の大きい枠を動画に */
.collage .vwrap.wide{grid-column:span 2;aspect-ratio:16/9;border-radius:4px}
@media (prefers-reduced-motion: reduce){.mo-on .kb img{animation:none}}

/* 作品の壁の中の動画(対照A) */
/* 10/3 本人「FV、崩れてない？」: app.js が動画に付ける height="480" の属性がそのまま効き(写真は style.css の img{height:auto} で打ち消されるが動画には無かった)、写真の枠の2.5倍に伸びて名札が壁の外へ→高さも写真の枠と同じに明示 */
.tile.phone video{width:calc(var(--fvw,390px) * .225);height:calc(var(--fvw,390px) * .4);min-height:0;flex:none;aspect-ratio:9/16;border-radius:16px;border:4px solid #231d20;box-shadow:0 10px 24px rgba(42,35,38,.18);object-fit:cover;background:#ddd;display:block}
.vp-wall{position:absolute;right:6px;bottom:6px;z-index:3}

/* 作品の格子・帯の中の動画(d8・d1・d2) */
.wgrid video.gridv{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;box-shadow:0 4px 12px rgba(42,35,38,.10);display:block;background:#EFE7DE}
.strip video.gridv{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;display:block;background:#EFE7DE}
.vp-group{position:relative;right:auto;bottom:auto;margin:4px 12px 0 auto}
/* d2 の Point の枠の動画は、元の写真と同じ 88px の正方形で3行ぶん(崩れると見出しが左の細い列に押し出される) */
.points li .vwrap{grid-row:span 3;width:88px;height:88px;border-radius:6px;align-self:center}
.points li strong.kp{word-break:keep-all}

/* 本文 v011 の部品(10/3・公式の発信を生かした差分): りかこさんの言葉の引用・受講生の声・写真→作品の一言 */
#teacher .q-rikako{margin:14px 22px 6px;padding:2px 0 2px 14px;border-left:3px solid var(--sakura-d);font-family:var(--serif);font-size:16px;line-height:1.8;color:var(--ink)}
#teacher .q-rikako p{margin:0}
#teacher .q-rikako.q-big{font-size:19px;line-height:1.7;margin-top:14px}
#teacher .story{margin:6px 22px 4px;font-size:15px;line-height:1.85;color:var(--ink)}
#teacher .q-src{margin-top:6px}
.voice-q{margin:16px 16px 0;padding:14px 16px;background:#fff;border-radius:10px;box-shadow:0 4px 16px rgba(42,35,38,.07)}
.voice-q blockquote{margin:0;font-family:var(--serif);font-size:17px;line-height:1.7;color:var(--ink)}
.voice-q blockquote p{margin:0}
.voice-q figcaption{margin-top:6px;font-size:12px;color:var(--sub)}
.m-lead{margin:10px 0 0;font-size:13px;color:var(--sub);text-align:center}
/* 1字落ちの防止: 句の切れ目(<wbr>)と句読点でだけ折る。入りきらない時だけどこでも折る(10/3 orphan_check.py で 320/390/810px を確認) */
.kp{word-break:keep-all;overflow-wrap:anywhere}
@media (max-width:360px){.wgrid figcaption{white-space:nowrap;font-size:11px;padding:2px 6px}}

/* assets/hp.css */
/* A2: AIパクくん公式HPの工夫をスリジェの見た目で(本人U18・2026-10-03)。色と書体は style.css の変数。
   1 会話の実演(頼む→考え中→返事の中で写真が作品に)/2 透かし(番号つきの点線の枠と札)/3 題の上の小見出し/
   4 大きな数字の手順/5 発信の4つ/6 結びの正直な一言 */

/* 3 小見出し(題の上・桜色の細い線つき) */
.kicker{display:flex;align-items:center;gap:10px;margin:0 22px 8px;font-size:12px;line-height:1.4;letter-spacing:.24em;color:var(--sakura-d);font-weight:700}
.kicker::before{content:"";flex:none;width:22px;height:1px;background:var(--sakura-d)}

/* 1 会話の実演 */
.chat{margin:30px 16px 0}
.chat .kicker{margin:0 6px 8px}
.c-head{margin:0 6px 6px;font-family:var(--serif);font-weight:600;font-size:24px;line-height:1.5;letter-spacing:.03em;word-break:auto-phrase}
.c-lead{margin:0 6px 14px;font-size:14.5px;line-height:1.7;color:var(--sub)}
.c-asks{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.c-asks button{min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--sakura);background:#fff;color:var(--sakura-d);font:inherit;font-size:13.5px;font-weight:700;line-height:1.3;cursor:pointer}
.c-asks button[aria-pressed="true"]{background:var(--sakura-d);border-color:var(--sakura-d);color:#fff}
.c-win{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 32px rgba(42,35,38,.10);overflow:hidden}
.c-top{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);font-size:13px;line-height:1.4}
.c-top .dots{display:flex;gap:4px}
.c-top .dots i{width:7px;height:7px;border-radius:50%;background:#E8DCD2}
.c-top small{margin-left:auto;font-size:12px;color:var(--sub)}
/* 会話の欄は一定の高さで、中だけを送る(公式HPと同じ・動いても下の文が押し下がらない) */
.c-log{position:relative;display:flex;flex-direction:column;gap:12px;height:clamp(460px,60vh,540px);overflow-y:auto;padding:14px 12px;background:linear-gradient(#FFFDFB,#FBF6F1);scrollbar-width:thin}
.c-log > *{flex:none}
.c-empty{margin:auto;display:grid;justify-items:center;gap:10px;text-align:center}
.c-empty img{width:min(200px,70%);aspect-ratio:1/1;object-fit:cover;border-radius:12px;box-shadow:0 8px 22px rgba(42,35,38,.12)}
.c-empty p{font-size:13px;line-height:1.6;color:var(--sub)}
.c-msg{max-width:88%;padding:10px 12px;border-radius:16px;font-size:14px;line-height:1.7}
.c-me{align-self:flex-end;display:grid;gap:8px;background:#F7E6EA;color:#4A2230;border-bottom-right-radius:6px}
.c-me .c-photo{justify-self:end;width:84px;height:84px;object-fit:cover;border-radius:10px}
.c-ai{align-self:flex-start;display:grid;gap:10px;background:#fff;border:1px solid var(--line);border-bottom-left-radius:6px}
.c-who{font-size:12px;letter-spacing:.12em;color:var(--sakura-d);font-weight:700;line-height:1.2}
.c-work{position:relative;margin:0;width:min(240px,100%);border-radius:10px;overflow:hidden;background:#EFE7DE}
.c-work[data-kind="tall"]{width:min(176px,100%)}
.c-work img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.c-work[data-kind="tall"] img{aspect-ratio:2/3}
.c-work .c-done{position:absolute;inset:0;height:100%;opacity:0;transition:opacity .8s ease}
.c-work.done .c-done{opacity:1}
.c-tags{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;line-height:1.3}
.c-tags span{padding:3px 10px;border-radius:999px;background:#F3ECE4;color:var(--sub);font-weight:700;transition:background .4s,color .4s}
.c-tags .t1{background:#2A2326;color:#fff}
.c-tags.done .t1{background:#F3ECE4;color:var(--sub)}
.c-tags.done .t2{background:var(--sakura-d);color:#fff}
.c-xray{justify-self:start;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--sakura-d);background:#fff;color:var(--sakura-d);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .4s}
.c-ai.ready .c-xray{opacity:1;visibility:visible}
.c-ai.hint .c-xray{animation:c-hint 1.2s ease 1}
@keyframes c-hint{0%,100%{box-shadow:0 0 0 0 rgba(140,66,86,0)}40%{box-shadow:0 0 0 6px rgba(231,161,174,.45)}}
.c-xray[aria-pressed="true"]{background:var(--sakura-d);color:#fff}
.c-think{align-self:flex-start;display:flex;gap:5px;padding:13px 14px;background:#fff;border:1px solid var(--line);border-radius:16px;border-bottom-left-radius:6px}
.c-think span{width:6px;height:6px;border-radius:50%;background:var(--sakura);animation:c-dot 1s ease-in-out infinite}
.c-think span:nth-child(2){animation-delay:.15s}.c-think span:nth-child(3){animation-delay:.3s}
@keyframes c-dot{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-3px);opacity:1}}
.c-comp{display:flex;align-items:center;gap:8px;min-height:44px;margin:0 10px 10px;padding:6px 6px 6px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13.5px;line-height:1.4}
.c-entry{flex:1;min-width:0;display:flex;justify-content:flex-end;overflow:hidden;white-space:nowrap}
.c-entry .c-txt{flex:none}
.c-caret{flex:none;width:1.5px;height:1.2em;margin-left:1px;background:var(--sakura-d);display:none}
.c-comp.typing .c-caret{display:block}
.c-comp.typing .c-ph{display:none}
.c-comp:not(.typing) .c-entry{display:none}
.c-ph{flex:1;color:#8A7E82}
.c-send{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--sakura-d);color:#fff;font-size:14px}
.c-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 4px 0}
.c-foot small{font-size:12px;line-height:1.6;color:#3A3034}
.c-again{flex:none;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-size:13px;cursor:pointer}
.c-next{margin:20px 6px 0;font-family:var(--serif);font-size:17px;line-height:1.7;text-align:center;color:var(--ink)}

/* 2 透かし */
.xr{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s}
.c-ai.xon .xr{opacity:1}
.xr::after{content:"";position:absolute;left:0;right:0;top:-35%;height:35%;background:linear-gradient(transparent,rgba(231,161,174,.42),transparent)}
.c-ai.xon .xr::after{animation:x-scan 1.1s ease-out 1 both}
@keyframes x-scan{to{top:100%}}
.xb{position:absolute;border:2px dashed var(--sakura-d);border-radius:6px;background:rgba(231,161,174,.14)}
.xb.all{border-style:dotted;border-color:rgba(140,66,86,.7);background:none}
.c-ai.xon .xb{animation:x-in .45s ease both}
.c-ai.xon .xb:nth-child(2){animation-delay:.25s}.c-ai.xon .xb:nth-child(3){animation-delay:.5s}
@keyframes x-in{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}
.xb i,.xl i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--sakura-d);color:#fff;font-style:normal;font-size:12px;font-weight:700;line-height:1}
.xb i{position:absolute;top:4px;left:4px;box-shadow:0 0 0 2px #fff}
.xb.tr i{left:auto;right:4px}
.xb.bl i{top:auto;bottom:4px}
.xl{display:none;list-style:none;margin:0;padding:0;gap:6px;font-size:13px;line-height:1.5}
.c-ai.xon .xl{display:grid}
.xl li{display:flex;align-items:center;gap:8px}
.xl i{flex:none}
.xl b{font-weight:700;margin-right:4px}

/* 5 発信の4つ */
.chan{margin:30px 22px 0;padding-top:22px;border-top:1px solid var(--line)}
.chan-h{margin:0 0 10px;font-family:var(--serif);font-size:18px;font-weight:600;line-height:1.5}
.chan ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.chan a{position:relative;display:flex;flex-direction:column;gap:6px;min-height:88px;padding:12px 12px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);text-decoration:none}
.chan a::after{content:"↗";position:absolute;top:9px;right:10px;font-size:12px;color:var(--sub)}
.chan .pf{align-self:flex-start;padding:1px 9px;border:1px solid var(--sakura);border-radius:999px;background:#FBEFF2;color:var(--sakura-d);font-size:12px;font-weight:700;letter-spacing:.04em;line-height:1.6}
.chan b{font-size:14px;line-height:1.5;font-weight:700}
.chan + .note{margin-top:10px}

/* 4 大きな数字の手順 */
.steps.hp li{gap:14px}
.steps.hp li::before{display:none}
.steps.hp .n{flex:none;width:44px;font-family:var(--serif);font-weight:400;font-size:34px;line-height:1;letter-spacing:.02em;color:var(--sakura-d)}
.steps.hp .t{flex:1;min-width:0;display:grid;gap:4px}
.steps.hp .t b{font-size:16.5px;line-height:1.5}
.steps.hp .t span{font-size:13.5px;line-height:1.7;color:var(--sub)}
.steps.hp li > img,.steps.hp li > .vwrap{order:3;width:84px;height:84px}
.steps.hp .t b{font-size:16px}
/* 狭い幅は文字の幅を優先して、手順の小さな写真を外す */
@media (max-width:360px){.steps.hp li > img,.steps.hp li > .vwrap{display:none}}

/* 6 結び */
footer .f-tag{margin:0 0 6px;font-family:var(--serif);font-size:14px;color:var(--ink);letter-spacing:.06em}
footer .f-ai{margin:0 auto 10px;max-width:22em;font-size:12px;line-height:1.7}

@media (prefers-reduced-motion: reduce){
  .c-work .c-done,.xr,.c-xray,.c-tags span{transition:none}
  .c-ai.xon .xr::after,.c-ai.xon .xb,.c-ai.hint .c-xray,.c-think span{animation:none}
}

/* d8 の「女性だけの/仲間」(320幅で2字落ち・1行目に字下げがある)。狭い幅だけ題を少し小さく */
@media (max-width:340px){.diff li b{font-size:16.5px}}

/* 10/3 本人「FV、崩れてない？」: 320幅で上の帯の言葉が1行のまま受け取るボタンの下に潜る(WebKit)→「自分推しを叶える/キャリアスクール」で2行に。
   下の固定の帯は340px以下でボタンが2行に折れる→「無料・女性限定」を外してボタンを1行に(無料・女性限定は冒頭とボタンの下の小さい字にある) */
.brand > div{min-width:0}
.brand small{white-space:normal;word-break:keep-all}
@media (max-width:340px){.sticky .t{display:none}}

/* assets/final.css */
/* スリジェ AIコース LP 仕上げ版 v014(2026-10-04・Opus 5.5)。
   A2 の見た目(生成り・桜色1色・明朝・作品の壁)を継承し、戦略 v004 の「これ、私も作ってみたい。」を運ぶ見せ場と大きな言葉を足す。
   どの幅でも480pxの1列(FB-607)。PC・タブレットは列の外に、ぼかした花の舞台を敷く。 */

/* PC・タブレットの舞台(列の外) */
@media (min-width:701px){
  body{background:#EDE3DA}
  body::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(250,246,240,.55),rgba(239,231,222,.82)),url(assets/p/stage_bg.webp) center/cover no-repeat}
  .col{box-shadow:0 0 0 1px rgba(42,35,38,.04),0 30px 80px rgba(110,42,61,.12)}
}

/* 大きな言葉(Apple の発表ページのように、1画面に1つの言い切り) */
.say{padding:64px 0 8px}
.say-big{font-family:var(--serif);font-weight:600;font-size:clamp(31px,9.6vw,40px);line-height:1.42;letter-spacing:.04em;margin:0 22px;word-break:keep-all}
.say-big em{font-style:normal;color:var(--sakura-d)}
.say-sub{margin:16px 22px 0;font-size:16px;line-height:1.85;color:var(--sub);word-break:auto-phrase}
.kicker{margin:0 22px 10px;font-size:12px;letter-spacing:.2em;color:var(--sakura-d);font-weight:700}

/* ===== 見せ場: 一枚の写真から、ここまで。 ===== */
.make{background:var(--paper);padding:0 0 40px;position:relative}
.make .ttl.mk-ttl{margin-top:44px}
.mk-list{list-style:none;margin:8px 0 0;padding:0 22px;display:grid;gap:40px}
.mk-list li{display:grid;justify-items:center;gap:14px;text-align:center}
.mk-list .mk-n{font-size:12px;letter-spacing:.2em;color:var(--sakura-d);font-weight:700}
.mk-list .mk-t{font-family:var(--serif);font-weight:600;font-size:21px;line-height:1.5;word-break:keep-all}

/* スマホの本体(CSSで描く。画面の中身だけが作品) */
.mk-phone{position:relative;width:min(232px,60vw);aspect-ratio:9/18.6;border-radius:38px;background:#231d20;padding:9px;
  box-shadow:0 1px 0 1px #4a4044 inset,0 28px 60px rgba(42,35,38,.26),0 6px 16px rgba(42,35,38,.16);margin:0}
.mk-phone::before{content:"";position:absolute;top:15px;left:50%;width:30%;height:17px;border-radius:999px;background:#0e0b0c;transform:translateX(-50%);z-index:3}
.mk-screen{position:relative;width:100%;height:100%;border-radius:29px;overflow:hidden;background:#f6f1ea;isolation:isolate}
.mk-shot{position:absolute;inset:0;display:flex;flex-direction:column;background:#f6f1ea}
.mk-shot>img,.mk-shot>video{width:100%;height:100%;object-fit:cover;display:block}
/* ストーリーズ: 縦2:3を、ぼかした同じ絵の上に収める */
.k-story{justify-content:center}
.k-story .blur{position:absolute;inset:-12%;width:124%;height:124%;object-fit:cover;filter:blur(18px) saturate(110%);opacity:.9}
.k-story .main{position:relative;width:100%;height:auto;object-fit:contain}
.k-story .bars{position:absolute;top:34px;left:12px;right:12px;display:flex;gap:4px;z-index:2}
.k-story .bars i{flex:1;height:2px;border-radius:2px;background:rgba(255,255,255,.55)}
.k-story .bars i:first-child{background:#fff}
/* 投稿・広告: 見本のアカウントの頭と、正方形の作品 */
.k-feed{background:#fff;padding-top:38px}
.k-feed .hd{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:12px;line-height:1.3;color:#2A2326}
.k-feed .av{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f4c9d1,#c98a98);flex:none}
.k-feed .hd small{display:block;font-size:12px;color:#7a6c70}
.k-feed>img{height:auto;aspect-ratio:1/1}
.k-feed .ic{display:flex;gap:14px;padding:10px 12px}
.k-feed .ic i{width:20px;height:20px;border:1.6px solid #2A2326;border-radius:50%}
.k-feed .ic i:nth-child(2){border-radius:50% 50% 50% 4px}
.k-feed .ic i:nth-child(3){border-radius:3px;transform:rotate(45deg) scale(.8)}
.k-feed .ln{margin:4px 12px;height:8px;border-radius:4px;background:#efe9e3}
.k-feed .ln.s{width:58%}
/* LP: 画面の中でページが流れる */
.k-lp{background:#fff;padding-top:36px}
.k-lp .url{margin:4px 10px 6px;height:24px;border-radius:999px;background:#f1ece6;display:flex;align-items:center;justify-content:center;font-size:12px;color:#7a6c70;flex:none}
.k-lp .lpvp{position:relative;flex:1;overflow:hidden}
.k-lp .lpvp img{width:100%;height:auto;display:block;will-change:transform}

/* 動く版(JSあり・動きを減らす設定でない時): 1台のスマホを画面に固定し、スクロールで中身を切り替える */
.mk-stage{display:none}
.make.mk-on .mk-list{display:none}
.make.mk-on .mk-track{position:relative;height:calc(var(--n,6) * 68svh + 100svh)}
.make.mk-on .mk-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:sticky;top:56px;height:calc(100svh - 56px);padding:8px 0 76px}
.mk-stage .mk-phone{height:min(calc(100svh - 56px - 76px - 150px),540px);width:auto;aspect-ratio:9/18.6;flex:none}
.mk-stage .mk-shot{opacity:0;transform:scale(1.035);transition:opacity .55s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.mk-stage .mk-shot.on{opacity:1;transform:none;z-index:1}
.mk-prog{display:flex;gap:4px;width:min(300px,80%);margin:0;padding:0;list-style:none}
.mk-prog li{flex:1}
.mk-prog button{display:block;width:100%;height:28px;padding:12px 0;border:0;background:none;cursor:pointer}
.mk-prog button::before{content:"";display:block;height:3px;border-radius:3px;background:var(--line);transition:background .3s ease}
.mk-prog button[aria-current="step"]::before,.mk-prog button.done::before{background:var(--sakura-d)}
.mk-cap{min-height:4.4em;text-align:center;padding:0 18px}
.mk-cap .mk-n{display:block;font-size:12px;letter-spacing:.2em;color:var(--sakura-d);font-weight:700}
.mk-cap .mk-t{display:block;font-family:var(--serif);font-weight:600;font-size:21px;line-height:1.5;word-break:keep-all;margin-top:2px}
.mk-cap.swap .mk-t{animation:mkcap .5s ease}
@keyframes mkcap{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.mk-out{padding:20px 0 0}
.mk-out .note{margin-top:18px}

/* ===== 使い道(その先に) ===== */
.uses{list-style:none;margin:26px 16px 0;padding:0;display:grid;gap:12px}
.uses li{display:grid;grid-template-columns:38% 1fr;align-items:center;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 12px rgba(42,35,38,.06)}
.uses img{width:100%;height:100%;aspect-ratio:4/5;object-fit:cover}
.uses .t{padding:14px 16px}
.uses .n{display:block;font-family:var(--serif);font-size:13px;color:var(--sakura-d);letter-spacing:.08em}
.uses b{display:block;font-family:var(--serif);font-weight:600;font-size:19px;line-height:1.45;margin:2px 0 4px}
.uses span.d{display:block;font-size:14px;line-height:1.7;color:var(--sub);word-break:auto-phrase}

/* 実績カードを横に流す(既存スクールの実績・安心の根拠。先頭に置かない) */
.cards.strip{display:flex;grid-template-columns:none;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0;padding:2px 16px 10px;scrollbar-width:none}
.cards.strip::-webkit-scrollbar{display:none}
.cards.strip button{flex:none;width:72%;scroll-snap-align:center}
.strip-hint{margin:2px 22px 0;font-size:12px;color:var(--sub);text-align:right}

/* 面談の節の見出し */
.meet-lead{padding:0 22px 22px;font-size:15.5px}

/* 結び */
.close{padding:56px 0 18px;text-align:center}
.close .say-big{margin:0 18px}
.close .say-sub{margin:14px 22px 0}
.close .vwrap.closing-v{margin:26px auto 0}

/* 7段目: あなたの1枚(まだ何も写っていないカメラの画面) */
.k-you{background:linear-gradient(180deg,#fbf4f1,#f2e5e2);align-items:center;justify-content:center}
.k-you .vf{position:absolute;inset:20% 13% 26%;border:1.5px dashed rgba(140,66,86,.45);border-radius:18px}
.k-you .plus{position:relative;width:56px;height:56px;border-radius:50%;background:#fff;box-shadow:0 6px 18px rgba(140,66,86,.18);display:grid;place-items:center;color:var(--sakura-d);font-size:30px;line-height:1;font-family:var(--serif);margin-top:-12%}
.k-you .sh{position:absolute;bottom:8%;left:50%;width:44px;height:44px;margin-left:-22px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #f2e5e2,0 0 0 5px rgba(140,66,86,.4)}
.mk-shot.k-you.on .plus{animation:youpulse 2.4s ease-in-out 1}
@keyframes youpulse{0%,100%{transform:none}50%{transform:scale(1.08)}}

/* 未確認の印(確認版だけ) */
.pend{display:inline-block;margin-left:6px;padding:0 7px;border-radius:999px;border:1px solid #c98a98;color:#6E2A3D;font-size:12px;line-height:1.6;vertical-align:1px;white-space:nowrap}

/* これまでのスリジェ: 数字5つを2段で */
.nums.nums5{flex-wrap:wrap;row-gap:16px}
.nums.nums5 div{flex:0 0 33.33%}
.nums.nums5 div.big{flex:0 0 50%}
.nums.nums5 div.big b{font-size:34px;color:var(--sakura-d)}
.eyebrow.mt{margin-top:30px}

/* リールの段: アプリの形だけ(文字なし)を重ねて、写真の段と見分ける */
.k-reel .rl-ui{position:absolute;inset:0;pointer-events:none}
.k-reel .rl-ui::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,transparent,rgba(20,14,16,.42))}
.k-reel .rl-ui i{position:absolute;right:10px;width:22px;height:22px;z-index:1}
.k-reel .rl-ui i.h{bottom:31%;background:url(assets/"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7.5-4.6-9.6-9.2C.9 8.4 3 4.5 6.8 4.5c2.2 0 3.6 1.2 5.2 3 1.6-1.8 3-3 5.2-3 3.8 0 5.9 3.9 4.4 7.3C19.5 16.4 12 21 12 21z' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat}
.k-reel .rl-ui i.c{bottom:22%;background:url(assets/"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.5c5 0 8.5 3.4 8.5 7.6S17 18.7 12 18.7c-1.2 0-2.3-.2-3.3-.5L4 20.5l1.4-4C4.2 15 3.5 13.2 3.5 11.1 3.5 6.9 7 3.5 12 3.5z' fill='none' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.k-reel .rl-ui i.s{bottom:13%;background:url(assets/"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 3 3 10.5l7 2.5 2.5 7L21 3zM10 13l5-5' fill='none' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.k-reel .rl-ui .acc{position:absolute;left:12px;bottom:12%;display:flex;align-items:center;gap:7px;z-index:1}
.k-reel .rl-ui .acc b{width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f4c9d1,#c98a98);border:1.5px solid #fff}
.k-reel .rl-ui .acc em{width:68px;height:7px;border-radius:4px;background:rgba(255,255,255,.85)}
.k-reel .rl-ui .pg{position:absolute;left:10px;right:10px;bottom:6%;height:2px;border-radius:2px;background:rgba(255,255,255,.35);z-index:1;overflow:hidden}
.k-reel .rl-ui .pg::before{content:"";position:absolute;inset:0;width:40%;background:#fff;border-radius:2px}
.mk-stage .k-reel.on .rl-ui .pg::before{animation:rlpg 4.7s linear infinite}
@keyframes rlpg{from{width:0}to{width:100%}}

/* 冒頭のりかこの欄は真ん中に */
.hero .fvmeta{justify-content:center}

/* 使い道の作品は切り抜かずに全体を見せる(作品の文字を欠けさせない) */
.uses li{align-items:stretch}
.uses .ph{display:flex;align-items:center;justify-content:center;background:var(--paper2);padding:10px}
.uses .ph img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:6px;box-shadow:0 4px 12px rgba(42,35,38,.12)}
.uses .t{align-self:center}
.mk-list video[controls]~.rl-ui{display:none}

/* 総点検 r1 の直し: 進み具合の線は押せる範囲を44×44px以上に / 小さな文字を濃く */
.mk-prog{width:min(364px,calc(100% - 8px));gap:0}
.mk-prog button{height:44px;padding:20px 3px;min-width:44px}
.uses .n{color:#7A3449}
.review-note{color:#5E2232}
.say{padding-top:48px}
.review-note{color:#4A1B28;background:#fff}
/* 独立レビュー: 320×640 で説明が2行の段が下の固定ボタンの帯に2px食い込む → 下の余白を広げる */
.make.mk-on .mk-stage{padding-bottom:92px}
.mk-stage .mk-phone{height:min(calc(100svh - 56px - 92px - 150px),540px)}

/* 先輩の声(受講生のインタビュー動画・押した時だけ再生) */
.voice-v{margin:26px 0 0;text-align:center}
.voice-v .eyebrow{text-align:left}
.voice-v .vv{width:min(62%,280px);margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 10px 28px rgba(42,35,38,.16);background:#ddd}
.voice-v video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover}
.voice-v figcaption{margin:10px 22px 0;font-family:var(--serif);font-size:15px;line-height:1.6}
.voice-v figcaption small{display:block;font-family:var(--sans);font-size:12px;color:var(--sub)}

/* ===== あれも、これも、つくれる。(10/5・雑誌のスクラップ風のギャラリー) ===== */
.gal{position:relative;margin:28px 0 0;padding:58px 0 34px;
  background:radial-gradient(circle,rgba(140,66,86,.07) 1px,transparent 1.2px) 0 0/18px 18px,linear-gradient(180deg,#FBEFF1 0%,#FAF3EE 55%,#FAF6F0 100%)}
.gdeco{position:absolute;top:14px;right:16px;margin:0;font-family:"Pinyon Script",cursive;font-size:30px;line-height:1;color:rgba(140,66,86,.42);transform:rotate(-6deg);pointer-events:none}
.gal .say-big em{font-style:normal}
.gcount{margin:18px 22px 0;font-family:"Zen Maru Gothic",var(--sans);font-size:13px;color:var(--sub)}
.gcount b{font-family:var(--serif);font-size:22px;color:var(--sakura-d);font-weight:600;margin:0 2px}
.gchips{display:flex;gap:8px;overflow-x:auto;padding:14px 16px 6px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.gchips::-webkit-scrollbar{display:none}
.gchip{flex:none;display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(140,66,86,.28);background:rgba(255,255,255,.75);color:var(--ink);font-family:"Zen Maru Gothic",var(--sans);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,color .2s,transform .15s}
.gchip small{font-size:11px;color:var(--sub);font-weight:400}
.gchip[aria-pressed="true"]{background:var(--sakura-d);border-color:var(--sakura-d);color:#fff}
.gchip[aria-pressed="true"] small{color:rgba(255,255,255,.85)}
.gchip:active{transform:scale(.97)}
.gwall{list-style:none;margin:14px 0 0;padding:0 14px;column-count:2;column-gap:14px}
.gcard{position:relative;break-inside:avoid;margin:0 0 18px;padding:7px 7px 0;background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(42,35,38,.06),0 10px 22px rgba(110,42,61,.10);transform:rotate(var(--tilt,-1.1deg));transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,opacity .35s}
.gcard:nth-child(3n+2){--tilt:1deg}.gcard:nth-child(3n){--tilt:-.4deg}.gcard:nth-child(4n){--tilt:1.4deg}
.gcard:hover{transform:rotate(0) translateY(-3px);box-shadow:0 2px 4px rgba(42,35,38,.06),0 16px 30px rgba(110,42,61,.16)}
.gcard.gmore{display:none}
.gwall.open .gcard.gmore{display:block}
.gcard.gout{display:none!important}
.gph{display:block;width:100%;padding:0;border:0;background:#f4eee9;cursor:zoom-in;border-radius:2px;overflow:hidden}
.gph img{width:100%;height:auto;display:block}
.gph.gv{cursor:default}
.gph video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover}
.gcap{margin:0;padding:8px 2px 10px;font-family:"Zen Maru Gothic",var(--sans);font-size:13px;line-height:1.45;color:var(--ink);text-align:center;word-break:auto-phrase}
.gcap .pend{margin-left:4px}
.tape{position:absolute;top:-9px;left:50%;z-index:2;transform:translateX(-50%) rotate(-3deg);padding:3px 12px;font-family:"Zen Maru Gothic",var(--sans);font-size:12px;font-weight:700;line-height:1.4;color:#6E2A3D;white-space:nowrap;
  background:repeating-linear-gradient(135deg,rgba(247,214,221,.92) 0 6px,rgba(242,200,210,.92) 6px 12px);box-shadow:0 1px 2px rgba(110,42,61,.12);clip-path:polygon(3% 0,97% 4%,100% 50%,97% 100%,2% 96%,0 50%)}
.gcard:nth-child(3n+2) .tape{transform:translateX(-50%) rotate(2.5deg);background:repeating-linear-gradient(135deg,rgba(226,236,222,.95) 0 6px,rgba(214,228,210,.95) 6px 12px);color:#3F5A3A}
.gcard:nth-child(3n) .tape{transform:translateX(-50%) rotate(-1deg);background:repeating-linear-gradient(135deg,rgba(246,232,208,.95) 0 6px,rgba(240,222,192,.95) 6px 12px);color:#6B4A1F}
.gopen{text-align:center;margin:6px 0 0}
.gmore-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-height:52px;min-width:220px;padding:6px 26px;border-radius:999px;border:1.5px solid var(--sakura-d);background:#fff;color:var(--sakura-d);font-family:"Zen Maru Gothic",var(--sans);font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 6px 16px rgba(110,42,61,.12)}
.gmore-btn small{font-size:11.5px;font-weight:500;opacity:.8}
.gmore-btn[hidden]{display:none}
.ghow{margin:26px 22px 0;padding:16px 18px;border-radius:14px;background:rgba(255,255,255,.8);font-family:var(--serif);font-size:16.5px;line-height:1.8;text-align:center;box-shadow:inset 0 0 0 1px rgba(140,66,86,.14)}
.gal .note{margin-top:14px}
@media (prefers-reduced-motion:reduce){.gcard,.gcard:hover{transform:none;transition:none}}

/* ほかの節にも、同じ筆記体の飾りを少しだけ */
.sdeco{display:block;margin:0 22px -4px;font-family:"Pinyon Script",cursive;font-size:24px;line-height:1.1;color:rgba(140,66,86,.45)}

/* 段組みの境目でテープが前の列へはみ出さないよう、札を割れない1つの箱にする */
.gwall{padding-top:12px}
.gcard{display:inline-block;width:100%;vertical-align:top}
.gcard.gmore{display:none}
.gwall.open .gcard.gmore{display:inline-block}
.ghow{word-break:keep-all}

/* assets/v15.css */
/* v015: 競合の工夫(research/adoption.md)を入れた部品。見た目は v014 のスクラップ風にそろえる */
.nobar{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:12px 16px 0;padding:0}
.nobar li{font-family:"Zen Maru Gothic",var(--sans);font-size:13px;font-weight:500;color:#6E2A3D;background:#FBEFF1;border:1px solid rgba(140,66,86,.2);border-radius:999px;padding:4px 12px}
.nobar li::before{content:"✓";margin-right:4px;color:var(--sakura-d)}

.v15-check{margin:26px 16px 0;padding:22px 16px 18px;border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(110,42,61,.08),inset 0 0 0 1px rgba(140,66,86,.1)}
.v15-check .kicker{margin:0 0 10px;text-align:center}
.cks{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ck{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:10px 14px;border-radius:12px;border:1px solid rgba(140,66,86,.18);background:#FFFBFA;color:var(--ink);font-family:"Zen Maru Gothic",var(--sans);font-size:15px;line-height:1.5;text-align:left;cursor:pointer;transition:background .2s,border-color .2s}
.ck .box{flex:none;width:22px;height:22px;border-radius:7px;border:1.5px solid rgba(140,66,86,.45);background:#fff;display:grid;place-items:center}
.ck[aria-pressed="true"]{background:#FBEFF1;border-color:rgba(140,66,86,.45)}
.ck[aria-pressed="true"] .box{background:var(--sakura-d);border-color:var(--sakura-d)}
.ck[aria-pressed="true"] .box::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2.2px 2.2px 0;transform:translate(0,-1px) rotate(45deg)}
.ck-after{margin:14px 4px 0;font-family:var(--serif);font-size:16px;line-height:1.8;text-align:center;color:var(--sub);transition:color .3s}
.v15-check.on .ck-after{color:var(--sakura-d)}

.v15-box{margin:22px 16px 0;padding:22px 18px 18px;border-radius:18px;background:linear-gradient(180deg,#fff,#FFF8F6);box-shadow:0 12px 30px rgba(110,42,61,.10),inset 0 0 0 1px rgba(140,66,86,.12);text-align:left}
.bx-head{margin:0;font-family:"Zen Maru Gothic",var(--sans);font-size:13px;color:var(--sakura-d);font-weight:700;text-align:center}
.bx-ttl{margin:6px 0 14px;font-family:var(--serif);font-weight:600;font-size:24px;line-height:1.45;text-align:center}
.bx-items{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:bx}
.bx-items li{position:relative;padding:10px 12px 10px 46px;border-radius:12px;background:#FBF4F2}
.bx-items li::before{counter-increment:bx;content:counter(bx);position:absolute;left:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:var(--sakura-d);color:#fff;font-family:var(--serif);font-size:13px;display:grid;place-items:center}
.bx-items b{display:block;font-size:15px;line-height:1.5}
.bx-items span{display:block;font-size:13px;color:var(--sub);line-height:1.6}
.bx-tags{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;justify-content:center}
.bx-tags li{font-family:"Zen Maru Gothic",var(--sans);font-size:12.5px;font-weight:500;color:#3F5A3A;background:#EEF4EC;border-radius:999px;padding:4px 11px}
.bx-note{margin:10px 2px 0;font-size:12.5px;line-height:1.7;color:var(--sub);text-align:center}

.v15-bridge{margin:0;padding:52px 22px 10px;font-family:var(--serif);font-size:22px;line-height:1.7;text-align:center;color:var(--sub);background:linear-gradient(180deg,var(--paper),#fff 80%)}
.c-only{margin:0 0 8px;text-align:center;font-family:"Zen Maru Gothic",var(--sans);font-size:13px;font-weight:700;color:var(--sakura-d)}

.v15-retry{margin:30px 16px 0;padding:20px 16px 18px;border-radius:18px;background:#FFFBFA;box-shadow:inset 0 0 0 1px rgba(140,66,86,.12)}
.v15-retry .kicker{margin:0 0 6px}
.rt-lead{margin:0 0 12px;font-size:14.5px;line-height:1.8}
.rt-pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
.rt-pair figure{margin:0;text-align:center}
.panel .rt-pair img{width:100%;height:auto;border-radius:8px;box-shadow:0 6px 16px rgba(42,35,38,.12)}
.rt-pair figcaption{margin-top:6px;font-family:"Zen Maru Gothic",var(--sans);font-size:13px;color:var(--sub)}
.rt-arw{color:var(--sakura-d);font-size:20px}

.v15-three{margin:40px 0 18px}
.v15-three .say-big{margin-bottom:6px}
.th{list-style:none;margin:16px 16px 0;padding:0;display:grid;gap:12px}
.th li{display:flex;gap:14px;align-items:center;padding:16px;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(110,42,61,.08)}
.th .tn{flex:none;font-family:"Pinyon Script",var(--serif);font-size:40px;line-height:1;color:rgba(140,66,86,.55);width:52px;text-align:center}
.th b{display:block;font-family:var(--serif);font-weight:600;font-size:19px;line-height:1.45}
.th div span{display:block;margin-top:2px;font-size:14px;line-height:1.7;color:var(--sub)}

.when{list-style:none;display:flex;justify-content:center;gap:6px;margin:-12px 16px 8px;padding:0;flex-wrap:wrap}
.when li{font-family:"Zen Maru Gothic",var(--sans);font-size:13px;color:var(--ink);background:#fff;border-radius:999px;padding:5px 12px;box-shadow:inset 0 0 0 1px rgba(140,66,86,.18)}

.facts{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:12px 16px 0;padding:0}
.facts li{font-family:"Zen Maru Gothic",var(--sans);font-size:13px;color:#6E2A3D;background:#fff;border-radius:999px;padding:5px 12px;box-shadow:inset 0 0 0 1px rgba(140,66,86,.2)}

.close-call{margin:22px 22px 0;font-family:var(--serif);font-size:18px;line-height:1.7;text-align:center}
.close-after{margin:6px 22px 0;font-size:13px;color:var(--sub);text-align:center}

/* やり直しは、リストの部分を切り出して上下に並べる(文字の大きさの違いが見えるように) */
.rt-pair{grid-template-columns:1fr;justify-items:center;gap:4px}
.rt-pair figure{width:100%}
.rt-pair figure img{background:#fff}
.rt-arw{line-height:1}
.close-after,.close-call{word-break:keep-all}

/* 総点検 r1 の直し(10/5): 番号を濃く(2.5→約5)/小さな字を12pxに/頼み方の例のボタンの字を濃く */
.th .tn{color:#9A4F63}
.gchip small{font-size:12px}
.gmore-btn small{font-size:12px}
.c-asks button[aria-pressed="false"]{color:#6E2A3D;border-color:rgba(110,42,61,.45)}

/* 押す点検 r1 の直し(10/5) */
/* キーボードで移った先を見せる */
:where(button,a,video,summary,[tabindex]):focus-visible{outline:2.5px solid #8C4256;outline-offset:3px;border-radius:6px}
/* 1〜2字だけの行・語の途中の折り返しを防ぐ(句の切れ目で折る) */
.gcap,.gcount,.bx-head,.uses span.d,.uses b,.c-lead,.ck-after,.rt-lead{word-break:keep-all;overflow-wrap:anywhere}
.gcount .nw{white-space:nowrap}

/* 点検の測り違いの原因: ページ全体のなめらかなスクロールで、測る瞬間に画面がまだ動いていた。見せ場の線の移動は final.js が個別に smooth を指定している */
html{scroll-behavior:auto}

/* assets/v16.css */
/* v016: 焼いた1枚絵の節と、LINE で届く動画の実物の場面(2026-10-05 夜) */
.p16 img{display:block;width:100%;height:auto}
.p16-check{margin:30px 0 0}
.p16-doubt{background:#EDE3DD}
.p16-why{display:block;background:var(--paper)}
.p16-uses{display:block;background:var(--paper);padding:0 0 30px}
.p16-uses .lead{margin-top:18px!important}

/* LINE で届く動画の場面: 横にすべらせる帯 */
.lv16{padding:6px 0 4px;text-align:center}
.lv16 .kicker{margin:0 0 4px;display:inline-flex;align-items:center;gap:6px}
.lv16 .lv-ttl{margin:0 22px 14px;font-family:var(--serif);font-size:22px;line-height:1.5;color:var(--ink);letter-spacing:.02em}
.lv-strip{list-style:none;display:flex;gap:14px;margin:0;padding:4px 22px 8px;scroll-padding:0 22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;counter-reset:none}
.lv-strip::-webkit-scrollbar{display:none}
.lv-strip li{flex:none;width:64%;max-width:280px;scroll-snap-align:start;text-align:left}
.lv-strip button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;border-radius:14px;overflow:hidden;box-shadow:0 8px 20px rgba(42,35,38,.14),inset 0 0 0 1px rgba(140,66,86,.12)}
.lv-strip img{display:block;width:100%;height:auto;aspect-ratio:540/778;object-fit:cover}
.lv-strip p{margin:8px 2px 0;font-size:13px;line-height:1.45;color:var(--ink)}
.lv-strip p b{display:block;font-family:var(--serif);font-weight:600;font-size:15px;color:var(--sakura-d);letter-spacing:.04em}
.lv-hint{margin:2px 22px 0;font-size:12px;color:var(--sub);text-align:right}
.lv16 .lv-line{margin:18px 22px 14px;font-family:var(--serif);font-size:16px;line-height:1.8;color:var(--ink)}
.lv16 .when{margin:0 16px 10px}
.lv16 .bx-tags{margin:0 16px}
.lv16 .bx-note{margin:10px 22px 4px}
.lv-note{margin:0 22px 26px;text-align:left}

/* 面談のこと: 4行の表を2×2の小さなカードに */
.meeting{grid-template-columns:1fr 1fr;gap:8px;margin:18px 16px 0}
.meeting dt{display:none}
.meeting dd{margin:0;padding:10px 12px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px rgba(140,66,86,.14);font-size:13px;line-height:1.5}
.meeting dd::before{content:attr(data-k);display:block;font-size:12px;color:var(--sub)}


/* assets/v17.css */
/* v017「SHElikes の AI 時代版」: ラベルを積んだ見出し・＼ ／の小見出し・札つきの丸いボタン・淡いピンクの方眼(2026-10-06) */
:root{--rose:#D9506F;--rose-d:#B83A58;--blue:#5E8FAE;--blue-l:#D6E4EE;--pink-l:#FBEEF1;--cream:#FFF3C4;--paper:#FFF8F9;--paper2:#FBEEF1}
body{background:#F3E4E8}
.col{background:var(--paper)}
.p17 img{display:block;width:100%;height:auto}
.p17-sec{display:block;background:var(--pink-l)}
.p17-close{padding:0 0 30px;background:var(--pink-l)}
.p17-close .cta{padding-top:6px}
/* 冒頭の札(fv17b)が画面の45%まで来るので、作品の壁は下げて、1段目・2段目の札が切れないよう作品を1割ほど小さく */
.hero .wall{top:46.5%;gap:2%}
.hero .tile.phone img{width:calc(var(--fvw,390px)*.19)}
.hero .tile.phone video{width:calc(var(--fvw,390px)*.19);height:calc(var(--fvw,390px)*.338)}
.hero .tile.square img{width:calc(var(--fvw,390px)*.205)}
.hero .wall .lane{padding-bottom:9px}

/* 見出し: 行ごとにローズの帯と白い枠の箱を交互に積む */
.v17h{font-family:"Zen Maru Gothic",var(--sans)!important;font-weight:700!important;font-size:clamp(23px,6.8vw,30px)!important;line-height:1.3!important;letter-spacing:.05em!important;text-align:center;margin:0 16px 16px!important;word-break:keep-all}
.v17h .lb{display:block;width:fit-content;max-width:100%;margin:.18em auto;padding:.14em .55em .18em;border-radius:8px}
.v17h .lb1{background:var(--rose);color:#fff;transform:translateX(-.35em)}
.v17h .lb2{background:#fff;color:var(--rose);box-shadow:inset 0 0 0 2px var(--rose);transform:translateX(.35em)}
.v17h .lb:only-child{transform:none}
.v17h em{font-style:normal}
.make .v17h.mk-ttl,.make .v17h{margin-top:40px!important}

/* 小見出し: ＼ ／で挟む */
.kicker{display:block!important;text-align:center;color:var(--rose)!important;letter-spacing:.12em!important;font-size:13px!important;margin:0 16px 10px!important}
.kicker::before{content:"＼ "!important;display:inline!important;width:auto!important;height:auto!important;background:none!important}
.kicker::after{content:" ／"}
.say-sub{text-align:center}
.chat .kicker{margin:0 6px 8px!important}
.c-head.v17c{font-family:"Zen Maru Gothic",var(--sans);font-weight:700;color:var(--rose);text-align:center}
.sdeco,.gdeco{display:none}

/* ボタン: 立体の丸いボタン+上に白い札(SHElikes の「今がお得!」の位置に、無料・押し売りなし) */
.cta{display:flex;flex-direction:column;align-items:center}
.cta .btn{background:linear-gradient(180deg,#12B257,#049A45);box-shadow:0 5px 0 #037A37,0 12px 22px rgba(4,154,69,.22);font-weight:800;letter-spacing:.04em}
.cta .btn:active{transform:translateY(3px);box-shadow:0 2px 0 #037A37}
.cta .micro{order:-1;position:relative;z-index:1;margin:0 0 -11px;padding:3px 16px;border-radius:999px;background:#fff;color:#037A37;box-shadow:inset 0 0 0 2px #049A45;font-size:12.5px;font-weight:700;letter-spacing:.04em}

/* 面・カード */
.sec{background:var(--paper)}
.sec.alt{background:var(--pink-l);background-image:radial-gradient(rgba(217,80,111,.10) 1px,transparent 1px);background-size:14px 14px}
.lv16{background:var(--pink-l)}
.faq{margin:0 16px}
.faq details,.faq details:last-child{background:#fff;border:0;border-radius:14px;margin:0 0 10px;padding:0 16px;box-shadow:0 2px 10px rgba(217,80,111,.08),inset 0 0 0 1px rgba(217,80,111,.12)}
.faq summary::before{content:"Q";flex:none;width:24px;height:24px;border-radius:50%;background:var(--rose);color:#fff;font-size:13px;font-weight:700;display:grid;place-items:center;margin-right:-4px}
.faq summary{justify-content:flex-start}
.faq summary::after{margin-left:auto;color:var(--rose)}

/* 冒頭の下: SHElikes の冒頭の箱(タブ・チェック・名札・札つきボタンを1つの枠に)(10/6) */
.hero{background:linear-gradient(180deg,#FBEEF1 0,#FBEEF1 70%,var(--paper) 100%)}
.fvbox{position:relative;margin:18px 16px 0;padding:22px 16px 4px;background:#fff;border-radius:18px;box-shadow:inset 0 0 0 2px rgba(217,80,111,.30),0 12px 26px rgba(217,80,111,.10);font-family:"Zen Maru Gothic",var(--sans)}
.fvbox-tab{position:absolute;top:-15px;left:50%;transform:translateX(-50%);margin:0;padding:4px 18px;border-radius:999px;background:var(--cream);box-shadow:inset 0 0 0 1.5px #E7C35C;color:#3F2A2E;font-size:14.5px;font-weight:700;letter-spacing:.04em;white-space:nowrap}
.fvbox-ck{list-style:none;margin:0;padding:0 4px;display:grid;gap:9px}
.fvbox-ck li{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:700;line-height:1.45;color:#3F2A2E}
.fvbox-ck li::before{content:"";flex:none;width:21px;height:21px;border-radius:50%;background:var(--rose) url(assets/"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.4 6.3l2.3 2.3 4.9-5' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.fvbox-ck b{color:var(--rose);font-weight:700}
.fvbox .who{justify-content:center;margin:14px 0 0;padding-top:12px;border-top:1.5px dashed rgba(217,80,111,.28)}
.fvbox .cta{padding:22px 0 10px}
.hero .review-note{margin:10px 16px 0;padding:0;border:0;background:transparent;color:var(--sub);font-size:12px;text-align:center}
/* 見せ場の入口: 予告の絵の直後に舞台を上詰めで(画面が高い時に見出しと舞台の間が大きく空かないように) */
.sr16{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;margin:0!important;padding:0!important}
.p17-mk{margin:0}
/* 10/6 直し: チェックの行は flex の隙間が太字の前後にも入る→ 印だけ絶対配置にして文は1つの流れに/冒頭の下から予告の絵までの空きを詰める */
.fvbox-ck li{display:block;position:relative;padding-left:31px}
.fvbox-ck li::before{position:absolute;left:0;top:.18em}
.hero{padding-bottom:12px}
.make .say{padding-top:6px!important;padding-bottom:0!important}
.mk-prog.mk-under{visibility:hidden}
.fvbox-ck li{word-break:keep-all;overflow-wrap:anywhere}

/* assets/v18.css */
/* v018「AIを、私の分身に。」(2026-10-06): キービジュアルの下に作品の壁・好奇心の節・分身の節・数字の小道具の絵 */
.p18 img{display:block;width:100%;height:auto}
.p18-sec{display:block;background:var(--pink-l)}
.p18-sec .cta{padding:4px 16px 2px}
.how-note{margin:8px 22px 22px;text-align:center}
.p18-gal{display:block;background:var(--paper);padding:8px 0 30px}
.p18-gal .mk-out{padding-top:26px}
.p18-stats{margin:6px 0 0}
.mk-note{margin:0 22px 26px;text-align:center}
/* 冒頭: 作品の壁はキービジュアルの下に並べる(絵の上に重ねない) */
.hero .fvwrap{position:relative}
.hero .wall{position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;margin:12px 0 0;gap:12px}
.hero .wall .lane{padding-bottom:6px}
.p18-wallhead{margin:10px 0 -4px}

/* 見本のリールの横送り(スクロールは止めない) */
.p18-reels{display:block;background:var(--paper);padding:34px 0 8px}
.rl18-list{position:relative;list-style:none;margin:0;padding:6px 0 4px;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-inline:calc(50% - min(31vw, 150px))}
.rl18-list::-webkit-scrollbar{display:none}
.rl18-item{flex:none;width:min(62vw,300px);scroll-snap-align:center;text-align:center}
.rl18-phone{margin:0;border:7px solid #231d20;border-radius:30px;overflow:hidden;background:#000;aspect-ratio:9/16;box-shadow:0 14px 30px rgba(42,35,38,.2)}
.rl18-phone video{display:block;width:100%;height:100%;object-fit:cover}
.rl18-n{margin:12px 0 0;font-family:"Zen Maru Gothic",var(--sans);font-weight:700;font-size:13px;letter-spacing:.12em;color:var(--rose)}
.rl18-t{margin:2px 6px 0;font-family:"Zen Maru Gothic",var(--sans);font-weight:700;font-size:15.5px;line-height:1.5;color:#3F2A2E}
.rl18-nav{display:flex;align-items:center;justify-content:center;gap:6px;margin:14px 0 0}
.rl18-prev,.rl18-next{width:46px;height:46px;border-radius:50%;border:2px solid var(--rose);background:#fff;color:var(--rose);font-size:26px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0 0 3px}
.rl18-prev:disabled,.rl18-next:disabled{opacity:.35;cursor:default}
.rl18-dots{display:flex;gap:0}
.rl18-dot{width:44px;height:44px;border:0;background:none;cursor:pointer;position:relative;padding:0}
.rl18-dot::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:#E8C9D0}
.rl18-dot[aria-current="true"]::after{background:var(--rose);width:22px;margin-left:-11px;border-radius:999px}
.rl18-hint{margin:2px 0 0;text-align:center;font-size:12.5px;color:var(--sub)}
/* りかこ: 本物の写真に名札、その下に実績の板 */
#teacher .photo img{border-radius:20px}
.nameplate{margin:-38px 26px 0;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 16px;border-radius:16px;background:#fff;box-shadow:0 10px 24px rgba(217,80,111,.16),inset 0 0 0 2px rgba(217,80,111,.28);text-align:center}
.nameplate b{font-family:"Zen Maru Gothic",var(--sans);font-size:24px;letter-spacing:.12em;color:#3F2A2E}
.nameplate span{font-size:13px;color:var(--sub)}
.p18-auth{margin:16px 0 6px}
/* 先輩のカード: 全部見せて、押すとインタビューへ */
.cards18{display:grid;gap:14px;margin:0 16px}
.c18{display:block;border-radius:14px;overflow:hidden;background:#fff;text-decoration:none;box-shadow:0 6px 18px rgba(217,80,111,.12),inset 0 0 0 1px rgba(217,80,111,.14)}
.c18 img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.c18-go{display:flex;align-items:center;justify-content:center;min-height:46px;padding:8px 12px;font-weight:700;font-size:14px;color:var(--rose)}
/* ふだんの様子: 題・サムネイル・長さを手前に */
.chan18{margin:26px 16px 0}
.ch18{margin:12px 0 0;padding:14px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px rgba(217,80,111,.16)}
.ch18-src{margin:0 0 10px;display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:#3F2A2E}
.ch18 .pf{font-size:12px;font-weight:700;color:var(--rose);border:1.5px solid rgba(217,80,111,.45);border-radius:999px;padding:1px 10px}
.ch18-vs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ch18-v{display:block;text-decoration:none;color:#3F2A2E}
.ch18-v img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px;background:#F3E4E8}
.ch18-v span{display:block;margin-top:6px;font-size:12.5px;line-height:1.5}
.ch18-l{display:block;padding:10px 4px;border-top:1px solid rgba(217,80,111,.14);text-decoration:none;color:#3F2A2E;font-size:14px;line-height:1.55}
.ch18-l:first-of-type{border-top:0}
.ch18-l small{display:block;font-size:12px;color:var(--sub)}
.ch18-more{display:inline-flex;align-items:center;min-height:44px;margin-top:4px;font-size:13px;font-weight:700;color:var(--rose);text-decoration:none}
.rl18-t{word-break:keep-all;overflow-wrap:anywhere}

/* assets/v19.css */
/* v019: 本物の節(@sakura__cosme の投稿・受講生インタビューの縦動画)と、りかこさんの名札の実績(2026-10-06) */
.p19-real{display:block;background:linear-gradient(180deg,#FFF8F9,#FBEEF1);padding:34px 0 24px}
.r19-card{margin:16px 16px 0;padding:16px 14px 12px;border-radius:18px;background:#fff;box-shadow:0 10px 24px rgba(217,80,111,.10),inset 0 0 0 1.5px rgba(217,80,111,.22)}
.r19-head{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 0 8px}
.r19-badge{display:inline-flex;align-items:baseline;gap:4px;padding:5px 14px;border-radius:999px;background:var(--rose);color:#fff;font-family:"Zen Maru Gothic",var(--sans);font-weight:700;font-size:14px}
.r19-badge b{font-size:22px;letter-spacing:.02em}
.r19-acc{font-weight:700;font-size:15px;color:#3F2A2E}
.r19-lead{margin:0 0 12px;text-align:center;font-family:"Zen Maru Gothic",var(--sans);font-weight:700;font-size:16px;line-height:1.6;color:#3F2A2E}
.r19-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;border-radius:12px;overflow:hidden}
.r19-post img{display:block;width:100%;height:auto;aspect-ratio:1}
.r19-more{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:4px;font-weight:700;font-size:14px;color:var(--rose);text-decoration:none}
.r19-vids{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.r19-vid{margin:0}
.r19-vid video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:14px;background:#000}
.r19-vid figcaption{margin-top:6px;font-size:12.5px;line-height:1.5;color:#3F2A2E;text-align:center}
.r19-note{margin:12px 22px 0;text-align:left}
/* 名札の実績 */
.who-badge{display:block;margin-top:3px;font-style:normal;font-size:12px;font-weight:700;color:#fff;background:var(--rose);border-radius:999px;padding:2px 10px;width:fit-content}
.np-ig{display:flex;flex-direction:column;align-items:center;gap:0;margin-top:8px;padding:6px 14px;border-radius:999px;background:var(--pink-l);color:#3F2A2E;font-size:13px;font-weight:700;text-decoration:none;box-shadow:inset 0 0 0 1.5px rgba(217,80,111,.35)}
.np-ig strong{color:var(--rose);font-size:16px}
.np-ig span{font-size:12.5px;color:var(--sub)}
.r19-lead{word-break:keep-all;overflow-wrap:anywhere}
.np-ig span{word-break:keep-all;font-size:12px}
.who img{flex:none;width:44px!important;height:44px!important;min-width:44px}
/* 代表の節: 丸い顔写真の小さなプロフィール(10/6)。スマホは「顔+名前」の下に実績の帯を1行で、幅に余裕があれば顔の右へ */
.prof19{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:14px;row-gap:12px;margin:4px 16px 0;padding:16px;border-radius:20px;background:#fff;box-shadow:0 10px 24px rgba(217,80,111,.12),inset 0 0 0 1.5px rgba(217,80,111,.22)}
.prof19-face{grid-column:1;grid-row:1;width:88px;height:88px;border-radius:50%;object-fit:cover;object-position:50% 18%;border:3px solid #fff;box-shadow:0 0 0 2px rgba(217,80,111,.35),0 6px 14px rgba(42,35,38,.12)}
.prof19-t{grid-column:2;grid-row:1;min-width:0}
.prof19-name{margin:0;font-family:"Zen Maru Gothic",var(--sans);font-weight:700;font-size:24px;letter-spacing:.12em;color:#3F2A2E;line-height:1.3}
.prof19-role{margin:2px 0 0;font-size:12.5px;line-height:1.55;color:var(--sub)}
.prof19-ig{grid-column:1/-1;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;border-radius:14px;background:var(--pink-l);text-decoration:none;box-shadow:inset 0 0 0 1.5px rgba(217,80,111,.35)}
.prof19-ig span{font-size:12.5px;line-height:1.45;font-weight:700;color:#3F2A2E}
.prof19-ig strong{white-space:nowrap;font-size:17px;color:var(--rose)}
.prof19-role .nw,.prof19-ig .nw{white-space:nowrap}
/* 帯の横並びが入らない幅(一番狭いスマホと、顔の右に置くPC)は2段に */
@media(max-width:413px),(min-width:460px){
  .prof19-ig{flex-direction:column;align-items:flex-start;gap:0}
  .prof19-ig br{display:none}
}
@media(min-width:460px){
  .prof19{row-gap:8px}
  .prof19-face{grid-row:1/3;width:104px;height:104px}
  .prof19-t{align-self:end}
  .prof19-ig{grid-column:2;align-self:start;justify-self:start}
}
/* 本物の節: Instagram のプロフィール画面の形(10/6 本人「実際の"インスタ"と言う感じのデザインに寄せて」) */
.r19-cap{margin:6px 22px 12px}
.ig19{margin:0 16px;border-radius:26px;background:#fff;overflow:hidden;color:#000;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","Segoe UI",Roboto,"Noto Sans JP",sans-serif;box-shadow:0 14px 34px rgba(63,42,46,.14),0 0 0 1px #dbdbdb}
.ig19 svg{display:block;width:24px;height:24px}
.ig19-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 6px}
.ig19-handle{font-size:18px;font-weight:700;letter-spacing:0}
.ig19-ic{display:flex;gap:18px}
.ig19-head{display:flex;align-items:center;gap:20px;padding:8px 16px 4px}
.ig19-ava{flex:none;display:block;width:84px;height:84px;padding:3px;border-radius:50%;background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
.ig19-ava img{display:block;width:100%;height:100%;border-radius:50%;border:3px solid #fff;object-fit:cover}
.ig19-stats{flex:1;display:flex;justify-content:space-around;margin:0;padding:0;list-style:none;text-align:center}
.ig19-stats li{display:flex;flex-direction:column;align-items:center;line-height:1.25}
.ig19-stats b{font-size:17px;font-weight:700}
.ig19-stats span{font-size:12.5px;color:#000}
.ig19-name{margin:8px 16px 0;font-size:14px;font-weight:700;line-height:1.4}
.ig19-bio{margin:2px 16px 0;font-size:13.5px;line-height:1.45}
.ig19-at{color:#00376b}
.ig19-btn{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;margin:12px 16px 10px;border-radius:10px;background:#0095f6;color:#fff;font-size:14.5px;font-weight:700;text-decoration:none}
.ig19-btn svg{width:18px;height:18px;stroke-width:2.2}
.ig19-tabs{display:flex;border-top:1px solid #dbdbdb}
.ig19-tabs span{flex:1;display:flex;justify-content:center;padding:10px 0 9px;color:#8e8e8e;border-bottom:1px solid transparent}
.ig19-tabs span.on{color:#000;border-bottom-color:#000}
.ig19-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.ig19-post img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.ig19-nav{display:flex;align-items:center;justify-content:space-around;padding:10px 6px 12px;border-top:1px solid #dbdbdb}
.ig19-me img{display:block;width:26px;height:26px;border-radius:50%;box-shadow:0 0 0 1.5px #000;object-fit:cover}
.ig19-stats span{white-space:nowrap}
@media(max-width:359px){
  .ig19-head{gap:12px}
  .ig19-ava{width:72px;height:72px}
  .ig19-stats b{font-size:16px}
  .ig19-stats span{font-size:12px}
  .ig19-bio{font-size:13px}
}
.ig19-bio{word-break:keep-all;overflow-wrap:anywhere}
/* ===== 10/6 品質の直し(本人「他にも、品質が低い部分を改善して。Fableと相談しながら」・記録 qa/quality_fix_20261006.md) ===== */
/* 「確認中」の札と、面談の未決の箱は確認モード(?check=1)だけ */
.pend{display:none}
html.check .pend{display:inline-block}
#meeting.allpending{display:none}
html.check #meeting.allpending{display:grid}
/* スマホは上の帯を流す(下の固定ボタンだけ残す。上下からの常時のボタンと、読む面積の18%の覆いを減らす) */
@media(max-width:700px){.bar{position:static}}
/* 作品の壁: 同じ札(リール・インスタ投稿)の連打をやめる/一時停止は壁の下の右へ(4枚目の札に重なっていた) */
.wall .tile figcaption{display:none}
.vp-wall{position:relative;right:auto;bottom:auto;display:block;margin:4px 10px 0 auto}
/* かけ算の絵の下の空の帯(元の絵の下 約11%)を見せない */
.p18:has(> img[src$="usp18.webp"]){aspect-ratio:1024/1400;overflow:hidden}
/* 冒頭の名札の実績: 緑のボタンの直上で塗りの札がぶつかる → 白地にローズの線 */
.who-badge{background:#fff;color:var(--rose);box-shadow:inset 0 0 0 1.5px var(--rose)}
/* PC の列の外: くすんだベージュの写真 → ページと同じ淡いピンク */
@media(min-width:701px){
  body{background:#F6E6EC}
  body::before{background:radial-gradient(rgba(217,80,111,.10) 1.2px,transparent 1.6px) 0 0/22px 22px,linear-gradient(180deg,#FCF1F4,#F3E0E7)}
}

/* assets/v20.css */
/* v020(10/7): りかこさん側が実際に AI でつくった物を全面に。本人「りかこさんが実際に、AIで作ったアウトプットを、LPに全面的に掲載してほしい」 */
.r20-block{margin:24px 16px 0}
.r20-ttl{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:0 0 4px;font-family:"Zen Maru Gothic",var(--sans);font-weight:700;font-size:19px;line-height:1.45;color:#3F2A2E;text-align:center}
.r20-ttl small{font-size:13px;color:var(--rose)}
.r20-gap{margin:30px 16px 6px}
.r20-sub{margin:0 0 12px;text-align:center;font-size:13.5px;color:var(--sub)}
/* Instagram の投稿画面(リボンバッグ8選) */
.igp20{background:#fff;border-radius:22px;overflow:hidden;color:#000;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","Segoe UI",Roboto,"Noto Sans JP",sans-serif;box-shadow:0 14px 34px rgba(63,42,46,.14),0 0 0 1px #dbdbdb}
.igp20-h{display:flex;align-items:center;gap:10px;padding:10px 12px}
.igp20-av{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 2px #d6249f}
.igp20-h b{font-size:14px;font-weight:700}
.igp20-more{margin-left:auto;font-size:13px;letter-spacing:1px}
.igp20-wrap{position:relative}
.igp20-slides{position:relative;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.igp20-slides::-webkit-scrollbar{display:none}
.igp20-s{flex:0 0 100%;scroll-snap-align:start;padding:0;border:0;background:#f6eef0;cursor:zoom-in}
.igp20-s img{display:block;width:100%;height:auto}
.igp20-count{position:absolute;top:10px;right:10px;padding:2px 9px;border-radius:999px;background:rgba(18,18,18,.72);color:#fff;font-size:12px;font-weight:600;pointer-events:none}
.igp20-count b{font-weight:600}
.igp20-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:8px 12px 12px}
.igp20-ic{display:flex;gap:14px}
.igp20-ic.r{justify-content:flex-end}
.igp20 svg{display:block;width:24px;height:24px}
.igp20-dots{display:flex;gap:4px}
.igp20-dots i{width:6px;height:6px;border-radius:50%;background:#c7c7c7}
.igp20-dots i.on{background:#0095f6}
.r20-voice{margin:16px 0 0;text-align:center}
.r20-voice > span{display:block;font-family:"Zen Maru Gothic",var(--sans);font-weight:700;font-size:18px;color:var(--rose)}
.r20-voice small{font-size:12px;color:var(--sub)}
/* 新しい節: 広告も、漫画も、AIで。 */
.p20-ads{display:block;background:linear-gradient(180deg,#FBEEF1,#FFF8F9);padding:40px 0 30px}
.ad20{columns:3;column-gap:6px}
.ad20-b{display:block;width:100%;margin:0 0 6px;padding:0;border:0;border-radius:8px;overflow:hidden;background:#F3E4E8;break-inside:avoid;cursor:zoom-in;box-shadow:0 4px 10px rgba(63,42,46,.08)}
.ad20-b img{display:block;width:100%;height:auto}
.ad20:not(.open) .ad20-b.more{display:none}
.ad20-open{display:flex;justify-content:center;margin-top:10px}
.mg20{position:relative;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 11% 10px;margin:0 -16px;scrollbar-width:none;overscroll-behavior-x:contain}
.mg20::-webkit-scrollbar{display:none}
.mg20-p{flex:0 0 78%;scroll-snap-align:center;padding:0;border:0;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 8px 20px rgba(63,42,46,.12);cursor:zoom-in}
.mg20-p img{display:block;width:100%;height:auto}
.mg20-hint{margin:4px 0 0;text-align:center;font-size:12.5px;color:var(--sub)}
.r20-note{margin:18px 22px 0}
/* 見本は下で1列に(見本と明記) */
.sm20{padding:36px 0 6px}
.sm20-row{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding:6px 16px 10px;scrollbar-width:none}
.sm20-row::-webkit-scrollbar{display:none}
.sm20-i{flex:0 0 38%;aspect-ratio:1;padding:0;border:0;border-radius:12px;overflow:hidden;background:#EFE7DE;cursor:zoom-in;scroll-snap-align:start}
.sm20-i img{display:block;width:100%;height:100%;object-fit:cover}
.sm20-note{margin:6px 22px 0}
.r20-lead-note{margin:-4px 22px 4px;text-align:center}
.igp20-pre{margin-left:auto;padding:2px 9px;border-radius:999px;background:#efefef;color:#3a3a3a;font-size:11.5px;font-weight:700}
.igp20-pre + .igp20-more{margin-left:10px}

/* assets/v21.css */
/* v021(10/7): 並び KV → WHY → 作品の壁 → 渾身の1画面(#offer)。本人「WHYを聞いてから、受け取りたいと思うから」 */
.hero-kv{display:block;background:#FBEEF1}
.fvtop .fv{display:block;width:100%;height:auto}
#works-wall{padding-top:8px}
/* 作品の壁: 種類の札を出す(隣は必ず別の種類なので、札が「あれも、これも」を言う) */
.wall .tile figcaption{display:block}
.wall .tile figcaption{font-weight:700;font-size:12px;letter-spacing:.04em;border:1.5px solid currentColor;background:#fff}
.wall .tile figcaption[data-t="投稿"]{color:#C2456A}
.wall .tile figcaption[data-t="漫画"]{color:#3A3034}
.wall .tile figcaption[data-t="広告"]{color:#2E8B57}
.wall .tile figcaption[data-t="動画"]{color:#3E6FA6}
.wall .tile figcaption[data-t="歌の広告"]{color:#7A55A8}
.wall .tile figcaption[data-t="LP"]{color:#B8792A}
/* 壁の帯の上の一言: 「私」=りかこ */
.ww21-kicker{margin:22px 16px 2px;text-align:center;font-family:"Zen Maru Gothic",var(--sans);font-weight:700;font-size:15px;color:var(--rose)}
/* 見本の列の先頭の見本のリール(縦) */
.sm21-reel{position:relative;flex:0 0 30%;aspect-ratio:9/16;margin:0}
.sm21-reel video{display:block;width:100%;height:100%;object-fit:cover}
.sm21-reel figcaption{position:absolute;left:6px;bottom:6px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.92);font-size:12px;font-weight:700;color:#3A3034}
/* 渾身の1画面(#offer): 本人「1ページまるっと使って、贅沢に、ここでもう受け取るボタンを押すことを目指して」。上=焼いた1枚絵・下=名札とボタン */
.o21{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:100svh;padding:6px 0 14px;background:linear-gradient(180deg,#FFF6F8 0,#FBEEF1 60%,#E7EEF4 100%)}
.o21-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.o21-art img{display:block;width:100%;height:auto}
.o21-foot{margin:-2px 16px 0}
.o21-who{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 6px}
.o21-who img{flex:none;width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:50% 18%;border:2px solid #fff;box-shadow:0 0 0 1.5px rgba(217,80,111,.45)}
.o21-who p{margin:0;display:flex;flex-direction:column;line-height:1.35}
.o21-who b{font-size:15px;color:#3F2A2E}
.o21-who b small{margin-left:8px;font-size:12px;font-weight:500;color:var(--sub)}
.o21-who em{font-style:normal;font-size:12.5px;font-weight:700;color:var(--rose)}
.o21 .cta{padding:10px 0 0}
.o21 .cta .micro{color:#037A37}
.o21-btn{min-height:66px;font-size:17px}
.o21-after{margin:10px 0 0;font-size:12.5px;color:var(--sub)}
@media(max-width:359px){
  .o21-btn{font-size:14.5px;letter-spacing:0;padding:0 12px;min-height:58px}
  .o21-who{margin-bottom:2px}
  .o21-after{margin-top:6px}
}
/* 1画面に収める: Safari の道具の帯が出ている時の高さ(390×約664)でも、絵+名札+ボタンが1画面に入るよう、絵の幅を画面の高さから決める */
.o21-art img{width:min(100%,calc((100svh - 205px) / 1.5));margin:0 auto}
@media(min-width:701px){.o21-art img{width:min(100%,calc((100svh - 265px) / 1.5))}}
.ww21-kicker{margin-top:12px}
.wall .tile figcaption[data-t="LP"]{color:#8F5410}
.igp20-pre{font-size:12px}
/* 375px(iPhone の小さい方)でもボタンの文字を1行に */
@media(max-width:389px){
  .o21-btn{font-size:15px;letter-spacing:0;padding:0 14px}
  .sticky .btn{font-size:13.5px;letter-spacing:0;padding:0 12px}
}
@media(max-width:359px){.o21-btn{font-size:14px;padding:0 10px}}
/* 広告バナー: 先に見せる9枚に切り口の札(10/7 夜) */
.ad20-b{position:relative}
.ad21-tag{display:block;padding:5px 4px 6px;background:#fff;color:#C2456A;font-size:12px;font-weight:700;line-height:1.3;text-align:center;word-break:keep-all;overflow-wrap:anywhere}

/* assets/v22.css */
/* New banners: full image, no crop. Scoped to ads grid only. */
#ads #ad20{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));columns:auto;gap:8px}
#ads #ad20 .ad20-b{margin:0;align-self:start}
#ads #ad20 .ad20-b img{aspect-ratio:1;object-fit:contain}
#ads #ad20:not(.open) .ad20-b.more{display:none}
@media(max-width:480px){#ads #ad20{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}

/* v23.css */
/* v023: light at the opening; quiet grounds, breathing room, and a letter.
   No text, art, claims, or section order changes. */
:root{--v23-ground:#fdf5f8;--v23-rose:#b84465;--v23-ink:#49343e;--v23-line:#ebdbe2;--v23-blue:#d2e5f3;--v23-inset:22px}
html{scroll-padding-top:74px}
body{background:#f5e9ed}
.col{background:var(--v23-ground)}
.bar{background:rgba(255,250,252,.96);border-bottom-color:#ebdbe2}
.bar .brand img{border-radius:0}
.bar .mini{box-shadow:none}
@media(min-width:701px){
 body::before{background:radial-gradient(ellipse at 15% 15%,#fffafc 0,transparent 45%),radial-gradient(ellipse at 90% 75%,#e6eef4 0,transparent 46%),linear-gradient(160deg,#f8eef2,#f1e0e8)}
 .col{box-shadow:0 0 0 1px #ad768212,0 24px 80px #79536112}
}
/* A: only the decorative cafe edge fades; the WHY heading stays untouched. */
#top{background:var(--v23-ground)}
#top .fv{mask-image:linear-gradient(to bottom,#000 calc(100% - 82px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 82px),transparent 100%)}
#why{background:var(--v23-ground)}
#why img{mask-image:linear-gradient(to bottom,transparent,#000 7px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 7px)}
/* Receive the unaltered end of each illustration in a related color. */
#works-wall{padding:20px 0 32px;background:linear-gradient(#fde3e5 0,#fef2f6 86px,#fff7fa 70%,#fff6f8)}
.ww21-kicker{margin:0 22px 12px;font-size:14px;color:var(--v23-rose)}
.p18-wallhead{margin:0}
.hero .wall{margin-top:18px;gap:16px}
.hero .review-note{margin:16px 22px 0;font-size:12px;line-height:1.85;text-align:left;color:#604d56}
.wall .tile figcaption{border-width:1px;box-shadow:none;padding:4px 10px}
.vp-wall{margin-top:8px}
/* Keep the deliberate one-screen offer and its artwork scale. */
#offer{background:linear-gradient(#fff6f8,#fbeef1 64%,#e7eef4);padding-top:6px}
.o21-art{background:linear-gradient(#fff6f8 80%,#b8d4ec)}
.o21-foot{margin:-1px 0 0;padding:0 16px;background:linear-gradient(#b8d4ec,#e7eef4 95px)}
.o21-who img{box-shadow:0 0 0 1px #dca8b8}
.o21 .cta{padding-top:10px}
.o21 .cta .micro{margin-bottom:7px;font-size:12px;padding:1px 8px}
.o21 .o21-after{margin-top:8px}
/* Chapter openings: quiet color fields behind the existing rose headings. */
:is(#real,[data-sec="real"]){padding:48px 0 42px;background:linear-gradient(#e7eef4,#fcf6f9 140px,#fcf6f9)}
#ads{padding:48px 0 40px;background:linear-gradient(#fcf6f9,#fbeef3 120px,#fff7fa 75%,#d6e8f6);border-top:1px solid var(--v23-line)}
:is(#works,[data-sec="works"]){padding:0 0 30px;background:#fff7fa}
.sm20{padding-top:46px}
#teacher{padding:48px 0 34px;background:linear-gradient(#fff7fa,#fbedf2 35%,#fdf4f7);background-image:linear-gradient(#fff7fa,#fbedf2 35%,#fdf4f7);background-size:auto}
:is(#friends,[data-sec="friends"]){padding:48px 0 36px;background:linear-gradient(#fde7ee,#fff7fa 130px,#fff7fa);background-size:auto}
#faq{padding:48px 0 38px;background:linear-gradient(#fdf3f7,#fff8fa 65%,#fce8f2);background-size:auto}
.v17h{margin-bottom:24px!important}
.kicker{margin-bottom:12px!important;color:var(--v23-rose)!important;letter-spacing:.08em!important}
.kicker::before{content:none!important}
.kicker::after{content:none}
.r20-block{margin:26px var(--v23-inset) 0}
.r20-ttl{margin-bottom:9px;color:var(--v23-ink)}
.r20-sub{margin-bottom:18px;line-height:1.75}
.r20-gap{margin:38px var(--v23-inset) 16px}
.r19-note,.r20-note,.sm20-note{margin:18px var(--v23-inset) 0;line-height:1.85;color:#604d56}
.r20-lead-note{margin:0 var(--v23-inset) 20px;line-height:1.8;text-align:left}
.ig19{margin-inline:var(--v23-inset)}
.ig19,.igp20{box-shadow:0 8px 25px #6443520d,0 0 0 1px #e0d8dc}
#ads #ad20{gap:10px}
.ad20-b{border-radius:10px;box-shadow:0 3px 12px #61455110}
.ad20-open{margin-top:18px}
.mg20{margin-inline:calc(-1 * var(--v23-inset));padding-bottom:16px}
.mg20-hint{margin-top:8px}
.r19-vids{gap:14px}
.r19-vid figcaption{margin-top:10px}
/* No fade/crop on image conclusions. Padding belongs outside the art. */
#how{background:linear-gradient(#d6e8f6 0,#fdeef3 88%,#fdf6f8);padding-bottom:24px}
#how .how-note{margin:14px 22px 0;line-height:1.85}
#fit{background:#fde6ee;padding-bottom:16px}
:is(#clone,[data-sec="clone"]){background:#fef2f6}
:is(#clone,[data-sec="clone"]) .p18 + .p18{margin-top:16px}
:is(#clone,[data-sec="clone"])::after{content:"";display:block;height:30px;background:linear-gradient(#e1ebf5,#fff7fa)}
.p18-gal .mk-out{padding-top:28px}
.mk-out .cta{padding-top:22px}
/* D: one reading surface, using the two original quotations and closing lines. */
.prof19{margin:0 22px;box-shadow:0 6px 20px #8e5f7110,inset 0 0 0 1px #e9d7df;border-radius:18px}
.prof19-face{box-shadow:0 0 0 1px #dbaabb,0 4px 12px #6b485414}
.prof19-ig{background:#fcf2f6;box-shadow:inset 0 0 0 1px #ead7df;border-radius:10px}
.p18-auth{margin-top:24px}
.letter23{position:relative;margin:24px 22px 0;padding:26px 22px 25px;background:#fffdfd;border:1px solid #ebdce2;border-radius:3px 3px 16px 3px;box-shadow:0 8px 24px #8458690b}
.letter23::before{content:"";display:block;width:32px;height:2px;background:#d99cad;margin:0 0 22px}
#teacher .letter23 .q-rikako{margin:0;padding:0;border:0;font-family:var(--sans);font-size:15px;line-height:2;color:#503c45}
#teacher .letter23 .q-big{margin-top:24px;font-family:var(--serif);font-size:21px;line-height:1.85;color:#a84665}
#teacher .letter23 .lead{margin:22px 0 0;padding-top:20px;border-top:1px solid #eee2e7;font-size:14px;line-height:1.9}
#teacher .q-src{margin-top:20px;line-height:1.85;color:#604d56}
/* The blue between gift and meeting belongs to the two original images. */
#gift{background:#d2e5f3}
#gift>.p17:first-of-type{background:#fdf4f7}
#gift .after-panel{padding:22px 24px 16px;background:linear-gradient(#b9d9ee,#d2e5f3);font-size:15px;line-height:1.9;color:#354b5c}
#gift>p.note{margin:0!important;padding:0 24px 28px;background:#d2e5f3;color:#425566;line-height:1.85}
#gift .meet-lead{margin:0;padding:22px 22px 10px;background:#fee1e8;line-height:1.9}
#gift .meeting{margin-top:0}
#gift>.cta{padding:16px 18px 34px;background:linear-gradient(#fee1e8,#fde7ee)}
.collage{margin-inline:22px;gap:8px}
.collage img,.collage .vwrap{border-radius:10px}
:is(#friends,[data-sec="friends"]) .p18-stats{margin-top:26px}
.cards18{margin-inline:22px;gap:20px}
.c18{box-shadow:0 4px 16px #8c5a6c0b,inset 0 0 0 1px #ead9e1}
.chan18{margin:34px 22px 0}
.ch18{padding:18px 16px;box-shadow:inset 0 0 0 1px #ebdce3}
.ch18 .pf{border-width:1px}
#safe{background:#fedce8;padding-bottom:18px}
#flow{background:linear-gradient(#fdf4f7,#fce9f0 83%,#fdf3f7);padding-bottom:22px}
#flow .cta{padding-top:20px}
.faq{margin:0 22px}
.faq details,.faq details:last-child{box-shadow:none;border:1px solid #eadce3;border-radius:12px;margin-bottom:12px;padding:0 16px}
.faq summary{min-height:60px;padding-block:15px;line-height:1.7}
.faq summary::before{background:#f9e8ef;color:#aa3c5c}
.faq details p{padding-bottom:20px;line-height:1.85}
#last{background:#e8bbc6;padding-bottom:0}
#last>.cta{padding:26px 18px 36px;background:linear-gradient(#e8bbc6,#f7e5ed 45%,#fcf1f6)}
.close-after{line-height:1.85}
footer{background:#fcf1f6;border-top:1px solid #eddee5;padding-top:32px}
/* Lighten CTA chrome while keeping its familiar green and hit target. */
.cta .btn{min-height:60px;box-shadow:0 2px 0 #08723b,0 7px 15px #13834c1c;letter-spacing:.025em}
.cta .btn:active{transform:translateY(1px);box-shadow:0 1px 0 #08723b}
.cta .micro{order:-1;position:static;margin:0 0 8px;padding:0 8px;box-shadow:none;background:transparent;color:#157a42;font-size:12px;letter-spacing:.015em;line-height:1.6}
.sticky{background:rgba(255,250,252,.96);border-top-color:#ebdbe2;box-shadow:0 -4px 18px #60455308}
.sticky.sticky-inline23{display:none!important}
.sticky .btn{box-shadow:none}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #527d9b;outline-offset:4px}
@media(max-width:700px){html{scroll-padding-top:0}}
@media(max-width:359px){:root{--v23-inset:18px}.letter23{margin-inline:18px;padding:22px 18px}.prof19,.cards18,.chan18,.collage,.faq{margin-inline:18px}.cta .btn{font-size:14px;letter-spacing:0}.o21 .cta .btn{min-height:58px}.o21 .cta .micro{font-size:11.5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* v25.css */
/* The eight completed PNGs remain uncropped in the inherited gallery. */
#ads #ad20 [data-zoom^="bunshin/"]{border-radius:0}
#zoom.b25-intact,#zoom.b25-intact #zoom-img{border-radius:0}

/* v26.css */
/* v026(2026-10-08 本人「LPはとにかく文字を読ませることが大事」): 読む筋を切らない。
   つなぎの1行は節の上余白の中・同じ地の上(白い帯にしない=v023 のつなぎ目を保つ)。
   りかこの話は HTML の本文で読ませる。外へ出るリンク集と広告の展示は読む筋の外へ寄せる。 */

/* つなぎの1行 */
.b26-line{margin:0 22px 20px;text-align:center;font-family:"Zen Maru Gothic",var(--sans);font-weight:700;font-size:16px;line-height:1.8;letter-spacing:.02em;color:#8a4a60}
:is(#real,[data-sec="real"]){padding-top:14px;padding-bottom:26px;background:linear-gradient(#e7eef4,#fcf6f9 150px,#fcf6f9 calc(100% - 160px),#d6e8f6)}
#safe .b26-safe{margin:0;padding:30px 22px 4px;background:linear-gradient(#fff7fa,#fef7f9)}

/* 作品の壁の下: 本文の1行+短い注記 */
.hero .ww26-cap{margin:18px 22px 0;font-size:15px;line-height:1.8;font-weight:700;color:#4a3640;text-align:left}
.hero .ww26-cap + .review-note{margin-top:6px}

/* 動画・バナーの下の操作の一言 */
.r26-hint{margin:10px 22px 0;text-align:center;font-size:13px;line-height:1.7;color:#5a4650}
.r19-card + .r26-hint{margin-top:10px}

/* 広告・漫画・歌は :is(#real,[data-sec="real"]) の最後の1段。42枚は横1列で全部(「ぜんぶ見る」の箱はやめた) */
:is(#real,[data-sec="real"]) #ads{margin-top:40px;padding:0;background:none;border-top:0}  /* 段に残した id=ads へ v023 の節の背景・余白が効かないように */
:is(#real,[data-sec="real"]) #ads .r20-ttl{flex-wrap:wrap;row-gap:2px}
:is(#real,[data-sec="real"]) #ads #ad20{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;margin:6px calc(-1 * var(--v23-inset)) 0;padding:4px var(--v23-inset) 8px;scrollbar-width:none;overscroll-behavior-x:contain}
:is(#real,[data-sec="real"]) #ads #ad20::-webkit-scrollbar{display:none}
:is(#real,[data-sec="real"]) #ads #ad20 .ad20-b,:is(#real,[data-sec="real"]) #ads #ad20:not(.open) .ad20-b.more{display:block;flex:0 0 40%;margin:0;scroll-snap-align:start}
:is(#real,[data-sec="real"]) #ads .mg20{margin-top:26px}
:is(#real,[data-sec="real"]) #ads .mg20-p{flex-basis:46%}
:is(#real,[data-sec="real"]) #ads .r19-vids{margin-top:24px;grid-template-columns:repeat(2,124px);justify-content:center;gap:18px}
:is(#real,[data-sec="real"]) #ads .r26-note{margin:18px 0 0}
:is(#real,[data-sec="real"]) .r19-note{margin-top:14px}

/* 分身の意味(絵の下の1行) */
:is(#clone,[data-sec="clone"]) .c26-def{margin:0;padding:12px 22px 6px;text-align:center;font-size:15px;line-height:1.85;color:#4a3640;background:linear-gradient(#fde5ee,#fef2f6)}
:is(#clone,[data-sec="clone"]) .c26-def + .p18{margin-top:10px}

/* りかこの話: このページで唯一の、読む本文 */
#teacher .letter26 .l26-k{margin:0 0 16px;font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--v23-rose)}
#teacher .letter26 .l26-q{margin:0;padding:0;border:0}
#teacher .letter26 .l26-q p{margin:0 0 16px;font-size:16px;line-height:2;color:#3f2f36;overflow-wrap:anywhere}
#teacher .letter26 .l26-q .nw{white-space:nowrap}
#teacher .letter26 .l26-q p.l26-turn{margin-top:24px;font-weight:700;color:#2f2329}
#teacher .letter26 .l26-q p:last-child{margin-bottom:0}
#teacher .letter26 .q-big{margin-top:14px;font-size:22px}
#teacher .letter26 .lead{font-size:15px}

/* 面談で話すこと → 贈り物(#gift の中の並べ替え) */
#gift>.p17:first-of-type{background:#fdf4f7}
#gift .meet-lead{padding-bottom:30px;background:linear-gradient(#fee1e8 55%,#fdf4f7)}
#gift>.cta{background:linear-gradient(#d2e5f3,#fde7ee)}

/* 外へ出るリンク集は畳む(中身は v025 と同じ) */
.more26{margin:34px 22px 0;border:1px solid #ebdce3;border-radius:14px;background:#fffafc}
.more26 summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:16px 46px 16px 18px;position:relative;font-weight:700;font-size:15px;line-height:1.6;color:#3f2a2e}
.more26 summary::-webkit-details-marker{display:none}
.more26 summary small{font-weight:400;font-size:12.5px;color:#6d5862}
.more26 summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:400;color:var(--v23-rose)}
.more26[open] summary::after{content:"−"}
.more26 .chan18{margin:0 14px}
.more26 > .note{margin:12px 16px 16px}

/* FAQ の答えも読む本文の大きさに */
.faq details p{font-size:15px;color:#4a3a42}

/* 実績の絵の直下の本数の注記(便箋→面談の絵を直結させる) */
#teacher .q26-src{margin:12px 22px 0}

/* 便箋の転回の写真(Fable r3: 「一生変われないのかな」の次に、笑っている本人の顔を先に見せる) */
#teacher .letter26 .l26-photo{margin:22px -6px 2px;padding:0}
#teacher .letter26 .l26-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:10px;box-shadow:0 0 0 1px #ead7df}

/* v27.css */
/* v027(2026-10-09 本人「今回のLPの全体も俯瞰して改善できそうだったら、改善して。」・Fable r6)
   並べ替えのつなぎ目は絵の端の実測色で受ける(v023 のつなぎ目の作法)。白い帯を作らない。 */

/* 分身の役割(:is(#clone,[data-sec="clone"]))を先に。:is(#clone,[data-sec="clone"]) の終わり=分身の意味の1行は、当てはまる4つの絵の上端(#fdf6f8)へ */
:is(#clone,[data-sec="clone"]){padding-bottom:0}
:is(#clone,[data-sec="clone"])::after{content:none;display:none}
:is(#clone,[data-sec="clone"]) .c26-def{padding-bottom:14px;background:linear-gradient(#fde5ee,#fdf6f8)}

/* 当てはまる4つ(#fit)→ かけ算。fit の下端 #fce1e8 → かけ算の上端 #fef2f6、かけ算の下端の青 → 見本の地 #fff7fa */
#fit{padding-bottom:0;background:#fef2f6}
#fit .p27-usp{margin-top:0;padding-top:14px;background:linear-gradient(#fce1e8,#fef2f6 14px)}
#fit::after{content:"";display:block;height:30px;background:linear-gradient(#e1ebf5,#fff7fa)}

/* :is(#friends,[data-sec="friends"]): 写真の説明を写真の上へ */
:is(#friends,[data-sec="friends"]) .f27-lead{margin:0 22px 16px}

/* 歌の広告2本を漫画のページと同じくらいの高さに */
:is(#real,[data-sec="real"]) #ads .r19-vids{grid-template-columns:repeat(2,108px)}

/* 句ごとに折らない囲み。この LP では .nw の指定が部品の中だけだったので、全体に効かせる(v027 の押して辿る点検で判明) */
.nw{white-space:nowrap}

/* v28.css */
/* v028(2026-10-09 本人「この辺、デザインを劇的に良くして。遷移できるようにもして。こういう表現のセオリーあると思うので、大事にして。」・Fable r7)
   「りかこや受講生の、ふだんの様子。」をリンクカード(OGP カード)の型に。
   セオリー: 見慣れた形を借りる(Jakob の法則)/押せる物は押せる見た目に(シグニファイア: カード全体・↗・押すと沈む)/
   絵の優位(全媒体に絵)/同じ骨格をそろえ、媒体の札だけ変える/「すべて見る」は行の右上(棚の作法)。他社のロゴ・色は使わない */

.ch28{margin:44px 22px 0}
.c28-ttl{margin:0;text-align:center;font-family:"Zen Maru Gothic",var(--sans);font-weight:700;font-size:20px;line-height:1.5;color:#3F2A2E}
.c28-lead{margin:6px 0 0;text-align:center;font-size:14px;line-height:1.7;color:#5a4650}

.c28-row{margin-top:26px}
.c28-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px}
.c28-h p{margin:0;display:flex;align-items:center;gap:8px;min-width:0;font-weight:700;font-size:14.5px;line-height:1.4;color:#3F2A2E}
.c28-all{flex:none;display:inline-flex;align-items:center;min-height:44px;padding-left:8px;white-space:nowrap;font-size:13px;font-weight:700;color:var(--rose);text-decoration:none}

.c28-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.c28{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:12px;background:#fff;text-decoration:none;color:#3F2A2E;box-shadow:0 6px 18px rgba(140,90,108,.10),inset 0 0 0 1px #efdfe6;transition:transform .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}
.c28:active{transform:scale(.98);box-shadow:0 2px 8px rgba(140,90,108,.10),inset 0 0 0 1px #efdfe6}
.c28:focus-visible{outline:3px solid rgba(217,80,111,.55);outline-offset:2px}
@media (hover:hover){.c28:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(140,90,108,.14),inset 0 0 0 1px #efdfe6}}

.c28-fig{position:relative;display:block;aspect-ratio:16/9;background:#F3E4E8;overflow:hidden}
.c28-fig img{display:block;width:100%;height:100%;object-fit:cover}
/* 動画・音声の印(どのサービスのロゴでもない、ただの再生の丸) */
.c28-play{position:absolute;left:8px;bottom:8px;width:28px;height:28px;border-radius:50%;background:rgba(40,24,30,.6);box-shadow:0 0 0 1.5px rgba(255,255,255,.85),0 2px 6px rgba(0,0,0,.2)}
.c28-play::after{content:"";position:absolute;left:11px;top:8px;border-style:solid;border-width:6px 0 6px 9px;border-color:transparent transparent transparent #fff}
/* Instagram は画面を作らず、アイコン+アカウント名だけ(縁は LP のローズ。Instagram の配色は使わない) */
.c28-ig{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#fde3ea}
.c28-ig img{width:46px;height:46px;border-radius:50%;object-fit:cover;background:#fff;box-shadow:0 0 0 2px #fff,0 0 0 3.5px #e8a7b8}
.c28-ig b{font-size:12px;font-weight:700;color:#3F2A2E}

.c28-t{display:block;margin:10px 12px 0;font-size:13.5px;font-weight:700;line-height:1.5}
.c28-m{display:block;margin:6px 12px 12px;font-size:12px;line-height:1.5;color:#4f3e47}
.c28-go{flex:none;width:15px;height:15px;color:var(--rose)}

.c28-note{margin:18px 0 0}
@media(max-width:359px){.ch28{margin-inline:18px}.c28-cards{gap:10px}.c28-t{margin-inline:10px;font-size:13px}.c28-m{margin-left:10px}}

/* 行の見出しは句ごとに折る(320px で「受講生イン/タビュー」と割れた) */
.c28-h p{flex-wrap:wrap;row-gap:2px}
.c28-ht{display:inline}
@media(max-width:359px){.c28-m{margin-inline:10px}.c28-all{font-size:12px}}

/* 出どころはカードの中(Fable r8): 絵・題・出どころで1組 */
.c28-src{display:flex;align-items:center;justify-content:space-between;gap:6px;font-weight:700;font-size:12px;letter-spacing:.02em;color:var(--rose)}
/* すべて見る も同じ ↗ */
.c28-all{gap:4px}
.c28-go2{width:14px;height:14px;color:var(--rose)}

/* v29.css */
/* v029(2026-10-09 本人「N1起点に」「とにかく、文字を読ませることが大事です。」「ユーザーさんが迷わないようにして。」)
   洗い出し34項目のうち主担当で直せる分。番号は ../v028_20261009/parts_review_20261009/items.json */

/* 4. 作品の壁の下: 分身の意味(説明文と同じ組み・少し小さく) */
.hero .ww29-def{margin:8px 22px 0;font-size:14px;line-height:1.75;font-weight:700;color:#4a3640;text-align:left}
.hero .ww29-def + .review-note{margin-top:6px}

/* 8. 1画面: りかこの肩書きを読める濃さに(2.89→4.5以上)・320px でも小さな字を12pxに */
.o21-who em{color:#B23A57}
@media(max-width:359px){.o21 .cta .micro{font-size:12px}}

/* 10. Instagram 風の画面: 投稿はページの中で拡大(ボタン)、アイコンはリンクでない */
button.ig19-post{display:block;padding:0;border:0;background:none;font:inherit;cursor:zoom-in;-webkit-tap-highlight-color:transparent}
button.ig19-post:focus-visible{outline:3px solid rgba(217,80,111,.55);outline-offset:-3px}

/* 18. 見本のリール: 約束のリードと、4本を2列に */
.sm29-lead{margin:14px 22px 10px;font-size:16px;line-height:1.7;font-weight:700;color:#3F2A2E;text-align:center}
.sm29-reels{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 22px 14px}
.sm29-reel{position:relative;margin:0;aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:#EFE7DE}
.sm29-reel video{display:block;width:100%;height:100%;object-fit:cover}
.sm29-reel figcaption{position:absolute;left:8px;bottom:8px;padding:2px 9px;border-radius:999px;background:rgba(255,255,255,.92);font-size:12px;font-weight:700;color:#3A3034}
/* Fable r11: 下の横送りの絵も見本だと分かるように */
.sm29-sub{margin:2px 22px 4px;font-size:13px;line-height:1.6;color:#5d4d55;text-align:left}
@media(max-width:359px){.sm29-lead,.sm29-reels,.sm29-sub{margin-inline:18px}}

/* 22. お金の条件の注記は、別の指定で #425566(背景 #D2E5F3 と 5.96)が効いていて基準を超える。総点検の 4.33 は12pxの細い字の縁を画素で測る性質。
   作品の壁・見本・本数の注記は基準未満(4.18/3.99/4.46)だったので濃く(大きさは変えない) */
.hero .review-note,#gallery-samples .sm20-note,#teacher .q-src{color:#4b3a43}

/* 25・26. 先輩のバナーのリンク: 人物の属性を句ごとに折る・外を開く印 ↗ */
.c18-go.lp-free{display:block;text-align:center;line-height:1.55;padding:12px 14px}
.c29-go{display:inline-block;width:14px;height:14px;margin-left:4px;vertical-align:-2px;color:var(--rose)}

/* v31.css */
/* v031: offerの絵を高さに応じて縮めず、短い自然比率で全文を見せる。 */
#offer{min-height:0;padding:12px 0 18px;justify-content:flex-start;scroll-margin-top:0;background:linear-gradient(#fff6f8,#fceef2 70%,#e7eef4)}
#offer .o21-art{background:transparent}
#offer .o21-art img{width:100%;height:auto;margin:0}
.o31-video{display:flex;justify-content:center;align-items:center;gap:18px;margin:8px 22px 12px}
.o31-video figure{flex:none;margin:0;width:66px}
.o31-video button{display:block;margin:0;padding:0;border:0;background:transparent;border-radius:5px;cursor:zoom-in}
.o31-video img{display:block;width:66px;height:auto;border-radius:5px;box-shadow:0 2px 9px #793f5022}
.o31-video figcaption{font-size:10px;text-align:center;margin-top:3px;color:#715861;white-space:nowrap}
.o31-topics h3{font-size:15px;margin:0 0 8px;color:#ad3557;line-height:1.45}
.o31-topics ol{padding-left:1.35em;margin:0;color:#173947;font-size:14px;line-height:1.8;font-weight:700}
.o31-topics p{font-size:12px;color:#725a65;margin:4px 0 0}
#offer .o21-foot{margin:0;padding:0 18px;background:transparent}
#offer .o21-who{margin-bottom:6px}
#offer .o21-who img{width:38px;height:38px}
#offer .o21-who b{font-size:14px}
#offer .o21-who em{font-size:11.5px}
#offer .cta{padding-top:6px}
#offer .o21-btn{min-height:60px;font-size:16px}
#offer .cta .micro{margin:6px 0 0;padding:0;font-size:12px}
#offer .o21-after{font-size:12px;line-height:1.5;margin:5px 0 0;color:#46343c}
.r31-bridge{margin:18px 24px 0;text-align:center;font-size:15px;line-height:1.9;color:#4b3442}
.f31-links{display:flex;gap:6px 18px;justify-content:center;flex-wrap:wrap;margin:16px 10px 18px}
.f31-links a{font-size:12px;color:#714456;text-underline-offset:3px;min-height:36px;display:inline-flex;align-items:center}
@media(max-width:359px){.o31-video{margin:4px 14px 10px;gap:12px}.o31-topics h3{font-size:14px}.o31-topics ol{font-size:12.5px}.o31-video figure,.o31-video img{width:58px}#offer .o21-foot{padding-inline:14px}#offer .o21-btn{font-size:13.5px}#offer .o21-after{font-size:11px}#offer .o21-who em{font-size:10.5px}.r31-bridge{font-size:14px;margin-inline:18px}}
@media(min-width:701px){.o31-video{margin-top:10px;margin-bottom:12px}.o31-video figure,.o31-video img{width:68px}}
@media(min-width:701px) and (max-height:800px){#offer{padding-top:4px;padding-bottom:12px}.o31-video{margin-top:4px;margin-bottom:6px}.o31-video figure,.o31-video img{width:62px}.o31-topics ol{line-height:1.7}#offer .o21-who{margin-bottom:2px}}

/* v32.css */
/* v032: the supplied full-frame work, before the existing examples. */
.r32-feature{margin:26px 18px 40px;text-align:center;scroll-margin-top:70px}
.r32-feature h3{font-size:25px;line-height:1.55;font-weight:800;letter-spacing:.01em;color:#92445f;margin:0 0 10px}
.r32-intro{font-size:14.5px;line-height:1.8;color:#4b3442;margin:0 0 20px}
.r32-film{max-width:324px;margin:0 auto}
.r32-film video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;border-radius:15px;background:#282124;box-shadow:0 8px 25px #6e405020}
.r32-film figcaption{font-size:13px;line-height:1.7;color:#604852;margin:12px 0 0}
#wall .r32-wall-link{display:block;width:100%;height:100%;color:inherit;border-radius:inherit}
#wall .r32-wall-link:focus-visible{outline:3px solid #9b355a;outline-offset:-4px}
#wall .r32-wall-link video,#wall .r32-wall-link img{pointer-events:none}
@media(max-width:359px){.r32-feature{margin-inline:20px}.r32-feature h3{font-size:21px}.r32-intro{font-size:14px}.r32-film{max-width:276px}}

/* v34.css */
/* v034: owner-selected closing copy, baked into an Image2.5 asset. */
.r34-closing-copy{margin:0;padding:0;background:#e8bbc6}
.r34-closing-copy img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}

/* v35.css */
/* v035: actual videos at the owner-specified gallery, original examples retained. */
.r35-actual{margin:22px 22px 30px;scroll-margin-top:78px}
.r35-films{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}
.r35-films figure{min-width:0;margin:0}
.r35-films video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;border-radius:12px;background:#2e252b}
.r35-films figcaption{margin:10px 0 0;line-height:1.65;text-align:left;color:#4b3442}
.r35-films figcaption strong{display:block;font-size:14px;font-weight:700}
.r35-films figcaption span{display:block;margin-top:3px;font-size:12px;color:#70616a}
.r35-context{font-size:12px;line-height:1.8;color:#66535c;margin:14px 0 0;text-align:left}
@media(max-width:359px){.r35-actual{margin-inline:18px}.r35-films{gap:10px}.r35-films figcaption strong{font-size:13px}}

/* v36.css */
/* v036: four complementary works in one gallery. */
.r36-films{row-gap:24px}
.r36-sample-context{margin-top:4px}

/* v37.css */
/* v037: common mobile-first LP column, updated 2026-10-09.
   Natural image proportions; no viewport-height sizing for the works wall. */
:root{--col:640px}
main.col,.bar .in,#sticky{width:100%;max-width:var(--col);margin-inline:auto}
#works-wall .fvwrap{width:100%;max-width:none}
#top .fvtop{width:100%}
#top .fv{width:100%;height:auto;max-height:none}

/* v38.css?rev=38.1 */
/* v038: the selected 640px picture-led LP, with answers beside the question. */
:root{--v38-rose:#a04761;--v38-ink:#493b40;--v38-paper:#fffbf9}
.v38-panel img{display:block;width:100%;height:auto}
.v38-bridge{text-align:center;margin:0;padding:32px 20px 28px;background:linear-gradient(#f9e4e7,#fffaf8);color:var(--v38-ink);font-size:clamp(16px,3.4vw,21px);line-height:1.9}
.v38-bridge strong{font-size:1.12em;color:var(--v38-rose)}
.v38-bridge span{display:block;font-size:.88em;margin-top:12px}
:is(#works,[data-sec="works"]){padding-top:0;background:#fffaf8}
:is(#works,[data-sec="works"]) .sm20{padding-top:30px;padding-bottom:18px}
:is(#works,[data-sec="works"]) .say-big{font-size:clamp(23px,5.5vw,34px);line-height:1.7}
.v38-intro{text-align:center;font-size:clamp(14px,3.2vw,18px);line-height:1.9;margin:20px 0 24px;color:var(--v38-ink)}
:is(#works,[data-sec="works"]) .r35-films{margin-top:16px}
.r35-films video{object-fit:contain;background:#eadfe0}
#how.v38-how{padding:42px 24px;background:linear-gradient(#fffaf8,#fff2f4);color:var(--v38-ink)}
.v38-how h2,.v38-meeting h2,.v38-flow h2{font-size:clamp(23px,5.3vw,35px);line-height:1.65;text-align:center;color:var(--v38-rose);margin:10px 0 24px;font-weight:700}
.v38-process{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.v38-process figure{margin:0;min-width:0}
.v38-process img,.v38-process video{width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;display:block;border-radius:14px;background:#efe5e1}
.v38-process figcaption{font-size:13px;text-align:center;line-height:1.7;padding-top:10px}
.v38-prompt{padding:20px 20px 12px;background:#fffdfb;border:1px solid #e5c4cd;border-radius:20px;margin-top:28px;box-shadow:0 4px 20px #8b465208}
.v38-prompt>p:first-child{color:var(--v38-rose);font-size:13px;margin:0 0 12px}
.v38-prompt blockquote{margin:0;font-size:clamp(18px,4vw,24px);line-height:1.9;font-weight:700;color:#684151}
.v38-prompt>p:last-child{font-size:14px;line-height:1.9;margin-top:14px}
.v38-copy{padding:25px 28px;margin:0;font-size:clamp(16px,3.6vw,20px);line-height:2;color:var(--v38-ink)}
#how .v38-copy{padding:28px 0 8px}
.v38-note{font-size:13px;line-height:1.9;color:#75676c;margin:12px 0}
.v38-topics{padding:22px 30px 8px;line-height:1.9}
.v38-topics h3{font-size:18px;color:var(--v38-rose);margin:0 0 18px}
.v38-topics ol,.v38-meeting ol,.v38-flow ol{padding-left:1.7em;margin:12px 0 22px}
.v38-topics li,.v38-meeting li,.v38-flow li{padding:7px 0 7px 8px;line-height:1.9}
.v38-topics li::marker,.v38-meeting li::marker,.v38-flow li::marker{color:var(--v38-rose);font-weight:bold}
.v38-topics p{font-size:14px}
#offer .o21-foot{padding-top:4px}
#offer .o21-foot .o21-safe,#offer .o21-foot .o31-choice{display:none}
.v38-environment{padding:20px 25px;margin:0 24px 30px;background:#faf3ee;border-radius:15px;text-align:center;line-height:1.9;color:var(--v38-ink)}
.v38-environment strong{font-size:18px;color:#684151}
.v38-environment p{font-size:14px;margin:12px 0 0}
:is(#real,[data-sec="real"]) .say-big{font-size:clamp(24px,5vw,32px);line-height:1.7}
:is(#real,[data-sec="real"]){padding-bottom:20px}
.v38-exhibit{margin:22px 0;border-block:1px solid #e7ccd3;background:#fffbf9}
.v38-exhibit>summary,.v38-guide>summary{padding:22px 18px;cursor:pointer;color:#8f4258;font-size:17px;font-weight:700;line-height:1.6;list-style:revert}
.v38-exhibit>summary span{display:block;font-size:13px;font-weight:400;padding-left:1.2em;margin-top:6px;color:#77656c}
.v38-exhibit-body{padding:12px 0 22px}
.v38-exhibit-label{font-size:14px;line-height:1.9;padding:18px;background:#f4e9ed;border-radius:12px;margin-bottom:24px}
.v38-wall-controls{text-align:center;padding:10px 20px 32px}
.v38-wall-controls p{font-size:13px;color:#725a64;line-height:1.8}
.v38-wall-controls button{font:inherit;font-size:14px;background:#fff;border:1px solid #bf8c9d;color:#804357;border-radius:30px;min-height:44px;padding:10px 22px;cursor:pointer}
.v38-wall-open{display:block;width:100%;height:100%;border:0;padding:0;background:none;cursor:zoom-in;overflow:hidden;border-radius:inherit}
.v38-wall-open img,.v38-wall-open video{display:block;width:100%;height:100%;object-fit:cover}
.v38-wall-open:focus-visible{outline:3px solid #944664;outline-offset:-3px}
.v38-meeting{padding:44px 28px 28px;background:linear-gradient(#fff8fa,#fffdf9);line-height:2;font-size:16px;color:var(--v38-ink)}
.v38-meeting .kicker{text-align:center}
.v38-meeting-facts{border-top:1px solid #e1c7cf;border-bottom:1px solid #e1c7cf;padding:10px 0;margin:24px 0 14px}
.v38-meeting-facts>div{display:grid;grid-template-columns:90px 1fr;padding:8px 4px}
.v38-meeting-facts dt{font-size:14px;color:#76626a}
.v38-meeting-facts dd{margin:0;font-weight:700;color:#8c4358}
.v38-gift-copy{padding:12px 28px 24px;line-height:2;font-size:16px}
.v38-guide{border:1px solid #e4cad2;border-radius:16px;background:#fffaf7;margin:22px 0;padding:0 16px 8px}
.v38-guide summary{padding:15px 0 10px}
.v38-guide blockquote{margin:0;font-size:15px;border-left:3px solid #cfa0b0;padding:6px 14px;line-height:1.9}
.v38-guide>p:last-child{font-size:14px}
.v38-recommend{padding:20px!important;background:#fff4f6;border-left:3px solid #c48ba0;line-height:1.95!important;font-size:15px!important;text-align:left!important;margin-bottom:24px!important}
.v38-return{text-align:center;font-size:16px;line-height:1.9;padding:22px 0}
.v38-return a{color:#91445d;text-decoration:underline;text-underline-offset:4px}
.v38-recommend a{color:#91445d;text-decoration:underline;text-underline-offset:4px}
html:has(dialog[open]){overflow:hidden}
#zoom .zoom-toolbar{position:sticky;top:0;z-index:1;display:flex;justify-content:flex-end;padding:8px 12px;background:#fffbf9;border-bottom:1px solid #e4cad2}
#zoom .zoom-toolbar .dlg-close{margin:0;min-height:44px}
#zoom img{display:block;border-radius:0 0 14px 14px}
#stats-note{line-height:1.9;padding:15px 0;font-size:13px}
#cards .c18{overflow:hidden}
.v38-flow{padding:42px 30px;background:#fdf0f3;line-height:2}
.v38-flow p{text-align:center;font-size:14px}
#faq .faq-a{padding:0 18px 20px;line-height:1.95;font-size:15px}
#faq .faq-a p{margin:8px 0 0}
#faq summary{line-height:1.8}
[id]{scroll-margin-top:76px}
@media(min-width:640px){.v38-how,#how.v38-how{padding-inline:44px}.v38-topics,.v38-meeting,.v38-gift-copy,.v38-flow{padding-inline:44px}.v38-process{gap:22px}.v38-process figcaption{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* v39.css */
/* v039: 作り方の節(りかこさんの実例)と並びの入れ替えに伴う見た目。人が選ぶ一文は v038 の部品をそのまま使う */
:is(#real,[data-sec="real"]) .v39-howto{padding:6px var(--v23-inset,24px) 4px;color:var(--v38-ink)}
:is(#real,[data-sec="real"]) .v39-memo{margin:22px -8px 0}
:is(#real,[data-sec="real"]) .v39-memo img{display:block;width:100%;height:auto}
:is(#real,[data-sec="real"]) .v39-memo figcaption{margin:2px 8px 0;font-size:14px;line-height:1.9;color:var(--v38-ink);word-break:normal}  /* lp-parts-base.js が keep-all の文の句の途中に区切りを足すので、句は .nw に任せる */
:is(#real,[data-sec="real"]) .v39-memo figcaption small{display:block;color:#5f4f55;font-size:13px;margin-bottom:6px}
:is(#real,[data-sec="real"]) .v39-copy{padding:26px 2px 6px}
:is(#real,[data-sec="real"]) .v39-bridge{margin:6px 0 22px;text-align:center;color:var(--v38-rose);font-weight:700;font-size:clamp(17px,4vw,22px);line-height:1.8}
@media(min-width:640px){:is(#real,[data-sec="real"]) .v39-howto{padding-inline:44px}}

/* release.css */
/* 公開版(v037 土台)の直し */
:is(#works,[data-sec="works"]) .r35-films figcaption span{color:#5c4a54}

/* v40.css */
/* v040 の整え(A と B のいいとこ取り) */
/* 4本の作品の後の「これ、私もつくってみたい。」: 作品の枠の下の余白と重ねない(B の節に A の部品を足したので) */
:is(#works,[data-sec="works"]) .mk-out{margin-top:0;padding-top:4px}
/* B から来た注記の字が地に対して薄い(総点検 low_contrast)。今の本番の色の直し(release.css)と同じ濃さに */
.v38-note{color:#5c4a54 !important}
.v38-exhibit summary span{color:#5c4a54 !important}
.v38-prompt > p:first-child{color:#8a3a52 !important}

/* v41.css */
/* v041 の整え */
/* 本番部品(Image2.5 の見出し・札)の置き方(release_v037 の parts_r1 と同じ) */
.lp-piece{display:block;max-width:100%;height:auto;margin:0 auto}
.v40-head{background:none !important;padding:0 !important;margin:4px auto 18px !important;border:0 !important;box-shadow:none !important;text-align:center;line-height:0 !important}
.v40-head::before,.v40-head::after{content:none !important;display:none !important}
.v40-kick{margin:0 auto 10px !important;padding:0 !important;text-align:center;line-height:0}
/* 無料動画の案内(v030 の部品): 後の版の指定で、絵の下端から帯への水色が消えていた(総点検 seam_gap ΔE18)。v030 の時の値に戻す */
main section[data-from="v030"][data-sec="offer"]{padding:6px 0 14px !important;background-image:linear-gradient(#fff6f8,#fbeef1 64%,#e7eef4) !important}
main section[data-from="v030"][data-sec="offer"] .o21-art{background-image:linear-gradient(#fff6f8 80%,#b8d4ec) !important}
main section[data-from="v030"][data-sec="offer"] .o21-foot{padding:0 16px !important;margin:-1px 0 0 !important;background-image:linear-gradient(#b8d4ec,#e7eef4 95px) !important}
main section[data-from="v030"][data-sec="offer"] .cta{padding-top:10px !important}
main section[data-from="v030"][data-sec="offer"] .micro{padding:1px 8px !important;margin:0 0 7px !important}
main section[data-from="v030"][data-sec="offer"] .o21-after{margin-top:8px !important}
/* 6つのお約束(v033 の部品)の「このパネルを大きく読む」: 見た目の指定が v033 の v33.css にしか無かった(後の版では読み込まない)。その2行だけ写す */
.r33-enlarge{display:block;margin:4px 22px 12px auto;min-height:44px;background:transparent;border:0;color:#78505f;text-decoration:underline;text-underline-offset:4px;font:inherit;font-size:13px;cursor:zoom-in}
.r33-enlarge:focus-visible{outline:3px solid #385d7e;outline-offset:3px}
/* 仲間の節が続く所: 先頭に来た部品の上の余白が、節の余白と二重になっていた */
#friends-3 .eyebrow.mt{margin-top:0 !important}
#friends-4 > .c28-row:first-child{margin-top:0 !important}
/* 実作品の注記を投稿・インスタの画面のすぐ下へ移したので、間を少しだけ */
:is(#real,[data-sec="real"]) > .r26-note, #real-2 > .r26-note{margin:8px 20px 0;text-align:left}

/* v43.css?rev=44 */
/* v043(10/11 本人の8つの指摘) */

/* 1. Instagram の並びは本物と同じ縦4:5(10/11「ぺったんこじゃない？」) */
.ig19-post img{aspect-ratio:4/5!important;height:auto!important;object-fit:cover}

/* 4. 作品と受講生の動画の題: 「何か」より「こんなのもできるのか」が先に来る大きさ */
:is(#works,[data-sec="works"]) .r35-films figcaption strong{font-family:"Zen Maru Gothic",var(--sans);font-size:15.5px;line-height:1.5;font-weight:700;color:#3F2A2E;letter-spacing:.01em}
:is(#works,[data-sec="works"]) .r35-films figcaption span{margin-top:5px;font-size:12px;color:#5c4753}
.r19-vid figcaption.v43-cap{margin-top:10px;text-align:left;line-height:1.5}
.v43-cap strong{display:block;font-family:"Zen Maru Gothic",var(--sans);font-size:15.5px;font-weight:700;color:#3F2A2E}
.v43-cap span{display:block;margin-top:5px;font-size:12px;color:#5c4753}

/* 5. 広告バナー42枚: 3段でゆっくり流れる。上に大きな数字 */
.v43-count{display:flex;align-items:baseline;justify-content:center;gap:6px;margin:2px 0 14px;font-family:"Zen Maru Gothic",var(--sans);font-weight:700;font-size:16px;color:#3F2A2E}
.v43-count b{font-size:64px;line-height:1;color:var(--rose,#D9506F);letter-spacing:-.02em;font-variant-numeric:tabular-nums;min-width:1.25em;text-align:center;text-shadow:0 3px 0 #f6d3dc}
.v43-mq{display:grid;row-gap:8px;margin:0 calc(-1 * var(--v23-inset,18px));overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.v43-row{overflow:hidden}
.v43-track{display:flex;width:max-content;animation:v43mq var(--d,84s) linear infinite;animation-play-state:paused}
.v43-row:nth-child(2) .v43-track{--d:96s;animation-direction:reverse}
.v43-row:nth-child(3) .v43-track{--d:76s}
.v43-mq.run .v43-track{animation-play-state:running}
.v43-mq.run .v43-row:hover .v43-track,.v43-mq.run .v43-row.hold .v43-track{animation-play-state:paused}
#ads .v43-track .ad20-b{flex:0 0 auto;display:block;width:108px;margin:0 8px 0 0;padding:0;border:0;border-radius:10px;overflow:hidden;background:#F3E4E8;box-shadow:0 3px 10px #61455114;cursor:zoom-in}
#ads .v43-track .ad20-b img{display:block;width:108px;height:108px;aspect-ratio:1;object-fit:cover}
@keyframes v43mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
#ads .v43-hint{margin:12px 22px 0;text-align:center;font-size:13px;color:#5a4650}
@media (prefers-reduced-motion:reduce){.v43-track{animation:none}.v43-row{overflow-x:auto;scrollbar-width:none}.v43-dup{display:none!important}}

/* 7. 見本の動画をありったけ(15本・3列・押すと音つきで大きく) */
.v43-gal{margin-top:40px}
.v43-grid{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.v43-grid li{margin:0;min-width:0}
.v43-tile{position:relative;display:block;width:100%;aspect-ratio:9/16;padding:0;border:0;border-radius:12px;overflow:hidden;background:#2e252b;cursor:pointer;box-shadow:0 4px 12px #4a2a3618;font:inherit;color:inherit}
.v43-tile video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.v43-tag{position:absolute;left:6px;top:6px;padding:0 7px;border-radius:999px;background:#fffffff0;color:#6E2A3D;font-size:12px;font-weight:700;line-height:1.6}
.v43-tag.yt{background:#fff;color:#c4302b}
.v43-tag.real{background:var(--rose,#D9506F);color:#fff}
.v43-ply{position:absolute;right:6px;top:6px;width:24px;height:24px;border-radius:50%;background:#0000005c}
.v43-ply::after{content:"";position:absolute;left:9px;top:7px;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #fff}
.v43-nm{position:absolute;left:0;right:0;bottom:0;padding:22px 7px 7px;background:linear-gradient(#1e141900,#1e1419c4);color:#fff;font-size:12px;font-weight:700;line-height:1.4;text-align:left;word-break:keep-all;overflow-wrap:anywhere}
#gal43-dlg{width:min(94vw,420px);max-height:96dvh;padding:0;overflow:hidden;background:#1f191c;border-radius:14px}
#gal43-dlg .zoom-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px 6px 14px;background:#fffbf9;border-bottom:1px solid #e4cad2}
#gal43-dlg .v43-dlg-nm{margin:0;font-size:14px;font-weight:700;color:#3F2A2E}
#gal43-dlg .dlg-close{margin:0;min-height:44px}
#gal43-video{display:block;width:100%;height:auto;max-height:calc(96dvh - 58px);aspect-ratio:9/16;object-fit:contain;background:#000}

/* 8. ボタンは全部、押したくなる形に: ＼一言／ → 大きなボタン → 補足 */
main .cta.v43-cta{display:flex;flex-direction:column;align-items:stretch;margin-top:28px}
main .v43-cta .v43-lead{order:0;margin:0 0 12px;text-align:center;font-family:"Zen Maru Gothic",var(--sans);font-weight:700;font-size:17px;line-height:1.5;color:#C23B62;letter-spacing:.03em;word-break:keep-all}
main .v43-cta .v43-sl{display:inline-block;margin:0 .3em;color:#E58BA4;font-size:1.15em;line-height:1}
main .v43-cta .btn.v43-btn{order:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;min-height:74px;margin:0;padding:10px 62px 10px 26px;border:0;border-radius:999px;background:linear-gradient(180deg,#0BA24F 0%,#05973F 52%,#037F37 100%);color:#fff;box-shadow:0 5px 0 #026A2D,0 14px 28px #05973f4d;letter-spacing:.02em;font-family:inherit;transition:transform .08s,box-shadow .08s}
main .v43-cta .btn.v43-btn:hover{filter:brightness(1.04)}
main .v43-cta .btn.v43-btn:active{transform:translateY(3px);box-shadow:0 2px 0 #026A2D,0 6px 14px #05973f40}
main .v43-cta .btn.v43-btn:focus-visible{outline:3px solid #C23B62;outline-offset:3px}
.v43-bl{display:flex;flex-direction:column;align-items:center;line-height:1.25;text-shadow:0 1px 1px #02531f66}
.v43-bl small{font-size:14px;font-weight:700}
.v43-bl b{font-size:22px;font-weight:800;letter-spacing:.04em}
main .v43-cta .btn.v43-btn .arw{position:absolute;right:14px;top:50%;width:38px;height:38px;margin-top:-19px;border-radius:50%;background:#fff;color:#05973F;display:grid;place-items:center;font-size:26px;font-weight:800;line-height:1;padding-bottom:3px;padding-left:2px;box-sizing:border-box}
main .v43-cta .btn.v43-btn::after{content:"";position:absolute;top:-30%;bottom:-30%;left:0;width:26%;background:linear-gradient(100deg,#fff0,#ffffffa6,#fff0);transform:translateX(-140%) skewX(-18deg);pointer-events:none}
main .v43-cta.v43-in .btn.v43-btn::after{animation:v43shine 4.6s ease-in-out .35s infinite}
@keyframes v43shine{0%{transform:translateX(-140%) skewX(-18deg)}24%,100%{transform:translateX(440%) skewX(-18deg)}}
main .v43-cta .v43-sub{order:2;margin:13px 0 0;text-align:center;font-size:13px;line-height:1.75;font-weight:700;color:#4b3a42;word-break:keep-all}
.v43-ck{display:inline-block;margin:0 .35em;white-space:nowrap}
.v43-ck::before{content:"";display:inline-block;width:.85em;height:.45em;margin:0 .3em .22em 0;border-left:2.5px solid #06B04D;border-bottom:2.5px solid #06B04D;transform:rotate(-45deg)}
main .v43-cta .v43-sub2{order:3;margin:2px 0 0;text-align:center;font-size:12.5px;line-height:1.7;color:#6a5660}
@media (prefers-reduced-motion:reduce){main .v43-cta.v43-in .btn.v43-btn::after{animation:none}}
@media (max-width:360px){.v43-bl b{font-size:20px}.v43-bl small{font-size:13px}main .v43-cta .v43-lead{font-size:15px;letter-spacing:0}main .v43-cta .v43-sl{margin:0 .15em}}
#sticky .btn{background:linear-gradient(180deg,#0BA24F 0%,#05973F 52%,#037F37 100%);font-weight:800}
/* 受講生の縦動画は1本(きょうかさんの動画は収入の数字が映るので外した・FB-1285) */
:is(#real,[data-sec="real"]) .r19-vids.v43-one{grid-template-columns:minmax(0,210px);justify-content:center}
/* 申し込みの節のボタンも同じ大きさに(#offer .o21-btn の min-height:60px に勝つ) */
#offer .v43-cta .btn.v43-btn{min-height:74px}
/* 上の帯の小さなボタンも同じ緑と光 */
.bar .mini[data-line]{position:relative;overflow:hidden;background:linear-gradient(180deg,#0BA24F 0%,#05973F 52%,#037F37 100%);color:#fff;border:0;font-weight:800;box-shadow:0 2px 0 #038A3A}
.bar .mini[data-line]::after{content:"";position:absolute;top:-30%;bottom:-30%;left:0;width:30%;background:linear-gradient(100deg,#fff0,#ffffff99,#fff0);transform:translateX(-140%) skewX(-18deg);animation:v43shine 5.2s ease-in-out 1.2s infinite;pointer-events:none}
@media (prefers-reduced-motion:reduce){.bar .mini[data-line]::after{animation:none}}
/* 数字(りかこさん 10/11 23:43 の2026年9月の数字)。Image2.5 の残高補充までは小道具の絵+HTMLの数字 */
.v43s{margin:0 auto;max-width:520px;padding:6px 0 0}
.v43s-t{margin:0 0 16px;text-align:center;font-family:"Zen Maru Gothic",var(--sans);font-weight:700;font-size:18px;color:#C23B62;letter-spacing:.03em;word-break:keep-all}
.v43s-t span{display:inline-block;margin:0 .35em;color:#E58BA4}
.v43s-g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.v43s-c{margin:0;padding:14px 10px 16px;border-radius:18px;background:#fff;box-shadow:0 6px 18px #c2456a14;text-align:center}
.v43s-c img{display:block;width:72%;max-width:180px;height:auto;margin:0 auto 4px;mix-blend-mode:multiply}
.v43s-n{margin:0;line-height:1;color:#D9506F;font-family:"Zen Maru Gothic",var(--sans);font-weight:700}
.v43s-n b{font-size:42px;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.v43s-n span{font-size:22px;margin-left:2px}
.v43s-l{margin:8px 0 0;font-size:15px;font-weight:700;color:#3F2A2E}
.v43s-donut{grid-column:1 / -1;display:grid;grid-template-columns:44% 1fr;align-items:center;text-align:left;padding:12px 18px}
.v43s-donut img{grid-row:1 / span 2;width:100%;margin:0}
.v43s-donut .v43s-n{align-self:end;padding-left:8px}
.v43s-donut .v43s-n b{font-size:48px}
.v43s-donut .v43s-l{align-self:start;padding-left:10px}
@media (max-width:360px){.v43s-n b{font-size:36px}.v43s-donut .v43s-n b{font-size:42px}}

.r19-card .v43-note{margin:12px 2px 0;font-size:12px;line-height:1.6;color:#6a5660}

/* v44.css */
/* v044(10/12 本人の指摘: 分身の間のパーツ・投稿の見出し・壁の下・ボタンの崩れ) */

/* ---- 分身の間のパーツ ---- */
.v44-bun{container-type:inline-size;position:relative;margin:14px 0 2px;text-align:center;overflow:hidden}
.v44-k{margin:0 16px 2px;font-family:"Zen Maru Gothic",var(--sans);font-weight:700;font-size:16px;line-height:1.5;color:#C23B62;letter-spacing:.03em;word-break:keep-all}
.v44-k .v44-sl{display:inline-block;margin:0 .3em;color:#E58BA4}
.v44-stage{--u:min(1cqw,5.6px);position:relative;height:calc(var(--u)*84);margin:0 auto;max-width:560px}
.v44-glow{position:absolute;left:50%;top:calc(var(--u)*66);width:calc(var(--u)*70);height:calc(var(--u)*46);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,#ffffffd9,#ffe3eb99 55%,#ffe3eb00);pointer-events:none}
.v44-me{position:absolute;left:50%;top:calc(var(--u)*66);z-index:3;width:calc(var(--u)*30);height:calc(var(--u)*30);padding:0;border:0;border-radius:50%;transform:translate(-50%,-50%);background:#fff;box-shadow:0 0 0 4px #fff,0 0 0 7px #f3a9bd,0 10px 24px #c2456a33;cursor:pointer;overflow:hidden}
.v44-me img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.v44-me-n{position:absolute;left:50%;top:calc(var(--u)*66 + var(--u)*15 + 10px);z-index:3;transform:translateX(-50%);margin:0;white-space:nowrap;font-size:12px;font-weight:700;color:#6E2A3D}
.v44-c,.v44-gh{position:absolute;left:50%;top:calc(var(--u)*66);width:calc(var(--u)*23);margin:0;transform:translate(-50%,-50%) translate(var(--x),var(--y))}
.v44-c{z-index:2}
.v44-c img,.v44-gh{display:block;height:auto;mix-blend-mode:multiply}
.v44-c img{width:100%;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #fff,0 6px 14px #c2456a26;object-fit:cover;object-position:50% 70%}
.v44-c figcaption{position:absolute;left:50%;top:100%;transform:translateX(-50%);margin-top:-2px;white-space:nowrap;padding:1px 8px;border-radius:999px;background:#fff;color:#C23B62;font-size:12px;font-weight:700;line-height:1.6;box-shadow:0 2px 6px #c2456a22}
.v44-gh{z-index:1;opacity:0;pointer-events:none;border-radius:50%}
.v44-c1{--x:calc(var(--u)*-38);--y:calc(var(--u)*-6);--i:0}
.v44-c2{--x:calc(var(--u)*-27);--y:calc(var(--u)*-34);--i:1}
.v44-c3{--x:0px;--y:calc(var(--u)*-54);--i:2;z-index:3}
.v44-c4{--x:calc(var(--u)*27);--y:calc(var(--u)*-34);--i:3}
.v44-c5{--x:calc(var(--u)*38);--y:calc(var(--u)*-6);--i:4}
.v44-puff{position:absolute;left:50%;top:calc(var(--u)*66);z-index:2;width:calc(var(--u)*18);height:calc(var(--u)*18);border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff,#ffe6ee 55%,#ffd0dd00 72%);opacity:0;transform:translate(-50%,-50%) translate(var(--px),var(--py)) scale(.2);pointer-events:none}
.v44-pop{position:absolute;left:calc(50% + var(--u)*12);top:calc(var(--u)*44);z-index:4;margin:0;font-family:"Zen Maru Gothic",var(--sans);font-weight:700;font-size:calc(var(--u)*6.2);color:#D9506F;text-shadow:0 2px 0 #fff,0 0 8px #fff;opacity:0;transform:rotate(-8deg) scale(.5);pointer-events:none}
.v44-cap{margin:6px 16px 0;font-family:"Zen Maru Gothic",var(--sans);font-weight:700;font-size:15px;color:#3F2A2E;word-break:keep-all}
.v44-again{margin:4px auto 0;min-height:44px;padding:0 16px;border:0;background:none;color:#6E3A50;font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
/* 動く前(画面に入るまで): 分身は真ん中に隠れている */
.v44-bun.armed:not(.go) .v44-c,.v44-bun.armed:not(.go) .v44-cap{opacity:0}
.v44-bun.armed:not(.go) .v44-c{transform:translate(-50%,-50%) scale(.3)}
/* 動き */
.v44-bun.go .v44-me{animation:v44me .9s ease-out .1s both}
.v44-bun.go .v44-puff{animation:v44puff 1s ease-out calc(.22s + var(--d,0s)) both}
.v44-bun.go .v44-pop{animation:v44pop 1.15s ease-out .28s both}
.v44-bun.go .v44-c{animation:v44out .7s cubic-bezier(.2,.9,.3,1.04) calc(.3s + var(--i)*.07s) both}
.v44-bun.go .v44-c figcaption{animation:v44fade .3s ease-out calc(.8s + var(--i)*.07s) both}
.v44-bun.go .v44-gh.g1{animation:v44gh1 .7s cubic-bezier(.2,.9,.3,1.04) calc(.35s + var(--i)*.07s) both}
.v44-bun.go .v44-gh.g2{animation:v44gh2 .7s cubic-bezier(.2,.9,.3,1.04) calc(.4s + var(--i)*.07s) both}
.v44-bun.go .v44-cap{animation:v44fade .4s ease-out 1.15s both}
.v44-bun.go .v44-c img,.v44-bun.done .v44-c img{animation:v44float 5.5s ease-in-out calc(1.6s + var(--i)*.7s) infinite alternate}
@keyframes v44me{0%{transform:translate(-50%,-50%) scale(1)}25%{transform:translate(-50%,-50%) scale(1.07);box-shadow:0 0 0 4px #fff,0 0 0 7px #f3a9bd,0 0 0 18px #ffd3df66,0 10px 24px #c2456a33}100%{transform:translate(-50%,-50%) scale(1)}}
@keyframes v44puff{0%{opacity:0;transform:translate(-50%,-50%) translate(0,0) scale(.2)}25%{opacity:.95}100%{opacity:0;transform:translate(-50%,-50%) translate(var(--px),var(--py)) scale(1.5)}}
@keyframes v44pop{0%{opacity:0;transform:rotate(-8deg) scale(.5)}22%{opacity:1;transform:rotate(-8deg) scale(1.12)}40%{transform:rotate(-8deg) scale(1)}78%{opacity:1}100%{opacity:0;transform:rotate(-8deg) scale(1) translateY(-6px)}}
@keyframes v44out{0%{opacity:0;transform:translate(-50%,-50%) scale(.3);filter:blur(5px)}30%{opacity:1}100%{opacity:1;transform:translate(-50%,-50%) translate(var(--x),var(--y)) scale(1);filter:blur(0)}}
@keyframes v44gh1{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}30%{opacity:.4}100%{opacity:0;transform:translate(-50%,-50%) translate(var(--x),var(--y)) scale(1)}}
@keyframes v44gh2{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}30%{opacity:.22}100%{opacity:0;transform:translate(-50%,-50%) translate(var(--x),var(--y)) scale(1)}}
@keyframes v44fade{from{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
.v44-cap{--tx:0}
.v44-bun.go .v44-cap{animation-name:v44capin}
@keyframes v44capin{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes v44float{from{transform:translateY(-3px)}to{transform:translateY(3px)}}
@media (prefers-reduced-motion:reduce){.v44-bun *{animation:none!important}.v44-puff,.v44-pop,.v44-gh,.v44-again{display:none}}

/* ---- 実際の投稿の節の見出し(本人「例えば!!! 〜マンアカウントでの、実際のこの投稿も〜」「飾りもいい感じに」) ---- */
.v44-rt{position:relative;margin:4px 0 14px;text-align:center}
.v44-stk{position:relative;display:inline-block;margin:0 0 10px;padding:3px 18px 4px;border-radius:999px;transform:rotate(-4deg);background:linear-gradient(180deg,#f47a9a,#D9506F);color:#fff;font-family:"Zen Maru Gothic",var(--sans);font-weight:700;font-size:17px;letter-spacing:.06em;box-shadow:0 3px 0 #b93a5c,0 6px 14px #d9506f40}
.v44-spk{position:absolute;top:50%;width:18px;height:18px;margin-top:-9px;fill:#f3a9bd}
.v44-spk.l{left:-26px;transform:rotate(-12deg)}
.v44-spk.r{right:-26px;transform:rotate(14deg) scale(.8)}
.v44-rt-t{margin:0;font-family:"Zen Maru Gothic",var(--sans);font-weight:700;font-size:19px;line-height:1.6;color:#3F2A2E;word-break:keep-all}
.v44-rt-t .v44-num{font-size:1.45em;color:#D9506F;background:linear-gradient(transparent 64%,#ffd3df 64%);padding:0 3px;letter-spacing:-.01em}
.v44-rt-t .v44-l{display:block}

/* ---- ふだんの投稿の節の見出し(本人「普段の投稿から、りかこの好みを学習して、新しい投稿はAIが！！」) ---- */
.v44-r2-ai{display:inline-block;margin-top:2px;font-size:1.25em;color:#D9506F;background:linear-gradient(transparent 64%,#ffd3df 64%);padding:0 3px}

/* ---- 作品の壁の下: 止めるボタンは壁の右下に重ね、説明の一文は壁のすぐ下に(本人「崩れてるし、注釈までの間が気になる。上にくっつけていいんでは？」) ---- */
#works-wall .vp-wall{position:absolute!important;right:8px!important;bottom:6px!important;left:auto!important;top:auto!important;margin:0!important;z-index:4;width:36px;height:36px;opacity:.88}
#works-wall .ww26-cap{margin:10px 22px 0!important;text-align:center!important;font-size:14px!important;line-height:1.7!important;color:#5c4753!important}

/* ---- ボタン: 文字を真ん中に(左右の余白をそろえる)・矢印は線の図で中心に(本人「ボタン、絶妙に崩れてるので、改善して」) ---- */
main .v43-cta .btn.v43-btn{padding:10px 64px!important;box-shadow:0 4px 0 #026A2D,0 12px 24px #05973f40}
main .v43-cta .btn.v43-btn .arw{padding:0!important;font-size:0!important}
main .v43-cta .btn.v43-btn .arw svg{display:block;width:16px;height:16px}
@media (max-width:360px){main .v43-cta .btn.v43-btn{padding:10px 52px!important}main .v43-cta .btn.v43-btn .arw{width:32px;height:32px;margin-top:-16px;right:12px}}
/* 狭い画面(〜360px): 上の一言を1行に・見出しの行が折れないように */
.v44-k{white-space:nowrap;font-size:clamp(12.5px,4.1cqw,16px)}
.v44-k .v44-sl{margin:0 .2em}
@media (max-width:360px){.v44-rt-t{font-size:16.5px}.v44-stk{font-size:15.5px}}
@media (max-width:360px){.v44-c2{--x:calc(var(--u)*-30)}.v44-c4{--x:calc(var(--u)*30)}.v44-c figcaption{padding:1px 6px}}

/* ---- 10/12 r2: 本人の写真は上半身の札に・次の絵(これ全部、私の分身たちがつくりました！)へ溶かす ---- */
.v44-stage{height:calc(var(--u)*90)}
.v44-me{top:calc(var(--u)*68);width:calc(var(--u)*28);height:auto;margin:0;padding:5px;border-radius:14px;background:#fff;box-shadow:0 10px 26px #c2456a2e,0 0 0 1px #f3d3dd;cursor:default;overflow:visible}
.v44-me img{width:100%;height:auto;aspect-ratio:4/5;border-radius:10px;object-fit:cover}
.v44-me figcaption{position:absolute;left:-8px;top:-10px;padding:1px 10px;border-radius:999px;background:var(--rose,#D9506F);color:#fff;font-size:12px;font-weight:700;line-height:1.7;box-shadow:0 2px 6px #c2456a40;transform:rotate(-6deg)}
.v44-c,.v44-gh,.v44-glow,.v44-puff{top:calc(var(--u)*68)}
.v44-pop{top:calc(var(--u)*44);left:calc(50% + var(--u)*13)}
@keyframes v44me{0%{transform:translate(-50%,-50%) scale(1)}25%{transform:translate(-50%,-50%) scale(1.05)}100%{transform:translate(-50%,-50%) scale(1)}}
/* 下の端: 次の絵の上の端の色(左 #fdedf3・中 #fef2f6・右 #e6ebf5)へ */
.v44-bun{margin-bottom:0}
.v44-bun::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;z-index:0;pointer-events:none;background:linear-gradient(90deg,#fdedf3,#fef2f6 55%,#e6ebf5);-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}
.v44-stage{z-index:1}

/* v45.css?rev=c70351fb */
/* v045(10/12 本人「これ、ダサくない？」=上の帯の四角いロゴ+明朝の「スリジェ」+灰色の添え書き)
   → 正式ロゴの文字だけの版(10/12 本人「四角の中にある白文字じゃなくて、文字だけ抜いて入れた方が洗練されてる」FB-1307)+細い仕切り+小さな添え書き2行 */
.bar .brand.v45-brand{display:flex;align-items:center;gap:10px;min-width:0}
.v45-wm{display:block;width:auto;height:28px;border-radius:0!important}
.v45-div{flex:none;width:1px;height:24px;background:#ead3db}
.v45-tag{display:block;margin:0;font-size:12px;line-height:1.35;color:#7a6470;letter-spacing:.04em;white-space:normal}
.v45-tag .nw{display:block}
@media (max-width:370px){.v45-div,.v45-tag{display:none}}
footer img.v45-wm{width:auto;height:40px;margin:0 auto 10px;border-radius:0}

/* ---- 札の見出しの共通(しかも！・まだまだ！は v44 の「たとえば！」と同じ型) ---- */
.v45-line{margin:10px 0 0;text-align:center;font-family:"Zen Maru Gothic",var(--sans);font-weight:700;font-size:16px;line-height:1.6;color:#3F2A2E;word-break:keep-all}
.v45-ai{display:inline-block;margin-top:4px;font-size:28px;line-height:1.3;color:#D9506F;background:linear-gradient(transparent 62%,#ffd3df 62%);padding:0 4px;letter-spacing:.02em}

/* ---- ぜ〜〜〜んぶ、AIでつくれる！(本人「テンション高い演出に」) ---- */
.v45-all{position:relative;margin:4px 0 16px;text-align:center;font-family:"Zen Maru Gothic",var(--sans);font-weight:700;color:#3F2A2E}
.v45-all-1{margin:0 0 12px;font-size:20px;line-height:1.5;word-break:keep-all}
.v45-all-1 b{color:#D9506F}
.v45-chips{list-style:none;margin:0 auto 14px;padding:0 10px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:420px}
.v45-chips li{margin:0;padding:5px 14px;border-radius:999px;background:#fff;color:#C23B62;font-size:16px;line-height:1.5;box-shadow:0 0 0 2px #f3a9bd,0 4px 10px #c2456a1f}
.v45-chips li:nth-child(2n){background:#fff0f4}
.v45-all-3{position:relative;display:inline-block;margin:0;font-size:30px;line-height:1.35;color:#D9506F;text-shadow:0 3px 0 #fff,0 0 1px #fff}
.v45-all-3 .v45-z{display:inline-block;letter-spacing:-.04em}
.v45-burst{position:absolute;inset:-18px -26px;pointer-events:none;background:repeating-conic-gradient(from 0deg,#f6b6c788 0 3deg,#0000 3deg 15deg);-webkit-mask-image:radial-gradient(closest-side,#0000 58%,#000 60%,#000 72%,#0000 74%);mask-image:radial-gradient(closest-side,#0000 58%,#000 60%,#000 72%,#0000 74%);opacity:0}
[data-v45-in]:not(.v45-in) .v45-chips li,[data-v45-in]:not(.v45-in) .v45-all-3{opacity:0}
.v45-all.v45-in .v45-chips li{animation:v45pop .45s cubic-bezier(.2,.9,.3,1.25) calc(.15s + var(--k)*.13s) both}
.v45-all.v45-in .v45-all-3{animation:v45big .6s cubic-bezier(.2,.9,.3,1.2) 1s both}
.v45-all.v45-in .v45-burst{animation:v45burst 1.1s ease-out 1.05s both}
@keyframes v45pop{0%{opacity:0;transform:translateY(10px) scale(.6)}100%{opacity:1;transform:none}}
@keyframes v45big{0%{opacity:0;transform:scale(.5) rotate(-4deg)}100%{opacity:1;transform:none}}
@keyframes v45burst{0%{opacity:0;transform:scale(.6)}35%{opacity:1}100%{opacity:0;transform:scale(1.15)}}

/* ---- りかこの吹き出し(本人「テンション高い方がいいし、リカコの吹き出しがあるといいね」) ---- */
.v45-voice{display:flex;align-items:center;justify-content:center;gap:12px;margin:16px 16px 4px}
.v45-who{flex:none;margin:0;text-align:center}
.v45-who img{display:block;width:64px;height:64px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #fff,0 0 0 5px #f3a9bd}
.v45-who figcaption{margin-top:6px;font-size:12px;font-weight:700;color:#6E2A3D}
.v45-bub{position:relative;margin:0;padding:14px 20px 15px;border-radius:22px;background:linear-gradient(180deg,#f47a9a,#D9506F);color:#fff;font-family:"Zen Maru Gothic",var(--sans);font-weight:700;font-size:23px;line-height:1.35;letter-spacing:.03em;box-shadow:0 8px 18px #d9506f40;transform:rotate(-2deg)}
.v45-bub::before{content:"";position:absolute;left:-10px;top:50%;margin-top:-9px;border-style:solid;border-width:9px 14px 9px 0;border-color:transparent #e8678a transparent transparent}
.v45-bub .v45-ln{position:absolute;right:-16px;top:-14px;width:30px;height:30px;pointer-events:none}
.v45-voice:not(.v45-in) .v45-bub{opacity:0}
.v45-voice.v45-in .v45-bub{animation:v45say .55s cubic-bezier(.2,.9,.3,1.3) .1s both}
@keyframes v45say{0%{opacity:0;transform:rotate(-2deg) scale(.4);transform-origin:left center}100%{opacity:1;transform:rotate(-2deg) scale(1)}}

/* ---- 覗く(本人「"覗く"って言葉って、めちゃ快感だから、演出入れて」) ---- */
.v45-peek{position:relative;display:inline-block}
.v45-eyes{position:absolute;left:50%;bottom:100%;width:34px;height:20px;margin-left:-17px;margin-bottom:-2px;overflow:hidden;pointer-events:none}
.v45-eyes svg{display:block;width:34px;height:20px;transform:translateY(100%)}
.v43-cta.v43-in .v45-eyes svg{animation:v45eyes 3.2s ease-in-out .2s both}
.v43-cta.v43-in .v45-eyes .v45-pu{animation:v45look 3.2s ease-in-out .2s both}
@keyframes v45eyes{0%{transform:translateY(100%)}18%,82%{transform:translateY(0)}100%{transform:translateY(0)}}
@keyframes v45look{0%,25%{transform:translateX(0)}40%,52%{transform:translateX(-2.4px)}64%,100%{transform:translateX(2.2px)}}
.v43-cta.v43-in .v45-peek .v45-pt{-webkit-mask-image:radial-gradient(circle at center,#000 0 34%,#0003 54%);mask-image:radial-gradient(circle at center,#000 0 34%,#0003 54%);-webkit-mask-size:300% 260%;mask-size:300% 260%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:v45spot 1.6s ease-in-out .25s both}
@keyframes v45spot{0%{-webkit-mask-position:100% 50%;mask-position:100% 50%}80%{-webkit-mask-position:0% 50%;mask-position:0% 50%;-webkit-mask-size:300% 260%;mask-size:300% 260%}100%{-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-size:4000% 4000%;mask-size:4000% 4000%}}

/* ---- 私もつくりたい(本人「めちゃワクワクする箇所なので、テキストをめちゃいい感じに演出入れて」) ---- */
.v45-want{position:relative;display:inline-block;color:#D9506F;font-size:1.12em}
.v45-want::after{content:"";position:absolute;left:-2px;right:-2px;bottom:.08em;height:.42em;z-index:-1;border-radius:4px;background:#ffd3df;transform:scaleX(0);transform-origin:left center}
.v43-cta.v43-in .v45-want::after{animation:v45mark .7s ease-out .25s both}
.v45-want .v45-sp{position:absolute;width:14px;height:14px;fill:#f3a9bd;opacity:0}
.v45-want .v45-sp.a{left:-14px;top:-8px}.v45-want .v45-sp.b{right:-12px;top:-10px;width:11px;height:11px}
.v43-cta.v43-in .v45-want .v45-sp{animation:v45tw 1.2s ease-out .8s both}
@keyframes v45mark{to{transform:scaleX(1)}}
@keyframes v45tw{0%{opacity:0;transform:scale(.3) rotate(-20deg)}50%{opacity:1;transform:scale(1.15) rotate(0)}100%{opacity:1;transform:scale(1)}}
.v43-cta .v43-lead{isolation:isolate}

/* ---- 「わたしの「好き」から」(本人「ちょっと小さすぎるかも」) ---- */
.v45-kick{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 16px 6px!important;font-family:"Zen Maru Gothic",var(--sans);font-weight:700;font-size:19px!important;color:#C23B62!important;letter-spacing:.04em}
.v45-kick .v45-suki{background:linear-gradient(transparent 62%,#ffd3df 62%);padding:0 2px}
.v45-kick svg{flex:none;width:16px;height:16px;fill:#f3a9bd}

/* ---- こんな動画も、AIで。(本人「文字が小さすぎる」) ---- */
#gal43-ttl{flex-direction:column;align-items:center;gap:2px}
#gal43-ttl span{font-size:24px}
#gal43-ttl small{font-size:15px;color:#C23B62}

/* ---- まだまだ！ こんな投稿も、AIで。+ 横並びを整える(本人「整えて」「ワクワクする感じに！」) ---- */
.v45-more{margin:6px 0 12px;text-align:center}
#works-2 .sm20-row{padding:6px 16px 12px;scroll-padding-left:16px;gap:10px}
#works-2 .sm20-i{flex:0 0 44%;border-radius:14px;box-shadow:0 6px 16px #4a2a3626}
#works-2 .sm20-note{margin:4px 22px 0;font-size:12px;color:#6a5660}

/* ---- 考えごとの点「……」で「これ、私もつくってみたい」へつなぐ(本人「…... みたいな感じで、繋ぎ演出を入れたい」) ---- */
.v45-dots{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:10px;height:64px;margin:14px 0 0;background:linear-gradient(#0000,#fef3f5)}
.v45-dots i{display:block;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #f3a9bd,0 4px 10px #c2456a26}
.v45-dots i:nth-child(1){width:10px;height:10px;margin-bottom:14px}
.v45-dots i:nth-child(2){width:15px;height:15px;margin-bottom:6px}
.v45-dots i:nth-child(3){width:22px;height:22px;margin-bottom:0}
.v45-dots:not(.v45-in) i{opacity:0}
.v45-dots.v45-in i{animation:v45dot .4s cubic-bezier(.2,.9,.3,1.3) calc(.15s + var(--k)*.38s) both}
@keyframes v45dot{0%{opacity:0;transform:scale(.2)}100%{opacity:1;transform:scale(1)}}

/* ---- 拡大の窓の横送り ---- */
.v45-znav{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:#fffbf9e6;border-top:1px solid #e4cad2}
.v45-znav[hidden]{display:none}
.v45-znav button{width:48px;height:44px;border:0;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #e4cad2;color:#C23B62;font-size:26px;line-height:1;cursor:pointer}
.v45-znum{font-size:14px;font-weight:700;color:#6E2A3D}

@media (prefers-reduced-motion:reduce){.v45-all *,.v45-voice *,.v45-dots *,.v45-peek *,.v45-want,.v45-want *{animation:none!important;opacity:1!important}.v45-want::after{transform:none}.v45-eyes{display:none}}

/* ---- ボタンの「無料」(本人「無料!!っていい感じに強調したい」) ---- */
.v43-btn .v45-free{display:inline-block;margin:0 3px 0 0;padding:0 9px 1px;border-radius:8px;background:#FFE45C;color:#0B6B33;font-style:normal;font-size:1.08em;letter-spacing:.04em;transform:rotate(-4deg) translateY(-1px);box-shadow:0 2px 0 #c9a800;text-shadow:none}
main .v43-cta .v43-bl small{font-size:13.5px;letter-spacing:.02em}
@media (max-width:360px){main .v43-cta .v43-bl small{font-size:12px;letter-spacing:0}}

/* ---- しかも、今なら！(本人「繋ぎの演出として、しかも、今なら！！！！！ って入れたい」) ---- */
.v45-now{position:relative;padding:26px 16px 8px;text-align:center;font-family:"Zen Maru Gothic",var(--sans);font-weight:700;background:linear-gradient(#0000,#fef9fb)}
.v45-now-1{margin:0;font-size:20px;color:#3F2A2E}
.v45-now-2{position:relative;display:inline-block;margin:2px 0 0;font-size:42px;line-height:1.25;color:#D9506F;letter-spacing:.02em;text-shadow:0 3px 0 #fff}
.v45-now:not(.v45-in) .v45-now-2,.v45-now:not(.v45-in) .v45-now-1{opacity:0}
.v45-now.v45-in .v45-now-1{animation:v45pop .4s ease-out .05s both}
.v45-now.v45-in .v45-now-2{animation:v45big .55s cubic-bezier(.2,.9,.3,1.25) .4s both}
.v45-now.v45-in .v45-burst{animation:v45burst 1s ease-out .45s both}

/* ---- プロフィールの3行 ---- */
.v45-prof{grid-column:1/-1;grid-row:2;list-style:none;margin:2px 0 0;padding:0;display:grid;gap:8px;text-align:left}
.v45-prof li{position:relative;margin:0;padding:8px 12px 8px 36px;border-radius:12px;background:#fff6f8;box-shadow:0 0 0 1px #f3d3dd;font-size:14px;line-height:1.55;font-weight:700;color:#3F2A2E}
.v45-prof li::before{content:"";position:absolute;left:11px;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;background:#D9506F}
.v45-prof li::after{content:"";position:absolute;left:16px;top:50%;width:6px;height:3.5px;margin-top:-3px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.v45-prof b{color:#D9506F;font-size:1.12em}
.v45-prof small{display:block;font-size:12px;font-weight:500;color:#6a5660}
.v45-prof a{color:inherit;text-decoration:none}

/* ---- 線が下りて、一文字ずつ ---- */
.v45-drop{display:block;width:2px;height:44px;margin:0 auto 10px;background:linear-gradient(#f3a9bd00,#D9506F);transform-origin:top;transform:scaleY(0)}
.v45-drop.v45-in{animation:v45drop .7s ease-out both}
@keyframes v45drop{to{transform:scaleY(1)}}
.v45-type{font-size:17px!important}
.v45-type span{display:inline-block;opacity:0}
.v45-type.v45-in span{animation:v45ch .35s ease-out calc(.5s + var(--i)*.055s) both}
@keyframes v45ch{0%{opacity:0;transform:translateY(6px)}100%{opacity:1;transform:none}}

/* ---- 数字をもっと豪華に ---- */
.v45-numt{margin-bottom:14px}
.v43s:not(.v45-in) .v43s-c{opacity:0}
.v43s.v45-in .v43s-c{animation:v45pop .55s cubic-bezier(.2,.9,.3,1.2) calc(.15s + var(--k)*.18s) both}
.v43s-c{position:relative;overflow:hidden}
.v43s-c::after{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:30%;background:linear-gradient(100deg,#fff0,#ffffffb3,#fff0);transform:translateX(-160%) skewX(-16deg);pointer-events:none}
.v43s.v45-in .v43s-c::after{animation:v45sheen 1.2s ease-in-out calc(1.4s + var(--k)*.2s) both}
@keyframes v45sheen{to{transform:translateX(420%) skewX(-16deg)}}
.v45-cs{position:absolute;fill:#f6c64f;opacity:0;pointer-events:none}
.v45-cs.a{right:12px;top:12px;width:18px;height:18px}.v45-cs.b{left:14px;top:46%;width:12px;height:12px}
.v43s.v45-in .v45-cs{animation:v45tw 1s ease-out calc(1.2s + var(--k)*.2s) both}
.v43s-n b{text-shadow:0 2px 0 #fff,0 0 14px #ffd3df}
@media (prefers-reduced-motion:reduce){.v45-type span,.v43s .v43s-c,.v45-now *{animation:none!important;opacity:1!important}.v45-drop{transform:none}}

/* ---- 先輩たちのタイトルコール ---- */
.v45-senpai{margin:6px 0 16px}
.v45-senpai .v44-rt-t{font-size:22px}
.v45-senpai-s{margin:8px 16px 0;font-size:13px;color:#6a5660;line-height:1.6}

/* ---- 後半の整え(10/12 本人「特に後半！」) ---- */
#friends-2 .v43s{padding:0 16px}
#offer .o21-who{display:flex!important;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:calc(100% - 32px);margin:14px auto 8px!important;padding:6px 18px 6px 6px;border-radius:999px;background:#fff;box-shadow:0 4px 14px #c2456a1f,0 0 0 1px #f3d3dd}
#offer .o21-who img{width:44px!important;height:44px!important;border-radius:50%;object-fit:cover;object-position:50% 18%}
#offer .o21-who p{margin:0;text-align:left;line-height:1.35}
#offer .o21-who b{display:block;font-size:15px!important;color:#3F2A2E}
#offer .o21-who b small{margin-left:6px;font-size:12px;font-weight:500;color:#6a5660}
#offer .o21-who em{display:block;font-style:normal;font-size:12.5px!important;font-weight:700;color:#C23B62}
.v45-corner{margin:4px 0 18px}
.v45-corner .v44-rt-t{font-size:22px}
#safe .v45-type{display:block;text-align:center;font-size:17px!important}
.v45-faqstk{display:table!important;margin:0 auto 10px!important}
#faq{text-align:center}
#faq .faq{text-align:left}
/* 放射線の飾りが狭い画面(320px)で横にはみ出さないように */
.v45-now,.v45-all{overflow:hidden}
.v45-all{padding:8px 0}
/* 10/12 見た目の直し: 吹き出しは1行・お約束の札の大きさ・プロフィールの折り返し */
.v45-bub{flex:0 1 auto;white-space:nowrap}
@media (max-width:360px){.v45-bub{font-size:19px;padding:12px 16px 13px}.v45-who img{width:54px;height:54px}}
#faq .v45-faqstk{font-size:17px!important;line-height:1.5!important;padding:3px 18px 4px!important;margin:0 auto 10px!important}
.v45-prof li{word-break:keep-all;overflow-wrap:anywhere;font-size:13.5px}
.v45-prof li a{display:block;margin:-8px -12px -8px -36px;padding:8px 12px 8px 36px;min-height:44px;box-sizing:border-box;border-radius:12px}
.v45-senpai-s{color:#5c4753}

/* ---- 分身のセリフ(ワンチーム感) ---- */
.v44-stage{height:calc(var(--u)*100)}
.v45-me-say{position:absolute;left:50%;top:calc(var(--u)*88);z-index:4;margin:0;padding:6px 14px;border-radius:999px;transform:translateX(-50%);white-space:nowrap;background:linear-gradient(180deg,#f47a9a,#D9506F);color:#fff;font-family:"Zen Maru Gothic",var(--sans);font-weight:700;font-size:clamp(14px,4.2cqw,17px);box-shadow:0 6px 14px #d9506f40}
.v45-me-say::before{content:"";position:absolute;left:50%;top:-8px;margin-left:-7px;border-style:solid;border-width:0 7px 9px;border-color:transparent transparent #f27394}
.v44-c figcaption{display:grid}
.v44-c figcaption>span{grid-area:1/1;text-align:center}
.v45-say{opacity:0;color:#fff}
.v44-bun.armed:not(.go) .v45-me-say{opacity:0}
.v44-bun.go .v45-me-say{animation:v45saypop .5s cubic-bezier(.2,.9,.3,1.3) 1.25s both}
.v44-bun.go .v44-c figcaption{animation:v45capbg .01s linear calc(1.9s + var(--j)*.22s) both}
.v44-bun.go .v45-role{animation:v45out .25s ease-in calc(1.9s + var(--j)*.22s) both}
.v44-bun.go .v45-say{animation:v45in .3s ease-out calc(1.95s + var(--j)*.22s) both}
.v44-bun.done .v45-role{opacity:0}.v44-bun.done .v45-say{opacity:1}.v44-bun.done .v44-c figcaption{background:var(--rose,#D9506F)}
@keyframes v45saypop{0%{opacity:0;transform:translateX(-50%) scale(.5)}100%{opacity:1;transform:translateX(-50%) scale(1)}}
@keyframes v45capbg{to{background:var(--rose,#D9506F)}}
@keyframes v45out{to{opacity:0;transform:translateY(-4px)}}
@keyframes v45in{from{opacity:0;transform:translateY(4px) scale(.9)}to{opacity:1;transform:none}}

/* ---- 作品の壁: 押しても開かない・止めるボタンは札にかからない所へ ---- */
#wall .v38-wall-open{pointer-events:none;cursor:default}
#works-wall .vp-wall{bottom:52px!important;width:32px!important;height:32px!important;opacity:.8}
/* ---- 広告バナーの流れもマウスでは止めない(指で押さえた時だけ止める) ---- */
.v43-mq.run .v43-row:hover .v43-track{animation-play-state:running}
.v43-mq.run .v43-row.hold .v43-track{animation-play-state:paused}

/* ---- りかこの吹き出しの日付 ---- */
.v45-who figcaption small{display:block;margin-top:1px;font-size:11px;font-weight:500;color:#7a6470;white-space:nowrap}

/* ---- し・か・も！(上の「たとえば！」の札と違う型: 1文字ずつ丸い判が押される) ---- */
.v45-skm{display:flex;justify-content:center;gap:6px;margin:0 0 10px}
.v45-skm span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;color:#D9506F;font-family:"Zen Maru Gothic",var(--sans);font-weight:700;font-size:22px;box-shadow:0 0 0 3px #D9506F,0 5px 0 #e9b3c2;transform:rotate(calc((var(--k) - 1.5) * 6deg))}
.v45-skm span:last-child{background:#D9506F;color:#fff}
.v45-skm:not(.v45-in) span{opacity:0}
.v45-skm.v45-in span{animation:v45stamp .42s cubic-bezier(.2,.9,.3,1.4) calc(.1s + var(--k)*.2s) both}
@keyframes v45stamp{0%{opacity:0;transform:scale(2.2) rotate(calc((var(--k) - 1.5) * 6deg))}60%{opacity:1}100%{opacity:1;transform:scale(1) rotate(calc((var(--k) - 1.5) * 6deg))}}
@media (prefers-reduced-motion:reduce){.v45-skm span{animation:none!important;opacity:1!important}}

/* ---- AIが、自動生成！(本人「めちゃ大事だから、つい読んじゃうように演出入れて」): AIが文字を生成するように一文字ずつ+点滅する入力の印→下線が引かれ、光が走り、きらめく ---- */
.v45-ai{position:relative;background:none!important;overflow:visible}
.v45-ai::after{content:"";position:absolute;left:-4px;right:-4px;bottom:.06em;height:.42em;z-index:-1;border-radius:4px;background:#ffd3df;transform:scaleX(0);transform-origin:left center}
.v45-line{isolation:isolate}
.v45-ai .ch{display:inline-block}
.v45-line:not(.v45-in) .v45-ai .ch{opacity:0}
.v45-line.v45-in .v45-ai .ch{animation:v45type .18s ease-out calc(.35s + var(--i)*.11s) both}
.v45-caret{display:inline-block;width:3px;height:.95em;margin-left:3px;vertical-align:-.08em;border-radius:2px;background:#D9506F;opacity:0}
.v45-line.v45-in .v45-caret{animation:v45blink .5s steps(1) .1s 5 both,v45caretout .3s ease-out 2.6s both}
.v45-line.v45-in .v45-ai::after{animation:v45mark .6s ease-out 1.35s both}
.v45-ai::before{content:"";position:absolute;top:-10%;bottom:-10%;left:0;width:22%;background:linear-gradient(100deg,#fff0,#ffffffcc,#fff0);transform:translateX(-120%) skewX(-16deg);pointer-events:none;mix-blend-mode:soft-light;opacity:0}
.v45-line.v45-in .v45-ai::before{animation:v45gsweep 1s ease-in-out 1.7s both}
.v45-gsp{position:absolute;fill:#f6c64f;opacity:0;pointer-events:none}
.v45-gsp.a{right:-18px;top:-12px;width:20px;height:20px}.v45-gsp.b{left:-16px;bottom:-4px;width:13px;height:13px}
.v45-line.v45-in .v45-gsp{animation:v45tw .9s ease-out 1.9s both}
@keyframes v45type{0%{opacity:0;transform:translateY(5px);filter:blur(3px)}100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes v45blink{0%{opacity:1}50%{opacity:0}}
@keyframes v45caretout{to{opacity:0}}
@keyframes v45gsweep{0%{opacity:1;transform:translateX(-120%) skewX(-16deg)}100%{opacity:1;transform:translateX(520%) skewX(-16deg)}}
@media (prefers-reduced-motion:reduce){.v45-ai .ch{opacity:1!important;animation:none!important}.v45-ai::after{transform:none}.v45-caret{display:none}}

/* ---- つなぎ目(本人「つなぎ目を、全体的にめちゃおしゃれにして」): 下の節の色の波+白い縁+桜の花びら。seams_v045.py が色の差の大きい境目だけに置く ---- */
.v45-seamA{position:relative}
.v45-seam{position:absolute;left:0;right:0;bottom:-1px;height:34px;z-index:3;pointer-events:none}
.v45-seam::before,.v45-seam::after{content:"";position:absolute;left:0;right:0;bottom:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 34' preserveAspectRatio='none'%3E%3Cpath d='M0 34V20C45 8 95 4 145 13S245 31 305 18S372 6 400 12V34Z'/%3E%3C/svg%3E") bottom/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 34' preserveAspectRatio='none'%3E%3Cpath d='M0 34V20C45 8 95 4 145 13S245 31 305 18S372 6 400 12V34Z'/%3E%3C/svg%3E") bottom/100% 100% no-repeat}
.v45-seam::before{top:-4px;background:#ffffffb8}
.v45-seam::after{top:0;background:linear-gradient(90deg,var(--l),var(--m),var(--r))}
.v45-seam i{position:absolute;z-index:1;width:14px;height:10px;border-radius:70% 0 70% 0;background:linear-gradient(135deg,#ffd3df,#f39ab3);box-shadow:0 1px 2px #c2456a33}
.v45-seam .p1{left:22%;bottom:16px;transform:rotate(-24deg)}
.v45-seam .p2{left:71%;bottom:12px;width:11px;height:8px;transform:rotate(38deg)}
/* 無料の札の崩れ(本人「崩れを、直して！ 無料のところ...」): 下がって見える・隙間が広い → 行の中で上下の真ん中にそろえ、隙間を詰める */
main .v43-cta .v43-bl b{display:inline-flex;align-items:center;justify-content:center;gap:5px}
.v43-btn .v45-free{margin:0!important;padding:1px 9px 2px!important;line-height:1.25;font-size:.98em!important;transform:rotate(-3deg)!important;box-shadow:0 2px 0 #c9a800}
.v44-c figcaption>span{white-space:nowrap}

/* ---- 横のはみ出し: 「自動生成！」の光が走り終わって右の外に残っていた → 終わりは見えない所へ戻す ---- */
@keyframes v45gsweep{0%{opacity:1;transform:translateX(-120%) skewX(-16deg)}95%{opacity:1;transform:translateX(420%) skewX(-16deg)}100%{opacity:0;transform:translateX(-120%) skewX(-16deg)}}
/* ---- 分身の下の2人を少し下げて、上の札と重ならないように ---- */
.v44-c1{--y:calc(var(--u)*0)}.v44-c5{--y:calc(var(--u)*0)}

/* ---- プロフィール: 写真が箇条書きに隠れていた(本人「崩れを直して」)・物語の一言・発信の行 ---- */
#teacher .prof19-face{grid-row:1!important;align-self:center}
.v45-story{margin:6px 0 0;font-size:13.5px;font-weight:700;color:#C23B62;line-height:1.5}
.v45-story span{display:inline-block}

/* ---- 数字: 2×2・数字を大きく・余白を詰める(本人「もうちぃ良い文字を大きくできそうね。余白が寂しい」) ---- */
#friends-2 .v43s-g{grid-template-columns:1fr 1fr;gap:10px}
#friends-2 .v43s-c,#friends-2 .v43s-donut{grid-column:auto!important;display:block!important;padding:10px 8px 14px!important;text-align:center!important}
#friends-2 .v43s-c img{width:62%!important;max-width:150px;margin:0 auto 2px!important;grid-row:auto!important}
#friends-2 .v43s-n{padding:0!important}
#friends-2 .v43s-n b{font-size:46px!important;letter-spacing:-.02em}
#friends-2 .v43s-n span{font-size:20px}
#friends-2 .v43s-l{margin:6px 0 0!important;padding:0!important;font-size:15px}
@media (max-width:360px){#friends-2 .v43s-n b{font-size:38px!important}}

/* ---- PC で札の見出しが小さい(本人「PCだと小さくて見づらいので、もうちょいずつ大きく」「全体も俯瞰して、他のこう言う系も大きく」) ---- */
@media (min-width:600px){
  .v44-stk{font-size:21px!important;padding:4px 24px 6px!important}
  .v44-rt-t{font-size:26px!important}
  .v45-senpai .v44-rt-t,.v45-corner .v44-rt-t{font-size:28px!important}
  .v45-senpai-s{font-size:15px}
  .v45-skm span{width:50px;height:50px;font-size:27px}
  .v45-line{font-size:19px}.v45-ai{font-size:36px}
  .v45-all-1{font-size:24px}.v45-chips li{font-size:18px}.v45-all-3{font-size:40px}
  .v45-now-1{font-size:24px}.v45-now-2{font-size:54px}
  main .v43-cta .v43-lead{font-size:20px}
  .v45-kick{font-size:23px!important}
  .v45-type,#safe .v45-type{font-size:20px!important}
  .v45-prof li{font-size:16px}.v45-story{font-size:15px}
  .v45-bub{font-size:28px}
  #gal43-ttl span{font-size:30px}#gal43-ttl small{font-size:17px}
  .v44-k{font-size:19px}
  .v45-me-say{font-size:18px}
  #friends-2 .v43s-n b{font-size:56px!important}#friends-2 .v43s-l{font-size:17px}
}

/* ---- スリジェと、りかこのリアルな発信(本人「この辺、デザイン、めーーーちゃくちゃ美意識高く整えて」) ---- */
#friends-4{padding-left:16px;padding-right:16px}
#friends-4 .c28-row{max-width:600px;margin:30px auto 0}
#friends-4 .c28-h{margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #f1d9e1}
#friends-4 .c28-h p{font-family:"Zen Maru Gothic",var(--sans);font-size:16px;letter-spacing:.04em}
#friends-4 .c28-h p::before{content:"";flex:none;width:4px;height:18px;border-radius:2px;background:linear-gradient(#f47a9a,#D9506F)}
#friends-4 .c28-all{min-height:34px;padding:0 12px 0 14px;border-radius:999px;box-shadow:inset 0 0 0 1.5px #f0b7c7;background:#fff;font-size:12.5px}
#friends-4 .c28-cards{gap:14px}
#friends-4 .c28{border-radius:18px;box-shadow:0 10px 26px #c2456a17,0 0 0 1px #f4e3e9}
#friends-4 .c28-fig{aspect-ratio:4/3}
#friends-4 .c28-fig img{object-position:50% 28%}
#friends-4 .c28-t{margin:12px 14px 0;font-size:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#friends-4 .c28-m{margin:8px 14px 14px;font-size:12.5px;color:#6a5660}
#friends-4 .c28-src{margin-bottom:2px;font-size:12px;letter-spacing:.08em}
#friends-4 .c28-ig{background:radial-gradient(120% 90% at 50% 0%,#fff 0%,#fde8ee 55%,#f9d4df 100%);gap:8px}
#friends-4 .c28-ig img{width:76px;height:76px;box-shadow:0 0 0 3px #fff,0 0 0 6px transparent;outline:3px solid #0000;background:#fff;border:3px solid #fff;box-shadow:0 0 0 3px #f58fb0,0 8px 18px #c2456a2e}
#friends-4 .c28-ig b{font-size:13px;letter-spacing:.02em;color:#6E2A3D}
#friends-4 .c28-play{width:34px;height:34px;left:10px;bottom:10px}
#friends-4 .c28-play::after{left:13px;top:10px;border-width:7px 0 7px 11px}
@media (min-width:600px){#friends-4 .c28-h p{font-size:18px}#friends-4 .c28-t{font-size:15px}}

/* ---- 発信: 横にスワイプで6つずつ ---- */
#friends-4 .c28-cards{display:flex!important;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:4px 16px 14px;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-mask-image:linear-gradient(90deg,#000 88%,#0000);mask-image:linear-gradient(90deg,#000 88%,#0000)}
#friends-4 .c28-cards::-webkit-scrollbar{display:none}
#friends-4 .c28{flex:0 0 70%;scroll-snap-align:start}
@media (min-width:600px){#friends-4 .c28{flex-basis:44%}}
#friends-4 .c28-t{min-height:3.1em}
.v45-f4note{margin:4px 0 0!important;font-size:12px!important;color:#6a5660!important}

/* ---- 締めの絵のキラキラ ---- */
.v45-glitwrap{position:relative}
.v45-glit{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.v45-bloom{position:absolute;inset:-10%;background:radial-gradient(60% 40% at 50% 38%,#ffffff66,#fff0 70%);animation:v45bloom 6s ease-in-out infinite alternate}
.v45-glit .st{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;background:radial-gradient(circle,#fff 0 18%,#fff0 19%),conic-gradient(from 45deg,#0000 0 20%,#fff 20% 30%,#0000 30% 45%,#fff 45% 55%,#0000 55% 70%,#fff 70% 80%,#0000 80% 95%,#fff 95%);-webkit-mask:radial-gradient(circle,#000 0 22%,#0000 70%);mask:radial-gradient(circle,#000 0 22%,#0000 70%);filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 8px #ffd7e3);transform:scale(0);animation:v45twk var(--d) ease-in-out var(--w) infinite}
.v45-glit .st:nth-child(3n){background:radial-gradient(circle,#fff 0 25%,#fff0 60%);width:8px;height:8px;margin:-4px 0 0 -4px;-webkit-mask:none;mask:none}
.v45-glit .pe{position:absolute;top:-6%;width:14px;height:10px;border-radius:70% 0 70% 0;background:linear-gradient(135deg,#ffe3eb,#f6a5bc);opacity:.9;animation:v45fall var(--d) linear var(--w) infinite}
@keyframes v45twk{0%,100%{transform:scale(0) rotate(0);opacity:0}45%{transform:scale(var(--s)) rotate(45deg);opacity:1}60%{transform:scale(calc(var(--s)*.6)) rotate(60deg);opacity:.8}}
@keyframes v45fall{0%{transform:translate(0,0) rotate(0)}50%{transform:translate(var(--x),52vh) rotate(160deg)}100%{transform:translate(calc(var(--x)*-.5),110vh) rotate(320deg)}}
@keyframes v45bloom{from{opacity:.4}to{opacity:.9}}
@media (prefers-reduced-motion:reduce){.v45-glit .st,.v45-glit .pe,.v45-bloom{animation:none!important;display:none}}
/* ---- ラジオの札: 題を大きく・音の波・再生の印 ---- */
#friends-4 .v45-radio{display:flex;flex-direction:column;justify-content:center;padding:16px 16px 22px;aspect-ratio:4/3;background:linear-gradient(135deg,#f7a8bf,#d9506f);color:#fff}
#friends-4 .v45-radio[style*="--g:1"]{background:linear-gradient(135deg,#c9b6f0,#8f6fd0)}
#friends-4 .v45-radio[style*="--g:2"]{background:linear-gradient(135deg,#ffc9a8,#f07d8c)}
.v45-rq{position:absolute;left:12px;top:-6px;font-family:Georgia,serif;font-size:64px;line-height:1;color:#ffffff59}
.v45-rt{position:relative;font-family:"Zen Maru Gothic",var(--sans);font-weight:700;font-size:16px;line-height:1.5;text-shadow:0 1px 6px #0002;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.v45-wave{position:absolute;right:14px;bottom:14px;display:flex;align-items:flex-end;gap:3px;height:22px}
.v45-wave i{display:block;width:3px;border-radius:2px;background:#ffffffc9}
.v45-wave i:nth-child(1){height:30%}.v45-wave i:nth-child(2){height:70%}.v45-wave i:nth-child(3){height:45%}.v45-wave i:nth-child(4){height:100%}.v45-wave i:nth-child(5){height:55%}.v45-wave i:nth-child(6){height:80%}.v45-wave i:nth-child(7){height:35%}
#friends-4 .v45-rc .c28-m{margin-top:10px}
@media (min-width:600px){.v45-rt{font-size:18px}}
/* ---- 総点検 r3 の直し(10/12 4時台) ---- */
#friends-4 .c28-t{display:block;-webkit-line-clamp:unset;overflow:visible;min-height:0}
.v45-who figcaption small{font-size:12px;color:#5f4a55}
.v45-f4note{color:#54404a!important}
#friends-4 .c28-all{min-height:44px}
#works-wall .vp-wall{width:44px!important;height:44px!important}
main>footer .f31-links a{display:flex;align-items:center;min-height:44px!important}
/* 光の筋が 320px 幅で一瞬だけ画面の右へ1px出ていた(10/12 本番の点検)→ 行の中で切り、筋は文字の中で消える */
.v45-line{overflow-x:clip;overflow-clip-margin:12px}
@keyframes v45gsweep{0%{opacity:1;transform:translateX(-120%) skewX(-16deg)}85%{opacity:1}100%{opacity:0;transform:translateX(400%) skewX(-16deg)}}
/* ---- フッターのロゴと添え書きを1行に(上の帯と同じ「ロゴ｜添え書き」・改行なし) ---- */
.v45-fbrand{display:flex;align-items:center;justify-content:center;gap:clamp(9px,2.6vw,14px);margin:0 auto 14px;white-space:nowrap}
footer .v45-fbrand img.v45-wm{height:clamp(29px,8.8vw,38px);margin:0}
.v45-fbrand .v45-div{height:clamp(20px,6vw,26px)}
.v45-ftag{font-size:clamp(12px,3.7vw,15px);line-height:1.3;color:#6f5a65;letter-spacing:.02em}
@media (max-width:340px){.v45-ftag{letter-spacing:0}}
.v45-fbrand .v45-div{display:block!important}
/* ---- 上の帯もフッターと同じ「ロゴ｜添え書き」の1行に(10/12 本人「画像1枚目のこのデザインが、ヘッダ？画像2枚目のところにもなってて欲しい」) ---- */
.bar .brand.v45-brand{gap:clamp(9px,2.6vw,13px);white-space:nowrap}
.bar .v45-wm{height:clamp(26px,7.4vw,32px)}
.bar .v45-div{display:block!important;height:clamp(18px,5.4vw,24px)}
.bar .v45-tag{display:block!important;font-size:clamp(12px,3.5vw,14.5px);line-height:1.3;color:#6f5a65;letter-spacing:.02em;white-space:nowrap}
.bar .v45-tag .nw{display:inline}
@media (max-width:340px){.bar .v45-tag{letter-spacing:0}}
.bar img.v45-wm{width:auto!important;max-width:none!important;aspect-ratio:253/120;flex:none}
/* ---- 動画の窓の送り(‹ n / N ›) ---- */
.v45-vnav{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:#fffbf9;border-top:1px solid #e4cad2}
.v45-vnav button{width:52px;height:44px;border:0;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #e4cad2;color:#C23B62;font-size:26px;line-height:1;cursor:pointer}
.v45-vnum{font-size:14px;font-weight:700;color:#6E2A3D}
#gal43-video{max-height:calc(96dvh - 120px)}

/* v46.css?rev=18935e7c */
/* v046(10/12 本人「最後まで読ませる工夫、次々読ませる工夫をやりきって！ワクワク感情大事に！」「ディテールのワクワクさにこだわって」)
   Fable r1(qa/fable_r1/reply.md)の上位案: 分身が集まる帯・あなた専用の特典・心の声のつなぎ・帯の出し方・FAQ を開く・空白を出さない */

/* ---- 文節でくっつける(言葉の途中で折れない) ---- */
.v46-ph{display:inline-block}

/* ---- 作品の壁: 3段目(本棚)・壁の下の一文と一時停止ボタン ---- */
.tile.book img{width:calc(var(--fvw,390px) * .2);aspect-ratio:2/3;object-fit:cover;border-radius:6px 10px 10px 6px;background:#f6e9ee;box-shadow:0 8px 20px rgba(42,35,38,.14),inset 3px 0 0 #0000;border-left:3px solid #e9cfd8}
#wall .lane{padding-bottom:4px}
.v46-wallfoot{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;margin:8px 16px 0}
.v46-wallfoot .ww26-cap{margin:0!important}
.v46-wallfoot .vp-wall{position:relative!important;inset:auto!important;flex:none;margin:0!important;width:44px!important;height:44px!important;opacity:.9;display:flex!important;align-items:center;justify-content:center}  /* 10/23: assets/v19.css の .vp-wall{display:block} が motion.css の flex を上書きし、▶/❙❙ が丸の左へずれていた(本人の指摘・A と A'' の両方) */

/* ---- 受講生インタビューの動画の見出し(文節でくっつける・狭い幅は一段小さく) ---- */
#real-3 .r19-vid figcaption strong{display:block;font-size:clamp(13.5px,calc((100vw - 74px) / 22.6),15.5px);line-height:1.55;letter-spacing:0;word-break:keep-all}

/* ---- 心の声のつなぎ(考えごとの吹き出し・次の見出しがその答え) ---- */
.v46-think{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0 16px;padding:26px 0 8px;text-align:center}
.v46-think-d{display:flex;align-items:flex-end;gap:7px;height:24px;transform:translateX(-46px)}
.v46-think-d i{display:block;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #d9b7c5}
.v46-think-d i:nth-child(1){width:7px;height:7px}
.v46-think-d i:nth-child(2){width:10px;height:10px;margin-bottom:5px}
.v46-think-d i:nth-child(3){width:14px;height:14px;margin-bottom:12px}
.v46-think-b{position:relative;margin:0;padding:14px 22px 15px;border-radius:30px 30px 30px 30px/26px 26px 26px 26px;background:#fff;box-shadow:0 0 0 2px #e6cbd6,0 10px 24px #b3486e1c;font-family:"Zen Maru Gothic",var(--sans);font-weight:700;font-size:17px;line-height:1.55;color:#6a4b5c;letter-spacing:.04em}
.v46-think:not(.v45-in) .v46-think-d i,.v46-think:not(.v45-in) .v46-think-b{opacity:0}
.v46-think.v45-in .v46-think-d i{animation:v46pop .35s cubic-bezier(.2,.9,.3,1.3) calc(.1s + var(--k,0)*.22s) both}
.v46-think.v45-in .v46-think-d i:nth-child(1){--k:0}.v46-think.v45-in .v46-think-d i:nth-child(2){--k:1}.v46-think.v45-in .v46-think-d i:nth-child(3){--k:2}
.v46-think.v45-in .v46-think-b{animation:v46bub .5s cubic-bezier(.2,.9,.3,1.25) .8s both}
@keyframes v46pop{0%{opacity:0;transform:scale(.3)}100%{opacity:1;transform:scale(1)}}
@keyframes v46bub{0%{opacity:0;transform:translateY(8px) scale(.82)}100%{opacity:1;transform:none}}
@media (min-width:600px){.v46-think-b{font-size:19px}}

/* ---- 特典: 絵(箱まで)と「あなた専用」の部品 ---- */
#gift{background:#fef9fa}
.v46-giftart img{-webkit-mask-image:linear-gradient(#000 92%,#0000);mask-image:linear-gradient(#000 92%,#0000)}
.v46-mine{position:relative;margin:-6px 16px 0;padding:6px 0 10px;text-align:center}
.v46-mine-k{position:relative;display:inline-block;margin:0 0 12px;padding:9px 26px 10px;border-radius:999px;background:linear-gradient(135deg,#ff7aa2,#e0466f);color:#fff;font-family:"Zen Maru Gothic",var(--sans);font-weight:700;font-size:20px;letter-spacing:.14em;box-shadow:0 6px 0 #c13a60,0 14px 26px #e0466f40;transform:rotate(-4deg)}
.v46-mine-sp{position:absolute;width:14px;height:14px;background:#ffd76a;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
.v46-mine-sp.a{left:-20px;top:-6px}.v46-mine-sp.b{right:-18px;bottom:-4px;width:10px;height:10px}
.v46-mine:not(.v45-in) .v46-mine-k{opacity:0}
.v46-mine.v45-in .v46-mine-k{animation:v46stamp .42s cubic-bezier(.2,.9,.3,1.4) .1s both}
@keyframes v46stamp{0%{opacity:0;transform:scale(1.9) rotate(-12deg)}70%{opacity:1}100%{opacity:1;transform:scale(1) rotate(-4deg)}}
.v46-mine-t{margin:0 0 14px;font-family:"Zen Maru Gothic",var(--sans);font-weight:700;font-size:clamp(19px,5.6vw,25px);line-height:1.6;color:#3F2A2E;letter-spacing:.03em}
.v46-mine-t em{font-style:normal;color:#D9506F;background:linear-gradient(transparent 62%,#ffd3df 62%)}
/* 窓: タイトルの「りかこ」に線が引かれ「あなた」が打ち込まれ、フォルダが1つずつ現れる */
.v46-ws{position:relative;max-width:360px;margin:0 auto;border-radius:16px;background:#fff;box-shadow:0 0 0 1.5px #f1d3de,0 18px 40px #b3486e24;text-align:left;overflow:hidden}
.v46-ws-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:linear-gradient(180deg,#fff5f8,#fde9ef);border-bottom:1px solid #f3d6e0}
.v46-ws-bar>i{display:block;width:10px;height:10px;border-radius:50%;background:#f7a6bc}
.v46-ws-bar>i:nth-child(2){background:#ffd27a}.v46-ws-bar>i:nth-child(3){background:#9bd8a8}
.v46-ws-name{margin-left:8px;font-size:15px;font-weight:700;color:#5a3f4c;white-space:nowrap}
.v46-ws-old{position:relative;color:#9b8590}
.v46-ws-old::after{content:"";position:absolute;left:-2px;right:-2px;top:52%;height:2px;border-radius:2px;background:#e0466f;transform:scaleX(0);transform-origin:left center;transition:transform .4s ease-out}
.v46-ws.strike .v46-ws-old::after{transform:scaleX(1)}
.v46-ws-you{color:#D9506F;margin-left:4px}
.v46-ws-cur{display:inline-block;width:2px;height:1em;margin:0 3px 0 1px;vertical-align:-.12em;background:#D9506F;opacity:0}
.v46-ws.typing .v46-ws-cur{animation:v46blink .5s steps(1) infinite}
.v46-ws.typed .v46-ws-cur{animation:none;opacity:0}
@keyframes v46blink{0%{opacity:1}50%{opacity:0}}
.v46-ws-list{list-style:none;margin:0;padding:10px 12px 14px}
.v46-ws-list li{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;font-size:16px;color:#3F2A2E}
.v46-ws-list li+li{margin-top:6px}
.v46-ws-list li:nth-child(1){background:#fff1f5}.v46-ws-list li:nth-child(2){background:#fff7e8}.v46-ws-list li:nth-child(3){background:#eef5ff}
.v46-ws-ic{flex:none;font-size:20px;line-height:1}
.v46-ws-ok{margin-left:auto;flex:none;width:22px;height:22px;border-radius:50%;background:#2E9E5B;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12'/%3E%3C/svg%3E");position:relative}
.v46-ws-ok::after{content:"";position:absolute;left:7px;top:5px;width:6px;height:10px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.v46-ws:not(.typed) .v46-ws-list li{opacity:0;transform:translateY(10px)}
.v46-ws.typed .v46-ws-list li{animation:v46row .4s cubic-bezier(.2,.9,.3,1.2) calc(.05s + var(--k)*.2s) both}
.v46-ws.typed .v46-ws-ok{animation:v46pop .3s cubic-bezier(.2,.9,.3,1.4) calc(.3s + var(--k)*.2s) both}
@keyframes v46row{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:none}}
.v46-ws-bow{position:absolute;right:-6px;top:-6px;width:58px;height:58px;pointer-events:none}
.v46-hand{display:flex;align-items:center;justify-content:center;gap:10px;margin:18px auto 0}
.v46-hand img{flex:none;width:58px;height:58px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #fff,0 0 0 5px #f3b7c8}
.v46-hand-b{position:relative;margin:0;padding:11px 16px 12px;border-radius:18px;background:linear-gradient(135deg,#ff8fb0,#e0466f);color:#fff;font-weight:700;font-size:16px;line-height:1.5;text-align:left;box-shadow:0 8px 18px #e0466f33}
.v46-hand-b::before{content:"";position:absolute;left:-9px;top:50%;margin-top:-8px;border-style:solid;border-width:8px 12px 8px 0;border-color:transparent #f0688f transparent transparent}
.v46-hand-b small{display:block;margin-top:1px;font-size:12px;font-weight:500;opacity:.9}
.v46-ws:not(.typed) ~ .v46-hand{opacity:0}
.v46-ws.typed ~ .v46-hand{animation:v46bub .5s cubic-bezier(.2,.9,.3,1.25) .75s both}
.v46-mine-n{margin:14px 0 0}
.v46-mine-n span{display:inline-block;padding:7px 16px;border-radius:999px;background:#fff;box-shadow:0 0 0 1.5px #b9dcc5;color:#24704a;font-weight:700;font-size:14.5px}
.v46-mine-n span::before{content:"✓ "}
.v46-ws:not(.typed) ~ .v46-mine-n{opacity:0}
.v46-ws.typed ~ .v46-mine-n{animation:v46row .45s ease-out 1.05s both}
@media (prefers-reduced-motion:reduce){.v46-mine *,.v46-think *,.v46-ws *,.v46-mine-k{animation:none!important;opacity:1!important;transform:none!important}.v46-mine-k{transform:rotate(-4deg)!important}.v46-ws-old::after{transform:scaleX(1)!important}}
@media (min-width:600px){.v46-ws-list li{font-size:17px}.v46-hand-b{font-size:17px}}

/* ---- 下の追従の帯: 分身が集まる輪+2段のボタン ---- */
#sticky.v46-sticky{display:block;padding:8px 10px calc(8px + env(safe-area-inset-bottom));transition:transform .35s cubic-bezier(.2,.9,.3,1),opacity .25s;-webkit-backdrop-filter:none;backdrop-filter:none}/* 10/23 重さの直し13周目: 下の固定の帯は96%不透明なのに、送るたびに後ろをぼかし直していた(iPhone で送る時の描画の手間)。ぼかしを外しても帯の見た目の差は平均0.4以下(255段階) */
#sticky.v46-sticky[hidden]{display:block!important;transform:translateY(110%);opacity:0;pointer-events:none;visibility:hidden}
.v46-st{display:flex;align-items:center;gap:9px}
.v46-crew{position:relative;display:flex;flex:none;margin:0;padding:0 2px 0 0;list-style:none}
.v46-crew li{position:relative;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #fff,0 0 0 3.5px #f3c3d2;overflow:hidden}
.v46-crew li+li{margin-left:-9px}
.v46-crew li img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) opacity(.28)}
.v46-crew li.on img{filter:none}
.v46-crew li.on{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #e0466f}
.v46-crew li.pop{animation:v46join .45s cubic-bezier(.2,.9,.3,1.5) both;z-index:2}
@keyframes v46join{0%{transform:scale(.6)}60%{transform:scale(1.18)}100%{transform:scale(1)}}
.v46-crew.full::after{content:"";position:absolute;inset:-10px -8px;background:radial-gradient(circle,#ffe58a 0 2px,#0000 3px) 0 0/14px 14px;animation:v46spark .8s ease-out both;pointer-events:none}
@keyframes v46spark{0%{opacity:0;transform:scale(.6)}40%{opacity:1}100%{opacity:0;transform:scale(1.25)}}
#sticky .v46-st-btn{position:relative;flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:56px;padding:6px 10px 6px 14px;border-radius:999px;background:linear-gradient(180deg,#0BA24F 0%,#05973F 52%,#037F37 100%);color:#fff;overflow:hidden;box-shadow:0 4px 0 #036b2f,0 8px 18px #0b7a3d33}
.v46-st-l{display:flex;flex-direction:column;align-items:center;line-height:1.2}
.v46-st-l small{font-size:clamp(10.5px,2.9vw,12px);font-weight:700;letter-spacing:.02em;opacity:.95}
.v46-st-l b{font-size:clamp(15px,4.3vw,18px);font-weight:800;letter-spacing:.04em;white-space:nowrap}
.v46-st-l .v45-free{margin-right:2px}
.v46-st-arw{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;color:#05973F}
.v46-st-arw svg{width:14px;height:14px}
#sticky .v46-st-btn::after{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:30%;background:linear-gradient(100deg,#fff0,#ffffff8c,#fff0);transform:translateX(-160%) skewX(-18deg);pointer-events:none}
#sticky.shine .v46-st-btn::after{animation:v46shine .9s ease-in-out .15s both}
#sticky.shine .v46-st-arw{animation:v46nudge .5s ease-in-out .9s both}
@keyframes v46shine{0%{transform:translateX(-160%) skewX(-18deg)}100%{transform:translateX(420%) skewX(-18deg)}}
@keyframes v46nudge{0%,100%{transform:none}50%{transform:translateX(4px)}}
@media (max-width:340px){.v46-crew li{width:24px;height:24px}.v46-crew li+li{margin-left:-10px}}
@media (prefers-reduced-motion:reduce){#sticky.v46-sticky{transition:none}.v46-crew li.pop,.v46-crew.full::after,#sticky.shine .v46-st-btn::after,#sticky.shine .v46-st-arw{animation:none!important}}

/* ---- 最後のボタンの上に、5人がそろう ---- */
.v46-crew-final{display:flex;justify-content:center;gap:6px;margin:0 16px 10px;list-style:none;padding:0}
.v46-crew-final li{width:52px;height:52px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 0 0 2.5px #fff,0 0 0 4.5px #f08aa8,0 8px 16px #c2456a26}
.v46-crew-final img{display:block;width:100%;height:100%;object-fit:cover}
.v46-crew-final:not(.v45-in) li{opacity:0}
.v46-crew-final.v45-in li{animation:v46pop .45s cubic-bezier(.2,.9,.3,1.5) calc(.1s + var(--k)*.12s) both}
@media (min-width:600px){.v46-crew-final li{width:60px;height:60px}}
@media (prefers-reduced-motion:reduce){.v46-crew-final li{animation:none!important;opacity:1!important}}

/* ---- よくある質問: 1問目と「特典はいつ？」を開いておく・下から積む・Q を大きく ---- */
#faq .faq summary{font-size:16px}
#faq .faq details{transition:box-shadow .2s}
#faq .faq:not(.v45-in) details{opacity:0;transform:translateY(12px)}
#faq .faq.v45-in details{animation:v46row .4s ease-out calc(var(--k,0)*.06s) both}
@media (prefers-reduced-motion:reduce){#faq .faq details{animation:none!important;opacity:1!important;transform:none!important}}

/* ---- 動画の15本: 中央の列を少し下げて、目がジグザグに降りる ---- */
@media (max-width:599px){#gal43 .v43-grid>li:nth-child(3n+2){transform:translateY(14px)}#gal43 .v43-grid{padding-bottom:14px}}

/* ---- 発信の紹介: 1枚目も左の余白から ---- */
#friends-4 .c28-cards{scroll-padding-inline:16px}

/* ---- 見本の注記の下の空きを詰める ---- */
#works-2 .note{margin-bottom:0!important}
#works-2{padding-bottom:12px!important}

/* ---- 大きな絵は、読み込み前も地の色で「続きがある」と見せる ---- */
#offer .o21-art{background:linear-gradient(#fde7ee,#e7eef8)}
#offer .o21-art img{aspect-ratio:1024/1536}
.v38-panel img,#why img,#clone-2 img,#fit img,#works-2 .mk-out img,#safe img,#flow img,#last img{background:#fcf1f4}

/* ---- つなぎの波の下に文字が隠れないよう、空きの少ない節は下に余白を足す(seams_v046.py が付ける) ---- */
.v46-seamPad::after{content:"";display:block;height:34px}
/* 「かけ算」の絵の下136pxを切る v019 の決まりが残り、最後の行「つくったあと、どう仕事にするかまで一緒に。」が隠れていた → 切らない */
.p18:has(> img[src$="usp18.webp"]){aspect-ratio:auto!important;overflow:visible!important}
#works-2{display:flow-root}
.v46-mine,.v46-think{overflow-x:clip;overflow-clip-margin:12px}
/* 帯の中の「無料」も黄色の札に */
#sticky .v46-st-l .v45-free{display:inline-block;margin:0 4px 0 0;padding:0 8px 1px;border-radius:7px;background:#FFE45C;color:#0B6B33;font-style:normal;font-size:.95em;letter-spacing:.04em;line-height:1.3;transform:rotate(-4deg);box-shadow:0 2px 0 #c9a800}
/* 一時停止ボタンは壁の下の一文の左(前の版の「壁の右下に固定」より強く) */
#works-wall .v46-wallfoot .vp-wall{position:relative!important;inset:auto!important;right:auto!important;bottom:auto!important;left:auto!important;top:auto!important}
/* 窓の右上のリボンを切らない */
.v46-ws{overflow:visible}
.v46-ws-bar{border-radius:16px 16px 0 0}
.v46-ws-bow{right:-10px;top:-12px}
/* 最後の5人は、絵の下の端から出てきてボタンに寄る */
#last .v46-crew-final{position:relative;z-index:2;margin:-30px 16px -10px}
.v46-wallfoot{gap:8px}
.v46-wallfoot .ww26-cap{padding:0!important;min-width:0}
@media (max-width:340px){.v46-wallfoot .ww26-cap{font-size:13px!important}}
#real-3 .r19-vid figcaption strong .v46-ph{display:inline-block!important;white-space:nowrap}
#real-3 .r19-vid figcaption strong .v46-ph{font-size:inherit!important;margin:0!important;color:inherit!important}
/* 総点検 r1: 上の帯の添え書きを少し濃く(4.43→)・下の帯の小さい行は12px以上 */
.bar .v45-tag{color:#5c4652!important}
.v46-st-l small{font-size:clamp(12px,3.1vw,12.5px)!important;letter-spacing:0!important}
/* Fable r2: 帯の上の行も読める大きさに(390pxで14.5px・狭い幅は12.5px) */
.v46-st-l small{font-size:clamp(12.5px,3.72vw,14.5px)!important}

/* v47.css?rev=6894f5bf */
/* v047(10/12 本人「LPのパーツ同士のつなぎ目、もっと自然にしたい。全体的にそうして」)
   つなぎ目: 波・白い縁・花びらをやめ、境目の上と下の端の色(左・中・右)をなめらかにつなぐ帯(seams_v047.py が置く)。
   絵が境目まである時は、帯を絵の端に少し重ねて溶かす(--ot 上の絵・--ob 下の絵) */
.v47-blend{position:relative;z-index:3;display:block;height:calc(var(--h) + var(--ot,0px) + var(--ob,0px));margin:calc(-1 * var(--ot,0px)) 0 calc(-1 * var(--ob,0px));pointer-events:none}
.v47-blend::before,.v47-blend::after{content:"";position:absolute;inset:0}
.v47-blend::before{background:linear-gradient(90deg,var(--bl),var(--bm),var(--br));-webkit-mask-image:linear-gradient(180deg,#0000 0,#000 var(--ot,0px),#000 calc(100% - var(--ob,0px)),#0000 100%);mask-image:linear-gradient(180deg,#0000 0,#000 var(--ot,0px),#000 calc(100% - var(--ob,0px)),#0000 100%)}
.v47-blend::after{background:linear-gradient(90deg,var(--al),var(--am),var(--ar));-webkit-mask-image:linear-gradient(180deg,#0000 0,#000 var(--ot,0px),#0000 calc(100% - var(--ob,0px)));mask-image:linear-gradient(180deg,#0000 0,#000 var(--ot,0px),#0000 calc(100% - var(--ob,0px)))}
@media (min-width:600px){.v47-blend{--h2:1}}

/* 作品の壁の1段目の札(動画の種類ごと) */
.wall .tile figcaption[data-t="Vlog"]{color:#3E6FA6}
.wall .tile figcaption[data-t="YouTube"]{color:#C4302B}
.wall .tile figcaption[data-t="インタビュー"]{color:#1F7A73}
.wall .tile figcaption[data-t="リール"]{color:#B4547E}

/* 総点検 r1 の直し */
/* 特典の絵の下端: 箱のピンクが急に切れる→長めに溶かす */
.v46-giftart img{-webkit-mask-image:linear-gradient(#000 80%,#0000 99%)!important;mask-image:linear-gradient(#000 80%,#0000 99%)!important}
/* りかこの吹き出しの名前を読める濃さに */
.v46-hand-b{background:linear-gradient(135deg,#e85c87,#cf3d66)!important}
.v46-hand-b::before{border-color:transparent #e45683 transparent transparent!important}
.v46-hand-b small{opacity:1!important}
/* 壁の札「リール」を少し濃く */
.wall .tile figcaption[data-t="リール"]{color:#9E3F69}

/* v48.css?rev=6d5458a7 */
/* v048: 仲間の写真(りかこさん 10/12 差し替え)。3枚とも横長 → 上に全員の自撮りを横いっぱい・下に2枚を並べる */
.collage.v48-collage .v48-wide{grid-column:1 / -1;grid-row:auto;aspect-ratio:16/9;width:100%;height:auto;object-fit:cover}
.collage.v48-collage img:not(.v48-wide){aspect-ratio:3/2;width:100%;height:auto;object-fit:cover}
.collage.v48-collage{grid-template-columns:1fr 1fr}
/* 特典の窓の題が狭い幅で丸い印を押しつぶしていた(320px で幅0・10/12 夜) */
.v46-ws-bar>i{flex:none}
.v46-ws-name{min-width:0;font-size:clamp(13px,3.9vw,15px)}
@media (max-width:350px){.v46-ws-bar{gap:5px;padding:10px 12px}.v46-ws-bar>i{width:8px;height:8px}.v46-ws-name{margin-left:4px}}

/* v068(10/18): 前からある所見の直し(patch_v068.py)。文は変えず、折れる位置・押せる範囲・色だけ */
.v45-senpai-s,#offer .o21-who em,footer p.f-ai{text-wrap:wrap}
/* 計測の注記の中のリンクを「プラ/イバシーポリシー」と折らない(注記の文はそのまま) */
footer p.f-ai a{white-space:nowrap}
/* 「送信を止める」を B と同じ丸いボタンに(77×20px → 高さ44px)。head の中の .f-measure-off より強い指定で上書き */
footer .f-measure-off{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:6px 0 0 6px;padding:6px 14px;border:1px solid #cdb6be;border-radius:999px;background:#fff;color:#5c4753;font-size:12px;text-decoration:none;line-height:1.3;vertical-align:middle}
footer .f-measure-off:disabled{opacity:.7}
/* 色: 札「実物」(白字×ローズ 3.9)・note の札(ローズ×白 3.9)・特典の吹き出しの署名(白字×明るいピンク 3.5)を 4.5 以上に */
.v43-tag.real{background:#B83A58}
.c28-src{color:#B83A58}
.v46-hand-b{background:linear-gradient(135deg,#d03f6e,#bb2c55)!important}
.v46-hand-b::before{border-color:transparent #cb3b69 transparent transparent!important}