/*
 * 広告 LP の「よくあるご質問」の設問を、移行元と同じ寸法に戻す（Bug #6019）。
 * 対象は as2・as3・main の 3 意匠（値が同じ）。u_20_3 は値が違うので別ファイル。
 *
 * ## なぜ要るか
 *
 * 投入は `<a>` 直下の `<p>` を `<span>` へ変える（`scripts/pa-cms/import-payload.php`
 * の `pa_cms_import_flatten_nested_p_in_a()`）。Bug #1479 の対策で、**外すと
 * リンクが 13 本に割れる**（投入の担当が 3 通りの描画で実測。`<div>` へ変える案でも
 * 割れる）。この変換は外せない。
 *
 * いっぽう意匠の CSS は要素名 `p` で当てているので、`<span>` になった設問には
 * 当たらない。**当たらない結果、設問は `<a>` の 28px を継ぐ**（実測 2026-09-13:
 * 移行元 幅 375 で 14px・幅 1440 で 26px に対し、dev はどちらも 28px）。
 *
 * ## なぜ意匠の CSS を直さないか
 *
 * 🚨 `assets/ad-` 配下は移行元と **1 バイトも違わないこと**を検査が md5 で見張って
 * いる（`tests-retired/pa-cms-ad-lp-assets9/`）。書き換えるとあの検査が落ちる。既存の型
 * （`ad-lp-man2-ftbtn.css` ほか）と同じく、**上書きを別ファイルで足して後ろへ配る**。
 *
 * ## 値の出どころ
 *
 * `assets/ad-main/static/css/styles.css` の 2529〜2554 行をそのまま写した。
 * as2 と as3 の同じ区画も 1 文字違わない（3 意匠を突き合わせて確認）。
 * **当たり先だけを `p` から `span` へ替えてある。**
 *
 * 🚨 子の記号（`>`）を使う。`.faq-area dt a span:first-of-type` と書くと、
 * `.faq-q` の**中**の `<span>`（Q 番号の丸）にも届いてしまう。
 */

/*
 * ここから下は Bug #6073 で足した。**要素名 `p` に当たっていた指定**を戻す。
 *
 * 上の Bug #6019 が戻したのは意匠の `.faq-area dt a p:first-of-type` /
 * `:last-of-type` の 2 規則だけで、意匠が**要素名 `p`** に書いている 3 つが残って
 * いた。実測（2026-09-13 19:58〜20:00・移行元と dev を同じ物差しで・as2 と as3 で
 * 各 3 組）:
 *
 * | 当たり先 | 幅 | 移行元 | dev |
 * |---|---|---|---|
 * | `.faq-q`（Q 番号） | 1440 | 26px / 行 52px | 26px / 行 33.6px |
 * | 設問（類名なし） | 1440 | 18px / 行 36px | 28px / 行 33.6px |
 * | 設問の上の外余白 | 1440 | 16.2px | 0px |
 * | 設問の上の外余白 | 375 | 12.6px | 0px |
 *
 * 値の出どころ（`assets/ad-as2/static/css/styles.css`。as3 と main も同じ値で、
 * 3 意匠を突き合わせて確認した）:
 *
 *   1. 打ち消しの一覧 `body, div, …, p, … { font-size: 1.125rem }`（99 行）。
 *      根が 16px なので 18px になる。🚨 `html { font-size: 62.5% }` は効かない。
 *      **同じ規則の後ろに `font-size: 100%` が在る**ためである（main には
 *      `html` の規則自体が無く、やはり 16px である）
 *   2. 素の `p { line-height: 200% }`（254 行）。26px の `.faq-q` では 52px、
 *      18px の設問では 36px になる
 *   3. `.contents p:not([class]) { margin-top: 0.9em }`（as2 と as3 は styles.css・
 *      main は styles_add.css）。0.9em は幅 1440 で 16.2px・幅 375 で 12.6px。
 *      **類名を持つ `.faq-q` には当たらない**ので、当たり先も `:not([class])` で写す
 *
 * `.contents` の器は投入で残している（`KEEP_WRAPPER_PAGES` に as2・as3・main が
 * 入っている。`scripts/pa-cms/tests/test_mapping_definition_up_to_date.py`）。
 *
 * 🚨 **`display` は戻さない。**`.faq-area dt a` が `display: flex` なので `<span>` は
 * flex の子として block になる。実測で移行元と同じ `block`・幅・位置だった.
 *
 * 🚨 **携帯幅（768px 以下）へは足さない。**あちらは Bug #6019 の上書きが
 * `:first-of-type` / `:last-of-type` へ 14px と 150% を与えており、素の当たり先より
 * 詳細度が高い。実測でも幅 375 の字は移行元と一致していた（差は外余白だけ）.
 */

.faq-area dt a > span {
	font-size: 1.125rem;
	line-height: 200%;
}

.contents .faq-area dt a > span:not([class]) {
	margin-top: 0.9em;
}

.faq-area dt a > span:first-of-type {
	margin: 0 20px 0 0;
	width: 7%;
	font-size: 26px;
}

.faq-area dt a > span:last-of-type {
	padding: 0 0 0 0;
	width: 80%;
}

@media (max-width: 768px) {
	.faq-area dt a > span:first-of-type {
		margin: 0 15px 0 0;
		width: 8%;
		font-size: 14px;
		line-height: 150%;
	}

	.faq-area dt a > span:last-of-type {
		padding: 3px 0 0 0;
		width: 75%;
		font-size: 14px;
		line-height: 150%;
		text-align: left;
	}
}