/* ── wit テーマ : レスポンシブ改行 ──
 * 段落内に <span class="wit-br wit-on_750px"></span> 等を挿入すると、
 * 指定幅以下で改行が ON / OFF になる。LiteWord の lw-br と同等の仕組み。
 *
 * 命名:
 *   .wit-on_XXXpx   : 普段は非表示、XXXpx 以下で表示（=改行が出る）
 *   .wit-none_XXXpx : 普段は表示（=改行が出る）、XXXpx 以下で非表示（=改行が消える）
 *
 * 編集 UI : assets/js/responsive-br.js（リッチテキストツールバー）
 */

/* ▼共通：改行させるための基本形 */
.wit-br {
    display: inline-block;
    width: 100%;
    height: 0;
}

/* ▼ none_*** : 普段は改行が出る／指定幅以下で消える ─────── */
@media (max-width: 1200px) { .wit-none_1200px { display: none; } }
@media (max-width: 1150px) { .wit-none_1150px { display: none; } }
@media (max-width: 1100px) { .wit-none_1100px { display: none; } }
@media (max-width: 1050px) { .wit-none_1050px { display: none; } }
@media (max-width: 1000px) { .wit-none_1000px { display: none; } }
@media (max-width: 950px)  { .wit-none_950px  { display: none; } }
@media (max-width: 900px)  { .wit-none_900px  { display: none; } }
@media (max-width: 850px)  { .wit-none_850px  { display: none; } }
@media (max-width: 800px)  { .wit-none_800px  { display: none; } }
@media (max-width: 750px)  { .wit-none_750px  { display: none; } }
@media (max-width: 700px)  { .wit-none_700px  { display: none; } }
@media (max-width: 650px)  { .wit-none_650px  { display: none; } }
@media (max-width: 600px)  { .wit-none_600px  { display: none; } }
@media (max-width: 550px)  { .wit-none_550px  { display: none; } }
@media (max-width: 500px)  { .wit-none_500px  { display: none; } }
@media (max-width: 450px)  { .wit-none_450px  { display: none; } }
@media (max-width: 400px)  { .wit-none_400px  { display: none; } }
@media (max-width: 350px)  { .wit-none_350px  { display: none; } }

/* ▼ on_*** : 普段は出ない／指定幅以下で改行が出る ─────── */
.wit-on_1050px { display: none; }
@media (max-width: 1050px) { .wit-on_1050px { display: block; } }

.wit-on_1000px { display: none; }
@media (max-width: 1000px) { .wit-on_1000px { display: block; } }

.wit-on_950px { display: none; }
@media (max-width: 950px) { .wit-on_950px { display: block; } }

.wit-on_900px { display: none; }
@media (max-width: 900px) { .wit-on_900px { display: block; } }

.wit-on_850px { display: none; }
@media (max-width: 850px) { .wit-on_850px { display: block; } }

.wit-on_800px { display: none; }
@media (max-width: 800px) { .wit-on_800px { display: block; } }

.wit-on_750px { display: none; }
@media (max-width: 750px) { .wit-on_750px { display: block; } }

.wit-on_700px { display: none; }
@media (max-width: 700px) { .wit-on_700px { display: block; } }

.wit-on_650px { display: none; }
@media (max-width: 650px) { .wit-on_650px { display: block; } }

.wit-on_600px { display: none; }
@media (max-width: 600px) { .wit-on_600px { display: block; } }

.wit-on_550px { display: none; }
@media (max-width: 550px) { .wit-on_550px { display: block; } }

.wit-on_500px { display: none; }
@media (max-width: 500px) { .wit-on_500px { display: block; } }

.wit-on_450px { display: none; }
@media (max-width: 450px) { .wit-on_450px { display: block; } }

.wit-on_400px { display: none; }
@media (max-width: 400px) { .wit-on_400px { display: block; } }

.wit-on_370px { display: none; }
@media (max-width: 370px) { .wit-on_370px { display: block; } }

.wit-on_350px { display: none; }
@media (max-width: 350px) { .wit-on_350px { display: block; } }