@charset "utf-8";
/* CSS Document */
/* zaiko
================================================================== */
.bnr { margin-block:min(5%,30px); text-align:center; }

/* お知らせ・特集 --------------------------- */
.feature { margin-bottom:min(9%,60px); }
.feature-slider .slick-slide { padding-inline:.4em; }
.feature-slider .slick-slide img { border-radius:5px; }
.feature.bg-gry { margin-top:min(6%,60px); padding-block:min(5%,40px); }


/* 検索関連 --------------------------- */
.search-quick-box { display:grid; grid-template-columns:repeat(2, 1fr) 21%; gap:10px; margin-top:2.5em; font-weight:700; }
.search-quick-box .cbtn { position:relative; cursor:pointer;
  padding-block:1.1em; font-size:1.375em; text-align:center;
  border:1px solid var(--color-gry2); border-radius:10px; box-shadow:var(--shadow2); background-color:#fff;
  }
  .search-quick-box .cbtn > em { font-size:1.2em; }
  .search-quick-box .cbtn::before, .search-quick-box .cbtn::after {
    content:""; display:block; position:absolute;
    background:no-repeat center / contain;}
  .search-quick-box .cbtn::after {
    width:1em; height:1em; top:42%; right:4.8%;
    background-image:url(../img/common/ico-popup.svg); }
  .search-quick-box .c1::before {
    width:2em; height:2.45em; top:15.5%; left:6.6%; }
  .search-quick-box .c2::before {
    width:2.7em; height:2.6em; top:15.5%; left:5.7%; }
.search-quick-box .sbtn { position:relative; cursor:pointer;
  padding-top:1.2em; height:100%; font-size:1.375em; color:#fff; text-align:center; background-color:var(--color-sub2); border-radius:10px; }
  .search-quick-box .sbtn:hover { opacity:.8; }
  .search-quick-box .sbtn::before {
    content:""; display:inline-block; width:1.6em; height:1.6em;
    margin-top:-.2em; margin-right:.5em; vertical-align:middle;
    background:url(../img/common/ico-search.svg) no-repeat center / contain;}

.search-quick-box .c1::before, #search-modal .step1::before { background-image:url(../img/common/ico-s-car.svg); }
.search-quick-box .c2::before, #search-modal .step2::before { background-image:url(../img/common/ico-s-filter.svg); }

/* 検索BOX(モーダル） ------------------------------ */
#searchBox { /*display:block;*/ }
#searchBox .modal-wrap { padding:0; }
#searchBox .ttl { padding:.5em 1em; color:#fff; background-color:var(--color-sub1); }

#searchBox .detail { padding:1em; }
#searchBox .detail .ttl-bb-b:first-child { margin-top:0; }

#searchBox .submit {
  display:grid; grid-template-columns:45% 1fr; gap:1em;
  margin:0; padding:1em; }
#searchBox .submit .searchClear { background-color:var(--color-gry4); }

.search-filter > div { margin-bottom:1em; }
.search-filter dt { font-weight:700; }
.search-filter dd { padding-top:.2em; }

.search-filter .flex { align-items:center; }
.search-filter .flex dt { width:7em; }
.search-filter .flex dd { flex:1; }

