@charset "UTF-8";

/* ==========================================================================
    あいちウィーク お出かけ情報 Style
============================================================================= */
:root {
    --blue-color: #376BA4;
    --red-color: #FF6A6A;
    --green-color: #129D80;
    --orange-color: #ED5D16;
}

/* -------------------------------------
    Week page
------------------------------------- */
.c-week__nav {
    display: flex;
    flex-wrap: wrap;
    gap: 3.015%;
    margin-block: 80px 100px;
}

.c-week__nav a {
    box-shadow: 0 0 30px rgba(235, 128, 75, 0.3);
}

/* ---- Top button ------------ */
.c-week__nav--item {
    display: flex;
    flex-basis: 58.793%;
    flex-direction: column;
    gap: 30px;
}

.c-week__nav--item a {
    align-items: center;
    background-color: #fff;
    border-radius: 20px;
    display: flex;
    font-size: 2.8rem;
    font-weight: 800;
    flex-wrap: wrap;
    letter-spacing: .1em;
    gap: 20px;
    position: relative;
    padding: 30px;
}

.c-week__nav--item a::after {
    content: "";
    background: url(../images/common/ico_arrow_link.svg) no-repeat center / contain;
    height: 17px;
    width: 17px;
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
}

.c-week__nav--item a:hover {
    opacity: .7;
}

.c-week__nav--item a .label {
    border-radius: 10px;
    color: #fff;
    font-size: 2rem;
    padding: 9px 18px;
}

.c-week__nav--item a .label.blue {
    background-color: var(--blue-color);
}

.c-week__nav--item a .label.red {
    background-color: var(--red-color);
}

.c-week__nav--item a .label.green {
    background-color: var(--green-color);
}

.c-week__nav--search {
    flex-basis: 38.190%;
}

.c-week__nav--search a {
    align-items: center;
    background-color: #fff;
    border-radius: 20px;
    display: flex;
    font-weight: 800;
    flex-direction: column;
    gap: 20px;
    height: 100%;
    justify-content: center;
    letter-spacing: .1em;
    min-height: 260px;
    text-align: center;
}

.c-week__nav--search .sub {
    color: #ED5D16;
    display: block;
    font-size: 2.4rem;
}

.c-week__nav--search .sub::before {
    content: "";
    background: url(../images/pages/ico_search.svg) no-repeat center / contain;
    display: block;
    height: 55px;
    margin: 0 auto 40px;
    width: 55px;
}

.c-week__nav--search b {
    font-size: 2.8rem;
    font-weight: 800;
    display: block;
    text-align: center;
}

/* ---- Week section ------------ */
.p-week__section {
    padding-block: 0 100px;
}

/* ---- Eyecatch ------------ */
.p-week__section .eye-catch {
    margin-inline: calc(50% - 50vw);
    margin-block-end: min(12vw, 90px);
    position: relative;
    width: 100vw;
}

.p-week__section .eye-catch img {
    aspect-ratio: 1 / 0.341;
    border: solid 5px;
    border-inline-end: 0;
    border-radius: 40px 0 0 40px;
    display: block;
    margin-left: auto;
    min-height: 260px;
    object-fit: cover;
    height: 100%;
    width: calc(100% - 8.33vw);
}

.p-week__section .eye-catch::after {
    content: "";
    position: absolute;
    bottom: max(-6.855vw, -98px);
}

.p-week__section .eye-catch__ttl {
    background-color: #fff;
    border: solid 5px;
    bottom: max(-3.263vw, -47px);
    display: inline-block;
    font-family: var(--font3);
    font-size: 2.4rem;
    letter-spacing: 0.1em;
    line-height: 1;
    padding: 20px 30px;
    position: absolute;
    left: 7.778vw;
    transform: rotate(-5deg);
}

/* ---- Heading ------------ */
.p-week__heading {
    font-size: clamp(3rem, 3.333vw, 4.8rem);
    font-weight: 800;
    letter-spacing: .1em;
    margin-block-end: 40px;
}

/* ---- List heading ------------ */
.p-week__section .c-card__item .details-head .head-group {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    justify-content: space-between;
    margin-block: 20px;
}

.p-week__section .c-card__item .details-head .head-group .tags {
    margin-block: 0;
    margin-inline-start: auto;
}

