/*
Theme Name: おひさま
Theme URI: https://ohisama-r.com/info/
Author: ほーむぺーじ屋
Description: 龍見寺「おひさま」のお知らせ一覧と詳細。既存サイトの共通クラスを使い、お知らせに必要な差分だけを持つ。
Version: 1.1.4
Text Domain: ohisama
*/

/* 見出し帯 */
.block-001 .box-inner h2 {
    background-color: #eda8c7;
}

/* 詳細 */
.news-detail .box-inner {
    padding-bottom: 60px;
}

@media screen and (max-width: 599px) {
    .news-detail .box-inner {
        padding-bottom: 40px;
    }
}

/* 文字の太さ */
#info .box-inner {
    font-weight: 500;
}

/* 一覧 */
.news-list {
    margin-top: 28px;
}

.news-list dl {
    display: flex;
    align-items: baseline;
    column-gap: 2.4em;
    margin: 0;
    padding: 14px 0;
    border-bottom: dotted 1px #707070;
}

.news-list dt {
    flex: 0 0 7.2em;
    font-size: 1.4rem;
}

.news-list dd {
    flex: 1;
    margin: 0;
    font-size: 1.6rem;
    line-height: calc(31 / 16);
}

@media screen and (min-width: 280px) and (max-width: 767px) {
    .news-list dl {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 6px;
    }

    .news-list dt {
        flex: none;
    }
}

/* 詳細の補足 */
.news-note {
    margin-top: 18px;
    text-align: right;
    font-size: 1.4rem;
}

/* 本文 */
.news-body {
    margin-top: 22px;
    font-size: clamp(1.6rem, 1.8vw, 1.8rem);
    line-height: calc(34 / 18);
    text-align: start;
}

.news-body p,
.news-body ul,
.news-body ol {
    margin-top: 1em;
}

.news-body ul,
.news-body ol {
    padding-left: 1.4em;
}

/* ページ送り */
.news-pager {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    column-gap: 16px;
    margin-top: 28px;
    font-size: 1.5rem;
}

/* 一覧TOP */
.news-list-top {
    margin-top: 28px;
    text-align: center;
}