@charset "utf-8";

/* popup */
.popup {
	position: absolute !important;
	width: 450px !important;
	top: 150px; left: 50%; transform: translateX(-50%);
	z-index: 999;
	transition: .5s;
	border: 1px solid #b8b8b8;
	z-index: auto;
}
.popup3 {z-index: 1003;}
.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: -6px; 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 {width: auto !important;}
	#popup {left: 56px; transform: translateX(0); top: 120px;}
	.popup2 {left: 740px; top: 120px; transform: translateX(0);}
	.popup3 {left: 1160px; top: 120px; transform: translateX(0);}
	.popup.on {transform: translate(0,30px);}
	.popup img {width: auto;}
}