@charset "UTF-8";

/*=================================
    OLES
    251205
=================================*/
.customers-cts-box a {
  color: #343434;
  text-decoration: underline;
}
/* レイアウト
=========================================*/
.main__column .control-alert,
.main__column .alert{
  padding:0 !important;
  margin: 0 0 15px !important;
}
.main__column .control-alert > *,
.main__column .alert > *,
.main__column .alert-danger > *,
.main__column .alert-success > *{
  padding:0 !important;
  margin: 0 !important;
  text-align:justify !important;
}

.main__column .control-alert.alert-danger,
.main__column .alert.alert-danger {
  color:#BA4444;
}
.main__column .control-alert.alert-danger p::before,
.main__column .alert.alert-danger p::before {
  content:"";
  display:inline-block;
  width:1em;
  height:1em;
  background:url(../img/ico_error.svg) no-repeat center center;
  background-size:contain;
  margin-right: 0.4em;

}
.main__column .control-alert.alert-success,
.main__column .alert.alert-success{
  color:#016160;
}
.main__column .control-alert.alert-success p::before,
.main__column .alert.alert-success p::before {
  content:"";
  display:inline-block;
  width:1em;
  height:1em;
  background:url(../img/ico_ok.svg) no-repeat center center;
  background-size:contain;
  margin-right: 0.4em;

}


.c-aside__menu{
  font-family: "Instrument Sans";
  font-size: 18px;
  font-weight: 400;
}
.c-aside__menu li + li{
  margin-top:28px;
}
.c-aside__menu a{
  text-decoration:none;
}

#customers-view .l-container__row,
.p-products,
.l-mypage__inner,
.customers-cts-box{
  margin-top:220px !important;
  margin-bottom:160px;
}

.customers-cts-box .cts__column{
  width:100%;
  padding:0 clamp(20px, 5.21vw , 40px);
  display: flex;
  justify-content: flex-start;
  text-align:justify;
  margin:0;
  gap:clamp(40px, 7.81vw , 60px);

}
.customers-cts-box .title__column{
  text-align:left;
  width: 300px;
}
.customers-cts-box .title__column h1{
  font-family: "Instrument Sans", sans-serif;
  font-weight:400;
  margin-top:-0.2em;
  margin-bottom:24px;
  line-height:1.48;
  text-align:left;
  font-size: 40px;
}
.customers-cts-box .title__column h2{
}
.customers-cts-box .main__column{
  width: calc(100% - clamp(40px, 7.81vw, 60px) - 300px);
}
.customers-cts-box .main__column .main__column-inner{
  width: calc(min(100vw, 1920px) - clamp(20px, 5.21vw, 40px) * 2 - clamp(40px, 7.81vw, 60px) - 300px);
  margin: 0 auto;
}

.p-login .main__column-inner,
.p-contactDraft .main__column .main__column-inner,
#customers-password-edit-view .main__column-inner{
  max-width:1036px;

}
.customers-cts-box .main__column h2{
  font-size: 20px;
  font-weight: 300;
}
.customers-cts-box .cts__column .flex{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.customers-cts-box .cts__column .flex.flex-center{
  justify-content: center;
}
#view-payment-information > * {
  max-width:100%;
}

@media only screen and (max-width: 768px){
  .customers-cts-box .title__column h1{
    font-size: 28px;
  }
  #customers-view .l-container__row,
  .p-products,
  .l-mypage__inner,
  .customers-cts-box{
    margin-top:170px !important;
  }

  .customers-cts-box .cts__column{
    flex-wrap: wrap;
    gap:24px;
  }
  .customers-cts-box .title__column,
  .customers-cts-box .main__column,
  .customers-cts-box .main__column .main__column-inner{
    max-width:100% !important;
    width: 100% !important;
  }
  .customers-cts-box .main__column h2{
    font-size: 18px;
  }

}
.sp .c-aside__menu{
  padding: 80px clamp(20px, 5.21vw , 40px) 0;
  font-size: 16px;
}
.sp .c-aside__menu li{
  border-bottom: 1px solid #C7D0D1;
  padding:24px 0;
  text-align:justify;
}
.sp .c-aside__menu li + li{
  margin-top: 0;
}
.sp .c-aside__menu li + li a{
  display: block;
}


/* form
-----------------------------------------*/
form span.required{
  color:#fff;
  text-align: center;
  font-size: 10px;
  font-weight: 400;
  border-radius: 24px;
  background:#646464;
  margin-left:1em;
  line-height: 1.2em;
  height: 1.6em;
  vertical-align: unset;
  padding: 0.2em 0.5em;
  display: inline-block;
  margin-top: 0.7em;
}
.c-textbox + .c-form__item,
.c-form__item + .c-form__item,
.c-form__item + #view-payment-information >.c-form__item{
  margin-top:32px !important;
}

.c-textbox{
  margin-top:40px;
  position:relative;
}
label + .c-textbox{
  margin-top:16px;
}
p + .c-textbox,
p + .c-form__item{
  margin-top:60px;
}
input[type=hidden] + .c-textbox,
.c-label + .c-textbox,
.c-label + .c-selectbox,
.c-label + .c-selectbox__wrap{
  margin-top:16px;
}
.c-textbox p{
  margin-bottom:1rem;
}

.c-textbox--col2{
  display: flex;
  flex-wrap: wrap;
  gap:16px 12px;
}
.c-textbox__input {
  display: inline-block;
  width: 100%;
  padding: 17px 16px;
  background: #fff;
  border: 1px solid #768587;
  line-height: 1;
  font-size:14px;
  border-radius: 4px;
}
.c-textbox--col2 > .c-textbox__input ,
.c-textbox--col2 > .c-input-area {
  width: calc( calc(100% - 12px) / 2);
}
.c-textarea {
  display: block;
  width: 100%;
  padding: 17px 16px;
  background: #fff;
  border: 1px solid #768587;
  line-height: 1;
  font-size:14px;
  border-radius: 4px;
  height:240px;
}
.c-selectbox{
  position:relative;
}
.c-selectbox__wrap{
}
.c-selectbox__wrap--col2,
.c-selectbox__wrap--col3{
  display: flex;
  flex-wrap: wrap;
  gap:16px 12px;
}
.c-selectbox__wrap--col2 .c-selectbox{
  width: calc( calc(100% - 12px) / 2);
}
.c-selectbox__wrap--col3 .c-selectbox{
  width: calc( calc(100% - 24px) / 3);
}

.c-selectbox__input,
.c-selectbox select {
  width: 100%;
  padding: 17px 16px;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #768587;
  line-height: 1;
  font-size:14px;
  border-radius: 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position:relative;
}
.c-selectbox::after{
  content: "";
  position: absolute;
  top: 0;
  right: 16px;
  width: 7px;
  height: 100%;
  pointer-events: none;
  background: url(../img/ico_updown.svg) no-repeat center center;
  background-size: contain;
}
.c-selectbox label + select{
  margin-top:16px;
}
input[type=radio] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #768587;
  position:relative;
  margin: 0.6rem 0 0;
  display:inline-block;
}
input[type=radio]:checked::before{
  content:"";
  position:absolute;
  width: 10px;
  height: 10px;
  left:3px;
  top:3px;
  background:#646464;
  border-radius: 50%;
}


.c-button{
  justify-content: flex-end;
  text-decoration:none !important;
}
.c-button-box{
  margin-top:60px;
}
.c-button__text{
  font-size: 16px;
  font-weight: 400;
  font-family: "Instrument Sans", sans-serif;
  padding:20px 24px;
  line-height:1;
  color:#646464;
  border:1px solid #646464;
  border-radius:52px;
  width:232px;
  box-sizing:border-box;
  text-align:center;
}

.c-checkbox{
  border: 1px solid #768587;
  border-radius:4px;
  margin-right:1rem;
  display:inline-block;
  vertical-align: text-top;
  width:1.4rem;
  height:1.4rem;
  
}
.c-checkbox:checked {
    background-color: #a9b0a9;
}
.c-checkbox:before {
  display:none;
}
.c-checkbox:checked:before {
  position: absolute;
  top: 2px;
  left: 6px;
  width: 9px;
  height: 13px;
  content: "";
  border:0;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(44deg);
  transform: rotate(44deg);
  display:block;
}

