/* ============================================================
   最新情報・記事詳細の本文スタイル（news-detail.css）
   管理画面のリッチテキストエディタで入力した装飾を
   フロント（news.html #news-detail）できれいに表示する。
   ============================================================ */
.news-detail-body {
    color: #333;
    font-size: 15px;
    line-height: 1.95;
    word-break: break-word;
}
.news-detail-body > *:last-child { margin-bottom: 0; }

.news-detail-body p {
    margin: 0 0 1.1em;
}
.news-detail-body b,
.news-detail-body strong { font-weight: 700; }

.news-detail-body h2 {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.45;
    margin: 1.7em 0 .7em;
    padding-left: 12px;
    border-left: 4px solid #eb1b2b;
    color: #111;
}
.news-detail-body h3 {
    font-size: 16.5px;
    font-weight: 700;
    margin: 1.5em 0 .6em;
    color: #111;
}
.news-detail-body h4 {
    font-size: 15px;
    font-weight: 700;
    margin: 1.3em 0 .5em;
    color: #111;
}

.news-detail-body ul,
.news-detail-body ol {
    margin: 0 0 1.1em;
    padding-left: 1.7em;
}
.news-detail-body li { margin: .35em 0; }
.news-detail-body li > ul,
.news-detail-body li > ol { margin: .35em 0; }

.news-detail-body blockquote {
    margin: 0 0 1.2em;
    padding: 13px 17px;
    background: #fafafa;
    border-left: 4px solid #eb1b2b;
    border-radius: 0 6px 6px 0;
    color: #555;
}
.news-detail-body blockquote p:last-child { margin-bottom: 0; }

.news-detail-body a {
    color: #eb1b2b;
    text-decoration: underline;
    word-break: break-all;
}
.news-detail-body a:hover { color: #c8121f; }

@media (max-width: 576px) {
    .news-detail-body { font-size: 14px; line-height: 1.9; }
    .news-detail-body h2 { font-size: 17px; }
    .news-detail-body h3 { font-size: 15.5px; }
}