@charset "Shift_JIS";
/*-------------------------------------
SITE : http://zozo.jp/
CREDIT : DESIGN BY STARTTODAY CO.,LTD.
CREATE : 2013.10.31
MODIFIED : 2014.06.02
Var : 1.0
MEMO: 新アイコン対応
-------------------------------------*/



/*-------------------------------------
	ヘッダー画像
-------------------------------------*/

div#head {width:980px;overflow:hidden; position:relative; }



/*-------------------------------------
	詳細情報
-------------------------------------*/

#detail{ width:980px; margin: 21px auto 0; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased; }
#detail .photo a { background:#ffffff; }
#detail .photo a img{display:block; background:#f0f0f0;}
.twoColumunDetail #content{ float:right; width:487px; }
#detail #content #detailinfo p.ttl{font-size:18px;font-weight:normal; margin:15px 0 7px 0;border-bottom:1px solid #ededed;; padding:0 0 5px 0; }
#detail #content #detailinfo p.borderNone {border-bottom:none;}

#breadCrumb ul { float:left; }
#head .poweard { position:absolute; top:10px; right:10px; }
#head .poweard span { }
#head .poweard a.about { margin:0 0 0 3px; }



/*-------------------------------------
	拡大画像
-------------------------------------*/

#detail #detailphoto {}
#detail #detailphoto article { position: relative; width: 470px; }
#detail #detailphoto .photo {width:460px; overflow:hidden;}
#detail #detailphoto .photo p { margin:0 0 0 -20px; width:500px; }
#detail #detailphoto .user_snap{ background: url("/common_2014/img/wear/user_bach.png") no-repeat left center; display: block; position: absolute; width: 33px; height: 38px; bottom: -4px; left: 3px; }
/*#detail #detailphoto .staff_snap{ background: url("/common_2014/img/wear/staff_bach.png") no-repeat left center; display: block; position: absolute; width: 32px; height: 32px; bottom: 4px; left: 4px; }*/


/*-------------------------------------
	詳細情報
-------------------------------------*/

#detail #content #detailinfo{}



/*------------------
	投稿者情報
-------------------*/

#detail #content #detailinfo #staffinfo .prof { padding:0 0 15px 0;}
#detail #content #detailinfo #staffinfo .prof li {float:left;}
#detail #content #detailinfo #staffinfo .prof li.primg {width:66px;height:66px;overflow:hidden;}
#detail #content #detailinfo #staffinfo .prof li.sinfo {margin:0 0 0 16px; width:405px;}
#detail #content #detailinfo #staffinfo .prof li.sinfo p {/*line-height:17px;*/ font-size:12px; margin:2px 0 0 0; }
#detail #content #detailinfo #staffinfo .prof li.sinfo p.name {font-size:18px;color:#1c52c3;font-weight:normal;margin:2px 0 0 0;}
#detail #content #detailinfo #staffinfo .prof li.sinfo p.shop span{color:#1869bc;}
#detail #content #detailinfo #staffinfo .prof li.sinfo p.tall { margin:5px 0 0 0; }



/*------------------
	WEAR連携
-------------------*/

#detail #content #detailinfo #staffinfo #wear .clearfix{ background:#f6f6f6; }
#detail #content #detailinfo #staffinfo #wear .main { float:left; /*border-right:1px solid #e5e5e5;*/ padding: 5px 0 9px 0; }
#detail #content #detailinfo #staffinfo #wear .sub{ float:left; width:380px;  }
#detail #content #detailinfo #staffinfo #wear .main .ico{ padding:6px 16px 0 16px; }
#detail #content #detailinfo #staffinfo #wear .main a.about { display:block; padding:2px 0 7px 11px; }
#detail #content #detailinfo #staffinfo #wear .sub .link{ font-size:14px; margin:14px 0 0 0; }
#detail #content #detailinfo #staffinfo #wear .sub .inner { /*background:#e6e6e6;; border-radius:3px; margin:7px 0 0 0; width:345px; padding:7px 11px 9px 10px;*/ }
#detail #content #detailinfo #staffinfo #wear .sub .inner .more{ font-size:13px; /*width:365px;*/ line-height:1.5; padding:6px 0 0 0; }
*:first-child+html #detail #content #detailinfo #staffinfo #wear .sub .inner .more{ line-height:normal; }