/* ---- Color Change (blue) ------------ */
.p-week__section.color-blue .eye-catch img {
    border-color: var(--blue-color);
}
/* 
.p-week__section.color-blue .eye-catch::after {
    background: url(../images/pages/bg_week_heading01.svg) no-repeat 0 0 / contain;
    right: min(2.0833vw, 30px);
    height: 18.75vw;
    max-height: 270px;
    max-width: 300px;
    width: 20.833vw;
} */

.p-week__section.color-blue .eye-catch__ttl {
    border-color: var(--blue-color);
    box-shadow: -3px 4px 0 var(--blue-color);
    color: var(--blue-color);
}

.color-blue .p-week__heading {
    color: var(--blue-color);
}

.color-blue .c-card__item .details-head {
    border-color: var(--blue-color);
}

.color-blue .c-card__item .details-body .lead {
    color: var(--blue-color);
}

.color-blue .c-button {
    border-color: var(--blue-color);
    color: var(--blue-color);
}

.color-blue .c-button:hover {
    background-color: var(--blue-color);
    color: #fff;
}

.color-blue .c-button::after {
    background: url(../images/common/ico_arrow_btn_blue.svg) no-repeat center / contain;
}

/* ---- Color Change (red) ------------ */
.p-week__section.color-red .eye-catch img {
    border-color: var(--red-color);
}

/* .p-week__section.color-red .eye-catch::after {
    background: url(../images/pages/bg_week_heading02.svg) no-repeat 0 0 / contain;
    right: min(2.0833vw, 30px);
    height: 17.5vw;
    max-height: 252px;
    max-width: 233px;
    width: 16.18vw;
} */

.p-week__section.color-red .eye-catch__ttl {
    border-color: var(--red-color);
    box-shadow: -3px 4px 0 var(--red-color);
    color: var(--red-color);
}

.color-red .p-week__heading {
    color: var(--red-color);
}

.color-red .c-card__item .details-head {
    border-color: var(--red-color);
}

.color-red .c-card__item .details-body .lead {
    color: var(--red-color);
}

.color-red .c-button {
    border-color: var(--red-color);
    color: var(--red-color);
}

.color-red .c-button:hover {
    background-color: var(--red-color);
    color: #fff;
}

.color-red .c-button::after {
    background: url(../images/common/ico_arrow_btn_red.svg) no-repeat center / contain;
}

/* ---- Color Change (green) ------------ */
.p-week__section.color-green .eye-catch img {
    border-color: var(--green-color);
}
/* 
.p-week__section.color-green .eye-catch::after {
    background: url(../images/pages/bg_week_heading03.svg) no-repeat 0 0 / contain;
    bottom: max(-9.5138vw, -134px);
    right: min(2.0833vw, 30px);
    height: 19.375vw;
    max-height: 279px;
    max-width: 237px;
    width: 16.458vw;
} */

.p-week__section.color-green .eye-catch__ttl {
    border-color: var(--green-color);
    box-shadow: -3px 4px 0 var(--green-color);
    color: var(--green-color);
}

.color-green .p-week__heading {
    color: var(--green-color);
}

.color-green .c-card__item .details-head {
    border-color: var(--green-color);
}

.color-green .c-card__item .details-body .lead {
    color: var(--green-color);
}

.color-green .c-button {
    border-color: var(--green-color);
    color: var(--green-color);
}

.color-green .c-button:hover {
    background-color: var(--green-color);
    color: #fff;
}

.color-green .c-button::after {
    background: url(../images/common/ico_arrow_btn_green.svg) no-repeat center / contain;
}

/* ---- Color Change (orange) ------------ */
.color-orange .c-card__item .details-head {
    border-color: var(--main-color);
}

.color-orange .c-card__item .details-body .lead {
    color: var(--main-color);
}

.color-orange .c-button,
.c-button.orange {
    border-color: var(--main-color);
    color: var(--main-color);
}

.color-orange .c-button:hover,
.c-button.orange:hover {
    background-color: var(--main-color);
    color: #fff;
}

.color-orange .c-button::after,
.c-button.orange::after {
    background: url(../images/common/ico_arrow_btn.svg) no-repeat center / contain;
}

.color-orange .category-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.color-orange .category-tag {
    background-color: #fff;
    border: solid 1px #ddd;
    border-radius: 30px;
    display: inline-block;
    font-weight: bold;
    line-height: 1;
    padding: 9px 10px;
}

.color-orange .category-tag::before {
    color: var(--main-color);
    content: "#";
    display: inline-block;
    margin-inline-end: 5px;
}

