/*!
 * Blog CTA Manager — フロント側の最小 CSS
 *
 * 配置パターンの「表示するデバイス」（両方 / PC のみ / スマホのみ）の出し分け。
 *
 * なぜ CSS でやるか:
 *  サーバー側で端末を見分けて HTML を変えると、ページキャッシュに載った 1 つの HTML が
 *  別の端末にも配られて食い違う。HTML はどの端末でも同じものを出し、見せる・見せないだけを
 *  画面幅で決める。
 *
 * 境目は 768px（767.98px 以下＝スマホ／768px 以上＝PC）。間に隙間を作らないため
 * 小数で受けている。display の指定は JS が書く inline style より強くする必要があるので
 * !important を付ける（モーダルは JS が display を書き換えるため）。
 */

@media (max-width: 767.98px) {
    .acm-dev-pc { display: none !important; }
}

@media (min-width: 768px) {
    .acm-dev-sp { display: none !important; }
}