#detail #content #detailinfo #staffinfo #wear .sub .inner .more a { display:inline-block; vertical-align:middle; }
#detail #content #detailinfo #staffinfo #wear .sub .inner .more span a { padding: 3px 0 0 6px; background: url("/common_2014/img/ico/ico_blank2.gif") no-repeat scroll right center; padding-right: 17px; }
.msie7 #content #detailinfo #staffinfo #wear .sub .inner .more a,
.msie8 #content #detailinfo #staffinfo #wear .sub .inner .more a { display:inline; zoom:1; }
#detail #content #detailinfo #staffinfo #wear .sub .inner .more a.ios { /*margin:0 0 0 4px;*/ }

#detail #content #detailinfo #staffinfo p.viewcount {margin:20px 0 0px 0;}
#detail #content #detailinfo #staffinfo p.viewcount span.vc {font-weight:bold;font-size:18px;}
#detail #content #detailinfo #staffinfo p.viewcount span.dd {margin:0 0 0 3px; color:#6f6f6f; font-size:12px; line-height:normal; }
#detail #content #detailinfo #staffinfo p.viewcount span.date {margin:0 0 0 15px; color:#6f6f6f; font-size:12px; line-height:normal; }



/*-------------------------------------
コーディネートに使われているアイテム
-------------------------------------*/

#detail #content #detailinfo #codeitem ul { width:487px; }
#detail #content #detailinfo #codeitem ul li { float:left; width:240px; min-height: 87px; margin:15px 0 0 0; } 
#detail #content #detailinfo #codeitem ul li a { text-decoration:none; }
#detail #content #detailinfo #codeitem ul li .main { float:left; width:70px; }
#detail #content #detailinfo #codeitem ul li .main .codeimg { width:70px height:84px; overflow:hidden; }

#detail #content #detailinfo #codeitem ul li .sub { float:right; font-size:12px; width:160px; margin:0 0 0 10px; }
#detail #content #detailinfo #codeitem ul li .sub .shopname,
#detail #content #detailinfo #codeitem ul li .sub .color,
#detail #content #detailinfo #codeitem ul li .sub .size,
#detail #content #detailinfo #codeitem ul li .sub .stock{ color:#797979; }

#detail #content #detailinfo #codeitem ul li .sub .shopname { text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
#detail #content #detailinfo #codeitem ul li .sub .price { font-weight:bold; font-size:14px; color: #202020; }
#detail #content #detailinfo #codeitem li p.priceDown.price{ color:#DE2020; }
#detail #content #detailinfo #codeitem li p.discount.price{ color:#DE2020; }
#detail #content #detailinfo #codeitem li p.priceDown.price span { font-size:12px; }
#detail #content #detailinfo #codeitem ul li .sub .color { text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
#detail #content #detailinfo #codeitem ul li .sub .size { text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }

#detail p.nots { margin:30px 0 0 0; padding:0 0 0 1em; text-indent:-1em; color:#797979; line-height:1.3; font-size: 12px; }

#detail #content #detailinfo #codepoint{ margin:16px 0 0; }
#detail #content #detailinfo #codepoint #cdcomment { line-height:1.5; }

#detail #content #detailinfo #codeitem { margin:20px 0 0 0; }
#detail #content #detailinfo #codeitem p.ttl { margin:15px 0 0 0; }
#detail #content #detailinfo #codeitem span.ttls{font-size:13px;font-weight:bold;}
#detail #content #detailinfo #codeitem span.ttlm{margin:0 0 0 15px;font-size:10px;}
#detail #content #detailinfo #codeitem .off { display:inline; margin:0 0 0 1px; font-weight:bold; font-size:10px; }


/*-------------------------------------
	ソーシャルボタン
-------------------------------------*/

#detail #snsBtn {margin:12px 0 0 0;}
#detail #snsBtn ul{}
#detail #snsBtn li{float:left;margin:0 10px;}
#detail #snsBtn li.mixi{ margin-left:0; width: 45px;}
#detail #snsBtn li.googleplus{width: 50px;}
#detail #snsBtn li.twitt{}
#detail #snsBtn li.twitt a:hover img { opacity:1; filter:alpha(opacity=100); }
#detail #snsBtn li.fcbk{ margin-left:0; }



/*-------------------------------------
	５列グリッド
-------------------------------------*/

