@charset "UTF-8";

/* =======================================================================

CSSの名前：coupon_lp.css 

--------------------------------------------------------------------------

クーポンLP用スタイル

======================================================================= */


/* =========▽crearFix========= */
div:after,
ul:after {
    content: "";
    display: block;
    clear: both;
}

.flex{display:flex;}

/* For modern browsers */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
 
.cf:after {
    clear: both;
}
 
/* For IE 6/7 only */
.cf {
    *zoom: 1;
}


/* =========△crearFix========= */




#jsContents{padding:0 0 50px;}
#jsContents{background-size: auto auto;
background-color: rgba(255, 255, 255, 1);
background-image: repeating-linear-gradient(135deg, transparent, transparent 3px, rgba(249, 249, 251, 1) 3px, rgba(249, 249, 251, 1) 6px );}
#jsContents p{line-height:1.5em;}
#jsContents p+p{margin-top:10px; }
#jsContents .small{font-size:14px!important;	}	
#jsContents .note{font-size:14px!important;}
#jsContents .big{font-size:20px;}
#jsContents .red{color:#CC0000;}
#jsContents img{vertical-align: bottom;}

#couponArea{width: 100%; padding:50px 0;}

#couponArea p{font-size:18px;margin: 20px 20px 0;}
.wBg{width:1055px; border-radius: 10px;padding:50px 52px ;margin: 0 auto;background: #FFF;text-align: left;box-sizing: border-box;}

.couponBox{width:400px;height: 265px;margin: 30px 30px 0;padding:209px 0 0 145px;box-sizing: border-box;}

.bg300off{background: url("../images/detail/coupon/coupon_s_300off.png")no-repeat;color:#b514c8;font-size: 24px;}
.bg100off{background: url("../images/detail/coupon/coupon_s_100off.png")no-repeat;color:#0c4d0a;font-size: 24px;}

.bg330off{background: url("../images/detail/coupon/coupon_s_330off.png")no-repeat;color:#b514c8;font-size: 20px;padding:212px 0 0 140px;}
.bg110off{background: url("../images/detail/coupon/coupon_s_110off.png")no-repeat;color:#0c4d0a;font-size: 20px;padding:212px 0 0 140px;}

.jBg{width:1055px; border-radius: 10px;padding:55px 52px 70px;margin: 50px auto 50px!important;background: #faf4e4;text-align: left;box-sizing: border-box;}
.fBg{width:1055px; border-radius: 10px;padding:55px 52px 70px;;margin: 50px auto 50px!important;background: #fef1f1;text-align: left;box-sizing: border-box;}

#jsContents h2{font-size:24px;margin:0 20px;padding:0 0 5px;font-weight: bold!important;border-radius: 3px;color:#000;}
#jsContents .jBg h2{border-bottom:6px solid #f7af03;}
#jsContents .fBg h2{border-bottom:6px solid #c80010;}
#jsContents h2 img{margin:0 15px 0 10px;}


#jsContents #blockBox {display: block; width:852px;margin: 30px auto 0;}
#jsContents #blockBox a{color: #333;}
#jsContents #blockBox a:hover{text-decoration: none;color: #999;}
#jsContents #blockBox .blockBnr{width: 264px;height: 250px;display: table-cell;border-radius: 8px;background: #fff; float:left;margin:0 10px;filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.03));}
#jsContents #blockBox .blockBnr img{margin-bottom: 5px;}
#jsContents #blockBox .blockBnr h3{font-size: 18px;font-weight: bold;margin: 10px 0 0 15px;line-height: 1.4;}


/* ボタン
-------------------------------------------------------------*/	
.btnStore{display: block; width:655px;height: 84px;margin: 35px auto 0!important; background-image: url("../images/detail/coupon/icon_top.png");background-repeat: no-repeat;background-position: 14px 14px; border-radius:50px;font-size: 20px; text-align: center; box-sizing: border-box;font-weight: bold!important;}

a:link{text-decoration: none;}

.btnStore img{vertical-align: middle!important;margin-right: 10px;}
a:hover .btnStore img{opacity: 1.0;}

.btnStore span{vertical-align: middle!important;}

.JS{background-color:#f7af03;color:#000;border: 2px solid #f7af03;padding:24px 0 0 0;}
a:hover .JS{border: 2px solid #f7af03;background-color: #f4c85f;}
.FGW{background-color:#c80010;color:#fff;border: 2px solid #c80010;padding:14px 0 0 0;}
a:hover .FGW{border: 2px solid #c80010;background-color: #cd535c;}

 hr {
	border-top: 1px dashed #8c8b8b;
	margin-bottom: 50px;
	}

* 注意書き
-------------------------------------------------------------*/			
#couponArea ul.notice{}
#couponArea ul.notice li{margin:5px 80px 0;font-size:16px;line-height:1.6em;list-style-type:none;text-indent: -1em;}
#couponArea ul.notice li:before {display: inline;	font-weight:bold;content: "※";}