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

/*******************************
 reset
*******************************/
h1,h2,h3,ul,p{margin:0;}
ul{padding:0;}
a{text-decoration:none;}
li{list-style-type:none;}
dl,dt,dd{margin:0;}

.kiwamiswich {

	opacity: 0 !important;
	transition: all 1200ms ease-in-out;

}

.kiwamiswich.on {

	opacity: 1 !important;

}


/*******************************
 Function
 	|--is-hover-fade / マウスオーバーアニメーション　FadeIn Out
*******************************/
.is-hover-fade{
	-webkit-transition:all 0.25s ease;
	transition:all 0.25s ease;
}

.is-hover-fade:hover{
	opacity:0.7;
}


#loader-bg{
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	/*background:url(../../img/pre/bg-load.png) center center no-repeat;*/
	background-color:#e9e9e9;
	z-index:200;
}

.ie8 #loader-bg{
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:url(../../img/pre/bg-load.png) center center no-repeat;
	background-color:#e9e9e9;
	z-index:200;
}

#loader{
	display:none;
	position:absolute;
	z-index:300;
	width:130px;
	height:20px;
	top:50%;left:50%;
	margin-top:-10px;
	margin-left:-65px;
}

#loader2{
	display:none;
	position:absolute;
	z-index:300;
	width:580px;
	height:450px;
	top:50%;left:50%;
	margin-top:-225px;
	margin-left:-290px;
}

.ie8 #loader{
	display:none;
	background:url(../../img/pre/text-loading.gif) center center no-repeat;
	position:absolute;
	z-index:300;
	width:130px;
	height:20px;
	top:0;
	left:50%;
	margin-left:-65px;
}



/*******************************
 setting
*******************************/


body,html{
	margin:0;
}
iframe{
	margin:0;
}
.d-none{display:none;}
.fl{float:left;}
.fr{float:right;}
.top43{top:43%;}
.pc-none{display:none;}

#wrapper{
	width:100%;
	height:auto;
	min-width:980px;
	margin:0 auto;
	background-color:#e9e9e9;
	position:relative;
	top:0px;left:0px;
	/*display:none;*/
}


.ie8 #wrapper{min-width:1200px;}


a{
	color:#000;
}


/*@media screen and (min-width: 1400px) {
	#wrapper{
		background-size:100% auto;
	}
}*/

.main{
	width:100%;
	height:100%;
	display:none;
}

.centered{
}

.background-image{
	max-height:1080px;
	overflow:hidden;
	position:absolute;
	top:0px;left:0px;
	z-index:-1;
}



/*******************************
 header
 	|--main menu
	|--sns list
*******************************/
.header{
	width:100%;
	background-color:rgba(0,0,0,0.8);
	text-align:center;
	position:fixed;
	top:0px;left:0px;
	z-index:100;
	height:54px;
}

