/* ===== ブログ本文の読みやすさ改善（LS STUDIO） =====
   貼り付け先: WordPress 管理画面 > 外観 > カスタマイズ > 追加CSS
   対象: BLOG / PRESS / WORKS の詳細ページ本文のみ。トップや一覧など他のページには影響しません。
*/

/* 段落の間隔 */
.detail_box .txt_box p {
  line-height: 2.1;
  margin-bottom: 1.6em;
}
.detail_box .txt_box p:empty {
  display: none;
}

/* 見出し */
.detail_box .txt_box h2 {
  font-size: 20px;
  line-height: 1.6;
  font-weight: 600;
  margin: 3.2em 0 1.2em;
  padding-bottom: 0.6em;
  border-bottom: 1px solid rgba(255, 255, 255, .3);
}
.detail_box .txt_box h3 {
  font-size: 17px;
  line-height: 1.6;
  font-weight: 600;
  margin: 2.4em 0 1em;
}
.detail_box .txt_box h1:empty {
  display: none;
}

/* 画像 */
.detail_box .txt_box figure {
  margin: 2.5em 0;
}
.detail_box .txt_box figcaption {
  font-size: 12px;
  line-height: 1.6;
  margin-top: 0.8em;
  color: rgba(255, 255, 255, .6);
}

/* 強調・斜体・リンク */
.detail_box .txt_box strong {
  font-weight: 700;
}
.detail_box .txt_box em {
  font-style: italic;
}
.detail_box .txt_box a {
  text-decoration: underline;
}

/* 箇条書き（今後使う場合に備えて） */
.detail_box .txt_box ul,
.detail_box .txt_box ol {
  margin: 0 0 1.6em 1.5em;
  font-size: 14px;
  line-height: 2;
}
.detail_box .txt_box ul { list-style: disc; }
.detail_box .txt_box ol { list-style: decimal; }

.detail_box .txt_box li {
  margin-bottom: 0.4em;
}

/* 区切り線（PRESSで使用） */
.detail_box .txt_box hr {
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, .3);
  margin: 3em 0;
}

/* WORKS：画像下の説明文。入力した改行をそのまま表示し、読みやすく */
.detail_box .img_box .txt03 {
  white-space: pre-line;
  font-size: 13px;
  line-height: 2;
  margin-top: 14px;
}

/* スマホ */
@media screen and (max-width: 599px) {
  .detail_box .txt_box p { margin-bottom: 1.4em; }
  .detail_box .txt_box h2 { font-size: 18px; margin-top: 2.6em; }
}