@charset "utf-8";
/* default PC */
/* 一覧ページ */
.vehicle-bnr-area .link-bnr {
    color: #fff;
    font-size: 105%;
    font-weight: bold;
    background-color: #333;
}

.vehicle-item a {
    width: 100%;
}

.vehicle-item {
    margin: 0 auto 40px auto;
    max-width: 1120px;
}

.vehicle-item-img {
    border: 4px solid #333333;
    width: 60%;
}

#contents .vehicle-item-img p {
  margin-bottom: 0;
}

#contents .vehicle-item-img p img {
  height: 100%;
  object-fit: cover;
}

#contents .vehicle-item-txt .name {
    font-size: 140%;
    color: #fff;
    text-align: left;
    font-weight: bold;
    margin: 0 0 24px 0;
    line-height: 1.4em;
}

.vehicle-item-txt {
    align-items: center;
    border: 4px solid #333333;
    display: flex;
    padding: 40px 40px;
    width: 40%;
}

#contents .vehicle-item-img p {
    height: 100%;
    margin-bottom: 0;
}

#contents .vehicle-item-txt p {
    font-weight: normal;
}

/* 詳細ページ */
body#completecar-01 {
    background-color: #252525;
    color: #fff;
}
body#cars-01, body#cars-02, body#cars-03, body#cars-04 {
    background-color: #252525;
    color: #fff;
}


.vehicle-about-area .main-txt {
    margin: 40px 0 40px 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;
}

.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 .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;
}

/* 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;
  }

}

/* view-959 Mobile,Tablet */
@media screen and (max-width: 959px) {

  .vehicle-item-img img {
    width: 100%;
  }

  .vehicle-item-img, .vehicle-item-txt {
    width: 100%;
  }

}

  /* view-559 Mobile */
@media screen and (max-width: 559px) {

  #contents .vehicle-item-txt .name {
    font-size: 100%;
  }

  .vehicle-item-txt {
    padding: 30px 15px;
  }

}

