@charset "UTF-8";
/**
 * 記事下の申し込み導線を、携帯幅だけ移行元の携帯版にそろえる（Task #7986）。
 *
 * 🚨 **幅 1440 は 1px も動かさない。**どちらの規則も `@media (max-width: 749px)` の
 * 中だけに置き、既定（パソコン幅）では `.pa-word-cta-sp` を伏せる。
 *
 * この CSS は 6 本にだけ配られる（`inc/word-cta-sp.php` の `pa_word_cta_sp_enqueue()`）。
 * 配る側と差し込む側は同じ判定関数を呼ぶ.
 */

/*
 * テーマが足した導線（移行元の携帯版だけが持つ 4 本）。
 *
 * 🚨 **既定で伏せる。**囲みが無い場所へ出るとパソコン幅でも見えてしまう（S2 の助言）。
 * 携帯幅の規則だけが出す.
 */
.pa-word-cta-sp {
	display: none;
}

/*
 * 投入した本文の中の導線（移行元のパソコン版だけが持つ 2 本）。
 * 体の印 `pa-word-cta-sp-hidden` は `pa_word_cta_sp_body_class()` が付ける.
 */
@media (max-width: 749px) {
	.pa-word-cta-sp {
		display: block;
	}

	/*
	 * 🚨 **器で絞らない。**体の印 `pa-word-cta-sp-hidden` は表の 2 本にしか付かず、
	 * その 2 本ではテーマが導線を足さない（足す表と隠す表は排他である）。
	 * 器で絞ると、投入した本文の入れ子がページで違うときに外す.
	 */
	body.pa-word-cta-sp-hidden .word-cta {
		display: none;
	}
}