@charset "utf-8";


/* レスポンシブ 参考
<div id="mMovie">
	<div class="mMovieBox">
		<iframe width="560" height="315" src="" frameborder="0" allowfullscreen>
			<!--YouTube Movie-->
	</iframe>
	</div>
	<p class="mComment">この動画は、一時停止・早戻し・早送りができ、見たい場面を何度でもご覧いただけます。</p>
</div>
*/

@media only screen and (max-width: 767px){
	#modal #mMovie .mMovieBox {
		position: relative;
		width: 100%;
		padding-top: 56.25%;
		overflow:auto; 
		-webkit-overflow-scrolling:touch;
	}
	#modal #mMovie .mMovieBox iframe {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		display:block;
	}
}