/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 17 2025 | 06:47:07 */
/* =========================
   SP アコーディオンメニュー（最終完成版）
========================= */

/* =========================
   親階層の余白を完全リセット
========================= */
.sp-accMenu,
.sp-accMenu__list,
.sp-accMenu__item,
.sp-accMenu__panel,
.sp-accMenu__sublist{
  margin: 0 !important;
  padding: 0 !important;
}

/* メニュー全体 */
.sp-accMenu{
  width: 100%;
}

/* リスト */
.sp-accMenu__list{
  list-style: none;
  border-top: 1px solid #f7f8fc;
}

/* 行共通 */
.sp-accMenu__item{
  background: #fff;
  border-bottom: 1px solid #f7f8fc;
}

/* =========================
   見出し行（アコーディオンあり）
========================= */
.sp-accMenu__item--group{
  background: #f6f6f6;
}

/* 見出しボタン */
.sp-accMenu__head{
  -webkit-appearance: none;
  appearance: none;
  display: block;

  width: 100%;
  background: #f6f6f6;
  border: 0;
  margin: 0;
  padding: 16px 44px 16px 15px;

  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  text-align: left;

  position: relative;
  cursor: pointer;

  border-radius: 0;
  box-shadow: none;
}

/* ＋／ー */
.sp-accMenu__head::before,
.sp-accMenu__head::after{
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 14px;
  height: 2px;
  background: #6b6b6b;
  transform: translateY(-50%);
}
.sp-accMenu__head::after{
  transform: translateY(-50%) rotate(90deg);
}
.sp-accMenu__item.is-open .sp-accMenu__head::after{
  opacity: 0;
}

/* =========================
   アコーディオン中身（余白・背景 完全排除）
========================= */
.sp-accMenu__panel{
  background: #fff;
  border-top: 1px solid #e9ebf5;
}

/* 子リスト */
.sp-accMenu__sublist{
  list-style: none;
}

/* 子アイテム：区切りは border のみ */
.sp-accMenu__subitem{
  background: #fff;
  border-bottom: 1px solid #e9ebf5;
  list-style: none !important;
}

/* 最後の1本は不要なら消す */
.sp-accMenu__subitem:last-child{
  border-bottom: none;
}

/* =========================
   アコーディオン内リンク
========================= */
.sp-accMenu__link{
  display: block;
  padding: 14px 44px 14px 20px;

  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;

  color: #111 !important;
  text-decoration: none !important;

  background: #fff;
  position: relative;

  border: 0;
  box-shadow: none;
  outline: none;
}

/* =========================
   アコーディオンなしリンク
========================= */
.sp-accMenu__rowLink{
  display: block;
  padding: 16px 44px 16px 15px;

  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;

  color: #111 !important;
  text-decoration: none !important;

  background: #f6f6f6;
  position: relative;

  border: 0;
  box-shadow: none;
  outline: none;
}

/* =========================
   右側「＞」アイコン
========================= */
.sp-accMenu__rowLink::after,
.sp-accMenu__link::after{
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid #e60012;
  border-top: 2px solid #e60012;
  transform: translateY(-50%) rotate(45deg);
}

/* =========================
   タップ時
========================= */
.sp-accMenu__rowLink:active,
.sp-accMenu__link:active{
  opacity: 0.85;
}

/* =========================
   SP メニュー用 タグデザイン
========================= */
.sp-menu__tag{
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;

  font-size: 11px;
  font-weight: 400;
  line-height: 1.2;

  color: #e60012;
  background: #fff;

  border-radius: 999px;

  vertical-align: middle;
  white-space: nowrap;
}

/* アコーディオン内リンクとのバランス調整 */
.sp-accMenu__link{
  display: flex;
  align-items: center;
  gap: 8px;
}