@charset "utf-8";





.fixed-link {display: block;position: fixed;right: 0;top: 21rem;z-index: 9999;}
.img-responsive {display: block;height: auto;max-width: 100%;}
.center-block {margin-left: auto; margin-right: auto}
.visible-xs { display: none !important;}

@media screen and (max-width: 640px)
{.fixed-link {display: none;}
}

.page-header {color: #0e357f;font-size: 2.7rem;font-weight: bold;line-height: 1.2;margin: 1em 0 0;text-align: center;}
.page-header em {display: block;font-size: 4.4rem;}

@media screen and (min-width: 641px)
{.page-header {font-size: 5.6rem;margin: 0;}
.page-header em {display: inline-block;font-size: 1.5em;}
}

.go-assessment {text-align: center;}
.go-assessment a {background-color: #fffd00;border: solid 1px #0e357f;border-radius: 3px;color: #0e357f;display: inline-block;font-size: 1.5rem;font-weight: bold;padding: 10px 18px;text-decoration: none;}
.go-assessment em {font-size: 2.1rem;margin: 0 2px;}
.go-assessment a::after {background: url("../img/btn_arrow_right.png") no-repeat center;background-size: 15px 18px;content: "";display: inline-block;height: 18px;margin-left: 3px;vertical-align: text-top;width: 15px;}
.achievement-copy {background-color: #f18d00;color: #fff;font-size: 1.7rem;font-weight: bold;line-height: 1.4;margin: 0 0 10px;padding: 15px 20px;text-align: center;}
.achievement-copy .note {color: #0e357f;font-size: 1.0rem;}
.achievement-note {color: #0e357f;font-size: 1.0rem;margin: 0;padding: 0 15px;}

@media screen and (max-width: 640px)
{.achievement {margin: 15px -15px 30px;}
.achievement img {width: 100%;}
}

@media screen and (min-width: 641px)
{.achievement {margin-top: 30px;}
.achievement-copy {font-size: 2.4rem;padding: 20px 25px;position: relative;text-align: left;}
.achievement-copy img {height: 179px;margin-top: -90px;position: absolute;right: 0;top: 50%;width: 442px;}
.achievement-note {padding: 0;}
}

/** * (common) */
.form-input-full,
.form-select-full {width: 100%;}
.form-input-half,
.form-select-half {width: -webkit-calc((100% - 10px) / 2);width: calc((100% - 10px) / 2);}
.form-input-half-separated,
.form-select-half-separated {width: -webkit-calc((100% - 10px) / 2);width: calc((100% - 10px) / 2);}
.input-group {text-align: center;position: relative;display: flex}
.input-group-loading-wrapper{width:100%;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;width: 100%;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;background-color: #fff;}
.input-group-loading-wrapper.hidden{display: none;}
.input-group-loading {display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.input-group-loading > span {margin: 0px 0.2em;width: 1em;height: 1em;border-radius: 0%;background-color: hsl(0, 0%, 75%);animation: loading_anime 1s linear 0s infinite normal both;}
.input-group-loading > span:nth-of-type(2) {animation-delay: 0.2s;}
.input-group-loading > span:nth-of-type(3) {animation-delay: 0.4s;}

@keyframes loading_anime {
0% {transform: scale(0);}
25% {transform: scale(1);}
50% {transform: scale(1);}
75% {transform: scale(1);}
100% {transform: scale(0);}
}

.form-input-left,
.form-select-left {float: left;}
.form-input-right,
.form-select-right {float: right;}
.input-separator {display: inline-block;height: 37px;line-height: 37px;}
/** * .form-proposal */
.form-proposal header {border-top: dashed 3px #0e357f;margin: 0 2%;padding-top: 30px;}
.form-proposal-lead {text-align: center;}

@media screen and (min-width: 641px)
{.form-proposal {margin-top: 30px;}
.form-proposal header {border-top: none;margin: 0;}
}

@media screen and (max-width: 640px)
{.form-proposal table,
.form-proposal tbody,
.form-proposal tr,
.form-proposal th,
.form-proposal td {display: block;}
}

.form-proposal table {font-size: 1.3rem;width: 100%;}
.form-proposal th {padding-bottom: 7px;text-align: left;}
.form-proposal td {padding-bottom: 13px;}
.form-proposal .required::before,
.form-proposal .any::before {border-radius: 2px;color: #fff;content: "";display: inline-block;margin-right: 5px;padding: 2px 5px;}
.form-proposal .required::before {background: #f3430d;content: "必須";}
.form-proposal .any::before {background: #0d94f3;content: "任意";}
.form-proposal .send {margin-top: 13px;text-align: center;}
.form-proposal .send .btn {margin-bottom: 13px;width: 100%;}
.form-proposal .go-stock {background: #0e357f;margin: 15px -2% 30px;padding: 13px 15px;text-align: center;}
.btn-stock {box-sizing: border-box;color: #fff100;display: inline-block;font-size: 1.3rem;padding: 13px 15px;width: 100%;}
.btn-stock:hover {text-decoration: none;}
.btn-stock strong {color: #fff;font-size: 2.0rem;margin-right: 3px;}
.btn-stock::before {background: url("../img/btn_arrow_bottom_yellow.png") no-repeat center;background-size: 19px 16px;content: "";display: inline-block;height: 16px;margin-right: 5px;width: 19px;}

@media screen and (min-width: 641px)
{.form-body {	border: solid 3px #f9e020;border-radius: 0;margin: 0 0 50px;padding: 25px 45px;}
.form-proposal-lead {font-size: 1.8rem;font-weight: bold;line-height: 1.4;margin-top: 0;}
.form-right table,
.form-right tbody,
.form-right tr,
.form-right th,
.form-right td {display: block;}
.example {display: inline-block;height: 37px;line-height: 37px;margin: 0 0 0 5px;}
.form-left .input-group {display: inline-block;vertical-align: middle;width: 190px;}
.form-left .form-input-half {width: 90px;}
.form-left .form-input-full,
.form-left .form-select-full {width: 190px;}
.form-proposal .form-left {float: left;width: 490px;}
.form-proposal .form-right {float: right;width: 365px;}
.form-left th {width: 165px;}
.form-left td {width: 320px;}
.form-proposal .btn-wrapper {margin-top: 40px;}
.form-proposal .btn-wrapper .btn-orange {font-size: 2.4rem;margin-bottom: 15px;padding-left: 20px;padding-right: 20px;width: auto;}
.form-proposal .btn-assessment {display: block;}
.btn-stock {font-size: 2.0rem;font-weight: bold;width: auto;}
.btn-stock::before {background-size: 27px 23px;height: 23px;width: 27px;}
.btn-stock strong {font-size: 3.0rem;margin-right: .2em;}
}

/** * .forte */
.forte {background: #fff;padding: 10px 0 24px;}
.forte-title {margin: 0;position: relative;top: 20px;}
.forte-title img {width: 100%;}
.forte-item {border: solid 1px #365a9e;border-radius: 5px;margin-top: 18px;overflow: hidden;}
.forte-item:first-of-type {margin-top: 0;}
.forte-item-heading {background-color: #fff100;color: #0e357f;font-size: 1.5rem;font-weight: bold;line-height: 1.2;margin: 0;padding: 10px 0;text-align: center;}
.forte-item-heading em {font-size: 1.8rem;margin-left: 5px;}
.forte-item-heading b {font-size: 2.4rem;}
.forte-item-inner {padding: 15px;}
.forte-item-title {font-size: 1.8rem;font-weight: bold;margin: 0;text-align: center;}
.forte-item img {margin: 1em 0;width: 100%;}
.forte-item-body {margin: 0;}
.forte-item .marker-wrapper {font-size: 1.1em;font-weight: bold;margin-top: 1em;text-align: center;}
.forte-item .marker {background: url("../../common/img/text_marker_yellow.png") repeat-x left bottom;line-height: 1.6;}
.marker-wrapper {display: block;}
.top_visual_bg.yellow {background: #FAED00;}
.top_visual_bg.yellow .pc {display: block;}
.top_visual_bg.yellow img {max-width: 1200px;width: 100%;margin: 0 auto;}

@media screen and (min-width: 641px)
{.forte {margin-top: 2em;padding-bottom: 2em;}
.forte-title {margin: -70px 0 0;}
.forte .columns {-js-display: flex;display: flex;margin: -20px 0 30px;overflow: hidden;}
.forte-item {box-sizing: border-box;float: left;margin-left: 30px;margin-top: 0;width: 320px;}
.forte-item:first-child {margin-left: 0;}
.forte-item-last {float: none;margin-left: 0;width: 100%;}
.forte-item-heading {font-size: 2.0rem;}
.forte-item-heading em {font-size: 2.4rem;}
.forte-item-heading b {font-size: 1.4em;margin: 0 .2em;}
.forte-item-title {font-size: 3.0rem;line-height: 1.2;color: #00357F;}
.forte-item img.l-pc-show {display: block;margin: 1em auto;width: auto;}
.forte-item:first-child .forte-item-title,
.forte-item:nth-child(3) .forte-item-title {padding: .6em 0;}
.forte-item-last .forte-item-inner {padding: 15px 25px 30px;}
.forte-last-item-wrapper {overflow: hidden;}
.forte-last-item-wrapper img.l-pc-show {float: left;margin: 0;width: auto;}
.forte-last-item-wrapper .forte-item-body {margin-left: 235px;}
.forte-item-last .forte-item-title {margin: .3em 0;}
.forte-item-last .marker-wrapper {margin-left: 235px;margin-top: .5em;text-align: left;}
.forte-item-last .marker br {display: none;}
}

/** * .flow */
.flow {padding: 25px 0 30px;}
.flow-header {color: #0e357f;font-size: 2.1rem;line-height: 1.2;text-align: center;}
.flow-header em {display: block;font-size: 2.8rem;}
.flow-item {border: solid 2px #0e357f;}
.flow-item-header {background: #0e357f;color: #fff100;font-size: 1.5rem;margin: 0;padding: 5px 0;text-align: center;}
.flow-item-header span {font-size: 1.0rem;margin-right: 5px;}
.flow-item-inner {overflow: hidden;padding: 10px;}
.flow-item img {float: left;width: 90px;}
.flow-item-body {margin: 0 0 0 105px;}

@media screen and (min-width: 641px)
{.flow-header {font-size: 3.0rem;margin-bottom: .5em;}
.flow-header em {display: inline;font-size: 1em;}
.flow-items {-js-display: flex;display: flex;}
.flow-item {box-sizing: border-box;float: left;margin-left: 13px;width: 245px;}
.flow-item:first-child {margin-left: 0;}
.flow-item-header {font-size: 1.6rem;font-weight: bold;line-height: 1.2;padding: .5em 0;}
.flow-item-header span {display: block;font-size: 1em;}
.flow-item-inner {padding: 1em;text-align: center;}
.flow-item-inner img {float: none;width: 180px;}
.flow-item-body {font-size: 1.4rem;margin: 1em 0 0 0;text-align: left;}
}

/** * .form-stock */
.form-stock header {/*border-top: dashed 3px #0e357f;*/
margin: 0 -15px 20px;padding-top: 30px;}
.form-stock header h1 {margin: 0;padding: 0;}
.form-stock header h1 img{margin: 0;padding: 0;width: 100%;height: auto;display: block;}

@media screen and (min-width: 641px)
{.form-stock header {	border-top: none;	margin: 0;	padding: 0;}
.form-groups {overflow: hidden;}
.form-group {width: 440px;}
.form-group-left {float: left;}
.form-group-right {float: right;}
}

.form-groups {margin: 0 -15px;}
.form-group-title {background: #244c94;color: #fff;height: 36px;line-height: 36px;margin: 0;text-align: center;}
.form-group-title.bt{margin-bottom: 1.5em;}
.form-group-title.bt.condensed{margin-bottom: 1.5em;}
.maker-tabs {background: #244c94;border-bottom: solid 3px var(--c-key);height: 35px;letter-spacing: -.4em;line-height: 35px;margin: 0;text-align: center;}
.maker-tabs li {background: var(--c-key-dark);border-radius: 5px 5px 0 0;color: #fff;cursor: pointer;display: inline-block;font-size: 1.5rem;letter-spacing: normal;margin-left: 20px;text-align: center;width: 135px;}
.maker-tabs li:first-child {margin-left: 0;}
.maker-tabs .is-active {background: var(--c-key);color: #FFF;}
.flex-list {-js-display: flex;display: flex;flex-wrap: wrap;padding: 10px;}
.flex-list > li {/*! flex: ; */font-size: 1.3rem;margin: 0;padding: 3px;line-height: 1.1;}
.flex-list li.suzuki {	flex: none;	}
.flex-list > li img {margin-right: 3px;}
.flex-list > .no-icon {text-align: center;}

.body-types > li {height: 40px;line-height: 1.2;position: relative;}
.body-types img {bottom: 0;margin: auto;position: absolute;top: 0;width: 33px;}
.body-types span {display: block;left: 50px;position: absolute;top: 50%;transform: translateY(-50%);}
.imported-items {display: none;}
.flex-list .selected .btn-gradation {background-color: #006DB7; color: #FFF; background-image:url("../../../common/img/checked-nuki.png"); background-repeat: no-repeat; background-size: 11px 11px; background-position:left 1px top 1px;}
.form-group table {border-collapse: collapse;table-layout: fixed;width: 100%;}
.form-group th,
.form-group td {border-top: solid 1px #e6e6e6;box-sizing: border-box;}
.form-group th {background: #f2f2f2;padding-left: 10px;text-align: left;width: 75px;}
.form-group td {padding: 6px 10px;}
.form-group-right table {border-bottom: solid 1px #e6e6e6;}



.flex-list.domestic-items li,
.flex-list.imported-items li{box-sizing: border-box; width:calc(100% / 5);text-align: center;}
.flex-list.domestic-items.diluted li,
.flex-list.imported-items.diluted li{height:6.7em }
.flex-list.domestic-items li img,
.flex-list.imported-items li img {width: 3em;}
.flex-list.domestic-items.diluted li img,
.flex-list.imported-items.diluted li img {width: 3.4em;}

.flex-list.body-types > li {/* flex-basis: calc((100% - 20px) / 2); */width: -webkit-calc((100% - 20px) / 2);width: calc((100% - 13px) / 2);/*! flex: 1; */}

.flex-list.body-types > li.disable .btn-gradation { background:#FFF;color: #BFBFBF;border-color: #F1F1F1;}
.flex-list.body-types > li.disable .btn-gradation img {opacity: 0.2;}

.flex-list li .btn-gradation {display: block; height: 100%;line-height: 1.1;padding: 3px 0;position: relative;width: 100%;min-height:6em}
.flex-list.condensed li .btn-gradation {padding: 1px 0}
.flex-list li .btn-gradation.no-icon span{display: block;width: 100%;left:50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);position: absolute}


.form-groups .input-group {overflow: visible}
/*----------------------------------------------------*/





@media screen and (min-width: 641px){
.maker-title {color: var(--c-key-text);font-size: 1.6rem;font-weight: bold;margin-bottom: 0;margin-top: 0.5em;}
.maker-title.condensed {line-height: 1;}
.imported-items {-js-display: flex;display: flex !important;}
.flex-list {padding: 0;margin: 0 -0.5em;width: calc(100% + 1em);}
.flex-list.condensed.body-types {margin-top:1em;}
.flex-list.body-types {margin-top: 15px;}
.body-types > li {height: 87px;}
.body-types.condensed > li {height: 66px;}
.body-types img {left: 15px;width: 55px;}
.body-types .selected img {left: 14px;}
.body-types span {left: 89px;}
.body-types .selected span {left: 89px;}
.form-groups {margin-bottom:1em;}
.form-groups.condensed {margin-bottom: 1em;}
.form-group th {padding-left: 20px;width: 110px;height: 64px;}
.form-group.condensed th {height:auto;line-height: 1;}
.form-group.condensed td {padding: 0.4em 0 0.4em 0.4em;}
.form-group.condensed.form-group-left td {padding: 0.4em 0 0.5em 0.4em;}
.form-group td {padding: 13px 0 13px 17px;}
.form-group-left table {border-bottom: solid 1px #e6e6e6;}
.form-group.condensed table {margin-top: 0.5em;}
}

.keyword-search {margin: 0.4em 0;text-align: center;}
.keyword-search label {display: block;font-size: 1.4rem;font-weight: bold;margin-bottom: 10px;}
.keyword-search .form-input {width: -webkit-calc(100% - 70px);width: calc(100% - 70px);}

@media screen and (min-width: 641px)
{.keyword-search {clear: both;padding-top: 0;}
.keyword-search.condensed {padding-top: 0;}
.keyword-search label {display: inline-block;}
.keyword-search .form-input {margin-left: 20px;width: 280px;}
}

.form-stock .btn-wrapper {letter-spacing: -0.4em;margin: 0 15px;text-align: center;margin-bottom: 0;}
.form-stock .btn-wrapper.flex {display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.form-stock [type="reset"] {width: auto !important;white-space: nowrap}
.width-auto {width: auto !important;white-space: nowrap !important;}
.form-stock [type="submit"] {font-size: 1.9rem;font-weight: bold;margin-left: 20px;padding: 0.6em 0;width: calc(100% - 120px);line-height: 1;}

@media screen and (min-width: 641px)
{.form-stock [type="submit"] {width: 300px;}
}

/** * .search-navi */
.search-navi {padding-bottom: 30px;display: none}

@media screen and (max-width: 640px)
{.search-navi header {border-top: dashed 3px #0e357f;margin: 30px -2% 15px;padding-top: 30px;}
.search-navi .line-heading-large-copy {font-size: 1.5rem;line-height: 1.2;}
.search-navi .line-heading-large-subject {font-size: 2.4rem;line-height: 1.2;margin-top: 5px;}
.search-navi .line-heading-large-subject strong {display: block;font-size: 2.8rem;}
}

.navi-items {overflow: hidden;}
.navi-item {background: #0e357f;border: solid 2px #0e357f;border-radius: 10px;box-sizing: border-box;margin-top: 10px;overflow: hidden;width: -webkit-calc(50% - 5px);width: calc(50% - 5px);}
.navi-item:hover {opacity: .7;}

@media screen and (max-width: 640px)
{.navi-item:nth-child(odd)
{float: left;}
.navi-item:nth-child(even)
{float: right;}
.navi-item:nth-child(-n+2)
{margin-top: 0;}
}

.navi-item img {width: 100%;}
.navi-item img:hover {opacity: 1;}
.navi-item a {color: #fff;display: block;text-decoration: none;}
.navi-item-header {background: url("../img/arrow_bottom_yellow.png") no-repeat center 5px;background-size: 11px 8px;font-size: 1.4rem;font-weight: bold;line-height: 1.3;margin: 0;padding: 15px 0 5px;text-align: center;}
.navi-item-header strong {display: block;font-size: 1.6rem;}

@media screen and (min-width: 641px)
{.navi-items {padding-top: 30px;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.navi-item {float: left;margin-left: 20px;width:23%;}
.navi-item:first-child {margin-left: 0;}
}

/** * .ranking */
.ranking {background: #fff url("../img/ranking_bg_pc.png?2021/05/06") no-repeat center 160px;background-size: 409px 409px;padding: 17px 0 32px;font-family: "BIZ UDPゴシック", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif; font-weight: 500; -webkit-font-feature-settings: 'palt';font-feature-settings: 'palt';}
.ranking-header {text-align: center;}

@media screen and (max-width: 640px)
{.ranking-header img {width: 83.62%;}
}

.ranking-tabs-wrapper {margin:0;overflow-x: auto;position: relative;-webkit-overflow-scrolling: touch;}
.ranking-tabs-wrapper::after {background: #06296c;content: "";display: block;height: 3px;left: 0;position: absolute;bottom: 0;width: 100%;z-index: 0;}
.ranking-tabs {display: table;margin: 0 15px;position: relative;z-index: 100;}
.ranking-tab {border-bottom: solid 3px #06296c;cursor: pointer;display: table-cell;font-size: 1.2rem;line-height: 1.4;padding: 1em;text-align: center;vertical-align: middle;white-space: nowrap;}
.ranking-tab-current {background: url("../img/arrow_bottom_yellow.png") no-repeat;background-position: center bottom 7px;background-size: 7px 5px;color: #fff100;border-color: #fff100;background-color: #16357f;}
.ranking-maker .ranking-tabs {width: -webkit-calc(100% - 30px);width: calc(100% - 30px);}
.ranking-maker .ranking-tab {width: 50%;}
.ranking-group {display: none;}
.ranking-group.is-active {display: block;}
.ranking-group-title {font-size: 1.5rem;text-align: center;}
.ranking-model-top3 {overflow: hidden;text-align: center;}
.ranking-model-rank2 {float: left;width: 50%;}
.ranking-model-rank3 {float: right;width: 50%;}
.ranking-title {}
.ranking-photo-wrapper {position: relative;}
.ranking-photo-wrapper > a {display: block;position: relative;}
.ranking-photo-wrapper > a::after {content: '';display: block;width:calc(100% - 10px);height: 0;padding-bottom: 8.81%;background-image: url("/wc2/search_order/img/logo-ranking-photo.png");background-repeat: no-repeat; background-size:contain; background-position: right 50% top 50%;background-color: #fff;left: 5px;bottom: 5px;position: absolute;}
.ranking-photo {box-sizing: border-box;box-shadow:4px 4px 0px 1px rgba(0,53,127,0.15);}
.ranking-trophy {position: absolute;}
.ranking-model-rank1 .ranking-photo {border: solid 5px #d3a92a;width: 58.62%;}
.ranking-model-rank1 .ranking-trophy {bottom: -40px;height: 52px;left: 50%;margin-left: -29px;width: 58px;z-index: 10;}
.ranking-model-rank1 .ranking-title {font-size: 1.8rem;margin-top: 46px;}
.ranking-model-rank1 .maker {font-size: 1.2rem;}
.ranking-model-rank2 .ranking-photo {border: solid 5px #e0e0e0;width: 79.3%;}
.ranking-model-rank3 .ranking-photo {border: solid 5px #d07628;width: 79.3%;}
.ranking-model-rank2 .ranking-trophy,
.ranking-model-rank3 .ranking-trophy {height: 36px;top: -24px;width: 46px;}
.ranking-model-rank2 .ranking-trophy {left: 0;z-index: 10;}
.ranking-model-rank3 .ranking-trophy {right: 0;z-index: 10;}
.ranking-model-rank2 .ranking-title,
.ranking-model-rank3 .ranking-title {font-size: 1.3rem;}
.ranking-model-rank2 .maker,
.ranking-model-rank3 .maker {font-size: 1.0rem;}
.ranking-model-other {letter-spacing: -0.4em;margin: 15px -5px 0;text-align: center;}
.ranking-model-other > li {box-sizing: border-box;display: inline-block;letter-spacing: normal;margin-top: 15px;padding: 0 0.3em;width: 50%;}
.ranking-model-other .ranking-order {margin: 0;}
.ranking-model-other .ranking-photo {margin: 5px 0;width: 100%;}
.ranking-model-other .ranking-title {font-size: 1.2rem;margin: 0;white-space: nowrap;}
.ranking-model-other .maker {display: block;font-size: 1.0rem;}
.ranking-maker {margin-top: 30px;}
.ranking-maker .ranking-group ul {text-align: center;}
.ranking-maker .ranking-group li {color: #fff;display: inline-block;margin: 0 0 15px 15px;padding-left: 30px;width: 18%;}
.ranking-emblem-wrapper {position: relative;}
.ranking-emblem {background: #fff;width: 100%;}
.ranking-emblem-wrapper .ranking-order {bottom: 0;left: -40px;margin: 0;position: absolute;text-align: right;width: 30px;}
.ranking-maker .ranking-title {margin: 5px 0 0;}
.ranking-maker .ranking-group .ranking-maker-rank1 {margin-left: 0;width: 27%;}
.ranking-maker .ranking-group .ranking-maker-rank2,
.ranking-maker .ranking-group .ranking-maker-rank3 {width: 20%;}
.ranking-emblem-wrapper .ranking-trophy {bottom: 0;position: absolute;}
.ranking-maker-rank1 .ranking-trophy {height: 35px;left: -30px;width: 39px;}
.ranking-maker-rank2 .ranking-trophy,
.ranking-maker-rank3 .ranking-trophy {height: 24px;left: -23px;width: 31px;}

@media screen and (min-width: 641px)
{.ranking {background-image: url("../img/ranking_bg_pc.png");background-position: center 80px;background-size: 818px 818px;min-width: 1020px;}
.ranking-tabs {margin: 0 auto;width: 100%;height: 100px;display: table;}
.ranking-tabs-wrapper::after {height: 4px;}
.ranking-tab {font-size: 1.6rem;font-weight: bold;padding: 1em 0;}
.ranking-tab-current {background-position: center bottom 10px;background-size: 14px 10px;}
.ranking-group-title {font-size: 2.6rem;line-height: 1.2;margin: 22px 0 26px;}
.ranking-model-top3 {overflow: visible;}
.ranking-model-rank1 {display: inline-block;}
.ranking-model-rank1 .ranking-photo {border-width: 5px;width: 320px;}
.ranking-model-rank1 .ranking-trophy {bottom: -85px;height: 106px;margin-left: -57px;width: 115px;z-index: 10;}
.ranking-model-rank1 .ranking-title {font-size: 2.4rem;font-weight: bold;margin-top: 80px;color: #00357F;}
.ranking-model-rank1 .maker {font-size: 1.6rem;}
.ranking-model-rank2,
.ranking-model-rank3 {margin-top: 120px;width: 230px;}
.ranking-model-rank2 .ranking-photo,
.ranking-model-rank3 .ranking-photo {width: 100%;}
.ranking-model-rank2 .ranking-title,
.ranking-model-rank3 .ranking-title {font-size: 1.8rem;font-weight: bold;}
.ranking-model-rank2 .maker.ranking-model-rank3 .maker {font-size: 1.4rem;}
.ranking-model-rank2 .ranking-trophy,
.ranking-model-rank3 .ranking-trophy {bottom: -30px;height: 76px;margin-left: 0;top: initial;top: auto;width: 92px;}
.ranking-model-rank2 .ranking-trophy {left: initial;left: auto;right: -72px;z-index: 10;}
.ranking-model-rank3 .ranking-trophy {left: -72px;right: initial;right: auto;z-index: 10;}
.ranking-model-other {-js-display: flex;display: flex;margin-top: 0;}
.ranking-model-other  a {display: block;position: relative;}
.ranking-model-other  a::after {content: '';display: block;width:100px;height: 0;padding-bottom: 8.81%;background-image: url("/wc2/search_order/img/logo-ranking-photo.png");background-repeat: no-repeat; background-size:contain; background-position: right 50% top 50%;background-color: #fff;left: 50%;bottom: 5px;position: absolute;-webkit-transform: translate(-50%,0);transform: translate(-50%,0);}
.ranking-model-other > li {margin-top: 0;padding: 0 1px;}
.ranking-model-other .ranking-photo {width: 100px;}
.ranking-model-other .ranking-title {font-size: 1.4rem;margin-top: 5px;}
.ranking-model-other .ranking-order {font-size: 1.2rem;font-weight: bold;height: 30px;line-height: 30px;}
.ranking-model-other .ranking-order b {font-size: 1.8rem;margin-right: 3px;}
.ranking-model-other .ranking-order em b {font-size: 2.4rem;}
.ranking-model-other .ranking-order em {font-size: 1.4rem;}
.ranking-model-other .ranking-maker {font-size: 1.2rem;}
.ranking-maker .ranking-group-title {margin-bottom: 10px;}
.ranking-maker ul {display: table;margin: 0 auto;width: 90%;}
.ranking-maker .ranking-group .ranking-maker-rank1,
.ranking-maker .ranking-group .ranking-maker-rank2,
.ranking-maker .ranking-group .ranking-maker-rank3,
.ranking-maker .ranking-group li {display: table-cell;margin: 0;vertical-align: bottom;}
.ranking-maker .ranking-title {font-size: 1.4rem;font-weight: bold;height: 30px;line-height: 30px;margin-top: 5px;}
.ranking-maker .ranking-maker-rank1 .ranking-title {font-size: 1.8rem;}
.ranking-maker .ranking-maker-rank2 .ranking-title,
.ranking-maker .ranking-maker-rank3 .ranking-title {font-size: 1.6rem;}
.ranking-maker .ranking-maker-rank1 .ranking-emblem {border: solid 3px #d3a92a;width: 120px;}
.ranking-maker .ranking-maker-rank2 .ranking-emblem,
.ranking-maker .ranking-maker-rank3 .ranking-emblem {width: 100px;}
.ranking-maker .ranking-maker-rank2 .ranking-emblem {border: solid 3px #e0e0e0;}
.ranking-maker .ranking-maker-rank3 .ranking-emblem {border: solid 3px #d07628;}
.ranking-emblem-wrapper {display: inline-block;}
.ranking-maker .ranking-emblem {width: 80px;}
.ranking-maker-rank1 .ranking-trophy {height: 64px;left: -55px;margin-bottom: -5px;width: 69px;}
.ranking-maker-rank2 .ranking-trophy,
.ranking-maker-rank3 .ranking-trophy {height: 47px;left: -42px;margin-bottom: -5px;width: 57px;}
.ranking-emblem-wrapper .ranking-order {line-height: 1.2;}
}

/** * .voice */
.voice {padding: 25px 0 30px;}

@media screen and (max-width: 640px){	
.ranking-tabs {	margin: 0 auto;	background: #fff;	}
.ranking-tabs li{	 border-right: 1px solid #28364f;	}
.voice .line-heading-large-subject {font-size: 2.1rem;line-height: 1.2;}
.voice .line-heading-large-subject strong {display: block;font-size: 2.8rem;}
}

.voice-items {margin-top: 20px;}
.voice-item {background: #0e357f;border-radius: 10px;color: #fff;margin-top: 15px;overflow: hidden;}
.voice-item:first-child {margin-top: 0;}
.voice-inner {padding: 15px;}
.voice-item img {width: 100%;}
.voice-title {font-size: 1.1em;font-weight: bold;margin: 0 0 5px 0;}
.voice-body {margin: 0;}

@media screen and (min-width: 641px)
{.voice {padding: 50px 0;}
.voice-items {-js-display: flex;display: flex;}
.voice-item {float: left;margin-left: 15px;margin-top: 0;width: 330px;}
.voice-item:first-child {margin-left: 0;}
}

/** * shops */
.shops {background: #fff;overflow: hidden;padding-top: 30px;position: relative;}
.shops-title {color: #fff;font-size: 1.4rem;line-height: 1.4;}
.shops-title em {font-size: 2.6rem;}
.shops-title strong {color: #fff100;font-size: 3.4rem;margin: 0 .1em;}
.shops h2 {margin: 0;position: relative;z-index: 1000;color: #003875;}
.imagemap-sp {position: absolute;right: 15px;top: 30px;width: 61.1%;z-index: 500;}
.shops h2 span {display: block;font-size: 1.5rem;	padding-top: 10px;}

@media screen and (max-width: 640px)
{.shops h2 img {width: 61%;}
.shops-inner {margin: -70px 0 40px;}
.shop-flyer-sp {margin-top: 20px;position: relative;z-index: 1000;}
.shop-flyer-sp img {width: 40.34%;}
}

@media screen and (min-width: 641px)
{.shops {padding-top: 2em;}
.shops-title {font-size: 2.2rem;line-height: 1.2;}
.shops-title em {font-size: 5.6rem;}
.shops-title strong {font-size: 7.6rem;}
}

.btn_grid{max-width: 800px;margin-left: auto;margin-right: auto;text-align: center;}
.btn_grid a img{width: 100%;}
.btn_grid a .pc_view{display: block;}
.btn_grid a .sp_view{display: none;}

@media screen and (max-width: 640px)
{.btn_grid a .pc_view{display: none;}
.btn_grid a .sp_view{display: block;}
.shops h2 span {font-size: 1.0rem;padding-top: 5px;	display: block;}
}
.enable-str-color {	color: #000000;}
.disable-str-color {	color: #cfcfcf;}
.error-background {	background-color: #FFEDED !important;}
.form-errmsg {	color: #c00;	font-size: .8em;	letter-spacing: normal;	line-height: 1.2;	margin: 0 0 .5em 0;}
/** * SP固定フッター表示 */

@media screen and (min-width: 641px)
{	.fixed_foot_btn {		display: none;	}
}

.fixed_foot_btn {	background: rgba(14, 53, 127, 0.34901960784313724);	text-align: center;	padding: 3vmin 2vmin;	position: fixed;	bottom: 0;	z-index: 9999;}
.fixed_foot_btn img {	width: 100%;}
/* mv 181227～=========================================== */
.mv_area {background: #0e357f;background: -moz-linear-gradient(left, #0e357f 50%, #fde000 50%);background: -webkit-linear-gradient(left, #0e357f 50%,#fde000 50%);background: linear-gradient(to right, #0e357f 50%,#fde000 50%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e357f', endColorstr='#fde000',GradientType=1 );position: relative;}
.mv_area .__in {max-width: 1300px;margin: auto;width: 100%;position: relative;	}
.mv_area .__img {text-align: center;padding-top: 30px;	}
.mv_area .__img img {max-width: 100%;	}
.mv_area .__btn {position: absolute;bottom: 51px;width: 100%;max-width: 1300px;left: 0;right: 0;margin: auto;	}
.mv_area .__btn li {display: inline-block;width: 49%;text-align: center;	box-sizing: border-box;	}
.mv_area .__btn li a {}
.mv_area .__btn li a img {max-width: 100%;	}
.mv_area .__btn.__btn01{}
.mv_area .__btn.__btn02{}
.mv_area .__caution{position: absolute;bottom: 0;right: 0;	}
.mv_area .__caution p{font-size: 9px;text-shadow: 1px 1px 0 #fff;}

@media(min-width: 768px) and (max-width: 1150px)
{.mv_area .__btn {width: 65%;}
.mv_area .__btn li {padding: 0 1vmin;}
}
/** PC **/

@media(min-width: 768px)
{}
/** SP **/

@media(min-width: 1px) and (max-width: 767px)
{.mv_area .__img {padding-top: 0vw;width: 100%;margin: 0 auto;}
.mv_area .__img img {}
.mv_area .__btn {bottom: auto;top: 63.5vw;width: 100%;text-align: center;}
.mv_area .__btn li {padding: 0 2vw;}
.mv_area .__btn li a {}
.mv_area .__btn li a img {	}
.mv_area .__btn.__btn01{}
.mv_area .__btn.__btn02{}
.mv_area .__caution{position: static;width: 100%;margin: auto;padding-bottom: 0vmin;padding-top: 0vmin;}
.mv_area .__caution p{	margin: 0;font-size: 2vw;}
}
/* 中古車ご提案サービス 下取りサービス展開=========================================== */
.contact-form #div_transfer_car.__transfer_car {border: 2px solid #0b81c7;padding: 10px;box-sizing: border-box;margin-top: 10px;overflow: hidden;	clear: both;}
.contact-form #div_transfer_car.__transfer_car .__block {}
.contact-form #div_transfer_car .__transfer_car_desc {width: 50%;}
.contact-form #div_transfer_car .__transfer_car_desc .__txt {text-align: center;color: #06669f;font-weight: bold;font-size: 16px;}
.contact-form #div_transfer_car .__transfer_car_desc .__box {border: 2px solid #0b81c7;box-sizing: border-box;border-radius: 6px;text-align: center;margin-top: 35px;padding: 0 10px;}
.contact-form #div_transfer_car .__transfer_car_desc .__box .__ttl {text-align: center;background-color: #0b81c7;padding: 5px 10px;width: 80%;margin: auto;margin-top: -19px;font-size: 16px;border-radius: 6px;color: #fff;position: relative;	}
.contact-form #div_transfer_car .__transfer_car_desc .__box .__ttl::before {content: "";width: 10px;height: 10px;border: 0px;border-bottom: solid 3px #fff;border-right: solid 3px #fff;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 50%;left: 19px;margin-top: -10px;}
.contact-form #div_transfer_car .__transfer_car_desc .__box ol {list-style: none;padding-left: 16px;text-align: left;text-indent: -16px;font-size: 14px;font-weight: bold;}
.contact-form #div_transfer_car .__transfer_car_desc .__box ol li {}
.contact-form #div_transfer_car .__transfer_car_desc .__box ol li span {	color: #ff3c00;	}
.contact-form #div_transfer_car .__arrow {padding: 20px;}
.contact-form #div_transfer_car .__transfer_car_desc .__arrow img {}
.contact-form #div_transfer_car .form-left {width: 370px;}
.contact-form #div_transfer_car .form-left tr {}
.contact-form #div_transfer_car .form-left tr th,
.contact-form #div_transfer_car .form-left tr td {}
.contact-form #div_transfer_car .form-left tr th {width: 120px;}
.contact-form #div_transfer_car .form-left tr td {width: auto;}
.contact-form .btn-wrapper.__btn {margin-top: 0;	}
.contact-form .btn-wrapper.__btn .__check_btn {position: relative;margin-bottom: 10px;text-align: center;}
.contact-form .btn-wrapper.__btn .__check_btn input[type="checkbox"] {	position: absolute;	top: 0;	opacity: 0;	width: 100%;	height: 100%;	left: 0;	right: 0;}
.contact-form .btn-wrapper.__btn .__check_btn input[type="checkbox"] + label {display: inline-block;background-image: url(../img/transfer_car_btn_on01.png);background-repeat: no-repeat;position: static;text-indent: 100%;white-space: nowrap;overflow: hidden;background-size: contain;background-position: center;width: 450px;height: 180px;margin: 15px 228px 0 auto;}
.contact-form .btn-wrapper.__btn .__check_btn input[type="checkbox"]:checked + label {	background-image: url(../img/transfer_car_btn_off_pc.png);width: 100%;height: 100px;margin-left: 0;background-size: cover;margin-top: -3px;}
.contact-form #div_transfer_car .send02_btn {text-align: center;padding-top: 20px;padding-bottom: 10px;	}
.contact-form #div_transfer_car .send02_btn span {}
.contact-form #div_transfer_car .send02_btn span.txt01 {}
/** PC **/



@media screen and (min-width: 768px)
{		.contact-form #div_transfer_car.__transfer_car .__block {		display: -ms-flexbox; /* IE10 */
display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
display: -webkit-flex; /* Safari6.1以降 */
display: flex;		-ms-flex-pack: center; /*IE10*/
-webkit-box-pack: center; /* Android4.3以下、Safari3.1〜6.0 */
-webkit-justify-content: center; /* Safari6.1以降 */
justify-content: center;		align-items: center;	}
}
/** SP **/

@media screen and (max-width: 767px)
{.hidden-xs { display: none;}
.visible-xs { display: block;}
.contact-form table	{		width: 100%;	}
.contact-form #div_transfer_car .__transfer_car_desc {		width: 100%;	}
.contact-form #div_transfer_car .__transfer_car_desc .__txt {		font-size: 3.4vmin;	}
.contact-form #div_transfer_car .__transfer_car_desc .__box .__ttl {		font-size: 3.4vmin;	}
.contact-form #div_transfer_car .__transfer_car_desc .__box .__ttl::before {		width: 2vmin;		height: 2vmin;		margin-top: -2vmin;		left: 3vmin;	}
.contact-form #div_transfer_car .__transfer_car_desc .__box ol {		font-size: 3.8vmin;	}
.contact-form #div_transfer_car .__arrow {		text-align: center;	}
.contact-form #div_transfer_car .form-left {		width: 100%;	}
.contact-form .btn-wrapper.__btn .__check_btn input[type="checkbox"] + label {		width: 100%;		height: 0;		padding-top: 34vmin;		margin-left: 2vmin;	}
.contact-form .btn-wrapper.__btn .__check_btn input[type="checkbox"]:checked + label {		background-image: url(../img/transfer_car_btn_off.png);		height: 0;		padding-top: 23.6%;		background-size: contain;	}
}
/* 2019/10/30 */
.pos-rel {position: relative;}
.list-flex,
.list-flex * {box-sizing: border-box}
.list-flex {display: flex;flex-wrap: wrap;width:calc(100% + 4px); margin-left: -2px; margin-right: -2px;}
.list-flex input {display: none;}
.list-flex > li {width: 33.33%;padding: 2px;}
.list-flex-50 > li {width: 50%;padding: 2px;}
.list-flex > .list-flex-item-full {width: 100%;padding: 2px;}
.list-flex > li .btn-gradation {height: 100%;padding:10px 0;line-height: 1.1;text-align: center;font-size: 1em;display: block;position: relative;white-space: nowrap}
.list-flex > li .btn-gradation:hover {opacity: 0.75;}
.list-flex > li .btn-gradation .icon {display:block;margin-bottom: 6px;}
.list-flex > li input[type="radio"]:checked + label,
.list-flex > li input[type="checkbox"]:checked + label {border: solid 2px #ff3c00;padding: 9px 0;}
hr.tin {border: none; border-top:1px solid #0E357F; margin: 1.6em 0}
.form-left table, .form-left tbody, .form-left tr, .form-left th, .form-left td {display: block ; width: 100%}
.list-flex-condensed > li .btn-gradation{padding: 0.1em 0;}
table.form-left {display: block !important;}
.form-left .input-group {width: 100%;}
.form-left .form-input-half {width: 48%;}
.form-proposal .form-left,
.form-proposal .form-right { width: 46%}
/* 2019/11/07 */
.visible-xs {display: none}
.text-orange {color: #FF4B0F !important;}
.td-ul{text-decoration: underline !important; }
.fs-8 {font-size: 0.8em !important;}
.fs-9 {font-size: 0.9em !important;}
.fs-12 {font-size: 1.2em !important;}
.fs-13 {font-size: 1.3em !important;}
.fs-14 {font-size: 1.4em !important;}
.m-0 {margin: 0 !important;}
.mr10 {margin-right: 10px !important;}
.mgt-0 {margin-top: 0 !important;}
.mgt-sm {margin-top: 1em !important;}
.mgt-md {margin-top: 2em !important;}
.mgt-lg {margin-top: 4em !important;}
.mgb-0 {margin-bottom: 0em !important;}
.mgb-xs {margin-bottom: 0.5em !important;}
.mgb-sm {margin-bottom: 1em !important;}
.mgb-md {margin-bottom: 2em !important;}
.mgb-lg {margin-bottom: 4em !important;}
.text-left {text-align: left !important;}
.text-center {text-align: center;}
.img-full {width: 100%;}
.form-zero, .form-zero * {box-sizing: border-box}
.form-zero { width: 100%;font-size: 0.8em;}
.form-zero .service_detail{width: 44%;float: left}
.form-zero .search_box01 { width: 52%;float: right}
.form-zero .search_box01 .form_title {margin-top: -2.6%;}
.form-zero .search_box01 .inner {border: 6px solid #0e357f;padding:1em;background: #fffcde;}
.form-zero .search_tbl_set02 table {margin: 15px 0 0 0;width:100%;}
.form-zero .search_tbl_set02 th {width: 28%;font-weight: bold !important;text-align: left;font-size: 108%;	padding: 5px 10px 15px 10px;vertical-align: middle; white-space: nowrap}
.form-zero .search_tbl_set02 th.dbl {clear: both;}
.form-zero .search_tbl_set02 th.dbl img {float: left;}
.form-zero .search_tbl_set02 th.dbl span {display: block;float: left;line-height: 1.2;}
.form-zero .search_tbl_set02 td {font-weight: normal;text-align: left;padding: 0 0 15px;vertical-align: middle;}
.form-zero .search_tbl_set02 .td_left {font-weight: normal;text-align: left;padding:0;vertical-align: middle;padding: 0;}
/*--element--*/
.form-zero .search_fm_txt input[type="text"] {width: 50%;height: auto;font-size: 108%;border: 2px solid #ccc;margin: 0 0 2px;padding: 0.6em;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;-moz-box-shadow: 2px 2px 1px #eee inset;-webkit-box-shadow: 2px 2px 1px #eee inset;box-shadow: 2px 2px 1px #eee inset; }
.form-zero .search_fm_txt input[type="tel"] {width: 50%;height: auto;font-size: 108%;border: 2px solid #ccc;margin: 0 0 2px;padding: 0.6em;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;-moz-box-shadow: 2px 2px 1px #eee inset;-webkit-box-shadow: 2px 2px 1px #eee inset;box-shadow: 2px 2px 1px #eee inset; }
.form-zero span.placeholder {display: inline-block;color: #999;font-size: 108%;padding: 0 0 0 10px;}
.form-zero table .wrap {-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;border: 2px solid #ccc;padding: 0.6em;background: url(https://wecars.co.jp/img/search_order/t01/form_select_arr.png) 105% center no-repeat #fff;width: 60%;overflow: hidden;}
.form-zero table select {-moz-appearance: button;-webkit-appearance: button;appearance: button;border: 0;margin: -2px 0 0 0;padding-left: 5px;width: 100%;background: none;font-size: 108%;}
.form-zero .search_tbl_set01 th { width: 28%;white-space: pre-wrap;text-align: left;}
.form-zero .search_tbl_set01 th,
.form-zero .search_tbl_set01 td {padding-bottom: 1em;}
.blinking {-webkit-animation: blink 1.5s ease-in-out infinite alternate;-moz-animation: blink 1.5s ease-in-out infinite alternate;animation: blink 1.5s ease-in-out infinite alternate;}

@-webkit-keyframes blink{30% {opacity:0.3;}
100% {opacity:1;}
}

@-moz-keyframes blink{30% {opacity:0.3;}
100% {opacity:1;}
}

@keyframes blink{30% {opacity:0.3;}
100% {opacity:1;}
}

/* 2019/11/14 */
/*search-results---------------------------------------------------*/
.search-results {border-top:1px solid #CCCCCC}
.search-result-item {margin-top: 0;border-bottom:1px solid #CCCCCC;padding: 0.6em 0;}
.search-results .flex-result,
.search-results .flex-result * {box-sizing: border-box}
.search-results .flex-result {display: flex;width: 100%; margin-bottom: 0.6em;}
.search-results .flex-result > div:first-child {width:40% ;}
.search-results .flex-result > div:last-child {width:60% ;}
.search-results .flex-result .col-left {display: flex}
.search-results .flex-result .col-left > div { padding-right:1em }
.search-results .flex-result .col-left > div:nth-child(1)
{ width:52% ;}
.search-results .flex-result .col-left > div:nth-child(2)
{ width:48% ;}
.search-results .flex-result .col-right {display: flex;flex-wrap: wrap}
.search-results .flex-result .col-right > div:first-child {width: 64%;}
.search-results .flex-result .col-right > div:last-child {flex: 1;}
.search-results .flex-result .col-right .flex-store dl,
.search-results .flex-result .col-right .flex-store dt,
.search-results .flex-result .col-right .flex-store dd {display: block;list-style: none;padding: 0;margin: 0;}
.search-results .flex-result .col-right .flex-store {display: flex;font-size: 0.8em;}
.search-results .flex-result .col-right .flex-store> dl {width: 33.33%;}
.search-results .flex-result .col-right .flex-store> dl + dl {padding-left: 1em}
.search-results .flex-result .col-right .flex-store dt {border-left:3px solid #FDE000;padding-left: 0.6em;}
.search-results .flex-result .col-right .flex-store dd {font-weight: bold;font-size: 1.1em;padding-left:calc(0.5em + 3px) ;}
.search-results .list-spec,
.search-results .list-spec * {box-sizing: border-box;line-height: 1;letter-spacing: 0;}
.search-results .list-spec,
.search-results .list-spec li{list-style: none;margin: 0;padding: 0;}
.search-results .list-spec {display: flex;padding: 0;width:calc(100%);margin-top: 1em;flex-wrap: wrap;}
.search-results .list-spec > li {width: 50%;font-size: 0.6em;padding: 1px;}
.search-results .list-spec > li img {width: 100%;}
.search-results .list-spec .icon{color: #666;border: 1px solid #666;white-space: nowrap;width: 100%;border-radius: 0.4em;display:flex;text-align: center;height: 100%;padding: 2px 0;position: relative;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.search-results .list-spec .icon i {font-style: normal}

.search-results .list-spec .icon.fwd {color: #FF6800;border-color: #FF6800}
.search-results .list-spec .icon.av_monitor {color: #0056EF;border-color: #0056EF}
.search-results .list-spec .icon.warranty_long {color: #001E74;border-color: #001E74}
.search-results .list-spec .icon.warranty {color: #4EA200;border-color: #4EA200}
.search-results .list-spec .icon.unused {color: #00AA1A;border-color: #00AA1A}
.search-results .list-spec .icon.smartkey {color: #FD00AD;border-color: #FD00AD}
.search-results .list-spec .icon.smartassist {color: #00C4A6;border-color: #00C4A6}
.search-results .list-spec .icon.selection {color: #FFBC00;border-color: #FFBC00}
.search-results .list-spec .icon.current_model {color: #006D2F;border-color: #006D2F}
.search-results .list-spec .icon.option {color: #112A63;border-color: #112A63}
.search-results .list-spec .icon.nosmoking {color: #FF2900;border-color: #FF2900}
.search-results .list-spec .icon.backmonitor {color: #371B00;border-color: #371B00}
.search-results .list-spec .icon.choi {color: #0050C3;border-color: #0050C3}
.search-results .list-spec .icon.electricdoor {color: #FF1925;border-color: #FF1925}
.search-results .list-spec .icon.electricdoor_w {color: #FF3500;border-color: #FF3500}
.search-results .list-spec .icon.emergency_brake {color: #0065FA;border-color: #0065FA}
.search-results .list-spec .icon.idolingstop {color: #008AFA;border-color: #008AFA}
.search-results .list-spec .icon.keyless {color: #FF7500;border-color: #FF7500}
.search-results .list-spec .icon.led {color: #6200FF;border-color: #6200FF}
.search-results .list-spec .icon.navi {color: #002060;border-color: #002060}
.search-results .list-spec .icon.sunroof {color: #C10000;border-color: #C10000}

.search-results .name { margin: 0 0 0.5em;line-height: 1;text-align: left;}
.search-results .price { font-size: 0.8em;margin: 0 0 1em;line-height: 1;}
.search-results .price span { color: #FF3C00}
.search-results .price strong { font-size: 2.2em;}
.search-results .price strong small {font-size: 0.5em;}
.search-results .table-spec,
.search-results .table-spec * {box-sizing: border-box}
.search-results .table-spec {font-size: 0.75em;width: 100%;border-collapse: collapse}
.search-results .table-spec tbody {display: flex;flex-wrap: wrap}
.search-results .table-spec th,
.search-results .table-spec td {text-align: left;padding:0.7em 0.2em;border: 1px solid #AAAAAA;vertical-align: top;line-height: 1.1}
.search-results .table-spec th {background: #DEEBF7;width: 30%;white-space: nowrap;text-align: center;}
.search-results .table-spec td {width: 70%;}
.search-results .table-spec tr {display: inline-table;width:calc(50% - 3px);vertical-align: top; margin-left: -1px; margin-top: -1px}
.search-results .conversion {padding-left: 5px;font-size: 0.8em;}
.search-results .conversion .inner {background: #DAE3F3;padding: 1em}
.search-results .ph-car {display: block;position: relative}
.flex-conversion {display: none}
.search-results .pos-rel{display:block;}
.search-results .ph-car-cover {content: '';display: block;position:absolute; top: 0;right: 0;bottom: 0;left: 0;background: url("/common/img/now_printing_cover_white.png?20191217") bottom center; background-size: cover;z-index: 50;}
.search-results .pos-rel.new::before {content: '';display: block;position:absolute; width: 37px;height: 37px;background: url("/common/img/icon_tri_new_l_list.png") center center; background-size: cover;z-index: 100;top: 0;left: 0;}
.search-results .pos-rel.pickup::before {content: '';display: block;position:absolute; width: 37px;height: 37px;background: url("/common/img/icon_tri_pickup_l_list.png") center center; background-size: cover;z-index: 100;top: 0;left: 0;}
/*.search-results .pos-rel.choi::after {content: '';display: block;position:absolute; width: 60px;height: 60px;background: url("/common/img/icon_tri_choi_r.png") center center; background-size: cover;z-index: 100;top: 0;right: 0;}
.search-results.pos-rel.unused::after {content: '';display: block;position:absolute; width: 60px;height: 60px;background: url("/common/img/icon_tri_unused_r.png") center center; background-size: cover;z-index: 100;top: 0;right: 0;}
*/
/*----------------------------------------------------*/
.search-results .outline{display: flex;border-top:1px solid #0055AA;border-bottom:1px solid #0055AA;}
.search-results .outline .title {color: #0055AA; text-align: center; white-space: nowrap;width: 8em;border-right: 1px solid #0055AA;text-align: center; }
.search-results .outline .title span {height: 100%;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;}
.search-results .outline .title span strong {width: 100%;text-align: center;font-weight: normal;}
.search-results .outline .body-text {flex: 1;font-size: 0.8em;padding: 0.5em 1em;overflow-wrap: break-word;word-break: keep-all;}
/*----------------------------------------------------*/
.btn-soudan {display: block;background: #13B14F;color: #FFF;border-radius:0.4em;line-height: 1.2;text-align: center;padding: 0.4em 0.1em;font-weight: bold; background-image: url("../../../common/img/arrow-r.png"); background-size: 16px 16px; background-repeat: no-repeat; background-position: right 5px top 50%}
.btn-soudan:hover,
.btn-soudan:active {background-color: #119041;}
.btn-phone {display: block;background: #4372C4;color: #FFF;border-radius:0.4em;line-height: 1.2;text-align: center;padding: 0.4em 0.1em;font-weight: bold;background-image: url("../../../common/img/arrow-r.png"); background-size: 16px 16px; background-repeat: no-repeat; background-position: right 5px top 50%}
.btn-phone:hover,
.btn-phone:active {background-color: #1E45AA;}
.btn-tel {display: block;background: #008800;color: #FFF;border-radius:0.4em;line-height: 1.1;text-align: center;padding: 0.9em 0.1em;font-weight: bold;}
.btn-tel:hover,
.btn-tel:active {background: #1E45AA;}
/*----------------------------------------------------*/
@-webkit-keyframes pulse {from {opacity: 0.5;}
to {opacity: 1;}
}

.blinking{-webkit-animation-name: pulse;animation-name: pulse;-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-direction: alternate;animation-direction: alternate;-webkit-animation-delay: 1s;animation-delay: 1s;}
/*----------------------------------------------------*/
.form-body {border: solid 3px #f9e020;border-radius: 0;margin: 0 0 50px;padding: 1em 3em;border-top: solid 0px #f9e020;}
.tabs-search .form-body-recommended {padding:0;margin: 0;border:none;}
.tabs-search .table-th-bg-gray th,.tabs-search .table-th-bg-gray td{height: auto;}
.form-body-recommended .btn-wrapper.flex {display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.form-body-recommended .btn {font-size: 0.8em;padding-bottom: 0.4em;padding-top: 0.4em;}
.form-body-recommended [type="submit"]{font-size: 1em;padding: 0.4em 0;width: 19em;margin-left: 1em;}
.form-body-recommended .flex-list.body-types > li {width: 25%;box-sizing: border-box;}
#searchFilter {display: none;}
.btn-open-filter-wrapper { max-width: 25em;margin-left: auto;margin-right: auto;}
.btn-open-filter {background-color: hsl(218.1, 52.2%, 51.6%);border-radius: 0.4em;color: #FFF;padding: 0.6em 0;text-align: center;background-image: url("/search/img/icon_plus.png"); background-repeat: no-repeat; background-size: 1em auto; background-position: right 0.5em top 50%;cursor: pointer;}
.btn-open-filter:hover {background-color:hsl(218.1, 52.2%, 41.6%)}
.btn-open-filter.active {background-image: url("/search/img/icon_minus.png");background-color: #999999;}
/*----------------------------------------------------*/
.search-body,
.search-body * {box-sizing: border-box}
.search-body {margin: 0 0 4em;padding: 0;}
.ch-2 {background: #244C94;color: #FFF;font-weight: bold;font-size: 1em;margin: 0 0 0.5em 0;padding: 0.5em;}
.ch-3 {color: #244C94;font-weight: bold;padding: 0;margin: 0 0 0.2em 0;font-size: 0.9em;}
/*----------------------------------------------------*/
.list-maker,
.list-maker li {list-style: none;padding: 0;margin: 0;line-height: 1;}
.list-maker {display: flex;width: 100%;border: 1px solid #DEDEDE;}
.list-maker > li {width:calc(100% / 10); text-align: center;}
.list-maker > li a {display: block;height: 100%;width: 100%;position: relative;padding: 0;color: #333;}
.list-maker > li a img { max-width: 46%; display:block;margin-left: auto;margin-right: auto;}
.list-maker > li a span { display: block;font-size: 0.6em;padding: 0.6em 0 0.6em ;font-weight: bold;background: #EDEDED;line-height: 1.6;}
.list-maker > li a div {padding: 1em 0;}
.list-maker > li a.all strong {max-width: 46%;display: block;white-space: nowrap;line-height: 1.5;height: 0;padding-bottom: 46%;overflow: visible;margin-left: auto; margin-right:auto}
.list-maker > li a.all {background: #918D86; color: #FFF;}
.list-maker > li a.all span {background: #706D67; color: #B3B1AE;}
/*----------------------------------------------------*/
.list-bodytype,
.list-bodytype * {box-sizing: border-box;line-height: 1;}
.list-bodytype {display: flex;border: 1px solid #DEDEDE;}
.list-bodytype > li {padding: 1em 0; font-size:0.6em ;text-align: center;width:calc(100% / 8) ;}
.list-bodytype > li a {display: block;padding: 1em 0;}
.list-bodytype > li a span {display: block;padding: 1.6em 0 0;}
.list-bodytype > li a:hover {background: #F9E020;}
/*----------------------------------------------------*/
.list-area,
.list-area *{box-sizing: border-box;line-height: 1;}
.list-area {display: flex;border: 1px solid #DEDEDE;font-size: 0.9em;}
.list-area > div {padding: 1em; width:calc(100% / 2) ;}
.list-area dl,
.list-area dl dt,
.list-area dl dd {list-style: none;padding:0; margin: 0;display: block}
.list-area > div dl {position: relative;padding-left: 8em;margin-bottom: 1em;}
.list-area > div dl:last-child {margin-bottom: 0}
.list-area dl dt { width: 7em;position: absolute;top: 0;left: 0;}
.list-area dl dd { display: inline-block; margin: 0 0.6em 0.6em 0;}
/*----------------------------------------------------*/
.list-kodawari,
.list-kodawari *{box-sizing: border-box;line-height: 1;}
.list-kodawari {display: flex;border: 1px solid #DEDEDE;font-size: 0.9em;}
.list-kodawari > div {padding: 1em; width:calc(100% / 3) ;}
.list-kodawari > div + div { border-left:1px solid #DEDEDE; }
.list-kodawari dl,
.list-kodawari dl dt,
.list-kodawari dl dd {list-style: none;padding:0; margin: 0;display: block}
.list-kodawari > div dl {position: relative;display: flex;flex-wrap: wrap}
.list-kodawari dl dt { width:100%; font-weight: bold;margin-bottom: 1em;font-size: 1em;}
.list-kodawari dl dd {width: 50%;margin-bottom: 1em;}
/*----------------------------------------------------*/
.ch-4 {background: #244C94;color: #FFF;font-weight: bold;font-size: 1.4em;margin:0;padding: 0.2em;}
.ch-6 {color: #244C94;margin: 0 0 1em;border-bottom: 1px solid #244C94;}
/*----------------------------------------------------*/
.form-refine,
.form-refine * {box-sizing: border-box}
.form-refine .col-pd-1 {float: left;width: 60%;padding-right: 4em;}
.form-refine .col-pd-c {float: left;width:40%;padding-right: 0em;}
.input-group-text,
.input-group-text * {box-sizing: border-box;line-height: 1;}
.input-group-text {display: flex;width: 100%;}
.input-group-text .col-input {flex: 1}
.input-group-text .col-button {width: 3em;}
.input-group-text input[type=text]{font-size: 1.2em;line-height: 1;padding: 0.5em;border: 1px solid rgba(36,76,148,1.00);border-radius: 0.4em 0 0 0.4em;width: 100%;height: 100%;}
.input-group-text button{background: #244C94;color: #FFF;border-radius:0 0.4em 0.4em 0;font-size: 1.2em;padding: 0.5em;border:none;width:100% ;height:100%;border: 1px solid rgba(36,76,148,1.00);}
.form-refine select {width: 100%;border: 1px solid #AAAAAA;padding: 0.4em;}
.dl-table-1 {display: table;width: 100%;margin: 0 0 1.4em 0;}
.dl-table-1 dt,
.dl-table-1 dd{display: table-cell}
.dl-table-1 dt { width: 8em;white-space: nowrap;padding-right: 0.5em;}
.dl-table-2 {display: table;width: 100%;margin: 0 0 0.5em 0;}
.dl-table-2 dt,
.dl-table-2 dd{display: table-cell}
.dl-table-2 dt { width: 30%;white-space: nowrap;padding: 0 0.5em 0 0;}
.dl-table-2 dd { width: 70%;}
.dl-table-2 a { width:calc(50% - 2px) ;padding: 0;margin: 0;display: inline-block; border: 1px solid #AAAAAA;color: #222222;text-align: center;padding: 0.4em 0;font-size: 0.9em; margin-left: -1px;}
.dl-table-2 a.active {background: #999999;color: #FFF;}
.row-range {display: table;width: 100%;}
.row-range > div {display: table-cell;}
.row-range > .col-to {width: 2em;text-align: center;}
/*----------------------------------------------------*/
.list-color,.list-color * {box-sizing: border-box;}
.list-color {display: flex;width:calc(100% + 8px);margin-left: -2px; margin-right: -2px;flex-wrap: wrap;}
.list-color > li { width:calc(100% / 5);padding: 4px;line-height: 1;}
.list-color > li span{background: #F6F6F6;border: 1px solid #CCCCCC;padding: 1em;display: block;height: 100%;border-radius: 0.2em}
.list-color.condensed > li span {padding: 0.5em;}
.list-color input[type=checkbox]{ opacity: 0;position: fixed; left: -10000px;}
.list-color input[type=checkbox] + label{padding-left:2.2em;position:relative;margin-right:0;margin-bottom: 0;font-size: 1.1em;padding-top: 0.3em;display: block;font-size: 1em;padding: 0.5em 0 0 2.4em;cursor: pointer}
.list-color.condensed input[type=checkbox] + label{padding: 0.3em 0 0 2.4em;cursor: pointer}
.list-color input[type=checkbox] + label::before{content: "";display: block;position: absolute;top: -0.2em;left: 0;width: 1.8em;height:1.8em;border: 2px solid #333;border-radius: 0;}
.list-color.condensed input[type=checkbox] + label::before{width: 1.6em;height:1.6em;}
.list-color input[type=checkbox] + label.cGray::before {background: #7d7d7d;color: #FFF;border:2px solid#7d7d7d;}
.list-color input[type=checkbox] + label.cRed::before {background: #E60011;color: #FFF;border:2px solid#E60011;}
.list-color input[type=checkbox] + label.cWine::before {background: #d8162c;color: #FFF;border:2px solid#d8162c;}
.list-color input[type=checkbox] + label.cBlue::before {background: #1F3DCB;color: #FFF;border:2px solid#1F3DCB;}
.list-color input[type=checkbox] + label.cYellow::before {background: #E8E800;border:2px solid#E8E800;}
.list-color input[type=checkbox] + label.cOrange::before {background: #FF6600;color: #FFF;border:2px solid#FF6600;}
.list-color input[type=checkbox] + label.cPurple::before {background: #800080;color: #FFF;border:2px solid#800080;}
.list-color input[type=checkbox] + label.cPink::before {background: #FA29A2;color: #FFF;border:2px solid#FA29A2;}
.list-color input[type=checkbox] + label.cGreen::before {background: #2CAF1D;color: #FFF;border:2px solid#2CAF1D;}
.list-color input[type=checkbox] + label.cBrown::before {background: #993300;color: #FFF;border:2px solid#993300;}
.list-color input[type=checkbox] + label.cMiscs::before {background: #FFF;border:2px solid#BBBBBB;}
.list-color input[type=checkbox] + label.cWhite::before {background: #FFF;border:2px solid#AAAAAA;}
.list-color input[type=checkbox] + label.cGoldSilver::before {background: #FFF;border:2px solid#FFDD79;background : -moz-linear-gradient(0% 0% -45deg,rgba(255, 219, 112, 1) 0%,rgba(255, 255, 255, 1) 50%,rgba(200, 200, 200, 1) 100%);background : -webkit-linear-gradient(-45deg, rgba(255, 219, 112, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(200, 200, 200, 1) 100%);background : -webkit-gradient(linear,0% 0% ,100% 100% ,color-stop(0,rgba(255, 219, 112, 1) ),color-stop(0.5,rgba(255, 255, 255, 1) ),color-stop(1,rgba(200, 200, 200, 1) ));background : -ms-linear-gradient(-45deg, rgba(255, 219, 112, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(200, 200, 200, 1) 100%);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDB70', endColorstr='#C8C8C8' ,GradientType=0)";background : linear-gradient(135deg, rgba(255, 219, 112, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(200, 200, 200, 1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDB70',endColorstr='#C8C8C8' , GradientType=1);}
.list-color input[type=checkbox] + label.cBlack::before {background: #000000;color: #FFF;border:2px solid#000000;}
.list-color input[type=checkbox] + label.cGunmeta::before {background: #5c565e;border:2px solid#5c565e;}
.list-color input[type=checkbox] + label.cSilver::before {background: linear-gradient(90deg, rgba(196, 196, 196, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(196, 196, 196, 1) 100%);border:2px solid#c4c4c4;}
.list-color input[type=checkbox] + label.cGold::before {background: linear-gradient(135deg, rgba(225, 199, 112, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(225, 199, 112, 1) 100%);border:2px solid#e1c770;}
.list-color input[type=checkbox] + label.cMaziora::before {background: linear-gradient(0.25turn, #17A840, #0D978E, #71368F, #167AC0, #A75989, #DBB33C);border:2px solid#e1c770;}
.list-color input[type=checkbox] + label.cPerl::before {background: #f7f6f5;color: #FFF;border:2px solid#AAAAAA;}
.list-color input[type=checkbox] + label.cBeige::before {background: #eedcb3;color: #FFF;border:2px solid#eedcb3;}
.list-color input[type=checkbox] + label.cNavy::before {background: #1D3156;color: #FFF;border:2px solid#1D3156;}
.list-color input[type=checkbox] + label.cLightBlue::before {background: #ADD8E6;color: #FFF;border:2px solid#ADD8E6;}
.list-color input[type=checkbox] + label.cLightGreen::before {background: #90EE90;color: #FFF;border:2px solid#90EE90;}
.list-color input[type=checkbox] + label.cDarkGreen::before {background: #006400;color: #FFF;border:2px solid#006400;}
.list-color input[type=checkbox] + label.cIvory::before {background: #ded2bf;color: #FFF;border:2px solid#ded2bf;}
.list-color input[type=checkbox] + label.cBlueGreen::before {background: #008e94;color: #FFF;border:2px solid#008e94;}
.list-color input[type=checkbox] + label.cMustard::before {background: #d2b74e;color: #FFF;border:2px solid#d2b74e;}
.list-color input[type=checkbox] + label.cMaroon::before {background: #662b2c;color: #FFF;border:2px solid#662b2c;}
.list-color input[type=checkbox]:checked + label::after{
content: "";display: block;position: absolute;top:0px;left:2px;width: 16px;height: 16px;border-radius: 0;background-color:#006DB7;background-image: url("../../../common/img/checked-nuki.png");background-repeat: no-repeat;background-size: 16px 16px;background-position: left 0px top 0px;
}
/**/
.list-color.list-color-mini input[type=checkbox] + label {text-indent: -10000px;}
.list-color.list-color-mini > li {width: 3em;}
.list-color.list-color-mini > li span {background:none;border: none;padding: 0.2em;}
.list-color.list-color-mini input[type=checkbox] + label::before {width: 2em;height: 1.2em;top: 0;border-radius: 0.3em;}
.list-color.list-color-mini input[type=checkbox]:checked + label::after {top: 2px;width: 0.8em;height: 0.8em;border-radius: 50%;background-position: left 50% top 50%;background-size: 110%;}

/*----------------------------------------------------*/
.text-right {text-align: right !important;}
.panel-sort {display: none;}
/*----------------------------------------------------*/
.btns-car-initial {display:flex;width: 100%;}
.btns-car-initial > li{width:calc(100% / 12) ;border: 1px solid #AAAAAA; text-align: center; cursor: pointer;padding: 0.6em 0;font-size: 0.9em;margin:-1px 0 0 -1px ;background : -moz-linear-gradient(50% 100% 90deg,rgba(207, 207, 207, 1) 0%,rgba(236, 236, 236, 1) 100%);background : -webkit-linear-gradient(90deg, rgba(207, 207, 207, 1) 0%, rgba(236, 236, 236, 1) 100%);background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(207, 207, 207, 1) ),color-stop(1,rgba(236, 236, 236, 1) ));background : -ms-linear-gradient(90deg, rgba(207, 207, 207, 1) 0%, rgba(236, 236, 236, 1) 100%);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#CFCFCF', endColorstr='#ECECEC' ,GradientType=0)";background : linear-gradient(0deg, rgba(207, 207, 207, 1) 0%, rgba(236, 236, 236, 1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECECEC',endColorstr='#CFCFCF' , GradientType=0);-webkit-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0;}
.btns-car-initial > li.disable { color: #DDDDDD;cursor: default}
.btns-car-initial > li:not(.disable):hover {color: #FFF;background : -moz-linear-gradient(50% 100% 90deg,rgba(166, 166, 166, 1) 0%,rgba(189, 189, 189, 1) 100%);background : -webkit-linear-gradient(90deg, rgba(166, 166, 166, 1) 0%, rgba(189, 189, 189, 1) 100%);background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(166, 166, 166, 1) ),color-stop(1,rgba(189, 189, 189, 1) ));background : -ms-linear-gradient(90deg, rgba(166, 166, 166, 1) 0%, rgba(189, 189, 189, 1) 100%);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#A6A6A6', endColorstr='#BDBDBD' ,GradientType=0)";background : linear-gradient(0deg, rgba(166, 166, 166, 1) 0%, rgba(189, 189, 189, 1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BDBDBD',endColorstr='#A6A6A6' , GradientType=0);}
/*----------------------------------------------------*/
.list-carname {display: flex;flex-wrap:wrap;margin-bottom: 1em;}
.list-carname > li{width: calc(100% / 5);padding:0 10px 10px 0;position: relative;line-height: 1.1;}
.list-carname > li .checkbox-carname {display: block;border-right:1px solid #DDDDDD ; border-bottom:1px solid #DDDDDD ;width: 100%;height: 100%;padding: 1.4em 1.4em 0.4em 1.4em}
.list-carname > li .checkbox-carname .name {font-size: 0.6em;}
.list-carname > li .checkbox-carname .photo-carname {width: 100%;height: 0;padding-bottom: 75%; background-size: cover; background-repeat: no-repeat; background-position: center top;position: relative}
.list-carname > li .checkbox-carname input[type=checkbox]{ opacity: 0;position: fixed; left: -10000px;}
.list-carname > li .checkbox-carname input[type=checkbox] + label{padding: 0;margin: 0;width: 100%;height: 100%;display: block;cursor: pointer}
.list-carname > li .checkbox-carname input[type=checkbox] + label::before{content: "";display: block;position: absolute;top: 0;left: 0;width:1.4em;height:1.4em;background-color: #fff; background-image:url("../../../search/img/check-off.png"); background-size: contain; background-position: center center; background-repeat: no-repeat;z-index: 1;}
.list-carname > li .checkbox-carname input[type=checkbox]:checked + label::after{content: "";display: block;position: absolute;top:0;left: 0;width: 1.4em;height:1.4em;background: url("../../../search/img/check-on.png") center center no-repeat;background-size: cover;z-index: 2;}

.ch-8 {color: #0E357F; border-bottom: 2px solid rgba(0,56,117,1.00);padding: 0.6em 0 0; margin: 0 0 1em 0;position: relative;}
/*----------------------------------------------------*/
.list-car-type {display: flex;flex-wrap:wrap;margin-bottom: 1em;}
.list-car-type > li{width: calc(100% / 5);padding:0 10px 10px 0;position: relative;line-height: 1.1;}
.list-car-type > li a {display: block;border-right:1px solid #DDDDDD ; border-bottom:1px solid #DDDDDD ;width: 100%;height: 100%;padding: 1.4em 1.4em 0.4em 1.4em}
.list-car-type > li a .name {font-size: 0.6em;}
.list-car-type > li a .photo-car-type {width: 100%;height: 0;padding-bottom: 75%; background-size: cover; background-repeat: no-repeat; background-position: center top}
.list-car-type > li .checkbox-car-type {width: 1.2em;height: 1.2em;position: absolute;left: 0;bottom: 1em;display: block;}
.list-car-type > li .checkbox-car-type input[type=checkbox]{ opacity: 0;position: fixed; left: -10000px;}
.list-car-type > li .checkbox-car-type input[type=checkbox] + label{position:relative;padding: 0;margin: 0;width: 100%;height: 100%;display: block}
.list-car-type > li .checkbox-car-type input[type=checkbox] + label::before{content: "";display: block;position: absolute;top: 0;left: 0;width:100%;height:100%; background:url("/search/img/check-off.png") center center no-repeat; background-size: cover}
.list-car-type > li .checkbox-car-type input[type=checkbox]:checked + label::after{content: "";display: block;position: absolute;top:0;left: 0;width: 100%;height:100%;background: url("/search/img/check-on.png") center center no-repeat;background-size: cover}
.btns-tab-search {display:none}
.ch-7 {color: #0E357F; border-top: 4px solid rgba(14,53,127,1.00);padding: 0.6em 0 0; margin: 0 0 1em 0;position: relative;}
.ch-7::after {content: '';width: 5em;height: 4px;position: absolute;background: rgba(249,224,32,1.00); left: 0;top: -4px;}
/*----------------------------------------------------*/
.btns-search {display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.btns-search > div + div{padding-left: 1em;}
/*----------------------------------------------------*/
form.contact,
form.contact * {box-sizing: border-box}
form.contact .error{background: #FFEE00;color: #FF0000;padding: 0.3em;font-weight: bold;font-size: 0.8em;line-height: 1.2;margin-bottom: 0.3em; display:none}
form.contact table {width: 100%;border-collapse: collapse;border: 1px solid #DDDDDD;}
form.contact table th {background: #DDEEFF;text-align: left;font-weight: normal;width: 12em;}
form.contact table th.hissu {background: #FDE4D3;}
form.contact table th,
form.contact table td {border: 1px solid #DDDDDD;padding: 0.8em;}
form.contact input[type="tel"] ,
form.contact input[type="email"] ,
form.contact input[type="text"] {width: 100%;max-width: 62%}
form.contact input[type="text"].half {width: 45%; padding-right: 5px; }
form.contact textarea  {width: 100%;max-width: 62%}
form.contact select {width: 100%;max-width: 62%}
form.contact .checkbox-group + .checkbox-group  {margin-top: 0.6em;}
form.contact .checkbox-group input[type="checkbox"]  {vertical-align:baseline; -ms-transform: scale(1.6); /* IE */
-moz-transform: scale(1.6); /* FF */
-webkit-transform: scale(1.6); /* Safari and Chrome */
-o-transform: scale(1.6); /* Opera */
transform: scale(1.6);
padding: 0.5em;margin-left: 0.4em;}
form.contact .checkbox-group input[type="checkbox"] + label { margin-left:0.6em;display: inline;}
form.contact .privacy-outer {width: 100%;height: 10em;overflow-y: auto;border: 1px solid #DDDDDD;padding: 1em;margin-bottom: 1em;}
form.contact .privacy-outer h1,
form.contact .privacy-outer h2,
form.contact .privacy-outer h3{font-size: 1em !important;}
form.contact .btn-outer {text-align: center;}
form.contact .btn-outer .btn {width: 33.33%;}
/*----------------------------------------------------*/
.close-modal {display: none;}
.modal-outer {position: relative;z-index: 100000;background: #FFF;}
.modal-outer .form-refine {padding: 0.5em 2%;box-sizing: border-box}
.modal-outer .form-refine .close-modal, .modal-outer .form-refine2 .close-modal {display: block;}
.modal-outer .section-search{display:block !important}
.modal-outer .close-modal {display: block;}
/*----------------------------------------------------*/

.radio-lg {}
.radio-lg input[type=radio]{ opacity: 0;position: fixed; left: -10000px;}
.radio-lg input[type=radio] + label{padding-left:2em;position:relative;margin-right:0;margin-bottom: 0;font-size: 1em;padding-top: 0.2em;cursor: pointer}
.radio-lg input[type=radio] + label::before{content: "";display: block;position: absolute;top: 0;left: 0;width: 20px;height:20px;border: 1px solid #929292;border-radius: 50%;}
.radio-lg input[type=radio]:checked + label{}
.radio-lg input[type=radio]:checked + label::after{content: "";display: block;position: absolute;top:3px;left: 3px;width: 16px;height: 16px;background: #DC2828;border-radius: 50%;}
.checkbox-inline, .radio-inline {position: relative;display: inline-block;padding-left: 0.1em;}

.chk-lg input[type=checkbox]{ opacity: 0;position: fixed; left: -10000px;}
.chk-lg input[type=checkbox] + label{padding-left:2em;position:relative;margin-right:0;margin-bottom: 0;font-size: 1em;padding-top: 0.3em;cursor: pointer}
.chk-lg input[type=checkbox] + label::before{content: "";display: block;position: absolute;top: 0;left: 0;width: 20px;height:20px;border: 1px solid #929292;border-radius: 50%;}
.chk-lg input[type=checkbox]:checked + label{}
.chk-lg input[type=checkbox]:checked + label::after{content: "";display: block;position: absolute;top:3px;left: 3px;width: 16px;height: 16px;background: #DC2828;border-radius: 50%;}
.chk-lg input[type=checkbox] + label span { vertical-align: top }
/*----------------------------------------------------*/
.btn-carname {display: block;text-align: center;border: 1px solid #ccc;padding: 0.4em 0;cursor: pointer;border-radius: 0.4em; letter-spacing:initial;}
.btn-carname.selected {background: #FFC000;color: #333;}
/*----------------------------------------------------*/
.modal-carname,
.modal-carname * {box-sizing: border-box}
.modal-carname {max-width:1000px;margin-left: auto; margin-right: auto;padding-bottom: 6em;}
.modal-carname header{background: #234C94;color: #FFF; text-align: center;padding: 0.2em 0;font-weight: bold;font-size: 1.2em;}
.modal-carname .container {padding: 0 4%;}

.link-car-initial {display: flex;flex-wrap:wrap;width: 100%;}
.link-car-initial li{border: 1px solid #CCCCCC;margin-left: -1px; margin-top: -1px;font-size: 0.9em;-webkit-flex-grow : 1;-ms-flex-grow: 1;flex-grow: 1;}
.link-car-initial li a,
.link-car-initial li span {padding: 1em 0;display:block;text-align: center;background: #F7F7F7;height: 100%; }
.link-car-initial li span{color: #E0E0E0;}
.btn-close-carname {position: fixed;left: 0;bottom: 0;width: 100%;background-color:#FFF;border-top: 1px solid #C0C0C0;padding: 0.5em;z-index: 20000;margin-bottom: 0 !important;text-align: center;}
.btn-close-carname div {display: inline-block}
.btn-close-carname span {cursor: pointer;display: table-cell;background: #234C94;color: #FFF; text-align: center;padding: 1em 1.5em;border-radius: 0.4em;vertical-align: middle}
.btn-close-carname span.search {padding: 1.5em; background: #119041;}
/*----------------------------------------------------*/
.body-inner-wrapper {height: 0;overflow:hidden}
.ch-5 {background: #999999;color: #FFF;padding:0.4em 0 0.4em 0.6em;margin-bottom: 0.5em;}
.col-pd-c {width:calc(100% + 30px);margin-left: -15px;margin-right: -15px;}
/*----------------------------------------------------*/
.fixed-btn-teian {background: #DAE3F4;position: fixed;bottom: 0;left: 0;width: 100%;z-index: 8000;padding: 1em 0;display: none;}
.fixed-btn-teian,*{line-height: 1;}
.fixed-btn-teian .flex-teian {display: flex;margin: 0 auto;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.fixed-btn-teian .flex-teian a {color: #0052AD;text-decoration: underline}
.fixed-btn-teian .flex-teian .col-icon {padding-left: 0.5em;-webkit-transform: scaleX(-1);transform: scaleX(-1);}
.fixed-btn-teian .flex-teian .col-text {line-height: 1.1;text-align: center;}


@media only screen and (max-width: 767px){
.hidden-xs {display: none !important}
.visible-xs {display: block !important}
.mgb-sp-0 {margin-bottom: 0 !important; }
.mgb-sp-sm {margin-bottom: 1em !important; }
.pdd-sp-0-15 {padding: 0 15px;position: absolute}
.flex-list > li {font-size: 0.8em;}
.body-types > li {height: 3.8em;}
/*----------------------------------------------------*/
.form-body {padding:5px;border-top: solid 3px #f9e020;}
.form-groups {margin: 0;width: 100%;}
.flex-list {padding: 0;margin-bottom: 10px}
.maker-tabs li {width: 40%;padding: 0.65em 0;}
/*----------------------------------------------------*/
.form-proposal .form-left,
.form-proposal .form-right { width: 100% !important}
/*----------------------------------------------------*/
.form-zero .service_detail{width: 100%;float: none}
.form-zero .search_box01 { width:100%;float: none}
.form-zero .search_tbl_set02 table,
.form-zero .search_tbl_set02 tbody,
.form-zero .search_tbl_set02 thead,
.form-zero .search_tbl_set02 tr,
.form-zero .search_tbl_set02 th,
.form-zero .search_tbl_set02 td {display: block;width: 100%;}
.form-zero .search_tbl_set02 th.dbl img {float: none;}
.form-zero .search_tbl_set02 th.dbl span {display: inline-block;float: none;line-height: 1.2;}
.form-zero .search_tbl_set01 table,
.form-zero .search_tbl_set01 tbody,
.form-zero .search_tbl_set01 thead,
.form-zero .search_tbl_set01 tr,
.form-zero .search_tbl_set01 th,
.form-zero .search_tbl_set01 td{display: block;width: 100%;}
.form-zero .search_tbl_set01 th {text-align: left;}
.form-zero .search_tbl_set02 th,
.form-zero .search_tbl_set01 th {background: var(--c-key); color: #FFF;padding: 0.3em;line-height: 1;margin-bottom: 0.6em;font-size: 1.4rem;}
.form-zero .search_fm_txt input[type="text"] {width: 100%;font-size: 1.2em;}
.form-zero .search_fm_txt input[type="tel"] {width: 100%;font-size: 1.2em}
.form-zero table .wrap {width: 100%;font-size: 1.2em}
/*----------------------------------------------------*/
#formframe {width: 100%;}
/* 2019/11/14 */
/*search-results---------------------------------------------------*/
.search-results .flex-result > div:nth-child(1)
{width:60% !important ;}
.search-results .flex-result > div:nth-child(2)
{width:40% !important ;font-size: 3vw;}
.search-results .flex-result .col-left {flex-wrap: wrap}
.search-results .flex-result .col-left > div {padding-right: 0.5em;}
.search-results .flex-result .col-left > div:nth-child(1)
{ width:100% ;margin-bottom: 0.5em}
.search-results .flex-result .col-left > div:nth-child(2)
{ width:100% ;}
.search-results .flex-result .col-right > div {width: 100% !important;}
.search-results .flex-result .col-right .conversion {display: none}
.search-results .flex-result .col-right > div {width: 100%;}
.search-results .flex-result .col-right > div:nth-child(1)
{order: 1; }
.search-results .flex-result .col-right > div:nth-child(2)
{order: 3}
.search-results .flex-result .col-right > div:nth-child(3)
{order: 2;margin-bottom: 1em;}
.search-results .flex-result .col-right .flex-store {flex-wrap: wrap;text-align: left}
.search-results .flex-result .col-right .flex-store> dl {width: 100%;}
.search-results .flex-result .col-right .flex-store > dl + dl{padding-left: 0;}
.search-results .flex-result .col-right .flex-store > dl{margin-bottom: 1em;}
.search-results .list-spec > li {width: 50%;}
.search-results .list-spec {margin: 0;}
.search-results .price {text-align: left;line-height: 1.1;font-size: 1em;margin-bottom: 0.5em;}
.search-results .price strong {font-size: 1.8em;}
.search-results .table-spec tr {display: table-row;width:calc(100%);vertical-align: top; margin-left: -3px; margin-top: -1px}
.search-results .table-spec th, .search-results .table-spec td {padding: 1.1em 0.2em;}
/*----------------------------------------------------*/
.search-results .btn-detail {font-size: 0.9em;}
.flex-conversion,
.flex-conversion * {box-sizing: border-box}
.flex-conversion{width:100%;display: flex;margin-top: 0.5em;background: #DAE3F3;}
.flex-conversion > div {width: 50%;padding: 0.5em 0.5em;}
.flex-conversion > div a {font-size:3.2vw;white-space: nowrap}
/*----------------------------------------------------*/
.ch-4 {width: calc(100% + 4%);margin-left: -2%; margin-right: -2%;box-sizing: border-box}
.ch-6 {width: calc(100% + 4%);margin-left:-2%;margin-right: -2%;padding-left: 1em;}
.btn-tel {padding: 1.2em 0.1em;}
.search-results {padding: 0px 5px;}
/*----------------------------------------------------*/
.form-refine .col-pd-1 {float: none;width: 100%;padding-right: 0;}
.form-refine .col-pd-c {float: none;width:100%;padding-right: none;margin-bottom: 1em;}
/*----------------------------------------------------*/
.dl-table-1 {width: 100%;margin: 0 0 0.5em 0;}
.dl-table-1 dt { width: 5.7em;background: #999999;color: #FFF;padding-left: 0.6em;}
.dl-table-1 dt small {font-size: 0.5em;}
.dl-table-1 dd {padding-left: 0.5em;}
/*----------------------------------------------------*/
.btns-car-initial {flex-wrap: wrap;margin-bottom: 1em;width: 104%;margin-left:-2%;margin-right: -2%;/*! -webkit-box-pack: justify; *//*! -ms-flex-pack: justify; *//*! justify-content: space-between; */}
.btns-car-initial > li {width: calc((100% / 6) + 1px);padding: 1em 0;}
/*----------------------------------------------------*/
.list-carname {width: calc(100% + 4%);margin-left:-2%;margin-right: -2%;}
.list-carname > li {width: 100%;padding: 0;}
.list-carname > li .checkbox-carname {border-right: none;height: auto;width: calc(100% - 4em);padding:5px 0px 5px 4em;width: 100%; }

.list-carname > li .checkbox-carname input[type=checkbox] + label::before{width: 4em;height: 4em;top: 5px;}
.list-carname > li .checkbox-carname input[type=checkbox]:checked + label::after{width:4em;height:4em;top: 5px;}

.list-carname > li .checkbox-carname .photo-carname {width: 5em;height: 4em;padding-bottom: 0;margin-left: 0.5em}

.list-carname > li .checkbox-carname .name {display: block;font-size: 0.9em; position: absolute;left: 11em;top: 50%;width: calc(100% - 12em);-webkit-transform: translate(0,-50%);transform: translate(0,-50%);}
/*----------------------------------------------------*/
.list-car-type {width: calc(100% + 4%);margin-left:-2%;margin-right: -2%;}
.list-car-type > li {width: 100%;height: 4.4em;padding: 0;}
.list-car-type > li a {border-right: none;height: auto;width: calc(100% - 4em);position: relative;top: 0;left: auto;padding: 1px 1px 4px 4em;width: 100%; background-image: url("/search/img/icon_arrow_right.png") ; background-position: right 7px bottom 50%; background-repeat: no-repeat; }
.list-car-type > li .checkbox-car-type {width: 3.6em;height: 3.6em;bottom: auto;top: 1px;margin-top: 0;left: 3px;}
.list-car-type > li a .photo-car-type {width: 5em;height: 3.8em;padding-bottom: 0;}
.list-car-type > li a .name {display: block;font-size: 0.9em; position: absolute;left: 11em;top: 50%;margin-top: -0.5em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: calc(100% - 14em);}
.w-sp-full {width: 80%;padding: 1.2em 0;margin-left: auto; margin-right: auto;display: block}
/*----------------------------------------------------*/
.panel-refine {display: none;}
.btns-tab,
.btns-tab * {box-sizing: border-box;line-height: 1;}
.btns-tab {width: calc(100% + 4%);margin-left:-2%;margin-right: -2%;display: flex;border-top: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.btns-tab > li {width:calc(100% / 3);text-align: center;padding: 0.8em 0;}
.btns-tab > li + li {border-left: 1px solid #CCCCCC;}
.btns-tab > li img {vertical-align: text-bottom;width: 1.4em;height: auto;}
.btns-tab > li strong{font-size: 1.2em;color: #0E357F;}
.btns-tab .tab-refine,
.btns-tab .tab-sort {cursor: pointer}
/*----------------------------------------------------*/
.btns-tab-search {display: flex;}
.btns-tab-search > li {width: 33.33%;background: #ffffff; background: -moz-linear-gradient(top, #ffffff 1%, #ededed 100%); background: -webkit-linear-gradient(top, #ffffff 1%, #ededed 100%); background: linear-gradient(to bottom, #ffffff 1%, #ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); border: solid 1px #ccc;text-align: center;font-size: 0.8em;font-weight: bold;padding: 1.2em 0; cursor: pointer}
.btns-tab-search > li:first-child {border-radius: 0.3em 0 0 0;}
.btns-tab-search > li:last-child {border-radius:0 0.3em 0 0;}
.btns-tab-search > li.active {background: #FFF;border-bottom: none;border-top:4px solid #244C94;color: #244C94;}
/*----------------------------------------------------*/
.btns-tab-type {display: flex;}
.btns-tab-type > li {width: 50%;background: #ffffff; background: -moz-linear-gradient(top, #ffffff 1%, #ededed 100%); background: -webkit-linear-gradient(top, #ffffff 1%, #ededed 100%); background: linear-gradient(to bottom, #ffffff 1%, #ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); border: solid 1px #ccc;text-align: center;font-size: 0.8em;font-weight: bold;padding: 1.2em 0; cursor: pointer}
.btns-tab-type > li:first-child {border-radius: 0.3em 0 0 0;}
.btns-tab-type > li:last-child {border-radius:0 0.3em 0 0;}
.btns-tab-type > li.active {background: #FFF;border-bottom: none;border-top:4px solid #244C94;color: #244C94;}
/*----------------------------------------------------*/
.list-maker {flex-wrap: wrap;border: none}
.list-maker > li {width:calc(100% / 5); }
.list-maker > li a img { max-width: 70%;}
.list-maker > li a span { display: block;font-size: 0.8em;padding: 0.1em 0 0 ;font-weight: normal;background: #fff;line-height: 1.2;}
.list-maker > li a div {padding: 1em 0 0;}
.list-maker > li a.all strong {max-width: 70%;padding-bottom: 70%;overflow: visible;}
.list-maker > li a.all {background: #FFF; color: #333;}
.list-maker > li a.all span {background: #FFF; color: #333;}
.list-maker > li {order: 1}
.list-maker > li:first-child {order: 2}
/*----------------------------------------------------*/
.list-bodytype {border:none;flex-wrap: wrap}
.list-bodytype > li { font-size:0.8em ;width:calc(100% / 3) ;}
.list-bodytype > li a {display: block;padding: 0;}
.list-bodytype > li a span {padding:0.6em 0 0;line-height: 1.2;}
/*----------------------------------------------------*/
.tc-bodytype {display: none;}
/*----------------------------------------------------*/
.list-area {flex-wrap: wrap;border: none}
.list-area > div {width: 100%;padding: 0;}
.list-area > div:last-child {padding-top: 0;}
.list-area > div dl {border-bottom: 1px solid #DEDEDE;margin-top: 1.6em;}
.list-area > div dl:last-child {padding-bottom:0;}
.list-area > div:last-child dl:last-child {padding-bottom:0;}
.list-area dl dd {margin: 0 1em 1.6em 0;}
/*----------------------------------------------------*/
.list-kodawari {flex-wrap: wrap;}
.list-kodawari > div{width: 100%;}
/*----------------------------------------------------*/
.list-kodawari > div {padding: 0;}
.list-kodawari .list-kakaku dd,
.list-kodawari .list-soko dd,
.list-kodawari .list-year dd{display: none}
.list-kodawari dl dd {margin: 0;padding:0;border-bottom: 1px solid #DEDEDE;margin: -1px;}
.list-kodawari dl dd:nth-child(even)
{border-right: 1px solid #DEDEDE;}
.list-kodawari dl dd a { display: block;padding: 1em;}
.list-kodawari dl dt {margin: 0;padding:1.2em 1em;position: relative;border-bottom: solid 1px #ccc;margin-bottom: -1px;background : -moz-linear-gradient(50% 100% 90deg,rgba(238, 238, 238, 1) 0%,rgba(254, 254, 254, 1) 100%) ;background : -webkit-linear-gradient(90deg, rgba(238, 238, 238, 1) 0%, rgba(254, 254, 254, 1) 100%);background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(238, 238, 238, 1) ),color-stop(1,rgba(254, 254, 254, 1) ));background : -ms-linear-gradient(90deg, rgba(238, 238, 238, 1) 0%, rgba(254, 254, 254, 1) 100%);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#FEFEFE' ,GradientType=0)";background : linear-gradient(0deg, rgba(238, 238, 238, 1) 0%, rgba(254, 254, 254, 1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFEFE',endColorstr='#EEEEEE' , GradientType=0);}
.list-kodawari dl dt::after {content: '';display: block;width: 1.6em;height: 1.6em;background-image:url("/search/img/icon_plus_alt.png"); background-size: cover;position: absolute;right: 6px;top: 50%;margin-top: -0.8em}
.list-kodawari dl dt.active::after {background-image:url("/search/img/icon_minus_alt.png"); }
/*----------------------------------------------------*/
.list-filtering,
.list-filtering * {box-sizing: border-box;margin: 0;list-style: none}
.list-filtering {border-top: 1px solid #CCCCCC;padding:0.8em 1em 0.8em 1em;}
.list-filtering dt {font-weight: bold;margin-bottom: 0.2em;}
.list-filtering dd {font-size:0.9em; min-height: 1em}
.btn-filtering {display: block;cursor: pointer;padding-right: 2em; background-image: url("../../../common/img/icon_arrow_right_thin.png"); background-size:8px 12px; background-repeat: no-repeat;background-position:right 0.5em center}
/*----------------------------------------------------*/

/*----------------------------------------------------*/
.modal-filtering,
.modal-filtering * {box-sizing: border-box}
.modal-filtering header{background: #0E357F;}
.modal-filtering header h1 {margin: 0;padding: 0.3em 0 0.3em 0.5em;width: 40%;line-height: 1;}
.modal-filtering header h1 img {width: 100%; max-width: 100%}
.modal-filtering .container {padding: 0 4%;}
/*----------------------------------------------------*/
.list-flag {display: flex;flex-wrap:wrap; }
.list-flag li{width:calc(100% / 4) ;border: 1px solid #CCCCCC;margin-left: -1px; margin-top: -1px;font-size: 0.9em;}
.list-flag img {height: 2em;width: auto;margin-bottom: 0.3em}
.list-flag li span {padding: 0.6em 0;display:block;text-align: center;background: #F7F7F7;height: 100%;}
.list-flag li span {opacity: 0.2;}
.list-flag li a,
.list-flag li a *{opacity: 1 !important;}
/*----------------------------------------------------*/
.select-maker,
.select-maker * {display: block;}
.select-maker {border-top: 1px solid #CCCCCC;}
.select-maker li {cursor: pointer; background-image: url("../../../common/img/icon_arrow_right_thin.png"); background-size:8px 12px; background-repeat: no-repeat;background-position:right 0.5em center;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-bottom: 1px solid #CCCCCC;}
.select-maker li .name {flex:1;font-weight: bold;padding: 1em 0 1em 1em;}
.select-maker li .number {width: 8em;text-align: right;padding: 1em 2em 1em 0;font-size: 0.8em;}
/*----------------------------------------------------*/
.select-cartype,
.select-cartype * {display: block;}
.select-cartype {border-top: 1px solid #CCCCCC;}
.select-cartype li {cursor: pointer; background-image: url("../../../common/img/icon_arrow_right_thin.png"); background-size:8px 12px; background-repeat: no-repeat;background-position:right 0.5em center;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-bottom: 1px solid #CCCCCC;}
.select-cartype li .photo {width: 6em;/*! font-weight: bold; */
padding: 1em 0 1em 0;}
.select-cartype li .photo > div {width:100%;height:0;padding-bottom: 71%;background-position: center center; background-size: cover}
.select-cartype li .name {flex:1;font-weight: bold;padding: 1em 0 1em 1em;}
.select-cartype li .number {width: 8em;text-align: right;padding: 1em 2em 1em 0;font-size: 0.8em;}
/*----------------------------------------------------*/
.link-car-initial {display: flex;flex-wrap:wrap;width: 100%;}
.link-car-initial li{border: 1px solid #CCCCCC;margin-left: -1px; margin-top: -1px;font-size: 0.9em;-webkit-flex-grow : 1;-ms-flex-grow: 1;flex-grow: 1;}
.link-car-initial li a,
.link-car-initial li span {padding: 1em 0;display:block;text-align: center;background: #F7F7F7;height: 100%; }
.link-car-initial li span{color: #E0E0E0;}
/*----------------------------------------------------*/
.link-bodytype {display: flex;flex-wrap:wrap;width: 100%;}
.link-bodytype li{border: 1px solid #CCCCCC;margin-left: -1px; margin-top: -1px;-webkit-flex-grow : 1;-ms-flex-grow: 1;flex-grow: 1; width:calc(100% / 4) ;font-size: 0.8em;}
.link-bodytype li a,
.link-bodytype li span {padding: 1em 0;display:block;text-align: center;background: #F7F7F7;height: 100%; }
.link-bodytype li span{color: #E0E0E0;}
.link-bodytype li span img {opacity: 0.2;}
.link-bodytype li img {margin-bottom: 0.5em;display: inline-block}
/*----------------------------------------------------*/
.tc-filter-bodytype {display: none;}
/*----------------------------------------------------*/
.link-area {display: flex;flex-wrap:wrap;width: 100%;}
.link-area li{border: 1px solid #CCCCCC;margin-left: -1px; margin-top: -1px;font-size: 0.9em;width:calc(100% / 4) ;font-size: 0.8em;}
.link-area li a,
.link-area li span {padding: 1em 0;display:block;text-align: center;background: #F7F7F7;height: 100%; }
.link-area li span{color: #E0E0E0;}
/*----------------------------------------------------*/
.select-area,
.select-area * {display: block;}
.select-area {border-top: 1px solid #CCCCCC;}
.select-area li { background-image: url("../../../common/img/icon_arrow_right_thin.png"); background-size:8px 12px; background-repeat: no-repeat;background-position:right 0.5em center;border-bottom: 1px solid #CCCCCC;}
.select-area li .checkbox {display: block;}
.select-area li .checkbox input[type=checkbox] {opacity: 0;position: fixed; left: -10000px;}
.select-area li .checkbox input[type=checkbox] + label {position:relative;margin: 0; width: 100%;cursor: pointer; display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.select-area li .checkbox input[type=checkbox] + label > span.name {flex: 1;font-weight: bold;padding: 1em 0 1em 2em;}
.select-area li .checkbox input[type=checkbox] + label > span.number {width: 8em;text-align: right;font-size: 0.8em;padding: 1em 2em 1em 0;}
.select-area li .checkbox input[type=checkbox] + label::before{content: "";display: block;position: absolute;top: 50%;left: 0;width:1.6em;height:1.6em; background:url("../../../search/img/check-off.png") center center no-repeat; background-size: cover;margin-top: -0.8em;}
.select-area li .checkbox input[type=checkbox]:checked + label::after {content: "";display: block;position: absolute;top: 50%;left: 0;width:1.6em;height:1.6em; background:url("../../../search/img/check-on.png") center center no-repeat; background-size: cover;margin-top: -0.8em;}
/*----------------------------------------------------*/
.btns-set-area { background: #F1F1F1;padding: 1em;border-top: 1px solid #CCCCCC;width: 100%;position:fixed;bottom: 0;z-index: 100;}
.btns-set-area .row-btns {display:flex;width:calc(100% + 1em);margin: 0 -0.5em;}
.btns-set-area .row-btns > div {padding: 0 0.5em;}
.btns-set-area .row-btns > div.outer-clear {width: 30%;}
.btns-set-area .row-btns > div.outer-submit {width: 70%;}
.btns-set-area .row-btns > div * { width: 100%;}
/*----------------------------------------------------*/
.btns-search > div {width: 50%;padding: 0;-webkit-box-pack: justify !important;-ms-flex-pack: justify !important;justify-content: space-between !important;}
.btns-search > div.outer-clear {padding-right: 0.5em;}
.btns-search > div.outer-submit {padding-left: 0.5em;}
.btns-search > div + div{padding: 0;}
.btns-search > div > * {width: 100%;}
/*----------------------------------------------------*/
.btns-search.fixed {position: fixed;left: 0;bottom: 0;width: 100%;background-color: #e3e7f9;border-top: 1px solid #0E357F;padding: 0.5em 1em;z-index: 20000;margin-bottom: 0 !important;}
/*----------------------------------------------------*/
.select-bodytype,
.select-bodytype * {display: block;}
.select-bodytype {border-top: 1px solid #CCCCCC;}
.select-bodytype li {cursor: pointer; background-image: url("../../../common/img/icon_arrow_right_thin.png"); background-size:8px 12px; background-repeat: no-repeat;background-position:right 0.5em center;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-bottom: 1px solid #CCCCCC;}
.select-bodytype li .photo {width: 6em;/*! font-weight: bold; */
padding: 1em 0 1em 0;}
.select-bodytype li .photo > div {width:100%;height:0;padding-bottom: 71%;background-position: center center; background-size: cover}
.select-bodytype li .name {flex:1;font-weight: bold;padding: 1em 0 1em 1em;}
.select-bodytype li .number {width: 8em;text-align: right;padding: 1em 2em 1em 0;font-size: 0.8em;}
/*----------------------------------------------------*/
form.contact table,
form.contact table tbody,
form.contact table tr,
form.contact table th,
form.contact table td {display: block;width: 100%;border: none}
form.contact input[type="tel"],
form.contact input[type="email"],
form.contact input[type="text"],
form.contact textarea {max-width: 100%}
form.contact .btn-outer .btn {width: 100%;}
/*----------------------------------------------------*/
.btn-pagetop { display: none !important}
/*----------------------------------------------------*/
.fixed-btn-sort,
.fixed-btn-sort span {box-sizing: border-box}
.fixed-btn-sort {position: fixed;right: 0;bottom: 9em;background: rgba(14,53,127,0.70);width: 6em;border-radius: 0.4em 0 0 0.4em;color: #FFF; z-index: 200000;}
.fixed-btn-sort span {display: block;text-align: center;padding:1em 0;white-space: nowrap;cursor: pointer}

.fixed-btn-refine,
.fixed-btn-refine span {box-sizing: border-box}
.fixed-btn-refine {position: fixed;right: 0;bottom: 8em;background: rgba(14,53,127,0.70);width: 6em;border-radius: 0.4em 0 0 0.4em; display: none; color: #FFF; z-index: 200000;}
.fixed-btn-refine span {display: block;text-align: center;padding:1em 0;white-space: nowrap;cursor: pointer}

.fixed-btn-pagetop,
.fixed-btn-pagetop a {box-sizing: border-box}
.fixed-btn-pagetop {position: fixed;right: 0;bottom: 4em;background: rgba(0,0,0,0.50);width: 6em;border-radius: 0.4em 0 0 0.4em; display: none; z-index: 200000;}
.fixed-btn-pagetop a {display: block;text-align: center;padding:1em 0;white-space: nowrap}
.fixed-btn-pagetop a img {width: 1em;}

/*----------------------------------------------------*/
.form-group-title.bt{margin-bottom: auto;}

/*----------------------------------------------------*/
.modal-carname .fixed-btn-pagetop {bottom: 5em;}
.list-color > li { width:calc(100% / 2);padding: 4px;line-height: 1;}
.col-pd-c {width:calc(100%);margin-left: auto;margin-right:auto;}
.list-color > li span {padding: 0.5em 1em;}
.list-color input[type="checkbox"] + label {padding-top: 0.4em;}
.list-color input[type="checkbox"] + label::before {width: 1.4em;height: 1.4em;}
.list-color input[type="checkbox"]:checked + label::after {width: 10px;height: 10px;background-size: 10px 10px;}
/*----------------------------------------------------*/
.search-results .outline{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;border-top: none}
.search-results .outline .title {width: 100%;border-right: none;}
.search-results .outline .title span {text-align: center;display: block;position: relative;}
.search-results .outline .title span strong {display: inline-block;background: #FFF;width: auto;padding: 0 1em;}
.search-results .outline .title span::before {width:92%;height: 1px;background: #0055AA;position: absolute;left: 0;top: 0.5em;content: '';z-index: -1;padding: 0 1em;}
.search-results .outline .body-text {text-align: left;} 
/*----------------------------------------------------*/
.ranking-model-other {display: flex; flex-wrap:wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.ranking-model-other .ranking-title {font-size: 1rem;}

.chk-lg input[type=checkbox] + label span { vertical-align: sub }

}

@media (min-width:360px) and (max-width:767px){
.search-results {padding: 0px 2% !important;}
}

@media only screen and (max-width: 359px){
.search-results {padding: 0px 2% !important;}
}

/*202102追加----------------------------------------------------*/
.lh-lg {line-height: 1.6;}
.d-none {display: none;}

/**/
.wrapper-filter{font-family: "BIZ UDPゴシック", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif; font-weight: 500;-webkit-font-feature-settings: 'palt';font-feature-settings: 'palt';}
/**/
.section-search,
.section-search *{box-sizing: border-box;}
.section-search{width: 100%; max-width: 1020px;margin-left: auto;margin-right: auto; padding-left: 0;padding-right: 0;font-family: "BIZ UDPゴシック", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif; font-weight: 500;-webkit-font-feature-settings: 'palt';font-feature-settings: 'palt';}
.tabs-search {border: 2px solid #F9E020;padding: 0.4em;margin-top: -2px;}
.tabs-search-list-outer {background: #244c94;padding: 0.6em 0.3em 0 0.3em;border-bottom: 3px solid #F9E020;}
.tabs-search-list-title {color: #fff;text-align: center;margin-bottom: 0.6em;font-size: 0.9em;}
.tabs-search-list {display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.tabs-search-item {	padding: 0 0.3em;width: 33.33%;}
.tabs-search-link {display: block;padding: 0.8em 0;text-align:  center;color: #0E357F;background: #D2DEF4;border-radius: 0.6em 0.6em 0 0;line-height: 1;font-size: 0.9em;white-space: nowrap; cursor: pointer}
.tabs-search-item.current .tabs-search-link{background: #F9E020;color: #244C94;}

/**/
.btn-anchor-proposal{background : -moz-linear-gradient(50% 100% 90deg,rgba(238, 34, 4, 1) 0%,rgba(241, 96, 37, 1) 100%);
background : -webkit-linear-gradient(90deg, rgba(238, 34, 4, 1) 0%, rgba(241, 96, 37, 1) 100%);
background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(238, 34, 4, 1) ),color-stop(1,rgba(241, 96, 37, 1) ));
background : -ms-linear-gradient(90deg, rgba(238, 34, 4, 1) 0%, rgba(241, 96, 37, 1) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EE2204', endColorstr='#F16025' ,GradientType=0)";
background : linear-gradient(0deg, rgba(238, 34, 4, 1) 0%, rgba(241, 96, 37, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F16025',endColorstr='#EE2204' , GradientType=0);
color: #FFF;font-weight: bold;text-align: center;display: block;border-radius: 0.3em;border: 1px solid #B42006;position: absolute;right: 0.8em;top: 50%;transform: translate(0,-50%);line-height: 1.2;font-size: 1.4rem;padding: 0.6em 0.4em;
}
.h-search-order-text {position: absolute;width: 41%;left: 29.5%;top: 50%;transform: translate(0,-50%);}
.form-stock header,
.form-stock header *{box-sizing: border-box}
#ancProposal {display: block;padding-bottom: 0em;margin-bottom: -2em}

@media (max-width: 910px){
.h-search-order-text {width: 35%}
}

/*見出し*/
.h-bg-navy{background: #244C94;font-weight: bold;text-align: center;color: #fff;font-size: 1em;padding: 0.4em 0;letter-spacing: 0.1em;margin: 0;}
.h-navy {color: #244c94;font-size: 1em;font-weight: bold;margin: 0;}
.h-bdtb {color: #244c94;border-top: 1px solid #244c94;border-bottom: 1px solid #244c94;padding: 0.6em 0.3em; margin-bottom: 1em;}
/**/
.row-flex {display: flex;width: calc(100% + 1em);margin-left: -0.5em;margin-right: -0.5em;}
.col-flex-sm-6 {width: 50%;padding: 0 0.5em;}
/**/
.section-search-content + .section-search-content {margin-top: 2em;}
/**/
.list-flex-maker {display: flex;width:calc(100% + 0.4em);margin-left: -0.2em;margin-right: -0.2em;flex-wrap: wrap;}
.list-flex-maker-item{padding: 0.2em;width: 20%;}
/**/
.list-flex-bodytype {display: flex;width:calc(100% + 0.4em);margin-left: -0.2em;margin-right: -0.2em;flex-wrap: wrap;padding: 0.1em;}
.list-flex-bodytype-nowrap {flex-wrap: nowrap;}
.list-flex-bodytype-item{padding: 0.2em;width: 25%;}
.list-flex-bodytype-nowrap .list-flex-bodytype-item{width: 12.5%;}
.list-flex-bodytype-nowrap .btn-gradation-gray-name {margin-top: 0.5em;}
/**/
.btn-gradation-gray {;background: -moz-linear-gradient(top, #ffffff 1%, #ededed 100%);
background: -webkit-linear-gradient(top, #ffffff 1%, #ededed 100%);
background: linear-gradient(to bottom, #ffffff 1%, #ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
border: solid 1px #ccc;border-radius: 0.3em;display: flex;height: 100%;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 0.1em 0;letter-spacing: 0;cursor: pointer;}
.btn-gradation-gray:hover {background: -moz-linear-gradient(top, #ededed 1%, #ffffff 100%);
background: -webkit-linear-gradient(top, #ededed 1%, #ffffff 100%);
background: linear-gradient(to bottom, #ededed 1%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 );text-decoration: none;}
.btn-gradation-gray-image {width:3.6em;height:auto}
.btn-gradation-gray-name {display: block;white-space: nowrap; font-size: 0.8em;text-align:  center;line-height: 1.6;color: #333;}
.btn-gradation-gray-image + .btn-gradation-gray-name {height: 2.4em;line-height: 1;}
.btn-gradation-gray.selected {background-color: #006DB7;color: #FFF;background-image: url(../../../common/img/checked-nuki.png);background-repeat: no-repeat;background-size: 1em;background-position: left 1px top 1px;}
.btn-gradation-gray.selected .btn-gradation-gray-name{color: #fff;}


/**/
.btn-gradation-gray-h {;background: -moz-linear-gradient(top, #ffffff 1%, #ededed 100%);
background: -webkit-linear-gradient(top, #ffffff 1%, #ededed 100%);
background: linear-gradient(to bottom, #ffffff 1%, #ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
border: solid 1px #ccc;border-radius: 0.3em;display: flex;height: 100%;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding:1.6em 0.6em;letter-spacing: 0;}
.btn-gradation-gray-h:hover {background: -moz-linear-gradient(top, #ededed 1%, #ffffff 100%);
background: -webkit-linear-gradient(top, #ededed 1%, #ffffff 100%);
background: linear-gradient(to bottom, #ededed 1%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 );text-decoration: none;}
.btn-gradation-gray-h-image {width:4em;height:auto}
.btn-gradation-gray-h-name {display: block;white-space: nowrap; font-size: 0.8em;color: #333;flex:1;padding-left: 0.6em;}
/**/
.form-body-inside {border:none;margin: 0;padding: 0;}
/**/
.table-th-bg-gray {width: 100%;border-top: 1px solid #E6E6E6;border-collapse: collapse;margin-top: -1px;;}
.table-th-bg-gray th {background: #F2F2F2;text-align: left;white-space: nowrap;width: 7em;}
.table-th-bg-gray th,
.table-th-bg-gray td {padding:1em 1em 1em 1em ;border-bottom: 1px solid #E6E6E6;height:4.6em;vertical-align: middle}
.table-th-bg-gray .flex-list {margin-bottom: 0;}
/**/
.flex-list > li {padding: 0.5em;}
/**/
.radio-lg input[type="radio"] + label {padding-top: 0.4em;}
.radio-lg input[type="radio"] + label spam{vertical-align: middle}
.radio-lg input[type=radio] + label::before {width: 1.6em;height: 1.6em;border: 0.1em solid #929292;}
.radio-lg input[type=radio]:checked + label::after {top: 0.3em;left: 0.3em;width: 1.2em;height: 1.2em;}

/**/
.chk-lg input[type="checkbox"] + label {padding-top: 0.3em;}
.chk-lg input[type="checkbox"] + label spam{vertical-align: middle}
.chk-lg input[type=checkbox] + label::before {width: 1.6em;height: 1.6em;border: 0.1em solid #929292;}
.chk-lg input[type=checkbox]:checked + label::after {top: 0.3em;left: 0.3em;width: 1.2em;height: 1.2em;}


/*車名一覧*/
.list-category,
.list-category * {box-sizing: border-box;}
.list-category{display: flex;flex-wrap: wrap}
.list-category-item{width: 25%;padding: 1em;position: relative;display: block;margin-bottom: 2em;}
.list-category-item:hover{box-shadow:0px 0px 20px 0px rgba(0,0,0,0.15);}
.list-category-item-link{display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height: 100%;}
.list-category-item-figure{width: 100%;margin: 0;padding: 0;height: 8.6em;}
.list-category-item-figure-image{width: 80%;display: block;margin-left: auto;margin-right: auto;;}
.list-category-item-name{font-weight: bold;margin-left: 2em; word-break: break-word;margin-top: 0.3em;flex:1 1 auto;display: flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;}
.list-category-item-count{font-size: 0.7em;white-space: nowrap;display: inline-block}
/*車名一覧チェックボックス*/
.list-category-item-checkbox{position: absolute;left: 1em;bottom: 0.9em;z-index: 1;}
.list-category-item-checkbox-inner input[type=checkbox]{ opacity: 0;position: fixed; left: -10000px;}
.list-category-item-checkbox-inner input[type=checkbox] + label{display: block;overflow: hidden;text-indent: -10000px;width: 1.8em;height: 1.8em;position: relative;color: #fff;}
.list-category-item-checkbox-inner input[type=checkbox] + label::before{content: "";display: block;width: 1.6em;height:1.6em;background-color:#E5E1E3;border: 0.1em solid  #F0F0F0;border-radius: 0.2em ;box-shadow:inset 0.2em 0.2em 0.2em #C7BFC3, inset -0.2em -0.2em 0.2em #fff;}
.list-category-item-checkbox-inner input[type=checkbox]:checked + label::before {background: #006DB7;box-shadow:inset 0.2em 0.2em 0.2em #005893, inset -0.2em -0.2em 0.2em #7DCAFF;}
.list-category-item-checkbox-inner input[type=checkbox]:checked + label::after{content: "";display: block;position: absolute;top:0.2em;left: 0.5em;width: 0.4em;height: 0.8em;border-radius: 0;border-right: 0.3em solid #fff;border-bottom: 0.3em solid #fff;-webkit-transform: rotate( 45deg );transform: rotate( 45deg );}

/*fixed 検索ボタン*/
.fixed-btns,
.fixed-btns * {box-sizing: border-box}
.fixed-btns {background: #D9E3F4;position:fixed;left:0;bottom: 0;width: 100%;z-index: 10;padding:0;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.col-btn-clear {padding: 0.5em;}
.col-btn-search {padding: 0.5em;}
.fixed-btns-clear {background: #fff;border-radius: 0.3em;box-shadow: 1px 1px #a1a1a1;color: #333;cursor: pointer;display: inline-block;font-size: 1em;letter-spacing: normal;padding:0.6em;font-size: 0.9em;text-align: center;}
.fixed-btns-search{background: #FF3400;color: #fff;border-radius: 0.3em;box-shadow: 1px 1px #CB2900;color: #fff;cursor: pointer;display: inline-block;font-size: 1.2em;letter-spacing: normal;padding:1em 3em;margin-left: 1em;}

/**/

.flex-section-search {display: flex; margin-bottom: 0.5em;}
.flex-section-search-title {width: 7em;}
.flex-section-search-title-small{font-size: 0.6em;display: block;margin-top: 0.3em;}
.flex-section-search-body{flex-grow: 1;flex-shrink: 1;flex-basis:calc(100% - 7em);}

/*202112追加----------------------------------------------------*/
.section-history-search,
.section-history-search * {box-sizing: border-box;text-decoration: none !important;line-height: 1;}
.section-history-search{ margin-bottom: 0.4em;}
.section-history-search-btns{display: flex;width: calc(100% + 1em);margin-left: -0.5em;margin-right: -0.5em;}
.section-history-search-btns-item{padding: 0 0.5em;width: 50%;}
.btn-history-search{background: -moz-linear-gradient(top, #ffffff 1%, #ededed 100%);
background: -webkit-linear-gradient(top, #ffffff 1%, #ededed 100%);
background: linear-gradient(to bottom, #ffffff 1%, #ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
border: solid 1px #ccc;border-radius: 0.3em;
display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
padding: 0.0em;height: 2.8em;
}
.btn-history-search:hover{background: -moz-linear-gradient(top, #ededed 1%, #ffffff 100%);
background: -webkit-linear-gradient(top, #ededed 1%, #ffffff 100%);
background: linear-gradient(to bottom, #ededed 1%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 );text-decoration: none;}
.btn-history-search-prepend{flex-grow: 0;flex-shrink: 0;flex-basis:3em;display: block;text-align: center;}
.btn-history-search-body{flex-grow: 1;flex-shrink: 1;flex-basis:auto;width: calc(100% - 6em);}
.btn-history-search-body-label{display: block;font-weight: bold;color: hsl(0, 0%, 20%);overflow: hidden;text-overflow: ellipsis;width: 100%;white-space: nowrap;}
.btn-history-search-body-detail{white-space: nowrap;display: block;overflow: hidden;text-overflow: ellipsis;width: 100%;font-size: 0.8em;margin-top: 0.5em;color: hsl(0, 0%, 40%);}
.btn-history-search-body-label-value{color: #F73E02;}
.btn-history-search-append{flex-grow: 0;flex-shrink: 0;flex-basis:3em;display: block;text-align: center;}
/*202202追加----------------------------------------------------*/
.section-search-list-wrapper {background-color: hsl(0, 0%, 96%);padding:0 1em;}
.section-search-list{display: flex;width: calc(100% + 2em);margin-left: -1em;margin-right: -1em;}
.section-search-list-col{width: 33.33%;padding: 0 1em;}
.input-group-flex {display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.input-group-flex .input-separator {height: auto;line-height:1;}
/**/
.dl-search-item {display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin:0.4em 0;min-height: 2em;}
.dl-search-item-lg{padding:0.45em;}
.dl-search-item-lg + .dl-search-item-lg {border-top: 1px solid #cccccc;}
.dl-search-item-color {border-top: 1px solid #cccccc;padding-top: 0.3em;padding-bottom:0.3em;margin-top: 0;}
.dl-search-item-dt {font-size: 0.8em;width: 6em;white-space: nowrap;flex-shrink: 0;line-height: 1.1;}
.dl-search-item-dd {font-size: 0.8em;width:calc(100% - 6em);margin-left: 0;}
.section-search-list .input-separator {font-size: 0.8em;padding: 0 0.2em;}
/**/
.radio-sm {display: inline-block;}
.radio-sm input[type=radio]{ opacity: 0;position: fixed; left: -10000px;}
.radio-sm input[type=radio] + label{font-size: 0.9em;padding:0.8em 0.2em 0.8em 1.2em;cursor: pointer;border: 1px solid #888888;background-color: #FFF;background-image: url('/common/img/form-radio.png'); background-repeat: no-repeat; background-size: 1em auto; background-position: left 0.4em top 50%;white-space: nowrap;display: block;text-align: left;border-radius: 0.3em;}
.radio-sm input[type=radio]:checked + label{background-image: url('/common/img/form-radio-checked.png'); }
/**/
.check-sm {display: inline-block;}
.check-sm input[type=checkbox]{ opacity: 0;position: fixed; left: -10000px;}
.check-sm input[type=checkbox] + label{font-size: 0.9em;padding:0.8em 0.2em 0.8em 1.4em;cursor: pointer;border: 1px solid #888888;background-color: #FFF;background-image: url('/common/img/form-checkbox.png'); background-repeat: no-repeat; background-size: 1em auto; background-position: left 0.4em top 50%;white-space: nowrap;display: block;text-align: left;border-radius: 0.3em;}
.check-sm input[type=checkbox]:checked + label{background-image: url('/common/img/form-checkbox-checked.png'); }
/**/
.section-search-list .input-group {overflow: visible;}
.section-search-list .flex-list > * {width: 33.33%;padding: 0 3px;}
.section-search-list .flex-list.flex-list-full > * {width: 100%;}
.flex-nowrap {flex-wrap: nowrap;}
.form-refine2-sp {display: none;} 
.form-refine2-pc .form-input{height: auto;line-height: 1.1;padding: 0.3em;}
.form-refine2-pc .btn {font-size: 0.8em;padding-bottom: 0.4em;padding-top: 0.4em;}
.form-refine2-pc .form-stock [type="submit"]{font-size: 1em;padding: 0.4em 0;}

@media (max-width: 767px) {
/*202102追加----------------------------------------------------*/
.section-search-content {display: none;}
.section-search-content.current {display: block;margin-top: 0.5em;}

.section-search {font-size: 4vw;}
.tabs-search {padding: 0.5em;margin-top: 0;}
/**/
.row-flex {flex-wrap: wrap}
.col-flex-sm-6 {width: 100%;}
/**/
.list-flex-bodytype-item{padding: 0.2em;width: 50%;}
/**/
.btn-gradation-gray-name {font-size: 0.7em;}
/**/
.btn-gradation-gray-h {padding:1em 0 1em 0.6em;}
.btn-gradation-gray-h-image {width:3em;height:auto}
.btn-gradation-gray-h-name {font-size: 0.7em;}
/**/
.table-th-bg-gray {font-size: 0.8em;}
.table-th-bg-gray th,
.table-th-bg-gray td {padding:0.6em }

/*見出し*/
.h-bdtb {padding-left: 0.3em;}
/**/
.h-navy {text-align: center;position: relative;z-index: 1;}
.h-navy::before {content: '';height: 1px;width: 100%;background-color: #244c94;top: 50%;left: 0;z-index: 2;display: block;position: absolute;}
.h-navy-text {background: #fff;display: inline-block;margin-left: auto;margin-right: auto;position: relative;z-index: 3;padding: 0 0.6em;}
/*車名一覧*/
.section-category{width: 104%;margin-left: -2%;margin-right: -2%;}
.list-category{border-top: 1px solid #D5D5D5;}
.list-category-item{width: 100%;border-bottom: 1px solid #D5D5D5;-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: flex;padding: 0;margin-bottom: 0;}
.list-category-item-link{flex-wrap:nowrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;flex:1 1 auto;padding-right: 2em;padding-left: 1em;background-image: url("../../../wc2/common/img/icon_pager_next.png"); background-repeat: no-repeat; background-size: 0.6em auto; background-position: right 0.5em top 50%;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-orient: horizontal;	-webkit-box-direction: normal;	-ms-flex-direction: row;	flex-direction: row;}
.list-category-item-count{font-size: 0.7em;-ms-flex-item-align: auto;-ms-grid-row-align: auto;align-self: auto;margin-left: auto;;width: 5em;text-align: right;margin-left: auto;}
.list-category-item-figure{width: 6em;margin: 0;padding: 0;height: auto;}
.list-category-item-figure-image{width: 100%;display: block;margin-left: auto;margin-right: auto;}
.list-category-item-name {padding: 0.5em;flex:1;margin-left: 0;}

/*車名一覧チェックボックス*/
.list-category-item-checkbox{position: static;padding: 0 0.3em;background: #F7F7F7;height: 100%;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;border-right: 1px solid #D5D5D5 ;}

.fixed-btn-teian {background: #DAE3F4;position: fixed;bottom: 0;left: 0;width: 100%;z-index: 8000;padding: 1em 0;display: none;}
.fixed-btn-teian,*{line-height: 1;}
.fixed-btn-teian .flex-teian {display: flex;margin: 0 auto;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.fixed-btn-teian .flex-teian a {color: #0052AD;text-decoration: underline}
.fixed-btn-teian .flex-teian .col-icon {padding-left: 0.5em;-webkit-transform: scaleX(-1);transform: scaleX(-1);}
.fixed-btn-teian .flex-teian .col-text {line-height: 1.1;text-align: center;}

.section-search.section-search-2nd .section-search-content{overflow-x: auto;padding: 0.5em;}
.list-flex-bodytype-nowrap {flex-wrap: nowrap;width: 200vw;}

.list-category-item-name-inner {width: 100%;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}

.ranking-model-other > li {padding: 0 1.8em;}

.tabs-search-bg-gray {background: #F2F2F2;width:calc(100%  + 4vw);margin-left: calc(-2vw );margin-right: calc(-2vw );}

/*fixed 検索ボタン*/
.col-btn-clear{margin-right: auto;width: 25%;}
.col-btn-search{flex-grow: 1;flex-shrink: 1;flex-basis:auto;}
.fixed-btns-clear {font-size: 0.6em;white-space: nowrap;width: 100%;padding: 0.8em 0;}
.fixed-btns-search{padding: 1.2em 0;font-size: 1em;text-align: center;margin-left: 0;width: 100%;}

/**/

.flex-order-control {display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.flex-section-search {order:2;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.list-thumb-index-outer {order:1}
.flex-section-search-title-small {display: inline-block;margin-top: 0;font-size: 1em;}
.flex-section-search-title{width: 100%;}
.flex-section-search-title h4{margin: 1em 0 0;}
.list-thumb-index-link {padding: 1.5em 0;font-size: 1em;}

/**/
.search-results .flex-result .col-right {height: 100%;}
.search-results .flex-result .col-right > div:nth-child(1) {display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.search-results .flex-result .col-right > div:nth-child(1) .table-spec{margin-top: auto;margin-bottom: 0.2em;}
.search-results .list-spec > li{padding: 0.1em;}
.search-results .table-spec tbody {display: table-row-group}
/**/

.ranking-photo-wrapper > a::after {width: calc(58.62% - 10px);padding-bottom: 5.8%;left: 50%;-webkit-transform: translate(-50%,0);transform: translate(-50%,0);}

.ranking-model-rank2 .ranking-photo-wrapper > a::after,
.ranking-model-rank3 .ranking-photo-wrapper > a::after {width: calc(79.3% - 10px);}

.ranking-model-rank2 .ranking-photo-wrapper > a::after,
.ranking-model-rank3 .ranking-photo-wrapper > a::after {padding-bottom: 8%;}

.ranking-model-other a{display: block;position: relative;}

.ranking-model-other  a::after {content: '';display: block;width:100%;height: 0;padding-bottom: 10%;background-image: url("/wc2/search_order/img/logo-ranking-photo.png");background-repeat: no-repeat; background-size:contain; background-position: right 50% top 50%;background-color: #fff;left: 50%;bottom: 5px;position: absolute;-webkit-transform: translate(-50%,0);transform: translate(-50%,0);}

/*202112追加----------------------------------------------------*/
.section-history-search-btns{flex-wrap: wrap;}
.section-history-search-btns-item{width:100%;}
.section-history-search-btns-item + .section-history-search-btns-item {margin-top: 0.5em;}
.btn-history-search-prepend{flex-basis:2em;}
.btn-history-search-body{width: calc(100% - 4em);}
.btn-history-search-body-label {font-size: 0.9em;}
.btn-history-search-body-detail {font-size: 0.7em;}
.btn-history-search-append{flex-basis:2em;}
/*202202追加----------------------------------------------------*/
.form-refine2-sp {display:unset;} 
.form-refine2-sp .form-select {margin: 0;}
.form-refine2-sp .select-css {padding: 0.6em 1em 0.6em 0.2em;background-position: right 0.2em top 50%, 0 0;letter-spacing: 0;font-size: 1em;}


}


/*202204追加----------------------------------------------------*/

.title-point {}
.section-point,
.section-point *{box-sizing: border-box}
.section-point{display: flex;width: calc(100% + 1em);margin-left: -0.5em; margin-right: -0.5em;margin-top: 2em;}
.section-point-col{width:25%;padding: 0 0.5em;flex-shrink: 0}
.section-point-card{border: 2px solid #0d357e;height: 100%;}
.section-point-card-header{position: relative}
.section-point-card-header figure {margin: 0;}
.section-point-card-header-icon{position: absolute;width: 4em;top: -2em;left: -1em;}
.section-point-card-body{padding: 1em 0.5em;}
.section-point-card-title{color: #0d357e;margin: 0;text-align: center;font-size: 1.1em;white-space: nowrap;}
.section-point-card-copy{margin-top: 1em;font-size: 0.9em;line-height: 1.4;margin-bottom: 0;}
.section-point-card-catch{text-align: center;margin-top: 1em;font-weight: bold;line-height: 1.8;margin-bottom: 0;font-size: 0.9em}
.section-point-card-catch-marker{display: inline-block;white-space: nowrap;
  background : -moz-linear-gradient(50% 100% 90deg,rgba(255, 255, 0, 1) 0%,rgba(255, 255, 0, 1) 50%,rgba(255, 255, 0, 0) 50%,rgba(255, 255, 0, 0) 100%);
  background : -webkit-linear-gradient(90deg, rgba(255, 255, 0, 1) 0%, rgba(255, 255, 0, 1) 50%, rgba(255, 255, 0, 0) 50%, rgba(255, 255, 0, 0) 100%);
  background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(255, 255, 0, 1) ),color-stop(0.5,rgba(255, 255, 0, 1) ),color-stop(0.5,rgba(255, 255, 0, 0) ),color-stop(1,rgba(255, 255, 0, 0) ));
  background : -o-linear-gradient(90deg, rgba(255, 255, 0, 1) 0%, rgba(255, 255, 0, 1) 50%, rgba(255, 255, 0, 0) 50%, rgba(255, 255, 0, 0) 100%);
  background : -ms-linear-gradient(90deg, rgba(255, 255, 0, 1) 0%, rgba(255, 255, 0, 1) 50%, rgba(255, 255, 0, 0) 50%, rgba(255, 255, 0, 0) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFF00', endColorstr='#FFFF00' ,GradientType=0)";
  background : linear-gradient(0deg, rgba(255, 255, 0, 1) 0%, rgba(255, 255, 0, 1) 50%, rgba(255, 255, 0, 0) 50%, rgba(255, 255, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFF00',endColorstr='#FFFF00' , GradientType=0);
}


@media (max-width: 767px) {
.section-point {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;flex-wrap: wrap;padding: 0 2em;}
.section-point-col {width: 100%;}
.section-point-col + .section-point-col {margin-top: 2em;}
.section-point-card-header-icon {width: 6em;top: -1em;left: -2em;}
.section-point-card-title {font-size: 1.6em;}
.section-point-card-copy {font-size: 1em;}
.section-point-card-catch {font-size: 1.2em;margin-top: 0.6em;}
.section-point-card-body {padding: 1em;}

/**/
.form-body-recommended .flex-list.body-types > li {width: 50%;}
.form-body-recommended .flex-list.body-types > li .btn-gradation{min-height: 4em;}
.form-body-recommended .body-types > li{height: auto;padding: 0.3rem;}
.form-body-recommended .flex-list.body-types{width: calc(100% + 0.6rem);margin-left: -0.3rem;margin-right: -0.3rem;}
.form-body-recommended .form-select{margin-top: 0;}
.form-body-recommended .btn-wrapper .btn-navy{background: #FF3400;border-radius: 0.3em;box-shadow: 1px 1px #cb2900;
color: #fff;cursor: pointer;font-size: 1.2em;padding: 1.2em 0;font-size: 1em;}
/**/
.tabs-search-recommend{display: none;}
/**/
.search-again-reccomend.button-orange {  background : -moz-linear-gradient(50% 100% 90deg,rgba(238, 34, 4, 1) 0%,rgba(241, 96, 37, 1) 100%);
background : -webkit-linear-gradient(90deg, rgba(238, 34, 4, 1) 0%, rgba(241, 96, 37, 1) 100%);
background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(238, 34, 4, 1) ),color-stop(1,rgba(241, 96, 37, 1) ));
background : -ms-linear-gradient(90deg, rgba(238, 34, 4, 1) 0%, rgba(241, 96, 37, 1) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EE2204', endColorstr='#F16025' ,GradientType=0)";
background : linear-gradient(0deg, rgba(238, 34, 4, 1) 0%, rgba(241, 96, 37, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F16025',endColorstr='#EE2204' , GradientType=0);
padding: 0.4em 0;border-color: rgb(199 4 4);position: relative;min-height: 1.6em;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;border: none;border-radius: 0.4em;color: #ffffff;cursor: pointer;font-size:18px;text-align: center;}
.search-again-reccomend.button-orange p{background:none;padding:0;margin: 0;}
.search-again-reccomend.button-orange .search-again-label {display: block;padding: 0 2.5em;font-size: 0.8em;}
.search-again-reccomend.button-orange .search-again-label strong {display: block;font-size: 1.2em}
.icon-hand-left {width: 2.4em;position: absolute;left: -0.3em;top: 0.2em;}
.icon-hand-right {width: 2.4em;position: absolute;right: -0.3em;top: 0.2em;}
.mt-sp-0 {margin-top: 0 !important;}
.search-again-reccomend.active {background: #999999;border-radius: 0.4em 0.4em 0 0;border-style: Solid;border-color: #999999;border-width: 1px;}
.form-body-recommended .btn{font-size: 1em;}
.search-results-header{display: none;}
}

/*統一したフォーム----------------------------------------------------*/


.inherited-styles{box-sizing:border-box;font-weight:400;}
.inherited-styles,
.inherited-styles *{box-sizing:border-box;}
.mr10{margin-right:10px;}
.ml10{margin-left:10px;}
input{font-size:100%;margin:4px 0px 2px;padding:2px;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgb(255, 255, 255);border:1px solid rgb(153, 153, 153);cursor:pointer;margin:-5px 0px 15px;padding:3px;position:relative;top:3px;}
.search_innr_box{margin:10px auto;width:420px;}
.search_box_ttl{margin:20px 0px 0px;}
.search_tbl_set01 table{margin:30px 0px;}
.search_tbl_set01 th{font-weight:normal;width:80px;}
.search_tbl_set01 td{padding:0px;}
.search_tbl_set02 table{margin:30px 0px;}
.search_tbl_set02 th{font-weight:normal;padding:8px 0px;width:150px;}
.search_tbl_set02 td{padding:8px 0px;text-align:right;}
.search_fm_txt input[type="text"]{border:1px solid rgb(170, 170, 170);padding:4px;width:99%;}
select{position:relative;top:0px;}
.search_tbl_set01 th{padding:5px 10px 15px;text-align:left;}
.search_tbl_set01 td{padding:0px 0px 15px;}
.search_tbl_set02 th{padding:5px 10px 15px;text-align:left;}
.search_tbl_set02 td{padding:0px 0px 15px;}
.search_entry_btn01{margin:30px 0px 0px;}
.search_innr_box.t05{margin:0px;padding:1em;width:auto;max-width:1000px;margin-left:auto;margin-right:auto;background-color:#fffcde;}
.img-responsive{height:100%;}
.search_innr_box{margin:20px auto 2px;width:480px;}
.search_box_ttl{margin:0px;}
.search_box_ttl.t05{background:linear-gradient(0deg, rgb(209, 209, 209) 0%, rgb(218, 218, 218) 10.33%, rgb(238, 238, 238) 40.82%, rgb(251, 251, 251) 70.93%, rgb(255, 255, 255) 100%);
display: flex;
    font-weight: bold;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1.5em;
    font-size: 1.1em;
}
.search_tbl_set01 table{border-collapse:separate;border-spacing:0px 0.7em;margin:15px 0px 0px;}
.search_tbl_set01 th{background-color:var(--c-key);color:rgb(255, 255, 255);font-size:108%;font-weight:bold !important;padding:0.5em;text-align:center;vertical-align:middle;width:130px;}
.search_tbl_set01 td{font-weight:normal;padding:0px 0px 0px 0.5em;text-align:left;vertical-align:middle;}
.search_tbl_set02 table{border-collapse:separate;border-spacing:0px 0.7em;margin:15px 0px 0px;width:100%;}
.search_tbl_set02 th{background:var(--c-key);color:rgb(255, 255, 255);font-size:108%;font-weight:bold !important;padding:0px 0.5em;text-align:center;vertical-align:middle;width:130px;}
.search_tbl_set02.t05 th{padding:0.5em;}
.search_tbl_set02 th.dbl{clear:both;}
.search_tbl_set02 th.dbl img{float:left;}
.search_tbl_set02 td{font-weight:normal;padding:0px 0px 0px 0.5em;text-align:left;vertical-align:middle;}
.search_fm_txt input[type="text"]{border:2px solid rgb(204, 204, 204);border-radius:6px;box-shadow:inset 2px 2px 1px rgb(238, 238, 238);height:auto;margin:0;padding:0.5em 1em;font-size:16px;}
.search_fm_txt.t05 input[type="tel"],
.search_fm_txt.t05 input[type="text"]{width:55%;}
.search_fm_txt input[type="tel"]{border:2px solid rgb(204, 204, 204);border-radius:6px;box-shadow:inset 2px 2px 1px rgb(238, 238, 238);height:auto;margin:0;padding:0.5em 1em;font-size:16px;}
span.placeholder{color:rgb(153, 153, 153);display:inline-block;font-size:108%;padding:0px 0px 0px 10px;}
table .wrap{background:url("https://bigmotor.sitecheck.work//img/search_order/t01/form_select_arr.png") 160px center no-repeat rgb(255, 255, 255);border-radius:6px;overflow:hidden;padding:8px 30px 3px 5px;}
table .wrap.t05{background:rgb(255, 255, 255);padding:0;width:55%;}
table select{-webkit-appearance:button;-moz-appearance:button;appearance:button;background:none;border:0px;height:auto;margin:0;padding:0.3em 1em;font-size:16px;}
table select.t05{width:100%;}
.search_entry_btn01{display:block;margin:2em auto;max-width:32em;text-align:center;}
.blinking{animation:blink 1.5s ease-in-out 0s infinite alternate none running;}
@keyframes blink{30%{opacity:0.3;}
100%{opacity:1;}}

.blinking:hover{animation:none 0s ease 0s 1 alternate none running;}
.btn-gradation{background:linear-gradient(rgb(255, 255, 255) 1%, rgb(237, 237, 237) 100%);border:1px solid rgb(204, 204, 204);border-radius:3px;cursor:pointer;line-height:28px;}
.btn-gradation,
.list-flex,
.list-flex *{box-sizing:border-box;}
.list-flex{display:flex;flex-wrap:wrap;margin-left:0;margin-right:0}
.list-flex.t05{width:auto;}
.list-flex input{display:none;}
.list-flex>li{padding:2px;white-space:nowrap;width:33.33%;}
.list-flex.t05.type{width:100%;}
.list-flex.type>li{width:20%;}
.list-flex>li.maker{width:calc(20%);}
.list-flex.t05>li.maker{min-height:5.5em;}
.list-flex>li.maker input[type="checkbox"]+label{padding:3px 0px;}
.list-flex>li.maker label img{vertical-align:middle;width:2em;}
.list-flex.t05>li.maker label img{width:3em;}
.list-flex>li .btn-gradation{display:block;font-size:1em;height:100%;line-height:1.1;padding:10px 0px;position:relative;text-align:center;}
.list-flex.type>li .btn-gradation{padding:6px 0px;}
.list-flex.t05>li .btn-gradation{font-size:0.9em;}
.list-flex>li .btn-gradation:hover{opacity:0.75;}
.list-flex>li .btn-gradation .icon{display:block;margin-bottom:6px;}
.list-flex>li input[type="checkbox"]:checked+label{background-color:var(--c-key);background-image:url("/common/img/checked-nuki.png");background-position:left 1px top 1px;background-repeat:no-repeat;background-size:11px 11px;color:rgb(255, 255, 255);}
.list-flex>li.maker input[type="checkbox"]:checked+label{padding:3px 0px;}
.list-flex>li.maker.manufacturer_all label{display:block;height:100%;position:relative;}
.list-flex>li.maker.manufacturer_all label small{display:block;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);}
.list-color-sm,
.list-color-sm *{box-sizing:border-box;}
.list-color-sm{display:flex;flex-wrap:wrap;margin-left:-2px;margin-right:-2px;width:333px;}
.list-color-sm.t05{width:100%;}
.list-color-sm>li{line-height:1;padding:4px;width:calc(33.3333%);}
.list-color-sm.t05>li{width:20%;}
.list-color-sm>li span{background:rgb(246, 246, 246);border:1px solid rgb(204, 204, 204);border-radius:0.2em;display:block;height:100%;padding:0.5em 0px 0.5em 0.2em;}
.list-color-sm input[type="checkbox"]{left:-10000px;opacity:0;position:fixed;}
.list-color-sm input[type="checkbox"]+label{cursor:pointer;display:block;font-size:0.89em;margin-bottom:0px;margin-right:0px;padding:0.4em 0px 0px 1.9em;position:relative;white-space:nowrap;}
.list-color-sm input[type="checkbox"]+label::before{border:2px solid rgb(51, 51, 51);border-radius:0px;content:"";display:block;height:1.4em;left:0px;position:absolute;top:-0.2em;width:1.4em;}
.list-color-sm input[type="checkbox"]+label.cGray::before{background:rgb(125, 125, 125);border:2px solid rgb(125, 125, 125);color:rgb(255, 255, 255);}
.list-color-sm input[type="checkbox"]+label.cRed::before{background:rgb(230, 0, 17);border:2px solid rgb(230, 0, 17);color:rgb(255, 255, 255);}
.list-color-sm input[type="checkbox"]+label.cWine::before{background:rgb(216, 22, 44);border:2px solid rgb(216, 22, 44);color:rgb(255, 255, 255);}
.list-color-sm input[type="checkbox"]+label.cBlue::before{background:rgb(31, 61, 203);border:2px solid rgb(31, 61, 203);color:rgb(255, 255, 255);}
.list-color-sm input[type="checkbox"]+label.cYellow::before{background:rgb(232, 232, 0);border:2px solid rgb(232, 232, 0);}
.list-color-sm input[type="checkbox"]+label.cOrange::before{background:rgb(255, 102, 0);border:2px solid rgb(255, 102, 0);color:rgb(255, 255, 255);}
.list-color-sm input[type="checkbox"]+label.cPurple::before{background:rgb(128, 0, 128);border:2px solid rgb(128, 0, 128);color:rgb(255, 255, 255);}
.list-color-sm input[type="checkbox"]+label.cPink::before{background:rgb(250, 41, 162);border:2px solid rgb(250, 41, 162);color:rgb(255, 255, 255);}
.list-color-sm input[type="checkbox"]+label.cGreen::before{background:rgb(44, 175, 29);border:2px solid rgb(44, 175, 29);color:rgb(255, 255, 255);}
.list-color-sm input[type="checkbox"]+label.cBrown::before{background:rgb(153, 51, 0);border:2px solid rgb(153, 51, 0);color:rgb(255, 255, 255);}
.list-color-sm input[type="checkbox"]+label.cWhite::before{background:rgb(255, 255, 255);border:2px solid rgb(170, 170, 170);}
.list-color-sm input[type="checkbox"]+label.cBlack::before{background:rgb(0, 0, 0);border:2px solid rgb(0, 0, 0);color:rgb(255, 255, 255);}
.list-color-sm input[type="checkbox"]+label.cSilver::before{background:linear-gradient(90deg, rgb(196, 196, 196) 0%, rgb(255, 255, 255) 50%, rgb(196, 196, 196) 100%);border:2px solid rgb(196, 196, 196);}
.list-color-sm input[type="checkbox"]+label.cGold::before{background:linear-gradient(135deg, rgb(225, 199, 112) 0%, rgb(255, 255, 255) 50%, rgb(225, 199, 112) 100%);border:2px solid rgb(225, 199, 112);}
.list-color-sm input[type="checkbox"]+label.cMaziora::before{background:linear-gradient(0.25turn, rgb(23, 168, 64), rgb(13, 151, 142), rgb(113, 54, 143), rgb(22, 122, 192), rgb(167, 89, 137), rgb(219, 179, 60));border:2px solid rgb(225, 199, 112);}
.list-color-sm input[type="checkbox"]+label.cBeige::before{background:rgb(238, 220, 179);border:2px solid rgb(238, 220, 179);color:rgb(255, 255, 255);}
.list-color-sm input[type="checkbox"]+label.cLightBlue::before{background:rgb(173, 216, 230);border:2px solid rgb(173, 216, 230);color:rgb(255, 255, 255);}
.list-color-sm input[type="checkbox"]+label.cBlueGreen::before{background:rgb(0, 142, 148);border:2px solid rgb(0, 142, 148);color:rgb(255, 255, 255);}
.list-color-sm input[type="checkbox"]:checked+label::after{background-color:rgb(0, 109, 183);background-image:url("/common/img/checked-nuki.png");background-position:left 0px top 0px;background-repeat:no-repeat;background-size:100%;border-radius:0px;content:"";display:block;height:1em;left:2px;position:absolute;top:0px;width:1em;}
.list-color-sm input[type=checkbox]:checked+label::after{content:"";display:block;position:absolute;top:0px;left:2px;width:1em;height:1em;border-radius:0;background-color:#006db7;background-image:url("/common/img/checked-nuki.png");background-repeat:no-repeat;background-size:100%;background-position:left 0px top 0px;}
.flex-maker{display:flex;justify-content:space-between;width:100%;column-gap:1em;}
.flex-maker>div{width:auto;flex-grow:1;flex-basis:0;}
.search_tbl_set01.t05 table{width:100%;}
.btn-orange{background:linear-gradient(rgb(255, 106, 0) 50%, rgb(255, 60, 0) 50%);border-radius:0.3em;box-shadow:3px 3px 0px 0px rgb(204, 204, 204);color:rgb(255, 255, 255) !important;display:block;font-size:1.4em;font-weight:bold;padding:1em;position:relative;white-space:nowrap;width:auto;}
.btn-orange:hover{background:rgb(255, 60, 0);text-decoration:none;}
.btn-orange-label-step-3{left:0.9em;position:absolute;top:-0.8em;width:5em;}
.img-responsive{display:block;height:auto;max-width:100%;}
.btn-orange .fa{margin-left:0.5em;}
.ch-title-3step{background-color:var(--c-key);margin:0;}
/**/
.select-css {display: block;font-size: 16px;font-weight: normal;color: #444;line-height: 1;padding: .6em 1.4em .5em .8em;width: 100%;max-width: 100%; box-sizing: border-box;margin: 0;border: 2px solid rgb(204, 204, 204);box-shadow: 0 1px 0 1px rgba(0,0,0,.04);border-radius: 0.3em;-moz-appearance: none;-webkit-appearance: none;appearance: none;background-color: #fff;background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),linear-gradient(to bottom, #ffffff 0%,#ffffff 100%);background-repeat: no-repeat, repeat;background-position: right .4em top 50%, 0 0;background-size: .65em auto, 100%;}
.select-css::-ms-expand {display: none;}
.select-css:hover {border-color: #888;}
.select-css:focus {border-color: #aaa;box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);box-shadow: 0 0 0 3px -moz-mac-focusring;color: #222; outline: none;}
.select-css option {font-weight:normal;}

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

#form-proposal .line-heading-large{margin-top: 2em;}
.ch-title-3step{padding: 0 2em;}
.search_innr_box.t05{border: 0.2em solid #0e357f;padding: 0.6em;}
.search_innr_box .search_box_ttl.t05{margin-top: 1em;}
.search_innr_box .search_box_ttl.t05:first-child{margin-top:0;}
.search_box_ttl.t05 img {display: block;max-width: 100%;height: auto;object-fit: cover;   object-position: left center;}
.search_tbl_set01 th,
.search_tbl_set02 th {width: 100%;text-align: left;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.search_tbl_set01 th br,
.search_tbl_set02 th br {display: none;}
.search_tbl_set02.t05 th{display: flex;width: 100%;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.search_tbl_set01.t05 th img,
.search_tbl_set02.t05 th img {order:-1;margin: 0 0.5em 0 0;}
.search_tbl_set01 td,
.search_tbl_set02 td{margin:0;padding: 0.5em 0;}
.search_fm_txt.t05{display: block;}
.search_fm_txt.t05 input[type="tel"],
.search_fm_txt.t05 input[type="text"]{width: 100%;}
.search_fm_txt.t05 .placeholder {margin: 0.5em 0 0 0 ;padding: 0;}
table .wrap.t05 {width: 100%;}
.list-flex.type>li {width: 33.33%;}
.list-color-sm{margin: 0;}
.list-color-sm.t05>li{width: 33.33%;}
.list-flex.t05{width: 100%;}
.flex-maker{flex-wrap: wrap;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.flex-maker>div{width: 100%;}
#form-proposal .maker-tabs{background: none;}
.btn-orange{padding: 1em 0;font-size: 1.2em;}
.btn-orange-label-step-3{top: -1em;}
}

/*複数選択セレクトのモーダル化*/
.btn-open-modal{position: relative;}
.btn-open-modal::after {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;cursor: pointer;}
#modal_bg {position:fixed;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100vh;height: 100dvh;background-color: hsla(0, 0%, 100%,0.9);z-index: 300000;display: none;}
.modal-appearance,
.modal-appearance * {box-sizing: border-box;}
.modal-appearance {width: 100%; max-width: 900px;position: fixed;left:50%;top: 50%;transform: translate(-50%,-50%);max-height: 96vh;max-height: 96vh;background-color: #fff;padding:0 2rem;z-index: 400000;box-shadow:0px 0px 1em 0px hsla(0, 0%, 0%,0.2);overflow-x: hidden;overflow-y: auto;overscroll-behavior: contain;display: none;}
/**/
.modal-appearance-header{position:sticky;left: 0;top: 0;width: 100%;background-color: #fff;padding: 2rem 0;display: flex;flex-wrap:wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.modal-appearance-title{color: #00357f;font-size: 1.2em;margin: 0;border-left: 4px solid #00357f;padding-left: 0.3em;padding-top: 0.3em;padding-bottom: 0.3em;}
.modal-appearance-initial {margin: 0;font-size: 1em;border-radius: 0;background-color: hsla(0, 0%, 0%, 0.1);padding: 0.3em;margin-top: 1.5em;}
/**/

/**/
.list-modal-checkbox-switch{display: flex;margin-left: auto;gap:1em}
.list-modal-checkbox-switch-item{}
.list-modal-checkbox-switch-item-btn{background-color: #fff;border: 1px solid #00357f;border-radius: 0.3em;text-align: center;color: #00357f;padding: 0.3em 0.8em;cursor: pointer;font-size: 0.9em;}
/**/
.modal-appearance-footer {position:sticky;left: 0;bottom: 0;width: 100%;background-color: #fff;padding: 1rem 0;background-color: hsl(0, 0%, 95%);width: calc(100% + 4rem);margin-left: -2rem;margin-right: -2rem;}
.modal-appearance-close{background-color: #00357f;padding: 0.6em 0.6em;width: 12em;margin-left: auto;margin-right: auto;color: #FFF;border-radius: 0.3em;text-align: center;cursor: pointer;}
/**/
.list-modal-checkbox{margin-top: 1em;}

/*チェックボックス*/
.checkbox-modal-outer{display: flex;flex-wrap: wrap;gap:0.5em;margin-top: 1em;margin-bottom: 1em;}
.checkbox-modal{padding:0;width:calc(33.333% - (0.5em * 2/3));}
.checkbox-modal input[type=checkbox]{left:-10000px;opacity:0;position:fixed;}
.checkbox-modal input[type=checkbox]+label{cursor:pointer;display:flex;font-size:1em;border: 1px solid #CCC;border-radius: 0.2em;padding: 0.6em;line-height: 1.2;width: 100%;height: 100%;word-break: break-all;}
.checkbox-modal input[type=checkbox]+label:last-child{margin-bottom:0;}
.checkbox-modal input[type=checkbox]+label::before{background-color:#efefef;border:1px solid #d2d2d2;border-radius:0.3em;box-shadow:inset 0.1em 0.1em 0.1em #b1b1b1,inset -0.1em -0.1em 0.1em #efefef;content:"";display:block;flex-grow:0;flex-shrink:0;height:1.2em;margin-right:0.5em;width:1.2em;margin-top: -0.2em;}
.checkbox-modal input[type=checkbox]:checked+label{border: 1px solid #333;background-color: #00357f;color: #FFF;}
.checkbox-modal input[type=checkbox]:checked+label::before{background-image:url(/wc2/search/img/bg-checkbox.png);background-position:right 50% top 50%;background-repeat:no-repeat;background-size:70% auto;}
.checkbox-modal-outer .checkbox-modal label{width:100%}

/*トップテーマ別特集*/
.section-theme,
.section-theme *{box-sizing: border-box;}
.section-theme img {display: block;max-width: 100%;height: auto;}
.section-theme {max-width: 1020px;margin-left: auto;margin-right: auto;padding-left: 0.8rem;padding-right: 0.8rem;margin-bottom: 3em;}
.h-title-bdb-duo {font-size: 1em;margin: 0;padding: 0;color: #0d357f;font-size: 2em;line-height: 1;padding: 0.3em 0;position: relative;margin-top: 1em;}
.h-title-bdb-duo::before {content: "";width: 100%;height: 0.16em;background-color: #fde005;position: absolute;left: 0;bottom:0;}
.h-title-bdb-duo::after {content: "";width: 42%;height: 0.16em;background-color: #0d357f;position: absolute;left: 0;bottom:0;}
.list-theme{display: flex;flex-wrap: wrap;gap:2em;margin-top: 2em;}
.list-theme-item{width: calc(50% - (2em * 1/2));}
.list-theme-item-link{transition: transform 0.3s ease-out;}
.list-theme-item-link-image{box-shadow:0 0.2em 0.5em 0px hsl(215deg 100% 25% / 50%);}
.list-theme-item-link:hover .list-theme-item-link-image{transform: scale(1.05);}

.list-flex>li .btn-gradation .icon img {
width: 5em;
height: auto;
}

@media (max-width: 640px) {
.modal-appearance {height: 100vh;height: 100dvh;}
#modal_shop .checkbox-modal,
#modal_grade .checkbox-modal,
#modal_carname .checkbox-modal{padding:0;width:calc(50% - (0.5em * 1/2));}

/*トップテーマ別特集*/
.h-title-bdb-duo {font-size: 1.4em;}
.h-title-bdb-duo::after{width: 50%;}
.list-theme{gap:1em}
.list-theme-item{width:100%;}

}