@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;}

.kiwamiswich {

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

}

.kiwamiswich img{
	width: 100%;
}

.kiwamiswich.on {

	opacity: 1 !important;

}

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

body,html{
}
.fl{float:left;}
.fr{float:right;}
.sp-w25{width:25%!important;}
.sp-w28{width:28%!important;}
.sp-w30{width:30%!important;}
.sp-w40{width:40%!important;}
.sp-w43{width:43%!important;}
.sp-w45{width:45%!important;}
.sp-w50{width:50%!important;}
.sp-w55{width:55%!important;}
.sp-w60{width:60%!important;}
.sp-none{display:none;}
.sp-on{display:block;}

#wrapper{
	overflow:hidden;
	width:100%;
	min-width:640px;
	height:auto;
	margin:0 auto;
	position:relative;
	top:0px;left:0px;
}

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

.centered{
}

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

a{
	color:#000;
}



/*******************************
 header
 	|--main menu
	|--sns list
	|--navIcon
*******************************/
.header{
	width:100%;
	height:70px;
	background:url(../../img/pre/background-menu01.jpg) rgba(0,0,0,1);
	background-size:cover;
	position:fixed;
	top:0px;left:0px;
	z-index:100;
	text-align:left;
}

.header .head-box{
	width:100%;
	display:block;
}

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

/* main-menu */
.main-menu{
	float:none;
	position:relative;
	top:0px;left:0px;
}

.main-menu .menu-box{
	width:100%;
	display:none;
	background-color:#000;
	padding-left:18px;
	border-top:solid 1px #858585;
	position:absolute;
	top:70px;left:0px;
	padding-bottom:20px;
}

.main-menu ul{
	float:none;
}

.main-menu ul li{
	float:none;
	position:static;
	padding:15px 0;
	margin-left:0;
}

.main-menu .menu-box >　ul > li:last-child{
	margin-bottom:40px;
}

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

.main-menu .menu-box > ul > li a{
	display:block;
	color:#FFF;
	background:url(../../img/pre/img01_sp.jpg) left top no-repeat;
	padding:10px 0px;
	padding-left:20px;
}


.header .navIcon{
	width:40px;
	height:35px;
	position:absolute;
	top:15px;right:16px;
	cursor:pointer;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.header .navIcon:hover{
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}

.header .navIcon:hover{

}

.header .navIcon span{
	display:block;
	width:40px;
	height:4px;
	background-color:#FFF;
	/*border:solid 2px #fff;*/
	margin:0 auto;
	position:relative;
	top:16px;left:0px;
	-webkit-transition: all cubic-bezier(.13,.58,0,1.04) .5s;
	transition: all cubic-bezier(.13,.58,0,1.04) .5s;
}

.header .navIcon.open span{
	background: transparent;
}

.header .navIcon span:before,
.header .navIcon span:after{
	content:"";
	width:40px;
	height:4px;
	background-color:#FFF;
	position:absolute;
	left:0px;
	 -webkit-transition:all cubic-bezier(.13,.58,0,1.04) .5s;
   -moz-transition:all cubic-bezier(.13,.58,0,1.04) .5s;
   -ms-transition:all cubic-bezier(.13,.58,0,1.04) .5s;
   -o-transition:all cubic-bezier(.13,.58,0,1.04) .5s;
   transition:all cubic-bezier(.13,.58,0,1.04) .5s;
}

.header .navIcon span:before{
	top:-15px;
}

.header .navIcon.open span:before{
	top: 0px;
	border-color: #FFF;
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg);
}

.header .navIcon span:after{
	top:15px;
}

.header .navIcon.open span:after{
	top: 0px;
	border-color: #FFF;
	-webkit-transform: rotate(-225deg);
	-moz-transform: rotate(-225deg);
	-ms-transform: rotate(-225deg);
	-o-transform: rotate(-225deg);
	transform: rotate(-225deg);
}

/* sns-list */
.sns-list{
	padding:0;
	margin-left:0;
	float:none;
}

.sns-list .sns-list-text{
	color:#b0b0b0;
	font-size:10px;
	line-height:30px;
	margin-right:18px;
	float:left;
}

.sns-list ul{
	float:left;
}

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

.sns-list ul li:first-child{
	margin-left:0px;
}
/*******************************
 container
 	|--section
 	|--section top
 	|	|--sns-list
	|	|--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;
}

.section .section-title .section-title-inner{
	width:90.244%;
	background:url(../../img/pre/background02_sp.gif) center top no-repeat;
	line-height:46px;
	margin:0 auto;
}

/*============
section top
============*/
#section-top{
	margin-bottom:0px;
	background:url(../../img/pre/background01_sp.jpg) right top 100% no-repeat;
	background-color:#fbfbfb;
	background-size:100%;
}

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

