/* 2026-11-13 FVの作り直し試作（user「次の次元へをもっと目立たせたい・FVごと変えた方がいい」→ 2案）
   色は緑系（user「緑の方がいい」）、フォントは元の明朝。動きは光の筋（bookshine 流用）と丸い光の点の明滅だけ */
@keyframes fvabShine{0%{background-position:120% 0,0 0}55%,100%{background-position:-20% 0,0 0}}
@keyframes fvabTw{0%,100%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}
.fvab .sp{position:absolute;z-index:4;width:var(--s,6px);height:var(--s,6px);border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,#fff 0,rgba(255,255,255,.9) 30%,rgba(255,255,255,0) 70%);box-shadow:0 0 8px 2px rgba(210,255,240,.95);
  animation:fvabTw 2.4s ease-in-out infinite;animation-delay:var(--d,0s)}

/* ---------- 案1：写真の上に見出しを重ねる ---------- */
.fvA2 .fv__in{padding-top:0!important}
.fvA2 .fvh{position:relative;margin:0 -18px;padding:22px 16px 0;min-height:min(132vw,560px);overflow:hidden;isolation:isolate}
.fvA2 .fvh__ph{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:-1}
.fvA2 .fvh__ph img{width:100%;height:100%;object-fit:cover;object-position:50% 62%;display:block}
.fvA2 .fvh__ph::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) 26%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 78%,rgba(255,255,255,.85) 94%,#fff 100%)}
.fvA2 .fv__lead{color:#1f4f4c}
.fvA2 .fv__h1{margin-top:8px!important}
.fvA2 .fv__l1{font-size:min(30px,calc((100vw - 30px) / 12.6))!important}
.fvA2 .fv__l2{position:relative;margin-top:6px;font-size:min(26px,calc((100vw - 30px) / 13))!important;line-height:1.15}
.fvA2 .fv__l2a{display:block;color:#0f5f5c!important}
.fvA2 .fv__l2 b{display:inline-block;font-size:2.15em;font-weight:900;letter-spacing:.02em;line-height:1.15;margin-top:2px;
  background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.95) 50%,transparent 60%),linear-gradient(180deg,#0b6b5f 0%,#11917d 45%,#2fbf8f 70%,#0c7a6a 100%)!important;
  background-size:280% 100%,100% 100%!important;background-repeat:no-repeat!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent;
  filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 6px #fff) drop-shadow(0 0 16px rgba(255,255,255,.95))!important;
  animation:fvabShine 3.4s ease-in-out .6s infinite!important}
.fvA2 .fv__l2 b::before{content:none}
.fvA2 .fvh+.fv__sub{margin-top:-8px}

/* ---------- 案2：濃い帯で抜く ---------- */
.fvB2 .fv__l2{position:relative;margin:12px -18px 0;padding:14px 10px 16px;overflow:hidden;
  background:radial-gradient(ellipse 70% 120% at 50% 50%,#13857f 0%,#0b5f5d 60%,#08484a 100%);
  box-shadow:inset 0 1px 0 #e9cf86,inset 0 -1px 0 #e9cf86,0 0 0 1px rgba(255,255,255,.7),0 10px 24px rgba(8,72,74,.28);
  font-size:min(27px,calc((100vw - 30px) / 12))!important;line-height:1.2;text-shadow:none}
.fvB2 .fv__l2::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.22) 50%,transparent 60%);background-size:300% 100%;
  animation:bookshine 3.6s ease-in-out 1s infinite}
