:root {
  --jess_black: #000000;
  --jess_white: #ffffff;
  --jess_wrapper: 15px;
  --jess_font-size:15px;
  --jess_header-height: 35px;
  --jess_border: solid 1px var(--jess_black);
  --jess_contents-margin:300px;
}
/*common*/
.p-page__wrap{
  padding:var(--jess_wrapper) var(--jess_wrapper) 0;
  /*font_mincho*/
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  font-style: normal;
}
.p-page__body-inner{border:none;padding:0;position:relative;}
.c-input--text{padding:4px;}
.p-page__copyright,
.p-page__secure{display:none;}
.c-button__group--sub{/*ショップに戻る*/
  position:absolute;bottom:var(--jess_wrapper);right:50%;transform:translate(50%);
  margin:0;
  a{font-size: 0;
	&::after{content:"Back to Shop";font-size:10px;}
  background:none;
  }
}
.c-button--login{
  height:30px;width:200px;min-width:200px;
  /*margin-top:50px;*/
  background:transparent;border-radius:0;
  border-top:var(--jess_border);border-bottom:var(--jess_border);
  &:hover{border-width:2px;}
}

/*ログインページ*/
form[action="/customer/login"]{
  min-height:calc(100dvh - 50px - 40px*2);/*logo-height&margin*/
  @media(min-width:576px){min-height:calc(100dvh - 60px - 50px*2);margin-top:30px;}
  @media(min-width:768px){max-width:500px;margin-left:auto;margin-right:auto;}
	@media(min-width:1200px){min-height:calc(100dvh - 60px - 70px*2);}
	@media(min-width:1400px){min-height:calc(100dvh - 60px - 90px*2);}
  /*テキスト置き換え*/
  .p-page__title {font-size: 0;
	&::after{content:"Account";font-size:var(--jess_font-size);}
  }
  label{font-size: 0;
    &::after{font-size:var(--jess_font-size);}
    &[for="session_login_form_email"]::after{content:"E-mail";}
    &[for="session_login_form_password"]::after{content:"Password";}
  }
  .c-button__group{position:relative;
	&::after{content:"Login";font-size:var(--jess_font-size);
      position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
	}
  }
  /*レイアウト他*/
  .p-page__title{margin-bottom:20px;
    padding-top:calc(((100dvh - 50px - 40px*2) - 350px)/2);
    @media(min-width:576px){padding-top:calc(((100dvh - 60px - 50px*2) - 300px)/2);}
	@media(min-width:1200px){/*margin-top:70px;*/padding-top:calc(((100dvh - 60px - 70px*2) - 250px)/2);}
	@media(min-width:1400px){/*margin-top:100px;*/padding-top:calc(((100dvh - 60px - 90px*2) - 250px)/2);}
  }
  .p-page__title + p,
  .c-alert{/*border:red dotted 2px;*/display:none;}
  .c-form__table{
    margin-top:20px;
    @media(min-width:768px){.c-form__title{width:10%;}}
    .c-input--text{
      border:var(--jess_border);border-radius:0;
    }
    .c-form__note{text-align:right;/*忘れた方はこちら*/
      a{color:var(--jess_black);text-decoration:none;font-size:10px;}
    }
  }
  .c-button--login{
    height:30px;width:200px;min-width:200px;
    /*margin-top:50px;*/
    background:transparent;border-radius:0;
    border-top:var(--jess_border);border-bottom:var(--jess_border);
    &:hover{border-width:2px;}
  }
  /*error対応*/
  .callout--negative{
    background-color:black!important;color:white!important;
    box-shadow:none!important
  }
}
/*アカウントページ*/
/*アカウントページ_テキスト置き換え*/
#orders_list .p-page__title{font-size: 0;
	&::after{content:"Order List";font-size:var(--jess_font-size);}
}
.p-page__body-inner > .p-page__title:nth-of-type(2){font-size:0;
  	&::after{content:"My Account";font-size:var(--jess_font-size);}
}
.p-page__body-inner > .p-page__title:last-of-type {font-size:0;
  	&::after{content:"Delete Account";font-size:var(--jess_font-size);}
}

/*アカウントページ_レイアウト他*/
#orders_list{
  .c-table-wrap--overflow{border:none;}
  .c-table__title{
    border-bottom:var(--jess_border);
    border-left:none;
  }
  .c-table__content{border:none;}
}
form[action="/customer/my_account/profile"] .c-button--primary{/*会員情報を更新*/
	background:#eff2f4;color:#35454c;font-family:serif;
	&:hover{background:#dfe5e8;color:#35454c;}
}
.myaccount-withdrawal{padding-bottom:50px;}