@charset "utf-8";

/*------------------------------

Copyright © 2016 ULM Co., Ltd.

sp/tablet both css
v3.0

------------------------------*/

/*------------------------------

top

------------------------------*/
#main {
	width: 100%;
}

#main h1 img {
	vertical-align: bottom;
}

#buzzes {
	margin: 0 auto 3%;
	width: 96%;
}


/*------------------------------

about movie

------------------------------*/
#about {
	margin: 0 auto;
	padding: 10% 0;
	width: 88%;
}

#about-lead {
}

#about-lead p {
	font-family: "見出ミンMA31 JIS2004", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

#about-lead p:first-child {
	margin: 0 0 3%;
	font-size: 16px;
	color: #000;
	text-align: left;
	line-height: 1.7em;
}

#about-lead p:last-child {
	margin: 0 0 7%;
	font-size: 26px;
	color: #804e21;
}

.about-box {
	margin: 0 auto;
	width: 100%;
}

.about-box p {
	margin: 5% 0;
	font-family: "FP-ヒラギノ明朝 ProN W3", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 12px;
	color: #000;
	line-height: 1.8em;
}

.about-txt {
}

.about-gust {
	font-family: "見出ミンMA31 JIS2004", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 23px;
	color: #804e21;
	text-align: center;
	line-height: 1.6em;
}


/*------------------------------

cast & staff

------------------------------*/
#cast-staff {
	margin: 0 auto;
	padding: 5% 0 10%;
	width: 88%;
}

.cast-box {
	margin: 0 auto 10%;
	width: 100%;
}

.staff-box {
	margin: 0 auto;
	width: 100%;
}

.cast-name, .staff-name {
	margin: 3% 0;
	font-family: "FP-ヒラギノ明朝 ProN W6", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 18px;
	color: #804e21;
	text-align: center;
	line-height: 1.2em;
}

.cast-role, .staff-role {
	font-size: 12px !important;
}

.cast-txt, .staff-txt {
	display: none;
	font-family: "FP-ヒラギノ明朝 ProN W3", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 12px;
	color: #000;
	line-height: 1.7em;
}

.arrow {
	margin: 7% auto 0;
	width: 18px;
	height: 18px;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	box-sizing: border-box;
	transition: all 0.4s;
	-moz-transition: all 0.4s; /* Firefox 4 */
	-webkit-transition: all 0.4s; /* Safari and Chrome */
	-o-transition: all 0.4s; /* Opera */
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.arrow.open {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}