@charset "UTF-8";
/*デバイスの横幅が750px以下の場合*/
@media only screen and (max-width: 750px) {
body { font-size: 12px; margin: 0; padding: 0; width: 100%; }
img { vertical-align: bottom }
h1, h2, h3, h4, div, p, ul, li, dl, dt, dd, img { margin: 0; padding: 0; }
ul, li { list-style: none }
.spBox { display: block;}
.pcBox, #newsBox, .movePagetop, #TITLE, .head_task, .deadline { display: none;}
/* ----------------------------------- */
#contents { margin: 0 !important; padding: 0 0 10px !important; line-height: 1.6;}
#main { margin: 0 0 20px !important;}
/*-- BREADCHUMBS --*/
#breadChumbs { margin: 0 !important; padding: 10px 10px 7px; width: auto; line-height: 1.6;}
/* ----------------------------------- */
#footer dl { margin: 0 0 10px;}
.snsButtons { background: #f7efd5; -webkit-border-radius: 6px; border-radius: 6px; margin: 20px auto 10px; padding: 12px 12px 5px; text-align: center; width: 200px; }
#contents { background: #fff; margin: 0; padding-bottom: 10px; }
#contents * { -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#contents img { border: 0; height: auto; vertical-align: bottom; width: 100%; }
#contents br { letter-spacing: normal }
.btnArea { margin-bottom: 10px; padding: 0 60px; text-align: center; }
.detailBtnArea { padding: 0 0; text-align: center; }
.detailBtnArea p { margin-bottom: 10px;}
.detailBtnArea p.ttl { padding: 0 20px; }
#couponBox .filter, .bannerBox, #newsBox dl dl,#detail ul, #detail ul li .bottom, #yoko dl dl, #detail ul li .bottom dl, #couponBox ul.isotope li .inner .top dl { overflow: hidden }
#mainVisual p.price, h1.detail, h2, #newsBox dl dt, #couponBox .filter li a.current, #couponBox p.ttl { -webkit-background-size: 10px 10px; background-color: #dd0017; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #e5002f), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #e5002f), color-stop(.75, #e5002f), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, #e5002f 25%, transparent 25%, transparent 50%, #e5002f 50%, #e5002f 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, #e5002f 25%, transparent 25%, transparent 50%, #e5002f 50%, #e5002f 75%, transparent 75%, transparent); background-size: 10px 10px; color: #fff; font-size: 20px; font-weight: bold; padding: 5px 0; text-align: center; }
#yoko dl dl dt { border-top: 1px solid #ccc; color: #dd0017; padding: 10px; }
#yoko dl dl dd { background: #fff; border-top: 1px solid #ccc; padding: 10px; }
#couponBox ul.isotope:after { content:" "; display:block; clear:both;}
/* ----------------------------------- */
#mainVisual { margin-bottom: 15px; position: relative;}
#mainVisual p.btn { position: absolute; top: 3px; right: 3px; width: 26%;}
#mainVisual p.price { text-align: center; font-weight: bold; color: #fff; font-size: 2em;}
#mainVisual p.price span { font-size: 1.5em;}
/* ----------------------------------- */
.bannerBox01 { background-color: #ededed;  margin-bottom: 15px;}
.bannerBox01 h2 { font-size: 10px;  margin-bottom: 10px; }
.bannerBox01 h2 img { width: 20% !important;}
.bannerBox01 .inner { overflow: hidden;}
.bannerBox01 p { padding: 0 10px; margin-bottom: 10px;}
/* ----------------------------------- */
.bannerBox { background-color: #ededed; margin-bottom: 15px; }
.bannerBox ul li { margin-bottom: 10px }
.bannerBox h2 { margin-bottom: 10px; font-size: 10px; }
.bannerBox h2 img { width: 50% !important }
.bannerBox ul { padding: 0 10px; overflow: hidden; }
/* ----------------------------------- */
#couponBox { background-color: #ededed; margin-bottom: 15px; }
#couponBox .couponWrapper .banner { padding: 2px; width: 100% !important;}
#couponBox p.all span { background: url(/campaign/coupon/images/ic_all.png) no-repeat 10px 50%; display: block; padding: 5px 0 5px 40px; }
#couponBox p.area span { background: url(/campaign/coupon/images/ic_area.png) no-repeat 10px 50%; display: block; padding-left: 40px; }
#couponBox p.kyusyu span { background: url(/campaign/coupon/images/ic_kyusyu.png) no-repeat 10px 50%; display: block; padding-left: 40px; }
#couponBox p.recommend span { background: url(/campaign/coupon/images/ic_recommend.png) no-repeat 10px 50%; display: block; padding-left: 40px; }
#couponBox p.ttl { font-size: 16px; margin-bottom: 10px; text-align: left; }
#couponBox .couponWrapper { padding: 10px 0 0; overflow: hidden;}
/* -----filter-----  */
#couponBox .filter { border-bottom: 4px solid #dd0017; background-color: #fff; }
#couponBox .filter li { float: left; padding: 0 1px; text-align: center; width: 25%; }
#couponBox .filter li a { -webkit-background-size: 10px 10px; background-color: #dd0017; background-color: #ffe81e; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #ffeb2c), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #ffeb2c), color-stop(.75, #ffeb2c), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, #ffeb2c 25%, transparent 25%, transparent 50%, #ffeb2c 50%, #ffeb2c 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, #ffeb2c 25%, transparent 25%, transparent 50%, #ffeb2c 50%, #ffeb2c 75%, transparent 75%, transparent); background-size: 10px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; color: #dd0017; display: block; font-size: 12px; font-weight: bold; padding: 8px 0; text-decoration: none; }
#couponBox .filter li a.current { padding: 8px 0; font-size: 12px; }
/* -----isotope-----  */
#couponBox ul.isotope { overflow: visible !important; margin-bottom: 10px; margin-left: 1%; }
#couponBox ul.isotope li { /*-webkit-transition-duration: 0.8s; -webkit-transition-property: -webkit-transform, opacity; transition-duration: 0.8s; transition-property: transform, opacity;*/ position:relative; float: left; display:inline-block; width: 49%; }
#couponBox ul.isotope li .bottom dl.period { border-top: 2px solid #0e75eb }
#couponBox ul.isotope li .bottom dl.period dt { -webkit-background-size: 10px 10px; background-size: 10px 10px; color: #fff; font-weight: bold; padding: 2px 0 2px; text-align: center; font-size: 12px; }
#couponBox ul.isotope li .bottom dl.period dd { background-color: #ffffe5; font-size: 10px; padding: 7px 0 7px;text-align: center; font-weight: bold; font-family: "Lucida Grande", Arial, sans-serif; }
#couponBox ul.isotope li .bottom dl.period dt { background-color: #117bec; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #0e75eb), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #0e75eb), color-stop(.75, #0e75eb), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, #0e75eb 25%, transparent 25%, transparent 50%, #0e75eb 50%, #0e75eb 75%, transparent 75%, transparent);  background-image: linear-gradient(-45deg, #0e75eb 25%, transparent 25%, transparent 50%, #0e75eb 50%, #0e75eb 75%, transparent 75%, transparent); }
#couponBox ul.isotope li .itemWrapper { background-color: #fff; padding: 4px; margin: 2px; }
#couponBox ul.isotope li.finish .overlay,
#detail .couponWrapper ul li.finish .overlay { background: url(/campaign/coupon/images/ic_soldout.png) no-repeat 50% 50%; background-size: 90% auto; position: absolute; top: 0; left: 0; z-index: 100; height: 100%; width: 100%;}
#couponBox ul.isotope li.finish02 .overlay { background: url(/campaign/coupon/images/ic_finish.png) no-repeat 50% 50%; background-size: 90% auto; position: absolute; top: 0; left: 0; z-index: 100; height: 100%; width: 100%;}
#couponBox ul.isotope li.soon .overlay { background: url(/campaign/coupon/images/ic_comingsoon.png) no-repeat 50% 50%; background-size: 90% auto; position: absolute; top: 0; left: 0; z-index: 100; height: 100%; width: 100%;}
#couponBox ul.isotope li .inner { background: #fff url(/campaign/coupon/images/bg_coupon01.png) no-repeat 97% 3%; background-size: 70px auto; border: 2px solid #0e75eb; }
#couponBox ul.isotope li .inner .top { padding: 7px 5px 5px }
#couponBox ul.isotope li .inner .top dl { text-align: center }
#couponBox ul.isotope li .inner .top dl dt { float: left; width: 40%; text-align: left; }
#couponBox ul.isotope li .inner .top dl dd { font-size: 12px; padding: 2px 0 0 40%; text-align: right; }
#couponBox ul.isotope li .inner .top dl dd span { font-family: 'Oswald', sans-serif; font-size: 15px; font-weight: bold; }
#couponBox ul.isotope li .inner .top dl dt img { padding-right: 5px; width: 50%; vertical-align: middle; }
#couponBox ul.isotope li .inner .top p.price { border-bottom: 1px dotted #cccccc; margin-bottom: 7px; padding-bottom: 10px; text-align: center; }
#couponBox ul.isotope li .inner .top p a { text-align:center; display: block; }
#couponBox ul.isotope li .inner .top p strong, #couponBox ul.isotope li .inner .top p a strong { font-family: 'Oswald', sans-serif; font-size: 38px; }
#couponBox ul.isotope li .inner .max p a strong { font-family: 'Oswald', sans-serif; font-size: 30px; }
#couponBox ul.isotope li .inner .top .name { box-sizing: border-box; display: table; padding: 0 28px; text-align: center; width: 100%; margin-bottom: 5px; }
#couponBox ul.isotope li .inner .top .name p { color: #0e75eb; display: table-cell; height:30px; line-height: 15px; vertical-align: middle; }
#couponBox ul.isotope li .inner .top p, #couponBox ul.isotope li .inner .top p a { color: #dd0017; font-size: 13px; font-weight: bold; line-height: 1; text-decoration: none; }
#couponBox ul.isotope li .inner .max p a { font-size: 12px }
#couponBox ul.isotope li p.ic { left: 0; position: absolute; top: -5px; }
#couponBox ul.isotope li p.ic img { width: 40px; height: auto; }
/* -----other-----  */
#couponBox ul li.orange .bottom dl.period { border-top: 2px solid #ff7f00 }
#couponBox ul li.orange .bottom dl.period dt { background-color: #ff7f00; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #ff8400), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #ff8400), color-stop(.75, #ff8400), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, #ff8400 25%, transparent 25%, transparent 50%, #ff8400 50%, #ff8400 75%, transparent 75%, transparent);  background-image: linear-gradient(-45deg, #ff8400 25%, transparent 25%, transparent 50%, #ff8400 50%, #ff8400 75%, transparent 75%, transparent); }
#couponBox ul li.orange .inner { background: #fff url(/campaign/coupon/images/bg_coupon02.png) no-repeat 97% 3%; background-size: 70px auto; border: 2px solid #ff7f00; }
#couponBox ul li.orange .inner .top .name p { color: #ff7f00 }
/* -----howtoBox-----  */
#howtoBox h2 { margin-bottom: 30px; font-size: 10px; }
#howtoBox h2 img { width: 55%; }
#howtoBox .box { margin: 10px 10px 20px; padding: 20px 10px 10px; border: 2px solid #fff200; -webkit-border-radius: 10px; border-radius: 10px; position: relative }
#howtoBox .box p.caution { color: #FF0004; font-size: 10px; font-weight: normal; }
#howtoBox .box h3 { text-align: center; position: absolute; top: -13px; left:27%; }
#howtoBox .box h3 img { width: 60% }
#howtoBox .box p { font-size: 14px; font-weight: bold; margin-bottom: 10px; }
/* -----detail-----  */
#detail { background-color: #ededed; margin-bottom: 20px; }
#detail .couponWrapper { padding: 0 3px }
#detail ul { padding: 3px 0 }
#detail ul li { padding: 2px; float: left; width:50%; position: relative; }
#detail ul li .detailWrapper { background-color: #fff; padding: 5px; }
#detail ul li .inner { border: 2px solid #ccc }
#detail ul li .inner .top { padding: 10px 5px 10px; text-align: center; display: table; width: 100%; }
#detail ul li .inner .top p.price { color: #dd0017; font-size: 13px; font-weight: bold; line-height: 1; text-decoration: none; display: table-row; }
#detail ul li .inner .top p.price strong { font-family: 'Oswald', sans-serif; font-size: 35px; }
#detail ul li .inner .top p.catch { color: #7c3400; font-size: 13px; font-weight: bold; padding-bottom: 10px; display: table-cell; vertical-align: middle; }
#detail ul li .inner .top p.catch span { font-family: 'Oswald', sans-serif }
#detail ul li .bottom dl.key dd { color: #dd0017 }
#detail ul li .bottom dl.password dd { color: #dd0017 }
#detail ul li .bottom dl.key dt { background-color: #dd0017; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #e5002f), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #e5002f), color-stop(.75, #e5002f), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, #e5002f 25%, transparent 25%, transparent 50%, #e5002f 50%, #e5002f 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, #e5002f 25%, transparent 25%, transparent 50%, #e5002f 50%, #e5002f 75%, transparent 75%, transparent); }
#detail ul li .bottom dl.password dt { background-color: #dd0017; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #e5002f), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #e5002f), color-stop(.75, #e5002f), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, #e5002f 25%, transparent 25%, transparent 50%, #e5002f 50%, #e5002f 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, #e5002f 25%, transparent 25%, transparent 50%, #e5002f 50%, #e5002f 75%, transparent 75%, transparent); }
#detail ul li .bottom dl.key dt, #detail ul li .bottom dl.password dt { -moz-background-size: 10px 10px; -webkit-background-size: 10px 10px; background-size: 10px 10px; border-top: 2px solid #ccc; border-right: 2px solid #ccc; color: #fff; font-weight: bold; padding: 5px 0; text-align: center; }
#detail ul li .bottom dl.key dd, #detail ul li .bottom dl.password dd { background-color: #ffffe5; border-top: 2px solid #ccc; font-size: 20px; font-weight: bold; padding: 3px 0; text-align: center; }
#detail h1 { color: #fff; font-size: 15px; font-weight: normal; padding: 10px; text-align: left; }
#detail h1 span { background: url(/campaign/coupon/images/ic_detail_h2.png) no-repeat 0 50%; background-size: 25px 25px; display: block; padding-left: 35px; }
#detail p.txt { font-size: 10px; padding: 10px 4px;}
/* -----detailBtnArea-----  */
.detailBtnArea { margin-bottom: 20px }
/* ----------  */
#detail .recoArea { padding: 2px 2px 0;}
#detail .recoArea dl { overflow: hidden; background-color: #fff;}
#detail .recoArea dl dt {box-sizing: border-box;}
#detail .recoArea dl dd {padding: 10px;box-sizing: border-box;}
#detail .recoArea dl dd p{margin-bottom: 10px;}
#detail .recoArea dl dd p.ttl {font-size: 24px; font-weight: bold;margin-bottom: 10px;}
#detail .recoArea dl dd dl {margin-bottom: 20px;}
#detail .recoArea dl dd dl dt {margin-bottom: 10px;}
#detail .recoArea dl dd dl.star { margin-bottom: 0;}
#detail .recoArea dl dd dl.star dt {font-size: 34px;font-weight: bold;line-height: 34px;color: #dd0017;padding-left: 189px;}
#detail .recoArea dl dd dl.map dt span {display: block;font-weight:bold;}
#detail .recoArea dl dd dt.star2 { background: url(/campaign/coupon/images/ic_star2.png) no-repeat 0 50%; background-size: 179px auto;}
#detail .recoArea dl dd dt.star3 { background: url(/campaign/coupon/images/ic_star3.png) no-repeat 0 50%; background-size: 179px auto;}
#detail .recoArea dl dd dt.star4 { background: url(/campaign/coupon/images/ic_star4.png) no-repeat 0 50%; background-size: 179px auto;}
#detail .recoArea dl dd dt.star5 { background: url(/campaign/coupon/images/ic_star5.png) no-repeat 0 50%; background-size: 179px auto;}
#detail .recoArea dl dd dd { padding: 0;}
/* -----howtodetail-----  */
#howtoBox.detail h2 { font-size: 20px; margin-bottom: 20px; }
#howtoBox.detail dl dt { -webkit-background-size: 10px 10px; background-color: #dd0017; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #e5002f), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #e5002f), color-stop(.75, #e5002f), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, #e5002f 25%, transparent 25%, transparent 50%, #e5002f 50%, #e5002f 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, #e5002f 25%, transparent 25%, transparent 50%, #e5002f 50%, #e5002f 75%, transparent 75%, transparent); background-size: 10px 10px; padding: 0; }
#howtoBox.detail dl dd { display: none}
/* -----yoko-----  */
#yoko { margin-bottom: 20px }
#yoko dl dt.open h2, #howtoBox.detail dl dt.open h2 { background: url(/campaign/coupon/images/ic_close.png) no-repeat 96% 50%; background-size: 36px; }
.sky #yoko dl dt.open h2, .sky #howtoBox.detail dl dt.open h2 { background: url(/campaign/coupon/images/ic_close_sky.png) no-repeat 96% 50%; background-size: 36px; }
.orange #yoko dl dt.open h2, .orange #howtoBox.detail dl dt.open h2 { background: url(/campaign/coupon/images/ic_close_orange.png) no-repeat 96% 50%; background-size: 36px; }
.blue #yoko dl dt.open h2, .blue #howtoBox.detail dl dt.open h2 { background: url(/campaign/coupon/images/ic_close_blue.png) no-repeat 96% 50%; background-size: 36px; }
#yoko dl dt.ttl { -webkit-background-size: 10px 10px; background-color: #dd0017; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #e5002f), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #e5002f), color-stop(.75, #e5002f), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, #e5002f 25%, transparent 25%, transparent 50%, #e5002f 50%, #e5002f 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, #e5002f 25%, transparent 25%, transparent 50%, #e5002f 50%, #e5002f 75%, transparent 75%, transparent); background-size: 10px 10px; margin-bottom: 20px; text-align: center; }
#yoko dl dd { padding: 0 10px; display: none }
#yoko dl dl { background: #fffbd9; border: 1px solid #ccc; border-top: none; }
#yoko dl dl dd { display: block }
#yoko dl ul { padding-left: 1.5em }
#yoko dl ul li { list-style-type: disc; }
#yoko h2, #howtoBox.detail h2 { background: url(/campaign/coupon/images/ic_open.png) no-repeat 96% 50%; background-size: 36px; padding: 10px 0; }
.sky #yoko h2, .sky #howtoBox.detail h2 { background: url(/campaign/coupon/images/ic_open_sky.png) no-repeat 96% 50%; background-size: 36px; }
.orange #yoko h2, .orange #howtoBox.detail h2 { background: url(/campaign/coupon/images/ic_open_orange.png) no-repeat 96% 50%; background-size: 36px; }
.blue #yoko h2, .blue #howtoBox.detail h2 { background: url(/campaign/coupon/images/ic_open_blue.png) no-repeat 96% 50%; background-size: 36px; }
/* -----detail color-----  */
.sky .bannerBox h2, .orange .bannerBox h2, .blue .bannerBox h2, .bannerBox h2.red { padding: 10px 0; font-size: 20px !important; }
.sky #detail h1, .sky #detail ul li .bottom dl.key dt, .sky #howtoBox.detail dl dt, .sky #detail ul li .bottom dl.password dt, .sky #yoko dl dt.ttl, .sky .bannerBox h2 { background-color: #03aff8; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #19b6f9), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #19b6f9), color-stop(.75, #19b6f9), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, #19b6f9 25%, transparent 25%, transparent 50%, #19b6f9 50%, #19b6f9 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, #19b6f9 25%, transparent 25%, transparent 50%, #19b6f9 50%, #19b6f9 75%, transparent 75%, transparent); }
.sky #detail ul li .bottom dl.key dd, .sky #detail ul li .bottom dl.password dd { color: #03aff8 }
.orange #detail h1, .orange #detail ul li .bottom dl.key dt, .orange #howtoBox.detail dl dt, .orange #detail ul li .bottom dl.password dt, .orange #yoko dl dt.ttl, .orange .bannerBox h2 { background-color: #ff7f00; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #ff8400), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #ff8400), color-stop(.75, #ff8400), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, #ff8400 25%, transparent 25%, transparent 50%, #ff8400 50%, #ff8400 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, #ff8400 25%, transparent 25%, transparent 50%, #ff8400 50%, #ff8400 75%, transparent 75%, transparent); }
.orange #detail ul li .bottom dl.key dd, .orange #detail ul li .bottom dl.password dd { color: #ff7f00 }
.blue #detail h1, .blue #detail ul li .bottom dl.key dt, .blue #howtoBox.detail dl dt, .blue #detail ul li .bottom dl.password dt, .blue #yoko dl dt.ttl, .blue .bannerBox h2 { background-color: #177ced; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #1276e6), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #1276e6), color-stop(.75, #1276e6), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, #1276e6 25%, transparent 25%, transparent 50%, #1276e6 50%, #1276e6 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, #1276e6 25%, transparent 25%, transparent 50%, #1276e6 50%, #1276e6 75%, transparent 75%, transparent); }
.blue #detail ul li .bottom dl.key dd, .blue #detail ul li .bottom dl.password dd { color: #177ced }
.blue #yoko h2, .green #yoko h2, .sky #yoko h2, .orange #yoko h2 { color: #fff }
.green #detail h1, .green #detail ul li .bottom dl.key dt, .green #howtoBox.detail dl dt { background-color: #76c42a; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #70be23), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #70be23), color-stop(.75, #70be23), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, #70be23 25%, transparent 25%, transparent 50%, #70be23 50%, #70be23 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, #70be23 25%, transparent 25%, transparent 50%, #70be23 50%, #70be23 75%, transparent 75%, transparent); }
.green #detail ul li .bottom dl.password dt, .green #yoko dl dt.ttl { background-color: #328400; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #2f7e00), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #2f7e00), color-stop(.75, #2f7e00), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, #2f7e00 25%, transparent 25%, transparent 50%, #2f7e00 50%, #2f7e00 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, #2f7e00 25%, transparent 25%, transparent 50%, #2f7e00 50%, #2f7e00 75%, transparent 75%, transparent); }
.green #detail ul li .bottom dl.key dd { color: #76c42a }
.green #detail ul li .bottom dl.password dd { color: #328400 }
@media only screen and (orientation:landscape) {
	#couponBox .couponWrapper .banner .itemWrapper img{ width: 60%; }
	#couponBox ul.isotope li .inner .top p strong, #couponBox ul.isotope li .inner .top p a strong { font-size: 50px; }
	#couponBox ul.isotope li .inner .top p span, #couponBox ul.isotope li .inner .top p a span { padding-left: 50px;}
	#couponBox ul.isotope li .inner .top p, #couponBox ul.isotope li .inner .top p a { font-size: 15px; }
	#couponBox ul.isotope li.finish .overlay img,
	#couponBox ul.isotope li.finish02 .overlay img,
	#couponBox ul.isotope li.soon .overlay img,
	#detail .couponWrapper ul li.finish .overlay img { top: 10%;}
	#couponBox ul.isotope li .inner .top dl dt img { width: 25%; }
	#couponBox ul.isotope li .inner .top dl dd { font-size: 15px; padding: 2px 0 0 50%; }
	#couponBox ul.isotope li .inner .top dl dd span { font-size: 20px; }
	#couponBox ul.isotope li .inner .top dl dt { width: 50%; }
	#couponBox ul.isotope li p.ic img { width: 50%; height: auto; }
	#couponBox ul.isotope li .bottom dl.period dt { -webkit-background-size: 10px 10px; background-size: 10px 10px; float: left; width: 30%; height: 30px; padding: 6px 0 0; }
	#couponBox ul.isotope li .bottom dl.period dd {  padding: 7px 0 0 30%; height: 29px; }
	#detail ul li .bottom dl.key dt, #detail ul li .bottom dl.password dt { padding: 10px 0; float: left; width: 50%; }
	#detail ul li .bottom dl.key dd, #detail ul li .bottom dl.password dd { padding: 5px 0 5px 50%; }
	#detail ul li .inner .top p.price { font-size: 20px; }
	#detail ul li .inner .top p.price strong { font-size: 50px; }
	#detail ul li .inner .top p.catch { -webkit-border-radius: 20px; border-radius: 20px; font-size: 20px; font-weight: bold; padding: 5px; }
	#howtoBox .box h3 { left:37%; }
	#couponBox ul.isotope li .inner .top p, #couponBox ul.isotope li .inner .top p a { font-size: 13px }
	#couponBox ul.isotope li .inner .top p a strong { font-size: 38px;}
}
}
@media screen and (max-width: 320px) {
	#couponBox ul.isotope li .inner .top p, #couponBox ul.isotope li .inner .top p a { font-size: 11px }
	#couponBox ul.isotope li .inner .top p a strong { font-size: 33px;}
	#couponBox ul.isotope li .inner .max p a { font-size: 10px }
	#couponBox ul.isotope li .inner .max p a strong { font-size: 25px;}
	#mainVisual p.price { font-size: 1.8em;}
	#mainVisual p.price span { font-size: 1.3em;}
}