/* 案B：パール＆レインボー — 白の台紙×虹色×ピンクゴールド。主参考 happy-cielo.jp（パステルの空・光、斜めのリボン帯、ピンクの光るボタン） */
:root{
  --page-bg:#fbf7ff;--page-bg-pc:linear-gradient(135deg,#ffe3f1,#efe4ff 40%,#dff6ff 70%,#fff4d9);
  --paper:#fff;--ink:#3d2a52;--card:#fff;--line:#e6cdea;
  --accent:#b0479a;--accent-ink:#fff;--sel:#d45aa6;
  --rainbow:linear-gradient(90deg,#ff5fa2,#ff9a5a,#ffd84d,#5fd3a8,#5bb8ff,#a06bff,#ff5fa2);
  --pgold:linear-gradient(180deg,#fff3dc 0%,#e9b98a 35%,#b97a4f 55%,#f5d3ad 75%,#c48d62 100%);
  --star:#fff;--star-glow:#ff9ad5;
  --note-bg:#fff;--note-ink:#b0479a;
  --btn-bg:linear-gradient(180deg,#ff9fd0 0%,#ff4fa0 45%,#d6197a 55%,#ff6db4 100%);
  --btn-rim:#ffe2a8;--btn-ink:#fff;--btn-tshadow:0 1px 3px rgba(120,0,60,.6);
  --btn-shadow:0 0 0 3px #f1c27d,0 0 24px 6px rgba(255,120,200,.75),0 8px 16px rgba(176,71,154,.35);
  --btn-glitter:radial-gradient(circle at 20% 30%,#fff 0 1px,transparent 2px),radial-gradient(circle at 70% 60%,#fff 0 1.3px,transparent 2px),radial-gradient(circle at 45% 80%,#fff 0 1px,transparent 2px),radial-gradient(circle at 85% 20%,#fff 0 1px,transparent 2px);
  --arw-bg:#fff;--arw-ink:#d6197a;
  --foot-bg:#3d2a52;--foot-ink:#f2e6ff;--sticky-bg:#fff;
}

/* FV：明るい空の写真に白縁の明朝見出し */
.fv{position:relative;min-height:720px;padding:34px 20px 40px;text-align:center}
.fv__bg{position:absolute;top:0;right:0;bottom:0;left:0;inset:0}
.fv__bg img{width:100%;height:100%;object-fit:cover;object-position:50% 70%}
.fv__bg::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.55) 34%,rgba(255,255,255,0) 52%,rgba(255,255,255,0) 82%,#fff 100%)}
.fv__in{position:relative;z-index:3}
.fv__brand span{display:inline-block;padding:3px 18px;background:var(--rainbow);color:#fff;font-size:12px;font-weight:700;letter-spacing:.28em;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.fv__lead{margin-top:20px;font-size:15px;line-height:1.9;font-weight:700}
.fv__h1{margin-top:18px;font-size:min(34px,calc((100vw - 44px) / 12.4));line-height:1.5;letter-spacing:0;color:#7a2f8f;
  text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 4px #fff,0 0 14px #fff,0 0 22px rgba(255,170,220,.9)}
.fv__sub{margin-top:390px}
.fv__sub span{display:inline-block;padding:8px 16px;background:linear-gradient(90deg,#ff4fa0,#a06bff);color:#fff;font-size:15px;transform:skewX(-8deg);box-shadow:0 4px 14px rgba(160,107,255,.4)}

/* 特典：本＋バッジ */
.gift{padding:8px 20px 64px;text-align:center;background:linear-gradient(180deg,#fff 0,#fff5fb 100%)}
.gift__body0{font-size:15px;font-weight:700}
.gift__body0 p+p{margin-top:.6em}
.gift__row{position:relative;margin-top:30px}
.book__title{color:#6b2a7e;text-shadow:0 0 4px #fff,0 0 10px #fff}
.book__kicker{color:#b0479a}
.book__body{border:2px solid #f5d3ad}
.gift__badge{position:absolute;right:2px;bottom:-14px;width:96px;height:96px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:var(--pgold);color:#fff;font-size:11px;font-weight:700;line-height:1.25;box-shadow:0 0 0 3px #fff,0 6px 16px rgba(185,122,79,.5);text-shadow:0 1px 2px rgba(100,50,20,.6);transform:rotate(8deg)}
.gift__badge b{font-family:"Noto Serif JP",serif;font-size:26px;line-height:1.1}
.gift__body{margin-top:38px;padding:22px 18px;background:#fff;border:2px solid transparent;
  background-image:linear-gradient(#fff,#fff),var(--rainbow);background-origin:border-box;background-clip:padding-box,border-box;font-size:15px}
.gift__body p+p{margin-top:.8em}

/* 見出し：斜めのリボン帯 */
.ribbon{margin:0 -20px 30px;text-align:center}
.ribbon span{display:block;padding:16px 20px;font-size:clamp(21px,6vw,26px);line-height:1.55;color:#fff;
  background:linear-gradient(100deg,#ff5fa2,#c06bff 55%,#6fa8ff);transform:skewY(-3deg);box-shadow:0 6px 18px rgba(160,107,255,.35);text-shadow:0 2px 6px rgba(80,20,90,.4)}
.ribbon--r span{transform:skewY(3deg);background:linear-gradient(260deg,#ff5fa2,#c06bff 55%,#6fa8ff)}
.h2grad{text-align:center;font-size:clamp(24px,6.8vw,30px);line-height:1.5;margin-bottom:28px;
  background:linear-gradient(90deg,#e0338c,#9b4dff,#2f8be0);-webkit-background-clip:text;background-clip:text;color:transparent}

.sec{padding:64px 20px}
.box{padding:24px 18px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px rgba(176,71,154,.12)}

/* S2 */
.s2{background:#fff}
.s2__img{margin:0 -20px 24px}
.s2__img img{width:100%;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}

/* S3：左右交互の写真帯 */
.s3{background:linear-gradient(180deg,#fff5fb,#f4efff)}
.bands{display:grid;gap:34px}
.band{display:grid;grid-template-columns:1fr;background:#fff;box-shadow:0 8px 26px rgba(160,107,255,.15)}
.band__img img{width:100%;aspect-ratio:16/10;object-fit:cover}
.band--l .band__img img{-webkit-mask-image:linear-gradient(90deg,#000 70%,rgba(0,0,0,.25));mask-image:linear-gradient(90deg,#000 70%,rgba(0,0,0,.25))}
.band--r .band__img img{-webkit-mask-image:linear-gradient(270deg,#000 70%,rgba(0,0,0,.25));mask-image:linear-gradient(270deg,#000 70%,rgba(0,0,0,.25))}
.band__txt{position:relative;padding:4px 18px 24px}
.band__txt .band__no{font-family:"Noto Serif JP",serif;font-weight:900;font-size:52px;line-height:1;margin-top:-34px;
  background:var(--pgold);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #fff) drop-shadow(0 3px 6px rgba(185,122,79,.4))}
.band--r .band__txt{text-align:right}
.band--r .band__txt p{text-align:left}
.band__t{font-size:19px;line-height:1.5;margin:6px 0 10px;color:#7a2f8f}
.band__txt p{font-size:15px}
.vcard{background:#fff;margin-top:44px;border:3px solid transparent;
  background-image:linear-gradient(#fff,#fff),var(--rainbow);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 22px rgba(255,120,200,.35)}
.vcard__t{color:#b0479a}

.s3__after{margin-top:30px;text-align:center;font-weight:700}

/* S4 */
.s4{padding-top:0;background:#fff}
.s4__img{margin:0 -20px 18px}
.s4__img img{width:100%;-webkit-mask-image:linear-gradient(180deg,#000 65%,transparent);mask-image:linear-gradient(180deg,#000 65%,transparent)}
.qcard{position:relative;padding:30px 20px 24px;background:#fff;border:2px dashed #f0a6cf;border-radius:4px}
.qcard__q{font-size:min(19px,calc((100vw - 100px) / 15.8));line-height:1.6;color:#d6197a;margin-bottom:16px;text-align:center}
.qcard__src{margin-top:18px!important;font-size:12px;color:#8f7aa6;text-align:right}

/* S5 */
.s5{background:linear-gradient(180deg,#f4efff,#fff)}
.s5__img{margin:0 -20px 20px}
.s5__img img{width:100%;-webkit-mask-image:radial-gradient(ellipse 72% 72% at 50% 50%,#000 55%,transparent);mask-image:radial-gradient(ellipse 72% 72% at 50% 50%,#000 55%,transparent)}
.sign strong{color:#7a2f8f}

/* FAQ */
.faq{background:#fff}
.faq__item{box-shadow:0 4px 14px rgba(160,107,255,.1)}
.faq__q{background:linear-gradient(135deg,#ff5fa2,#a06bff)}

/* S7 */
.s7{background:linear-gradient(180deg,#fff,#fff0f8 60%,#efe6ff);text-align:left}
.s7__img{margin:-64px -20px 10px}
.s7__img img{width:100%;aspect-ratio:4/3;object-fit:cover;-webkit-mask-image:linear-gradient(180deg,transparent,#000 15%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 15%,#000 70%,transparent)}
.flow{background:#fff;padding:6px 18px;box-shadow:0 8px 26px rgba(160,107,255,.15)}
.flow__no{background:var(--pgold);color:#fff;text-shadow:0 1px 2px rgba(100,50,20,.5)}
.final__sub{color:#7a2f8f}
.final__main{background:linear-gradient(90deg,#e0338c,#9b4dff,#2f8be0);-webkit-background-clip:text;background-clip:text;color:transparent}
.book__title{--book-band:rgba(255,255,255,.92)}

/* 2026-11-13 調整：人物を見せるため帯を空の中ほどへ */
.fv{min-height:760px}
.fv__bg img{object-position:50% 100%}
.fv__sub{margin-top:150px}

/* =====================================================================
   2026-11-13 本番は案B（user「やっぱBパターンで」「全体的にオーロラな感じ」「ロゴは左上・フッター」）
   ・オーロラ：ピンク・ラベンダー・ミント・水色の光がゆっくり流れる（ロゴの緑と合わせてミントを足す）
   ・FV：本文3行を見出しの直下、本をFV内、「色・イメージ・言葉で〜」とボタンまでFV内
   ・アニメーションはガンガン（背景・セクション内とも）、星形は使わず丸いフレアと細かい粒
   ===================================================================== */
:root{--star:#fff;--star-glow:#ffb3dd;--flare-core:rgba(255,255,255,.75);--flare-mid:rgba(255,190,230,.3);
  --aurora:linear-gradient(90deg,#ff8fc8,#c9a7ff,#8fe6d2,#8fd3ff,#ffd6a5,#ff8fc8)}

/* 左上のロゴ（白の台紙の細いヘッダー） */
.hd{position:relative;z-index:5;display:flex;align-items:center;height:62px;padding:0 14px;background:#fff;box-shadow:0 2px 12px rgba(160,107,255,.15)}
.hd img{height:50px;width:auto}
.hd::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--aurora);background-size:200% 100%;animation:flow 6s linear infinite}
@keyframes flow{to{background-position:200% 0}}

/* オーロラ（ぼかした色の塊がゆっくり漂う） */
.aurora{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.aurora i{position:absolute;width:75%;height:45%;border-radius:50%;filter:blur(40px);opacity:.55;mix-blend-mode:screen;animation:drift 16s ease-in-out infinite alternate}
.aurora i:nth-child(1){left:-15%;top:5%;background:#ff9fd2;animation-duration:14s}
.aurora i:nth-child(2){right:-20%;top:25%;background:#b9a2ff;animation-duration:18s;animation-delay:-4s}
.aurora i:nth-child(3){left:10%;top:55%;background:#8ff0d6;animation-duration:20s;animation-delay:-8s}
.aurora i:nth-child(4){right:-10%;top:70%;background:#9fd8ff;animation-duration:15s;animation-delay:-2s}
@keyframes drift{0%{transform:translate(0,0) scale(1) rotate(0)}50%{transform:translate(18%,-10%) scale(1.25) rotate(20deg)}100%{transform:translate(-12%,12%) scale(.9) rotate(-15deg)}}
.sec{isolation:isolate;overflow:hidden}
.sec>.aurora{z-index:-1}
.sec>.aurora i{opacity:.32;mix-blend-mode:multiply;filter:blur(50px)}
.sec>*:not(.aurora):not(.stars){position:relative;z-index:1}
.sec .stars .dust{box-shadow:0 0 5px 2px rgba(255,170,220,.8)}

/* FV */
.fvb{min-height:0;padding:20px 18px 44px;overflow:hidden}
.fvb .fv__bg img{object-position:50% 100%;animation:kenburns 16s ease-in-out infinite alternate;transform-origin:50% 80%}
.fvb .fv__bg::after{background:linear-gradient(180deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.45) 30%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.35) 75%,#fff 100%)}
@keyframes kenburns{0%{transform:scale(1)}100%{transform:scale(1.12)}}
.fvb .fv__in{z-index:3}
.fvb .fv__lead{margin-top:0;font-size:14px;line-height:1.75;color:#5a2d72}
.fvb .fv__h1{margin-top:10px;font-size:inherit;line-height:1.3;letter-spacing:0;color:#7a2f8f}
.fvb .fv__l1,.fvb .fv__l2{display:block}
.fvb .fv__l1{font-size:min(31px,calc((100vw - 36px) / 12.2))}
.fvb .fv__l2{margin-top:2px;font-size:min(30px,calc((100vw - 36px) / 11))}
.fvb .fv__l2 b{font-size:1.45em;display:inline-block;
  background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.95) 50%,transparent 58%),linear-gradient(90deg,#e0338c,#a24dff 30%,#2fa6c9 60%,#e0338c 100%);
  background-size:300% 100%,200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;
  filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 2px #fff) drop-shadow(0 0 10px rgba(255,170,220,.9));animation:textshine 3.2s ease-in-out infinite,hue 8s linear infinite}
@keyframes textshine{0%{background-position:120% 0,0 0}60%,100%{background-position:-20% 0,0 0}}
@keyframes hue{to{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 2px #fff) drop-shadow(0 0 10px rgba(255,170,220,.9)) hue-rotate(40deg)}}
.fvb .fv__sub{margin-top:12px}
.fvb .fv__sub span{font-size:min(15px,calc((100vw - 70px) / 19));background:linear-gradient(90deg,#ff4fa0,#a06bff,#3fb6d9,#ff4fa0);background-size:200% 100%;animation:flow 5s linear infinite}
.fvb .fv__body{margin-top:14px;font-size:15px;font-weight:700;line-height:1.65;color:#3d2a52;text-shadow:0 0 6px #fff,0 0 12px #fff}
.fvb .fv__body p+p{margin-top:.4em}
.fvb .gift__row{margin-top:16px;padding:8px 0}
.halo{position:absolute;left:50%;top:50%;width:300px;height:300px;margin:-150px 0 0 -150px;border-radius:50%;z-index:0;
  background:conic-gradient(from 0deg,#ff9fd2,#c9a7ff,#8ff0d6,#9fd8ff,#ffd6a5,#ff9fd2);filter:blur(28px);opacity:.75;animation:spin 10s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.fvb .book{position:relative;z-index:2;width:min(46%,180px);animation:float 4s ease-in-out infinite}
.fvb .book__main{font-size:25px}
.fvb .book__sub{font-size:12px}
.fvb .book__kicker{font-size:9px;margin-bottom:6px}
.fvb .book__body{animation:bookglow 2.6s ease-in-out infinite}
.book__body::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:3;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.7) 50%,transparent 60%);background-size:300% 100%;animation:bookshine 3.6s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes bookglow{0%,100%{box-shadow:12px 16px 26px rgba(120,60,150,.35),0 0 24px 4px rgba(255,170,220,.4)}50%{box-shadow:12px 16px 26px rgba(120,60,150,.35),0 0 50px 14px rgba(200,160,255,.75)}}
@keyframes bookshine{0%{background-position:120% 0}55%,100%{background-position:-20% 0}}
.fvb .gift__badge{z-index:3;right:6px;bottom:0;width:86px;height:86px;animation:badge 2.4s ease-in-out infinite}
@keyframes badge{0%,100%{transform:rotate(8deg) scale(1)}50%{transform:rotate(8deg) scale(1.1)}}
.fvb .gift__body{margin-top:18px;padding:16px 14px 7%!important;font-size:14px;line-height:1.6;background-size:auto,300% 100%;animation:flowborder 6s linear infinite}
.fvb .gift__body p+p{margin-top:.4em}
@keyframes flowborder{to{background-position:0 0,300% 0}}
.fvb .cta{margin-top:18px}

/* 虹色の枠・帯を流す */
:root{--rainbow:linear-gradient(90deg,#ff5fa2,#ff9a5a,#ffd84d,#5fd3a8,#5bb8ff,#a06bff,#ff5fa2,#ff9a5a,#ffd84d,#5fd3a8,#5bb8ff,#a06bff,#ff5fa2)}
.vcard{background-size:auto,300% 100%;animation:flowborder 6s linear infinite}
.ribbon span{background-size:200% 100%;animation:flow 6s linear infinite;background-image:linear-gradient(100deg,#ff5fa2,#c06bff 30%,#6fa8ff 55%,#5fd3a8 75%,#ff5fa2)}
.h2grad{background-image:linear-gradient(90deg,#e0338c,#9b4dff,#2f8be0,#2fb59a,#e0338c);background-size:200% 100%;animation:flow 6s linear infinite}
.band__img,.s2__img,.s4__img,.s5__img,.s7__img{overflow:hidden}
.band__img img,.s2__img img,.s4__img img,.s5__img img,.s7__img img{animation:kenburns 12s ease-in-out infinite alternate}
.band__txt .band__no{animation:glint 2.8s ease-in-out infinite}
@keyframes glint{0%,100%{filter:drop-shadow(0 2px 0 #fff) drop-shadow(0 3px 6px rgba(185,122,79,.4))}50%{filter:drop-shadow(0 2px 0 #fff) drop-shadow(0 0 12px rgba(255,200,120,.95)) brightness(1.2)}}
.stars .rise{animation-name:rise}
@keyframes rise{0%{opacity:0;transform:translateY(30px)}20%{opacity:1}100%{opacity:0;transform:translateY(-160px)}}

/* 画面に入ったら出す */
.js .rv{opacity:0;transform:translateY(34px) scale(.97);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.js .rv.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none}}

/* フッターのロゴ（白の台紙） */
.foot{background:#fff;color:#7a5a8f;border-top:3px solid transparent;border-image:var(--aurora) 1}
.foot__logo{height:86px;width:auto;margin:6px auto 8px}
.fvb .book__sub{font-size:11px;letter-spacing:0;white-space:nowrap}
.hd{height:76px}
.hd img{height:64px}
/* 原稿の行のまま1行に収める（人生は、次の次元へ。） */
.fvb .fv__l2{font-size:min(30px,calc((100vw - 40px) / 12.3));white-space:nowrap}
.fvb .fv__l2 b{font-size:1.3em}
.fvb .fv__l1{white-space:nowrap}
.fvb .fv__sub span{font-size:min(15px,calc((100vw - 80px) / 20));white-space:nowrap}
/* 320〜360pxの狭い画面で途中改行させない */
.fvb .fv__body{font-size:min(15px,calc((100vw - 40px) / 21.5))}
.fvb .gift__body{font-size:min(14px,calc((100vw - 80px) / 20.5))}
.fvb .book__main{font-size:min(25px,6.4vw);white-space:nowrap}
.fvb .book__sub{font-size:min(11px,3vw)}

/* =====================================================================
   2026-11-13 緑系・色数を絞る（user「緑系でよくて」「色数が多すぎて見づらい」「斜めのサブヘッドは置かない・普通に線」）
   色の役割：台紙＝白／文字＝深い緑のグレー／主色＝ロゴの深緑／淡色＝ミント／アクセント＝金（線・番号・飾りだけ）
   虹色・ピンク・紫は使わない
   ===================================================================== */
:root{
  --g-ink:#26402f;--g-deep:#1f5a3c;--g-main:#2e7d55;--g-light:#e8f3ea;--g-mint:#cfe8d6;--g-gold:#b8913e;--g-gold-l:#e6cf8f;
  --page-bg:#f4f8f3;--page-bg-pc:linear-gradient(180deg,#f4f8f3,#e4efe6);--paper:#fff;--ink:var(--g-ink);--card:#fff;--line:#cfe0d3;
  --accent:var(--g-main);--accent-ink:#fff;--sel:var(--g-main);
  --star:#fff;--star-glow:rgba(230,207,143,.9);--flare-core:rgba(255,255,255,.8);--flare-mid:rgba(230,207,143,.28);
  --note-bg:#fff;--note-ink:var(--g-deep);
  --btn-bg:linear-gradient(180deg,#5cc08a 0%,#2e9a62 45%,#1f7a4c 55%,#43ad75 100%);
  --btn-rim:#f1e2b2;--btn-ink:#fff;--btn-tshadow:0 1px 3px rgba(10,50,30,.6);
  --btn-shadow:0 0 0 3px rgba(230,207,143,.55),0 0 22px 4px rgba(120,200,150,.55),0 8px 16px rgba(31,90,60,.3);
  --arw-bg:#fff;--arw-ink:var(--g-main);
  --foot-bg:#fff;--foot-ink:#5d7565;--sticky-bg:rgba(255,255,255,.96);
  --aurora:linear-gradient(90deg,var(--g-mint),var(--g-gold-l),var(--g-mint));
}
body{color:var(--g-ink)}
.page{background:#fff}

/* オーロラ：ミントと淡い金の2色だけ */
.aurora i:nth-child(1){background:#bfe6cc}
.aurora i:nth-child(2){background:#f3e3b0}
.aurora i:nth-child(3){background:#cdeedd}
.aurora i:nth-child(4){background:#e9f5d8}
.sec>.aurora i{opacity:.45}
.sec .stars .dust{box-shadow:0 0 5px 2px rgba(230,207,143,.8)}
.fvb .fv__bg::after{background:linear-gradient(180deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.5) 32%,rgba(255,255,255,.15) 52%,rgba(255,255,255,.35) 75%,#fff 100%)}

/* FV */
.fvb .fv__lead{color:var(--g-ink)}
.fvb .fv__h1{color:var(--g-deep)}
.fvb .fv__l1,.fvb .fv__l2{text-shadow:0 0 6px #fff,0 0 12px #fff}
.fvb .fv__l2 b{background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.95) 50%,transparent 58%),linear-gradient(180deg,#3c9a68 0%,#1f5a3c 100%);
  background-size:300% 100%,100% 100%;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 8px rgba(255,255,255,.9));animation:textshine 3.2s ease-in-out infinite}
/* サブヘッド：斜めの帯をやめ、上下の細い線（金） */
.fvb .fv__sub span{transform:none;background:none;animation:none;box-shadow:none;color:var(--g-deep);padding:8px 4px;
  border-top:1px solid var(--g-gold);border-bottom:1px solid var(--g-gold);text-shadow:0 0 6px #fff,0 0 10px #fff;font-size:min(16px,calc((100vw - 60px) / 19.5))}
.fvb .fv__body{color:var(--g-ink)}
.halo{background:radial-gradient(circle,rgba(255,255,255,.95) 0,rgba(214,238,222,.8) 40%,rgba(230,207,143,.4) 62%,transparent 72%);filter:blur(6px);opacity:1;animation:halo 3.4s ease-in-out infinite}
@keyframes halo{0%,100%{transform:scale(.92);opacity:.8}50%{transform:scale(1.06);opacity:1}}
@keyframes bookglow{0%,100%{box-shadow:12px 16px 26px rgba(31,90,60,.25),0 0 24px 4px rgba(230,207,143,.4)}50%{box-shadow:12px 16px 26px rgba(31,90,60,.25),0 0 46px 12px rgba(230,207,143,.75)}}
.book__body{border-color:var(--g-gold-l)}
.book__title{color:var(--g-deep);--book-band:rgba(255,255,255,.94)}
.book__kicker{color:var(--g-gold)}
/* 無料バッジ：深緑の丸に白文字・金の縁（読みやすさ優先） */
.gift__badge,.fvb .gift__badge{background:var(--g-deep);color:#fff;text-shadow:none;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--g-gold),0 6px 16px rgba(31,90,60,.35)}
.gift__badge b{color:#fff;font-size:27px}
.fvb .gift__body{background:#fff;border:1px solid var(--g-gold-l);animation:none;background-image:none}
.cta__note{background:#fff;color:var(--g-deep);border:1px solid var(--g-gold-l)}
.cta__note::after{border-top-color:var(--g-gold-l)}

/* 見出し：飾り（若葉のつる＋地球）＋普通の見出し＋細い線 */
.h2g{text-align:center;margin:0 0 30px;font-family:"Noto Serif JP",serif;font-weight:900;color:var(--g-deep);font-size:clamp(23px,6.6vw,29px);line-height:1.5;letter-spacing:.04em}
.h2g>span:last-child{display:block;padding-bottom:16px;position:relative}
.h2g>span:last-child::after{content:"";position:absolute;left:50%;bottom:0;width:140px;height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--g-gold),transparent)}
.orn{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:10px;color:var(--g-main)}
.orn__leaf{width:64px;height:21px;animation:sway 4s ease-in-out infinite;transform-origin:100% 80%}
.orn__leaf[style]{transform-origin:0 80%;animation-name:sway2}
.orn__globe{color:var(--g-gold);animation:globe 6s linear infinite}
@keyframes sway{0%,100%{transform:rotate(0)}50%{transform:rotate(-5deg)}}
@keyframes sway2{0%,100%{transform:scaleX(-1) rotate(0)}50%{transform:scaleX(-1) rotate(-5deg)}}
@keyframes globe{0%,100%{filter:drop-shadow(0 0 0 rgba(230,207,143,0))}50%{filter:drop-shadow(0 0 6px rgba(230,207,143,.95))}}

/* 本文の台紙・番号・枠を緑と金に統一 */
.box,.band,.flow,.faq__item,.qcard{background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(31,90,60,.08)}
.band__t,.qcard__q,.vcard__t,.sign strong,.final__sub{color:var(--g-deep)}
.band__txt .band__no{background:linear-gradient(180deg,#d9bd72,#a8802f);-webkit-background-clip:text;background-clip:text;color:transparent}
.band--l .band__img img,.band--r .band__img img{-webkit-mask-image:none;mask-image:none}
.qcard{border:1px solid var(--g-gold-l)}
.qcard__src{color:#6f8576}
.vcard{background:#fff;border:1px solid var(--g-gold);outline:1px solid var(--g-gold-l);outline-offset:5px;background-image:none;animation:none;box-shadow:none}
.vcard__list li::before{content:"";display:inline-block;width:7px;height:7px;margin:0 8px 2px 0;border-radius:50%;background:var(--g-main);vertical-align:middle}
.vcard__list li+li{border-top-color:var(--line)}
.faq__q{background:var(--g-main)}
.faq__aa{border-color:var(--g-main);color:var(--g-main)}
.faq__item summary::after{color:var(--g-main)}
.final__main{background:none;color:var(--g-deep);-webkit-background-clip:border-box;background-clip:border-box}
.s3,.s5,.s7{background:var(--g-light)}
.s2,.s4,.faq{background:#fff}
.foot{border-image:none;border-top:1px solid var(--line)}
.hd{display:none}

/* 受け取りの流れ：スマホのモックで図解 */
.fm{display:grid;gap:22px;margin-top:6px}
.fm__item{display:grid;grid-template-columns:118px 1fr;gap:16px;align-items:center;padding:18px 16px 7%;background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(31,90,60,.08)}
.fm__no{font-family:"Noto Serif JP",serif;font-weight:900;color:var(--g-gold);font-size:13px;letter-spacing:.12em}
.fm__no b{font-size:22px}
.fm__t{font-family:"Noto Serif JP",serif;font-weight:900;color:var(--g-deep);font-size:17px;line-height:1.45;margin:2px 0 8px}
.fm__txt p{font-size:14px;line-height:1.7}
.fm__txt p+p{margin-top:.6em}
.ph{position:relative;width:118px;aspect-ratio:9/18.5;padding:6px;border-radius:20px;background:linear-gradient(145deg,#3a4a40,#151d18);box-shadow:0 10px 20px rgba(31,90,60,.25),inset 0 0 0 1px rgba(255,255,255,.15);animation:float 4.5s ease-in-out infinite}
.fm__item:nth-child(2) .ph{animation-delay:-1.5s}
.fm__item:nth-child(3) .ph{animation-delay:-3s}
.ph::before{content:"";position:absolute;top:9px;left:50%;width:34px;height:6px;margin-left:-17px;border-radius:4px;background:#0c120e;z-index:2}
.ph__scr{position:relative;height:100%;border-radius:15px;overflow:hidden;background:#fff;display:flex;flex-direction:column;font-size:9px;line-height:1.35}
.ph__bar{display:flex;align-items:center;gap:4px;padding:16px 8px 6px;background:var(--g-light);color:var(--g-deep);font-weight:700;font-size:8.5px}
.ph__bar--line{background:#06C755;color:#fff;justify-content:center;font-size:10px;letter-spacing:.05em}
.ph__bar .ph__ava{width:14px;height:auto}
.ph__prof{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px}
.ph__prof .ph__ava{width:40px;height:auto;padding:4px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--line)}
.ph__name{font-weight:700;color:var(--g-ink);font-size:9px}
.ph__btn{display:inline-block;padding:5px 10px;border-radius:999px;background:var(--g-main);color:#fff;font-weight:700;font-size:8.5px;white-space:nowrap}
.ph__btn--line{background:#06C755;animation:tap 2.4s ease-in-out infinite}
@keyframes tap{0%,70%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(6,199,85,.5)}80%{transform:scale(.92);box-shadow:0 0 0 8px rgba(6,199,85,0)}}
.ph__chat{flex:1;padding:10px 7px;background:#eef3ef}
.ph__msg{width:86%;padding:6px;border-radius:2px 10px 10px 10px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08);text-align:center;animation:pop 3s ease-in-out infinite}
@keyframes pop{0%,10%{opacity:0;transform:translateY(6px)}20%,90%{opacity:1;transform:none}100%{opacity:1}}
.ph__thumb{display:block;height:44px;margin-bottom:5px;border-radius:2px;background:linear-gradient(160deg,#dff0e3,#f6ecd0);position:relative}
.ph__thumb::after{content:"";position:absolute;left:50%;top:6px;width:22px;height:32px;margin-left:-11px;background:#fff;border:1px solid var(--g-gold-l);box-shadow:2px 2px 4px rgba(31,90,60,.2)}
.ph__msg p{font-weight:700;color:var(--g-deep);margin-bottom:5px}
.ph__book{flex:1;padding:10px 9px;background:linear-gradient(180deg,#fff,#f4f8f1)}
.ph__q{font-family:"Noto Serif JP",serif;font-weight:900;color:var(--g-deep);font-size:10.5px;line-height:1.4;margin-bottom:8px;text-align:center}
.ph__line{display:block;height:4px;margin:6px 0;border-radius:2px;background:var(--g-mint)}
.ph__line--s{width:60%}
.ph__dots{display:flex;gap:4px;justify-content:center;margin-top:10px}
.ph__dots i{width:12px;height:12px;border-radius:50%;background:#bfe0c9}
.ph__dots i:nth-child(2){background:#f0dca0}
.ph__dots i:nth-child(3){background:#9fcfb0}
.no-ar .ph{height:242px}
@media (max-width:360px){.fm__item{grid-template-columns:100px 1fr;gap:12px}.ph{width:100px}}
.fvb .fv__l2 b{-webkit-background-clip:text;background-clip:text;color:transparent;background-repeat:no-repeat}
.foot{color:#5d7565}

/* ビジョンカード：大人っぽく（user 2026-11-13「ハートはいらない・10代20代の少女みたい・もう少し大人な感じ」）
   記号は使わず、金の明朝の番号＋細い罫線、金の細い二重枠 */
.vcard{padding:30px 22px 7%;text-align:left;border:1px solid var(--g-gold);outline:1px solid var(--g-gold-l);outline-offset:-7px;background:#fff}
.vcard__en{text-align:center;font-family:"Noto Serif JP",serif;font-size:11px;letter-spacing:.35em;color:var(--g-gold);margin-bottom:4px}
.vcard__t{text-align:center;font-size:18px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--g-gold-l)}
.vcard__list li{display:flex;align-items:baseline;gap:14px;padding:12px 4px;font-weight:700;font-size:15px;color:var(--g-ink)}
.vcard__list li::before{content:none!important;display:none!important}
.vcard__list li+li{border-top:1px solid var(--line)}
.vcard__no{flex:0 0 auto;font-family:"Noto Serif JP",serif;font-weight:900;font-size:18px;color:var(--g-gold);letter-spacing:.04em}

/* =====================================================================
   2026-11-13 パステルに戻し、色数だけ絞る（user「全体を緑にする必要なくて、さっきのパステル系でいい。色使いすぎってこと」）
   色の役割（これ以外は使わない）
   台紙＝白／背景＝淡いパステル（ピンク〜ラベンダーの光）／見出し・文字＝落ち着いたモーブ／線・番号・飾り＝金／ボタン＝ローズピンク1色
   虹色の流れる帯・枠・グラデーション文字はやめる
   ===================================================================== */
:root{
  --g-ink:#41364a;--g-deep:#6b4a7e;--g-main:#8a6a9e;--g-light:#faf5fb;--g-mint:#efe4f2;--g-gold:#b8913e;--g-gold-l:#e6cf8f;
  --page-bg:#fbf7fb;--page-bg-pc:linear-gradient(180deg,#fbf3f8,#f1e9f6);--line:#eadcee;--sel:#b5578a;
  --btn-bg:linear-gradient(180deg,#f59cc4 0%,#e0558f 45%,#c93d78 55%,#ec78aa 100%);
  --btn-rim:#f1e2b2;--btn-tshadow:0 1px 3px rgba(110,20,60,.5);
  --btn-shadow:0 0 0 3px rgba(230,207,143,.55),0 0 22px 5px rgba(245,156,196,.55),0 8px 16px rgba(150,60,110,.25);
  --arw-ink:#c93d78;--star-glow:rgba(245,190,220,.9);--flare-mid:rgba(245,190,225,.3);
  --rainbow:linear-gradient(var(--g-gold-l),var(--g-gold-l));--aurora:linear-gradient(90deg,#f6d6e8,#e9dcf6,#f6d6e8);
}
/* オーロラ：ピンクとラベンダーの2色だけ */
.aurora i:nth-child(1),.aurora i:nth-child(3){background:#f7c9e0}
.aurora i:nth-child(2),.aurora i:nth-child(4){background:#dccdf5}
.sec>.aurora i{opacity:.4}
.sec .stars .dust{box-shadow:0 0 5px 2px rgba(245,190,220,.85)}
.halo{background:radial-gradient(circle,rgba(255,255,255,.95) 0,rgba(245,214,232,.8) 40%,rgba(230,207,143,.4) 62%,transparent 72%)}
/* 「次の次元へ。」はモーブ1色（＋光の筋だけ） */
.fvb .fv__l2 b{background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.95) 50%,transparent 58%),linear-gradient(180deg,#8a5aa0 0%,#5e3d72 100%);
  background-size:300% 100%,100% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes bookglow{0%,100%{box-shadow:12px 16px 26px rgba(107,74,126,.22),0 0 24px 4px rgba(230,207,143,.4)}50%{box-shadow:12px 16px 26px rgba(107,74,126,.22),0 0 46px 12px rgba(245,200,225,.75)}}
.gift__badge,.fvb .gift__badge{background:var(--g-deep)}
/* 番号・飾り・枠は金とモーブだけ */
.orn{color:var(--g-main)}
.box,.band,.flow,.faq__item,.qcard,.fm__item{box-shadow:0 8px 24px rgba(107,74,126,.08)}
.s3,.s5,.s7{background:var(--g-light)}
/* スマホモック：画面の地色もモーブ系に（LINEの緑はLINEの画面なのでそのまま） */
.ph{background:linear-gradient(145deg,#4a4150,#1c171f);box-shadow:0 10px 20px rgba(107,74,126,.25),inset 0 0 0 1px rgba(255,255,255,.15)}
.ph__chat{background:#f5eff7}
.ph__thumb{background:linear-gradient(160deg,#f3e3ee,#f6ecd0)}
.ph__book{background:linear-gradient(180deg,#fff,#faf5fb)}
.ph__dots i{background:#e6d6ee}.ph__dots i:nth-child(2){background:#f0dca0}.ph__dots i:nth-child(3){background:#d9c3e6}
.ph__btn{background:var(--g-deep)}
.ph__btn--line{background:#06C755}

/* 見出しの上の飾りは使わない（user 2026-11-13「上にある草、この装飾みたいなの全部いらない」） */
.orn{display:none!important}

/* 主宰の紹介：本人写真（user 2026-11-13 許可・ヒアリングシートで顔写真掲載＝可）。写真は無加工、金の細い枠をずらして重ねる */
.prof{position:relative;width:min(74%,300px);margin:0 auto 34px}
.prof::before{content:"";position:absolute;top:12px;right:-12px;bottom:-12px;left:12px;inset:12px -12px -12px 12px;border:1px solid var(--g-gold);z-index:0}
.prof img{position:relative;z-index:1;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 20%;box-shadow:0 12px 30px rgba(107,74,126,.18)}
.prof figcaption{position:relative;z-index:2;margin:-26px -10px 0 auto;width:max-content;max-width:100%;padding:8px 14px;background:#fff;border:1px solid var(--g-gold-l);text-align:right;line-height:1.5;font-size:12px;color:var(--g-ink)}
.prof figcaption b{display:block;font-family:"Noto Serif JP",serif;font-size:17px;color:var(--g-deep)}
.no-ar .prof img{height:auto}

/* ボタン：ラメなしの普通のグラデーション（user 2026-11-13「キラキラのラメ入ったボタンじゃなくてOK」） */
:root{--btn-bg:linear-gradient(135deg,#f08fb9 0%,#d9558f 55%,#c2457f 100%);
  --btn-shadow:0 0 0 2px rgba(230,207,143,.6),0 8px 18px rgba(194,69,127,.28)}
.cta__btn::after{content:none;display:none}

/* モック02：受取の案内を画面の中央に（user 2026-11-13） */
.ph__chat{display:flex;flex-direction:column;align-items:center;justify-content:center}
.ph__msg{margin:0 auto;border-radius:6px}

/* 丸い粒・泡は全セクションで使わない（user 2026-11-13「見づらい、全部いらない」） */
.stars{display:none!important}
/* モックの見出しを途中で割らない */
@media (max-width:420px){.fm__t{font-size:min(17px,calc((100vw - 210px) / 12))}}

/* =====================================================================
   2026-11-13 ページ全体の背景：壁紙＋色＋アニメーション（user「クオルレボみたいに、スピ系の洗練された光の背景」）
   上から差しこむ光・横に流れる光のすじ・漂うオーロラ（ピンクとラベンダーの2色）。本文の台紙は白の不透明のまま
   ===================================================================== */
body{background:#f4ecf6}
.page{background:transparent;isolation:isolate}
.bgfx{position:fixed;top:0;bottom:0;left:50%;width:min(100%,480px);transform:translateX(-50%);z-index:-1;overflow:hidden;
  background:linear-gradient(180deg,#f8eff8 0%,#efe5f6 45%,#f8ecf3 100%)}
.bgfx__wall{position:absolute;top:-4%;left:-4%;width:108%;height:108%;max-width:none;object-fit:cover;opacity:.8;animation:wallzoom 28s ease-in-out infinite alternate}
@keyframes wallzoom{0%{transform:scale(1) translateY(0)}100%{transform:scale(1.1) translateY(-2%)}}
.bgfx__rays{position:absolute;top:-20%;left:-60%;width:220%;height:140%;mix-blend-mode:soft-light;
  background:repeating-linear-gradient(105deg,rgba(255,255,255,0) 0 46px,rgba(255,255,255,.55) 70px,rgba(255,255,255,0) 100px,rgba(255,255,255,0) 150px);
  -webkit-mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.6) 45%,transparent 85%);mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.6) 45%,transparent 85%);
  animation:rays 22s linear infinite}
@keyframes rays{0%{transform:translateX(0)}100%{transform:translateX(150px)}}
.bgfx__veil{position:absolute;left:50%;top:-25%;width:140%;height:70%;transform:translateX(-50%);border-radius:50%;
  background:radial-gradient(ellipse at 50% 40%,rgba(255,250,240,.9) 0,rgba(255,236,246,.5) 35%,transparent 70%);animation:veil 6s ease-in-out infinite}
@keyframes veil{0%,100%{opacity:.65;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.08)}}
.bgfx .aurora{z-index:1}
.bgfx .aurora i{opacity:.35;mix-blend-mode:multiply;filter:blur(60px)}
/* セクションの背景は透明にして壁紙を見せる（各セクションのオーロラは消し、全体の1枚に統一） */
.sec,.s2,.s3,.s4,.s5,.s7,.faq{background:transparent!important}
.sec>.aurora{display:none}
.fvb .fv__bg::after{background:linear-gradient(180deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.5) 32%,rgba(255,255,255,.15) 52%,rgba(255,255,255,.2) 80%,rgba(255,255,255,0) 100%)}
.fvb .fv__bg{-webkit-mask-image:linear-gradient(180deg,#000 85%,transparent);mask-image:linear-gradient(180deg,#000 85%,transparent)}
.s4__img img,.s2__img img,.s7__img img{-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 80%,transparent);mask-image:linear-gradient(180deg,transparent,#000 12%,#000 80%,transparent)}
.foot{position:relative}
@media (prefers-reduced-motion:reduce){.bgfx *{animation:none!important}}

/* =====================================================================
   2026-11-13 修正：中央のコンテナは透過しない（user「メインセクションを透過すると見づらい」）
   壁紙・光・アニメーションはPCで見える外側の背景だけ。外側はもっとキラキラ（丸いフレア＋細かいラメ）
   ===================================================================== */
.page{background:#fff;box-shadow:0 0 0 1px rgba(230,207,143,.5),0 0 60px rgba(107,74,126,.25)}
.s2,.s4,.faq{background:#fff!important}
.s3,.s5,.s7{background:#faf5fb!important}
.fvb .fv__bg{-webkit-mask-image:none;mask-image:none}
.fvb .fv__bg::after{background:linear-gradient(180deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.5) 32%,rgba(255,255,255,.15) 52%,rgba(255,255,255,.35) 75%,#fff 100%)}
.fvb{background:#fff}
/* 外側の背景：画面いっぱい（中央の列の後ろ）。スマホでは中央の列が全幅なので見えない */
.bgfx{left:0;right:0;width:auto;transform:none;z-index:-1}
.bgfx__wall{opacity:.9}
.gl{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;pointer-events:none}
.gl i{position:absolute;display:block;border-radius:50%}
.gl__f{background:radial-gradient(circle,rgba(255,255,255,.9) 0,rgba(255,226,240,.45) 40%,transparent 70%);mix-blend-mode:screen;animation:glf 5s ease-in-out infinite}
.gl__d{background:#fff;box-shadow:0 0 6px 2px rgba(255,236,190,.95),0 0 12px 4px rgba(255,200,230,.5);animation:gld 2.6s ease-in-out infinite}
@keyframes glf{0%,100%{opacity:.3;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}
@keyframes gld{0%,100%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.2)}}
@media (max-width:520px){.bgfx{display:none}}

/* =====================================================================
   2026-11-13 文字の見直し（user「フォントがダサい」）：書体は Noto Serif JP／Noto Sans JP のまま、使い方を洗練
   見出しは SemiBold（600）・字間広め・白いぼかしなし。本文は Regular・字間と行間を少し広く
   ===================================================================== */
body{font-weight:400;letter-spacing:.05em;line-height:1.95}
.fvb .fv__h1,.h2g,.band__t,.qcard__q,.vc2__t,.fm__t,.final__main,.final__sub,.sign strong,.fv__sub span,.book__main,.book__sub{font-weight:600}
.fvb .fv__l1,.fvb .fv__l2{text-shadow:none;letter-spacing:.06em}
.fvb .fv__l1{font-size:min(29px,calc((100vw - 40px) / 12.9))}
.fvb .fv__l2{font-size:min(28px,calc((100vw - 40px) / 13))}
.fvb .fv__l2 b{font-weight:700;filter:none}
.fvb .fv__lead{font-weight:500;letter-spacing:.08em}
.fvb .fv__body{font-weight:500;text-shadow:none;letter-spacing:.06em}
.fvb .fv__sub span{text-shadow:none;letter-spacing:.1em}
.h2g{letter-spacing:.1em;line-height:1.6}
.band__t,.fm__t{letter-spacing:.06em}
.box p,.band__txt p,.fm__txt p,.qcard p,.faq__a p,.gift__body p{letter-spacing:.05em}
.gift__badge b,.book__main{font-weight:700}

/* 追従ボタン：中央の列の幅に収める（PCで外側の背景を隠さない） */
.sticky{left:50%;right:auto;width:min(100%,480px);transform:translateX(-50%);background:transparent}

/* ビジョンカード：実物の書き込み式カードとして見せる */
.vc2{position:relative;width:min(88%,320px);margin:52px auto 10px}
.vc2__stack{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;background:#fff;border:1px solid var(--g-gold-l);transform:rotate(5deg) translate(8px,6px);box-shadow:0 10px 24px rgba(107,74,126,.14)}
.vc2__card{position:relative;background:#fffdf9;border:1px solid var(--g-gold);outline:1px solid var(--g-gold-l);outline-offset:-8px;transform:rotate(-2deg);
  box-shadow:0 18px 36px rgba(107,74,126,.22);overflow:hidden;animation:cardfloat 5s ease-in-out infinite}
@keyframes cardfloat{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-6px)}}
.vc2__card::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.7) 50%,transparent 60%);background-size:300% 100%;animation:bookshine 5s ease-in-out infinite;pointer-events:none}
.vc2__head{position:relative;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 14px 14px;text-align:center;overflow:hidden}
.vc2__head img{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;opacity:.85}
.vc2__head::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;background:linear-gradient(180deg,rgba(255,253,249,0) 0,rgba(255,253,249,.55) 55%,#fffdf9 100%)}
.vc2__en,.vc2__t{position:relative;z-index:1}
.vc2__en{font-family:"Noto Serif JP",serif;font-size:10px;letter-spacing:.4em;color:var(--g-gold);margin-bottom:2px}
.vc2__t{font-family:"Noto Serif JP",serif;font-size:min(17px,calc((100vw - 120px) / 15));color:var(--g-deep);letter-spacing:.08em;white-space:nowrap}
.vc2__list{padding:6px 22px 9%}
.vc2__f{padding:12px 0 6px}
.vc2__f+.vc2__f{border-top:1px solid var(--line)}
.vc2__lab{display:flex;align-items:baseline;gap:10px;font-weight:500;font-size:14px;color:var(--g-ink);letter-spacing:.06em;line-height:1.6}
.vc2__no{font-family:"Noto Serif JP",serif;font-weight:600;font-size:17px;color:var(--g-gold)}
.vc2__w{display:block;height:16px;margin-left:30px;border-bottom:1px dashed #d9c9e0}
.no-ar .vc2__head{height:120px}
.sticky,.sticky.is-show{transform:translateX(-50%)}

/* ボタン：LINEの緑（user 2026-11-13「LINEのボタンなので緑色でいい」）。ラメなしのグラデーション＋光の筋だけ */
:root{--btn-bg:linear-gradient(180deg,#3fd47c 0%,#06C755 50%,#05a84a 100%);--btn-ink:#fff;--btn-rim:#e9f9ef;
  --btn-shadow:0 0 0 2px rgba(6,199,85,.25),0 8px 18px rgba(6,140,60,.3);--btn-tshadow:0 1px 2px rgba(0,80,30,.45);--arw-ink:#06a84a}
.cta__ico circle{fill:#fff}
.cta__ico path[fill="#fff"]{fill:#06C755}
.cta__ico path[fill="#06C755"]{fill:#fff}

/* 字間を広げた分、狭い画面で折れないよう調整 */
.cta__txt{letter-spacing:.02em}
.fvb .fv__body{font-size:min(15px,calc((100vw - 40px) / 23))}

/* 主宰からの手紙：便箋（罫線）＋ペンで書くように1文字ずつ＋書き終えたら下線（user 2026-11-13） */
.letter{position:relative;padding:30px 22px 9%;background-color:#fffdf8;border:1px solid var(--g-gold-l);box-shadow:0 10px 26px rgba(107,74,126,.12);
  background-image:repeating-linear-gradient(180deg,transparent 0,transparent 33px,#efe2ea 33px,#efe2ea 34px);background-position:0 28px;
  font-family:"Noto Serif JP",serif;font-weight:500;color:#4a3a55;font-size:15.5px;line-height:34px;letter-spacing:.06em}
.letter p+p{margin-top:34px}
.letter::before{content:"";position:absolute;left:14px;top:0;bottom:0;width:1px;background:rgba(214,140,170,.35)}
.letter .ch{opacity:1}
.letter.is-ready .ch{opacity:0;filter:blur(2px);transition:opacity .35s ease,filter .35s ease}
.letter.is-ready .ch.on{opacity:1;filter:none}
.letter .ul{text-decoration:none;background-image:linear-gradient(transparent 62%,rgba(230,207,143,.75) 62%,rgba(230,207,143,.75) 92%,transparent 92%);
  background-repeat:no-repeat;background-size:100% 100%;transition:background-size 1s ease}
.letter.is-ready .ul{background-size:0 100%}
.letter.is-done .ul{background-size:100% 100%}
.letter.is-done .ul:nth-of-type(2){transition-delay:.25s}
.letter .sign{font-family:"Noto Sans JP",sans-serif;font-weight:400;line-height:1.7;margin-top:30px!important}
.letter .sign strong{font-family:"Noto Serif JP",serif}

/* 主宰の写真：宣材写真（正方形）に差し替え（2026-11-13）→ 枠も正方形にして帽子を切らない */
.prof img{aspect-ratio:1/1;object-position:50% 50%}

/* =====================================================================
   2026-11-13 配色をターコイズ×ゴールドに（user「色味をターコイズ・ゴールド系に出来ますか」）
   台紙＝白／背景＝淡いターコイズの光／見出し・文字＝深いターコイズ／線・番号＝金／ボタン＝LINEの緑のまま
   ===================================================================== */
:root{
  --g-ink:#23403f;--g-deep:#0e6467;--g-main:#2a9493;--g-light:#f1f8f7;--g-mint:#dcefec;--g-gold:#b8913e;--g-gold-l:#e6cf8f;
  --page-bg:#f4faf9;--page-bg-pc:linear-gradient(180deg,#eef8f6,#e3f2ef);--line:#d6eae6;--sel:#1a8582;
  --star-glow:rgba(150,225,215,.9);--flare-mid:rgba(170,230,220,.3);
  --aurora:linear-gradient(90deg,#c9ece6,#f3e6c0,#c9ece6);
}
.aurora i:nth-child(1),.aurora i:nth-child(3){background:#a8e1d9}
.aurora i:nth-child(2),.aurora i:nth-child(4){background:#f1dfa8}
.halo{background:radial-gradient(circle,rgba(255,255,255,.95) 0,rgba(200,238,232,.8) 40%,rgba(230,207,143,.45) 62%,transparent 72%)}
.fvb .fv__l2 b{background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.95) 50%,transparent 58%),linear-gradient(180deg,#1f9b98 0%,#0b5a5d 100%);
  background-size:300% 100%,100% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes bookglow{0%,100%{box-shadow:12px 16px 26px rgba(14,100,103,.22),0 0 24px 4px rgba(230,207,143,.45)}50%{box-shadow:12px 16px 26px rgba(14,100,103,.22),0 0 46px 12px rgba(170,230,220,.75)}}
.box,.band,.flow,.faq__item,.qcard,.fm__item{box-shadow:0 8px 24px rgba(14,100,103,.08)}
.s3,.s5,.s7{background:var(--g-light)!important}
.page{box-shadow:0 0 0 1px rgba(230,207,143,.5),0 0 60px rgba(14,100,103,.22)}
.ph{background:linear-gradient(145deg,#3d4b4b,#161d1d);box-shadow:0 10px 20px rgba(14,100,103,.25),inset 0 0 0 1px rgba(255,255,255,.15)}
.ph__chat{background:#eef7f6}
.ph__thumb{background:linear-gradient(160deg,#d9f0ec,#f6ecd0)}
.ph__book{background:linear-gradient(180deg,#fff,#f1f8f7)}
.ph__dots i{background:#cfe9e4}.ph__dots i:nth-child(2){background:#f0dca0}.ph__dots i:nth-child(3){background:#b5ddd6}
.prof img{box-shadow:0 12px 30px rgba(14,100,103,.18)}
/* 外側の背景（PC）：淡いターコイズ＋金の光。壁紙は色相をターコイズへ寄せる */
body{background:#e8f4f2}
.bgfx{background:linear-gradient(180deg,#eef9f7 0%,#e2f2ef 45%,#f6f1e2 100%)}
.bgfx__wall{filter:hue-rotate(185deg) saturate(.85)}
.bgfx__veil{background:radial-gradient(ellipse at 50% 40%,rgba(255,250,236,.9) 0,rgba(225,245,240,.5) 35%,transparent 70%)}
.gl__f{background:radial-gradient(circle,rgba(255,255,255,.9) 0,rgba(200,240,232,.45) 40%,transparent 70%)}
.gl__d{box-shadow:0 0 6px 2px rgba(255,236,190,.95),0 0 12px 4px rgba(160,228,218,.5)}
/* ビジョンカード・手紙 */
.vc2__stack{box-shadow:0 10px 24px rgba(14,100,103,.14)}
.vc2__card{box-shadow:0 18px 36px rgba(14,100,103,.2)}
.vc2__w{border-bottom-color:#c4e1dc}
.letter{color:#2c4746;box-shadow:0 10px 26px rgba(14,100,103,.12);
  background-image:repeating-linear-gradient(180deg,transparent 0,transparent 33px,#dcece9 33px,#dcece9 34px)}
.letter::before{background:rgba(42,148,147,.3)}

/* =====================================================================
   2026-11-13 FVの文章に動き（user「この辺はもっと動きあるデザインにしたい」）
   読み込み時に順に：導入2行→見出し1行目を1文字ずつ→「次の次元へ。」が光って広がる→サブ見出し→本文3行が1行ずつ＋金の線
   from 側だけ透明にしているので、動きを減らす設定（animation:none）でも文字は普通に出る
   ===================================================================== */
.fvb .fv__ln{display:inline-block;animation:fvIn 1s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.15s + var(--i) * .4s)}
.fvb .fv__c{font-style:normal;display:inline-block;animation:fvChar .7s ease-out both;animation-delay:calc(.95s + var(--i) * .05s)}
.fvb .fv__l2a{display:inline-block;animation:fvIn .9s ease-out both;animation-delay:1.65s}
.fvb .fv__l2 b{animation:fvBloom 1.3s cubic-bezier(.2,.8,.2,1) 1.9s both,bookshine 4s ease-in-out 3.2s infinite,fvGlow 3.6s ease-in-out 3.2s infinite}
.fvb .fv__sub{animation:fvIn 1s ease-out 2.5s both}
.fvb .fv__body--anim p{position:relative;width:max-content;max-width:100%;margin-left:auto;margin-right:auto;animation:fvSlide .9s cubic-bezier(.2,.8,.2,1) both}
.fvb .fv__body--anim p:nth-child(1){animation-delay:2.9s}
.fvb .fv__body--anim p:nth-child(2){animation-delay:3.25s}
.fvb .fv__body--anim p:nth-child(3){animation-delay:3.6s}
.fvb .fv__body--anim p::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:linear-gradient(90deg,transparent,var(--g-gold) 20%,var(--g-gold) 80%,transparent);
  transform-origin:left center;animation:fvLine 1s ease-out both}
.fvb .fv__body--anim p:nth-child(1)::after{animation-delay:3.4s}
.fvb .fv__body--anim p:nth-child(2)::after{animation-delay:3.75s}
.fvb .fv__body--anim p:nth-child(3)::after{animation-delay:4.1s}
@keyframes fvIn{from{opacity:0;transform:translateY(12px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes fvChar{from{opacity:0;transform:translateY(.4em) scale(.9);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
@keyframes fvBloom{from{opacity:0;transform:scale(1.35);filter:blur(10px)}60%{opacity:1;filter:blur(0) drop-shadow(0 0 14px rgba(230,207,143,.95))}to{opacity:1;transform:none;filter:drop-shadow(0 0 4px rgba(230,207,143,.5))}}
@keyframes fvGlow{0%,100%{filter:drop-shadow(0 0 3px rgba(230,207,143,.45))}50%{filter:drop-shadow(0 0 10px rgba(230,207,143,.9))}}
@keyframes fvSlide{from{opacity:0;transform:translateX(-18px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@keyframes fvLine{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:.8}}
.fvb .fv__body--anim p+p{margin-top:.55em}
/* 画像の色味もターコイズ側へ（FV背景・本の表紙・カードの頭の画像） */
.fvb .fv__bg img{filter:hue-rotate(170deg) saturate(.75) brightness(1.03)}
.book__art,.vc2__head img{filter:hue-rotate(170deg) saturate(.8)}

/* =====================================================================
   2026-11-13 ボタン：きらびやかなゴールド（user「ボタンはゴールド」「めっちゃ派手な感じでいい、キラキラさせたい」）
   金属の流れるグラデーション＋光の筋＋細かいラメの瞬き＋外側の光の脈動
   吹き出し：紫に白文字、ボタンの上辺に重ねて一体化し、ボタンと一緒に拡大縮小（user「コメントとボタンを分離しない・一緒に動く」）
   ===================================================================== */
:root{
  --btn-bg:linear-gradient(180deg,#fff6d2 0%,#f7dc8a 18%,#e2b44c 42%,#c18f2c 50%,#d9a83f 58%,#f5d77f 82%,#fff3c6 100%);
  --btn-ink:#fff;--btn-rim:#fff1bf;--btn-tshadow:0 1px 0 #7a520c,0 0 2px #7a520c,0 0 10px rgba(120,80,10,.55);
  --btn-shadow:0 0 0 2px #c9993a,0 0 20px 5px rgba(255,212,110,.75),0 10px 18px rgba(120,80,10,.35);
  --arw-bg:#fff;--arw-ink:#c18f2c;
  --btn-glitter:radial-gradient(circle at 12% 30%,#fff 0 1.4px,transparent 2.2px),radial-gradient(circle at 34% 72%,#fff 0 1px,transparent 1.8px),
    radial-gradient(circle at 58% 22%,#fff 0 1.6px,transparent 2.4px),radial-gradient(circle at 76% 64%,#fff 0 1.1px,transparent 1.9px),
    radial-gradient(circle at 90% 38%,#fff 0 1.3px,transparent 2.1px),radial-gradient(circle at 46% 48%,rgba(255,255,255,.9) 0 .9px,transparent 1.6px);
}
.cta__btn{background-size:100% 220%;animation:goldflow 3.2s ease-in-out infinite,goldglow 2.4s ease-in-out infinite}
.cta__btn::before{width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.95),transparent);animation:shine 2.2s ease-in-out infinite}
.cta__btn::after{content:"";display:block;background:var(--btn-glitter);background-size:90px 60px;mix-blend-mode:screen;opacity:1;animation:glitter 1.4s steps(3) infinite,twinkle 1.1s ease-in-out infinite}
.cta__txt{font-weight:800}
@keyframes goldflow{0%,100%{background-position:0 0}50%{background-position:0 100%}}
@keyframes goldglow{0%,100%{box-shadow:0 0 0 2px #c9993a,0 0 14px 3px rgba(255,212,110,.6),0 10px 18px rgba(120,80,10,.3)}
  50%{box-shadow:0 0 0 2px #e8c065,0 0 30px 9px rgba(255,220,120,.95),0 10px 18px rgba(120,80,10,.3)}}
@keyframes twinkle{0%,100%{opacity:.55}50%{opacity:1}}
/* 吹き出しとボタンを一体に：ラッパーごと拡大縮小 */
.cta{position:relative;animation:btnpulse 2.4s ease-in-out infinite}
.cta>.cta__btn{animation:goldflow 3.2s ease-in-out infinite,goldglow 2.4s ease-in-out infinite}
.cta__note{position:relative;z-index:3;margin-bottom:-12px;padding:6px 20px;border:0;border-radius:999px;
  background:linear-gradient(180deg,#8d5bc4,#6a3a9e);color:#fff;font-weight:700;letter-spacing:.08em;
  box-shadow:0 0 0 2px #fff,0 0 0 3px #d9b45a,0 4px 10px rgba(80,40,120,.35)}
.cta__note::after{border-top-color:#6a3a9e;bottom:-6px}
.cta:hover{animation-play-state:paused}
/* 追従ボタンは拡大縮小なし（LP共通ルール）。光・ラメは同じ */
.sticky .cta__btn{animation:goldflow 3.2s ease-in-out infinite,goldglow 2.4s ease-in-out infinite}
/* 白文字が読めるよう金を深めに */
:root{--btn-bg:linear-gradient(180deg,#f9e29a 0%,#e0b04a 20%,#c68f22 46%,#a87412 52%,#c99328 62%,#e8bf5a 84%,#fbe7a6 100%);
  --btn-tshadow:0 1px 0 #5e3d05,0 0 3px #6b4708,0 0 12px rgba(90,55,5,.6)}
/* 1〜2文字だけの最終行（「に。」など）を出さない */
.sec p,.gift__body p,.fv__body p{text-wrap:pretty}

/* =====================================================================
   2026-11-13 FV文章の作り直し（user「もっとキラキラ」「アニメーションは一部でいい」「行間を詰める」「文章すぎるのでメリハリ・色味」）
   動きは「次の次元へ。」の光だけ残し、1文字ずつ・横すべり・下線の演出はやめる
   色の役割：導入＝落ち着いた墨色の小さめ／見出し1行目＝深いターコイズ／「次の次元へ。」＝輝く金／サブ＝白抜きのターコイズ帯／本文3行＝要所だけ色
   ===================================================================== */
.fvb .fv__ln,.fvb .fv__c,.fvb .fv__l2a,.fvb .fv__sub,.fvb .fv__body--anim p{animation:none}
.fvb .fv__body--anim p::after{content:none}
.fvb .fv__lead{font-size:min(13.5px,calc((100vw - 40px) / 22));line-height:1.7;color:#4c5f5e;letter-spacing:.1em}
.fvb .fv__lead .fv__ln{animation:fvIn 1s ease-out both;animation-delay:calc(.1s + var(--i) * .3s)}
.fvb .fv__h1{margin-top:12px;line-height:1.25}
.fvb .fv__l1{color:var(--g-deep)}
/* 「次の次元へ。」輝く金（金属のグラデーション＋光の筋＋金の後光） */
.fvb .fv__l2 b{position:relative;
  background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,1) 50%,transparent 60%),linear-gradient(180deg,#f7e3a1 0%,#d9a93c 38%,#a8730f 55%,#d6a33a 72%,#f3d98b 100%);
  background-size:300% 100%,100% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:fvBloom 1.3s cubic-bezier(.2,.8,.2,1) .7s both,bookshine 3.2s ease-in-out 2s infinite,fvGlow 3s ease-in-out 2s infinite}
@keyframes fvGlow{0%,100%{filter:drop-shadow(0 0 2px rgba(255,236,170,.9)) drop-shadow(0 0 8px rgba(230,190,90,.45))}50%{filter:drop-shadow(0 0 3px rgba(255,246,200,1)) drop-shadow(0 0 16px rgba(240,200,100,.85))}}
.fvb .fv__l2a{color:var(--g-deep)}
/* サブ見出し：ターコイズの帯に白文字（金の細い縁） */
.fvb .fv__sub{margin-top:14px}
.fvb .fv__sub span{display:inline-block;padding:7px 16px;color:#fff;background:linear-gradient(90deg,#0f6f71,#1a8f8c,#0f6f71);
  box-shadow:0 0 0 1px #fff,0 0 0 2px var(--g-gold-l),0 6px 14px rgba(14,100,103,.25);letter-spacing:.08em;text-shadow:none}
.fvb .fv__sub::before,.fvb .fv__sub::after{display:none}
.fvb .fv__sub{border:0!important}
/* 本文3行：行間を詰め、文字は少し大きく。要所に色 */
.fvb .fv__body{margin-top:14px;line-height:1.5;font-size:min(16px,calc((100vw - 40px) / 21.5));color:var(--g-ink)}
.fvb .fv__body--anim p+p{margin-top:.25em}
.fvb .fv__body p:nth-child(1),.fvb .fv__body p:nth-child(2){color:var(--g-deep)}
.fvb .fv__body p:nth-child(3){font-weight:700;background:linear-gradient(180deg,#d9a93c,#a8730f);-webkit-background-clip:text;background-clip:text;color:transparent}
.fvb .fv__sub span{border-top:0;border-bottom:0;font-size:min(15px,calc((100vw - 80px) / 20))}
/* 無料バッジ：金に黒文字、動きなし（user 2026-11-13） */
.gift__badge,.fvb .gift__badge{animation:none!important;color:#111;
  background:radial-gradient(circle at 35% 28%,#fff4c8 0,#f0d27e 30%,#d4a443 62%,#b8862b 100%);
  box-shadow:0 0 0 2px #fff,0 0 0 3px #c99a3b,0 6px 14px rgba(120,80,10,.3)}
.gift__badge b,.fvb .gift__badge b{color:#111}
.gift__badge span{color:#111;font-weight:700}
.fvb .fv__body p{white-space:nowrap}.fvb .fv__body p:nth-child(3){font-size:min(15.5px,calc((100vw - 36px) / 22.5))}

/* 2026-11-13 ボタンはLINEの緑に戻す・粒子（ラメ）なし（user「粒子みたいなアニメーションは不要」「LINEボタンは全部緑」）
   動きは共通ルールどおり：本文のボタンは拡大縮小＋左→右の光、追従は光だけ。吹き出しは金に黒文字（ボタンと一体のまま） */
:root{--btn-bg:linear-gradient(180deg,#3fd47c 0%,#06C755 50%,#05a84a 100%);--btn-ink:#fff;--btn-rim:#e9f9ef;
  --btn-shadow:0 0 0 2px rgba(6,199,85,.25),0 8px 18px rgba(6,140,60,.3);--btn-tshadow:0 1px 2px rgba(0,80,30,.45);--arw-bg:#fff;--arw-ink:#06a84a}
.cta__btn,.cta>.cta__btn,.sticky .cta__btn{background-size:100% 100%;animation:none;box-shadow:var(--btn-shadow)}
.cta__btn::after{content:none;display:none}
.cta__note{background:linear-gradient(180deg,#fbe7a6 0%,#e8c065 45%,#d4a443 100%);color:#111;
  box-shadow:0 0 0 2px #fff,0 0 0 3px #c99a3b,0 4px 10px rgba(120,80,10,.25)}
.cta__note::after{border-top-color:#d4a443}

/* 2026-11-13 FVの文字に白の光彩（user「白の光彩をかけてなじませる」）。通常の文字は text-shadow、金のグラデ文字は drop-shadow */
.fvb .fv__lead,.fvb .fv__l1,.fvb .fv__l2a,.fvb .fv__body p:nth-child(1),.fvb .fv__body p:nth-child(2){
  text-shadow:0 0 4px #fff,0 0 10px #fff,0 0 18px rgba(255,255,255,.9),0 0 30px rgba(255,255,255,.7)}
.fvb .fv__body p:nth-child(3){filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 8px #fff) drop-shadow(0 0 14px rgba(255,255,255,.8))}
@keyframes fvGlow{0%,100%{filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 10px rgba(255,255,255,.95)) drop-shadow(0 0 8px rgba(230,190,90,.45))}
  50%{filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 14px rgba(255,255,255,1)) drop-shadow(0 0 18px rgba(240,200,100,.85))}}
/* FVの本を大きく（user 2026-11-13「もう少し大きめでいい」） */
.fvb .book{width:min(60%,240px)}
.fvb .book__main{font-size:min(32px,8.2vw)}
.fvb .book__sub{font-size:min(15px,3.8vw)}
.fvb .gift__badge{width:94px;height:94px;right:2px}
@media (max-width:374px){.fvb .gift__badge{width:76px;height:76px;right:0;bottom:-12px}.fvb .gift__badge b{font-size:21px}.fvb .gift__badge span{font-size:10px}.fvb .book__main{font-size:min(30px,7.6vw)}}
/* 人物のイメージ写真は四辺をぼかして背景になじませる（user 2026-11-13「写真にマスク等をかけて馴染ませる」） */
.s2__img img,.s4__img img{-webkit-mask-image:radial-gradient(ellipse 72% 68% at 50% 46%,#000 52%,transparent 100%);mask-image:radial-gradient(ellipse 72% 68% at 50% 46%,#000 52%,transparent 100%)}
/* カーソルを合わせたら吹き出しもボタンと一緒に沈む（user 2026-11-13） */
.cta__note{transition:transform .15s}
.cta:hover>.cta__note,.cta:hover>.cta__btn{transform:translateY(3px)}
.band__img img[src*="p_bloom"]{filter:hue-rotate(165deg) saturate(.7)}
/* 「次の次元へ。」は白の光彩だけ（金の光彩はやめる・user 2026-11-13） */
@keyframes fvGlow{0%,100%{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 6px #fff) drop-shadow(0 0 14px rgba(255,255,255,.95))}
  50%{filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 9px #fff) drop-shadow(0 0 20px rgba(255,255,255,1))}}
@keyframes fvBloom{from{opacity:0;transform:scale(1.35);filter:blur(10px)}60%{opacity:1;filter:blur(0) drop-shadow(0 0 16px #fff)}
  to{opacity:1;transform:none;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 6px #fff) drop-shadow(0 0 14px rgba(255,255,255,.95))}}
/* FVの文章を大きく（user 2026-11-13「見させたい部分なので文字を大きく」）。3行目は「」と」の後で2行に */
.fvb .fv__lead{font-size:min(16px,calc((100vw - 36px) / 20.5));line-height:1.65}
.fvb .fv__l1{font-size:min(32px,calc((100vw - 30px) / 12.6));letter-spacing:.02em}
.fvb .fv__l2{font-size:min(31px,calc((100vw - 30px) / 12.2));letter-spacing:.02em}
.fvb .fv__sub span{font-size:min(17px,calc((100vw - 70px) / 18.5));padding:8px 14px}
.fvb .fv__body{font-size:min(19px,calc((100vw - 40px) / 17))}
.fvb .fv__body p:nth-child(3){font-size:inherit;line-height:1.45}
.fvb .fv__lead{white-space:nowrap;letter-spacing:.06em;font-size:min(16px,calc((100vw - 36px) / 21))}
.fvb .fv__sub span{white-space:nowrap;letter-spacing:.06em;font-size:min(17px,calc((100vw - 76px) / 21.5))}

/* 本の下の説明（色・イメージ・言葉で〜）：方眼紙の台紙＋ターコイズグリーンの下線（user 2026-11-13「緑の下線」「マス目、方眼用紙みたいな台紙」） */
.fvb .gift__body{background-color:#fff;border:1px solid #cfe6e1;
  background-image:linear-gradient(rgba(42,148,147,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(42,148,147,.13) 1px,transparent 1px);
  background-size:16px 16px;background-position:-1px -1px;box-shadow:0 8px 22px rgba(14,100,103,.1)}
.fvb .gift__body p{display:table;margin-left:auto;margin-right:auto;padding:0 2px;color:var(--g-ink);
  background:linear-gradient(transparent 64%,rgba(43,170,150,.32) 64%,rgba(43,170,150,.32) 92%,transparent 92%)}
.fvb .gift__body p+p{margin-top:.7em}

/* 2026-11-13 FVはアニメーションなし（user「スマホでボケて見える。FVはフェードインも不要」）。光彩は静止で残す。導入文の光彩は細めにして文字をくっきり */
.fvb .fv__ln,.fvb .fv__lead .fv__ln,.fvb .fv__c,.fvb .fv__l2a,.fvb .fv__sub,.fvb .fv__body p,.fvb .fv__body--anim p,.fvb .fv__body--anim p::after{animation:none!important;opacity:1;transform:none;filter:none}
.fvb .fv__l2 b{animation:none!important;transform:none;opacity:1;
  filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 6px #fff) drop-shadow(0 0 14px rgba(255,255,255,.95))}
.fvb .fv__body p:nth-child(3){filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 7px #fff)}
.fvb .fv__lead{text-shadow:0 0 2px #fff,0 0 6px #fff,0 0 12px rgba(255,255,255,.8)}
.fvb .fv__bg img,.fvb .aurora i,.fvb .halo,.fvb .book,.fvb .book__body,.fvb .book__body::after,.fvb .book__title{animation:none!important}
/* 見出しの句読点まわりの空きを詰める（user 2026-11-13） */
.fvb .fv__h1{font-feature-settings:"palt" 1}
.fvb .fv__l1,.fvb .fv__l2{letter-spacing:.04em}
/* FVの文章を上に詰めて、スマホで本が全部見えるように（user 2026-11-13） */
.fvb .fv__in{padding-top:18px}
.fvb .fv__h1{margin-top:6px}
.fvb .fv__sub{margin-top:10px}
.fvb .fv__body{margin-top:10px;line-height:1.35}
.fvb .fv__body--anim p+p{margin-top:.12em}
.fvb .fv__body p:nth-child(3){line-height:1.3;margin-top:.2em}
.fvb .gift__row{margin-top:6px;padding-top:0}
.fvb{padding-top:0!important}
.fvb .fv__in{padding-top:10px!important}
/* 本の大きさは画面の高さに合わせる（追従ボタンの上に本が全部収まる。大きい画面では最大240px） */
.fvb .book{width:clamp(180px,calc((100vh - 420px) * .75),min(60%,240px))}
@supports (height:100svh){.fvb .book{width:clamp(180px,calc((100svh - 420px) * .75),min(60%,240px))}}

/* =====================================================================
   2026-11-13 FVの人物（user「インパクトが少ない。横顔など、次の次元へという洗練された神々しい感じ」）
   Muse の横顔（v_fv1：目を閉じた横顔＋上からの光）。色はそのまま（もとからターコイズ×金）
   ===================================================================== */
.fvb .fv__bg img{filter:none;animation:none}
/* 案A：全面の背景 */
.fvb.fvA .fv__bg img{width:100%;height:100%;object-fit:cover;object-position:50% 78%}
.fvb.fvA .fv__bg::after{background:linear-gradient(180deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.55) 30%,rgba(255,255,255,.1) 50%,rgba(255,255,255,0) 72%,rgba(255,255,255,.6) 92%,#fff 100%)}
/* 案B：右側に寄せてマスクでなじませる */
.fvb.fvB .fv__bg{background:linear-gradient(180deg,#f3fbf9 0%,#e3f3ef 55%,#fff 100%)}
.fvb.fvB .fv__bg img{position:absolute;top:auto;bottom:4%;left:auto;right:-22%;width:92%;height:auto;aspect-ratio:1/2;object-fit:cover;object-position:50% 70%;
  -webkit-mask-image:radial-gradient(ellipse 60% 55% at 55% 62%,#000 45%,transparent 100%);mask-image:radial-gradient(ellipse 60% 55% at 55% 62%,#000 45%,transparent 100%)}
.fvb.fvB .fv__bg::after{background:linear-gradient(180deg,rgba(255,255,255,.4) 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 85%,#fff 100%)}
/* 案C：本を左に寄せ、右に横顔（左右反転して本と文字の方を向く） */
.fvb.fvC .fv__bg{background:linear-gradient(180deg,#f3fbf9 0%,#e6f4f1 60%,#fff 100%)}
.fvb.fvC .fv__bg img{position:absolute;top:150px;bottom:auto;left:auto;right:-16%;width:80%;height:auto;aspect-ratio:1/2;object-fit:cover;object-position:50% 50%;transform:scaleX(-1);
  -webkit-mask-image:radial-gradient(ellipse 62% 48% at 50% 52%,#000 50%,transparent 100%);mask-image:radial-gradient(ellipse 62% 48% at 50% 52%,#000 50%,transparent 100%)}
.fvb.fvC .fv__bg::after{background:linear-gradient(180deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,0) 28%,rgba(255,255,255,0) 80%,#fff 100%)}
.fvb.fvC .gift__row{display:flex;justify-content:flex-start;padding-left:2%}
.fvb.fvC .book{margin:0}
.fvb.fvC .halo{left:-10%}
.fvb.fvC .gift__badge{right:auto;left:calc(min(60%,240px) - 46px)}
.fvb.fvC .gift__badge{left:calc(min(60%,240px) - 20px);bottom:-14px}
@media (max-width:374px){.fvb.fvC .gift__badge{left:calc(min(60%,240px) - 26px)}}
/* FVの文章は全部明朝（user 2026-11-13「ここのテキスト全部明朝体で大丈夫」） */
.fvb .fv__lead,.fvb .fv__sub span,.fvb .fv__body,.fvb .fv__body p{font-family:"Noto Serif JP",serif}
.fvb .fv__lead{font-weight:600}
.fvb .fv__body{font-weight:600}
.fvb .fv__body p:nth-child(3){font-weight:700}
.fvb .book__sub{font-size:min(13.5px,3.3vw);letter-spacing:0}
/* 2026-11-13 FVの人物はやめる（user「人物不要。BOOKはセンター配置でいい」）→ 元の光の背景（色相をターコイズへ）・本は中央 */
.fvb .fv__bg img{filter:hue-rotate(170deg) saturate(.75) brightness(1.03)}

/* =====================================================================
   2026-11-13 FVの「次の次元へ。」をもっと目立たせる（user「ゴールドの部分をめっちゃ目立たせたい」）
   大きく・濃淡の強い金属の金＋濃い金の細い縁＋背後に金の光だまり。光の筋は既存の bookshine を流用（ぼけない動き）
   ===================================================================== */
.fvb .fv__l2a{font-size:.86em}
.fvb .fv__l2 b{font-size:1.28em;font-weight:900;isolation:isolate;
  background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.95) 48%,rgba(255,250,225,1) 50%,transparent 62%),
    linear-gradient(180deg,#fff3c4 0%,#f5d77a 22%,#d9a12a 46%,#9a6406 56%,#c98f1e 70%,#f6dc8a 88%,#fff1bd 100%);
  background-size:280% 100%,100% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 .6px #7a4d00) drop-shadow(0 1px 0 rgba(120,76,0,.55)) drop-shadow(0 0 5px #fff) drop-shadow(0 0 14px rgba(255,214,120,.95));
  animation:bookshine 3.4s ease-in-out .6s infinite!important}
.fvb .fv__l2 b::before{content:"";position:absolute;z-index:-1;left:-8%;right:-8%;top:8%;bottom:0;
  background:radial-gradient(ellipse 50% 50% at 50% 55%,rgba(255,226,140,.75) 0,rgba(255,236,180,.45) 45%,transparent 72%);pointer-events:none}

/* =====================================================================
   2026-11-13 本の表紙の題名（人生の次のステージを描く／未来先取りBOOK）を目立たせる・キラキラ（user）
   帯はFVの見出し帯と同じターコイズ、題名は金属の金＋光の筋、表紙全体の光の筋（既存）を戻す、表紙に金の縁と細かい光の粒・丸いフレア
   ===================================================================== */
.fvb .book__body{box-shadow:0 0 0 2px #fff,0 0 0 4px #d4a443,0 0 26px rgba(255,214,120,.75),0 14px 30px rgba(14,80,80,.28)}
.fvb .book__title{--book-band:rgba(11,88,90,.94);background:linear-gradient(180deg,transparent 40%,rgba(11,88,90,.55) 52%,var(--book-band) 66%,#08494b 100%);
  padding-bottom:11%;text-shadow:none;color:#fff}
.fvb .book__kicker{color:#f3d98b;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.fvb .book__sub{color:#fff8e4;font-weight:700;letter-spacing:.04em;text-shadow:0 1px 3px rgba(0,40,40,.6);
  display:flex;align-items:center;gap:6px}
.fvb .book__sub::before,.fvb .book__sub::after{content:"";width:14px;height:1px;background:linear-gradient(90deg,transparent,#f3d98b)}
.fvb .book__sub::after{background:linear-gradient(90deg,#f3d98b,transparent)}
.fvb .book__main{font-weight:900;font-size:min(36px,9.2vw);
  background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,1) 49%,transparent 60%),
    linear-gradient(180deg,#fff6cf 0%,#f7dc84 30%,#e0ac3a 55%,#f4d27a 78%,#fff3c6 100%);
  background-size:280% 100%,100% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 1px 1px rgba(0,30,30,.6)) drop-shadow(0 0 8px rgba(255,214,120,.65));
  animation:bookshine 3.4s ease-in-out 1.4s infinite!important}
.fvb .book__body::after{animation:bookshine 3.8s ease-in-out 1s infinite!important}
/* 表紙の光の粒（細かい点）と丸いフレア。星形は使わない（user 2026-11-13） */
.fvb .book__title::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;mix-blend-mode:screen;
  background:
    radial-gradient(circle at 18% 22%,rgba(255,250,230,1) 0,rgba(255,230,160,.6) 1.6px,transparent 4px),
    radial-gradient(circle at 74% 14%,rgba(255,250,230,1) 0,rgba(255,230,160,.6) 1.4px,transparent 3.5px),
    radial-gradient(circle at 86% 46%,rgba(255,250,230,1) 0,rgba(255,230,160,.6) 1.8px,transparent 4.5px),
    radial-gradient(circle at 30% 54%,rgba(255,250,230,1) 0,rgba(255,230,160,.6) 1.2px,transparent 3px),
    radial-gradient(circle at 60% 34%,rgba(255,250,230,1) 0,rgba(255,230,160,.6) 1.3px,transparent 3.2px),
    radial-gradient(circle at 12% 72%,rgba(255,250,230,.9) 0,rgba(255,230,160,.5) 1.2px,transparent 3px),
    radial-gradient(circle at 92% 78%,rgba(255,250,230,.9) 0,rgba(255,230,160,.5) 1.4px,transparent 3.5px),
    radial-gradient(circle at 80% 26%,rgba(255,240,200,.75) 0,rgba(255,210,120,.3) 12%,transparent 26%),
    radial-gradient(circle at 22% 40%,rgba(255,240,200,.55) 0,rgba(255,210,120,.22) 10%,transparent 22%);
  animation:flare 2.6s ease-in-out infinite!important}
@media (prefers-reduced-motion:reduce){.fvb .fv__l2 b,.fvb .book__main,.fvb .book__body::after,.fvb .book__title::after{animation:none!important}}
/* 「次の次元へ。」のにじみを抑えて輪郭をくっきり（光だまりは弱く、影は細く） */
.fvb .fv__l2 b{filter:drop-shadow(0 0 .5px #6e4400) drop-shadow(0 1px 0 rgba(110,68,0,.45)) drop-shadow(0 0 3px #fff) drop-shadow(0 0 8px rgba(255,220,130,.7))}
.fvb .fv__l2 b::before{background:radial-gradient(ellipse 48% 42% at 50% 58%,rgba(255,232,160,.5) 0,rgba(255,240,195,.25) 50%,transparent 75%)}

/* 2026-11-13 夜2 「次の次元へ。」が汚い（user「黒色入れるとおかしい。白系・黄色系で光らせる」）
   → 茶・黒の縁と影をやめ、明るい金（茶色を混ぜない）＋白の光彩＋淡い黄色の光。背後の光だまりは白〜淡い黄 */
.fvb .fv__l2 b{
  background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.9) 50%,transparent 60%),
    linear-gradient(180deg,#f9e08f 0%,#efc24e 40%,#e2a92a 62%,#f2c95c 82%,#fbe6a2 100%);
  background-size:280% 100%,100% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 5px #fff) drop-shadow(0 0 10px rgba(255,255,255,.95)) drop-shadow(0 0 16px rgba(255,236,150,.8))}
.fvb .fv__l2 b::before{background:radial-gradient(ellipse 52% 46% at 50% 55%,rgba(255,255,255,.85) 0,rgba(255,246,200,.5) 50%,transparent 76%)}

/* 本の題名：黄みを抑えた白っぽいシャンパンゴールド＋白の光彩（user「黄みが強い。白めのゴールド」） */
.fvb .book__main{
  background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,1) 50%,transparent 60%),
    linear-gradient(180deg,#ffffff 0%,#fff7e0 30%,#f3dfae 58%,#fbf0d2 80%,#ffffff 100%);
  background-size:280% 100%,100% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 1px 1px rgba(0,40,40,.45)) drop-shadow(0 0 6px rgba(255,255,255,.75)) drop-shadow(0 0 12px rgba(255,240,200,.5))}
.fvb .book__kicker{color:#f6e8c4}
.fvb .book__sub{color:#fff}
.fvb .book__sub::before{background:linear-gradient(90deg,transparent,#f6e8c4)}
.fvb .book__sub::after{background:linear-gradient(90deg,#f6e8c4,transparent)}
/* 薄くて背景に溶けるので、金を少し濃く（黄〜山吹のみ、茶は入れない）・白の光彩は細く */
.fvb .fv__l2 b{
  background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.85) 50%,transparent 60%),
    linear-gradient(180deg,#f3c84a 0%,#e6a91e 45%,#dc9a10 62%,#eab434 82%,#f6d26a 100%);
  background-size:280% 100%,100% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;
  filter:drop-shadow(0 0 1.5px #fff) drop-shadow(0 0 4px #fff) drop-shadow(0 0 12px rgba(255,232,140,.85))}
.fvb .fv__l2 b::before{background:radial-gradient(ellipse 52% 46% at 50% 55%,rgba(255,255,255,.6) 0,rgba(255,246,200,.35) 50%,transparent 76%)}
.fvb .book__main{filter:drop-shadow(0 1px 1px rgba(0,40,40,.5)) drop-shadow(0 0 4px rgba(255,255,255,.6))}