body{margin:0; padding:0; font-family:"ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", sans-serif; }
#container{padding:30px 0;}
html.PC #container{min-width:990px;}
#shoesSearch{background:#f3f3f4; margin:0; padding:0; width:100%;}
html.PC #shoesSearch{min-width:990px;}

/*----------------------------------------
	検索結果　一覧
----------------------------------------*/

#searchResult{
	padding:10px;
	letter-spacing:-0.4em;
	/*width:880px;*/
	margin:0 auto;
	/*width:1100px;*/
	max-width:1320px;
}
#searchResult .subhead{
	padding:30px 15px 30px 0;
	position:relative;
	letter-spacing:normal;
}

#searchResult .noitem{
	font-size:150%;
	color:#fff;
	text-align:center;
	line-height:1.8;
	letter-spacing:0;
	font-weight:bold;
	color:#444;
	padding:20% 0;
}

/*.subhead .pagenate{float:right;}*/
.subhead .pagenate{
	position: absolute;
	top: 30px;
	right: 15px;
}
.subhead .pagenate ul{letter-spacing:0;}
.subhead .pagenate ul li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	letter-spacing:0;
	color:#84848c;
	padding:2px;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", sans-serif; 
}
.pagenate ul li a{
	padding:2px 3px;
	color:#84848c;
	text-decoration:none;
}

#searchResult .searchResultList li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
}

#searchResult .searchResultList > li{
	width: 220px !important;
	letter-spacing: normal;
}

.subhead .pagenate li.currentpage{font-weight:bold; color:#003a8f;}


#searchResult .innerItem,
#colorPopBox .innerDetail{
	width:198px;
	border:solid 1px #cfcfd5;
	margin:10px 0;
	letter-spacing:0em;	
	color:#202020;
	background:#fff;
	font-family:arial,Helvetica,Sans-Serif;
	padding-bottom:50px;
	position:relative;
	overflow:hidden;
}
#searchResult .innerItem .btMore,
#colorPopBox .innerDetail .btMore{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:50px;
	background:url(../images/shoes/bt_shoesitem.png) center center no-repeat #fff;
	background-size:56px;
}
html.SP #searchResult .innerItem .btMore,
#colorPopBox .innerDetail .btMore{
	cursor:pointer;
}
#searchResult .innerItem.open .btMore,
#colorPopBox .innerDetail.open .btMore{
	background-image:url(../images/shoes/bt_shoesitem_close.png);
	background-size:32px;
}
#searchResult .innerItem .btMore:hover,
#colorPopBox .innerDetail .btMore:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
}

#colorPopBox .innerDetail,
#colorPopBox .colorList{
	float:left;
}

#searchResult .colorList{
	display:none;	
}

.innerItem .resultPh img,
.innerDetail .resultPh img{ 
	width:180px;
	height:180px;
	padding:9px;
}


.innerItem div.brand,
.innerItem div.spec,
.innerDetail div.brand,
.innerDetail div.spec{
	letter-spacing:-0.4em;
	border-top:solid 1px #cfcfd5;
	margin:0;
}
.innerItem div.brand,
.innerDetail div.brand{
	height:68px;
	overlow:hidden;
}

.innerItem span,
.innerDetail span{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	margin:0;	
}

.innerItem span.logo,
.innerDetail span.logo{
	width:68px;
}
.innerItem span.logo img,
.innerDetail span.logo img{
	border-right:solid 1px #cfcfd5;
	width:68px;
	height:68px;
	padding:0;
}


.innerItem span.num,
.innerDetail span.num{
	width:115px;
	padding:0 5px 0 10px;
	font-size:14px;
	font-family:arial,Helvetica,Sans-Serif;
	letter-spacing:0;
	/*white-space:normal;*/
	word-wrap: break-word;
}

.innerItem div.spec,
.innerItem p.caption,
.innerDetail div.spec,
.innerDetail p.caption{
	border-top:solid 1px #cfcfd5;
	padding:10px 10px 0;
	font-size:11px;
	margin:0;
	line-height:17px;
	position:relative;
	overflow:hidden;
}
.innerDetail p.caption{
	cursor:pointer;
}
.innerItem p.caption:after,
.innerDetail p.caption:after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:40px;
	background:url(../images/shoes/im_shoesitem_ov.png) center center repeat-x;
}
.innerItem.open p.caption:after,
.innerDetail.open p.caption:after{
	display:none;
}
.innerItem p.caption_full,
.innerDetail p.caption_full{
	display:none;
}

.innerItem .spec dl dt,
.innerItem .spec dl dd,
.innerDetail .spec dl dt,
.innerDetail .spec dl dd{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	font-size:11px;
	letter-spacing:0;
	line-height:1.5;

}

.innerItem .spec dl,
.innerDetail .spec dl{width:178px;}
.innerItem .spec dt,
.innerDetail .spec dt{width:44px; padding:1px 0;}
.innerItem .spec dd,
.innerDetail .spec dd{ width:134px; padding:1px 0;}

#colorPopBox .colorList{
	width:58px;
	padding:10px 2px 10px 8px;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
#colorPopBox .colorList ul{}
#colorPopBox .colorList ul li img{width:58px; height:58px; display:block;}
#colorPopBox .colorList ul li a{
width:58px;
height:58px;
border:solid 1px #ddd;
display:block;
clear:both;
margin-bottom:5px;
}