.p-orderNew__consentLabel{
  display: flex;
  align-items: center;
  margin-top:16px;
}
.p-orderNew__submit{
  margin-top:40px;
}
.p-orderNew__submit .c-button{
  justify-content: center;
}
.p-cart__aside .p-orderNew__back{
  text-align:center;
}
.p-cart__aside .p-orderNew__back a{
  text-decoration:none;
}

@media only screen and (max-width: 768px){
  .c-button{
    justify-content: center;
  }
  .c-button__text{
    width: 218px;
    padding: 14px 20px;
  }

}


/* Error
-----------------------------------------*/

.formError + .c-selectbox__input,
.formError + .c-selectbox select,
.formError + .c-textbox__input{
  background: rgba(186, 68, 68, 0.08);
  border: 1px solid #BA4444;
  margin-bottom:calc(14px * 1.6 * 3);
  color: #BA4444;
}

.formError + .c-checkbox,
.formError + input[type=radio]{
  border: 1px solid #BA4444;
  background: rgba(186, 68, 68, 0.08);
}

.password .formError + .c-textbox__input{
  margin-bottom:calc(14px * 1.6 * 7);
}

.formError {
  position: absolute;
  top: 60px !important;
  left: 0 !important;
  margin: 0 !important;
}
.ajaxSubmit {
    display: none
}

.formError .formErrorContent {
  position: relative;
  color: #BA4444;
  font-size: 14px;
  padding: 0;
  line-height:1.6;
}



/* 注文完了
-----------------------------------------*/
.p-orderComplete__inner{
  width:100%;
  max-width:1920px;
  padding:0 clamp(20px, 5.21vw , 40px);
  margin:0 auto;
}
.p-orderComplete__heading{
  font-size: 40px;
  font-weight: 400;
}
.p-orderComplete .p-orderComplete__description{
  font-size: 24px;
  font-weight: 400;
  margin:48px auto 40px;
}

.p-orderComplete .p-orderComplete__num{
  font-size: 18px;
  font-weight: 400;
}
.p-orderComplete .p-orderComplete__button{
  margin:80px auto 0;
}
.p-orderComplete .p-orderComplete__button .c-button{
  justify-content: center;
}


@media only screen and (max-width: 768px){
  .p-orderComplete__heading {
    font-size: 24px;
    font-weight: 400;
  }
  .p-orderComplete .p-orderComplete__description{
    font-size: 16px;
    margin:40px auto;
  }
  .p-orderComplete .p-orderComplete__num{
    font-size: 16px;
  }
}


/* My Page
=========================================*/
.p-mypage .mypage-card{
  background: #F7F7F7;
  padding:14px 25px 40px 50px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin:0 0 60px;
  position:relative;
}
.p-mypage .c-mypage-name{
  font-weight: 500;
  margin:26px 0 2rem;
}
.p-mypage .point-data{
  font-size: 25px;
  font-weight: 500;
}
.p-mypage .point-data span{
  font-size: 11px;
  font-weight: 300;
}
.p-mypage .point-deadline{
  color: #6D6D6D;
  font-size: 12px;
  margin-top:8px;
}
.p-mypage .mypage-id{
  color: #6D6D6D;
  font-size: 12px;
  position:absolute;
  top:14px;
  right:16px;
}
.p-mypage .barcode{
  border-radius: 80px;
  border: 1px solid #C7D0D1;
  background: #FFF;
  padding: 20px 24px 20px 44px;
  display: flex;
  gap: 20px;
  align-items: center;
  text-decoration:none;

}
.p-mypage .barcode img{
  width:96px;
  margin-right:1rem;
}
@media only screen and (max-width: 920px){
  .p-mypage .mypage-card {
    flex-wrap: wrap;
    gap:50px;
    padding: 30px clamp(20px, 5.21vw , 40px));
  }
  .p-mypage .mypage-card .card-l,
  .p-mypage .mypage-card .card-r{
    width:100%;
  }
  .p-mypage .barcode{
    width: fit-content;
    margin: 0 auto;
  }

}
@media only screen and (max-width: 768px){
  .p-mypage .mypage-card{
    margin-left:calc(-1 * clamp(20px, 5.21vw , 40px));
    margin-right:calc(-1 * clamp(20px, 5.21vw , 40px));
  }
  .p-mypage .c-mypage-name{
    margin-top:0;
  }
}

.main__column .c-button-area a{
  text-decoration:none;
}
.main__column .c-button-area.flex{
  display: flex;
  align-items: center;
  gap:48px;
  margin-top:48px;
}
.main__column .c-button-area.flex.flex-end{
  justify-content: flex-end;
}
.main__column .c-button-area.flex.flex-end .c-button-area__button{
  order: 2;
}
.main__column .c-button-area.flex.flex-end .c-button-area__back{
  order: 1;
}

.l-mypage__column .c-mypage-title__description{
  margin:28px 0 40px;
}

@media only screen and (max-width: 768px){
  .main__column .c-button-area.flex.flex-end.sp-flex-center{
    justify-content: center;
  }
  .main__column .c-button-area.flex.flex-end{
    justify-content: center;
    flex-wrap: wrap;
    gap:24px;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
    
  }
  .main__column .c-button-area.flex.flex-end .c-button__text{
    order: 1;
  }
  .main__column .c-button-area.flex.flex-end a.jp-sans{
    order: 2;
  }
  .main__column .c-button-area.flex.flex-end .c-button-area__button{
    order: 1;
  }
  .main__column .c-button-area.flex.flex-end .c-button-area__back{
    order: 2;
  }

}


/* ポイント情報
=========================================*/

