/**
 * 広告 LP man2（`/ad/man2/`）の、画面下に追従する押しボタンの帯（Bug #4859）。
 *
 * 移行元は帯の見え方を 3 つの仕組みで作っている。**そのうち 2 つが投入で消える。**
 *
 * | 移行元の仕組み | 投入後 |
 * |---|---|
 * | 外側 `div.ftbtn-js` の行内の `style="display: none;"` | **消える**（消毒が `style` 属性を落とす） |
 * | 内側 `div.footerbtns` の行内の `style="display: none;"` | **消える**（同じ） |
 * | 意匠の CSS（`asset/css/style.css` 3,723〜3,742 行の `@media (max-width: 750px)`） | **配られない**（man2 は資材の並びに行が無い） |
 *
 * そのため宣言だけで塊を戻すと、**3 枚の絵が縦に積んだ形で常に出たままになる。**
 * ここでは移行元の 3,723〜3,742 行を写し、行内の指定が担っていた「最初は隠す」も
 * CSS で置き直す。
 *
 * 🚨 **書体のファイルは 1 本も読まない。**この帯の再現に書体は要らない（移行元の
 * 3,723〜3,742 行に `font` の指定が 1 つも無いことを実測した）。man2 の游ゴシック 2 本は、
 * 意匠の `assets/ad-man2/css/style.css` が配る（ユーザー決定 D657・Task #8839。当初は
 * 裁定 173 で保留にしていた）。
 *
 * 🚨 **`!important` は写さない。**移行元が `display: flex !important` と書いていたのは
 * `div.footerbtns` の**行内の** `display: none;` に勝つためである。その行内の指定は
 * 投入で消えているので、ここでは要らない。
 */

/* 最初は隠す（移行元の行内の `style="display: none;"` の置き直し）。
   出し入れは `assets/js/ad-lp-man2-ftbtn.js` が `is-shown` を付け外しする。 */
.ftbtn-js {
	display: none;
}

.ftbtn-js.is-shown {
	display: block;
}

/* 751px 以上には移行元に規則が 1 つも無く、行内の `display: none;` だけで隠れていた。
   その行内の指定が消えるので、ここで隠す。 */
.footerbtns {
	display: none;
}

@media screen and (max-width: 750px) {
	.footerbtns {
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 1500;
		display: flex;
		width: 100%;
		height: 11.73vw;
		justify-content: space-between;
	}

	.footerbtns a {
		width: calc(100% / 3);
	}
}

/*
 * 移行元の初期化のうち、この帯に効いていた 2 つを言い直す（Bug #5143）。
 *
 * 移行元は `style.css` の先頭で `img { display: block; outline: none; width: 100%; }`
 * を全ページへ当てている。**この広告 LP は共通スタイル（`pa-main`）をわざと読まない**
 * 作りなので（`inc/ad-lp-assets.php`）、その初期化がどこからも来ない。**絵が生の
 * 大きさ（250×88）で出て、押しボタンの箱（125×44）からはみ出す。**
 *
 * 🚨 **素の `img` に当てない。**この LP の外へ配ると、テーマの全ページの絵が変わる。
 *    当たり先はこの帯の中の絵だけに絞る。
 *
 * 🚨 **足す値を 1 つずつ書き分ける。**「移行元の初期化を丸ごと貼る」ことはしない。
 *    下の 2 つは、移行元と dev の値を実際に測って差が出たものだけである
 *    （2026-09-09 11:4x・控えは `pa-verify-assets/f14-man2-reset/`）。
 *
 * | 性質 | 移行元 | dev（直す前） |
 * |---|---|---|
 * | `display` | `block` | `inline` |
 * | `width` | `100%`（125px に収まる） | `250px`（絵の生の幅） |
 *
 * 移行元の `outline: none` は写さない。絵は焦点を受け取らないので見た目が変わらず、
 * 焦点の輪郭を消す指定を増やす理由が無い。
 */
.footerbtns a img {
	display: block;
	width: 100%;
}