/* CSS Document */

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

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

body,html{
}


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




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

.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 top
*******************************/
#section-top{
	width:100%;
	margin:0 auto;
	/*margin-bottom:40px;*/
	background:url(../../img/pre/background-inner-header.png) center top no-repeat #e9e9e9;	
	position:relative;
	top:0px;left:0px;
}

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

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

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

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

.container h1 img{
	width:32.432%;
}

#section-top .sub-title{
	position:absolute;
	top:50%;left:50%;
	margin-top:-42px;margin-left:-120px;
}

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

#section-news{
	background-color:#fff;
}

#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 .movie-box{
	width:925px;
	margin:0 auto;
	padding:10px 0 20px 0;
}


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


.container-movie ul li{
	float:left;
	margin-left:25px;
	height:390px;
}
.container-movie ul li.ml0{
	margin-left:0;
}

.container-movie .title{
	border-left:solid 3px #000;
	margin-top:15px;
	padding-left:15px;
}


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
















#section-news .home{
	padding:50px 0;
}

#section-news .home2{padding-top: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;	
}



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