/*
#container{
	background-image: url(./images/bgk.jpg);
	background-repeat: repeat-x;
	background-size: 1500px;
	background-position: center 740px;
}
@media screen and (max-width: 767px) {
	#container{
		background-image: url(./images/bgk_sp.jpg);
		background-repeat: repeat-y;
		background-size: 100%;
		background-position: center 30vw;
	}
}
*/
.container_cus{
	background-image: url(./images/bgk_2.jpg);
	background-repeat: repeat-y;
	background-size: 1500px;
	background-position: center top;
	display: block;
	margin:0 auto;
	padding:0 0 150px 0;
	width: 100%;
}



.pop_container_noprof .total_login_box .login_button_m li.login_button_m_login a{
	padding:12px 10px !important;
}

#an_headerIN #en ul{

}
#an_headerIN #en ul li a{
	font-weight: bold;
	color:#000;
}
#an_headerIN #en ul li:nth-child(1) a{
	color:#000;
}
#an_headerIN #en ul li:nth-child(2) a{
	color:#999;
	font-weight: normal;
}
#an_headerIN #en ul li:nth-child(3) a{
	color:#999;
	font-weight: normal;
}
#an_headerIN #ja ul li:nth-child(2) a{
	color:#000;
	font-weight: bold;
}
#an_headerIN #ja ul li:nth-child(1) a{
	color:#999;
	font-weight: normal;
}
#an_headerIN #ja ul li:nth-child(3) a{
	color:#999;
	font-weight: normal;
}
#an_headerIN #zh-cn ul li:nth-child(3) a{
	color:#000;
	font-weight: bold;
}
#an_headerIN #zh-cn ul li:nth-child(2) a{
	color:#999;
	font-weight: normal;
}
#an_headerIN #zh-cn ul li:nth-child(1) a{
	color:#999;
	font-weight: normal;
}



@media screen and (max-width: 767px) {
	.container_cus{
		background-image: url(./images/bgk_sp_2.jpg);
		background-repeat: repeat-y;
		background-size: 100%;
		background-position: center top;
		display: block;
		margin:0 auto;
		padding:0 0 10vw 0;
		width: 100%;
	}
}

#div2{
	min-height: 600px;
}
.more_link{
	display: none;
}

/*for pc*/
body,html,*,p,h1,h2,h3,h4,h5,h6,span,em{
	
}
#an_header {
    position: relative;
    padding: 5px 0;
    border-bottom: 0;
    background: #fff;
}
#wrap{
	maargin:0 auto;
	display: block;
}

/*-----------------header*/
#an_headerIN{
    display: table;
    width: 100%;
    text-align: left;
    padding: 0;
    margin: 0 auto;
}
#an_headerIN h1{
    display: inline-block;
    width: 32%;
    vertical-align:middle;
    text-align: left;
    margin:10px auto 10px 4%;
}
#an_header h1 img{
	display: block;
}
#an_headerIN .langLink{
    display: inline-block;
    width: 58%;
    vertical-align:middle;
    text-align: right;
    margin-right: auto;
}
#an_headerIN .langLink ul{}
#an_headerIN .langLink ul li{
    display: inline-flex;
    margin:auto;
    text-align: center;
}
#an_headerIN .headerLink{
    display: none;
    width: 0;
    vertical-align:middle;
    text-align: right;

}

#wrap{
	margin:0 auto;
}
#push{
	height: auto;
}
.not_affiliated {
    text-align: center;
    font-size: 12px;
    margin: -30px auto 0 auto;
    z-index: 2;
    position: relative;
}
#footer {
    padding: 30px 0;
    margin: 0 auto;
    font-size: 13px;
    border-top: 0;
    background-color: #000;
    color: #fff;
}
#footer .footerLink a {
    display: inline-block;
    color: #fff;
    margin: auto 10px;
    font-size: 16px;
}
.not_affiliated{
	display: none;
}
#footer .poweredBy a{
	color: #fff;
}
#footer{
	height: auto;
}
#footer .copyright{
	color: #fff;
	padding:0;
	margin:10px auto auto;
}
#footer .poweredBy{
	display: none;
}

