@charset "Shift_JIS";

/* ---------------------------------------
 検索フォーム
---------------------------------------- */
form.search_form_ { position: relative;}
form.search_form_ .search_wrap { border: #E8E8E8 1px solid; border-radius: 5px; display: flex; align-items: center; background: #FFF; top: 50px; overflow: hidden;}
form.search_form_ .placeholder_ { height: 14px; color: #888; position: absolute; top: 19px; left: 22px;}
form.search_form_ input.keyword_ {
  width: 100%;
  width: calc(100% - 39px);
  min-width: calc(100% - 39px);
  height: 35px;
  padding: 0 16px 0 37px;
  margin: 0;
  border: none;
  border-radius: 0;
  font-size: 13px;
  line-height: 1;
  color: #333;
  display: table-cell;
  background: #FFF;
}
form.search_form_ .select_ { width: 170px; height: 35px; font-size: 13px; vertical-align: top; line-height: 1; display: table-cell;}
form.search_form_ select:focus { outline: 0; border-color: orange;}
form.search_form_ .select_ option { line-height: 13px;}
form.search_form_ .select_ select {
  width: 100%;
  max-width: 100%;
  height: 35px;
  padding: 0 10px 0 27px;
  border: none;
  border-radius: 2px 0 0 2px;
  font-size: 13px;
  vertical-align: middle;
  line-height: 1;
  color: #888888;
  background: url(../../img/usr/sp/select_arrow.png) left center no-repeat #fff;
  background-size: 19px 7px;
}
form.search_form_ .search_button_ {
  width: 37px;
  height: 37px;
  border: none;
  border-radius: 4px 0 0 4px;
  text-indent: -2000%;
  background: url(../../img/usr/common/header/icon_search.png) no-repeat;
  background-size: 14px;
  background-position: center;
	position: absolute;
  top: 0;
	left: 0;
  transition: .3s ease;
}

/* ---------------------------------------
 絞り込み
---------------------------------------- */
/* キーワード */
#goodssearch_keyword { width: 100%; padding: 0 16px; margin: 0 0 10px; font-size: 16px; font-weight: 500; display: flex;}
#goodssearch_keyword dt { font-size: 16px; font-weight: 500; word-break: keep-all; white-space: nowrap;}
#goodssearch_sort_line_keyword { padding: 0 0 10px 0;}
#goodssearch_sort_line_keyword input { width: 96%; max-width: 96%; padding: 2%; line-height: 1; color: #666;}

/* 件数・並び替え */
#goodssearch_ { padding: 0 16px; clear: both;}
#goodssearch_ #goodssearch_list { margin: 0 0 18px 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
#goodssearch_ #goodssearch_list #goodssearch_result { font-size: 16px; font-weight: 400;}
#goodssearch_ #goodssearch_list #goodssearch_result span { font-size: 24px; font-weight: 700;}
#goodssearch_ #goodssearch_list #goodssearch_order { display: flex; align-items: center;}
#goodssearch_ #goodssearch_list #goodssearch_order dt {
	padding: 0 0 0 25px;
	font-size: 14px;
	font-weight: 400;
	background: url(../../img/usr/sb/common/icon_sort.png) left center no-repeat;
	-webkit-background-size: 20px auto;
	background-size: 20px auto;
}
#goodssearch_ #goodssearch_list #goodssearch_order dd select { width: 100%; max-width: 100%; min-width: 142px; height: 35px; min-height: 35px;}
#goodssearch_ #goodssearch_list .navipagenum_ { width: 100%; margin: 10px 0 0 0; font-size: 16px; text-align: center; display: block;}
#goodssearch_ #goodssearch_sort.float_button_ {
  width: 100%;
	height: 52px;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
  background: rgba(242,242,242,0.8);
  position: fixed;
  right: 0;
  left: 0;
  bottom: 48px;
  z-index: 100;
  transition: 0.2s;
	cursor: pointer;
}
#goodssearch_ #goodssearch_sort.float_button_ span {
  width: 135px;
	height: 40px;
	padding: 0 0 0 28px;
  margin: auto;
  border-radius: 40px;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
  background: #CC0000 url(../../img/usr/sb/common/icon_sort02.png) 16px center no-repeat;
	-webkit-background-size: 22px auto;
	background-size: 22px auto;
	cursor: pointer;
}

