@charset "utf-8";

/*----------------------------
	coupon
------------------------------*/
.ttlCoupon {
	font-size: 2.2rem;
	font-weight: bold;
	margin-bottom: 10px;
}
.note {
	line-height: 1.7;
	margin-bottom: 30px;
}

/*couponBlock*/
.couponBlock {
	border-top: solid 1px #c2c2c2;
}
.couponBlock .couponBox {
	border-bottom: solid 1px #c2c2c2;
}
.couponBlock .couponBox a {
	display: flex;
	padding: 30px 0;
}
.couponBlock .couponBox a:hover {
	opacity: 0.7;
}
.couponBlock .couponBox .pic {
	width: 30.9%;
	position: relative;
}
.couponBlock .couponBox .pic:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: calc(79 / 276 * 100%);
	height: calc(79 / 167 * 100%);
	background-image: url(/common/img/icn_coupon.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: contain;
}
.couponBlock .couponBox .pic img {
	background-size: cover;
	background-position: center center;
}
.couponBlock .couponBox .place {
	font-size: 1.3rem;
	color: #004ea1;
}
.couponBlock .couponBox .shopName {
	font-weight: bold;
	color: #004ea1;
}
.couponBlock .couponBox .shopTxt {
	margin-top: 7px;
}
.couponBlock .couponBox div {
	width: 61.8%;
	margin-left: 2%;
	display: flex;
	flex-direction: column;;
}
.couponBlock .couponBox div .update {
	font-size: 1.3rem;
	text-align: right;
	margin-top: auto;
}

/*mfp*/
.mfp-iframe-scaler {
	padding-top: 90%;
}
.mfp-iframe-scaler iframe {
	background: #fff;
}
.mfp-iframe-holder .mfp-close {
	top: -55px;
	width: 50px;
	height: 50px;
	opacity: 1;
}


/*----------
	SP
------------*/
@media only screen and (max-width: 768px) {
	.ttlCoupon {
		font-size: 1.6rem;
		margin-bottom: 2.667vw;
	}
	.note {
		line-height: 1.53;
		margin-bottom: 4vw;
	}

	/*couponBlock*/
	.couponBlock .couponBox a {
		padding: 5.333vw 0;
	}
	.couponBlock .couponBox .pic {
		width: 34.9%;
	}
	.couponBlock .couponBox .pic:before {
		width: calc(92 / 240 * 100%);
		height: calc(92 / 146 * 100%);
	}
	.couponBlock .couponBox .place {
		font-size: 1.1rem;
	}
	.couponBlock .couponBox div .update {
		font-size: 1.1rem;
	}

	/*mfp*/
	.mfp-iframe-scaler {
		padding-top: 120%;
	}
	.mfp-iframe-holder .mfp-close {
		top: -40px;
		width: 35px;
		height: 35px;
	}
}