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

@media (min-width:980px){
	/*--- Overwrite Animax Asia Styling ---*/
	.background-override .container-fluid{
		width:1010px;
	}
}

@media (max-width:979px){
	/*--- Apply To All ---*/
	/* Main Container */
	.dangan_main_container{
		zoom:0.9;
		-moz-transform:scale(0.9);
		-moz-transform-origin:left top;
		-ms-zoom:0.9;
		-o-transform:scale(0.9);
		-o-transform-origin:0 0;
		-webkit-zoom:0.9;
		/*-webkit-transform:scale(1);*/
		-webkit-transform-origin:0 0;
	}
	
	/*--- character ---*/
	/* Overlay */
	.character_overlay_container{
		zoom:0.9;
		-moz-transform:scale(0.9);
		-moz-transform-origin:left top;
		-ms-zoom:0.9;
		-o-transform:scale(0.9);
		-o-transform-origin:0 0;
		-webkit-zoom:0.9;
		/*-webkit-transform:scale(1);*/
		-webkit-transform-origin:0 0;
	}
}

@media (max-width:899px){
	/*--- Apply To All ---*/
	/* Main Container */
	.dangan_main_container{
		zoom:0.8;
		-moz-transform:scale(0.8);
		-moz-transform-origin:left top;
		-ms-zoom:0.8;
		-o-transform:scale(0.8);
		-o-transform-origin:0 0;
		-webkit-zoom:0.8;
		/*-webkit-transform:scale(1);*/
		-webkit-transform-origin:0 0;
	}
	
	/*--- character ---*/
	/* Overlay */
	.character_overlay_container{
		zoom:0.8;
		-moz-transform:scale(0.8);
		-moz-transform-origin:left top;
		-ms-zoom:0.8;
		-o-transform:scale(0.8);
		-o-transform-origin:0 0;
		-webkit-zoom:0.8;
		/*-webkit-transform:scale(1);*/
		-webkit-transform-origin:0 0;
	}
}

