@charset "utf-8";

/*
 * 広告 LP で、来店予約フォーム（reg18）の対のリンクの片方を伏せる（Bug #6538・Bug #6539）。
 *
 * ## 何が起きていたか
 *
 * `inc/reg18-body-links.php`（`the_content` の優先度 20・Bug #6022・ユーザー決定 D163）が、
 * 投入した本文の中の reg18 のリンクを**パソコン版と携帯版の 2 本へ組み替える**。
 * 移行元が予約フォームの識別子（`SMPFORM`）を端末で使い分けているためで、
 * 名乗り（UA）で出し分けると CloudFront の取り置きが分かれるので採れない。
 * そこで**2 本とも書き出し、片方を CSS の幅で伏せる**作りになっている。
 *
 * **その伏せる CSS は `main.css` にしか無い**（5708 行と 6412 行）。ところが
 * **広告 LP の外枠は共通スタイル `pa-main` を外す**（{@see PA_AD_LP_COMMON_HANDLES}。
 * 移行元の広告 LP が素の要素名に意匠を書いており、共通 CSS と当たり負けするため）。
 * その結果、**広告 LP では 2 本とも出る。どの幅でも同じ**である。
 *
 * 事業部の目視で 2 か所として挙がった（2026-09-16 11:06:13 と 11:18:57）。
 *
 *   - 来店予約の押しボタンが二重（Bug #6539）。実測で 上部の帯 3 → 4 本・
 *     区画の押しボタン 6 → 8 本。**増えるのは来店予約だけ**で、資料請求と
 *     婚活 EQ 診断は自サイトのフォームを指すので対にならない
 *   - オンライン店の名前と「WEB相談」が 2 回（Bug #6538）。実測で
 *     店舗一覧のリンク 35 → 46 本（`.pa-reg18-link--pc` 11・`--sp` 11）
 *
 * ## 直し方
 *
 * **`main.css` の 2 つの規則をそのまま写す。**値も当たり先も変えない。
 *
 * 🚨 **2 つで 1 組である。**幅で伏せる側が入れ替わるので、片方だけ写すと
 * 反対側の幅で 2 本とも出たままになる。
 *
 * 🚨 **`main.css` 側は消さない。**あちらは広告 LP 以外の全ページで効いている。
 *
 * ## 配る先
 *
 * `pa_ad_lp_is_target()` が真になるページ全部（区画 `ad` ＋
 * {@see PA_AD_LP_FRAME_EXTRA_PATHS}）。**man2 だけに絞らない。**
 * 移行元の広告 LP 21 ページすべてが予約系のリンクを持つ（写しを数えた）。
 *
 * ## 🚨 画面上の固定の帯だけは、上の 2 つでは伏せられない（Bug #6946）
 *
 * **配られてはいるが、当たり負けしている。**意匠の写しが帯の中の `a` に
 * `display: block` を与えており、そちらのほうが強い。
 *
 *     意匠の写し  .siteHeader .fixingBtns li a                → (0,2,2)  display: block
 *     上の規則    body .pa-reg18-link--pc.pa-reg18-link--pc   → (0,2,1)  display: none   ← 負ける
 *
 * **[Bug #6539](https://github.com/mationinc/wp-platform/issues/6539) が man2 で直ったのに
 * ほかの広告 LP で直らなかったのは、これが理由である。**man2 はこの帯を持たない。
 *
 * ## 数えた（2026-09-18・投入した本文へ本物の `pa_reg18_expand_body()` を流した）
 *
 * 🚨 **帯は 1 ページに 1 つとは限らない。**法人向けは `.fixingBtns … pc` と
 * `.fixingBtns … sp` の **2 つ**を持つ。数え落とすところだった.
 *
 * | ページ | 帯の数 | `a`（前） | `a`（後） | 2 本になった `li` |
 * |---|---:|---:|---:|---:|
 * | `/ad/as2/` | 1 | 3 | **5** | **2** |
 * | `/ad/as3/` | 1 | 1 | **2** | 1 |
 * | `/ad/hojin2/` | **2** | 6 | **8** | **2** |
 * | `/ad/hojin2/kyosai.html` | **2** | 6 | **8** | **2** |
 * | `/ad/main/` | 1 | 3 | **4** | 1 |
 * | `/ad/u_20_3/` | 1 | 3 | **4** | 1 |
 * | `/ad/u_30/` | 1 | 3 | **4** | 1 |
 * | `/ad/u_30/-index.html` | 1 | 3 | **4** | 1 |
 * | `/ad/man2/`・`/ad/reason/`・`/ad/welfare/` | 0 | 0 | 0 | 0 |
 *
 * **8 ページ・帯 10 個が当たる。**器は 8 ページとも `header.siteHeader` が
 * `.fixingBtns` を直接包んでいる（投入した本文を数えた）。意匠の写しで
 * **いちばん強い相手**も 6 つの資材すべてで `.siteHeader .fixingBtns li a` の (0,2,2) だった。
 *
 * ## 🚨 法人向けの帯そのものの境目は 768px だが、それでよい
 *
 * 法人向けは `.pc` / `.sp` を `@media (max-width: 768px)` で切り替える
 * （`assets/ad-hojin2/css/style02.css` の 290〜306 行）。**下の規則の境目は 749px / 750px**
 * なので、750〜768px では「携帯向けの帯」の中に「パソコン版の識別子」が出る。
 *
 * **これは食い違いではない。**どちらの識別子を出すかの境目は 749px / 750px と決まっており
 * （ユーザー決定 D163・裁定 430）、帯そのものの見せ方とは別の決めごとである。
 * **大事なのは、どの幅でもちょうど 1 本だけが見えること**で、下の 2 つはそれを満たす
 * （750px 以上で `--sp` を伏せ、749px 以下で `--pc` を伏せる。排他）。
 *
 * ## 直し方
 *
 * **意匠の写しは 1 文字も変えない。**帯の中だけを名指しした規則を下に足して、
 * **(0,4,2)** で勝つ。値は上の 2 つと同じ `display: none` である。
 *
 * 🚨 **上の 2 つは消さない。**あちらは本文の中のリンク（帯の外）に効いている。
 * 🚨 **ここも 2 つで 1 組である。**幅で伏せる側が入れ替わる.
 */

