/*##################################################################/*
/* --------------------------------
* Keyvisual
* -------------------------------- */
.child_key_v {
  background-image: url(../images/sub-key.jpg);
	min-height: 92px;
	height: 134px;
}

.child_key_v .copy_area {
	padding: 55px 0 9px;
}

.banner-header {
	height: 80px;
	position: absolute;
	top: -3px;
	right: 100px;
	padding: 3px 10px;
}
.banner-header p {
	line-height: 13px;
}
.banner-header img {
	height: 134px;
	object-fit: contain;
	border: 1px solid grey;
}
.banner-header img:hover {
	opacity: 0.7;
}
.banner-header-qa {
	display: none !important;
}
.banner-mobile {
	display: none;
}
@media screen and (max-width: 768px) {
	.banner-header {
		display: none;
	}
	.banner-mobile {
		display: flex !important;
		height: 110px;
	}
	.banner-mobile-block {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: auto;
	}
	.banner-mobile-block a {
		display: flex;
	}
	.banner-mobile-block img {
		width: 100% !important;
	}
}
.child_key_v .copy_area h2 {
	margin: auto;
	line-height: 30px;
	font-size: 2.2rem;
}
.subnav_area {
	display: none !important;
}
.subnav_area .subnav_list li:nth-child(1) a {
  border-color: rgba(255, 255, 255, 1);
}

/* --------------------------------
* Main Contents
* -------------------------------- */
.main_contents .wrapper {
	max-width: 1280px;
}
.section {
	padding: 40px 0 80px;
}

.introduction {}
.introduction .title_section {}

.result_introduction {}
.result_introduction .content_left,
.result_introduction .content_right { width: 100%; }
.result_introduction .content_left { }
.result_introduction .content_right { max-width: 300px; }

.result_introduction .meta {
  margin: 0 auto;
}

.result_introduction .meta span,
.result_introduction .meta span a {
  display: inline-block;
  margin: 0 0em 0 0;
}

.result_introduction .meta .head {
	margin-right: 1em;
}
.used_car_filter a.reset{
	display: inline-block;
	float: right;
	text-decoration: underline;
	font-size: 14px;
}
.used_car_filter a.reset:hover {
	text-decoration: underline;
}
.result_introduction .meta a {
  text-decoration: underline;
}
.result_introduction .meta a:hover {
  text-decoration: none;
}
.result_introduction .selected {
  margin: 0 auto 40px;
}
.result_introduction .selected span {
  display: inline-block;
  margin: 0 1em 0 0;
  padding: 0.5em 1em;
  border-radius: 35px;
  background-color: #f6f6f6;
}

.result_introduction .filter_sort {
	margin-bottom: 0;
	width: 100%;
}

.result_introduction .filter_sort ul {
	display: flex;
}

/* 検索結果一覧 */
.result_lineup {}

.table_result {}
.table_result th,
.table_result td {
  padding: 0.75em 1em;
  border: solid 1px #dcdcdc;
  text-align: center;
}

.table_result th {
  background-color: #008E4C;
  color: #fff;
  font-weight: bold;
}
.table_result td {
}

.table_result label {
}
.table_result input[type="checkbox"]:before {
  content: "";
  display: block;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  margin-top: -18px;
  margin-left: -18px;
  border: solid 3px #aaa;
  background-color: #fff;
}
.table_result input[type="checkbox"]:checked:before {
  background-color: #008E4C;
}

