/* 管理画面で指定した改行の、出し分け。

   ・br.br-pc … パソコンのときだけ改行する（狭い画面では改行しない）
   ・br.br-sp … スマートフォンのときだけ改行する

   切り替えの幅（640px）は、カレンダーの出し分け（css/calendar.css）と同じにしている。
   ここを変えるときは、そちらも一緒に見ること。

   ※ <br> は display:none にすると改行しなくなる（これで出し分けている）。 */

br.br-pc {
  display: inline;
}

br.br-sp {
  display: none;
}

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

  br.br-sp {
    display: inline;
  }
}

/* --------------------------- 文章の位置 ---------------------------

   管理画面で選んだ「左寄せ・中央・右寄せ」。
   もとの指定（見出しは中央など）を上書きするため !important を付けている。
   何も選んでいないときはクラスが付かず、これまでどおりの見え方になる。 */

.tf-left {
  text-align: left !important;
}

.tf-center {
  text-align: center !important;
}

.tf-right {
  text-align: right !important;
}

/* 管理画面のプレビューでは、画面幅ではなく指定で出し分ける
   （パソコンのままスマートフォンの見え方を確かめるため） */

.cal-force-phone br.br-pc,
.tf-force-phone br.br-pc {
  display: none;
}

.cal-force-phone br.br-sp,
.tf-force-phone br.br-sp {
  display: inline;
}

.cal-force-pc br.br-pc,
.tf-force-pc br.br-pc {
  display: inline;
}

.cal-force-pc br.br-sp,
.tf-force-pc br.br-sp {
  display: none;
}