@charset "UTF-8";

/*
 * 広告 LP `/ad/man2/` の携帯幅で、押しボタンの幅を「伏せた片割れを数に入れない」形へ直す
 * （Bug #6962）。
 *
 * ## 何が起きていたか
 *
 * 移行元の意匠は、押しボタンの幅を**囲みの中の何番目の子か**で決めている
 * （`assets/ad-man2/css/common.css` の 505・508・770・773 行）。
 *
 *     .top009-inner-btns a            { width: 89.33vw; }
 *     .top009-inner-btns a:nth-child(2) { width: 42.13vw; margin-top: 4vw; }
 *     .top009-inner-btns a:nth-child(3) { width: 42.13vw; margin-top: 4vw; }
 *
 * ところが `inc/reg18-body-links.php`（Bug #6022・ユーザー決定 D163）が、本文の中の
 * 来店予約フォーム（reg18）のリンクを**パソコン版と携帯版の 2 本へ組み替える**。
 * 片方は `assets/css/ad-lp-reg18-link-pair.css` が幅で伏せるが、
 * 🚨 **`display: none` の子も `nth-child` は数える。**そのため囲みの子が 3 本から
 * 4 本に増え、**幅の指定が 1 つずつ後ろへずれる。**
 *
 * 実測（2026-09-17 21:13:33〜21:14:36・実ブラウザ・幅 375px・移行元の本番と dev）。
 *
 * | 押しボタン | 移行元 | dev（この直しの前） |
 * |---|---|---|
 * | 来店予約 | 334.98 × 49.98 | **157.98 × 23.58** |
 * | 資料請求 | 157.98 × 49.98 | 157.98 × 49.98 |
 * | 婚活 EQ 診断 | 157.98 × 49.98 | **334.98 × 106** |
 * | 塊の高さ | 114.97 | **170.98**（+56.01） |
 * | `.top009` の高さ | 287.36 | **343.38** |
 * | `.top006` の高さ | 327.83 | **383.84** |
 *
 * **幅 1440px は移行元 279 / 357 に対し dev も 279 / 357 で一致していた。**
 * パソコン幅の規則（`.top009-inner-btns a { width: 325px }`）が `nth-child` を
 * 使わないためである。
 *
 * ## なぜ `nth-of-type` に替えないのか
 *
 * 🚨 **直らない。**増えた子も `<a>` なので、`nth-of-type` でも同じ数え方になる。
 *
 * ## なぜ組み替える側（`reg18-body-links.php`）を直さないのか
 *
 * 伏せる片割れを末尾へ置く手もあるが、**あの手当ては投入した本文の全ページに効く**。
 * 並べ方を変えると、`nth-child` を使うほかの区画に別の形でずれが出る。
 * **当たっているのはこの 2 区画だけ**（下の数え上げ）なので、ここへ当てる。
 *
 * ## 直し方
 *
 * **移行元の写し（`assets/ad-man2/css/common.css`）は 1 文字も変えない。**
 * あの写しは md5 を `tests-retired/pa-cms-ad-lp-assets9/` が見張っている。
 * 位置ではなく**伏せる片割れとの並び**で当たり先を決める規則をここへ置く。
 *
 *   - 伏せる片割れの次の `a` … 1 本目（全幅 89.33vw・上の外余白なし）
 *   - 伏せる片割れ以外の `a` より後ろの `a` … 2 本目と 3 本目（42.13vw・上 4vw）
 *
 * 🚨 **対が無いときも移行元と同じ値になる。**子が 3 本（`a1` `a2` `a3`）なら
 * 1 つ目の規則は当たらず（`.pa-reg18-link--pc` が無い）、`a1` は写しの既定の
 * 89.33vw のまま、2 つ目の規則が `a2` `a3` に 42.13vw を与える。
 *
 * ## 幅の節は移行元の写しと同じ境目にする
 *
 * 写しの携帯幅の節は `@media screen and (max-width: 750px)` である。**750px ちょうどでも
 * 写しの `nth-child` は効く**ので、ここも 750px までを見る。
 * （`ad-lp-reg18-link-pair.css` の 749px は「どちらの片割れを伏せるか」の境目で、
 * 別の役目である。750px では伏せる側が入れ替わるが、**下の 2 つの規則は
 * どちらが伏せられていても移行元と同じ並びを作る**。）
 *
 * ## 詳細度
 *
 * 写しの `.top009-inner-btns a:nth-child(2)` は （0,3,1）。
 * 下の規則は `.pa-reg18-link--pc` を含めて （0,3,2）で、**写しに勝つ**。
 * 読み込む順に頼らない。
 */

@media (max-width: 750px) {

	/* 1 本目（来店予約）。伏せた片割れの次に来る. */
	.top006-inner-btns.sp > a.pa-reg18-link--pc + a,
	.top009-inner-btns.sp > a.pa-reg18-link--pc + a {
		width: 89.33vw;
		margin-top: 0;
	}

	/* 2 本目と 3 本目（資料請求・婚活 EQ 診断）。伏せた片割れは数に入れない. */
	.top006-inner-btns.sp > a:not(.pa-reg18-link--pc) ~ a,
	.top009-inner-btns.sp > a:not(.pa-reg18-link--pc) ~ a {
		width: 42.13vw;
		margin-top: 4vw;
	}
}