@charset "UTF-8";

@import "../../files/css/layout.css";


#contents {
	background: #fff;
}
#contents .movie {
	margin: 4% 0 6%;
	position: relative;
	text-align: center;
}
#contents .movie .date {
	width: 22%;
	position: absolute;
	top: -7%;
	left: 18.5%;
	z-index: 1;
}
	#contents .movie .box {
		width: 62.5%;
		height: 69.5%;
		margin: auto;
		position: absolute;
		top: 9%;
		right: 0;
		left: 0;
		overflow: hidden;
	}
	#contents .movie .box.line2 {
		top: 8%;
		height: 64%;
	}

@media screen and (max-width: 380px) {
	#contents .movie .box {
		height: 131px;
	}
	#contents .movie .box.line2 {
		height: 131px;
		top: 8.25%;
	}
}
@media screen and (max-width: 320px) {

	#contents .movie .box {
		top: 9.5%;
		height: 111px;
	}
	#contents .movie .box.line2 {
		height: 111px;
		top: 8.5%;
	}

}
		#contents .movie .box iframe {
			width: 100%;
			height: 100%;
			z-index: 1;
		}
	#contents .movie .txt {
		line-height: 0;
		margin-top: 4px;
	}



#btn {
	position: relative;
}
#btn_back {
	width: 44%;
	margin: auto;
	position: absolute;
	top: 56%;
	left: 0;
	right: 0;
}
#btn_back a:hover {
	opacity: 0.7;
}
#footer {
	padding-top: 0;
}
#footer .box {
	margin-top: 0;
}