@charset "UTF-8";

@media screen and (max-width: 1099px){
    section.contentsArea{
    width: 100%;
    }
}

@media screen and (max-width: 779px){
    .reserve_confirm_table{
        width: 100%;
    }

    section .contentsArea, .login-area {
        width: 100%;
    }

    section .contentsArea, .login-area dt {
        display: block;
        text-align: left;
        margin: 0 0 10px 10px;
    }

    section .contentsArea, .login-area dd {
        display: block;
        text-align: left;
        margin-left: 10px;
    }

    section .contentsArea, .login-area dd input {
        width: 90%;
    }

    .login_button {
        margin: auto;
    }

    section.contentsArea .selectRegisterType ul{
        display: table;
        margin: 10px auto;
        width: 320px;
    }

    section.contentsArea .selectRegisterType ul li {
        display: block;
        margin:10px 0;
    }

    section.contentsArea .button_back {
        display: block;
        width: 280px;
        height: 70px;
        color: #fff;
        box-sizing: border-box;
        font-size: 1.2em;
        text-decoration: none;
        border-radius: 5px;
        background-color: #999;
        box-shadow: 0 2px 0px #0C214C;
        border: none;
        margin: 10px auto;
    }

    section.contentsArea .button_submit {
        display: block;
        width: 280px;
        height: 70px;
        color: #fff;
        box-sizing: border-box;
        font-size: 1.2em;
        text-decoration: none;
        margin: 10px auto;
        border-radius: 5px;
        background: #3862DC;
        box-shadow: 0 2px 0px #0C214C;
        border: none;
    }

    #do_reserve_form .button_area{
        width: auto;
        margin: 10px auto;
    }


}