@charset "utf-8";

/* popup */
.popup {
	position: absolute;
	width: 96%;
	top: 150px; left: 50%; transform: translateX(-50%);
	z-index: 999;
	transition: .5s;
	border: 1px solid #b8b8b8;
	z-index: auto;
}
.popup2 {z-index: 1002;}
.popup1 {z-index: 1001;}
.popup.on {
	transform: translate(-50%, 30px);
	opacity: 0;
	visibility: hidden;
}
.popup img {width: 100%;}
.popup .btnWrap {width: 100%; height: 32px; margin-top: -1px; background: rgba(255,255,255,.9);}
.popup .btnWrap p {
	float: right;
	display: inline-block;
	width: 60px; height: 24px;
	margin: 4px 14px;
	line-height: 20px;
	font-size: 16px;
	border: 1px solid #363e40;
	cursor: pointer;
	text-align: center;
	transition: .4s;
}
.popup .btnWrap p.day_close {float: left; width: 160px;}
.popup .btnWrap p:hover {background: #363e40; color: #fff;}

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