.modal-bg{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 64px 24px;
	padding: min(20vw, 80px) 5vw;
	text-align: center;
	background: rgba(192,192,192,0.6);
	backdrop-filter: blur(8px);
	cursor: pointer;
	z-index: 9999;
}
.modal-container{
	position: relative;
	display: inline-block;
	padding: 44px 44px 160px;
	padding: min(5vw, 44px);
	padding-bottom: calc(min(5vw, 44px) + 120px);
	max-width: 100%;
	max-height: 100%;
	text-align: initial;
	background: #FDFDFD;
	box-sizing: border-box;
	box-shadow: 4px 4px 24px rgba(0,0,0,0.3);
	cursor: initial;
}
.modal-close-button{
	position: absolute;
	top: 0;
	right: 0;
	width: 44px;
	width: clamp(32px, 5vw, 44px);
	height: 44px;
	height: clamp(32px, 5vw, 44px);
	background: no-repeat center / 40% auto url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTAgNTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogIDxsaW5lIHgxPSIyIiB5MT0iMiIgeDI9IjQ4IiB5Mj0iNDgiIHN0cm9rZT0iIzI1MjUyNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjMiIC8+DQogIDxsaW5lIHgxPSIyIiB5MT0iNDgiIHgyPSI0OCIgeTI9IjIiIHN0cm9rZT0iIzI1MjUyNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjMiIC8+DQo8L3N2Zz4=');
	cursor: pointer;
}
.modal-wrapper{
	max-height: 100%;
	box-sizing: border-box;
	overflow: auto;
}

.modal-wrapper h2{
	margin: 15px auto;
}

.modal-use-coupon-wrapper{
	position: absolute;
	left: 0;
	left: min(5vw, 44px);
	right: 0;
	right: min(5vw, 44px);
	bottom: 44p;
	bottom: min(5vw, 44px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 120px;
}
.modal-use-coupon{
	margin-bottom: 15px;
	font-size: 0.9em;
	text-align: center;
}
.modal-use-coupon span{
	display: inline-block;
}
.modal-button{
	display: block;
	margin: 0 auto;
	padding: 1em 05em;
	width: 360px;
	max-width: 100%;
	color: white;
	font-weight: 400;
	text-align: center;
	background: #252525;
	border: none;
	cursor: pointer;
	transition: 0.4s;
}


/* クーポンコード */
.modal-code{
	display: flex;
	align-items: center;
	flex-direction: column-reverse;
	/*margin: 48px 24px;*/
	margin: 48px auto;
}
.modal-code img{
	width: 100%;
	max-width: 100%;
	height: auto;
}
.modal-code figcaption{
	margin-bottom: 1em;
	font-size: 1.5em;
	text-align: center;
}