/**
 * 広告 LP の狭いパソコン幅で、目次の帯を画面に収める（Bug #5166）。
 *
 * 移行元の意匠 as2・as3 は、流れの区画の目次（`.anchor-nav`）を `width: 1100px` の
 * 固定幅で組み、`margin: 80px auto` で中央へ寄せる。**器（`.flow-area__contents`）が
 * 950px しかないので中央寄せが働かず**（幅が器より広いので過剰指定になる）、器の左端に
 * そのまま置かれる。幅 1,200px では左端 125px + 幅 1,100px = 右端 1,225px となり、
 * 画面から 25px はみ出す。
 *
 * 直す理由は裁定 497（2026-09-07 夜のユーザー判断）である。**750〜1,279px は画面幅に
 * 収める。1,280px 以上は移行元と同じにする。**移行元も同じ固定幅で組んでいるので、
 * これは「移行元の再現」ではなく裁定 497 が移行元より優先される場面である。サイト共通の
 * 頭（Bug #5169）・会員紹介の器（Bug #5167）・来店予約の帯（Bug #5064）と同じ筋である。
 *
 * ## 🚨 移行元の写しは 1 バイトも書き換えない
 *
 * 当たり先のある `assets/ad-as2/static/css/styles.css`（as3 も同じ）は、移行元の資産を
 * そのまま運び込んだ写しである。**`tests-retired/pa-cms-ad-lp-assets9/run-ad-lp-assets9.php` が
 * 記録との md5 とファイルの大きさの一致を全数で見張っている。**そこで手書きの直しは
 * この 1 本に分け、`inc/ad-lp-assets.php` から as2 と as3 の 2 ページだけへ配る。
 *
 * ## 🚨 配る順も詳細度も気にしなくてよい（実測で確かめた）
 *
 * 移行元の写しは `.anchor-nav` に **`max-width` を 1 か所も与えていない**（写し 3 本を
 * 全数で確認）。`width` と `max-width` は別のプロパティなので競合せず、**詳細度の勝負に
 * ならない。**わざと移行元の写しより「先」に配った状態でも効くことを実測した
 * （2026-09-09 13:44 JST・送れる幅 25 → 0）。
 *
 * それでも配る側は優先度 20 にしてある。前例（`pa_ad_lp_enqueue_a11y_buttons`）にそろえ、
 * 将来 `max-width` を持つ規則が写しに現れても順で勝てるようにしておくためである。
 *
 * ## 実測（2026-09-09 13:44 JST・dev）
 *
 * 送れる幅 = 横スクロールで動かせる量で、0 なら画面に収まっている。
 *
 *     ページ      画面幅     送れる幅 前 → 後   目次の幅 前 → 後
 *     /ad/as2/      375px       0 → 0            332.88 → 332.88（変わらない）
 *     /ad/as2/      768px       0 → 0            680.67 → 680.67（変わらない）
 *     /ad/as2/    1,200px      25 → 0             1100 → 950
 *     /ad/as2/    1,279px       0 → 0             1100 → 950
 *     /ad/as2/    1,280px       0 → 0             1100 → 1100
 *     /ad/as2/    1,440px       0 → 0             1100 → 1100
 *     /ad/as3/    1,200px      25 → 0             1100 → 950
 *
 * **375px と 768px では 1px も動かない。**移行元が `@media (max-width: 768px)` で与える
 * `width: calc(88.5vw + 1px)` は 100% より狭いので、この上限に切られない。
 *
 * 🚨 **`/ad/main/` には `.anchor-nav` が無い**（要素そのものが無く、全幅で送れる幅 0）。
 * 配る先を as2 と as3 の 2 つに絞ってあるのはそのためである。
 */

@media (max-width: 1279px) {

	.anchor-nav,
	.anchor-nav__list {
		max-width: 100%;
	}
}