@charset "UTF-8";

.p-breadcrumb {
    max-width: min(calc((1080 / 1300) * 100vw), 1080px);
    margin-inline: auto;
}
@media screen and (max-width: 767px) {
    .p-breadcrumb {
        max-width: calc((345 / 375) * 100vw);
    }
}
.l-content__body {
    max-width: min(calc((1080 / 1300) * 100vw), 1080px);
    margin: var(--num-60) auto 0;
}
@media screen and (max-width: 767px) {
    .l-content__body {
        max-width: calc((345 / 375) * 100vw);
        margin: var(--num-40) auto 0;
    }
}
.page-numbers,
.post-page-numbers {
    border-radius: 50%;
}
/* =======================
記事
======================= */
.single .c-postContent h2 {
    color: var(--emp-green);
    font-size: var(--num-32);
}

.single .c-postContent h3 {
    padding-left: var(--num-10);
    margin-bottom: var(--num-20);
    font-size: var(--num-22);
    border-left: 4px solid var(--emp-green);
}
.single .c-postContent h4 {
    font-size: var(--num-18);
    font-weight: 700;
}
@media screen and (max-width: 767px) {
    .single .c-postContent h2 {
        font-size: var(--num-24);
    }

    .single .c-postContent h3 {
        padding-left: var(--num-10);
        margin-bottom: var(--num-20);
        font-size: var(--num-20);
        border-left: 4px solid var(--emp-green);
    }
    .single .c-postContent h4 {
        font-size: var(--num-16);
        font-weight: 700;
    }
}
/* =======================
サイドバー
======================= */
.l-sidebar h2 {
    background-color: #d1c9b6;
    margin-bottom: 1em;
    padding: 4px var(--num-10);
    font-size: var(--num-22);
    font-weight: 700;
}
.l-sidebar .c-widget > .wp-block-group > .wp-block-group__inner-container > h2 {
    font-size: var(--num-22);
    font-weight: 700;
}
.l-sidebar .wp-block-latest-posts__list.wp-block-latest-posts li {
    display: flex;
    align-items: center;
    gap: 10px;
}
.l-sidebar .wp-block-latest-posts__post-title {
    color: inherit;
    text-decoration: none;
}
.l-sidebar .wp-block-latest-posts__featured-image {
    width: min(calc((88 / 1300) * 100vw), 88px);
    height: min(calc((54.39 / 1300) * 100vw), 54.39px);
    flex-shrink: 0;
}
.l-sidebar .wp-block-latest-posts__featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media screen and (max-width: 767px) {
    .l-sidebar h2 {
        font-size: var(--num-20);
    }
    .l-sidebar .c-widget > .wp-block-group > .wp-block-group__inner-container > h2 {
        font-size: var(--num-20);
    }
    .l-sidebar .wp-block-latest-posts__featured-image {
        width: 33.12vw;
        height: 18.63vw;
        max-width: 240px;
    }
}