@charset "utf-8";

/**************************************************
		PC
**************************************************/
#overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
	background:transparent url("../img/lightbox/fancybox_overlay.png") 0 0 repeat;
	z-index:1000;
}

#modalContent {
	padding-top:50px;
	position:absolute;
	display:none;
	z-index:1000;
}

#modalContent .closeButton {
	position:absolute;
	width:30px;
	height:30px;
	top:0;
	right:0;
	background:transparent url("../img/lightbox/close.png") 0 0 no-repeat;
	z-index:1000;
	cursor:pointer;
}


/**************************************************
		SP
**************************************************/
@media screen and (max-width:767px){

#modalContent {
	padding:30px 20px 0 20px;
	width:100% !important;
}

#modalContent .closeButton {
	width:15px;
	height:15px;
	top:;
	right:20px;
	background:transparent url("../img/lightbox/close.png") 0 0 no-repeat;
	-webkit-background-size:15px auto;
	-moz-background-size:15px auto;
	-ms-background-size:15px auto;
	-o-background-size:15px auto;
	background-size:15px auto;
}

#modalContent .movieBox {
	position:relative;
	width:100%;
	padding-top:56.25%;
}

#modalContent .movieBox iframe {
	position:absolute;
	top:0;
	right:0;
	width:100% !important;
	height:100% !important;
}

}