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


.zaikoContact {
  width:100%;  margin-top:3em; padding:1.5em;
  text-align:center; font-weight:bold; color:#FFF; background:#3687c3; }
.zaikoContact .btn { display:inline-block;
  margin-top:1em; padding:1em;
  color:#222; font-weight:bold; line-height:1;
  background-color:#ffcb02;
  border:2px solid #ffcb02; border-radius:5px;
  -webkit-transition:all .3s; transition:all .3s; }
.zaikoContact .btn:after {
  content:""; display:inline-block; width:5px; height:5px;
  margin-left:0.6em; vertical-align:middle;
  transform:rotate(45deg); transform-origin:top center;
  border-top:2px solid #222;
  border-right:2px solid #222;
  -webkit-transition:all 0.5s; transition:all 0.5s; }
.zaikoContact .btn:hover { background-color:#FFF; }

/* 検索 */
.searchBox { margin:20px 0 30px; padding:20px; background:url(../img/pattern.png); border:2px solid #f7a41e; }
.searchBox form { display: grid; grid-template-columns: repeat(3, auto) 140px; gap: 1em;}
.searchBox fieldset { padding:0; }
.searchBox fieldset legend { color:#f7a41e; font-weight:bold; line-height:1; }
.searchBox fieldset :is(select,input[type="text"]) { min-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 .searchBtn { display:block; grid-column: 4; grid-row: 1 / 4; height:106px; padding-top:66px; margin: auto 0;
 color:#fff; font-size:15px; font-weight:bold; font-family:inherit; border:2px solid #f7a41e; border-radius:5px;
 background:#f7a41e url(../img/ico_search.svg) no-repeat center 20px / 30%; cursor:pointer;
 transition:all .5s; -webkit-transition:all .5s; }
.searchBox .searchBtn:hover { color:#f7a41e; background-color:#FFF; background-image:url(../img/ico_search_hover.svg); }

p[class^="bnr-"] { margin-bottom:40px; }

.order { margin-top:25px; }
.order .current { text-decoration:none; color:#f7a41e; }

.rowMax { font-size:25px; }

/* 共通 */
.carContact li {  }
.carContact *[class$="Btn"] a { display:inline-block; color:#fff; padding:.65em 1.2em .6em; text-decoration:none; font-weight:bold; border-radius:5px; }
.carContact *[class$="Btn"] a:after { content:""; display:inline-block; width:5px; height:5px; margin-left:.6em; vertical-align:middle;
  -webkit-transform:rotate(45deg); transform:rotate(45deg);
  -webkit-transform-origin:top center; transform-origin:top center;
  border-top:2px solid #fff; border-right:2px solid #fff;
  -webkit-transition:all 0.5s; transition:all 0.5s; }

.carContact .tel { margin:0 !important; }
.carContact .tel.minamiodaka a { color:#f7a41e; background-image:url("../img/ico_tel_minamiodaka.svg"); }
.carContact .tel span { display:block; margin:0 0 6px 0; font-size:14px; font-weight:bold; }

/*.carContact .contactBtn { margin:10px 10px 0 15px; }*/
#zaikoDetail .carContact .contactBtn { float:none; width:100%; }

.carContact .contactBtn a { border:2px solid #3687c3; background:#3687c3; }
.carContact .detailBtn a { border:2px solid #f7a41e; background:#f7a41e;}

.carContact li.contactBtn a:hover { color:#3687c3; background-color:#FFF; }
.carContact li.contactBtn a:hover:after { border-color:#3687c3; }
.carContact li.detailBtn a:hover { color:#f7a41e; background-color:#FFF; }
.carContact li.detailBtn a:hover:after { border-color:#f7a41e; }

#zaikoDetail .carContact .tel-zaiko { margin:0 auto 18px; }

/* LINEお問い合わせ */
.btn-line{ display:block; margin-block:15px; padding:.7em 0; text-align:center; font-weight: bold; background: #00b900; color: #FFF; border-radius: 5px }
.btn-line > span{ position:relative; display:inline-block; padding-left:2.5em; }
.btn-line > span::before{ position:absolute; content:""; width:2em; height:2em; left:0; top:-3px; background:url(../img/ico-line.svg) no-repeat center / 100%; }

/*支払総額関連*/
p.total_price { margin:0; font-size:1.1em; font-weight:bold; text-align:right; }
p.total_price > em { font-family:'Helvetica','Arial',sans-serif; font-size:1.8em; color:#c22020; letter-spacing:0; }
dl.price_cost {
  display:grid; grid-column-gap:10px; max-width:160px;
  grid-template-columns:5em 1fr;
  margin-bottom:.5em; 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; 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:#c22020; }
.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:1.5em;
  display:block; content:"";
  background:url(../img/stock/ico-tag.svg) no-repeat center / contain; }

/* 帯、枠 */
img.obi { display: block; line-height:0; }
figure.image { position:relative; line-height:0;
  img { width: 100%; aspect-ratio: auto 4/3; }
  .frame { position:absolute; top:0; left:0; right:0; }
}

/* 車種一覧 */
.cmode-box { margin-top:2em; padding:0 3px 3px; background:#3687c3 url(../img/bg_dot.png); border-radius:10px; }
.cmode-box.slide { background-color:#F0C000; }
.cmode-box.kodawari { background-color:#24CBEF; }
.cmode-box.sedan { background-color:#F98595; }
.cmode-box.wagon { background-color:#FF8E42; }
.cmode-box.custom { background-color:#30C937; }
.cmode-box.van { margin-bottom:3em; background-color:#4A7BF6; }

.cmode-box > h3 { padding:.5em 1em; color:#fff; text-shadow:0 0 2px rgba(0,0,0,.5); }
.cmode-box > h3 > em { margin-right:1em; font-size:1.3em; }
.cmode-box > .cars { width:100%; text-align:center; background:#fff; border-radius:0 0 8px 8px; }
.cmode-box:not(.van) > .cars > li { width:20%; padding:.5em; line-height:1.4; }
.cmode-box.van > .cars > li { width:100%; padding:1em .5em; }
.cmode-box > .cars img { border-radius:8px; }

.btn_stock_list { display:inline-block; padding:.5em 2.5em .5em 1.5em; color:#fff; font-family:'Kosugi Maru', sans-serif; font-size:2em; font-weight:bold; background:#f7841e url(../img/bg_dot.png); border-radius:10px; position:relative; }
.btn_stock_list::before, .btn_stock_list::after {
  position:absolute; content:""; top:50%; display:block;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
}
.btn_stock_list::before { right:.75em; width:2rem; height:2rem; border-radius:50%; background-color:#ffb000; }
.btn_stock_list::after {
  right:1.2em; width:.5rem; height:.5rem; margin-top:-.3rem;
  border-top:2px solid #fff; border-right:2px solid #fff;
  -webkit-transform:rotate(45deg); transform:rotate(45deg);
}


/* お気に入り関連 */
.btn.btn-favorite { position: relative; display: inline-block; padding: .3em 1em .3em 2.5em; color:#fff!important;border-radius: 4em; border: 1px solid #e60012!important;background:#e60012!important; }
.btn.btn-favorite::before { content:""; position:absolute; top:0; left:1em; bottom: 0; margin: auto; width:1.2em; height:1.2em; background:url(../img/common/ico-heart-wht.svg) no-repeat center / contain; }
.btn.btn-favorite:hover { opacity: 0.5; }

.favorite { position: relative; cursor:pointer; width:40px; height:40px; margin-bottom: 10px; padding:18px 0 0; font-size:10px; text-align:center; border:1px solid #e60012; border-radius:3px; }
.favorite::before { content:""; position:absolute; top:0; left:23%; width:54%; height:26px; background:url(../img/common/ico-heart-red.svg) no-repeat center / contain; }
.favorite.add { color:#e60012; background-color:#fff; }
.favorite.del { color:#fff; background-color:#e60012; }
.favorite.del::before { background-image:url(../img/common/ico-heart-wht.svg); }

/* zaikoList 一覧 */
#zaiko .pagination a, #zaiko .pagination span {
  display:inline-block; width:30px; height:30px; margin-right:5px; padding:3px 0 0; text-align:center; border:1px solid #ffb000; }
#zaiko .pagination .current { color:#FFF; background:#ffb000; }
#zaiko .pagination span.disabled { border:1px solid #d0cac8; color:#d0cac8; }
#zaiko .pagination a:hover, #zaiko .pagination span:hover { background:#fff3ea; }

.search_bnrlist { justify-content:center; margin-block:3em 1em;}
.search_bnrlist > li { margin-inline:.5%; margin-bottom:1em; width:24%;}
.search_bnrlist > li img { width:100%;}

.tagList li { padding:4px 10px 4px; margin-right:8px; float:left; color:#fff; font-size:13px; border-radius:4px; }
.tagList li.rec { background:#ffb000;}
.tagList li.c1 { background:#ffb000;}
.tagList li.c2 { background:#3687c3;}
.tagList li.c3 { background:#be1118;}
.tagList li.cat1 { background:#1ea64e;}
.tagList li.cat2 { background:#1ea64e;}

#zaikoList { width:100%; }
#zaikoList > li { width:23.5%; margin-right:2%; margin-bottom:20px; border:solid 1px #dcdcdc; position:relative; }
#zaikoList > li:nth-child(4n){ margin-right:0; }

#zaikoList .carName { min-height:5.5em; padding:.5em 10px; font-weight:bold; background:#f6f6f6; }
#zaikoList .carName .grade { font-weight:normal; font-size:.83em; }

#zaikoList .image { position:relative; }
#zaikoList .favorite { position:absolute; top: .5em; right:.5em; }

#zaikoList .data { padding:0 10px 95px; }
#zaikoList .data .txt { margin-bottom:.5em; font-size:.8em; }
#zaikoList .info { width:100%; margin-bottom:10px; }
#zaikoList .info tr > * { font-size:12px; padding:4px 3px; text-align:left; border:solid 1px #dcdcdc; }
#zaikoList .info th { width:40%; background:#f6f6f6; }
#zaikoList .info td { background:#fff; }

#zaikoList .carContact { position:absolute; bottom:5px; left:10px; right:10px; }
#zaikoList .carContact li { margin:0 0 5px; text-align:center; }
#zaikoList .carContact .detailBtn a { width:100%; margin-left:0; padding:8px 0; font-size:90%; text-align:center; }
#zaikoList .carContact .contactBtn a { display: block; padding:6px 6px 5px 10px; font-size:90%; }
.carContact *[class$="Btn"] a:after { display: none; }



/* zaiko 詳細 */
#zaikoDetail .inner { position:relative; }
#zaikoDetail .carName { width:100%; padding:14px 0 9px 23px; margin:30px 0 20px; font-size:18px; font-weight:bold; background:#f6f6f6; border:solid 1px #dcdcdc; }

#zaikoDetail #slidePager { margin:10px -4px 0; }
#zaikoDetail #slidePager ul li { display:inline-block; margin:0 4px 3px;}
#zaikoDetail #slidePager ul li:nth-child(10n) { margin-right:0; }
#zaikoDetail #slidePager ul li:hover { text-decoration:none; }
#zaikoDetail #slidePager ul li.coupon {
  position:absolute; right:20px; bottom:45px; width:224px; padding:10px 20px;
  font-size:110%; font-weight:bold; color:#fff; text-align:center; background:#f7a41e; }
#zaikoDetail .price.flex { margin-top:1em; }
#zaikoDetail .lBox { width:64%; margin-right:3%;}
#zaikoDetail .lBox #slidePager img { width:55px; height:42px; }

#zaikoDetail .rBox { width:31%; }

#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:#f7a41e;}
#zaikoDetail .rBox .data td { padding:5px 0 4px; background:#FFF; border:solid 1px #dcdcdc; }

#zaikoDetail .rBox .coupon { text-align:center; margin:15px 0 10px;}
#zaikoDetail .rBox .coupon dt { padding:5px 0 3px; color:#fff; font-size:1.1em; font-weight:bold; background:#f7a41e; }
#zaikoDetail .rBox .coupon dd img { max-width:100%; margin-bottom:4px;}
#zaikoDetail .rBox .coupon dd p a {
	display:block; padding:9px 0 8px 42px; text-decoration:none;
	background:#f7a41e url(../img/icon_coupon.png) no-repeat 73px 8px / 26px auto; color:#fff; -webkit-transition:all .3s; transition:all .3s;}
#zaikoDetail .rBox .coupon dd p a:hover { background-color:#f7a41e; }

#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 table.equip th { width:23%; }
#zaikoDetail table.equip td { width:10%; text-align:center; }
*/
#zaikoDetail h4.subTitle { margin:30px 0 20px; }
#zaikoDetail h4.subTitle {
  width:100%; margin:30px 0 20px; padding:0 0 5px 5px; text-align:left; font-size:1.3em; font-weight:bold; border-bottom:2px solid #f7a41e;
  box-sizing:border-box; }
#zaikoDetail h5 { font-size:1.2em; font-weight:bold; }

#zaikoDetail .carContact { width:100%; margin:0 auto; padding:15px; text-align:center; background:#fdf9ee; }
#zaikoDetail .carContact.box2 { padding:20px; }
#zaikoDetail .carContact .store { width:100%; margin-bottom:.5em; }

#zaikoDetail .carContact:not(.box2) .telTtl, #zaikoDetail .carContact.box2 .zaikoCon { margin:-30px auto 8px; font-size:18px; font-weight:bold; color:#f7a41e; }
#zaikoDetail .carContact.box2 .zaikoCon { margin-top:-50px; font-size:20px; line-height:1.3; }

#zaikoDetail .carContact .telBox { 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 20px; padding-top:20px; border-top:1px dashed #f7a41e; }
#zaikoDetail .carContact.box2 .telBox li + li { margin:0 auto 0 30px; }
#zaikoDetail .carContact .telBox li a { display:block; padding-left:30px; font-size:26px; color:#f7a41e; font-weight:bold; text-decoration:none; line-height:1; background:url("../img/ico_tel_kasugai.svg") no-repeat bottom 4px left / 24px 20px; position:relative; }
#zaikoDetail .carContact .telBox li.minamiodaka a { color:#f7a41e; background-image:url("../img/ico_tel_minamiodaka.svg"); }
#zaikoDetail .carContact .telBox li span { display:block; margin:0 auto 8px -30px; font-size:14px; }

#zaikoDetail .carContact .lineBox { width:100%; margin:25px auto 10px; }

#zaikoDetail .carContact .contactBtn a { display:block; padding:16px 0 14px; font-size:110%; font-weight:bold; line-height:1; color:#222; border:2px solid #ffcb02; background-color:#ffcb02; -webkit-transition:all .3s; transition:all .3s; }
#zaikoDetail .carContact .contactBtn a:after { border-color:#222;  }
#zaikoDetail .carContact .contactBtn a:hover { background-color:#FFF; }

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

#zaikoDetail .contactCom { width:100%; margin:50px auto 20px; padding:8px 21px; text-align:center; font-weight:bold; color:#FFF; background:#f7a41e; 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:#f7a41e transparent transparent transparent; }


.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 table { margin-top:5px; 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:#d51732;}
.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; border-radius:5px; border:2px solid #f7a41e; background:#f7a41e; -webkit-transition:all .3s; transition:all .3s;
}
.otherList li a:hover .detailBtn { color:#f7a41e; background:#FFF; }


.carContact form { width:100%; }
.contactForm {
	width:50%; margin:20px auto; text-align:center;
}
.contactForm dl { margin-bottom:10px; }
.contactForm dl > * { text-align:left; }
.contactForm dt {
	width:155px; padding:10px 5px 0; float:left; font-weight:bold;
}
.contactForm dt span {
	display:inline-block; padding:0 8px; float:right; color:#fff; font-size:12px;
	background:#f7a41e;
}
.contactForm dd { padding:5px; margin-left:165px; }
.contactForm dd input { padding:5px; }
.contactForm dd label { display:inline-block; padding-top:5px; }

/* slick高さ調節 */
.slick-initialized .slick-slide .img { height:468px; }
.slick-slide .img img { width:auto; height:100%; margin:0 auto; }

/* slick矢印 */
#sliderInner { position:relative; }
#arrow .slick-next:before{content:"";}
#arrow .slick-after:before{content:"";}
#arrow .slick-arrow {
  position:absolute; top:50%; width:30px; height:80px; border:none; -webkit-transform:translateY(-50%); transform:translateY(-50%); text-indent:-9999px; z-index:999; opacity:1; background:rgba(255,255,255,.9);
}
#arrow .slick-arrow.slick-disabled { background:rgba(255,255,255,.5); }
#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:12px; height:12px; margin-top:-6px;
  border-top:3px solid #f7a41e; border-right:3px solid #f7a41e;
  -webkit-transform:rotate(45deg); transform:rotate(45deg);
}
#arrow .slick-arrow.slick-prev:before { right:auto; left:10px; -webkit-transform:rotate(-135deg); transform:rotate(-135deg); }

/*選ばれる理由*/
.reasonBox { margin:2em auto 4em; }
.reasonBox > h4 { margin:0 auto; padding:20px 0; text-align:center; background:#3687c3; font-size:20px; color:#ffffff; letter-spacing:1px; border-top-right-radius:10px; border-top-left-radius:10px; }

.dl-reason { border-bottom:solid 1px #dcdcdc; }
.dl-reason > * { border:solid 1px #dcdcdc; border-bottom:none; }
.dl-reason > dt { padding:10px 20px; font-size:18px; font-weight:bold; background:#fdf9ee; cursor:pointer; position:relative; }
.dl-reason > dt:after { content:""; width:6px; height:6px;
    border-top:2px solid #3687c3; border-right:2px solid #3687c3;
    transform:rotate(135deg);
    position:absolute;
    top:50%; right:20px;
    -ms-transition:all .5s; transition:all .5s;
    margin-top:-5px
}
.dl-reason > dt.active:after { transform:rotate(-45deg); }
.dl-reason > dd{ display:none; padding:20px; }

/* ZOHO */
#crmWebToEntityForm { width:clamp(50%, 400px ,100%); margin:auto; }
.zcwf_row { margin:0; }
.zcwf_col_lab, .zcwf_col_fld  { padding:5px; justify-content:left; text-align:left; color:inherit; background:none; }
.zcwf_col_lab { padding:10px 5px 0; width:10em; align-items:normal;}
.zcwf_col_fld>input[type="text"] { padding:5px; width:100%; }

/*来店予約カレンダー*/
.reserve { width:100%; }
#rdate { padding-inline:20px; margin-block: 1em 2em; }
#rdate .slick-arrow { font-size: 0; line-height: 0; position: absolute; top: 50%; padding: 0;
  display:block; width:10px; height:10px;
  border-top:2px solid #32170d;
  border-right:2px solid #32170d; }
#rdate .slick-arrow::before { content:""; }
#rdate .slick-arrow::after { content:""; }
#rdate .slick-prev { left: 5px; transform:rotate(-135deg); }
#rdate .slick-next { right: 5px; transform:rotate(45deg) }
#rdate button { display:block; padding-inline: 0 6px; width:100%; color:#333; text-align:center; background-color:transparent; font-size: 1.2em; border: 0; cursor: pointer; }
#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 2em; border:1px solid #ddd; border-radius:3px; position:relative; }

#rdate .date.holiday { background:#fee; }
#rdate .date.saturday { background:#eef9ff; }
#rdate .no .date { background: #f7f7f7;}

#rdate .date::after {
  content:""; display:block; width:1.2em; height:1.2em;
  position:absolute; left:0; right: 0; bottom:.5em; margin-inline: auto;
  background:no-repeat center / 90%;
}
#rdate .slick-slide { margin:0; }
#rdate .ok .date::after { background-image:url("../img/common/mark-ok.svg"); }
#rdate .no .date::after { background-image:url("../img/common/mark-no.svg"); }