@charset "UTF-8";


body,button{
    font-family:'Noto Sans JP', 'Noto Sans SC', serif;
}


.modal__content .modal-close i,
.fc-event-details .modal-close i,
.slide-btn-text,
h3,a,.slide-btn i,.block-list-btn i{color:rgba(28, 54, 100,1);}
h2{color:rgba(255,255,255,1);}


header{

    background-color: rgba(255,255,255,1); 
border-bottom-color: rgba(0,0,0,0.1);

-moz-box-shadow: 0px 2px 6px -4px rgba(0,0,0,0.4);
-webkit-box-shadow: 0px 2px 6px -4px rgba(0,0,0,0.4);
-o-box-shadow: 0px 2px 6px -4px rgba(0,0,0,0.4);
-ms-box-shadow: 0px 2px 6px -4px rgba(0,0,0,0.4);
box-shadow: 0px 2px 6px -4px rgba(0,0,0,0.4);

 }

 #container{

    background-color: rgba(255,255,255,1); 
}

.list-box li{

    background-color: rgba(255,255,255,1);
    border-left-color: rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.4);
    -o-box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.4);
    -ms-box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.4);
box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.4);
}

.icon{

   background: rgb(239, 244, 255);
    box-shadow: 0 2px 1px 0 rgba(255, 255, 255, 0.5), inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);

}

.icon .handle {

    background: rgb(239, 244, 255);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2), 0px 4px 23px 0 rgba(0, 0, 0, 0.08), -2px 4px 4px 0 rgba(0, 0, 0, 0.1);



    /*color: rgba(225,225,225,1);*/
color: rgba(200,200,200,1);
    }

.icon.on{
    color: rgba(255,255,255,1);
     background: rgba(28, 54, 100,1);

}

.icon.on .handle {

    color: rgba(28, 54, 100,1);
}
.icon .handle:after {

    /*color: rgba(225,225,225,1);*/
    color: rgba(200,200,200,1);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);


}
.icon.on .handle:before {

    color: rgba(255,255,255,1);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

}


.right-gray{
    /*background-color: rgba(250,250,250,1);*/
    background-color: rgba(28, 54, 100,0.1);
}
.gray,.form-table-box li:first-child{background-color: rgba(246,246,246,1);}
.tabs-box{

	border-bottom-color: rgba(255,255,255,1);
}
ul.tabs,ul.tabs.reservation,ul.tabs.school{background-color: rgba(246,246,246,1);}
ul.tabs li,ul.tabs.reservation li,ul.tabs.school li{  color:rgba(28, 54, 100,1); background-color: rgba(242,242,242,1); border-left-color: rgba(255,255,255,1);  }

ul.tabs li.tabs-home{background-color: rgba(255,255,255,1);  }
ul.tabs li.tabs-home::after{border-right:1px solid rgba(51,51,51,1); }


ul#tabs-reservation li#Reservemenu01open,
ul#tabs-reservation li#Reservemenu02open,
ul#tabs-reservation li#Reservemenu03open,
ul.tabs li.active,ul.tabs li:hover,
ul.tabs.reservation li.active,ul.tabs.reservation li:hover,
ul.tabs.school li.active,ul.tabs.school li:hover
{
color:rgba(28, 54, 100,1);
background-color: rgba(255,255,255,1);  
border-left-color: rgba(0,0,0,0.1);
box-shadow: 4px -4px 10px -4px rgba(0,0,0,0.4);
-moz-box-shadow: 4px -4px 10px -4px rgba(0,0,0,0.4);
-webkit-box-shadow: 4px -4px 10px -4px rgba(0,0,0,0.4);
-o-box-shadow: 4px -4px 10px -4px rgba(0,0,0,0.4);
-ms-box-shadow: 4px -4px 10px -4px rgba(0,0,0,0.4);

}

#slide_menu{
background-color: rgba(51,51,51,1);
}

.link-group a span{
    background-color: rgba(255,255,255,0.95);
    border-color: rgba(28, 54, 100,1);
    color: rgba(28, 54, 100,1);
 box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.4) inset;