#footer .footerLink a:nth-child(1),
.headerLink,
.headerLink .headerLinkBox{
	display: none !important;
}
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}


/*common*/

.plese_vote,.guide_agreement_message{
	display: none;
}
.main_box_noimage{
	padding:0;
}
.main_image_mv{
	display: block;
	margin:0 auto 100px auto;
}
.main_image_mv img{
	display: block;
	margin:0 auto;
	padding:0;
	width: 100%;
}
.main_image_mv_pc{
	display: block;
	width: 100%;
	margin:0 auto;
	padding:0;
	background-repeat: no-repeat;
	background-size: 1500px;
	background-position: top center;
	height: 556px;
}
#timeline_list .social_likecount_list,
.postdetail .social_likecount_list{
	display: none !important;
}
.social_link{
	margin:0 auto 80px auto;
	display: block;
	padding:0;
}

#entry_button_area, #guide_link, #cancel_button_area, #confirm_button_area{
	min-width: auto;
}
#guide_link a {
    display: block;
    border: 0;
    padding: 0;
    font-size: 16px;
    color: #fff;
    width: 260px;
    line-height: 1;
    text-align: center;
    margin: auto auto 10px auto;
    background-color: #000;
    border-radius: 30px;
    padding: 18px 0;
    border: 1px solid #000;
}
#guide_link a:hover{
	color: #000;
	background-color: #fff;
	border: 1px solid #000;
	opacity: 1;
}

#guide_link a img{
	display: block;
	margin:0 auto;
	padding:0;
	width: 100%;
}

.main_caption{
	margin:auto;
	padding:0;
	display: block;
}
.main_caption h2 span{
	display: block;
}
.main_caption h2{
	margin:auto auto 50px auto;
	padding:0;
	display: block;
	font-size: 54px;
	font-weight: 700;
}
.main_caption h2 br{
	display: none;
}
.main_caption h2 span{
	font-size: 28px;
	font-weight: 600;
}
.main_caption h3{
	font-size: 28px;
	font-weight: 700;
	display: block;
	margin:80px auto 30px auto;
}

.main_caption p{
	font-size: 18px;
	line-height: 1.8;
	margin:0 auto 50px auto;
	display: block;
}

.main_caption p a{
	text-decoration: underline;
}

.main_caption.en p.smaller_text{
	font-size: 16px;
}


.en *,
.main_caption.en,
#guide_link.en a.guide_link,
.cat_menu.en li a.main_caption.en h2,
.main_caption.en h2 span,
.main_caption.en h3,
.main_caption.en p{
	font-family: 'Outfit', sans-serif !important;
}
.ja *,
.main_caption.ja,
#guide_link.ja a.guide_link,
.cat_menu.ja li a.main_caption.ja h2,
.main_caption.ja h2 span,
.main_caption.ja h3,
.main_caption.ja p{
	font-family: 'Noto Sans JP', sans-serif !important;
}
.zh-cn *,
.main_caption.zh-cn,
#guide_link.zh-cn a.guide_link,
.cat_menu.zh-cn li a.main_caption.zh-cn h2,
.main_caption.zh-cn h2 span,
.main_caption.zh-cn h3,
.main_caption.zh-cn p{
	font-family: 'Noto Sans SC', sans-serif !important;
}



.box_images_popup{
	display: block;
	margin:0 auto;
	padding:50px 0 0 0;
	width: 100%;
}


#youtube_player{
	margin:auto;
	padding:0;
	display: block;
	width: 100%;
	max-width: 730px;
	max-height: 410px !important;
}
.single_img{
	margin:auto;
	padding:0;
	width: auto;
}
.single_img img{
	width: auto;
	height: 400px;
	display: block;
}

