/*
* ----------------------------------------------------------------------------
* Common
* ----------------------------------------------------------------------------
*/
.page-width {
  max-width: 1280px;
  padding: 0 40px;
}
@media screen and (min-width: 750px) and (max-width: 989px) {
  .page-width {
    padding: 0 30px;
  }
}
@media screen and (max-width: 749px) {
  .page-width {
    padding: 0 20px;
  }
}

.shopify-policy__container {
  max-width: 900px;
  padding-bottom: 100px;
}
.shopify-policy__container .shopify-policy__title h1 {
  margin-block-start: 1.5em;
  margin-block-end: 1.5em;
}
.shopify-policy__container .rte table {
  margin: 0 auto;
}
.shopify-policy__container .rte table tbody tr td:first-child {
  width: 23%;
}

.login-custom .customer {
  padding-bottom: 60px;
}
.login-custom .customer h1 {
  font-weight: 500;
}
.login-custom .customer #customer_login button {
  width: 100%;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
}
.login-custom .customer #customer_login .create_account-title {
  font-size: calc(var(--font-heading-scale) * 3rem);
  font-weight: 500;
  color: rgb(var(--color-foreground));
  margin-top: 30px;
  border-top: 1px solid #121212;
  padding-top: 30px;
}
.login-custom .customer #customer_login .create_account-text {
  text-align: center;
  color: rgb(var(--color-foreground));
  font-weight: 500;
  margin-top: 30px;
}
.login-custom .customer #customer_login .create_account-button {
  display: block;
  margin-top: 20px;
  background-color: rgba(var(--color-button), var(--alpha-button-background));
  color: #fff;
  width: 100%;
  font-size: 1.8rem;
  font-weight: 500;
  text-decoration: none;
  padding: 14px 0;
  line-height: 1;
}
.login-custom .customer #customer_login .create_account-button:hover {
  scale: 1.01;
}

.register-custom .customer h1 {
  font-weight: 500;
}
.register-custom .customer .create_account-text {
  text-align: left;
  color: rgb(var(--color-foreground));
  font-weight: 500;
  margin-top: 30px;
  font-size: 14px;
}
.register-custom .customer form .customer-register-item {
  margin-top: 30px;
}
.register-custom .customer form .customer-register-item.radio-button {
  border-bottom: #7d7d7d 1px solid;
}
.register-custom .customer form .customer-register-item.radio-button .customer-register-radio {
  padding: 1rem 1.5rem;
  text-align: left;
}
.register-custom .customer form .customer-register-item.radio-button .customer-register-radio input:not(:first-child) {
  margin-left: 20px;
}
.register-custom .customer form .customer-register-item.check-box {
  display: flex;
}
.register-custom .customer form .customer-register-item.check-box.policy-check {
  margin-top: 10px;
}
.register-custom .customer form .customer-register-item.check-box input {
  display: block;
  height: 16px;
  width: 16px;
  margin-top: 0;
}
@media screen and (max-width: 749px) {
  .register-custom .customer form .customer-register-item.check-box input {
    height: 15px;
    width: 15px;
  }
}
.register-custom .customer form .customer-register-item.check-box label {
  font-size: 1.4rem;
}
@media screen and (max-width: 749px) {
  .register-custom .customer form .customer-register-item.check-box label {
    font-size: 1.2rem;
  }
}
.register-custom .customer form .customer-register-item.check-box label a {
  font-size: 1.4rem;
}
@media screen and (max-width: 749px) {
  .register-custom .customer form .customer-register-item.check-box label a {
    font-size: 1.2rem;
  }
}
.register-custom .customer form .customer-register-item.check-box label .required {
  font-size: 1.5rem;
  font-size: 1.2rem;
}
.register-custom .customer form .customer-register-item label {
  text-align: left;
  font-weight: 500;
  display: block;
  font-size: 1.6rem;
  padding-left: 5px;
  line-height: 1;
}
.register-custom .customer form .customer-register-item label .required {
  font-size: 1.3rem;
  color: red;
  font-weight: 500;
  margin-left: 10px;
}
@media screen and (max-width: 749px) {
  .register-custom .customer form .customer-register-item label {
    font-size: 1.5rem;
  }
}
.register-custom .customer form .customer-register-item .field:after,
.register-custom .customer form .customer-register-item .select:after,
.register-custom .customer form .customer-register-item .customer .field:after,
.register-custom .customer form .customer-register-item .customer select:after,
.register-custom .customer form .customer-register-item .localization-form__select:after {
  display: none;
}
.register-custom .customer form .customer-register-item .field input {
  font-size: 1.6rem;
  border-bottom: 1px solid #7d7d7d;
  padding: 1rem 1.5rem;
}
@media screen and (max-width: 749px) {
  .register-custom .customer form .customer-register-item .field input {
    font-size: 1.5rem;
  }
}
.register-custom .customer form .customer-register-item .field input:focus {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.6rem;
}
@media screen and (max-width: 749px) {
  .register-custom .customer form .customer-register-item .field input:focus {
    font-size: 1.5rem;
  }
}
.register-custom .customer form .customer-register-item .field input::placeholder {
  opacity: 1;
  color: #7d7d7d;
}
.register-custom .customer form .customer-register-item .field input:not(:placeholder-shown) {
  padding: 15px;
}
.register-custom .customer form .register-button {
  display: block;
  margin-top: 30px;
  width: 100%;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 749px) {
  .register-custom .customer form .register-button {
    font-size: 1.5rem;
  }
}
.register-custom .customer form .register-button:hover {
  scale: 1.01;
}
.register-custom .customer form .disabled-button {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}