﻿
/*!
 * ZOZOTOWN
 * http://zozo.jp/
 *

 * 2017.02.28: スタッフコーデ レビュー付き
 * 2017.01.17: お気に入り後のアイコン色変更
 * 2017.01.17: お気に入りレコメンドの矢印位置調整
 * 2016.12.26: モーダルに関するスタイルを追加
 * 2016.12.26: USEDの参考サイズモーダル
 * 2016.12.19: usedテスト 戻し
 * 2016.12.05: usedテスト
 */


/*icon override*/
.ico_baloon:before,
.ico_size:before,
.ico_relations:before { margin-left:-3px; }
body .section.opens .sectionHeader h2 { padding:0 0 10px 2.8% }


.zozosize{ display:block; font-size:10px; color:#2d2d2d; }
.zozosize .ico_sex { /*white-space:nowrap;*/ }
.multiSex .zozosize .ico_sex:before { display:inline; font-size: 21px; vertical-align:-4px; margin:0 -4px; }
.multiSex .zozosize .ico_menG:before { content: "\e782"; color: #3d9cb7; }
.multiSex .zozosize .ico_womenG:before { content: "\e783"; color: #de5252; }
.multiSex .zozosize .ico_kidsG:before { content: "\e784"; color: #efc20f; font-size:24px; vertical-align:-6px; margin-right:-8px; }


#couponGoodsBox{ padding:0; margin:0 0 0;}

/* ギフトラッピングモーダルのボタン用スタイル -------------------- */
#letsGift_ov > a { border:1px solid #36b7f4; display:block; color:#0088cc; padding: 15px; min-height: 51px; border-radius: 4px; font-size: 14px; line-height: 1.357142857; }



/*-------------------------------------
	.section共通
--------------------------------------*/
/*.section .sectionHeader{ border-top: 1px solid #e9e9e9; padding:16px 2% 12px; margin:16px 0 0; }
#tabItemInfo .tabContent{ padding:10px 15px; }*/

.form{ padding:0; }

.btnPrimary .ico_cart:before{ color:#ffffff; }

.btnPrimary [class*="ico_"]::before,
.btnPrimary  [class*="ico_"]::after{ color:#ffffff; }


.modalContent  .ico_cart:before{ font-size:24px;}

/*-------------------------------------
	ヘッダ周り
--------------------------------------*/
#headSection{ position:relative;background: #ddd; height: 36px; }
#headSection .shopName{ padding: 6px 10px 4px; overflow:hidden;  text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; }
#headSection .shopName a{ color:#808080; font-size:10px; }
#headSection .shopName a:before{ color:#808080; font-size:16px; vertical-align:-3px; margin-left:-2px; }

#giftOK{ position:absolute; right:0; top:-12px; z-index:12; }

#topCaption{ font-size: 14px; padding:0 8px 8px; text-align: center; }

#exShipInfo{ text-align:center; padding:10px 0 8px; font-size:10px; background:#f5f5f5;; }
#exShipInfo .txt span { font-weight:bold; }

/*-------------------------------------
	ノベルティ
--------------------------------------*/

#secNovelty{ background:#fafafa; padding: 5px 0 5px 24px; font-size:14px; border-top:1px solid #e8e8e8; text-align:center; border-bottom:1px solid #e8e8e8; text-align:center; }
#secNovelty span { display:inline-block; }
#secNovelty .ico_novelty:before { margin:0; }
#secNovelty a{ float:right; display:inline-block; padding: 0 40px 0 0; margin:7px 0 0; }
#secNovelty a[class*="arw_"]:after{ top:7px; }

/*-------------------------------------
	#secMainImg
--------------------------------------*/

#secMainImg { font-size:11px; color:#808080; position:relative; min-height:285px; }
#secMainImg .close{ display:none; position:absolute; right:0; top:5px; padding:5px 10px; }
#secMainImg .ico_close:after{ color:#ffffff; font-size:32px; height:32px; text-shadow:0 0 1px rgba(0, 0, 0, 1), 0 0 1px rgba(0, 0, 0, 1); }
#body.fullScreen #gArticle{ z-index:100; }
#body.fullScreen #gHeader,
#body.fullScreen #headSection,
#body.fullScreen #imgCaption,
#body.fullScreen #stockWrapper,
#body.fullScreen #gFooter,
#body.fullScreen #gArticle>section{ display:none; }

#body.fullScreen .close{ display:block; }
#body.fullScreen{ height:100%; /*overflow:hidden; */}
#body.fullScreen #secMainImg{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:999; background:#333333;  }
#body.fullScreen #mainItem{ height:100%;}
#body.fullScreen #flipWrapper,
#body.fullScreen #mainFlip,
#body.fullScreen #mainFlip .viewport,
#body.fullScreen #mainFlip .flipsnap,
#body.fullScreen #mainFlip .item,
#body.fullScreen #mainFlip .img{ height:100%; margin:auto;}
#body.fullScreen #mainFlip .img{ display:table; }
#body.fullScreen #mainFlip .img span,
#body.fullScreen #mainFlip .img a{ height:100%; display:table-cell; vertical-align:middle; }
#body.fullScreen #mainFlip .img img{}

#secMainImg #mainItem #flipWrapper{ position:relative; }
#secMainImg #mainItem #mainFlip{ position:relative; min-height:285px;}
#secMainImg #mainItem img{ max-width:100%; height:auto; vertical-align:bottom; }
#secMainImg .viewport { overflow: hidden; margin: 0 auto; }
#secMainImg .viewport.loading {  height:420px; }
.modern #secMainImg .viewport { -webkit-transform: translateZ(0); }
#secMainImg .viewport.loading img{ -webkit-filter: blur(2px); filter: blur(2px); }


#secMainImg .flipsnap { width: 100%;}
#secMainImg .flipsnap  .item { width: 100%; }
#secMainImg .flipsnap:after { content: ''; display: block; clear: both; height: 0; }

#secMainImg .item { float: left; overflow:hidden; height:100%; }
#secMainImg .item span,
#secMainImg .item a{ display:block; width:100%; height:100%; }
#secMainImg .item .img{ text-align:center; }
#secMainImg #mainItem img{  }
#secMainImg #mainItem .zozoImg img{ height:auto; width:100%; }		/* 500*600対応 */
#secMainImg #mainItem .wearImg img{ height:auto; width:90%; }
/*#body.fullScreen #secMainImg #mainItem .wearImg img{ height:auto; width:100%; }		/* 縦長系は縦基準 */

/* 画像カウンタ */
#secMainImg #imgNum{  position:absolute; bottom:20px; width:100%; text-align:center;}
#secMainImg #imgNum div{ background:rgba(0,0,0,0.15); color:#ffffff; padding:2px 8px; border-radius:1em; display:inline-block;  box-sizing:border-box; -werbkit-box-sizing:border-box; white-space:nowrap; }
#secMainImg #imgCaption{ padding:5px 16px 5px; text-align:center; }
#body.fullScreen #secMainImg #imgNum{ bottom:20px; }


/* prev nextコントローラ */
#secMainImg .arrow{position:absolute; top:50%; z-index:20; width:100%; }
#secMainImg .arrow p { height:150px; width:62px; position:absolute; top:0; bottom:0; margin:-75px 0 0; z-index:10; }
#secMainImg .arrow .arrowBg { width:42px; height:42px; top:50%;  background:rgba(0,0,0,0.15); -moz-border-radius:21px; -webkit-border-radius:21px; -o-border-radius:21px; -ms-border-radius:21px; border-radius:21px; display:block; position:absolute; margin:-21px 0 0 0; padding:0 }
#secMainImg .arrow .arw_bl_01:after { content:"\e789"; color:#FFFFFF; right:6px; z-index:2; text-shadow:none; }
#secMainImg .arrow .arw_bl_03:after { content:"\e788"; color:#FFFFFF; left:4px; z-index:2; text-shadow:none; }
#secMainImg .arrow .arrowBg.hide,
#secMainImg .arrow .arrowBg.hide:after{ display:none; }

#secMainImg .arrow .arw_prev:before { content:"\e787"; color:#FFFFFF; left:0; z-index:2; text-shadow:none; font-size: 32px; height: 30px; left: 4px; line-height: 1; top: 26px; }
#secMainImg .arrow #mainPrev{ left:0; padding: 0 10px; }
#secMainImg .arrow #mainNext{ right:0; padding: 0 10px;  }

/*立ち読みボタン*/
#secMainImg #mainItem .magazineLink { margin:8px 0 7px; text-align: center; }
#secMainImg #mainItem .magazineLink .ico_magazine:before { margin-right: 0px; vertical-align: -9px; }

/* 在庫数 */
#secMainImg #stockWrapper{ position:relative; }
#secMainImg #stockWrapper:after{ content:''; display:block; position:absolute; left:100%; top:0; height:100%; width:10px; box-shadow:rgba(255, 255, 255, 1) -6px 0 6px -3px; -webkit-box-shadow:rgba(255, 255, 255, 1) -6px 0 6px -3px; }
#secMainImg #stock{ width:100%; padding: 0 16px 0 0; overflow-x:scroll; border-top:solid 1px #f3f3f3; box-sizing:border-box; -werbkit-box-sizing:border-box; }
#secMainImg #stock::-webkit-scrollbar{ display:none; }
#secMainImg #stock dl{ white-space:nowrap; padding:8px 10px 6px; color:#2d2d2d; }
#secMainImg #stock dl dt{ display:inline-block; margin:2px 6px 0 0; }
#secMainImg #stock dl dd{ display:inline-block; margin:0 3px 1px 0; padding: 0 8px; background:#ededed; border-radius:1em; }
#secMainImg #stock dl dd:last-child{ margin-right:12px; }
#secMainImg #stock dl dd.lastOne{ color:#e73656; }
#secMainImg #stock dl dd.soldout{ border: 1px solid #f3f3f3; background:#ffffff; color:#a9a9a9; }

/* 画像アンケート */
#secMainImg #popQuestionLink{ display:none; position:absolute; bottom:0; padding:5px 0; width:100%; text-align:center; background:rgba(255,255,255,0.8); }
#body.fullScreen #secMainImg #popQuestionLink{ display:block;  }


/*-------------------------------------
	#secGoodsMain
--------------------------------------*/

#secGoodsMain{ padding:12px 10px 22px; border-top: 1px solid #f3f3f3;  color:#888888;}
#secGoodsMain .brandName { font-size:12px; overflow:hidden;  text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; }
#secGoodsMain h1{ margin-bottom: 2px; font-size:16px; line-height:1.4; }
#secGoodsMain .price{ font-size:25px; color:#ff0000; }
#secGoodsMain .price .tax{ color:#888888; }
#secGoodsMain .price.discount{ margin-bottom:-7px; }
#secGoodsMain .price.discount .tax{ color:inherit;}

#secGoodsMain .price .proper { font-size:12px; font-weight:normal; }
#secGoodsMain .price .off { font-weight:normal; margin-left:-5px; }

#secGoodsMain #otherInfo{ font-size:11px; margin-top:-4px; }
#secGoodsMain .magazineBtn { margin:0 0 10px 0; }
#secGoodsMain .magazineBtn .ico_magazine:before { color:#ffffff; }
#secGoodsMain .priceDown{ background:#ff0033; color:#ffffff; padding:4px 0 2px 2px; margin:0 0 14px; font-size:10px; line-height:1.33; display:inline-block; border-radius:2px; }
#secGoodsMain .priceDown .off{ font-size:10px; }


/*お気に入りアイテム特別価格*/
#secGoodsMain .price.favDiscountPrice { color:#ff0033; margin-top:10px; }
#secGoodsMain .price.favDiscountPrice #discountLimit { display:block; font-size:12px; font-weight:normal; }
#secGoodsMain .price.favDiscountPrice #discountLimit span { font-weight:bold; }
#secGoodsMain .price.favDiscountPrice #discountName { font-weight:normal; font-size:14px; padding:0 3px 0 0; }
#secGoodsMain .price.favDiscountPrice #discountRate { font-weight:normal; font-size:12px; }
#secGoodsMain #normalPrice { font-size:14px; color:#808080; line-height:1.2; padding:0 0 18px 0;  }


/* ツケ払い */
#secGoodsMain .priceTbl{ display:table; margin-bottom: 8px; margin-top:12px;}
#secGoodsMain .priceCell{ display:table-cell; vertical-align:middle; }
#secGoodsMain .priceCell .proper{ margin-bottom:-8px; }
#secGoodsMain .priceCell .price{ white-space:nowrap; }
#secGoodsMain .priceCell .favDiscountPrice .proper{ margin-bottom:0; }

#secGoodsMain #laterPayWrapper{ float:left; background:#f0f0f0; position: relative; padding:8px 6px 6px 6px; color:#808080; margin: -2px 0 0 10px;  line-height:1.4;}
#secGoodsMain #laterPayWrapper:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(240, 240, 240, 0); border-right-color: #f0f0f0; border-width: 8px; margin-top: -8px; }
#secGoodsMain #laterPayWrapper .lead{ color:#2d2d2d; font-weight:bold; font-size:13px; }
#secGoodsMain #laterPayWrapper .lead a{ font-weight:normal; font-size:9px; margin: 0 0 0 5px; }
#secGoodsMain #laterPayWrapper .info { font-size:9px; }

/* android6系最小fontsize対策 */
@media (min-width:360px) {
	#secGoodsMain #laterPayWrapper .info { font-size:10px; transform:scale(0.9,0.9) translateX(-10px); white-space:nowrap; margin-right:-20px; }
}
#secGoodsMain #laterPayWrapper .info a{ display:none; }
#secGoodsMain #laterPayWrapper span{ color:#e73656;font-weight:bold; white-space:nowrap;}

@media (max-width:320px) {
	#secGoodsMain #laterPayWrapper{ padding:10px 4px 8px 6px; font-size:9px; line-height:1.4;}
	#secGoodsMain #laterPayWrapper .lead{ font-size:9px; }
	#secGoodsMain #laterPayWrapper .lead a{ display:none; }
	#secGoodsMain #laterPayWrapper .info { font-size:9px; word-break:break-all; }
	#secGoodsMain #laterPayWrapper span:before{content:""; display:block;; }
	#secGoodsMain #laterPayWrapper .info a{ font-weight:normal; font-size:9px; display:inline-block; margin: 0 0 0 5px; }
}





/*ポイント*/
#secGoodsMain #pointWrapper { }

/* 購入ボタン・お気に入りボタン系 */
#secGoodsMain .btns{ margin:15px 0 0; }

#socialBtn{ margin-top:10px; }
#snsBtns { padding:15px 4px; }
.openFavorit{ padding: 15px 10px; }
.openFavorit .ico_addfavorite,
.openFavorit .ico_addfavoriteComp{ float: left; line-height: 1.1; margin: -6px auto -10px; }
.openFavorit .ico_addfavorite,
.openFavorit .ico_addfavoriteComp { text-align:center; font-size:10px; }
.openFavorit .ico_addfavorite:before,
.openFavorit .ico_addfavoriteComp:before { display:block; font-size:28px; margin:-2px 0 -4px -2px; }


.openFavorit.added{ color:#888888; }
.openFavorit.added .ico_addfavoriteComp:before{ color:#888888; }


#secGoodsMain .btns .multiLine .btn{ padding:15px 0 9px; }
#secGoodsMain .btns .subInfo{ font-size:12px; }
#secGoodsMain .btns .subInfo .zozosize { display:inline; color:#FFF; margin:0 -2px; }


#popCartBtnWrapper .btn-o.btnCondensed{ padding-bottom: 8px; padding-top: 8px; }



/*注意文言のタグ*/
#tagWrapper p,#tagWrapper ul,#tagWrapper li { float: left; }
#tagWrapper { margin: 0 0 -5px -5px; padding-top: 5px; font-size: 9px; }
#tagWrapper .tagInfo li { background: #F0F0F0 none repeat scroll 0 0; border-radius: 0.2em; padding: 5px 6px 4px; margin: 5px 0 0 5px; color: #808080; white-space: nowrap;}
#tagWrapper .reservedHelp { margin: 5px 0 0 5px; }
#tagWrapper .reservedHelp a { display: block; padding: 5px 0; text-decoration: underline; color: #808080; }
#tagWrapper #attColorContact { margin: 5px 0 0 5px; }
#tagWrapper #attColorContact a {  display:block; padding:5px 0; color:#e73656; text-decoration:underline; }

/*ギフトセット*/
#giftSetInfo {margin-top: 10px; border-top:none; background: #f0f0f0 none repeat scroll 0 0; }
#giftSetInfo .ico_giftWrapping:before { color:#e73656; margin-right:-3px; vertical-align:-5px; }
#giftSetInfo h2 { margin:0 0 10px 0; text-align:center; font-size:16px; }
#giftSetInfo .info { font-size:11px; margin: 10px 0 0;}
#giftSetInfo .sectionBlock { margin:0; padding:9px 12px 14px; }
#giftSetInfo .sectionBlock p { font-size:14px; }
.giftSetPriceInfo { font-size: 13px; font-weight:normal; text-align: left; margin-bottom: 9px; margin-top: -6px; color: #808080;}
#giftSetInfo .attention { margin-top: 4px; font-size: 11px; color: #808080; }


#snsBtnList{ padding:10px 15px 5px; }
#snsBtnList li{ float:left; width:33%; text-align:center; padding: 0 0 16px }
#snsBtnList li a{ display:block; }
#snsBtnList li p{ color:#808080; font-size:10px; margin:-5px 0 0; }
#snsBtnList li [class*="ico_"]{display:inline-block; height:66px; width:66px; border-radius:33px; position:relative;}
#snsBtnList .ico_twit_logo{  background:#28a6e3;}
#snsBtnList .ico_fcbk_logo{ background:#3a559f;}
#snsBtnList .ico_line_logo{ background:#2cbf13;}
#snsBtnList .ico_google_logo{ background:#de4421;}
#snsBtnList .ico_mail_logo{ background:#b4b4b4;}

#snsBtnList .ico_twit_logo:before,
#snsBtnList .ico_fcbk_logo:before,
#snsBtnList .ico_line_logo:before,
#snsBtnList .ico_google_logo:before,
#snsBtnList .ico_mail_logo:before{ font-size:66px; margin:0; color:#ffffff; position:absolute; left:0; top:0;}

#snsBtnList .ico_line_logo:before{ top:1px; }
#snsBtnList .ico_mail_logo:before{ top:3px; }

#popSnsBtnList .modalInner .popClose { margin-top:-25px; }

/*USEDカート周り*/
#zozotown.used .btnCart .comingSoon { padding:12px 0 10px; text-align:center; border:1px #eaeaea solid; border-radius:4px; font-size:16px; color:#808080; }
#zozotown.used .btnCart .comingSoon .subInfo .zozosize { color:#808080; }
#zozotown.used .btnCart #waitTimer { font-size:12px; }


/*-------------------------------------
	.switchTab searchとほぼ共通だけど色違い注意
--------------------------------------*/

/*スタッフレビュー件数表示*/
.switchTab.tab3 li #reviewTab { position: relative; }
.switchTab.tab3 li #staffReviewCount { color:#808080; padding-bottom: 5px; font-size: 12px; position: absolute; bottom: 0; text-align: center; width: 100%; }

/*-------------------------------------
	ZOZO スタッフコーデ画像
--------------------------------------*/

#secStaffReview { color:#888888; }
#secStaffReview .sectionHeader h2 span { display: inline-block; float: right; font-size: 12px; margin: 6px 0 0 6px; vertical-align: top; }
#secStaffReview .sectionInner .item {display: table; padding: 12px 0 5px; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; table-layout:fixed; }
#secStaffReview .sectionInner .item > div { display:table-cell; vertical-align:top; }
#secStaffReview .sectionInner .item .img { width:108px; }
#secStaffReview .firstData, #secStaffReview .nextData{ padding: 0 10px; position:realtive;}
#secStaffReview .userThumbnail { display: table-cell; font-size: 0; line-height: 1; padding: 0 10px 0 0; position: relative;  }
#secStaffReview .userThumbnail a{ display:block; }
#secStaffReview .reviewBox .reviewBoxInner { position:relative; border:1px solid #e9e9e9; width:100%; }
#secStaffReview .reviewBox .reviewBoxInner::before {background: #fff; border-bottom: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; content: ""; display: inherit; height: 8px; left: -5px; position: absolute; top: 18px; transform: rotate(45deg); -moz-transform: rotate(45deg); -moz-transform-origin: rotate(45deg); -webkit-transform: rotate(45deg); width: 8px; }
#secStaffReview .reviewBox .reviewTextBox { min-height:105px; font-size:12px; line-height:1.416666667; word-break:normal; }
#secStaffReview .reviewBox .reviewTextBox .reviewText { padding:10px; }
#secStaffReview .reviewBox .reviewTextBox .readMore { color:#2490d0; font-size:12px; }
#secStaffReview .reviewThumbnail { margin: -2px 0 2px 0; }
#secStaffReview .reviewThumbnail span { color:#6f6f6f; font-size: 13px; margin: 0px 0 3px 0;  }
#secStaffReview .userInfo { overflow:hidden; margin-bottom:6px; color:#6f6f6f; font-size:13px; line-height:1.384615385; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; }

/*-------------------------------------
	アイテム説明
--------------------------------------*/
#secItemInfo .sectionInner{ padding:20px 12px 0px; font-size:14px; line-height:1.6; }
#secItemInfo .sectionBlock { font-size: 14px; line-height: 1.4; background: #f0f0f0; margin: 10px 0 0; padding: 12px 12px 10px; }
#secItemInfo .sectionBlock dl { box-sizing:border-box; -webkit-box-sizing:border-box; line-height: 1.7; }
#secItemInfo .sectionBlock dt{ float:left; width:6em; }
#secItemInfo .sectionBlock dd:before{ content:'：'; margin: 0 0 0 -1em; }
#secItemInfo .sectionBlock dd{ padding: 0 0 0 6em; box-sizing:border-box; -webkit-box-sizing:border-box; margin: 3px 0 3px;  }
#secItemInfo .otherLink { margin: 15px -16px 0 0; }
#secItemInfo .otherLink li { padding: 0 0 15px; }
#secItemInfo .otherLink li:last-child { padding: 0 0 0; }

/* used提供者情報 */
#secItemInfo .ownerInfo{ padding:20px 0; border-top:solid 1px #cccccc; font-size:12px; }
#secItemInfo .ownerInfo .tbl{ display:table; }
#secItemInfo .ownerInfo .ownerImg{ display:table-cell; width:50px; vertical-align: middle; }
#secItemInfo .ownerInfo .ownerImg img{ width:40px; height:45px; display:block; border:solid 1px #cccccc; background:#cccccc; vertical-align:middle; }
#secItemInfo .ownerInfo .ownerData{ display:table-cell;vertical-align: middle; }
#secItemInfo .ownerInfo .ownerData .info{color:#808080; font-size:10px;}
#secItemInfo .ownerInfo .ownerData .ownerName{ font-size:14px;}
#secItemInfo .ownerInfo .ownerTxt{ margin:12px 0 0; font-size:14px;}
#secItemInfo .ownerInfo .ownerLink{ margin:8px 0 0; }


/*-------------------------------------
	サイズ
--------------------------------------*/
.tblSize.close { overflow:hidden; }
.tblSize table{ min-width:100%; table-layout:fixed; border:#e9e9e9 solid 1px;  box-sizing: border-box;  border-collapse:collapse; }
.tblSize th{ border-top:#e9e9e9 solid 1px; border-bottom:#e9e9e9 solid 1px; border-right:#e9e9e9 1px solid; text-align:center; font-size:12px; padding:10px 5px; box-sizing:border-box; -webkit-box-sizing:border-box; white-space:nowrap; vertical-align:middle; }
.tblSize td{ border-top:rgba(100, 100, 100, 0.1) solid 1px; border-right:#f0f0f0 1px solid; text-align:center; font-size:12px; padding: 0 5px; box-sizing:border-box; -webkit-box-sizing:border-box; white-space:nowrap; vertical-align:middle; }
.tblSize td.sizeCol{border-top:rgba(180, 180, 180, 0.1) 1px solid; padding:0px 5px; color:#808080; text-align:left; font-size:10px; height:26px; box-sizing:border-box; white-space: normal; }
.tblSize .sizeDataList tr th:last-child{ border-right:0; }
.tblSize .sizeDataList tr td:last-child{ border-right:0; }
.tblSize tbody tr:last-child  td{ border-bottom:rgba(180,180,180,0.1) solid 1px; }
.tblSize  table tbody:last-child tr:last-child th,
.tblSize  table tbody:last-child tr:last-child td{ border-bottom:#e9e9e9 solid 1px; }
.tblSize tr th .zozosizeWrapper{  word-break:break-all; margin: 5px 0 -5px 0; padding:0 5px; white-space: normal; word-break:break-all; line-height:12px; color:#808080; font-size:10px; }
.tblSize tr th .zozosize .ico_sex{ /*display:inline-block;*/ margin-top:-5px; }
.tblSize tr th .zozosize{ font-size:10px; color:#808080; margin:2px 0px 0; display:inline;}
.tblSize tr th .zozosize .ico_sex span{ white-space:nowrap; }

/* スクロールあり */
.tblSize .sizeHeadWrapper{ width:7em; float:left; }
.tblSize .sizeHeadWrapper.shadow{ }
.tblSize .sizeHeadWrapper .sizeHeadList{width:7em;}
.tblSize .sizeDataWrapper.shadow{ box-shadow: -6px 0px 4px -4px rgba(0,0,0,0.2) inset; }
.tblSize .sizeDataScroll{ overflow-x:auto; }

.tblSize .sizeDataScroll.shadow{ box-shadow: 6px 0px 4px -4px rgba(0,0,0,0.2) inset; }
.tblSize .sizeHeadWrapper table{ border-right:0; border-bottom:0; }
.tblSize .sizeDataWrapper table{ border-left:0; border-bottom:0; }
.tblSize .sizeHeadWrapper th span{ /*color:#dcdcdc;*/ }
.tblSize .sizeDataWrapper th {background:rgba(60, 60, 60, 0.06); }
.tblSize th{ color:#888888; background:#f3f3f3; line-height:1.2; }

/* テーブル内スクロールバー */
.modern .tblSize .sizeDataWrapper{ overflow:hidden; height:100%; }
.modern .tblSize .sizeDataScroll{ overflow-y:hidden; height:100%; }
.modern .tblSize .sizeDataScroll::-webkit-scrollbar { height:5px; }
.modern .tblSize .sizeDataScroll::-webkit-scrollbar-track { border-radius: 5px; background: #eee; }
.modern .tblSize .sizeDataScroll::-webkit-scrollbar-thumb { border-radius: 5px; background: rgba(0,0,0,0.2); }
.android.modern.safari .tblSize .sizeDataScroll{ height:auto; }		/* android標準ブラウザはキャンセル */


/* スクロールなし */
.tblSize .noScrollTbl { width:100%; }
.tblSize .noScrollTbl th:first-child{ width:7em; }
.tblSize .noScrollTbl th{ padding:10px 0; white-space: normal; }
.tblSize .noScrollTbl tr td { max-width: 20%; white-space: normal; word-break: break-all; }
.tblSize .noScrollTbl tr:not([data-size]) td:not(.sizeCol){ height:60px; }
.tblSize .noScrollTbl{ border-bottom:0; }
.tblSize .noScrollTbl thead th:last-child,
.tblSize .noScrollTbl tbody tr td:last-child{ border-right:0; }

/* スクロールなし版 */

/* 購入履歴 */
.tblSize table tr .dataImg{ padding:0; text-align:center; }
.tblSize table tr .dataImg .img{ padding:5px 3px 0;text-align:center;  box-sizing:border-box; height:65px;}
.tblSize table tr .dataImg .img img{ width:50px; height:60px; }
.tblSize table tr .dataImg .txt{ padding:4px 3px; font-size:10px; }
.tblSize table tr .dataImg p span{ white-space:nowrap; }
.tblSize table tr .sizeOption{ padding:5px 10px; text-align:left; font-size:11px; line-height:1.2; }

/* 購入履歴ポップアップ */
#popMySizeWrapper .popInner{ padding:20px 15px 5px; font-size:12px; }
#popMySizeWrapper #mysizeImg img{ width:100%;}
#popMySizeWrapper #mysizeShop{ margin:10px 0 0; }
#popMySizeWrapper #mysizeSize { line-height:1.4; }
#popMySizeWrapper #mysizeSize span{ font-size:10px; }
#popMySizeWrapper .popBody{ border-top:0; }



/* ----------------------------------------
 * モーダルに関するスタイル
 * ---------------------------------------- */
/* コンディションと参考サイズ共通 -------------------- */
.conditionModalContainer .gridContainer,
.aboutSizeModaContainer .gridContainer { margin-left:16px; margin-right:16px; }


/* コンディションについて -------------------- */
.conditionModalContainer .noScrollTbl th:first-child { width:90px; }


/* 参考サイズについて -------------------- */
.aboutSizeTable th { padding:15px 5px; }



/*-------------------------------------
	店舗情報
--------------------------------------*/

#secShopBanner { padding:0 10px; }
#secShopBanner .columnsCol:first-child{ width:58px; }
#secShopBanner .logo{ display:inline-block; border-radius:50%; width:48px; height:48px; box-sizing:border-box; border:solid 1px #e9e9e9; }
#secShopBanner .columnsCol div{ font-size:9px; color:#888888; }
#secShopBanner .columnsCol a{ overflow:hidden; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; display:block;  }

/*-------------------------------------
	レコメンド系共通
--------------------------------------*/
#recomendWrapper { margin-top:15px; }

#recomendWrapper section#secRecommendNewItemForUsed { overflow:hidden; padding-bottom:15px; background:#f5f5f5; }
#recomendWrapper section#secRecommendNewItemForUsed .sectionBody { margin-top:15px; }
#recomendWrapper #secRecommendNewItemForUsed .indexMedia { background:#ffffff; }
#recomendWrapper #secRecommendNewItemForUsed .feedMetaItem.feedMetaPrimary{font-size: 13px; margin-bottom:5px;}
#recomendWrapper #secRecommendNewItemForUsed li a { color:#333333; }
.sectionHeaderRow { white-space:nowrap; }
#secRecommendNewItemForUsed ul li a::before { content: "\e616"; display: block; margin-top: 20px; position: absolute; right: 10px; }


/* ランキングアイコン */
.listContents .ico_rank{ font-family: helvetica; background:#ffffff; border:solid 1px #e6e6e6; color:#8c8c8c; width:22px; height:22px; position:absolute; border-radius:22px; left:3px; top:3px; line-height:21px;text-align:center; display:block; font-size:11px; box-sizing:border-box; }
.listContents .rank1{background:#d9b340; border-color:#d9b340; color:#ffffff;}
.listContents .rank2{background:#6f7b83; border-color:#6f7b83; color:#ffffff;}
.listContents .rank3{background:#a15326; border-color:#a15326; color:#ffffff;}

#secGoodsRanking .slideDown .slideBtn { box-shadow: none; }
#secGoodsRanking .rankingLink { text-align: right; font-size: 14px; margin: 5px 13px 0 ; }



/*-------------------------------------
	掲載雑誌
--------------------------------------*/
#secMagazine{ margin: 0 12px; }
#secMagazine.section .sectionHeader{ padding-left:0; }
#secMagazine li { margin-top: 5px; }
#secMagazine li .imgBox{ display:table-cell; width:100px; vertical-align:middle; box-sizing:border-box; -webkit-box-sizing:border-box; }
#secMagazine li .imgBox img{ height: 120px; width: 100px; }
#secMagazine li .meta{ vertical-align:middle; }
#secMagazine .listContents li .name{ color: #808080; line-height: 1.5; font-size:11px; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
#secMagazine .listContents li .goodsName{ font-size:14px; word-break:break-all; }



/*-------------------------------------
	サイズ詳細
--------------------------------------*/

#secItemSize{}
#secItemSize .sectionInner{ padding:12px 12px 8px; }
#secItemSize .aboutSize{ padding:0 2.5% 0 0; }
#secItemSize .aboutSize h2 { float:left; }
#secItemSize .aboutSize .otherLink { float:right; margin-top:3px; }
#secItemSize .category { font-size:14px; padding:3px 0 10px; }
#secItemSize .info { margin:0; color:#808080; line-height:1.44; }
#secItemSize .sizeInfo { margin:20px 0 0;; }
#secItemSize .notes.sizeInfo { margin:10px 0 0; }
#secItemSize .infoExc { margin:10px 0 0; font-size:12px; }
#secItemSize .sizeAtt { margin:5px 0 0; font-size:12px; }

#secItemSize .content {  }
#secItemSize dl{ padding-top: 10px; }
#secItemSize dt{ text-align:center; background:#f0f0f0; padding: 1px 0 0; }
#secItemSize dd{ padding-top: 4px; font-size: 14px; }
#secItemSize .otherLink{ margin-top: 4px; }
#secItemSize .notes { font-size: 13px }
#secItemSize .sizePop { margin:8px 0 0; display:inline-block; }
#secItemSize .sizePop + .sizePop:before { content:""; display:inline-block; margin:-11px 10px -8px 6px; border-left:1px solid #e9e9e9; width:0; height:1.357142857em; vertical-align:middle; }
#sizeGuideLink { font-size: 14px;}
#secItemSize #kidsSizeInfo .kidsTitle { font-size:14px; margin:15px 0 5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

#secItemSize .slideBtn { position:relative; bottom:0px; left:0; z-index:1; width:100%;text-align:center; height:40px; }
#secItemSize .slideBtn a { display:inline-block; padding:10px 0 10px 0; text-align:center;  }
#secItemSize .slideBtn a .flgTxt{font-size:14px; color:#888888; }
#secItemSize .slideBtn a .sw:after { position:relative; color:#888888;  position: relative; top:6px; left:0; font-size:24px; }



/*-------------------------------------
	ポップアップウィンドウ
--------------------------------------*/

.modalInner dl{ border-top: 1px solid #f4f4f4; margin-bottom: 5px; }
.modalInner dl:last-child{  }
.modalInner dt{ background:#f2f2f2; position:relative; width:100%; height:60px; border-bottom: 1px solid #f4f4f4;}
.modalInner dt img{ vertical-align:middle; height:60px; }
.modalInner dt span{ font-size:12px; margin: 0 0 0 10px; }
.modalInner dd{ border-bottom: 1px solid #ededed; padding: 12px 10px 12px; display:table; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box;}
.modalInner dl dd:last-child{ border-bottom:0; /*margin-bottom:15px;*/}
.modalInner dl:last-child dd:last-child{ border-bottom: 1px solid #ededed; }

.modalInner dd .txt{ padding:0 8px 0 0; box-sizing:border-box; font-size:15px; line-height:1.357; display:table-cell; vertical-align:middle; word-break:break-all; }
.modalInner dd .txt .subInfo { margin:4px 0 0 0; }
.modalInner dd .txt p{ display:inline-block; }
.modalInner dd .txt p.zozosize{ display:block; color:#808080; width:100%; display:block; word-break: keep-all;}
.modalInner dd .txt p.zozosize .ttl{ white-space: nowrap;  }
.modalInner dd .txt p.zozosize .ico_sex{ word-wrap:break-word; }

.multiSex .modalInner dd .txt p.zozosize .ico_sex:nth-child(1) { margin:0 0 0 -3px; }
.multiSex .modalInner dd .txt p.zozosize .ico_sex:not(:nth-child(1)) { margin:0 0 0 1px; }
.modalInner .size{}
.modalInner .size:after{ content:" "; }
.modalInner .stock{ white-space:nowrap; }
.modalInner .stock:before{ content:" / "; color:#2d2d2d; }
.modalInner .lastOne .stock { color:#e73656; }
.modalInner .noStock .size { color:#808080!important; }
.modalInner .noStock .stock { color:#808080!important; }
.modalInner .noStock .stock:before { color:#808080; }
.modalInner .popBtn { width:130px; height:30px; box-sizing:border-box; -webkit-box-sizing:border-box; font-size:12px; padding:0; overflow:hidden; line-height:30px; }
.modalInner .popBtn a{ display:block; width:130px; height:30px; }

.modalInner #selectedSizeTtl{ margin-top:-16px; text-align:center; }
.modalInner .selectedSize{ margin:-12px 0 0; padding:12px 16px 12px 38px; line-height:1.2; font-size:12px; background:url(/sp/shop/img/ico_selectedsize.png) no-repeat 12px center; background-size:22px 22px; display:inline-block; text-align:left; }
.modalInner .ico_selectedSize { background: url(/sp/shop/img/ico_selectedsize.png) no-repeat center center; background-size: 28px 28px; display: inline-block; width: 28px!important; height: 28px; position: absolute; right: 132px; margin:-12px 0 0 0; }
.modalInner .popClose{ padding:16px 16px 16px; }


/* ボタンアニメーション */
.modern .trans {-webkit-transition:all ease-out 0.2s; transition:all ease-out 0.2s; }
.modern .trans [class*="ico_"]:before{-webkit-transition:all ease-out 0.6s; transition:all ease-out 0.6s; }
.modern .trans.zero [class*="ico_"]:before{ -webkit-transform: scale(0); transform: scale(0); }

/* 購入 */
.modalInner .popBtnBox { width:130px; display:table-cell; }
.modalInner .btnBlueS { }
.modalInner .btnBlueS .ico_cart:before{ color:#ffffff; font-size:21px; margin:4px 2px 0 -2px; vertical-align:-4px; }
.modalInner .popBtnBox .popBtn{ display:block; }
.modalInner .popBtnBox .btnMail{ margin:10px 0 0; }
.modalInner .popBtnBox .giftng{ font-size: 12px; color: #FF0000; text-align: center; margin: 7px 0px -5px 0px; }

/* 再入荷お知らせ */
.modalInner .btnMail .ico_mailmag{ line-height:1; display:inline-block; margin:2px 0 0; vertical-align:-1px; }
.modalInner .btnMail .ico_mailmag:before{ font-size:23px; margin: 0 0 -3px; vertical-align:-4px; }
.modalInner .btnMail .txt{ font-size:10px; margin: -10px 0 0; }

/* キャン待ち */
.modalInner .btnCancel { }
.modalInner .btnCancel .ico_cancel{ line-height:1; height:40px; }
.modalInner .btnCancel .ico_cancel:before{ font-size:23px; margin: 2px 0 4px -10px; vertical-align:-5px; }
.modalInner .btnCancel .txt{ font-size:10px; margin: -10px 0 0; line-height:1.1; display:block; }

/* 予約可能 */
.modalInner dd .txt .reserve{ display:block; font-size:10px; color:#808080; margin:2px 0 0; }

/* お気に入りボタン */
.modalInner .ico_favorite:before{ }
.modalInner .ico_addfavoriteComp:before{ color:#888888; }
.modalInner .btnFavorit{ text-align:right; }

/* 販売開始待ち */
.modalInner .popWait{ color:#14b293; text-align:center; line-height:40px; height:40px; }

/* 取り扱い終了 */
.modalInner .btnEnd{ color:#808080; text-align:center; line-height:40px; height:40px;  }

/* 他のショップで在庫を探す */
.modalInner .bcSearch{ text-align:right; margin:12px 16px 0 0; font-size:12px; }

/* wear連携 */
.modalInner .wear{ margin:0 13px 15px; padding:15px; background:#f2f2f2; }
.modalInner .wear .icon{ float:left; }
.modalInner .wear .txt{ float:left; margin: 0 0 0 -36px; padding: 0 0 0 46px;width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; }
.modalInner .wear p,
.modalInner .wear a{ font-size:14px; }
.modalInner .wear .otherLink{ margin: 0 -10px 0 0; }

/* LINE メルマガ WEAR連携 */
.noticeContainer { background:#F3F3F3; margin:15px 10px 8px; padding:10px 9px 10px 9px; }
.noticeContainer + .noticeContainer{ margin-top:0 }
.noticeContainer .title{ font-size: 13px; text-align: center; }
.noticeContainer.all .title{ padding: 3px 0; }
.noticeContainer .title img{ vertical-align: middle; }
.noticeContainer.all .title img:first-child{ margin-right:2px; }
.noticeContainer .title span{ margin: 0 0 0 6px; vertical-align: -1px; }
.noticeContainer .txt{ font-size:10px; margin:10px 0 0 0; letter-spacing: -0.03em; line-height:1.6; word-break: break-all; }
.noticeContainer .txt span{ display: inline-block; float: right; }
.noticeContainer.all .txt span a{ display: inline-block; }
.noticeContainer.all .txt span a.lineLink{ display: inline-block; padding-right:8px; margin-right:6px; border-right:1px solid #d2d2d2; }


/* お届け予定 */
#popReserveInfoWrapper .info{ padding: 0 16px 12px; }

/* 即日予定 */
#popExShippingWrapper .modalInner .popHeader .close{ margin: 0 0 -20px;}
#popExShippingWrapper .popBody{ padding:0 0 0; border-top:0px; }
#popExShippingWrapper table{ font-size:11px; border:1px solid #ddd; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; border-collapse:collapse; margin:20px 0 0; }
#popExShippingWrapper table:first-child{ margin:0; }

#popExShippingWrapper th{ background:#f0f0f0; border:1px solid #ddd; padding:10px 0 7px; vertical-align:middle; text-align:center; box-sizing:borderbox; }
#popExShippingWrapper th.exArea{ width:35px;}
#popExShippingWrapper th.exTime{}


#popExShippingWrapper td{ border:1px solid #ddd; padding:10px 0 7px; vertical-align:middle; text-align:center; }
#popExShippingWrapper td.exPrice{ width:80px; }
#popExShippingWrapper td.exPrice #exsFee{ vertical-align:bottom; font-size: 15px; font-weight:600; }
#popExShippingWrapper td.exTime{ text-align:left; }
#popExShippingWrapper td.exTime p{ padding: 0 0 0 10px; }
#popExShippingWrapper td.exTime .att{ font-size:13px; }
#popExShippingWrapper td.exTime .att span{ font-size:11px; }

#popExShippingWrapper .infoList{ padding:0 10px 15px;}
#popExShippingWrapper .infoList li{ font-size:10px; text-indent:-1em; padding: 0 0 0 1em; line-height:1.3; margin:5px 0 0;}


/* サイズガイド */
#popSizeWrapper .modalInner .popBody { border-top: none; }
#popSizeWrapper .note, #popSizeWrapper #innerAttentionBox ul { font-size: 10px; padding:0 16px 8px; color:#808080;  }
#popSizeWrapper .noteTit { font-size: 12px; padding:16px 0 0 16px; color:#808080;}
#popSizeWrapper .note li{ padding-left:1em; text-indent:-1em; }


/*返品交換の注意文言*/
/*
.popWin .popHeader { margin-bottom: 10px; }
.popWin .popHeader h2 { padding-bottom:0; }
.popWin .popHeader .close { padding: 9px 6px 1px; }
*/.modalInner .returnAttr { margin: -8px 0px 0px 0px; padding:0px 0px 8px 15px; }
.modalInner .returnAttr p{ font-size:13px; }

#secBaseInfo .infoNoReturn li{ font-size:12px; }


/*海外発送*/
#internationalShipping { margin:9px 16px 10px; }
#internationalShippingNG { margin:9px 16px 10px; }


/*-------------------------------------
	お気に入りレコメンド
-------------------------------------*/

#popFavoriteBtnWrapper .favReco {display:block; padding:10px 0 0 0; margin:-10px 0 0 0; position:relative; }
#popFavoriteBtnWrapper .favReco .dataWrapper { padding:12px 12px 12px; background-color:#f0f0f0; }
#popFavoriteBtnWrapper .favReco:before,#popFavoriteBtnWrapper dd.favReco .dataWrapper:after { left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; }
#popFavoriteBtnWrapper .favReco:before { top:0px; margin-left:-9px; border-width:0 9px 9px 9px; border-color:transparent transparent #f0f0f0 transparent; z-index:3; }
#popFavoriteBtnWrapper .favReco:after { top:1px; margin-left:-10px; border-width:0 10px 10px 10px; border-color:transparent transparent #f0f0f0 transparent; z-index:3; }
#popFavoriteBtnWrapper .favReco .sectionH { margin:0 0 15px; font-size:14px; }


/* お気に入りアプリ訴求追加 */
#popFavoriteBtnWrapper .favReco .appArea .title{ font-size: 13px; text-align: center; }
#popFavoriteBtnWrapper .favReco .appArea .title .appIcon{ background:url("/sp/common/2015/img/sp_goods_icon.png") no-repeat center center; background-size: 25px 25px; display: inline-block; height: 25px; margin-right: 5px; vertical-align: -6px; width: 25px; }
#popFavoriteBtnWrapper .favReco .appArea .txt { border-bottom: 1px solid #dcdcdc; display: block; font-size:10px; margin:10px 0 15px; letter-spacing: -0.03em; line-height:1.7; word-break: break-all; padding: 0 0 8px; }
#popFavoriteBtnWrapper .favReco .appArea .txt span{ display: inline-block; float: right; }
#popFavoriteBtnWrapper .favReco .appArea .txt span a{ display: inline-block; }



/*-------------------------------------
	スタッフコーデ
--------------------------------------*/

/* 着用レビュー混在 */
#secStaffReview #secStaffcoordinate .slideDown .slideBtn { box-shadow: none; }
#secStaffReview #secStaffcoordinate { display: block; position: relative; }
#secStaffReview #secStaffcoordinate h2 { margin: 10px 0 9px; }
#secStaffReview #secStaffcoordinate .sectionInner { display: inline-block; width: 100%; }
#secStaffReview #secStaffcoordinate .sectionInner ul { margin-left: -3.3%; }
#secStaffReview #secStaffcoordinate .sectionInner ul li { float: left; margin: 0 0 2% 3.3%; width: 30%}
#secStaffReview #secStaffcoordinate .sectionInner ul li img { width: 100%}

#secStaffReview #secStaffcoordinate .sectionInner ul li p { font-size: 12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* コーデのみ */
#secStaffcoordinate .slideDown .slideBtn { box-shadow: none; }
#secStaffcoordinate { display: block; position: relative; margin-bottom: -7px; }
#secStaffcoordinate .sectionInner { display: inline-block; width: 100%; }
#secStaffcoordinate .firstData { margin-top: 20px; }
#secStaffcoordinate ul { margin-left:  0.7%; }
#secStaffcoordinate li { float: left; margin: 0 0 2% 2.3%; width: 30%}
#secStaffcoordinate li img { width: 100%}

#secStaffcoordinate .sectionInner ul li p { font-size: 12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }


#secStaffReview .oneReview { margin-left: -3.3%; }
#secStaffReview .oneReview li { float: left; margin: 0 0 2% 3.3%; width: 30%}
#secStaffReview .oneReview li img { width: 100%}
#secStaffReview .oneReview li p { font-size: 12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }



/* コーデ詳細ポップアップ */
#popCdWrapper { margin-top: -20px; }
#popCdWrapper .popInner{ padding:0 15px 20px; font-size:12px; }
#popCdWrapper #datailImg img{ width:100%; margin-bottom: 10px; }
#popCdWrapper #detailInfo { line-height:1.6; }
#popCdWrapper #detailLink { text-align: center; margin: 10px 0 -3px; }
#popCdWrapper .popBody{ border-top:0; }
#popCdWrapper .popBody .btn{ margin:15px 0 0; padding:0; }


/*-------------------------------------
	スタッフコーデ レビュー付き
-------------------------------------*/

/*#secStaffReview .slideDown .slideContainer{ min-height:190px; }*/
.zozoStaff .feedMedia .feedLink{ padding:12px 0; }
.zozoStaff .feedMeta .feedMetaItem{ font-size:12px; }

.statusTbl{ border: 1px solid #e9e9e9; border-collapse: collapse; width:100%; margin: 0 0 12px;}
.statusTbl th{ background: #f8f8f8; padding: 8px 5px; text-align: center; border: 1px solid #ebebeb; font-size:10px;  box-sizing:border-box; color:#333333;}
.statusTbl tbody th{ width:72px; vertical-align:middle; text-align:left;}
.statusTbl td{border: 1px solid #e9e9e9; padding: 10px 5px 12px; box-sizing:border-box;}
.statusTbl td .color{ font-size:9px; margin: -5px 0 -2px;}

.statusTbl .lows .colm{ float: left; width:16%; width:calc((100% - 8em) / 4); width:-webkit-calc((100% - 8em) / 4); min-height:1em; font-size:10px; text-align:center; padding: 5px 0; line-height:1.2; }
.legacy .statusTbl .lows .colm{width:15%;}

.statusTbl .lows .cnt{ text-align:left; text-indent:-1em; position:relative; margin: 10px 0 -10px; padding:0; }

.statusTbl .lows .min{text-align:left; width:4em;}
.statusTbl .lows .max{text-align:right; width:4em;}
.statusTbl .soft .max{ margin:-4px 0 -8px; }


.statusTbl .lows .cnt:after{content:""; display:block; width:8px; height:8px; border-radius:8px; background:#ebebeb; position:absolute; left:-4px; top:-3px; z-index:2;  }

.statusTbl .lows.mast1 .cnt0:after,
.statusTbl .lows.mast2 .cnt1:after,
.statusTbl .lows.mast3 .cnt2:after,
.statusTbl .lows.mast4 .cnt3:after,
.statusTbl .lows.mast5 .cnt4:after{ background:#ffb300;}
.statusTbl .lows.mast1 .cnt0:before,
.statusTbl .lows.mast2 .cnt1:before,
.statusTbl .lows.mast3 .cnt2:before,
.statusTbl .lows.mast4 .cnt3:before,
.statusTbl .lows.mast5 .cnt4:before{ content:""; display:block; width:14px; height:14px; border-radius:7px; background:#ffda95; position:absolute; left:-7px; top:-6px; z-index:1;}

.statusTbl .lows .cnt4{ width:0; }
.statusTbl .lows .num{ margin:8px 0 0; white-space: nowrap; }
.statusTbl .lows .cnt i{ background:#ebebeb; height:2px; display:block; position:absolute; width:100%; left:0; top:0; }


/* モーダル内 */
#popReviewWrapper .popInner{ padding: 10px 0 0; color:#888888; }
#popReviewWrapper .user{ padding: 10px 0; }
#popReviewWrapper .user p{ text-align:center; font-size:12px; }
#popReviewWrapper .feedMedia .feedFigure{ padding:10px; }
#popReviewWrapper .feedMedia .feedThumbnail{ border-radius:5px; overflow:hidden; }
#popReviewWrapper .feedMedia .feedH{ color:#888888;}
#popReviewWrapper .feedMedia .feedContent{ vertical-align:middle; padding-left:0; }

#popReviewWrapper .statusTbl{ margin-top:10px; }
#popReviewWrapper .statusTbl th{ font-size:11px; color:#333333;}
#popReviewWrapper .statusTbl tbody th{ width:78px; vertical-align:middle; text-align:left;}

#popReviewWrapper .statusTbl .lows .colm{width:16%; width:calc((100% - 6em) / 4); width:-webkit-calc((100% - 6em) / 4);}
#popReviewWrapper .statusTbl .lows .min,
#popReviewWrapper .statusTbl .lows .max{width:3em;}
#popReviewWrapper .statusTbl .lows .cnt4{ width:0; }


/*-------------------------------------
	バナー
-------------------------------------*/

#secCjBanner .sectionBody img { width:100%; }



/*-------------------------------------
	その他のクーポン対象アイテム
-------------------------------------*/

#secRecommendCoupon .moreLink { margin:5px 13px 0; text-align:right; font-size:14px; }



/**
 * ------------------------------------------------------------
 * 買い替え割リンク
 * ------------------------------------------------------------
 */
.sellDiscountAvailable {  height:23px; padding-left:26px; margin-bottom:5px; background:url(https://img4.zozo.jp/tradein/sp/tradein_logo_sm.png) no-repeat left center; background-size:23px 23px; }
.sellDiscountAvailableLink {display:inline-block; font-size:12px; line-height:23px; color:#1eaa78; }
.sellDiscountAvailableLink small { margin-left:3px; color:#0088cc; }



/**
 * ------------------------------------------------------------
 * モーダルに関するスタイル
 * ------------------------------------------------------------
 */
.modalContent { overflow:hidden; }
.modalContent .sectionH { margin:25px 10px; padding:0; }

@media (max-width:374px) {
	.modalContent .sectionH { font-size:16px; }
}

img{max-width: 100%;}
.content{overflow: hidden;margin:20px auto;}
	.reply table,.reply td{border:none;padding:2px 5px;}
	input[type="text"]{padding:6px 5px;width:246px;}
	.guestbook_list {margin:12px;line-height:26px;}
.guestbook_list dl {border:5px solid #E9E9EB;margin:8px auto;padding:5px;}
.guestbook_list dl dt {border-bottom:1px dashed #E9E9EB;line-height:26px;color:#314E8C}
.guestbook_list dl dt span {float:right;line-height:26px;}
.guestbook_list dl dd.g_content {padding:5px;line-height:26px;}
textarea{max-width: 266px;}
.mcat a{color:#333;line-height: 36px;}
.mcat{width:94%;margin:10px auto;}