html {}

body {
	background-color: #dae5f9;
}

img {
	width: 100%;
}

.header {
}

.container {
	position: relative;
	width: 100%;
	background: url(../img/staff/bg.jpg) no-repeat center 0;
	background-size: 100% auto;
}

.header .open {
	width: 11.46%;
	position: fixed;
	top: 2%;
	right: 5.33%;
}

main {
	display: block;
	width: 100%;
	padding-top: 15%;
}

.staff {
	width: 100%;
}

.director {
	width: 93.6%;
	margin: 2% auto 0;
}

.staff-list {
	width: 93.6%;
	margin: 0 auto;
	overflow: hidden;
	font-size: 0;
}

.staff-list .staff-item {
	display: inline-block;
	width: 50%;
}

.staff-list .staff-item:nth-child(even) {
	margin-right: 0;
}

.song {
	width: 93.6%;
	margin: 0 auto;
}

.cast {
	width: 100%;
	margin: 11% auto 0;

}

.cast-list {
	width: 93.6%;
	margin: 0 auto;
	overflow: hidden;
	font-size: 0;
}

.cast-list .cast-item {
	display: inline-block;
	width: 50%;
	margin-top: 9%;
}

.leaf {
	position: absolute;
	right: 11%;
	bottom: 15%;
	width: 36%;
}
footer {
	width: 100%;
	background-color: #fff;
	text-align: center;
}

.footer .twitter {
	width: 92.53%;
	margin: 31% auto 0;
	padding-top: 5%;
}

.footer .copyright {
	color: #666666;
	font-size: 9px;
	padding: 8% 0;
}

.to-top {
	position: fixed;
	bottom: 14%;
	right: 5%;
	width: 10.8%;
}

.inview {
	opacity: 0;
}