@charset "UTF-8";
.title-page { margin-bottom: 48px; }

.list-coupon {
	padding-bottom: 38px;
	list-style: none;
}

.list-coupon li {
	background-color: #E6BEAA;
	padding: 30px 43px 27px;
	margin-bottom: 33px;
}

.list-coupon li h3 {
	text-align: center;
	font-size: 17px;
	margin-bottom: 31px;
}

.content-img-coupon {
	width: 22.25%;
	box-sizing: border-box;
}

.content-img-coupon img {
	width: 100%;
	height: auto;
	background: #fff;
}

.content-detail-coupon {
	width: 71.3%;
	box-sizing: border-box;
	padding-left: 18px;
}

.information-coupon {
	border-collapse: collapse;
	float: left;
	width: 315px;
}
.coupon-banner {
	float: right;
	margin-top: 23px;
}
.header-coupon {
	border-collapse: collapse;
	width: 100%;
}
.information-coupon td {
 min-height: 27px;
 height:auto;
 padding:7px 0;
}
.information-coupon td:first-child {
 width: 70px;
 vertical-align: top;
}
.information-coupon th {
	width: 246px;
}

.header-coupon { margin-bottom: 12px; }

.header-coupon td {
	border: 3px solid #231815;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
	box-sizing: border-box;
	padding: 26px 15px 20px ;
}

.header-coupon td:first-child { width: 160px; }

.header-coupon td:last-child { font-size: 34px; }

.information-coupon { margin-top: 23px; }

.information-coupon tr td:nth-child(3n) { width: 210px; }

.list-coupon .coupon-type-02 { background-color: #C3D2C6; }

.list-coupon .coupon-type-03 { background-color: #C3CAD1; }

/*.information-coupon td { padding: 2px; }*/

@media screen and (max-width: 768px){
	.title-page { margin-bottom: 25px; }
	.list-coupon li {
		padding: 20px 10px;
		margin-bottom: 10px;
	}

	.list-coupon li h3 {
		font-size: 15px;
		text-align: left;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.content-detail-coupon {
		width: auto;
		float: none;
		padding-left: 0;
	}

	.header-coupon td {
		border-width: 2px;
		vertical-align: middle;
		font-size: 12px;
		font-weight: bold;
		box-sizing: border-box;
		padding: 15px 5px;
	}

	.header-coupon td:first-child { width: 100px; }

	.header-coupon td:last-child { font-size: 20px; }

	.information-coupon tr td { font-size: 11px; line-height: 1.4;padding-bottom: 5px; }
	.content-coupon { font-size: 12px; line-height: 1.4; }

	.information-coupon {
		margin-top: 0;
		margin-bottom: 10px;
	}
	.coupon-banner {
		float: none;
		margin-top: 10px;
	}
	.information-coupon {
		width: auto;
	}

	.content-info {
		float: left;
		width: 71.3%;
		box-sizing: border-box;
		padding-left: 10px;
	}
	.information-coupon td {
	 padding:3px 0;
	}
	.fix-content-coupon { margin-top: 20px; }

	.information-coupon tr td:first-child {
		min-width: 60px;
	}
}