/**************************************
formContents
**************************************/
#formContents{
}


/**************************************
cart head
**************************************/
.p-page-cartList{
}

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

.m-formHeading-head__stepBar{
  text-align: center;
  border-bottom: none;
  margin-bottom: 3rem;
  padding-bottom: 2.4rem;
}
.m-formHeading-head__stepBar-inner{}

#formContents .c-stepbar-three,
#formContents .c-stepbar-five,
#formContents .c-stepbar-four{
  display: inline-flex;
  justify-content: center;
  align-items: stretch;
  gap: 0 3.8rem;
  width: auto;
  counter-reset: stepnum 0;
  max-width: 100%;
  position: relative;
  z-index: 1;
}

#formContents .c-stepbar-three::after,
#formContents .c-stepbar-five::after,
#formContents .c-stepbar-four::after{
  content: '';
  display: block;
  width: calc(100% - 1.6rem);
  height: 2px;
  margin: 0;
  background-color: none;
  background-size: 4px 2px;
  background-image: linear-gradient(to right, #E2E2E2 2px, transparent 4px);
  background-repeat: repeat-x;
  background-position: left bottom;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 1.6rem;
  z-index: -1;
}

#formContents .c-stepbar-three__item,
#formContents .c-stepbar-five__item,
#formContents .c-stepbar-four__item{
  counter-increment: stepnum 1;
  width: 3.2rem;
  padding-top: 3.9rem;
  position: relative;
  margin: 0;
}

#formContents .c-stepbar-three__item::before,
#formContents .c-stepbar-five__item::before,
#formContents .c-stepbar-four__item::before{
  content: counter(stepnum) "";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  border: none;
  background-color: #E2E2E2;
  color: #FFFFFF;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  right: auto;
  top: 0;
  z-index: 1;
}

#formContents .c-stepbar-three__item::after,
#formContents .c-stepbar-five__item::after,
#formContents .c-stepbar-four__item::after{
  display: none;
}

#formContents .c-stepbar-three__text,
#formContents .c-stepbar-five__text,
#formContents .c-stepbar-four__text{
  padding: 0;
  margin: 0;
  color: #E2E2E2;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%,100%);
}

#formContents .c-stepbar-three__text::before,
#formContents .c-stepbar-five__text::before,
#formContents .c-stepbar-four__text::before{
  display: none;
}
#formContents .c-stepbar-three__item.c-stepbar-three__item--active::before,
#formContents .c-stepbar-five__item.c-stepbar-five__item--active::before,
#formContents .c-stepbar-four__item.c-stepbar-four__item--active::before{
  background: var(--color-primary);
}

#formContents .c-stepbar-three__item.c-stepbar-three__item--active .c-stepbar-three__text,
#formContents .c-stepbar-five__item.c-stepbar-five__item--active .c-stepbar-five__text,
#formContents .c-stepbar-four__item.c-stepbar-four__item--active .c-stepbar-four__text{
  color: var(--color-primary);
}

.c-form-title{
  font-size: 2.6rem;
  font-weight: 500;
}

.m-formHeading-body{
  padding-bottom: 0;
  border-bottom: none;
}

.m-formHeading-body__lead{
  width: 100%;
}


/**************************************
cartCautionBlock
**************************************/
.cartCautionBlock{
  display: block;
  width: calc(100% - 3.2rem);
  margin: 0 auto 3rem;
  padding: 2rem 2rem;
  border: 1px solid #E60012;
  background: rgba(230,0,18,.05);
  border-radius: 5px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.714285714285714;
  color: #E60012;
  text-align: left;
}

.cartCautionBlock > dl{
  display: block;
}


.cartCautionBlock > dl > dt{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0 0.5rem;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
}
.cartCautionBlock > dl > dt::before{
  content: '';
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background: url("../img/order/custom/icon_caution.svg") center center no-repeat;
  background-size: 100% auto;
}

.cartCautionBlock > dl > dd{}


/**************************************
cartGroup
**************************************/
/*title**/
.s-orderContent-cartGroup{
  width: calc(100% - 3.2rem);
  margin: 0 auto;
  border-radius: 10px;
  background: #FFFFFF;
  box-shadow: 0 0 10px rgba(0,0,0,.16);
}
.s-orderContent-cartGroup .s-orderContent-cartGroup{
  width: 100%;
  box-shadow: unset;
}