-moz-box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.4) inset;
-webkit-box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.4) inset;
-o-box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.4) inset;
-ms-box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.4) inset;
}
.link-group a span.active,
.link-group a:hover span{
    background-color: rgba(28, 54, 100,0.15);
}
.callenderSelectDetailTitle h3 a{
    border:1px solid rgba(28, 54, 100,1);
}

.callenderSelectDetailTitle h3 a:hover{
    background-color: rgba(28, 54, 100,1);
    color: rgba(255,255,255,1);  
}
#navigations li a{
color: rgba(153,153,153,1);  
}


#navigations li div.user-info{
color: rgba(255,255,255,1);  
}

#navigations li.active a,
#navigations li a:hover,
 .jscroll-loader{
background-color: rgba(28, 54, 100,0.9);
color: rgba(255,255,255,1);  
}


div.progress ul li{

border-bottom-color: rgba(190,190,190,1);  
color: rgba(190,190,190,1);  
}

div.progress ul li.active{
border-bottom-color: rgba(28, 54, 100,1);
color: rgba(28, 54, 100,1);
}

/*div.category ul li select {background-color: rgba(230,230,230,1);}*/

.flex-direction-nav a{
    color: rgba(255,255,255,1);
    background-color: rgba(28, 54, 100, 0.4);
}

.flexslider .slides li{
    min-height: 314px;
}

select option[selected],
div.search select option[selected],
div.category select option[selected],
 .colors{
background-color: rgba(28, 54, 100,1);
color: rgba(255,255,255,1);
}

.user-reservation select,
div.search input[type='text'],
div.search input[type='checkbox'],
div.search input[type='radio'],
div.search select{

color: rgba(28, 54, 100,1);
background-color: rgba(255,255,255,1);
border-color: rgba(28, 54, 100,1) !important;

}




.login-box input[type='text'],
.login-box input[type='password']{

color: rgba(100,100,100,1);
background-color: rgba(245,245,245,1);
border-color: rgba(210,210,210,1);

}

.login-box input[type='text'].active,
.login-box input[type='password'].active{

background-color: rgba(28, 54, 100,0.1);
color: rgba(28, 54, 100,1);
border-color: rgba(28, 54, 100,1);

}
.login-box label span,
.login-box input[type='checkbox']{
color: rgba(28, 54, 100,1);

}

.paging_link a span{
    border-color:rgba(245,245,245,1);
    transition:all .2s;
}
.paging_link a:hover span{
    border-color: rgba(28, 54, 100,1);
    background-color: rgba(28, 54, 100,0.1);
    transition:all .2s;
}
.paging_link > span{
    border-color: rgba(28, 54, 100,0);
}

.login-box input[type='checkbox']::before{
    color: rgba(28, 54, 100,1);
    background-color: rgba(245,245,245,1);
    border-color: rgba(28, 54, 100,1);
}

p.directdebitregist span{
    background-color: rgba(255,255,255,0.95);
    border-color: rgba(28, 54, 100,1);
    color: rgba(28, 54, 100,1);
 box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.4) inset;
-moz-box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.4) inset;
-webkit-box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.4) inset;
-o-box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.4) inset;
-ms-box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.4) inset;
}


div.radio-wrapper input + label{
    background-color: rgba(255,255,255,0.95);
    border-color: rgba(28, 54, 100,1);

 box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.4) inset;
-moz-box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.4) inset;
-webkit-box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.4) inset;
-o-box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.4) inset;
-ms-box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.4) inset;
}

div.radio-wrapper input:checked + label,
div.radio-wrapper input + label:hover{
    background-color: rgba(28, 54, 100,0.15);
}
.search-btn{
border-top-color: rgba(28, 54, 100,1);
border-bottom-color: rgba(28, 54, 100,1);    
}

.studioaddress{
border-bottom-color: rgba(28, 54, 100,1);    
} 

.change-arrow{border-left-color: rgba(28, 54, 100,1);}

.search-btn,.search label{color: rgba(28, 54, 100,1);}

button[type="button"].fc-state-active,
a.link-btn,a.link-btn.reservation,a.link-btn.unrated,button[type="submit"],button[type="button"],a.submit-btn{

color: rgba(255,255,255,1);
background-color: rgba(28, 54, 100,1);
border-color: rgba(28, 54, 100,1);
box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.4);
-moz-box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.4);
-webkit-box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.4);
-o-box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.4);
-ms-box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.4);
}