@media (max-width:830px){
	/*--- General ---*/
	.desktop,
	.mobile_hide{
		display:none;
	}
	.mobile{
		display:block;
	}
	.mobile_inline{
		display:inline;
	}
	
	/*--- Apply To All ---*/
	/* Main Container */
	.dangan_main_container{
		zoom:1;
		-moz-transform:scale(1);
		-moz-transform-origin:left top;
		-ms-zoom:1;
		-o-transform:scale(1);
		-o-transform-origin:0 0;
		-webkit-zoom:1;
		/*-webkit-transform:scale(1);*/
		-webkit-transform-origin:0 0;
		font-size:18px;
		line-height:21px;
		width:100%;
		padding:0px 20px;
	}
	/* Mobile Container */
	.dangan_mobile_container{
	}
	/* Mobile Background */
	.dangan_mobile_bg{
		display:block;
	}
	/* Mobile Footer */
	.dangan_mobile_footer{
		display:block;
	}
	/* Menu */
	.dangan_menu{
		right:8%;
		width:68%;
	}
	/* Monokuma */
	.dangan_monokuma{
		position:static;
		width:45%;
		margin-top:-9%;
	}
	/* Logo */
	.dangan_logo{
		margin-top:-9%;
		padding-top:0px;
	}
	/* TX Information */
	.dangan_tx_container{
		background:#ec008c;
		width:auto;
		height:auto;
		padding:10px;
	}
	.dangan_tx_container span{
		font-size:11px;
		line-height:14px;
	}
	/* Copyright */
	.dangan_copyright{
		position:static;
		width:auto;
		padding:40px 40px 30px;
	}
	
	/*--- index.php ---*/
	/* Content */
	.dangan_main_container.home_main_container{
		/*background:#004149;*/
		background:none;
		font-size:22px;
		line-height:25px;
		min-height:0px;
		padding:0px;
	}
	.home_header.mobile_hide{
		display:none;
	}
	.dangan_mobile_bg.home_mobile_bg.home img:nth-child(1){
		display:block;
	}
	.dangan_mobile_bg.home_mobile_bg.future img:nth-child(2){
		display:block;
	}
	.dangan_mobile_bg.home_mobile_bg.despair img:nth-child(3){
		display:block;
	}
	.home_footer.mobile_hide{
		display:none;
	}
	.home_desc{
		padding:15% 20px 0px;
	}
	.home_character_left{
		/*display:none;*/
		width:20%;
		margin:8% 0px 0px 30%;
	}
	.home_character_right{
		/*display:none;*/
		width:20%;
		margin:8% 30% 0px 0px;
	}
	.home_character_left.mobile_hide,
	.home_character_right.mobile_hide{
		display:none;
	}
	/* Future Menu */
	.home_future_menu_container{
		background:none;
		position:relative;
		top:auto;
		left:auto;
		width:100%;
		height:auto;
		margin-top:8%;
	}
	.home_future_menu_container.mobile_show{
		display:block !important;
	}
	.home_character_left:hover ~ .home_future_menu_container{
		display:none;
	}
	.home_future_menu_logo{
		margin-top:0px;
		padding:0px 22% 0px 7%;
	}
	.home_future_menu_box.story{
		background:none;
		top:16%;
		right:12%;
		width:80%;
		height:auto;
	}
	.home_future_menu_box.character{
		background:none;
		top:26%;
		right:7%;
		width:79%;
		height:auto;
	}
	.home_future_menu_box.gallery{
		background:none;
		top:36.1%;
		right:4.5%;
		width:77%;
		height:auto;
	}
	.home_future_menu_box.video{
		background:none;
		top:46.3%;
		right:3.5%;
		width:80%;
		height:auto;
	}
	.home_future_menu_box.quiz{
		background:none;
		top:56.7%;
		right:7%;
		width:76%;
		height:auto;
	}
	.home_future_menu_box.contest{
		background:none;
		top:66.8%;
		right:8.5%;
		width:76%;
		height:auto;
	}
	.home_future_menu_box img:first-child{
		display:block;
	}
	.home_future_menu_box:hover img:first-child,
	.home_future_menu_box.active img:first-child{
		display:none;
	}
	.home_future_menu_box:hover img:last-child,
	.home_future_menu_box.active img:last-child{
		display:block;
	}
	.home_future_menu_character{
		top:0px;
		width:30%;
		cursor:pointer;
	}
	.home_future_menu_character_mobile{
		display:block;
		margin-top:-13%;
	}
	/* Despair Menu */
	.home_despair_menu_container{
		background:none;
		position:relative;
		top:auto;
		right:auto;
		width:100%;
		height:auto;
		margin-top:8%;
	}
	.home_despair_menu_container.mobile_show{
		display:block !important;
	}
	.home_character_right:hover ~ .home_despair_menu_container{
		display:none;
	}
	.home_despair_menu_logo{
		margin-top:0px;
		padding:0px 7% 0px 22%;
	}
	.home_despair_menu_box.story{
		background:none;
		top:16%;
		left:6%;
		width:80%;
		height:auto;
	}
	.home_despair_menu_box.character{
		background:none;
		top:26.3%;
		left:3.2%;
		width:78%;
		height:auto;
	}
	.home_despair_menu_box.gallery{
		background:none;
		top:37.4%;
		left:1.9%;
		width:76%;
		height:auto;
	}
	.home_despair_menu_box.video{
		background:none;
		top:48.3%;
		left:3%;
		width:76%;
		height:auto;
	}
	.home_despair_menu_box.quiz{
		background:none;
		top:58.6%;
		left:1.4%;
		width:76%;
		height:auto;
	}
	.home_despair_menu_box.contest{
		background:none;
		top:70.5%;
		left:4.4%;
		width:76%;
		height:auto;
	}
	.home_despair_menu_box img:first-child{
		display:block;
	}
	.home_despair_menu_box:hover img:first-child,
	.home_despair_menu_box.active img:first-child{
		display:none;
	}
	.home_despair_menu_box:hover img:last-child,
	.home_despair_menu_box.active img:last-child{
		display:block;
	}
	.home_despair_menu_character{
		top:0px;
		width:30%;
		cursor:pointer;
	}
	.home_despair_menu_character_mobile{
		display:block;
		margin-top:-15%;
	}
	/* Copyright */
	.home_main_container .dangan_copyright{
		padding:40px 60px 30px;
	}
	
	/*--- story ---*/
	/* Content */
	.dangan_main_container.story_main_container{
		background:none;
		min-height:0px;
	}
	.story_main_container .dangan_menu{
		top:5%;
	}
	.story_content_left_future{
		width:100%;
		float:none;
	}
	.story_content_right_future{
		width:auto;
		margin:25px 40px 0px;
		text-align:center;
		float:none;
	}
	.story_content_left_despair{
		width:auto;
		margin:25px 40px 0px;
		text-align:center;
		float:none;
	}
	.story_content_right_despair{
		width:100%;
		float:none;
	}
	.story_desc{
		width:auto;
		margin:20px 90px 0px;
	}
	
	/*--- character ---*/
	/* Content */
	.dangan_main_container.character_main_container{
		background:none;
		min-height:0px;
	}
	.character_main_container .dangan_menu{
		top:5%;
	}
	.character_content_container{
		max-width:558px;
		margin:15px auto 0px;
	}
	.character_content_container ul li{
		background:none;
		width:100%;
		max-width:275px;
		height:auto;
	}
	.character_content_container ul li:nth-child(3n){
		margin-right:8px;
	}
	.character_content_container ul li:nth-child(2n){
		margin-right:0px;
	}
	.character_content_container ul li .char_box img:nth-child(1){
		display:block;
	}
	.character_content_container ul li:hover .char_box img:nth-child(1){
		display:none;
	}
	.character_content_container ul li:hover .char_box img:nth-child(2){
		display:block;
	}
	/* Overlay */
	.character_overlay_container{
		zoom:1;
		-moz-transform:scale(1);
		-moz-transform-origin:left top;
		-ms-zoom:1;
		-o-transform:scale(1);
		-o-transform-origin:0 0;
		-webkit-zoom:1;
		/*-webkit-transform:scale(1);*/
		-webkit-transform-origin:0 0;
		width:80%;
		margin:auto;
	}
	
	/*--- gallery ---*/
	/* Content */
	.dangan_main_container.gallery_main_container{
		background:none;
		min-height:0px;
	}
	.gallery_main_container .dangan_menu{
		top:10.5%;
	}
	.gallery_content_container{
		background:none;
		min-height:0px;
	}
	.gallery_carousel_big{
		display:none !important;
	}
	.gallery_carousel_small{
		width:90%;
		margin:auto;
	}
	.gallery_carousel_small_box:hover .gallery_carousel_small_box_img div,
	.gallery_carousel_small.owl-carousel .owl-item.synced .gallery_carousel_small_box .gallery_carousel_small_box_img div{
		display:none;
	}
	/* Overwrite OWL Carousel 'Left' & 'Right' Navigation */
	.gallery_carousel_small.owl-carousel .owl-controls .owl-buttons div .gallery_carousel_left_small,
	.gallery_carousel_small.owl-carousel .owl-controls .owl-buttons div .gallery_carousel_right_small{
		top:40%;
	}
	
	/*--- video.php ---*/
	/* Content */
	.dangan_main_container.video_main_container{
		background:none;
		min-height:0px;
	}
	.video_main_container .dangan_menu{
		top:10%;
	}
}