.fvB2 .fv__l2a{color:#fff!important;text-shadow:none!important;font-size:.82em;vertical-align:.12em}
.fvB2 .fv__l2 b{font-size:1.5em;font-weight:900;
  background:linear-gradient(110deg,transparent 40%,#fff 50%,transparent 60%),linear-gradient(180deg,#ffffff 0%,#d9fff0 40%,#8ff0c8 70%,#f4e3a8 100%)!important;
  background-size:280% 100%,100% 100%!important;background-repeat:no-repeat!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent;
  filter:drop-shadow(0 0 6px rgba(140,255,210,.55)) drop-shadow(0 0 14px rgba(140,255,210,.35))!important;
  animation:fvabShine 3.4s ease-in-out .6s infinite!important}
.fvB2 .fv__l2 b::before{content:none}
/* 帯が2本続かないように、サブ見出しは金の細線だけの文字にする */
.fvB2 .fv__sub{margin-top:12px!important}
.fvB2 .fv__sub span{background:none!important;box-shadow:none!important;color:#0f5f5c!important;padding:6px 4px!important;
  border-top:1px solid #d9b75c!important;border-bottom:1px solid #d9b75c!important;text-shadow:0 0 4px #fff,0 0 10px #fff}
@media (prefers-reduced-motion:reduce){.fvab .sp,.fvab .fv__l2 b,.fvB2 .fv__l2::after{animation:none!important}}
/* 案1 修正：写真を短く、人物は見出しの下に。下端は白で塞がずマスクで背景へ溶かす */
.fvA2 .fvh{min-height:min(112vw,470px)}
.fvA2 .fvh__ph{-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 72%,transparent 100%)}
.fvA2 .fvh__ph img{object-position:50% 100%}
.fvA2 .fvh__ph::after{background:linear-gradient(180deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,.6) 30%,rgba(255,255,255,.15) 55%,rgba(255,255,255,0) 70%)}
.fvA2 .fvh+.fv__sub{margin-top:-28px;position:relative;z-index:2}
/* 案1 修正2（user 2026-11-13「女性を右側に。右脳の感性で〜を次の次元への下に引き上げる」） */
.fvA2 .fvh{min-height:0;padding-bottom:64px}
.fvA2 .fvh__ph{left:38%;right:-14%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%),linear-gradient(180deg,#000 70%,transparent 100%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0%,#000 30%),linear-gradient(180deg,#000 70%,transparent 100%);mask-composite:intersect}
.fvA2 .fvh__ph img{object-position:50% 70%}
.fvA2 .fvh__ph::after{background:linear-gradient(180deg,rgba(255,255,255,.75) 0%,rgba(255,255,255,.35) 30%,rgba(255,255,255,0) 55%)}
.fvA2 .fvh .fv__sub{margin-top:14px!important;position:relative;z-index:2}
.fvA2 .fvh+.fv__body{margin-top:-30px!important;position:relative;z-index:2}
.fvA2 .fvh{padding-bottom:22px}
.fvA2 .fvh+.fv__body{margin-top:0!important}
/* 案1 修正3（user 2026-11-13）
   女性：右へ寄せて大きく（肩の右に少し余白）、左側のマスクを強めて文字を目立たせる */
.fvA2 .fvh__ph{left:44%;right:-30%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 12%,#000 48%),linear-gradient(180deg,#000 72%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,transparent 12%,#000 48%),linear-gradient(180deg,#000 72%,transparent 100%)}
.fvA2 .fvh__ph img{object-position:50% 34%;transform:scale(1.25);transform-origin:50% 30%}
/* 「次の次元へ。」：太い真っ白の光彩で背景から浮かせる */
.fvA2 .fv__l2 b{filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 2px #fff) drop-shadow(0 0 3px #fff) drop-shadow(0 0 6px #fff) drop-shadow(0 0 12px #fff) drop-shadow(0 0 22px rgba(255,255,255,.95))!important}
/* 本文の上の余白を詰める・3行目は1行に */
.fvA2 .fvh{padding-bottom:8px}
.fvA2 .fv__body{margin-top:0!important}
.fvA2 .fv__body p:nth-child(3){white-space:nowrap;font-size:min(19px,calc((100vw - 32px) / 19.2))!important;letter-spacing:0}
/* 本の裏の背景にいる人物（FV背景の写真）を消す */
.fvA2 .fv__bg img{display:none}
.fvA2 .fv__body p:nth-child(3){font-size:min(18px,calc((100vw - 34px) / 21.6))!important;font-feature-settings:"palt" 1}
.fvA2 .fvh__ph{left:40%;right:-20%}
.fvA2 .fvh__ph img{transform:scale(1.22);transform-origin:46% 28%}
/* 導入2行・「本来の私が〜」・「人生は、」にも強めの白の光彩（user 2026-11-13） */
.fvA2 .fv__lead,.fvA2 .fv__l1,.fvA2 .fv__l2a{
  text-shadow:0 0 1px #fff,0 0 2px #fff,0 0 4px #fff,0 0 8px #fff,0 0 14px #fff,0 0 22px rgba(255,255,255,.95)!important}
/* 本文3行：行の間を少し広げ、本との間を幅の約5%空ける（user 2026-11-13） */
.fvA2 .fv__body--anim p+p{margin-top:.32em!important}
.fvA2 .fv__body p:nth-child(3){margin-top:.42em!important}
.fvA2 .gift__row{margin-top:5vw!important}
/* FVの文字を上から順に高速フェードイン（user 2026-11-13）。ぼかし・拡大は使わない（以前「スマホでボケて見える」ため） */
@keyframes fvabIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.fvA2 .fv__lead .fv__ln,.fvA2 .fv__l1,.fvA2 .fv__l2a,.fvA2 .fv__sub,.fvA2 .fv__body p{display:inline-block;animation:fvabIn .38s ease-out both!important}
.fvA2 .fv__l1,.fvA2 .fv__l2a,.fvA2 .fv__body p{display:block}
.fvA2 .fv__sub{display:block}
.fvA2 .fv__lead .fv__ln:nth-child(1){animation-delay:.05s!important}
.fvA2 .fv__lead .fv__ln:nth-child(3){animation-delay:.15s!important}
.fvA2 .fv__l1{animation-delay:.27s!important}
.fvA2 .fv__l2a{animation-delay:.39s!important}
.fvA2 .fv__l2 b{animation:fvabIn .45s ease-out .5s both,fvabShine 3.4s ease-in-out 1.2s infinite!important}
.fvA2 .fv__sub{animation-delay:.65s!important}
.fvA2 .fv__body p:nth-child(1){animation-delay:.77s!important}
.fvA2 .fv__body p:nth-child(2){animation-delay:.87s!important}
.fvA2 .fv__body p:nth-child(3){animation-delay:.97s!important}
@media (prefers-reduced-motion:reduce){.fvA2 .fv__lead .fv__ln,.fvA2 .fv__l1,.fvA2 .fv__l2a,.fvA2 .fv__sub,.fvA2 .fv__body p,.fvA2 .fv__l2 b{animation:none!important;opacity:1}}
/* 本文3行の下は10pxだけ（user 2026-11-13「下の余白ができすぎ」） */
.fvA2 .gift__row{margin-top:10px!important}
.fvA2 .gift__row{margin-top:13px!important}
/* 古い端末用：inset が効かないブラウザ向けに上下左右も指定 */
.fvA2 .fvh__ph,.fvA2 .fvh__ph::after{top:0;bottom:0}
.fvA2 .fvh__ph::after{left:0;right:0}