a.link-btn.cancel,a.link-btn.cancel-wait{

color: rgba(28, 54, 100,1);
background-color: rgba(28, 54, 100,0.1);
border-color: rgba(28, 54, 100,1);
box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.1);
-moz-box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.1);
-webkit-box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.1);
-o-box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.1);
-ms-box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.1);
}

.table-notice,
.link-btn.kiyaku,
.link-btn.google-map,
.link-btn.show-panel-btn,
a.link-btn:hover,a.link-btn.reservation:hover,a.link-btn.unrated:hover,a.link-btn.cancel:hover,a.link-btn.cancel-wait:hover,button[type="submit"]:hover,button[type="button"]:hover, a.submit-btn:hover{

color: rgba(28, 54, 100,1);
background-color: rgba(255,255,255,1);
border-color: rgba(28, 54, 100,1);
}
.link-btn.google-map:hover,
.link-btn.kiyaku:hover,
.link-btn.show-panel-btn:hover{
color: rgba(28, 54, 100,1);
background-color: rgba(28, 54, 100,0.2);
border-color: rgba(28, 54, 100,1);
}




a.submit-btn.reminder{

color: rgba(28, 54, 100,1);
background-color: rgba(255,255,255,1);
border-color: rgba(28, 54, 100,0.3);
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
}

a.submit-btn.reminder:hover{

color: rgba(28, 54, 100,1);
background-color: rgba(255,255,255,1);
border-color: rgba(28, 54, 100,1);


}

.top-nav-style02 li a,
.top-nav li a,
a.information-link-btn{

color: rgba(28, 54, 100,1);
background-color: rgba(255,255,255,1);
border-color: rgba(28, 54, 100,1);

-moz-box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.4);
-webkit-box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.4);
-o-box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.4);
-ms-box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.4);
box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.4);
}

.top-nav-style02 li a:hover,
.top-nav li a:hover,
a.information-link-btn:hover{
color: rgba(255,255,255,1);
background-color: rgba(28, 54, 100,1);
border-color: rgba(28, 54, 100,1);
    
}

.top-nav-style02 li a span.navigation-name span.detail-text{
 color:rgba(0,0,0,0.8);
}
.top-nav-style02 li a:hover span.navigation-name span.detail-text{
    color: rgba(255,255,255,1);
}


div.category select{

color: rgba(28, 54, 100,1);
background-color: rgba(255,255,255,1);
border-color: rgba(28, 54, 100,1) ;

}


div.category select.select-box.active{

background-color: rgba(28, 54, 100,1);
/*background-color: rgba(255,255,255,0.1)!important;*/
color: rgba(255,255,255,1)!important;
border-color: rgba(255,255,255,1)!important;
}


div.category ul li i.fa{
color: rgba(255,255,255,1);
}

input[type='text'],
select,
.user-reservation input[type='text'],
div.form-table-box textarea,
div.form-table-box input[type='text'],
div.form-table-box input[type='password'],
div.form-table-box input[type='checkbox'],
div.form-table-box input[type='radio'],
div.form-table-box select{

background-color: rgba(252,248,227,1);

border-color: rgba(210,210,210,1) ;

}
input[type='text'].active,
.user-reservation input[type='text'].active,
div.form-table-box textarea.active,
div.form-table-box input[type='text'].active,
div.form-table-box input[type='password'].active,
div.form-table-box input[type='checkbox'].active,
div.form-table-box input[type='radio'].active,
div.form-table-box select.active{

background-color: rgba(28, 54, 100,0.1);
color: rgba(28, 54, 100,1);
border-color: rgba(28, 54, 100,1);

}

input[type='text'].active,
input[type='password'].active,
div.datapicker-box .Reserve0MainContPD [type='text'].select-box.active,
div.search input[type='text'].select-box.active, div.search select.select-box.active{

/*background-color: rgba(28, 54, 100,1);*/
background-color: rgba(28, 54, 100,1);
color: rgba(255,255,255,1);
border-color: rgba(28, 54, 100,1);
}

