@charset "UTF-8";
/* CSS Document */
/* ===============================
POST
共通項目
=============================== */
/* .post-list {
    overflow-y: hidden;
}
.post-list [class*="__item"] {
    margin-top: 3.8em;
} */
/* ===============================

POST
お知らせの投稿一覧

=============================== */
.news-list__item + .news-list__item {
    margin-top: 10px;
}
/* ==============
カード */
.news-list__item {
	container-type: inline-size;
}
.news-list__item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1em;

    padding: 1em var(--gutter-var-reg);
    background-color: var(--color-main-thinner);
    border: 1px solid var(--color-main-pale);
    border-radius: 4px;
}
/* ---------
テキスト */
.news-list__txt-wrapper {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0.25em 1em;
}
@container (max-width: 448px) {
    .news-list__txt-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}
/* -----
日付 */
.news-list__time {
    font-family: var(--alphabet);
    font-weight: 700;
    font-size: var(--txt-sm);
    color: var(--color-main-pale);

    -ms-flex-item-align: start;

        align-self: flex-start;
}
/* ---------
arrow */
.news-list__item .arrow {
    width: 1em;
    height: 1em;

    -ms-flex-negative: 0;

        flex-shrink: 0;
    stroke: var(--color-main);
    margin-left: auto;
}
@media (any-hover: hover) {
    .news-list__item a {
        -webkit-transition: background-color .2s var(--easeInQuad);
        transition: background-color .2s var(--easeInQuad);
    }
    .news-list__time,
    .news-list__ttl {
        -webkit-transition: color .2s var(--easeInSine);
        transition: color .2s var(--easeInSine);
    }
    .news-list__item a:hover,
    .news-list__item a:focus-visible {
        background-color: rgba(234, 239, 246, 0.7);
    }
    .news-list__item a:hover .news-list__time,
    .news-list__item a:hover .news-list__ttl,
    .news-list__item a:focus-visible .news-list__time,
    .news-list__item a:focus-visible .news-list__ttl {
        color: var(--color-main);
    }
	.news-list__item a:hover .arrow,
	.news-list__item a:focus-visible .arrow {
		-webkit-animation-name: hover-arrow;
		        animation-name: hover-arrow;
		-webkit-animation-timing-function: var(--easeInExpo);
		        animation-timing-function: var(--easeInExpo);
		-webkit-animation-duration: .4s;
		        animation-duration: .4s;
		-webkit-animation-delay: .03s;
		        animation-delay: .03s;
		-webkit-animation-fill-mode: both;
		        animation-fill-mode: both;
	}
}


/* =================
投稿記事がない場合の表示 */
.not-post-list--news {
    margin-top: 3.8em;
    margin-inline: auto;
    text-decoration: underline;
}
body:is(.post-type-archive-news,.tax-news-category) .not-post-list--news {
    margin-top: 1.9em;
}
body:is(#index) .not-post-list--news {
    text-align: center;
}
@media (max-width: 559px) {
    .not-post-list--news {
        margin-top: 1.9em;
    }
}

/* ===============================

POST-LIST PAGE
お知らせの投稿一覧ページ設定

=============================== */
.news-headline {
    font-size: var(--txt-lg);
    font-weight: 700;
    margin-bottom: 2em;
}