/* スタイル */
#goodssearch_tab { width: 50%; margin: 20px 0 0 0; display: table; float: right; clear: both;}
#goodssearch_tab p { padding-right: 5%; text-align: right; line-height: 1; vertical-align: middle; display: table-cell;}
#goodssearch_tab span { width: 25%; vertical-align: middle; display: table-cell;}
#goodssearch_tab span:first-of-type { padding-right: 3%;}
#goodssearch_tab span:last-of-type { padding-right: 3%;}
#goodssearch_tab span img { width: 100%; vertical-align: middle;}

/* 価格 */
#goodssearch_sort_line_price span { line-height: 1; vertical-align: middle; display: table-cell;}
#goodssearch_sort_line_price span input { width: 63%; padding: 2%; margin-right: 5%;}

/* 見出し */
#goodssearch_sort span { padding: 3px 0 3px 40px; font-size: 15px; font-weight: bold; background: url(../../img/usr/sb/common/icon_sort02_b.png) no-repeat left center / 22px;}
#goodssearch_sort.active_ p { background: url(../../img/usr/sp/filter/close.png) right center no-repeat; background-size: 8.5px 7px;}

/* 絞り込み詳細 */
#goodssearch_sort_contents { position: relative; z-index: 200;}
#goodssearch_sort_contents form { width: 89%; max-height: 100vh; padding: 0 0 240px 0; background: #FFF; position: fixed; top: 0; right: -89%; overflow-y: scroll; transition: all .3s;}
#goodssearch_sort_contents .bg_ { width: 100vw; height: 100vh; display: none; background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; transition: all .3s;}
#goodssearch_sort_contents .close_ { width: 11%; padding: 12px 0; text-indent: -9999px; white-space: nowrap; display: none; position: fixed; top: 0; left: 0; overflow: hidden;}
#goodssearch_sort_contents .head_ { height: 70px; padding: 0 26px; display: flex; align-items: center; justify-content: space-between; background: #FFF;}
#goodssearch_sort_contents .head_ p { 
	padding: 0 0 0 35px;
	font-size: 16px;
	font-weight: 500;
	background: url(../../img/usr/sb/common/icon_sort03.png) left center no-repeat;
	-webkit-background-size: 22px auto;
	background-size: 22px auto;
}
#goodssearch_sort_contents .head_ .cancel_ { font-size: 14px; text-decoration: underline; color: #1D3994; cursor: pointer;}
#goodssearch_sort_contents .sort_box .ttl { padding: 20px; font-size: 16px; font-weight: 500; background: #F2F2F2;}
#goodssearch_sort_contents .sort_box .ttl p { padding: 0; margin: 0; font-size: 16px; font-weight: 500; line-height: 1.0;}
#goodssearch_sort_contents .sort_contents label { width: 100%; padding: 20px 0; margin: 0; font-size: 14px; cursor: pointer; display: flex; align-items: center;}
#goodssearch_sort_contents .sort_contents label input[type="checkbox"] { margin: 0 16px 0 0;}
#goodssearch_sort_contents .sort_keyword .sort_contents { padding: 20px; position: relative;}
#goodssearch_sort_contents .sort_keyword .sort_contents #searched_word { width: 100%; max-width: 100%; height: 40px; text-decoration: none;}
#goodssearch_sort_contents .sort_category .ttl { position: relative; bottom: -1px; z-index: 1;}
#goodssearch_sort_contents .sort_category li a { 
	width: 100%;
	min-height: 60px;
	padding: 7px 22px;
	border-top: #D8D8DB 1px solid;
	font-size: 14px;
	text-decoration: none;
	color: #333;
	display: flex;
	align-items: center;
	position: relative;
}
#goodssearch_sort_contents .sort_category li a.current { font-weight: bold;}

