@charset "utf-8";

.movie {
width:800px;
}

.movie-wrap {
     width:800px;
	 margin:0 auto;
	 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%;
}

@media only screen and (max-width:800px){
.movie {
width:98%;
margin:0 auto;
}
.movie-wrap {
     width:100%;
}
}