/* カート
=========================================*/
.main__column.p-cart__body  .main__column-inner,
.p-cart__body:not(.main__column){
  display: flex;
  justify-content:space-between;
  align-items:flex-start ;
}
.p-cart__body .p-cart__main{
  width:calc(100% - 294px - clamp(40px, 7.81vw , 60px));
}
.c-mypage-title  h2,
.p-cart__body .p-cart__main h2{
  font-size: 20px;
  margin-bottom:36px;
}
.p-cart__body .p-cart__products__item{
  padding:1rem 0;
  display: flex;
  align-items: center;
  gap:26px;
  border-bottom: 1px solid #C7D0D1;
  width:100%;
}
.p-cart__body .p-cart__products__item:last-of-type{
/*  border-bottom: 0;*/
}
.p-cart__body .p-cart__products__inner{
  display: flex;
  justify-content:space-between;
  align-items:center;
  width:calc(100% - 160px - 26px);
  flex-wrap: wrap;
}
.p-cart__body .p-cart__products__inner .c-selectbox{
  width:5em;
  display: inline-block;
  margin-right:20px;
}
.p-cart__body .p-cart__products__inner .p-cart__products__delete{
  display: inline-block;
  font-size:12px;
  font-weight: 400;
}
.p-cart__body .p-cart__products__img{
  width:160px;
  position:relative;
  aspect-ratio:1/1;
  overflow:hidden;
}
.p-cart__body .p-cart__products__img img{
  position:absolute;
  left:50%;
  top:50%;
  transform: translateY(-50%) translateX(-50%);
  width:100%;
}
.p-cart__products__name{
  font-size: 18px;
  font-weight: 400;
  margin-bottom:1.55em;
  width:100%;
}
.p-cart__body .p-cart__aside{
  width:294px;
  border: 1px solid #C7D0D1;
  box-sizing:border-box;
  padding:2rem 1.5rem;
}
.p-cart__recommend{
  display:none;
}
.p-cart__body .p-cart__products__price{
  font-size: 14px;
  font-weight: 400;
  font-family: "Instrument Sans", sans-serif !important;
}
.p-cart__body .p-cart__products__tax{
  font-size: 11px;
  font-weight: 400;
}
.p-cart__body .p-cart__account__list{
  display: flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:24px;
  font-size:14px;
}
.p-cart__body .p-cart__account__list.p-orderConfirm__account__list:not(total){
  margin-bottom:18px;
}
.p-cart__body .p-cart__account__list .p-cart__account__num{
  font-family: "Instrument Sans", sans-serif !important;
  font-weight: 400;
}
.p-cart__body .p-cart__account__list.total{
  font-size:20px;
  font-weight: 400;
}
.p-cart__body .p-cart__account__list.total .p-cart__account__num{
  font-size: 24px;
  font-weight: 400;
}
.p-cart__body .p-cart__login__button .jp.c-button__text{
  background:#343434;
  color:#fff;
  font-size: 20px;
  font-weight: 400;
}
.p-cart__body .p-cart__login h4{
  margin-top:36px;
  padding-top:36px;
  border-top:1px solid #C7D0D1;
}
.p-cart__body .p-cart__login .c-textbox{
  margin-top:24px;
}
.p-cart__body .p-cart__login .c-textbox h5{
  margin-bottom:12px;
}
.p-cart__body .p-cart__login .p-login__form__password{
  padding:16px 0;
  font-size: 12px;
  text-align:center;
  
}
.p-cart__body .p-cart__signUp .p-cart__signUp__description{
  font-size: 14px;
}
.p-orderCustomer__section{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom:60px;
  margin-bottom:60px;
  border-bottom: 1px solid #C7D0D1;
}
.p-orderCustomer__section .p-orderCustomer__titleWrap{
  width:100%;
}
.p-orderCustomer__section .p-orderCustomer__text.name{
  margin-bottom:1rem;
}
.p-orderCustomer__section .p-orderConfirm__text{
  text-align:left;
}
.p-orderNew__submit{
  padding-top:36px;
  border-top:1px solid #C7D0D1;
}
.p-orderNew__submit .c-button__text.jp{
  color:#fff;
  font-size: 20px;
  font-weight: 400;
  background:#343434;
}
.p-orderNew__back{
  font-size:12px;
}
#view-input-card-number{
  margin-top:32px !important;
}
@media only screen and (max-width: 1100px){
  .customers-cts-box .p-cart .main__column{
    max-width: 100%;
    width:100%;
  }
  .main__column.p-cart__body .main__column-inner,
  .p-cart__body:not(.main__column){
    width:100%;
    flex-wrap: wrap;
  }
  .p-cart__body .p-cart__main{
    width:100%;
    order:2;
  }
  .p-cart__body .p-cart__aside{
    width:100%;
    order:1;
    margin-bottom:60px;
  }
  .p-cart__body .p-cart__account__list{
    margin-bottom: 16px;
  }
  .p-cart__body .p-cart__account__list .p-cart__account__item{
    font-size:12px;
  }
  .p-cart__body .p-cart__account__list.total{
    font-size: 16px;
  }
  .p-cart__body .p-cart__account__list.total .p-cart__account__num{
    font-size: 20px;
  }
  .p-cart__body .p-cart__login h4{
    margin-top: 32px;
    padding-top: 32px;
  }
  .p-cart__body .p-cart__products__inner .p-cart__products__content{
    width:100%;
    position:relative;
  }
  .p-cart__bottom__button{
    margin-top:40px;
  }
  .p-cart__products__name{
    font-size: 14px;
  }
  .p-cart__body .p-cart__aside .c-button{
    justify-content: center;
  }
}

/* オーダー
=========================================*/
.p-orderNew__section:first-of-type{
  padding:0 0 60px;
}
.p-orderConfirm__section,
.p-orderNew__section + .p-orderNew__section{
  padding:60px 0;
  border-top:1px solid #C7D0D1;
}
.p-orderConfirm__section:first-of-type{
  border-top:0;;
}
.p-cart__products__foot{
  text-align:right;
}
.p-orderConfirm .c-button__text.jp{
  color:#fff;
  font-size: 20px;
  font-weight: 400;
  background:#343434;
}
.p-orderConfirm__info + .p-orderConfirm__info{
  margin-top:20px;
}
.p-orderConfirm__info.flex{
  display: flex;
  gap: min(5.33vw, 64px);
  text-align: justify;
}
.p-orderConfirm__info.flex dt {
/*  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #C7D0D1;
*/
  color: #646464;
}
.p-orderConfirm__info.flex dd {
    width: calc(100% - 10rem - min(5.33vw, 64px));
}

.p-orderConfirm__info:first-of-type {
}
.p-orderConfirm__info:last-of-type {
  border-bottom: 0;
}
.p-orderConfirm__titleWrap{
  display: flex;
  justify-content:space-between;
  align-items: center;
  margin-bottom: 36px;
}
.p-orderConfirm__titleWrap h2 {
  margin-bottom: 0 !important;
}

.p-orderConfirm__titleWrap .btn-more{
  font-size: 16px;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
}
@media only screen and (max-width: 1000px){
  .p-cart__products__foot{
    width:100%;
    margin-top:1rem;
  }
}
@media only screen and (max-width: 1100px){
  .p-orderConfirm .cts__column,
  .customers-cts-box .p-cart .cts__column{
    flex-wrap: wrap;
  gap: 24px;
  }
  .p-orderConfirm .cts__column .title__column,
  .p-orderConfirm .cts__column .main__column,
  .p-orderConfirm .customers-cts-box .title__column,
  .customers-cts-box .p-cart .title__column,
  .customers-cts-box .p-cart .main__column ,
  .customers-cts-box .p-cart .main__column .main__column-inner{
    max-width:100% !important;
    width:100% !important;
  }
}
@media only screen and (max-width: 768px){
  .p-cart__products__foot{
    width:auto;
    margin-top:0;
  }
}
@media only screen and (max-width: 460px){
  .p-cart__products__foot{
    width:100%;
    margin-top:1rem;
  }
}



/* お問い合わせ
=========================================*/
.p-contactDraft .title__column h1 {
  font-weight: 400;
  margin-bottom: 14px;
  font-size: 40px;
  text-align:left;
}
.p-contactDraft .title__column .sub-title{
  font-size: 14px;
  font-weight: 300;
}
.p-contactDraft .title__column p + p{
  margin-top:1.8em;
}
.p-contactDraft .title__column p.sub-title + p{
  margin-top:40px;
}

.p-contactDraft .c-label + .c-textbox,
.p-contactDraft .c-label + .c-selectbox,
.p-contactDraft .c-label + .c-textarea {
    margin-top: 5px;
}
.p-contactDraft .p-contactDraft__item,
.p-contactDraft .p-contactDraft__consent{
    margin-top: 32px;
}
.p-contactDraft .p-contactDraft__consent p{
    margin-bottom: 10px;
}
.p-contactDraft .p-contactDraft__submit{
  justify-content: flex-end !important;
  margin-top:40px;
}

@media only screen and (max-width: 768px){
  .p-contactDraft .main__column{
    max-width: 100%;
    width: 100%;
  }
  .p-contactDraft .title__column h1 {
    margin-bottom: 14px;
    font-size: 28px;
  }
  .p-contactDraft .p-contactDraft__submit{
    justify-content: center !important;
  }
}


/* 確認画面 */
.p-contactConfirm .p-contactConfirm__main{
  width:100%;
  max-width:888px;
  margin:0 auto;
  padding:0 clamp(20px, 5.21vw , 40px);
  box-sizing:border-box;
}

.p-contactConfirm h1.p-contactConfirm__heading{
  font-size: 40px;
  font-weight: 400;
}
.p-contactConfirm .p-contactConfirm__list{
  display:flex;
  gap:min(5.33vw , 64px);
  border-bottom:1px solid #C7D0D1;
  padding:1.5rem 0;
  text-align:justify;
}
.p-contactConfirm .p-contactConfirm__list a[href^="tel:"]{
  pointer-events: none;
}
.p-contactConfirm .p-contactConfirm__list:first-of-type{
  border-top:1px solid #C7D0D1;
  margin-top:40px;
}
.p-contactConfirm .p-contactConfirm__list dt{
  color:#646464;
  width:10rem;
}
.p-contactConfirm .p-contactConfirm__list dd{
  width:calc(100% - 10rem - min(5.33vw , 64px));
  font-family: "Helvetica Neue", Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans", Meiryo, sans-serif !important;
}

