@charset "UTF-8";
/* =============================================================
    Components
============================================================= */
/**
 * #c-orderSectHeading
 */
.c-orderSectHeading__title {
  margin-bottom: 1.2rem;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.5;
}

@media screen and (min-width: 768px) {
  .c-orderSectHeading__title {
    margin-bottom: 1.2rem;
  }
}

.c-orderSectHeading__titleEm {
  color: var(--color-red);
}

.c-orderSectHeading__lead {
  font-size: 1.4rem;
  line-height: 1.6;
}

/**
 * #c-orderSect-info
 */
@media screen and (min-width: 768px) {
  .c-orderSect-info {
    display: flex;
    gap: 1rem;
  }
}

.c-orderSect-info:not(:first-child) {
  margin-top: 0.7rem;
}

@media screen and (min-width: 768px) {
  .c-orderSect-info:not(:first-child) {
    margin-top: 0.7rem;
  }
}

.c-orderSect-info__title {
  display: inline;
  font-size: 1.4rem;
  line-height: 1.6;
}

@media screen and (min-width: 768px) {
  .c-orderSect-info__title {
    display: inline-block;
    flex-shrink: 0;
    width: 22%;
  }
}

.c-orderSect-info__title::after {
  content: "：";
}

.c-orderSect-info__text {
  display: inline;
  font-size: 1.4rem;
  line-height: 1.6;
}

@media screen and (min-width: 768px) {
  .c-orderSect-info__text {
    display: inline-block;
  }
}

.c-orderSect-info__text--bold {
  font-weight: 600;
}

/**
 * #c-orderSect-infoList
 */
.c-orderSect-infoList__annotation {
  margin-top: 1.3rem;
  font-size: 1.2rem;
  line-height: 1.6;
  color: var(--color-dark);
}

/**
 * #c-orderSect-entry
 */
