@charset "utf-8";


/*タブ切り替え-------------------------------------*/


.tab_wrap{width:100%; margin:0 auto;}
input[type="radio"]{display:none;}
.tab_area{font-size:0; margin:0 0px;}
.tab_area label{width:50%; margin:0px; display:inline-block; padding:12px 0; color:#999; background:#ddd; text-align:center; text-decoration: underline; font-size:13px; cursor:pointer; transition:ease 0.2s opacity;}
.tab_area label:hover{opacity:1;}
.panel_area{background:#fff;}
.tab_panel{width:100%; padding:12px 0; display:none;}
.tab_panel p{font-size:16px; letter-spacing:1px;/* text-align:center;*/}
 
#tab1:checked ~ .tab_area .tab1_label{background:#7fc127; color:#fff; font-weight:bold;}
#tab1:checked ~ .panel_area #panel1{display:block;}

#tab2:checked ~ .tab_area .tab2_label{background:#8F6446; color:#fff; font-weight:bold;}
#tab2:checked ~ .panel_area #panel2{display:block;}







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


}