.p-contactConfirm__form .p-contactConfirm__submit .c-button{
  margin: 50px auto 32px;
}
.p-contactConfirm__form .p-contactConfirm__submit .c-button .c-button__text{
  border-radius: 52.3px;
  background: #343434;
  color:#fff;
  font-size: 20px;
  font-weight: 400;
}
.p-contactConfirm__form .p-contactConfirm__back{
  color:#646464;
  font-size: 12px;
  font-weight: 400;

}
@media only screen and (max-width: 768px){
  .p-contactConfirm h1.p-contactConfirm__heading{
    font-size: 24px;
  }
  .p-contactConfirm .p-contactConfirm__list{
    flex-wrap: wrap;
    gap:0;
  }
  .p-contactConfirm .p-contactConfirm__list:first-of-type{
    margin-top:40px;
  }
  .p-contactConfirm .p-contactConfirm__list dt{
    width:100%;
  }
  .p-contactConfirm .p-contactConfirm__list dd{
    width:100%;
  }
}


/* 完了画面 */
.p-contactComplete__inner{
  width:100%;
  margin:0 auto;
  padding:0 clamp(20px, 5.21vw , 40px);
  box-sizing:border-box;
}
.p-contactComplete__inner h1.p-contactComplete__heading{
  font-size: 40px;
  font-weight: 400;
  margin-bottom:48px;
}
.p-contactComplete__inner .p-contactComplete__text{
  font-size: 24px;
  font-weight: 400;
}
.p-contactComplete__inner .p-contactComplete__button .c-button{
  justify-content: center;
  margin:80px auto 0;
}
@media only screen and (max-width: 768px){
  .p-contactComplete__inner h1.p-contactComplete__heading{
    font-size: 24px;
    margin-bottom:32px;
  }
  .p-contactComplete__inner .p-contactComplete__text{
    font-size: 16px;
  }
  .p-contactComplete__inner .p-contactComplete__button .c-button{
    justify-content: center;
    margin:60px auto 0;
  }

}

/* ログイン
=========================================*/
.p-login .p-login__form__password a{
  text-decoration:none;
}
@media only screen and (max-width: 768px){
  .p-login .c-button-box.flex{
    flex-wrap: wrap;
    justify-content: center;
  }
  .p-login .p-login__form__password{
    order:2;
    width:100%;
    text-align:center;
    margin-top:32px;
  }
}

/* 購入履歴
=========================================*/
.p-mypage-orders__title{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom:20px;
}
.p-mypage-orders__item{
  border-bottom:1px solid #C7D0D1;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 0 48px;
  padding:16px 0;
}
.p-mypage-orders__item:first-of-type{
  border-top:1px solid #C7D0D1;
}
.p-mypage-orders__item dl{
  display: flex;
  gap: 0 48px;
  flex-wrap: wrap;
  align-items: center;
  width:calc(100% - 48px - calc(16px * 7 + 22px));
}
.p-mypage-orders__item dl dt{
  width:calc(18px * 5);
  font-size: 14px;
  padding:5px 0;
}
.p-mypage-orders__item dl dt.p-mypage-orders__num{
  font-size: 18px;
  font-weight: 400;
}
.p-mypage-orders__item dl dd{
  width:calc(100% - calc(18px * 5) - 48px);
  padding:5px 0;
}
.p-mypage-orders__item dl dd.p-mypage-orders__num{
  font-size: 18px;
  font-weight: 400;
}
.p-mypage-orders__item dl dd .tax-in{
  font-size: 12px;
  font-weight: 300;
}

.p-mypage-orders__item .btn-more{
  width: calc(16px * 7 + 22px);
  font-size:16px;
  text-align: right;
  text-decoration:none;
}

@media only screen and (max-width: 880px){
  .p-mypage-orders__item {
    flex-wrap: wrap;
  }
  .p-mypage-orders__item dl{
    gap: 0 24px;
    width:100%;
  }
  .p-mypage-orders__item dl dt{
    width:calc(16px * 5);
    padding:5px 0;
  }
  .p-mypage-orders__item dl dd{
    width:calc(100% - calc(16px * 5) - 24px);
  }

  .p-mypage-orders__item dl dt.p-mypage-orders__num{
    font-size: 16px;
    font-weight: 400;
  }

  .p-mypage-orders__item .btn-more{
    width:100%;
    font-size:14px;
  }
}

