@charset "utf-8";
/* CSS Document */

.mag-box-container  h1{ font-size:22px !important;}

.mag-box.block-custom-content{ margin-bottom:22px !important;}

.page-title{ font-size:22px;}
.post-title.entry-title{ font-size:22px !important;}

#main-nav-menu #menu-header-menu li{
width:100%; height:100%;
}



#main-nav-menu #menu-header-menu > li{width:14.28%;}


#main-nav-menu #menu-header-menu > li:nth-child(1){ width:12.28% !important; }
#main-nav-menu #menu-header-menu > li:nth-child(2){ }
#main-nav-menu #menu-header-menu > li:nth-child(3){ width:13.28% !important;}
#main-nav-menu #menu-header-menu > li:nth-child(4){ width:13.28% !important;}
#main-nav-menu #menu-header-menu > li:nth-child(5){ }
#main-nav-menu #menu-header-menu > li:nth-child(6){ width:16.28% !important;}
#main-nav-menu #menu-header-menu > li:nth-child(7){ width:16.28% !important; }




#main-nav-menu #menu-header-menu-vnm > li{width:14.28%;}


#main-nav-menu #menu-header-menu-vnm > li:nth-child(1){ width:12% !important;}
#main-nav-menu #menu-header-menu-vnm > li:nth-child(2){ width:19% !important;}
#main-nav-menu #menu-header-menu-vnm > li:nth-child(3){ width:13% !important;}
#main-nav-menu #menu-header-menu-vnm > li:nth-child(4){ width:12% !important;}
#main-nav-menu #menu-header-menu-vnm > li:nth-child(5){ width:14% !important;}
#main-nav-menu #menu-header-menu-vnm > li:nth-child(6){ width:16% !important;}
#main-nav-menu #menu-header-menu-vnm > li:nth-child(7){ width:14% !important; }


#main-nav-menu #menu-header-menu-jp > li{width:14.28%;}


#main-nav-menu #menu-header-menu li:nth-child(1) a{ 
background:url(../images/menu/menu1.png) no-repeat; background-position: 20px center; background-size:auto 70%; text-indent:50px;
}

#main-nav-menu #menu-header-menu li:nth-child(2) a{ 
background:url(../images/menu/menu2.png) no-repeat; background-position: 20px center; background-size:auto 70%; text-indent:55px;
}


#main-nav-menu #menu-header-menu li:nth-child(3) a{ 
background:url(../images/menu/menu3.png) no-repeat; background-position: 20px center; background-size:auto 70%; text-indent:60px;
}


#main-nav-menu #menu-header-menu li:nth-child(4) a{ 
background:url(../images/menu/menu4.png) no-repeat; background-position: 20px center; background-size:auto 60%; text-indent:40px;
}


#main-nav-menu #menu-header-menu li:nth-child(5) a{ 
background:url(../images/menu/menu5.png) no-repeat; background-position: 20px center; background-size:auto 60%; text-indent:50px;
}


#main-nav-menu #menu-header-menu li:nth-child(6) a{ 
background:url(../images/menu/menu6.png) no-repeat; background-position: 20px center; background-size:auto 60%; text-indent:55px;
} 


#main-nav-menu #menu-header-menu li:nth-child(7) a{ 
background:url(../images/menu/menu7.png) no-repeat; background-position: 20px center; background-size:auto 55%; text-indent:45px;
}







#main-nav-menu #menu-header-menu-vnm li:nth-child(1) a{ 
background:url(../images/menu/menu1.png) no-repeat; background-position: 20px center; background-size:auto 70%; text-indent:50px;
}

#main-nav-menu #menu-header-menu-vnm li:nth-child(2) a{ 
background:url(../images/menu/menu2.png) no-repeat; background-position: 20px center; background-size:auto 70%; text-indent:55px;
}


#main-nav-menu #menu-header-menu-vnm li:nth-child(3) a{ 
background:url(../images/menu/menu3.png) no-repeat; background-position: 20px center; background-size:auto 70%; text-indent:60px;
}