#section-top .container-title .logo-ps{
	position:absolute;
	top:96px;left:0px;
}
#section-top .container-title p:nth-of-type(2) {
    margin: 0 5%;
    padding-bottom: 1.938%;
}

#section-top .container-title .logo-ps img{
	width:80%;
}

.container .container-inner{
	width:100%;
	padding:0px 15px;
	margin:0 auto;
}

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

.container h1 img{
	width:68.281%;
}


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

#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 .btn-morenews{
	position:absolute;
	right:0;
	top:4px;
	height:40px;
	padding:0px 40px 0px 10px;
	font-size:14px;
	color:#efcc3e;
	background:url(../../img/pre/bg-morenews-arrow.png) no-repeat right center;
	background-position:120px 17px;
	border:solid 1px #efcc3e;
}



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

#section-news .news-box ul li{
	width:100%;
	font-size:18px;
	padding:10px 0;
	border-bottom:1px solid #afafaf;
}

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

#section-news .news-box .date{
	width:20%;
	float:left;
}

#section-news .news-box .cont{
	width:80%;
	float:left;
}



/* movie */
.container-movie{text-align:center;}

.container-movie .movie-article{
	width:100%;
	display:table;
	background:url(../../img/pre/background-movie.png) no-repeat;
	background-size:100%;
	padding:0.8297% 0px 1.1475%;
	margin-bottom:17px;
	position:relative;
	top:0px;left:0px;
	table-layout:fixed;
}

.container-movie .movie-article .movie-display-table{
	width:100%;
	display:table;
	table-layout:fixed;
}

.container-movie .movie-article.new:before{
	content:"";
	width:57px;
	height:26px;
	background:url(../../img/pre/icon-new_sp.gif);
	position:absolute;
	top:6.295%;left:0px;
	z-index:50;
}

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

.container-movie h2{
	line-height:100%;
}

.container-movie h2 img{
	width:80%;
}

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

.container-movie .movie{
	height:auto;
	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;
}

.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 img{width:100%;}

.movie-small-box .title{padding:0;}

.movie-small-box .title img{width:70%;}


.movie-small-box ul{display:table;}

.movie-small-box ul li{
	display:table-cell;
	padding:0 5px;
	float:none;
}

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

.movie-small-box .btn-more-movie{
	width:60%;
}

/* btn box */
#section-top .btn-box{
	text-align:center;
	margin-top:6px;
	padding-bottom:18px;
	position:static;
}

#section-top .btn-box ul{display:table;margin:auto;}

#section-top .btn-box ul li{display:table-cell;vertical-align:bottom;}

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

#section-top .btn-box ul li:first-child{margin-bottom:0;}

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


#section-spec .btn-box{
	text-align:center;
	position:static;
	clear:both;
}

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

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

.btn-box .sns-box{margin-bottom:40px;}
.btn-box .sns-box ul {
float: left;
position: relative;
left: 50%;
}
.btn-box .sns-box ul li {
float: left;
position: relative;
left: -50%;
margin:0 10px;
}
/*=====================
section introduction
=======================*/
#section-introduction .section-background{
	background:url(../../img/pre/section01_background01.jpg) no-repeat;
	background-size:cover;
}

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

#section-introduction h3{
	margin-bottom:55px;
}

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

#section-introduction img{
	max-width:100%;
}


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

.section-cast-list li a{
	display:block;
	width:100%;
	height:100%;
	padding:50% 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 a img{
	position:absolute;
	top:0;
	bottom:0;
	left:4.68%;
	margin:auto;
}

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


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

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

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

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

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

#matushige{
	background:url(../../img/pre/section02_background15.jpg) no-repeat left top;
	background-size:cover;
	border-right:solid 1px #fff;
	background-position:-120px 0px;
}
#takashi{
	background:url(../../img/pre/section02_background16.jpg) no-repeat left top;
	background-size:cover;
	background-position:-120px 0px;
}
#saya{
	background:url(../../img/pre/section02_background17.jpg) no-repeat left top;
	background-size:cover;
	border-right:solid 1px #fff;
	background-position:-120px 0px;
}



/*=====================
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 15px;
}

#section-spec .container-inner img{
}
/*section spec box*/
.section-spec-box{
	float:none;
	margin-top:22px;
}

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

.section-spec-box .btn-trial{
	position:absolute;
	bottom:34px;
	left:25%;
	right:25%;
	margin-left:-20%;
	width:90%;
}


.section-spec-box .spec-text .figure{
	width:32.969%;
	margin-right:3.75%;
	float:left;
	position:static;
	top:0;
	left:0;
	margin-left:0;
}

.section-spec-box .spec-text .figure img{
	max-width:100%;
}