.color-orange .c-button__exter,
.c-button__exter.orange {
    border-color: var(--main-color);
}

.color-orange .c-button__exter::after,
.c-button__exter.orange::after {
    background: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.333 30C12.4163 30 11.6316 29.6737 10.9788 29.0209C10.3261 28.3681 9.99967 27.5834 9.99967 26.6667V6.66671C9.99967 5.75004 10.3261 4.96532 10.9788 4.31254C11.6316 3.65976 12.4163 3.33337 13.333 3.33337H33.333C34.2497 3.33337 35.0344 3.65976 35.6872 4.31254C36.34 4.96532 36.6663 5.75004 36.6663 6.66671V26.6667C36.6663 27.5834 36.34 28.3681 35.6872 29.0209C35.0344 29.6737 34.2497 30 33.333 30H13.333ZM13.333 10H33.333V6.66671H13.333V10ZM6.66634 36.6667C5.74967 36.6667 4.96495 36.3403 4.31217 35.6875C3.6594 35.0348 3.33301 34.25 3.33301 33.3334V10H6.66634V33.3334H29.9997V36.6667H6.66634Z' fill='%23ED5D16'/%3E%3C/svg%3E%0A") no-repeat 0 0/contain;
}

.color-orange .c-button__exter:hover,
.color-orange .c-entry__body .c-button__exter:hover,
.c-button__exter.orange:hover,
.c-entry__body .c-button__exter.orange:hover {
    background-color: var(--main-color);
}

.color-orange .c-entry__body .c-button__exter.ico-pdf::after,
.c-button__exter.orange.ico-pdf::after {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.9997 20.8334H16.6663V17.5H18.333C18.8052 17.5 19.2011 17.3403 19.5205 17.0209C19.84 16.7014 19.9997 16.3056 19.9997 15.8334V14.1667C19.9997 13.6945 19.84 13.2987 19.5205 12.9792C19.2011 12.6598 18.8052 12.5 18.333 12.5H14.9997V20.8334ZM16.6663 15.8334V14.1667H18.333V15.8334H16.6663ZM21.6663 20.8334H24.9997C25.4719 20.8334 25.8677 20.6737 26.1872 20.3542C26.5066 20.0348 26.6663 19.6389 26.6663 19.1667V14.1667C26.6663 13.6945 26.5066 13.2987 26.1872 12.9792C25.8677 12.6598 25.4719 12.5 24.9997 12.5H21.6663V20.8334ZM23.333 19.1667V14.1667H24.9997V19.1667H23.333ZM28.333 20.8334H29.9997V17.5H31.6663V15.8334H29.9997V14.1667H31.6663V12.5H28.333V20.8334ZM13.333 30C12.4163 30 11.6316 29.6737 10.9788 29.0209C10.3261 28.3681 9.99967 27.5834 9.99967 26.6667V6.66671C9.99967 5.75004 10.3261 4.96532 10.9788 4.31254C11.6316 3.65976 12.4163 3.33337 13.333 3.33337H33.333C34.2497 3.33337 35.0344 3.65976 35.6872 4.31254C36.34 4.96532 36.6663 5.75004 36.6663 6.66671V26.6667C36.6663 27.5834 36.34 28.3681 35.6872 29.0209C35.0344 29.6737 34.2497 30 33.333 30H13.333ZM6.66634 36.6667C5.74967 36.6667 4.96495 36.3403 4.31217 35.6875C3.6594 35.0348 3.33301 34.25 3.33301 33.3334V10H6.66634V33.3334H29.9997V36.6667H6.66634Z' fill='%23ED5D16'/%3E%3C/svg%3E%0A");
}


/* -------------------------------------
    week-event への誘導コンテンツ
------------------------------------- */
.c-week-event__link {
    padding-block-start: 200px !important;
}

.c-week-event__link--cont {
    display: flex;
    gap: min(7.0833vw, 102px);
}

.c-week-event__link--cont .details .c-heading03 {
    font-size: clamp(3.3rem, 3.3333vw, 4.8rem);
}

.c-week-event__link--cont .details .c-heading03 .sub {
    font-size: clamp(2.4rem, 2.5vw, 3.6rem);
}

.c-week-event__link--cont .figure {
    position: relative;
}

.c-week-event__link--cont .figure .photo img {
    border: solid 5px var(--main-color);
    border-radius: 40px;
    height: 100%;
    object-fit: cover;
}

