@charset "UTF-8";

/* ==========================================================================
    Week event style
============================================================================= */
.p-form {
    border: solid 5px var(--orange-color);
    border-radius: 40px;
    overflow: hidden;
    margin-block: 80px 96px;
}
.c-form__heading {
    background-color: var(--orange-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;
}

/* フォームのパーツ */
.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(--orange-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);
}

/* ボタン */
.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='%23ED5D16'/%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: 100px;
}


@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 style
============================================================================= */
.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(--orange-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(--orange-color);
    color: #fff;
}
.page-numbers {
    border-color: var(--orange-color);
    color: var(--orange-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 {
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
}

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