/* spec detail second */
.spec-detail-first .text{
	width:59.375%;
	margin-bottom:24px;
	float:left;
	padding-top:0;
	margin-right:0;
}

.spec-detail-first .text img{
	width:100%;
}

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

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

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

.spec-detail-second .btn-music{margin-top:45px;}

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

#section-story .container-inner{padding:80px 15px 15px 15px;}

#section-story .chapter-img-list .chapter-ul{
	float:none;
	width:100%;
	display:table;
	table-layout:fixed;
}

#section-story .chapter-img-list ul li{
	float:none;
	marin-right:0;
	display:table-cell;
	width:20%;
	padding-left:2px;
}

#section-story .chapter-img-list ul li img{width:100%;}
#section-story .pictures{height:682px;}

#section-story .story-nav ul{
	position:absolute;
	top:15px;
	left:0;
	z-index:10;
}
#section-story .page{
	height:790px;
	padding-bottom:110px;
}

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

#section-story .chapter1{
	background:url(../../img/pre/section06-bg-chapter01_sp.jpg) no-repeat;
	background-size:cover;
}
#section-story .chapter2{
	background:url(../../img/pre/section06-bg-chapter02_sp.jpg) no-repeat;
	background-size:cover;
}
#section-story .chapter3{
	background:url(../../img/pre/section06-bg-chapter03_sp.jpg) no-repeat;
	background-size:cover;
}

/*=====================
section system
=======================*/
#section-system .section-system-list dt{
	width:100%;
	position:relative;
}

#section-system .section-system-list dt a{
	display:block;
	width:100%;
	height:100%;
	padding:20% 0 0;
	position:relative;
	top:0px;left:0px;
}
#section-system .section-system-list dt .system-text2{margin-top:-31px;}
#section-system .section-system-list dt .system-text3{margin-top:-45px;}
#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 a img{
	position:absolute;
	top:0;
	bottom:0;
	left:4.68%;
	margin:auto;
}

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

#section-system #battle{
	background:url(../../img/pre/section05_background01.jpg) no-repeat left top;
	background-size:cover;
	border-right:1px solid #fff;
	background-position:-160px 0;
}

#section-system #dokodemo{
	background:url(../../img/pre/section05_background02.jpg) no-repeat left top;
	background-size:cover;
	border-right:1px solid #fff;
}
#section-system #shinohara{
	background:url(../../img/pre/section05_background03.jpg) no-repeat left top;
	background-size:cover;
	border-right:1px solid #fff;
	background-position:-160px 0;
}
#section-system #color{
	background:url(../../img/pre/section05_background04_sp.jpg) no-repeat left top;
	background-size:cover;
	border-right:1px solid #fff;
	background-position:0px 0px;
}
#section-system #king{
	background:url(../../img/pre/section05_background05_sp.jpg) no-repeat left top;
	background-size:cover;
	border-right:1px solid #fff;
	background-position:0px 0px;
}
#section-system #playspot{
	background:url(../../img/pre/section05_background06.jpg) no-repeat left top;
	background-size:cover;
	border-right:1px solid #fff;
	background-position:-160px 0px;
}


/*---system-box---*/

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

.battle-box .battle-inner{
	width:100%;
	margin:0 auto;
	padding:0 10px;
	position:relative;
}
.battle-box .battle-inner2{
	width:100%;
	margin:0 auto;
	padding:0;
	position:relative;
}
.battle-box .battle-inner2 ul{
	width:100%;
	display:table;
	table-layout:fixed;
}
.battle-box .battle-inner2 ul li{
	width:100%;
	display:table-cell;
	float:none;
	padding-left:2px;
}
.battle-box .battle-inner2 ul li:first-child{
	padding-left:0;
}
.battle-box .battle-inner2 ul li a{
	display:block;
	width:100%;
	height:100%;
}

.battle-box .battle-inner2 ul li img{
	width:100%;
}


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

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

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

.battle-box .battle-list li{
	position:relative;
	float:none;
	width:100%;
	height:100%;
	margin-left:0;
	margin-bottom:2px;
}
.battle-box .battle-list li:last-child{
	margin-right:0;
}

.battle-box #chinpira{
	background:url(../../img/pre/battle-bnr-background01_sp.jpg) no-repeat left top;
	background-size:cover;
}
.battle-box #kowashiya{
	background:url(../../img/pre/battle-bnr-background02_sp.jpg) no-repeat left top;
	background-size:cover;
}
.battle-box #rush{
	background:url(../../img/pre/battle-bnr-background03_sp.jpg) no-repeat left top;
	background-size:cover;
}
.battle-box #style{
	background:url(../../img/pre/battle-bnr-background04_sp.jpg) no-repeat left top;
	background-size:cover;
}

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

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

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

