/* ===============================
   SWELL風アコーディオン（details）
================================ */

/* 全体枠 */
.my-accordion {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,.04);
  overflow: hidden;
  margin: 1.5em 0;
}

/* summary（見出し） */
.my-accordion > summary {
  list-style: none;
  cursor: pointer;
  padding: 1em 1.25em;
  font-weight: 600;
  font-size: 1.05em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--swl-color_main, #333);
}

/* デフォルト三角を消す */
.my-accordion > summary::-webkit-details-marker {
  display: none;
}

.my-accordion > summary::after {
  content: "▼";
  font-size: .9em;
  transition: transform .25s ease;
}

.my-accordion[open] > summary::after {
  transform: rotate(180deg);
}



/* summary ホバー */
.my-accordion > summary:hover {
  background: #f7f8fa;
}

/* 中身 */
.my-accordion .content {
  padding: 1.25em;
  border-top: 1px solid #e5e7eb;
  animation: swellFade .3s ease;
}

/* フェード演出 */
@keyframes swellFade {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}