.c-orderSect-entry {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

  .c-orderSect-entry:not(:first-child) {
    margin-top: 2rem;
  }

@media screen and (min-width: 768px) {
  .c-orderSect-entry {
    flex-direction: row;
    justify-content: flex-start;
    gap: 3%;
    padding: 2rem 2.5rem;
    border-top: 1px solid var(--color-gray);
  }

    .c-orderSect-entry:not(:first-child) {
      margin-top: 0;
    }
}

.c-orderSect-entry__title {
  display: flex;
  align-items: center;
  align-content: flex-start;
  font-size: 1.4rem;
  line-height: 1.6;
}

@media screen and (min-width: 768px) {
  .c-orderSect-entry__title {
    align-items: flex-start;
    width: 24%;
    margin-top: 0.9rem;
    line-height: 1.3;
  }
}

@media screen and (min-width: 768px) {
  .c-orderSect-entry__title--top-md-gap-short {
    margin-top: 0.2rem;
  }
}

.c-orderSect-entry__title .c-required-icon {
  flex-shrink: 0;
  margin-left: 0.8rem;
}

@media screen and (min-width: 768px) {
  .c-orderSect-entry__form {
    width: 58%;
  }
}

@media screen and (min-width: 992px) {
  .c-orderSect-entry__form {
    width: 41.8%;
  }
}

/**
 * #c-orderSectCol-info
 */
.c-orderSectCol-infoTitle {
  font-size: 1.4rem;
  line-height: 1.6;
}

@media screen and (min-width: 768px) {
  .c-orderSectCol-infoTitle {
    margin-bottom: 1.6rem;
  }
}

/**
 * #c-orderSectCol-info
 */
.c-orderSectCol-info {
  font-size: 1.4rem;
  line-height: 1.6;
}

@media screen and (min-width: 768px) {
  .c-orderSectCol-info {
    display: flex;
    gap: 1rem;
  }
}

.c-orderSectCol-info:not(:first-child) {
  margin-top: 0.7rem;
}

@media screen and (min-width: 768px) {
  .c-orderSectCol-info:not(:first-child) {
    margin-top: 0.7rem;
  }
}

.c-orderSectCol-info__title {
  display: inline;
}

@media screen and (min-width: 768px) {
  .c-orderSectCol-info__title {
    display: inline-block;
    flex-shrink: 0;
    width: 22%;
  }
}

.c-orderSectCol-info__title::after {
  content: "：";
}

.c-orderSectCol-info__text {
  display: inline;
}

@media screen and (min-width: 768px) {
  .c-orderSectCol-info__text {
    display: inline-block;
  }
}

.c-orderSectCol-infoInline {
  font-size: 1.4rem;
  line-height: 1.6;
}

  .c-orderSectCol-infoInline:not(:first-child) {
    margin-top: 0.7rem;
  }

@media screen and (min-width: 768px) {
  .c-orderSectCol-infoInline:not(:first-child) {
    margin-top: 0.7rem;
  }
}

.c-orderSectCol-infoInline__title {
  display: inline;
}

  .c-orderSectCol-infoInline__title::after {
    content: "：";
  }

.c-orderSectCol-infoInline__text {
  display: inline;
}

/**
 * #c-orderSectCol-check
 */
.c-orderSectCol-check {
  display: flex;
  align-items: center;
  margin-bottom: 1.2rem;
}

@media screen and (min-width: 768px) {
  .c-orderSectCol-check {
    margin-bottom: 1.7rem;
  }
}

.c-orderSectCol-check__checkbox {
  flex-shrink: 0;
}

.c-orderSectCol-check__label {
  width: 100%;
}

/**
 * #c-orderSectCol-radioItem
 */
.c-orderSectCol-radioItem {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}

.c-orderSectCol-radioItem__select {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

  .c-orderSectCol-radioItem__select input {
    flex-shrink: 0;
  }

.c-orderSectCol-radioItem__selectName {
  margin-top: 0.3rem;
}

.c-orderSectCol-radioItem__price {
  flex-shrink: 0;
  margin-top: 0.3rem;
}

/**
 * #c-orderSectCol-annotation
 */
.c-orderSectCol-annotation {
  margin-top: 1.2rem;
  color: var(--color-dark);
}

.c-orderSectCol-annotation--fluid {
  margin-top: 2.4rem;
  color: var(--color-black);
}

@media screen and (min-width: 768px) {
  .c-orderSectCol-annotation--fluid {
    margin-top: 2.2rem;
  }
}

.c-orderSectCol-annotation__text {
  font-size: 1.2rem;
}

  .c-orderSectCol-annotation__text:not(:first-child) {
    margin-top: 0.6rem;
  }

@media screen and (min-width: 768px) {
  .c-orderSectCol-annotation__text:not(:first-child) {
    margin-top: 0.6rem;
  }
}

.c-orderSectCol-annotation__text--warning {
  color: var(--color-red);
}

.c-orderSectCol-annotation__text--strong {
  color: var(--color-black);
  font-weight: bold;
}

/**
 * #c-orderProductSalesTerm
 */
.c-orderProductSalesTerm {
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .c-orderProductSalesTerm {
    font-size: 1.3rem;
  }
}
.c-orderProductSalesTerm__title {
  display: inline;
}
.c-orderProductSalesTerm__title::after {
  content: "：";
}
.c-orderProductSalesTerm__text {
  display: inline;
}

/* =============================================================
    Module
============================================================= */
/**
 * #m-orderSect
 */
.m-orderSect-wrap {
  border-bottom: solid 1px var(--color-gray);
  padding-bottom: 6.4rem;
}

@media screen and (min-width: 768px) {
  .m-orderSect-wrap {
    padding-bottom: 8.7rem;
  }
}

.m-orderSect-wrap--small {
  padding-bottom: 2.1rem;
}

@media screen and (min-width: 768px) {
  .m-orderSect-wrap--small {
    padding-bottom: 2.4rem;
  }
}

.m-orderSect-wrap--gray {
  padding: 2rem 1.6rem 2rem;
  border-radius: 0.5rem;
  border: none;
  background-color: var(--color-gray-light);
}

@media screen and (min-width: 768px) {
  .m-orderSect-wrap--gray {
    padding: 2.6rem 2.5rem 2.5rem;
    border-radius: 1rem;
  }
}

.m-orderSect-wrap--border {
  padding: 2.4rem 1.6rem 2rem;
  border-radius: 0.5rem;
  border: solid 1px var(--color-gray);
}

@media screen and (min-width: 768px) {
  .m-orderSect-wrap--border {
    padding: 3rem 2.5rem 2.5rem;
    border-radius: 1rem;
  }
}

.m-orderSect:not(:last-of-type) {
  margin-bottom: 3.4rem;
}

@media screen and (min-width: 768px) {
  .m-orderSect:not(:last-of-type) {
    margin-bottom: 3.3rem;
  }
}

.m-orderSect__info {
  width: 100%;
}

.m-orderSect--typeSep {
  display: flex;
  flex-direction: column;
  gap: 2.15rem;
}

@media screen and (min-width: 768px) {
  .m-orderSect--typeSep {
    flex-direction: row;
    justify-content: space-between;
    gap: 3rem;
  }
}

.m-orderSect__button-wrap {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .m-orderSect__button-wrap {
    flex-shrink: 0;
    width: 23.5%;
  }
}

.m-orderSect-button {
  width: 80%;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .m-orderSect-button {
    width: 100%;
  }
}

.m-orderSect-button:not(:first-child) {
  margin-top: 1rem;
}

.m-orderSect-body {
  margin-top: 1.5rem;
}

@media screen and (min-width: 768px) {
  .m-orderSect-body {
    margin-top: 1.2rem;
  }
}

.m-orderAction__button-wrap {
  display: inline-block;
  width: 100%;
  margin-bottom: 2.2rem;
  padding: 0 3.1rem;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .m-orderAction__button-wrap {
    flex-shrink: 0;
    padding: 0;
  }
}

.m-orderAction-button {
  width: 80%;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .m-orderAction-button {
    width: 23.5%;
  }
}

.m-orderAction-button:not(:first-child) {
  margin-top: 1rem;
}

/**
 * #m-orderSectFrom
 */
.m-orderSectForm-wrap {
  padding: 2.1rem 0 0;
  border-top: 1px solid var(--color-gray);
}

@media screen and (min-width: 768px) {
  .m-orderSectForm-wrap {
    padding: 2.8rem 0 1rem;
    border-top: none;
    background-color: var(--color-gray-light);
    border-radius: 1rem;
  }
}

.m-orderSectForm-wrap--noneTitle {
  padding-top: 0;
}

@media screen and (min-width: 768px) {
  .m-orderSectForm-wrap--noneTitle {
    padding-top: 1rem;
  }
}

.m-orderSectForm-wrap--noneTitle .m-userSectForm-body {
  margin-top: 0;
}

.m-orderSectForm-wrap--noneTitle .c-userSect-entry:first-child {
  border-top: none;
}

@media screen and (min-width: 768px) {
  .m-orderSectForm .c-orderSectHeading {
    padding: 0 2.5rem;
  }
}

.m-orderSectForm-body {
  margin-top: 1.2rem;
}

@media screen and (min-width: 768px) {
  .m-orderSectForm-body {
    margin-top: 1.6rem;
  }
}

.m-orderSectForm-body .c-formInput-item__annotation,
.m-orderSectForm-body .c-formInput-item__alert {
  margin-top: 0.9rem;
}

  .m-orderSectForm-body .c-formInput-item__annotation + .c-formInput-item__alert {
    margin-top: 0.3rem;
  }

/**
 * #m-orderSectCol
 */
@media screen and (min-width: 768px) {
  .m-orderSectCol-wrap:last-child {
    border-bottom: 1px solid var(--color-gray);
  }
}

.m-orderSectCol {
  display: flex;
  flex-direction: column;
  gap: 1.3rem;
  padding: 2.2rem 0 2rem;
  border-top: 1px solid var(--color-gray);
}

@media screen and (min-width: 768px) {
  .m-orderSectCol {
    flex-direction: row;
    justify-content: space-between;
    gap: 3%;
    padding: 2.7rem 0 2.7rem 1.6rem;
  }
}

@media screen and (min-width: 768px) {
  .m-orderSectCol-head {
    width: 28.3%;
  }
}

.m-orderSectCol-head__title {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.3;
}

@media screen and (min-width: 768px) {
  .m-orderSectCol-head__title {
    margin-top: 0.2rem;
  }
}

@media screen and (min-width: 768px) {
  .m-orderSectCol-body {
    width: 68.7%;
  }
}

.m-orderSectCol-body .c-formInput-item__annotation,
.m-orderSectCol-body .c-formInput-item__alert {
  margin-top: 0.9rem;
}

  .m-orderSectCol-body .c-formInput-item__annotation + .c-formInput-item__alert {
    margin-top: 0.3rem;
  }

@media screen and (min-width: 768px) {
  .m-orderSectCol-typeText {
    padding-right: 0;
  }
}

.m-orderSectCol-typeSep {
  display: flex;
  flex-direction: column;
  gap: 2.05rem;
}

@media screen and (min-width: 768px) {
  .m-orderSectCol-typeSep {
    flex-direction: row;
    justify-content: space-between;
    gap: 2rem;
  }
}

.m-orderSectCol-typeSep__button-wrap {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .m-orderSectCol-typeSep__button-wrap {
    flex: 0 0 32%;
    padding-right: 1.5rem;
  }
}

.m-orderSectCol-typeSep-button {
  width: 80%;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .m-orderSectCol-typeSep-button {
    width: 100%;
  }
}

.m-orderSectCol-typeSep-button:not(:first-child) {
  margin-top: 1rem;
}

.m-orderSectCol-typeRadio:not(:first-child) {
  margin-top: 1.4rem;
}

@media screen and (min-width: 768px) {
  .m-orderSectCol-typeRadio:not(:first-child) {
    margin-top: 2.6rem;
  }
}

.m-orderSectCol-typeRadio__item:last-child .c-orderSectCol-radioItem {
  padding-bottom: 0;
}

  .m-orderSectCol-typeRadio__item:last-child .c-orderSectCol-radioItem + .m-orderSectCol-addSelect {
    padding-top: 1.8rem;
    padding-bottom: 0.3rem;
  }

@media screen and (min-width: 768px) {
  .m-orderSectCol-typeRadio__item:last-child .c-orderSectCol-radioItem + .m-orderSectCol-addSelect {
    padding-top: 1.8rem;
    padding-bottom: 1.3rem;
  }
}

.m-orderSectCol-typeRadio .c-orderSectCol-radioItem {
  padding: 1.4rem 0 1.8rem;
  border-top: 1px solid var(--color-gray);
}

.m-orderSectCol-addInfo {
  padding-top: 2rem;
  margin-top: 1.7rem;
  border-top: 1px solid var(--color-gray);
}

@media screen and (min-width: 768px) {
  .m-orderSectCol-addInfo {
    padding-top: 2.6rem;
    margin-top: 1.7rem;
  }
}

.m-orderSectCol-addInfo__title {
  margin-bottom: 0.6rem;
  font-size: 1.4rem;
}

.m-orderSectCol-addInfo__date {
  line-height: 1.3;
  font-size: 1.5rem;
  font-weight: bold;
}

.m-orderSectCol-addInfo__select {
  margin-top: 1.9rem;
}

.m-orderSectCol-addSelect {
  padding-bottom: 2rem;
}

@media screen and (min-width: 768px) {
  .m-orderSectCol-addSelect {
    padding-bottom: 3rem;
  }
}

.m-orderSectCol-addPaymentInfo {
  padding-top: 1.7rem;
  padding-bottom: 2rem;
  border-top: solid 1px var(--color-gray);
}

@media screen and (min-width: 768px) {
  .m-orderSectCol-addPaymentInfo {
    padding-top: 2.7rem;
    padding-bottom: 3rem;
  }
}

.m-orderSectCol-addPaymentInfo__external {
  padding-top: 0.3rem;
}

.m-orderSectCol-addPaymentInfo__annotation {
  margin-top: 1.2rem;
  font-size: 1.2rem;
}

.m-orderSectCol-addPaymentInfo .consent-to-personal-info-usage {
  display: flex;
  justify-content: center;
}

.m-orderSectCol-addPaymentInfo .consent-to-personal-info-usage > .c-btn {
  margin: 1.5rem auto 2.5rem;
  width: 60%;
}

/**
* #m-orderPriceSummary
*/
@media screen and (min-width: 768px) {
  .m-orderPriceSummary {
    padding: 2.4rem 3rem 2.4rem;
    border: 1px solid var(--color-gray);
    border-radius: 1rem;
  }
}

.m-orderPriceSummary-list {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  padding: 1.9rem 0 0;
  border-top: 1px solid var(--color-gray);
}

@media screen and (min-width: 768px) {
  .m-orderPriceSummary-list {
    gap: 0.7rem;
    padding: 0;
    border-top: none;
  }
}

.m-orderPriceSummary-item {
  display: flex;
  justify-content: space-between;
  gap: 2.1rem;
  padding-bottom: 0.6rem;
  border-bottom: 1px solid var(--color-gray);
  font-size: 1.5rem;
  line-height: 1.6;
}

@media screen and (min-width: 768px) {
  .m-orderPriceSummary-item {
    gap: 1.5rem;
    padding-bottom: 0.6rem;
  }
}

.m-orderPriceSummary-item--discount {
  color: var(--color-red);
}

.m-orderPriceSummary-item__price {
  flex: 0 0 11.7rem;
  text-align: right;
}

@media screen and (min-width: 768px) {
  .m-orderPriceSummary-item__price {
    flex: 0 0 35%;
  }
}

.m-orderPriceSummary-item-coupon {
  display: flex;
  justify-content: space-between;
  gap: 2.1rem;
  padding-bottom: 0.6rem;
  border-bottom: 1px solid var(--color-gray);
  font-size: 1.5rem;
  line-height: 1.6;
  margin-top: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .m-orderPriceSummary-item-coupon {
    gap: 1.5rem;
    padding-bottom: 0.6rem;
  }
}

.m-orderPriceSummary-item-coupon__title {
  font-size: 0.8em;
  line-height: 1.1em;
}

.m-orderPriceSummary-item-coupon__price {
  flex: 0 0 25%;
  text-align: right;
}

.m-orderPriceSummary-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2%;
  padding: 1.7rem 0 0;
}

@media screen and (min-width: 768px) {
  .m-orderPriceSummary-total {
    gap: 2%;
    padding: 1.6rem 0 0;
  }
}

.m-orderPriceSummary-total__title {
  flex-shrink: 0;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.3;
}

.m-orderPriceSummary-total__title--tax {
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 2.16;
}

.m-orderPriceSummary-total__price {
  flex: 0 0 58%;
  font-size: 2rem;
  text-align: right;
  font-weight: 600;
  line-height: 1.3;
}

.m-orderPriceSummary-total__price--tax {
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 2.16;
}

@media screen and (max-width: 767px) {
  .m-confirmSubsc-paymentInfoItem__body .m-orderPriceSummary-total__title,
  .m-confirmSubsc-paymentInfoItem__body .m-orderPriceSummary-total__price {
    font-size: 1.3rem;
  }

  .m-confirmSubsc-paymentInfoItem__body .m-orderPriceSummary-total__price {
    flex: initial;
    font-size: 1.3rem;
  }

}

/**
 * #m-orderSectCol-typeForm
 */
@media screen and (min-width: 768px) {
  .m-orderSectCol-typeForm__title {
    margin-bottom: 1.8rem;
  }
}

.m-orderSectCol-typeForm-item:not(:last-child) {
  margin-bottom: 2.2rem;
}

.m-orderSectCol-typeForm-item__title {
  margin-bottom: 0.6rem;
}

.m-orderSectCol-typeForm-check {
  display: flex;
  align-items: center;
  margin-top: 0.2rem;
  line-height: 1.3;
}

.m-orderSectCol-typeForm-check__checkbox {
  flex-shrink: 0;
}

.m-orderSectCol-typeForm-check + .m-orderSectCol-typeForm-item {
  margin-top: 1.7rem;
}

/**
 * #m-orderInfoDetail
 */
.m-orderInfoDetail {
  display: flex;
  flex-direction: column;
  gap: 1.3rem;
  padding: 2rem 0 2.3rem;
  border-bottom: 1px solid var(--color-gray);
}

@media screen and (min-width: 768px) {
  .m-orderInfoDetail {
    flex-direction: row;
    justify-content: space-between;
    gap: 3%;
    padding: 2.6rem 0 2.7rem 1.6rem;
  }
}

@media screen and (min-width: 768px) {
  .m-orderInfoDetail--shippingSubsc .c-orderSectCol-info,
  .m-orderInfoDetail--paymentSubsc .c-orderSectCol-info {
    gap: 0.1rem;
  }
}

@media screen and (min-width: 768px) {
  .m-orderInfoDetail--shippingSubsc .c-orderSectCol-info__title,
  .m-orderInfoDetail--paymentSubsc .c-orderSectCol-info__title {
    width: auto;
  }
}

.m-orderInfoDetail--shippingSubsc .c-orderSectCol-info__title::after,
.m-orderInfoDetail--paymentSubsc .c-orderSectCol-info__title::after {
  letter-spacing: -0.3em;
}

@media screen and (min-width: 768px) {
  .m-orderInfoDetail--shippingSubsc .c-orderSectCol-info__title::after,
  .m-orderInfoDetail--paymentSubsc .c-orderSectCol-info__title::after {
    letter-spacing: 0.02em;
  }
}

.m-orderInfoDetail + .m-confirmSubsc-shippingInfo {
  border-top: none;
}

@media screen and (min-width: 768px) {
  .m-orderInfoDetail-head {
    width: 14%;
  }
}

.m-orderInfoDetail-head__title {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.5;
}

@media screen and (min-width: 768px) {
  .m-orderInfoDetail-head__title {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .m-orderInfoDetail-body {
    width: 83%;
  }
}

.m-orderInfoDetail-body__detailInfo {
  color: var(--color-gray-dark);
}

@media screen and (min-width: 768px) {
  .m-orderInfoDetail-body__detailInfo {
    color: var(--color-black);
  }
}

.m-orderInfoDetail-body__detailInfo .c-orderSectCol-infoInline {
  font-size: 1.2rem;
}

@media screen and (min-width: 768px) {
  .m-orderInfoDetail-body__detailInfo .c-orderSectCol-infoInline {
    font-size: 1.3rem;
  }
}

.m-orderInfoDetail-body__detailInfo .c-orderSectCol-infoInline:not(:first-child) {
  margin-top: 0.5rem;
}

@media screen and (min-width: 768px) {
  .m-orderInfoDetail-body__detailInfo .c-orderSectCol-infoInline:not(:first-child) {
    margin-top: 0.4rem;
  }
}

.m-orderInfoDetail-infoTitle {
  font-size: 1.4rem;
  line-height: 1.6;
}

@media screen and (min-width: 768px) {
  .m-orderInfoDetail-infoTitle {
    margin-bottom: 1.6rem;
  }
}

.m-orderInfoDetail-typeRadio:not(:first-child) {
  margin-top: 1.4rem;
}

@media screen and (min-width: 768px) {
  .m-orderInfoDetail-typeRadio:not(:first-child) {
    margin-top: 2.6rem;
  }
}

.m-orderInfoDetail-typeRadio__item:last-child .c-orderSectCol-radioItem {
  padding-bottom: 0;
}

  .m-orderInfoDetail-typeRadio__item:last-child .c-orderSectCol-radioItem + .m-orderSectCol-addSelect {
    padding-top: 1.8rem;
    padding-bottom: 0.3rem;
  }

@media screen and (min-width: 768px) {
  .m-orderInfoDetail-typeRadio__item:last-child .c-orderSectCol-radioItem + .m-orderSectCol-addSelect {
    padding-top: 1.8rem;
    padding-bottom: 1.3rem;
  }
}

.m-orderInfoDetail-typeRadio .c-orderSectCol-radioItem {
  padding: 1.4rem 0 1.8rem;
  border-top: 1px solid var(--color-gray);
}

.m-orderInfoDetail-body .c-formInput-item__annotation,
.m-orderInfoDetail-body .c-formInput-item__alert {
  margin-top: 0.9rem;
}

  .m-orderInfoDetail-body .c-formInput-item__annotation + .c-formInput-item__alert {
    margin-top: 0.3rem;
  }

@media screen and (min-width: 768px) {
  .m-orderInfoDetail-typeText {
    padding-right: 0;
  }
}

.m-orderInfoDetail-typeSep {
  display: flex;
  flex-direction: column;
  gap: 2.05rem;
}

@media screen and (min-width: 768px) {
  .m-orderInfoDetail-typeSep {
    flex-direction: row;
    justify-content: space-between;
    gap: 2rem;
  }
}

.m-orderInfoDetail-typeSep__button-wrap {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .m-orderInfoDetail-typeSep__button-wrap {
    flex: 0 0 28%;
    padding-right: 2.5rem;
  }
}

.m-orderInfoDetail-typeSep__info {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .m-orderInfoDetail-typeSep__info {
    padding-right: 1.6rem;
  }
}

.m-orderInfoDetail-typeSep__info-title {
  margin-bottom: 1.2rem;
  font-size: 1.4rem;
}

@media screen and (min-width: 768px) {
  .m-orderInfoDetail-typeSep__info-title {
    margin-bottom: 0.9rem;
  }
}

.m-orderInfoDetail-typeSep__info-checkbox {
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

@media screen and (min-width: 768px) {
  .m-orderInfoDetail-typeSep__info-checkbox {
    margin-top: 1.8rem;
    margin-bottom: 0.2rem;
  }
}

.m-orderInfoDetail-typeSep-button {
  width: 80%;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .m-orderInfoDetail-typeSep-button {
    width: 100%;
  }
}

.m-orderInfoDetail-typeSep-button:not(:first-child) {
  margin-top: 1rem;
}

.m-orderInfoDetail-typeRadio:not(:first-child) {
  margin-top: 1.4rem;
}

@media screen and (min-width: 768px) {
  .m-orderInfoDetail-typeRadio:not(:first-child) {
    margin-top: 2.6rem;
  }
}

.m-orderInfoDetail-typeRadio__item:last-child .c-orderSectCol-radioItem {
  padding-bottom: 0;
}

.m-orderInfoDetail-typeRadio .c-orderSectCol-radioItem {
  padding: 1.4rem 0 1.8rem;
  border-top: 1px solid var(--color-gray);
}

.m-orderInfoDetail-addInfo {
  padding-top: 2rem;
  margin-top: 1.7rem;
  border-top: 1px solid var(--color-gray);
}

@media screen and (min-width: 768px) {
  .m-orderInfoDetail-addInfo {
    padding-top: 2.6rem;
    margin-top: 1.7rem;
  }
}

.m-orderInfoDetail-addInfo__title {
  margin-bottom: 0.6rem;
  font-size: 1.4rem;
}

.m-orderInfoDetail-addInfo__date {
  line-height: 1.3;
  font-size: 1.5rem;
  font-weight: bold;
}

.m-orderInfoDetail-addInfo__select {
  margin-top: 1.9rem;
}

.m-orderInfoDetail-addSelect {
  padding-bottom: 2rem;
}

@media screen and (min-width: 768px) {
  .m-orderInfoDetail-addSelect {
    padding-bottom: 3rem;
  }
}

.m-orderInfoDetail-addPaymentInfo {
  padding-bottom: 2rem;
}

@media screen and (min-width: 768px) {
  .m-orderInfoDetail-addPaymentInfo {
    padding-bottom: 3rem;
  }
}

.m-orderInfoDetail-wrap + .m-subscNextOrderInfo-wrap {
  margin-top: 2.4rem;
}

@media screen and (min-width: 768px) {
  .m-orderInfoDetail-wrap + .m-subscNextOrderInfo-wrap {
    margin-top: 3rem;
  }
}

/**
 * #m-orderProductSect
 */
.m-orderProductSect__list--operate .m-orderProductSect-item__info {
  padding-right: 3.8rem;
}

@media screen and (min-width: 768px) {
  .m-orderProductSect__list--operate .m-orderProductSect-item__info {
    padding-right: 0;
  }
}

.m-orderProductSect-setp__list .m-orderProductSect-item:not(:last-of-type) {
  border-bottom: 1px dashed var(--color-gray);
}

.m-orderProductSect-title {
  display: none;
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-title {
    display: flex;
    padding: 0.9rem 0 0.7rem 2%;
    font-size: 1.2rem;
    color: var(--color-gray-middle);
    border-top: solid 1px var(--color-gray);
    border-bottom: solid 1px var(--color-gray);
  }
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-title__info {
    flex: 1 1 auto;
  }
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-title__price {
    flex: 0 0 11.5rem;
  }
}

@media screen and (min-width: 992px) {
  .m-orderProductSect-title__price {
    flex: 0 0 13rem;
  }
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-title__quantity {
    flex: 0 0 11.5rem;
  }
}

@media screen and (min-width: 992px) {
  .m-orderProductSect-title__quantity {
    flex: 0 0 13rem;
  }
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-title__subtotal {
    flex: 0 0 20rem;
  }
}

@media screen and (min-width: 992px) {
  .m-orderProductSect-title__subtotal {
    flex: 0 0 20.8rem;
  }
}

.m-orderProductSect-item {
  position: relative;
  padding: 1.5rem 0 1.3rem;
  border-bottom: solid 1px var(--color-gray);
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-item {
    padding: 2rem 0 2rem 2%;
  }
}

.m-orderProductSect-item:first-child {
  border-top: solid 1px var(--color-gray);
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-item:first-child {
    border-top: none;
  }
}

.m-orderProductSect-item__inner {
  position: relative;
  display: flex;
  justify-content: flex-start;
  gap: 0 1.65rem;
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-item__inner {
    justify-content: space-between;
    gap: 0 1.5rem;
  }
}
@media screen and (min-width: 992px) {
  .m-orderProductSect-item__inner {
    gap: 0 2rem;
  }
}

.m-orderProductSect-item__pictureWrap {
  flex: 0 0 11.2rem;
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-item__pictureWrap {
    flex: 0 0 13.33%;
    margin-left: 0;
  }
}

.m-orderProductSect-item__picture {
  display: block;
  position: relative;
  min-width: 11.2rem;
}

  .m-orderProductSect-item__picture::before {
    content: "";
    display: block;
    padding-top: 130%;
  }

@media screen and (min-width: 768px) {
  .m-orderProductSect-item__picture:hover {
    opacity: var(--hover-opacity);
    transition: opacity var(--transition-default);
  }
}

.m-orderProductSect-item__image {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.m-orderProductSect-item__info {
  position: relative;
  padding-right: 1.5rem;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-item__info {
    position: static;
    flex: 0 1 83.25%;
    display: flex;
    align-items: center;
    gap: 0;
    padding-right: 0;
  }
}

.m-orderProductSect-item__annotation {
  width: 100%;
  margin-top: 1.4rem;
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-item__annotation {
    margin-top: 1.6rem;
  }
}

.m-orderProductSect-item__annotation + .m-orderProductSect-item__alert {
  margin-top: 0.4rem;
}

.m-orderProductSect-item__annotation-text {
  font-size: 1.2rem;
  line-height: 1.6;
}

.m-orderProductSect-item__annotation-text--warning {
  color: var(--color-red);
}

.m-orderProductSect-item__alert {
  display: none;
  width: 100%;
  margin-top: 1.4rem;
  font-size: 1.2rem;
  line-height: 1.6;
  white-space: pre-wrap;
  color: var(--color-red);
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-item__alert {
    margin-top: 1.6rem;
  }
}

.m-orderProductSect-item__alert--active {
  display: block;
}

.m-orderProductSect-item__setpTarget {
  z-index: 1;
  width: 100%;
  margin-bottom: 1.15rem;
  line-height: 1.5;
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-item__setpTarget {
    position: absolute;
    top: 2rem;
    right: 0;
    width: auto;
    max-width: 40%;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 992px) {
  .m-orderProductSect-item__setpTarget {
    max-width: 35%;
  }
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-item__setpTarget--link {
    max-width: 40%;
  }
}

@media screen and (min-width: 992px) {
  .m-orderProductSect-item__setpTarget--link {
    max-width: 35%;
  }
}

.m-orderProductSect-item__setpInfo {
  width: 100%;
  margin-bottom: 1.2rem;
  background-color: var(--color-gray-light);
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-item__setpInfo {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
  }
}

.m-orderProductSect-item__setpInfoTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1rem 0.4rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--color-white);
  background-color: var(--color-red);
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-item__setpInfoTitle {
    flex: 0 0 35.9%;
    justify-content: flex-start;
    padding: 0.6rem 1rem 0.4rem;
    font-weight: 300;
  }
}

.m-orderProductSect-item__setpInfoPriceWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6.5%;
  padding: 0.3rem 1rem 0.2rem;
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-item__setpInfoPriceWrap {
    flex-grow: 1;
    justify-content: flex-start;
    gap: 3.5%;
    padding: 0.2rem 2.1% 0;
  }
}

.m-orderProductSect-item__setpInfoPriceWrap-price {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--color-red);
}

.m-orderProductSect-item__setpInfoPriceWrap-subtotal {
  font-size: 1.5rem;
  color: var(--color-gray-middle);
}

.m-orderProductSect-item__setpInfoPriceWrap-subtotalSect {
  font-size: 1.3rem;
}
.m-orderProductSect-item__supplementary {
  margin-top: 2rem;
}

  .m-orderProductSect-item__supplementary .m-supplementaryInfo {
    margin-top: 0;
  }

@media screen and (min-width: 768px) {
  .m-orderProductSect-item__supplementary .m-supplementaryInfo .m-formInputArea-item {
    max-width: 48rem;
  }
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-itemDetail {
    flex: 1 1 auto;
    padding-right: 2rem;
  }
}

.m-orderProductSect-itemDetail__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 1.2rem;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-itemDetail__title {
    -webkit-line-clamp: 2;
    margin-top: 0;
    line-height: 1.6;
    font-size: 1.4rem;
    font-weight: 600;
  }
}