@media (min-width: 750px) {

	body .pa-reg18-link--sp.pa-reg18-link--sp {
		display: none;
	}
}

/*
 * 🚨 **画面上の固定の帯の中（Bug #6946）。**意匠の写しの
 * `.siteHeader .fixingBtns li a { display: block }`（0,2,2）に勝つため、
 * 器と印を重ねて (0,4,2) にする。**値は上と同じ**である.
 */
@media (min-width: 750px) {

	.siteHeader .fixingBtns li a.pa-reg18-link--sp.pa-reg18-link--sp {
		display: none;
	}
}

@media (max-width: 749px) {

	body .pa-reg18-link--pc.pa-reg18-link--pc {
		display: none;
	}
}

/* 🚨 帯の中の対（Bug #6946）。上の節と 2 つで 1 組である. */
@media (max-width: 749px) {

	.siteHeader .fixingBtns li a.pa-reg18-link--pc.pa-reg18-link--pc {
		display: none;
	}
}

/*
 * 🚨 **本文の中の申し込みの押しボタン（Bug #7285）。**広告 LP `/ad/u_20_3/` の意匠の写し
 * `.cta-area .button-wrap li a { display: block }`
 * （`assets/ad-u_20_3/static/css/styles.css` の 1289 行・**(0,2,2)**）に勝つため、
 * 器と印を重ねて **(0,4,2)** にする。値は上の節と同じ `display: none` である。
 *
 * 実測（2026-09-18 03:09:22〜03:13:28・実ブラウザ・幅 375）で、**出ないはずのパソコン版が 9 本**
 * 見えていた。移行元 `legacy/www.p-a.jp/public/ad/u_20_3/index.html` の `.cta-area .button-wrap` は
 * **9 か所**在り、どれも `<li>` 3 本（来店予約・資料請求・婚活EQ診断）で来店予約は各 1 本なので、
 * 9 × 1 = 9 と数が合う。
 *
 * 🚨 **この規則が当たるのは u_20_3 だけである。**ほかの広告 LP 5 件（as2・as3・main・man2・hojin2）の
 * 意匠の写しに `.cta-area .button-wrap li a { … }` は 1 件も無く、実測でも漏れていない（陰性対照）。
 * 🚨 **意匠の写しは 1 文字も変えない。**
 * 🚨 **ここも 2 つで 1 組である。**幅で伏せる側が入れ替わる.
 */
@media (min-width: 750px) {

	.cta-area .button-wrap li a.pa-reg18-link--sp.pa-reg18-link--sp {
		display: none;
	}
}

/* 🚨 本文の中の押しボタンの対（Bug #7285）。上の節と 2 つで 1 組である. */
@media (max-width: 749px) {

	.cta-area .button-wrap li a.pa-reg18-link--pc.pa-reg18-link--pc {
		display: none;
	}
}

/*
 * 🚨 **法人向けの本文の押しボタン区画（Bug #9399・Bug #9400）。**広告 LP `/ad/hojin2/` と
 * `/ad/hojin2/kyosai/` の意匠の写し `.contents .c-cvbtn__btns li a { display: block }`
 * （`assets/ad-hojin2/static/css/style02.css` の 2891 行・**(0,2,2)**）に、上の
 * `body .pa-reg18-link--sp.pa-reg18-link--sp`（0,2,1）が負けていた。器と印を重ねて **(0,4,2)** で勝つ。
 * 値は上の節と同じ `display: none` である。
 *
 * 実測（2026-10-05・`pa-verify-assets/B/9399-着手前の実測-1005/走行1/`・配信中の dev は 383998fca）で、
 * 見えている「来店予約」は 2 ページとも **移行元 4・dev 7**（1440 と 375 の両方）だった。移行元は
 * 区画が 3 か所在り、どれも `ul.pc` と `ul.sp` を 1 つずつ持つ（来店予約は各 1 本）。dev は見えている側の
 * `ul` の中で対の 2 本とも出て、帯 1 ＋ 3 × 2 ＝ 7 になる。画面上の帯は上の Bug #6946 の節で 1 本に収まっている。
 *
 * 🚨 **この規則が当たるのは法人向けの 2 ページだけである。**`c-cvbtn__btns` はテーマの中で
 * `assets/ad-hojin2/static/css/style02.css` にしか無い（ほかの広告 LP の意匠の写しには 0 件）。
 * 🚨 **意匠の写しは 1 文字も変えない。**
 * 🚨 **ここも 2 つで 1 組である。**幅で伏せる側が入れ替わる.
 */
@media (min-width: 750px) {

	.contents .c-cvbtn__btns li a.pa-reg18-link--sp.pa-reg18-link--sp {
		display: none;
	}
}

/* 🚨 法人向けの本文の押しボタン区画の対（Bug #9399・Bug #9400）。上の節と 2 つで 1 組である. */
@media (max-width: 749px) {

	.contents .c-cvbtn__btns li a.pa-reg18-link--pc.pa-reg18-link--pc {
		display: none;
	}
}