/* 購入履歴詳細
=========================================*/
.p-mypage-orders-detail .main__column .main__column-inner{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.p-mypage-orders-detail .main__column .l-mypage__header{
  width:100%;
}
.p-mypage-orders-detail .c-mypage-title{
  width:100%;
}
.p-mypage-orders-detail-order__head{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin:0 auto 36px;
  width:100%;
}
.p-mypage-orders-detail-order__label{
  display:inline-block;
  border-radius: 40px;
  border: 1px solid #C7D0D1;
  padding:8px 20px;
  margin-right:1em;
  line-height:1;
}
.p-mypage-orders-detail .p-mypage-orders-detail-order__item{
  padding:1rem 0;
  display: flex;
  align-items: center;
  gap:26px;
  border-bottom: 1px solid #C7D0D1;
  width:100%;
}
.p-mypage-orders-detail .p-mypage-orders-detail-order__item .p-mypage-orders-detail-order__img{
  width: 160px;
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}
.p-mypage-orders-detail .p-mypage-orders-detail-order__item .p-mypage-orders-detail-order__img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 100%;
}
.p-mypage-orders-detail .p-mypage-orders-detail-order__item .p-mypage-orders-detail-order__content{
  width: calc(100% - 160px - 26px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap:36px 24px;
}
.p-mypage-orders-detail .p-mypage-orders-detail-order__item .p-mypage-orders-detail-order__content .p-mypage-orders-detail-order__name{
  width:100%;
  font-size: 18px;
  font-weight: 400;
}
.p-mypage-orders-detail .p-mypage-orders-detail-order__item .p-mypage-orders-detail-order__content .p-mypage-orders-detail-order__quantity{
  font-size: 12px;
  color: #6D6D6D;
}
.p-mypage-orders-detail .p-mypage-orders-detail-order__item .p-mypage-orders-detail-order__content .p-mypage-orders-detail-order__price{
  text-align:right;
  display:inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #6D6D6D;
}
.p-mypage-orders-detail .p-mypage-orders-detail-order__item .p-mypage-orders-detail-order__content .p-mypage-orders-detail-order__price .tax-in{
  font-size: 11px;
}
.p-mypage-orders-detail .l-mypage__column {
  width: calc(100% - 294px - clamp(40px, 7.81vw , 60px));
}
.p-mypage-orders-detail .p-cart__aside {
  width: 294px;
  border: 1px solid #C7D0D1;
  box-sizing: border-box;
  padding: 2rem 1.5rem;
}
.p-mypage-orders-detail .p-cart__account__list{
  display: flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:24px;
  font-size:14px;
}
.p-mypage-orders-detail .p-cart__account__list.p-orderConfirm__account__list:not(total){
  margin-bottom:18px;
}
.p-mypage-orders-detail .p-cart__account__list .p-cart__account__num{
  font-family: "Instrument Sans", sans-serif !important;
  font-weight: 400;
}
.p-mypage-orders-detail .p-cart__account__list.total{
  font-size:20px;
  font-weight: 400;
}
.p-mypage-orders-detail .p-cart__account__list.total .p-cart__account__num{
  font-size: 24px;
  font-weight: 400;
}
.p-mypage-orders-detail .p-mypage-orders-detail-order__foot{
  padding:60px 0;
  border-bottom:1px solid #C7D0D1;
}
.p-mypage-orders-detail .c-mypage-title{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 36px;
}
.p-mypage-orders-detail .c-mypage-title h2{
  margin-bottom: 0;
}
.p-mypage-orders-detail .c-mypage-title .btn-more{
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
  text-align:right;
  font-size: 16px;
}

@media only screen and (max-width: 1100px){
  .p-mypage-orders-detail .cts__column{
    flex-wrap: wrap;
  }
  .p-mypage-orders-detail .p-mypage-orders-detail-order__item .p-mypage-orders-detail-order__img{
    width: clamp(86px, 20.83vw, 160px);
  }
  .p-mypage-orders-detail .main__column{
    flex-wrap: wrap;
  }
  .p-mypage-orders-detail .l-mypage__column{
    width: 100%;
    order:2;
  }
  .p-mypage-orders-detail .p-cart__aside {
    width: 100%;
    order:1;
  }
  .p-mypage-orders-detail .p-mypage-orders-detail-order__item{
    gap:12px;
  }
  .p-mypage-orders-detail .p-mypage-orders-detail-order__item .p-mypage-orders-detail-order__content{
    width: calc(100% - clamp(86px, 20.83vw, 160px) - 12px);
  }
  .p-mypage-orders-detail .p-mypage-orders-detail-order__item .p-mypage-orders-detail-order__content .p-mypage-orders-detail-order__name{
    font-size: 14px;
    font-weight: 400;
  }
  .p-mypage-orders-detail-order__head{
    flex-wrap: wrap;
    gap:1rem 2rem;
  }
  .p-mypage-orders-detail-order__head .p-mypage-orders-detail-order__information{
    white-space:nowrap;
    text-align:left;
  }
  .p-mypage-orders-detail-order__head .p-mypage-orders-detail-order__information__date{
    white-space:nowrap;
  }
}

/* 定期購入一覧
=========================================*/
.p-mypage-subscription__list{
  border-top: 1px solid #C7D0D1;
  margin:0 auto 28px;
}
.p-mypage-subscription .p-mypage-subscription__item{
  display: flex;
  align-items: flex-end;
  gap: 26px;
  border-bottom: 1px solid #C7D0D1;
  width: 100%;
}
.p-mypage-subscription .p-mypage-subscription__item__img{
  width: 160px;
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}
.p-mypage-subscription .p-mypage-subscription__item__img .c-account_table__product__img__inner,
.p-mypage-subscription .p-mypage-subscription__item__img img{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 100%;
}
.p-mypage-subscription .p-mypage-subscription__item__inner{
  width: calc(100% - 160px - 26px);
  padding:0 0 14px;
}
.p-mypage-subscription .p-mypage-subscription__item__num{
  font-size: 18px;
  font-weight: 400;
  line-height:1;
  text-align:left;
}
.p-mypage-subscription .p-mypage-subscription__item__schedule{
  margin:16px 0 14px;
  color: #6D6D6D;
  font-size: 12px;
  line-height:1;
}
.p-mypage-subscription .p-mypage-subscription__item__state span{
  border-radius: 40px;
  border: 1px solid var(--border, #768587);
  display:inline-block;
  padding:2px 20px;
}

@media only screen and (max-width: 768px){
  .p-mypage-subscription .p-mypage-subscription__item{
    padding:1rem 0;
    gap:1rem;
    align-items: center;
  }
  .p-mypage-subscription .p-mypage-subscription__item__img{
    width:clamp(86px , 20.83vw , 160px);
  }
  .p-mypage-subscription .p-mypage-subscription__item__inner{
    width: calc(100% - min(25.6% , 160px) - 1rem);
    padding:0;
  }
  .p-mypage-subscription .p-mypage-subscription__item__num{
    font-size: 14px;
  }
  .p-mypage-subscription .p-mypage-subscription__item__state{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }

}

/* 定期購入詳細
=========================================*/
.p-subscription_detail{
  margin:0 auto !important;
}
.p-point-list .c-mypage-title,
.p-subscription_edit .c-mypage-title,
.p-subscription_detail .c-mypage-title{
  margin-top:60px;
}
.p-subscription_edit .c-mypage-title .c-mypage-order-number,
.p-subscription_detail .c-mypage-title .c-mypage-order-number{
  margin:0 auto 40px;
}
.p-point-list .c-mypage-title:first-of-type,
.p-subscription_edit .c-mypage-title:first-of-type,
.p-subscription_detail .c-mypage-title:first-of-type{
  margin-top:0;
}

.c-mypage-table table .column .edit:after,
.c-mypage-table table .column .delete:after{
  content:"";
  width:1.4em;
  height:1.4em;
  display:inline-block;
  margin-left:0.2em;
  vertical-align: middle;
}
.c-mypage-table table .column{
  width:8em;
  text-align:right;
}
.c-mypage-table table .column a{
  text-decoration:none;
  display:inline-block;
  margin-left:0.5em;
}
.c-mypage-table table .column .edit:after{
  background:url(../img/ico_pen.svg) no-repeat center center;
  background-size:contain;
}
.c-mypage-table table .column .delete:after{
  background:url(../img/ico_trashcan.svg) no-repeat center center;
  background-size:contain;
}

.p-card-list .c-mypage-table table,
.p-add-list .c-mypage-table table,
.p-point-list .c-mypage-table table,
.p-subscription_detail .c-mypage-table table{
  width:100%;
  border-collapse: collapse;
  text-align:left;
}
.p-card-list .c-mypage-table table th,
.p-add-list .c-mypage-table table th,
.p-point-list .c-mypage-table table th,
.p-subscription_detail .c-mypage-table table th{
  border-bottom:1px solid #C7D0D1;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
  font-weight: 400;
  font-size: 14px;
  padding:0 2rem 1rem 0;
  line-height:1.6;
}
.p-card-list .c-mypage-table table th:last-of-type,
.p-add-list .c-mypage-table table th:last-of-type,
.p-point-list .c-mypage-table table th:last-of-type,
.p-subscription_detail .c-mypage-table table th:last-of-type{
  padding:0 0 1rem;
}


.p-card-list .c-mypage-table table td,
.p-add-list .c-mypage-table table td,
.p-point-list .c-mypage-table table td,
.p-subscription_detail .c-mypage-table table td{
  border-bottom:1px solid #C7D0D1;
  padding:1rem 2rem 1rem 0;
  overflow-wrap: anywhere;
  line-height:1.6;

}
.p-card-list .c-mypage-table table td:last-of-type,
.p-add-list .c-mypage-table table td:last-of-type,
.p-point-list .c-mypage-table table td:last-of-type,
.p-subscription_detail .c-mypage-table table td:last-of-type{
  padding:1rem 0;
}

.p-subscription_detail .c-mypage-table table th.meimoku{
  width:25%;
}
,p-add-list .c-mypage-table table th.add,
.p-subscription_detail .c-mypage-table table th.add{
  width:40%;
}
.p-subscription_detail .p-subscription_detail__block__wrapper{
  flex-wrap: wrap;
  gap:0 clamp(40px, 7.81vw , 60px)
}
.p-subscription_detail .p-subscription_detail__block__wrapper .c-mypage-title{
  width:100%;
}

.p-subscription_detail .c-cart_item{
  padding: 0;
  align-items: center;
  border-top:0;
  border-bottom:1px solid #C7D0D1;
  
}
.p-subscription_detail .c-cart_item:first-of-type{
  border-top:1px solid #C7D0D1;
}
.p-subscription_detail .c-cart_item .c-cart_item__img{
  width: 160px;
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}
.p-subscription_detail .c-cart_item .c-cart_item__img img{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 100%;
}
.p-subscription_detail .c-cart_item a{
  text-decoration:none;
}
.p-subscription_detail .c-cart_item .c-cart_item__info__title{
  font-size: 18px;
  font-weight: 400;
  margin-bottom:1rem;
}
.p-subscription_detail .c-cart_item__info__total{
  color: #6D6D6D;
  font-size: 12px;
  gap:1rem;
}
.p-subscription_detail .c-cart_item__info__total .price{
  font-weight: 400;
}
.p-subscription_detail .c-cart_item + .c-button-area{
  margin-top:24px;
}
.p-subscription_detail__item__list{
  width:calc(100% - clamp(40px, 7.81vw, 60px) - 250px);
}
.p-subscription_detail .c-billing__aside{
  width:250px;
}
.p-subscription_detail .c-billing__total,
.p-subscription_detail .c-billing__sub{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.p-subscription_detail .c-billing__total .c-billing__total__title{
  font-size: 20px;
}
.p-subscription_detail .c-billing__total .c-billing__total__price{
  font-size: 24px;
  font-weight: 400;  
}
.p-subscription_detail .c-billing__sub .c-billing__total__title{
  font-size: 14px;
}
.p-subscription_detail .c-billing__sub .c-billing__total__price{
  font-size: 16px;
  font-weight: 400;
}
.p-subscription_detail .c-billing__total + .c-billing__sub{
  margin-top:32px;
}
.p-subscription_detail .c-billing__sub + .c-billing__sub{
  margin-top:23px;
}
@media only screen and (max-width: 1100px){
  .p-subscription_detail__item__list{
    width:100%;
  }
  .p-subscription_detail .c-billing__aside{
    width:100%;
    margin:40px auto 0;
  }
  .scroll-list {
    overflow-x: scroll;
  }
  .scroll-list table{
    width: max-content !important;
  }
}
@media only screen and (max-width: 768px){
  .c-mypage-table table.sp{
    display:table;
  }
  .c-mypage-table table.sp th{
    padding-top:1rem !important;
  }

  .p-card-list .c-mypage-table table th,
  .p-add-list .c-mypage-table table th,
  .p-point-list .c-mypage-table table th,
  .p-subscription_detail .c-mypage-table table th{
    font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif !important;
    font-weight: 300 !important;
  }
  .p-card-list .c-mypage-table table td,
  .p-add-list .c-mypage-table table td,
  .p-point-list .c-mypage-table table td,
  .p-subscription_detail .c-mypage-table table td{
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
    font-weight: 400 !important;
  }

  
  .p-subscription_edit .c-mypage-title h2 ,
  .p-subscription_detail .c-mypage-title h2 {
    margin-bottom: 16px;
    font-size: 18px;
  }
  .p-subscription_edit .c-mypage-title .c-mypage-order-number,
  .p-subscription_detail .c-mypage-title .c-mypage-order-number{
    margin:0 auto 24px;
    font-size: 12px;
  }
  .p-subscription_detail .c-cart_item .c-cart_item__img{
    width: clamp(86px, 20.83vw, 160px);
  }
  .p-subscription_detail .c-cart_item__info{
    width: calc(100% - clamp(86px, 20.83vw, 160px) - 12px);
  }
  .p-subscription_detail .c-cart_item .c-cart_item__info__title{
    font-size: 14px;
  }


  .p-add-list .c-mypage-table table th,
  .p-point-list .c-mypage-table table th,
  .p-subscription_detail .c-mypage-table table th{
    padding:1rem 1rem 1rem 0;
  }
}


/* 定期商品一括操作画面
=========================================*/
.bulk_changes .c-mypage-title .c-mypage-order-number{
  margin-bottom:16px;
}
.bulk_changes .c-mypage-title ul{
  list-style: disc;
  margin: 0 0 30px 1.2em;
}
.bulk_changes .c-mypage-title li{
  list-style: disc;
}
.bulk_changes .p-subscription_detail__block__wrapper{
  align-items: center;
}
.bulk_changes .p-subscription_detail__item__list{
  width:100%;
}

.bulk_changes.p-subscription_detail .c-mypage-title{
  margin-top:0;
}
.bulk_changes .order-item-group{
  border-bottom: 1px solid #C7D0D1;
}
.bulk_changes .p-subscription_detail__list{
  border-top: 1px solid #C7D0D1;
}
.bulk_changes .bulk_changes__aside{
  width:100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 20px auto 12px;
  gap: 24px 20px;
}
.bulk_changes .bulk_changes__aside .flex.flex-end{
  gap:32px;
  white-space:nowrap;
}
.bulk_changes .p-fieldset__label{
  font-size: 14px;
  white-space:nowrap;
}
.bulk_changes .p-variant_bulk_changes__quantity{
  margin:0;
  display: flex;
  align-items: center;
}
.bulk_changes form span.required{
  margin: 0.5em 0 0 0.3em;
}
.bulk_changes .c-order_quantity{
  width:120px;
  margin-left: 1rem;
}
.bulk_changes .c-order_quantity__input{
  border-radius: 2em;
  height: 32px;
  border: 1px solid #768587;
  font-size: 14px;
  padding-left: 32px;
  padding-right: 32px;
}
.bulk_changes .bulk_changes__aside .c-button{
 padding:0;
}
.bulk_changes .bulk_changes__aside .c-button__text{
  width:200px;
}
.bulk_changes .bulk_changes__aside .c-button-text{
  font-size: 16px;
  font-weight: 400;
  text-decoration:none;
}
.bulk_changes .c-cart_item{
  border-top: 0;
  border-bottom:0;
}
.bulk_changes .c-order_quantity__minus,
.bulk_changes .c-order_quantity__plus{
  color: #768587;
  font-size: 14px;
  width: 32px;
  height: 32px;
}
.bulk_changes .item-addition-list{
  display: flex;
  flex-wrap: wrap;
  gap:20px;
  margin:80px auto 0 0;
  width: calc(100% - 250px - clamp(40px, 7.81vw, 60px));
}
.bulk_changes .item-addition-list .item-addition-list__item{
  width:calc(calc(100% - 40px) / 3);
  display: flex;
  flex-direction: column;
  gap:12px;
}
.bulk_changes .item-addition-list .item-addition-list__item img{
  max-width:100%;
}
.bulk_changes .item-addition-list .item-addition-list__item .c-cart_item__info{
  width:calc(100% - 160px - 20px);
}
.bulk_changes .item-addition-list .item-addition-list__item .name{
  font-size: 14px;
  line-height: 1.6;
  flex-grow: 1;
}
.bulk_changes .item-addition-list .item-addition-list__item .cost{
  font-weight: 400;
}
.bulk_changes .item-addition-list .item-addition-list__item .c-button__text{
  padding: 12px 20px;
  margin: 0 auto 12px;
  text-decoration:none;
  max-width:90%;
}
.bulk_changes .item-addition-list .item-addition-list__item a:not(.c-button__text){
  display:block;
  overflow:hidden;
  position: relative;
  aspect-ratio: 185 / 215;
}
.bulk_changes .item-addition-list .item-addition-list__item a:not(.c-button__text) img{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 100%;
}

@media only screen and (max-width: 1200px){
  .bulk_changes .item-addition-list{
    gap:20px 6px;
    width:100%;
  }
  .bulk_changes .item-addition-list .item-addition-list__item{
    width:calc(calc(100% - 12px) / 3);
  }
}
@media only screen and (max-width: 768px){
  .bulk_changes  .c-cart_item{
    justify-content: space-between;
    gap: 12px;
  }
  .bulk_changes  .c-cart_item .c-cart_item__img{
    width: clamp(86px , 20.83vw , 160px);
  }
  .bulk_changes  .c-cart_item .c-cart_item__info{
    width:100%;
    display:flex;
    flex-wrap: wrap;
    padding-:0 12px;
    gap:0 12px;
    padding:1rem 0;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }
  .bulk_changes  .c-cart_item .c-cart_item__info .c-cart_item__info-inner{
    width: calc(100% - clamp(86px , 20.83vw , 160px) - 12px);
  }

  .bulk_changes  .c-cart_item .c-cart_item__info__title{
    margin-bottom: 0;
  }
  .bulk_changes  .c-cart_item__info__total{
    margin-top:12px;
  }
  .bulk_changes .bulk_changes__aside{
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 10px auto 0;
  }
  .bulk_changes .p-variant_bulk_changes__quantity{
    width: calc(100% - clamp(86px, 20.83vw, 160px) - 12px);
    flex-wrap: wrap;
    gap:18px;
  }
  .bulk_changes .p-variant_bulk_changes__quantity label{
  }
  .bulk_changes .c-order_quantity{
    margin:0;
  }
  .bulk_changes .bulk_changes__aside .flex.flex-end{
    width: 100%;
    justify-content: space-between;
  }
  .bulk_changes .bulk_changes__aside .c-button__text{
    margin: 0 auto;  
  }
  .bulk_changes .item-addition-list .item-addition-list__item .cost,
  .bulk_changes .item-addition-list .item-addition-list__item .name{
    padding:0 12px;
  }
  
}
@media only screen and (max-width: 600px){
  .bulk_changes .item-addition-list .item-addition-list__item{
    width:calc(calc(100% - 6px) / 2);
  }
}
     
/* 定期商品編集画面
=========================================*/
.p-subscription_edit{
  margin-top:0;
}
.p-subscription_edit label + .c-selectbox{
  margin-top:16px;
}

.p-subscription_edit .c-mypage-title.border-top{
  padding-top:60px;
  border-top:1px solid #C7D0D1;
}
.p-subscription_edit #skip-next-delivery-view{
  padding-bottom:60px;
  border-bottom:1px solid #C7D0D1;
}
.p-subscription_edit .c-mypage-title h2{
  margin-bottom:16px;
}
.p-subscription_edit .c-mypage-title p{
  margin-bottom:16px;
}
.p-subscription_edit .c-mypage-title ul{
  list-style: disc;
  margin: 0 0 16px 1.2em;
}
.p-subscription_edit .c-mypage-title li{
  list-style: disc;
}
.p-subscription_edit input + .txtR{
  margin-top:1rem;
}
.p-subscription_edit input[type=radio] {
  display: inline;
  vertical-align: text-bottom;
  margin-right:0.5em;
}
.p-subscription_edit .point-flag-flex{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap:1rem 2rem;
  margin:14px auto 0;
}
.p-subscription_edit .point-flag-flex .point-flag{
  width:fit-content;
}
.p-subscription_edit .point-flag-flex .point-flag label + label{
  margin-top:20px;
}
.p-subscription_edit .point-flag-flex .point-info{
  width:fit-content;
  color:#646464;
}
.p-subscription_edit .main__column .c-button-area.flex{
  margin-top:40px;
}
.p-subscription_edit #skip-next-delivery-view .date-data.flex{
  align-items: center;
  justify-content: flex-start;
  gap: 2rem;
}
.p-subscription_edit #skip-next-delivery-view .date-data p.date{
  width:17em;
}
.p-subscription_edit  label{
  line-height:1;
}
.p-subscription_edit label + select,
.p-subscription_edit label + .c-textbox__input{
  margin-top:14px;
}
.p-subscription_edit #container_delivery_schedule_by_term {
  margin-top:32px;
  display: flex;
  align-items: center;
  gap:1rem;
}
.p-subscription_edit #container_delivery_schedule_by_term .c-selectbox{
  width:100px;
}
.p-subscription_edit #container_delivery_schedule_by_term .c-selectbox select{
  width:100%;
}

