@charset "utf-8";

/* --------------------------------------------

    お知らせ一覧

---------------------------------------------- */

.news_wrap {
    margin-bottom: 10rem;
}

.contents_news {
    padding: 1.4em 0 1em;
    border-top: 1px dashed var(--c-gray);
    overflow: hidden;
}

.contents_news:last-of-type {
    border-bottom: 1px dashed var(--c-gray);
}

.contents_news .text_block {
    padding: 0;
}

.entry_info {
    display: flex;
    align-items: center;
    padding-bottom: 0.7em;
}

.entry_date {
    color: var(--c-main-deep);
    font-weight: var(--fw-bold);
    margin-right: 1.2em;
}

.entry_info .news_cat {
    display: inline-block;
    text-align: center;
    padding: 0 1em;
    font-size: var(--fz-s);
    color: var(--c-white);
}

.entry_title h3 {
    font-size: var(--fz-xl);
    color: var(--c-accent-deep);
    line-height: 1.4;
    padding-bottom: 0.5em;
}

.read_btn {
    text-align: right;
    margin-top: 0.3em;
}

.contents_news .read_btn a {
    position: relative;
    padding-right: 1em;
}

.read_btn a::after {
    content: "";
    position: absolute;
    right: 0.2em;
    top: 0;
    bottom: 0;
    display: block;
    width: 0.5em;
    height: 0.5em;
    margin: auto 0;
    border-top: 2px solid var(--c-main);
    border-right: 2px solid var(--c-main);
    rotate: 45deg;
}

@media only screen and (max-width:640px) {

    .news_wrap {
        margin-bottom: 8rem;
    }

    .contents_news {
        padding: 1em 0 0;
        margin: 0 auto 1.4rem;
        border-top: 1px dashed var(--c-gray);
    }

    .contents_news:last-of-type {
        padding-bottom: 1em;
        border-bottom: 1px dashed var(--c-gray);
    }

    .entry_title h3 {
        line-height: 1.5;
        padding-bottom: 0.4em;
    }

    .contents_news .text_block {
        line-height: 1.5;
        font-size: var(--fz-s);
    }
}

/* --------------------------------------------

    ページャー

---------------------------------------------- */
.pagenation {
    width: fit-content;
    margin: -4rem auto 12rem;
}

.pagenation_list {
    display: flex;
    column-gap: 1rem;
}

.pagenation_list li {
    width: 2.6em;
    height: 2.6em;
}

.pagenation_list li.prev,
.pagenation_list li.next {
    color: var(--c-main);
    font-weight: var(--fw-bold);
}

.pagenation_list li.current {
    display: grid;
    place-items: center;
    color: var(--c-gray);
    background-color: var(--c-main-pale);
    outline: 2px solid var(--c-main-light);
    outline-offset: -2px;
}

.pagenation_list li a {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    transition: 0.3s;
    border: 2px solid var(--c-main-light);
}

/* ページ数多い時は省略 */
.pagenation_list li.js-omit {
    display: none;
}

.pagenation_list li.js-omit.first-omit {
    position: relative;
    display: block !important;
    visibility: hidden;
}

.pagenation_list li.js-omit.first-omit::after {
    content:"...";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    visibility: visible;
    width: 100%;
    height: 100%;
    text-align: center;
    border: 2px solid var(--c-main-light);
}

@media (hover) {

    .pagenation_list li a:hover {
        background-color: var(--c-main-pale);
    }

}

@media only screen and (max-width:640px) {

    .pagenation {
        margin: -4rem auto 10rem;
    }

    .pagenation_list {
        column-gap: 0.6rem;
    }

    .pagenation_list li {
        width: 2em;
        height: 2em;
    }

}

/* --------------------------------------------

    最近のお知らせ

---------------------------------------------- */

.newsPast_item {
    padding: 1em;
    border-top: 1px dashed var(--c-gray);
}

.newsPast_item:last-child {
    border-bottom: 1px dashed var(--c-gray);
}

.newsPast_link {
    display: flex;
    column-gap: 1.2em;
}

.newsPast_info {
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    column-gap: 1em;
}

.newsPast_date {
    width: 7.5em;
    color: var(--c-main-deep);
    font-size: var(--fz-s);
}

.newsPast_info .news_cat {
    width: 6.5em;
    align-self: flex-start;
    text-align: center;
    font-size: var(--fz-s);
    color: var(--c-white);
}

#contents_past .newsPast_info,
#contents_past .newsPast_title {
    margin-bottom: 0;
}


@media only screen and (max-width:640px) {

    .newsPast_item {
        padding: 0.7em;
    }

    .newsPast_link {
        display: block;
    }

    #contents_past .newsPast_info {
        width: 100%;
        justify-content: flex-start;
        margin-bottom: 0.1em;
    }

    .newsPast_info .news_cat {
        font-size: var(--fz-xs);
    }

    #contents_past .newsPast_title {
        line-height: 1.5;
    }
}

/* --------------------------------------------

    年別アーカイブ

---------------------------------------------- */

#contents_btn.newsArchive_wrap ul {
    column-gap: 2rem;
}

#contents_btn.newsArchive_wrap ul li {
    width: calc((100% - 6rem) / 4);
}

#contents_btn.newsArchive_wrap a {
    padding: 1em 2.4em 1em 1.5em;
}

@media only screen and (max-width:640px) {

    #contents_btn.newsArchive_wrap ul li {
        width: calc((100% - 2rem) / 2);
    }

}

/* --------------------------------------------

    詳細ページ

---------------------------------------------- */

.newsDetail_title {
    border-bottom: 2px dashed var(--c-main-light);
    margin-bottom: 5rem;
}

.newsDetail_title h2 {
    color: var(--c-accent-deep);
    font-weight: var(--fw-medium);
    margin-bottom: 0.5em;
    line-height: 1.5;
    text-align: left;
}

.newsDetail_title h2::after {
    content: none;
}

.newsDetail_title  p.newsDetail_date {
    color: var(--c-main-deep);
    font-size: var(--fz-s);
    text-align: right;
}

/* 記事ページのパンくずリストの省略 */
#contents_header nav a.a_here.-title_short {
    display: inline-block;
    width: 50%;
    line-height: normal;
    vertical-align: text-bottom;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newsDetail .text_block {
    border-bottom: 2px dashed var(--c-main-light);
    padding-bottom: 10rem;
    margin-bottom: 8rem;
}

.newsDetail .edit_body.text_block {
    width: 100%;
}


/* h2見出しスタイル */
.newsDetail .edit_body.text_block h2 {
    padding-bottom: 0.4em;
    margin-top: 8rem;
    margin-bottom: 1em;
	text-align: left;
    border-bottom: 0.5rem solid var(--c-main-pale);
}

.newsDetail .edit_body.text_block h2::after {
	width: 20%;
	height: 0.5rem;
	bottom: -0.5rem;
	right: auto;
	left: 0;
	margin: 0;
	background-color: var(--c-main-light);
	box-shadow: none;
}

@media only screen and (max-width:640px) {

    .newsDetail_title {
        border-bottom: 2px dashed var(--c-main-light);
        margin-bottom: 3.5rem;
    }

    .newsDetail_title p.newsDetail_date {
        margin: 0 0.2em 0.5em 0;
        color: var(--c-main-deep);
        font-size: var(--fz-s);
        text-align: right;
    }

    .newsDetail .text_block {
        border-bottom: 2px dashed var(--c-main-light);
        padding-bottom: 8rem;
        margin-bottom: 5rem;
    }

}