html,body {
	height: 100%;
}


* html .layer_board_bg,
* html .layer_board {
	position: absolute;
}

.layer_board_bg {
	position: fixed;
	width: 100%;
	height: 100%;
	
	z-index: 10000;
	
	top: 0;
	left: 0;
	
	display: none;
	cursor: pointer;
	background: #FFF;
}
@media screen and (min-width: 769px) {
.layer_board {
	display: none;
	position: fixed;
	left: 20%;/*余白の半分*/
	margin: 50px 0px 0px 0px;
	background: ;	
	text-align: center;
	z-index: 20000;
/*	width: 60%;/*80*/
	width: 60%;/*80*/	
	color:#FFF;
}

.layer_board img{
	width:100%
}


}

@media screen and (max-width: 768px) {
.layer_board {
	display: none;
	position: fixed;
	left: 5%;/*余白の半分*/
	margin: 15% 0px 0px 0px;
	background: ;	
	text-align: center;
	z-index: 20000;
	width: 90%;/*80*/
	color:#FFF;
}

.layer_board img{
	width:100%
}
}

.movie-wrap {
  position:relative;
  width:100%;/*固定*/
  padding-top:56.25%;/*固定*/
}

.movie-wrap iframe {
  position:absolute;
  top:0;
  right:0;
  width: 100% !important;
  height: 100% !important;

}


/*背景の透明度はtemplate側に設定*/