/*
 * 本文に付いている印の見え方（このテーマで書いたもの。10/9）
 *
 * 今の本文には、LeadGrid の編集画面で付けた印（leadgrid-…）が残っている。今のサイトでは LeadGrid が設定から自動で出す CSS が
 * 見え方を決めていたが、LeadGrid 側の部品なので新サイトでは使わず、本文が実際に使っている分（2026-10-09 に全ページで確認）だけを
 * 同じ見え方で書いた。読む順番も今と同じ（template.css より後ろ）
 */

/* 文字の大きさ（店舗・トップ・料金の本文で使う。hm 94か所・bl 42か所・hs 4か所・s 1か所） */
.leadgrid-font-size-hm { font-size: 24px; line-height: 145%; }
.leadgrid-font-size-hs { font-size: 20px; line-height: 150%; }
.leadgrid-font-size-bl { font-size: 16px; line-height: 160%; }
.leadgrid-font-size-s { font-size: 12px; line-height: 160%; }
@media (max-width: 768px) {
	.leadgrid-font-size-hm { font-size: 20px; line-height: 150%; }
	.leadgrid-font-size-hs { font-size: 16px; line-height: 160%; }
	.leadgrid-font-size-bl { font-size: 14px; line-height: 160%; }
	.leadgrid-font-size-s { font-size: 10px; line-height: 160%; }
}

/* スマホだけの改行（店舗 /studio/hiroshimamikawacho のメインビジュアルの見出しで使う） */
.leadgrid-sp-br { display: none; }
@media screen and (max-width: 768px) {
	.leadgrid-sp-br { display: block; }
}

/* 記事の画像を中央に置く（記事 /news/musashikoyama で使う） */
.fr-view img.fr-dii.leadgrid-wysiwyg-img-center { display: block; margin-left: auto; margin-right: auto; }
.fr-view img.leadgrid-wysiwyg-img-center { display: block !important; margin-left: auto !important; margin-right: auto !important; }