@charset "utf-8";
/*------------------------------------------------------
© 2026 Nudge Inc. All Rights Reserved.
インライン項目エラー表示の共通スタイルを定義する。
------------------------------------------------------*/

#paymentMain .validationMessageArea,
#paymentMain .validationMessage,
#paymentMain .triangle,
#CustomerEditMain .validationMessageArea,
#CustomerEditMain .validationMessage,
#guestMain .validationMessageArea,
#guestMain .validationMessage,
#guestMain .triangle,
#customerChangeemailMain .validationMessageArea,
#customerChangeemailMain .validationMessage,
#customerChangeemailMain .triangle,
#customerChangepasswordMain .validationMessageArea,
#customerChangepasswordMain .validationMessage,
#customerSendpasswordMain .validationMessageArea,
#customerSendpasswordMain .validationMessage,
#customerSendpasswordMain .triangle,
#customerInitpasswordMain .validationMessageArea,
#customerInitpasswordMain .validationMessage,
#customerInitpasswordMain .triangle,
#loginMain .validationMessageArea,
#loginMain .validationMessage,
#loginMain .triangle,
#addressEditMain .validationMessageArea,
#addressEditMain .validationMessage,
#addressEditMain .triangle,
#inquiryEditMain .validationMessageArea,
#inquiryEditMain .validationMessage,
#inquiryEditMain .triangle,
#cardAddMain .validationMessageArea,
#cardAddMain .validationMessage {
  display: none !important;
}

#paymentMain .input.is-error,
#paymentMain .select.is-error,
#CustomerEditMain .input.is-error,
#CustomerEditMain .select.is-error,
#guestMain .input.is-error,
#guestMain .select.is-error,
#customerChangeemailMain .input.is-error,
#customerChangeemailMain .select.is-error,
#customerChangepasswordMain .input.is-error,
#customerSendpasswordMain .input.is-error,
#customerSendpasswordMain .select.is-error,
#customerInitpasswordMain .input.is-error,
#customerInitpasswordMain .select.is-error,
#loginMain .input.is-error,
#loginMain .loginExternalInput.is-error,
#loginMain .loginExternalField.is-error .loginExternalInput,
#loginMain .select.is-error,
#addressEditMain .input.is-error,
#addressEditMain .select.is-error,
#inquiryEditMain .input.is-error,
#inquiryEditMain .select.is-error,
#inquiryEditMain .textarea.is-error,
#inquiryEditMain textarea.is-error,
#cardAddMain .input.is-error,
#cardAddMain .select.is-error {
  border-color: #ff3b30;
  background-color: #fff0ee;
}

#paymentMain .input.is-error:focus,
#paymentMain .select.is-error:focus,
#CustomerEditMain .input.is-error:focus,
#CustomerEditMain .select.is-error:focus,
#guestMain .input.is-error:focus,
#guestMain .select.is-error:focus,
#customerChangeemailMain .input.is-error:focus,
#customerChangeemailMain .select.is-error:focus,
#customerChangepasswordMain .input.is-error:focus,
#customerSendpasswordMain .input.is-error:focus,
#customerSendpasswordMain .select.is-error:focus,
#customerInitpasswordMain .input.is-error:focus,
#customerInitpasswordMain .select.is-error:focus,
#loginMain .input.is-error:focus,
#loginMain .loginExternalInput.is-error:focus,
#loginMain .loginExternalField.is-error .loginExternalInput:focus,
#loginMain .select.is-error:focus,
#addressEditMain .input.is-error:focus,
#addressEditMain .select.is-error:focus,
#inquiryEditMain .input.is-error:focus,
#inquiryEditMain .select.is-error:focus,
#inquiryEditMain .textarea.is-error:focus,
#inquiryEditMain textarea.is-error:focus,
#cardAddMain .input.is-error:focus,
#cardAddMain .select.is-error:focus {
  border-color: #ff3b30;
  box-shadow: 0 0 0 3px rgba(255, 59, 48, 0.12);
}

#paymentMain .field-error,
#CustomerEditMain .field-error,
#guestMain .field-error,
#customerChangeemailMain .field-error.is-on,
#customerChangepasswordMain .field-error,
#customerSendpasswordMain .field-error,
#customerInitpasswordMain .field-error,
#loginMain .field-error.is-on,
#addressEditMain .field-error,
#inquiryEditMain .field-error,
#cardAddMain .field-error {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  margin-top: 6px;
  color: #ff3b30;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
}

#paymentMain .field-error svg,
#CustomerEditMain .field-error svg,
#guestMain .field-error svg,
#customerChangeemailMain .field-error svg,
#customerChangepasswordMain .field-error svg,
#customerSendpasswordMain .field-error svg,
#customerInitpasswordMain .field-error svg,
#loginMain .field-error svg,
#addressEditMain .field-error svg,
#inquiryEditMain .field-error svg,
#cardAddMain .field-error svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  margin-top: 1px;
}

#paymentMain .field-error span,
#CustomerEditMain .field-error span,
#guestMain .field-error span,
#customerChangeemailMain .field-error span,
#customerChangepasswordMain .field-error span,
#customerSendpasswordMain .field-error span,
#customerInitpasswordMain .field-error span,
#loginMain .field-error span,
#addressEditMain .field-error span,
#inquiryEditMain .field-error span,
#cardAddMain .field-error span {
  white-space: pre-line;
}

/* birthDateArea は rightData > p を非表示にしているため、field-error を除外 */
#CustomerEditMain .birthDateArea .rightData > p.field-error {
  display: flex;
}