@charset "utf-8";
/* CSS Document */
/* zaiko
================================================================== */
#zaiko a { text-decoration:none; }
#stock .g-tel-num,#zaiko .g-tel-num{
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
}
#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; }
/* 検索 */
.searchBox { margin:20px 0 30px; padding:20px; background:url(../img/pattern.png); border:2px solid #db3d3d; }
.searchBox .title { display:none; }
.searchBox .select { width:780px; }
.searchBox fieldset { float:left; width:220px; margin:20px 30px 0 0; border:none; }
.searchBox fieldset legend { color:#db3d3d; font-size:20px; font-weight: bold; line-height: 1; }
.searchBox fieldset select { 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 .submitBtn { margin:auto; }
.searchBox .searchBtn { float:right; display:block; width:140px; height:106px; padding-top:66px;
 color:#fff; font-size:15px; font-weight:bold; font-family:inherit; border:2px solid #db3d3d; border-radius:5px;
 background:#db3d3d url(../img/common/icon-search-wht.svg) no-repeat center 20px / 30%; cursor:pointer;
 transition:all .5s; -webkit-transition:all .5s; }
.searchBox .searchBtn:hover { color:#db3d3d; background-color:#FFF; background-image:url(../img/common/icon-search-red.svg); }

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

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

.rowMax { font-size:25px; }

/* 共通 */
.carContact li { float:left; }
.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:15px 10px 0 0; }
.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 { color:#222; border:2px solid #ffcc00; background:#ffcc00; }
.carContact .detailBtn a { border:2px solid #db3d3d; background:#db3d3d;}

.carContact li.contactBtn a:hover { background-color:#FFF; }
.carContact li.contactBtn a:after { border-color:#222; }
.carContact li.detailBtn a:hover { color:#db3d3d; background-color:#FFF; }
.carContact li.detailBtn a:hover:after { border-color:#db3d3d; }

/*支払総額関連*/
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:#db3d3d; 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:.85em; }
.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:#db3d3d; }
.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/common/ico-tag.svg) no-repeat center / contain; }


/* 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; }

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

#zaikoList { width:100%; }
#zaikoList > li { width:23.5%; margin-bottom:20px; padding:0 10px 6.8em; border:solid 1px #dcdcdc; position:relative; }
#zaikoList .carName { min-height:3.6em; margin:0 -10px 10px; font-weight:bold; line-height:1.4; background:#f0f0f0; position:relative; }
#zaikoList .carName > span { width:100%; padding:.3em 10px; }

#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; padding:0; background:none; }
#zaikoList .carContact li { float:none; 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 .lBox { width:64%; margin-right:3%;}
#zaikoDetail .lBox #slidePager img { width:55px; height:42px; }

#zaikoDetail .rBox { width:31%; }
#zaikoDetail .price { margin-top:.2em; }

#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 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: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 #db3d3d;
  box-sizing:border-box; }
#zaikoDetail h5 { font-size:1.2em; font-weight:bold; }

#zaikoDetail .carContact { width: 100%; margin:30px auto; padding:15px; text-align:center; background:#fdf9ee; }
#zaikoDetail .carContact.box2 { padding: 20px; }
#zaikoDetail .carContact .store { width:100%; }
#zaikoDetail .carContact .tel-zaiko .tel { position:relative; padding-left:26px; font-size:35px; color:#000000; }
#zaikoDetail .carContact .tel-zaiko .tel::before {
  content:""; position:absolute; top:15px; left:0;
  width:23px; height:24px; background:url(../img/icon_tel.png) left top / 100% no-repeat;
  }
#zaikoDetail .carContact:not(.box2) .telTtl, #zaikoDetail .carContact.box2 .zaikoCon { margin: -30px auto 8px; font-size: 18px; font-weight: bold; color: #db3d3d; }
#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: #db3d3d; 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: #db3d3d transparent transparent transparent; }

#zaikoDetail .g-reserve-btn { width:min(80%,360px); }

.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 { width:100%; margin-top:5px; }
.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 #db3d3d; background:#db3d3d; -webkit-transition: all .3s; transition: all .3s;
}
.otherList li a:hover .detailBtn { color:#db3d3d; 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 input[type="text"] { width:95%;  border:1px solid #ccc; }
.contactForm dd label { display:inline-block; padding-top:5px; }
.contactForm .btn_submit { width:200px; padding:8px 10px; color:#222; border:2px solid #ffcc00; background:#ffcc00; }
.contactForm .btn_submit:hover { background:#FFF; }

/* 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 #db3d3d; border-right: 3px solid #db3d3d;
  -webkit-transform: rotate(45deg); transform: rotate(45deg);
}
#arrow .slick-arrow.slick-prev:before { right: auto; left: 10px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }

/*来店予約カレンダー*/
.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"); }