input[type='checkbox'] + label{
    color: rgba(28, 54, 100,1);
}
input[type='checkbox'] + label:before{
    background-color: rgba(28, 54, 100,0.1);
}

.checkbox01-parts::before,div.radio-wrapper input + label::before{
color: rgba(28, 54, 100,1);
background-color: rgba(255,255,255,1);
border-color: rgba(28, 54, 100,1) ;

}

.login-right{

    border-left-color: rgba(230,230,230,1);
}

.voice-balloon i{
    color:rgba(210,210,210,1);
}
.voice-balloon .says{
background-color: rgba(255,204,0, 0.08);
border-color: rgba(210,210,210,1);
}




.voice-balloon .says::before{

  border-right-color: rgba(255,255,255,1);  
}

.voice-balloon .says::after {
border-right-color: rgba(210,210,210,1);
}

/*div.radio02.select-box.active,
div.checkbox02.select-box.active{

    background-color: rgba(28, 54, 100,1);

border-color: rgba(28, 54, 100,1);
}

div.radio02.select-box.active label,
div.checkbox02.select-box.active label{

color: rgba(255,255,255,1) !important;

}*/

div.radio-wrapper input:checked + label::after,select:focus,input:focus,textarea:focus,
.ui-datepicker-trigger{
background-color: rgba(28, 54, 100,1)!important;
color: rgba(255,255,255,1) !important;
border-color:rgba(28, 54, 100,0) ;
}

.ui-datepicker-trigger:hover{
background-color: rgba(255,255,255,1)!important;
color: rgba(28, 54, 100,1) !important;
border-color:rgba(28, 54, 100,1) ;
}

.font-highlight,.Reserve0MainContPD{
color: rgba(28, 54, 100,1);

}

.border-top{
border-top-color: rgba(210,210,210,1);
}
.border-bottom{
border-bottom-color: rgba(210,210,210,1);
}
.right-gray.border-bottom{border-bottom-color: rgba(28, 54, 100,0.4);}

.form-table-box,.form-table-box li,.form-table-box li:last-child,.form-table-box li:first-child{
	border-top-color: rgba(210,210,210,1);
	border-bottom-color: rgba(210,210,210,1);
	border-right-color: rgba(210,210,210,1);
	border-left-color: rgba(210,210,210,1);	
}

table.responsive, table.responsive tr, table.responsive tr th, table.responsive tr td,
table.responsive.timeline, table.responsive.timeline tr, table.responsive.timeline tr th, table.responsive.timeline tr td,
table.responsive-row, table.responsive-row tr, table.responsive-row tr th, table.responsive-row tr td{

    border-color: rgba(210,210,210,1);

}
.modal__content .modal-close,
.fc-event-details .modal-close,
table.responsive thead,table.responsive-row thead{

background-color: rgba(246,246,246,1);

}

table.responsive tbody tr:nth-of-type(even),table.responsive-row tbody tr:nth-of-type(even){
background-color: rgba(248,248,248,1) !important;
}
.List1BlockR h3{
    color: rgba(28, 54, 100,1);
    border-bottom-color: rgba(28, 54, 100,1);

}    

.form-table-box.border-colors,.form-table-box.border-colors li.white.font-highlight{

	border-top-color: rgba(28, 54, 100,1);
	border-bottom-color: rgba(28, 54, 100,1);
	border-right-color: rgba(28, 54, 100,1);
	border-left-color: rgba(28, 54, 100,1);	

}

.radio03-input:checked + label span.radio::before{background-color: rgba(255,255,255,1);}
.radio03-input:checked + label span.radio::after{background-color: rgba(28, 54, 100,1);}

.form-table-box li.white{background-color: rgba(255,255,255,1);  }

.radio-payment > div{

    border-color: rgba(28, 54, 100,1);
}



.radio03-input + label{

    color: rgba(28, 54, 100,1);

}

.radio03.active{

    background-color: rgba(28, 54, 100,0.2);


}
.select-container label::after{
    color: rgba(28, 54, 100,1);  
}

.submit-box{border-top-color:rgba(240,240,240,1); }

