@charset "Shift_JIS";
/*!
 * ZOZOTOWN
 * http://zozo.jp/
 *
 * 2017.06.26
 */



/**
 * ------------------------------------------------------------
 * プロモバー
 * ------------------------------------------------------------
 */
.summerSale2017CpPromobar { margin:10px 0 25px; padding:10px; background:#f0ddb2; color:#552300; font-weight:bold; font-size:16px; line-height:1.3125; text-align:center; }
.summerSale2017CpPromobar .btnLink { color:#007ebe; font-weight:normal; text-decoration:underline; cursor:pointer; }

#laterPaymentBar + .summerSale2017CpPromobar { margin-top:-15px; }
#item-intro .summerSale2017CpPromobar { margin-top:10px; margin-bottom:0; font-size:13px; line-height:1.384615385; }



/**
 * ------------------------------------------------------------
 * バナー
 * ------------------------------------------------------------
 */
.summerSale2017CpBnr { display:none; position:fixed; z-index:1000; bottom:20px; width:100%; }
.summerSale2017CpBnrContainer { box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.25); position:absolute; left:0; right:0; bottom:0; margin:0 auto; width:420px; }
.summerSale2017CpBnrClose { overflow:hidden; position:absolute; z-index:1; right:-13px; top:-13px; border:2px solid #f4deaa; border-radius:50%; width:26px; height:26px; background:#ffffff; cursor:pointer; }
.summerSale2017CpBnrClose:before { content:""; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:11px; height:11px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAZklEQVR4AWMIUWCoAWJVBjwAKF8OxNogRg8QP4ZrwFTYDMQvgFgTxEfVgKnwOVghFGBowKUQl4ap6ApxaTgOxP%2BB2Be%2FQoTVszH8gM8zQLobroGQr9E14FSIUwOQaMNQiKmhHoj1AbkgN5HGDGOyAAAAAElFTkSuQmCC) no-repeat; }
.summerSale2017CpBnrAction { cursor:pointer; }
.summerSale2017CpBnrActionImg { width:100%; }

.summerSale2017CpBnr.shown { display:block; }



/**
 * ------------------------------------------------------------
 * モーダル
 * ------------------------------------------------------------
 */
.modalSummerSale2017Cp .modal-dialog { width:500px; }
.modalSummerSale2017Cp .modal-close { background:#ffffff; }
.modalSummerSale2017Cp .modal-close:before { width:16px; height:18px; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAMAAABl5a5YAAAASFBMVEX%2F%2F%2F9UIAD18vBjNBemi3rHtqx4TjVYJQbk29aUdGBVIgK3oZN2TTNkNRiYeWb9%2FPzKurC5o5bh2NKWd2P49fS%2Fq59yRizz7%2B3jJOlnAAAAUUlEQVQYV63OOQ7AMAgAwcVx7vv%2B%2F0%2BjCFng1KGbLQD4zrZ49TdXXZqj7DSFlShVwBW1leRUzFq839Jlhknk9I4yuOu6789%2FaLN%2FxpX5MEPgAZHTAqYgeg42AAAAAElFTkSuQmCC); }

.summerSale2017CpModal,
.summerSale2017CpModal:before,
.summerSale2017CpModal:after,
.summerSale2017CpModal *,
.summerSale2017CpModal *:before,
.summerSale2017CpModal *:after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.summerSale2017CpModal,
.summerSale2017CpModal .goodsOutline,
.summerSale2017CpModal .textNote { color:#552300; }

.summerSale2017CpModal {
	overflow:hidden; padding:75px 57px 65px; height:981px; background:#f0ddb2 no-repeat;
	background-image:url(//img4.zozo.jp/pc/common/event/summer_sale_2017_cp/modal_bg_t.png), url(//img4.zozo.jp/pc/common/event/summer_sale_2017_cp/modal_bg_b.png), url(//img4.zozo.jp/pc/common/event/summer_sale_2017_cp/modal_bg_m.png);
	background-position:center top, center bottom, center center;
}
.summerSale2017CpModalLead { margin-top:25px; font-size:20px; line-height:1.35; text-align:center; }
.summerSale2017CpModal .indexPicture { margin:15px 0 0 -5px; }
.summerSale2017CpModal .indexPicture .indexItem { padding-left:5px; width:33.333333333%; }
.summerSale2017CpModal .feedPicture .feedImg { width:100%; }
.summerSale2017CpModal .goodsOutline { margin-top:5px; font-size:14px; line-height:1.357142857; text-align:center; }
.summerSale2017CpModal .goodsH { overflow:hidden; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; }
.summerSale2017CpModal .goodsPriceBeforePointUse,
.summerSale2017CpModal .goodsPriceAfterPointUse { margin-top:3px; word-wrap:break-word; }
.summerSale2017CpModal .goodsPriceAfterPointUse { font-size:24px; line-height:1.25; }
.summerSale2017CpModalAction { margin-top:20px; }
.summerSale2017CpModalActionCatch { display:block; margin:0 auto; width:161px; }
.summerSale2017CpModalActionBtn { margin-top:10px; }
.summerSale2017CpModalAction .gBtn.btnM { width:100%; font-size:20px; line-height:1.25; }
.summerSale2017CpModalAction .btnTextHelp { font-size:13px; line-height:1.384615385; }
.summerSale2017CpModal .textNote { text-align:center; font-size:13px; line-height:1.538461538; }

.msie8 .summerSale2017CpModal { height:970px; background-image:url(//img4.zozo.jp/pc/common/event/summer_sale_2017_cp/modal_bg.png); background-position:center center; }
.msie8 .summerSale2017CpModalAction { margin-top:10px; }