#colorPopBox .colorList ul li a:hover{
width:58px;
height:58px;
border:solid 1px #444;
}

#colorPopBox{
position: absolute;
z-index: 15;
display:none;
background-color: white;
padding: 0 10px;
margin: -11px 0px 0px -11px;
border: 1px solid #84848c;
}


@media screen and (max-width: 1340px) {
	#searchResult{
		width:880px !important;
	}
}

@media screen and (max-width: 1120px) {
	#searchResult{
		width:880px !important;
	}
}

@media screen and (max-width: 767px) {
	html.SP #searchResult{
		width:660px !important;
	}
}

@media screen and (max-width: 680px) {
	html.SP #searchResult{
		width:440px !important;
	}
}

@media screen and (max-width: 460px) {
	html.SP #searchResult{
		width:300px !important;
	}
	
	html.SP #searchResult .searchResultList > li{
		width: auto !important;
	}
	
	html.SP #searchResult .innerItem, #colorPopBox .innerDetail {
		width: auto;
	}
	
	html.SP #searchResult .innerItem {
		height: auto !important;
	}
	
	html.SP #searchResult .innerItem .resultPh {
		padding: 18px;
	}
	
	html.SP #searchResult .innerItem .resultPh a {
		display: block;
		padding: 0;
	}
	
	html.SP #searchResult .innerItem .resultPh a img {
		display: block;
		padding: 0;
		width: 100%;
		height: auto;
	}
	
	html.SP .innerItem span.num {
		padding: 0 5px 0 15px;
		width: 210px;
	}
	
	html.SP .innerItem .spec dl {
	    width: auto;
	}

	html.SP .innerItem .spec dt {
	    width: 50px;
	}
	
	html.SP .innerItem .spec dd {
	    width: 225px;
	}
	
	html.SP #colorPopBox {
		display: none !important;
	}
	
	html.SP select.styled {
		width: 130px !important;
		height: 24px;
	}
	html.SP .select_long select.styled {
		width: 254px !important;
	}

	html.SP select.styledL {
		width: 150px !important;
		height: 24px;
	}
	
	html.SP span.select {
		width: 90px !important;
	}
	html.SP .select_long span.select{
		width:220px !important;
	}
}

/*----------------------------------------
	検索結果　詳細
----------------------------------------*/

body.shoes_detail #fancybox-overlay{position:fixed;}
body.shoes_detail #fancybox-wrap{padding:0;}
body.shoes_detail #fancybox-outer .fancybox-bg{display:none;}


#searchDetail{
	width:980px;
	margin:0 auto;
}
#searchDetail #category{display:none;}
#searchDetail #category h1{display:none;}
#searchDetail #category h2{display:none;}

#searchDetail #detailPh{
	padding:20px 10px;
	width:960px;
	margin:0 auto;
	position:relative;
}

#searchDetail .itemhead01,
#searchDetail .itemhead02,
#searchDetail .itemhead03{
	letter-spacing:-0.4em;
	margin:10px;
}
#searchDetail .itemhead03{
	padding:10px 15px 5px;
	position: relative;
	margin-top: -20px;
	min-height: 20px;
}

#searchDetail .itemhead01{background:url(../images/product/bg_itemhead02.gif) 223px 0 repeat-y;}
#searchDetail .itemhead02{
	background:url(../images/product/bg_itemhead01.gif) 223px 0 repeat-y; position:relative;
	margin-bottom: 30px;
}

#searchDetail .itemhead01 p,
#searchDetail .itemhead02 p,
#searchDetail .itemhead02 div{
	letter-spacing:normal;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	padding:5px 15px;
	font-size:11px;
}
#searchDetail .itemhead01 p{vertical-align:middle;}

#searchDetail .itemhead02 dl dt,
#searchDetail .itemhead02 dl dd,
#searchDetail .itemhead03 ul li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	font-size:11px;
	letter-spacing:0;
	line-height:1.5;

}
#searchDetail .itemhead03 ul li{
	vertical-align:bottom;
}

#searchDetail .itemhead02 dl{width:200px;}
#searchDetail .itemhead02 .spec02 dl{width:500px;}
#searchDetail .itemhead02 dt{width:45px; padding:1px 0;}
#searchDetail .itemhead02 dd{word-break: break-all;}
#searchDetail .itemhead02 .spec01 dd{ width:150px; padding:1px 0;}
#searchDetail .itemhead02 .spec02 dd{ width:448px; padding:1px 0;}
#searchDetail .itemhead03 ul{margin-top:8px;}
#searchDetail .itemhead03 ul li{padding:3px;}
#searchDetail .itemhead03 ul li a{transition:opacity 0.3s;}
#searchDetail .itemhead03 ul li a:hover{opacity:0.8;}
#searchDetail .itemhead03 span,
#searchDetail .itemhead03 strong{letter-spacing:0;}
#searchDetail .itemhead03 span{font-size:10px;}
#searchDetail .itemhead03 strong{font-size:11px; font-weight:normal;}

/*---暫定指定---*/

#searchDetail .logo,
#searchDetail .spec01{width:195px;}
#searchDetail .itemhead02 .spec02{width:500px; padding-right:5px;}