.ie8 .header{background-color:#000;} /* ie8 */
/*.ie8 .header .head-box{width:680px;}*/ /* ie8 */
.ie8 .main-menu .menu-box{padding-top:10px;display:block;width:980px;margin:0 auto;}
.ie8 .main-menu .menu-box ul{padding-top:3px;}
.win .main-menu .main-nav{padding-top:5px;}

.header .head-box{
	display:inline-block;
}



.header .header-border-style{
	width:100%;
	height:0px;
	border-bottom:solid 1px #858585;
	position:absolute;
	bottom:4px;left:0px;
}

/* main-menu */
.main-menu{
	float:left;
}

@media screen and (min-width:980px) {

.main-menu .menu-box{
	padding-top:10px;
	display:block !important;
}

}



.main-menu ul{
	float:left;
}

.main-menu ul li{
	float:left;
	position:relative;
	/*padding:15px 0px 15px;*/
	margin-left:40px;
}

.main-menu .menu-box > ul li:first-child{
	margin-left:0px;
}

.main-menu ul li a{
	color:#FFF;
	background:url(../../img/pre/img01.jpg) left top no-repeat;
	padding-left:13px;
}

.main-menu .ico-head-new{
	position:absolute;
	top:-7px;
	left:13px;
}

/* sns-list */
.sns-list{
	padding-top:0px;
	margin-left:110px;
	float:left;
	position:relative;
}

.sns-list .share-text{
	position:absolute;
	top:0;
	bottom:0;
	left:-40px;
	margin:auto;
}

.sns-list .sns-list-text{
	color:#b0b0b0;
	font-size:10px;
/*	line-height:58px; */
	float:left;
}

.sns-list ul{
	float:left;
}

.sns-list ul li{
	float:left;
	margin-left:0px;
}

.sns-list ul li a{
	background:none;
}

.sns-list ul li:first-child{
	margin-left:0px;
}
/*******************************
 container
 	|--section
 	|--section top
 	|	|--sns-list
	|--section news
	|	|--movie
	|	|--btn box
	|
	|--section introduction
	|--section cast
	|--section scene
	|	|--section scene pict list
	|
	|--section spec
		|--section spec box
		|--spec detail first
		|--spec detail second
*******************************/
/*============
section
============*/
.section .section-title{
	width:100%;
	height:40px;
	background-color:#2c2c2c;
	margin:1px 0px;
}

.ie8 .section .section-title{
	/*height:100%;
	padding-bottom:2px;
	*/
}

.section .section-title .section-title-inner{
	width:925px;
	height:40px;
	padding:5px 0;
	background:url(../../img/pre/background02.gif) center top no-repeat;
	margin:0 auto;
	position:relative;
}
.section .section-title .section-title-img{
	position:absolute;
	top:50%;
	margin-top:-6px;
}
.section .section-title .section-title-img2{
	position:absolute;
	top:50%;
	margin-top:-13px;
	right:0;
}

/*============
section top
============*/
#section-top{
	/*margin-bottom:40px;*/
	background:url(../../img/pre/background01.png) center 5px no-repeat #e9e9e9;
}

#section-top .container-title{
	/*margin-bottom:40px;*/
	position:relative;
	top:0px;left:0px;
}

#section-top .logo-ps{
	position:absolute;
	top:78px;left:0px;
}

#section-top .container-title p:nth-of-type(2){
  margin-left: 70px;
  padding-bottom: 19px;
}

.container{}

.container .container-inner{
	width:925px;
	margin:0 auto;
}

.container h1{
	padding-top:74px;
	margin-bottom:0px;
	position:relative;
	top:0px;left:-18px;
}



/*============
section news
============*/

#section-news .section-title{
	margin:0 0 1px 0;
}

#section-news .section-background{
	background:url(../../img/pre/section01_background01.jpg) no-repeat;
	background-size:cover;
}
#section-news .section-title-inner{
	position:relative;
}

#section-news .news-box{
	width:925px;
	margin:0 auto;
	padding:10px 0 20px 0;
}

#section-news .news-box ul li{
	font-size:14px;
	padding:10px 0 10px 5px;
	border-bottom:1px solid #afafaf;
}

#section-news .news-box ul li a{
	text-decoration:underline;
}


#section-news .news-box .date{
	width:100px;
	float:left;
	display:block;
}

#section-news .news-box .cont{
	width:815px;
	float:left;
	display:block;
}



/* movie */
.container-movie{
/*	padding:0px 15px; */

}

.container-movie .movie-article{
	background:url(../../img/pre/background-movie.png) no-repeat;
	padding:10px 0px;
	margin-bottom:20px;
	position:relative;
	top:0px;left:0px;
	z-index:0;
}

.container-movie .movie-article .movie-display-table{
	width:100%;
	display:table;
	table-layout:fixed;
}
.container-movie .new:before{
	content:"";
	width:63px;
	height:23px;
	background:url(../../img/pre/icon-new.gif);
	position:absolute;
	top:25px;
	left:0px;
	/*top:-70px;
	left:-190px;*/
	z-index:10;
}


.container-movie .movie-title-box{
	/*width:38.180%;*/
	text-align:center;
	/*padding-top:1.639%;
	float:left;*/
}

