.ban_mark {
    background-image: url("../../images/ban_mark.svg");
    background-repeat: space;
    background-color: lightgray;
    background-position-x: center;
    background-position-y: center;
    background-size: 70% 70%;
    pointer-events: none;
}

input:-webkit-autofill {
    box-shadow: 0 0 0 1000px white inset;
}

.c-calendar__box {
    grid-template-columns: minmax(400px, 1100px) minmax(243px, 1fr) !important;
}

@media (max-width: 1040px){
    .c-calendar__box {
        grid-template-columns: 100% !important;
        gap: 16px;
    }
}

@media (max-width: 768px){
    .msg-box {
        margin-top: 72px;
        margin-bottom: -32px;
    }

    .is_pc {
        display: none;
    }
}

@media (min-width: 769px){
    .is_sp {
        display: none;
    }
}

.p-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0, 0, 0, 0.6);
}
.p-overlay--active {
    display: block;
}
.p-overlay__copy {
    position: absolute;
    width: 100%;
    margin-top: 35vh;
    text-align: center;
}
.p-overlay__body,.p-overlay__title {
    color: #fff;
}
.p-overlay__spinner {
    width: 80px;
    height: 80px;
    border: 4px solid #ddd;
    border-top-color: #999;
    border-radius: 50%;
    -webkit-animation: sp-anime 0.8s infinite linear;
    animation: sp-anime 0.8s infinite linear;
}
.p-overlay__spinner__box {
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

@-webkit-keyframes sp-anime {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes sp-anime {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.clndr-previous-button .clndr-arrow.inactive,
.clndr-next-button .clndr-arrow.inactive {
    display: none;
}

.clndr-previous-button.inactive .clndr-arrow.inactive,
.clndr-next-button.inactive .clndr-arrow.inactive {
    display: initial;
}

.clndr-previous-button.inactive .clndr-arrow.active,
.clndr-next-button.inactive .clndr-arrow.active {
    display: none;
}

.c-button--main:disabled {
    background: #D5EEBD;
    cursor: initial;
}

.close_btn {
    position: fixed;
}

.modal_bg {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.3);
    overflow-y: scroll;
    padding-bottom: 60px;
    display: none;
}

.modal {
    background-color: white;
    border-radius: 8px;
    margin: 60px auto 0;
    max-width: 800px;
}

.modal-content {
    padding: 20px 32px;
}

.panel-body {
    margin-top: 28px;
}

@media (max-width: 768px){
    .modal {
        margin: 60px 24px 0;
    }
}