@charset "UTF-8";
.customer-edit-header {
  margin: 1.5rem 0 .5rem;
}
.customer-edit-headline {
  margin: 0;
}

.customer-edit-header p {
  margin: 0;
}

.customer-edit-headline span.required::before {
  content: "（必須）";
  color: #f00;
  font-size: 75%;
  font-weight: normal;
}

.acf-form .acf-field .acf-label label {
  font-weight: bold;
}

.acf-field .acf-label:empty {
  display: none;
}

.acf-field .acf-input p:first-child {
  margin-top: 0;
}

.acf-field .acf-input p:last-child {
  margin-bottom: 0;
}


.acf-form .acf-field .acf-label label span.required {
  color: #f00;
  font-size: 85%;
  font-weight: normal;
}
.acf-form .acf-field .acf-label label span.required::before {
  content: "（必須）";
}

/* お客様基本情報の編集フォームを、応募用紙の見た目に寄せる */
.edit-area {
  border: solid 3px #000;
}

.edit-area .acf-notice {
  margin: 1rem;
}

.edit-area .acf-notice-dismiss {
  text-decoration: none;
}

.edit-area .acf-form-submit {
  border-top: solid 1px #EAECF0;
  padding: 1rem;
  text-align: right;
}

.edit-area.acf-disabled-form :is(input, button, textarea, select) {
  /*opacity: 0.5;*/
  background: #eee;
}

.edit-area.acf-disabled-form .acf-form-submit input[type="submit"],
.edit-area.acf-disabled-form .acf-form-submit .acf-spinner {
  display: none;
}

.edit-area.acf-disabled-form .acf-field label {
  pointer-events: none;
  cursor: not-allowed;
}

.edit-area.acf-disabled-form .acf-form-submit::after {
  content: "応募済みの同意書は編集できません";
  color: #999;
}

/* 基本情報の編集フォーム */
#basic-edit .acf-form-fields {

}

@media (960px <= width) {
  #customer-general-edit .acf-form-fields {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-areas:
      "h_basic h_basic h_basic h_basic h_basic h_basic"
      /* トリートメントを受けたお客様 */
      "staff_name staff_name staff_name department department department"
      "customer_name customer_name customer_name blank2 blank2 blank2"
      "gender gender gender height height height"
      "birthdate_group birthdate_group birthdate_group birthdate_group birthdate_group birthdate_group"

      "h_treatment h_treatment h_treatment h_treatment h_treatment h_treatment"
      /* トリートメント内容 */
      "treatment_content treatment_content treatment_content treatment_content treatment_content treatment_content"
      "face_message face_message face_message face_message face_message face_message"
      "treatment_face_care treatment_face_care treatment_face_care treatment_face_care treatment_face_care treatment_face_care"
      "treatment_face_pigmentation treatment_face_pigmentation treatment_face_pigmentation treatment_face_pigmentation treatment_face_pigmentation treatment_face_pigmentation"
      "treatment_face_pigmentation_other treatment_face_pigmentation_other treatment_face_pigmentation_other treatment_face_pigmentation_other treatment_face_pigmentation_other treatment_face_pigmentation_other"
      "treatment_face_wrinkles treatment_face_wrinkles treatment_face_wrinkles treatment_face_wrinkles treatment_face_wrinkles treatment_face_wrinkles"
      "treatment_face_wrinkles_other treatment_face_wrinkles_other treatment_face_wrinkles_other treatment_face_wrinkles_other treatment_face_wrinkles_other treatment_face_wrinkles_other"
      "treatment_face_blemishes treatment_face_blemishes treatment_face_blemishes treatment_face_blemishes treatment_face_blemishes treatment_face_blemishes"
      "treatment_face_blemishes_other treatment_face_blemishes_other treatment_face_blemishes_other treatment_face_blemishes_other treatment_face_blemishes_other treatment_face_blemishes_other"
      "treatment_body_part treatment_body_part treatment_body_part treatment_body_part treatment_body_part treatment_body_part"

      /* 中間の保存ボタン */
      "b_middle_submit b_middle_submit b_middle_submit b_middle_submit b_middle_submit b_middle_submit"

      /* リツビ指定商品以外の併用 */
      "h_combine h_combine h_combine h_combine h_combine h_combine"
      "general_product_combine general_product_combine general_product_combine general_product_combine general_product_combine general_product_combine"
      "general_product_combine_body general_product_combine_body general_product_combine_body general_product_combine_body general_product_combine_body general_product_combine_body"

      /* 食事制限の有無 */
      "h_dietary h_dietary h_dietary h_dietary h_dietary h_dietary"
      "dietary_restriction dietary_restriction dietary_restriction dietary_restriction dietary_restriction dietary_restriction"
      "dietary_restriction_detail dietary_restriction_detail dietary_restriction_detail dietary_restriction_detail dietary_restriction_detail dietary_restriction_detail"

      /* 運動の有無 */
      "h_exercise h_exercise h_exercise h_exercise h_exercise h_exercise"
      "exercise exercise exercise exercise exercise exercise"
      "exercise_detail exercise_detail exercise_detail exercise_detail exercise_detail exercise_detail";
      ;
  }
}


