@charset "Shift_JIS";
/*-------------------------------------
SITE : http://zozo.jp/
CREDIT : DESIGN BY STARTTODAY CO.,LTD.
CREATE : 2016.05.31
MODIFY : 2017.01.30
Var : 1.0
MEMO : 2017.01.30 セールクリエイティブ変更
MEMO : 2017.01.23 タイムセール
MEMO : 2017.01.13 タイムセール
MEMO : 2016.12.28 冬本セール更新
MEMO : 2016.11.28 冬プレセール更新
MEMO : 2016.07.19 夏セール更新
MEMO : 2016.06.29 夏セール更新
MEMO : 2016.06.24 タイムセール
MEMO : 2016.06.24 タブ周り調整
MEMO : 2016夏セール
MEMO : 2016夏プレセール
-------------------------------------*/

/*-------------------------------------
	共通
-------------------------------------*/

#wrapper {  }
#body { width:100%; }
#saleBar { display:none; }
#hyperSaleBar { display:none; }
.saleLpBtn{ background: #d70a04 ; border-radius: 5px; box-sizing: border-box; color: #ffffff !important; cursor: pointer; display: block; font-size: 20px; font-weight: bold; padding: 19px 0; margin: 35px auto 0; position: relative; text-align: center; width: 450px; z-index: 1; }
.saleLpBtn:hover{ color:#ffffff; background: #d70a04; text-decoration:none; position:relative; z-index:1; opacity:0.8; filter:alpha(opacity=80); }
.saleLpBtn:active{ color:#ffffff; background: #d70a04; text-decoration:none; position:relative; z-index:1; }

.honsale .saleLpBtn,
.honsale .saleLpBtn:hover,
.honsale .saleLpBtn:active { background:#c40904; color:#f5cf1d!important; }



/*-------------------------------------
	cover
-------------------------------------*/

#cover { background: url(//img4.zozo.jp/sale/2017winter/pc/header_pre.png) no-repeat center top; background-color:#d70a04; }
#cover h1 { height:240px; margin:0 auto ; overflow: hidden; width: 980px; }
#cover h1 img{ margin-left: -470px; }

.honsale #cover { width:100%; background: #b10804; height:300px; }
/*.honsale #cover h1 { position:relative; z-index:5; width:auto; height:300px; background:url(//img4.zozo.jp/sale/2017winter/pc/header_hon.jpg) no-repeat center center; }*/
.honsale #cover h1 { position:relative; z-index:5; width:auto; height:300px; background:url(//img4.zozo.jp/sale/2017winter/pc/header_hon2.png) no-repeat center center; }
.honsale #cover h1 img { display:none; margin:0; }
.honsale #cover h1 a { display:block; width:610px; height:50px; margin:215px auto 0; }
.honsale #cover h1 a:hover { background:#ccc; opacity:0.2; filter:alpha(opacity=20); }



/*-------------------------------------
	#swType
-------------------------------------*/

#swType { margin:35px auto 0; width:980px; }
#swType ul { border-bottom:1px solid #d70a04; }
#swType ul li { float:left; width:120px; color:#d70a04; text-align:center; }
#swType ul li a { color:#d70a04; display:block; padding:10px 0 8px; }
#swType ul li.current { background:#d70a04; color:#fff; padding:10px 0 8px; }

.honsale #swType ul { border-color:#c40904; }
.honsale #swType ul li { color:#c40904; }
.honsale #swType ul li a { color:#c40904; }
.honsale #swType ul li.current { background:#c40904; color:#f5cf1d; }



/*-------------------------------------
	section
-------------------------------------*/

section.section { padding:0; }
section.section h2 { color: #d70a04; font-size: 28px; font-weight: bold; text-align: center; }

.honsale section.section h2 { color:#c40904; }



/*-------------------------------------
	shoplist
-------------------------------------*/

ul.shoplist { margin:0 -14px 0 0; }
ul.shoplist li { float:left; width:128px; margin:22px 14px 0 0; }
ul.shoplist li a p { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; color:#d70a04; }
ul.shoplist li a p.img { position:relative; overflow:hidden; padding:10px 9px; background:#fff; border:1px solid #000; }
ul.shoplist li a p.shop { margin:8px 0 0 0; }
ul.shoplist li a:hover { text-decoration:none; }
ul.shoplist li a:hover img { text-decoration:none; opacity:.6; filter:alpha(opacity:60); }
*html ul.shoplist li a { cursor:pointer; }
* + html ul.shoplist li a { cursor:pointer; }

.honsale ul.shoplist li a p { color:#c40904; }



/*-------------------------------------
	#ranking
-------------------------------------*/

#ranking { margin:56px auto 0 auto; }
#ranking .container { width:980px; margin:31px auto 0 auto; }
#ranking ul { width:1020px; margin:0 -40px 0 0; }
#ranking ul li { position:relative; float:left; width:215px; margin:0 40px 41px 0; }
#ranking ul li a:hover { text-decoration:none; }
#ranking ul li a:hover img { opacity:0.7; }
#ranking ul li a p { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; color:#d70a04; }
#ranking ul li a p.img { background:#fff; height:258px; }
#ranking ul li:nth-child(12),
#ranking ul li:nth-child(13),
#ranking ul li:nth-child(14),
#ranking ul li:nth-child(15) { margin-bottom:0; }
#ranking ul li a p.price { font-size:16px; color:#d70a04; line-height:1.2; }
#ranking ul li a p.price .tax { font-size:10px; color:#d70a04; }
#ranking ul li a p.price .off { font-size:13px; }
#ranking ul li a p.shop { font-size:12px; margin:10px 0 0 0; }
#ranking ul li a span.tax { color:#d70a04; }
#ranking ul li span.rank { position:absolute; z-index:5; top:10px; left:10px; width:29px; height:30px; }
#ranking ul li span.iconSet { color:#fff; background:#d70a04; border-color:#d70a04; }
#ranking ul li span.top11 { letter-spacing:1px; }
#ranking ul li span.iconSet.top1, #ranking ul li span.iconSet.top2, #ranking ul li span.iconSet.top3 { background:#d70a04 !important; border-color:#d70a04 !important; }

.honsale #ranking ul li a p,
.honsale #ranking ul li a p.price,
.honsale #ranking ul li a p.price .tax,
.honsale #ranking ul li a span.tax { color:#c40904; }
.honsale #ranking ul li span.iconSet { color:#f5cf1d!important; background:#c40904!important; border-color:#c40904; }

/*large*/
#ranking ul li.large { width:310px; margin:0 0 41px 25px; }
#ranking ul li.large:first-child { margin-left:0; }
#ranking ul li.large p.img { height:372px; }
#ranking ul li.large p.shop { font-size:14px; }
#ranking ul li.large p.price { font-size:18px; }



/*-------------------------------------
	#category
-------------------------------------*/

#category { padding:0 0 73px 0; margin:73px auto 0 auto; width:980px; }
#category .container { width:980px; margin:0 auto; }
#category ul { width:990px; margin:30px 10px 0 0; }
#category ul li { float:left; width:188px; margin:0 10px 10px 0; }
#category ul li a { color:#d70a04; }
#category #otherLink { width:188px; float:right; margin:12px 0 0 0; }
#category #otherLink a { color:#d70a04; }

.honsale #category ul li a { color:#c40904; }
.honsale #category #otherLink a { color:#c40904; }



/*-------------------------------------
	#favShop
-------------------------------------*/

#favShop { text-align:center; padding:0 0 73px 0; margin:0 auto; width:980px;  }
#favShop li { display:inline-block; float:none; margin-top:31px; }
#favShop li p.shop { text-align:left; }
#favShop .saleLpBtn{ width: 500px; }



/*-------------------------------------
	#shoplist
-------------------------------------*/

#shopList { width:980px; margin:0 auto; padding-bottom: 80px; }
#shopList li { position:relative; }
#shopList li.newshop:after { top:-8px; right:-6px; width:35px; height:35px; content:""; position:absolute; background:url(//img4.zozo.jp/sale/2016summer/pc/new_icon.png) no-repeat top right; }
#shopList .container { margin:0 auto; }
#shopList .btnWrap { margin:35px auto 0; width:928px; }
#shopList .btnWrap p { float:left; }
#shopList .btnWrap p.shop { margin:0 28px 0 0; }



/*-------------------------------------
	#type
-------------------------------------*/

#type { margin:0 auto; width:980px; }
.saleTypeBtn{ border-radius: 5px; box-sizing: border-box; color: #ffffff !important; cursor: pointer; display: block; float: left; font-size: 20px; font-weight: bold; padding: 12px 0; margin: 35px auto 0; position: relative; text-align: center; width: 310px; z-index: 1; }
.saleTypeBtn.men { background:#3d9cb8; }
.saleTypeBtn.women { background:#de5251; margin-left: 25px; }
.saleTypeBtn.kids { background:#ff9d01; margin-left: 25px; }
.saleTypeBtn:hover{ color:#ffffff; text-decoration:none; position:relative; z-index:1; opacity:0.8; filter:alpha(opacity=80); }
.saleTypeBtn:active{ color:#ffffff; text-decoration:none; position:relative; z-index:1; }



/*-------------------------------------
	#attention
-------------------------------------*/

#attention { line-height:1.9; margin:93px auto 0 auto; width:980px; color:#d70a04; }
#attention ul { margin:10px 0 0 0; }
#attention ul li { margin: 0 0 0 13px; text-indent: -13px;}

.honsale #attention { color:#c40904; }



/*-------------------------------------
	#タイムセール関係
-------------------------------------*/
#timeSalePointBar{ background:#1f94d7; text-align:center;}
#hTimeSalePointBar{display:none;}
#timeSaleInfo{ width:680px; margin:48px auto 0; text-align:center; letter-spacing: -.4em; }
#timeSaleInfo p{ display: inline-block; margin:20px 0 0; padding: 0 0 10px; width: 330px; letter-spacing: normal; }
#timeSaleInfo .timesaleGoodsFav{ margin-left: 20px; }
#timeSaleInfo .timeSaleBtn{ display:block; font-size:16px; font-weight:bold; color:#ffffff; background:#9b384c; padding:15px 0; text-align:center; border-radius:6px; }
#timeSaleInfo .timeSaleBtn:hover{ opacity:0.8;filter:alpha(opacity=80); text-decoration:none; }