.tab{display:flex;flex-wrap:wrap;}
.tab-label{padding:20px 0px;order:-1;cursor:pointer;text-align:center;}
.tab-content{width:100%;display:none;margin-top:10px;}
.tab-switch{display:none;}
.tab-switch:checked+.tab-label{background:#FFF;color:#000;border-bottom:1px #FFF solid;font-weight:bold;}
.tab-switch:checked+.tab-label+.tab-content{display:block;}
.tab4{width:24.7%;}
.tab5{width:19.6%;}
.tab6{width:16.0%;margin:3px 0.2%;}
.tab7{width:calc(14% - 3px);margin-right:3px;}
.tab8{width:calc(12.2% - 3px);margin-right:3px;}
.tab_area{width:19.0%;margin-right:0.6%;margin-bottom:5px;}
@media screen and (max-width:650px){
	.tab4{width:23.0%;font-size:90%;}
	.tab5{width:19.0%;font-size:90%;}
	.tab6{width:23.5%;font-size:90%;}
	.tab7{width:23.5%;font-size:90%;}
	.tab8{width:23.5%;font-size:90%;}
	.tab_area{width:18.5%;font-size:90%;}
}

.tab_orange{color:#592a00;background:#fff1e4;border:1px #f8a300 solid;}
.tab_grey{color:#666;background:#EEE;border:1px #CCC solid;}
.tab_yellow{color:#666;background:#EEE;border:1px #CCC solid;}

.tab-label-small{padding:13px 0px;order:-1;cursor:pointer;text-align:center;border-radius:5px;}
.tab-switch:checked+.tab-label-small{background:#e06900;color:#FFF;font-weight:bold;}
.tab-switch:checked+.tab-label-small+.tab-content{display:block;}

.tab-label-area{padding:20px 0px;order:-1;cursor:pointer;text-align:center;}
.tab-switch:checked+.tab-label-area{background:#FFF;color:#000;font-weight:bold;}
.tab-switch:checked+.tab-label-area+.tab-content{display:block;}