@media (960px <= width) {
  #customer-basic-edit .acf-form-fields {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-areas:
      "staff_name staff_name staff_name department department department"
      "customer_name customer_name customer_name blank2 blank2 blank2"
      "gender gender gender height height height"
      "birthdate_group birthdate_group birthdate_group birthdate_group birthdate_group birthdate_group"
  }

  #customer-basic-edit .acf-fields:after {
    grid-area: blank2;
    border-top: solid 1px #EAECF0;
  }

  /*#customer-basic-edit .acf-fields:before {*/
  /*  content: "";*/
  /*  grid-area: blank2;*/
  /*  border-top: solid 1px #EAECF0;*/
  /*}*/
}

.acf-fields .customer-edit-headline {
  padding: 16px;
}

.acf-fields .customer-edit-headline:not(:first-child) {
  border-top: solid 1px #000;
}

/* 途中送信ボタンのエリア設定 */
.acf-form-submit[data-submit-name="b_middle_submit"] {
  grid-area: b_middle_submit;
  border-top: solid 1px #000;
}

/* 見出しのエリア設定 */
.customer-edit-headline[data-headline-name="h_basic"] {
  grid-area: h_basic;
}

.customer-edit-headline[data-headline-name="h_treatment"] {
  grid-area: h_treatment;
}

.customer-edit-headline[data-headline-name="h_combine"] {
  grid-area: h_combine;
}

.customer-edit-headline[data-headline-name="h_dietary"] {
  grid-area: h_dietary;
}

.customer-edit-headline[data-headline-name="h_exercise"] {
  grid-area: h_exercise;
}

/* 生年月日エリア設定 */
.acf-field[data-name="birthdate_group"] {
  grid-area: birthdate_group;
}

.acf-field[data-name="birthdate_group"] .acf-fields {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  border: none;
  gap: 16px;
}

@media (960px > width) {
  .acf-field[data-name="birthdate_group"] .acf-fields {
    grid-template-columns: repeat(3, 1fr);
  }
}

#customer-basic-edit .acf-field[data-name="birthdate_group"] .acf-fields:after {
  /*content: none;*/
}

.acf-field[data-name="birthdate_group"] .acf-fields >.acf-field {
  padding: 0;
  border: none;
}

/* トリートメントを受けたお客様エリア設定 */
.acf-field[data-name="customer_name"] {
  grid-area: customer_name;
}

.acf-field[data-name="gender"] {
  grid-area: gender;
}

.acf-field[data-name="height"] {
  grid-area: height;
}

.acf-field[data-name="birthdate"] {
  grid-area: birthdate;
}

.acf-field[data-name="staff_name"] {
  grid-area: staff_name;
}

.acf-field[data-name="department"] {
  grid-area: department;
}

