@charset "utf-8";
/* CSS Document */
.mainArea {margin-bottom:50px;}
.center {text-align: center;}
#coupon_gaiyo a{ text-decoration: underline;}
#coupon_gaiyo ul.asterisk li {list-style-type: none;text-indent: -1em;}
#coupon_gaiyo ul.asterisk li:before {
	display: inline;
	content: "※";
}
/*　終了ボタン　*/
@media only screen and (min-width: 769px) {
.button03_cp {width: 400px;} }

@media only screen and (max-width: 769px) {
.button03_cp {
display: block;
background: #C90027;
width: 100%;
text-align: center;
padding: 18px 0;
position: relative;
transition: all .4s;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
} }
.button03_cp {
	display: block;
	background: #C90027;
	text-align: center;
	padding: 18px 0;
	position: relative;
	transition: all .3s;
	pointer-events: none;
	}
	.button03_cp span {
	color: #fff;
	font-size: 1.8rem;
	line-height: 24px;
	}
#a01 , #b02 { margin-top:-60px; padding-top:60px; }


/*===============================================
●SP 画面の横幅が768pxまで
===============================================*/
@media only screen and (max-width: 768px) {
.pc {display: none !important;}
.sp {display: block !important;}
img {max-width: 100%;}
#coupon2507 {width: 100%;}
#coupon2507 ul { margin: 0;padding: 2% 0 5%;}
#coupon2507 .fv {background-color: #FCF7F3; }
#coupon_gaiyo {margin: 40px 0;}
.btn {width: 50%; margin: 50px auto;}
#coupon_gaiyo .attention {font-size: 16px; text-align: center; color: #fff; background-color: #666; padding: 5px;margin: 0 3%;}
#coupon_gaiyo section ul li:before {font-size: 13px ;margin-left: -10px;}
#coupon_gaiyo {width: 100%;margin: 20px auto;}
#coupon_gaiyo ul.asterisk {	padding: 5% 2% 0 7%;}
#coupon_gaiyo ul.asterisk li {margin-bottom: 5px;font-size: 12px;}
.cp_end{text-align:center; margin:0px; padding:10px; background-color:#000;}
.cp_end h3{font-size:18px; color:#FFF; line-height:1.3;}
#a01 {margin-bottom: 23px;}
p.kikan { padding: 4% 4% 0 4%; font-weight: bold;}
}
/*===============================================
●PC 画面の横幅が768px
===============================================*/
@media only screen and (min-width: 768px) {
.pc {
display: block !important;
}
.sp {
display: none !important;
}
#coupon2507 {width: 768px;margin: 0 auto;}
#coupon2507_2 {width: 768px;margin: 0 auto;}
#coupon2507 h1 {text-align: center;}
#coupon2507 .fv { position: relative; background-color: #FCF7F3;}
#coupon2507 .fv ul {width: 768px;margin: 0 auto;padding-bottom: 20px; overflow: hidden;}
#coupon2507 .fv ul li {float: left;}
#coupon2507 .btn {margin: 50px;}

#coupon_gaiyo {width: 768px;margin: 50px auto;}
#coupon_gaiyo .attention {font-size: 24px; text-align: center; color: #fff; background-color: #666; padding: 10px; margin: 0 30px;}
#coupon_gaiyo ul.asterisk { padding: 20px 60px;}
#coupon_gaiyo ul.asterisk li {font-size: 16px;margin-bottom: 10px;}
.cp_end{text-align:center; margin:0px; padding:20px; background-color:#000;}
.cp_end h3{font-size:24px; color:#FFF; line-height:1.3;}
.br-pc { display:none;}
p.kikan { font-size: 16px; line-height: 2; font-weight: bold; padding: 20px 37px 0;}
}
/* -------------------------------------------------------------------- 
カウンター
-------------------------------------------------------------------- */
.counter {
/*position: fixed;*/
z-index: 10000;
max-width: 1024px;
width: 100%;
margin: 0;
}
#timer {
background-color: gray;
font-size: 40px;
height: 120px;
line-height: 120px;
margin-bottom: 15px;
}
html {
box-sizing: border-box;
font-size: 62.5%;
}
.cdt_wrapper small {
font-size: .6em;
padding: 0 .4em;
}
span#cdt_date small {
color: #fff;
}
/*===============================================
●SP 画面の横幅が640pxまで
===============================================*/
@media screen and (max-width: 768px) {
.cdt_wrapper {
line-height: 1.5;
font-size: 1.8rem;
padding: 5px 50px;
text-align: center;
background-color: #cd0100;
font-weight: bold;
}
.cdt_txt {
font-size: .5em;
/*display: inline-block;*/
/*margin-right: 1em;*/
}
.cdt_txt span {
display: block;
line-height: 1;
font-size: 1.6em;
color: #fff;
padding: 5px 20px;
border: 1px solid #fff;
}
.cdt_num {
color: #fff;
line-height: 1;
padding: .1em .10em;
} 
.cmbanner {
padding: 16.3% 0 3%;
}
}
/*===============================================
●PC 画面の横幅が640px
===============================================*/
@media screen and (min-width: 768px) {
html {
font-size: 78.195%;
}
body {
font-size: 1.2rem;
line-height: 1.75em;
}
.cdt_wrapper {
line-height: .8;
font-size: 2.6rem;
padding: 10px 20px;
background-color: #cd0100;
font-weight: bold;
}
.cdt_txt {
font-size: .5em;
display: inline-block;
margin-right: 3em;
}
.cdt_txt span {
display: block;
line-height: 1;
font-size: 1.6em;
color: #fff;
padding: 5px 20px;
border: 1px solid #fff;
}
.cdt_num {
color: #fff;
line-height: 1;
padding: .1em .15em;
}
.cmbanner {
padding: 47px 0 25px;
}
.cdt {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
}