.container-movie .movie-title-box h2{
}


.container-movie .movie-box{
	/*width:55.866%;
	margin-right:1.953%;
	float:left;*/
	display:table-cell;
}

.container-movie .movie{
	border:solid 2px #FFF;
	-webkit-box-shadow:3px 3px 10px rgba(0,0,0,0.35);
	box-shadow:3px 3px 10px rgba(0,0,0,0.35);
	position:relative;
	top:0px;left:0px;
}

.ie8 .container-movie .movie{
	z-index:-1;
}
.ie8 .container-movie .movie2{
	z-index:10;
}


.container-movie .movie .movie-thumb{
	width:100%;
}

.container-movie .movie .play-btn{
	position:absolute;
	top:50%;left:50%;
	margin-top:-41px;
	margin-left:-41px;
	/*cursor:pointer;*/
}

.movie-small-box ul li{float:left;margin-left:25px;}
.movie-small-box ul li:first-child{margin-left:0;}

.movie-small-box .movie .play-btn{
	position:absolute;
	top:50%;left:50%;
	margin-top:-23px;
	margin-left:-23px;
}

.movie-small-box .title{
	border-left:3px solid #000;
	padding-left:15px;
	margin-top:20px;
	position:relative;
	text-align:left;
}

/*
.movie-small-box .title:before{
	content:"";
	background:url(../../img/pre/icon-movie-border.gif) no-repeat;
	width:3px;
	height:65px;
	position:absolute;
}
*/

.movie-small-box .btn-more-movie{
	width:227px;
	margin:40px auto 0 auto;
}


/* btn box */

#section-top .btn-box{position:absolute;right:0px;bottom:15px;}

#section-top .btn-box ul li{float:none;margin-left:25px;}

#section-top .btn-box ul li.mb5{margin-bottom:5px;}

#section-top .btn-box ul li.btn-jouhoukyoku{margin-bottom:5px;}

#section-spec .btn-box{
  /*position:absolute;bottom:0px;right:20px;*/
  margin-top: -70px;
}
#section-movie .btn-box2{margin:40px 0;}

.btn-box ul li{
	float:none;
	margin-left:110px;
  margin-top: 10px;
}

.btn-box ul li:first-child{
	margin-left:110px;
}


/*=====================
section introduction
=======================*/
#section-introduction .section-background{
	background:url(../../img/pre/section01_background01.jpg) no-repeat;
	background-size:cover;
}

#section-introduction .float{
	float:left;
}

#section-introduction h3{
	margin-right:60px;
}

#section-introduction .float-box{
	padding:68px 0px 64px;
}



/*=====================
section cast
=======================*/
.section-cast-list li{
	width:50%;
	height:auto;
	float:left;
	margin-top:1px;
	position:relative;
}

.section-cast-list li a{
	display:block;
	width:100%;
	height:100%;
	/*padding:15.625% 0 0;*/
	padding:30.25% 0 0;
	position:relative;
	top:0px;left:0px;
}

.section-cast-list li a:before{
	content:"";
	width:11px;
	height:25px;
	background:url(../../img/pre/icon_arrow01.png);
	position:absolute;
	top:50%;right:4.68%;
	margin-top:-14px;
}

.section-cast-list li .cast-text{
	position:absolute;
	top:50%;
	margin-top:-42px;
	left:4.68%;
}

#kiryu{
	background:url(../../img/pre/section02_background01.jpg) no-repeat left top;
	background-size:cover;
	border-right:1px solid #fff;
}
#haruka{
	background:url(../../img/pre/section02_background02.jpg) no-repeat left top;
	background-size:cover;
}
#nisikiyama{
	background:url(../../img/pre/section02_background03.jpg) no-repeat left top;
	background-size:cover;
	border-right:solid 1px #fff;
}
#majima{
	background:url(../../img/pre/section02_background04.jpg) no-repeat left top;
	background-size:cover;
}
#yumi{
	background:url(../../img/pre/section02_background05.jpg) no-repeat left top;
	background-size:cover;
	border-right:solid 1px #fff;
}
#kazama{
	background:url(../../img/pre/section02_background06.jpg) no-repeat left top;
	background-size:cover;
}
#shinji{
	background:url(../../img/pre/section02_background07.jpg) no-repeat left top;
	background-size:cover;
	border-right:solid 1px #fff;
}
#reina{
	background:url(../../img/pre/section02_background08.jpg) no-repeat left top;
	background-size:cover;
}
#date{
	background:url(../../img/pre/section02_background09.jpg) no-repeat left top;
	background-size:cover;
	border-right:solid 1px #fff;
}

