#create.online-reservation  > .title{
    margin-top : 3.43vw;
    margin-bottom : 2.91vw;
}

#create.online-reservation  > .title > h1{
    text-align : center;
    font-size : 1.875vw;
    font-family : "ScoreB";
}

#create.online-reservation  > .title > h1 > span{
    display: block;
    font-family: 'Lato', sans-serif;
    font-size : 0.67vw;
    letter-spacing : 2px;
    margin-top : 1.25vw;
}



#create.online-reservation .write-wrap{
    padding : 2.60vw 3.125vw 3.64vw;
    background-color : #f1f1f1;
    width : 49.47vw;
    margin : 0 auto;
}

#create.online-reservation .input-wrap{
    display : flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom : 1.45vw;
}

#create.online-reservation .input-wrap select[name="reservation_date"],
#create.online-reservation .input-wrap input[name="reservation_time"],
#create.online-reservation .input-wrap input[name="name"],
#create.online-reservation .input-wrap input[name="phone"]{
    height : 3.43vw;
    font-family : 'ScoreR';
    color : #555252;
    font-size : 0.98vw;
    padding-left : 1.30vw;
}

#create.online-reservation .input-wrap #date,
#create.online-reservation .input-wrap #time{
    width : 17.7vw;
		border: none;
		background-color: #fff;
}

#create.online-reservation .input-wrap #name{
    width : 19.94vw;
}

#create.online-reservation .input-wrap #phone{
    width : 21.61vw;
}

#create.online-reservation .input-wrap select[name="cate"]{
    height : 3.43vw;
    width : 100%;
    padding-left : 1.30vw;
    font-family : 'ScoreR';
    color : #555252;
    font-size : 0.98vw;
    border : 0;
    background-color : #fff;
}

#create.online-reservation .radio-wrap > div{
    display : flex;
    align-items: center;
    margin-bottom : 0.52vw;
}

#create.online-reservation .radio-wrap > div:last-child{
    margin-bottom : 0;
}

#create.online-reservation  .radio + label{
    display : flex;
    align-items: center;
}

#create.online-reservation  .radio + label:before{
    content : '';
    display : block;;
    width : 1.30vw;
    height : 1.30vw;
    border : 1px solid #464646;
    background-color : #fff;
    border-radius : 50%;
    margin-right : 0.52vw;
}

#create.online-reservation .btn-submit{
    background-color: #ff4669;
    height : 3.38vw;
    text-align : center;
    color : #fff;
    font-family : 'ScoreB';
    font-size : 1.04vw;
    position : relative;
    width :100%;
    margin-bottom : 1.04vw;
}

#create.online-reservation .btn-submit i{
    position : absolute;
    top : 0;
    bottom : 0;
    margin : auto;
    right : 1.30vw;
    width : 1.71vw;
    height : 1.71vw;
}

#create.online-reservation textarea{
    width : 100%;
}

#create.online-reservation .note-editor{
    width : 100%;
}

#create.online-reservation textarea{
    font-family : 'ScoreR';
    color : #555252;
    font-size : 0.98vw;
    padding-left : 1.30vw;
    height : 16.66vw;
    padding-top : 1.04vw;
}

#create.online-reservation  .checkbox + label{
    display : flex;
    justify-content: flex-end;
    align-items: center;
    font-family : 'ScoreR';
    font-size : 0.72vw;
    color : #707070;
}

#create.online-reservation  .checkbox + label > a{
    width : auto;
}

#create.online-reservation  .checkbox + label:after{
    content : '';
    display : block;;
    width : 1.04vw;
    height : 1.04vw;
    border : 1px solid #464646;
    background-color : #fff;
    margin-left : 0.52vw;
}

#writeForm{
    position : relative;
}

