/*ロゴ*/
#logo {
    min-width: 360px;
    max-width: 560px;
}

/*メニュー選択ボタン（変えるのは色のみ）*/
.radio-menu {
    display: none;
}

.radio-menu + .label-menu {
    color: #60c0bd;
    background-color: white;
    border: 2px solid #60c0bd;
}

.radio-menu:hover + .label-menu {
    color: white;
    background-color: #a7dcda;
    border: 2px solid white;
}

.radio-menu:checked + .label-menu {
    color: white;
    background-color: #60c0bd;
    border: 2px solid #60c0bd;
}

/*「予約する」ボタン*/
#btn-submit {
    color: white;
    background-color: #343a40;
    border-color: #343a40;
}

#btn-submit:hover:not(:disabled):not(:focus) {
    color: white;
    background-color: #23272b;
    border-color: #1d2124;
}

#btn-submit:focus {
    color: white;
    background-color: #23272b;
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

/*フッター*/
#footer {
    height: 120px;
    background: #343A40;
    color: white;
}