.m-cartNum-title{
  justify-content: center;
  text-align: center;
  border-radius: 10px 10px 0 0;
  color: #FFFFFF;
  font-size: 1.6rem;
  font-weight: 500;
  background: #707070;
}

.m-cartNum-title .m-cartNum-title__title{
  font-size: 1.6rem;
  font-weight: 700;
}

/**body************/
.s-orderContent-cartGroup-body{
  padding: 0 1rem 2rem;
}

.reservationShippingCaution + .s-orderContent-cartGroup-body{
  padding-top: 1rem;
}

.c-formInput-item__alert{
  white-space: normal;
  font-size: 1.4rem;
  font-weight: 500;
}


/* cartList**********************/
.m-orderProductSect{
  padding: 1.5rem 1.5rem 0;
  background: #FAFAFA;
  border-radius: 10px;
}


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

/* タイトル下メッセージ****************/
.reservationShippingCaution{
  display: block;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 500;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.cartPriceReccomend{
  display: block;
  width: 100%;
  margin: 0 auto 2rem;
  text-align: center;
}

.cartPriceReccomend > p{
  display: inline-block;
  padding: 0 0 0.5rem 0;
  border-bottom: 2px solid #E60012;
  font-size: 1.6rem;
  font-weight: 700;
  color: #484848;
  text-align: center;
}
.cartPriceReccomend > p > strong{
  font-size: 2rem;
  color: #E60012;
  font-weight: 700;
}


.m-orderProductSect__list{}
.m-orderProductSect-item{
  padding: 2rem 0 2rem;
  border-bottom: none;
}

.m-orderProductSect-item:first-child{
  border-top: none;
  padding-top: 0;
}
.m-orderProductSect-item:not(:nth-last-of-type(1)){
  border-bottom: 1px solid #E2E2E2;
}


/*img*/
.m-orderProductSect-item__pictureWrap {
  flex: 0 0 8rem;
}

.m-orderProductSect-item__picture{
  min-width: 8rem;
  border-radius: 10px;
  background: #FFFFFF;
  overflow: hidden;
  aspect-ratio: 1 / 1;
}
.m-orderProductSect-item__picture::before{
  padding-top: 100%;
}

.m-orderProductSect-item__picture img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*info*/
.m-orderProductSect-item__info{
  padding: 0;
  position: relative;
}
.m-orderProductSect__list--operate .m-orderProductSect-item__info{
  padding: 0;
}

.m-orderProductSect-itemDetail{
  margin-bottom: 1rem;
}

.m-orderProductSect-itemDetail__title{
  margin-bottom: 1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.615384615384615;
}

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

.m-orderProductSect-itemDetailInfo__title{
  font-size: 1.2rem;
  color: #787878;
}
.m-orderProductSect-itemDetailInfo__text{
  font-size: 1.2rem;
  color: #787878;
}

.m-orderProductSect-itemQuantity-num{
  margin-top: 0.5rem;
}
.m-orderProductSect-itemQuantity-num__text-wrap{
  font-size: 1.5rem;
}
.m-orderProductSect-itemQuantity-num__title{
  font-size: 1.3rem;
}

.m-orderProductSect-itemPrice{}
.m-orderProductSect-itemPrice__price{
  margin-top: 0;
  font-weight: 500;
  font-size: 1.8rem;
}

.c-changeQuantity{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: fit-content;
  min-width: 10.2rem;
  height: 3.6rem;
  border: 1px solid #D8D8D8;
  background: #FFFFFF;
  border-radius: 2rem;
  overflow: hidden;
}


.c-changeQuantity .c-changeQuantity__delete{
  width: 3.6rem;
}
.c-changeQuantity .c-changeQuantity__add-button{
  width: 3.6rem;
}

#formContents .c-changeQuantity input.c-changeQuantity__number{
  width: 3rem;
  height: 100%;
  border: none;
  border-radius: 0;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 0;
}

