@charset "UTF-8";

/**
 * このクルマもお問い合わせボタン
 */
.toituika_btn a {
  display: block;
  color: #FFFFFF;
  text-align: center;
  line-height: 1.2;
  padding: 5px 0;
  border-radius: 2px;
  margin: 10px 0 0;
  background: #fb4809;
  background: linear-gradient(to bottom, #FF6E3F 10%, #fc491e 90%);
  box-shadow: 0 1px 0 rgba(153, 36, 0, .2);
  border-width: 1px;
  border-style: solid;
  border-color: #E5866D;
  font-size: 11px;
}

.toituika_btn a:hover {
  text-decoration: none;
}

/**
 * お気に入りに保存したクルマ
 */
.manma {
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
}

.manma a {
  color: #1F3641;
}

/*チョットマッテモーダル*/
.popup__inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}
.modal__box {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
  margin-top: 8px;
}
.modal__box span {
  display: block;
}
.popup__heading {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  margin: 0 0 8px;
}
.popup__button {
  margin: 16px auto auto;
}
.popup__button--entry {
  display: block;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  background-color: #F9394A;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1);
  color: #FFF !important;
  padding: 16px;
}
.popup__button--close {
  outline: none;
  border: none;
  cursor: pointer;
  background: none;
  position: absolute;
  top: -90px;
  right: -40px;
  font-size: 48px;
  color: #FFF;
}
.popup__button--icon::before {
  color: #F9394A;
  content: "◀";
}

.micromodal-slide {
  display: none;
}
.micromodal-slide.is-open {
  display: block;
}

/*レコメンド在庫*/
@media print, screen and (min-width:481px) {
    .kakomi_kumi_box {
      padding: 19px 19px 14px 19px;
      overflow: hidden;
      border: 1px solid #ccc;
      background-color: #fcfcfc;
    }
}
@media print, screen and (max-width:480px) {
    .kakomi_kumi_box {
      padding: 19px 19px 14px 19px;
      overflow: hidden;
      border: 1px solid #ccc;
      background-color: #fcfcfc;
    }
    .kakomi_kumi_box img {
      width: 100%;
      height: auto;
    }
}

/* お気に入りに保存したクルマ */
@media print, screen and (min-width:481px) {
    .kako_five_favbox img {
        width: 100%;
        height: auto;
    }
    .kako_five_oyafavbox {
      width: 540px;
      margin-right: -14px;
      overflow: hidden;
    }
    .kako_five_favbox {
      vertical-align: top;
      display: inline-block;
      width: 96px;
      margin-right: 10px;
      margin-bottom: 20px;
    }
    .kako_five_favbox:nth-child(5n) {
      margin-right: 0;
    }
}
@media print, screen and (max-width:480px) {
    .kako_five_favbox {
      vertical-align: top;
      display: inline-block;
      width: 30%;
      margin-right: 2.2%;
      margin-bottom: 20px;
    }
}