@media screen and (max-width : 768px){
    #create.online-reservation > .title > h1{
        font-size : 4.94vw;
    }

    #create.online-reservation > .title > h1 > span{
        font-size : 1.82vw;
        font-weight : 300;
    }

    #create.online-reservation > .title{
        margin-top : 7.8125vw;
        margin-bottom : 6.51vw;
    }

    #create.online-reservation .input-wrap .radio-wrap.mo_none{
        display : none;
    }

    #create.online-reservation .write-wrap{
        background-color : #fff;
        width : 82.8125vw;
        padding : 0;
    }

    #create.online-reservation .input-wrap{
        display : block;
        margin-bottom : 3.25vw;
    }

    #create.online-reservation .input-wrap .radio-wrap.pc_none{
        margin-bottom : 5.20vw;
        display : flex;
        align-items: center;
        justify-content: flex-start;
    }

    #create.online-reservation .input-wrap .radio-wrap > span{
        font-family: 'ScoreB';
        font-size : 3.38vw;
        margin-right : 7.29vw;
    }

    #create.online-reservation .radio-wrap > div{
        margin-bottom : 0;
    }

    #create.online-reservation .radio + label{
        color : #1c1c1c;
        font-size : 3.125vw;
        font-family : 'ScoreR';
    }

    #create.online-reservation .radio+label:before{
        width : 3.125vw;
        height : 3.125vw;
        margin-right : 1.43vw;
    }

    #create.online-reservation .radio-wrap > div{
        margin-right : 6.25vw;
    }

    #create.online-reservation .radio-wrap > div:last-child{
        margin-right : 0;
    }

    #create.online-reservation .input-wrap select[name="reservation_date"],
    #create.online-reservation .input-wrap input[name="reservation_time"],
    #create.online-reservation .input-wrap input[name="name"],
    #create.online-reservation .input-wrap input[name="phone"]{
        border : 1px solid #000;
        width : 100%;
        height : 9.76vw;
        font-size : 3.64vw;
        padding-left : 2.47vw;
    }

    #create.online-reservation .input-wrap #date, #create.online-reservation .input-wrap #time{
        width : 39.0625vw;
    }

    #create.online-reservation .radio-wrap + div.pc_none{
        display : flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap : wrap;
    }

    #create.online-reservation .input-wrap #name,
    #create.online-reservation .input-wrap #phone{
        margin-bottom: 3.25vw;
        width : 100%;
    }

    #create.online-reservation .input-wrap #phone{
        margin-bottom : 0;
    }

    #create.online-reservation .input-wrap select[name="cate"]{
        border : 1px solid #000;
        width : 100%;
        height : 9.76vw;
        font-size : 3.64vw;
        padding-left : 2.47vw;
    }

    #create.online-reservation textarea{
        font-size : 3.64vw;
        padding-top : 2.60vw;
        padding-left : 2.47vw;
        padding-right : 2.47vw;
        border : 1px solid #000;
        height : 44.27vw;
    }

    #create.online-reservation .privacy-wrap{
        display : flex;
        align-items: flex-start;
        justify-content: center;
    }

    #create.online-reservation .checkbox+label{
        color : #707070;
        font-size : 2.60vw;
        margin-bottom : 3.64vw;
    }

    #create.online-reservation .checkbox+label:after{
        width : 3.64vw;
        height : 3.64vw;
    }

    #create.online-reservation .btn-submit{
        background-color : #ff5454;
        height : 13.67vw;
        font-size : 4.03vw;
    }

    #create.online-reservation .btn-submit i{
        right : 4.29vw;
        width : 6.90vw;
        height : 6.90vw;
    }
}


@media screen and (min-width : 1921px){
    #create.online-reservation .write-wrap{
        padding : 50px 60px 70px;  
        width : 950px;
    }

    #create.online-reservation .input-wrap select[name="reservation_date"],
    #create.online-reservation .input-wrap input[name="reservation_time"],
    #create.online-reservation .input-wrap input[name="name"],
    #create.online-reservation .input-wrap input[name="phone"]{
        height : 66px;
        font-size : 19px;
        padding-left : 25px;
    }

    #create.online-reservation .input-wrap #date,
    #create.online-reservation .input-wrap #time{
        width : 340px;
    }

    #create.online-reservation .input-wrap #name{
        width : 383px;
    }

    #create.online-reservation .input-wrap #phone{
        width : 415px;
    }


    #create.online-reservation .input-wrap select[name="cate"]{
        height : 66px;
        font-size : 19px;
        padding-left : 25px;
    }
    

    #create.online-reservation .radio-wrap > div{
        margin-bottom : 10px;
    }

    #create.online-reservation .input-wrap{
        margin-bottom : 28px;
    }

    #create.online-reservation  .radio + label:before{
        width : 25px;
        height : 25px;
        margin-right : 10px;
        
    }

    #create.online-reservation .btn-submit i{
        right : 25px;
        width : 33px;
        height : 33px;
    }
    
    #create.online-reservation textarea{
        height : 320px;
        font-size : 19px;
        padding-left : 25px;
        padding-top : 20px;
    }

    #create.online-reservation .btn-submit{
        margin-bottom :20px;
        height : 65px;
        font-size : 20px;
    }

    #create.online-reservation  .checkbox + label{
        font-size : 14px;
    }

    #create.online-reservation  .checkbox + label:after{
        width : 20px;
        height : 20px;
        margin-left : 10px;
    }
}