/*
 * キャンペーンページ `/cp/2302/`（20 周年）の直し（Task #8467）。
 *
 * 🚨 **`campaign-20th.css` には書かない。**あちらは移行元の 2 本を機械で写したファイルで、
 * 値を 1 つも書き換えていない（同じファイルの先頭の説明）。移行元が変わったら作り直すので、
 * そこへ書いた直しは作り直しで消える。この CSS はあちらの後に、同じページでだけ読む
 * （`inc/campaign-20th.php` の `pa_campaign_20th_enqueue()`）。
 *
 * 実測は 2026-09-29 05:3x〜05:4x・幅 375（`pa-verify-assets/A/8467-cp2302の区画の読み-0929/走行1/` と
 * `A/8467-cp2302の特典の読み-0929/走行1/`）。先頭へ戻るの押しボタンが移行元より 103px 上にあった。
 * 内訳は本文の改行で −91、特典の区画で −12（注意書き −21・予約のボタンの上の外余白 +9）である.
 */

/*
 * 1. 携帯幅だけの改行（`inc/campaign-20th-sp-breaks.php` が本文へ足す 15 個）を、パソコン幅で隠す。
 *    移行元パソコン版はこの位置に改行を持たない.
 */
@media (min-width: 750px) {
	.cp20 br.pa-cp20-sp-br {
		display: none;
	}
}

/*
 * 2. 字体から Inter を外す（両方の幅）。
 *
 * 写しの `.cp20 { font-family: Inter, YuGothic, … !important }` は移行元のままだが、
 * 移行元は PC 版も携帯版も Inter を登録していない（読み込む CSS を `@import` までたどり、
 * 取り込む共通部品 13 本も数えて `@font-face` は 0 件）。閲覧者の端末に Inter が無ければ、
 * 次の游ゴシックで描く。dev は `main.css` が Inter を全ページ共通で登録しているので、
 * ここだけ Inter で描いていた。字の幅が違い、注意書きの最後の段落が移行元 2 行・dev 1 行になった.
 *
 * 写しの側が `!important` なので、こちらも `!important` を付け、`body` を前に置いて詳細度で勝つ.
 */
body .cp20 {
	font-family:
		YuGothic,
		Yu Gothic,
		Hiragino Kaku Gothic ProN,
		ヒラギノ角ゴ ProN W3,
		sans-serif !important;
}

/*
 * 3. 予約の導線の器の字の大きさを、携帯幅だけ 13px にする。
 *
 * ボタンの規則 `.cp20 .more-button { margin: 2em auto 0; font-size: 1.5em }` は両側で同じだが、
 * em は親の字の大きさで決まる。移行元の携帯版は `sp/css/basic.css` が `div` ほか 81 種に
 * `font-size: 13px` を当てるので、器 `div.cp20__cta-wrap` が 13px になり、ボタンの上の外余白は 39px・
 * 字は 19.5px になる。dev の器は `.cp20` の 16px を受け継ぎ、外余白が 48px になっていた。
 *
 * `basic.css` はほかの `div` や `span` にも 13px を当てるが、測って高さの差が 0 だったので触らない.
 */
@media (max-width: 749px) {
	.cp20 .cp20__cta-wrap {
		font-size: 13px;
	}
}

/*
 * 4. 先頭へ戻るの押しボタンより下の高さを移行元に合わせる（Bug #8794）。
 *
 * 実測は 2026-09-29 17:1x（`pa-verify-assets/A/8794-押しボタンより下-0929/走行1/` と `走行2/`・写し 68e3190cb）。
 * 押しボタンの絵の下端からページの下端までが、375 で移行元 2969.33・dev 2948.33（−21）、1440 で 1278.05・1351.05（+73）だった.
 *
 * 375: 移行元の携帯版は、押しボタンの `p.page_top`（下の外余白 30）を `#other_contents` が囲み、
 *      その下の内余白 20 のあとにフッターが来る。dev は押しボタンの器が `main` の直下にあり、この 20 が無い.
 *      器に下の内余白 20 を足す。内余白があると押しボタンの外余白 30 は器の中に残るので、押しボタンから
 *      フッターの上端までが移行元と同じ 30 + 20 + 30（フッターの上の内余白）になる.
 *
 * 1440: 移行元のパソコン版は `.page_top { float: right; padding: 40px 0 0; clear: both }`（`css/style.css` 1879 行）で、
 *      直後の下のパンくず `div.path` が押しボタンと同じ段の左に流れる（`cp/2302/index.html` 173〜176 行）。
 *      dev は押しボタンの器が幅いっぱいの塊なので、下のパンくず（高さ 72）が押しボタンの下の段に落ちていた.
 *      器を右へ寄せて浮かせ、`main` の末尾で回り込みを解いて、浮かせた器の下端までを `main` に含める.
 *      あわせて押しボタンの段の行送りを移行元と同じ `normal` にする。字は両側とも 13px だが、dev の行送り 23.4px では
 *      段の高さが移行元 109（上の内余白 40 ＋ 69）に対して 110.39 になり、下端が 1.39 下がっていた.
 *
 * 下見（`A/8794-押しボタンより下-0929/下見1/`・配信中の dev にこの節を当てて測った）: 押しボタンの絵の下端からページの下端までの
 * 差は、375 で −21 → −1、1440 で +73 → 0。行送りを当てない場合の 1440 は +1 だった。押しボタンの絵の上端は両方の幅で動かない.
 * 375 の残りの −1 は、下に固定の帯の位置の差である（この節の外）.
 *
 * 🚨 体の印 `single-pa_banner` で絞る。押しボタンの器の印 `--archive` は支店一覧・体験談の一覧・サイトマップと共用である
 *    （`main.css` の `body.single-pa_banner .pa-page-top--archive` の説明）。このファイル自体も `/cp/2302/` でだけ読む.
 */
@media (max-width: 749px) {
	body.single-pa_banner .pa-page-top--archive {
		padding-bottom: 20px;
	}
}

@media (min-width: 750px) {
	body.single-pa_banner .pa-page-top--archive {
		float: right;
	}

	body.single-pa_banner .pa-page-top--archive .pa-page-top__item {
		line-height: normal;
	}

	body.single-pa_banner #site-main::after {
		content: "";
		display: block;
		clear: both;
	}
}