.table_result .cell_meta .image,
.table_result .cell_meta .content { width: 100%; }
.table_result .cell_meta .image { max-width: 30%; }
.table_result .cell_meta .content { max-width: 66%; }
.table_result .content {
  text-align: left;
}
.table_result .name {
  margin: 0 0 1em;
  font-size: 22px;
  font-weight: bold;
}
.table_result .meta {
  font-size: 1.2rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.table_result .meta .list_meta {
	width: 50%;
	display: block;
}

.table_result .cell_price .price {
  font-size: 2.8rem;
  font-weight: bold;
}

.list_meta li .head {
    padding: 0.25em 5px;
    min-width: 84px;
}

.content_left .content_select {
	text-align: center;
	justify-content: space-between;
}

.content_left .content_select .select_style01 {
    flex: 1;
	margin-right: 25px;
	width: 25%;
}

.content_left .content_select .select_style01:last-child {
	margin-right: 0;
}

.filter_sort ul li:first-child::before {
	display: none;
}

.search_terms {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0px auto;
}

.search_terms ul {
	text-align: center;
	width: 100%;
}

.search_terms ul li {
	margin-bottom: 20px;
	background-color: #f6f6f6;
	font-size: 17px;
	display: inline-block;
	padding: 0 5px;
	margin-right: 15px;
}

.search_terms ul li a {
	color: #AAA;
	padding-left: 20px;
	padding-right: 10px;
}

.search_terms .reset {
	display: block;
	width: 15%;
	text-decoration: underline;
	text-align: right;
}

.section {
	padding-top: 10px;
}

.result_introduction {
	margin-bottom: 10px;
}

.result_introduction .flex_wrap .content_left .meta p{
	margin-bottom: 5px;
}

ul.table_result > li {
	width: 49%;
	float: left;
	border: solid 1px #dcdcdc;
	padding: 0.75em 0.75em;
	margin-bottom: 2%;
	min-height: 275px;
}
ul.table_result > li:nth-child(2n+1) {
	margin-right: 2%;
}

ul.table_result .list_meta li .text {
	max-width: calc(100% - 98px);
}
.section.section-form-search {
	padding: 20px 0 10px;
}
.used_car_filter .filter_area a.note-form {
	text-decoration: none;
	display: block;
	color: #800000;
	clear: both;
	background: url("../images/icon_i.png") no-repeat left center;
	background-size: 18px;
	padding-left: 20px;
	font-size: 14px;
	margin: 0px 5px;
}
.used_car_filter .title_sub {
	margin: 0 0 0;
}
.content-region {
	float: left;
}
.filter_sort .table_gray th, .filter_sort .table_gray td {
	padding: 0.2em 1.5em;
}

/*##################################################################/*
/* --------------------------------
 * SP
 * -------------------------------- */
@media screen and (min-width: 1025px) and (max-width: 1279px) {
	.wrapper {
		width: 98%;
	}
	.content-region {
		float: none;
	}
	.used_car_filter .box01, .used_car_filter .box03 {
		width: 270px;
	}
	.used_car_filter .box02 {
		max-width: 540px;
	}
	.used_car_filter .box .in {
		padding: 15px 10px 0px;
	}
	.filter_area .select-search {
		margin-bottom: 0px;
	}
	.used_car_filter .filter_area .title_simple:not( :first-child ) {
		margin: 0em 0 0em;
	}
	.pankuzu_area {
		padding: 7px 0;
	}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
	.wrapper {
		width: 98%;
	}
	.content-region {
		 float: none;
	}
	.used_car_filter .filter_area a.note-form {
		font-size: 12px;
	}
	.used_car_filter .box01, .used_car_filter .box03 {
		width: 230px;
	}
	.used_car_filter .box02 {
		max-width: 500px;
	}
	.used_car_filter .box .in {
		padding: 15px 10px 0px;
	}
	.filter_area .select-search {
		margin-bottom: 0px;
		font-size: 12px;
	}
	.used_car_filter .filter_area .title_simple:not( :first-child ) {
		margin: 0em 0 0em;
	}
	.pankuzu_area {
		padding: 7px 0;
	}
	ul.table_result > li {
		min-height: 317px;
	}
}
@media screen and (width: 768px) {
	.table_result .cell_meta .image img{
		max-height: 236px;
		margin: 0px auto;
		display: inline-block;
	}
	.table_result .cell_meta .image {
		text-align: center;
	}
}
@media screen and (max-width: 768px) {
	.child_key_v {
		height: 126px;
	}
	.child_key_v .copy_area {
		padding: 45px 0 0 0;
	}
	.key_v .btn_lang, .child_key_v .btn_lang {
		bottom: -50px;
		right: 10px;
	}
	/*.assessment_heart .text br { display: none; }*/
	.child_key_v .copy_area p {
		width: 86%;
		line-height: 14px;
	}
	.child_key_v .copy_area h2 {
		font-size: 1.6rem;
		line-height: 20px;
	}

	.table_result .name {
		margin: 0 0 1em;
		font-size: 14px;
		font-weight: bold;
	}

    .result_introduction .selected span {
      margin-bottom: 0.5em;
    }
    .result_introduction .content_left,
    .result_introduction .content_right {
      max-width: 100%;
    }

    .table_result th, .table_result td {
      font-size: 1rem;
    }
    .table_result input[type="checkbox"]:before {
      width: 30px;
      height: 30px;
      margin-top: -9px;
      margin-left: -9px;
    }
    .table_result .cell_meta .image,
    .table_result .cell_meta .content {
      margin: 0 auto 10px;
      max-width: 100%;
    }
    .table_result .cell_price .price {
      font-size: 1.4em;
    }

	.content_left .content_select .select_style01 {
		width: 100%;
		margin-right: 0;
	}
	.result_introduction .filter_sort ul li {
		min-width: initial;
		margin-right: 15px;
	}
	.filter_sort .table_gray th, .filter_sort .table_gray td {
		padding: 0.2em 0.5em;
	}

	.search_terms ul {
		width: 100%;
	}

	.search_terms ul li {
		display: inline-block;
		margin-right: 0;
		font-size: 14px;
	}

	.search_terms .reset {
		width: 100%;
		text-align: left;
	}

	.result_introduction .filter_sort ul {
		display: flex;
		flex-wrap:wrap;
	}

	.filter_sort ul li::before {
		display: none;
	}


	.content_left .content_select .select_style01 {
		font-size: 10px;
	}
	.used_car_filter .filter_type a {
		width: 20%;
	}
	.used_car_filter .filter_price a {
		float: left;
		margin-right: 15px;
	}
	.used_car_filter .title_sub {
		font-size: 1.5rem;
	}
	.used_car_filter .box .in {
		padding: 10px 20px 0px;
	}
	.pankuzu_area {
		padding: 5px 0;
	}
	.pankuzu_area .wrapper {
		display: inherit;
	}
	.used_car_filter .filter_area .title_simple:not( :first-child ) {
		margin: 0em 0 0em;
	}
	.filter_area .select-search {
		margin-bottom: 5px;
	}
	.used_car_filter .used_car_filter_window {
		margin: 0 auto 0;
	}
	ul.table_result > li {
		min-height: 485px;
	}
}
@media screen and (max-width: 480px) {
	ul.table_result > li {
		width: 100%;
	}
	ul.table_result > li:nth-child(2n+1) {
		margin-right: 0%;
	}
	.used_car_filter .filter_type a {
		width: 45%;
	}
	.used_car_filter .filter_price a {
		float: none;
		margin-right: 0px;
	}
	.used_car_filter .filter_area .title_simple:not( :first-child ) {
		margin: 0em 0 0.5em;
	}
	.used_car_filter .filter_area .title_simple:not( :first-child ) {
		margin: 1em 0 0.5em;
	}
	.result_introduction .filter_sort ul li {
		min-width: 14%;
	}
	.content-region {
		margin-right: 10px;
	}
}

/* 20th Campaign Settings */
.child_key_v {
  background: url("../images/sub-key.jpg") right center / cover no-repeat;
}

@media screen and (max-width: 768px) {
  .child_key_v {
    background: url("../images/sub-key.jpg") right center / cover no-repeat;
  }

  .child_key_v .copy_area h2 {
    text-align: left;
  }
}

@media screen and (max-width: 425px) {
  .child_key_v .copy_area h2 {
    text-shadow: 0px 0px 10px rgba(50, 43, 35, 1);
  }
}