.c-week-event__link--cont .figure .illu {
    display: none;
    
    bottom: -10%;
    left: max(-5.3472vw, -77px);
    max-width: 220px;
    min-width: 100px;
    position: absolute;
    width: 15.27778vw;
}

@media (min-width: 1360px) {
    .c-week-event__link--cont .details .c-button {
        margin-inline-start: max(-4.5138vw, -65px);
    }
}

@media (min-width: 768px) {
    .p-week__section .c-card__item {
        margin-block-start: 80px;
    }

    .color-orange .c-button {
        padding: 8px 10px 6px 30px;
    }

    .c-week-event__link--cont .details {
        flex-basis: 48.75%;
    }

    .c-week-event__link--cont .details .c-heading03 {
        margin-block-end: 60px;
    }

    .c-week-event__link--cont .figure {
        flex-basis: 42.75%;
    }

    .c-week-event__link--cont .figure .photo {
        height: 100%;
    }
}

@media (max-width: 1199.98px) {
    .p-week__section .eye-catch img {
        width: calc(100% - 20px);
    }

    .p-week__section .eye-catch__ttl {
        left: 10px;
    }
}

@media (max-width: 767.98px) {
    .c-week__nav {
        flex-direction: column;
        gap: 24px;
        margin-block: 40px;
    }

    .c-week__nav>* {
        flex-basis: 100%;
    }

    .c-week__nav--item a {
        font-size: 1.8rem;
        gap: 10px;
        padding: 20px;
    }

    .c-week__nav--item a::after {
        right: 20px;
        height: 12px;
        width: 12px;
    }

    .c-week__nav--item a .label {
        font-size: 1.2rem;
        padding: 4px 8px;
    }

    .c-week__nav--search a {
        gap: 10px;
    }

    .c-week__nav--search a:hover {
        opacity: 0.7;
    }

    .c-week__nav--search .sub {
        font-size: 1.8rem;
    }

    .c-week__nav--search .sub::before {
        height: 30px;
        width: 30px;
        margin-block-end: 20px;
    }

    .c-week__nav--search b {
        font-size: 2rem;
    }

    .p-week__section .eye-catch__ttl {
        font-size: 1.8rem;
        padding: 16px 20px;
    }

    .p-week__section .c-card__item {
        margin-block-start: 40px;
    }

    .c-card__item .ico-recommend {
        top: -30px;
        right: 10px;
    }

    .c-card__item .tags {
        gap: 15px;
    }

    .c-card__item .tags .tag-item {
        font-size: 1.3rem;
        padding-block: 10px;
    }

    .p-week__section .c-card__item .details-head .head-group {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: baseline;
        gap: 20px;
    }

    .p-week__section .c-card__item .details-head .head-group .c-def {
        flex-direction: row;
    }

    .c-week-event__link {
        padding-block-start: 0 !important;
    }

    .c-week-event__link--cont {
        flex-direction: column-reverse;
        gap: 80px;
    }

    .c-week-event__link--cont .details .c-heading03 {
        margin-block-end: 30px;
    }

    /* .c-week-event__link--cont .figure .photo {
    max-height: 340px;
} */
    .c-week-event__link--cont .figure .photo img {
        height: auto;
        max-height: 340px;
        width: 100%;
    }
}


/* -------------------------------------
    Week event page
------------------------------------- */
.p-form {
    border: solid 5px var(--main-color);
    border-radius: 40px;
    overflow: hidden;
    margin-block: 80px 96px;
}

.c-form__heading {
    background-color: var(--main-color);
    color: #fff;
    font-size: 2.8rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .1em;
    padding-block: 43px 35px;
    text-align: center;
}

.c-form__wrap {
    background-color: #fff;
    padding: 60px min(5vw, 72px) 80px;
}

.c-form__table {
    margin-block-end: 130px;
}

.c-form__table .fieldset {
    display: flex;
    border-block-end: solid 1px #DADADA;
    padding-block: 40px;
}

.c-form__table .legend {
    flex-basis: 11em;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: left;
}

.c-form__table .c-form__cont {
    flex-basis: calc(100% - 11em);
    display: flex;
    flex-wrap: wrap;
    /* gap: 30px 40px; */
    gap: 20px 40px;
}

.c-form__table label {
    align-items: center;
    display: inline-flex;
    column-gap: 12px;
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: .1em;
}

