@charset "UTF-8";
/*--------------------------------
 DCS レイアウト
---------------------------------*/
.page-dcs {
  margin-top: 20px;
}
/*--------------------------------
 見出し
---------------------------------*/
.dcs-heading {
  margin-bottom: 32px;
}

.dcs-heading__title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 16px;
}

.dcs-heading__desc {
  font-size: 15px;
  line-height: 1.6;
}

/*--------------------------------
 車情報 / お支払い総額
---------------------------------*/
.result-car-name-header {
  margin-bottom: 24px;
}

.result-info__inner {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}

.result-info__column {
  flex: 0 1 48%;
}

.result-info__car {
  flex: 0 1 55%;
  margin-right: 20px;
  margin-bottom: 14px;
}

.result-info__body {
  flex: 1;
}

.result-info__car-img {
  position: relative;
}

.feature-list {
  margin-bottom: 16px;
}

.feature-list__list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -8px;
}

.feature-list__item {
  margin-bottom: 8px;
  border-right: 1px solid #ccc;
}

.label-grade {
  color: #cc0000;
  font-weight: bold;
  display: block;
  padding: 0 8px;
  font-size: 14px;
}

.label-specification {
  color: #3c3b3b;
  font-weight: bold;
  display: block;
  border-radius: 3px;
  padding: 0 8px;
  font-size: 14px;
}

.result-color-list__item {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

.result-color-list__item:last-child {
  margin-bottom: 0;
}

.result-color-list__img {
  flex: 0 1 40px;
  margin-right: 16px;
}

.result-color-list__desc {
  flex: 1;
}

.result-color-list__title {
  font-size: 16px;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 4px;
}

.result-color-list__text {
  font-size: 16px;
  line-height: 1.2;
}

.result-total-price {
  background-color: #fff;
  border: 2px solid #8e8b8b;
  border-radius: 8px;
  margin-bottom: 8px;
}

.result-total-price-header {
  padding: 8px 16px;
  background-color: #8e8b8b !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.result-total-price-header__title {
  font-size: 18px;
  color: #fff;
}

.result-total-price-header-btn {
  display: flex;
  align-items: center;
}

.result-total-price-header-btn__btn {
  margin-right: 8px;
}

.result-total-price-header-btn__btn:last-child {
  margin-right: 0;
}

.result-save-btn__btn--pc {
  width: 100%;
}

.result-total-price__body {
  padding: 16px 8px;
}

.result-total-price__price-column {
  border-bottom: 1px solid #d9d8d8;
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.result-total-price__title {
  color: #8e8b8b;
  font-size: 18px;
  margin-bottom: 8px;
  font-weight: bold;
}

.result-total-price__price {
  text-align: right;
  margin-bottom: 8px;
}

.result-total-price__num {
  font-size: 36px;
  font-weight: bold;
  color: #cc0000;
}

.result-total-price__unit {
  font-size: 18px;
  color: #cc0000;
  font-weight: bold;
  margin-left: 4px;
}

.result-total-price__note {
  font-size: 12px;
  line-height: 1.5;
  color: #8e8b8b;
}

.result-breakdown__title {
  color: #8e8b8b;
  font-size: 18px;
  margin-bottom: 8px;
  font-weight: bold;
}

.result-breakdown__item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}

.result-breakdown__item:last-child {
  margin-bottom: 0;
}

.result-breakdown__label {
  font-size: 14px;
  font-weight: bold;
}

.result-breakdown__price {
  font-size: 16px;
}

.result-breakdown__price-unit {
  font-size: 14px;
  margin-left: 4px;
}

/*--------------------------------
 選択したオプション
---------------------------------*/
.option-selected-content {
  margin-bottom: 24px;
}

.option-selected {
  margin-bottom: 16px;
}

.option-selected__title {
  margin-bottom: 16px;
}

.option-selected__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.option-selected__item {
  flex: 0 1 48%;
}

/*--------------------------------
 お見積り明細
---------------------------------*/
.dcs-price__title {
  margin-bottom: 16px;
}

.dcs-price__inner {
  display: flex;
  justify-content: space-between;
}

.dcs-price-column {
  flex: 0 1 48%;
}

.dcs-price-column__title {
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: bold;
}

.other-price-list .other-price-list__th-recycle {
  background-color: #bfefff;
}

.other-price-list--recycle th {
  background-color: #bfefff;
}

/*--------------------------------
 補足
---------------------------------*/
.dcs-notice {
  font-size: 12px;
  line-height: 1.5;
}

/*media Queries 1100
----------------------------------------------------*/
@media screen and (max-width: 1100px) {
  .result-info {
    display: block;
  }

  .car-name-header__name {
    font-size: 24px;
    padding: 4px 16px 4px 0;
  }

  .result-info__column {
    margin-bottom: 24px;
  }
}

/*media Queries 850
----------------------------------------------------*/
@media screen and (max-width: 850px) {
  .car-name-header {
    display: block;
    height: auto;
    margin-top: 16px;
  }

  .car-name-header__name {
    font-size: 16px;
    padding: 4px 16px 4px 0;
  }

  .page-result-contents > .slf-container {
    padding: 0 16px;
  }

  .page-result-contents__inner {
    display: block;
  }

  .page-result-main {
    padding-left: 0;
    margin-right: 0;
  }

  .result-total-price__body {
    display: block;
  }

  .result-info__inner {
    display: block;
  }

  .result-info__column {
    margin-bottom: 24px;
  }

  .result-info__column:last-child {
    margin-bottom: 0;
  }

  .result-total-price {
    margin-bottom: 8px;
  }

  .result-total-price__price-column {
    padding-right: 0;
    border-right: none;
  }

  .result-breakdown {
    padding-left: 0;
  }

  .option-selected__item {
    flex-basis: 100%;
  }

  .dcs-price__inner {
    display: block;
  }
}