.blue_bg{
    background: #ebf8fe;
    padding: 50px 0;
}

.content_html .w1000{
    background: #fff;
    padding: 50px 30px;
    margin-top: 50px;
}


/*.menu_block{
    background: #ebf8fe;
    padding: 40px 0 60px 0;
}*/




.tab_wrap{
    width:1000px; 
    margin:30px auto;
}
input[type="radio"]{display:none;}
.tab_area{font-size:0; margin:0 10px;}
.tab_area label{
    width:17%; 
    margin:0 10px; 
    display:inline-block; 
    vertical-align: bottom;
    padding: 12px; 
    color:#999; 
    background:#ddd; 
    text-align:center; 
    font-size:13px; 
    cursor:pointer; 
    transition:ease 0.2s opacity;
    font-size: 18px;
}
.tab_area.en_ver label{
    height: 3em;
    line-height: 3em;
}
.tab_area label:hover{opacity:0.5;}
.panel_area{background:#fff;}
.tab_panel{
    width:100%; 
    display:none;
    padding: 20px 150px;
    box-sizing: border-box;
}
 
#tab1:checked ~ .tab_area .tab1_label{background:#fff; color:#ed982e; font-weight: bold;}
#tab1:checked ~ .panel_area #panel1{display:block;}
#tab2:checked ~ .tab_area .tab2_label{background:#fff; color:#ed982e; font-weight: bold;}
#tab2:checked ~ .panel_area #panel2{display:block;}
#tab3:checked ~ .tab_area .tab3_label{background:#fff; color:#ed982e; font-weight: bold;}
#tab3:checked ~ .panel_area #panel3{display:block;}
#tab4:checked ~ .tab_area .tab4_label{background:#fff; color:#ed982e; font-weight: bold;}
#tab4:checked ~ .panel_area #panel4{display:block;}




.tab_panel table{
    width: 100%;
}
.tab_panel table tr{
    width: 100%;
}
.tab_panel table .name{
    width: 65%;
    font-size: 18px;
    font-weight: bold;
    color: #666;
}
.tab_panel table .fee{
    width: 15%;
}
.tab_panel table .td_img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20%;
    height: 130px;
}
.tab_panel table .td_img img{
    width: 100%;
    display: block;
}



.tab_panel .genre{
    background: #ed982e;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    margin:10px 0 20px 0;
    border-radius: 10px;
    font-weight: bold;
}




@media all and (max-width: 768px) {
            .blue_bg{
                /*background: #ebf8fe;*/
                padding: 30px 0;
            }

            .content_html .w1000{
                width: 94%;
                margin: 50px auto 0 auto;
                /*background: #fff;*/
                padding: 40px 15px;
                box-sizing: border-box;
            }
    
    
            
            
            .tab_wrap{
                width:95%; 
                /*margin:30px auto;*/
                box-sizing: border-box;
            }
            input[type="radio"]{display:none;}
            .tab_area
            {
                display: flex;
                font-size:0;
                justify-content: space-between;
                margin:0;
            }
            .tab_area label{
                margin: 0;
                padding: 10px 0;
                width: 24%;
                /*display:inline-block;*/ 
                /*padding:12px 0;*/ 
                /*color:#999;*/ 
                /*background:#ddd;*/ 
                /*text-align:center;*/ 
                transition:none;
                font-size: 3vw;
            }
            .tab_area label:hover{opacity:1;}
            /*.panel_area{background:#fff;}*/
            .tab_panel{
                /*width:100%;*/ 
                /*display:none;*/
                padding: 3px 15px;
                /*box-sizing: border-box;*/
            }
            


            .tab_panel table{
                /*width: 100%;*/
            }
            .tab_panel table tr{
                /*width: 100%;*/
            }
            .tab_panel table .name{
                width: 60%;
                font-size: 3.3vw;
                /*font-weight: bold;*/
                /*color: #666;*/
            }
            .tab_panel table .fee{
                width: 20%;
                font-size: 3.5vw;
                text-align: center;
            }
            .tab_panel table .td_img{
                width: 20%;
                height: 20vw;
            }
            .tab_panel table .td_img img{
                /*width: 100%;*/
                /*display: block;*/
            }



            .tab_panel .genre{
                /*background: #ed982e;*/
                /*color: #fff;*/
                /*text-align: center;*/
                /*padding: 10px 0;*/
                /*margin:10px 0 20px 0;*/
                /*border-radius: 10px;*/
                /*font-weight: bold;*/
                font-size: 3.5vw;
            }


            



}