@charset "Shift_JIS";
/*-------------------------------------
SITE : http://zozo.jp/
CREDIT : DESIGN BY STARTTODAY CO.,LTD.
CREATE : 2016.01.05
MODIFIED : 2016.01.05
Ver : 1.0
MEMO : 2016.01.05 クーポン
-------------------------------------*/

/*-------------------------------------
	クーポンオーバーレイ
-------------------------------------*/
/*メインバッググラウンド*/
#couponContents { /*共通カラー*/background:#42682b; font-size: 13px; }
/*#couponContents { background: url(//img4.zozo.jp/_news/daily_coupon/10051/img/pc_bg.png) no-repeat center top; background-color: #000000; background-size: 100% auto; font-size: 13px; }*/
/*ショップリスト*/
#couponContents .visual #shoplist { margin: -10px auto 0; width:500px; }
#couponContents .visual #shoplist ul.doubleBtn { margin:0 0 0 -12px; }
#couponContents .visual #shoplist ul.tripleBtn { margin:0 0 0 -10px; }
#couponContents .visual #shoplist ul li { color: #ffffff; float: left; text-align: center;}
#couponContents .visual #shoplist ul.doubleBtn li { margin: 12px 0 0 12px; width: 244px;}
#couponContents .visual #shoplist ul.doubleBtn li a { display:block; background:#FFF; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
#couponContents .visual #shoplist ul.doubleBtn li a img { width: 244px; }
#couponContents .visual #shoplist ul.tripleBtn li { margin: 10px 0 0 10px; width: 160px;}
#couponContents .visual #shoplist ul.tripleBtn li a { display:block; background:#FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#couponContents .visual #shoplist ul.tripleBtn li a img { width: 160px; }

#couponContents .visual #shoplist ul li.text { color: #ffffff; font-size: 14px; font-weight: bold; text-align: center; width: 100%; }
#couponContents .visual #shoplist ul li span { display: block; font-size: 14px; font-weight: bold; padding: 13px 0 0;}

/*sazaby*/
#couponContents .visual #shoplist .limitedOpen { color: #000000; font-size: 14px; font-weight: bold; text-align: center; margin: 20px 0 0; width: 100%; }
#couponContents .visual #shoplist .limited { margin:10px 0 0 0; }
#couponContents .visual #shoplist .limited a { display:block; background:#FFF; border-radius:4px; -moz-border-radius:8px; -webkit-border-radius:4px; margin: 0 auto; width: 160px; }
#couponContents .visual #shoplist .limited a img { width: 160px; }



/*集積リンクのボタン周り*/
#couponContents #btnAllItem { background: #ffffff; font-size:13px; margin:10px auto 0; width:500px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
#couponContents #btnAllItem a.btnBlueM { font-size:22px; display:block; padding:23px 16px 22px; text-align:center; color:#000000; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:#ffffff; }
/*#couponContents #btnAllItem a.btnBlueM { background:url(//img4.zozo.jp/_news/daily_coupon/10051/img/pc_all_item.png) no-repeat ; background-size: 100% 100%; font-size:22px; display:block; padding:23px 16px 22px; text-align:center; color:#ffffff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }*/
#couponContents #btnAllItem a.btnBlueM:hover { background: #f0f0f0; opacity:0.8; filter:alpha(opacity=80); text-decoration:none;　}

/* 新規会員登録周り */
#pointAtt { margin:30px 0 0 0; text-align:center; }
#pointAtt p.tit { /*共通カラー テキスト 新規ボタン*/color:#ffffff; font-weight:bold; font-size:18px; }
#pointAtt p.note { /*共通カラー テキスト 新規ボタン*/color:#ffffff; font-weight:bold; font-size:14px; }
#pointAtt p.btnRegist { border-radius:8px; width:300px; margin:15px auto 0 auto; /*共通カラー テキスト 新規ボタン*/border:2px solid #ffffff; }
#pointAtt p.btnRegist a { /*共通カラー テキスト 新規ボタン*/color:#ffffff; font-size:14px; padding:15px 0 14px 0; display:block; }

