/** パンくずリスト **/
.breadcrumbs {
    flex-wrap: nowrap;
    align-items: center;
}

.breadcrumbs span:first-child {
    width: auto;
    text-align: right;
    font-size: 12px;
    line-height: 1.5;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0;
}

.breadcrumbs p {
    margin: 0 .5em;
}

.breadcrumbs a {
    position: relative;
    line-height: 1.5;
}

.breadcrumbs a:hover {
    color: #000;
}

.breadcrumbs a::after {
    position: absolute;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background: #000;
    bottom: -.5px;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform 0.3s;
}

.breadcrumbs a:hover::after {
    transform: scale(1, 1);
    height: 1px;
}

/** パンくずリストここまで **/




.column_title_j {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: clamp(0.938rem, 0.827rem + 0.23vw, 1rem);
    color: #000;
    display: block;
    background: url("/img/kazari_h2_span.svg") no-repeat left;
    background-size: contain;
    padding-left: 2.25em;
    margin-bottom: 1em;
    line-height: 1;
}

.column {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.column .main_area {
    width: 70%;
}

.column .main_area .column_list_inner dl {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: solid 1px #ccc;
}

.column_list_inner dl dt {
    width: clamp(7rem, 1.686rem + 11.09vw, 10rem);
    /**767- 7r-10r**/
}

.column_list_inner dl dt img {
    object-fit: cover;
    width: 100%;
    height: auto;
}

.column_list_inner dl dd {
    width: calc(100% - clamp(8rem, 2.686rem + 11.09vw, 11rem));
    /**767- 8r-11r**/
}

.column__days {
    display: flex;
    flex-wrap: nowrap;
    gap: 1em;
    font-size: 13px;
    margin-bottom: .5rem;
    color: #555;
}

.column .main_area .column__days .column__days_update p,
.column .main_area .column__days .column__days_public p {
    margin: 0 0 0 1.5rem;
    align-items: center;
    display: flex;
}

.column__days .column__days_update p::before,
.column__days .column__days_public p::before {
    font-family: "Material Icons";
    content: '\e627';
    width: 1.25rem;
    display: inline-block;
    margin-left: -1.5rem;
}

.column__days .column__days_public p::before {
    content: '\e3c9';
    content: '\f09b';
}

.column_list_inner dl dd h2 {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 1.25rem;
}

.column_list_inner dl dd h2 a {
    background-image: linear-gradient(90deg, #949393, #949393);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 0 1px;
    padding-bottom: 4px;
    transition: background-size .3s;
}

.column_list_inner dl dd h2 a:hover {
    background-size: 100% 1px;
}

ul.post-categories {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem 1rem;
}

ul.post-categories li {
    line-height: 1.5;
}

ul.post-categories li a {
    font-size: 13px;
    color: #949393;
    display: flex;
    background-image: linear-gradient(90deg, #949393, #949393);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 0 1px;
    padding-bottom: 1px;
    transition: background-size .3s;
}

ul.post-categories li a:hover {
    background-size: 100% 1px;
}

ul.post-categories li a::before {
    font-family: "Material Icons";
    content: '\f1c8';
    height: 1.25rem;
    width: 1rem;
    display: flex;
    align-items: center;
}


.sec_lower_detail.no_fv .category_page .h1_title,
.sec_lower_detail.no_fv .archive_page .h1_title {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: clamp(1.438rem, 0.756rem + 2.72vw, 2.063rem);
    /** -767 23-33**/
    margin: 0 0 2rem;
    line-height: 1.5;
    color: #000;
}




/** ページネーション **/
h2.screen-reader-text {
    display: none;
}

nav.navigation.pagination {
    width: 100%;
}

.pager,
.nav-links {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0 auto;
    gap: 0 .75em;
}

.pager .page-numbers,
.nav-links .page-numbers {
    font-size: 14px;
    display: flex;
    align-items: flex-end;
}

.nav-links .page-numbers.current {
    width: 2rem;
    height: 2rem;
    border: solid 1px #555;
    padding: .25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #555;
    color: #fff;
}

.nav-links a.page-numbers {
    width: 2rem;
    height: 2rem;
    border: solid 1px #555;
    padding: .25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
}

.nav-links a.page-numbers:hover {
    background-color: #555;
    color: #fff;
}

.nav-links a.page-numbers.prev::before,
.nav-links a.page-numbers.next::before {
    font-family: "Material Icons";
    content: '\e5cb';
    width: 1rem;
    display: inline-block;
}

.nav-links a.page-numbers.next::before {
    content: '\e5cc';
}

.nav-links a.page-numbers.prev:hover,
.nav-links a.page-numbers.next:hover {
    color: #fff;
    background-color: #333;
}

/** ページネーションここまで **/


/** サイドメニュー **/
.column .side_area {
    width: 25%;
}

.column .side_area h2 {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: clamp(0.875rem, 0.764rem + 0.23vw, 0.938rem);
    /** 767- 14-15**/
    line-height: 1.5;
    margin-bottom: 1rem;
    background-color: #dcddd8;
    padding: .5rem;
    text-align: center;
}

.side_list_block {
    font-size: 15px;
}

.column .side_area .side_list_block+div {
    margin-top: 2rem;
}

.column .side_area .side_list_block ul li {
    line-height: 1.5;
    list-style-type: disc;
    margin-left: 1.5rem;
}

.column .side_area .side_list_block ul li+li {
    margin-top: .5rem;
}

.column .side_area .side_list_block .reco {
    display: block;
}

.column .side_area .side_list_block .reco+.reco {
    margin-top: 1rem;
}

.column .side_area .side_list_block dl {
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
}

.column .side_area .side_list_block dl dt {
    width: clamp(3rem, -0.543rem + 7.39vw, 5rem);
    /** 767- 3r-5r**/
    height: 4rem;
}

.column .side_area .side_list_block dl dt img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.column .side_area .side_list_block dl dd {
    width: calc(100% - clamp(4rem, 0.457rem + 7.39vw, 6rem));
    /** 767- 4r-6r**/
    font-size: 13px;
}

.column .side_area .side_list_block dl dd p {
    line-height: 1;
    margin-bottom: .25rem;
    color: #555;
    font-size: .9em;
}

.column .side_area .side_list_block dl dd h3 {
    line-height: 1.5;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/** サイドメニューここまで **/


/** 記事ページ **/
.sec_lower_detail.no_fv .column_page .h1_title h1 {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-size: clamp(1.375rem, 0.711rem + 1.39vw, 1.75rem);
    /** 767- 22-28**/
    margin: 0 0 .5rem;
    line-height: 1.5;
    font-weight: normal;
    color: #000;
}

.column_page .column__days {
    justify-content: flex-end;
}

.column_page ul.post-categories {
    justify-content: flex-end;
}

.column_page .column_tab {
    margin-bottom: 2rem;
}

.colimn_thumbnail {
    margin-bottom: 2rem;
}

.colimn_thumbnail img {
    height: auto;
}

.lwptoc:first-child {
    margin: 0 0 3rem !important;
    width: 100%;
}


.sec_lower_detail .column_page .main_area h2 {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size: clamp(1rem, 0.864rem + 0.54vw, 1.125rem);
    /** -767 16-18**/
    background: url("/img/kazari_lower_h3.svg") no-repeat top .25rem left;
    background-size: 1.5em;
    line-height: 1.75;
    padding: 0 0 .75rem 2.25em;
    border-bottom: solid 1px #000;
    margin-bottom: 1.25em;
}

.sec_lower_detail .column_page .main_area h3 {
    margin: 1.5rem 0 1.5rem 1.5rem;
    line-height: 1.5;
}

.sec_lower_detail .column_page .main_area h3 span {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500 !important;
    font-style: normal;
    font-size: clamp(0.938rem, 0.869rem + 0.27vw, 1rem);
    /** -767 15-16**/
}

.column_page .main_area h3::before {
    content: "■";
    margin: 0 .5rem 0 -1.5rem;
}

.sec_lower_detail .column_page .main_area h4 {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    border-left: solid 2px #000;
    padding-left: .75rem;
    line-height: 1.5;
    margin: 1.5rem 0;
    font-size: clamp(0.938rem, 0.869rem + 0.27vw, 1rem);
    /** -767 15-16**/
}

.sec_lower_detail .column_page .main_area h5 {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    margin: 1.5rem 0;
    font-size: clamp(0.938rem, 0.869rem + 0.27vw, 1rem);
    /** -767 15-16**/
    line-height: 1.5;
}

.column .main_area .lwptoc-light .lwptoc_i {
    width: 100%;
}

.lwptoc-notInherit .lwptoc_i div a {
    color: #000 !important;
}

.lwptoc_item {
    line-height: 1.85;
}

.lwptoc_item+.lwptoc_item {
    margin-top: .75rem;
}

.lwptoc-light.lwptoc-notInherit .lwptoc_i div a:hover {
    border-bottom: none !important;
    color: #0026ff !important;
}

.lwptoc_itemWrap .lwptoc_itemWrap {
    margin: 2px 0 0 2rem !important;
}

.lwptoc_itemWrap .lwptoc_itemWrap .lwptoc_item a::before {
    content: "・";
    margin-left: -1rem;
}

ul.wp-block-list {
    margin: 1.5rem 0;
}

ul.wp-block-list li {
    list-style-type: disc;
    margin: 0 0 .25rem 2rem;
    line-height: 1.5;
}

ol.wp-block-list {
    margin: 1.5rem 0;
    padding: 0;
}

ol.wp-block-list li {
    margin: 0 0 .25rem 2rem;
    line-height: 1.5;
}

nav.navigation {
    margin-top: 5em;
}

.wp-block-image {
    margin-bottom: 2rem;
}

.column .main_area p {
    margin: 1.5rem 0;
    line-height: 1.75;
}

.column .main_area p+h2,
.column .main_area p+h3,
.column .main_area p+h4,
.column .main_area p+h5 {
    margin-top: 3em !important;
}

.wp-block-image img {
    height: auto;
    width: auto;
    margin: auto;
}

/** 記事ページここまで **/


/** 記事ナビ **/
.nav-links {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    justify-content: center;
    margin: 0 auto;
    gap: 1%;
    line-height: 1.6;
}

.nav-links div {
    width: 49%;
    display: flex;
    position: relative;
}

.nav-links .nav-previous::before {
    content: "";
    width: 1rem;
    height: 1rem;
    font-family: 'Material Icons';
    content: '\e5e0';
    position: absolute;
    left: .75rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    transition: all .3s ease-in-out;
    line-height: 1;
}

.nav-links .nav-next::after {
    content: "";
    width: 1rem;
    height: 1rem;
    font-family: 'Material Icons';
    content: '\e5e1';
    position: absolute;
    right: .75rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    transition: all .3s ease-in-out;
    line-height: 1;
}

.nav-links div a {
    border: solid 1px #000;
    padding: 1rem;
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
}

.nav-links .nav-previous a {
    padding-left: 2.5rem;
}

.nav-links .nav-next a {
    padding-right: 2.5rem;
}

.nav-links div a:hover {
    border: solid 1px #b2a267;
    color: #b2a267;
}

.nav-links .nav-previous:hover:before,
.nav-links .nav-next:hover::after {
    color: #b2a267;
}




/** 記事ナビここまで **/

@media screen and (max-width: 767px) {
    .column_title_j {
        font-size: clamp(0.813rem, 0.676rem + 0.54vw, 0.938rem);
        /*-767 13-15*/
        margin-bottom: 1em;
    }

    .column .main_area {
        width: 100%;
        margin-bottom: 3rem;
    }

    .column .side_area {
        width: 100%;
    }

    .column_list_inner dl dt {
        width: clamp(5rem, 2.82rem + 8.72vw, 7rem);
        /*-767 5r-7r*/
    }

    .column_list_inner dl dd {
        width: calc(100% - clamp(6rem, 3.82rem + 8.72vw, 8rem));
        /*-767 6r-8r*/
    }

    .column_list_inner dl dd h2 {
        font-size: clamp(0.875rem, 0.671rem + 0.82vw, 1.063rem);
        /*-767 14-17*/
        margin-bottom: .75rem;
    }

    .column .side_area .side_list_block dl dt {
        width: 6rem;
    }

    .column .side_area .side_list_block dl dd {
        width: calc(100% - 7rem);
    }

    .column__days {
        font-size: 12px;
        margin-bottom: .25rem;
    }

    ul.post-categories li a {
        font-size: 12px;
    }

    nav.navigation {
        margin-top: 3em;
    }

    /** 記事ページ **/
    .sec_lower_detail.no_fv .column_page .h1_title h1 {
        font-size: clamp(1.125rem, 0.853rem + 1.09vw, 1.375rem);
        /** 767- 18-22**/
    }

    .nav-links {
        gap: 1rem;
    }

    /**.nav-links div {
        width: 90%;
    }**/

    .sec_lower_detail .column_page .main_area .lwptoc-light .lwptoc_i {
        width: calc(100% - 36px);
    }
}