#timeline {
    font-size: 12px;
    position: relative;
    overflow: hidden;
    max-width: auto;
    min-width: 100%;
    margin: auto;
    width: 100%;
    display: table;
}
#timeline_list {
    display: block;
    width: 100%;
    max-width: 1280px;
    margin: auto;
    padding:0;
}

#timeline_list .box {
    display: inline-table;
    width: 17.8%;
    vertical-align: top;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    _background-color: red;
}
#timeline_list .box_content{
	width: auto;
	margin:0 0 40px 10px;
}
#timeline_list .box_content .post_pic img{
	height: auto !important;
}
#testmode{
	margin:0 auto;
}
@media screen and (max-width: 767px) {
	#an_headerIN h1{
		margin:1vw auto 1vw 3vw;
	}
	#an_header h1 img{
		display: block;
		max-width: none;
		max-height: none;
		width: 12vw;
	}
	#an_headerIN .langLink{
		width: 55%;
	}
	.main_image_mv{
		margin: 0 auto 10vw auto;
	}
	.social_link{
		margin:0 auto 8vw auto;
	}
	.box_images_popup{
		padding:8vw 0 0 0;
	}
	#footer{
		padding:6vw 0;
		font-size: 4vw;
	}
	#footer .footerLink a{
		font-size: 3.6vw;
	}
	#footer .copyright{
		font-size: 2.6vw;
	}
	.main_caption h2 br{
		display: block;
	}
	

}

.next_prev_box{
	background-color: transparent;
	position: absolute;
	z-index: 9;
	width: 980px;
	left: calc(50% - 490px);
	top: 40%;
	display: table;
}
#detail_prev_link{
	display: inline-block;
	width: 30px;
	text-align: left;
	float: left;
}
#detail_next_link{
	display: inline-block;
	width: 30px;
	text-align: right;
	float: right;
}
.next_prev_box a img{
	display: block;
	margin:0 auto;
	padding:0;
	width: auto;
	height: 44px;
}
#detail_popup{
	width: 900px !important;
	left: calc(50% - 450px);
}

#detail_popup #container .btn_close {
    padding: 0;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 9;
}
.batsu::before, .batsu::after{
	background:#000;
	height: 1px;
}
.batsu {
    width: 24px;
    height: 24px;
}

.postdetail .postdetail_r{
	float: none;
	width: 90%;
	height: auto;
	padding: 40px 0 50px 0;
	margin-bottom: auto;
	margin:auto;
	text-align: center;
}
.postdetail .postdetail_r .post_title{
	font-size: 22px;
	margin:auto auto 10px auto;
	line-height: 1.8;
	font-weight: bold;
}
.postdetail .postdetail_r .post_message {
    font-size: 16px;
    margin: auto;
    line-height: 1.8;
}
#detail_popup .votedetail_v_iine{
	margin: auto;
}
.postdetail .social_action_block .like_checked a .social_likecount_list{
	display: none !important;
}
.postdetail .social_action_block a span.nk_like{
    margin:auto;
    padding:0;
    display: block;
    width: 175px;
    background-color: #000;
    color: #fff;
    border-radius: 40px;
    font-size: 18px;
    font-weight: 400;
    padding: 16px 0;
    line-height: 1;
    border: 1px solid #000;
}
.postdetail .social_action_block a:hover span.nk_like{
	background-color: #fff;
	color: #000;
	border: 1px solid #000;
	border-radius: 40px;
	opacity: 1;
	background: transparent;
}
.postdetail .social_action_block a span.nk_like_active{
    margin:auto;
    padding:0;
    display: block;
    width: 175px;
    background-color: #ccc;
    color: #fff;
    border-radius: 40px;
    font-size: 18px;
    font-weight: 400;
    padding: 16px 0;
    line-height: 1;
    border: 1px solid #999;
}
.postdetail .social_action_block a:hover span.nk_like_active{
	background-color: #fff;
	color: #000;
	border: 1px solid #666;
	border-radius: 40px;
	opacity: 1;
	background: transparent;
}


