@charset "UTF-8";
/* =========================================================
製品選択画面
========================================================= */
.form-step__item {
  margin-left: -13px;
}

@media (min-width: 769px) {
  .form-step__item {
    margin-left: -28px;
  }
}
.form-step__item::after {
  width: clamp(10px, 23vw, 149px);
}

.information-form__text01 {
  margin-bottom: 5px;
}

.information-form__text01--list {
  color: #404040;
  font-size: 14px;
  line-height: 1.5;
  padding-left: 0.6em;
  text-indent: -0.6em;
}

.item-listbox {
  margin-top: 64px;
  font-size: 14px;
  border-radius: 3px;
  border: 1px solid #cccccc;
  overflow: hidden;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 20px;
}

@media (min-width: 769px) {
  .item-listbox {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
  }
}
.item-listbox .item-list__mds {
  margin-bottom: 16px;
  background: #404040;
  padding: 10px 16px;
  color: #fff;
}

@media (max-width: 768px) {
  .item-listbox .item-list__mds {
    width: calc(100% + 32px);
    margin-left: -16px;
  }
}
@media (min-width: 769px) {
  .item-listbox .item-list__mds {
    margin-bottom: 24px;
    padding: 12px 16px;
    width: calc(100% + 80px);
    margin-left: -40px;
  }
}
@media (min-width: 769px) {
  .item-listbox .item-list__to {
    padding: 0 16px;
  }
}
.item-listbox .item-detail--wrap {
  border-top: 1px solid #eeeeee;
  margin-top: 24px;
}

.item-listbox .item-detail--wrap .item-detail {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 16px;
  padding-top: 16px;
}

@media (min-width: 769px) {
  .item-listbox .item-detail--wrap .item-detail {
    padding: 20px 0 15px;
    gap: 20px;
  }
}
.item-listbox .item-detail--wrap .item-detail:last-of-type {
  border-bottom: none;
}

.item-listbox .item-detail--wrap .item-detail.last {
  border-bottom: none;
  padding-bottom: 0;
}

@media (min-width: 769px) {
  .item-listbox .item-detail--wrap .item-detail.last {
    padding-top: 0;
  }
}
.item-listbox .item-detail--wrap .item-detail .item-detail__img {
  width: 116px;
  text-align:center;
}

.item-listbox .item-detail--wrap .item-detail .item-detail__img a img{
  height: 100px;
}


@media (min-width: 769px) {
  .item-listbox .item-detail--wrap .item-detail .item-detail__img {
    width: 144px;
  }
}
.item-listbox .item-detail--wrap .item-detail .item-detail__txt {
  flex: 1;
  line-height: 1.5;
}

.item-listbox .item-detail--wrap .item-detail .item-detail__txt .item-detail__txt--itemname {
  font-weight: bold;
  margin-bottom: 3px;
}

@media (min-width: 769px) {
  .item-listbox .item-detail--wrap .item-detail .item-detail__txt .item-detail__txt--itemname {
    margin-bottom: 6px;
  }
}
.item-listbox .item-detail--wrap .item-detail .item-detail__txt .item-detail__txt--itemname a {
  text-decoration: underline;
  color: #404040;
}

@media (min-width: 769px) {
  .item-listbox .item-detail--wrap .item-detail .item-detail__txt .item-detail__txt--itemname a:hover {
    text-decoration: none;
  }
}
.item-listbox .item-detail--wrap .item-detail .item-detail__txt .item-detail__txt--detail {
  font-size: 12px;
}

@media (min-width: 769px) {
  .item-listbox .item-detail--wrap .item-detail .item-detail__txt .item-detail__txt--detail {
    font-size: 14px;
    line-height: 1.7;
  }
}
.item-listbox .item-detail--wrap .item-detail .quantity-box {
  display: flex;
  align-items: center;
  padding: 8px 0;
}

.item-listbox .item-detail--wrap .item-detail .quantity-box .mds {
  font-size: 12px;
}

@media (min-width: 769px) {
  .item-listbox .item-detail--wrap .item-detail .quantity-box .mds {
    font-size: 14px;
  }
}
.item-listbox .item-detail--wrap .item-detail .quantity-box .c-input-select {
  width: 64px;
  height: 34px;
  margin-left: 5px;
}

.item-listbox .item-detail--wrap .item-detail .quantity-box .c-input-select::before {
  right: 11px;
}

.item-listbox .item-detail--wrap .item-detail .quantity-box .c-input-select select {
  width: 64px;
  height: 34px;
  padding: 0 8px 0 18px;
  font-size: 14px;
}