#searchDetail .itemhead01 p.num{width:195px; font-size:18px; vertical-align:middle; text-align:center;}
#searchDetail .itemhead01 p.txt{width:480px; line-height:1.5; padding:5px 0 5px 30px;}
#searchDetail .feature{width:800px; line-height:1.5; padding-rght:5px;}
#searchDetail .itemhead02 .shopsearch{padding:5px 0; position:absolute; top:0; right:-10px; width: 50%; text-align: right;}

#searchDetail .itemhead02 .shopsearch li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding-right: 10px;
	width: 102px;
	vertical-align: top;
	
}
#searchDetail .itemhead02 .shopsearch li a {
	display: block;
	text-decoration: none;
}

#searchDetail .itemhead02 .shopsearch li a img{ xxpadding:0 0 0 5px;}

#searchDetail .itemhead02 .shopsearch li a span.note {
	display: block;
	width: 8em;
	margin: 0 auto;
	font-size: 9px;
	text-decoration: none;
	color: #202020;
	line-height: 1.2;
	letter-spacing:normal;
}

/*--　SNS/SHARE --*/
#detailPh .shareArea{
	margin:10px auto;
	width:960px;
	height:40px;
	position:relative;
}

#detailPh .shareArea #shares{
	position:absolute;
	left:5px;
	top:5px;
}
#detailPh .shareArea #shares img{
	display:inline;
}


#detailPh .shareArea #sns{
	/*position:absolute;*/
	float:right;
	/*width:100%;*/
	top:5px;
	right:0px;
	margin: 10px 0px 0px 0px; 
	padding: 0px;
	text-align:right;
}

#detailPh .shareArea #sns div{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	overflow:hidden;
}

/*-- #detailPh .shareArea #sns .fb{width:110px;} --*/
/*-- #detailPh .shareArea #sns .tw{width:130px;} --*/
/*-- #detailPh .shareArea #sns .gg{width:70px;} --*/
/*-- #detailPh .shareArea #sns .pin{width:60px;} --*/

/*-- 2013/04/01 --*/
#detailPh .shareArea #sns .fb{
float: right;
margin: 0px 10px 0px 0px;
padding: 0px;
display: inline;
width: 100px;
}

#detailPh .shareArea #sns .tw{
float: right;
margin: 0px 10px 0px 0px;
padding: 0px;
display: inline;
width: 90px !important;
}

#detailPh .shareArea #sns .gg{
float: right;
margin: 0px 10px 0px 0px;
padding: 0px;
display: inline;
width: 64px; 
}

#detailPh .shareArea #sns .pin{
float: right;
margin: 0px;
padding: 0px;
display: inline;
width: 64px; 
}
/*-- 2013/04/01 --*/


/*---関連商品---*/
#searchDetail .relations{
	width:980px;
	margin:10px auto;
}

#searchDetail .relations h3{
	width:960px;
	margin:0 auto;
}

#searchDetail .relations ul{
	letter-spacing:-0.34em;
}

#searchDetail .relations ul li{
	letter-spacing:0;
	display:inline-block;
	*display:inline;	
	*zoom:1;
	vertical-align:top;	
	margin:10px;
	width:120px;
	text-decoration:none;
}
#searchDetail .relations ul li a{text-decoration:none; color:#202020;}
#searchDetail .relations ul li a:hover{text-decoration:none; color:#999;}


#searchDetail .relations ul li img{
	display:block;
	border:solid 1px #ddd;
	margin:5px 0;
	width:118px;
	height:118px;
}
#searchDetail .relations ul li a span{
	display:block;
	font-size:11px;
}
/*---関連商品end---*/