.p-subscription_edit #shipping-cycle-edit-view label,
.p-subscription_edit #shipping-cycle-edit-view label + p{
  margin-top:24px;
}


/* お届け先リスト
=========================================*/
.p-add-list .c-mypage-title h4{
  font-size: 16px;
}
.p-add-list .c-mypage-title p{
  font-size: 14px;
  margin:16px auto 32px;
}

@media only screen and (max-width: 768px){
  .p-add-list  .scroll-list table th,
  .p-add-list t .scroll-list table td{
    white-space:nowrap;
    padding: 1rem 3rem 1rem 0 !important;
  }
  .p-add-list t .scroll-list table td.column{
    padding: 1rem 0 !important;
  }
}



/* 定期商品追加
=========================================*/
.p-subscription_plus .product-flex{
  display: flex;
  justify-content: space-between;
  gap: clamp(40px, 7.81vw, 60px);
}
.p-subscription_plus .product-flex .img,
.p-subscription_plus .product-flex .detail{
  width:calc(calc(100% - clamp(40px, 7.81vw, 60px) / 2));
}
.p-subscription_plus .product-flex .img #sub-images-view ul{
  display: flex;
}

.p-subscription_plus .product-flex .detail .p-productsDetail__name{
  font-size: 40px;
  font-weight: 400;
  line-height: 1.6;
  text-align:left;
}
.p-subscription_plus .product-flex .detail .p-productsDetail__label{
  font-size: 18px;
  font-weight: 400;
  margin:16px auto 40px;
}
.p-subscription_plus .sales-price{
  font-weight: 400;
}
.p-subscription_plus .sales-price .en-sans{
  font-size: 24px;
}
.p-subscription_plus .sales-price .tax-in{
  font-size: 12px;
}
.p-subscription_plus .c-order_quantity{
  width:170px;
}
.p-subscription_plus .c-order_quantity__input{
  border-radius: 2em;
  height: 32px;
  border: 1px solid #768587;
  font-size: 14px;
  padding-left: 32px;
  padding-right: 32px;
}
.p-subscription_plus .c-order_quantity__minus ,
.p-subscription_plus .c-order_quantity__plus {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #768587;
  font-size: 14px;
  width: 32px;
  height: 32px;
  position: absolute;
  transition: 0.4s;
  top: 0;
}
.p-subscription_plus .c-order_quantity__minus {
  left: 0;
}
.p-subscription_plus .c-order_quantity__plus {
  right: 0;
}
.p-subscription_plus .p-subscription_plus_radio{
  display: flex;
  gap:0 clamp(20px, 5.21vw, 40px);
  flex-wrap: wrap;
  margin:32px auto 0;
  gap:0 37px;
}
.p-subscription_plus .p-subscription_plus_radio>.ib>span:first-of-type{
  margin-right:clamp(20px, 5.21vw, 40px);
}
.p-subscription_plus .p-subscription_plus_radio input[type=radio]{
  display:inline-block;
  margin:0 0.4em 0 0;
  vertical-align: sub;
}
.p-subscription_plus .p-subscription_plus_radio .att{
  width:100%;
  font-size: 12px;
  margin-top:12px;
}
.p-subscription_plus .c-button-area{
  margin:60px auto 40px;
  text-align:center;
}
.p-subscription_plus .c-button-area #btn-stock-waiting-list{
  margin:0 auto 1rem;
}

