@charset "utf-8"; /* default PC */
/* 一覧ページ */
.vehicle-bnr-area .link-bnr {
  color: #fff;
  font-size: 105%;
  font-weight: bold;
  background-color: #333;
  pointer-events: none;
}

.vehicle-item a {
  width: 100%;
}

.vehicle-item {
  margin: 0 auto 40px auto;
  max-width: 1120px;
}

.vehicle-item-img {
  width: 60%;
}

#contents .vehicle-item-txt .name {
  font-size: 130%;
  color: #fff;
  text-align: left;
  font-weight: bold;
  margin: 0 0 24px 0;
  line-height: 1.4em;
}

#contents .vehicle-item-txt li {
  font-size: 18px;
}

.vehicle-item-txt {
  padding: 40px 40px;
  width: 40%;
}

#contents .vehicle-item-img p {
  height: 100%;
  margin-bottom: 0;
}

#contents .vehicle-item-img p img {
  height: 100%;
  object-fit: cover;
}

#contents .vehicle-item-txt p {
  font-weight: normal;
}

/* 詳細ページ */
body#completecar-01 {
  background-color: #252525;
  color: #fff;
}

body#copen-01, body#mira_e-s-01, body#mira_e-s-01-test, body#rocky-01, body#vehicle-01 {
  background-color: #252525;
  color: #fff;
}

#contents .vehicle-about-area .main-img {
  background-color: #fff;
  padding: 40px;
}

#contents .vehicle-about-area .price {
  margin-bottom: 20px;
}

#contents .vehicle-about-area .price .num {
  font-size: 160%;
}

#contents .vehicle-about-area .main-img p {
  margin-bottom: 0;
}

.vehicle-about-area .main-txt {
  margin: 40px 0 40px 0;
}

#contents .accordion-ttl {
  cursor: pointer;
  font-size: 20px;
  margin-bottom: 0;
}

#contents .accordion-ttl::after {
  display: none;
}

#contents .accordion-ttl:hover {
  opacity: 1;
}

#contents .accordion-ttl::after {
  transform: rotate(90deg);
}

#contents .apply-box *:not(.link-btn, .look-red) {
  color: #333;
}

#contents .apply-box p, #contents .apply-box li {
  font-size: 16px;
}

#contents .apply-box {
  background-color: #fff;
  padding: 50px 50px 60px;
}

#contents .apply-box .check-area {
  background-color: #fff6b9;
  margin: 0 auto 40px;
  max-width: fit-content;
  padding: 30px;
}

#contents .apply-box .check-area label {
  display: block;
  font-size: 21px;
  margin: 25px auto 0;
  max-width: fit-content;
}

#contents .apply-box h3 {
  margin-bottom: 40px;
}

#contents .apply-box .b-border {
  border-bottom: 3px solid #e4e4e4;
  margin-bottom: 40px;
  padding-bottom: 40px;
}

#contents .apply-box .b-border p:last-child {
  margin-bottom: 0;
}

#contents .vehicle-equipment-area h3,#contents .vehicle-parts-area h3 {
  background-color: unset;
  padding: 0;
  margin: 26px 0 16px 0;
  font-size: 24px;
}

.vehicle-about-area .link-btn {
  width: 100%;
  max-width: 100%;
  padding: 25px 18px;
}

#contents .check-area label, #contents .check-area input {
  cursor: pointer;
}

#contents .apply-btn {
  background-color: #717171;
  max-width: 500px;
  margin: 0 auto;
  pointer-events: none;
}

#contents .apply-btn.checked {
  background-color: #e60012;
  pointer-events: unset;
}

.entry-area .link-btn {
  margin: 24px auto 0 auto;
  max-width: 750px;
  padding: 40px 40px;
  font-size: 130%;
}

.entry-area .link-btn::after {
  right: 45px;
}

#contents h2, #contents h3 {
  color: #fff;
  font-weight: bold;
}

#contents h3 {
  margin-bottom: 40px;
}

#contents .other-area h3 {
  color: #fff;
}

.bg-gray {
  color: #333;
}

.link-btn.pdf {
  background-color: #f8d800;
  color: #333;
}

.link-btn.pdf::after {
  background-image: url(../image/contents/arrow_black.svg);
}

.one-box {
  border: 1px solid #4c4c4c;
  padding: 40px;
}

#contents .one-box h3 {
  font-size: 135%;
  text-align: center;
}

.entry-box {
  background-color: #fff;
  padding: 60px 40px;
  color: #333;
  max-width: 1200px;
  margin: 0 auto;
}

#contents .entry-box h2 {
  color: #333;
  margin: 0 0 30px 0;
}

.bg-entry {
  background-color: #eaeaea;
}

#breadcrumb {
  padding-bottom: 60px;
}

/* view-1140 notePC,Tablet */
@media screen and (max-width: 1140px) {
  #contents .vehicle-item-txt .name {
    font-size: 120%;
  }

  #contents .vehicle-item-txt li {
    font-size: 15px;
  }

  #contents .apply-box .check-area .txt-center {
    text-align: left;
  }
}

/* view-959 Mobile,Tablet */
@media screen and (max-width: 959px) {

  .vehicle-item-img img {
    width: 100%;
  }

  .vehicle-item-img, .vehicle-item-txt {
    width: 100%;
  }

  #contents .apply-box {
    padding: 50px 35px 60px;
  }
}

/* view-559 Mobile */
@media screen and (max-width: 559px) {
  #contents .vehicle-item-txt .name {
    font-size: 100%;
  }

  .vehicle-item-txt {
    padding: 30px 15px;
  }

  #contents h3 {
    margin-bottom: 30px;
  }

  #contents .apply-box .check-area label {
    font-size: 19px;
  }

  #contents .apply-box .check-area {
    padding: 30px 15px;
  }

  #contents .apply-box .b-border {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }

  #contents .apply-box h3 {
    margin-bottom: 30px;
    text-align: left;
  }

  #contents .apply-box h3 br {
    display: none;
  }

  #contents .accordion-ttl {
    font-size: 18px;
  }

  #contents .apply-box {
    padding: 50px 15px 60px;
  }

  .vehicle-about-area .link-btn {
    padding: 20px 15px;
  }

  #contents .vehicle-about-area .main-img {
    padding: 30px;
  }
}