/*注意事項*/
#couponContents .box { margin:22px 0 0 0; padding:0 36px 40px; }
#couponContents .box .txt { margin:20px 0 8px; }
#couponContents .box .txt.att { color:#ff3a80!important; }
#couponContents .info { font-size:12px; margin:20px 0 0; text-align:left; word-break:break-all; /*共通カラー テキスト 新規ボタン*/color:#ffffff; }
#couponContents .info a { text-decoration:underline; /*共通カラー テキスト 新規ボタン*/color:#ffffff; }
#couponContents .saleInfo { background: #ffffff ; margin: 24px 0 0; }
#couponContents .saleInfo img { width: 508px; }

/*#couponContents .infoRegister { font-size:13px; float:right; margin:10px 0 0; color:#3f2f22; }
#couponContents .infoRegister p { float:left; }
#couponContents .infoRegister p.newRegister { margin-right:16px; padding-right:16px; border-right:1px solid #dcc8a6; }*/
#couponContents .cooperation { font-size:13px; margin:10px 32px 0; padding:0 0 16px; text-align:right; }


/*-------------------------------------
	クーポン
-------------------------------------*/

/* クーポントップバー */
#couponBanner{ /*共通カラー*/background:#42682b; position: relative; }
#couponBanner .box{ width:980px; margin:auto; cursor:pointer; }
/* 対象商品はこちら */
#couponBanner .targetSecurities{ margin-left:80px; left:50%; position: absolute; top:9px; }
#couponBanner .targetSecurities a{ background:#ffffff; border-radius:9px; -webkit-border-radius:9px; -moz-border-radius:9px; color:#000000; display: block; font-weight: bold; padding: 11px 0 8px 7px; position: absolute; text-align: center; width: 190px; font-size:12px; }
#couponBanner .targetSecurities a:hover{ /*opacity:0.9; filter:alpha(opacity=90);*/ background:#f0f0f0; text-decoration:none; }

#couponBanner .photo{ width:770px; float:left; }
#couponBanner .photo img{vertical-align:bottom; }
#couponBanner .count{ width:108px; float:right; margin:0; }
#couponBanner .count img{ width:108px; height:56px; vertical-align:middle; }

/* 1日限定クーポントップバー  */
#couponBanner.oneDay .targetSecurities{ margin-left:296px; }
#couponBanner.oneDay .photo{ width:785px; }
#couponBanner.oneDay .targetSecurities a{ width: 176px; }


/* クーポン本体ガワ */
#couponBox { position:absolute; width:580px; height:1500px; left:50%; margin-left:-290px; z-index:9999; }
#couponBox.hide{ display:none; }
#couponBox .ovDestroy{ float:right; display:block; }
#couponBox .ico_close{display:block; width:47px; height:47px; background:url(//img4.zozo.jp/_news/daily_coupon/10051/img/close.png) no-repeat left top; background-size: 47px 47px; }
#couponBox .ovDestroy{ position:relative; z-index:1; margin:0px -20px -30px 0; }
#couponBox .contents{  }
#couponFrame{ width:100%; height:1450px; overflow:hidden; }

#couponOverlay{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9998; background:#000000; opacity:0.5; filter:alpha(opacity=50); }
#couponOverlay.hide{ display:none; }


/* クーポンアイコンgoods用 */
#CouponGoodsBox { display: table; margin:0 0 10px 0; text-align:center; table-layout: fixed; width:100%; }
/*goods用カウンター 赤*/
#CouponGoodsBox #Couponlimit { width:52px; white-space: nowrap; display: table-cell; background:#cc0000; padding:0 9px 0 10px; color:#ffffff;}
/*goods用カウンター 黄*/
/*#CouponGoodsBox #Couponlimit { width:52px; white-space: nowrap; display: table-cell; background:#fed130; padding:0 9px 0 10px; color:#000000;}*/
#CouponGoodstxt { /*共通カラー テキスト 新規ボタン*/color:#ffffff; display: table-cell; font-size:13px; margin:0 auto; white-space: nowrap; }
#CouponGoodstxt .allCouponShop { /*共通カラー*/background:#42682b; color:#ffffff; display:block; padding:8px 10px 7px;}
#CouponGoodstxt .allCouponShop span.bold { font-weight:bold; }
#CouponGoodstxt .allCouponShop span.itemLink { text-decoration:underline; }
#CouponGoodstxt:hover .allCouponShop { opacity:0.9; filter:alpha(opacity=90); text-decoration:none;}
#useCouponPrice { font-size: 12px; color:#E73656; padding-top: 5px; }
#useCouponPrice .bold{ font-weight: bold; }



