.section-thera-data{
    margin-top: 30px;
    .waku-1{
        width: 50%;
    }
    font-family: "Noto Serif JP", sans-serif;
    /* セルの枠 囲い */
    .cell-border-all {
        border: 2px solid #c2c2c2;
    }
    /* セルの枠 上無し */
    .cell-border-non-top {
        border: solid #c2c2c2;
        border-width: 0px 2px 2px 2px;
    }
    /* 予約日 */
    .reserv-date{
        width: 80px;
        vertical-align: top;
    }
    /* センター揃え */
    .ps-center{
        text-align: center;
    }
    /* テーブル間隔 */
    .table-spacing{
        border-collapse:separate;
        border-spacing: 8px 0;/*数字は「左右、上下」*/
    }
    /* エリア */
    .reserv-date-area{
        width: 100px;
        vertical-align: top;
        font-size: 10px;;
    }
    /* セラピスト名 */
    .thera-name{
        width: 100px;
    }
    /* セラピスト画像 */
    .reserv-img{
        & img{
            padding: 5px;
        }
        .main{
            width: 340px;
            border-radius: 10px;
            width: 320px;
        }
        .sub{
            border-radius: 10px;
            width: 80px;
            margin: 10px;
        }
    }
    /* タイトル */
    .reserv-title{
        width: 100%;
        & span{
            width: 100px;
        }
    }
    /* 紹介文 */
    .introduction-txt{
        & div{
            height: 393px;
            overflow: scroll;
        }
    }
}
.section-reserv-select{
    margin-top: 30px;
    .waku-1{
        width: 50%;
    }
    font-family: "Noto Serif JP", sans-serif;
    .day-select{
        .table{
            border-collapse:separate;
            border-spacing: 8px 0;/*数字は「左右、上下」*/
        }
        .table-cell{
            padding: 5px;
            text-align: center;
            border: 1px solid rgb(155, 155, 155);
            border-radius: 10px;
        }
        .table-cell:hover{
            background-color: antiquewhite;
        }
    }
    .select_day{
        background-color: antiquewhite;
    }
    .reserv-time-usage{
        font-size: 8px;
        & div{
            font-size: 20px;
        }
        & span:nth-of-type(1){
            width: 30px;
            height: 10px;
            background-color: #ffffff;
            border: solid 1px;
        }
        & span:nth-of-type(2){
            width: 30px;
            height: 10px;
            background-color: #c0c0c0;
            border: solid 1px;
        }
        & span:nth-of-type(3){
            width: 30px;
            height: 10px;
            background-color: #FF0000;
            border: solid 1px;
        }
        & span:nth-of-type(4){
            width: 30px;
            height: 10px;
            background-color: #ffff00;
            border: solid 1px;
        }
        & span:nth-of-type(5){
            width: 30px;
            height: 10px;
            background-color: #84C98B;
            border: solid 1px;
        }
    }
    .reserv-time{
        .time-col-border{
            text-align: center;
            font-size: 12px;
            .time-obi{
                background-color: #191970;
                color: #e6e6fa;
                border: solid #6e6e6e;
                border-width: 2px;
            }
            .time-obi-left{
                background-color: #191970;
                color: #e6e6fa;
                border: solid #6e6e6e;
                border-width: 2px 2px 2px 0px;
            }
            .cell-border-non-top {
                border: solid #6e6e6e;
                border-width: 0px 2px 2px 2px;
            }
            .cell-border-non-top-left {
                border: solid #6e6e6e;
                border-width: 0px 2px 2px 0px;
            }
        }
    }
    .reserv-menu-usage{
        font-size: 8px;
        & div{
            font-size: 20px;
            margin-bottom: 13px;
        }
    }
    .reserv-select-menu{
        font-size: 16px;
        margin-left: 20px;
        & div{
            padding: 5px;
        }
        .select_menu{
            border: solid #c2c2c2;
            border-width: 2px;
            margin-left: 20px;
            margin-bottom: 5px;;
        }
        .select_menu:hover{
            background-color: antiquewhite;
        }
        .select_option_menu{
            border: solid #c2c2c2;
            border-width: 2px;
            margin-left: 30px;
            margin-bottom: 5px;;
        }
        .menu_option_title{
            margin-left: 30px;
        }
        .menu_option_gp{
            display: none;
        }
    }
    .reserv-select-menu-option{
        font-size: 16px;
        margin-left: 20px;
        & div{
            padding: 5px;
        }
        .select_menu{
            border: solid #c2c2c2;
            border-width: 2px;
            margin-left: 20px;
            margin-bottom: 5px;;
        }
        .select_menu:hover{
            background-color: antiquewhite;
        }
        .select_option_menu{
            border: solid #c2c2c2;
            border-width: 2px;
            margin-left: 30px;
            margin-bottom: 5px;;
        }
        .menu_option_title{
            margin-left: 30px;
        }
    }

    .reserv-btn{
        text-align: center;
        padding: 20px;
        & button{
            width: 300px;
        }
        & button.btn-radius-solid {
            border: 1px solid #ccc;
            background: #f1e767;
            background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
            background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
            background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
            -webkit-box-shadow: inset 1px 1px 1px #fff;
            box-shadow: inset 1px 1px 1px #fff;
        }
        & button.btn-radius-solid:hover {
            background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee));
            background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%);
            background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);
        }
    }
}
.m-t10{
    margin-top: 10px;
}
.section-reviews{
    margin-top: 30px;
    /* 写メ日記外枠 */
    .waku-diary{
        width: 250px;;
    }
    .waku-reviews{
        width: 500px;
        vertical-align: top;
    }
    .reviews-title{
        border-bottom: 8px double #4d9bc1;
        height: 50px;
        vertical-align: bottom;
    }
    .reviews_hoshi{
        & span{
            background: linear-gradient(transparent 50%, #bde4f7 50%);
            padding: 0 0.1em;
            text-indent: 50px;
        }
    }
    .reviews-text{
        font-size: 14px;
        & img{
            width: 70%;
        }
        .icon{
            width: 50px;
        }
        .text{
            width: 150px;
            font-size: 12px;
        }
        .reviews-date{
            width: 100px;
        }
        .reviews-nickname{
            width: 100px;
        }
        .reviews-user-text{
            width: 200px;
        }
        .next-page{
            text-align: center;
        }
    }
}
.section-shop-reviews{
    margin-top: 50px;
    .waku-1{
        width: 20%;
    }
    .waku-2{
        width: 40%;
    }
    .waku-3{
        width: 40%;
    }
    .reviews-hoshi{
        .reviews-title{
            text-align: center;
            font-size: 16px;
        }
        & p{
            display: inline;
        }
        .reviews-average{
            text-align: center;
            font-size: 40px;
        }
        & img{
            width: 200px;
        }
    }
    .reviews-text{
        font-size: 14px;
        & img{
            width: 70%;
        }
        .icon{
            width: 50px;
        }
        .text{
            width: 150px;
            font-size: 12px;
        }
        .reviews-date{
            width: 100px;
        }
        .reviews-nickname{
            width: 100px;
        }
        .reviews-user-text{
            width: 200px;
        }
        .next-page{
            text-align: center;
        }
    }
}
.section-shop-data{
    margin-top: 20px;
    .waku-1{
        width: 30%;
    }
    .event-list{
        & img{
            width: 150px;
        }
        & div:nth-of-type(1){
            width: 10%;
            padding: 10px;
        }
        & div:nth-of-type(2){
            width: 30%;
            vertical-align: top;
        }
        & div:nth-of-type(3){
            width: auto;
        }
    }
}
.section-reserv-confirmation{
    & h3{
        font-size: 20px;
        margin-top: 20px;
    }
    .border-bottom{
        border: solid 0px 0px 1px 0px;
    }
    .confirm01{
        width: 50px;
        height: 50px;
        vertical-align: middle;
    }
    .confirm02{
        width: 250px;
        height: 50px;
        vertical-align: middle;
    }
    .confirm03{
        width: 170px;
        height: 50px;
        vertical-align: middle;
    }
    .confirm04{
        width: 250px;
        height: 50px;
        vertical-align: middle;
    }
    .confirm05{
        width: 250px;
        height: 50px;
        vertical-align: middle;
    }

    .select_pay{
        width: 100px;
    }
    .reserv-btn{
        text-align: center;
        padding: 20px;
        & button{
            width: 200px;
        }
        & button.btn-radius-solid {
            border: 1px solid #ccc;
            background: #f1e767;
            background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
            background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
            background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
            -webkit-box-shadow: inset 1px 1px 1px #fff;
            box-shadow: inset 1px 1px 1px #fff;
        }
        & button.btn-radius-solid:hover {
            background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee));
            background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%);
            background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);
        }
    }
    .reserv-btn2{
        text-align: center;
        padding: 20px;
        & button{
            width: 250px;
        }
        & button.btn-radius-solid {
            border: 1px solid #ccc;
            background: #f1e767;
            background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
            background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
            background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
            -webkit-box-shadow: inset 1px 1px 1px #fff;
            box-shadow: inset 1px 1px 1px #fff;
        }
        & button.btn-radius-solid:hover {
            background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee));
            background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%);
            background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);
        }
    }

}
.tag-waku{
    height: 70px;
}
.tag{
    float: left;
    border: 1px solid #aaaaaa;
    border-radius: 5px;
    padding: 3px;
    margin: 5px;
}
.tag-item{
    float: left;
}
.tag-checkbox-inline-input label {
    border: solid #aaaaaa;
    border-width: 1px;
    text-align: center;
    padding: 3px;
    border-radius: 5px;
    margin: 3px;
}
.tag-checkbox-inline-input input:checked + label {
    background-color: #4D90FE;
}
input[type="radio"] {
    display: none;
}
.payment-checkbox-inline-input label {
    border: solid #aaaaaa;
    border-width: 1px;
    text-align: center;
    padding: 3px;
    border-radius: 5px;
    margin: 3px;
}
.payment-checkbox-inline-input input:checked + label {
    background-color: #4D90FE;
}
.visual_now{
    & img{
        width: 100px;
    }
    text-align: center;
}