span.status{

color: rgba(100,100,100,1);
background-color:rgba(255,255,255,1);
border-color: rgba(210,210,210,1);

    -moz-box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0);
    -webkit-box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0);
    -o-box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0);
    -ms-box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0);
    box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0);
}

span.reserve-done{
    background-color: rgba(51,204,153, 0.1);
    color: rgba(51,204,153, 1);
}


span.tentative-reservation{
    color: rgba(204, 0, 0,1);
    border: 4px dotted rgba(204, 0, 0,1);
    font-weight: bold;
    background-color: rgba(255,204,0, 0.1);
}

span.closed{
    background-color:rgba(225,225,225,0.5);
}

span.lesson-done{
    /* color: rgba(255,204,0, 1); */
    background-color: rgba(255,204,0, 0.1);
}

span.cancel{
    color: rgba(221, 0, 0, 0.7);
    background-color: rgba(221, 0, 0, 0.1);
}

span.day-cancel{
    color: rgba(221, 0, 0, 1);
    background-color: rgba(221, 0, 0, 0.1);
}

span.waiting-stay{
    background-color: rgba(51,204,153, 0.1);
    color: rgba(51,204,153, 1);
}

span.waiting-active{
    color: rgba(221, 0, 0, 0.7);
    background-color: rgba(221, 0, 0, 0.1);
}

span.waiting-closed{
    background-color:rgba(225,225,225,0.5);
}


.lesson-box li:nth-of-type(2n){background-color: rgba(247,247,247,1); }

  @media screen and (max-width: 640px) {


    .FooterL{
        background: rgba(28, 54, 100,0.2);
    }

    .login-right{

        border-top-color: rgba(210,210,210,1);
        border-bottom-color: rgba(210,210,210,1);

    }

   /* .radio-payment div:first-child{
        border-right-color: rgba(28, 54, 100,1);
    } */


    table.responsive tr,
    table.responsive.timeline tr,
    table.responsive-row tr {
     border-top-color: rgba(28, 54, 100,1);
    }

    table.responsive tbody tr:nth-of-type(even),
    table.responsive-row tbody tr:nth-of-type(even){
    background-color: rgba(255,255,255,1) !important;
    }


    }

.sat{color:#3366cc;}
.sun{color:#990000;}

span.signup_required{
    color: rgba(255,255,255,1);
    background-color: rgba(28, 54, 100,1);
}

span.user_reservelog_lessonurl_smartlock{
    background-color: rgba(28, 54, 100,0.05);
}
span.pointoutdate{
    color: rgba(28, 54, 100,1);
    border: 3px solid rgba(28, 54, 100,1);

    display: none;
}
.alert,span.Alert,span.Alert.ex{

    color: #DD0000;
    border: 3px solid #DD0000;
    font-weight: bold;
    padding: 0.5em 1em;
    display: none;

}
.alert.active,span.Alert.active{
    display: block;
}


.header-fixed-table tr:nth-of-type(odd) {
    background-color: rgba(240,240,235,0.5);
  }
  div.table-wrapper .header-fixed-table th {
    /* background: rgba(28, 54, 100,0.8); */
    /* background: rgba(28, 54, 100,0.3); */
    background-color: rgba(246,246,246,1);
  }
  div.table-wrapper th:nth-of-type(1) {
    background-color: rgba(240,240,235,1);
    -webkit-box-shadow: 2px 0px 4px -1px rgba(0,0,0,0.31);
    -moz-box-shadow: 2px 0px 4px -1px rgba(0,0,0,0.31);
    box-shadow: 2px 0px 4px -1px rgba(0,0,0,0.31);
  }

  .header-fixed-table th {
    background: rgba(28, 54, 100,0.4);
    color: #222;

  }

  div.table-wrapper .header-fixed-table th {

    -webkit-box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.21);
    -moz-box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.21);
    box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.21);
  }

  .header-fixed-table th {
    border: 1px solid #ccc;
    border-right: 1px solid #777;
  }
  div.table-wrapper .header-fixed-table td {
    border: 1px solid #ccc;
  }
    div.table-wrapper .header-fixed-table td {
        border-right: 1px solid #777;
      }  