/* クーポンアイコンsearch_result・お気に入り用 */
.goodsResult .thumb .couponNow,
#secFavorit .couponSecret { position:absolute; background:url(//img4.zozo.jp/_news/daily_coupon/10051/img/pc_search.png) no-repeat left top; width:92px; height:0; overflow:hidden; padding:22px 0 0; display:block; left:-5px; bottom:10px; }
#secFavorit p.thumb { position:relative; }
#secFavorit .icoBox { left:0; position:absolute; width:100px; bottom:5px; }



/*-------------------------------------
	カート・メンバー
	registcomplete.html
-------------------------------------*/

#regularCoupon { width:100%; /*共通カラー*/background:#42682b; padding:0 0 70px 0; margin:25px 0 0 0; margin-bottom:-70px; }
#regularCoupon .container { width:680px; margin:0 auto; text-align:center; }
#regularCoupon .container img { margin:-13px 0 0; }
#regularCoupon .container .btn { background:#ffffff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-size:21px; margin:0 auto; width:566px; }
#regularCoupon .container .btn a { background:url(//img4.zozo.jp/_news/daily_coupon/10051/img/pc_kaiin_all_item.png) no-repeat ; background-size: 100% 100%; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; color:#000000; display:block; padding:14px 0; }
#regularCoupon .container .btn a:hover { background: #f0f0f0; opacity: 0.8; filter:alpha(opacity=80); text-decoration: none; }


/* 文字カラー */
#regularCoupon .container .txtAtt { margin:18px auto 0; width: 566px; text-align: left; /*共通カラー テキスト 新規ボタン*/color:#ffffff; }
#regularCoupon .container .txt { margin:10px auto 0; width: 566px; width: 566px; text-align: right; /*共通カラー テキスト 新規ボタン*/color:#ffffff; }
#regularCoupon .container .txt a { text-decoration:underline; /*共通カラー テキスト 新規ボタン*/color:#ffffff; }
#regularCoupon .container .attention { margin:20px 0 0 0; }

/*エラー*/
.errRegularCoupon { text-align:center; padding:0 0 70px 0; margin: -30px 0 0;}


/*-------------------------------------
	クーポン対象アイテム TOPページ
-------------------------------------*/

#couponItem { min-height:485px; _height:485px; position:relative; width:539px; margin:0 0 0 3px; }
#couponItem ul.rankingList { margin:11px 0 0 -17px; }
#couponItem ul.rankingList .price {  line-height:1.1; margin: 3px 0 0; }
#couponItem ul.rankingList .price.discount .off { display:inline; margin:0 0 0 2px; }
#couponItem .rankingList .label { margin:5px 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#6f6f6f; }
#couponItem li { float:left; width:125px; margin:0 0 0 14px; height:215px; }
#couponItem li.rank1 { float:left; width:171px; margin:0 0 0 14px; height:270px }
#couponItem li.rank2 { float:left; width:171px; margin:0 0 0 14px; height:270px }
#couponItem li.rank3 { float:left; width:171px; margin:0 0 0 14px; height:270px }

#couponItem li p.photo { position:relative; }
#couponItem li .icoBox{ position:absolute; bottom:5px; left:0; width:100px; }
#couponItem li .icoBox span{ position:relative; display:inline-block; margin:0 0 2px -5px; vertical-align: bottom; left:0; bottom:0; }
#couponItem li .couponNow{ position:absolute; background:url(//img4.zozo.jp/_news/daily_coupon/10051/img/pc_search.png) no-repeat left top; width:92px; height:0; overflow:hidden; padding:22px 0 0; display:block; left:-5px; bottom:10px; }