#main-nav-menu #menu-header-menu-vnm li:nth-child(4) a{ 
background:url(../images/menu/menu4.png) no-repeat; background-position: 20px center; background-size:auto 60%; text-indent:40px;
}


#main-nav-menu #menu-header-menu-vnm li:nth-child(5) a{ 
background:url(../images/menu/menu5.png) no-repeat; background-position: 20px center; background-size:auto 60%; text-indent:50px;
}


#main-nav-menu #menu-header-menu-vnm li:nth-child(6) a{ 
background:url(../images/menu/menu6.png) no-repeat; background-position: 20px center; background-size:auto 60%; text-indent:55px;
} 


#main-nav-menu #menu-header-menu-vnm li:nth-child(7) a{ 
background:url(../images/menu/menu7.png) no-repeat; background-position: 20px center; background-size:auto 55%; text-indent:45px;
}





#main-nav-menu #menu-header-menu-jp li:nth-child(1) a{ 
background:url(../images/menu/menu1.png) no-repeat; background-position: 20px center; background-size:auto 70%; text-indent:50px;
}

#main-nav-menu #menu-header-menu-jp li:nth-child(2) a{ 
background:url(../images/menu/menu2.png) no-repeat; background-position: 20px center; background-size:auto 70%; text-indent:55px;
}


#main-nav-menu #menu-header-menu-jp li:nth-child(3) a{ 
background:url(../images/menu/menu3.png) no-repeat; background-position: 20px center; background-size:auto 70%; text-indent:60px;
}


#main-nav-menu #menu-header-menu-jp li:nth-child(4) a{ 
background:url(../images/menu/menu4.png) no-repeat; background-position: 20px center; background-size:auto 60%; text-indent:40px;
}


#main-nav-menu #menu-header-menu-jp li:nth-child(5) a{ 
background:url(../images/menu/menu5.png) no-repeat; background-position: 20px center; background-size:auto 60%; text-indent:50px;
}


#main-nav-menu #menu-header-menu-jp li:nth-child(6) a{ 
background:url(../images/menu/menu6.png) no-repeat; background-position: 20px center; background-size:auto 60%; text-indent:55px;
} 


#main-nav-menu #menu-header-menu-jp li:nth-child(7) a{ 
background:url(../images/menu/menu7.png) no-repeat; background-position: 20px center; background-size:auto 55%; text-indent:45px;
}


#main-nav-menu #menu-header-menu li:nth-child(1) li a,
#main-nav-menu #menu-header-menu li:nth-child(2) li a,
#main-nav-menu #menu-header-menu li:nth-child(3) li a,
#main-nav-menu #menu-header-menu li:nth-child(4) li a,
#main-nav-menu #menu-header-menu li:nth-child(5) li a,
#main-nav-menu #menu-header-menu li:nth-child(6) li a,
#main-nav-menu #menu-header-menu li:nth-child(7) li a{ text-indent:0px; background-image:none; background:#333; color:#FFF !important; border-bottom:#FFF solid 1px;}





#main-nav-menu #menu-header-menu-vnm li:nth-child(1) li a,
#main-nav-menu #menu-header-menu-vnm li:nth-child(2) li a,
#main-nav-menu #menu-header-menu-vnm li:nth-child(3) li a,
#main-nav-menu #menu-header-menu-vnm li:nth-child(4) li a,
#main-nav-menu #menu-header-menu-vnm li:nth-child(5) li a,
#main-nav-menu #menu-header-menu-vnm li:nth-child(6) li a,
#main-nav-menu #menu-header-menu-vnm li:nth-child(7) li a{ text-indent:0px; background-image:none; background:#333; color:#FFF !important; border-bottom:#FFF solid 1px;}




