@charset "UTF-8";

.modalbox-overlay {
	display: block;
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.8);
	z-index:1000;
}

.modalbox-wrap {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.modalbox-inner {
	width: 320px;
	height: 180px;
	background: #000;
}

.modalbox-iframe {
	width: 100%;
	height: 100%;
}

.modalbox-close {
	position: fixed;
	width: 40px;
	height: 40px;
	top: -50px;
	right: 0;
	background: url(../img/common/btn/btn_modal_close.png) no-repeat;
	background-size: contain;
}

@media screen and (min-width: 737px) {

	.modalbox-inner {
		width: 700px;
		height: 394px;
	}
}