.c-changeQuantity button.c-changeQuantity__delete-button,
.c-changeQuantity button.c-changeQuantity__add-button{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  font-size: 1.2rem;
  font-weight: 400;
  color: #484848;
  position: relative;
}


.c-changeQuantity button.c-changeQuantity__delete-button.c-changeQuantity__delete-button--disabled,
.c-changeQuantity button.c-changeQuantity__add-button.c-changeQuantity__add-button--disabled{
  pointer-events: none;
  color: #484848;
  opacity: .2;
}

.c-changeQuantity button.c-changeQuantity__delete-button::before,
.c-changeQuantity button.c-changeQuantity__add-button::before{
  content: '';
  display: block;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  background: #FFFFFF;
  position: absolute;
  top: calc(0.5rem - 1px);
  z-index: 1;
  transition: background var(--transition-default);
}

.c-changeQuantity button.c-changeQuantity__delete-button::after{
  content: '';
  display: block;
  width: 2.6rem;
  height: 2.6rem;
  mask-image: url("../img/order/custom/icon_quantity_minus.svg");
  mask-repeat: no-repeat;
  mask-position: 50% 50%;
  mask-size: 100%;
  -webkit-mask-image: url("../img/order/custom/icon_quantity_minus.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
  -webkit-mask-size: 100%;
  background: #484848;
  position: absolute;
  top: calc(0.5rem - 1px);
  z-index: 2;
  transition: background var(--transition-default);
}
.c-changeQuantity button.c-changeQuantity__add-button::after{
  content: '';
  display: block;
  width: 2.6rem;
  height: 2.6rem;
  mask-image: url("../img/order/custom/icon_quantity_plus.svg");
  mask-repeat: no-repeat;
  mask-position: 50% 50%;
  mask-size: 100%;
  -webkit-mask-image: url("../img/order/custom/icon_quantity_plus.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
  -webkit-mask-size: 100%;
  background: #484848;
  position: absolute;
  top: calc(0.5rem - 1px);
  z-index: 2;
  transition: background var(--transition-default);
}
.c-changeQuantity button.c-changeQuantity__delete-button::before,
.c-changeQuantity button.c-changeQuantity__delete-button::after{left: 0.5rem;}
.c-changeQuantity button.c-changeQuantity__add-button::before,
.c-changeQuantity button.c-changeQuantity__add-button::after{right: 0.5rem;}




.m-orderProductSect-itemSubtotal{}
.m-orderProductSect-itemSubtotal__price{
  font-weight: 700;
}

.m-orderProductSect-itemRemove{
  text-align: right;
  bottom: 0;
  top: unset;
  right: 0;
  transform: translateY(-0.2rem);
}

.m-orderProductSect-itemRemove__button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  height: 3rem;
  width: 6.5rem;
  padding: 0;
  background-color: #FFFFFF;
  border: 1px solid #D8D8D8;
  aspect-ratio: unset;
  border-radius: 4px;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1;
}
.m-orderProductSect-itemRemove__button::before{
  content: '';
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url("../img/order/custom/icon-remove-cross.svg") center center no-repeat;
  background-size: 100% auto;
  position: unset;
  top: unset;
  left: unset;
  transform: unset;
}

.m-orderProductSect-itemRemove__button > span{
  display: inline-block;
}

/**ノベルティ**********************/
.p-cartNoveltySelect{
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 0 0 0;
  border-radius: 10px;
  border: none;
}

.p-cartNoveltySelect .m-orderProductSectWrapLine{
  padding: 0;
}

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

.p-cartNoveltySelect .m-orderProductSectWrapLine__info-title{
  font-size: 1.3rem;
}
.p-cartNoveltySelect .m-orderProductSectWrapLine__info-text{
  margin-top: 0.5rem;
  font-size: 1.2rem;
}



.p-cartNoveltySelect .m-orderProductSect-item{
  padding: 1.5rem 1.6rem 1.5rem;
  background: #FFFFFF;
  border: solid 1px #E2E2E2;
  border-radius: 10px;
}

.p-cartNoveltySelect .c-productUser-head__picture::before{padding-top: 100%; aspect-ratio: 1/1;}

.p-cartNoveltySelect .m-orderProductSect-item + .m-orderProductSect-item{
  margin-top: 1rem;
}

.p-cartNoveltySelect .m-orderProductSect-itemPrice{}
.p-cartNoveltySelect .m-orderProductSect-addNovelty{margin-top: 1rem;}

#formContents .m-orderProductSect-addNovelty .c-btn-fluid.c-btn-fluid--gray{
  height: 4rem;
  padding: 0;
  min-height: unset;
}