/*メーカー・車種・グレード*/
.maker-list { display:grid; grid-template-columns:repeat(8, 1fr); gap:8px; }
.maker-list > li { text-align:center; }
.maker-list label { display:block; padding-block:.2em .5em; font-size:.85em; line-height:1; border:2px solid #dcdcdc; border-radius:5px; }
.maker-list .checked { border-color:var(--color-sub3); }
.maker-list input { visibility:hidden; }
.maker-list .name { margin-left:-1.2em; }
.maker-list .img { width:60%; margin-inline:auto; }

.search-filter .data { max-height:200px; overflow-y:auto; border:1px solid #dcdcdc; }
.search-filter .data:empty { padding:.5em; background-color:var(--color-gry0); }
.search-filter .data:empty::before { color:var(--color-gry4); }
.search-filter .cname .data:empty::before { content:"メーカーを選択してください"; }
.search-filter .grade .data:empty::before { content:"車種を選択してください"; }

.search-filter .data .all { grid-column:1 / span 2; }
.search-filter .data .all:nth-child(n+2) { margin-top:1em; }
.search-filter .grade .maker { display:contents; }

.search-filter .data label { display:block; padding:.2em .5em; border-bottom:1px solid #dcdcdc; }
.search-filter .data input { margin-right:.3em; }

/* checkbox */
.search-filter .checkbox-list label { display:grid; grid-template-columns:1em 1fr; gap:6px; align-items:center; padding-block:.3em; padding-inline:.6em .5em; }

/* 色 */
.search-filter .color-txt { position:relative; }
.search-filter .color-txt::before {
  content:''; display:block; width:26px; height:26px;
  background:url(../img/search/bodycolor.webp) no-repeat 0 0 / 100% auto; }
.search-filter .color-10::before { background-position:0 0; }
.search-filter .color-15::before { background-position:0 -26px; }
.search-filter .color-30::before { background-position:0 -52px; }
.search-filter .color-55::before { background-position:0 -78px; }
.search-filter .color-60::before { background-position:0 -104px; }
.search-filter .color-20::before { background-position:0 -130px; }
.search-filter .color-65::before { background-position:0 -156px; }
.search-filter .color-25::before { background-position:0 -182px; }
.search-filter .color-40::before { background-position:0 -208px; }
.search-filter .color-45::before { background-position:0 -234px; }
.search-filter .color-35::before { background-position:0 -260px; }
.search-filter .color-46::before { background-position:0 -286px; }
.search-filter .color-37::before { background-position:0 -312px; }
.search-filter .color-50::before { background-position:0 -338px; }
.search-filter .color-90::before { background-position:0 -364px; }


/* 検索(ピックアップ) --------------------------- */
.list-search { display:grid; grid-template-columns:repeat(4, 1fr); gap:1em; padding-block:1em; line-height:1.2; }
.search .hide > .list-search { padding-block:1em; }
.list-search .btn-border { width:100%; height:100%; }
.list-search.price { grid-template-columns:repeat(6, 1fr); }

.list-search.bodytype { grid-template-columns:repeat(5, 1fr); font-feature-settings: "palt"; }
.list-search.bodytype li { padding-inline:.2em; }
.list-search.bodytype .img { display:flex; align-items:flex-end; width:70%; height:3.5em; margin-bottom:.75rem; margin-inline:auto; }
.list-search.bodytype li[class*="k-"] .img { width:50%; }
.list-search.bodytype li.k-truck .img { width:55%; }
.list-search.bodytype .compact .img { width:60%; }
.list-search.bodytype .suv .img { width:64%; }

.hot_cars {
  display:grid; grid-template-columns:repeat(4, 1fr); gap:10px 5px;
  margin-bottom:1.5em; padding-top:.5em; }
.hot_cars > div { background-color:#fff; }
.hot_cars .ttl { margin-bottom:.3em; padding:.2em .5em; color:#fff; background-color:var(--color-base); }
.hot_cars .list > li > a { display:block; padding:.3em .5em; border-bottom:1px solid #dcdcdc; position:relative; }
.hot_cars .list > li > a::after {
    content:'';
    position:absolute; top:0; bottom:0; right:.7em;
    width:.4rem; height:.4rem; margin:auto;
    border-top:1px solid var(--color-sub2);
    border-right:1px solid var(--color-sub2);
    transform:rotate(45deg);
  }

/* バナーリスト -------------------- */
.bnr-list { text-align:center; }
.bnr-list.block { margin-block:min(5%,30px); }
.bnr-list > li:nth-child(n+2) { margin-top:1em; }

.tokuten { width:min(100%,1100px); margin-top:1em; margin-inline:auto; text-align:center; }

/* 台数・ページ移動関連 */
#result { font-size:1.3em; }
.rowMax { margin-block:0; font-size:1.2em; font-weight:bold; }
.rowMax > em { margin-inline:.2em; font-size:1.3em; }

/* 並べ替え */
.sort-list { clear:both; }
.sort-list dd.current > a { color:#fff; background-color:var(--color-sub1); }

.page-move { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:10px; }
#zaikoList + .page-move { margin-block:0 2em; }
.page-move .num { margin:0; padding:.2em .5em; white-space:nowrap; border:1px solid var(--color-gry3); border-radius:3px; }

/* pagination ページ送り */
.pagination{ margin:0; }
.pagination a, .pagination span { display:inline-block; color:#333; background-color:#fff; border-radius:3px; }
.pagination a{ text-decoration:none; background-color:#FFF; border:1px solid var(--color-zaiko); }
.pagination a:hover{ border:1px solid var(--color-zaiko); }
.pagination span.current{ color:#FFF; background-color:var(--color-zaiko); border:1px solid var(--color-zaiko); }


/* 一覧と詳細共通 ------------- */
.price.flex { margin-bottom:.5em; line-height:1.2; }
.price.flex .label { font-size:.8em; }
.price.flex em { font-size:1.5em; font-family:'Helvetica','Arial',sans-serif; }
.price.flex > li { display:flex; justify-content:space-between; }
.price.flex .total { width:100%; margin-bottom:.4em; border-bottom:2px solid #dcdcdc; }
.price.flex .total em { font-size:2em; color:#c00; }
.price.flex .def { font-size:.9em; }
.price.flex .def .manen { font-size:.9em; }
.price.flex .base { width:60%; padding-right:1em; }
.price.flex .cost { width:40%; }
.price.flex .tax { font-size:.85em; }


ul.law { margin-bottom:.5em; margin-left:.2em; }
ul.law > li { padding-left:1.3em; font-size:.8em; line-height:1.4; position:relative; }
ul.law > li::before {
  position:absolute; left:0; top:0; width:1em; height:100%;
  display:block; content:"";
  background:url(../img/common/ico-tag.svg) no-repeat center / contain; }

/* リボン update_type */
.image .ribbon { position:absolute; z-index:2; left:0; width:50px; height:50px; overflow:hidden; }


/* 店舗情報関連 */
.shop-area { padding:1em; border:solid 1px #dcdcdc; } /*これだけ詳細のみ*/
.shop-name > a { display:block; padding-left:1.5rem; font-size:1.1em; font-weight:bold; position:relative; }
.shop-name > a.name::before { background-image:url(../img/common/ico-store2.svg); }
.shop-name > a.name { color:#d82237; }
.shop-name > a.telno { font-size:1.5em; font-family:'Helvetica','Arial',sans-serif; letter-spacing:.02em; }
.shop-name > a::before {
  position:absolute; top:50%; left:0; margin-top:-.5rem;
  content:""; display:inline-block; width:1rem; height:1rem;
  background:no-repeat center / contain;
  }
.shop-name > a.name::before { background-image:url(../img/common/ico-store2.svg); }
.shop-name > a.telno::before { background-image:url(../img/common/ico-tel.svg); }
.shop-link > li:nth-child(n+2) { margin-top:1em; }

.shop-btn {
  display:block; width:100%; padding:.5em 0 .5em 2em; font-size:16px; font-weight:bold; text-align:center; text-decoration:none; color:#fff; background-color:#d82237; border-radius:5px; position:relative;
}
.shop-btn.tel { background-color:#ff7500; }
.shop-btn.line { background-color:#06C755; }
.shop-btn.reserve { background-color:#1173BB; }
.shop-btn.loan { padding:.7em 0 .6em 2em; background-color:#19bfc1; }

.shop-btn:hover { color:#fff; opacity:.9; }
.shop-btn::before {
  position:absolute; left:.8em; top:50%; transform:translateY(-50%);
  content:''; display:block; width:1.5em; height:1.3em;
  background:no-repeat center / contain;
}
.shop-btn.tel::before { background-image:url(../img/common/ico-tel-wht.svg); }
.shop-btn.line::before { background-image:url(../img/common/ico-line-wht.svg); }
.shop-btn.reserve::before { background-image:url(../img/common/ico-cal-wht.svg); }
.shop-btn.contact::before { background-image:url(../img/common/ico-mail-wht.svg); }
.shop-btn.loan::before { background-image:url(../img/common/ico-money-wht.svg); }



/* zaikoList 一覧 ------------- */
.categoryList { margin:2em 0; }
.categoryList + .categoryList { margin-top:-2em; }
.categoryList > li { width:50%; }

#zaikoList { margin-top:min(5%,30px); }

#zaikoList .mtype { margin:0; align-self:start; }
.mtype { padding-inline:.5em; font-size:.8em; text-align:center; border:1px solid #ccc; border-radius:3px; }
.mtype.type1 { color:var(--color-sub3); border-color:var(--color-sub3); }
.mtype.type2 { color:var(--color-sub2); border-color:var(--color-sub2); }
.mtype.type3 { color:var(--color-sub1); border-color:var(--color-sub1); }


#zaikoList > li { position:relative;
  display:grid; margin-bottom:30px; background-color:#fff;
  padding:10px; border:2px solid #dcdcdc; border-radius:5px;
}
#zaikoList .cname { display:flex; align-items:center; font-size:1.3em; font-weight:bold; }

button.favorite { position:absolute; top:0; right:0; cursor:pointer; width:2.7em; height:2.7em; padding:8px; background-color:inherit; }
button.favorite::before { content:""; display:block; width:100%; height:100%; background:url(../img/common/ico-favo-plus.svg) no-repeat center / contain; }
button.favorite.del::before { background-image:url(../img/common/ico-favo-minus.svg); }

#zaikoList .maker { margin-right:.5em; font-size:.85em; }
#zaikoList .grade { margin:0 0 .8em; font-size:.85em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

#zaikoList .image { position:relative; }
/* #zaikoList .image .obi { position:absolute; top:0; left:0; right:0; z-index:1; } */
#zaikoList .shopname { margin-block:0; font-size:.85em; color:#fff; background:var(--color-base); text-align:center; align-self:start; }

#zaikoList .data { font-size:.9em; border-top:1px solid #dcdcdc; }
#zaikoList .data > div {
  display:flex; width:50%; border-width:0 1px 1px 1px; border-style:solid; border-color:#dcdcdc; }
#zaikoList .data dt { width:5.5em; padding:.3em .5em; font-size:.9em; text-align:center; background-color:#f6f6f6; }
#zaikoList .data dd { flex:1; padding:.2em 1em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

#zaikoList .link { width:min(100%,450px); margin-top:10px; margin-left:auto; }
#zaikoList .link > li { width:49%; }
#zaikoList .link > li:nth-child(n+2) { margin-left:2%; }
#zaikoList .link > li > a { display:block; padding:.3em; color:#fff; font-weight:bold; text-align:center; text-decoration:none; border-radius:5px; }
#zaikoList .link > li > a.contact { background:var(--color-reserve); }
#zaikoList .link .detail  { background:var(--color-zaiko); }

#zaikoList > li .appraisal { min-height:1em; }
#zaikoList > li .appraisal:empty { background-color:#fff; }
/*#zaikoList > li .appraisal { font-size:.85em; }*/


/* zaiko 詳細 -------------  */
.carInfo { margin-block:3% 8%; }
.carInfo .cname { margin-bottom:.3em; font-size:1.5em; font-weight:bold; border-bottom:3px solid var(--color-sub1); position:relative; }
.carInfo button.favorite { width:2em; height:2em; }

.carInfo .maker { display:inline-block; margin-right:.5em; padding:.1em .5em; font-size:.8em; color:#fff; background-color:var(--color-sub1); }
.carInfo .grade { margin:auto; font-size:.8em; line-height:1.3; color:#444; }
.carInfo .pr { line-height:1.4; }
.carInfo .price.flex { font-size:1.15em; }
.carInfo .price.flex .label { font-size:.75em; }

.hint {
  position:absolute; display:inline-block; width:1.5em; line-height:1.5;
  font-family:'Arial Black','Helvetica',sans-serif;
  font-size:.7em; font-style:normal; font-weight:bold;
  color:#444; text-align:center; cursor:pointer;
  background-color:#eee; border-radius:50%; }
.hintContent {
  display:none;
  position:absolute; top:100%; z-index:11;
  width:100%; padding:20px;
  color:#fff; font-size:13px;
  background-color:#666; border-radius:5px;

  li + li { margin-top:.5em; }
  > *:first-child { margin-top:0; }
  > *:last-child { margin-bottom:0; }
}
.carInfo .total { position:relative; }
.carInfo .total .hint { top:0; left:11em; }

.specDataBox .tag { margin-bottom:1em; font-size:.8em; gap:.3em; }
.specDataBox .tag > li { padding:.4em; line-height:1; background-color:#dcdcdc; border-radius:3px; position:relative; }
.specDataBox .tag > li::before { content:"#"; }
.specDataBox .tag .hint { position:relative; margin-left:.1em; vertical-align:top; color:#fff; background-color:#222; }
.specDataBox .tag .hintContent { width:min(80vw,400px); line-height:1.5; }

/* 鑑定書 */
.specDataBox .appraisal { gap:1em 10px;
  width:100%; margin-bottom:1em; padding:1em;
  font-size:.95em; border:1px solid #dcdcdc; }
.specDataBox .appraisal .ttl { width:38%; align-self:center; text-align:center; }
.specDataBox .appraisal .data { flex:1; color:var(--color-gry3); }
.specDataBox .appraisal .data dt:nth-of-type(2n) { margin-left:1.3em; }
.specDataBox .appraisal .data dd { padding-left:.5em; min-width:3em; color:#003B83; }
.specDataBox .appraisal .image { width:100%; margin:0; text-align:center; }
.specDataBox .appraisal .image > .openModal {
  display:inline-block; width:80%; padding-block:.3em;
  color:#003B83; background-color:#ff0;
  border:2px solid #003B83; border-radius:5px;
}

#zaikoDetail .hosyoCom { margin:5% 0; font-size:.85em; }

/* 装備関連 */
.dl-zaiko { line-height:1.3; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; }
.dl-zaiko dt { padding:1em .8em 0; font-size:.85em; background:#f6f6f6; border-bottom:1px solid #dcdcdc; }
.dl-zaiko dd { padding:.75em; font-weight:bold; background:#fff; border-bottom:1px solid #dcdcdc; }
.dl-zaiko dd:last-child { border-right:1px solid #dcdcdc; }
.dl-zaiko dd.com { font-weight:normal; font-size:.9em; line-height:1.5; }

.dl-zaiko > div { display:flex; }
.dl-zaiko > div > dt { width:max(20%,6em); }
.dl-zaiko > div > dd { flex:1; }


ul.eqData { display:grid; grid-column-gap:3px; grid-row-gap:3px; font-size:.85em; }
ul.eqData > li { padding:.85em; line-height:1.5; font-weight:bold; border:1px solid #dcdcdc; }
ul.eqData > li.wide { grid-column:span 2; }


/* #slider */
.zaikoDetail #slider { position:relative; }
.zaikoDetail #slider .slider-num {
  position:absolute; top:5px; right:5px; z-index:1;
  padding:0 5px; color:#fff; font-size:.8em;
  background-color:rgba(0,0,0,.7);
}
.zaikoDetail div[class*="swiper-button"]::before {
  display:block; content:"";
  position:absolute; top:50%; width:.8em; aspect-ratio:1;
  border-top:2px solid #fff;
  border-right:2px solid #fff;
  }
.zaikoDetail .swiper-button-next { right:0 }
.zaikoDetail .swiper-button-next::before {
  left:.2em; transform:translateY(-50%) rotate(45deg); }
.zaikoDetail .swiper-button-prev { left:0 }
.zaikoDetail .swiper-button-prev::before {
  right:.2em; transform:translateY(-50%) rotate(-135deg); }

.car-main-slider div[class*="swiper-button"] {
  position:absolute; top:40%; width:25px; height:110px; z-index:1;
  padding:0; outline:none; appearance:none; border:none; cursor:pointer;
  background-color:rgb(243, 152, 0,.6);
}
.car-main-slider .cap { font-size:.9em; color:#555; line-height:1.3; }

.car-thumb-slider { cursor:pointer; }
.car-thumb-slider .swiper-slide { padding:2px; }
.car-thumb-slider .swiper-slide-thumb-active img { border:1px solid #c00; }
.car-thumb-slider div[class*="swiper-button"]::before {border-color:#444; }

/*来店予約*/
.zaikoDetail .img .ttl-bb-b { margin-top:5%; }
#rdate { padding-inline:20px; }
#rdate .slick-arrow {
  display:block; width:10px; height:10px;
  border-top:2px solid #32170d;
  border-right:2px solid #32170d }
#rdate .slick-arrow::before { content:""; }
#rdate .slick-prev { left:0; transform:rotate(-135deg); }
#rdate .slick-next { right:0; transform:rotate(45deg) }
#rdate button { display:block; width:100%; color:#333; text-align:center; background-color:transparent; }
#rdate button:disabled { cursor:auto; }
#rdate .week { display:block; font-size:.8em; }
#rdate .week.holiday { color:#f55; }
#rdate .week.saturday { color:#0af; }
#rdate .date { display:block; padding-block:.5em 3em; font-size:.95em; border:1px solid #ddd; border-radius:3px; position:relative; }
#rdate .date::after {
  content:""; display:block; width:1.2em; height:1.2em;
  position:absolute; left:50%; bottom:1em; transform:translateX(-50%);
  background:no-repeat center / contain;
}
#rdate .ok .date::after { background-image:url("../img/common/mark-ok.svg"); }
#rdate .no .date::after { background-image:url("../img/common/mark-no.svg"); }

.youtube_wrap { margin-top:5%; }

/*お問い合わせ*/
.contact-area { padding:5% 10px; background:var(--color-gry0); }
.contact-area .shop-link { margin-bottom:1em; }

/* 選ばれる理由 -------------- */
.reasonBox .ttl-def { margin-bottom:.75em; }
.reasonBox .txt .fleft { margin-right:1em; }
.reasonBox .txt > p { margin-top:0; }

/* #zaiko その他の車 -------------- */
.otherList { margin-block:1em 3em; }
.otherList > li > a {
  display:grid; grid-column-gap:15px; position:relative;
  grid-template-columns:36% 1fr; grid-template-rows:auto 1fr;
  text-decoration:none; color:var(--color-text); line-height:1.4; }
.otherList > li > a::before {
  position:absolute; top:50%; right:1.3%;
  content:""; display:block; width:10px; height:10px;
  border-top:2px solid var(--color-sub2);
  border-right:2px solid var(--color-sub2);
  transform:translateY(-50%) rotate(45deg)
}
.otherList > li > a:hover { color:var(--color-base); opacity:.8; }
.otherList .image { grid-area:1 / 1 / 3 / 2; position:relative; }
/* .otherList .image .obi { position:absolute; top:0; left:0; right:0; z-index:1; } */

.otherList .cname { font-size:1.1em; font-weight:bold; }
.otherList .data > div { display:flex; align-items:center; font-size:.9em; font-weight:bold; }
.otherList .data dt { width:6.5em; font-size:.9em; }
.otherList .data dd::before { content:"："; }
.otherList .data .price { font-size:.9em; }
.otherList .data .price > em { font-size:1.4em; color:#c00; }


/* PC ----------------------- */
@media screen and (min-width:960px){
  /* 検索関連 ---------------------- */
  #search-modal .modal-content { height:70vh;
    grid-template-columns:170px 1fr;
  }
  #search-modal .step { grid-template-rows:repeat(2, 40%) 1fr; column-gap:1em; }

  .search-filter { display:grid; grid-template-columns:repeat(2, 1fr); column-gap:20px; }
  .search-filter .col2 { display:flex; gap:1em; align-items:center; }
  .search-filter .col2 dd { flex:1; }
  .search-filter .span2 { grid-column:1 / span 2; }

  /* メーカー・車種・グレード */
  .search-filter .data { display:grid; grid-template-columns:repeat(2, 1fr); }

  .search-filter .checkbox-list { display:flex; flex-wrap:wrap; }

  .search-filter .color { gap:8px; }
  .search-filter .color label {
    grid-template-columns:0 1fr; gap:0; cursor:pointer;
    width:30px; height:30px; padding:0;
    border:2px solid #fff; border-radius:50%; }
   .search-filter .color .checked { border-color:var(--color-sub3); }
  .search-filter .color input { visibility:hidden; }
  .search-filter .color-txt { display:block; width:26px; height:26px; visibility:hidden; }
  .search-filter .color-txt::before { visibility:visible; }


  .list-search .btn-border { padding-right:.8em; }
  .list-search.bodytype .img { height:3.5rem; }
  .list-search.bodytype .sedan { font-size:.9em; }
  .list-search.bodytype .sedan .img { margin-bottom:1.2rem; }

  /* 並び替え */
  .filter { float:right; margin-block:0; }
  .filter > a { width:200px; }
  .filter-list { display:none; }
  .sort-list {
    display:grid; grid-template-columns:repeat(5, auto);
    margin-block:1em; padding:.75em; font-size:.85em;
    border-block:1px solid #dcdcdc;
    > div { display:flex; align-items:center; }
    dt { color:var(--color-gry4); }
    dt::after { content:'：'; }
    dd { padding-inline:.2em; }
    dd > a { display:inline-block; padding:.2em .5em; background-color:var(--color-gry1); border:none; border-radius:3px; }
    dd > a:hover { color:#fff; background-color:var(--color-sub3); }
  }

  /* zaikoList 一覧 ---------------------- */
  #zaikoList > li {
    grid-template-columns:min(35%,640px) 1fr 450px; column-gap:20px;
    grid-template-rows:repeat(5, auto);
  }
  #zaikoList > li .cname { grid-area:1 / 1 / 2 / 4; }
  #zaikoList > li .grade { grid-area:2 / 1 / 3 / 4; }
  #zaikoList > li .image { grid-area:3 / 1 / 6 / 2; }
  #zaikoList > li .price_law { grid-area:3 / 2 / 4 / 4; position:relative; }
  #zaikoList > li .data  { grid-area:4 / 2 / 5 / 4;  }
  #zaikoList > li .link  { grid-area:5 / 2 / 6 / 4; }
  #zaikoList > li .appraisal { grid-area:5 / 2 / 6 / 3; margin-top:9px; align-self:start; }

  #zaikoList .data > div:nth-child(2n) { border-left:none; }
  #zaikoList > li .price_law {
    display:grid; grid-template-columns:53% 8em 1fr; column-gap:1em;
  }
  #zaikoList .price.flex { grid-row: 1 / span 2; padding-right:1em; }
  #zaikoList .def .manen { font-size:.8em; }
  #zaikoList .price.flex .base { padding-right:3%; }
  #zaikoList .law { grid-column: 2 / span 2; }
  #zaikoList .mtype { }
  /*#zaikoList .appraisal img { width:24px; vertical-align:top; }
  #zaikoList .appraisal em { font-size:1.2em; }*/

  /* zaiko 詳細 ------------------------ */
  #zaikoDetail .flo-contact { display:none; }
  .car-thumb-slider { padding-inline:20px; }
  .car-thumb-slider div[class*="swiper-button"] {
    top:0; margin-top:0; width:20px; height:100%; background-color:#fff;
  }
  .car-thumb-slider div[class*="swiper-button"]::after { font-size:1em; color:var(--color-sub2); }

  .zaikoDetail .specDataBox {
    display:grid; grid-template-columns:640px 1fr;
    column-gap:30px;
    margin-bottom:40px;
  }

  dl.specData > dt { width:13.33%; }
  dl.specData > dd { width:20%; font-size:.95em; }
  dl.specData > dd:nth-child(6n) { border-right:1px solid #dcdcdc; }

  /*購入パック*/
  .packList { grid-template-columns:repeat(3, 1fr); }

  .carInfo .cname { margin-top:.5em; font-size:1.6em; }
  .spec { display:flex; flex-wrap:wrap; margin-bottom:1em; text-align:center; font-size:.9em; }
  .spec > div { width:50%; margin-bottom:10px; border:1px solid #dcdcdc; }
  .spec > div:nth-child(2n) { border-left:none; }
  .spec > div > * { padding:9px 4px; line-height:1.2; }
  .spec > div > dt { background-color:#f6f6f6; border-bottom:1px solid #dcdcdc; }

  ul.eqData { grid-template-columns:repeat(5, 1fr); font-size:.8em; }


  .loan-data { display:flex; flex-wrap:wrap; justify-content:space-between; }
  .loan-data > div:not(.wide) { width:49.7%; }

  /*購入パック*/
  .packList { display:grid; grid-template-columns:repeat(2, 1fr); grid-column-gap:15px; grid-row-gap:15px; }


  /* #zaiko その他の車 */
  .otherList { display:grid; grid-template-columns:repeat(2, 1fr); grid-column-gap:15px; grid-row-gap:15px; }
  .otherList .image .ribbon { width:40px; }
}