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


.mainContents .popupBox{
	display: none;
	}




/************

cast

************/


.mainContents .castBox{
	text-align: center;
	max-width: 700px;
	margin: 0 auto;
	}
		
.mainContents .castBox .columnBox3 .bigL{
	float: left;
	margin: 0 3% 0 0;
	width: 30.3333%;
	}
.mainContents .castBox .columnBox3 .bigR{
	float: right;
	margin: 0 0 0 3%;
	width: 30.3333%;
	}
.mainContents .castBox .columnBox3 .bigC{
	float: left;
	margin: 0 1.5% 0 1.5%;
	width: 30.3333%;
	}
	
.mainContents .castBox .columnBox5 .bigL{
	float: left;
	margin: 0 3% 0 0;
	width: 17.6%;
	}
.mainContents .castBox .columnBox5 .bigR{
	float: right;
	margin: 0 0 0 3%;
	width: 17.6%;
	}
.mainContents .castBox .columnBox5 .bigC{
	float: left;
	margin: 0 0 0 0;
	width: 17.6%;
	}

	
.mainContents .castBox .mt20{
	margin-top: 4%;
	}
.mainContents .castBox .mt35{
	margin-top: 7%;
	}
.mainContents .castBox .mt50{
	margin-top: 10%;
	}
	
.popupBoxCon{
	max-width: 700px;
	margin: 0 auto;
	padding: 20px 0;
	color: #d2d2d2;
	}
	@media screen and (max-width: 900px) {
	.popupBoxCon{
		max-width: 85%;
		}
	}
	@media screen and (max-width: 639px) {
	.popupBoxCon{
		max-width: 80%;
		}
	}
	
.popupBoxCon h4{
	height: 45px;
	margin: 0 0 5px 0;
	}	
	@media screen and (max-width: 639px) {
	.popupBoxCon h4{
		margin: 10px 0 5px 0;
		}	
	}
.popupBoxCon .img{
	width: 260px;
	margin: 0 25px 25px 0;
	float: left;
	}
	@media screen and (max-width: 639px) {
	.popupBoxCon .img{
		width: 100%;
		margin: 0 auto;
		float: none;
		}
	}
	
.popupBoxCon .txt{
	line-height: 1.8em;
	}	
	@media screen and (max-width: 639px) {
	.popupBoxCon .txt{
		line-height: 1.7em;
		margin: 0 0 20px 0;
		}	
	}
	
.popup-modal-dismiss{
	text-align: right;
	font-weight: bold;
	font-size: 130%;
	cursor: pointer;
	}	
	


/************

スタッフ

************/

.mainContents .staffBox{
	text-align: center;
	color: #fff;
	margin: 0 0 200px 0;
	}
	@media screen and (max-width: 639px) {
	.mainContents .staffBox{
		margin: 0 0 50px 0;
		}
	}
.mainContents .staffBox .spBox{
	display: none;
	}
	@media screen and (max-width: 1000px) {
	.mainContents .staffBox .pcBox{
		display: none;
		}
	.mainContents .staffBox .spBox{
		display: block;
		}
	}
.mainContents .staffBox h4{
	height: 52px;
	}
	@media screen and (max-width: 900px) {
	.mainContents .staffBox h4{
	height: 40px;
	}
	}

.mainContents .staffBox p{
	margin: 40px 0;
	line-height: 2.3em;
	font-size: 114.3%;
	}
.mainContents .staffBox p .txtS{
	font-size: 75.0%;
	}