#sainohanaya{
	background:url(../../img/pre/section02_background10.jpg) no-repeat left top;
	background-size:cover;
}

#shimano{
	background:url(../../img/pre/section02_background11.jpg) no-repeat left top;
	background-size:cover;
	border-right:solid 1px #fff;
}

#kashiwagi{
	background:url(../../img/pre/section02_background12.jpg) no-repeat left top;
	background-size:cover;
}
#kazuki{
	background:url(../../img/pre/section02_background13.jpg) no-repeat left top;
	background-size:cover;
	border-right:solid 1px #fff;
}

#yuuya{
	background:url(../../img/pre/section02_background14.jpg) no-repeat left top;
	background-size:cover;
}

#matushige{
	background:url(../../img/pre/section02_background15.jpg) no-repeat left top;
	background-size:cover;
	border-right:solid 1px #fff;
}
#takashi{
	background:url(../../img/pre/section02_background16.jpg) no-repeat left top;
	background-size:cover;
}
#saya{
	background:url(../../img/pre/section02_background17.jpg) no-repeat left top;
	background-size:cover;
	border-right:solid 1px #fff;
}
.none-cast{background-color:#000;}
.section-cast-list li.none-cast a:before {background:none;}



.section-cast-list .ico-new{
	position:absolute;
	top:0;
	bottom:76%;
	margin:auto;
	left:4.68%;

}



/*=====================
section scene
=======================*/
/* section scene pict list */

.section-scene-pict-list{
	padding-top:1px;
}

.section-scene-pict-list ul{
	width:100%;
	display:table;
	table-layout:fixed;
}

.section-scene-pict-list ul li{
	display:table-cell;
	padding-left:1px;
	padding-bottom:1px;
}

.section-scene-pict-list .pict-list01 li{
	margin-bottom:0;
}

.section-scene-pict-list ul li:first-child{
	padding-left:0;
}



.section-scene-pict-list ul li img{
	width:100%;
}

.section-scene-pict-list ul li a{
	display:block;
	width:100%;
	height:100%;
}


/*=====================
section spec
=======================*/
#section-spec .container-inner{
	padding:45px 0px;
}
/*section spec box*/
.section-spec-box{
	float:left;
}

.section-spec-box .spec-text{
	position:relative;
	top:0px;left:0px;
}

.section-spec-box .btn-trial{
	position:absolute;
	bottom:34px;
	left:50%;
	margin-left:-203px;
}

.section-spec-box .spec-text .figure{
	position:absolute;
	top:-30px;left:50%;
	margin-left:-206px;
}


/* spec detail second */
.spec-detail-first .text{
	padding-top:267px;
	margin-right:73px;
}

/* spec detail second */
#spec-detail-second{
	background:url(../../img/pre/section04-background.jpg) no-repeat;
	background-size:cover;
}

#spec-detail-second .text{
	margin-right:30px;
}

#spec-detail-second .float-box{
	margin-bottom:30px;
}

#spec-detail-second .btn-music{
	text-align:center;
	margin-top:45px;
}



/*=====================
section story
=======================*/

#section-story{
	background-color:#000;
}

