@charset "utf-8";
/* CSS Document */

/* フライト情報 */

.article__kokutai_trafficbox{
margin: 0 0 20px 0;
}

.kokutai_traffic{
display: none;
}

#traffic_tab1:checked ~ #kokutai_traffic_01{
display: block;
}

#traffic_tab2:checked ~ #kokutai_traffic_02{
display: block;
}


.article__kokutai_trafficbox input[type="radio"] {
display: none;
}

.article__kokutai_trafficbox label {
width: 49.5%;
display: inline-block;
color: #364558;
background-color: #dedede;
cursor: pointer;
padding: 7px 1.5% 5px 1%;
text-align: center;
box-sizing: border-box;
}

.article__kokutai_trafficbox label:hover{
color: #364558;
background-color: #cbcbcb;
}

.article__kokutai_trafficbox input[type="radio"]:checked + label {
color: #FFF;
background-color: #0159ac;
}

.traffic_tab1{
border-radius: 5px 5px 0 0;
margin-right: 1%;
}

.traffic_tab2{
border-radius: 5px 5px 0 0;
}

.kokutai_traffic_table{
width: 100%;
margin-bottom: 10px;
max-width: 100%;
border-collapse: collapse;
border-spacing: 0;
font-size: 90%;
text-align: center;
background: #fff;
}

.kokutai_traffic_table_th{
background: #364558;
padding: 7px 7px 4px 7px;
color: #fff;
}

.kokutai_traffic_table td{
padding: 1%;
border-right: 1px solid #dddddd;
width: 14.6%;
}

.kokutai_traffic_table td:last-child{
border-right: none;
}

.kokutai_traffic_table tr:nth-child(odd){
background: #ebf4f7;
}

.kokutai_traffic_table td figure{
margin: 0 auto;
max-height: 30px;
width: 70%;
}

.kokutai_traffic_table td figure img{
display: block;
}

/*size:480px以下
----------------------------------------------------*/
@media screen and (max-width:480px){

.article__kokutai_trafficbox label{
width: 49.5%;
padding: 7px 1% 5px 1%;
}

.kokutai_traffic_table td figure{
width:auto;
}
}