/* ════════════════════════════════════════════════════════════════════
   2,500人記念 限定価格LP — 追加スタイル
   ────────────────────────────────────────────────────────────────────
   ・ベースの lp-yakuno/style.css の「後ろに」読み込む差分専用CSS。
     （ベースCSSは一切変更しない。ここで上書き・追加するだけ）
   ・赤＋ゴールドの差し色で「記念・限定」の特別感を上品に上乗せ。
   ・カウントダウン／二重価格／固定バーのミニカウントダウンを追加。
   ・セール終了時（.pdflp-is-ended）の表示切替もここで定義。
   ════════════════════════════════════════════════════════════════════ */

/* ─── 追加トークン（赤系の差し色だけ足す） ─── */
.pdflp{
  --red:#e0322d; --red-dk:#b3231b; --red-soft:#fff1f0;
  --grad-red:linear-gradient(135deg,#e0463f 0%,#d2271f 52%,#b3231b 100%);
}

/* ════════ 記念バッジ（HERO最上部） ════════ */
.pdflp-anniv{display:inline-flex;align-items:center;gap:8px;
  font-family:"Zen Kaku Gothic New",sans-serif;font-weight:900;font-size:13px;
  letter-spacing:.03em;color:#fff;padding:8px 16px;border-radius:999px;
  background:var(--grad-red);
  box-shadow:0 8px 20px rgba(178,32,24,.34),inset 0 1px 0 rgba(255,255,255,.28);
  border:1px solid rgba(255,255,255,.22);white-space:nowrap}
.pdflp-anniv .pdflp-anniv__ic{font-size:14px;line-height:1}
.pdflp-anniv b{font-weight:900;color:var(--gold-lt);font-size:15px;
  font-variant-numeric:tabular-nums;margin:0 1px}

/* ════════ 即決ゾーンの価格カード ════════ */
.pdflp-offer-card{margin-top:18px;padding:16px 16px 18px;border-radius:18px;
  background:#fff;border:1.5px solid rgba(224,50,45,.32);position:relative;overflow:hidden;
  box-shadow:0 16px 38px rgba(178,32,24,.15),0 2px 0 rgba(200,162,74,.25)}
.pdflp-offer-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;
  background:var(--grad-gold)}
.pdflp-offer-card__tag{display:inline-flex;align-items:center;gap:6px;
  font-family:"Zen Kaku Gothic New",sans-serif;font-weight:900;font-size:11.5px;
  letter-spacing:.04em;color:#fff;background:var(--grad-red);
  padding:5px 13px;border-radius:999px;box-shadow:0 4px 12px rgba(178,32,24,.3)}

/* 二重価格 */
.pdflp-dual{margin-top:13px;display:flex;align-items:center;justify-content:center;
  gap:10px;flex-wrap:wrap}
.pdflp-dual__old{font-size:15.5px;font-weight:700;color:var(--faint);line-height:1}
.pdflp-dual__old s{position:relative;text-decoration:none;font-weight:900;color:var(--muted)}
.pdflp-dual__old s::after{content:"";position:absolute;left:-3px;right:-3px;top:50%;
  height:2.5px;border-radius:2px;background:var(--red);transform:rotate(-9deg)}
.pdflp-dual__arrow{color:var(--red);font-weight:900;font-size:18px;line-height:1}
.pdflp-dual__now{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:900;
  font-size:42px;line-height:.95;color:var(--red-dk);letter-spacing:.01em;
  font-variant-numeric:tabular-nums;display:inline-flex;align-items:baseline}
.pdflp-dual__now em{font-style:normal;font-size:23px;margin-right:1px}
.pdflp-dual__now--plain{color:var(--navy)}
.pdflp-dual__plainnote{font-size:13px;font-weight:700;color:var(--muted)}
/* ¥1,000 OFF チップ */
.pdflp-off{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;
  line-height:1.05;color:#fff;background:var(--grad-red);border-radius:11px;
  padding:7px 11px;box-shadow:0 6px 16px rgba(178,32,24,.34);
  transform:rotate(-3deg);font-family:"Zen Kaku Gothic New",sans-serif}
