@charset "UTF-8";
#cast{
	background:#fbf7e3 ;
}
@media screen and (min-width:980px){
#cast{
	width:100%;
	margin:0 auto;
	position:relative;
	background:#fbf7e3 url("../images/caststaff_bg.jpg") center top no-repeat;
	
	padding-top:200px;
	padding-bottom:100px;
	z-index:3;
	}
}
@media screen and (min-width:641px) and (max-width:980px){
	#cast{
	margin:0 auto 0 auto;
	position:relative;
	background:#fbf7e3 url("../images/caststaff_bg_pc.jpg") center top no-repeat;
	
	padding-top:10vw;
	}
}
@media screen and (max-width:640px){
	#cast{
	width:100%;
	margin:0;
	position:relative;
	background:#fbf7e3 url("../images/caststaff_bg_pc.jpg") center top no-repeat;
	background-size:205% auto;
	padding-top:20vw;
	padding-bottom:0vw;
	}
}
#cast ul{ display:block; position:relative;}
#cast li h2,
#cast li p{
	display:none;
	}
#cast li a {
	width:100%;
	height:100%;
	display:block;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#cast li a:link{
	opacity:1;
}
#cast li a:hover{
	opacity:0.8;
}
#cast li img,
#staff li img{
		width:100%;
	}
#castimg01{
	position:absolute;
	bottom:-140px;
	right:-50px;
}
@media screen and (min-width:981px) {
	#cast h1{
	max-width:731px;
	max-height:103px;
	width:731px;
	height:103px;
	background:url("../images/cast_ti_pc.png") no-repeat;
	text-indent:-9999px;
	margin:0px auto 0px auto;
	
	}
	#cast ul{ 
		margin-top:60px;
	}
	#cast li{
		width:32%;
		float:left;
		margin-left:2%;
	}
	#cast li:nth-of-type(3n+1){
		margin-left:0;
	}
	
}

@media screen and (min-width:641px) and (max-width:980px){
	#cast h1{
	max-width:731px;
	width:75vW;
	height:13vw;
	background:url("../images/cast_ti_pc.png") center top no-repeat;
	background-size:100% auto;
	text-indent:-9999px;
	margin:0px auto 0px auto;
		
		
	}
	#cast ul{ 
		position:relative;
	}
	#cast li{
		width:49%;
		float:left;
		margin-left:2%;
	}
	#cast li:nth-of-type(2n+1){
		margin-left:0;
	}
	#cast #castList li:nth-child(4),
	#cast #castList li:nth-child(5),
	#cast #castList li:nth-child(6),
	#cast #castList li:nth-child(7){
		margin-left:2%;
	}

}

@media screen and (max-width:640px){
	#cast h1{
	width:100%;
	
	height:19vw;
	background:url("../images/cast_ti_pc.png") center top no-repeat;
	background-size:100% auto;
	text-indent:-9999px;
	margin:0px auto 0px auto;
		
	}
	#cast ul{ 
		margin-top:5vw;
		width:90%;
		margin:0 auto;
		position:relative;
	}
	#cast #castList{
		padding-bottom:30vw;
	}
	#cast li{
		width:100%;
		line-height:0;
		padding-bottom:8px;
	}
	
	#castimg01{
	position:absolute;
	bottom:0vw;
	right:-3vw;
	width:40vw;
}
}