@charset "utf-8";
/* CSS Document */

#mainimages{
}
	#mainimages video{
	}
	#mainimages video.overHeight{
		height: 100%;
		width: auto;
	}
	#mainimages .credit_poster{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background: #eee;
	}
	#mainimages span.texture{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background-size:auto !important;
		background-repeat:repeat !important;
		background:url(../../img/index/video-texture.png) !important;
	}
	#mainimages span.v_sound{
		position: absolute;
		top: 15px;
		left: auto;
		right: 15px;
		width: 35px;
		height: 35px;
		background:url(../../img/index/video-sound.png) !important;
		background-size:35px 35px !important;
		background-repeat:repeat !important;
	}
	#mainimages span.v_sound.v_muted{
		background:url(../../img/index/video-mute.png) !important;
		background-size:35px 35px !important;
		background-repeat:repeat !important;
	}
	#keyvisual span.v_play{
		width: 70px;
		height: 70px;
		background:url(../../img/index/video-play.png) !important;
		background-size:70px 70px !important;
		background-repeat:repeat !important;
		margin:0 auto 50px;
		display:block;
		z-index:9999;
		transition: 0.5s opacity;
			-o-transition: 0.5s opacity;
			-ms-transition: 0.5s opacity;
			-moz-transition: 0.5s opacity;
			-webkit-transition: 0.5s opacity;
	}
	body.js-scrollstart #mainimages span.v_play{opacity:0;}