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


/* cast
============================================================================== */
#castBox{
	height:729px;
	padding:180px 0 0 67px;
	}
#castTitle{
	position:absolute;
	top:81px;
	left:383px;
	}
	@media screen and (max-width: 768px){
		#castBox{
		padding-top:0;
		padding-left:5%;
		padding-right:5%;
		padding-bottom:40px;
		width:90%;
		height:auto;
		background:#fff;
		}
		#castBox h2{ padding-top:20px; margin:0; }
		#castTitle{ display:none;}
	}
#castBox ul li{
	width:262px;
	height:219px;
	float:left;
	position:relative;
	}
	#castBox ul li#cast004{ margin-left:150px; }
#castBox ul li a{
	width:100%;
	height:100%;
	display:block;
	}
	#castBox ul li a p{
	text-indent:-9999px;}
#castBox ul li a:hover{
	
	-webkit-transform:rotate(5deg);
    -moz-transform:rotate(5deg);
    -o-transform:rotate(5deg);
	}
#cast001 a{ background:url(../images/cast01.png) no-repeat; }
#cast002 a{ background:url(../images/cast02.png) no-repeat; }
#cast003 a{ background:url(../images/cast03.png) no-repeat; }
#cast004 a{ background:url(../images/cast04.png) no-repeat;}
#cast005 a{ background:url(../images/cast05.png) no-repeat;}

.plus{ position:absolute; }
#cast001 .plus{ top:170px; right:30px; }
#cast002 .plus{ top:175px; right:25px; }
#cast003 .plus{ top:175px; right:35px; }
#cast004 .plus{ top:170px; right:25px;}
#cast005 .plus{ top:170px; right:15px;}


#castImg01{
	position:absolute;
	top:24px;
	left:612px;
	}
#castImg02{
	position:absolute;
	top:510px;
	left:828px;
	}
#castImg03{
	position:absolute;
	top:708px;
	left:236px;
	}
	
.cbox{
	width:700px;
	height:454px;
	padding:20px 50px;
	position:relative;
	background:#fff;
	display:none;
	}
	.cbox h4{ font-size:25px;  margin-top:20px; margin-left:200px; }
	.cbox h5{ 
		font-family: 'Bitter', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "MS P Gothic", "ＭＳＰゴシック", Verdana, sans-serif;
		font-size:15px;
		color:#e50012;
		margin-left:200px;
		}
	.cbox p{ position:absolute; top:235px; left:60px; width:700px; }
	.cboximg{ position:absolute; top:0px; left:25px; }
@media screen and (max-width: 768px){
		#castBox ul li#cast004{ margin-left:0px; }
		#castImg01,#castImg02,#castImg03{ display:none;}
		#cast001,#cast002,#cast003,#cast004,#cast005 {  display:none; }


		.cbox{
			display:block;
			width:auto;
			height:auto;
			padding:0;
			position:relative;
			background:none;
			padding:20px 0;
			border-top:2px dashed #e50012;
		}
		.cbox h4{ font-size:25px;  margin-top:20px; margin-left:0px; }
	.cbox h5{ 
		font-family: 'Bitter', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "MS P Gothic", "ＭＳＰゴシック", Verdana, sans-serif;
		font-size:15px;
		color:#e50012;
		margin-left:0px;
		}
		.cbox p{ position:relative; top:auto; left:auto; width:auto; }
		.cboximg{ position:relative; top:auto; left:auto; }
	}