#section-story .section-title{
	height:41px;
	border-bottom:solid 1px #fff;
}
/*
#section-story .bg-story-box{
	background:url(../../img/pre/section06-bg-chapter01.jpg) no-repeat;
	background-size:cover;
}
#section-story .bg-story-box.chap2{
	background:url(../../img/pre/section06-bg-chapter02.jpg) no-repeat;
	background-size:cover;
}
#section-story .bg-story-box.chap3{
	background:url(../../img/pre/section06-bg-chapter03.jpg) no-repeat;
	background-size:cover;
}
*/
#section-story .chapter1{
	background:url(../../img/pre/section06-bg-chapter01.jpg) no-repeat;
	background-size:cover;
}
#section-story .chapter2{
	background:url(../../img/pre/section06-bg-chapter02.jpg) no-repeat;
	background-size:cover;
}
#section-story .chapter3{
	background:url(../../img/pre/section06-bg-chapter03.jpg) no-repeat;
	background-size:cover;
}



#section-story .container-inner{padding:130px 0 50px 0;}

#section-story .story-nav{
	width:925px;
	margin:0 auto;
	position:relative;
}

#section-story .story-nav ul{
	position:absolute;
	top:45px;
	left:0;
	z-index:10;
}

#section-story .story-nav ul li{
	float:left;
	margin-right:10px;
}

#section-story .story-nav ul li:hover{cursor:pointer;}

#section-story .story-nav ul li.on{background-color:#ff0000;}
#section-story .story-nav ul li.on .is-hover-fade:hover{	opacity:1;
}

/*
#section-story .pict-area{margin-bottom:40px;}
*/

#section-story .section-scene-pict-list{
	margin-top:40px;
}


#section-story .page{height:540px;position:relative;}

#section-story .page .prev-next-box{
	position:absolute;
	bottom:45px;
	left:0;
}

/*--------------------- pict-area --------------------*/


#section-story .chapter.hide{display:none;}

#section-story .pictures{
	position:relative;
	width:100%;
	height:430px;
	overflow:hidden;
	padding:0;
}

/*
#section-story .pictures ul li{
	position:absolute;
	float:left;
	display:none;
}

#section-story .pictures ul li.on{
	display:block;
}
*/


/*
#section-story .prev-next-box{margin:40px 0 45px 0;}
*/

#section-story .slider-prev{float:left;margin-right:10px;}
#section-story .slider-prev img,#section-story .slider-next img{position:static;}
#section-story .slider-prev:hover{cursor:pointer;}
#section-story .slider-next{float:left;}
#section-story .slider-next:hover{cursor:pointer;}
#section-story .slider-prev.hide{display:none;}

#section-story .chapter-img-list .chapter-ul{float:left;}
#section-story .chapter-img-list ul li{float:left;margin-right:2px;}

/*=====================
section system
=======================*/
#section-system .section-system-list dt{
	width:100%;
	border-top:solid 1px #fff;
	position:relative;
}

#section-system .section-system-list dt:hover{
cursor:pointer;
}

#section-system .section-system-list dt a{
	display:block;
	width:100%;
	height:100%;
	/*padding:15.625% 0 0;*/
	padding:13.67% 0 0;
	position:relative;
	top:0px;left:0px;
}

#section-system .section-system-list dt a:before{
	content:"";
	width:11px;
	height:25px;
	background:url(../../img/pre/icon_arrow01.png);
	position:absolute;
	top:50%;right:4.68%;
	margin-top:-14px;
}

#section-system .section-system-list dt .system-text{
	position:absolute;
	top:50%;
	margin-top:-22px;
	left:4.68%;
}

#section-system .section-system-list .ico-new{
	position:absolute;
	top:0;
	bottom:66%;
	margin:auto;
	left:4.68%;
}

#section-system #battle{
	background:url(../../img/pre/section05_background01.jpg) no-repeat left top;
	background-size:cover;
}

#section-system #dokodemo{
	background:url(../../img/pre/section05_background02.jpg) no-repeat left top;
	background-size:cover;
}
#section-system #shinohara{
	background:url(../../img/pre/section05_background03.jpg) no-repeat left top;
	background-size:cover;
}
#section-system #color{
	background:url(../../img/pre/section05_background04.jpg) no-repeat left top;
	background-size:cover;
}
#section-system #king{
	background:url(../../img/pre/section05_background05.jpg) no-repeat left top;
	background-size:cover;
}
#section-system #playspot{
	background:url(../../img/pre/section05_background06.jpg) no-repeat left top;
	background-size:cover;
}
#section-system #humanevent{
	background:url(../../img/pre/section05_background07.jpg) no-repeat left top;
	background-size:cover;
}