.p-subscription_plus .c-button-area .c-button__text.jp{
  width:100%;
  color:#fff;
  background:#343434;
  font-size: 20px;
  font-weight: 400;
  width:100%;
}
.p-subscription_plus .c-product_info__form__quantity{
  flex-wrap: wrap;
  gap:5px 0;
}
.p-subscription_plus .c-product_info__form__quantity__label{
  padding:0 calc(5em + 37px) 0 0;
  white-space:nowrap;
}
.p-subscription_plus .txtC:not(.att) a{
  font-size:14px;
  text-decoration:none;
  color:#646464;
}
@media only screen and (max-width: 1100px){

  .p-subscription_plus .product-flex{
    display: block;
  }
  .p-subscription_plus .product-flex .img,
  .p-subscription_plus .product-flex .detail{
    width:100%;
  }

  .p-subscription_plus .product-flex .detail{
    margin-top:48px;
  }
  .p-subscription_plus .product-flex .detail .p-productsDetail__name{
    font-size: 24px;
  }
  .p-subscription_plus .product-flex .detail .p-productsDetail__label{
    font-size: 12px;
  }
  .p-subscription_plus .sales-price .en-sans{
    font-size: 20px;
  }
  .p-subscription_plus .c-product_info__form__quantity__label{
    font-size: 14px !important;
  }
  .p-subscription_plus .p-subscription_plus_radio .att{
    text-align:right;
    font-size: 12px;
  }
  .p-subscription_plus .c-button-area{
    margin:48px auto 32px;
  }
 
}

/* 定期商品追加完了画面
=========================================*/
.p-subsc_plus_order .order_num{
  margin:28px auto 26px;
}
.p-subsc_plus_order .point-max{
  color:#646464;
}
.p-subsc_plus_order .c-cart_item{
  padding:0;
  border-top: 0;
  border-bottom: 1px solid #C7D0D1;
  align-items: center;
  gap:27px;
}
.p-subsc_plus_order .c-cart_item:first-of-type{
  border-top: 1px solid #C7D0D1;
  margin-top:1rem;
}
.p-subsc_plus_order .c-cart_item .img{
  width:160px;
  aspect-ratio: 1 / 1;
  position:relative;
  overflow:hidden;
}
.p-subsc_plus_order .c-cart_item .img img{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 100%;
}
.p-subsc_plus_order .c-cart_item .c-cart_item__info{
  padding:0;
}
.p-subsc_plus_order .c-cart_item .c-cart_item__info a{
  font-size: 18px;
  font-weight: 400;
  text-decoration:none;
  margin-bottom:1rem;
}
.p-subsc_plus_order .c-cart_item__info__total{
  font-size: 12px;
  color: #6D6D6D;
}
.p-subsc_plus_order .c-cart_item__info__total .en-sans{
  font-weight: 400;
}

