@charset "utf-8";
/* CSS Document */
/* zaiko
================================================================== */
#sale article { padding-bottom:60px; }
#sale .conTop .pageTtl { background-color:#f4652f; }
.bnr_tokuten { margin-bottom:20px; text-align:center;}
.bnr_tokuten img { max-width:100%; width:auto; }
.tax_info { margin-bottom:20px; }

/* 検索 */
.searchBox { margin:20px 0 30px; padding:20px; background:#e8e8e8; }
.searchBox > form { position:relative; padding-right:180px; }
.searchBox .title { display:none; }
.searchBox fieldset { width:255px; border:none; }
.searchBox fieldset legend { color:#f4652f; font-size:18px; font-weight:bold; line-height:1; }
.searchBox fieldset select { width:100%; padding:3px 10px; font-family:inherit; font-weight:inherit; font-size:16px; border-radius:3px; border:1px solid #ccc; background-color:#fff; }
.searchBox fieldset.range select { max-width:45%; }
.searchBox .submitBtn { margin:auto; }
.searchBox .searchBtn { position:absolute; display:block; right:20px; top:0; bottom:0; margin:auto;
  padding-top:66px; width:140px; height:106px; color:#fff; font-size:15px; font-weight:bold; font-family:inherit;
  border:none; border-radius:5px; background:#f4652f url(../img/icon_search.png) no-repeat center 20px / 30%; cursor:pointer;
  transition:all .5s; -webkit-transition:all .5s; }
.searchBox .searchBtn:hover { background-color:#ffc11e; }


.rowMax { font-size:1.8em; }
.order { margin-top:1.6em; text-align:right; }
.order .current { text-decoration:none; color:#a81d4e; }


.container {
  font-family:"Yu Gothic", YuGothic, Verdana, 'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
  text-align:center;
  padding-top:5px;
}


/* 掲載のない在庫車問い合わせ用 */
.btn-border {
  display:inline-block; padding:8px 84px;
  font-size:25px; font-weight:bold; text-align:center;
  color:#da263c; border:2px solid #da263c;
  text-decoration:none; border-radius:4px; transition:.4s;
}
.btn-border:hover {
  color:#FFF; border-color:#f4652f; background-color:#f4652f;
}


/* 共通 */
.carContact li { float:left; margin-top:10px; }
.carContact *[class$="Btn"] a { display:inline-block; color:#fff; padding:7px 20px 5px; text-decoration:none; }
.carContact *[class$="Btn"] a:after {
  content:""; display:inline-block; width:0; height:0; margin-left:10px;
  border-style:solid; border-width:4px 0 4px 10px; border-color:transparent transparent transparent #FFF;
  }

.carContact .tel { position:static; margin:8px 0 0; line-height:1.2; }
.carContact .tel a {
  font-size:20px; color:#000; font-weight:bold; text-decoration:none;
  /*
  position:relative; display:inline-block; padding:4px 0 0 30px; background:url("../img/ico_tel02.png") no-repeat bottom 0 left 6px / 20px 24px;
  */
  }
.carContact .tel span { display:block; /*margin:0 0 5px -24px;*/ font-size:14px; }

.carContact .contactBtn { margin:10px 10px 0 15px; }

.carContact .contactBtn a { background:#f4652f; }
.carContact .detailBtn a { background:#f1153b;}

.carContact li:nth-child(n+3) a:hover {
  background-color:#bc0726; text-decoration:none; -webkit-transition:all .3s; transition:all .3s; }


.typeBtnList {
  margin:30px 0 50px;
  justify-content:center; -webkit-justify-content:center;
}
.typeBtnList li { width:15%;}
.typeBtnList > li + li { margin-left:10px; }
.typeBtnList > li > a { display:block; margin:0 6px 6px 0; /*box-shadow:6px 6px #000;*/ }
.typeBtnList > li > a:hover { margin:6px 0 0 6px; /*box-shadow:inherit;*/ }

/* 支払総額関連 */
.price_total { margin:0; font-size:1.5em; font-weight:bold; text-align:right; }
.price_total > em { font-family:'Helvetica','Arial',sans-serif; font-size:1.8em; color:#da263c; }
.price_total > .manen { font-size:.7em;}
.price_total .soldout { font-size:1.6em;}
p.price_total { font-size:1.1em; letter-spacing:.01em; line-height:1.2;}
.price_total > .manen { font-size:.8em;}
dl.price_cost {
  display:grid; grid-column-gap:10px; max-width:150px; letter-spacing:.01em; line-height:1.6;
  grid-template-columns:repeat(2, 1fr);
  margin-inline:auto 0; font-size:.9em; text-align:right; }

.price.flex { margin-bottom:1em; line-height:1.2; }
.price.flex .label { font-size:.8em; }
.price.flex em { font-size:1.5em !important; font-family:'Helvetica','Arial',sans-serif; }
.price.flex > li { display:flex; justify-content:left; gap:.5em; }
.price.flex .total { align-items:baseline; justify-content:flex-end; width:100%; margin-bottom:.4em; border-bottom:2px solid #dcdcdc; }
.price.flex .total em { font-size:2em !important; color:#da263c; }
.price.flex .total .label { margin-right:1em;}
.price.flex .def { font-size:.9em; }
.price.flex .def .manen { font-size:.9em; }
.price.flex .base { padding-right:1em; }
.price.flex .tax { font-size:.85em; }

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

.otherList p.price_total { font-size:1em;}

/* zaikoList 一覧 */
#zaiko .pagination a, #zaiko .pagination span {
  display:inline-block; width:30px; line-height:28px; padding:2px 0 0; }

#zaikoList > li { width:24%; margin-bottom:30px; border:solid 1px #dcdcdc; border-radius:5px 5px 0 0; }
#zaikoList > li:not(:nth-child(4n+1)) { margin-left:1.3%; }
#zaikoList > li.is-empty { margin:0; border:none; }
#zaikoList table, #zaikoDetail table { border-collapse:collapse; }
#zaikoList h3 {min-height:4.1em; font-size:17px; font-weight:bold; padding:13px 15px 10px; background:#f6f6f6; border-bottom:solid 1px #dcdcdc; border-radius:5px 5px 0 0; line-height:1.3;}
#zaikoList h3 span { font-weight:normal; font-size:.8em;}
#zaikoList h3+div { padding:15px; background-color:#fff;  }
#zaikoList .Cimg { float:left; display:block; width:23%; border:1px solid #f5f5f5; }
/*#zaikoList > img { float:left; }*/
#zaikoList .image { display:block; /*float:left; width:22%;*/ }
#zaikoList .rBox { margin-top:.3em; }
#zaikoList figure { min-height:156px; }

#sliderInner { position:relative; }
#arrow { position:absolute; top:50%; left:0; width:100%; height:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
#arrow .slick-next:before{content:"";}
#arrow .slick-after:before{content:"";}
#arrow .slick-arrow { position:absolute; top:50%; width:29px; height:110px; background:#959595; border:none; -webkit-transform:translateY(-50%); transform:translateY(-50%); text-indent:-9999px; z-index:999; opacity:1; }
#arrow .slick-arrow:hover { opacity:0.7; }
#arrow .slick-prev { left:0; }
#arrow .slick-next { right:0; }

#arrow .slick-arrow:before { content:""; position:absolute; top:50%; right:10px; width:10px; height:10px; margin-top:-5px;
border-top:3px solid #fff; border-right:3px solid #fff;
-webkit-transform:rotate(45deg); transform:rotate(45deg);
}
#arrow .slick-arrow.slick-prev:before { right:auto; left:10px; -webkit-transform:rotate(-135deg); transform:rotate(-135deg); }


.tagList li { padding:4px 10px 4px; margin-right:8px; float:left; color:#fff; font-size:13px; border-radius:4px; }
.tagList li.rec { background:#da263c;}
.tagList li.c1 { background:#FF9600;}
.tagList li.c2 { background:#3886c4;}
.tagList li.c3 { background:#38bfc4;}

#zaikoList .loan { text-align:center; background-color:#f0f0f0; }
#zaikoList .loan > span { margin-right:.5em; font-size:.9em; font-weight:bold; }
#zaikoList .loan > em { font-size:1.2em; color:#da263c; }

#zaikoList .rBox .data { width:100%; margin:10px 0 16px;}
#zaikoList .rBox .data th { padding:5px 3px 3px; font-size:12px; background:#f6f6f6; border:solid 1px #dcdcdc; width:5.3em; text-align:center;}
#zaikoList .rBox .data td { padding:5px 3px 3px; font-size:13px; border:solid 1px #dcdcdc;}

#zaikoList .carContact li { float:none; width:100%; margin-top:8px; text-align:center; font-weight:bold; }

#zaikoList .carContact .tel { margin:8px auto 0; }
#zaikoList .carContact .telno { color:#000; }
#zaikoList .carContact .telno:hover { color:#da263c;  }
/*#zaikoList .carContact .telno span { padding:0 0 0 20px; background:url(../img/ico_tel.png) no-repeat top left / 15px auto; }*/
#zaikoList .carContact .contactBtn { margin:10px auto 0; }
#zaikoList .carContact .contactBtn a, #zaikoList .carContact [class$="Btn"] a { display:block; width:100%; }
#zaikoList .carContact .contactBtn a:hover { background:#be4518; }


/* zaiko 詳細 */
#zaikoDetail .inner { position:relative; }
#zaikoDetail h3 { width:100%; padding:14px 0 9px 23px; margin-bottom:35px; font-size:18px; font-weight:bold; background:#f6f6f6; border:solid 1px #dcdcdc; border-radius:5px 5px 0 0; }
#zaikoDetail h3 span { font-weight:normal; font-size:.9em;}

#zaikoDetail  #slidePager {
  margin-block:.5em;
  > ul {
    display:grid; grid-template-columns:repeat(10, 1fr); gap:5px;
  }
}

#zaikoDetail .lBox { width:64%; margin-right:3%;}
#zaikoDetail .lBox #bx-pager img { width:56px; height:42px; }

#zaikoDetail .rBox { width:31%;}

#zaikoDetail .rBox .price { text-align:right; justify-content:right; font-size:16px; font-weight:bold; margin:5px 0 2px;}
#zaikoDetail .rBox .price .red { font-size:30px; color:#da263c;}
#zaikoDetail .rBox .price em { font-size:15px; }

#zaikoDetail .rBox .data { width:100%; margin-bottom:9px; text-align:center;}
#zaikoDetail .rBox .data:last-child { margin-bottom:10px;}
#zaikoDetail .rBox .data th { width:50%; font-size:13px; background:#f6f6f6; border:solid 1px #dcdcdc; padding:4px 0 2px;}
#zaikoDetail .rBox .data th.price { background:#fff; font-size:16px; font-weight:bold;}
#zaikoDetail .rBox .data th.price span { font-size:27px; color:#da263c;}
#zaikoDetail .rBox .data td { padding:5px 0 4px; background:#FFF; border:solid 1px #dcdcdc; }


#zaikoDetail table.vehicle { width:100%; margin:0 auto 20px; }
.subTitle + table.vehicle { margin-top:5px; }
#zaikoDetail table.vehicle tr > * { padding:5px 10px 3px; text-align:left; background:#FFF; border:solid 1px #dcdcdc; }
#zaikoDetail table.vehicle th { font-size:13px; background:#f6f6f6;}
#zaikoDetail table.vehicle .zaiko_a { width:270px;}
#zaikoDetail table.vehicle .zaiko_b { width:60px;}
#zaikoDetail .comBox { margin-top:30px; font-size:13px;}

#zaikoDetail .equip { border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; }
#zaikoDetail .equip li { width:25%; padding:5px 8px; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; }


#zaikoDetail h4.subTitle { margin:6% 0 20px; }
#zaikoDetail h5 { font-size:1.2em; font-weight:bold; }

#zaikoDetail .contactCom { width:100%; margin:50px auto 20px; padding:8px 21px; text-align:center; font-weight:bold; color:#FFF; background:#f4652f; position:relative; }
#zaikoDetail .contactCom::before { content:""; position:absolute; bottom:-8px; left:50%; width:0; height:0; margin-left:-7px; border-style:solid; border-width:8px 7px 0 7px; border-color:#f4652f transparent transparent transparent; }
#zaikoDetail .stockBnr { margin:20px 0 50px; }
.stockBnr li { width:32%; }

#zaikoDetail .carContact { width:100%; margin:30px auto; padding:15px; text-align:center; background:#e8e8e8; }
#zaikoDetail .carContact.box2 { padding:20px; }
#zaikoDetail .carContact p { width:100%; margin:0; }
#zaikoDetail .carContact:not(.box2) .telTtl, #zaikoDetail .carContact.box2 .zaikoCon { margin:-30px auto 15px; font-size:18px; font-weight:bold; color:#000; }
#zaikoDetail .carContact.box2 .zaikoCon { margin-top:-43px; font-size:28px; }

#zaikoDetail .carContact .telBox { margin-bottom:20px; text-align:center; }
#zaikoDetail .carContact.box2 .telBox { margin:0 auto 10px; padding:20px 40px; background:#fff; }
#zaikoDetail .carContact .telBox li { float:none; display:inline-block; margin:0 auto; }
#zaikoDetail .carContact:not(.box2) .telBox li + li { margin:10px auto; padding-top:20px; border-top:1px dashed #f4652f; }
#zaikoDetail .carContact.box2 .telBox li + li { margin:0 auto 0 30px; }
#zaikoDetail .carContact .telBox li a {
  display:block; font-size:26px; color:#000; font-weight:bold; text-decoration:none; line-height:1.4;
  /*
  position:relative; padding-left:30px; background:url("../img/ico_tel02.png") url("../img/ico_tel02.png") no-repeat bottom 2px left 8px/ 16px 24px;
  */
  }
#zaikoDetail .carContact .telBox li span { display:block; /*margin:0 auto 8px -30px;*/ font-size:14px; }

#zaikoDetail .carContact .contactBtn { }
#zaikoDetail .carContact .contactBtn a { display:block; padding:15px 0; font-size:110%; font-weight:bold; line-height:1; background-color:#f4652f; -webkit-transition:all .3s; transition:all .3s; }
#zaikoDetail .carContact .contactBtn a:after {
  border-width:5px 0 5px 10px; border-color:transparent transparent transparent #fff; }
#zaikoDetail .carContact .contactBtn a:hover { background-color:#da263c; }

#zaikoDetail .carContact.box2 { margin:60px auto; }

#zaikoDetail .carContact.btn_only {
  background-color:#fff;
  .contactBtn { max-width:350px; margin-inline:auto; }
}



.otherList { margin:20px 0 40px;}
.otherList li { width:25%; box-sizing:border-box; }
.otherList li a { display:block; padding:0 10px; text-decoration:none; background-color:#fff; }
.otherList li a:hover { color:#151515; text-decoration:none; }
.otherList li img { margin-bottom:5px;}
.otherList li table { width:100%; }
.otherList li table tr > * { padding:5px 10px 3px; border:solid 1px #dcdcdc; font-size:12px;}
.otherList li table th { background:#f6f6f6;}
.otherList li table .price {padding:7px 10px 1px; font-size:13px; text-align:center; font-weight:bold; }
.otherList li table .price span { margin-left:2px; font-size:20px; color:#da263c;}
.otherList .detailBtn {
	width:auto; display:block; margin:5px 0 0; padding:7px 5px 6px; font-size:90%;
	font-weight:bold; color:#fff; text-align:center; background:#f4652f; -webkit-transition:all .3s; transition:all .3s;
}
.otherList li a:hover .detailBtn { background:#da263c; }


.carContact form { width:100%; }
.contactForm {
	width:50%; margin:20px auto 0; text-align:center;
}
.contactForm dl { margin-bottom:10px; }
.contactForm dl > * { text-align:left; }
.contactForm dt {
	width:155px; padding:10px 5px 0; float:left;
}
.contactForm dt span {
	display:inline-block; padding:0 8px; float:right; color:#fff; font-size:12px;
	background:#e60012;
}
.contactForm dd { padding:5px; margin-left:165px; }
.contactForm dd input[type="text"] { width:95%; padding:5px; border:1px solid #ccc; }
.contactForm dd label { display:inline-block; padding-top:5px; }

.pagination{ clear:both; margin:30px 0; text-align:center; }
.pagination a, .pagination span { display:inline-block; margin:3px; padding:5px 12px; background-color:#fff; }
.pagination a{ color:#681916; text-decoration:none; background-color:#FFF; border:1px solid #ed9200; }
.pagination a:hover{ background-color:#ffd2a1; border:1px solid #ed9200; }
.pagination span.current{ color:#FFF; background-color:#ed9200; border:1px solid #ed9200; }
.pagination span.disabled { border:1px solid #d0cac8; color:#d0cac8; }

/* ZOHO */
#crmWebToEntityForm { width:100%; margin:0; }
#crmWebToEntityForm > form { width:50%; margin:0 auto; }
.zcwf_row { margin:0; }
.zcwf_col_lab,.zcwf_col_fld { margin:0; padding:0 5px 10px; text-align:left; color:inherit; background:none; }
.zcwf_col_lab { min-width:12em; }
.zcwf_col_fld>input:where([type="text"], [type="email"], [type="tel"], [type="number"]) { width:95%; }

/*AJAX loading*/
#loading {
  display:table; width:100%; height:100%;
  position:fixed; top:0; left:0; background-color:#fff;
  opacity:0.8;
}
#loading .loadingMsg {
  display:table-cell; text-align:center; vertical-align:middle;
  padding-top:120px;
  background:url("../img/loading.svg") center center no-repeat;
  background-size:80px auto;
}

/* ローン支払シミュレーション */
.loanBox {
  display:grid; grid-template-columns:55% 1fr; align-items:end;
  grid-column-gap:5%; grid-row-gap:30px; }

.loan-input  { grid-area:1 / 1 / 3 / 2; }
.loan-result { grid-area:2 / 2 / 3 / 3; }
.loan-error  { grid-area:1 / 2 / 2 / 3; }
.loan-notice { grid-area:3 / 1 / 4 / 3; font-size:.9em; color:#666; }

.loan-input > div {
  display:flex; align-items:flex-end;
  padding-block:1em 7px; font-weight:bold; border-bottom:2px solid #ddd; }
.loan-input dt { flex:1; padding-left:15px; }
.loan-input dt > span { font-weight:normal; }
.loan-input dd { width:110px; }
.loan-input .total { font-size:2em; }
.loan-input input { margin-right:2px; width:4em; font-size:1.2em; font-weight:bold; text-align:right; }
.loan-input select { margin:0; padding:3px 5px; font-size:1.1em; font-weight:bold; border:1px solid #ccc; border-radius:3px; }

.loan-result { padding-block:.5em; background:#f6f6f6; }
.loan-result > div {
  display:flex; justify-content:space-between;
  padding:.5em 1em; font-weight:bold; }
.loan-result em { font-size:1.6em; line-height:1.2; }
.loan-result .amount { border-bottom:2px solid #ccc; }
.loan-result .amount dd { font-size:1.2em; }
.loan-result .monthly dd { font-size:1.3em; }

.loan-error { line-height:1.4; }


/* バナー */

#data .bnr-premier {
  margin-top:25px;
}