.postdetail .social_action_block .social_action_loader, .postdetail .social_action_block a{
		padding: 0;
		background: transparent;
		text-align: center;
		display: table;
		line-height: 1;
		margin: auto;
}
.postdetail .social_action_block a:hover{
	background-color: transparent;
	opacity: .90;
}





#contest_tab{}
#area_tab{
	margin: 0 auto 50px auto;
	width: 100%;
	text-align: center;
}
#area_tab ul{
	display: table;
	width: 100%;
	max-width: 1200px;
	margin:0 auto;
	padding:0;
}
#area_tab ul li{
	display: inline-block;
	border: 1px solid #000;
	width: 33.111%;
	padding:0;
	background-color: #fff;
}
#area_tab ul li a{
	font-size: 20px;
	padding:16px 0;
	width: 100%;
	display: block;
}
#area_tab ul li a.select_link{
	background-color: #000;
	color: #fff;
}
#area_tab ul li:nth-child(1){
	border-right: 0;
}
#area_tab ul li:nth-child(2){
	border-right: 0;
}
#area_tab ul li:nth-child(3){
	
}

.thanks_img{}
.thanks_img img{
	width: 80%;
	margin:auto;
}
.pop_container_s h2, .pop_container h2{
	margin-top: 0;
}


/*====================================================================
slick
====================================================================*/
.postdetail{
	background-color: #fff;
	background: #fff;
	color: #000;
}
.sliderArea {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 25px;
}
.sliderArea.w300 {
  max-width: 300px;
}
.slick-slide {
  margin: 0 5px;
}
.slick-slide img {
  width: 100%;
  height: auto;
}
.slick-prev, .slick-next {
  z-index: 1;
}

.slick-prev:before, .slick-next:before {
  color: transparent;
}


.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}
.slick-active {
  opacity: 1;
}
.slick-current {
  opacity: 1;
}
.thumb {
  margin: 20px 0 0;
}
.thumb .slick-slide {
  cursor: pointer;
}
.thumb .slick-slide:hover {
  opacity: .7;
}

/*--------------------------------- 
slider ----------------------------*/

.slider-nav{
	margin: auto;
	width: 420px;
}
.slick-next{
	right: -150px !important;
}
.slick-prev{
	left: -150px !important;
}
.slick-prev, .slick-next {
    width: 32px !important;
    height: 32px !important;
    top: -200px;
}


.slick-prev:before, .slick-next:before{
	font-size: 0;
}

.slick-next{
    background-image: url('./images/icon_next_photo.png');
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: center;
}
[dir='rtl'] .slick-next
{
    background-image: url('./images/icon_prev_photo.png');
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: center;
}

.slick-prev{
    background-image: url('./images/icon_prev_photo.png');
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: center;
}
[dir='rtl'] .slick-prev
{
    background-image: url('./images/icon_next_photo.png');
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: center;
}
.slider img {
    width: 100%;
    height: 50px;
    object-fit: cover;
}
.nav_lager_image{
	margin:0 auto 30px auto;
}
.nav_lager_image img{
	height: 360px;
	width: auto !important;
	margin:auto;
	display: block;
}
.nav_small_image img{
	height: 50px;
	width: auto;
	margin: auto;
}
.slick-dots{
	display: none !important;
}
.slick-prev:hover{
	background: transparent;
	background-color: transparent;
	background-image: url('./images/icon_prev_photo.png');
	background-repeat: no-repeat;
	background-size: 32px;
	background-position: center;
}
.slick-next:hover{
	background: transparent;
	background-color: transparent;
	background-image: url('./images/icon_next_photo.png');
	background-repeat: no-repeat;
	background-size: 32px;
	background-position: center;
}