#goodssearch_sort_contents .sort_category .sort_contents > ul > li > ul > li > a { padding-left: 30px;}
#goodssearch_sort_contents .sort_category .sort_contents > ul > li > ul > li > ul > li a { padding-left: 42px;}
#goodssearch_sort_contents .sort_category .sort_contents > ul > li > ul > li > ul > li > ul > li a { padding-left: 54px;}
#goodssearch_sort_contents .sort_category .sort_contents > ul > li > ul > li > ul > li > ul > li > ul > li a { padding-left: 66px;}
#goodssearch_sort_contents .sort_category .sort_contents .inner-left-wrap > ul > li > ul > li > a { padding-left: 30px;}
#goodssearch_sort_contents .sort_category .sort_contents .inner-left-wrap > ul > li > ul > li > ul > li a { padding-left: 42px;}
#goodssearch_sort_contents .sort_category .sort_contents .inner-left-wrap > ul > li > ul > li > ul > li > ul > li a { padding-left: 54px;}
#goodssearch_sort_contents .sort_category .sort_contents .inner-left-wrap > ul > li > ul > li > ul > li > ul > li > ul > li a { padding-left: 66px;}

#more-condtion-btn { border-top: 1px solid #ddd;}
#more-condtion-btn.open { border-top: none;}
#goodssearch_sort_contents #more-condtion-btn { padding: 20px !important; font-size: 14px !important; text-decoration: underline; color: #1D3994 !important; cursor: pointer;}

#goodssearch_sort_contents .sort_stock .sort_contents { padding: 0 20px;}
#goodssearch_sort_contents .sort_endsales .sort_contents { padding: 10px 20px;}
#goodssearch_sort_contents .sort_price .sort_contents { padding: 25px 20px 15px;}
#goodssearch_sort_contents .sort_price .noUi-handle {
  width: 30px;
  height: 30px;
  border: #EEE 1px solid;
  border-radius: 30px;
  top: -12px;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, .2);
}
#goodssearch_sort_contents .sort_price .noUi-handle:before,
#goodssearch_sort_contents .sort_price .noUi-handle:after { display: none;}
#goodssearch_sort_contents .sort_price #sort_slider { height: 10px; padding: 0 10px; margin: 25px 0 10px; border: 0; background: #E3E3E3; box-shadow: none;}
#goodssearch_sort_contents .sort_price .noUi-connect { background: #c00;}
#goodssearch_sort_contents .sort_price .price_input_area { display: flex; align-items: center;}
#goodssearch_sort_contents .sort_price .price_input_area input { width: calc((100% - 75px) / 2); max-width: 150px; height: 35px; min-height: 35px; font-size: 14px; text-align: center;}
#goodssearch_sort_contents .sort_price .price_input_area input[name="min_price"] + p { width: 50px; font-size: 14px; text-align: center;}
#goodssearch_sort_contents .sort_price .price_input_area input[name="max_price"] + p { width: 20px; font-size: 14px; text-align: right;}
#goodssearch_sort_contents .sort_service li { padding: 0 22px; border-bottom: #DDD 1px solid;}
#goodssearch_sort_contents .btn_wrapper {
  width: 89%;
  padding: 20px;
  display: flex;
  justify-content: space-between;
	align-items: center;
	column-gap: 10px;
	background: rgba(242,242,242,0.8);
  position: fixed;
  right: -89%;
  bottom: 0;
  z-index: 1;
  transition: all .3s;
}
#goodssearch_sort_contents .btn_clear { 
	width: 36%;
	height: 56px;
	border: #333 1px solid;
	border-radius: 56px;
	outline: none;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	color: #333;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFF;
}
#goodssearch_sort_contents #filterbtn {
  width: 60%;
	height: 56px;
	border: #CC0000 1px solid;
  border-radius: 56px;
	outline: none;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
  color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
  background: #CC0000;
}
#goodssearch_sort_contents.show .bg_ { display: block;}
#goodssearch_sort_contents.show .close_ { display: block;}
#goodssearch_sort_contents.show form { right: 0;}
#goodssearch_sort_contents.show .btn_wrapper { right: 0;}

#search_goods_list { clear: both;}