@charset "utf-8";

#movie{
width:96%;
margin:15px auto;
padding-right: 25px;
}

#l_movie{
width:49%;
float:left;
}

#l_movie img{
width:100%;
}

#r_movie{
width:49%;
float:right;
}

#r_movie img{
width:100%;
}

@media (max-width: 768px) {
#movie{
padding-right:0;
}
}

@media screen and (max-width: 640px) {
	#wrap {
		width: 80%;
		margin: 5% auto;
	}
}

.movie {
width:90%;
}

.movie-wrap {
     width:90%;
	 margin:5px 0;
	 position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
	 padding-left:5px;
}
 
.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%;
}
}