@charset "utf-8";

/*----------------------------- promo_modal -----------------------------*/
/****************************** all ******************************/
.promo_modal_wrapper{
	background:rgba(0,0,0,0.7);
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:2147483647;
	display:none;
	justify-content:center;
	align-items:center;
}

.promo_modal{
	background:#fff;
	position:relative;
}

.promo_modal_trigger_hide{
	aspect-ratio:1;
	border:solid #fff 1px;
	background:#fff;
	border:none;
	position:absolute;
	border-radius:50%;
}

.promo_modal_trigger_hide::before, 
.promo_modal_trigger_hide::after{
	content:"";
	background:#000;
	position:absolute;
	transform:rotate(45deg);
	display:block;
}
/****************************** /all ******************************/

/****************************** pc ******************************/
@media screen and (min-width:1280px){
	.promo_modal_wrapper{
		padding-block:20px;
	}
	
	.promo_modal_trigger_hide{
		width:24px;
		top:6px;
		right:6px;
	}
	
	.promo_modal_trigger_hide::before{
		width:2px;
		height:20px;
		top:2px;
		left:calc(50% - 1px);
	}
	
	.promo_modal_trigger_hide::after{
		width:20px;
		height:2px;
		top:calc(50% - 1px);
		left:2px;
	}
}
/****************************** /pc ******************************/

/****************************** tablet ******************************/
@media screen and (min-width:768px) and (max-width:1280px){
	.promo_modal_wrapper{
		padding-block:2.0vw;
	}
	
	.promo_modal_trigger_hide{
		width:2.4vw;
		top:0.6vw;
		right:0.6vw;
	}
	
	.promo_modal_trigger_hide::before{
		width:0.2vw;
		height:2.0vw;
		top:0.2vw;
		left:calc(50% - 0.1vw);
	}
	
	.promo_modal_trigger_hide::after{
		width:2.0vw;
		height:0.2vw;
		top:calc(50% - 0.1vw);
		left:0.2vw;
	}
}
/****************************** /tablet ******************************/

/****************************** sp ******************************/
@media screen and (max-width:768px){
	.promo_modal_wrapper{
		padding-block:5.0vw;
	}
	
	.promo_modal_trigger_hide{
		width:8.0vw;
		top:1.2vw;
		right:1.2vw;
	}
	
	.promo_modal_trigger_hide::before{
		width:0.4vw;
		height:7.0vw;
		top:0.5vw;
		left:calc(50% - 0.2vw);
	}
	
	.promo_modal_trigger_hide::after{
		width:7.0vw;
		height:0.4vw;
		top:calc(50% - 0.2vw);
		left:0.5vw;
	}
}
/****************************** /sp ******************************/
/*----------------------------- /promo_modal -----------------------------*/