@charset "utf-8";
/*mp4*/
.movieBox {
	width: 100%;
	padding-bottom: 56.25%;
	overflow: hidden;
	cursor: pointer;
}
.movie {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
.movie .poster {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	width: 100%;
	height: auto;
}
.movie video {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: auto;
}
 @media (min-width: 751px) {
.movieBox {
	margin-top: 15px;
}
}
 @media (max-width: 750px) {
.movieBox {
	margin-top: 3.2vw;
}
}

/*youtube*/
.boxYoutube{
	width: 100%;
	padding-bottom: 56.25%;
	overflow: hidden;
 	position:relative;
}
.boxYoutube .poster{
  position:absolute;
  top:0;
  left:0;
  z-index:9;
  width: 100%;
  height:100%;
  cursor:pointer;
}
.boxYoutube iframe{
	position: absolute;
	top: 0;
	left: 0;
	z-index:1;
	width: 100%;
	height: 100%;
	border-radius: 5px !important;
}
 @media (min-width: 751px) {
.boxYoutube {
	margin-top: 15px;
}
}
 @media (max-width: 750px) {
.boxYoutube {
	margin-top: 3.2vw;
}
}