.m-orderProductSect-itemDetail__info {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  font-size: 1.2rem;
  line-height: 1.6;
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-itemDetail__info {
    gap: 0.4rem;
    font-size: 1.3rem;
    line-height: 1.5;
  }
}

.m-orderProductSect-itemDetail__info:not(:first-child) {
  margin-top: 0.5rem;
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-itemDetail__info:not(:first-child) {
    margin-top: 0.4rem;
  }
}

.m-orderProductSect-itemDetail__add {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  margin-top: 0.1rem;
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-itemDetail__add {
    margin-top: 1.2rem;
  }
}

.m-orderProductSect-itemDetail__add-annotation {
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.5rem;
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-itemDetail__add-annotation {
    font-size: 1.3rem;
  }
}

.m-orderProductSect-itemDetail__add-annotation--warning {
  color: var(--color-red);
}

.m-orderProductSect-itemDetailInfo__title, .m-orderProductSect-itemDetailInfo__text {
  display: inline;
}

  .m-orderProductSect-itemDetailInfo__title::after {
    content: "：";
  }

.m-orderProductSect-itemPrice {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-top: 0.5rem;
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-itemPrice {
    flex: 0 0 11.5rem;
    align-items: flex-start;
    flex-direction: column;
    gap: 0.3rem;
    margin-top: 0;
    padding-right: 1.5rem;
  }
}

@media screen and (min-width: 992px) {
  .m-orderProductSect-itemPrice {
    flex: 0 0 13rem;
  }
}

.m-orderProductSect-itemPrice__price {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3;
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-itemPrice__price {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 992px) {
  .m-orderProductSect-itemPrice__price {
    font-size: 1.5rem;
  }
}

.m-orderProductSect-itemPrice__price--discount {
  color: var(--color-red);
}

.m-orderProductSect-itemPrice__icon {
  flex-shrink: 0;
  display: inline-grid;
  place-items: center;
  height: 1.6rem;
  padding: 0 0.6rem;
  font-size: 1rem;
  color: var(--color-white);
  background-color: var(--color-red);
}

.m-orderProductSect-itemQuantity {
  margin-top: 1.4rem;
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-itemQuantity {
    flex: 0 0 11rem;
    margin-top: 0;
    padding-right: 1.5rem;
  }
}

@media screen and (min-width: 992px) {
  .m-orderProductSect-itemQuantity {
    flex: 0 0 13rem;
  }
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-itemQuantity + .m-orderProductSect-itemSubtotal {
    flex: 0 0 12rem;
  }
}

@media screen and (min-width: 992px) {
  .m-orderProductSect-itemQuantity + .m-orderProductSect-itemSubtotal {
    flex: 0 0 12.8rem;
  }
}

.m-orderProductSect-itemQuantity-num {
  margin-top: 0.8rem;
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-itemQuantity-num {
    flex: 0 0 11.5rem;
    margin-top: 0;
    padding-right: 1.5rem;
  }
}

@media screen and (min-width: 992px) {
  .m-orderProductSect-itemQuantity-num {
    flex: 0 0 13rem;
  }
}

.m-orderProductSect-itemQuantity-num__text-wrap {
  font-size: 1.2rem;
  line-height: 1.6;
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-itemQuantity-num__text-wrap {
    font-size: 1.5rem;
    letter-spacing: 0;
  }

    .m-orderProductSect-itemQuantity-num__text-wrap::before {
      content: "×";
    }
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-itemQuantity-num__title {
    display: none;
  }
}

.m-orderProductSect-itemQuantity-num__title::after {
  content: "：";
}

.m-orderProductSect-itemSubtotal {
  display: none;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3;
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-itemSubtotal {
    display: block;
    flex: 0 0 20rem;
    line-height: 1.5;
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 992px) {
  .m-orderProductSect-itemSubtotal {
    flex: 0 0 20.8rem;
    font-size: 1.5rem;
  }
}

.m-orderProductSect-itemRemove {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-itemRemove {
    display: flex;
    justify-content: flex-end;
    position: static;
    right: 0;
    transform: none;
    flex: 0 0 8rem;
    padding-right: 0.9rem;
  }
}

.m-orderProductSect-itemRemove__button {
  background: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  width: 3.323rem;
  aspect-ratio: 1/1;
  color: var(--color-gray-middle);
  background-color: var(--color-gray-light);
  border-radius: 50%;
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-itemRemove__button {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: unset;
    aspect-ratio: unset;
    padding: 0;
    background-color: unset;
  }
}

.m-orderProductSect-itemRemove__button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 1.1rem;
  aspect-ratio: 1/1;
  background: url(../../assets/img/common/icon/icon-remove-cross.svg) center/100% no-repeat;
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-itemRemove__button::before {
    position: static;
    transform: none;
    flex-shrink: 0;
  }
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-itemRemove__button:hover {
    cursor: pointer;
    opacity: var(--hover-opacity);
    transition: opacity var(--transition-default);
  }
}

.m-orderProductSect-itemRemove__text {
  display: none;
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-itemRemove__text {
    flex-shrink: 0;
    display: block;
    font-size: 1.2rem;
    line-height: 1.6;
  }
}

.m-orderProductSect-itemSetpTarget-textWrap {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.6rem 0.8rem 0.6rem 0.8rem;
  background-color: var(--color-gray-light);
  border-radius: 1rem;
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-itemSetpTarget-textWrap {
    padding: 0.5rem 0.8rem 0.5rem 0.5rem;
  }
}

.m-orderProductSect-itemSetpTarget-textWrap__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 1.2rem;
  color: var(--color-gray-dark);
}

.m-orderProductSect-itemsetpTarget-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 3.3rem;
  width: 100%;
  padding: 0.4rem 1.3rem 0.4rem 0.8rem;
  text-decoration: none;
  border: 1px solid var(--color-blue);
  border-radius: 10px;
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-itemsetpTarget-link {
    gap: 2rem;
    padding: 0.5rem 1.3rem 0.4rem 1rem;
  }
}

@media screen and (min-width: 992px) {
  .m-orderProductSect-itemsetpTarget-link {
    gap: 3.3rem;
  }
}

.m-orderProductSect-itemsetpTarget-link::after {
  content: "";
  flex-shrink: 0;
  display: block;
  width: 0.538rem;
  height: 0.962rem;
  background: url("../../assets/img/common/icon/icon-arrow-right-blue.svg") center 100% no-repeat;
}

@media screen and (min-width: 768px) {
  .m-orderProductSect-itemsetpTarget-link:hover {
    opacity: var(--hover-opacity);
    transition: opacity var(--transition-default);
  }
}

.m-orderProductSect-itemsetpTarget-link__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 1.2rem;
  color: var(--color-primary);
}

/**
 * #m-orderProductSectBox
 */
.m-orderProductSectBox {
  padding: 2.1rem 0 2.4rem;
  border-top: solid 1px var(--color-gray);
}

@media screen and (min-width: 768px) {
  .m-orderProductSectBox {
    padding: 3rem 0 3rem;
    border-top: none;
    border-bottom: none;
  }
}

.m-orderProductSectBox__title {
  margin-bottom: 1.7rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 600;
}

.m-orderProductSectBox__list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.56rem 1.6rem;
}

@media screen and (min-width: 768px) {
  .m-orderProductSectBox__list {
    flex-direction: column;
    gap: 1.5rem 0;
  }
}

.m-orderProductSectBox-item {
  width: calc(20% - 1.28rem);
}

@media screen and (min-width: 768px) {
  .m-orderProductSectBox-item {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .m-orderProductSectBox-item:not(:last-child) {
    padding-bottom: 1.6rem;
    border-bottom: solid 1px var(--color-gray);
  }
}

@media screen and (min-width: 768px) {
  .m-orderProductSectBox-item__inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5%;
  }
}

@media screen and (min-width: 768px) {
  .m-orderProductSectBox-item__pictureWrap {
    flex: 0 0 7.8rem;
    margin-left: 0;
  }
}

@media screen and (min-width: 768px) {
  .m-orderProductSectBox-item__picture {
    min-width: 7.8rem;
  }
}

.m-orderProductSectBox-item__annotation {
  width: 100%;
  margin-top: 1.4rem;
}

@media screen and (min-width: 768px) {
  .m-orderProductSectBox-item__annotation {
    margin-top: 1.6rem;
  }
}

.m-orderProductSectBox-item__annotation-text {
  font-size: 1.2rem;
  line-height: 1.6;
}

.m-orderProductSectBox-item__annotation-text--warning {
  color: var(--color-red);
}

.m-orderProductSectBox-itemDetail {
  display: none;
}

@media screen and (min-width: 768px) {
  .m-orderProductSectBox-itemDetail {
    display: block;
    width: 100%;
  }
}

.m-orderProductSectBox-itemDetail__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 1.2rem;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .m-orderProductSectBox-itemDetail__title {
    -webkit-line-clamp: 2;
    margin-top: 0;
    line-height: 1.6;
    font-size: 1.4rem;
    font-weight: 600;
  }
}

.m-orderProductSectBox-itemDetail__info {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  font-size: 1.2rem;
  line-height: 1.6;
}

