/* EX REDESiGN — assets/css/break-responsive.css
 *
 * 「スマホだけ改行 / PCだけ改行」を <span class="br-marker br-marker-{sp,pc}"> だけで実現。
 * <br> は使わない (WP rich-text API が class 属性を保存時に剥がすため)。
 *
 * span を display:block + height:0 にすると、ゼロ高さのブロックとして
 * 改行だけを生む (見た目の余白ゼロ、ただその位置でテキストが折り返る)。
 * 表示・非表示は display プロパティだけで制御。
 *
 * 閉値: スマホ階層 = ≦600px
 */

/* デフォルト: どちらのマーカーも非表示。下で表示すべきものだけ display:block でオーバーライド。 */
.br-marker { display: none; }

/* スタイル共通 (テキスト・視認コンテンツを隠し、ゼロサイズのブロックとして振る舞う) */
.br-marker-sp,
.br-marker-pc {
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
  user-select: none;
}

/* PC (デフォルト): PCマーカーを「改行ブロック」として表示。SPマーカーは非表示のまま。 */
.br-marker-pc { display: block; }

/* スマホ (≦600px): SPマーカーを表示、PCマーカーを隠す。 */
@media (max-width: 600px) {
  .br-marker-sp { display: block; }
  .br-marker-pc { display: none; }
}