@media only screen and (max-width: 768px){
  .p-subsc_plus_order .order_num{
    font-size: 12px;
    margin:16px auto 24px;
  }
  .p-subsc_plus_order .c-cart_item{
    padding:17px 0;
  }
  .p-subsc_plus_order .c-cart_item .img{
    width: clamp(86px, 20.83vw, 160px);
  }
  .p-subsc_plus_order .c-cart_item{
    gap:13px;
  }  
  .p-subsc_plus_order .c-cart_item .c-cart_item__info a{
    font-size: 14px;
  }

}

/* 定期商品追加
=========================================*/
.p-passwordNew .c-textbox{
  margin-top: 40px !important;
}
.p-passwordNew .att-txt{
  background: #F0F2F1;
  padding: 20px 24px;
  margin-top: 80px;
}
.p-passwordNew .att-txt .p-passwordNew__note{
  font-size: 18px;
  font-weight: 600;
  margin-bottom:8px;
}
.p-passwordNew .att-txt .p-passwordNew__box__title{
  text-indent:-1em;
  padding-left:1em;
  margin:1.6rem auto 0;
}
.p-passwordNew .att-txt .p-passwordNew__box__title::before{
  content:"・";
  font-weight: 600;
  display:inline-block;
  width:1em;
  text-align: right;
}

/* News一覧
=========================================*/
 .p-news .cts__column{
  max-width:100%;
}
.p-news .title__column{
  width:300px;
}
.p-news .main__column{
  width:calc(100% - clamp(40px, 7.81vw, 60px) - 300px);
}
.p-news .main__column-inner{
  width:calc(min(100vw, 1920px) - clamp(20px, 5.21vw, 40px) * 2 - clamp(40px, 7.81vw, 60px) - 300px);
  margin:0 auto;
}

@media only screen and (max-width: 768px){
  .p-news .cts__column{
    max-width:100%;
  }
  .p-news .title__column{
    width:100%;
  }
  .p-news .main__column{
    width:100%;
  }
  .p-news .main__column-inner{
    width:100%;
    margin:0 auto;
  }
}



.p-newsArchive__list a{
  text-decoration:none;
}
.p-newsArchive__list{
  border-bottom:1px solid #C7D0D1;
}
.p-newsArchive__list .p-newsArchive__link{
  display: flex;
  justify-content: space-between;
  gap:0 clamp(40px, 7.81vw, 60px);
  padding:8px 0 16px;
}
.p-newsArchive__list .p-newsArchive__link .txt{
  width:calc(100% - 29.5% - clamp(40px, 7.81vw, 60px));
}
.p-newsArchive__list .p-newsArchive__link .txt h2{
  font-size: 20px;
  font-weight: 400;
  margin-top:20px;
}
.p-newsArchive__list .p-newsArchive__item .time{
  width:100%;
  font-weight: 400;
  position:relative;
  line-height:1;
}
.p-newsArchive__list .p-newsArchive__item .time::before{
  content:"";
  background:#C7D0D1;
  width:calc(100% - 10em);
  height:1px;
  position:absolute;
  right:0;
  top:50%;
}
.p-newsArchive__list .p-newsArchive__item .time .week{
  color:#646464;
  margin-left:1em;
}
.p-newsArchive__list .p-newsArchive__link .img{
  aspect-ratio: 295 / 186;
  position:relative;
  width:29.5%;
  overflow:hidden;
  background:#F0F2F1;
}
.p-newsArchive__list .p-newsArchive__link .img img{
  position:absolute;
  object-fit: cover;
  left:50%;
  top:50%;
  transform: translateY(-50%) translateX(-50%);
}
.p-newsArchive__inner .paginate{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap:4px;
  font-size:12px;
  margin:20px auto 0;
}
.p-newsArchive__inner .paginate a{
  display:inline-block;
  width:2em;
  position:relative;
  text-decoration:none;
  text-align:center;
}
.p-newsArchive__inner .paginate a.current::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform: translateY(-50%) translateX(-50%);
  border-radius: 2em;
  background:#F0F2F1;
  width:2em;
  height:2em;
  z-index:-1;
}
.p-newsArchive__inner .paginate a.prev img{
  transform: scale(-1, 1);
  margin:0 auto;
}

@media only screen and (max-width: 768px){
  .p-newsArchive__list .p-newsArchive__link{
    gap:0;
    flex-flow: row wrap;
  }
  .p-newsArchive__list .p-newsArchive__item .time{
    font-size: 12px;
    margin-bottom:20px;
  }
  .p-newsArchive__list .p-newsArchive__link .img{
    width:100%;
    order:1;
  }
  .p-newsArchive__list .p-newsArchive__link .txt{
    width:100%;
    order:2;
  }
  .p-newsArchive__list .p-newsArchive__link .txt h2{
    font-size: 16px;
  }
  .p-newsArchive__item + .p-newsArchive__item{
    margin-top:40px;
  }
}

/* News詳細
=========================================*/
.p-news-detail{
  margin:150px auto 160px;
}
.p-news-detail .p-article{
  max-width:866px;
  width:100%;
  margin:0 auto;
  text-align:justify;
}
.p-news-detail .p-article__head{
  margin:40px auto 32px;
  font-size: 16px;
  font-weight: 400;
}
.p-news-detail .p-article__head .week{
  color:#646464;
  margin-left:1em;
}
.p-news-detail .p-article__title{
  margin:0 auto 40px;
  font-size: 24px;
  font-weight: 400;
}
.p-news-detail .c-button{
  justify-content: center;
  margin:60px auto 0;
}
@media only screen and (max-width: 768px){
  .p-news-detail{
    margin:156px clamp(20px, 5.21vw, 40px) 160px;
  }
  .p-news-detail .p-article__head{
    margin: 37px auto 20px;
    font-size:12px;
    
  }
  .p-news-detail .p-article__title{
    font-size: 18px;
    margin:0 auto 48px;
  }
  .p-news-detail .c-button{
    margin: 80px auto 0;
  }
}

/* ポイント履歴
=========================================*/
@media only screen and (max-width: 768px){
  .p-point-list .scroll-list table th,
  .p-point-list .scroll-list table td{
    white-space:nowrap;
    padding: 1rem 3rem 1rem 0;
  }
}

/* クレカ
=========================================*/
.p-card-list .c-mypage-table{
  margin:40px auto 60px;
}
.p-card-list .c-selectbox__wrap{
  margin-top:16px;
}
.p-card-list .c-textbox__input,
.p-card-list .c-form__item .c-textbox{
  margin-top:16px;
}
.p-card-list label{
  margin-top:40px;

}

/* 定期便の解除
=========================================*/
#subs-order-cancel-view{
  font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif !important;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.8;
  color: #343434;
  max-width:720px;
  width:100%;
  margin:0 auto;
}
#subs-order-cancel-view .c-checkbox-box{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap:36px clamp(40px, 7.81vw, 60px);
  margin:44px auto 60px 0;
  width:100%;
}
#subs-order-cancel-view .c-checkbox-box label{
  width:calc(calc(100% - clamp(40px, 7.81vw, 60px) * 2) / 3);
  font-weight: 300;
}
#subs-order-cancel-view .c-button-area{
  text-align:center;
}
#subs-order-cancel-view .c-button-area input{
  margin:0 auto 40px;
}
#subs-order-cancel-view .c-checkbox{
  width:calc(1.4 * 16px);
  height:calc(1.4 * 16px);
  margin-right: 12px;
  outline: none;
  vertical-align: text-bottom;
}

@media only screen and (max-width: 1060px){
  #subs-order-cancel-view .c-checkbox-box label{
    width:calc(calc(100% - clamp(40px, 7.81vw, 60px)) / 2);
    font-weight: 300;
  }
}
@media only screen and (max-width: 768px){
  #subs-order-cancel-view .c-checkbox{
    width:calc(1.4 * 14px);
    height:calc(1.4 * 14px);
  }
  #subs-order-cancel-view .c-checkbox-box label{
    width:100%;
  }
}