/*--------------------
　NEWS
--------------------*/
/*---------- お知らせクエリー ----------*/
.newsList {
    width: 100%;
    border-block-start: 1px solid var(--wp--preset--color--gray);

    .wp-block-post {
        padding-block: 16px;
        padding-inline: 8px;
        margin-block-start: 0;
        border-block-end: 1px solid var(--wp--preset--color--gray);
    }
}

/*---------- お知らせセクション ----------*/

.newsListSection {

    .newsListSection__inner {
        max-width: 900px;
        column-gap: 40px;

        @media screen and (max-width: 999px) {
            flex-direction: column;
        }
    }

    .sectionTitle__title {
        white-space: nowrap;
    }
}

/*---------- お知らせ詳細ページ ----------*/
.newsListPage {

    .newsListPage__inner {
        max-width: 900px;

        @media screen and (max-width: 999px) {
            padding-block: 0;
        }
    }

    .newsListPage__type {
        color: var(--wp--preset--color--white);
        display: inline-block;
        padding-block: 2px;
        padding-inline: 8px;
        background-color: var(--wp--preset--color--orange);
        border-radius: 0 20px 20px 0;
    }

    .wp-block-post-title {
        padding-inline: 12px;

        @media screen and (max-width: 999px) {
            padding-inline: 4px;
        }
    }

    .wp-block-post-date {
        padding-inline-end: 12px;

        @media screen and (max-width: 999px) {
            padding-inline: 4px;
        }
    }

    .entry-content {
        padding-block-start: 40px;
        padding-inline: 12px;
        border-block-start: 1px solid var(--wp--preset--color--gray);

        @media screen and (max-width: 999px) {
            padding-inline: 4px;
        }

        ul {
            padding-inline-start: 20px;
        }

        img {
            width: 100%;
        }
    }
}