.battle-box .battle-list 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.right15 a:before{
	right:4.68%;
}
.battle-box li.right8 a:before{
	right:4.68%;
}
.battle-box li.right20 a:before{
	right:4.68%;
}
.battle-box li.right30 a:before{
	right:4.68%;
}
.battle-box li.right22 a:before{
	right:4.68%;
}
.battle-box li.right27 a:before{
	right:4.68%;
}

.battle-box li.right40 a:before{
	right:4.68%;
}



.battle-box .battle-list li .battle-text{
	position:absolute;
	top:50%;
	margin-top:-21px;
	left:4.68%;
	margin-left:0;
}

.battle-box .battle-list li#style .battle-text,
.battle-box .battle-list li#kyoka .battle-text{
	left:4.68%;
}


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

.battle-box #dojimaryu{
	background:url(../../img/pre/dokodemo-bnr-background02_sp.jpg) no-repeat left top;
	background-size:cover;
}
.battle-box #color01{
	background:url(../../img/pre/color-bnr-background01_sp.jpg) no-repeat left top;
	background-size:cover;
}
.battle-box #color02{
	background:url(../../img/pre/color-bnr-background02_sp.jpg) no-repeat left top;
	background-size:cover;
}


.battle-box .dokodemo-list li{
	width:100%;
	height:100%;
	float:none;
	margin-left:0;
	margin-bottom:15px;
}

.battle-box .dokodemo-list li a{
	display:block;
	width:100%;
	padding-top:16%;
}

.battle-box .dokodemo-list li .dokodemo-text{
	position:absolute;
	top:50%;
	margin-top:-19px;
	left:4.68%;
	margin-left:0;
}
.battle-box .dokodemo-list li .shinohara-text{
	position:absolute;
	top:50%;
	margin-top:-32px;
	left:4.68%;
	margin-left:0;
}
.battle-box .dokodemo-list li .color-text{
	position:absolute;
	top:50%;
	margin-top:-16px;
	left:4.68%;
	margin-left:0;
}
.battle-box .dokodemo-list li .king-text{
	position:absolute;
	top:50%;
	margin-top:-13px;
	left:4.68%;
	margin-left:0;
}
.battle-box .dokodemo-list li .humanevent-text{
	position:absolute;
	top:50%;
	margin-top:-18px;
	left:4.68%;
	margin-left:0;
}



.battle-box .king-float-box .title{
	float:none;
}

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

.battle-box .humanevent-list1{margin-bottom:0;}



/*******************************
 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;
}*/

.is-image100-sp{
	width:100%;
}

.is-image50-sp{
	width:50%;
}

.is-none-sp{
	display:none;
}


/*******************************
 footer
*******************************/
.footer{
	width:100%;
	text-align:center;
	padding:17px 0px 13px;
}

.footer .copy{
	float:left;
}

.footer .btn{
	float:left;
}

.footer .float-box{
	width:90.244%;
	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:right;

}


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

.cast-box{
	position:relative;
	width:100%;
	/*height:100%;*/
	display:none;
	background-color:#fff;
}


.cast-box img{width:100%}

.cast-box .cast-inner{
	width:100%;
	background:url(../../img/pre/bg-cast01.gif) no-repeat right bottom;
	background-size:50%;
	padding:20px;
	position:relative;
}

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

.cast-box .cast-text{
	width:100%;
}

.cast-box .watch-btn{
	padding:20px 0;
}
.cast-box .watch-btn img{
	width:40%;
}


.cast-btn02{
	position:absolute;
	top:0;
	left:0;
}

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

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

.overcontent{
	/*position:absolute;*/
	/*top:0;*/
	width:100%;
	height:100%;
	/*background-color:rgba(0,0,0,0.8);*/
	z-index:-1;
	transition:all ease 500ms;
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
}
.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:680px;*/
	/*height:839px;*/
	/*margin-top:20px;*/
}

.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{
	width:15%;
	position:absolute;
	top:20px;
	left:20px;
}
.overcontent .close-btn:hover{cursor:pointer;}

.overcontent #reina01 .cast-pict img{padding-right:20px;}

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

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

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

.slider-next img{
	width:8%;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	z-index:1;
	right:2%;
}
.chapter .slider-prev img{width:157px;}

.chapter .slider-next img{width:157px;}


.win .fancybox-skin{
	width:auto!important;
}

.win .fancybox-inner{
	width:auto!important;
}


/*******************************
Steam Banner
*******************************/
.bannerArea {
	position: fixed;
	right: 2.5%;
	bottom: 2.5%;
	width: 95%;
	z-index: 2;
}

.bannerArea__close-btn {
	cursor: pointer;
	margin-left: auto;
	margin-bottom: 2.5%;
	width: 10%;
}

.bannerArea-contents {
	width: 100%;
}

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