@media screen and (max-width: 767px) {
	#container{
		padding:0;
		min-height: auto;
	}
	#main_box {
	    margin: 0 auto;
	    padding: 0;
	}
	.main_caption {
	    margin: auto;
	    padding: 0 6%;
	    display: block;
	}
	.main_caption h2 {
	    margin: auto auto 5vw auto;
	    padding: 0;
	    display: block;
	    font-size: 11vw;
	    text-align: center;
	    line-height: 1.4;
	}
	.main_caption h2 span {
	    font-size: 6vw;
	    margin-bottom: 2vw;
	}
	.main_caption h3 {
	    font-size: 7vw;
	    display: block;
	    margin: 8vw auto 5vw auto;
	}
	.main_caption p{
		font-size: 4.1vw;
		margin: 0 auto 12vw auto;
	}
	.main_caption.en p.smaller_text {
	    font-size: 3.85vw;
	}
	#guide_link a {
	    display: block;
	    border: 0;
	    padding: 0;
	    font-size: 4vw;
	    color: #fff;
	    width: 70%;
	    line-height: 1;
	    text-align: center;
	    margin: 0 auto;
	    background-color: #000;
	    border-radius: 9vw;
	    padding: 4vw 0;
	    border: 1px solid #000;
	}
	#area_tab {
	    margin: 0 auto 10vw auto;
	    width: 84%;
	    text-align: center;
	}
	#area_tab ul {
	    display: table;
	    width: 100%;
	    margin: 0 auto;
	    padding: 0;
	}
	
	#area_tab ul li{
		border:1px solid #000;
		border-bottom: 0;
		border-right: 1px solid #000;
		width: 100%;
	}
	#area_tab ul li:nth-child(1) {
	    border-bottom: 0px solid #000;
	    border-right: 1px solid #000;
	}
	#area_tab ul li:nth-child(2) {
	    border-bottom: 0px solid #000;
	    border-right: 1px solid #000;
	}
	#area_tab ul li:nth-child(3) {
	    border-bottom: 1px solid #000;
	}
	#timeline_list{
		width: 100%;
	}
	#timeline_list .box .post_link{
		opacity: 1;
		background-color: rgba(255, 255, 255, 0.0001);
	}
	#timeline_list .box a.post_link:hover{
		background-color: transparent;
		opacity: 1;
	}
	#timeline_list .box {
	    display: inline-table;
	    width: 45%;
	    vertical-align: top;
	    margin: 0 auto;
	    padding: 0 0 3% 0;
	}
	#timeline_list .box .box_content{
		padding: 0;
		display: block;
		margin: 0 2% 3vw 2%;
  	}
	#detail_popup{
		width: 100% !important;
		left: 0;
	}
	.nav_lager_image{
		margin: 0 auto 30px auto;
		position: relative;
		height: 360px;
	}
	.nav_lager_image img{
		/*height: auto;
        max-height: none;
        width: auto;
        max-width: 80%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin: auto;
        left: 10%;*/
        height: auto;
        max-height: 360px;
        width: auto;
        max-width: 80%;
        position: relative;
        top: 0;
        transform: none;
        margin: auto;
        left: 0;
	}

	.nav_lager_image_sp{
		background-position: center center;
		height: 90vw;
		width: auto;
		max-width: 80%;
		margin:0 auto 5vw auto;
		padding:0;
		background-size: 60%;
		background-repeat: no-repeat;
		display: block;
		_background-size: contain;
	}
	.single_img_sp{
		background-position: center center;
		height: 300px;
		width: auto;
		max-width: 80%;
		margin:0 auto;
		padding:0;
		background-size: contain;
		background-repeat: no-repeat;
		display: block;
	}
	.single_img{
		margin: 0 auto;
		position: relative;
		height: 360px;
	}
	.single_img img{
		height: auto;
        _max-height: none;
        max-height: 360px;
        /*width: auto;
        max-width: 80%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin: auto;
        left: 10%;
        width: auto;*/
        max-width: 80%;
        position: relative;
        top: auto;
        transform: none;
        margin: auto;
        left: auto;
	}
	.postdetail .postdetail_r{
		padding: 5vw 0 10vw 0;
	}
	.next_prev_box {
	    position: absolute;
	    z-index: 9;
	    width: 50%;
	    left: 25%;
	    top: auto;
	    display: inline;
	    bottom: -10%;
	    margin: 0 auto;
	}
	.next_prev_box a img {
	    display: block;
	    margin: 0 auto;
	    padding: 0;
	    width: 8vw;
	}
	#detail_next_link {
	    width: 10vw;
	}
	#detail_prev_link {
	    width: 10vw;
	}

	#youtube_player {
	    margin: auto;
	    padding: 10vw 0 0 0;
	    display: block;
	    width: 90%;
	    height: auto;
	}
	/*
	.embedYt iframe {
	    position: relative;
	    top: 10vw;
	    right: auto;
	    width: 100% !important;
	    height: auto !important;
	}*/

	.youtube {
		  position: relative;
		  width: 100%;
		  padding-top: 56.25%;
	}
	.youtube iframe {
		  position: absolute;
		  top: 0;
		  right: 0;
		  width: 100%;
		  height: 100%;
	}
	.nav_small_image img{
		max-width: 98%;
	}
	.slick-slide{
		_margin:0 4vw;
	}
	.slider-nav {
	    margin: auto;
	    width: 80%;
	}
	.slick-prev, .slick-next {
	    width: 10vw !important;
	    height: 10vw !important;
	    top: -55vw;
	}
	.slick-prev {
    left: -8vw !important;
	}
	.slick-next {
    right: -8vw !important;
	}
	/*
	.slick-prev:before, .slick-next:before {
	    
	    color: transparent;
	}
	*/

	#detail_popup #container .btn_close {
	    top: 3vw;
	    right:3vw;
	}
	
	.batsu {
	    width: 5vw;
	    height: 5vw;
	}

	.thanks_title{
		padding:10vw 0 0 0;
	}
	.thanks_img{}
	.postdetail .postdetail_r .post_message {
	    margin: auto auto 2vw auto;
	}

}