/* トリートメント内容エリア設定 */
.acf-field[data-name="treatment_content"] {
  grid-area: treatment_content;
}
.acf-field[data-name="face_message"] {
  grid-area: face_message;
}
.acf-field[data-name="treatment_face_care"] {
  grid-area: treatment_face_care;
}
.acf-field[data-name="treatment_face_pigmentation"] {
  grid-area: treatment_face_pigmentation;
}
.acf-field[data-name="treatment_face_pigmentation_other"] {
  grid-area: treatment_face_pigmentation_other;
}
.acf-field[data-name="treatment_face_wrinkles"] {
  grid-area: treatment_face_wrinkles;
}
.acf-field[data-name="treatment_face_wrinkles_other"] {
  grid-area: treatment_face_wrinkles_other;
}
.acf-field[data-name="treatment_face_blemishes"] {
  grid-area: treatment_face_blemishes;
}
.acf-field[data-name="treatment_face_blemishes_other"] {
  grid-area: treatment_face_blemishes_other;
}
.acf-field[data-name="treatment_body_part"] {
  grid-area: treatment_body_part;
}

.acf-field[data-name="general_product_combine"] {
  grid-area: general_product_combine;
}
.acf-field[data-name="general_product_combine_body"] {
  grid-area: general_product_combine_body;
}

.acf-field[data-name="dietary_restriction"] {
  grid-area: dietary_restriction;
}
.acf-field[data-name="dietary_restriction_detail"] {
  grid-area: dietary_restriction_detail;
}

.acf-field[data-name="exercise"] {
  grid-area: exercise;
}
.acf-field[data-name="exercise_detail"] {
  grid-area: exercise_detail;
}

/* 参加同意書ページのフォーム */
@media (960px <= width) {
  #customer-agree .acf-form-fields {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-areas:
      "customer_agree_check_no_problem customer_agree_check_no_problem customer_agree_check_no_problem customer_agree_check_no_problem customer_agree_check_no_problem customer_agree_check_no_problem"
      "customer_agree_check_read customer_agree_check_read customer_agree_check_read customer_agree_check_read customer_agree_check_read customer_agree_check_read"
      "customer_agree_name customer_agree_name customer_agree_name customer_agree_name customer_agree_name customer_agree_name"
      "customer_agree_postal_code customer_agree_postal_code customer_agree_postal_code customer_agree_prefecture customer_agree_prefecture customer_agree_prefecture"
      "customer_agree_city customer_agree_city customer_agree_city customer_agree_address customer_agree_address customer_agree_address"
      "customer_agree_tel customer_agree_tel customer_agree_phone customer_agree_phone customer_agree_mobile customer_agree_mobile"
      /*"customer_agree_phone customer_agree_mobile"*/
      "customer_agree_guardian_name customer_agree_guardian_name customer_agree_guardian_name customer_agree_guardian_name customer_agree_guardian_name customer_agree_guardian_name";

  /*"customer_agree_check_no_problem customer_agree_check_no_problem"*/
  /*"customer_agree_check_read customer_agree_check_read"*/
  /*"customer_agree_name customer_agree_name"*/
  /*"customer_agree_postal_code customer_agree_prefecture"*/
  /*"customer_agree_city customer_agree_address"*/
  /*"customer_agree_phone customer_agree_mobile"*/
  /*"customer_agree_guardian_name customer_agree_guardian_name";*/
  }
}

.acf-field[data-name="customer_agree_tel"] {
  grid-area: customer_agree_tel;
}

.acf-field[data-name="customer_agree_check_no_problem"] {
  grid-area: customer_agree_check_no_problem;
}

.acf-field[data-name="customer_agree_check_read"] {
  grid-area: customer_agree_check_read;
}

.acf-field[data-name="customer_agree_name"] {
  grid-area: customer_agree_name;
}

.acf-field[data-name="customer_agree_postal_code"] {
  grid-area: customer_agree_postal_code;
}

.acf-field[data-name="customer_agree_prefecture"] {
  grid-area: customer_agree_prefecture;
}

.acf-field[data-name="customer_agree_city"] {
  grid-area: customer_agree_city;
}

.acf-field[data-name="customer_agree_address"] {
  grid-area: customer_agree_address;
}

.acf-field[data-name="customer_agree_phone"] {
  grid-area: customer_agree_phone;
}

.acf-field[data-name="customer_agree_mobile"] {
  grid-area: customer_agree_mobile;
}

.acf-field[data-name="customer_agree_guardian_name"] {
  grid-area: customer_agree_guardian_name;
}