/*-----ギャラリー用CSS------*/

         div.content {/*2列用*/
            display: none;
            position:relative;
            width:740px;
         }
	#detailPh.single div.content {/*1列用*/
	 width:850px;
	 }
         div.content a, div.navigation a {
            text-decoration: none;
            color: #777;
         }
         div.content a:focus, div.content a:hover, div.content a:active {
            text-decoration: underline;
         }
         div.controls {
            margin-top:0;
            height: 540px;
			position:absolute;
         }
         div.controls a {
            /*padding: 5px;*/
         }
         div.ss-controls {
            display:none;
         }
         div.nav-controls {
            position:absolute;
			width:740px;
         }
         #detailPh.single div.nav-controls {/*1列用*/
            position:absolute;
			width:850px;
         }		 
		div.controls a.prev {
			display: block;
			position: absolute;
			margin-top:-18px;
			top: 252px;
			left: 0;
			width: 35px;
			height: 35px;
			z-index: 90;
			background:url(../images/product/btn_prev.gif) 0 0 no-repeat;
			
		}
		div.controls a.next {
			display: block;
			position: absolute;
			margin-top:-18px;	
			top: 252px;
			right: 0;
			width: 35px;
			height: 35px;
			z-index: 90;
			background:url(../images/product/btn_next.gif) 0 0 no-repeat;			
		}
		div.controls a{text-decoration:none;}
		div.controls a:hover{text-decoration:none; filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}		
		
						 
         div.slideshow-container {
            position: relative;
            clear: both;
            height: 540px; /* This should be set to be at least the height of the largest image in the slideshow */
         }
	div.slideshow-container .colorLabel{
		position:absolute;
		bottom:25px;
		right:25px;
		font-size:13px;
		z-index:90;
	}	 
	
	.colorLabel .image-caption .caption{
	position:absolute;
	right:0;
	bottom:0;
	text-align:right;
	display:block;
	width:400px;
	}
	.colorLabel .image-caption{
	position:absolute;
	right:0;
	bottom:0;
	} 
	.colorLabel.image-caption.previous,
	.colorLabel.image-caption.next{
	position:absolute;
	right:0;
	bottom:0;
	display:none;
	opacity:0;
	} 	
         div.loader {
            position: absolute;
            top: 0;
            left: 0;
            background-image: url('../images/product/loader.gif');
            background-repeat: no-repeat;
            background-position: center;
            width: 740px; /*850px;*/
            height: 540px; /* This should be set to be at least the height of the largest image in the slideshow */
         }
         #detailPh.single　div.loader {	 
	  width: 850px;
	 }
         div.slideshow {

         }
         div.slideshow span.image-wrapper {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
			width:738px; /*848px;*/
			height:540px;
            border: 1px solid #ccc;			
         }
         #detailPh.single div.slideshow span.image-wrapper {
		width:848px; 
	 }
	 
         div.slideshow a.advance-link {
            display: block;
            width: 738px; /*848px;*/
            height: 538px; /* This should be set to be at least the height of the largest image in the slideshow */
            line-height: 538px; /* This should be set to be at least the height of the largest image in the slideshow */
            text-align: center;
			overflow:hidden;
         }
         #detailPh.single div.slideshow a.advance-link {width:848px;}	 
         div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
            text-decoration: none;
         }
         div.slideshow img {
            vertical-align: middle;
	    width:538px;
            height:538px;
         }
         div#thumbs.navigation {
			position:absolute;
			top:20px;
			right:0px;
            /* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
	    		overflow:hidden;
         }
	 #detailPh.single div#thumbs.navigation {
	 	right:5px;
	 }
	 
		 
         ul.thumbs {
            clear: both;
            margin: 0;
            padding: 0;
            height:550px;
            overflow:hidden;
         }
         ul.thumbs li {
            display:inline-block;
	    *display:inline;
	    *zoom:1;
	    vertical-align:top;
            padding: 0;
            margin: 0px 5px 8px 5px;
            list-style: none;
	    	    float:left;
         }
         ul.thumbs li{
            width:100px;
            height:100px;
            /*display: block;*/
            border: 1px solid #ccc;		
		}
         ul.thumbs li a,
         ul.thumbs li.selected{
            width:100px;
            height:100px;
            display: block;
	    float:left;
            border: none;		
		}

         a.thumb {
            padding: 0px;
            width:100px;
            height:100px;
            display: block;
            /*border: 1px solid #ccc;*/
         }
         ul.thumbs li.selected{
            border: 1px solid #222;
         }
         a.thumb:focus {
            outline: none;
         }
         ul.thumbs img {
			width:100px;
			height:100px;			
            border: none;
            display: block;
         }
         div.pagination {
            clear: both;
         }
         div.navigation div.top {
            margin-bottom: 12px;
            height: 11px;
         }
         div.navigation div.bottom {
            margin-top: 12px;
         }
         div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
            display: block;
            float: left;
            margin-right: 2px;
            padding: 4px 7px 2px 7px;
            border: 1px solid #ccc;
         }
         div.pagination a:hover {
            background-color: #eee;
            text-decoration: none;
         }
         div.pagination span.current {
            font-weight: bold;
            background-color: #000;
            border-color: #000;
            color: #fff;
         }
         div.pagination span.ellipsis {
            border: none;
            padding: 5px 0 3px 2px;
         }
	 
	 span.blank{
            width:100px;
            height:100px;
            display: block;
            border: 1px solid #ccc;
            margin: 0px 5px 8px 5px;
	float:left;
	}

/*-----検索結果詳細用レスポンシブ------*/

@media screen and (max-width: 1000px) {
	
	/* itemhead01 */
	
	searchDetail .itemhead01 {
		position: relative;
	}
	
	/* itemhead03 */
	
	#searchDetail .feature {
		width: auto;
	}
	
	/*商品画像*/
	
	#searchDetail {
		width: auto;
	}
	
	#searchDetail #detailPh {
		width: auto;
		padding: 10px;
	}
	
	#detailPh div.content {
		width: auto !important;
	}
	
	div.slideshow-container {
		height: auto;
		border: 1px solid #CCC;
	}
		
	div.slideshow span.image-wrapper {
		width: 100% !important;
		height: 100%;
		border: none;
	}
	
	div.slideshow a.advance-link {
		width: 100% !important;
		height: 100%;
		line-height: normal;
	}
	
	div.slideshow img {
		width: 64%;
		height: auto;
	}
	
	#caption {
		overflow: hidden;
	}
	
	/*次へボタン 前へボタン*/
	
	div#thumbs.navigation {
		position: static !important;
		width: auto !important;
		top: auto;
		right: auto !important;
	}
	
	div.controls,
	div.nav-controls {
		width: 100% !important;
		height: 100%;
	}
	
	div.controls a.prev,
	div.controls a.next {
		top: 50%;
	}
	
	/*サムネイル*/
	
	ul.thumbs {
		height: auto;
	}
	
	ul.thumbs li {
		margin: 8px 10px 8px 0;
	}
	
	ul.thumbs span {
		display: none;
	}
	
	/*オプション sns*/
	
	#detailPh .shareArea {
		width: auto;
		height: auto;
		min-height: 40px;
		/*clearfix*/
		overflow: hidden;
	}
	
	#detailPh .shareArea #shares {
		position: static;
		left: auto;
		top: auto;
		float: left;
	}
	
	#detailPh .shareArea #sns {
		position: static;2,625
		right: auto;
		top: auto;
		float: right;
	}
	
	/*関連商品*/
	
	#searchDetail .relations {
		width: 100%;
	}
	
	#searchDetail .relations h3 {
		width: auto;
		margin: 0 10px;
		overflow: hidden;
	}
	
}