@media screen and (min-width: 768px) {
  .m-orderProductSectBox-itemDetail__info {
    gap: 0.4rem;
    font-size: 1.3rem;
    line-height: 1.5;
  }
}

.m-orderProductSectBox-itemDetail__info:not(:first-child) {
  margin-top: 0.5rem;
}

@media screen and (min-width: 768px) {
  .m-orderProductSectBox-itemDetail__info:not(:first-child) {
    margin-top: 0.4rem;
  }
}

.m-orderProductSectBox-itemDetailInfo__title, .m-orderProductSectBox-itemDetailInfo__text {
  display: inline;
}

  .m-orderProductSectBox-itemDetailInfo__title::after {
    content: "：";
  }

/**
 * #m-orderProductSectWrapLine
 */
@media screen and (min-width: 768px) {
  .m-orderProductSectWrapLine {
    padding: 0 1.6rem;
  }
}

.m-orderProductSectWrapLine--box {
  padding: 2.1rem 2.4rem 2rem;
  background-color: var(--color-gray-light);
  border-radius: 1rem;
}

@media screen and (min-width: 768px) {
  .m-orderProductSectWrapLine--box {
    padding: 2.6rem 2.4rem 2.5rem;
  }
}

.m-orderProductSectWrapLine__title {
  margin-bottom: 1.3rem;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.3;
}

@media screen and (min-width: 768px) {
  .m-orderProductSectWrapLine__title {
    margin-bottom: 1.7rem;
  }
}

.m-orderProductSectWrapLine__info {
  margin-bottom: 1.6rem;
}

@media screen and (min-width: 768px) {
  .m-orderProductSectWrapLine__info {
    margin-bottom: 1.6rem;
  }
}

.m-orderProductSectWrapLine__info-title {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.5;
}

.m-orderProductSectWrapLine__info-titleEm {
  color: var(--color-primary);
}

.m-orderProductSectWrapLine__info-text {
  margin-top: 0.9rem;
  font-size: 1.4rem;
  line-height: 1.6;
}

@media screen and (min-width: 768px) {
  .m-orderProductSectWrapLine__info-text {
    margin-top: 1.3rem;
  }
}

.m-orderProductSectWrapLine__info-annotation {
  margin-top: 1rem;
  font-size: 1.2rem;
  line-height: 1.6;
}

@media screen and (min-width: 768px) {
  .m-orderProductSectWrapLine__info-annotation {
    margin-top: 1.3rem;
  }
}

/**
 * #m-cartNum-title
 */
.m-cartNum-title {
  padding: 0.9rem 1.6rem 0.8rem;
  font-size: 1.6rem;
  line-height: 1.5;
  background-color: var(--color-gray);
}