.c-form__table .area-row {
    flex-direction: column;
    border-block-end: 0;
    padding-block-end: 0;
}

.c-form__table .area-row .legend {
    flex-basis: inherit;
    margin-block-end: 50px;
}

.c-form__table .c-form__cont.area-cont {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.c-form__table .area-cont .area-checkboxes {
    display: flex;
    flex-direction: column;
}

.c-form__table .area-cont .area-checkboxes label {
    line-height: 1;
}

/* ---- Form partial ------------ */
.c-form__table .input-text {
    width: 100%;
    padding: 10px 15px;
    font-size: 16px;
    border: solid 1px #888;
    border-radius: 5px;
}

.c-form__table input[type="checkbox"] {
    appearance: none;
    position: relative;
    width: 23px;
    height: 23px;
    border: 1px solid #888888;
    border-radius: 5px;
    cursor: pointer;
}

.c-form__table input[type="checkbox"]:checked {
    background-color: var(--main-color);
}

.c-form__table input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    top: 5px;
    left: 4px;
    width: 14px;
    height: 8px;
    border-bottom: 3px solid #ffffff;
    border-left: 3px solid #ffffff;
    transform: rotate(-45deg);
}

/* ---- Button ------------ */
.c-form__wrap .c-button {
    padding: 14px 40px;
}

.c-form__wrap .c-button.search::after {
    display: none;
}

