@charset "utf-8";

/*
 * 広告 LP `/ad/as2/` `/ad/as3/` `/ad/main/` `/ad/man2/` の他社比較の表で、セルの中身を
 * 上から始める（Bug #6536・as2 と as3 と main は Bug #6809 で足した）。
 *
 * 🚨 **この CSS はページを絞っていない。**当たり先は
 * `.compare-table:not(.sticky-table) tr:last-child > td:not(.feature)` の類名だけで
 * 決まる。どのページへ効かせるかは配り口
 * （`inc/ad-lp-assets.php` の `PA_AD_LP_MAN2_COMPARE_VALIGN_PATHS`）が決める。
 * **ファイル名の `man2` は最初に直したページの名残**で、いまは 4 ページへ配る。
 *
 * ## 何が起きていたか
 *
 * 移行元はこの 3 セルを**行内の `style="vertical-align: baseline"`** で上揃えにしている
 * （`legacy/www.p-a.jp/public/ad/man2/index.php` の 436・448・459 行）。
 * 一方、意匠の CSS は**逆に中央寄せ**を指定している。
 *
 *     .compare-table td { vertical-align: middle; }   （asset/css/common.css 1891 行・節の外）
 *
 * **投入の消毒は行内の `style` を落とす**ので（Bug #4673）、dev では CSS の中央寄せが
 * そのまま出る。左の長い列と高さが違うため、右の 3 列だけ下へずれて見えていた。
 *
 * ## 当たり先の決め方
 *
 * 🚨 **class では絞れない。**3 セルのうち `class="vertical-top"` が付くのは 1 つだけで、
 * しかも**その class は移行元・dev のどちらの CSS にも定義が無い**（検索して 0 件）。
 *
 * 3 セルは**最初の比較表の最終行**の 2〜4 列目である。1 列目は見出しの列（`.feature`）で、
 * 移行元も行内の指定を持たないので**触らない**。
 *
 * 🚨 **携帯幅の 3 表（`.sticky-table`）は除く。**あちらは行内の指定を持たないので、
 * 当てると移行元に無い差になる。
 *
 * ## 幅で絞らない
 *
 * 移行元の行内の指定は幅の条件を持たない。**どの幅でも上揃えである**ため、
 * ここもメディアクエリへ入れない。
 */

.compare-table:not(.sticky-table) tr:last-child > td:not(.feature) {
	vertical-align: baseline;
}