@media screen and (max-width: 666px) {
	#detailPh .shareArea #sns {
		float: left;
		padding-top: 5px;
	}
	.colorLabel .image-caption .caption{
		position:absolute;
		right:0;
		bottom:-14px;
		text-align:right;
		display:block;
		width:250px;
		font-size:12px;
	}
}

@media screen and (max-width: 1000px) {
	
	#searchDetail .itemhead01, 
	#searchDetail .itemhead02, 
	#searchDetail .itemhead03 {
		margin: 0 10px;
		padding: 0;
	}
	
	/* itemhead01 */
	#searchDetail .itemhead01 {
		background: none;
	}
	
	#searchDetail .itemhead01 p.logo,
	#searchDetail .itemhead01 p.num {
		width: 50%;
		padding: 0;
	}
	
	#searchDetail .itemhead01 p.logo {
		text-align: center;
		border-right: 1px solid #ddd;
		padding: 20px 0;
	}
	
	#searchDetail .itemhead01 p.logo img {
		display: inline-block;
		max-width: 187px;
		max-height: 55px;
		width: 84%;
		height: auto;
	}
	
	#searchDetail .itemhead01 p.num {
		margin-left: -1px;
	}
	
	#searchDetail .itemhead01 p.txt {
		display: block;
		width: auto;
		padding: 20px 0;
		background: #fff;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
	
	/* itemhead02 */
	
	#searchDetail .itemhead02 {
		background: none;
		padding: 20px 220px 20px 0;
	}
	
	#searchDetail .itemhead02 .spec01,
	#searchDetail .itemhead02 .spec02 {
		display: block;
		width: auto;
		padding: 0;
	}
	
	#searchDetail .itemhead02 .spec01 dl,
	#searchDetail .itemhead02 .spec02 dl {
		width: auto;
	}
	
	#searchDetail .itemhead02 dl dt {
		display: block;
		position: relative;
		top: 0;
		left: 0;
	}
	
	#searchDetail .itemhead02 dl dd {
		position: relative;
		display: block;
		width: auto;
		margin-left: 45px;
		margin-top: -18px;
	}
	
	#searchDetail .itemhead02 .spec01 dt,
	#searchDetail .itemhead02 .spec02 dt {
		width: 50px;
	}
	
	#searchDetail .itemhead02 .spec01 dd,
	#searchDetail .itemhead02 .spec02 dd {
		width: auto;
	}
	
	#searchDetail .itemhead02 .shopsearch {
		top: 20px;
		padding: 0;
		display: block !important;
	}
	
	#searchDetail .itemhead02 .shopsearch li a img {
		padding: 0;
	}
	
	/* itemhead03 */
		
	#searchDetail .itemhead03 ul li a img {
		vertical-align: top;
		line-height: 1.0;
	}
}