#main-nav-menu #menu-header-menu-jp li:nth-child(1) li a,
#main-nav-menu #menu-header-menu-jp li:nth-child(2) li a,
#main-nav-menu #menu-header-menu-jp li:nth-child(3) li a,
#main-nav-menu #menu-header-menu-jp li:nth-child(4) li a,
#main-nav-menu #menu-header-menu-jp li:nth-child(5) li a,
#main-nav-menu #menu-header-menu-jp li:nth-child(6) li a,
#main-nav-menu #menu-header-menu-jp li:nth-child(7) li a{ text-indent:0px; background-image:none; background:#333; color:#FFF !important; border-bottom:#FFF solid 1px;}




.header-menu .menu li{ white-space:nowrap; }

.main-menu .menu > li.tie-current-menu > a::after{ width:0px; height:0px; background-color:none; display:none;}


#logo{margin-top:25px !important;}
.lang-box{ float:right; width:100px;}
.topbar-wrapper{ padding-top:5px; padding-bottom:5px;}
.lang-trigger{ text-indent:-9999px; background:url(../images/menu/language.png) no-repeat; background-position:center center; background-size:auto 100%; }


.top-menu.header-menu a{ font-weight:bold; padding-left:30px; padding-right:30px;}
.top-menu.header-menu a:hover,.top-menu.header-menu a:active,.top-menu.header-menu a:focus{ font-weight:bold; color:#000 !important;}
header .current-menu-item a{ color:#000 !important;}

header .stream-item{margin: 10px 0 !important;}

#go-to-top{ bottom:80px; right:37px;}



.footer-menu li li{ padding-left:0px;  text-align:left;}
.footer-menu .sub-menu{ padding-left:0px; padding-right:0px;}
.footer-menu .sub-menu li{padding-left:0px; margin-left:0px; }
.footer-menu .sub-menu li a{ padding-left:0px; padding-right:0px; margin-left:0px; }



.footer-menu { margin-left:0px !important; }
.footer-menu .sub-menu{display:block;}
.footer-menu .sub-menu li{display:block; float:none; margin-left:0px; margin-right:0px; text-align:left; }

.menu-item-has-children>a:before, .mega-menu>a:before{ display:none;} 



.footer-menu .menu .sub-menu a{ padding:0px !important; margin-left:0px; margin-right:px; }

.footer-menu .menu>.menu-item-has-children:not(.is-icon-only)>a, .menu .mega-menu:not(.is-icon-only)>a{ padding-right:0px !important;}


.footer-menu li:nth-child(1){ width:9%;}
.footer-menu li:nth-child(2){ width:9%;}
.footer-menu li:nth-child(3){ width:11%;}
.footer-menu li:nth-child(4){ width:11%;}
.footer-menu li:nth-child(5){ width:12%;}
.footer-menu li:nth-child(6){ width:9%;}
.footer-menu li:nth-child(7){ width:11%;}
.footer-menu li:nth-child(8){ width:12%;}
.footer-menu li:nth-child(9){ width:12%;}


#menu-footer-menu-vnm li:nth-child(1){ width:10%;}
#menu-footer-menu-vnm li:nth-child(2){ width:9%;}
#menu-footer-menu-vnm li:nth-child(3){ width:13%;}
#menu-footer-menu-vnm li:nth-child(4){ width:11%;}
#menu-footer-menu-vnm li:nth-child(5){ width:11%;}
#menu-footer-menu-vnm li:nth-child(6){ width:10%;}
#menu-footer-menu-vnm li:nth-child(7){ width:12%;}
#menu-footer-menu-vnm li:nth-child(8){ width:11%;}
#menu-footer-menu-vnm li:nth-child(9){ width:11%;}



.footer-menu li{margin:0px 1px !important;}
.footer-menu .sub-menu li{ width:100%; text-align:center;}
.footer-menu .menu li a{ font-weight:bold !important; color:#000 !important; border-bottom:#000 solid 1px;}
.footer-menu .sub-menu li a{ font-weight:normal !important; border-bottom:none;}
.footer-menu{padding-bottom:20px;}



#menu-footer-menu-vnm li{margin:0px 1px !important;}
#menu-footer-menu-vnm .sub-menu li{ width:100%; text-align:center;}
#menu-footer-menu-vnm .menu li a{ font-weight:bold !important; color:#000 !important; border-bottom:#000 solid 1px;}
#menu-footer-menu-vnm .sub-menu li a{ font-weight:normal !important; border-bottom:none;}
#menu-footer-menu-vnm{padding-bottom:20px;}










.footer-title-text{ max-width:500px; padding-top:20px; margin:auto;}
footer .app {max-width:550px; display:block; margin:auto;}
footer .app li{width:50%; padding-left:5px; padding-right:5px; display:inline-block; float:left;}
footer .copyright{ color:#000;}

.more-link.button.load-more{ width:100%; text-align:center; padding-top:15px; padding-bottom:15px; font-size:14px; display:block; margin-top:-5px;}


.top-menu.header-menu li a{ color:#000 !important; padding-left:20px; padding-right:20px; }


.lang-trigger{ cursor:pointer;}
.lang-box{position:relative;}
.lang-box ul{position:absolute; left:0px; top:40px; width:100%; background:#333; text-align:center; }

header .header-menu .menu .sub-menu a{padding-top:12px !important; padding-bottom:12px !important;}

.lang-box .acordion_tree li a{color:#FFF !important; border-bottom:#FFF solid 1px !important; display:block; width:100%;}





.main-nav.header-nav.fixed-unpinned #sticky-logo{display:none !important;}

.main-nav.header-nav.fixed-pinned #sticky-logo{display:none !important;}


#go-to-top{ background-color:transparent !important; width: 50px; height: 50px; right: 28px; } 



.go-to-top-button .fa.fa-angle-up{ background:url('../images/toppage.png'); background-position: center;
background-repeat: no-repeat;
text-indent: -99999px;
background-size: 50px;
display: block;
height: 50px;
background-color:transparent;
width: 50px;
}



.about-author.container-wrapper{ display:none !important;}

.sp_only{display:none;}


.clear-fix{ clear:both;}

.cattop-load-more{ margin-top:30px;}

#mobile-menu-icon{ left:15px !important;}

 
.side-aside {
	
  left:0  !important;
  right:auto !important;
 
  transition: 0.5s cubic-bezier(0.55, 0, 0.1, 1) 0s;
  -webkit-transform: translate3d(-350px, 0, 0) !important;
          transform: translate3d(-350px, 0, 0) !important;
  
}

.side-aside.search-bar {	

  left:auto  !important;
  right:0 !important; 
  
  -webkit-transform: translate3d(350px, 0, 0) !important;
  transform: translate3d(350px, 0, 0) !important;
  
}

#g_navi_sp{display:none;}


.mag-box-container h1 {
    font-size: 21px !important;
    font-weight: lighter;
    text-align: center;
}

.more-link{margin-bottom:20px !important; margin-top: 0px !important;}

.top-menu.header-menu{display:none;}

.group-box-search{ 

 	width:0%;
    overflow:hidden;
	
    -webkit-transition: width 500ms ease-in, opacity 1s ease-out;
    -moz-transition: width 500ms ease-in, opacity 1s ease-out;
    -o-transition: width 500ms ease-in, opacity 1s ease-out;
    transition: width 500ms ease-in, opacity 1s ease-out;

}


#mobile-search-icon.right{ display:none;}

#go-to-top{ bottom : -200px ;

}


#go-to-top.active{
	 opacity: 1;
	
	display:block;
	transition: all 0.25s ease;
	 


}



.post-widget-thumbnail .post-thumb .post-cat-wrap{display:none !important;}
	
	
	
	
@media  (min-width : 992px) and (max-width : 1179px) {
	
	
	
	#main-nav-menu #menu-header-menu-vnm li:nth-child(1) a,
	#main-nav-menu #menu-header-menu-vnm li:nth-child(2) a,
	#main-nav-menu #menu-header-menu-vnm li:nth-child(3) a,
	#main-nav-menu #menu-header-menu-vnm li:nth-child(4) a,
	#main-nav-menu #menu-header-menu-vnm li:nth-child(5) a,
	#main-nav-menu #menu-header-menu-vnm li:nth-child(6) a,
	#main-nav-menu #menu-header-menu-vnm li:nth-child(7) a,
	#main-nav-menu #menu-header-menu-vnm li:nth-child(8) a,
	#main-nav-menu #menu-header-menu-vnm li:nth-child(9) a{font-size:10px !important;  padding:0 12px; }
	
	
	
	#main-nav-menu #menu-header-menu li:nth-child(1) a,
	#main-nav-menu #menu-header-menu li:nth-child(2) a,
	#main-nav-menu #menu-header-menu li:nth-child(3) a,
	#main-nav-menu #menu-header-menu li:nth-child(4) a,
	#main-nav-menu #menu-header-menu li:nth-child(5) a,
	#main-nav-menu #menu-header-menu li:nth-child(6) a,
	#main-nav-menu #menu-header-menu li:nth-child(7) a,
	#main-nav-menu #menu-header-menu li:nth-child(8) a,
	#main-nav-menu #menu-header-menu li:nth-child(9) a{font-size:10px !important;  padding:0 12px; }
}


@media  (min-width : 1180px) and (max-width : 1225px) {
	
	
	
	
	#main-nav-menu #menu-header-menu-vnm li:nth-child(1) a,
	#main-nav-menu #menu-header-menu-vnm li:nth-child(2) a,
	#main-nav-menu #menu-header-menu-vnm li:nth-child(3) a,
	#main-nav-menu #menu-header-menu-vnm li:nth-child(4) a,
	#main-nav-menu #menu-header-menu-vnm li:nth-child(5) a,
	#main-nav-menu #menu-header-menu-vnm li:nth-child(6) a,
	#main-nav-menu #menu-header-menu-vnm li:nth-child(7) a,
	#main-nav-menu #menu-header-menu-vnm li:nth-child(8) a,
	#main-nav-menu #menu-header-menu-vnm li:nth-child(9) a{font-size:12px !important; }
	
	
	
	#main-nav-menu #menu-header-menu li:nth-child(1) a,
	#main-nav-menu #menu-header-menu li:nth-child(2) a,
	#main-nav-menu #menu-header-menu li:nth-child(3) a,
	#main-nav-menu #menu-header-menu li:nth-child(4) a,
	#main-nav-menu #menu-header-menu li:nth-child(5) a,
	#main-nav-menu #menu-header-menu li:nth-child(6) a,
	#main-nav-menu #menu-header-menu li:nth-child(7) a,
	#main-nav-menu #menu-header-menu li:nth-child(8) a,
	#main-nav-menu #menu-header-menu li:nth-child(9) a{font-size:12px !important; }
}

.stream-item-in-post.aligncenter{padding-top:10px; padding-bottom:15px;}




@media screen and (min-device-width : 320px) and (max-device-width : 767px) {
	
	
.stream-item-top-wrapper{display:none !important;}
	
	
	
.smt-active { background:#FFF !important;position: relative;  }

.smt-active:after {
    position: absolute;
    bottom: -3px;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    background-color: #fff100;
}

	
	
#main-nav-menu .sub-menu.menu-sub-content li:nth-child(1){ display:block !important;}	
	

.group-box-search.show{
	width:calc( 100% - 53px );	
}
	
	
.group-box-search input[type='text']{
	
font-size:16px;

	
}	
	

#mobile-search-icon.right{
	right:15px !important;
	left:auto !important;	
	display: none;
    z-index: 1;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);  
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    transition: 0.3s;
    width: 33px !important;
    display: block;	
	cursor:pointer;
}

#mobile-search-icon.right.active{
	background: #eebb1c;
    color: #FFF;
}

	

#g_navi_sp{display:block; border-top:#FFF solid 1px;}	


.logo-container.no-shadow{ box-shadow: none;}
	
	



.mobile-sec-menu li{
    position: relative;
    padding: 5px 0;
	text-align:center;
	background:#fff100;
	border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}


.mobile-sec-menu li a{ font-weight:bold; font-size:12px !important;}



#g_navi_sp .slick-list{width:100% !important;}


.tie-col-md-8.stream-item{ position:initial !important;}





#g_navi_sp li{ float:left;}
#g_navi_sp .mobile-sec-menu { border-bottom: 3px solid #dcdcdc;}


.mobile-sec-menu .menu{ width:9999px; overflow-x: hidden;}
.mobile-sec-menu .menu.nofix{ width:auto; overflow-x:visible; }

.mobile-sec-menu .menu.nofix .slick-list{ overflow:visible;}

.mobile-sec-menu li{ padding-left:10px; padding-right:10px; width:auto; display:inline-block; position:relative;


}

.mobile-sec-menu a:active,.mobile-sec-menu a:focus{ color:#000;}

.mobile-sec-menu li ul.sub-menu{ display:none;}


.mobile-sec-menu #menu-secondry-nav-menu-vnm-1 li a{ font-size:10px !important;}

	



.mobile-sec-menu li ul {


    width: 100%;
    position: absolute;
    top: 33px;
    left: 0;
    background: #fff100;
    z-index: 99999;
    -webkit-transform: translate3d(0, 0, 10px);
    transform: translate3d(0, 0, 10px);
	

}

.mobile-sec-menu li ul{
	border-bottom:1px solid #dcdcdc; 
}

.mobile-sec-menu li ul li{ display:block; background:#fff100; float:none !important; border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;}


	
	
.mag-box-container  h1{ font-size: 12px !important;
    font-weight: normal !important;
    line-height: 1.6em; text-align:center;}
	
h1{ font-size:20px;}
.offline, .online{ right:0px !important;}
#go-to-top{ /*bottom:72px;*/ right:21px !important;}
.dark-skin #mobile-menu li a{ color:#FFF !important;}
#mobile-search{padding-bottom:50px; }

#theme-header #logo{ margin-left:0px !important; margin-right:0px !important;}

.footer-menu{ width:100%;}


.footer-title-text{ max-width:240px;}
footer .app{max-width:270px;}
footer .copyright{padding-bottom:50px; padding-top:10px; font-size:16px;}
footer .sub-menu{ display:none;}
footer .menu-item-object-category{width:50%; float:left; display:block;  }
.footer-menu li{width:49% !important; display:block;}

.footer-menu li a{ border-bottom:none !important; }

.footer-menu .sub-menu{ display:none; }




.footer-menu li:nth-child{ font-weight:bold !important; }
.footer-menu li:nth-child(9){  display:none !important; }

#footer #site-info{ background:#FFF !important;}

#menu-footer-menu-vnm li{margin:0px !important; margin-bottom: 2vw !important;}


.footer-menu ul{ margin-left:-2vw; margin-right:-2vw;}

.footer-menu li{ 
   
    width:50% !important;
    padding-left: 1vw;
    padding-right: 1vw;
    box-sizing: border-box;
    margin-bottom: 2vw !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
	
}

.footer-menu li a {
	float:left;
	
	width: 100% !important;
    display: block;
    background-color: #fff100;
    line-height: 1;
    padding: 4vw 0;
    text-align: center;
	
}

.copyright{ background-color:#fff100 !important;}

.sp_only{display:block;}




#footer_sub_navi li {
    padding: 0 2vw;
}

#footer_sub_navi ul{ -webkit-justify-content: center;
    justify-content: center !important; margin-bottom:25px;}

#footer_sub_navi li a{ font-weight:bold; color:#000;}

#footer_sub_navi .flex{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.footer-title-text{
    width: 56vw;
    margin: 0 auto 2vw;
    padding-bottom: 1vw;
    border-bottom: 1vw solid #fff100;
    font-size: 1px;
	line-height:5px;
	margin-bottom:10px;
}

#footer .site-info a{ color:#000 !important;}

#mobile-menu-icon{ width:25px !important;}
 
	
}