/* 編集するボタン（右寄せ・赤ボタン） */
.selfcheck-edit-btn-wrap {
  text-align: right;
  margin: 20px 0 40px;
}

.selfcheck-edit-btn {
  display: inline-block;
  background-color: #d63638; /* WordPress系の警告レッド */
  color: #fff;
  text-decoration: none;
  padding: 12px 28px;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 600;
  transition: background-color 0.3s, transform 0.2s;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

.selfcheck-edit-btn:hover {
  background-color: #b12a2b;
  transform: translateY(-2px);
}

.selfcheck-edit-btn:active {
  background-color: #8f2021;
  transform: translateY(0);
}


/* Q1：濃い背景色 */
.acf-field[data-key^="field_q1_"] {
  background-color: #e0f7fa !important;
}

/* Q2：中間の背景色 */
.acf-field[data-key*="_followup_"] {
  background-color: #f1f8e9 !important;
}

/* Q3：さらに薄い背景色 */
.acf-field[data-key*="_q3_"] {
  background-color: #fafafa !important;
}



/* 各診断結果ブロック共通のスタイル */
.acf-field[data-key*="field_result_"] {
  border-top: 2px solid #ddd !important;
  padding-top: 16px !important;
  margin-top: 18px !important;
}

/* 奇数（01, 03, 05...）ブロック → 淡い赤 */
.acf-field[data-key*="field_result_01"],
.acf-field[data-key*="field_result_03"],
.acf-field[data-key*="field_result_05"],
.acf-field[data-key*="field_result_07"],
.acf-field[data-key*="field_result_09"] {
  background-color: #ffe0e0 !important; /* 薄い赤（やさしいピンク） */
}

/* 偶数（02, 04, 06...）ブロック → 薄いグレー */
.acf-field[data-key*="field_result_02"],
.acf-field[data-key*="field_result_04"],
.acf-field[data-key*="field_result_06"],
.acf-field[data-key*="field_result_08"],
.acf-field[data-key*="field_result_10"] {
  background-color: #fafafa !important; /* 薄いグレー */
}

/* ======================================
   診断結果タイトルラベルを太字に
====================================== */
.acf-field[data-key$="_title"] .acf-label label {
  font-weight: 700;
}


/* ======================================
   診断データを保存ボタン（共通）
====================================== */
.selfcheck-submit-area {
  text-align: center;
  margin: 40px 0;
}

.selfcheck-submit-area input[type="submit"],
.selfcheck-submit-area .acf-form-trigger {
  background-color: #0073aa; /* WordPressブルー */
  color: #fff;
  border: none;
  padding: 14px 36px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s, transform 0.2s;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

.selfcheck-submit-area input[type="submit"]:hover,
.selfcheck-submit-area .acf-form-trigger:hover {
  background-color: #005f8d;
  transform: translateY(-2px);
}

.selfcheck-submit-area input[type="submit"]:active,
.selfcheck-submit-area .acf-form-trigger:active {
  transform: translateY(0);
  background-color: #004a72;
}

/* ======================================
   上部ボタン（右寄せ配置のみ）
====================================== */
.selfcheck-submit-area.top {
text-align: left;
  margin: 10px 0 25px;
}

.selfcheck-submit-area.top .acf-form-trigger {
  padding: 10px 24px; /* 少し小さめサイズ */
}