@charset "UTF-8";
#dialog{
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    position: fixed;
}

.dialog_head_group{
    background-color: var(--dialog_title--back--color);
    height: fit-content;
    width: 100%;
    margin: auto;
    padding: 0.5em;
    text-align: center;
    font-size: 1.2em;
}

.dialog_body_group{
    width: 100%;
    padding: 0 1em;
    position: relative;
    overflow: hidden scroll;
}

.dialog_title{
    font-weight: bold;
}

.dialog_input_label{
    padding: 0.2em 0;
}

.dialog_msg{
    width: fit-content;
    height: fit-content;
    padding: 0.5em 1em;
    margin: 0.2em auto;
    background-color: white;
}

.dialog_input_group{
    width: 100%;
    height: fit-content;
    padding: 0.5em 0;
}

.dialog_input_text{
    display: block;
    width: 100%; 
    border: 1px solid rgb(121,121,121);
}

.dialog_footer_group{
    display: flex;
    width: 100%;
    position: absolute;
    bottom: 0;
    transform: translate(-50%, 0%);
    left: 50%;
    color: white;
}.dialog_footer_group > div{
    width: 45%;
    height: 3em;
    margin: 0.5em auto;
    border-radius: 3px;
}.dialog_footer_group > .cancel_button{
    background-color: var(--button--cancel-color);
}.dialog_footer_group > .success_button{
    background-color: var(--button--success-color);
}

.datetime_selected{
    background-color: var(--button--reservation-select)!important;
}

/* PC */
@media (min-width: 768px) {
}

/* SP */
@media (max-width: 767px) {
}