@charset "utf-8";

/* ttl
----------------------------------------------------------------------------- */
.title-bg{
    background-image:url("../images/bg_ttl.png");
}

@media screen and (max-width:1000px){
    .intro{
        padding-top:0 !important;
    }
}

/* reservation
----------------------------------------------------------------------------- */
.box-open .tbl-normal td{
    background-color:#fff;
}


/* STEP01
----------------------------------------------------------------------------- */
.rsv-step-01{
    text-align:right;
}
.rsv-step-01 select{
    width:100%;
    padding:6px 20px 12px;
    font-size:18px;
    margin:20px 0;
    cursor:pointer;
    border-radius:5px;
    font-family:inherit;
    border:3px solid #16408c;
    vertical-align:middle;
}

@media screen and (max-width:1000px){
    .rsv-step-01{
        text-align:center;
    }
    .rsv-step-01 .btn-dark{
        margin:5px 0;
    }
}

/* STEP02
----------------------------------------------------------------------------- */

/* date */
.rsv-step-02-box-calendar{
    display:table;
    width:100%;
    margin:0 0 20px;
}

.rsv-step-02-box-calendar-L,
.rsv-step-02-box-calendar-R{
    display:table-cell;
    width:50%;
    padding:0 10px;
}
@media screen and (max-width:1000px){
    .rsv-step-02-box-calendar{
        display:block;
    }

    .rsv-step-02-box-calendar-L,
    .rsv-step-02-box-calendar-R{
        display:block;
        width:100%;
        padding:0 10px;
    }
}


/* calendar */
.rsv-step-02-box-calendar table{
    width:100%;
    border-spacing: 3px;
    border-collapse: separate;
}

.rsv-step-02-box-calendar table thead{
    border-bottom:1px solid #16408c;
}
.rsv-step-02-box-calendar table th{
    padding:5px;
}
.rsv-step-02-box-calendar table th.month{
    color:#16408c;
    font-weight:bold;
    font-size:18px;
}
.rsv-step-02-box-calendar table th:not(.month){
    background-color:#16408c;
    color:#fff;
}

.rsv-step-02-box-calendar table td label{
    display:block;
    background-color:#eee;
    text-align:center;
    width:100%;
}
.rsv-step-02-box-calendar table td input[type="radio"]{
    opacity:0;
    width:0.1px;
    height:0.1px;
    margin:0 !important;
}
.rsv-step-02-box-calendar table td.is-selected label{
    background-color:#16408c;
    color:#fff;
    
}
.rsv-step-02-box-calendar table td.is-disabled{
    color:#ccc;
    background-color:#eee;
}


/* time */
.rsv-step-02-box-date{
    display:none;
    margin:0 0 30px;
}
.rsv-step-02-box-date li{
    display:inline-block;
    width:235px;
    float:left;
    margin-right:20px;
    margin-bottom:15px;
}
.rsv-step-02-box-date li:nth-child(4n){
    margin-right:0;
}
.rsv-step-02-box-date li label{
    display:block;
    border:1px solid #ccc;
    box-shadow: 0px 3px 0px 0px #eee;
    border-radius:5px;
    padding:10px;
}
.rsv-step-02-box-date li.is-selected label{
    border-color:#16408c;
    background-color:#16408c;
    color:#fff;
    font-weight:bold;
}
.rsv-step-02-box-date li.is-disabled label{
    color:#ccc;
    background-color:#eee;
}

@media screen and (max-width:1000px){
    .rsv-step-02-box-date li{
        display:inline-block;
        width:calc(50% - 10px);
        float:left;
        margin-right:10px;
        margin-bottom:15px;
    }
    .rsv-step-02-box-date li:nth-child(4n){
        margin-right:10px;
    }
    .rsv-step-02-box-date li:nth-child(2n){
        margin-right:0;
    }
    .rsv-step-02-box-date li label{
        display:block;
        border:1px solid #ccc;
        box-shadow: 0px 3px 0px 0px #eee;
        border-radius:5px;
        padding:10px;
    }
    .rsv-step-02-box-date li.is-selected label{
        border-color:#16408c;
        background-color:#16408c;
        color:#fff;
        font-weight:bold;
    }
    .rsv-step-02-box-date li.is-disabled label{
        color:#ccc;
        background-color:#eee;
    }
}

.f-select-link select:first-child{
    margin-bottom:10px;
}
