@charset "UTF-8";
/*
 * PC / SP 出し分け用スタイル
 * ------------------------------------------------------------
 * 「外観 > カスタマイズ > 追加CSS」に置いていた PC / SP の
 * 表示切り替え（display 制御）だけをこのファイルに切り出したもの。
 *
 * 追加CSS は WordPress 5.8 以降、ブロックエディター（記事編集画面）の
 * キャンバスにも読み込まれるため、.sp / .sp-img が display:none となり
 * 編集画面から SP 用画像が消えて編集できなくなっていた。
 * このファイルは functions.php の businesspress_scripts()（wp_enqueue_scripts）
 * からフロント側でのみ読み込むため、編集画面には影響しない。
 *
 * ※ここに書いたルールは絶対に「追加CSS」へ戻さないこと。
 * ------------------------------------------------------------
 */

/* パソコンで見たときは "pc" のclassがついた要素が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

/* スマートフォンで見たときは "sp" のclassがついた要素が表示される */
@media only screen and (max-width: 750px) {
	.pc { display: none !important; }
	.sp { display: block !important; }
}

/* インライン画像用（pc-img / sp-img） */
.pc-img { display: inline-block !important; }
.sp-img { display: none !important; }

@media only screen and (max-width: 768px) {
	.pc-img { display: none !important; }
	.sp-img { display: inline-block !important; }
}

/* スマホの時だけ改行させるクラス */
.br-sp { display: none; }
.br-pc { display: block; }

@media (max-width: 600px) {
	.br-sp { display: block; }
	.br-pc { display: none; }
}