@media screen and (max-width: 530px) {

	#searchDetail .itemhead {
		position: relative;
		padding-bottom: 140px;
	}
	
	#searchDetail .itemhead02 {
		padding-right: 0;
		padding-bottom: 0;
		position: static;
	}
	
	#searchDetail .itemhead02 .shopsearch {
		display: block;
		top: auto;
		right: auto;
		left: 0;
		bottom: 10px;
		width: 100%;
		text-align: center;
		padding: 0;
	}
	
	#searchDetail .itemhead03 strong {
		display: inline-block;
		*display: block;
		*zoom: 1;
		width: 45px;
		text-align: right;
	}
	
	#searchDetail .itemhead03 {
		margin-top:10px;
		margin-bottom: 30px;
	}
	
	#searchDetail .itemhead03 ul {
		margin-top:5px;
	}
	
	ul.thumbs {
		/*
		text-align: justify;
		text-justify: distribute-all-lines;
		-ms-text-justify:distribute-all-lines;
		font-size: 0px;
		*/
		margin-left: -5px;
	}
	/*
	ul.thumbs:after {
	  	    content:"";
	  	    display: inline-block;
	  	    width: 100%;
	}
	*/
	ul.thumbs li {
	    border: none;
	    height: auto;
	    width: 33.3%;
	    margin: 0;
	    float: left;
	    /*
	    display: inline-block;
	    *display:inline;
	    *zoom:1;
	    letter-spacing: normal;
	    text-align: left;
	    font-size: 11px;
	    */
	}
	
	ul.thumbs li a, ul.thumbs li.selected {
		float: left;
		height: auto;
	}
	
	ul.thumbs li a {
		border: 1px solid #CCCCCC;
		margin: 8px 0 8px 5px;
		
		display: block;
		float: none;
		height: auto;
		width: auto;
	}
	
	ul.thumbs li.selected {
	    border: none;
	    width: 33.3%;
	    height: auto;
	    /*
	    display: inline-block;
	    *display:inline;
	    *zoom:1;
	    letter-spacing: normal;
	    text-align: left;
	    font-size: 11px;
	    */
	}
	
	ul.thumbs li.selected a {
	    border: 1px solid #222222;
	}
	
	ul.thumbs img {
		width: 100%;
		height: auto;
	}
	
	#searchDetail .relations ul {
		/*letter-spacing: -0.3em;
		text-align: justify;
		text-justify: distribute-all-lines;
		-ms-text-justify:distribute-all-lines;
		font-size: 0px;
		*/
		overflow: hidden;
		*zoom:1;
	}
	/*
	#searchDetail .relations ul:after {
	  	    content:"";
	  	    display: inline-block;
	  	    width: 100%;
	}
	*/
	
	#searchDetail .relations ul li {
		margin: 0;
		width: 33.3%;
		float: left;
		/*
		letter-spacing: normal;
		text-align: left;
		font-size: 11px;
		*/
	}
	
	#searchDetail .relations ul li a {
		margin: 10px;
		display: block;
	}
	
	#searchDetail .relations ul li img {
		margin-left: -1px;
		margin-right: -1px;
		width: 100%;
		height: auto;
	}
	#searchDetail .relations ul li a span{
		display:block;
		overflow: hidden;
		white-space: nowrap;
		width:100%;
		text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis; /* Safari */
		-o-text-overflow: ellipsis; /* Opera */
	}

}

@media screen and (max-width: 320px) {

	#searchDetail .itemhead {
		padding-bottom: 230px;
	}
	
	#searchDetail .itemhead02 .shopsearch {
		left: 50%;
		margin-left: -112px;
		text-align: left;
	}

}


/*---検索結果詳細用レスポンシブend---*/

