#moviePlayer {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	font-family: 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif;
}

#moviePlayer .body {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#moviePlayerBody {
	width: 28.0em;
	height: 15.7em;
}

#moviePlayerBody iframe {
	width: 100%;
	height: 100%;
}

#moviePlayer button.close {
	display: block;
	position: absolute;
	left: 100%;
	bottom: 100%;
	width: 1em;
	height: 1em;
	border: none;
	margin: 0 0 0 auto;
	padding: 0;
	background: none;
	color: rgba(0,0,0,0);
	font-size: 2em;
	line-height: 1em;
	cursor: pointer;
}
#moviePlayer button.close::before,
#moviePlayer button.close::after {
	content: '';
	display: block;
	visibility: visible;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 90%;
	height: 0.05em;
	background: white;
}
#moviePlayer button.close::before {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}
#moviePlayer button.close::after {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}

@media all and (max-width: 640px) {
	#moviePlayer {
		font-size: 4vw;
	}
	#moviePlayer button.close {
		left: auto;
		right: 0;
		bottom: 105%;
	}
	#moviePlayerBody {
		font-size: 0.75em;
	}
}
@media all and (min-width: 641px) {
	#moviePlayer {
		font-size: 2vw;
	}
}
@media all and (min-width: 1001px) {
	#moviePlayer {
		font-size: 20px;
	}
}