#section-system #tieup{
	background:url(../../img/pre/section05_background08.jpg) no-repeat left top;
	background-size:cover;
}




/*---battle-box---*/
.battle-box{
	width:100%;
	background-color:#e9e9e9;
	padding:45px 0;
}

.battle-box .battle-inner{
	width:926px;
	margin:0 auto;
	position:relative;
}
.battle-box .battle-inner2{
	width:926px;
	margin:0 auto;
	position:relative;
}

.battle-box .title{
	margin-bottom:20px;
}

.battle-box .text{margin-bottom:20px;}
.battle-box .text2{margin-bottom:40px;}

.battle-box .battle-list{margin-bottom:20px;}

.battle-box .battle-list li{
	position:relative;
	float:left;
	width:300px;
	height:152px;
	margin-left:10px;
}
.battle-box .battle-list li:first-child{
	margin-left:0;
}

.battle-box #chinpira{
	background:url(../../img/pre/battle-bnr-background01.jpg) no-repeat left top;
	background-size:cover;
}
.battle-box #kowashiya{
	background:url(../../img/pre/battle-bnr-background02.jpg) no-repeat left top;
	background-size:cover;
}
.battle-box #rush{
	background:url(../../img/pre/battle-bnr-background03.jpg) no-repeat left top;
	background-size:cover;
}
.battle-box #style{
	background:url(../../img/pre/battle-bnr-background04.jpg) no-repeat left top;
	background-size:cover;
}

.battle-box #kyoka{
	background:url(../../img/pre/battle-bnr-background05.jpg) no-repeat left top;
	background-size:cover;
}

.battle-box #dojima{
	background:url(../../img/pre/battle-bnr-background06.jpg) no-repeat left top;
	background-size:cover;
}

.battle-box li a{
	display:block;
	width:100%;
	height:100%;
}

.battle-box li a:before{
	content:"";
	width:9px;
	height:19px;
	background:url(../../img/pre/icon_arrow02.png);
	position:absolute;
	top:50%;right:4.68%;
	margin-top:-9px;
}
.battle-box li.right8 a:before{
	right:8.68%;
}
.battle-box li.right15 a:before{
	right:15.68%;
}
.battle-box li.right20 a:before{
	right:20.68%;
}
.battle-box li.right30 a:before{
	right:30.68%;
}
.battle-box li.right22 a:before{
	right:22.68%;
}
.battle-box li.right27 a:before{
	right:27.68%;
}
.battle-box li.right40 a:before{
	right:42.68%;
}


.battle-box .battle-list li .battle-text{
	position:absolute;
	top:50%;
	margin-top:-30px;
	left:50%;
	margin-left:-130px;
}
.battle-box .battle-list li .top43{top:43%;}

.battle-box .battle-list li .left46{
	left:46%;
}


/*---dokodemo---*/
.battle-box .dokodemo-list ul{margin-bottom:0px;}

.battle-box .dokodemo-list li{
	position:relative;
	float:left;
	width:446px;
	height:152px;
	margin-left:32px;
}
.battle-box .dokodemo-list li:first-child{margin-left:0;}

.battle-box #come{
	background:url(../../img/pre/dokodemo-bnr-background01.jpg) no-repeat left top;
	background-size:cover;
}
.battle-box #dojimaryu{
	background:url(../../img/pre/dokodemo-bnr-background02.jpg) no-repeat left top;
	background-size:cover;
}
.battle-box .dokodemo-list li .dokodemo-text{
	position:absolute;
	top:50%;
	margin-top:-37px;
	left:50%;
	margin-left:-186px;
}
.battle-box .dokodemo-list li .shinohara-text{
	position:absolute;
	top:50%;
	margin-top:-37px;
	left:50%;
	margin-left:-186px;
}

