@charset "utf-8";

#movie_box {
	width: 80%;
	margin: 0 auto;
	padding: 30px;
}
#player {
	float: left;
	width: 100%;
	height:440px;
}
#player iframe {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width:600px){
#movie_box {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
#player {
	float: left;
	width: 100%;
	height:340px;
}
}
@media only screen and (max-width:400px){
#player {
	height:280px;
}
}
#thumbnail {
	float: left;
	width: 100%;
	margin: 20px 0 0;
	padding: 0;
	clear:both;
}
#thumbnail li {
	list-style: none;
	margin-bottom: 7px;
	width: 180px;
	float: left;
}
#thumbnail li img {
	width: 160px;
	height: auto;
}
.back {
	clear: both;
	padding-top: 40px;
}