/************************/
.s-orderContent-sepWrap{
  display: block;
  padding-top: 2rem;
}

.s-orderContent-sepWrap:nth-child(1){padding-top: 0;}


.s-orderContent-sepWrap__entry{
  width: 100%;
}

.s-orderContent-sepWrap__info{
  width: 100%;
}

/*クーポン・ポイント***/
.m-orderUseDiscount{}
.m-orderUseDiscount + .m-orderUseDiscount{margin-top: 2rem;}

.m-orderUseDiscount__title{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.5rem;
  gap: 0 0.5rem;
  font-size: 1.5rem;
  font-weight: 700;
}
.m-orderUseDiscount__title > img{
  display: block;
  width: 2.5rem;
  height: auto;
}

.m-orderUseDiscount__input{
  padding: 1.5rem 1.5rem 1.5rem;
  background: #FAFAFA;
  border-radius: 10px;
}
.m-orderUseDiscount__input + span{
  margin-top: 0.5rem;
  padding-left: 1.5rem;
  font-size: 1.2rem;
}

.m-orderUseDiscount__title + .m-orderUseDiscount__input{margin-top: 0;}
.m-orderUseDiscount-selectBox + .m-orderUseDiscount-inputSelect__select,
.m-orderUseDiscount-inputBox + .m-orderUseDiscount-inputSelect__select{
  margin-top: 1.5rem;
  border: none;
  padding-top: 0;
}
.m-orderUseDiscount + .m-orderUseDiscount{
  margin-top: 2rem;
  border: none;
  padding-top: 0;
}


.m-orderUseDiscount__canUsePoint-link{
  color: #484848!important;
  text-decoration: underline;
}

.m-orderUseDiscount__input.allPointUse{
  padding-left: 0;
  padding-top: 0;
  padding-right: 0;
  font-size: 1.4rem;
}

/*小計***/
.m-orderPriceSummary{
  padding: 0;
  border: none;
  border-radius: 0;
}

.m-orderPriceSummary-title{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.5rem;
  gap: 0 0.5rem;
  font-size: 1.5rem;
  font-weight: 700;
}
.m-orderPriceSummary-title > img{
  display: block;
  width: 2.5rem;
  height: auto;
}

.m-orderPriceSummary-body{
  display: block;
  padding: 2rem 3rem;
  background: #FAFAFA;
  border-radius: 10px;
}

.m-orderPriceSummary-list{
  padding-top: 0;
  border: none;
  gap: 0;
}

.m-orderPriceSummary-item{
    padding-bottom: 1rem;
    border-bottom: 1px solid #E2E2E2;
    line-height: 1.428571428571429;
}
.m-orderPriceSummary-item + .m-orderPriceSummary-item{margin-top: 1.5rem;}