/*==============
cat_menu
===============*/

.cat_menu{
    display: table;
    margin:0 auto 60px auto;
    text-align: center;
    width: 90%;
    max-width: 1300px;
    text-align: center;
}
.cat_menu li{
    display: inline-block;
    width: 49%;
    color: #fff;
    border: 1px solid #000;
    padding: 0;
    margin: 0 auto;
}

.cat_menu li a{
    color: #000;
    font-size: 18px;
    padding: 15px 0;
    background-color: #fff;
    display: block;
    line-height: 1;
    font-weight: 500;
}
.cat_menu a.active_cat{
    background-color: #000;
    color: #fff;
    display: block;
    font-weight: 900;
}
#div1 #ctg_1{
    display: block;
    padding-left: 40px;
}
#div1 #ctg_2{
    display: none;
}

#div2 #ctg_2{
    display: block;
    padding-left: 40px;
}
#div2 #ctg_1{
    display: none;
}
@media screen and (max-width: 767px) {
	.cat_menu{
		display: table;
		margin:0 auto 10vw auto;
	}
	.cat_menu li a{
		font-size: 4vw;
		padding: 4vw 0;
	}
	#div1 #ctg_1{
	    display: block;
	    padding-left: 0px;
	    margin-left: 4%;
	}

	#div2 #ctg_2{
	    display: block;
	    padding-left: 0px;
	    margin-left: 4%;
	}
}



/*add 20250806*/

#timeline_list .box {
	display: inline-table;
	width: 17%;
	max-width: 220px;
	vertical-align: top;
	margin: 0 1.0% 20px 1.0%;
	padding: 0;
	text-align: center;
}
.post_image{
	background: #000;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 140px;
}