div.table-wrapper .header-fixed-table td:nth-child(1) {
  background-color: rgba(255,255,255,1);
  -webkit-box-shadow: 2px 0px 4px -1px rgba(0,0,0,0.31);
  -moz-box-shadow: 2px 0px 4px -1px rgba(0,0,0,0.31);
  box-shadow: 2px 0px 4px -1px rgba(0,0,0,0.31);

}

.reservelt-image span{
  background-color: rgba(255,255,255,1);
}
.reservelt-image:hover span{
  background-color:rgba(28, 54, 100,1);
  color: rgba(255,255,255,1);
  transition:all .2s;
}

.flexslider .slides li{
    background-color:rgba(28, 54, 100,0.1);
}

/* start select */

::selection {background-color:rgba(28, 54, 100,1); color:rgba(255,255,255,1); }
::-moz-selection {background-color:rgba(28, 54, 100,1); color:rgba(255,255,255,1); }



/* Let's get this party started */
::-webkit-scrollbar {

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    width: 5px;
    height:5px;
}
 
/* Track */
::-webkit-scrollbar-track {

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3); 
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {

      -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: rgba(153,153,153,0.8); 
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {

      -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  background: rgba(153,153,153,0.4); 
}

/*
    radius setting
*/

a.submit-btn,button[type="submit"],button[type="button"],
.link-btn, .link-btn.reservation, .link-btn.cancel, .link-btn.unrated, .information-link-btn,
.link-btn.release,.link-btn.inline-block,
div.category ul li select,
div.radio-wrapper input + label,
.link-group a span,
p.directdebitregist span
{
    border-radius: 30px;
}

.fc-button-group > button[type="button"]{
    border-radius:inherit;
}

.fc-button-group > button[type="button"].fc-corner-left{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.fc-button-group > button[type="button"].fc-corner-right{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}


.top-nav-style02 li a,
.top-nav li a,
input[type='text'],
input[type='password'],
input[type='radio'],
select,
div.datapicker-box .Reserve0MainContPD [type='text'],
div.search .Reserve0MainContPD select,
div.search .Reserve0MainContPD [type='text'],
div.search .Reserve0MainContPD [type='chexkbox'],
div.category ul li,
div.search ul li,
div.radio-wrapper,div.checkbox02.select-box,
.ui-datepicker-trigger,
.login .alert,
.list-box > li,
.payjs-outer 
{
    border-radius: 20px;
}




/*
    callendar setting
*/



.fc .fc-button-primary {
    color: rgba(28, 54, 100,1);
background-color: rgba(255,255,255,1);
border-color: rgba(28, 54, 100,1);
}
.fc .fc-button-primary:hover {
color: rgba(255,255,255,1);
background-color: rgba(28, 54, 100,1);
border-color: rgba(28, 54, 100,1);
}

.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active {
    color: rgba(255,255,255,1);
background-color: rgba(28, 54, 100,1);
border-color: rgba(28, 54, 100,1);
box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.4);
-moz-box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.4);
-webkit-box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.4);
-o-box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.4);
-ms-box-shadow: 0px 2px 6px 0px rgba(28, 54, 100,0.4);
}

.fc .fc-button-primary:disabled {
    color: rgba(28, 54, 100,0.65);
border-color: rgba(28, 54, 100,0.65);
background-color: rgba(252,248,227,1);
}


.fc-toolbar h2{
    color: rgba(28, 54, 100,1);
    font-size: 1.25em;
}

.callenderOneWeek ul li{

    border: 1px solid #ccc;
    border-right:none;
}
.callenderOneWeek ul li a{
    color: #444;
}
.callenderOneWeek ul li:last-child{
    border-right: 1px solid #ccc;
}
.callenderOneWeek ul li:hover{

background-color: rgba(28, 54, 100,0.15);

}
.callenderOneWeek ul li:hover a{
    color: rgba(28, 54, 100,1);
}

.callenderOneWeek ul li.active{
color: rgba(255,255,255,1);
background-color: rgba(28, 54, 100,1);

}
.callenderOneWeek ul li.active a span.sat,
.callenderOneWeek ul li.active a span.sun,
.callenderOneWeek ul li.active a{
    color: rgba(255,255,255,1);
}