.pdflp-off b{font-weight:900;font-size:16px;letter-spacing:.01em}
.pdflp-off small{font-size:9.5px;font-weight:700;color:var(--gold-lt);margin-top:1px;letter-spacing:.02em}

/* ════════ カウントダウン ════════ */
.pdflp-count{margin-top:15px}
.pdflp-count__lead{display:flex;align-items:center;justify-content:center;gap:7px;
  font-family:"Zen Kaku Gothic New",sans-serif;font-weight:900;font-size:12.5px;
  letter-spacing:.04em;color:var(--red-dk);margin-bottom:9px}
.pdflp-count__dot{width:8px;height:8px;border-radius:50%;background:var(--red);
  box-shadow:0 0 0 4px rgba(224,50,45,.16);animation:pdflp-pulse 1.4s ease-in-out infinite}
@keyframes pdflp-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.78)}}
@media (prefers-reduced-motion:reduce){.pdflp-count__dot{animation:none}}
.pdflp-count__row{display:flex;align-items:flex-start;justify-content:center;gap:6px}
.pdflp-count__unit{min-width:54px;padding:9px 4px 7px;border-radius:12px;text-align:center;
  background:linear-gradient(150deg,#10254f,#0a1c44);color:#fff;
  box-shadow:0 7px 18px rgba(8,20,52,.26),inset 0 1px 0 rgba(255,255,255,.08);
  border:1px solid rgba(200,162,74,.22)}
.pdflp-count__unit b{display:block;font-family:"Zen Kaku Gothic New",sans-serif;font-weight:900;
  font-size:25px;line-height:1;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.pdflp-count__unit span{display:block;margin-top:5px;font-size:9.5px;font-weight:700;
  color:var(--gold-lt);letter-spacing:.02em}
.pdflp-count__sep{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:900;
  font-size:20px;color:var(--gold-dk);line-height:1;margin-top:11px}
.pdflp-count__ended{display:none;align-items:center;justify-content:center;gap:8px;
  font-family:"Zen Kaku Gothic New",sans-serif;font-weight:900;font-size:15px;
  color:var(--muted);background:var(--mist);border:1px solid var(--mist-2);
  border-radius:12px;padding:13px 14px;text-align:center}

/* セール期間の明記 */
.pdflp-sale-window{margin-top:13px;text-align:center;font-size:12.5px;font-weight:700;
  color:var(--navy);line-height:1.5;background:rgba(200,162,74,.12);
  border:1px solid rgba(200,162,74,.32);border-radius:11px;padding:9px 10px}
.pdflp-sale-window b{color:var(--red-dk);font-weight:900;font-variant-numeric:tabular-nums}

/* ════════ 暗色背景セクション上での価格カード補正（OFFER価格ブロック内） ════════ */
.pdflp-price__top .pdflp-dual__old{color:rgba(231,238,252,.72)}
.pdflp-price__top .pdflp-dual__old s{color:rgba(231,238,252,.66)}
.pdflp-price__top .pdflp-dual__now{color:#fff}
.pdflp-price__top .pdflp-dual__arrow{color:var(--gold-lt)}
.pdflp-price__top .pdflp-count__lead{color:var(--gold-lt)}
.pdflp-price__top .pdflp-count__unit{background:rgba(255,255,255,.1);
  border-color:rgba(200,162,74,.4)}
.pdflp-price__top .pdflp-count__sep{color:var(--gold-lt)}
.pdflp-price__top .pdflp-sale-window{color:#fff;background:rgba(200,162,74,.16);
  border-color:rgba(200,162,74,.42)}
.pdflp-price__top .pdflp-sale-window b{color:var(--gold-lt)}
.pdflp-price__top .pdflp-count__ended{background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.18);color:rgba(231,238,252,.85)}

/* ════════ ラストプッシュ（CLOSING） ════════ */
.pdflp-lastpush{position:relative;margin:0 22px 4px;padding:13px 16px;border-radius:13px;
  background:rgba(224,50,45,.14);border:1px solid rgba(255,150,144,.45);
  font-size:13px;font-weight:700;line-height:1.7;color:#ffe3e0;text-align:center}
.pdflp-lastpush b{color:#fff;font-weight:900}

/* ════════ 固定CTAバー：ミニカウントダウン＋二重価格 ════════ */
.pdflp-bar__info{display:flex;flex-direction:column;gap:2px}
.pdflp-bar__price s{font-size:12px;font-weight:700;color:var(--faint);text-decoration:none;
  position:relative;margin-right:5px}
.pdflp-bar__price s::after{content:"";position:absolute;left:-1px;right:-1px;top:52%;height:1.6px;
  background:var(--red);transform:rotate(-8deg)}
.pdflp-bar__price em{font-style:normal;color:var(--red-dk)}
.pdflp-bar__count{display:inline-flex;align-items:center;gap:2px;
  font-family:"Zen Kaku Gothic New",sans-serif;font-weight:900;font-size:11.5px;
  color:#fff;background:var(--grad-red);border-radius:6px;padding:2px 7px;
  letter-spacing:.02em;box-shadow:0 3px 9px rgba(178,32,24,.3);white-space:nowrap}
.pdflp-bar__count b{font-variant-numeric:tabular-nums;color:#fff}
.pdflp-bar__count .pdflp-bar__count-ic{font-size:10px;margin-right:2px}

/* ════════ セール終了時（JSが .pdflp-is-ended を付与） ════════ */
/* 終了専用要素は通常は隠す */
[data-sale-ended]{display:none}
/* 終了時：販促要素を隠し、終了用要素を出す */
.pdflp-is-ended [data-sale-only]{display:none !important}
.pdflp-is-ended .pdflp-count__live{display:none}
.pdflp-is-ended .pdflp-count__ended{display:flex}
.pdflp-is-ended span[data-sale-ended],
.pdflp-is-ended small[data-sale-ended]{display:inline}
.pdflp-is-ended .pdflp-dual[data-sale-ended]{display:flex}
/* 終了時：全CTAを無効化（クリック不可・退色） */
.pdflp-is-ended .pdflp-cta,
.pdflp-is-ended .pdflp-bar__btn{
  pointer-events:none;cursor:default;filter:grayscale(.65);opacity:.55;
  box-shadow:none;transform:none}
.pdflp-is-ended .pdflp-cta::after,
.pdflp-is-ended .pdflp-bar__btn::after{display:none}
/* 終了時：固定バーのミニカウントダウンを終了表示に */
.pdflp-is-ended .pdflp-bar__count{background:var(--mist-2);color:var(--muted);box-shadow:none}
.pdflp-is-ended .pdflp-bar__count b{color:var(--muted)}
.pdflp-is-ended .pdflp-bar__price s{display:none}

/* ════════ 微小画面の調整 ════════ */
@media (max-width:360px){
  .pdflp-dual__now{font-size:37px}
  .pdflp-count__unit{min-width:48px}
  .pdflp-count__unit b{font-size:22px}
  .pdflp-anniv{font-size:12px;padding:7px 13px}
}


/* ════════════════════════════════════════════════════════════════════
   ◆◆◆ 配色＝ベースの ネイビー×ブルー × シャンパンゴールド を踏襲（赤は最小限） ◆◆◆
   ・大面積・CTA・濃色セクションはベースの青/ネイビーをそのまま使う（上書きしない）。
   ・装飾の主役はシャンパンゴールド。赤は「セール価格 ¥3,980」「OFFの替わり」「固定バーの
     残り時間チップ」だけの小さなアクセントに限定。
   ════════════════════════════════════════════════════════════════════ */

/* セール用の赤アクセント・トークン（base未定義ぶんだけ補う） */
.pdflp{ --red:#e0322d; --red-dk:#c0271d; --red-soft:#fff1f0;
  --grad-red:linear-gradient(135deg,#e64a42 0%,#d2271f 55%,#b5231b 100%); }

/* 即決ゾーンの価格カード：ゴールドのトップ罫＋淡い青枠（プレミアム＆青基調） */
.pdflp-offer-card{border:1.5px solid rgba(31,107,255,.22);
  box-shadow:0 16px 38px rgba(16,28,60,.14),0 2px 0 rgba(200,162,74,.3)}
/* 「記念価格」タグ：ネイビー（赤は価格 ¥3,980 だけに絞る） */
.pdflp-offer-card__tag{background:linear-gradient(135deg,#1f4fa0,#0a1c44);
  box-shadow:0 4px 12px rgba(10,28,68,.32)}

/* ¥1,000 OFF チップ：ゴールド（青の中で「お得」を金で際立たせる） */
.pdflp-off{background:var(--grad-gold);color:#3a2a08;box-shadow:0 6px 16px rgba(200,162,74,.42)}
.pdflp-off b{color:#3a2a08}
.pdflp-off small{color:#6b4d12}

/* ラストプッシュ（ネイビーCLOSING上）：ゴールド枠で可読性確保 */
.pdflp-lastpush{background:rgba(200,162,74,.16);border:1px solid rgba(232,200,120,.5);color:#ffe9c6}
.pdflp-lastpush b{color:#fff}

/* ════════ スマホでの不自然な改行対策（全体） ════════
   ・見出し系は text-wrap:balance で行頭/行末の据わりを整える（iOS17.4+/Chrome対応・非対応は無視）。
   ・日本語の文節折返し auto-phrase も進歩的に付与（Chrome/Android）。
   ・「途中で切れたら困る」重要フレーズは .pdflp-nw で塊にして、塊の境界でだけ折り返す。 */
.pdflp-sec__title,.pdflp-hero__h1,.pdflp-story__title,.pdflp-close__title,
.pdflp-search__title,.pdflp-card__title,.pdflp-perks__title,.pdflp-update__title,
.pdflp-prob__tail,.pdflp-sol__close,.pdflp-faq__q span,.pdflp-anniv2__sub{
  text-wrap:balance;word-break:auto-phrase;line-break:strict}
.pdflp-hero__sub,.pdflp-sec__lead,.pdflp-offer__lead,.pdflp-price__note,
.pdflp-cta__price,.pdflp-faq__a,.pdflp-story__beat p,.pdflp-bene li span,
.pdflp-price__stack li span,.pdflp-sale-window,.pdflp-intro__thanks{
  word-break:auto-phrase;line-break:strict}
.pdflp .pdflp-nw{white-space:nowrap}

/* ════════ 誌面サンプル：「使い分け（比較）」＋「薬のなぜ（Q&A）」の2枚 ════════ */
.pdflp-pages{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.pdflp-pages__item{display:flex;flex-direction:column;align-items:center}
.pdflp-pages__item img{width:100%;display:block;border-radius:12px;background:#fff;
  border:1px solid var(--line);box-shadow:var(--shadow-md)}
/* ラベルは画像の「上」に置く（画像に被せない＝中身が隠れない） */
.pdflp-pages__label{align-self:center;margin-bottom:9px;
  font-family:"Zen Kaku Gothic New",sans-serif;font-weight:900;font-size:11px;color:#fff;
  padding:5px 12px;border-radius:999px;letter-spacing:.01em;white-space:nowrap;
  box-shadow:0 4px 10px rgba(8,20,52,.22)}
.pdflp-pages__label--a{background:linear-gradient(135deg,#3d8bff,#1f6bff)}
.pdflp-pages__label--b{background:linear-gradient(135deg,var(--gold),var(--gold-dk));color:#2a1d05}
@media (max-width:360px){.pdflp-pages__label{font-size:10px;padding:4px 9px}}

/* ════════ 目次：複数ページを横スクロール（スワイプ） ════════ */
.pdflp-tocscroll{margin-top:18px}
.pdflp-tocscroll__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.pdflp-tocscroll__ttl{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:900;
  font-size:14px;color:var(--navy)}
.pdflp-tocscroll__hint{font-size:11px;font-weight:700;color:var(--blue-ink);letter-spacing:.04em;
  background:var(--mist);border:1px solid var(--mist-2);border-radius:999px;padding:3px 11px}
.pdflp-tocscroll__track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;padding:2px 2px 12px;
  scrollbar-width:thin;scrollbar-color:var(--mist-2) transparent}
.pdflp-tocscroll__track::-webkit-scrollbar{height:6px}
.pdflp-tocscroll__track::-webkit-scrollbar-thumb{background:var(--mist-2);border-radius:999px}
.pdflp-tocslide{flex:0 0 76%;margin:0;scroll-snap-align:center}
.pdflp-tocslide img{width:100%;display:block;border-radius:12px;background:#fff;
  border:1px solid var(--line);box-shadow:var(--shadow-md)}
.pdflp-tocslide figcaption{margin-top:9px;text-align:center;font-size:11.5px;font-weight:700;
  color:var(--muted)}
@media (min-width:540px){.pdflp-tocslide{flex-basis:60%}}


/* ════════════════════════════════════════════════════════════════════
   ◆◆◆ FANTS版で足した部品（2026-09-18） ◆◆◆
   ・上の部分は 2,500人記念版（lp-yakuno-2500/style.css）の価格カード／カウントダウン／
     誌面サンプル／目次スワイプをそのまま写したもの。記念イントロの部品は外した。
   ・ここから下が FANTS版の追加。配色はベースの ネイビー×ブルー × ゴールド のまま。
   ════════════════════════════════════════════════════════════════════ */

/* ─── 期間限定版：9/24 0:00 を過ぎたら通常価格の表示へ（JS が .pdflp-fl-ended を付ける） ─── */
.pdflp-fants [data-reg]{display:none}
.pdflp-fl-ended [data-lim]{display:none !important}
.pdflp-fl-ended [data-countdown]{display:none !important}
.pdflp-fl-ended div[data-reg]{display:block}
.pdflp-fl-ended .pdflp-dual[data-reg]{display:flex}
.pdflp-fl-ended span[data-reg]{display:inline}

/* ─── お知らせ帯（HEROの上） ─── */
.pdflp .pdflp-news{display:flex;align-items:center;gap:10px;padding:11px 16px;
  background:var(--navy);color:#fff;text-decoration:none;
  font-size:12px;line-height:1.55;font-weight:500}
.pdflp-news__tag{flex:0 0 auto;font-family:"Zen Kaku Gothic New",sans-serif;font-weight:900;
  font-size:11px;letter-spacing:.04em;color:#2a1d05;background:var(--grad-gold);
  padding:3px 9px;border-radius:999px}
.pdflp .pdflp-news__txt{color:#fff;flex:1;min-width:0;word-break:auto-phrase;line-break:strict}
.pdflp-news__more{flex:0 0 auto;font-size:11px;font-weight:700;color:var(--gold-lt);
  border-bottom:1px solid rgba(232,200,120,.6);white-space:nowrap}

/* ─── HEROバッジ：星を外したので数字だけ ─── */
.pdflp-fants .pdflp-badge em{margin-right:1px}

/* ─── たとえば、こんなことがわかります ─── */
.pdflp-ex{margin-top:26px;padding:20px 18px 8px;border-radius:16px;background:var(--mist);
  border:1px solid var(--mist-2)}
.pdflp-ex__head{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:900;font-size:15.5px;
  color:var(--navy);text-align:center;margin-bottom:14px}
.pdflp-ex__group{margin-bottom:14px}
.pdflp-ex__tag{display:inline-block;font-family:"Zen Kaku Gothic New",sans-serif;font-weight:900;
  font-size:11.5px;color:#fff;background:linear-gradient(135deg,#3d8bff,#1f6bff);
  padding:3px 11px;border-radius:999px;margin-bottom:8px}
.pdflp-ex__tag--inj{background:linear-gradient(135deg,var(--gold),var(--gold-dk));color:#2a1d05}
.pdflp-ex ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.pdflp-ex li{position:relative;padding:10px 12px 10px 30px;background:#fff;border-radius:11px;
  border:1px solid var(--line);font-size:13.5px;line-height:1.7;color:var(--ink);
  word-break:auto-phrase;line-break:strict}
.pdflp-ex li::before{content:"";position:absolute;left:12px;top:17px;width:8px;height:8px;
  border-radius:50%;background:var(--blue)}
.pdflp-sol__figure{margin-top:26px}

/* ─── 7大特典：正式名が長いので1列にする ─── */
.pdflp .pdflp-perk-list--full{grid-template-columns:1fr}
.pdflp-perk-list--full .pdflp-perk__title small{display:block;margin-top:2px;font-size:11.5px;
  font-weight:700;color:var(--gold-dk)}

/* ─── サロン案内 ─── */
.pdflp-salon{background:linear-gradient(180deg,#ffffff,#f7f3e8)}
.pdflp-salon__hl{color:var(--gold-dk);border-bottom:3px solid rgba(200,162,74,.45)}
.pdflp-salon__card{margin-top:22px;padding:20px 18px;border-radius:18px;background:#fff;
  border:1px solid rgba(200,162,74,.35);box-shadow:var(--shadow-md);position:relative;overflow:hidden}
.pdflp-salon__card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;
  background:var(--grad-gold)}
.pdflp-salon__lead{font-size:14px;line-height:1.95;color:var(--ink);
  word-break:auto-phrase;line-break:strict}
.pdflp-salon__lead b{color:var(--navy)}
.pdflp-salon__prices{margin-top:16px;display:flex;align-items:stretch;justify-content:center;gap:8px}
.pdflp-salon__p{flex:1;text-align:center;padding:12px 6px;border-radius:13px;
  background:var(--mist);border:1px solid var(--mist-2)}
.pdflp-salon__p span{display:block;font-size:11.5px;font-weight:700;color:var(--muted)}
.pdflp-salon__p b{display:block;margin-top:4px;font-family:"Zen Kaku Gothic New",sans-serif;
  font-weight:900;font-size:24px;line-height:1.1;color:var(--muted);font-variant-numeric:tabular-nums}
.pdflp-salon__p b small{font-size:13px;margin-left:1px}
.pdflp-salon__p--on{background:var(--navy);border-color:var(--navy)}
.pdflp-salon__p--on span{color:rgba(231,238,252,.85)}
.pdflp-salon__p--on b{color:var(--gold-lt);font-size:28px}
.pdflp-salon__arrow{align-self:center;font-weight:900;color:var(--gold-dk);font-size:18px}
.pdflp-salon__notes{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}
.pdflp-salon__notes li{position:relative;padding-left:18px;font-size:13px;line-height:1.75;
  color:var(--muted);word-break:auto-phrase;line-break:strict}
.pdflp-salon__notes li::before{content:"";position:absolute;left:3px;top:9px;width:7px;height:7px;
  border-radius:50%;background:var(--gold)}

/* ─── 購入者のコメント（評価の星・肩書きは付けない） ─── */
.pdflp-fants .pdflp-proof__stats{justify-content:center}
.pdflp-fants .pdflp-stat{flex:0 1 100%}
.pdflp-voices__head{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:900;font-size:15px;
  color:#fff;text-align:center;margin-bottom:14px}
.pdflp-fants .pdflp-review{padding:16px 18px;border-left:4px solid var(--gold)}

/* ─── お知らせ：販売ページの移転 ─── */
.pdflp-moving{background:#fff;scroll-margin-top:12px}
.pdflp-moving .pdflp-sec__lead b{color:var(--navy)}
.pdflp-moving__box{margin-top:20px;padding:18px 18px 16px;border-radius:16px;
  background:var(--mist);border:1px solid var(--mist-2);border-left:4px solid var(--gold)}
.pdflp-moving__ttl{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:900;font-size:15px;
  color:var(--navy);margin-bottom:10px}
.pdflp-moving__box ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.pdflp-moving__box li{position:relative;padding-left:18px;font-size:13.5px;line-height:1.8;
  color:var(--ink);word-break:auto-phrase;line-break:strict}
.pdflp-moving__box li::before{content:"";position:absolute;left:2px;top:10px;width:7px;height:7px;
  border-radius:50%;background:var(--blue)}
.pdflp-moving__box li b{color:var(--navy)}

/* ─── フッターの注意書き ─── */
.pdflp-foot__note{max-width:400px;margin:12px auto;font-size:11px;line-height:1.75;
  color:rgba(231,238,252,.5)}

/* ─── 固定バー：「残り」ラベル ─── */
.pdflp-fants .pdflp-bar__count .pdflp-bar__count-ic{font-size:10.5px;margin-right:3px}

/* ════════════════════════════════════════════════════════════════════
   ◆◆◆ スクロール時のカクつき対策（2026-09-18） ◆◆◆
   ・出現アニメは CSS transition（opacity と transform だけ）。JS は .is-in を付けるだけ。
   ・スクロール中も描き直しが続く重い効果を外す：固定バーと HERO バッジの backdrop-filter、
     購入ボタンの光（left を動かしていた＝毎フレームのレイアウト計算）→ transform で動かす。
   ・prefers-reduced-motion のときは動きを全部止める。
   ════════════════════════════════════════════════════════════════════ */
.pdflp.pdflp-anim-ready .pdflp-reveal{
  transition:opacity .65s cubic-bezier(.22,.61,.36,1),transform .65s cubic-bezier(.22,.61,.36,1)}
.pdflp.pdflp-anim-ready .pdflp-reveal:not(.is-in){opacity:0;transform:translate3d(0,24px,0)}

/* 固定バー：すりガラス（backdrop-filter）をやめて、ほぼ不透明の白に。出し入れは transform の transition */
.pdflp .pdflp-bar{background:rgba(255,255,255,.97);-webkit-backdrop-filter:none;backdrop-filter:none;
  transition:transform .35s cubic-bezier(.22,.61,.36,1)}
/* HEROバッジ：背景は白なので backdrop-filter は不要 */
.pdflp .pdflp-badge{-webkit-backdrop-filter:none;backdrop-filter:none}

/* 購入ボタンの光：left ではなく transform で流す */
.pdflp .pdflp-cta::after{left:0;transform:translate3d(-160%,0,0) skewX(-18deg);
  animation:pdflp-shine-t 4.6s ease-in-out infinite}
@keyframes pdflp-shine-t{
  0%,62%{transform:translate3d(-160%,0,0) skewX(-18deg)}
  80%,100%{transform:translate3d(340%,0,0) skewX(-18deg)}}

@media (prefers-reduced-motion:reduce){
  .pdflp .pdflp-reveal{transition:none !important;opacity:1 !important;transform:none !important}
  .pdflp .pdflp-cta::after{animation:none;display:none}
  .pdflp .pdflp-count__dot,.pdflp .pdflp-scrollcue svg{animation:none}
  .pdflp .pdflp-bar{transition:none}
}