@charset "utf-8";
.filtering_block {
	width: 1180px;
	padding: 36px 40px;
	background: #eaeaea;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	margin-bottom: 60px;
  }
  @media (max-width: 767px) {
	.filtering_block {
	  padding: 32px 5.3333333333% 86px;
	  position: relative;
	  width: 100%;
	  margin: 30px 0;
	}
  }
  .filtering_block * {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
  }
  .filtering_block .ttl_box {
	border-bottom: 1px solid #aeaeae;
  }
  @media (min-width: 768px) {
	.filtering_block .ttl_box {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: justify;
	  -webkit-justify-content: space-between;
		 -moz-box-pack: justify;
		  -ms-flex-pack: justify;
			  justify-content: space-between;
	  -webkit-box-align: center;
	  -webkit-align-items: center;
		 -moz-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  padding-bottom: 18px;
	}
  }
  .filtering_block .ttl {
	font-size: 30px;
	line-height: 1;
	margin-bottom: 0;
  }
  @media (max-width: 767px) {
	.filtering_block .ttl {
	  font-size: 22px;
	  margin-bottom: 0.75em;
	}
  }
  .filtering_block .result {
	font-size: 18px;
	line-height: 1;
	margin-bottom: 0;
  }
  .filtering_block .result .num {
	font-size: 1.3333333333em;
  }
  @media (max-width: 767px) {
	.filtering_block .result {
	  font-size: 16px;
	  position: absolute;
	  bottom: 0;
	  margin-bottom: 32px;
	  right: 5.3333333333%;
	}
  }
  .filtering_block .filtering_inner {
	margin-top: 35px;
  }
  @media (min-width: 768px) {
	.filtering_block .filtering_inner {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: justify;
	  -webkit-justify-content: space-between;
		 -moz-box-pack: justify;
		  -ms-flex-pack: justify;
			  justify-content: space-between;
	  -webkit-box-align: center;
	  -webkit-align-items: center;
		 -moz-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	}
  }
  @media (max-width: 767px) {
	.filtering_block .filtering_inner {
	  margin-top: 30px;
	}
  }
  @media (max-width: 767px) {
	.filtering_block .select_box:first-child {
	  margin-bottom: 30px;
	}
  }
  @media (min-width: 768px) {
	.filtering_block .select_box {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
	  -webkit-align-items: center;
		 -moz-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	}
  }
  .filtering_block .select_box .select_ttl {
	white-space: nowrap;
	font-size: 22px;
	line-height: 1;
	margin-bottom: 0;
  }
  @media (max-width: 767px) {
	.filtering_block .select_box .select_ttl {
	  font-size: 16px;
	  margin-bottom: 0.5em;
	}
  }
  @media (min-width: 768px) {
	.filtering_block .select_box .select_ttl {
	  margin-right: 0.3636363636em;
	}
  }
  @media (min-width: 768px) {
	.filtering_block .select_box.category {
	  width: 566px;
	}
  }
  @media (min-width: 768px) {
	.filtering_block .select_box.model {
	  width: 500px;
	}
  }
  .filtering_block .select_box.model[data-disabled=true] {
	opacity: 0.5;
	pointer-events: none;
  }
  .filtering_block .select_block {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	   -moz-box-flex: 1;
		-ms-flex-positive: 1;
			flex-grow: 1;
	position: relative;
  }
  .filtering_block .select_block:after {
	position: absolute;
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 5px 0 5px;
	border-color: #4c4948 transparent transparent transparent;
	top: 50%;
	pointer-events: none;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		 -o-transform: translateY(-50%);
			transform: translateY(-50%);
	right: 22px;
  }
  @media (max-width: 767px) {
	.filtering_block .select_block:after {
	  right: 15px;
	}
  }
  .filtering_block select {
	font-size: 18px;
	border: 1px solid #bababa;
	border-radius: 0;
	background: #fff;
	padding: 0.7777777778em 2.2222222222em 0.7222222222em 1.0555555556em;
	color: #878584;
	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;
	width: 100%;
  }
  .filtering_block select::-ms-expand{
	  display: none;
  }
  .filtering_block select:not([disabled]) {
	cursor: pointer;
  }
  .filtering_block select[data-selected=true] {
	color: #4c4948;
  }
  @media (max-width: 767px) {
	.filtering_block select {
	  font-size: 14px;
	}
  }