@charset "UTF-8";

/* 
------------------------------------------------------------*/
.calendar{border-collapse:collapse;width:100%}
.calendar caption{padding-bottom:6px;font-size:15px}
 
.calendar th,.calendar td{font-size:16px;border:1px solid #bbb;text-align:center;line-height:30px}
 
.calendar th{background:#ddedf8;}
.calendar th:first-child{color:#f30;}
.calendar th:last-child{color:#03c;}
.calendar td div{text-align:center}

.y8 {background:#fffbcc;}
.y10 {background:#f9e7e2;}
.y18 {background:#e2f9e7;}
.y24 {background:#e4f0b8;}
.y30 {background:#b5855e;}

.today{background:#fffbcc}
.saturday{background:#f3f9fd;}
.sunday{background:#fff5f2;}
.holiday{background:#fff5f2;}
 
.calendar td a{text-decoration:underline;display:block;width:100%;}
.calendar td a:hover{background:#fe814d;color:#fff;text-decoration:none}
.calendar td a:active{background:#f30;}

/* */
.cal-fee {border-collapse:collapse;width:20%}
.cal-fee td {padding: 5px;font-size:15px;border:1px solid #ffffff;text-align:;line-height:10px}

.cal-ava {border-collapse:collapse;width:20%; margin-bottom: 10px;}
.cal-ava th {text-align: right}
.cal-ava td {padding: 5px;font-size:15px;border:1px solid #ffffff;text-align:;line-height:10px}


/*** タブリスト ***/
ul.tabs li{
    list-style: none;
    float: left;
    border-top: 1px solid #DCE3E5;
    border-left: 1px solid #DCE3E5;
    border-right: 1px solid #DCE3E5;
    width:12%;
    margin-left:2%;
    line-height: 250%;
    font-weight: bold;
}

ul.tabs li a{
    display: block;
    text-decoration: none;
    text-align: center;
    color: #000;
}

ul.tabs li.active a{
    background-color: #DCE3E5;
    color:#000;
}



ul.panels{
    clear:both;
    margin-bottom: 30px;
    padding:3% 2%;
    border: 5px solid #DCE3E5;
    position: relative;
    /*top:-1px;
    z-index: -1;*/
}

ul.panels > li.panel {
  display: none;
}


ul.panels > li.panel.active {
  display: block;
}




/* ########### 359px以下 ########### */
@media (max-width: 359px) {


}


/* ########### 599px以下 ########### */
@media (max-width: 599px) {

ul.tabs li{
    font-size: 80%;
    font-weight: normal;
}

.cal-ava {width:50%;}

}


/* ########### 600px以上 ########### */
@media (min-width: 600px) {



}


/* ########### 600px以上～767px以下 ########### */
@media (min-width: 600px) and (max-width: 767px) {

.cal-ava {width:41%;}

}


/* ########### 768px以上 ########### */
@media (min-width: 768px) {


}


/* ########### 1190px以上 ########### */
@media (min-width: 1190px) {


}