/*tooltip*/ 

         .onBaloon { position:relative;}
         .onBaloon,
         .onBaloon * { margin:0; padding:0; }
         .trigger { /*position:absolute;*/ }
         /* Bubble pop-up */
       	li.onBaloon{}
	.baloon { position:absolute; display:none; z-index:50; *margin-top: 10px;}
	.baloon .baloonhead{ position:absolute; top:1px; left:0; z-index:10; background:url(../../product/images/baloon_head.gif) 20px 0 no-repeat; height:11px; display:block; width:100%; *height:0; *padding-top:11px;}
	.baloon .baloonbody{ padding:10px; margin-top:11px; border:solid 1px #dbdbdc; background:#fff; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); *position: absolute; *left: 0; *top: 11px; *z-index: 9; *margin-top: 0; }
			 
			 
/*form部分*/
	#localNav ul ul{max-height:300px; margin:0 auto; display:block;}
	#localNav ul ul.colorSelect li{border:none; width: 26px; padding:4px;}
@media screen and (max-width: 554px) {
	html.SP #localNav ul ul.colorSelect li{border:none; width: 26px; padding:4px;}
}
	#localNav ul ul.colorSelect li a{width:24px; height:24px; margin:0; border:none; border:solid 1px #fff;}
	#localNav ul ul.colorSelect li a:hover{border:solid 1px #336;}	
	#localNav ul ul.functionSelect li{ border:none; width:9em;}
	#localNav ul ul.functionSelect li a{ width: 7em; height:15px; line-height:15px;  margin:2px 1px; border:none; text-decoration:none; color:#8d8d97;}
	#localNav ul ul.functionSelect li a:hover{height:15px; line-height:15px; text-decoration:underline; color:#444;}
	
	
	#localNav ul ul li{
		display:inline-block;
		*display:inline;
		*zoom:1;
		vertical-align:middle;
		padding:2px;
	}
	.baloonbody ul.colorSelect{width:170px;}
	.baloonbody ul.colorSelect li a{display:block; width:24px; height:24px; margin: 0 !important;}
	.baloonbody ul.colorSelect li.c00{background:url(../images/product/color/c00.gif) center center no-repeat;}	
	.baloonbody ul.colorSelect li.c01{background:url(../images/product/color/c01.gif) center center no-repeat;}	
	.baloonbody ul.colorSelect li.c02{background:url(../images/product/color/c02.gif) center center no-repeat;}	
	.baloonbody ul.colorSelect li.c03{background:url(../images/product/color/c03.gif) center center no-repeat;}	
	.baloonbody ul.colorSelect li.c04{background:url(../images/product/color/c04.gif) center center no-repeat;}	
	.baloonbody ul.colorSelect li.c05{background:url(../images/product/color/c05.gif) center center no-repeat;}	
	.baloonbody ul.colorSelect li.c06{background:url(../images/product/color/c06.gif) center center no-repeat;}	
	.baloonbody ul.colorSelect li.c07{background:url(../images/product/color/c07.gif) center center no-repeat;}	
	.baloonbody ul.colorSelect li.c08{background:url(../images/product/color/c08.gif) center center no-repeat;}	
	.baloonbody ul.colorSelect li.c09{background:url(../images/product/color/c09.gif) center center no-repeat;}	
	.baloonbody ul.colorSelect li.c10{background:url(../images/product/color/c10.gif) center center no-repeat;}	
	.baloonbody ul.colorSelect li.c11{background:url(../images/product/color/c11.gif) center center no-repeat;}	
	.baloonbody ul.colorSelect li.c12{background:url(../images/product/color/c12.gif) center center no-repeat;}	
	.baloonbody ul.colorSelect li.c13{background:url(../images/product/color/c13.gif) center center no-repeat;}	

	.baloonbody ul.functionSelect{width:245px;}
	.baloonbody ul.functionSelect li {}
	.baloonbody ul.functionSelect li a{color:#8d8d97; font-size:11px; text-decoration:none; padding-left:20px; white-space:normal; background:url(../images/product/check_box.gif) 2px center no-repeat;}
	.baloonbody ul.functionSelect li a.checkon{background:url(../images/product/check_box_on.gif) 2px center no-repeat;}
	.baloonbody ul.functionSelect li a:hover{color:#444;}
	/*
	.baloonbody ul.functionSelect li.f01{width:4em;}
	.baloonbody ul.functionSelect li.f02{width:7em;}
	.baloonbody ul.functionSelect li.f03{width:10em;}
	*/
	form select{border:solid 1px #898992; width:140px;}
	form select{background:#fff; letter-spacing:0;}

	span.select{
	position: absolute;
	width: 110px;
	height: 24px;
	padding: 0 24px 0 8px;
	color: #898993;
	font: 12px/24px arial,sans-serif;
	overflow: hidden;
	border:solid 1px #898993;
	letter-spacing:0;
	background:url(../images/common/select_arrow.gif) #fafafb right 0 no-repeat;
	font-weight:bold;
	margin-right:15px;
	}
	.select_long span.select{
		width:220px;
	}
	
	span.#selecta_width_cd[]{width:60px;}
	
	/*form select.ss{border:solid 1px #898992; margin-right:15px; width:85px;}
	form select.ss{background:#fff; letter-spacing:0;}	*/
	
	.select_wrapper {
		display: inline-block;
		*display: block;
		*zoom: 1;
	}
	
	@media screen and (max-width: 900px) {
		.subhead .pagenate {
			float: none;
			position: static;
			top: auto;
			right: auto;
			text-align: right;
			padding-top: 10px;
		}
	}
	
	@media screen and (max-width: 460px) {
		
		#searchResult .subhead {
			padding: 0;	
		}
		
		.subhead .pagenate {
			padding-top: 25px;
		}
		
		.subhead .pagenate ul {
			position: relative;
		}
		
		.subhead .pagenate ul li.label {
			display: block;
			text-align: right;
			padding: 0;
			padding-bottom: 5px;
		}
		
		/*
		.subhead .pagenate ul li.prev {
			position: absolute;
			bottom: 0;
			left: 0;
		}
		
		.subhead .pagenate ul li.next {
			position: absolute;
			bottom: 0;
			right: 0;
		}
		*/
		
		.subhead .pagenate ul li a {
			text-decoration: underline;
		}
		
		.searchResultList {
			padding-bottom: 10px;
		}
		
		priceSelect1,priceSelect2 {
			display: block;
			margin: 0;
			height: 25px;
			margin-bottom: 10px;
		}
		
	}

/*----------------------------------------
	シューズ検索 トップ 
----------------------------------------*/

#shoesSearchForm #container {
	padding: 70px 0;
	background-color: #f3f3f4;
}

#shoesSearchForm #shoesSearch {
	width: 920px;
	margin: 0 auto;
	padding: 40px;
	padding-right: 0;
	background-color: #fff;
	border : 1px solid #D9D9DC;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px; /* border radius */
}



#form_shoessearch dl {
	letter-spacing: -0.4em;
    word-spacing: -0.4em;
    padding-bottom: 34px; 
}

#form_shoessearch dt,
#form_shoessearch dd {
	display:inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align:middle;
    *display:inline;
    *zoom:1;
}

#form_shoessearch dt {
	width: 60px;
	margin-right: 20px;
	text-align: right;
	font-weight: bold;
}

#form_shoessearch dt img {
	vertical-align: bottom;
}

#form_shoessearch span.select {
	border-color: #b3b3b9;
	background-color: #fff;
	font-size: 0.95em;
	margin-right: 0;
}

#form_shoessearch select {
	margin-right: 0;
}

/*
#form_shoessearch select {
	margin-right: 10px;
	width: auto !important;
}
*/

/*
#shoes_brand span.select { width: 216px !important; }
#shoes_scene span.select { width: 216px !important; }
#option_price span.select { width:  80px !important; }
#option_size span.select { width:  80px !important; }
#option_width span.select { width:  80px !important; }
*/
#form_shoessearch dl#option_color,
#form_shoessearch dl#option_function {
    padding-bottom: 16px; 
}

#option_color dt, 
#option_function dt,
#option_color dd, 
#option_function dd {
	vertical-align: top;
} 

#option_color dd, 
#option_function dd {
	position: relative;
	text-align: left;
} 

