@charset "utf-8";
/********** CSS Document **********/
/*--- General ---*/
body{
	margin:0px;
	padding:0px;
}
h1{
}
h2{
}
h3{
}
h4{
}
.dangan_main_container a{
	color:#ffffff;
	text-decoration:none;
}
.desktop,
.desktop_530{
	display:block;
}
.mobile,
.mobile_530,
.mobile_inline{
	display:none;
}
.clear{
	clear:both;
}
.clearfix:before,
.clearfix:after{
	display:table;
	content:'';
	clear:both;
}
.border_box{
	box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

/*--- Apply To All ---*/
/* Main Container */
.dangan_main_container{
	/*background:url(../images/bg_home_desktop.jpg) no-repeat center top;*/
	position:relative;
	/*font-family:'Dekko', cursive;*/
	/*font-family:'AkzidenzGroteskRoman';*/
	/*font-family:'Montserrat', sans-serif;*/
	/*font-family:'GothamBook', Arial, Helvetica, "黑体", sans-serif;*/
	font-family:'Exo', sans-serif;
	font-size:20px;
	line-height:23px;
	color:#ffffff;
	width:980px;
	margin:auto;
	box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	overflow:hidden;
	z-index:1;
}
/* Mobile Container */
.dangan_mobile_container{
}
/* Mobile Background */
.dangan_mobile_bg{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	z-index:-2;
}
.dangan_mobile_bg img{
	display:block;
}
/* Mobile Footer */
.dangan_mobile_footer{
	display:none;
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	z-index:-1;
}
.dangan_mobile_footer img{
	display:block;
}
/* Menu */
.dangan_menu{
	position:absolute;
	top:67px;
	right:115px;
}
/* Monokuma */
.dangan_monokuma{
	position:absolute;
	top:105px;
	right:-12px;
	z-index:-1;
}
/* Logo */
.dangan_logo{
	max-width:560px;
	margin:auto;
	padding-top:150px;
}
.dangan_logo img{
	display:block;
}
/* TX Information */
.dangan_tx_container{
	background:url(../images/bg_tx.png) no-repeat center top;
	width:552px;
	height:73px;
	margin:2px auto 0px;
	padding-top:10px;
	text-align:center;
}
.dangan_tx_container.marginTop5{
	margin-top:5px;
}
.dangan_tx_container span{
	font-size:12px;
	line-height:15px;
}
/* Copyright */
.dangan_copyright{
	position:absolute;
	bottom:30px;
	font-size:10px;
	line-height:13px;
	width:100%;
	text-align:center;
}

/*--- index.php ---*/
/* Content */
.dangan_main_container.home_main_container{
	background:url(../images/bg_home.jpg) no-repeat center top;
	font-size:25px;
	line-height:28px;
	min-height:913px;
}
.home_header{
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;
}
.home_header img{
	display:block;
}
.dangan_mobile_bg.home_mobile_bg img{
	display:none;
}
.home_footer{
	position:absolute;
	left:0px;
	bottom:0px;
}
.home_footer img{
	display:block;
}
.home_desc{
	padding-top:121px;
	text-align:center;
}
.home_character_left{
	position:relative;
	width:177px;
	margin:150px 0px 0px 313px;
	cursor:pointer;
	float:left;
}
.home_character_right{
	position:relative;
	/*width:168px;
	margin:150px 322px 0px 0px;*/
	width:177px;
	margin:150px 313px 0px 0px;
	cursor:pointer;
	float:right;
}
.home_character_left img,
.home_character_right img{
	display:block;
}
.home_character_left img:last-child,
.home_character_right img:last-child{
	display:none;
}
.home_character_left.inactive img,
.home_character_right.inactive img{
	display:none;
}
.home_character_left.inactive img:last-child,
.home_character_right.inactive img:last-child{
	display:block;
}
/* Future Menu */
.home_future_menu_container{
	display:none;
	background:url(../images/home_future/bg_menu.png) no-repeat right bottom;
	position:absolute;
	top:0px;
	left:0px;
	width:50%;
	height:100%;
	/*z-index:2;*/
}
.home_character_left:hover ~ .home_future_menu_container,
.home_future_menu_container:hover{
	display:block;
}
.home_future_menu_logo{
	margin-top:134px;
}
.home_future_menu_box{
	position:absolute;
	cursor:pointer;
}
.home_future_menu_box.story{
	background:url(../images/home_future/menu_story.png) no-repeat 0 0;
	top:326px;
	right:85px;
	width:301px;
	height:126px;
}
.home_future_menu_box.story:hover,
.home_future_menu_box.story.active{
	background-position:0 -126px;
}
.home_future_menu_box.character{
	background:url(../images/home_future/menu_character.png) no-repeat 0 0;
	top:416px;
	right:86px;
	width:355px;
	height:153px;
}
.home_future_menu_box.character:hover,
.home_future_menu_box.character.active{
	background-position:0 -153px;
}
.home_future_menu_box.gallery{
	background:url(../images/home_future/menu_gallery.png) no-repeat 0 0;
	top:465px;
	right:50px;
	width:373px;
	height:163px;
}
.home_future_menu_box.gallery:hover,
.home_future_menu_box.gallery.active{
	background-position:0 -163px;
}
.home_future_menu_box.video{
	background:url(../images/home_future/menu_video.png) no-repeat 0 0;
	top:541px;
	right:52px;
	width:354px;
	height:127px;
}
.home_future_menu_box.video:hover,
.home_future_menu_box.video.active{
	background-position:0 -127px;
}
.home_future_menu_box.quiz{
	background:url(../images/home_future/menu_quiz.png) no-repeat 0 0;
	top:604px;
	right:0px;
	width:436px;
	height:166px;
}
.home_future_menu_box.quiz:hover,
.home_future_menu_box.quiz.active{
	background-position:0 -166px;
}
.home_future_menu_box.contest{
	background:url(../images/home_future/menu_contest.png) no-repeat 0 0;
	top:678px;
	right:0px;
	width:377px;
	height:180px;
}
.home_future_menu_box.contest:hover,
.home_future_menu_box.contest.active{
	background-position:0 -180px;
}
.home_future_menu_box img{
	display:none;
}
.home_future_menu_character{
	position:absolute;
	top:299px;
	right:0px;
	width:177px;
	/*margin-top:-37px;*/
}
.home_future_menu_character img{
	display:block;
}
.home_future_menu_character_mobile{
	display:none;
}
/* Despair Menu */
.home_despair_menu_container{
	display:none;
	background:url(../images/home_despair/bg_menu.png) no-repeat left bottom;
	position:absolute;
	top:0px;
	right:0px;
	width:50%;
	height:100%;
	/*z-index:2;*/
}
.home_character_right:hover ~ .home_despair_menu_container,
.home_despair_menu_container:hover{
	display:block;
}
.home_despair_menu_logo{
	margin-top:134px;
}
.home_despair_menu_box{
	position:absolute;
	cursor:pointer;
}
.home_despair_menu_box.story{
	background:url(../images/home_despair/menu_story.png) no-repeat 0 0;
	top:328px;
	left:80px;
	width:301px;
	height:138px;
}
.home_despair_menu_box.story:hover,
.home_despair_menu_box.story.active{
	background-position:0 -138px;
}
.home_despair_menu_box.character{
	background:url(../images/home_despair/menu_character.png) no-repeat 0 0;
	top:418px;
	left:81px;
	width:349px;
	height:152px;
}
.home_despair_menu_box.character:hover,
.home_despair_menu_box.character.active{
	background-position:0 -152px;
}
.home_despair_menu_box.gallery{
	background:url(../images/home_despair/menu_gallery.png) no-repeat 0 0;
	top:470px;
	left:60px;
	width:374px;
	height:161px;
}
.home_despair_menu_box.gallery:hover,
.home_despair_menu_box.gallery.active{
	background-position:0 -161px;
}
.home_despair_menu_box.video{
	background:url(../images/home_despair/menu_video.png) no-repeat 0 0;
	top:544px;
	left:57px;
	width:351px;
	height:124px;
}
.home_despair_menu_box.video:hover,
.home_despair_menu_box.video.active{
	background-position:0 -124px;
}
.home_despair_menu_box.quiz{
	background:url(../images/home_despair/menu_quiz.png) no-repeat 0 0;
	top:608px;
	left:29px;
	width:436px;
	height:166px;
}
.home_despair_menu_box.quiz:hover,
.home_despair_menu_box.quiz.active{
	background-position:0 -166px;
}
.home_despair_menu_box.contest{
	background:url(../images/home_despair/menu_contest.png) no-repeat 0 0;
	top:677px;
	left:45px;
	width:377px;
	height:180px;
}
.home_despair_menu_box.contest:hover,
.home_despair_menu_box.contest.active{
	background-position:0 -180px;
}
.home_despair_menu_box img{
	display:none;
}
.home_despair_menu_character{
	position:absolute;
	top:299px;
	left:0px;
	width:177px;
	/*margin-top:-37px;*/
}
.home_despair_menu_character img{
	display:block;
}
.home_despair_menu_character_mobile{
	display:none;
}

/*--- story ---*/
/* Content */
.dangan_main_container.story_main_container{
	background:url(../images/story/bg.jpg) no-repeat center top;
	min-height:1058px;
}
.story_content_container{
	position:relative;
	width:100%;
	max-width:760px;
	margin:25px auto 0px;
}
.story_content_left_future{
	width:42%;
	float:left;
}
.story_content_right_future{
	width:55%;
	float:right;
}
.story_content_left_despair{
	width:55%;
	text-align:right;
	float:left;
}
.story_content_right_despair{
	width:42%;
	float:right;
}
.story_content_left_fut img,
.story_content_right_des img{
	display:block;
}
.story_desc{
	width:100%;
	max-width:700px;
	margin:27px auto 0px;
	text-align:center;
}

/*--- character ---*/
/* Content */
.dangan_main_container.character_main_container{
	background:url(../images/character/bg.jpg) no-repeat center top;
	min-height:1193px;
}
.character_content_container{
	position:relative;
	width:100%;
	max-width:841px;
	margin:25px auto 0px;
}
.character_content_container ul{
	margin:0px;
	padding:0px;
}
.character_content_container ul li{
	list-style:none;
	background:url(../images/character/despair/char_1.jpg) no-repeat 0 0;
	width:275px;
	height:92px;
	margin:15px 8px 0px 0px;
	cursor:pointer;
	float:left;
}
.character_content_container ul li:hover,
.character_content_container ul li.active{
	background-position:0px -92px;
}
.character_content_container ul li:nth-child(3n){
	margin-right:0px;
}
.character_content_container ul li .char_box{
	display:block;
	width:100%;
	height:100%;
}
.character_content_container ul li .char_box img{
	display:none;
}
/* Future Character */
.character_content_container ul li.future_char_1{
	background-image:url(../images/character/future/char_1.jpg);
}
.character_content_container ul li.future_char_2{
	background-image:url(../images/character/future/char_2.jpg);
}
.character_content_container ul li.future_char_3{
	background-image:url(../images/character/future/char_3.jpg);
}
.character_content_container ul li.future_char_4{
	background-image:url(../images/character/future/char_4.jpg);
}
.character_content_container ul li.future_char_5{
	background-image:url(../images/character/future/char_5.jpg);
}
.character_content_container ul li.future_char_6{
	background-image:url(../images/character/future/char_6.jpg);
}
.character_content_container ul li.future_char_7{
	background-image:url(../images/character/future/char_7.jpg);
}
.character_content_container ul li.future_char_8{
	background-image:url(../images/character/future/char_8.jpg);
}
.character_content_container ul li.future_char_9{
	background-image:url(../images/character/future/char_9.jpg);
}
.character_content_container ul li.future_char_10{
	background-image:url(../images/character/future/char_10.jpg);
}
.character_content_container ul li.future_char_11{
	background-image:url(../images/character/future/char_11.jpg);
}
.character_content_container ul li.future_char_12{
	background-image:url(../images/character/future/char_12.jpg);
}
.character_content_container ul li.future_char_13{
	background-image:url(../images/character/future/char_13.jpg);
}
.character_content_container ul li.future_char_14{
	background-image:url(../images/character/future/char_14.jpg);
}
.character_content_container ul li.future_char_15{
	background-image:url(../images/character/future/char_15.jpg);
}
.character_content_container ul li.future_char_16{
	background-image:url(../images/character/future/char_16.jpg);
}
.character_content_container ul li.future_char_17{
	background-image:url(../images/character/future/char_17.jpg);
}
.character_content_container ul li.future_char_18{
	background-image:url(../images/character/future/char_18.jpg);
}
/* Despair Character */
.character_content_container ul li.despair_char_1{
	background-image:url(../images/character/despair/char_1.jpg);
}
.character_content_container ul li.despair_char_2{
	background-image:url(../images/character/despair/char_2.jpg);
}
.character_content_container ul li.despair_char_3{
	background-image:url(../images/character/despair/char_3.jpg);
}
.character_content_container ul li.despair_char_4{
	background-image:url(../images/character/despair/char_4.jpg);
}
.character_content_container ul li.despair_char_5{
	background-image:url(../images/character/despair/char_5.jpg);
}
.character_content_container ul li.despair_char_6{
	background-image:url(../images/character/despair/char_6.jpg);
}
.character_content_container ul li.despair_char_7{
	background-image:url(../images/character/despair/char_7.jpg);
}
.character_content_container ul li.despair_char_8{
	background-image:url(../images/character/despair/char_8.jpg);
}
.character_content_container ul li.despair_char_9{
	background-image:url(../images/character/despair/char_9.jpg);
}
.character_content_container ul li.despair_char_10{
	background-image:url(../images/character/despair/char_10.jpg);
}
.character_content_container ul li.despair_char_11{
	background-image:url(../images/character/despair/char_11.jpg);
}
.character_content_container ul li.despair_char_12{
	background-image:url(../images/character/despair/char_12.jpg);
}
.character_content_container ul li.despair_char_13{
	background-image:url(../images/character/despair/char_13.jpg);
}
.character_content_container ul li.despair_char_14{
	background-image:url(../images/character/despair/char_14.jpg);
}
.character_content_container ul li.despair_char_15{
	background-image:url(../images/character/despair/char_15.jpg);
}
.character_content_container ul li.despair_char_16{
	background-image:url(../images/character/despair/char_16.jpg);
}
.character_content_container ul li.despair_char_17{
	background-image:url(../images/character/despair/char_17.jpg);
}
.character_content_container ul li.despair_char_18{
	background-image:url(../images/character/despair/char_18.jpg);
}
/* Overlay */
.character_overlay_container{
	position:relative;
	width:788px;
	margin:0px 33px;
}
.character_overlay_box{
}
/* Overwrite OWL Carousel 'Left' & 'Right' Navigation */
.character_overlay_container.owl-carousel .owl-controls{
	margin:0px;
}
.character_overlay_container.owl-carousel .owl-controls .owl-buttons div{
	display:block;
	background:none;
	margin:0;
	padding:0;
	opacity:1;
	border-radius:inherit;
}
.character_overlay_container.owl-carousel .owl-controls .owl-buttons div .character_carousel_left_small{
	background:url(../images/gallery/arrow_left_small.png) no-repeat center top;
	position:absolute;
	top:46%;
	left:-33px;
	width:23px;
	height:50px;
}
.character_overlay_container.owl-carousel .owl-controls .owl-buttons div .character_carousel_right_small{
	background:url(../images/gallery/arrow_right_small.png) no-repeat center top;
	position:absolute;
	top:46%;
	right:-33px;
	width:23px;
	height:50px;
}
/* Overwrite Fancybox CSS */
.fancybox-overlay  .fancybox-skin{
	background:none;
	border-radius:0px;
}
.fancybox-overlay .fancybox-skin .fancybox-inner{
	overflow:hidden !important;
}

/*--- gallery ---*/
/* Content */
.dangan_main_container.gallery_main_container{
	background:url(../images/gallery/bg.jpg) no-repeat center top;
	min-height:1037px;
}
.gallery_content_container{
	background:url(../images/gallery/bg_gallery.png) no-repeat center top;
	position:relative;
	width:100%;
	max-width:901px;
	min-height:422px;
	margin:15px auto 0px;
}
.gallery_carousel_big{
	position:relative;
	width:100%;
	max-width:720px;
	margin:auto;
	padding-top:9px;
	cursor:pointer;
}
.gallery_carousel_big_box{
}
.gallery_carousel_big_box img{
	display:block;
}
.gallery_carousel_small{
	position:relative;
	width:100%;
	max-width:680px;
	margin:27px auto 0px;
}
.gallery_carousel_small_box{
	position:relative;
	padding:0px 5px;
	cursor:pointer;
	box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.gallery_carousel_small_box img{
	display:block;
}
.gallery_carousel_small_box_img{
	position:relative;
}
.gallery_carousel_small_box_img div{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:3px solid #000000;
	box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.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:block;
}
/* Overwrite OWL Carousel 'Left' & 'Right' Navigation */
.gallery_carousel_big.owl-carousel .owl-controls{
	margin:0px;
}
.gallery_carousel_big.owl-carousel .owl-controls .owl-buttons div{
	display:block;
	background:none;
	margin:0;
	padding:0;
	opacity:1;
	border-radius:inherit;
}
.gallery_carousel_big.owl-carousel .owl-controls .owl-buttons div .gallery_carousel_left_big{
	background:url(../images/gallery/arrow_left_big.png) no-repeat center top;
	position:absolute;
	top:20px;
	left:-80px;
	width:70px;
	height:393px;
}
.gallery_carousel_big.owl-carousel .owl-controls .owl-buttons div .gallery_carousel_right_big{
	background:url(../images/gallery/arrow_right_big.png) no-repeat center top;
	position:absolute;
	top:10px;
	right:-80px;
	width:70px;
	height:393px;
}
.gallery_carousel_small.owl-carousel .owl-controls{
	margin:0px;
}
.gallery_carousel_small.owl-carousel .owl-controls .owl-buttons div{
	display:block;
	background:none;
	margin:0;
	padding:0;
	opacity:1;
	border-radius:inherit;
}
.gallery_carousel_small.owl-carousel .owl-controls .owl-buttons div .gallery_carousel_left_small{
	background:url(../images/gallery/arrow_left_small.png) no-repeat center top;
	position:absolute;
	top:29%;
	left:-33px;
	width:23px;
	height:50px;
}
.gallery_carousel_small.owl-carousel .owl-controls .owl-buttons div .gallery_carousel_right_small{
	background:url(../images/gallery/arrow_right_small.png) no-repeat center top;
	position:absolute;
	top:29%;
	right:-33px;
	width:23px;
	height:50px;
}

/*--- video.php ---*/
/* Content */
.dangan_main_container.video_main_container{
	background:url(../images/video/bg.jpg) no-repeat center top;
	min-height:979px;
}
.video_content_container{
	position:relative;
	width:100%;
	max-width:780px;
	margin:30px auto 0px;
}
.video_content{
	width:100%;
}

/*--- contest.php ---*/
/* Content */
.dangan_main_container.contest_main_container{
}
.contest_form_container{
	margin:0 25px;
	padding:20px 20px 10px;
	background-color:#8f8f8f;
	font-family:'Exo', sans-serif;
	font-size:18px;
	line-height:21px;
	color:#000000;
}
.contest_form_block{
	float:left;
	width:50%;
	padding:0 10px 10px;
}
.contest_form_block.haderror{
	padding-bottom:5px;
}
.contest_form_block.fullwidth{
	width:100%;
}
.contest_form_block.longwidth{
	width:80%;
}
.contest_form_block.shortwidth{
	width:20%;
}
.contest_form_content input,
.contest_form_content select{
	border:0;
	margin:0;
	padding:2px;
	font-family:'Exo', sans-serif;
	font-size:18px;
	line-height:21px;
}
.contest_form_content input[type="text"],
.contest_form_content select.fullwidth{
	width:100%;
}
.contest_form_content span,
.contest_form_content font,
.contest_form_tnc{
	font-size:14px;
	line-height:17px;
}
.contest_form_error{
	display:none;
	color:#700000;
	font-size:12px;
	line-height:15px;
	padding-top:2px;
}
.contest_form_thanks{
	background-color:#8f8f8f;
	padding:170px 0;
	font-size:16px;
	line-height:19px;
	text-align:center;
	color:#000000;
}
.contest_form_thanks div{
	text-align:center;
	padding:20px;
	margin:0 25px;
}