/* 夜tax LP（/lp/ トップ）継続監査の追加分（2026-10-27）。index.php が読む。絵・色・文字・余白は変えない */

/* 1. 料金の画像 4 枚：読み込みの途中（LandingHub が source を差し替える間・仮の画像の間）も、選ばれている絵の比率で枠を取っておく。
      PC 用の絵は source の media と同じ 1024px 以上。それ未満はスマホ用の縦長の絵の比率（固定 CTA などの 641px の境目とは別）。
      画像は枠いっぱいに object-fit:contain で収める＝本番の絵の比率と枠の比率は同じなので、切れたり伸びたりしない */
.nighttax-annual-fee-section > picture { aspect-ratio: 780 / 1240; }
.nighttax-sideincome-section > .nighttax-sideincome-picture:nth-of-type(1) { aspect-ratio: 780 / 820; }
.nighttax-sideincome-section > .nighttax-sideincome-picture:nth-of-type(2) { aspect-ratio: 780 / 926; }
.nighttax-sideincome-section > .nighttax-sideincome-picture:nth-of-type(3) { aspect-ratio: 780 / 150; }
@media (min-width: 1024px) {
  .nighttax-annual-fee-section > picture { aspect-ratio: 2240 / 1050; }
  .nighttax-sideincome-section > .nighttax-sideincome-picture:nth-of-type(1) { aspect-ratio: 2240 / 640; }
  .nighttax-sideincome-section > .nighttax-sideincome-picture:nth-of-type(2) { aspect-ratio: 2240 / 660; }
  .nighttax-sideincome-section > .nighttax-sideincome-picture:nth-of-type(3) { aspect-ratio: 2240 / 150; }
}
.nighttax-annual-fee-section > picture > img,
.nighttax-sideincome-section > .nighttax-sideincome-picture > img { width: 100%; height: 100%; object-fit: contain; }

/* 2. 前からある動画・漫画のリンク 4 種：キーボードで選んでいるときの枠（テーマの outline:0!important に消されていた）。マウスで押したときの見た目は変えない
      テーマの一番強い打ち消し（.sc-tax-warning-inner .group-video .item .btn-click＝クラス 4 つ）より強くするため、クラスを 2 回書いている（範囲は 4 種のまま） */
.sc-video a.btn-play.btn-play:focus-visible,
.sc-video a.btn-click.btn-click:focus-visible,
.sc-tax-warning a.btn-play.btn-play:focus-visible,
.sc-tax-warning a.btn-click.btn-click:focus-visible { outline: 3px solid #9b174d !important; outline-offset: 3px !important; }

/* 3. 見出し「夜taxに頼むと、こうなります」：320px で末尾の 1 字だけが次の行へ落ちないよう、言葉の切れ目（、の後）で折る。入らない幅では今までどおりどこでも折る */
body.nt-type .content-solve .nt-copy-ttl { word-break: keep-all; overflow-wrap: anywhere; }

/* 4. 最初のタップの「準備しています／もう一度押してください」（lp-refresh.js f 版が出す）。ヘッダーの下の中央・押す邪魔をしない */
.nt-wait-note {
  position: fixed; left: 16px; right: 16px; top: calc(var(--nt-header-h, 56px) + 12px); z-index: 99990;
  box-sizing: border-box; width: fit-content; max-width: 360px; margin: 0 auto; padding: 10px 16px; border-radius: 14px;
  background: #5f2440; color: #fff; font-size: 14px; line-height: 1.5; text-align: center;
  box-shadow: 0 4px 16px rgba(47, 62, 88, .25); pointer-events: none;
  transform: translateY(-6px); opacity: 0; visibility: hidden; transition: opacity .2s, transform .2s, visibility 0s .2s;
}
.nt-wait-note.is-on { transform: none; opacity: 1; visibility: visible; transition: opacity .2s, transform .2s; }
@media (prefers-reduced-motion: reduce) { .nt-wait-note, .nt-wait-note.is-on { transition: none; transform: none; } }