/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 18 2026 | 07:11:56 */
/* ===================================================
   アコーディオン全体の枠組み（外側ブロックと余白）
=================================================== */
/* アコーディオンブロック自体の外側余白 */
.wp-block-accordion {
  margin-bottom: 8px !important; /* アコーディオンブロックの下に間隔を確保 */
}

/* アコーディオンブロックが連続して並んだ場合の間隔 */
.wp-block-accordion + .wp-block-accordion {
  margin-top: 8px !important;
}

/* 各アコーディオン項目（カード） */
.wp-block-accordion-item {
  border: 1px solid #c9d8e6;
  border-radius: 6px;
  margin-bottom: 24px !important; /* 項目同士の間隔（!importantで確実に適用） */
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0, 50, 100, 0.06);
}

/* ===================================================
   アコーディオン見出し（通常時）
=================================================== */
.wp-block-accordion-heading,
h4.wp-block-accordion-heading,
h5.wp-block-accordion-heading {
  background-color: #f2f7fc !important;      /* ほんのり青みがかった清潔感のある背景色 */
  border: none !important;
  border-left: 6px solid #0693e3 !important; /* 左側に太い青のアクセントバーを表示 */
  margin: 0 !important;
  margin-block-end: 0 !important;
  padding: 0 !important;
}

h5.wp-block-accordion-heading:before {
  content: none !important;
}

/* 開閉バーのテキスト設定 */
.wp-block-accordion-heading__toggle {
  padding: 14px 20px !important;
  font-weight: 600;
  font-size: 1.05rem;
  color: #1a3959 !important; /* 濃いめのネイビーグレーで視認性を向上 */
  background: transparent !important;
  border: none !important;
  width: 100%;
  transition: background-color 0.2s ease;
}

/* 右側の「＋」アイコンを青い円形バッジにしてボタン感を強調 */
.wp-block-accordion-heading__toggle-icon {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 26px !important;
  height: 26px !important;
  border-radius: 50%;
  background-color: #0693e3; /* サイトカラーのブルー */
  color: #ffffff !important; /* プラスマークを白字でくっきり表示 */
  font-size: 18px !important;
  font-weight: bold;
  line-height: 1;
  flex-shrink: 0;
  transition: all 0.2s ease;
}

/* ===================================================
   マウスオーバー時
=================================================== */
.wp-block-accordion-heading__toggle:hover,
.wp-block-accordion-heading__toggle:focus {
  background-color: #e3f0fb !important; /* ホバー時は一段濃い水色に変化 */
  color: #0693e3 !important;
}

.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-icon {
  background-color: #0070b9;
  transform: scale(1.08); /* アイコンが少し膨らんでクリックを促す */
}

/* 開いている状態のアイコン色 */
.wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle-icon {
  background-color: #0070b9;
}

/* ===================================================
   開いた中身（コンテンツ）部分
=================================================== */
.wp-block-accordion-panel:not([hidden]) {
  background-color: #f0f7fc;
  border-top: 2px solid #0693e3;
  padding: 24px 20px !important;
  margin-top: 0 !important;
  margin-block-start: 0 !important;
}

.wp-block-accordion-panel > :first-child {
  margin-top: 0 !important;
}

.wp-block-accordion-panel > :last-child {
  margin-bottom: 0 !important;
}

/* パネル内の空段落非表示 */
.wp-block-accordion-panel p:empty,
.wp-block-accordion-panel p:has(> br:only-child) {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}