#resultGrid5{width:980px; overflow:hidden;}
#resultGrid5 ul {margin:0 -20px 0 0px;padding: 0; /zoom: 1;/* for IE6,7 */}
#resultGrid5 li { position:relative; float:left; width:188px; overflow:hidden; margin:13px 12px 0px 0px;padding: 0 0;list-style: none;}
#resultGrid5 li a { display:block; width:188px; }
#resultGrid5 li a:hover img { opacity:1; filter:alpha(opacity=100); }
#resultGrid5 li img { display:block; margin:0 0 5px -13px; }
#resultGrid5 li span.codOverlay { display: block; opacity:0.2; filter: alpha(opacity=20); z-index:5; background:#ffffff; width:188px; height:258px; top:999px; position:absolute; }
#resultGrid5 li a:hover span.codOverlay { top:0; cursor:pointer; }
#resultGrid5 p { line-height:1.4; }
#resultGrid5 p.sname { margin:1px 0 0 0; font-size:12px; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#resultGrid5 p.uname { font-size:12px; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
#resultGrid5 p.vcount { margin:3px 0 0 0; font-size:13px; color:#202020; }



/*-------------------------------------
	スタッフのその他のコーデ
-------------------------------------*/

#staffcod a {color:#4d4d4d;text-decoration:none;}
#staffcod h3 {width:980px;font-size:18px;font-weight:normal;border-bottom:1px solid #E2E2E2 ;padding:0 0 6px 0;margin:26px 0 0px 0;}
#staffcod p {color:#4d4d4d;line-height:16px;}



/*-------------------------------------
	ショップのその他のコーデ
-------------------------------------*/

#shopcod a {color:#4d4d4d;text-decoration:none;}
#shopcod h3 {width:980px;font-size:18px;font-weight:normal;border-bottom:1px solid #E2E2E2; padding:0 0 6px 0;margin:53px 0 0px 0;}
#shopcod p {color:#6f6f6f;}



/*-------------------------------------
	ボタン
-------------------------------------*/

div#topbtn {margin:50px 0 0 0;}
div#topbtn a {margin:0 auto;}
a.btnList {float:right;margin:10px 0px;}




/*-------------------------------------
	オーバーレイ時のoverrider
-------------------------------------*/

body.ol { min-width:920px; }
body.ol #wrapper{ width:100%; margin:auto; overflow:hidden; }
body.ol #detail{ width:920px; margin:auto; padding:40px 0; }
body.ol .twoColumunDetail #content{ width:450px; }

body.ol #detail #content #detailinfo { width:445px; }
body.ol #detail #content #detailinfo #staffinfo .prof{ padding: 0 0 8px; }
body.ol #detail #content #detailinfo #staffinfo .prof li.sinfo { width:323px; }

body.ol #detail #content #detailinfo #staffinfo #wear {  }
body.ol #detail #content #detailinfo #staffinfo #wear .main{  }
body.ol #detail #content #detailinfo #staffinfo #wear .main p.ico { padding:5px 11px 0; }
body.ol #detail #content #detailinfo #staffinfo #wear .main a.about { font-size:11px; padding:2px 0 7px 10px; }

body.ol #detail #content #detailinfo #staffinfo #wear .sub{ width:350px; }
body.ol #detail #content #detailinfo #staffinfo #wear .sub .link { font-size:14px; margin:14x; 0 0 0 }
/*body.ol #detail #content #detailinfo #staffinfo #wear .sub .inner { margin:7px 0 0 ; padding:7px 11px 9px 10px; width:320px; }*/

body.ol #detail #content #detailinfo #staffinfo #wear .sub .inner .more { width:325px; font-size:11px; line-height:1.8; }

body.ol #detail #content #detailinfo #codeitem{ width:400px; }

body.ol #detail #content #detailinfo #codeitem li{ border:none; width:200px; float:left; padding: 10px 0; margin: 0 20px 0 0; min-height: 96px; }
body.ol #detail #content #detailinfo #codeitem li p{ float:right; width:120px;  }
body.ol #detail #content #detailinfo #codeitem li .codeimg{ float:left; width:70px; }


body.ol #detail #detailphoto .photo{ width:450px; }
body.ol #detail #detailphoto .photo p{ width:435px; height:667px; margin: 0 0 0 15px; overflow:hidden; }
body.ol #detail #detailphoto .photo img{ display:block; margin: 0 0 0 -40px; }
body.ol #detail #detailphoto .user_snap{ background: url("/common_2014/img/wear/user_bach.png") no-repeat left center; display: block; position: absolute; width: 33px; height: 38px; bottom: -3px; left: 19px; }
/*body.ol #detail #detailphoto .staff_snap{ background: url("/common_2014/img/wear/staff_bach.png") no-repeat left center; display: block; position: absolute; width: 32px; height: 32px; bottom: 4px; left: 20px; }*/


body.ol #detail #content #detailinfo #codeitem ul li .sub { width:120px; }