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

.content_html .w1000{
    background: #fff;
    padding: 0 50px 50px 50px;
    font-size: 0;    
}



.year_block .year_2020{
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    display: block;
    margin: 0 auto;
    width: 9em;
    text-align: center;
    background: #d8b81e;
    color: #fff;
    border-radius: 10px;
}
.year_block form{
}
.year_block form select{
    display: block;
    margin: 0 auto;
    width: 9em;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding:0 0 0 2.5em;
    border: none;
    background: #d8b81e;
    color: #fff;
    border-radius: 10px;
}




.content_html .tab_wrap{
    width:1000px; 
    margin:30px auto;
}
.content_html input[type="radio"]{display:none;}
.content_html .tab_area{font-size:0; margin:0;}
.content_html .tab_area label{
    width:7.3%; 
    margin:0 1% 0 0;
    display:inline-block; 
    padding:12px 0; 
    color:#fff; 
    background:#e8dca3; 
    text-align:center; 
    font-size:13px; 
    cursor:pointer; 
    transition:ease 0.2s opacity;
    font-size: 18px;
}
.content_html .tab_area label.no_choise{
    background: #888;
    pointer-events: none;
    color: #bbb;
}
.content_html .tab_area label:hover{opacity:0.5;}
.content_html .tab_area label.no_choise:hover{
    opacity:1;
    cursor: inherit;
}
.content_html .panel_area{background:#fefcf5;}
.content_html .tab_panel{
    width:100%; 
    display:none;
}
 
.content_html #tab1:checked ~ .tab_area .tab1_label{background:#fefcf5; color:#e0c50a; font-weight: bold; pointer-events: none;}
.content_html #tab1:checked ~ .panel_area #panel1{display:block;}
.content_html #tab2:checked ~ .tab_area .tab2_label{background:#fefcf5; color:#e0c50a; font-weight: bold; pointer-events: none;}
.content_html #tab2:checked ~ .panel_area #panel2{display:block;}
.content_html #tab3:checked ~ .tab_area .tab3_label{background:#fefcf5; color:#e0c50a; font-weight: bold; pointer-events: none;}
.content_html #tab3:checked ~ .panel_area #panel3{display:block;}
.content_html #tab4:checked ~ .tab_area .tab4_label{background:#fefcf5; color:#e0c50a; font-weight: bold; pointer-events: none;}
.content_html #tab4:checked ~ .panel_area #panel4{display:block;}
.content_html #tab5:checked ~ .tab_area .tab5_label{background:#fefcf5; color:#e0c50a; font-weight: bold; pointer-events: none;}
.content_html #tab5:checked ~ .panel_area #panel5{display:block;}
.content_html #tab6:checked ~ .tab_area .tab6_label{background:#fefcf5; color:#e0c50a; font-weight: bold; pointer-events: none;}
.content_html #tab6:checked ~ .panel_area #panel6{display:block;}
.content_html #tab7:checked ~ .tab_area .tab7_label{background:#fefcf5; color:#e0c50a; font-weight: bold; pointer-events: none;}
.content_html #tab7:checked ~ .panel_area #panel7{display:block;}
.content_html #tab8:checked ~ .tab_area .tab8_label{background:#fefcf5; color:#e0c50a; font-weight: bold; pointer-events: none;}
.content_html #tab8:checked ~ .panel_area #panel8{display:block;}
.content_html #tab9:checked ~ .tab_area .tab9_label{background:#fefcf5; color:#e0c50a; font-weight: bold; pointer-events: none;}
.content_html #tab9:checked ~ .panel_area #panel9{display:block;}
.content_html #tab10:checked ~ .tab_area .tab10_label{background:#fefcf5; color:#e0c50a; font-weight: bold; pointer-events: none;}
.content_html #tab10:checked ~ .panel_area #panel10{display:block;}
.content_html #tab11:checked ~ .tab_area .tab11_label{background:#fefcf5; color:#e0c50a; font-weight: bold; pointer-events: none;}
.content_html #tab11:checked ~ .panel_area #panel11{display:block;}
.content_html #tab12:checked ~ .tab_area .tab12_label{background:#fefcf5; color:#e0c50a; font-weight: bold; pointer-events: none;}
.content_html #tab12:checked ~ .panel_area #panel12{display:block;}




.content_html .one_block{
    display: inline-block;
    font-size: 0;
    vertical-align: top;
    width: 425px;
    margin-top: 50px;
}
.content_html .one_block:nth-child(odd){
    margin-right: 50px;
}
.content_html .one_block .date{
    text-align: right;
    color: #d8b81e;
    font-weight: bold;
    font-size: 14px;
}
.content_html .one_block a{
    display: inline-block;
    vertical-align: top;
    border: 5px solid #f2e08b;
    box-sizing: border-box;
    transition: all 0.3s ease-out;
}
.content_html .one_block a.first_img_big{
    width: 100%;
    height: 260px;
}
.content_html .one_block a.img_half{
    width: 50%;
    height: 140px;
}
.content_html .one_block a:hover{
    border: 5px solid #d8b81e;
    transition: all 0.3s ease-out;
}

.content_html .one_block .text{
    /*background: #fbf5db;*/
    font-size: 16px;
    padding: 10px 0;
}









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

            .content_html .w1000{
                background: #fff;
                padding: 1px 10px 50px 10px;
                box-sizing: border-box;
                /*margin-top: 50px;*/
            }
            
            
            .content_html .tab_wrap{
                width:100%; 
                /*margin:30px auto;*/
                box-sizing: border-box;
            }
            .content_html input[type="radio"]{display:none;}
            .content_html .tab_area{font-size:0;margin-left: 2%;}
            .content_html .tab_area label{
                width:7.2%; 
                margin:0 1% 0 0;
                /*display:inline-block;*/ 
                /*padding:12px 0;*/ 
                /*color:#aaa;*/ 
                /*background:#ddd;*/ 
                /*text-align:center;*/ 
                /*cursor:pointer;*/ 
                transition:none;
                font-size: 3.3vw;

            }
            .content_html .tab_area label:hover{opacity:1;}
            /*.panel_area{background:#fff;}*/
            .content_html .tab_panel{
                /*width:100%;*/ 
                /*display:none;*/
            }

/*            #tab1:checked ~ .tab_area .tab1_label{background:#fff; color:#e0c50a; font-weight: bold;}
            #tab1:checked ~ .panel_area #panel1{display:block;}
            #tab2:checked ~ .tab_area .tab2_label{background:#fff; color:#e0c50a; font-weight: bold;}
            #tab2:checked ~ .panel_area #panel2{display:block;}*/
            
            
            .content_html .one_block{
                display: block;
                /*font-size: 0;*/
                /*vertical-align: top;*/
                width: 100%;
                margin-top: 50px;
            }
            .content_html .one_block:nth-child(odd){
                margin-right: 0;
            }
            .content_html .one_block .date{
                text-align: right;
                /*color: #d8b81e;*/
                /*font-weight: bold;*/
                font-size: 3vw;
            }
            .content_html .one_block a{
                /*display: inline-block;*/
                width: 80%;
                margin: 0 auto;
                /*border: 5px solid #f2e08b;*/
                /*box-sizing: border-box;*/
                /*transition: all 0.3s ease-out;*/
            }
            .content_html .one_block a.first_img_big{
                /*width: 100%;*/
                height: 54vw;
            }
            .content_html .one_block a.img_half{
                /*width: 50%;*/
                height: 30vw;
            }
            /*.one_block a:hover > img{
                border: 5px solid #d8b81e;
                transition: all 0.3s ease-out;
            }*/

            .content_html .one_block .text{
                /*background: #fbf5db;*/
                /*padding: 10px 0;*/
                font-size: 3.5vw;
            }
            
}