.battle-box .dokodemo-list li .color-text{
	position:absolute;
	top:50%;
	margin-top:-13px;
	left:50%;
	margin-left:-26px;
}
.battle-box .dokodemo-list li .king-text{
	position:absolute;
	top:50%;
	margin-top:-14px;
	left:50%;
	margin-left:-187px;
}
.battle-box .dokodemo-list li .humanevent-text{
	position:absolute;
	top:50%;
	margin-top:-14px;
	left:50%;
	margin-left:-121px;
}



.battle-box .dokodemo-list li .top43{top:43%;}
.battle-box .dokodemo-list li .left46{left:46%;}
.battle-box .ss-list{margin-bottom:35px;}
.battle-box .ss-list2{margin-bottom:6px;}
.battle-box .ss-list3{margin-bottom:13px;}
.battle-box .ss-list3 li{margin-left:13px;}
.battle-box .ss-list li a:before{background:none;}
.battle-box .ss-list li{
	float:left;
	margin-left:6px;
}
.battle-box .ss-list3{margin-bottom:13px;}
.battle-box .ss-list3 li{margin-left:13px;}

.battle-box .ss-list li:first-child{margin-left:0;}

/*---shinohara---*/

.battle-box #shinohara01{
	background:url(../../img/pre/shinohara-bnr-background01.jpg) no-repeat left top;
	background-size:cover;
}
.battle-box #shinohara02{
	background:url(../../img/pre/shinohara-bnr-background02.jpg) no-repeat left top;
	background-size:cover;
}
/*---color---*/

.battle-box #color01{
	background:url(../../img/pre/color-bnr-background01.jpg) no-repeat left top;
	background-size:cover;
}
.battle-box #color02{
	background:url(../../img/pre/color-bnr-background02.jpg) no-repeat left top;
	background-size:cover;
}
/*---king---*/

.battle-box #king01{
	background:url(../../img/pre/king-bnr-background01.jpg) no-repeat left top;
	background-size:cover;
}
.battle-box #king02{
	background:url(../../img/pre/king-bnr-background02.jpg) no-repeat left top;
	background-size:cover;
}
.battle-box .king-float-box{margin-bottom:20px;}
.battle-box .king-float-box .title{
	float:right;
}

.battle-box .king-float-box .text{
	float:left;
}

/*---humanevent---*/

.battle-box #humanevent01{
	background:url(../../img/pre/humanevent-bnr-background01.jpg) no-repeat left top;
	background-size:cover;
}
.battle-box #humanevent02{
	background:url(../../img/pre/humanevent-bnr-background02.jpg) no-repeat left top;
	background-size:cover;
}
.battle-box #humanevent03{
	background:url(../../img/pre/humanevent-bnr-background03.jpg) no-repeat left top;
	background-size:cover;
}
.battle-box #humanevent04{
	background:url(../../img/pre/humanevent-bnr-background04.jpg) no-repeat left top;
	background-size:cover;
}
.battle-box .humanevent-list1{margin-bottom:32px;}



/*******************************
 footer
*******************************/
.footer{
	width:100%;
	padding:40px 0px;
	background-color:#fff;
}

.footer .copy{
	margin-right:20px;
	float:left;
}

.footer .btn{
	float:left;
}

.footer .float-box{
	width:925px;
	margin:0 auto;
	/*display:inline-block;*/
	/*Ie7*/
	*display: inline;
	*zoom: 1;
}

.footer .btn a{
	display:inline-block;
	width:240px;
	height:40px;
	color:#FFF;
	font-size:14px;
	text-align:center;
	text-decoration:none;
	line-height:40px;
	border:solid 1px #FFF;
	box-sizing:border-box;
	/*Ie7*/
	*display: inline;
	*zoom: 1;
}

.footer .btn a .gt{
	padding-left:10px;
}

.footer .ch-box{
	float:left;

}
/*
.footer .ch-box a{
	border:solid 1px #000;
	padding:10px 40px 10px 10px;
	color:#000;
	font-size:14px;
	background:url(../../img/pre/ico-footer-arrow.png) no-repeat right center;
	background-position:212px 13px;
}
*/


