@charset "Shift_JIS";
/*-------------------------------------
SITE : http://zozo.jp/
CREDIT : DESIGN BY START TODAY CO.,LTD.
MODIFIED : 2017.06.23
-------------------------------------*/


/* --------------------------------
	reset
-------------------------------- */

body,
h1, h2, h3, h4, h5, h6,
p, address, blockquote, pre, div,
dl, dt, dd, ol, ul, li,
th, td,
form, fieldset, input, textarea { margin:0 0 0 0; padding:0 0 0 0; }

select { margin:0 0 0 0; }



/* --------------------------------
	アピアランス
-------------------------------- */

html { height:100%; }

body { height:100%; }

abbr, acronym { border:0 none; }

q:before, q:after { content:""; }

ol, ul { list-style:none; }

img { border:0 none; vertical-align:bottom; }

object { outline:none; }

table { border-spacing:0; }
*:first-child+html table { border-collapse:collapse; }
* html table { border-collapse:collapse; }
caption { text-align:left; }
th,
td { text-align:left; vertical-align:middle; empty-cells:show; }

hr { display:none; }

fieldset { border:0 none; }
label { cursor:default; }

iframe { border:0 none; overflow:auto; }



/* --------------------------------
	タイポグラフィ
-------------------------------- */

h1, h2, h3, h4, h5, h6 { font-style:normal; font-weight:normal; font-size:100%; }

p, address, blockquote, pre, div,
abbr, acronym, dfn, cite, q, code, kbd, samp, var,
dl, ol, ul,
caption, th { font-weight:normal; font-style:normal; }

em, strong { font-weight:bold; font-style:normal; }



/* --------------------------------
	HTML5
-------------------------------- */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; margin:0 0 0 0; padding:0 0 0 0; }


/* --------------------------------
	要素別スタイル
-------------------------------- */

