@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/









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

/* 全体枠 */
.my-accordion {
  border: none;
  box-shadow: none;
  background: transparent;
  border-radius: 0;
  margin: 1em 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;
}