@charset "utf-8";

/*
 * 広告 LP `/ad/as2/` `/ad/as3/` で、投入の消毒が落とした行内の `style` を戻す
 * （Task #6844・親は Bug #6831・出どころは Bug #4673 の全数の数え上げ）。
 *
 * ## 判定のしかた
 *
 * 落ちた行内の値を「効いている最後の値」と比べて決めた
 * （道具は `pa-verify-assets/D6/4673-効いている最後の値-0917.py`）。そのページが読む
 * 意匠の CSS を `<link>` の並び順に全部読み、**当の要素そのものに当たる規則**だけを
 * 集め、`!important` → id → 類名 → タグ → 並びで最後の値を決めてある。
 *
 * 🚨 **意匠の写し（`assets/ad-as2/` `assets/ad-as3/`）は書き換えない。**md5 を
 * `tests-retired/pa-cms-ad-lp-assets9/` が見張る。上書きを別ファイルで足して後ろへ配る。
 *
 * 🚨 **広告 LP は `pa-page--<区画>` を持たない。**`page-templates/ad-lp-frame.php` が
 * 本文を包まないので、**ページの絞りは配り口
 * （`inc/ad-lp-assets.php` の `PA_AD_LP_AS_INLINE_STYLE_PATHS`）だけ**である。
 * この CSS の当たり先はページを絞っていない.
 */

/*
 * 「選ばれる 3 つの理由」の見出しの上の余白を 0 に戻す
 * （移行元の行内 `style="margin-top: 0"`）。
 *
 * 🚨 **意匠の初期化（`styles.css` の `h1, h2, … { margin: 0 }`）では説明がつかない。**
 * その後ろに `.pa-area.pa-area--extend .contents-title { margin: 120px auto 50px }` が
 * 在り、**効いている最後の値は `margin-top: 120px`** である。行内の `0` はそれを
 * 打ち消している。落ちると 120px になる。
 *
 * 当たり先は `#reason` の中の `.contents-title` **ちょうど 1 個**である（as2・as3 とも
 * 実測）。ページ全体の `.contents-title` は 11 個あるので、`#reason` で絞る.
 */
#reason .contents-title {
	margin-top: 0;
}

/*
 * 会員の属性のグラフの下の注記の右の内余白（移行元の行内
 * `style="padding-right: 10px"`）。
 *
 * 効いている最後の値は意匠の初期化の `padding: 0` なので、落ちると右へ寄る。
 *
 * 🚨 **`.small-text` はページに 7 個ある。**`.point01` の中は 2 個で、
 * 行内を持つのは `.aln-right` のほう（もう 1 つは `.aln-cl`）。
 * **囲みと並びの類名の両方で絞る**と、位置を使わずに 1 個に決まる.
 */
.point01 .bg-white .small-text.aln-right {
	padding-right: 10px;
}

/*
 * ヘッダー右上の「無料相談を予約する」の上の余白 5px（移行元の行内
 * `style="margin-top: 5px;"`・Bug #7752）。
 *
 * 移行元 `ad/as2/index.html` と `ad/as3/index.html` の `a.top-cta` が 1 つずつ持つ。
 * 意匠の写し（`static/css/custom.css`）の `.top-cta` は `position: absolute`（上 5px・
 * 769px 以上は 16px）で、`margin-top` を決める規則はほかに無い。落ちると 0 になり、
 * ボタンが移行元より 5px 上に出る。
 *
 * 🚨 **パソコン用と携帯用の両方に当てる。**dev は同じボタンを `top-cta pa-reg18-link--pc` と
 * `top-cta pa-reg18-link--sp` の 2 つ出し、幅で片方を伏せる（来店予約のリンクを端末ごとに
 * 分ける `inc/reg18-body-links.php`）。移行元は 1 つの要素がどの幅でも同じ行内の 5px を
 * 持つので、類名で絞らずに両方へ当てる.
 */
.top-cta {
	margin-top: 5px;
}