@charset "UTF-8";
/*==================================================================
	共通extend用
===================================================================*/
/*クリアフィックス*/
.clearfix { *zoom: 1; }
.clearfix:after { content: ""; display: table; clear: both; }

/*インラインブロック*/
.inline_block { display: inline-block; *display: inline; *zoom: 1; }

/*テーブルセル*/
.table_cell { display: table-cell; *display: inline; *zoom: 1; vertical-align: middle; }

/*ellipsis*/
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; }

.karte-general { zoom: .5; }

#mainWrap #mainInner .contentWrap { padding: 10px 0 0; }
#mainWrap #mainInner .contentWrap .ttl { padding: 30px 15px; font-size: 25px; font-size: 2.5rem; }
#mainWrap #mainInner .contentWrap #searchHeader { margin: 0 15px 0; padding: 10px 0 0; }
#mainWrap #mainInner .contentWrap #searchHeader .headerInner { padding-bottom: 10px; position: relative; border-bottom: 1px solid #a5a5a5; *zoom: 1; }
#mainWrap #mainInner .contentWrap #searchHeader .headerInner:after { content: ""; display: block; clear: both; }
#mainWrap #mainInner .contentWrap #searchHeader .headerInner .breadcrumbs { float: left; }
#mainWrap #mainInner .contentWrap #searchHeader .filterTtl { float: none; color: #000; font-size: 12px; font-size: 1.2rem; font-family: "theory-web-ulweb-ul", "FOT-ロダン Pro L"; padding: 15px 0 13px; }
#mainWrap #mainInner .contentWrap #searchHeader .filterWrap { display: none; *zoom: 1; padding: 0; border-bottom: none; }
#mainWrap #mainInner .contentWrap #searchHeader .filterWrap:after { content: ""; display: block; clear: both; }
#mainWrap #mainInner .contentWrap #searchHeader .filterWrap .filterTab { width: 100%; margin-bottom: 15px; float: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; list-style: none; font-size: 0; border-top: 1px solid #a5a5a5; border-bottom: 1px solid #a5a5a5; }
#mainWrap #mainInner .contentWrap #searchHeader .filterWrap .filterTab li { display: inline-block; width: 50%; margin-bottom: -1px; cursor: pointer; }
#mainWrap #mainInner .contentWrap #searchHeader .filterWrap .filterTab li:nth-child(2n) { margin-right: 0; }
#mainWrap #mainInner .contentWrap #searchHeader .filterWrap .filterTab li:nth-child(2n) h3 { border-left: 1px solid #a5a5a5; }
#mainWrap #mainInner .contentWrap #searchHeader .filterWrap .filterTab li.selected h3 { background: #FFF; }
#mainWrap #mainInner .contentWrap #searchHeader .filterWrap .filterTab li.selected h3:after { content: ""; display: block; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background: #FFF; }
#mainWrap #mainInner .contentWrap #searchHeader .filterWrap .filterTab li h3 { position: relative; text-align: center; display: block; color: #000; font-size: 12px; font-size: 1.2rem; font-family: "theory-web-ulweb-ul", "FOT-ロダン Pro L"; background: url(/sp/material/img/common/arrow_bottom.png) no-repeat right 15px center; -webkit-background-size: 9px; background-size: 9px; padding: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainWrap #mainInner .contentWrap #searchHeader .filterWrap .filterBox { width: 100%; padding: 0 10px; margin-bottom: 15px; float: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #a5a5a5; }
#mainWrap #mainInner .contentWrap #searchHeader .filterWrap .filterBox h3 { color: #000; font-size: 12px; font-size: 1.2rem; font-family: "theory-web-ulweb-ul", "FOT-ロダン Pro L"; margin-bottom: 5px; }
#mainWrap #mainInner .contentWrap #searchHeader .filterWrap .filterBox .filterList { list-style: none; font-size: 0; }
#mainWrap #mainInner .contentWrap #searchHeader .filterWrap .filterBox .filterList li { display: inline-block; width: 49%; margin-right: 2%; margin-bottom: 2%; }
#mainWrap #mainInner .contentWrap #searchHeader .filterWrap .filterBox .filterList li:nth-child(2n) { margin-right: 0; }
#mainWrap #mainInner .contentWrap #searchHeader .filterWrap .filterBox .filterList li.selected a { background: #F0F0F0; padding: 12px; border: 2px solid #000; }
#mainWrap #mainInner .contentWrap #searchHeader .filterWrap .filterBox .filterList li:nth-child(4n) { margin-right: 0; }
#mainWrap #mainInner .contentWrap #searchHeader .filterWrap .filterBox .filterList li a { text-align: center; display: block; color: #000; font-size: 13px; font-size: 1.3rem; font-family: "theory-web-ulweb-ul", "FOT-ロダン Pro L"; background: #FFF; padding: 12px; border: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mainWrap #mainInner .contentWrap #searchHeader .filterWrap .filterClose { float: none; background: #000; color: #FFF; font-size: 14px; font-size: 1.4rem; font-family: "theory-web-ulweb-ul", "FOT-ロダン Pro L"; cursor: pointer; padding: 15px 0; text-align: center; margin: 15px auto 20px; width: 70%; }
#mainWrap #mainInner .contentWrap #productResults { margin: 0 15px; }
#mainWrap #mainInner .contentWrap #productResults h2 { font-size: 20px; font-size: 2rem; font-family: "theory-web-tbeweb-tbe"; text-align: center; padding: 20px 0 10px; }
#mainWrap #mainInner .contentWrap #productResults .search { list-style: none; font-size: 0; *zoom: 1; }
#mainWrap #mainInner .contentWrap #productResults .search:after { content: ""; display: block; clear: both; }
#mainWrap #mainInner .contentWrap #productResults .search li { text-align: center; display: inline-block; vertical-align: top; width: 47%; max-width: 100%; margin-right: 6%; margin-bottom: 7%; }
#mainWrap #mainInner .contentWrap #productResults .search li:nth-child(3n) { margin-right: 6%; }
#mainWrap #mainInner .contentWrap #productResults .search li:nth-child(2n) { margin-right: 0; }
#mainWrap #mainInner .contentWrap #productResults .search li .img a { display: block; position: relative; }
#mainWrap #mainInner .contentWrap #productResults .search li .img a img { max-width: 100%; }
#mainWrap #mainInner .contentWrap #productResults .search li .item { margin-top: 5px; }
#mainWrap #mainInner .contentWrap #productResults .search li .item a { text-align: center; font-size: 14px; font-size: 1.4rem; font-family: "theory-web-ulweb-ul", "FOT-ロダン Pro L"; color: #000; }
#mainWrap #mainInner .contentWrap #productResults .search li .item a:hover { opacity: .8; }
#mainWrap #mainInner .contentWrap #productResults .search li .price { text-align: center; font-size: 14px; font-size: 1.4rem; font-family: "theory-web-ulweb-ul", "FOT-ロダン Pro L"; color: #000; }
#mainWrap #mainInner .contentWrap #productResults .search li .price .priceSub01 { padding: 0 .2em 0 .1em; font-size: 12px; font-size: 1.2rem; font-family: "theory-web-ulweb-ul", "FOT-ロダン Pro L"; vertical-align: baseline; }
#mainWrap #mainInner .contentWrap #productResults .search li .price .priceSub02 { font-size: 11px; font-size: 1.1rem; font-family: "theory-web-ulweb-ul", "FOT-ロダン Pro L"; vertical-align: baseline; }
#mainWrap #mainInner .contentWrap #productResults .search li .price strike { text-decoration: none; display: inline-block; position: relative; }
#mainWrap #mainInner .contentWrap #productResults .search li .price strike:after { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #000; }
#mainWrap #mainInner .contentWrap #productResults .search li .morecolor { margin-top: 5px; }
#mainWrap #mainInner .contentWrap #productResults .search li .morecolor .colorchartList li { width: 9px; height: 9px; display: inline-block; vertical-align: top; max-width: 9px; margin-right: 5px; margin-bottom: 0; text-align: center; }
#mainWrap #mainInner .contentWrap #productResults .search li .morecolor .colorchartList li:last-child { margin-right: 0; }
#mainWrap #mainInner .contentWrap #productResults .search li .morecolor .colorchartList li a { display: block; opacity: 1; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; transition: opacity 0.3s; }
#mainWrap #mainInner .contentWrap #productResults .search li .morecolor .colorchartList li a.on { opacity: .5; }
#mainWrap #mainInner .contentWrap #productResults #number { text-align: center; margin-top: 20px; padding: 20px 0; }
#mainWrap #mainInner .contentWrap #productResults #number li { display: inline; }
#mainWrap #mainInner .contentWrap #productResults #number li.next { padding-right: 20px; background: url(/common/images/icon_arw_r_sp.png) center right no-repeat; }
#mainWrap #mainInner .contentWrap #productResults #number li.back { padding-left: 20px; background: url(/common/images/icon_arw_l_sp.png) center left no-repeat; }
#mainWrap #mainInner .contentWrap #productResults #number li a, #mainWrap #mainInner .contentWrap #productResults #number li span { color: #333333; font-size: 14px; font-size: 1.4rem; text-decoration: none; margin-left: 7px; padding: 0 7px 0 14px; border-left: 1px solid #cccccc; font-family: "theory-web-ulweb-ul"; height: 50px; line-height: 50px; }
#mainWrap #mainInner .contentWrap #productResults #number li:first-child a, #mainWrap #mainInner .contentWrap #productResults #number li:first-child span { margin-left: 0; padding-left: 0; border-left: none; }
#mainWrap #mainInner .contentWrap #productResults #number li:last-child a, #mainWrap #mainInner .contentWrap #productResults #number li:last-child span { margin-right: 0; padding-right: 0; border-right: none; }

/*# sourceMappingURL=search_sp_1608.css.map */