body { background:#fff; color:#2d2d2d; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif; font-size:13px; line-height:1.6; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
*:first-child+html  { overflow-x:hidden; }
*:first-child+html body { min-width:980px; position:static; }

pre { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Lucida Grande", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif; }

a { color:#007ebe; text-decoration: none;}
a:link {color :#007ebe; text-decoration: none; }
a:visited {color: #007ebe; text-decoration: none; }
a:active {color: #007ebe; text-decoration: none; }
a:hover {color:#007ebe; text-decoration: underline; }

input, select, textarea { color:#2d2d2d; font-size:13px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
/*
html:not(:target) input,
html:not(:target) select,
html:not(:target) textarea { font-family:sans-serif; }IE 以外
*/
html:not(:target) input[type="password"] { /*font-family:"Lucida Grande", sans-serif;*/ }

textarea { border:1px solid #b7b7b7; padding:2px 3px 2px 3px; }

a,input,object{outline:none;}



/* --------------------------------
	汎用クラス
-------------------------------- */

/*
クラス名 { px換算値 }
.txt10 { 10px/15px }	62.5%;
.txt11 { 11px/16px }	68.8%;
.txt12 { 12px/17px }	75%;
.txt13 { 13px/18px }	81.3%;
.txt14 { 14px/19px }	87.5%;
.txt15 { 15px/20px }	93.8%;
.txt16 { 16px/21px }	100%;
.txt18 { 18px/23px }	112.5%;
.txt20 { 20px/25px }	125%;
*/

.txt10 { font-size:10px; line-height:1.5; }
.txt11 { font-size:11px; line-height:1.455; }
.txt12 { font-size:12px; line-height:1.417; }
.txt13 { font-size:13px; line-height:1.385; }
.txt14 { font-size:14px; line-height:1.357; }
.txt15 { font-size:15px; line-height:1.333; }
.txt16 { font-size:16px; line-height:1.313; }
.txt18 { font-size:18px; line-height:1.278; }
.txt20 { font-size:20px; line-height:1.25; }

/*2015追加*/
.err,
.error,
.att,
.noStock,
.new,
.sale { color:#E73656 !important; }
.info { color:#808080; }
.str,
.unchangeable { font-size:10px; color:#3c3c3c; border-radius:2px; width:53px; display:inline-block; background:#c8c8c8; text-align:center; padding:2px 0; margin:0 0 0 10px; vertical-align:middle; }
.str { width:34px; }
.unchangeable { width:53px; }
.tax { font-size:10px; margin:0 0 0 2px; white-space: nowrap; vertical-align:1px; color:#808080; }
.price { /*font-family:helvetica;*/ }
.price.discount { color:#E73656 !important; }
.price.discount .tax{ color:inherit; }
.price.sale .tax{ color:inherit; }
.price.discount .off{ display:block; font-size:10px; }
.price.off { font-size:10px; }


form.form { background:#f5f5f5; border:1px solid #e6e6e6; border-radius:4px; }
input[type="text"] { border:1px solid #c8c8c8; border-radius:2px; padding:10px 7px; }
input[type="password"] { border: 1px solid #c8c8c8; height: 20px; border-radius:2px; padding:10px 7px; }
input::-webkit-input-placeholder { -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased; }
input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: #808080; }
input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder { color: #808080; opacity:1; }
input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder { color: #808080; }

select { width:218px; padding:9px 6px 7px 8px; border:1px solid #ccc; -webkit-appearance:none; }
.win.chrome select,
.mac.safari select,
.mac.chrome select { background-image:url(/common_2015/img/common/ico_select.gif); background-position:top right; background-repeat:no-repeat; background-color:#fff; }
.win.chrome select.err,
.mac.chrome select.err,
.mac.safari select.err { background-image: url(/common_2015/img/common/ico_select_alt_.gif); background-position:top right; background-repeat: no-repeat; background-color: #ffedf6; }

/* JavaScriptによるDOM操作用予約済みセレクタ */
.current{}
.rollover {}
.nopngfix{}
.alpha {}
.noscroll{}


/*decorateForm*/
.decorateForm label { cursor:pointer; -webkit-user-select:none; }
.decorateForm label input[type="checkbox"]{ width:16px; height:17px; vertical-align:middle; margin: 0 5px 0 0; }
.decorateForm label span input[type="checkbox"]{ z-index:-1; position:absolute; left:0; top:0; margin: 0 0 0 -9999px; }
.decorateForm label span.checkbox{ position:relative; background:url(/common_2015/img/common/ico_select.png) no-repeat left top; width:16px; height:17px; margin: 0 5px 0 0; overflow:hidden; display:inline-block; vertical-align:middle; }
.decorateForm label span.checkbox.checked { background:url(/common_2015/img/common/ico_selected.png) no-repeat left top; }

.decorateForm label input[type="radio"]{ width:24px; height:24px; vertical-align:middle; margin: 0 5px 0 0; }
.decorateForm label span input[type="radio"]{ z-index:-1; position:absolute; left:0; top:0; margin: 0 0 0 -9999px; }
.decorateForm label span.radio{ position:relative; background:url(/common_2015/img/common/ico_check.png) no-repeat left top; width:24px; height:24px; margin: 0 5px 0 0; overflow:hidden; display:inline-block; vertical-align:middle; }
.decorateForm label span.radio.checked { background:url(/common_2015/img/common/ico_checked.png) no-repeat left top; }
.decorateForm label span.radio.err { background:url(/common_2015/img/common/ico_check_errer.png) no-repeat left top; }
.decorateForm label span.radio.disabled{ background:url(/common_2015/img/common/ico_no.png) no-repeat left top; cursor:default; }



/*-------------------------------------
	カラーコード

	#2d2d2d 基本テキスト
	#007ebe	青 リンク系
	#E73656 赤 セール,アラート

	#B4B4B4 グレー1
	#808080 グレー2
	#5A5A5A グレー3

	#F0F0F0 背景色グレー1
	#E6E6E6 背景色グレー2
	#C8C8C8 背景色グレー3
	#8C8C8C 背景色グレー4

	#EBEBEB ボーダー
	#E6E6E6 ボーダー
	#DCDCDC ボーダー
	#D2D2D2 ボーダー

-------------------------------------*/


/*-------------------------------------
	マウスオン
-------------------------------------*/

a:hover img{opacity:0.8; filter:alpha(opacity=80);}



/*-------------------------------------
	table
-------------------------------------*/

table{
	width: 100%;
	border-top: 1px solid #202020;
	border-collapse: collapse;
	border-spacing: 0;
}

table tbody th{
	background-color: #F1F1F1;
	border-bottom: 1px solid #202020;
}

table tbody td{
	border-bottom: 1px solid #202020;
}

table thead th{
	color: #ffffff;
	background-color: #000000;
	border-left: 1px solid #ffffff;
	padding: 11px 5px 11px 15px;
}



/*-------------------------------------
	アイコン icons
-------------------------------------*/

.ico_blank{ background: url(/common_2015/img/ico/ico_blank.png) no-repeat right 0.2em; padding-right: 20px; }
.mac .ico_blank{ background-position:right top; padding-top:1px; }
.ico_blank_w{ background: url(/common_2015/img/ico/ico_blank_w.png) no-repeat right 0.1em; padding-right: 20px; }
.mac .ico_blank_w{ background-position:right top; padding-top:2px; }
.msie8 .ico_blank_w { padding-top:2px; }

.ico_fav{ background: url(/common_2015/img/ico/ico_fav.png) no-repeat 0 0; width:16px; height:0; display:inline-block; overflow:hidden; padding: 18px 0 0; margin:0 5px 0 0; vertical-align:top; }
.ico_registered_fav { background: url(/common_2015/img/ico/ico_fav_gray.png?20170606) no-repeat 0 0; width:16px; height:0; display:inline-block; overflow:hidden; padding: 18px 0 0; margin:0 5px 0 0; vertical-align:top; }
.mac .ico_fav,
.mac.chrome .ico_registered_fav { background-position:0 0.1em; }
.ico_mail{ background: url(/common_2015/img/ico/ico_mail.png) no-repeat 0 0px; width:16px; height:0; display:inline-block; overflow:hidden; padding: 15px 0 0; margin:2px 5px 0 1px; vertical-align:top; }
.mac .ico_mail{ margin:1px 5px 0 1px; }

.ico_pop{ background: url(/common_2015/img/ico/ico_blank3.gif) no-repeat right top; padding-right: 22px; display:inline-block; }
.ico_new{ color:#ff0000; display:inline-block; margin:0 0 0 5px; vertical-align:middle; }


/*追加 icons*/
.ico_code { background: url(/common_2015/img/ico/ico_code.png) no-repeat right 0.1em; padding-right: 20px; }
.ico_code_new { background: url(/common_2015/img/ico/ico_code_new.png) no-repeat right center; padding-right: 20px; }


/*ランキングアイコン設定*/
.iconSet { background:#fff; border-radius:50%; border:1px solid #e6e6e6; color:#8C8C8C; font-size:15px; font-family: helvetica; height:28px; line-height:30px; padding:0; text-align:center; width:28px; zoom:1; z-index:5; }

/*SIZE*/
.rank .icoS { font-size:11px; height:22px; line-height:23px; width:22px; }
.rank .icoL { font-size: 17px; height: 35px; line-height: 35px; text-indent: 1px; width: 35px; }



/*表示STYLE*/
.rankingGrid .iconSet { position:absolute; border:1px solid #E6E6E6; display:block; z-index:5; top:6px; left:6px; }
.rankingGrid .iconSet.icoL { top:10px; left:10px; }
.rankingList .iconSet { position:relative; border:1px solid #dedede; display:inline-block; z-index:5; margin:0 5px 0 0; }

/*GRID TOP3*/
.rankingGrid .top1,
.rankingGrid .top2,
.rankingGrid .top3 { border:none; }
.rankingGrid .top1 { background: #D9B340 !important; color:#fff !important; }
.rankingGrid .top2 { background: #6F7B83 !important; color:#fff !important; }
.rankingGrid .top3 { background: #A15326 !important; color:#fff !important; }

/*LIST TOP3*/
.rankingList .top1 { border-color:#D9B340 !important; color:#D9B340 !important;}
.rankingList .top2 { border-color:#6F7B83 !important; color:#6F7B83 !important;}
.rankingList .top3 { border-color:#A15326 !important; color:#A15326 !important;}

.rank .iconSet1{ background:#d9b340; border-color:#d9b340; color:#ffffff;}
.rank .iconSet2{ background:#6f7b83; border-color:#6f7b83; color:#ffffff}
.rank .iconSet3{ background:#a15326; border-color:#a15326; color:#ffffff;}


/*-------------------------------------
	#wrapper
-------------------------------------*/

#wrapper{width:100%; margin: auto; text-align:left; position:relative; }
#wrapper #gblHeader { font-size:13px; }



/*-------------------------------------
	#gblHeader
-------------------------------------*/

body{ _width:1000px; min-width:1000px; margin:auto; position:relative; zoom:1; }

#gblHeader {
	z-index:55;
	position:relative;
	_zoom:1;
	line-height:1.6363;
	text-align:left;
	margin:auto;
	width:100%;
	background: #ffffff;
}

#gblHeader #hWrapper{ width:100%; margin:auto;  background:#323232; }
#gblHeader #hWrapper.current { box-shadow:0 0 5px rgba(77,77,77,0.2); }
#gblHeader #hWrapperInner { width:980px; margin:0 auto; height:51px; }
#hHeader { float:left; padding:11px 0; position:relative; z-index:2; }

/*sticky*/
#gblHeaderStuck { height:51px; }
#gblHeader.sticky { position:fixed; top:0;
	-moz-box-shadow: 0 0 6px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 6px 2px rgba(0,0,0,0.3);
	box-shadow: 0 0 6px 2px rgba(0,0,0,0.3);
	-webkit-transform: translate3d(0,0,0);
}
@media screen and (max-width: 1000px) {
	#gblHeader.sticky { position:relative;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
		-webkit-transform:none;
	}
}

#saleBar {width: 100%; height:30px;}
#saleBar a{ display:block; width: 100%; height:30px; background:url(//img4.zozo.jp/sale/2017summer/pc/sale_bar.png) repeat-x center top; line-height:1; }
#saleBar a:hover { opacity:0.8; filter:alpha(opacity=80); }
#saleBar.trailer a { background-image:url(//img4.zozo.jp/sale/2017summer/pc/trailer_bar.png); }
/*#saleBar.senkou a { background-image:url(//img4.zozo.jp/sale/secret/2017winter/pc/sale_bar21.png); }*/
/*#saleBar.secret a { background-image:url(//img4.zozo.jp/sale/secret/2017winter/pc/sale_bar22.png); }*/
/*#saleBar.timesale a{background-image:url(//img4.zozo.jp/pc/_news/timesale/20170224/timesalebar.png); }*/

/*福袋*/
#fukubukuroBar { width:100%; height:40px; }
#fukubukuroBar a{ display:block; width:100%; height:40px; background:url(//img4.zozo.jp/fukubukuro/2017/jan/pc/fukubukuro2_bar.png) repeat-x center top; line-height:1; }
#fukubukuroBar a:hover { opacity:0.8; filter:alpha(opacity=80); }

/*海外発送*/
#gShiping .buyeeBar { width:100%; height:36px; }
#gShiping .buyeeBar a { display:block; width:100%; height:36px; line-height:1; }
#gShiping .buyeeBar.enLan a { background:url(//img4.zozo.jp/internationalShipping/pc/bar_en.gif) repeat-x center top; }
#gShiping .buyeeBar.hanLan a { background:url(//img4.zozo.jp/internationalShipping/pc/bar_han.gif) repeat-x center top; }
#gShiping .buyeeBar.kanLan a { background:url(//img4.zozo.jp/internationalShipping/pc/bar_kan.gif) repeat-x center top; }
#gShiping .buyeeBar.enLan a:hover { background:url(//img4.zozo.jp/internationalShipping/pc/bar_en_ov.gif) repeat-x center top; }
#gShiping .buyeeBar.hanLan a:hover { background:url(//img4.zozo.jp/internationalShipping/pc/bar_han_ov.gif) repeat-x center top; }
#gShiping .buyeeBar.kanLan a:hover { background:url(//img4.zozo.jp/internationalShipping/pc/bar_kan_ov.gif) repeat-x center top; }

#gShiping .buyeeCP { width:980px; height:0; margin:0 auto; position:relative; }
#gShiping .buyeeCP a { display:block; width:297px; height:36px; position:absolute; right:0px;text-indent:-9999px; }
#gShiping .buyeeCP.enLan a { background:url(//img4.zozo.jp/internationalShipping/pc/coupon_en.png) no-repeat center top; }
#gShiping .buyeeCP.hanLan a { background:url(//img4.zozo.jp/internationalShipping/pc/coupon_han.png) no-repeat center top; }
#gShiping .buyeeCP.kanLan a { background:url(//img4.zozo.jp/internationalShipping/pc/coupon_kan.png) no-repeat center top; }
#gShiping .buyeeCP.enLan a:hover { background:url(//img4.zozo.jp/internationalShipping/pc/coupon_en_ov.png) no-repeat center top; }
#gShiping .buyeeCP.hanLan a:hover { background:url(//img4.zozo.jp/internationalShipping/pc/coupon_han_ov.png) no-repeat center top; }
#gShiping .buyeeCP.kanLan a:hover { background:url(//img4.zozo.jp/internationalShipping/pc/coupon_kan_ov.png) no-repeat center top; }

/*20170113~海外キャンペーン用*/
#gShiping .buyeeBarCp { width:100%; height:36px; }
#gShiping .buyeeBarCp a { display:block; width:100%; height:36px; line-height:1; }
#gShiping .buyeeBarCp a:hover { opacity:0.8; filter:alpha(opacity=80); }
#gShiping .buyeeBarCp.enLan a { background:url(//img4.zozo.jp/internationalShipping/pc/cp_20170113_bar_en.gif) repeat-x center top; }
#gShiping .buyeeBarCp.hanLan a { background:url(//img4.zozo.jp/internationalShipping/pc/cp_20170113_bar_han.gif) repeat-x center top; }
#gShiping .buyeeBarCp.kanLan a { background:url(//img4.zozo.jp/internationalShipping/pc/cp_20170113_bar_kan.gif) repeat-x center top; }

/* ZOZOプレミアム無料体験期限告知 */
#hPremium{ background:#ffec3f; border-top:solid 1px #fff69f; border-bottom: solid 1px #cdbd32; color:#FF0000; width:100%; position:relative; }
#hPremiumWrapper{ width:980px; margin: auto;  position:relative;}
#hPremiumWrapper p{ text-align:center; }
#hPremiumWrapper #hPremiumMain{ font-size:15px; }
#hPremiumWrapper #hPremiumMain img{ vertical-align: -5px; margin: 0 5px 0 0; }
#hPremiumWrapper #hPremiumMain span{ font-size:12px; margin: 0 0 0 10px; vertical-align: 1px; }
#hPremiumWrapper #hPremiumMain .userName { display:inline-block; margin:0; max-width:13em; font-size:inherit; vertical-align:bottom; }
#hPremiumWrapper #hPremiumClose{ width:40px; height:100%; position:absolute; right:0; top:-3px; z-index:2; text-align:right; cursor:pointer; opacity:0.5; }
#hPremiumWrapper a{ color:#FF0000; display:block; padding: 4px 0; position:relative; text-decoration:none; }



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

#gblHeader .hBtn{
	color:#ffffff;
	text-align:center;
	border-radius:0 2px 2px 0;
	background:#dcdcdc;
	cursor:pointer;
	position:relative;
}

#gblHeader .hBtn:hover{
	text-decoration:none;
}

#gblHeader .hBtn:active{
	color:#fff;
}



/*-------------------------------------
	通常青ボタン
-------------------------------------*/

.btn{ position:relative; z-index:1; }

.btn input.gBtn{ border:none;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	font-smoothing:antialiased; }
.btn input.btnLL{ border:none; 	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	font-smoothing:antialiased;}

div.btn,
ul.btn{ margin:12px 0 0; }
div.btn p,
ul.btn li{ float:right; margin: 0 0 0 7px; position:relative; }

.btnCenter .gBtn{ margin:auto; display:block; }

a.gBtn,
a.gBtn:link,
a.gBtn:hover,
a.gBtn:active,
a.gBtn:visited{ color:#ffffff; text-decoration:none; }


p.gBtn{ display:inline-block; _display:inline; }
*:first-child+html p.gBtn{ display:inline; }
p.gBtn input{background:transparent; color:#ffffff; border:0px; padding: 0 5px; cursor:pointer; font-size:12px;	position:relative;}

.gBtn.btnSS { padding:2px 0; width:52px; }
.mac .gBtn.btnSS { padding:2px 0 0 0; }
.mac.chrome .gBtn.btnSS { padding:3px 0 1px 0; width:53px; }
.mac.firefox .gBtn.btnSS { padding:3px 0 1px 0; width:53px; }

.gBtn.btnS { width:165px; }
.gBtn.btnM { padding:11px 0 10px; font-size:15px; border-radius:4px; width:260px; }
.gBtn.btnL { padding:17px 0 15px; font-size:18px; border-radius:4px; width:400px; }
.gBtn.btnAuto {}

.gBtnWhite.btnSS { padding:1px 0; width:51px; font-size:13px; }
.mac .gBtnWhite.btnSS { padding:2px 0 0 ; }
.gBtnWhite.btnS { width:164px; }
.gBtnWhite.btnM { padding:10px 0 9px; font-size:15px; border-radius:4px; width:259px; }

.btnWrapper.lined { text-align:center; }
.btnWrapper.lined p { display:inline-block; zoom:1; *display:inline; }

.gBtn{
	color:#ffffff !important;
	display:block;
	text-align: center;
	border-radius:2px;
	padding:11px 0 8px;
	background: #2490D0;
	cursor: pointer;
	position:relative;
	z-index:1;
	font-size:13px;
}

.gBtn:hover{
	color:#ffffff;
	background: #2490D0;
	text-decoration:none;
	position:relative;
	z-index:1;
	opacity:0.9;
	filter:alpha(opacity=90);
}

.gBtn:active{
	color:#ffffff;
	background: #2490D0;
	text-decoration:none;
	position:relative;
	z-index:1;
}

.gBtnWhite{
	border:1px solid #2490D0;
	color:#2490D0 !important;
	display:block;
	text-align: center;
	border-radius:2px;
	padding:10px 0 7px;
	background:#fff;
	cursor: pointer;
	position:relative;
	z-index:1;
	font-size:13px;
	-webkit-font-smoothing:subpixel-antialiased;
	-moz-font-smoothing:subpixel-antialiased;
	font-smoothing:subpixel-antialiased;
}

.gBtnWhite:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	text-decoration:none;
}


/*-------------------------------------
	通常グレーボタン
-------------------------------------*/

input.btnGray,
a.btnGray{
	padding:9px 0 7px;
	background: #8a8a8a;
	border:solid 1px #8a8a8a;
	border-radius:2px;
	color:#fff;
	cursor:pointer;
	border-radious:2px;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	font-smoothing:antialiased;}

input.btnGray:hover,
input.btnGray:active,
a.btnGray:hover,
a.btnGray:active{
	background: #8a8a8a;
	opacity:0.9;
	filter:alpha(opacity=90);
}

a.btnGray:link,
a.btnGray:hover,
a.btnGray:active,
a.btnGray:visited{ color:#202020; }

.btnGray:active{
	opacity:0.9;
}


/*-------------------------------------
	ボタン風リンク
-------------------------------------*/

.tagLink{ margin: 0 0 0 -10px; }
.tagLink li{ float:left; margin: 12px 0 0 10px; }
.tagLink li a{ padding:5px 8px 3px; border:1px solid #e6e6e6; display:block; white-space:nowrap; border-radius:2px; color:#808080; background:#f5f5f5; }
.tagLink li a:hover{ opacity:0.8; filter:alpha(opacity=80); text-decoration:none; }


/*-------------------------------------
	headerロゴ・テキスト
-------------------------------------*/

#gblHeader #header{ background:transparent;/* z-index:5;*/ position:relative; padding: 0; width:980px; }
#hLogo{ float: left; margin:1px 18px 0 0; }
#hLogo a{ width:151px; padding: 26px 0 0; height:0; background:url(/common_2015/img/header/h_logo.gif) no-repeat center top; display:block; overflow:hidden; line-height:1.2; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased; }

#hLogo.zozoused { margin:1px 18px 0 0; }
#hLogo.zozoused a { width:151px; background:url("/common_2015/img/header/h_logo_used.gif") no-repeat 0 top; }

#hLead { font-size:14px;float:left; color:black; line-height: 24px;margin:7px 0 -5px; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased;}
#hLead a { color:#555555; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased; }
#hLead a:hover{ -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased; text-decoration:none; opacity:0.7; filter:alpha(opacity=70); }
.msie7 #hLead a:hover { color:#808080; }
.msie8 #hLead a:hover { color:#808080; }
#hLead span{ color:#2d2d2d;margin-left:5px; }
#hLead span:hover{ color:#848484;margin-left:5px; }



/*-------------------------------------
	サイトマップ
-------------------------------------*/

#hCtrl { float:right;line-height:1.615384615; position:relative; z-index:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

/*-------------------------------------
	popUp系
-------------------------------------*/

#gblHeader .hPopWrap { position:relative;}
#gblHeader .hPopWrap .hPopUp {}

*:first-child+html #gblHeader .hPopWrap .hPopUp { top:51px; }

#gblHeader .hPopUp { visibility:hidden; position:absolute; right:0px; z-index:-1; background:#fff; overflow:hidden; box-shadow:0 0 5px rgba(77,77,77,0.2); border-radius:0 0 4px 4px; }
#hCtrlList > li:hover .hPopUp { visibility:visible; }
*:first-child+html #gblHeader .hPopWrap .hPopUp,
html>/**/body #gblHeader .hPopWrap .hPopUp { /*top:49px; border:1px solid #dcdcdc;*/ }


/*ユーザー*/
*:first-child+html #hUserName .hPopUp { width:175px !important; }
#hUserName .hPopUpInner { width:175px; }
#hUserName .hPopUpInner ul { padding:16px 0; }
#hUserName .hPopUpInner li { }
#hUserName .hPopUpInner li a { display:block; padding:6px 16px 2px 24px; color:#646464; }

#hUserName .hPopUpInner #hPrePla{ padding:16px 16px 0 24px; text-align:left; margin:0 0 -10px; }
#hUserName .hPopUpInner #hPrePla.premium{ color:#ff9900; font-size:13px; }
#hUserName .hPopUpInner #hPrePla.platinum{ color:#c1ab04; font-size:13px; }
#hUserName .hPopUpInner #hPrePla .sub{ font-size:10px; }
#hUserName .hPopUpInner #hPrePla .att{ font-size:10px; color:#ff0000; }

/*お気に入り*/
#hFavoriteLink .hSubMap { overflow:hidden; width:480px; }
#hFavoriteLink .hSubMap .tit { padding:0 0 5px 39px; }
#hFavoriteLink .hSubMap .lined { padding:7px 40px; margin:5px 0 0 0; }
#hFavoriteLink .hSubMap .lined li { border-right:1px solid #dcdcdc; float:left; margin:0 11px 0 0; padding:0 16px 0 0; line-height:1; }
*:first-child+html #hFavoriteLink .hSubMap .lined li { line-height:1.6; }
#hFavoriteLink .hSubMap .lined li:last-child { border-right:none; }
#hFavoriteLink .ico_new{ position:absolute; display:block; background:#3bb4d7; color:#ffffff; font-size:9px; padding: 1px 7px 0px; top:5px; left:22px; border-radius:8px; z-index:1; -webkit-font-smoothing:auto; -moz-font-smoothing:auto; font-smoothing:auto; -moz-osx-font-smoothing:auto; }
*:first-child+html #hFavoriteLink .hPopUp { width:480px !important; }
*:first-child+html #hFavoriteLink .hPopUp.noLogin { width:280px !important; }
*:first-child+html #hSearchList { border-right:none; }
html>/**/body #hFavoriteLink .hPopUp { width:505px !important; }
html>/**/body #hFavoriteLink .hPopUp.noLogin { width:294px !important; }
html>/**/body #hSearchList { border-right:none; }

#hFavoriteLink .hPopUpInner { width:505px; padding:32px 0 30px; background:#fff; overflow:hidden; }
#hFavoriteLink dl { border-right:1px solid #ededed; }
#hFavoriteLink dl:last-child { border-right:none; }
#hFavoriteLink dt {  }
#hFavoriteLink dd { margin:5px 0 0 0; }
#hFavoriteLink dd span { margin:-3px 0 0 0; display:block; }
#hFavoriteLink dd p { text-align:center; color:#808080; padding:75px 0 33px 0; background:url("/common_2015/img/common/ico_common.png") no-repeat scroll 55px -402px; }
#hFavoriteLink dd.hFavLink { text-align:right; padding:0 25px 0 0; margin:10px 0 0 0; }

#hFavoriteLink dd .favItemList {}
#hFavoriteLink dd .favItemList li { float:left; margin:0 0 0 3px; padding:0 0 3px 0; }
#hFavoriteLink dd .favItemList li a { background:#ccc; display:block; width:56px; height:68px; }
#hFavoriteLink dd .favItemList li img {  }

/*未loginv ver*/
#hFavoriteLink .noLogin .hSubMap { width:auto; }
#hFavoriteLink .noLogin { text-align:center;  }
#hFavoriteLink .noLogin .hPopUpInner { width:294px; text-align:center; padding:34px 0 28px; }
#hFavoriteLink .noLogin dl { float:none; padding:0; border-right:none; }
#hFavoriteLink .noLogin dt { }
/*#hFavoriteLink .noLogin dt { padding:53px 0 0; background:url("/common_2015/img/common/ico_common.png") no-repeat scroll 123px -289px; color:#808080; }*/
#hFavoriteLink .noLogin p { padding:68px 0 0; background:url("/common_2015/img/common/ico_headefav.png?20170606") no-repeat center top; color:#808080; }
#hFavoriteLink .noLogin ul { margin:12px 0 0 0; font-size:12px; }
#hFavoriteLink .noLogin ul li a { font-size:14px; }

/*#hFavoriteLink .noLogin dd { margin:6px 0 0 0; padding:0 0 10px 0; }
#hFavoriteLink .noLogin dd p { background-image:none; padding:0; }

#hFavoriteLink .noLogin .lined { margin:20px 0 0 15px; font-size:10px; }
#hFavoriteLink .noLogin .lined li { display:inline-block; }
#hFavoriteLink .noLogin .lined li:first-child {  }
*:first-child+html #hFavoriteLink .noLogin .lined li { display:inline; zoom:1; }
*/

#hFavoriteList { width:200px; position:relative; padding:0 0 600px 39px; margin:19px 0 -600px 0; }
#hFavoriteList dt { padding:0 0 6px; }
#hFavoriteList dd { padding:0 30px 7px 1px; margin:0; }
#hFavoriteList dd a { color:#646464; }
#hFavoriteBrandList { width:200px; position:relative; padding:0 0 600px 39px; margin:19px 0 -600px 0; }
#hFavoriteBrandList dt { padding:0 0 6px; }
#hFavoriteBrandList dd { padding:0 30px 7px 1px; margin:0; }
#hFavoriteBrandList dd a { color:#646464; }


/*通知　未loginv ver*/
#hNotice .noLogin { text-align:center; }
#hNotice .noLogin .hPopUpInner { width:294px; text-align:center; padding:34px 0 28px; }
#hNotice .noLogin .hSubMap { width:auto; }
#hNotice .noLogin .hPopUpInner .hSubMap { padding:0; }

#hNotice .noLogin dl { float:none; padding:0; border-right:none; }
#hNotice .noLogin dt { }
#hNotice .noLogin p { padding:68px 0 0; background:url("/common_2015/img/common/ico_headernotice.png") no-repeat center top; color:#808080; }
#hNotice .noLogin ul { margin:12px 0 0 0; font-size:12px; }
#hNotice .noLogin ul li a { font-size:14px; }

*:first-child+html #hNotice .hPopUp { width:480px !important; }
*:first-child+html #hNotice .hPopUp.noLogin { width:280px !important; }
html>/**/body #hNotice .hPopUp.noLogin { width:294px !important; }

/*通知 なし*/
/*#hNotice .hPopUp { width:335px; }*/
*:first-child+html #hNotice .hPopUp { width:323px !important; }
#hNotice .hSubMap { overflow:hidden; padding:28px 0 29px; }
#hNotice .noData { text-align:center;  }
#hNotice .noData .hPopUpInner { width:323px; text-align:center; padding:0; }
#hNotice .noData dl { float:none; padding:0; border-right:none; }
#hNotice .noData dt, { }
#hNotice .noLogin.noData dt { padding:53px 0 0; background:url("/common_2015/img/common/ico_common.png") no-repeat scroll 139px -1102px; color:#808080; }
#hNotice .noData dd { margin:9px 0 0 0; padding:0 0 10px 0; }
#hNotice .noData dd p { background-image:none; padding:0; color:#808080; }
#hNotice .noData .lined { margin:4px 0 0 3px; }
#hNotice .noData .lined li { display:inline-block; }
*:first-child+html #hNotice .noData .lined li { display:inline; zoom:1; }
#hNotice .noData .lined li:first-child { padding:0 11px 0 0; margin:0 10px 0 0; background:url("/common_2015/img/common/ico_common.png") no-repeat 61px -570px; }

#hNotice .login.noData dt { padding:53px 0 0; background:url("/common_2015/img/common/ico_common.png") no-repeat scroll 147px -943px; }


/*通知 アリ*/
#hNotice {}
#hNotice .login.noData .hPopUpInner,
#hNotice .login.hasData .hPopUpInner { width:295px; }
#hNotice .login.noData .hPopUpInner .hSubMap,
#hNotice .login.hasData .hPopUpInner .hSubMap{ width:295px; }
#hNotice .hSubMap { padding:32px 0 36px; width:323px; }
#hNotice .hSubMap .tit { letter-spacing:1.1px; font-size:15px; color:#808080; padding:55px 0 0 0; background:url("/common_2015/img/common/ico_common.png") no-repeat scroll 125px -1102px; text-align:center; }
#hNotice .login.hasData .hSubMap .tit { background-position:125px -848px; color:#2d2d2d; }
#hNotice .hSubMap.login .tit { background-position:117px -1102px; }
#hNotice .hSubMap .gBtn { width:195px; font-size:13px; margin:14px auto 0; }

/* サイトマップ*/
*:first-child+html #hServiceMap .hPopUp { width:690px !important; }
*:first-child+html #hServiceMap .hPopUpInner { width:695px; }

#hServiceMap .hSubMap{
	position:relative;
	background:#fff;
	width:696px;
	padding: 32px 0 28px 0;
	overflow:hidden;
}

/*サイトマップ*/
#hServiceMap .hSubMap a { color:#646464; text-decoration:none; display:block; }
#hServiceMap .hSubMap a:hover {text-decoration:underline;}
#hSiteList .hSubMap dd a { display:inline-block; }

.hSubMap p.tit { font-size:18px; padding: 0 0 5px 28px; }
.hSubMap dl { float:left; padding: 0 0 0 29px; }
.hSubMap dt { font-size:15px; font-weight:normal; padding:0 0 13px 0; }
.hSubMap dd { padding:0 0 7px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hSubMap dd span { color:#8e8e8e; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }

.hSubMap dl#hSiteList { width:226px; padding:0 0 0 45px; }
.hSubMap dl#hSiteList dd { margin:0; padding:0 0 9px 0; }

.hSubMap dl#hAllList { width:169px; border-left:1px solid #ededed; border-right:1px solid #ededed; }
.hSubMap dl#hHelpList {}

/*カート アリナシ*/
#hCart {}
#hCart .hSubMap { padding:32px 0 36px; width:278px; }
#hCart .hPopUp { width:278px; }
#hCart .hSubMap .tit { letter-spacing:1.1px; font-size:15px; color:#808080; padding:55px 0 0 0; text-align:center; background:url("/common_2015/img/common/ico_common.png") no-repeat scroll 117px -1192px; }
#hCart .hSubMap.hasItem .tit { background-position:117px -1282px; }
#hCart .hSubMap .gBtn { width:195px; font-size:13px; margin:14px auto 0; }


/*-------------------------------------
	ユーザ入力
-------------------------------------*/

#hName { padding:16px 26px 14px; display:inline-block; color:#fff;}
#hName .userName { display:inline-block; max-width:13em; vertical-align:bottom; }
#hThumbs > #hName { cursor:default; }
#hCtrlList > li { float:left; position:relative; width:54px; background:#323232; }
#hCtrlList > li > span { display:block; cursor:default; }
#hCtrlList > li#hUserName { width:auto; }
#hCtrlList > li#hCart #hNum,
#hCtrlList > li#hNotice #hNoteice { position:absolute; width:18px; height:18px; font-size:10px; color:#fff; border-radius:15px; top:3px; right:5px; background:#e73656; text-align:center; line-height:17px; font-family:helvetica; }
#hCtrlList > li#hCart #hNum.hide { display:none; }

/* プレミアムプラチナムラベル */
#hThumbs .ico_prepla{display:inline-block; width:40px; height:25px; margin:-5px 12px -8px 0; background:url(/common_2015/img/common/ico_common.png?20160223) no-repeat; line-height:1;}
#hThumbs .ico_platinum{ background-position:0 -1438px; }
#hThumbs .ico_premium{  background-position:0 -1463px; }

/*通知dataアリのanimation*/
.plyAnm {
	animation-duration:0.5s;
	animation-name:ballonAnm;
 }

@keyframes ballonAnm {
	from {
	-moz-transform: scale(0.9,0.9);
	-webkit-transform: scale(0.9,0.9);
	-o-transform: scale(0.9,0.9);
	-ms-transform: scale(0.9,0.9);
		transform: scale(0.9,0.9);
	}
	50% {
	-moz-transform: scale(1.2,1.2);
	-webkit-transform: scale(1.2,1.2);
	-o-transform: scale(1.2,1.2);
	-ms-transform: scale(1.2,1.2);
		transform: scale(1.2,1.2);
	}
	to {
	-moz-transform: scale(1,1);
	-webkit-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
		transform: scale(1,1);
	}
}


#hCtrlList > li > p > a,
#hCtrlList > li > span > a,
#hCtrlList > li > a { display:block; position:relative; }
#hCtrlList > li .ico{ color:#fff; padding:15px 0; width:54px; display:inline-block; background:url("/common_2015/img/common/ico_common.png") no-repeat; text-indent:-9999px; text-align:left; }
#hCtrlList > li .ico > span { text-indent:-9999px; }
#hCtrlList > li .ico:hover { text-decoration:none; }
#hCtrlList > li .ico_notice 	{ background-position:17px -25px;  }
#hCtrlList > li .ico_favorite 	{ background-position:17px -70px;  }
#hCtrlList > li .ico_cart		{ background-position:14px -123px; }
#hCtrlList > li .ico_siteMap 	{ background-position:17px -177px; }

*:first-child+html #hCtrlList > li .ico { color:#323232; text-indent:0; white-space:nowrap; overflow:hidden; zoom:1; }



/*-------------------------------------
	検索Box
-------------------------------------*/

#hItemSearch { float: left; position:relative; }
#hItemSearch form { float:left; /*margin: 0 12px 0 0;*/ }
#hItemSearch form.onFocus { border:2px solid #2490d0; border-radius:4px; margin:-2px; background:#2490d0; }
#gblHeader #hItemSearch form.onFocus #hSubmit.hBtn { background-color:#007ebe;  }
#gblHeader #hItemSearch form.onFocus #hSubmit input { background-position:12px -1035px; }
#hItemSearch p { }
#hItemSearch #hKeyword { margin: 0 -2px 0 0; float:left;}

#hItemSearch #searchText { padding: 5px 5px 5px 11px; line-height:19px; height:18px; width:210px; border:none; border-radius:2px; position:relative; text-decoration:none; }
#hItemSearch #searchText.def { color:#8c8c8c; }
#hItemSearch #hSubmit { margin: 0 0 0 0; height:28px; position:relative; zoom:1; float:left; }

#hItemSearch #hSubmit input { padding:0; height:28px; width:40px; cursor:pointer; text-align:center; border:none; background:url(/common_2015/img/common/ico_common.png) no-repeat 12px 5px; }
.mac.chrome #hItemSearch #hSubmit input { background-position: 12px 6px; }
.mac.safari #hItemSearch #hSubmit input,
.win.chrome #hItemSearch #hSubmit input { background-position: 12px 6px; }

*:first-child+html #hItemSearch #searchText { margin: -2px 0 0 0;}
*:first-child+html #hItemSearch #hSubmit { margin:-1px 0 0; }

#hItemSearch p.hMore { float:left; padding:3px 0 0; }
#hItemSearch p.hMore a { line-height: 24px; color:#ffffff; }



/*-------------------------------------
	性別タブ NEWS
-------------------------------------*/

#hViewCtrl { background:#f0f0f0; width:100%; border-bottom:none; }
#hViewCtrlList { width:980px; margin:0 auto; }
#hViewCtrlList a { color:#808080;  font-size:12px; }
#mainTab { float:left; }
#mainTab li { float: left; }
#mainTab li a { display:inline-block; padding:10px 26px 8px 26px; }
#mainTab li a:hover { text-decoration:none; background:#ddd; }

#topNews { float:right; background:#f6f6f6; margin:7px 0 0; letter-spacing:0.3px; padding:4px 13px; }
#topNews li { display:inline; }
#topNews li:first-child { padding:0 15px 0 0; margin:0 10px 0 0; background:url("/common_2015/img/common/ico_common.png") no-repeat 173px -570px; }



/*-------------------------------------
	性別タブ 一覧系
-------------------------------------*/

#mainTab.index { float:left; margin-top:30px; }
#mainTab.index li { margin-right: 1px; }
#mainTab.index li a { display:inline-block; padding:10px 26px 8px 26px; border-radius:2px 2px 0 0; color:#646464; padding:10px 27px 8px 27px; }
#mainTab.index li.current a { background:#f0f0f0; }
#mainTab.index li a:hover { text-decoration:none; background:#f0f0f0; color:#646464; }
#mainTab.index li.current a { background:#f0f0f0; }
#ini li a { color:#007ebe; }
.otherList a{ color:#007ebe; }



/*-------------------------------------
	body
-------------------------------------*/

html body { _text-align:center; _position:relative; }



/*-------------------------------------
	トップバナー
-------------------------------------*/

#topBanner { height: 46px; margin: auto; width:100%; overflow:hidden; position: relative; }
#topBanner a { display:block; height:46px; }
#topBanner a img { width:100%; }


/*-------------------------------------
	パンくず
-------------------------------------*/

nav#breadCrumb { padding:25px 0; margin:0 auto; width:980px; font-size:13px; }
nav#breadCrumb ul { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
nav#breadCrumb li { display:inline; font-size:13px; line-height:1.417; color:#808080; }
nav#breadCrumb li { padding-right:17px; background:url(/common_2015/img/ico/ico_pankuzu.png) no-repeat right 0.3em; }
nav#breadCrumb li:last-child { background:none; padding-right:0; }
nav#breadCrumb li a { color:#007ebe; }

.mac nav#breadCrumb li { -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased; }
.mac.chrome nav#breadCrumb li,
.mac.safari nav#breadCrumb li { background-position: right 0.1em; }
.mac.firefox nav#breadCrumb li { background-position: right 0.2em; }
.mac nav#breadCrumb li a { white-space:nowrap; }

/* for IE7 */
*:first-child+html nav#breadCrumb li{
	background-image:expression((this.__isLastChild = (this.parentNode.children.item(this.parentNode.children.length-1) == this)) ? 'none':'url(/common_2015/img/ico/ico_pankuzu.gif)');
	padding-right:expression(this.__isLastChild ? '0':'17px');
}
*:first-child+html nav#breadCrumb li { margin:0 8px 0 0; }
/*IE7,8 対応*/
nav#breadCrumb li.last-child { background:none; }



/*-------------------------------------
	ボディ
-------------------------------------*/

#body { width:980px; margin:0 auto 0; position:relative;}
#body .photo a { background:#ffffff;}
#body .photo a img { display:block; background:#f0f0f0;}



/*-------------------------------------
	コンテンツ
-------------------------------------*/

/* コンテンツヘッダ */
#contentHeader {border-bottom: solid 1px #dcdcdc; overflow:hidden;}

/* サイドバー付き */
.twoColumun #content{ float:right; width:780px; }
#content .titleLv1{ color:#202020; font-size:15px; padding:0 0 6px; font-weight:bold; line-height:1.333; border-bottom:#e8e8e8 solid 1px; }
#content .titleLv2{ color:#555555; font-size:15px; font-weight:bold; line-height:1.333; }
#content .titleLv3{ color:#202020; font-size:16px; font-weight:normal; line-height:1.385; }
#content .titleLv4{ font-weight:bold; }
#content .titleLv2 span{ font-size:12px; font-weight:normal; }



/*-------------------------------------
	セクション
-------------------------------------*/

section.section { padding:25px 0; }
section.section .sectionHeader h1,
section.section .sectionHeader h2 { padding:0; }

.sectionHeader { border-bottom:1px solid #dcdcdc; }
.sectionHeader.lined a { color:#007ebe; }
#contentHeader h1,
.sectionHeader h1,
.sectionHeader h2{ font-size:18px; padding:0 0 6px 0; }
.lined h1,
.lined h2{ float: left; }

.sectionHeader.clearfix h1{ float:left; margin: 0 10px 0 0; }
.sectionHeader.clearfix .lead{ margin:4px 0 0; float:left; font-size:12px; color:#808080; }

#contentHeader h1 { font-size:23px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; height:40px; background:url(/common_2015/img/ico/ico_title_2016.png?20160303) no-repeat 0 0; }



/*-------------------------------------
	絞り込みナビ
-------------------------------------*/

.narrowList { font-size:12px; line-height:1.2; float:left; margin:0 9px 0 6px; position:relative; z-index:30; }
.sectionHeader .narrowList { float:left; margin: 3px 0 0;  }
*:first-child+html .sectionHeader .narrowList { margin: 0 0 0; }
.narrowList span{ border-right: 1px solid #C9C9C9; cursor: pointer; display: inline-block; margin: 0 5px 0 0; padding: 0 6px 0 0; }
.narrowList span.listEnd{ border:none; padding-right:0; margin-right:0; }
.narrowList span:last-child{ border:none; padding-right:0; margin-right:0; }
.narrowList span a{ }



/*-------------------------------------
	ページャ
-------------------------------------*/

.pager{ margin:12px 0 0; width:100%; font-family:helvetica; font-size: 16px;  }
.pager ul{ padding:10px 0 50px; text-align:right; }
.pager ul li{ display:inline-block; line-height:1.313; }
/*pager…表示*/
.pager ul li.doted { margin:0; vertical-align:bottom; /*height:0;*/ }
.pager ul li span.doted { background:none; border:none; display:inline-block; padding:0 3px 0 0; color:#5c5c5c; }
*:first-child+html .pager ul li { zoom:1; display:inline; }

.pager ul li.listEnd{ border:none; padding:0; }
.pager ul li span,
.pager ul li a { padding:5px 10px 4px; display:inline-block; vertical-align: middle; margin:-1px 4px 0; background:#fff; border:1px solid #dcdcdc; border-radius:2px; text-decoration:none; }
.pager ul li a:hover { background-color: #f0f0f0; color: #808080; -webkit-font-smoothing: antialiased; }
.pager ul li span { background:#dcdcdc; border:1px solid #eaeaea; color:#fff; -webkit-font-smoothing: antialiased; }

.pager ul li.prev{margin: -1px 5px 0 0; height:28px; border:none; }
.pager ul li.next{margin: -1px 0 0 0; height:28px; border:none; padding:0; }
.pager ul li.prev a{ background:url(/common_2015/img/ico/ico_prevnext.png) no-repeat left top; padding:30px 0 0; height:0; width:60px; overflow:hidden; border:none; }
.pager ul li.next a{background:url(/common_2015/img/ico/ico_prevnext.png) no-repeat right top; padding:30px 0 0; height:0; width:60px; overflow:hidden; border:none; margin:-1px 2px 0 6px; }
.pager ul li.prev a:hover,
.pager ul li.next a:hover{ opacity:0.8; filter:alpha(opacity=80); }
.pager .pageCount{ float:right; margin-right:10px; _margin-right:7px; padding:2px 0 0; }



/*-------------------------------------
	基本テーブル
-------------------------------------*/

.comTbl { border:solid 1px #e5e5e5; border-collapse: collapse; }
.comTbl th { background:#f1f1f1; padding: 16px 12px; border-bottom:solid 1px #e5e5e5; }
.comTbl td { padding: 16px 12px; border-bottom:solid 1px #e5e5e5; }



/*-------------------------------------
	左サイドバー
-------------------------------------*/

#searchSidebar { float:left; width:150px; overflow:hidden;}
#searchSidebar h2 { padding: 0 0 3px; font-size:14px; line-height:1.357; font-weight:bold; border-bottom: 1px solid #C9C9C9; }
#searchSidebar .sideBox{margin:23px 0 0; padding: 0 0 15px; border-bottom:solid 1px #e6e6e6;}
#searchSidebar .sideBox h3{ font-size:18px; }
#searchSidebar .sideBox ul{margin-top:8px;}
#searchSidebar .sideBox ul li{margin:2px 0 0; }
#searchSidebar .sideBox ul li a{ padding: 3px 0; display:block; color:#646464; }
#searchSidebar .sideBox ul li a:hover { color:#007ebe; text-decoration:underline; }
#searchSidebar .sideBox ul li.current a{ padding: 3px 15px 3px 3px; background:#1c53c2; color:#ffffff; text-decoration:none; position:relative; }
#searchSidebar .sideBox ul li.current a:hover{ background:#4372d1; background:#1c53c2; color:#ffffff; }
#searchSidebar .sideBox ul li span.select{ padding: 3px 15px 3px 3px; background:#1c53c2; color:#ffffff; display:block; }
#searchSidebar .boxEnd{ border:0px; }
#searchSidebar .sideBox ul li.subBrandLabel a{padding-left:1em;}


*:first-child+html #searchSidebar .sideBox ul li.current a{  padding: 4px 3px 2px; }
html>/**/body #searchSidebar .sideBox ul li.current a{  padding: 4px 3px 2px\9; }
#searchSidebar .sideBox ul li.current .unlock {position:absolute; top:3px; right: 5px;}
.msie7 #searchSidebar .sideBox ul li.current .unlock { top:6px; }
.msie8 #searchSidebar .sideBox ul li.current .unlock { top:3px; }

/* お気に入り */
#searchSidebar .sideBox #favList{display: none;}
#searchSidebar #favoriteToggle h3{ float:left; }
#searchSidebar #favoriteToggle .toggleFlg{float:right;}
#searchSidebar #favoriteToggle {float:none;}

/* 金額入力 */
#searchSidebar #freePrice{position:relative; margin:5px 0 0;}
#searchSidebar #priceAttention{position:absolute; top:30px; left:0; color:#cc0000; font-size:10px; width:140px; background:#ffffff; border: solid 1px #cc0000; padding:5px; z-index:5;}
#searchSidebar .numOnly{ width:56px; margin: 0 3px; ime-mode:disabled; }

/* カラーリスト */
#searchSidebar #colorSelect{ margin:0; padding:6px 0 0; }
#searchSidebar #colorSelect li{float:left; width:50%; margin: 8px 0 0; }
*:first-child+html #searchSidebar #colorSelect li{ width:49%; }
#searchSidebar #colorSelect li a{font-size:11px; line-height:1.455; padding: 0 0 0 0 line-height:20px; padding:2px 3px;}
#searchSidebar #colorSelect li a .ico_color{ display:block; width:18px; height:0; padding:18px 0 0; margin: 0 3px 0 0; float:left; overflow:hidden; background:url(/common_2015/img/ico/ico_color.gif); }

#searchSidebar #colorSelect li a span.c1 { background-position: 0			 0; }
#searchSidebar #colorSelect li a span.c2 { background-position: -18px		 0; }

#searchSidebar #colorSelect li a span.c3 { background-position: 0 			-18px;}
#searchSidebar #colorSelect li a span.c4 { background-position: -18px 		-18px;}

#searchSidebar #colorSelect li a span.c5 { background-position: 0 			-36px;}
#searchSidebar #colorSelect li a span.c6 { background-position: -18px 		-36px;}

#searchSidebar #colorSelect li a span.c7 { background-position: -18px 		-36px;}
#searchSidebar #colorSelect li a span.c8 { background-position: 0 			-54px;}

#searchSidebar #colorSelect li a span.c9 { background-position: -18px 		-54px}

#searchSidebar #colorSelect li a span.c10 { background-position: 0 			-72px}
#searchSidebar #colorSelect li a span.c11{ background-position: -18px 		-72px;}

#searchSidebar #colorSelect li a span.c12{ background-position: 0 			-90px;}
#searchSidebar #colorSelect li a span.c13{ background-position: -18px  		-90px;}

#searchSidebar #colorSelect li a span.c14{ background-position: 0  			-108px;}
#searchSidebar #colorSelect li a span.c15{ background-position: -18px 		-108px;}

#searchSidebar #colorSelect li a span.c15{ background-position: -18px 		-108px;}
#searchSidebar #colorSelect li a span.c16{ background-position: 0 		-124px;}

#searchSidebar #searchArea{border-bottom:0;}



/*-------------------------------------
	form err style
-------------------------------------*/

input.err { background:#FFEDF5!important; border:#ffb0bd solid 1px!important; color:#888!important; font-weight:normal; }
select.err { background-color:#FFEDF5!important; border:#ffb0bd solid 1px!important; color:#888!important; font-weight:normal; }
.errTxt { background: none repeat scroll 0 0 #f5637b !important; border: 1px solid #f5637b !important; color: #FFFFFF !important; display: none; height: auto !important; padding: 12px; position: absolute; white-space: nowrap; font-size: 12px; border-radius:2px; margin:0; z-index:555; }
.errTxt:after { border:8px solid transparent; border-top-color:#f5637b; border-bottom-width:0; bottom:-8px; content:""; display:block; left:20px; position:absolute; width:0; }



/*-------------------------------------
	#gblFooter
-------------------------------------*/

#gblFooter {
	width:100%;
	font-size:12px;
	margin:70px auto 0;
	padding:0 0 50px 0;
	background: #f0f0f0;
	overflow:hidden;
	text-align:left;
	-webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;

}

#gblFooter a { color:#808080; }

/*------------------
	ガワ
------------------*/

#fWrapper { margin:auto; width:980px; position:relative;}
#fInner { overflow:hidden; }

#fInner .fBox { float :left; border-right:1px solid #e5e5e5; padding:0 0 600px 0; margin:55px 0 -600px 0; }
#fInner .fBox ul { padding:0px 37px 5px 39px;}
#fInner .fBox li { margin:2px 0 0; }
#fInner .fBox li:first-child { margin:0; }
#fInner .fBox ul li a { line-height:1.455;  }
#fInner .fBox ul li.ico { background:url("/common_2015/img/common/ico_common.png") no-repeat; padding:0 0 0 22px; }
#fInner .fBox ul li.ico_tw { background-position:-1px -712px; margin:4px 0 0 0; }
#fInner .fBox ul li.ico_fb { background-position:1px -785px; margin:3px 0 0 0; }
#fInner .fBox ul li.ico_in { background-position:-2px -1374px; margin:3px 0 0 0; }

/*各リンク先*/

#fInner #fService { width:127px; margin-left:0; }
#fInner #fService ul { padding:0px 0 5px; }

#fInner #fContents { padding:0 25px 600px 40px; }
#fInner #fContents ul { float:left; padding:0 0 5px; }
#fInner #fContents ul:first-child { padding:0 25px 5px 0; }
#fInner #fMember {  }
#fInner #fHelp { }
#fInner #fMobile{ border-right:none; }

/*------------------
	リクルート
------------------*/
/*
#fReclute{ }
*/


/*------------------
	コーポレート
------------------*/

#fCorporate { margin:auto; text-align:left; padding:21px 0 12px; }
#fCorporate ul { padding:12px 0 10px; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; }
#fCorporate ul li { float:left; padding:0 7px 0 0; margin:0 10px 0 0; border-right:1px solid #e5e5e5; letter-spacing:0.2px; }
#fCorporate ul li:last-child { border-right:0px; }
#fCorporate ul li a.ico_blank { background:url("/common_2015/img/ico/ico_blank_03.png") no-repeat right 0.2em; padding-right:16px; }
#fCopyRight { margin:15px 0 0 0; font-size:10px; color:#808080; letter-spacing:0.2px;  background:url("/common_2015/img/common/ico_common.png") no-repeat 0 -637px; padding:0 0 0 39px; }
#fCopyRight #copy { font-size:11px; }


/* pageTop */

.mtopReset{margin: 10px 0 -600px 14px !important; }
#gblFooter .mtopReset ul {padding: 0px 0 5px !important;}
#fBacktotop { width: 128px; height: 30px; position:absolute; right:30px; top:0; background:#ffffff; }
#fBacktotop a{ background:url("/common_2015/img/footer/footer_2013.png") no-repeat 0 -57px; width: 115px; display:block; width:110px; padding:30px 10px 0; overflow:hidden; height:0; }
#fBacktotop a:hover{ opacity:0.8; filter:alpha(opacity=80); }


/*-------------------------------------
	#gblAnalyze
-------------------------------------*/

.gblAnalyze { height:0; overflow:hidden; }



/*-------------------------------------
	 seo ZOZOOWNについて
-------------------------------------*/

#about .txt { margin:10px 0 0 0; }
#about .txt p {  color:#808080; }
#about .txt ul { margin:11px 0 0 0; }
#about .txt ul li { float:left; border-right:1px solid #dcdcdc; padding:0 9px 0 0;  margin:4px 10px 0 0; line-height:1;  }
#about .txt ul li.last { border-right:none; }
#about .txt ul li a {  }

/*ショップ別人気カテゴリ*/
#popularCategory ul { margin:10px 0 0 0; }
#popularCategory ul li { width:190px; float:left; font-size:13px; padding:0 0 5px 0; }

/*カテゴリ別人気ショップ*/
#popularShop ul { margin:13px 0 0 0; }
#popularShop ul li { float:left; width:111px; margin:0 0 0 18px; }
#popularShop ul li:first-child { margin:0; }
#popularShop ul li span{ display:block; margin:3px 0 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }
#popularShop ul li a { color:#808080; display:block; }
#popularShop ul li img { border:1px solid #ebebeb; }

/*関連ブランド*/
#popularBrand ul { margin:10px 0 0 0; }
#popularBrand ul li { width:240px; float:left; font-size:13px; padding:0 0 5px 0; }

/*おすすめショップ*/
#goodspopularShop {  }
#goodspopularShop h2 { font-size:18px }
#goodspopularShop ul { margin:10px 0 0 0; }
#goodspopularShop ul li { width:195px; float:left; font-size:13px; padding:0 0 5px 0; }



/*-------------------------------------
	表示切り替え
-------------------------------------*/

.pulldownWrapper { position:relative; }
.pulldownWrapper.static:hover .pulldownChild { left:auto; }
.pulldownWrapper a { text-decoration:none; color:#646464; }
.pulldownWrapper .pulldownParent { }
.pulldownWrapper .pulldownParent a { padding:5px 35px 9px 13px; background:url(/common_2015/img/ico/ico_arrow_10.png) no-repeat right -6px; color:#646464; font-size:14px; display:inline-block; }
.pulldownWrapper .pulldownParent a:hover { color:#b4b4b4; background:url(/common_2015/img/ico/ico_arrow_10_ov.png) no-repeat right -6px; }

.pulldownWrapper .pulldownChild { border-radius:2px; padding:15px 0 15px 0; margin:-1px 0 0 0; z-index:12; position:absolute; left:-9999px; top:31px; border:1px solid #dcdcdc; background:#fff; box-shadow:0 2px 4px rgba(0, 0, 0, 0.2); }
.pulldownWrapper.show .pulldownChild { left:0; top:30px; }
.pulldownWrapper .pulldownChild ul { float:left; z-index:15; background:#fff; }
.pulldownWrapper .pulldownChild ul li { float:none; margin:0; font-size:13px; cursor:pointer; white-space:nowrap; }
.pulldownWrapper .pulldownChild ul li:hover { cursor:default; }
.pulldownWrapper .pulldownChild ul li a { padding:6px 20px 5px 20px; display:block; }
.pulldownWrapper .pulldownChild ul li a:visited { color :#646464; }
.pulldownWrapper .pulldownChild ul li a:hover { background:#f5f5f5; color:#646464; }
.pulldownWrapper .pulldownChild ul li.selected { padding:6px 20px 5px 20px; color:#646464;  background:#e6e6e6; }
.pulldownWrapper .pulldownChild ul li.tit { color:#777; font-size:14px; padding:6px 20px 5px 20px; }

/*表示内容2つ並び*/
.pulldownWrapper .pulldownChild.twocolum { width:356px; }
.pulldownWrapper .pulldownChild.twocolum ul { float:left; position:relative; z-index:15;  }
.pulldownWrapper .pulldownChild.twocolum ul li {  }
.pulldownWrapper .pulldownChild.twocolum ul li a { padding:6px 24px 5px; width:130px; }
.pulldownWrapper .pulldownChild.twocolum ul li .selected { padding:6px 24px 5px;  color:#808080; cursor:default; }
.pulldownWrapper .pulldownChild.twocolum ul li a.selected { padding:6px 24px 5px; color:#646464;  background:#e6e6e6; cursor:default; }

/*表示内容3つ並び*/
.pulldownWrapper .pulldownChild.threecolum { width:444px; }
.pulldownWrapper .pulldownChild.threecolum ul { float:left; z-index:15; margin:0 1px 0 0; }
.pulldownWrapper .pulldownChild.threecolum ul:last-child { border-left:none; }
.pulldownWrapper .pulldownChild.threecolum ul li {  }
.zozoused .pulldownWrapper .pulldownChild.threecolum { width:444px }




/*-------------------------------------
	notice系共通
-------------------------------------*/

#noticePage h1 { font-size: 23px; }
#noticePage p.read { font-size: 13px; margin: 12px 0 30px; }
#noticePage p.bkLinkBox { padding-bottom: 20px; }

#noticePage section#category { padding: 30px 0 0; border-top: 1px solid #dedede; border-bottom: 0px; }
#noticePage section#category ul { margin: 20px 0 0 -20px; }
#noticePage section#category ul li{ float: left; width: 230px; height: 28px; margin-left: 20px; }
#noticePage section#category .sectionHeader{ border-bottom: none; }



/*-------------------------------------
	履歴表示
-------------------------------------*/

#searchHistoryWrapper.hide { display:none; }
#searchHistoryWrapper { line-height:1.7; display:block; background:#fff; border-radius:0 0 2px 2px; box-shadow:0 0 2px rgba(77, 77, 77, 0.2); left:0; padding:6px 0 14px; position:absolute; top:27px; width:450px; z-index:1; }
#searchHistoryWrapper ul{ margin:0 20px; border-top:solid 1px #f2f2f2; }
#searchHistoryWrapper ul li{  position:relative;}
#searchHistoryWrapper ul li + li{ border-top:solid 1px #f2f2f2; }
#searchHistoryWrapper ul li p{ float:none; }
#searchHistoryWrapper a { color:#646464!important; display:inline-block; text-decoration:none; word-break: break-all; padding:10px 0 8px 5px; display:block; }
#searchHistoryWrapper a:hover { background:#f0f0f0;}
#searchHistoryWrapper a.active{ background:#f0f0f0;}

#removeHistry { font-size:11px; display:inline-block; float:right; padding:0 11px 0 0; cursor:pointer; color:#808080; margin:5px 5px 0 0;}
#removeHistry:hover { opacity:0.6; }

#searchHistoryWrapper #keywordContainer ul{ border-top:0; }
#searchHistoryWrapper #keywordContainer li p{ position:relative;  }
#searchHistoryWrapper #keywordContainer li p a{ padding-right:40px; }
#searchHistoryWrapper #keywordContainer .delete{ cursor:pointer; display:inline-block; width:17px; height:17px; background:url("/common_2015/img/ico/ico_check_btn2.png") no-repeat scroll 0 0; position:absolute; right:3px; top:50%; margin:-9px 0 0; }
#searchHistoryWrapper #keywordContainer .delete:hover{  background:url("/common_2015/img/ico/ico_check_btn2.png") no-repeat scroll 0 bottom; }

#searchHistoryWrapper #historyContainer {  }
#searchHistoryWrapper #historyContainer .ttl{ padding: 15px 0 5px; font-size:14px; margin:0 20px; }
#searchHistoryWrapper #keywordContainer+#historyContainer .ttl{ padding: 30px 0 5px; border-top:solid 1px #f2f2f2;  }

#searchHistoryWrapper { max-height:550px; overflow-y:auto; overflow-x:hidden; }
#searchHistoryWrapper #historyContainer .more{ color:#007ebe; cursor:pointer;  position:absolute; right:5px; top:50%; margin:-9px 0 0;}
#searchHistoryWrapper #historyContainer .more:hover{ text-decoration:underline; }

#searchHistoryWrapper #historyContainer #hSearchHistoryList li{ /*border-bottom:solid 1px #f0f0f0;*/ }



/*-------------------------------------
	suggest
-------------------------------------*/

#suggest { line-height:1.7; display:block; background:#fff; border:1px solid #f2f2f2; border-radius:0 0 2px 2px; box-shadow:0 0 2px rgba(77, 77, 77, 0.2); left:0;/* margin:38px 0 0;*/ padding:6px 0 14px; position:absolute; top:27px; width:450px; z-index:1; }
#suggest ul{ margin:0 20px;  }
#suggest ul li{  position:relative;}
#suggest ul li + li{ border-top:solid 1px #f2f2f2; }

#suggest a { color:#646464!important; display:inline-block; text-decoration:none; word-break: break-all;  padding:10px 0 8px 5px; display:block; }
#suggest a:hover { background:#f0f0f0; }
#suggest a.active{ background:#f0f0f0; }



/*-------------------------------------
	クーポンアイコン
	シークレットセールアイコン
	リミテッドアイテムアイコン
	タイムセールアイコン
	お気に入り割引アイコン
	search_result、お気に入り用 共通パーツ
-------------------------------------*/

#secFavorit p.thumb { position:relative; }
#secFavorit .icoBox { bottom: 5px; display: block; left: -5px; position: absolute; width: 100px; }
#searchResultList .icoBox { bottom: 10px; display: block; left: -5px; position: absolute; width: 100px; }
.couponSecret{ background:url(//img4.zozo.jp/sale/secret/2016summer/pc/pc_search.png) no-repeat left top; display: block; height: 0; margin: 2px 0 0 ; overflow: hidden; padding: 22px 0 0; width: 90px; }
.isTimeSale{ background:url(//img4.zozo.jp/sale/timesale/pc/pc_search_ts.png) no-repeat left top; display: block; height: 0; margin: 2px 0 0 ; overflow: hidden; padding: 22px 0 0; width: 90px; }
.isLimitedSale { background:url(//img4.zozo.jp/sale/limitedsale/pc/pc_search_ts.png) no-repeat left top; display: block; height: 0; margin: 2px 0 0 ; overflow: hidden; padding: 22px 0 0; width: 97px; }
.icoLimited { position:absolute; top:15px; left:3px; background:url("//img4.zozo.jp/pc/_search/img/ico_limited.png") no-repeat top center; width:42px; height:42px; display:block; }
.bigThumb .icoLimited { background:url("//img4.zozo.jp/pc/_search/img/ico_limited_l.png") no-repeat top center; width:55px; height:55px; }
.favDiscountListIcon { background:url(//img4.zozo.jp/pc/default_2015/discount_favorite/favdiscountlabel.png) no-repeat; display:block; height:44px; left:6px; top:6px; width:44px; position:absolute; z-index:10; }


/*-------------------------------------
	カート自動再投入
-------------------------------------*/

#retry{ position:absolute; z-index:3; top:5px; width:400px; margin:0 -24px 0 auto; right:80px; display:none; cursor:pointer; }
#retry #shadow{ box-shadow:0 0 23px; height: 62px; margin:0 0 0 16px; position:relative; width:384px; }
#retry #cartRetry:before{ border-color:transparent transparent #ae252c; border-style:solid; border-width: 0 9px 19px; content:""; display:block; height:0; position:absolute; right:16px; top:-16px; width:0; z-index:2; }
#retry #cartRetry #retryTxt{ color:#ae252c; right:0px; margin; 0 5% 0 0; background:#feede5 none repeat scroll 0 0; border: 1px solid #e73656 !important; border-radius:3px; font-size: 14px; height: auto !important;  padding:20px 18px 19px 33px; position:absolute; z-index:999; }
#retry #cartRetry #retryTxt::before{ border-color:transparent transparent #feede5; border-style:solid; border-width: 0 7px 16px; content:""; display:block; height:0; margin:0 0 0 -10px; position:absolute; right:17px; top:-15px; width:0; z-index:2; }
#retry #cartRetry span{ position:relative; top:-6px; height:13px; margin: 0 0 0 35px; width:16px; }

#retry.cpnExists{ width:418px; }
#retry.cpnExists #shadow{ width:400px; }
#retry.cpnExists #cartRetry:before{border-color:transparent transparent #0d7f28;}
#retry.cpnExists #cartRetry #retryTxt{ color:#0d7f28; background:#d8e9db none repeat scroll 0 0; border: 1px solid #0d7f28 !important; }
#retry.cpnExists #cartRetry #retryTxt::before{ border-color:transparent transparent #d8e9db;}


/*-------------------------------------
	未ログインお気に入りポップアップ
-------------------------------------*/

#hFavBox { position:absolute; z-index:9999; left:50%; width:722px; height:3230px; margin-left:-361px; }
#hFavBox.hide { display:none; }
#hFavBox .ovDestroy { display:block; float:right; }
#hFavBox .ico_close { display:block; width:55px; height:55px; background:url(//img4.zozo.jp/_news/newfavorite/pc/close_btn.png) no-repeat left top; }
#hFavBox .ovDestroy { position:relative; z-index:1; margin:0 -20px -30px 0; }
#hFavBox .contents { }
#hFavFrame { overflow-y:hidden; width:100%; height:3895px; }

#hFavOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; opacity:.3; background:#000; filter:alpha(opacity=30); }
#hFavOverlay.hide { display:none; }



/**
 * ------------------------------------------------------------
 * アイコン
 * ------------------------------------------------------------
 */
/* ピックアップ -------------------- */
.iconPickup { display:inline-block; overflow:hidden; position:relative; z-index:1; width:25px; height:25px; background:url(//img4.zozo.jp/fix/town/default/ico_index_2015.png?20160630) no-repeat -136px -184px; text-indent:200%; word-wrap:normal; white-space:nowrap; }



/**
 * ------------------------------------------------------------
 * バッジ
 * ------------------------------------------------------------
 */
.badgeLg,
.badge,
.badgeSm,
.badgeXs {
	display:inline-block; position:relative; z-index:1; border:1px solid #dedede; border-radius:50%; background:#ffffff; color:#8c8c8c; font-family:helvetica, sans-serif; text-align:center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.badgeLg { width:35px; height:35px; font-size:17px; line-height:33px; text-indent:1px; }
.badge { width:30px; height:30px; font-size:15px; line-height:30px; }
.badgeSm { width:24px; height:24px; font-size:11px; line-height:23px; }
.badgeXs { width:22px; height:22px; font-size:11px; line-height:21px; }


/* 順位 -------------------- */
.badgeRank1,
.badgeRank2,
.badgeRank3 { color:#ffffff; }
.badgeRank1 { border-color:#d9b340; background-color:#d9b340; }
.badgeRank2 { border-color:#6f7b83; background-color:#6f7b83; }
.badgeRank3 { border-color:#a15326; background-color:#a15326; }


/* 注目 -------------------- */
.badgeFeatured { border-color:#c00101; background-color:#c00101; color:#d2bb73; }



/**
 * ------------------------------------------------------------
 * ローディング
 * ------------------------------------------------------------
 */
.loader { background:url(/common_2015/img/loader.gif) no-repeat center center; }

.loader[data-section] { height:200px; }
.loader[data-widget] { height:100px; }



/**
 * ------------------------------------------------------------
 * 商品情報
 * ------------------------------------------------------------
 */
.goodsSpec { color:#808080; }
.goodsBrand,
.goodsShop,
.goodsCategory { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.goodsPriceAmount { display:inline-block; color:#2d2d2d; }
.goodsPriceNotes { font-size:100%; }
.goodsPriceNote { display:inline-block; }
.goodsPriceNoteFluid { display:block; }
.goodsMetaItem { display:inline-block; }
.goodsImportant { color:#e73656; }

.goodsPriceDiscounted,
.goodsDiscounted .goodsPrice,
.goodsDiscounted .goodsPriceAmount { color:#e73656; }

.goodsDisabled { opacity:0.3; }


/* サイズ：基本 -------------------- */
.goodsSpec { height:91px; }
.goodsBrand,
.goodsShop,
.goodsCategory { font-size:12px; line-height:1.416666667; }
.goodsPrice { margin:3px 0 0 -3px; font-size:10px; line-height:1.5; }
.goodsPriceAmount { margin-left:3px; font-size:15px; line-height:1.333333333; }
.goodsPriceNote { margin-left:3px; }
.goodsMeta { margin:3px 0 0 -3px; font-size:11px; line-height:1.454545455; }
.goodsMetaItem { margin-left:3px; }

.goodsPriceNote:first-child { margin-left:0; }



/**
 * ------------------------------------------------------------
 * フィード
 * ------------------------------------------------------------
 */
.feedCard,
.feedMedia { word-wrap:break-word; }

.feedCard.new .feedStatus:before,
.feedMedia.new .feedStatus:before,
.feedCard.pickup .feedStatus:before,
.feedMedia.pickup .feedStatus:before { color:#e73656; }

.feedCard.new .feedStatus:before,
.feedMedia.new .feedStatus:before { content:"NEW "; }
.feedCard.pickup .feedStatus:before,
.feedMedia.pickup .feedStatus:before { content:"PICK UP "; }



/* ----------------------------------------
 * ピクチャー
 * ---------------------------------------- */

.feedPicture,
.feedPicture:before,
.feedPicture:after,
.feedPicture *,
.feedPicture *:before,
.feedPicture *:after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.feedPicture { position:relative; }
.feedPicture .feedHero { overflow:hidden; font-size:0; text-align:center; }
.feedPicture .feedLink { display:block; }
.feedPicture .feedImg { max-width:100%; height:auto; vertical-align:middle; }


/* サイズ：小さい -------------------- */
.feedPictureSm,
.indexPictureSm .feedPicture { width:125px; }
.feedPictureSm .feedHero,
.indexPictureSm .feedHero { height:150px; line-height:150px; }
.feedPictureSm .feedImg,
.indexPictureSm .feedImg { max-height:150px; }
.feedPictureSm .feedContent,
.indexPictureSm .feedContent { margin-top:10px; }



/* ----------------------------------------
 * メディア
 * ---------------------------------------- */

.feedMedia,
.feedMedia:before,
.feedMedia:after,
.feedMedia *,
.feedMedia *:before,
.feedMedia *:after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.feedMedia { border:solid #ededed; border-width:1px 0; }
.feedMedia .feedLink { display:table; table-layout:fixed; position:relative; width:100%; height:100%; color:#808080; text-decoration:none; }
.feedMedia .feedBadge { position:absolute; }
.feedMedia .feedFigure,
.feedMedia .feedContent { display:table-cell; vertical-align:top; }
.feedMedia .feedFigure { text-align:center; }
.feedMedia .feedThumbnail { max-width:100%; height:auto; }
.feedMedia .feedContent { width:100%; }
.feedMedia .feedH { display:block; color:#2d2d2d; }
.feedMedia .feedMetaItem { display:inline-block; }

.feedMedia + .feedMedia { border-top-width:0; }

.feedMedia .feedLink:hover .feedH { text-decoration:underline; }

.feedMetaStacked .feedMetaItem { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }


/* サイズ：大きい -------------------- */
.feedMediaLg .feedLink { padding:25px 0; }
.feedMediaLg .feedBadge { left:-7px; top:-7px; }
.feedMediaLg .feedFigure { width:136px; min-width:136px; }
.feedMediaLg .feedThumbnail { max-height:163px; }
.feedMediaLg .feedContent { padding-left:15px; }
.feedMediaLg .feedH { font-size:15px; line-height:1.466666667; }
.feedMediaLg .feedMeta { margin-left:-5px; font-size:11px; line-height:1.454545455; }
.feedMediaLg .feedMetaItem,
.feedMediaLg .feedStatus:before { margin-left:5px; }

.feedMediaLg .feedMeta + .feedH,
.feedMediaLg .feedH + .feedMeta { margin-top:5px; }

.feedMediaLg .feedMetaPrimary { font-size:12px; line-height:1.416666667; }

.feedMediaLg .feedMetaStacked .feedMetaItem + .feedMetaItem { margin-top:3px; }

/* 2カラム */
.indexColumnCount2.indexMediaLg { margin-top:-25px; }
.indexColumnCount2 > .feedMediaLg { margin-top:25px; padding:0 30px 25px 0; height:189px; }
.indexColumnCount2 > .feedMediaLg:first-child { border-top-width:0; }
.indexColumnCount2 > .feedMediaLg .feedLink { padding:0; }
.indexColumnCount2 > .feedMediaLg .feedH { overflow:hidden; max-height:110px; }


/* サイズ：小さい -------------------- */
.feedMediaSm .feedLink { padding:10px 0; }
.feedMediaSm .feedBadge { left:-9px; top:4px; }
.feedMediaSm .feedBadge.iconPickup { left:-10px; }
.feedMediaSm .feedFigure { width:68px; min-width:68px; }
.feedMediaSm .feedThumbnail { max-height:82px; }
.feedMediaSm .feedContent { padding-left:20px; vertical-align:middle; }
.feedMediaSm .feedH { font-size:18px; line-height:1.277777778; }
.feedMediaSm .feedMeta { margin-left:-5px; font-size:12px; line-height:1.416666667; }
.feedMediaSm .feedMetaItem,
.feedMediaSm .feedStatus:before { margin-left:5px; }

.feedMediaSm .feedMeta + .feedH,
.feedMediaSm .feedH + .feedMeta { margin-top:3px; }

.feedMediaSm .feedMetaPrimary { font-size:13px; line-height:1.384615385; }


/* サイズ：より小さい -------------------- */
.feedMediaXs .feedLink { padding:12px 0; }
.feedMediaXs .feedBadge { left:-9px; top:6px; }
.feedMediaXs .feedBadge.iconPickup { left:-10px; }
.feedMediaXs .feedFigure { width:68px; min-width:68px; }
.feedMediaXs .feedThumbnail { max-height:82px; }
.feedMediaXs .feedContent { padding-left:10px; }
.feedMediaXs .feedH { font-size:13px; line-height:1.384615385; }
.feedMediaXs .feedMeta { margin-left:-3px; font-size:10px; line-height:1.5; }
.feedMediaXs .feedMetaItem,
.feedMediaXs .feedStatus:before { margin-left:3px; }

.feedMediaXs .feedMeta + .feedH,
.feedMediaXs .feedH + .feedMeta { margin-top:4px; }

.feedMediaXs .feedMetaPrimary { font-size:11px; line-height:1.363636364; }

/* コンパクト */
.indexCompact > .feedMediaXs { border:0; }
.indexCompact > .feedMediaXs + .feedMediaXs { margin-top:15px; }
.indexCompact > .feedMediaXs .feedLink { padding:0; }
.indexCompact > .feedMediaXs .feedBadge { top:-6px; }

/* 2カラム */
.indexColumnCount2.indexMediaXs { margin-top:-12px; }
.indexColumnCount2 > .feedMediaXs { margin-top:12px; padding:0 30px 12px 0; height:80px; }
.indexColumnCount2 > .feedMediaXs:first-child { border-top-width:0; }
.indexColumnCount2 > .feedMediaXs .feedLink { padding:0; }
.indexColumnCount2 > .feedMediaXs .feedBadge { top:-6px; }
.indexColumnCount2 > .feedMediaXs .feedThumbnail { max-height:68px; }
.indexColumnCount2 > .feedMediaXs .feedH { overflow:hidden; max-height:54px; }

.indexColumnCount2.indexMediaRectangle > .feedMediaXs { height:94px; }
.indexColumnCount2.indexMediaRectangle > .feedMediaXs .feedThumbnail { max-height:82px; }

/* コンパクト＆2カラム */
.indexCompact.indexColumnCount2.indexMediaXs { margin-top:-20px; }
.indexCompact.indexColumnCount2 > .feedMediaXs { margin-top:20px; padding-bottom:0; height:68px; }

.indexCompact.indexColumnCount2.indexMediaRectangle > .feedMediaXs { height:82px; }

/* サイドナビ */
.sidenav .feedMediaXs .feedH { font-size:12px; line-height:1.333333333; }



/**
 * ------------------------------------------------------------
 * インデックス
 * ------------------------------------------------------------
 */
/* ----------------------------------------
 * 通知
 * ---------------------------------------- */

.indexNotification { margin:90px 0; color:#808080; font-size:16px; text-align:center; }



/* ----------------------------------------
 * ピクチャー
 * ---------------------------------------- */

.indexPicture:after { content:""; display:block; clear:both; }
.indexPicture .indexItem { float:left; }


/* サイズ：小さい -------------------- */
.indexPictureSm { margin:-15px 0 0 -16px; }
.indexPictureSm .indexItem { margin:15px 0 0 16px; }



/* ----------------------------------------
 * 2カラム
 * ---------------------------------------- */

.indexColumnCount2:after { content:""; display:block; clear:both; }
.indexColumnCount2 .indexItem { float:left; width:50%; }



/**
 * ------------------------------------------------------------
 * メインコンテンツ
 * ------------------------------------------------------------
 */
.articleContent { float:left; margin-top:30px; width:690px; }
.articleContent:first-child { margin-top:0; }



/**
 * ------------------------------------------------------------
 * サイドバー
 * ------------------------------------------------------------
 */
.sidenavbar { float:right; margin-top:30px; width:254px; }

.articleContent:first-child + .sidenavbar { margin-top:0; }



/* ----------------------------------------
 * サイドナビ
 * ---------------------------------------- */

.sidenav { margin-top:45px; word-wrap:break-word; }
.sidenavHeader { display:table; width:100%; }
.sidenavHeader .sidenavH,
.sidenavHeader .sidenavMeta { display:table-cell; vertical-align:baseline; }
.sidenavHeader .sidenavH { white-space:nowrap; }
.sidenavHeader .sidenavMeta { text-align:right; }
.sidenavH { font-size:18px; line-height:1.6; }
.sidenavMeta { color:#808080; font-size:12px; line-height:1.416666667; }
.sidenavBody { margin-top:10px; }
.sidenavMore { margin-top:15px; text-align:right; }

.sidenavbar .sidenav:first-child { margin-top:0; }



/**
 * ------------------------------------------------------------
 * 埋め込み要素
 * ------------------------------------------------------------
 */
/* ----------------------------------------
 * レスポンシブ
 * ---------------------------------------- */

.embedResponsive { margin:0 auto; }
.embedResponsiveItem { position:relative; }
.embedResponsiveContent,
.embedResponsiveContent video { position:absolute; left:0; top:0; border:0; width:100%; height:100%; }

.embedResponsive16by9 .embedResponsiveItem { padding-top:56.25%; }
.embedResponsive9by16 .embedResponsiveItem { padding-top:177.777777778%; }



/**
 * ------------------------------------------------------------
 * タイポグラフィ
 * ------------------------------------------------------------
 */
/* ----------------------------------------
 * テキスト
 * ---------------------------------------- */

/* 本文 -------------------- */
.textBody { margin-top:15px; font-size:13px; line-height:1.538461538; }

/* 離間 */
.textBodyTopSpaced-lg { margin-top:40px; }
.textBodyTopSpaced { margin-top:25px; }

/* 接近 */
.textBodyTopCloser { margin-top:10px; }


/* 注釈 -------------------- */
.textNote { margin-top:15px; color:#808080; font-size:11px; line-height:1.636363636; }

.textNote + .textNote { margin-top:10px; }

/* 離間 */
.textNoteTopSpaced-lg { margin-top:40px; }
.textNoteTopSpaced { margin-top:25px; }

/* 接近 */
.textNoteTopCloser { margin-top:10px; }


/* ヘルプ -------------------- */
.textHelp { display:block; color:#808080; font-size:11px; line-height:1.636363636; }

/* 離間 */
.textHelpTopSpaced { margin-top:5px; }


/* スモール -------------------- */
.textSmall { display:inline-block; color:#808080; font-size:11px; line-height:1.454545455; }


/* グループ -------------------- */
.textGroup { margin-top:15px; font-size:13px; line-height:1.538461538; }
.textGroupItem { margin-top:5px; }

.textGroup > .textGroupItem:first-child { margin-top:0; }

/* 離間 */
.textGroupTopSpaced-lg { margin-top:40px; }
.textGroupTopSpaced { margin-top:25px; }

/* 接近 */
.textGroupTopCloser { margin-top:10px; }

/* 間隔を拡大 */
.textGroupExpanded-lg > .textGroupItem { margin-top:15px; }
.textGroupExpanded-md > .textGroupItem { margin-top:10px; }



/**
 * ------------------------------------------------------------
 * ボタン
 * ------------------------------------------------------------
 */
/* テキスト -------------------- */
.btnTextSmall,
.btnTextHelp { font-size:11px; line-height:1.454545455; }
.btnTextSmall { display:inline-block; }
.btnTextHelp { display:block; }



/**
 * ------------------------------------------------------------
 * モーダル
 * ------------------------------------------------------------
 */
.modal-source { display:none; }
.modalbox { visibility:hidden; position:absolute; z-index:-1; }
.modal-bg { position:fixed; left:0; right:0; top:0; bottom:0; background:#000000; }
.modal-window { overflow-y:scroll; position:fixed; left:0; right:0; top:0; bottom:0; }
.modal-dialog { position:relative; margin:0 auto; background:#ffffff; }
.modal-close { overflow:hidden; position:absolute; z-index:1; right:-19px; top:-19px; border-radius:50%; width:38px; height:38px; background:#f3f3f3; cursor:pointer; }
.modal-close:before { content:""; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:24px; height:24px; background:url(/common_2015/img/ico/ico_cancel.png) no-repeat; }
.modal-content { padding:0; }
.modal-container { padding:25px 40px 40px; }
.modal-container > :first-child { margin-top:0; }
.modal-container > :last-child { margin-bottom:0; }
.modal-h { font-size:22px; line-height:1.272727273; }
.modal-body { margin-top:15px; }

.modal-has-shown { overflow:hidden; position:relative; }
.modal-has-shown .modalbox { visibility:visible; z-index:1000001; }

.modalbox.display-only .modal-close { display:none; }


/* 横幅 -------------------- */
.modal-dialog[data-width="xl"] { width:920px; }
.modal-dialog[data-width="lg"] { width:820px; }
.modal-dialog[data-width="md"] { width:720px; }
.modal-dialog[data-width="sm"] { width:620px; }
.modal-dialog[data-width="xs"] { width:520px; }


/* 離間 -------------------- */
.modal-body-top-spaced-lg { margin-top:40px; }
.modal-body-top-spaced { margin-top:25px; }



/**
 * ------------------------------------------------------------
 * ユーティリティ
 * ------------------------------------------------------------
 */
/* ディスプレイ -------------------- */
.d-none { display:none !important; }
.d-block { display:block !important; }
.d-inlineBlock { display:inline-block !important; }
.d-inline { display:inline !important; }


/* 垂直方向の整列 -------------------- */
.alignTop { vertical-align:top !important; }
.alignMiddle { vertical-align:middle !important; }
.alignBottom { vertical-align:bottom !important; }


/* テキストの整列 -------------------- */
.textLeft { text-align:left !important; }
.textCenter { text-align:center !important; }
.textRight { text-align:right !important; }
.textJustify { text-align:justify !important; }
.textNowrap { white-space:nowrap !important; }
.textTruncate { overflow:hidden; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; }
.textNoTruncate { overflow:visible; text-overflow:clip; word-wrap:break-word; white-space:normal; }


/* 改行 -------------------- */
.softwrap { display:inline-block; }


/* フォントウェイト -------------------- */
.fontBold { font-weight:bold !important; }
.fontNormal { font-weight:normal !important; }


/* 文字色 -------------------- */
.textMuted { color:#808080 !important; }
.textDefault { color:#2d2d2d !important; }
.textPrimary { color:#007ebe !important; }
.textImportant { color:#e73656 !important; }
.textInverse { color:#ffffff !important; }
.textFavorable { color:#ff7683 !important; }


/* フロート -------------------- */
.floatLeft { float:left !important; }
.floatRight { float:right !important; }
.floatClear { clear:both !important; }
.clearfix:after { content:""; display:block; clear:both; }


/* スクリーンリーダー -------------------- */
.srOnly { overflow:hidden; clip:rect(0, 0, 0, 0); position:absolute; margin:-1px; border:0; padding:0; width:1px; height:1px; }


/* 画像置換 -------------------- */
.textHide { overflow:hidden; text-indent:200%; word-wrap:normal; white-space:nowrap; }


/* トランジションの無効化 -------------------- */
.transitionDisabled,
.transitionDisabled:before,
.transitionDisabled:after,
.transitionDisabled *,
.transitionDisabled *:before,
.transitionDisabled *:after {
	-webkit-transition:none !important;
	-moz-transition:none !important;
	-ms-transition:none !important;
	transition:none !important;
}



/**
 * ------------------------------------------------------------
 * ビューポート
 * ------------------------------------------------------------
 */
#viewportMeasure { visibility:hidden; position:fixed; z-index:-1; left:0; right:0; top:0; bottom:0; }