@charset "utf-8";
/* CSS Document */
/* 319px以下
----------------------------------------------------------------------------------------------------------------------*/
a img.onimg {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	display: block;
}
a:hover img.onimg
{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: #FFF;
}

/*get-coupon.html
------------------------------------------------------*/
.line h2 {
	margin: 0 0 1em 0;
	padding: 2em 0 0 0;
	font-size: 13px;
	background: linear-gradient(transparent 80%, #fbb968 80%);
}
.line h3 {
	margin: 1em 0 0 0;
	font-size: 12px;
	color: #4e4e4e;
}
.sentence {
	display: inline;
}
.sentence2 {
	margin-left: 0;
	display: inline;
}
.line-qrcode {
	margin: 2.5em auto 0;
	width: 70vw;
	max-width: 285px;
	max-height: 285px;
}
.line-btn {
	margin: 1em auto 0;
	width: 40vw;
	max-width: 232px;
	max-height: 72px;
}
.img-descriptionCoupon {
	margin: 2em auto 3em;
	width: 80vw;
	max-width: 700px;
}

/* 320 px ～ 374 px
----------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 320px) {

/*get-coupon.html
------------------------------------------------------*/
.line h2 {
	margin: 0 0.5em 1em;
	font-size: 14px;
}
.line h3 {
	margin: 1em 0 0 0;
	font-size: 13px;
}
.sentence {
	display: inline-block;
}
.sentence2 {
	margin-left: 7em;
	display: inline-block;
}
.line-qrcode {
	margin: 2.5em auto 0;
	width: 50vw;
}
.line-btn {
	width: 30vw;
}
.img-descriptionCoupon {
	width: 80vw;
}

}

/* 375 px ～ 480 px
----------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 375px) {

/*get-coupon.html
------------------------------------------------------*/
.line h2 {
	margin: 0 1em 1em;
	font-size: 16px;
}
.line h3 {
	margin: 1em 0.5em 0;
	font-size: 15px;
}
.sentence2 {
	margin-left: 8em;
}
.line-qrcode {
	margin-top: 2.5em;
}
.img-descriptionCoupon {
	width: 80vw;
}

}

/* 481 px ～ 567 px
----------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 481px) {

/*get-coupon.html
------------------------------------------------------*/
.line h2 {
	margin: 0 1em 1em 1em;
	font-size: 18px;
}
.line h3 {
	margin: 1em 0 0 1em;
	font-size: 17px;
}
.sentence2 {
	margin-left: 9em;
}
.line-qrcode {
	margin-top: 2.5em;
}
.img-descriptionCoupon {
	width: 70vw;
}

}

/* 568 px ～ 666 px
----------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 568px) {

/*get-coupon.html
------------------------------------------------------*/
.line h2 {
	margin: 0 2em;
	font-size: 20px;
}
.line h3 {
	margin: 1em 0 1em 2em;
	font-size: 16px;
}
.sentence2 {
	margin-left: 0;
}
.line-qrcode {
	margin-top: 2.5em;
}

}

/* 667 px ～ 768 px
----------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 667px) {

/*get-coupon.html
------------------------------------------------------*/
.line h2 {
	margin: 0 2em;
	font-size: 26px;
}
.line h3 {
	margin: 1em 0 1em 3em;
	font-size: 18px;
}
.line-qrcode {
	margin-top: 2.5em;
}

}

/* 769 px ～ 959 px
----------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 769px) {

/*get-coupon.html
------------------------------------------------------*/
.line h2 {
	margin: 0 1em;
	font-size: 30px;
}
.line h3 {
	margin: 1em 0 1em 2em;
	font-size: 20px;
}
.line-qrcode {
	margin-top: 3.125em;
}

}

/* 960 px ～ 1232 px
----------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 960px) {

/*get-coupon.html
------------------------------------------------------*/
.line h2 {
	margin: 0 2em 1em;
	font-size: 32px;
}
.line h3 {
	margin: 1em 0 1em 3em;
	font-size: 24px;
}

}