.m-orderPriceSummary-item__title{font-size: 1.4rem; font-weight: 500;}
.m-orderPriceSummary-item__price{font-size: 1.8rem; font-weight: 500;}
.m-orderPriceSummary-item__price .tippy{font-size: 1.4rem; color: #484848;}

.m-orderPriceSummary-total{padding-top: 1.5rem;}
.m-orderPriceSummary-total__title{font-size: 1.8rem; font-weight: 700;}
.m-orderPriceSummary-total__title--tax{font-size: 1.2rem; font-weight: 500; color: #484848;}
.m-orderPriceSummary-total__price{ font-size: 2.2rem; font-weight: 700; flex: unset;}
.m-orderPriceSummary-total__price--tax{font-size: 1.2rem; font-weight: 500; color: #484848;}

.s-orderContent-sepWrap__entry--cartUseDiscount + .s-orderContent-sepWrap__info--priceSummary .m-orderPriceSummary-list{
  padding-top: 0;
  border-top: none;
}

/**カート総計*************/
.s-orderContent-totalPrice{
  width: calc(100% - 3.2rem);
  margin-top: 3rem;
  margin-left: auto;
  margin-right: auto;
}

.m-orderTotalPrice-wrap {
  display: flex;
  justify-content: space-between;
  padding: 1.5rem 2.5rem;
  background-color: #FFFFFF;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0,0,0,.16);
}


.m-orderTotalPrice__title{
  font-size: 2rem;
  font-weight: 700;
}
.m-orderTotalPrice__title{
  font-size: 2rem;
  font-weight: 700;
}
.m-orderTotalPrice__title-tax{
  font-size: 1.2rem;
  color: #484848;
}

.m-orderTotalPrice__price{
  font-size: 2.4rem;
  font-weight: 700;
  color: #E60012;
}


/**bottomBtn*************/
.s-orderContent-btnGroup{
  margin-top: 3rem;
}
.m-progress-button-wrap__group{
}
.m-progress-button-wrap__item{
  max-width: 29.3rem;
}



/**bottomBtn　ソーシャル連携*************/
.s-orderContent-btnGroup-otherPay{
  max-width: 100%;
  margin-top: 2rem;
  padding: 0;
  background-color: inherit;
}

.s-orderContent-btnGroup-otherPay__item{
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  gap: 1.5rem 1.5rem;
  width: 100%;
  padding: 2rem 2.5rem;
  border-radius: 4px;
  background: #FAFAFA;
}

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

.s-orderContent-btnGroup-otherPay__text{
  display: block;
  width: 100%;
  max-width: 28.8rem;
  font-size: 1.2rem;
  line-height: 1.6;
  font-weight: 500;
  text-align: center;
}

.s-orderContent-btnGroup-otherPay__item #AmazonPayCv2Button{
  width: 29.3rem!important;
  height: 9rem!important;
  margin: 0 auto;
  text-align: center;
}

/**************************************
form
**************************************/
.m-orderSectForm-wrap{
  display: block;
  padding: 0;
  border-radius: 0;
  background-color: inherit;
}
.m-orderSect-wrap.m-orderSect-wrap--gray{
  display: block;
  padding: 2rem 3rem 2rem;
  border-radius: 10px;
  background: #FFFFFF;
  box-shadow: 0 0 10px rgba(0,0,0,.16);
}


.m-orderSect--typeSep{
  align-items: center;
}

.m-orderSectForm{
  display: block;
  padding: 2rem 3rem 4rem;
  border-radius: 10px;
  background: #FFFFFF;
  box-shadow: 0 0 10px rgba(0,0,0,.16);
}


.m-orderSectForm-head{}
.m-orderSectForm .c-orderSectHeading{padding: 0;}
.c-orderSectHeading__title{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1rem;
  gap: 0 0.5rem;
  font-size: 1.5rem;
  font-weight: 700;
}
.c-orderSectHeading__title > img{
  display: block;
  width: 2.5rem;
  height: auto;
}

.c-orderSectHeading__lead{
  font-size: 1.4rem;
  font-weight: 500;
}

/***/
.m-orderSectForm-body{
  margin-top: 2rem;
}
.c-orderSect-entry{
  display: block;
  padding: 2rem 0 1.5rem;
  border-top: 1px solid #E2E2E2;
}
.c-orderSect-entry:not(:first-child){
  margin-top: 0;
}

.c-orderSect-entry__title{
  font-weight: 500;
  margin-bottom: 1rem;
}

.m-orderSectForm-body .c-formInput-item__annotation,
.m-orderSectForm-body .c-formInput-item__alert{
  font-weight: 500;
}

.c-formInput-item__zipcode{
  justify-content: flex-start;
  align-items: center;
}

.c-formInput-item__zipcode > input{
  max-width: 14.3rem;
}

#formContents .c-formInput-item__zipcode .c-btn{
  display: inline;
  width: auto;
  background: none;
  border: none;
  height: auto;
  padding: 0;
  margin: 0;
  font-size: 1.4rem;
  font-weight: 500;
  color: #E60012!important;
  white-space: nowrap;
  text-decoration: underline;
  min-height: unset;
}


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


.m-orderSectCol-wrap{}
.m-orderSectCol-wrap + .m-orderSectCol-wrap{
  margin-top: 2.0rem;
}
.m-orderSectCol-wrap:last-child{
  border: none;
}


.m-orderSectCol{
  display: block;
  padding: 0;
  border: none;
}
.m-orderSectCol-head{
  width: 100%;
}
.m-orderSectCol-head__title{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.5rem;
  gap: 0 0.5rem;
  font-size: 1.5rem;
  font-weight: 700;
}
.m-orderSectCol-head__title > img{
  display: block;
  width: 2.5rem;
  height: auto;
}

.m-orderSectCol-body{
  width: 100%;
  border: none;
  padding: 1.5rem 1.5rem;
  background: #FAFAFA;
  border-radius: 10px;
}

.m-orderProductSectBox{
  padding: 0;
  border-top: none;
}
.m-formInputArea-item{
  margin-bottom: 0;
}
.m-formInputArea-item + .m-formInputArea-item{
  margin-top: 2.5rem;
}

.s-orderContent-sepWrap__entry + .s-orderContent-sepWrap__info{
  margin-top: 2rem;
}

.m-orderProductSectBox__title{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.5rem;
  gap: 0 0.5rem;
  font-size: 1.5rem;
  font-weight: 700;
}
.m-orderProductSectBox__title > img{
  display: block;
  width: 2.5rem;
  height: auto;
}


.m-orderProductSectBox__list{
  display: block;
  padding: 1.5rem 1.5rem;
  background: #FAFAFA;
  border-radius: 10px;
  gap: 2.5rem 0;
}

.m-orderProductSectBox-item{
  width: 100%;
}

.m-orderProductSectBox-item:not(:last-child) {
  padding-bottom: 2rem;
  border-bottom: 1px solid #E2E2E2;
  margin-bottom: 2rem;
}

.m-orderProductSectBox-item__inner{
  display: flex;
  gap: 0 1rem;
}

.m-orderProductSectBox-item__pictureWrap{
  flex: 0 0 8rem;
}

.m-orderProductSectBox-item__picture{
  min-width: 8rem;
  aspect-ratio:  1/ 1;
  border-radius: 10px;
  background: #FFFFFF;
  overflow: hidden;
}
.m-orderProductSectBox-item__picture > img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

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

.m-orderProductSectBox-itemDetail__title{
  margin-bottom: 1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.615384615384615;
}

.m-orderProductSectBox-itemDetail__info{}

.m-orderProductSectBox-itemDetailInfo + .m-orderProductSectBox-itemDetailInfo{margin-top: 0.4rem;}

.m-orderProductSectBox-itemDetailInfo__title{
  font-size: 1.2rem;
  color: #787878;
}
.m-orderProductSectBox-itemDetailInfo__text{
  font-size: 1.2rem;
  color: #787878;
}

.m-orderProductSectBox + .m-orderPriceSummary{
  margin-top: 2rem;
}

/* payment *******/
.m-orderSectCol-typeRadio .c-orderSectCol-radioItem{
  padding: 0 0;
}


.m-orderSectCol-typeRadio__item:not(:last-child) .c-orderSectCol-radioItem{
  padding-bottom: 2rem;
}

.m-orderSectCol-typeRadio__item:not(:first-child) .c-orderSectCol-radioItem{
  padding-top: 2rem;
  border-top: 1px solid #E2E2E2;
}

.m-orderSectCol-addPaymentInfo{
  border-top: 1px solid #E2E2E2;
  padding: 2rem 0 2rem;
}

/* confirm *******/
.p-orderUserInfo{}

.p-orderConfirm-userInfo{
  padding: 2rem 2.5rem;
  background: #FFFFFF;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0, .16);
}


.p-orderUserInfo .m-orderSect-wrap--border{
  border: none;
  padding: 2rem 2.5rem;
}

.m-orderInfoDetail-wrap:not(:nth-child(1)){
  margin-top: 2rem;
}

.m-orderInfoDetail{
  display: block;
  padding: 0;
  border-bottom: none;
}

.m-orderInfoDetail:not(:nth-child(1)){
  margin-top: 2rem;
}

.m-orderInfoDetail .m-orderInfoDetail-head{
  width: 100%;
  margin-bottom: 0.1rem;
}

.m-orderInfoDetail-head__title{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  gap: 0 0.5rem;
  font-size: 1.5rem;
  font-weight: 700;
}
.m-orderInfoDetail-head__title > img{
  display: block;
  width: 2.5rem;
  height: auto;
}

.m-orderInfoDetail-body{
  width: 100%;
  padding: 1.5rem 1.5rem;
  background: #FAFAFA;
  border-radius: 10px;
}

.m-orderSect__button-wrap{
  width: 100%;
}

.m-orderSect-button{
  max-width: 21.4rem;
}

/**************************************
userForm
**************************************/
.m-formHeading-title{
  padding: 0 1.6rem;
}

.m-formHeading-title{
  border-bottom: none;
}

.s-myPageContent-infoWrap{
  padding: 0;
}

.m-userSectForm-wrap{
  display: block;
  padding: 0;
  border-radius: 0;
  background-color: inherit;
}

.m-userSectForm{
  display: block;
  padding: 2rem 2.5rem 1rem;
  border-radius: 10px;
  background: #FFFFFF;
  box-shadow: 0 0 10px rgba(0,0,0,.16);
}

.m-userSectForm-head{}
.m-userSectForm .c-userSectHeading{padding: 0;}
.c-userSectHeading__title{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1rem;
  gap: 0 0.5rem;
  font-size: 1.5rem;
  font-weight: 700;
}
.c-userSectHeading__title > img{
  display: block;
  width: 2.5rem;
  height: auto;
}

.c-userSectHeading__lead{
  font-size: 1.4rem;
  font-weight: 500;
}

.m-userSectForm-body{
  margin-top: 2rem;
}
.c-userSect-entry{
  display: block;
  padding: 2rem 0 1.5rem;
  border-top: 1px solid #E2E2E2;
}

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

.p-page-registInput .m-userSectForm-body > dl:first-of-type{
  border-top: 1px solid #E2E2E2;
}

.c-userSect-entry__title{
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.p-userinfo__input-area-content + .p-userinfo__input-area-content{
  margin-top: 2rem;
}

#formContents .p-shippingList-info__body .c-userSectHeading__title .c-btn-fluid{
  width: max-content;
  transform: translateY(-1.3rem);
}
#formContents .p-paymentList-info__body .c-userSectHeading__title .c-btn-fluid{
  width: max-content;
  transform: translateY(-1.3rem);
}