/*******************************
 cast-box , detail-box
*******************************/

.cast-box{
	display:none;
	background-color:#fff;
}

.cast-box .cast-inner{
	width:720px;
	background:url(../../img/pre/bg-cast01.gif) no-repeat right 350px;
	padding:20px;
	/*margin:0 auto;*/
	position:relative;
}
.cast-box .cast-inner2{
	background:url(../../img/pre/bg-cast02.gif) no-repeat right bottom;
}
.cast-box .cast-inner3{
background:url(../../img/pre/bg-cast01.gif) no-repeat right bottom;
}
.cast-box .cast-inner.ie8{
	width:720px;
	background:url(../../img/pre/bg-cast01.gif) no-repeat right 350px;
	padding:20px;
	/*margin:0 auto;*/
	position:relative;
	z-index:-1;
}
/*
.win .fancybox-skin,.ie8 .fancybox-skin{
	width:720px!important;
}

.win .fancybox-inner,.ie8 .fancybox-inner{
	width:720px!important;
}
*/
.win .fancybox-skin{
	width:720px!important;
}
.win .fancybox-inner{
	width:720px!important;
}




.cast-box .text-area{
	padding:0 0 50px 20px;
}
.cast-box .text-area-king{
	padding:0 0 0px 20px;
}


.cast-box .cast-name{
	padding:30px 0;
}

.cast-box .cast-pic{
	width:680px;
	margin:0 auto;
	display:none;
}

.cast-box .watch-btn{
	padding:20px 0;
}

.system-box .cast-text{
	padding-bottom:80px;
}


/*------- overcontent ------*/

.overcontent{
	/*position:absolute;*/
	/*top:0;*/
	/*
	width:100%;
	height:100%;
	*/
	z-index:-1;
	transition:all ease 500ms;
	opacity:0;
	filter:alpha(opacity=0);
	/*-ms-filter: "alpha(opacity=100)";*/
}
.overcontent-inner{
	/*position:fixed;*/
	/*background-color:#fafafa;*/
}

.overcontent .cast-lb{
	/*position:relative;*/
	display:none;
}

.overcontent .cast-bg{
	/*background:url(../../img/pre/bg-cast-detail.png) repeat;*/
	width:720px;
}

.overcontent .cast-lb.current{
	display:block;
}
.overcontent.visible{
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	z-index:999;
}

.overcontent .cast-pict img{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}

.overcontent .close-btn img{
	position:absolute;
	top:20px;
	left:20px;
}
.overcontent .close-btn:hover{cursor:pointer;}

.overcontent #cast-shinji .cast-pict img{right:5%;}
.overcontent #cast-reina .cast-pict img{right:15%;}
.overcontent #cast-takashi .cast-pict img{right:10%;}


/*******************************
 cast slider
*******************************/

.pict-area{
	width:100%;
	position:relative;
}

.pict-area .pictures{
	position:relative;
	top:0px;
	left:0px;
	padding:56.17% 0 0;
}

.pict-area .pictures p{
    display: none;
	position:absolute;
	top:0px;
	left:0px;
}

.pict-area .pictures p:first-child{
    display: block;
}

/*
.slider-prev{
	position:absolute;
	margin-top:-26px;
	top:50%;
	left:10px;
	z-index:1;
}

.slider-next{
	position:absolute;
	margin-top:-26px;
	top:50%;
	right:10px;
	z-index:1;
}
*/

.slider-prev img{
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	z-index:1;
	left:2%;
}

.slider-next img{
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	z-index:1;
	right:2%;
}

.slider-prev,.slider-next:hover{
	cursor:pointer;
}


/*******************************
Steam Banner
*******************************/
.bannerArea {
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 2;
}

.bannerArea__close-btn {
	cursor: pointer;
	margin-left: auto;
	margin-bottom: 2px;
	width: 30px;
}

.bannerArea-contents {
	width: 460px;
}

.bannerArea__image {
	display: block;
	width: 100%;
}