.item-listbox .item-detail--wrap .item-detail .quantity-box .tgl-btn {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #949494;
  font-weight: 400;
  line-height: 1;
  margin: 0 4px;
  cursor: pointer;
}

.item-listbox .item-detail--wrap .item-detail .quantity-box .tgl-btn.minus {
  margin-left: 2px;
  background: url(../../images/btn_minus.svg) no-repeat;
  background-size: contain;
}

.item-listbox .item-detail--wrap .item-detail .quantity-box .tgl-btn.plus {
  margin-right: 0;
  background: url(../../images/btn_plus.svg) no-repeat;
  background-size: contain;
}

.item-listbox .item-detail--wrap .item-detail .quantity-box .c-input-text input[type=text] {
  text-align: center;
  width: 54px;
  height: 36px;
  border-radius: 0;
}

.item-listbox .item-detail--wrap .item-detail .item-detail__otherlink {
  display: flex;
  gap: 11px;
}

.item-listbox .item-detail--wrap .item-detail .item-detail__otherlink .item-detail__clear {
  font-size: 12px;
}

@media (min-width: 769px) {
  .item-listbox .item-detail--wrap .item-detail .item-detail__otherlink .item-detail__clear {
    font-size: 14px;
  }
}
.item-listbox .item-detail--wrap .item-detail .item-detail__otherlink .item-detail__clear a {
  text-decoration: underline;
  color: #404040;
}

@media (min-width: 769px) {
  .item-listbox .item-detail--wrap .item-detail .item-detail__otherlink .item-detail__clear a:hover {
    text-decoration: none;
  }
}
.item-listbox .st02-detail {
  padding: 24px 12px;
  margin-bottom: 12px;
  background: #f6f6f6;
}

@media (min-width: 769px) {
  .item-listbox .st02-detail {
    padding: 24px 38px;
  }
}
.item-listbox .st02-detail .st02-detail__txt .inner {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
}

.item-listbox .st02-detail .st02-detail__txt .inner:last-child {
  margin-bottom: 0;
}

.item-listbox .st02-detail .st02-detail__txt .inner dt {
  font-weight: normal;
}

.item-listbox .st02-detail .st02-detail__txt .inner dd span {
  font-size: 16px;
  font-family: "TTCommons-Regular", sans-serif;
}

.item-listbox .item-list__note01 {
  line-height: 1.5;
}

.item-listbox .item-list__note01 .link-opacity {
  text-decoration: underline;
  color: #404040;
}

@media (min-width: 769px) {
  .item-listbox .item-list__note01 .link-opacity:hover {
    text-decoration: none;
  }
}

.item-listbox .item-list__to {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.item-listbox .item-list__tokuten-check {
  background: #f6f6f6;
  padding: 19px;
  text-align: center;
  line-height: 1.5;
  margin-top: 20px;
}

.item-listbox .item-list__tokuten-check .c-input-checkbox {
  margin-top: 0;
}

.item-listbox .item-list__tokuten-check .c-input-checkbox label span.c-input-checkbox__text .txt-inner {
  flex: 1;
}

@media (max-width: 768px) {
  .item-listbox .item-list__to {
    flex-direction: column;
    width: 100%;
  }
  .item-listbox .item-list__to .item-list__note01 {
    text-align: right;
    width: 100%;
    font-size: 12px;
  }
}

.item-listbox .item-list__note02 {
  font-size: 12px;
  color: #949494;
  line-height: 1.5;
  margin-bottom: 16px;
}

.form-btns__wrapper {
  margin-top: 34px;
}

/* 再計算ボタン */
.recalculate-box {
  max-width: 95%;
  width: 100%;
  margin: 0px auto 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
}

@media (max-width: 768px) {
  .recalculate-box {
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 16px 12px;
  }
}

.recalculate-text {
  color: #404040;
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 0;
}

.recalculate-button {
  flex-shrink: 0;
}

.recalculate-btn {
  background: #fff;
  border: 1px solid #000030;
  color: #000030;
  padding: 8px 4vw;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.recalculate-btn:hover {
  background: #000030;
  color: #fff;
}

@media (max-width: 768px) {
  .recalculate-text {
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 10px;
  }
  .recalculate-button {
    width: 50%;
    margin: 0 auto;
  }
  .recalculate-btn {
    width: 100%;
    margin: 0 auto;
    padding: 12px 14px;
    font-size: 1.4rem;
    text-align: center;
  }
}