/*mypageList ******/
.m-productLine__item.m-productLineUser-col2-md3__item{
  width: calc((100% - 1.6rem) / 2);
}

.m-productLine__item.m-productLineUser-col3-md4__item{
  width:  calc((100% - 1.6rem * 3) / 4);
}



.m-productLine__item .c-product-delete{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  padding: 0.2rem;
  border-radius: 50%;
  background: #EFEFEF;
  position: absolute;
  left: -0.5rem;
  top: -0.5rem;
  z-index: 1;
}
.m-productLine__item .c-product-delete > a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.m-productLine__item .c-product-delete > a > img{
  display: block;
  width: 1.4rem;
  height: 1.4rem;
}

.p-historyListChange{
  width: 100%;
  margin-left: 0;
}

.m-userSect-wrap{
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}

.m-userProductSectCol-item{
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}

.p-fixedPurchaseList-content,
.p-favoriteList-content,
.p-couponBox-content__list,
.s-myPageContent-infoWrap__title + div,
.p-paymentList-info__section,
.p-socialLogin-content,
.p-orderHistoryDetail-content,
.p-page-pointHistoryList .s-myPageContent-infoWrap,
.p-page-withdrawalInput .s-myPageContent-infoWrap,
.p-page-fixedPurchaseCancelInput{
  padding: 0 1.6rem;
}

.p-page-pointHistoryList .s-myPageContent-infoWrap .s-myPageContent-infoWrap__title + div{padding: 0;}

[name="fixedPurchaseCancel"] .m-formHeading-title{
  padding-left: 0;
  padding-right: 0;
}

.m-userSect-wrap--confirm{
  padding: 1.5rem;
  background-color: var(--color-gray-light);
}

.c-formInput-item__Interval-selectbox--long{
  width: 32%;
}