@charset "UTF-8";

@media(min-width:768px) {
  .for-sp {
    display: none
  }
}

#sp-fixed-menu {
  position: fixed;
  width: 100%;
  bottom: -3.3vh;
  font-size: 0;
  /*   opacity: .9;
  -webkit-transition: all .5s;
  transition: all .5s; */
  z-index: 10;
}

#sp-fixed-menu.active {
/*   -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%,  0) */
}

#sp-fixed-menu li a {
  width: 100%;
  display: block;
  height: 10rem
}

/* .pit-rd li a {
  background-image: url(/static_html/srv/assets/images/button/oil/oil_RD.svg)
} */

.oil-bk li a,
.oil-rd li a,
.pit-bk li a,
.pit-rd li a,
.tire-bk li a,
.tire-rd li a,
.syaken-bk li a,
.syaken-rd li a,
.car_electronics-bk li a,
.car_electronics-rd li a,
.other-bk li a,
.other-rd li a {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain
}

.pit-bk li a {
  background-image: url(/static_html/srv/assets/images/button/pit/pit_BK.svg)
}

.oil-rd li a {
  background-image: url(/static_html/srv/assets/images/button/oil/oil_RD.svg)
}

.oil-bk li a {
  background-image: url(/static_html/srv/assets/images/button/oil/oil_BK.svg)
}

.tire-rd li a {
  background-image: url(/static_html/srv/assets/images/button/tire/tire_RD.svg)
}

.tire-bk li a {
  background-image: url(/static_html/srv/assets/images/button/tire/tire_BK.svg)
}

.syaken-rd li a {
  background-image: url(/static_html/srv/assets/images/button/syaken/syaken_RD.svg)
}

.syaken-bk li a {
  background-image: url(/static_html/srv/assets/images/button/syaken/syaken_BK.svg)
}

.car_electronics-rd li a {
  background-image: url(/static_html/srv/assets/images/button/car_electronics/btn_car_electronics_store_BK.svg)
}

.car_electronics-bk li a {
  background-image: url(/static_html/srv/assets/images/button/car_electronics/btn_car_electronics_store_BK.svg)
}

.other-rd li a {
  background-image: url(/static_html/srv/assets/images/button/other/btn_other_store_BK.svg)
}

.other-bk li a {
  background-image: url(/static_html/srv/assets/images/button/other/btn_other_store_BK.svg)
}



/* --- 20221115KT --- */
.spBtmBtnFix{
    position: fixed;
    left:0;
    bottom:0;
    width:100%;
    background-color:#aaa;
     z-index: 10;
     padding:8px 0;
     border-top:1px solid #fff;
     opacity: 1 !important
}
.spBtmBtnFix img{
    width:90%!important;
    margin:0 auto;
    opacity: 1 !important
}


/* ピットサービスTOP
------------------------------ */

/* 20211101 GUYSへの導線レイアウト修正 */
#app.pitTop .pitmenu {
  text-align: center;
}

#app.pitTop .pitmenuLink {
  display: inline-block;
  color: #00FDFF;
  font-size: 18px;
  position: relative;
  font-weight:600;
}

#app.pitTop #ab-guys .link-btn {
  margin-top: 0;
}

#app.pitTop #ab-guys .autobacs-guys-image a {
  display: block;
}

#app.pitTop #ab-guys .autobacs-guys-image a:hover {
  opacity: .7;
}

#app.pitTop #pit-channel {
  padding: 4rem 3rem 8rem;
}

#app.pitTop .pitmenuLink:after {
  display: block;
  content: "";
  clear: both;
  width: 13px;
  height: 13px;
  border: 2px solid;
  border-color: transparent transparent #00FDFF #00FDFF;
  transform: rotate(-45deg);
  position: absolute;
  top: 3px;
  right: -30px;
}

#app.pitTop img.guysLogo {
  width: 234px;
  display: block;
  margin: 0 auto;
  -webkit-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
}

/* 20210824 予約ボタン大きくしたたため、TOPボタンの位置変更 */
@media screen and (min-width:1024px) {
  .pitTop #to-top {
    right: 7.5rem;
  }

  .pitTop #to-top.active {
    -webkit-transform: translate3d(0, -500%, 0);
    transform: translate3d(0, -500%, 0)
  }
}