/*==================================================
サマーバーゲン
==================================================*/
.movie-wrap {
	position: relative;
	padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
	height: 0;
	overflow: hidden;
}

.movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div.main500 {
	max-width: 500px;
	margin: auto;
}
@media screen and (max-width: 768px) {
div.main500 {
	max-width: 100%;
}
}