@charset "UTF-8";

/* 
------------------------------------------------------------*/


/*** タブリスト ***/
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-top: 10px;
    text-align: center;
    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%;
    width:20%;
    font-weight: normal;
}

ul.panels{
    padding: 0 5px;
}


}


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

ul.panels{
    padding: 0;
}

}


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




}


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


}


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


}