#option_color dd {
	width : 810px;
}

#option_function dd {
	width : 700px;
} 

#option_color .clear, 
#option_function .clear {
	position: absolute;
	left: 0;
	top: 0;
}

#option_color .clear label, 
#option_function .clear label {
display: block;
border: 1px solid #b3b3b9;
width: 58px;
padding: 4px 0 3px 0.8em;
font-size: 0.95em;
color: #898993;
font-weight: bold;
cursor: pointer;
cursor: hand;
}



#option_color .selection, 
#option_function .selection {
	padding-left: 90px;
	letter-spacing: -0.4em;
    word-spacing: -0.4em;
}


#option_color input, 
#option_function input {
	display: none;
}

#form_shoessearch form select {
	margin: 0;
}

#option_color span,
#option_function span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	letter-spacing: normal;
    word-spacing: normal;
}

#option_color .selection span {
	width: 100px;
	height: 24px;
	overflow: hidden;
}

#option_color .selection label {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 70px;
	padding-left: 5px;
	vertical-align: middle;
	font-size: 0.8em;
	font-weight: bold;
	color: #8D8D97;
	line-height: 1.0;
	*height: 24px;
	*vertical-align: top;
	*line-height: 1.4;
}

#option_color span.radio {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 25px;
	height: 25px;
	vertical-align: middle;
	cursor: hand;
	cursor: pointer;
}

#option_color span {
	margin-bottom: 16px;
}

#option_color span span {
	margin-bottom: 0;
}

#option_color .c01 span.radio{background:url(../images/shoes/color/c01_splice.gif) no-repeat;}	
#option_color .c02 span.radio{background:url(../images/shoes/color/c02_splice.gif) no-repeat;}	
#option_color .c03 span.radio{background:url(../images/shoes/color/c03_splice.gif) no-repeat;}	
#option_color .c04 span.radio{background:url(../images/shoes/color/c04_splice.gif) no-repeat;}	
#option_color .c05 span.radio{background:url(../images/shoes/color/c05_splice.gif) no-repeat;}	
#option_color .c06 span.radio{background:url(../images/shoes/color/c06_splice.gif) no-repeat;}	
#option_color .c07 span.radio{background:url(../images/shoes/color/c07_splice.gif) no-repeat;}	
#option_color .c08 span.radio{background:url(../images/shoes/color/c08_splice.gif) no-repeat;}	
#option_color .c09 span.radio{background:url(../images/shoes/color/c09_splice.gif) no-repeat;}	
#option_color .c10 span.radio{background:url(../images/shoes/color/c10_splice.gif) no-repeat;}	
#option_color .c11 span.radio{background:url(../images/shoes/color/c11_splice.gif) no-repeat;}	
#option_color .c12 span.radio{background:url(../images/shoes/color/c12_splice.gif) no-repeat;}	
#option_color .c13 span.radio{background:url(../images/shoes/color/c13_splice.gif) no-repeat;}


#option_function .selection span {
	width: 115px;
	cursor: hand;
	cursor: pointer;
}

#option_function .selection label {
	line-height: 25px;
	vertical-align: top;
	font-size: 11px;
	letter-spacing: -0.08em;
	color: #666;
	cursor: hand;
	cursor: pointer;
}

#option_function span.checkbox {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 14px;
	height: 25px;
	margin-right: 4px;
	background:url(../images/shoes/check_box_splice.gif) 0 0 no-repeat;
	vertical-align: top;
}

#option_color .clear span.radio,
#option_function .clear span.checkbox {
	display: none;
}


#ShoesSearchSumbit {
	margin-top: 30px;
	text-align: center;
}

@media screen and (max-width: 1020px) {
	#shoesSearchForm #container {
	    padding-left: 10px;
	    padding-right: 10px;
	    box-sizing:border-box;
	}
	
	#shoesSearchForm #shoesSearch{
		max-width: 920px;
		width: auto;
		min-width:0;
	}
	
	#option_color dt, 
	#option_function dt {
	    margin-bottom: 10px;
	}
	
	#option_color dd {
	    width: auto;
	}
	
	#option_function dd {
	    width: auto;
	}
}

@media screen and (max-width: 600px) {
	#shoesSearchForm #shoesSearch{
		padding: 40px;
	}
}

@media screen and (max-width: 540px) {
	#shoesSearchForm #container {
	    padding-top: 10px;
	    padding-bottom: 10px;
	}
	
	#shoesSearchForm #shoesSearch{
		padding: 30px 20px;
	}
	
	#form_shoessearch dt {
	    display: block;
	    text-align: left;
	    margin-left: 5px;
	    margin-bottom: 5px;
	}
	
	#form_shoessearch dl {
	    padding-bottom: 0;
	    margin-bottom: 10px;
	}
	
	#option_color .clear, 
	#option_function .clear {
	    left: auto;
	    position: static;
	    top: auto;
	    margin-bottom: 15px;
	}
	
	#option_color .selection, 
	#option_function .selection {
		padding-left: 0;
	}
}

@media screen and (max-width: 400px) {
	#shoesSearchForm #container {
	    padding : 5px;
	}
	
	#form_shoessearch dd {
	    margin-bottom: 10px;
	}
}