@media (max-width:680px){
	/*--- story ---*/
	/* Content */
	.story_main_container .dangan_menu{
		top:4%;
	}
	.story_content_right_future,
	.story_content_left_despair{
		margin:25px 0px 0px;
	}
	.story_desc{
		margin:20px 50px 0px;
	}
	
	/*--- character ---*/
	/* Content */
	.character_content_container{
		max-width:none;
	}
	.character_content_container ul li{
		width:48%;
		height:auto;
		margin:15px 0px 0px;
	}
	.character_content_container ul li:nth-child(2n){
		float:right;
	}
	.character_content_container ul li:nth-child(3n){
		margin-right:0px;
	}
}

@media (max-width:600px){
	/*--- story ---*/
	/* Content */
	.story_desc{
		margin:20px 30px 0px;
	}
	
	/*--- character ---*/
	/* Content */
	.character_main_container .dangan_menu{
		top:4%;
	}
}

@media (max-width:520px){
	/*--- index.php ---*/
	/* Copyright */
	.home_main_container .dangan_copyright.margin_top_future{
		margin-top:-13%;
	}
}

@media (max-width:480px){
	/*--- Apply To All ---*/
	/* Menu */
	.dangan_menu{
		right:7%;
	}
	
	/*--- index.php ---*/
	/* Copyright */
	.home_main_container .dangan_copyright.margin_top_despair{
		margin-top:-10%;
	}
	
	/*--- story ---*/
	/* Content */
	.story_main_container .dangan_menu{
		top:3%;
	}
	.story_desc{
		margin:20px 0px 0px;
	}
	
	/*--- character ---*/
	/* Content */
	.character_main_container .dangan_menu{
		top:3.3%;
	}
	/* Overlay */
	.character_overlay_container{
		width:70%;
	}
	
	/*--- gallery ---*/
	/* Content */
	.gallery_main_container .dangan_menu{
		top:8.5%;
	}
	.gallery_carousel_small{
		width:80%;
	}
	/* Overwrite OWL Carousel 'Left' & 'Right' Navigation */
	.gallery_carousel_small.owl-carousel .owl-controls .owl-buttons div .gallery_carousel_left_small,
	.gallery_carousel_small.owl-carousel .owl-controls .owl-buttons div .gallery_carousel_right_small{
		top:30%;
	}
	
	/*--- video.php ---*/
	/* Content */
	.video_main_container .dangan_menu{
		top:8%;
	}
}

@media (max-width:400px){
	/*--- index.php ---*/
	/* Copyright */
	.home_main_container .dangan_copyright.margin_top_future{
		margin-top:-17.5%;
	}
	.home_main_container .dangan_copyright.margin_top_despair{
		margin-top:-15%;
	}
}

@media (max-width:340px){
	/*--- index.php ---*/
	/* Copyright */
	.home_main_container .dangan_copyright.margin_top_future{
		margin-top:-27%;
	}
}

@media (max-width:320px){
	/*--- Apply To All ---*/
	/* Menu */
	.dangan_menu{
		right:10%;
		width:65%;
	}
	
	/*--- index.php ---*/
	/* Copyright */
	.home_main_container .dangan_copyright.margin_top_despair{
		margin-top:-21%;
	}
	
	/*--- story ---*/
	/* Content */
	.story_main_container .dangan_menu{
		top:2%;
	}
}