@charset "utf-8";

/* popup */
.popup {
	position: absolute;
	width: 96%;
	top: 80px; left: 50%; transform: translateX(-50%);
	z-index: 99;
	transition: .5s;
	border: 1px solid #b8b8b8;
	z-index: auto;
}
.popup2 {z-index: 12;}
.popup1 {z-index: 11;}
.popup.on {
	transform: translate(-50%, 30px);
	opacity: 0;
	visibility: hidden;
}
.popup img {width: 100%;}
.popup .btnWrap {width: 100%; height: 32px; margin-top: -1px; background: #374c8f;}
.popup .btnWrap p {
	float: right;
	display: inline-block;
	width: 60px; height: 24px;
	margin: 4px 14px;
	line-height: 20px;
	font-size: 1.6rem; color: #fff;
	border: 1px solid #fff;
	cursor: pointer;
	text-align: center;
	transition: .4s;
}
.popup .btnWrap p.day_close {float: left; width: 160px;}
.popup iframe {width: 100%; height: 320px;}

/* PC */
@media screen and (min-width:1084px){
	/* popup */
	.popup {left: 80px; width: auto; transform: translateX(0); top: 120px;}
	.popup2 {left: 950px;}
	.popup3 {left: 1210px;}
	.popup.on {transform: translate(0,30px);}
	.popup img {width: auto;}
	.popup iframe {width: 840px; height: 480px;}
}