#timeline_list .post_title {
	font-size: 14px;
	padding: 10px 0 0 0;
	margin-bottom: -3px;
	color: #fff;
	font-weight: bold;
	margin: 10px 0 0 10px;
	text-align: left;
	opacity: 0;
}
#timeline_list .post_message {
	font-size: 12px;
	padding: 0;
	margin: 5px 0 0 10px;
	color: #fff;
	text-align: left;
	opacity: 0;
}
/*
#timeline_list .box a:hover .post_title,
#timeline_list .box a:hover .post_message{
	opacity: 1;
}
*/
.postdetail video{
	width: auto !important;
	height: 420px;
	margin:20px auto auto;
	text-align: center;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

#div2 #ctg_2{
	margin-top: -30px;
}
@media screen and (max-width: 767px) {
	.cat_menu {
		margin: 0 auto 6vw auto;
	}
	#div2 #ctg_2 {
		display: block;
		padding-left: 0px;
		margin-left: 5%;
		text-align: left;
	}
	#div1 #ctg_1{
		padding-left: 0px;
		margin-left: 5%;
		text-align: left;
	}
	#timeline_list .box {
		width: 44.6%;
		margin: 0 4.0% 2vw auto;
		padding: 0;
		text-align: center;
	}
	.post_image{
		height: 30vw;
	}
	#timeline_list .post_title {
		font-size: 3vw;
	}
	#timeline_list .post_message {
		font-size: 2.6vw;
	}
	.postdetail video {
		margin: 3vw auto auto;
		width: 90% !important;
		height: auto;
	}
}

#footer .footerLink a:nth-child(1){
	display:inline-block !important;
}
@keyframes fadeIn {
	from {
	opacity: 0; /* Start completely transparent */
	}
	to {
	opacity: 1; /* End fully opaque */
	}
}
.force-show{
	animation: fadeIn 2s ease-in forwards;
}

#ctg_2 .box {
  opacity: 0;
  transition: opacity 1s ease-in;
}


#ctg_2 .box {
    opacity: 0;
    transition: opacity 1s ease-in-out;
	transform: translateY(30px);
}

#div1 #ctg_1,#div2 #ctg_2{
	padding-left: 20px;
}

#timeline_list {
    display: block;
    width: 1300px;
    max-width: none;
    margin: auto;
    padding: 0;
}
#timeline_list .box {
    display: inline-table;
    width: 220px;
    max-width: none;
    vertical-align: top;
    margin: 15px;
    padding: 0;
    text-align: center;
}
#ctg_1 .post_image{
	background-color: transparent;
	height: 124px;
    background-size: 100%;
}

#ctg_2 .post_image{
	height: 124px;
	background-size: contain;
}

#timeline_list .box{
	max-width: none;
}
@media screen and (max-width: 767px) {
	#timeline_list{
		width: 100%;
	}
	#timeline_list .box {
        width: 44.6%;
        margin: 0 4.0% 2vw auto;
        padding: 0;
        text-align: center;
    }
	#ctg_1 .post_image{
		height: 24vw;
		background-size: 100%;
	}

	#ctg_2 .post_image{
		height: 24vw;
	}
	#div1 #ctg_1,#div2 #ctg_2{
		padding-left: 0.6%;
	}
}


.guide pre{}
.guide pre h4{
	font-weight: bold;
	font-size: 20px;
	text-align: center;
}
.guide pre h5{
	font-weight: bold;
	font-size: 15px;
}

@media screen and (max-width: 767px) {
	.guide pre h4{
		font-size: 4vw;
	}
	.guide pre h4.en{
		font-size: 4.4vw;
	}
	.guide pre h4.jp{
		font-size: 5.2vw;
	}
	.guide pre h5{
		font-size: 3.6vw;
	}
}



/*move modal*/

/* Nút disable quen dùng */
#detail_pager .next_prev_box a.btn-disabled{
  pointer-events: none !important;
  opacity: 0 !important;
  filter: grayscale(100%) !important;
  cursor: default !important;
}
#detail_pager .next_prev_box a.btn-disabled img{ pointer-events: none !important; }

/* Ẩn hẳn Prev (thắng cả inline style) */
#detail_pager .next_prev_box a#detail_prev_link.hard-hide-prev{
  display: none !important;
}