.c-form__wrap .c-button.search::before {
    background: url("data:image/svg+xml,%3Csvg width='26' height='25' viewBox='0 0 26 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_535_18597)'%3E%3Cpath d='M20.8125 10.1563C20.8125 12.3975 20.085 14.4678 18.8594 16.1475L25.041 22.334C25.6514 22.9443 25.6514 23.9355 25.041 24.5459C24.4307 25.1563 23.4395 25.1563 22.8291 24.5459L16.6475 18.3594C14.9678 19.5898 12.8975 20.3125 10.6563 20.3125C5.0459 20.3125 0.5 15.7666 0.5 10.1563C0.5 4.5459 5.0459 0 10.6563 0C16.2666 0 20.8125 4.5459 20.8125 10.1563ZM10.6563 17.1875C11.5796 17.1875 12.4939 17.0056 13.347 16.6523C14.2001 16.2989 14.9752 15.781 15.6281 15.1281C16.281 14.4752 16.7989 13.7001 17.1523 12.847C17.5056 11.9939 17.6875 11.0796 17.6875 10.1563C17.6875 9.23289 17.5056 8.31858 17.1523 7.46551C16.7989 6.61244 16.281 5.83732 15.6281 5.18441C14.9752 4.53149 14.2001 4.01358 13.347 3.66022C12.4939 3.30687 11.5796 3.125 10.6563 3.125C9.73289 3.125 8.81858 3.30687 7.96551 3.66022C7.11244 4.01358 6.33732 4.53149 5.68441 5.18441C5.03149 5.83732 4.51358 6.61244 4.16022 7.46551C3.80687 8.31858 3.625 9.23289 3.625 10.1563C3.625 11.0796 3.80687 11.9939 4.16022 12.847C4.51358 13.7001 5.03149 14.4752 5.68441 15.1281C6.33732 15.781 7.11244 16.2989 7.96551 16.6523C8.81858 17.0056 9.73289 17.1875 10.6563 17.1875Z' fill='%23ed7a9b'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_535_18597'%3E%3Crect width='25' height='25' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center / contain;
    content: "";
    display: block;
    margin-inline-end: 30px;
    height: 25px;
    width: 25px;
}

.c-form__wrap .c-button.search:hover::before {
    background: url("data:image/svg+xml,%3Csvg width='26' height='25' viewBox='0 0 26 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_535_18597)'%3E%3Cpath d='M20.8125 10.1563C20.8125 12.3975 20.085 14.4678 18.8594 16.1475L25.041 22.334C25.6514 22.9443 25.6514 23.9355 25.041 24.5459C24.4307 25.1563 23.4395 25.1563 22.8291 24.5459L16.6475 18.3594C14.9678 19.5898 12.8975 20.3125 10.6563 20.3125C5.0459 20.3125 0.5 15.7666 0.5 10.1563C0.5 4.5459 5.0459 0 10.6563 0C16.2666 0 20.8125 4.5459 20.8125 10.1563ZM10.6563 17.1875C11.5796 17.1875 12.4939 17.0056 13.347 16.6523C14.2001 16.2989 14.9752 15.781 15.6281 15.1281C16.281 14.4752 16.7989 13.7001 17.1523 12.847C17.5056 11.9939 17.6875 11.0796 17.6875 10.1563C17.6875 9.23289 17.5056 8.31858 17.1523 7.46551C16.7989 6.61244 16.281 5.83732 15.6281 5.18441C14.9752 4.53149 14.2001 4.01358 13.347 3.66022C12.4939 3.30687 11.5796 3.125 10.6563 3.125C9.73289 3.125 8.81858 3.30687 7.96551 3.66022C7.11244 4.01358 6.33732 4.53149 5.68441 5.18441C5.03149 5.83732 4.51358 6.61244 4.16022 7.46551C3.80687 8.31858 3.625 9.23289 3.625 10.1563C3.625 11.0796 3.80687 11.9939 4.16022 12.847C4.51358 13.7001 5.03149 14.4752 5.68441 15.1281C6.33732 15.781 7.11244 16.2989 7.96551 16.6523C8.81858 17.0056 9.73289 17.1875 10.6563 17.1875Z' fill='%23FFFFFF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_535_18597'%3E%3Crect width='25' height='25' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center / contain;
}

.c-button__wrap {
    margin-block-start: 50px;
}


@media (min-width: 1200px) {
    .p-form {
        margin-inline: max(-7.083vw, -102px);
    }
}

@media (min-width: 768px) {
    .c-form__table .area-cont .area-map,
    .c-form__table .area-cont .area-checkboxes {
        flex-basis: calc(50% - 15px);
    }
}

@media (max-width: 767.98px) {
    .c-form__wrap {
        padding-block: 0 60px;
    }

    .c-form__heading {
        font-size: 2rem;
        padding-block: 30px 20px;
    }

    .c-form__table {
        margin-block-end: 60px;
    }

    .c-form__table .fieldset {
        flex-direction: column;
    }

    .c-form__table .legend {
        flex-basis: inherit;
        margin-block-end: 30px;
    }

    .c-form__table .area-row .legend {
        margin-block-end: 30px;
    }

    .c-form__table .c-form__cont.area-cont {
        flex-direction: column;
    }

    .c-button__wrap {
        margin-block-start: 50px;
    }

    .c-table__plain th,
    .c-table__plain td {
        padding-inline: 0;
    }
}


/* -------------------------------------
    Week event results
------------------------------------- */
.week-result-count {
    align-items: baseline;
    display: flex;
    font-size: 2rem;
    font-weight: bold;
    gap: 10px;
    letter-spacing: .1em;
}

.week-result-count b {
    color: var(--main-color);
    font-size: 3.6rem;
    font-weight: 800;
    letter-spacing: .1em;
}

.week-result {
    display: flex;
    flex-wrap: wrap;
}

.week-result.bottom {
    margin-block-start: 100px;
}

.week-result .navigation {
    margin-inline-start: auto;
}

.page-numbers.current,
.page-numbers:hover {
    background-color: var(--main-color);
    color: #fff;
}

.page-numbers {
    border-color: var(--main-color);
    color: var(--main-color);
}

.area-posts {
    flex-wrap: wrap;
    gap: 10px;
    padding-block-start: 20px;
}

.area-toggle {
    color: #222;
    line-height: 1;
    text-align: left;
    width: 100%;
}

.area-item {
    padding-block: 20px;
}

.area-item+.area-item {
    border-block-start: solid 1px #eee;
}

.area-checkboxes {
    border-block: solid 1px #eee;
}

.area-item:has(.area-posts) .area-toggle {
    position: relative;
}

.area-item:has(.area-posts) .area-toggle::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M297.4 470.6C309.9 483.1 330.2 483.1 342.7 470.6L534.7 278.6C547.2 266.1 547.2 245.8 534.7 233.3C522.2 220.8 501.9 220.8 489.4 233.3L320 402.7L150.6 233.4C138.1 220.9 117.8 220.9 105.3 233.4C92.8 245.9 92.8 266.2 105.3 278.7L297.3 470.7z'/%3E%3C/svg%3E");
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 16px;
    width: 16px;
}

.area-item:has(.area-posts) .area-toggle.is-open::after {
    transform: rotate(180deg) translate(-50%, -50%);
    transform-origin: top left;
}

@media (max-width: 767.98px) {
    .week-result {
        gap: 20px;
    }
}