@charset "utf-8";
@media screen and (max-width: 999px){
.wrapper .inner{
    width: 100%;
}
.mod{
    padding: 0 8px;
}
    .navi-slide-head{
    display: flex;
    height: 51px;
    align-items: center;
    padding: 0 8px;
    justify-content: space-between;
    box-sizing: border-box;
    color: #fff;
    font-size: 20px;
}
.navi-slide-head .navi-slide-arrow{
    width: 22px;
    height: 15px;
    background: url(../images/menu-icon-arrow-white.png)no-repeat center/100% 100%;
}
.wp-menu{
    display: none;
    padding: 0 8px;
}
.wp-menu .menu-item{
    float: none;
    display: block;
    position: relative;
}
.wp-menu .menu-item a.menu-link{
    padding: 0;
    line-height: 46px;
    font-size: 18px;
    border-bottom: 1px solid #ffffff4d;
    display: block;
    font-weight: normal;
}
.sub-menu{
    position: relative;
    top: 0;
    background: none;
}
.sub-menu .sub-item a{
    text-align: left;
    color: #FFF5C1;
    font-size: 15px;
    border-bottom: 1px solid #ffffff4d;
}
.menu-item.open .menu-switch-arrow{
    transform: rotate(90deg);
}
.menu-switch-arrow {display: inline-block;font-size: 20px;vertical-align:middle;color: #FFF5C1;font-family: cursive;position: absolute;line-height: 46px;z-index: 1;right: 0;top: 0;}
.wp-menu .menu-item.hover a.menu-link, .wp-menu .menu-item a.hover{
    color: #FFF5C1;
    background: none;
}
.post1 .tt .tit .title{
    font-size: 29px;
}
.main1 .post-11 .ul1{float: none;width: 100%;}
.main1 .post-11 .ul2{float: none;width: 100%;}
.main1 .post-11 ul li .news_title{
    font-size: 18px;
}
.main1 .post-11 .ul2 li .news_meta{
    font-weight: normal;
    margin-left: 10px;
}
.main1 .inner, .main3 .inner, .main4 .inner, .main5 .inner{
    padding: 30px 0;
}
 .post .tt .tit::before{
    display: none;
}
.post .tt .tit,.post .tt{
    text-align: left ! important;
}
.main3 .post-31 .con{
    padding-top: 20px;
}
.main3 .post-31 ul li{
    width: 50%;
    margin-bottom: 30px;
}
.main3 .post-31 ul li:last-child{margin-bottom:0}
.main4 .ml{float: none;width: 100%;}
.main4 .mr{float: none;width: 100%;}
.main5 .ml{float: none;width: 100%;}
.main5 .mr{float: none;width: 100%;}
.main5 .post-51 ul li .news_box{padding: 20px;margin: 0 10px;}
.main5 .post-51 ul{margin: 0 -10px;}
#l-container .inner{
    box-sizing: border-box;
}
.col_menu{
    float: none;
    width: 100%;
    margin: 0;
    /* display: none; */
    margin-bottom: 20px;
}
.col_news{
    float: none;
    width: 100%;
}
.col_news .col_news_box{
    margin: 0;
}
.infobox{
    padding: 20px 8px;
}
.column-switch{
    width: 22px;
    height: 15px;
    background: url(../images/menu-icon-arrow-white.png) no-repeat center / 100% 100%;
    display: block;
}
.col_menu .col_menu_head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 8px;
}
.col_menu .col_menu_con{
    display: none;
}
.col_menu .col_menu_head h3.col_name .col_name_text{padding: 0;}
.wp_paging .pages_count, .wp_paging .page_jump{
    display: none;
}
.article .entry .read img{
    max-width: 100%;
}
}
@media screen and (max-width:479px){
.main1 .post-11 .ul2 li{
    margin: 0 12px;
}
.main3 .post-31 ul li{
    width: 100%;
}
.main5 .post-51 ul li{width:100%}
#footer .inner {padding: 20px 0;position:relative;}
}