@charset "utf-8";

/*基本設定*/
p{
font-size: 14px;
line-height: 22.4px;
}
@media screen and (max-width: 640px) {
	img{
		width: 100%;
	}
}

.mv{
    width: 1280px;
    margin: 0 auto;
    background: url(../images/bg_01.png);
}
.mv-inner{
    background: url(../images/img_01.png) no-repeat;
    background-position: center top;
}
.mv-text-01{
	padding-top: 160px;
	text-align: center;
}
.mv-text-02{
	padding: 36px 0;
	text-align: center;
}
@media screen and (max-width: 640px) {
	.mv{
		width: 100%;
		background: url(../images/bg_01.png);
	}
	.mv-inner{
		background: url(../images/img_01_sp.png) no-repeat;
		background-position: center top;
		background-size:100% auto;
	}
	.mv-text-01{
		width: 75%;
		padding-top: 15%;
		margin: 0 auto;
		text-align: center;
	}
	.mv-text-02{
		width: 65%;
		padding: 20px 0;
		margin: 0 auto;
		text-align: center;
	}
}
.coupon{
    width: 1280px;
    padding: 20px 0 150px;
    margin: 0 auto;
    background: url(../images/bg_02.png);
}
.coupon ul{
		width: 1030px;
		margin:0 auto;
}
.coupon ul li{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.coupon ul li:nth-child(2){
	margin-right: 0;
}
.coupon ul li:nth-child(3n+2){
	margin-right: 0;
}
.coupon p{
		width: 1030px;
		margin:0 auto;
}
.link-text{
	text-align: center;
}
.link-text a{
	font-size: 20px;
	color: #763b00;
	text-decoration: none;
	font-weight: 	bold;
	border-bottom: 1px solid #763b00;
}

@media screen and (max-width: 640px) {
		.coupon{
			width: 100%;
			padding: 20px 0 60px;
			margin: 0 auto;
			background: url(../images/bg_02.png);
	}
	.coupon ul{
			width: 84%;
			margin:0 auto;
	}
	.coupon ul li{
		float: left;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.coupon p{
		width: 84%;
		margin:0 auto;
		font-size: 12px;
	}
	.link-text a{
		font-size: 14px;
		color: #763b00;
		text-decoration: none;
		font-weight: 	bold;
		border-bottom: 1px solid #763b00;
	}
}

/* ------------------------------------------------------------------------------
	 Footer
-------------------------------------------------------------------------------*/
.footer {
	width: 1280px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	background-color: #84c7ec;
	color: #fff;
	padding-top: 5px;
}
.footer .toplink{
	position: absolute;
	right:30px;
	top:-75px;
}
.footer p {
	color: #fff;

}
@media screen and (max-width: 640px) {
		.footer {
			width: 100%;
		}
	.footer .toplink{
		top:-53px;
	}
	.footer .toplink img{
			width: 66px;
	}
}