@charset "UTF-8";
/*!
 * FC Simple Membership frontend entry point.
 * コンポーネント別 SCSS を集約し、assets/css/frontend.css へコンパイルする。
 */
/*!
 * FC Simple Membership alert components.
 * ショートコード共通のアラート表示用クラス。
 */
.fcsm-alert.fcsm-alert-error {
  color: red;
}

/*!
 * FC Simple Membership button styles.
 * 共通ボタンスタイルとバリエーション。
 */
.fcsm-form-button-row {
  text-align: center;
}

.fcsm-button {
  padding: 10px 15px;
  margin: auto;
  display: block;
}
/*!
 * FC Simple Membership form components.
 * 入力フォーム、行、セルなどの汎用レイアウト。
 */
.fcsm-form-table {
  margin: 10px auto;
}
.fcsm-form-table tr {
  border-bottom: 1px solid #eee;
}
.fcsm-form-table tr:last-child {
  border-bottom: none;
}
.fcsm-form-table tr th,
.fcsm-form-table tr td {
  padding: 10px 5px;
}

.fcsm-form-cell.fcsm-form-cell-input input {
  padding: 5px;
  border: 1px solid #999;
}
.fcsm-form-cell.fcsm-form-cell-input input[type=text],
.fcsm-form-cell.fcsm-form-cell-input input[type=tel],
.fcsm-form-cell.fcsm-form-cell-input input[type=date],
.fcsm-form-cell.fcsm-form-cell-input input[type=email],
.fcsm-form-cell.fcsm-form-cell-input input[type=password] {
  min-width: 300px;
}
.fcsm-form-cell.fcsm-form-cell-input textarea {
  min-width: 300px;
  min-height: 5em;
}
.fcsm-field-error {
  color: red;
}

/*!
 * FC Simple Membership password reset flow.
 * パスワード再設定ショートコード専用のスタイル。
 */
/*!
 * FC Simple Membership test shortcode.
 * `test-sample.php` 用のシンプルなラッパー。
 */