@media screen and (min-width: 768px) {
  .m-cartNum-title {
    padding: 1rem 1.6rem 0.9rem;
  }
}
.m-cartNum-title--control {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
.m-cartNum-title__title {
  font-weight: 600;
}

.m-cartNum-title__control {
  display: flex;
  gap: 1rem;
}

@media screen and (min-width: 768px) {
  .m-cartNum-title__control {
    gap: 1.2rem;
  }
}

.m-cartNum-title__control-button {
  flex-shrink: 0;
  padding: 0;
  border: none;
  font-size: 1.1rem;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 0.4rem;
  background: none;
  color: var(--color-black);
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .m-cartNum-title__control-button { font-size: 1.2rem; }
}

  /**
 * #m-orderTotalPrice
 */
  .m-orderTotalPrice-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1.6rem;
    background-color: var(--color-gray);
  }

  @media screen and (min-width: 768px) {
    .m-orderTotalPrice-wrap {
      justify-content: flex-end;
      padding: 2rem 3rem;
    }
  }

  .m-orderTotalPrice {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    width: 100%;
    line-height: 1;
    font-size: 2rem;
    font-weight: 600;
  }

  @media screen and (min-width: 768px) {
    .m-orderTotalPrice {
      gap: 6.7rem;
      width: auto;
    }
  }

  .m-orderTotalPrice__title {
    flex-shrink: 0;
  }

  .m-orderTotalPrice__title-tax {
    font-size: 1.2rem;
    font-weight: 300;
  }

  .m-orderTotalPrice__price {
    width: 100%;
    text-align: right;
  }

  /**
 * #m-orderLawBox
 */
  .m-orderLawBox__title {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.5;
  }

    .m-orderLawBox__title + .m-orderLawBox__info {
      margin-top: 1.9rem;
    }

  @media screen and (min-width: 768px) {
    .m-orderLawBox__title + .m-orderLawBox__info {
      margin-top: 1.7rem;
    }
  }

  .m-orderLawBox__info {
    font-size: 1.2rem;
  }

  /**
 * #m-orderUseDiscount
 */
  .m-orderUseDiscount {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 0 2rem;
  }

  @media screen and (min-width: 992px) {
    .m-orderUseDiscount {
      display: block;
      width: 100%;
    }
  }

  .m-orderUseDiscount--purchased .m-orderUseDiscount__title {
    width: 100%;
  }

  .m-orderUseDiscount__title {
    width: calc(100% - 13.3rem);
    font-size: 1.6rem;
    text-align: left;
    font-weight: 600;
  }

  @media screen and (min-width: 992px) {
    .m-orderUseDiscount__title {
      width: 100%;
      margin-bottom: 1rem;
      text-align: left;
    }
  }

  @media screen and (min-width: 992px) {
    .m-orderUseDiscount .c-form-switch {
      display: none;
    }
  }

  .m-orderUseDiscount__input {
    display: block;
    width: 100%;
    margin-top: 2rem;
  }

  @media screen and (min-width: 992px) {
    .m-orderUseDiscount__input {
      display: block !important;
    }
  }

  @media screen and (min-width: 992px) {
    .m-orderUseDiscount__input select {
      max-width: 37.8rem;
    }
  }

  @media screen and (min-width: 992px) {
    .m-orderUseDiscount__input input[type=text] {
      max-width: 37.8rem;
    }
  }

  .m-orderUseDiscount__input .c-formInput-item__alert--active {
    margin-top: 0.8rem;
  }

  .m-orderUseDiscount + .m-orderUseDiscount {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px dashed var(--color-light);
  }

  @media screen and (min-width: 992px) {
    .m-orderUseDiscount + .m-orderUseDiscount {
      margin-top: 3rem;
      padding-top: 0;
      border-top: none;
    }
  }

  .m-orderUseDiscount-inputSelect {
    display: block;
  }

  @media screen and (min-width: 992px) {
    .m-orderUseDiscount-inputSelect {
      display: grid;
      grid-template-columns: 50% 50%;
      grid-template-areas: "gridA gridB" "gridC gridC";
    }
  }

  .m-orderUseDiscount-inputSelect__select {
    display: flex;
    flex-shrink: 0;
    font-size: 1.5rem;
    line-height: 1.3;
  }

  @media screen and (min-width: 992px) {
    .m-orderUseDiscount-inputSelect__select:nth-of-type(1) {
      grid-area: gridA;
    }

    .m-orderUseDiscount-inputSelect__select:nth-of-type(2) {
      grid-area: gridB;
    }
  }

  .m-orderUseDiscount-inputSelect .c-formInput-item__alert--active {
    margin-top: 1rem;
  }

  .m-orderUseDiscount-selectBox {
    grid-area: gridC;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    margin-top: 2rem;
    line-height: 1;
  }

  .m-orderUseDiscount-selectBox__select {
    display: block;
    width: calc(100% - 10.2rem);
    vertical-align: middle;
  }

  .m-orderUseDiscount-selectBox__couponBox {
    display: block;
    width: 9.2rem;
    vertical-align: middle;
    text-align: right;
  }

    .m-orderUseDiscount-selectBox__couponBox .c-btn {
      display: block;
      width: 100%;
    }

  .m-orderUseDiscount-inputBox {
    grid-area: gridC;
    margin-top: 2rem;
  }

    .m-orderUseDiscount-selectBox + .m-orderUseDiscount-inputSelect__select, .m-orderUseDiscount-inputBox + .m-orderUseDiscount-inputSelect__select {
      padding-top: 2rem;
      margin-top: 2rem;
      border-top: 1px solid var(--color-gray);
    }

  @media screen and (min-width: 992px) {
    .m-orderUseDiscount-selectBox + .m-orderUseDiscount-inputSelect__select, .m-orderUseDiscount-inputBox + .m-orderUseDiscount-inputSelect__select {
      padding-top: 0;
      margin-top: 0;
      border: none;
    }
  }

  .m-orderUseDiscount__canUsePoint {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 1.4rem;
  }

  .m-orderUseDiscount__canUsePoint--strong {
    font-weight: 600;
    color: var(--color-red);
  }

  .m-orderUseDiscount__canUsePoint-link {
    color: var(--color-blue) !important;
  }

  @media screen and (min-width: 992px) {
    .m-orderUseDiscount__canUsePoint-link:hover {
      opacity: var(--hover-opacity);
      transition: opacity var(--transition-default);
    }
  }

  .m-orderUseDiscount-purchasedInfo {
    display: flex;
    margin-top: 1rem;
  }

  .m-orderUseDiscount-purchasedInfo__title::after {
    content: "：";
  }

  .m-orderUseDiscount .couponForm {
    width: 100%;
  }

  /**
 * #m-orderConfirmChangeRecommend
 */
  .m-orderConfirmChangeRecommend {
    margin-top: 1.6rem;
    padding: 3rem 1.5rem;
    background: var(--color-gray-light);
    border-radius: 10px;
  }

  .m-orderConfirmChangeRecommend__title {
    display: block;
    margin-bottom: 1.5rem;
    font-size: 1.6rem;
    font-weight: 600;
  }

  .m-orderConfirmChangeRecommend__inner {
    position: relative;
    display: flex;
    justify-content: flex-start;
    gap: 0 1.65rem;
  }

  .m-orderConfirmChangeRecommend__pictureWrap {
    flex: 0 0 11.2rem;
  }

  .m-orderConfirmChangeRecommend__picture {
    min-width: 11.2rem;
  }

  .m-orderConfirmChangeRecommend__info {
    position: relative;
    width: 100%;
    padding-right: 8%;
  }

  .m-orderConfirmChangeRecommend-itemDetail__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 1.2rem;
    line-height: 1;
  }

  .m-orderConfirmChangeRecommend-itemDetail__info {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    margin-top: 0.5rem;
    font-size: 1.2rem;
    line-height: 1.6;
  }

  .m-orderConfirmChangeRecommend-itemDetail__add {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    margin-top: 0.1rem;
  }

  @media screen and (min-width: 768px) {
    .m-orderConfirmChangeRecommend-itemDetail__add {
      margin-top: 1.2rem;
    }
  }

  .m-orderConfirmChangeRecommend-itemDetail__add-annotation {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.5rem;
  }

  @media screen and (min-width: 768px) {
    .m-orderConfirmChangeRecommend-itemDetail__add-annotation {
      font-size: 1.3rem;
    }
  }

  .m-orderConfirmChangeRecommend-itemDetail__add-annotation--warning {
    color: var(--color-red);
  }

  .m-orderConfirmChangeRecommend-itemDetailInfo__title, .m-orderConfirmChangeRecommend-itemDetailInfo__text {
    display: inline;
  }

    .m-orderConfirmChangeRecommend-itemDetailInfo__title::after {
      content: "：";
    }

  .m-orderConfirmChangeRecommend__button {
    width: calc((100% + 3rem) * 0.8);
    margin: 2rem auto 0;
  }

  @media screen and (min-width: 768px) {
    .m-orderConfirmChangeRecommend {
      position: relative;
      margin-top: 2rem;
      margin-left: -2%;
      padding: 2.7rem 0 2rem 2%;
    }

    .m-orderConfirmChangeRecommend__title {
      margin-bottom: 1.8rem;
    }

    .m-orderConfirmChangeRecommend__inner {
      justify-content: space-between;
      gap: 0 1.5rem;
    }

    .m-orderConfirmChangeRecommend__pictureWrap {
      flex: 0 0 13.33%;
      margin-left: 0;
    }

    .m-orderConfirmChangeRecommend__info {
      position: static;
      flex: 0 0 83.25%;
      display: flex;
      align-items: center;
      gap: 2%;
      padding-right: 0;
    }
  }

  @media screen and (min-width: 768px) and (min-width: 992px) {
    .m-orderConfirmChangeRecommend__info {
      gap: 3.3%;
    }
  }

  @media screen and (min-width: 768px) {
    .m-orderConfirmChangeRecommend-itemDetail {
      flex: 0 0 42%;
    }
  }

  @media screen and (min-width: 768px) and (min-width: 992px) {
    .m-orderConfirmChangeRecommend-itemDetail {
      flex: 0 0 38%;
    }
  }

  @media screen and (min-width: 768px) {
    .m-orderConfirmChangeRecommend-itemDetail__title {
      -webkit-line-clamp: 2;
      margin-top: 0;
      line-height: 1.6;
      font-size: 1.4rem;
      font-weight: 600;
    }
  }

  @media screen and (min-width: 768px) {
    .m-orderConfirmChangeRecommend-itemDetail__info:not(:first-child) {
      margin-top: 0.5rem;
    }
  }

  @media screen and (min-width: 768px) {
    .m-orderConfirmChangeRecommend-itemDetailInfo__title, .m-orderConfirmChangeRecommend-itemDetailInfo__text {
      display: inline;
    }

      .m-orderConfirmChangeRecommend-itemDetailInfo__title::after {
        content: "：";
      }
  }

  @media screen and (min-width: 768px) {
    .m-orderConfirmChangeRecommend__button {
      position: absolute;
      top: 3rem;
      right: 0;
      width: 22.86152%;
      margin: 0;
      padding-right: 2.5rem;
    }
  }

  /**
 * #m-orderProgress
 */
  .m-orderProgress {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 3rem;
  }

  .m-orderProgress-imgWrap {
    width: 100%;
    max-width: 16rem;
    order: 2;
    position: relative;
  }

  .m-orderProgress-imgWrap--confirm {
    display: none;
  }

  .m-orderProgress__image {
    display: block;
    width: 100%;
    position: relative;
  }

    .m-orderProgress__image::after {
      content: "";
      display: block;
      width: 100%;
      padding-bottom: 100%;
    }

  .m-orderProgress-svg {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: visible;
  }

    .m-orderProgress-svg > circle {
      fill: rgba(0, 0, 0, 0);
      stroke-width: 31.8309886184;
      stroke-dashoffset: 25;
      cx: 31.8309886184;
      cy: 31.8309886184;
      r: 15.9154943092;
      position: relative;
    }

  .m-orderProgress-svg__progress {
    stroke: var(--color-primary);
  }

  .m-orderProgress-svg__progress--confirm {
    stroke: var(--color-danger);
    opacity: 0.5;
  }

  .m-orderProgress-textBox {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 2.4rem);
    height: calc(100% - 2.4rem);
    background: #FFFFFF;
    border-radius: 50%;
  }

  .m-orderProgress-textBox__rate {
    font-size: 2.5rem;
  }

  .m-orderProgress-textBox__cnt {
    font-size: 1.4rem;
  }

  .m-orderProgress-statusBox {
    order: 1;
    display: block;
    width: 100%;
    padding: 0 1.5rem;
    margin-bottom: 2.8rem;
    text-align: center;
  }

  .m-orderProgress-statusBox__status {
    display: block;
    margin-bottom: 0.9rem;
    font-size: 2.2rem;
  }

  .m-orderProgress-statusBox__cnt {
    display: inline-block;
    padding: 0.5rem 2.2rem;
    margin-bottom: 1.6rem;
    background: var(--color-gray-light);
    border-radius: 15px;
    font-size: 1.4rem;
    color: var(--color-gray-dark);
  }

  .m-orderProgress-statusBox__caution {
    font-size: 1.4rem;
    font-weight: 600;
  }

  .m-orderProgress-statusBox__complete {
    font-size: 2rem;
  }

  .m-orderProgress__button {
    display: block;
    width: 100%;
    padding: 0 1.5rem;
    order: 3;
  }

  @media screen and (min-width: 768px) {
    .m-orderProgress {
      margin-bottom: 8rem;
    }

    .m-orderProgress-imgWrap {
      max-width: 17rem;
      order: 1;
    }

    .m-orderProgress-imgWrap--confirm {
      display: block;
    }

    .m-orderProgress-statusBox {
      order: 2;
      display: block;
      width: 100%;
      padding: 0;
      margin-top: 2rem;
      margin-bottom: 0;
      text-align: center;
    }

    .m-orderProgress-statusBox__status {
      margin-bottom: 1.3rem;
      font-size: 3.2rem;
    }

    .m-orderProgress-statusBox__cnt {
      display: none;
    }

    .m-orderProgress-statusBox__caution {
      font-size: 1.6rem;
    }

    .m-orderProgress-statusBox__complete {
      font-size: 3.2rem;
    }

    .m-orderProgress__button {
      max-width: 34.5rem;
      margin: 2.8rem auto 0;
      padding: 0;
    }
  }

  /**
 * #m-orderMultiCartCompleteStatus
 */
  .m-orderMultiCartCompleteStatus {
    padding-top: 0.3rem;
    padding-bottom: 3rem;
  }

  @media screen and (min-width: 768px) {
    .m-orderMultiCartCompleteStatus {
      padding-bottom: 5rem;
      padding-top: 1.5rem;
    }
  }

  .m-orderMultiCartCompleteStatus__title {
    text-align: center;
    font-size: 2.2rem;
    line-height: 1.3;
  }

  @media screen and (min-width: 768px) {
    .m-orderMultiCartCompleteStatus__title {
      font-size: 3.2rem;
    }
  }

  .m-orderMultiCartCompleteStatus__lead {
    margin-top: 2.7rem;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.6;
  }

  @media screen and (min-width: 768px) {
    .m-orderMultiCartCompleteStatus__lead {
      margin-top: 2.1rem;
      font-size: 1.6rem;
      line-height: 2;
    }
  }

  .m-orderMultiCartCompleteStatus__lead-num {
    font-size: 2.2rem;
    line-height: 1;
    color: var(--color-red);
  }

  @media screen and (min-width: 768px) {
    .m-orderMultiCartCompleteStatus__lead-num {
      font-size: 3.2rem;
    }
  }

  .m-orderMultiCartCompleteStatus__button {
    margin: 1.5rem auto 0;
    max-width: 34.5rem;
    margin-inline: auto;
  }

  @media screen and (min-width: 768px) {
    .m-orderMultiCartCompleteStatus__button {
      margin-top: 2.2rem;
    }
  }

  /**
 * #m-orderInfoInModal
 */
  .m-orderInfoInModal {
    padding: 2rem 0;
  }

  @media screen and (min-width: 768px) {
    .m-orderInfoInModal {
      padding: 4.4rem 4.5rem;
    }
  }

  .m-orderInfoInModal__head {
    padding: 0 1.7rem;
  }

  @media screen and (min-width: 768px) {
    .m-orderInfoInModal__head {
      padding: 0;
    }
  }

  .m-orderInfoInModal__head .m-orderSect-wrap {
    padding: 2rem 1.6rem 2rem;
    border-radius: 0.5rem;
    border: solid 1px var(--color-gray);
  }

  @media screen and (min-width: 768px) {
    .m-orderInfoInModal__head .m-orderSect-wrap {
      padding: 2.6rem 2.5rem 2.5rem;
      border-radius: 1rem;
      border: none;
      background-color: var(--color-gray-light);
    }
  }

  .m-orderInfoInModal__head .m-orderSect-body {
    margin-top: 1rem;
  }

  @media screen and (min-width: 768px) {
    .m-orderInfoInModal__head .m-orderSect-body {
      margin-top: 1.2rem;
    }
  }

  .m-orderInfoInModal__head .c-orderSect-info__title {
    display: none;
  }

  @media screen and (min-width: 768px) {
    .m-orderInfoInModal__head .c-orderSect-info__title {
      display: inline-block;
      flex-shrink: 0;
      width: 14.1rem;
    }
  }

  .m-orderInfoInModal__head + .m-orderInfoInModal__body {
    margin-top: 3rem;
  }

  @media screen and (min-width: 768px) {
    .m-orderInfoInModal__head + .m-orderInfoInModal__body {
      margin-top: 3.2rem;
    }
  }

  .m-orderInfoInModal__body .s-orderContent-cartGroup-body {
    margin-top: 0;
    padding: 0 1.7rem;
  }

  @media screen and (min-width: 768px) {
    .m-orderInfoInModal__body .s-orderContent-cartGroup-body {
      padding: 0;
    }
  }

  @media screen and (min-width: 768px) {
    .m-orderInfoInModal__body .m-orderProductSect-title__price {
      flex: 0 0 11rem;
    }
  }

  @media screen and (min-width: 992px) {
    .m-orderInfoInModal__body .m-orderProductSect-title__price {
      flex: 0 0 12.5rem;
    }
  }

  @media screen and (min-width: 768px) {
    .m-orderInfoInModal__body .m-orderProductSect-title__quantity {
      flex: 0 0 7rem;
    }
  }

  @media screen and (min-width: 992px) {
    .m-orderInfoInModal__body .m-orderProductSect-title__quantity {
      flex: 0 0 12.5rem;
    }
  }

  @media screen and (min-width: 768px) {
    .m-orderInfoInModal__body .m-orderProductSect-title__subtotal {
      flex: 0 0 11rem;
    }
  }

  @media screen and (min-width: 992px) {
    .m-orderInfoInModal__body .m-orderProductSect-title__subtotal {
      flex: 0 0 12.5rem;
    }
  }

  @media screen and (min-width: 768px) {
    .m-orderInfoInModal__body .m-orderProductSect-item__inner {
      gap: 0 1.5rem;
    }
  }

  @media screen and (min-width: 768px) {
    .m-orderInfoInModal__body .m-orderProductSect-itemDetail {
      flex: 1 1 auto;
      padding-right: 1.5rem;
    }
  }

  @media screen and (min-width: 992px) {
    .m-orderInfoInModal__body .m-orderProductSect-itemDetail {
      padding-right: 3rem;
    }
  }

  @media screen and (min-width: 768px) {
    .m-orderInfoInModal__body .m-orderProductSect-itemPrice {
      flex: 0 0 11rem;
    }
  }

  @media screen and (min-width: 992px) {
    .m-orderInfoInModal__body .m-orderProductSect-itemPrice {
      flex: 0 0 12.5rem;
      padding-right: 1.5rem;
    }
  }

  @media screen and (min-width: 768px) {
    .m-orderInfoInModal__body .m-orderProductSect-itemQuantity-num {
      flex: 0 0 7rem;
      padding-right: 1.5rem;
    }
  }

  @media screen and (min-width: 992px) {
    .m-orderInfoInModal__body .m-orderProductSect-itemQuantity-num {
      flex: 0 0 12.5rem;
    }
  }

  @media screen and (min-width: 768px) {
    .m-orderInfoInModal__body .m-orderProductSect-itemSubtotal {
      flex: 0 0 11rem;
    }
  }

  @media screen and (min-width: 992px) {
    .m-orderInfoInModal__body .m-orderProductSect-itemSubtotal {
      flex: 0 0 12.5rem;
    }
  }

  /**
 * #m-confirmSubscInModal
 */
  .m-confirmSubscInModal {
    padding: 1.6rem 1.7rem;
  }

  @media screen and (min-width: 768px) {
    .m-confirmSubscInModal {
      padding: 4.1rem 5rem 4.5rem;
    }
  }

  .m-confirmSubscInModal__head + .m-confirmSubscInModal__body {
    margin-top: 3.2rem;
  }

  @media screen and (min-width: 768px) {
    .m-confirmSubscInModal__head + .m-confirmSubscInModal__body {
      margin-top: 3.5rem;
    }
  }

  .m-confirmSubscInModal__foot {
    padding-top: 0;
  }

  @media screen and (min-width: 768px) {
    .m-confirmSubscInModal__foot {
      padding-top: 0.4rem;
    }
  }

  /**
 * #m-subscNextOrderInfo
 */
  .m-subscNextOrderInfo {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.1rem;
  }

  @media screen and (min-width: 768px) {
    .m-subscNextOrderInfo {
      grid-template-columns: 1fr 1fr;
      gap: 2.5rem;
    }
  }

  @media screen and (min-width: 992px) {
    .m-subscNextOrderInfo {
      grid-template-columns: 1fr 1fr 1fr;
    }
  }

  .m-subscNextOrderInfo + .m-confirmSubsc-paymentInfo {
    margin-top: 2.4rem;
  }

  @media screen and (min-width: 768px) {
    .m-subscNextOrderInfo + .m-confirmSubsc-paymentInfo {
      margin-top: 3rem;
    }
  }

  .m-confirmSubsc-paymentInfoItem__body {
    padding: 0 1.5rem 1.3rem 1.4rem;
    border-top: solid 1px var(--color-gray);
    border-right: solid 1px var(--color-gray);
    border-left: solid 1px var(--color-gray);
    border-bottom: solid 1px var(--color-gray);
    border-radius: 1rem;
    background-color: var(--color-white);
    margin-bottom: 2rem;
  }

  .m-subscNextOrderInfoItem__head {
    padding: 1rem 1rem 0.9rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    background-color: var(--color-gray);
  }

  @media screen and (min-width: 768px) {
    .m-subscNextOrderInfoItem__head {
      padding: 1.1rem 1rem 1rem;
    }
  }

  .m-subscNextOrderInfoItem__body {
    padding: 0 1.5rem 1.3rem 1.4rem;
    border-right: solid 1px var(--color-gray);
    border-left: solid 1px var(--color-gray);
    border-bottom: solid 1px var(--color-gray);
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    background-color: var(--color-white);
  }

  .m-subscNextOrderInfoItemHead {
    text-align: center;
    font-size: 1.6rem;
  }

  @media screen and (min-width: 768px) {
    .m-subscNextOrderInfoItemHead {
      font-size: 1.4rem;
    }
  }

  .m-subscNextOrderInfoItemHead__title {
    font-weight: 600;
  }

  .m-subscNextOrderInfoShipping__title {
    display: inline;
  }

    .m-subscNextOrderInfoShipping__title::after {
      content: "：";
    }

  .m-subscNextOrderInfoShipping__text {
    display: inline;
  }

  .m-subscNextOrderInfo-wrap .m-orderSect-head .c-orderSectHeading__title {
    margin-bottom: 1.2rem;
  }

  @media screen and (min-width: 768px) {
    .m-subscNextOrderInfo-wrap .m-orderSect-head .c-orderSectHeading__title {
      margin-bottom: 0.5rem;
    }
  }

  .m-subscNextOrderInfo-wrap .m-orderSect-wrap--gray .m-subscNextOrderInfoItem__body {
    border: none;
  }

  .m-subscNextOrderInfo-wrap .c-orderSectCol-annotation--fluid {
    margin-top: 1.8rem;
  }

  @media screen and (min-width: 768px) {
    .m-subscNextOrderInfo-wrap .c-orderSectCol-annotation--fluid {
      margin-top: 2.7rem;
    }
  }

  .m-subscNextOrderProducts__item {
    padding: 1.6rem 0 0.9rem;
  }

  @media screen and (min-width: 768px) {
    .m-subscNextOrderProducts__item {
      padding: 2rem 0 1.4rem;
    }
  }

  .m-subscNextOrderProducts__item + .m-subscNextOrderProducts__item {
    border-top: solid 1px var(--color-gray);
  }

  .m-subscNextOrderProduct {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
    position: relative;
  }

  @media screen and (min-width: 768px) {
    .m-subscNextOrderProduct {
      gap: 1.2rem;
    }
  }

  .m-subscNextOrderProduct__pictureWrap {
    flex-shrink: 0;
  }

  .m-subscNextOrderProduct__picture {
    display: block;
    position: relative;
    min-width: 8.2rem;
  }

  @media screen and (min-width: 768px) {
    .m-subscNextOrderProduct__picture {
      min-width: 6rem;
    }
  }

  .m-subscNextOrderProduct__picture::before {
    content: "";
    display: block;
    padding-top: 130%;
  }

  @media screen and (min-width: 768px) {
    .m-subscNextOrderProduct__picture:hover {
      opacity: var(--hover-opacity);
      transition: opacity var(--transition-default);
    }
  }

  .m-subscNextOrderProduct__image {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .m-subscNextOrderProductDetail {
    flex-grow: 1;
    transform: translateY(-0.4rem);
    font-size: 1.2rem;
  }

  @media screen and (min-width: 768px) {
    .m-subscNextOrderProductDetail {
      transform: translateY(-0.3rem);
      font-size: 1.1rem;
    }
  }

  .m-subscNextOrderProductDetail__title {
    margin-bottom: 0.2rem;
    font-size: 1.2rem;
    line-height: 1.5;
  }

  @media screen and (max-width: 767px) {
    .m-subscNextOrderProductDetail__title {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
    }
  }

  .m-subscNextOrderProductDetail__info {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
  }

  @media screen and (min-width: 768px) {
    .m-subscNextOrderProductDetail__price {
      margin-top: 0.2rem;
    }
  }

  .m-subscNextOrderProductDetail__add {
    margin-top: 0.5rem;
  }

  .m-subscNextOrderProductDetail__add-annotation--strong {
    font-weight: 600;
  }

  .m-subscNextOrderProductDetailInfo__title {
    display: inline;
  }

    .m-subscNextOrderProductDetailInfo__title::after {
      content: "：";
    }

  .m-subscNextOrderProductDetailInfo__text {
    display: inline;
  }

  .m-subscNextOrderPriceSummary {
    padding-top: 2.2rem;
    border-top: solid 1px var(--color-gray);
  }

    .m-subscNextOrderPriceSummary .m-orderPriceSummary {
      padding: 0;
      border: none;
    }

    .m-subscNextOrderPriceSummary .m-orderPriceSummary-item {
      border-bottom: none;
      padding-bottom: 0;
      font-size: 1.5rem;
      line-height: 1.5;
    }

  @media screen and (min-width: 768px) {
    .m-subscNextOrderPriceSummary .m-orderPriceSummary-item {
      font-size: 1.3rem;
      line-height: 1.4;
    }
  }

  .m-subscNextOrderPriceSummary .m-orderPriceSummary-item__price {
    flex-basis: 9rem;
  }

  .m-subscNextOrderPriceSummary .m-orderPriceSummary-list {
    margin-bottom: 1.5rem;
    padding-top: 0;
    border-top: none;
  }

  @media screen and (min-width: 768px) {
    .m-subscNextOrderPriceSummary .m-orderPriceSummary-list {
      margin-bottom: 1.6rem;
    }
  }

  .m-subscNextOrderPriceSummary .m-orderPriceSummary-total {
    border-top: solid 1px var(--color-gray);
  }

  /**
   * #m-lawMessageInModal
   */
  .m-lawMessageInModal {
    padding: 2rem 1.6rem;
  }

  @media screen and (min-width: 768px) {
    .m-lawMessageInModal {
      padding: 4.4rem 4.5rem;
    }
  }

  /**
   * #m-completionMessage
   */
  .m-completionMessage {
    padding: 0 1.6rem;
  }

  @media screen and (min-width: 768px) {
    .m-completionMessage {
      padding: 0;
    }
  }

  .m-completionMessage-wrap {
    padding: 1.0rem 0;
    border: solid 2px var(--color-primary);
  }

  @media screen and (min-width: 768px) {
    .m-completionMessage-wrap {
      padding: 1.6rem 0;
    }
  }

  .m-completionMessage-head::before {
    content: '';
    aspect-ratio: 1/1;
    background: url(../../assets/img/common/icon/icon-notice.svg) center/70% no-repeat;
    padding: 1.0rem 1.5rem;
    margin: 0.5rem;
  }

  @media screen and (min-width: 768px) {
    .m-completionMessage-head::before {
      background: url(../../assets/img/common/icon/icon-notice.svg) center/80% no-repeat;
      margin: 1.0rem;
    }
  }

  .m-completionMessage-head {
    font-size: 1.6rem;
    font-weight: 600;
  }

  .m-completionMessage-section {
    padding: 0 4.0rem;
    font-size: 1.0rem;
  }

  @media screen and (min-width: 768px) {
    .m-completionMessage-section {
      padding: 0 5.0rem;
      font-size: 1.4rem;
    }
  }

  /**
   * #m-paymentDescription
   */
  .m-paymentDescription__text-link {
    text-decoration: underline;
  }

  /* =============================================================
    Site
============================================================= */
  /* order Common
------------------------------------------------------------- */
  .s-type-order {
    padding-bottom: 5rem;
  }

  @media screen and (min-width: 768px) {
    .s-type-order {
      padding-bottom: 0;
    }
  }

  .s-orderContent-head {
    margin-bottom: 3rem;
  }

  @media screen and (min-width: 768px) {
    .s-orderContent-head {
      padding-top: 8.6rem;
      margin-bottom: 4rem;
    }
  }

  @media screen and (min-width: 992px) {
    .s-orderContent-sepWrap {
      display: flex;
      justify-content: space-between;
      gap: 10%;
    }
  }

  .s-orderContent-sepWrap > .s-orderContent-sepWrap__info--priceSummary .m-orderPriceSummary-list {
    padding-top: 0;
    border-top: none;
  }

  @media screen and (min-width: 992px) {
    .s-orderContent-sepWrap > .s-orderContent-sepWrap__info--priceSummary {
      width: 100%;
    }
  }

  @media screen and (min-width: 992px) {
    .s-orderContent-sepWrap__entry {
      width: 50%;
    }
  }

  .s-orderContent-sepWrap__entry--cartUseDiscount {
    padding-bottom: 2.4rem;
  }

  @media screen and (min-width: 768px) {
    .s-orderContent-sepWrap__entry--cartUseDiscount {
      padding-bottom: 0;
    }
  }

  @media screen and (min-width: 992px) {
    .s-orderContent-sepWrap__entry--cartUseDiscount + .s-orderContent-sepWrap__info--priceSummary {
      width: 40%;
    }
  }

  .s-orderContent-sepWrap__entry--cartUseDiscount + .s-orderContent-sepWrap__info--priceSummary .m-orderPriceSummary-list {
    padding-top: 1.9rem;
    border-top: 1px solid var(--color-gray);
  }

  @media screen and (min-width: 768px) {
    .s-orderContent-sepWrap__entry--cartUseDiscount + .s-orderContent-sepWrap__info--priceSummary .m-orderPriceSummary-list {
      padding-top: 0;
      border-top: none;
    }
  }

  @media screen and (min-width: 992px) {
    .s-orderContent-sepWrap__info {
      width: 40%;
      margin-top: 0;
    }
  }

  .s-orderContent-sepWrap__info-cartUseDiscount {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
    border-top: solid 1px var(--color-gray);
  }

  .s-orderContent-sepWrap--cartUseDiscount {
    padding-top: 2.4rem;
  }

  @media screen and (min-width: 768px) {
    .s-orderContent-sepWrap--cartUseDiscount {
      padding-top: 5rem;
    }
  }

  .s-orderContent-sepWrap--cartUseDiscount__entry {
    padding-bottom: 2.4rem;
  }

  @media screen and (min-width: 768px) {
    .s-orderContent-sepWrap--cartUseDiscount__entry {
      padding-bottom: 0;
    }
  }

  .s-orderContent-foot {
    margin-top: 4rem;
    padding: 3.7rem 1.6rem 0;
    border-top: 1px solid var(--color-light);
  }

  @media screen and (min-width: 768px) {
    .s-orderContent-foot {
      margin-top: 7.2rem;
    }
  }

  .s-orderContent-foot__item:nth-child(n+2) {
    margin-top: 3.2rem;
  }

  @media screen and (min-width: 768px) {
    .s-orderContent-foot__item:nth-child(n+2) {
      margin-top: 4rem;
    }
  }

  /**
 * #s-orderContent-btnGroup
 */
  .s-orderContent-btnGroup {
    margin-top: 4rem;
    padding: 0 1.6rem;
  }

  .s-orderContent-btnGroup-otherPay {
    margin-top: 3rem;
    padding: 2.4rem 1.6rem;
    border-radius: 5px;
    background: var(--color-gray-light);
  }

  @media screen and (min-width: 768px) {
    .s-orderContent-btnGroup-otherPay {
      max-width: 80rem;
      margin: 4rem auto 0;
      padding: 3rem 2.4rem;
    }
  }

  .s-orderContent-btnGroup-otherPay__item {
    display: block;
    font-size: 1.4rem;
  }

  @media screen and (min-width: 768px) {
    .s-orderContent-btnGroup-otherPay__item {
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: space-between;
    }
  }

  .s-orderContent-btnGroup-otherPay__item + .s-orderContent-btnGroup-otherPay__item {
    margin-top: 3.7rem;
  }

  @media screen and (min-width: 768px) {
    .s-orderContent-btnGroup-otherPay__item + .s-orderContent-btnGroup-otherPay__item {
      margin-top: 1.5rem;
    }
  }

  .s-orderContent-btnGroup-otherPay__button {
    display: block;
    width: 20rem;
    margin: 0 auto 2rem;
  }

    .s-orderContent-btnGroup-otherPay__button img {
      width: 100%;
      height: auto;
    }

  @media screen and (min-width: 768px) {
    .s-orderContent-btnGroup-otherPay__button {
      margin: 0;
    }
  }

  @media screen and (min-width: 768px) {
    .s-orderContent-btnGroup-otherPay__text {
      width: calc(100% - 22rem);
    }
  }

  .s-orderContent-btnGroup--cartset {
    margin-top: 3rem;
  }

  @media screen and (min-width: 768px) {
    .s-orderContent-btnGroup--cartset {
      margin-top: 5.2rem;
      padding-bottom: 3rem;
    }
  }

  .s-orderContent-btnGroup__underText {
    display: block;
    margin-top: 0.9rem;
    font-size: 1.3rem;
    text-align: center;
  }

  /**
 * #s-orderContent-cartPrice
 */
  .s-orderContent-cartPrice {
    padding-top: 2.4rem;
  }

  @media screen and (min-width: 768px) {
    .s-orderContent-cartPrice {
      padding-top: 5rem;
    }
  }

  .s-orderContent-cartPrice .m-orderPriceSummary-list {
    padding-top: 0;
    border-top: none;
  }

  /**
 * #s-orderContent-cartGroup
 */
  .s-orderContent-cartGroup:not(:nth-of-type(1)) {
    padding-top: 5rem;
  }

  .s-orderContent-cartGroup-body {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }

  @media screen and (min-width: 768px) {
    .s-orderContent-cartGroup-body {
      padding-left: 0;
      padding-right: 0;
    }
  }

  .s-orderContent-cartGroup-body--complete {
    margin-top: 3rem;
  }

  .s-orderContent-cartGroup-body--confrimComplete {
    margin-top: 3rem;
  }

  .m-cartNum-title + .s-orderContent-cartGroup-body .m-orderProductSect-item:nth-of-type(1) {
    border-top: none;
  }

  .s-orderContent-cartGroup-body .m-orderSectCol-wrap:nth-of-type(1) .m-orderSectCol {
    border-top: none;
  }

  .s-orderContent-cartGroup .m-orderSectCol-typeRadio:first-child .m-orderSectCol-typeRadio__item:nth-of-type(1) .c-orderSectCol-radioItem {
    border-top: none;
    padding-top: 0;
  }

  /**
 * #s-orderContent-totalPrice
 */
  .s-orderContent-totalPrice {
    margin-top: 1.3rem;
  }

  @media screen and (min-width: 768px) {
    .s-orderContent-totalPrice {
      margin: 4rem 0 0;
    }
  }

  .s-orderContent-totalPrice--confirmProgress {
    margin-top: 3rem;
  }

  @media screen and (min-width: 768px) {
    .s-orderContent-totalPrice--confirmProgress {
      margin: 4rem 0 0;
    }
  }

  /**
 * #s-orderStatus
 */
  .s-orderStatus {
    padding: 0 1.5rem;
    margin: 2.4rem 0 0;
  }

  .s-orderStatus-orderID {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 1.4rem;
  }

  .s-orderStatus-orderID__title::after {
    content: "：";
  }

  .s-orderStatus-payment {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 1.4rem;
    margin-top: 1.1rem;
  }

  .s-orderStatus-payment__title::after {
    content: "：";
  }

  .s-orderStatus-payment__status {
    font-weight: 700;
  }

  .s-orderStatus__button {
    display: block;
    width: 80%;
    margin: 2.2rem auto 0;
  }

  @media screen and (min-width: 768px) {
    .s-orderStatus {
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: flex-start;
      padding: 0 2% 0 2%;
      margin: 3rem 0 0;
    }

    .s-orderStatus-orderID {
      flex: 0 0 43.8%;
      font-size: 1.6rem;
    }
  }

  @media screen and (min-width: 768px) and (min-width: 992px) {
    .s-orderStatus-orderID {
      flex: 0 0 51.2%;
    }
  }

  @media screen and (min-width: 768px) {
    .s-orderStatus-orderID__title {
      width: 39%;
      font-weight: 600;
    }
  }

  @media screen and (min-width: 768px) and (min-width: 992px) {
    .s-orderStatus-orderID__title {
      width: 33.8%;
    }
  }

  @media screen and (min-width: 768px) {
    .s-orderStatus-orderID__title::after {
      display: none;
    }
  }

  @media screen and (min-width: 768px) {
    .s-orderStatus-payment {
      flex: 0 0 25%;
      font-size: 1.4rem;
      margin-top: 0;
    }
  }

  @media screen and (min-width: 768px) and (min-width: 992px) {
    .s-orderStatus-payment {
      flex: 0 0 24%;
    }
  }

  @media screen and (min-width: 768px) {
    .s-orderStatus-payment__title {
      display: none;
    }
  }

  @media screen and (min-width: 768px) {
    .s-orderStatus__button {
      flex: 0 0 23.5%;
      margin: 0 0 0 auto;
    }
  }

  /**
 * #s-orderContent-lawBox
 */
  .s-orderContent-lawBox {
    margin: 2.6rem auto 0;
    padding: 0 1.6rem;
  }

  @media screen and (min-width: 768px) {
    .s-orderContent-lawBox {
      padding: 0;
    }
  }

  /**
   * #s-orderContent-lawMessage
   */
  .s-orderContent-lawMessage {
    padding: 3rem 1.6rem 0 1.6rem;
  }

  /* =============================================================
    Page
============================================================= */
  /* order Common
------------------------------------------------------------- */
  /**
 * #p-orderPriceRecommend
 */
  .p-orderPriceRecommend {
    margin: 3rem 0 0;
  }

  @media screen and (min-width: 768px) {
    .p-orderPriceRecommend {
      margin: 5rem 0 0;
    }
  }

  /**
 * #p-orderConfirmRecommend
 */
  .p-orderConfirmRecommend {
    margin: 3rem 0 0;
  }

  @media screen and (min-width: 768px) {
    .p-orderConfirmRecommend {
      margin: 5rem 0 3rem;
    }
  }

  /**
 * #p-orderShippingInfo
 */
  .p-orderShippingInfo {
    padding: 0 1.6rem;
  }

  @media screen and (min-width: 768px) {
    .p-orderShippingInfo {
      padding: 0 0;
    }
  }

  /**
 * #p-orderSameItemCheck
 */
  .p-orderSameItemCheck {
    margin-bottom: 0 !important;
  }

    .p-orderSameItemCheck + .p-orderInputGroup {
      margin-top: 2.2rem;
    }

      .p-orderSameItemCheck + .p-orderInputGroup > .m-orderSectCol-typeRadio {
        padding-top: 1.4rem;
        border-top: 1px solid var(--color-gray);
      }

  /**
 * #p-orderInputGroup
 */
  .p-orderInputGroup__inner {
    margin-bottom: 2.2rem;
  }

  /**
 * #p-creditCard-inputAlready
 */
  .p-creditCard-inputAlready {
    position: relative;
  }

  .p-creditCard-inputAlready__reInput {
    display: inline-block;
    position: absolute;
    right: 0;
    padding: 0.5rem 1rem;
    font-size: 1.3rem;
  }

  @media screen and (min-width: 768px) {
    .p-creditCard-inputAlready__reInput {
      padding: 0.5rem 0.8rem;
    }
  }

  /* cartList
------------------------------------------------------------- */
  /* p-cartNoveltySelect
------------------------------------------------------------- */
  .p-cartNoveltySelect {
    padding: 2.4rem 0 2.4rem;
    border-bottom: solid 1px var(--color-gray);
  }

  @media screen and (min-width: 768px) {
    .p-cartNoveltySelect {
      padding: 3rem 0;
    }
  }

  /* shipping
------------------------------------------------------------- */
  /* payment
------------------------------------------------------------- */
  /* confirm
------------------------------------------------------------- */
  @media screen and (min-width: 768px) {
    .p-orderConfirm-userInfo .c-orderSect-info__title {
      width: 21.2%;
    }
  }

  /**
 * #p-orderConfirm-mesage
 */
  .p-orderConfirm-message {
    margin-bottom: 2.0rem;
  }

  .p-orderConfirm-message__alert {
    display: none;
    font-size: 1.6rem;
    font-weight: 600;
    white-space: pre-wrap;
    color: var(--color-red);
  }

  .p-orderConfirm-message__alert--active {
    display: block;
  }

  /**
 * #p-orderConfirm-subscTerm
 */
  .p-orderConfirm-subscTerm {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    row-gap: 1.8rem;
  }

  @media screen and (min-width: 768px) {
    .p-orderConfirm-subscTerm {
      flex-direction: row;
      column-gap: 2.6%;
    }
  }

  @media screen and (min-width: 768px) {
    .p-orderConfirm-subscTerm__item {
      width: 23%;
    }
  }

  .p-orderConfirm-subscTerm__item-title {
    padding: 0.3rem 1.2rem;
    margin-bottom: 1.3rem;
    font-size: 1.4rem;
    font-weight: 600;
    background-color: var(--color-gray-light);
  }

  @media screen and (min-width: 768px) {
    .p-orderConfirm-subscTerm__item-title {
      padding: 0;
      margin-bottom: 1rem;
      background-color: inherit;
    }
  }

  /* p-orderUserInfo
------------------------------------------------------------- */
  .p-orderUserInfo {
    padding: 0 1.6rem;
  }

  @media screen and (min-width: 768px) {
    .p-orderUserInfo {
      padding: 0;
    }
  }

  .p-orderUserInfo .m-orderSect-wrap--border {
    padding: 2.4rem 1.5rem;
    border: 1px solid var(--color-light);
    border-radius: 5px;
  }

  @media screen and (min-width: 768px) {
    .p-orderUserInfo .m-orderSect-wrap--border {
      padding: 3rem 2.6rem 2.3rem;
    }
  }

  /* complete
------------------------------------------------------------- */
  .p-orderCompletePromotion {
    padding-top: 2rem;
    padding-bottom: 3rem;
    margin: 0 1.5rem 0;
  }

  @media screen and (min-width: 768px) {
    .p-orderCompletePromotion {
      padding-top: 2.6rem;
      padding-bottom: 2.5rem;
      margin: 0;
    }
  }

  @media screen and (min-width: 768px) {
    .p-orderCompletePromotion .m-orderSect {
      align-items: center;
    }
  }

  @media screen and (min-width: 768px) {
    .p-orderCompletePromotion .m-orderSect__info {
      max-width: 61rem;
    }
  }

  .p-orderCompletePromotion .c-orderSectHeading__title {
    margin-bottom: 0.5rem;
  }

  /* p-orderCompleteBanner
------------------------------------------------------------- */
  .p-orderCompleteBanner {
    display: block;
    padding: 0 1.5rem;
    margin-bottom: 3.6rem;
  }

  @media screen and (min-width: 768px) {
    .p-orderCompleteBanner {
      padding: 0;
      margin-bottom: 6rem;
    }
  }

  .p-orderCompleteBanner__banner {
    display: block;
    width: 100%;
  }

  .p-orderCompleteBanner__button {
    margin-top: 2rem;
  }

  @media screen and (min-width: 768px) {
    .p-orderCompleteBanner__button {
      margin: 3rem auto 0;
      max-width: 34.5rem;
    }
  }

  /* p-orderCompleteRecommend
------------------------------------------------------------- */
  .p-orderCompleteRecommend {
    display: block;
  }

  @media screen and (min-width: 768px) {
    .p-orderCompleteRecommend {
      padding: 0;
    }
  }

  .p-orderCompleteRecommend__title {
    padding: 0.9rem 1.6rem 0.8rem;
    margin-bottom: 2rem;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.5;
    background-color: var(--color-gray);
  }

  @media screen and (min-width: 768px) {
    .p-orderCompleteRecommend__title {
      padding: 1rem 1.6rem 0.9rem;
    }
  }

  .p-orderCompleteRecommend__body {
    padding: 0 1.5rem;
  }

  @media screen and (min-width: 768px) {
    .p-orderCompleteRecommend__body {
      padding: 0;
    }
  }

  .p-orderCompleteRecommend__banner {
    display: block;
    width: 100%;
  }

  .p-orderCompleteRecommend__button {
    margin-top: 2rem;
  }

  @media screen and (min-width: 768px) {
    .p-orderCompleteRecommend__button {
      margin-top: 3rem;
    }
  }

  .p-orderCompleteRecommend__button .m-modalBoxSet__btn {
    margin-inline: auto;
  }

  @media screen and (min-width: 768px) {
    .p-orderCompleteRecommend__button .m-modalBoxSet__btn {
      max-width: 34.5rem;
    }
  }

  .p-orderCompleteRecommend + .s-orderContent-cartGroup:not(:nth-of-type(1)) {
    padding-top: 3rem;
  }

  @media screen and (min-width: 768px) {
    .p-orderCompleteRecommend + .s-orderContent-cartGroup:not(:nth-of-type(1)) {
      padding-top: 8rem;
    }
  }

  .p-orderCompletePromotion + .p-orderCompleteRecommend {
    margin-top: 3rem;
  }

  @media screen and (min-width: 768px) {
    .p-orderCompletePromotion + .p-orderCompleteRecommend {
      margin-top: 7.2rem;
    }
  }

  /* amazonInput
------------------------------------------------------------- */
  .p-amazonInput-payment {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2.1rem 1.6rem;
  }

  .p-amazonInput-payment__icon {
    width: 4.7rem;
  }

    .p-amazonInput-payment__icon > img {
      display: block;
      width: 100%;
      height: auto;
    }

  @media screen and (min-width: 768px) {
    .p-amazonInput-payment__icon {
      width: 5.4rem;
    }
  }

  .p-amazonInput-payment__text {
    width: calc(100% - 6.3rem);
  }

  @media screen and (min-width: 768px) {
    .p-amazonInput-payment__text {
      width: calc(100% - 7rem);
    }
  }

  .p-amazonInput-payment__name {
    font-size: 1.4rem;
    text-align: left;
  }

  .p-amazonInput-payment__card {
    margin-top: 1.1rem;
    font-size: 1.4rem;
    text-align: left;
  }

  @media screen and (min-width: 768px) {
    .p-amazonInput-payment__card {
      margin-top: 1.35rem;
    }
  }

  .p-amazonInput-shipping__button,
  .p-amazonInput-payment__button {
    width: 80%;
    margin: 0 auto;
  }

  @media screen and (min-width: 768px) {
    .p-amazonInput-shipping__button,
    .p-amazonInput-payment__button {
      width: 100%;
      max-width: 21.5rem;
      margin: 0 0 0 0;
    }
  }

/* yamatoKaInput
------------------------------------------------------------- */
.p-yamatoKaInput-payment__text {
  width: calc(100% - 6.3rem);
  margin-top: 0.6rem;
  padding-bottom: 2.3rem;
  border-bottom: solid 1px var(--color-gray);
}

.p-yamatoKaInput-payment__text-link {
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .p-yamatoKaInput-payment__text {
    width: calc(100% - 7rem);
    padding-bottom: 0;
    border-bottom: none;
  }
}

.p-yamatoKaInput-paymentForm-body {
  margin: 3rem 0;
}

.c-yamatoKaInput-payment-entry {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.c-yamatoKaInput-payment-entry:not(:first-child) {
  margin-top: 2rem;
}

@media screen and (min-width: 768px) {
  .c-yamatoKaInput-payment-entry {
    flex-direction: row;
    justify-content: space-between;
    gap: 3%;
    padding: 3rem 2.5rem;
    background-color: var(--color-gray-light);
    border-radius: 1rem;
  }

  .c-yamatoKaInput-payment-entry:not(:first-child) {
    margin-top: 0;
  }
}

.c-yamatoKaInput-payment-entry__title {
  display: flex;
  align-items: center;
  align-content: flex-start;
  font-size: 1.4rem;
  line-height: 1.6;
}

@media screen and (min-width: 768px) {
  .c-yamatoKaInput-payment-entry__title {
    align-items: flex-start;
    width: 23%;
    margin-top: 0.9rem;
    line-height: 1.3;
  }
}

@media screen and (min-width: 768px) {
  .c-yamatoKaInput-payment-entry__title--top-md-gap-short {
    margin-top: 0.2rem;
  }
}

.c-yamatoKaInput-payment-entry__title .c-required-icon {
  flex-shrink: 0;
  margin-left: 0.8rem;
}

@media screen and (min-width: 768px) {
  input[type=text].c-formInput-item__authCode {
    width: 36rem;
  }

  input[type=text].c-formInput-item__telForAuth {
    width: 36rem;
  }
}

@media screen and (min-width: 768px) {
  .c-yamatoKaInput-payment-entry__form {
    width: 70%;
  }
}

  /* combineSelectList
------------------------------------------------------------- */
  .p-combineSelectList-head {
    padding-top: 2rem;
    padding-bottom: 2.4rem;
    border-top: solid 1px var(--color-gray);
  }

  @media screen and (min-width: 768px) {
    .p-combineSelectList-head {
      padding-top: 3.7rem;
      padding-bottom: 4rem;
    }
  }

  .p-combineSelectList-head__title {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.6;
  }

  @media screen and (min-width: 768px) {
    .p-combineSelectList-head__title {
      text-align: center;
    }
  }

  .p-combineSelectList-head__button {
    width: 100%;
    margin: 2.2rem auto 0;
  }

  @media screen and (min-width: 768px) {
    .p-combineSelectList-head__button {
      max-width: 34.5rem;
      margin: 1.5rem auto 0;
    }
  }

  .p-combineSelectList-infoWrap {
    width: 100%;
    border-top: solid 1px var(--color-gray);
  }

  .p-combineSelectList-info {
    width: 100%;
    padding: 2rem 0 2.4rem;
    border-bottom: solid 1px var(--color-gray);
  }

  @media screen and (min-width: 768px) {
    .p-combineSelectList-info {
      padding: 2.6rem 1.7rem 3rem;
    }
  }

  .p-combineSelectList-info__button {
    width: 100%;
    margin: 2.4rem auto 0;
  }

  @media screen and (min-width: 768px) {
    .p-combineSelectList-info__button {
      max-width: 34.5rem;
    }
  }

  @media screen and (min-width: 768px) {
    .p-combineSelectList-info .c-orderSect-info__title {
      width: 16.2%;
    }
  }

  /* landingCartCommon
------------------------------------------------------------- */
  .p-landingCart-body {
    padding-bottom: 6rem;
  }

  @media screen and (min-width: 768px) {
    .p-landingCart-body {
      padding-top: 9rem;
      padding-bottom: 0;
    }
  }

  .p-landingCartConfrim-body {
    padding-bottom: 6rem;
  }

  @media screen and (min-width: 768px) {
    .p-landingCartConfrim-body {
      padding-top: 0;
      padding-bottom: 0;
    }
  }

  .p-landingCartMain {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    height: 120rem;
    width: calc(100% - 3.2rem);
    margin: 0 auto 3rem;
    border-radius: 10px;
    background: var(--color-gray-light);
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;
  }

  @media screen and (min-width: 768px) {
    .p-landingCartMain {
      width: 100%;
      height: 120rem;
      margin-bottom: 4rem;
    }
  }

  /* landingCartEntryItem
------------------------------------------------------------- */
  .p-landingCartEntryItem {
    display: block;
    padding: 0 1.6rem;
    margin-bottom: 3rem;
  }

  @media screen and (min-width: 768px) {
    .p-landingCartEntryItem {
      margin-bottom: 4rem;
      padding: 0;
    }
  }

  .p-landingCartEntryItem__title {
    display: block;
    margin-bottom: 1.5rem;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: left;
  }

  @media screen and (min-width: 768px) {
    .p-landingCartEntryItem__title {
      margin-bottom: 1.8rem;
    }
  }

  .p-landingCartEntryItemLine {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    margin-bottom: 3rem;
  }

  @media screen and (min-width: 768px) {
    .p-landingCartEntryItemLine {
      padding-left: 0;
      padding-right: 0;
      margin-bottom: 4rem;
    }
  }

  @media screen and (min-width: 768px) {
    .p-landingCartEntryItemLine__select {
      max-width: 38rem;
    }
  }

  .p-landingCartEntryItemLine + .p-landingCartEntryItem {
    transform: translateY(-1rem);
  }

  @media screen and (min-width: 768px) {
    .p-landingCartEntryItemLine + .p-landingCartEntryItem {
      transform: translateY(-1.5rem);
    }
  }

  /* p-landingCartFormLoginBox
------------------------------------------------------------- */
  .p-landingCartFormLoginBox {
    display: block;
    width: calc(100% - 3.2rem);
    margin: 4rem auto 0;
    padding: 3rem 1.6rem;
    border-radius: 10px;
    background: var(--color-gray-light);
  }

  .p-landingCartFormLoginBox-heading {
    display: block;
    padding-bottom: 2.5rem;
    margin-bottom: 2.5rem;
    border-bottom: 1px solid var(--color-gray);
  }

  .p-landingCartFormLoginBox-heading__title {
    display: block;
    text-align: left;
    font-size: 2rem;
  }

  .p-landingCartFormLoginBox-heading__lede {
    display: block;
    padding-top: 0.9rem;
    text-align: left;
    font-size: 1.4rem;
  }

  .p-landingCartFormLoginBox-body {
    display: block;
  }

  .p-landingCartFormLoginBox-body__login {
    display: block;
  }

  .p-landingCartFormLoginBox-body__passRemind {
    display: inline-block;
    padding: 2.1rem 1rem;
    margin-top: 1rem;
    width: 100%;
    background-color: var(--color-gray);
    border: 1px solid var(--color-gray);
    border-radius: 0.8rem;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
  }

  @media screen and (min-width: 768px) {
    .p-landingCartFormLoginBox-body__passRemind:hover {
      text-decoration: underline;
    }
  }

  .p-landingCartFormLoginBox-body__button {
    display: block;
  }

  .p-landingCartFormLoginBox-body__social {
    display: block;
    padding: 3rem 1.6rem;
    margin-top: 3rem;
    background: var(--color-white);
    border-radius: 1rem;
  }

  .p-landingCartFormLoginBox-body__title {
    display: block;
    margin-bottom: 1rem;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;
  }

  .p-landingCartFormLoginBox-btnList {
    display: block;
  }

  .p-landingCartFormLoginBox-btnList__item {
    display: block;
    width: 91.7562724014%;
    margin: 0 auto;
  }

    .p-landingCartFormLoginBox-btnList__item + .p-landingCartFormLoginBox-btnList__item {
      margin-top: 1.6rem;
    }

  .p-landingCartFormLoginBox-btnList__paypalText {
    display: block;
    margin-top: 0.4rem;
    font-size: 1.1rem;
    font-weight: 400;
    text-align: center;
  }

  @media screen and (min-width: 768px) {
    .p-landingCartFormLoginBox {
      display: block;
      width: 100%;
      margin: 8rem auto 0;
      padding: 3rem;
      border-radius: 10px;
      background: var(--color-gray-light);
    }

    .p-landingCartFormLoginBox-heading {
      display: block;
      margin-bottom: 3rem;
      border-bottom: 1px solid var(--color-gray);
    }

    .p-landingCartFormLoginBox-heading__title {
      display: block;
      text-align: center;
      font-size: 3.2rem;
    }

    .p-landingCartFormLoginBox-heading__lede {
      padding-top: 1.6rem;
      text-align: center;
      font-size: 1.4rem;
    }

    .p-landingCartFormLoginBox-body {
      display: flex;
      flex-wrap: nowrap;
      align-items: flex-start;
      justify-content: center;
      gap: 0 10.6666666667%;
    }

    .p-landingCartFormLoginBox-body__login {
      width: 40%;
    }

    .p-landingCartFormLoginBox-body__passRemind {
      display: block;
      padding: 0;
      margin-top: 1.3rem;
      width: 100%;
      background-color: inherit;
      border: none;
      border-radius: 0;
      text-align: center;
      text-decoration: underline;
      font-size: 1.4rem;
      font-weight: 400;
      line-height: inherit;
      cursor: pointer;
      transition: none;
    }

      .p-landingCartFormLoginBox-body__passRemind:hover {
        opacity: var(--hover-opacity);
        transition: opacity var(--transition-default);
      }

    .p-landingCartFormLoginBox-body__button {
      display: block;
      margin-bottom: 3rem;
    }

    .p-landingCartFormLoginBox-body__social {
      display: block;
      width: 42.6666666667%;
      padding: 2.7rem 4rem;
      margin-top: 0;
      background: var(--color-white);
      border-radius: 1rem;
    }

    .p-landingCartFormLoginBox-body__title {
      display: block;
      margin-bottom: 1.8rem;
      font-size: 1.6rem;
      font-weight: 600;
      text-align: center;
    }

    .p-landingCartFormLoginBox-btnList {
      display: block;
    }

    .p-landingCartFormLoginBox-btnList__item {
      display: block;
      width: 100%;
      margin: 0 auto;
    }

      .p-landingCartFormLoginBox-btnList__item > a {
        display: block;
      }

        .p-landingCartFormLoginBox-btnList__item > a:hover {
          opacity: var(--hover-opacity);
          transition: opacity var(--transition-default);
        }

    .p-landingCartFormLoginBox-btnList__paypalText {
      margin-top: 0.8rem;
    }
  }

  /* p-landingCartFormShippingInfo
------------------------------------------------------------- */
  .p-landingCartFormShippingInfo {
    padding: 0 1.6rem 2.65rem;
  }

  @media screen and (min-width: 768px) {
    .p-landingCartFormShippingInfo {
      padding: 2.7rem 3.1rem;
      background: var(--color-gray-light);
      border-radius: 1rem;
    }
  }

  @media screen and (min-width: 768px) {
    .p-landingCartFormShippingInfo .c-formInput-item__birthday select {
      padding: 1.2rem 2.5rem 1.1rem 1rem;
      background-position: calc(100% - 0.8rem) center;
    }
  }

  /* p-landingCartFormShippingInfoHedding
------------------------------------------------------------- */
  .p-landingCartFormShippingInfoHedding {
    display: block;
    margin-top: 3rem;
    margin-bottom: 1.5rem;
    padding: 3rem 1.6rem 0;
    border-top: 1px solid var(--color-gray);
  }

  @media screen and (min-width: 768px) {
    .p-landingCartFormShippingInfoHedding {
      margin-top: 4.5rem;
      margin-bottom: 1.6rem;
      padding: 0;
      border-top: none;
    }
  }

  .p-landingCartFormShippingInfoHedding__title {
    font-size: 1.6rem;
    font-weight: 600;
  }

  @media screen and (min-width: 768px) {
    .p-landingCartFormShippingInfoHedding__title {
      font-size: 3.2rem;
      font-weight: 400;
    }
  }

  /* p-landingCartFormShipping
------------------------------------------------------------- */
  .p-landingCartFormShipping,
  .p-landingCartFormPayment {
    padding: 3rem 1.6rem 0;
    border-top: 1px solid var(--color-gray);
  }

  @media screen and (min-width: 768px) {
    .p-landingCartFormShipping,
    .p-landingCartFormPayment {
      padding: 4.5rem 0 0;
      border-top: none;
    }
  }

  @media screen and (min-width: 768px) {
    .p-landingCartFormPayment {
      border-top: 1px solid var(--color-gray);
      border-bottom: 1px solid var(--color-gray);
    }
  }

  /* p-landingCartFormHedding
------------------------------------------------------------- */
  .p-landingCartFormHedding {
    display: block;
    margin-bottom: 1.5rem;
  }

  .p-landingCartFormHedding__title {
    font-size: 2rem;
    font-weight: 400;
  }

  .p-landingCartFormHedding__lede {
    padding-top: 0.9rem;
    font-size: 1.4rem;
  }

  @media screen and (min-width: 768px) {
    .p-landingCartFormHedding {
      margin-bottom: 1.6rem;
      padding: 0;
      border-top: none;
    }

    .p-landingCartFormHedding__title {
      font-size: 3.2rem;
      font-weight: 400;
    }

    .p-landingCartFormHedding__lede {
      padding-top: 0.9rem;
      font-size: 1.4rem;
    }
  }

  /* m-formAgreeCheckArea
------------------------------------------------------------- */
  .m-formAgreeCheckArea {
    margin-top: 2.2rem;
  }

  @media screen and (min-width: 768px) {
    .m-formAgreeCheckArea {
      margin-top: 2.6rem;
      padding: 2.8rem 2rem;
      background: var(--color-white);
      border-radius: 0.5rem;
    }
  }

  .m-formAgreeCheckArea__check {
    margin-bottom: 1.15rem;
  }

  .m-formAgreeCheckArea__link {
    color: var(--color-primary);
    text-decoration: underline;
  }

  @media screen and (min-width: 768px) {
    .m-formAgreeCheckArea__link {
      cursor: pointer;
    }

      .m-formAgreeCheckArea__link:hover {
        opacity: var(--hover-opacity);
        transition: opacity var(--transition-default);
      }
  }

  .p-landingCartTarms {
    max-height: calc(100vh - 6.4rem - 6.7rem - 4rem - 2rem);
    padding: 2rem 1.6rem;
    margin-bottom: 2rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    font-size: 1.2rem;
  }

    .p-landingCartTarms::after {
      content: "";
      display: block;
      width: 100%;
      height: 5rem;
    }

  @media screen and (min-width: 768px) {
    .p-landingCartTarms {
      height: 45rem;
      padding: 0 4rem 4.5rem;
      margin-bottom: 4.5rem;
      margin-top: 4rem;
      font-size: 1.3rem;
    }
  }

  /* p-landingCart-btnGroup
------------------------------------------------------------- */
  .p-landingCart-btnGroup {
    display: block;
    width: calc(100% - 3.2rem);
    margin: 0 auto;
    padding: 4rem 0 0;
    border-top: 1px solid var(--color-gray);
  }

  @media screen and (min-width: 768px) {
    .p-landingCart-btnGroup {
      width: 100%;
      padding-top: 5rem;
      border-top: none;
    }
  }

  .p-landingCart-btnGroup--confirm {
    padding-top: 2.9rem;
    border-top: none;
  }

  .p-landingCart-btnGroup-otherPay {
    margin-top: 3rem;
    padding: 2.4rem 1.6rem;
    border-radius: 5px;
    background: var(--color-gray-light);
  }

  @media screen and (min-width: 768px) {
    .p-landingCart-btnGroup-otherPay {
      max-width: 80rem;
      margin: 4rem auto 0;
      padding: 3rem 2.4rem;
    }
  }

  .p-landingCart-btnGroup-otherPay__item {
    display: block;
    font-size: 1.4rem;
  }

  @media screen and (min-width: 768px) {
    .p-landingCart-btnGroup-otherPay__item {
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: space-between;
    }
  }

  .p-landingCart-btnGroup-otherPay__item + .p-landingCart-btnGroup-otherPay__item {
    margin-top: 3.7rem;
  }

  @media screen and (min-width: 768px) {
    .p-landingCart-btnGroup-otherPay__item + .p-landingCart-btnGroup-otherPay__item {
      margin-top: 1.5rem;
    }
  }

  .p-landingCart-btnGroup-otherPay__button {
    display: block;
    width: 20rem;
    margin: 0 auto 2rem;
  }

    .p-landingCart-btnGroup-otherPay__button img {
      width: 100%;
      height: auto;
    }

  @media screen and (min-width: 768px) {
    .p-landingCart-btnGroup-otherPay__button {
      margin: 0;
    }
  }

  @media screen and (min-width: 768px) {
    .p-landingCart-btnGroup-otherPay__text {
      width: calc(100% - 22rem);
    }
  }

  /* overRide
------------------------------------------------------------- */
  .p-landingCart-body .s-orderContent-cartGroup .p-landingCartFormPayment .m-orderSectCol-typeRadio:first-child .m-orderSectCol-typeRadio__item:nth-of-type(1) .c-orderSectCol-radioItem {
    padding: 1.4rem 0 1.8rem;
    border-top: 1px solid var(--color-gray);
  }

  @media screen and (min-width: 768px) {
    .p-landingCart-body .s-orderContent-cartGroup .p-landingCartFormPayment .m-orderSectCol-typeRadio:first-child .m-orderSectCol-typeRadio__item:nth-of-type(1) .c-orderSectCol-radioItem {
      padding-top: 0;
      border-top: none;
    }
  }

  .p-landingCart-body .m-modalBoxHeding__title--bold {
    font-weight: 600;
  }

  .p-landingCart-body .m-modalBox--scrollRock {
    overflow-y: hidden;
  }

    .p-landingCart-body .m-modalBox--scrollRock::after {
      display: none;
    }

  @media screen and (min-width: 992px) {
    .p-landingCart-body .c-productUser-foot__button--landingCart {
      width: 80%;
    }
  }

  @media screen and (min-width: 768px) {
    .p-landingCart-body .c-btn-cart--landingCart {
      padding-left: 0.8rem;
      padding-right: 0.8rem;
      font-size: 1.2rem;
    }
  }

  @media screen and (min-width: 992px) {
    .p-landingCart-body .c-btn-cart--landingCart {
      padding-left: 1rem;
      padding-right: 1rem;
      font-size: 1.2rem;
    }
  }

  @media screen and (min-width: 768px) {
    .p-landingCart-body .m-formHeading-head--noStepBar {
      flex-direction: row;
    }
  }

  /* landingCartConfirm
------------------------------------------------------------- */
  .p-landingCartConfirmHead {
    padding: 0 1.6rem;
    margin-bottom: 2.5rem;
  }

  @media screen and (min-width: 768px) {
    .p-landingCartConfirmHead {
      padding: 8rem 0 0;
      margin-bottom: 2.3rem;
    }
  }

  .p-landingCartConfirmHead__lede {
    margin-top: 0.9rem;
  }

  .p-landingCart-body .c-productUser-foot__quantity .c-changeQuantity {
    width: 100%;
    margin-inline: auto;
  }

  @media screen and (min-width: 992px) {
    .p-landingCart-body .c-productUser-foot__quantity .c-changeQuantity {
      width: 80%;
    }
  }

  @media screen and (min-width: 768px) {
    .p-landingCartConfirmHead__lede {
      margin-top: 1.6rem;
    }
  }

  /**
   * #p-landingCart-lawMessage
   */
  .p-landingCart-lawMessage {
    padding: 4rem 0 0 0;
    border-top: 1px solid var(--color-gray);
    width: calc(100% - 3.2rem);
    margin: 0 auto;
  }

  @media screen and (min-width: 768px) {
    .p-landingCart-lawMessage {
      padding: 5rem 0 0 0;
      border-top: none;
    }
  }