.payjs-outer{
    background-color: rgba(252,248,227,1);
    border: 2px solid rgba(210,210,210,1);
    border-top-color:rgb(118, 118, 118);
    border-left-color:rgb(133, 133, 133);
}

.PayjpElement--focus{
    
    border: 2px solid rgba(0,0,0,1);

	background-color:rgba(28, 54, 100,1);

}
.PayjpElement--invalid{
background-color: rgba(28, 54, 100,0.1);
border-color: rgba(28, 54, 100,1);
border-top-color:rgb(118, 118, 118);
    border-left-color:rgb(133, 133, 133);

}

.PayjpElement--complete{
background-color: rgba(28, 54, 100,0.1);
border-color: rgba(28, 54, 100,1);
    border-top-color:rgb(118, 118, 118);
    border-left-color:rgb(133, 133, 133);

}

.scroll-container{
border-color: rgba(28, 54, 100,1);
background-color: rgba(252,248,227,0.5);
}


.scroll-container.read-complete{
    border-color: rgba(0,0,0,0.2);
    background-color: rgba(28, 54, 100,0);
    color: rgba(28, 54, 100,0.95);
    border-color: rgba(28, 54, 100,0.5);
}


.form-table-box.change li div.read-text{
    background-color: rgba(28, 54, 100,1);
    border-color:rgba(28, 54, 100,1);
    color: rgba(255,255,255,1);
}
.form-table-box.change li div.read-text span.read-text{
    color: rgba(28, 54, 100,1);
    background-color: rgba(255,255,255,1);
    border-color: rgba(28, 54, 100,1); 
}

.read-text-complete{
    color: rgba(28, 54, 100,1);
    background-color: rgba(28, 54, 100,0.1);
    border-color: rgba(28, 54, 100,1);
}

.form-table-box.change li div.read-text-complete.active span.read-complete{
    color: rgba(255,255,255,1);
    background-color: rgba(28, 54, 100,1);
    border-color: rgba(28, 54, 100,0.5); 
}

#cua3_msg{
    color: rgba(28, 54, 100,1);
}

@keyframes border-blink {
  0% {
      border: 3px solid rgba(28, 54, 100,1);

  }
  100% {
    border: 3px solid rgba(28, 54, 100,0.1);

  }
}

.form-table-box.change li div.cua3_msg_cont label{
    background-color: rgba(106, 168, 79,0.15);
}

.form-table-box.change li div.cua3_msg_cont label:hover{
    background-color: rgba(106, 168, 79,0.3);
}


.form-table-box.change li div.cua3_msg_cont label.inactive {
    background-color: rgba(0,0,0,0.1);
    border-color: rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.6);
}

.form-table-box.change li div.cua3_msg_cont label.inactive::before {
    color: rgba(0,0,0,0.6);
    background-color: rgba(0,0,0,0.15);
    border-color: rgba(0,0,0,0.1);
}



@media screen and (max-width: 640px) {
    
    .payjs-outer{
        background-color: rgba(252,248,227,1);
        border: 1px solid rgba(210,210,210,1);

    }

    .PayjpElement--focus{
        
        border: 1px solid rgba(0,0,0,1);

        background-color:rgba(28, 54, 100,1);

    }
    .PayjpElement--invalid{
    background-color: rgba(28, 54, 100,0.1);
    border-color: rgba(28, 54, 100,1);


    }

    .PayjpElement--complete{
    background-color: rgba(28, 54, 100,0.1);
    border-color: rgba(28, 54, 100,1);

    }

}

.class-status-block {
    background-color: rgba(255,255,255,1);
    border: 1px solid rgba(28, 54, 100,1);
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 20%);
}
.class-status-image{
    background-color: rgba(28, 54, 100,.1);
}
.class-status-box .class-status,
.class-status-box .class-tbname{
    color: rgba(28, 54, 100,1);
}
.class-status-box div{
border-bottom: 1px solid rgba(28, 54, 100,1);
}
.class-status-box{
    border-left: 1px solid rgba(28, 54, 100,1);
}