@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-orderS  .c-orderSect-entry:not(:first-child) {
    margin-top: 2rem;
  }

@media screen and (min-wid.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;
}

.c-orderSect-entry {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (max-width: 767px) {

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

/**
 * #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: 2rem;
}

.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-landingCartFormNotification {
  margin-block-start: 1em;
  font-size: .9em;
}
.p-landingCartFormNotification .link-text {
  color: var(--color-primary);
  text-decoration: underline;
}
.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;
  }
}
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;
  }
}