.menuList {
  background-color: var(--color-accent-green);
  border-bottom: 1px dotted #c0c0c0;
  color: var(--color-white);
}
.menuList.active {
  background-color: var(--color-accent-yellow);
}
.menuList a {
  position: relative;
  display: block;
  padding: var(--space-10) 12px;
  color: var(--color-white);
  font-size: var(--fs-16);
}
.menuList a::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 18px;
  width: 12px;
  height: 12px;
  background-image: url(../../assets/img/support-center/icon-arrow.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% 100%;
  transition: .3s;
}
.menuList a:hover::after {
  transform: rotate(90deg);
}
.menuList.active a::after {
  transform: rotate(90deg);
}

.subMenuList {
  display: none;
  background-color: var(--color-white);
  color: #000000;
}
/* 親(.menuList)hover の子メニュー開閉は js/script.js が height スライドで実装
   （旧 jQuery slideDown/slideUp 相当・2026-06-05）。.subMenuList_active は別クラスで常時表示。 */
.subMenuList_active {
  display: block;
  background-color: var(--color-white);
  color: #000000;
}
.subMenuList li,
.subMenuList_active li {
  border-bottom: 1px dotted var(--color-text);
}
.subMenuList a,
.subMenuList_active a {
  color: #000000;
  font-size: var(--fs-15);
}
.subMenuList a:hover,
.subMenuList_active a.active,
.subMenuList_active a:hover {
  background-color: #FBFCF2;
}

.subMenuList.active {
  display: block;
}

/* 2025.10.29追加 */
/* accordion-onlyクラスのリンクはポインターを無効化 */
.menuList > a.accordion-only {
  cursor: default;
}
/* parts/sidemenu-serveice.php の直書き<style>から移植 (2026-06-04) */
.menuList a.small {
  font-size: var(--fs-13);
}
.menuList a.xsmall {
  padding: 6px 12px 2px;
  font-size: var(--fs-13);
  line-height: 1.52;
}
@media (max-width: 640px) {
  .menuList a.xsmall {
    font-size: var(--fs-16);
  }
  .menuList a.xsmall {
    padding: var(--space-10) 12px;
    font-size: var(--fs-16);
    line-height: 24px;
  }
  .menuList a.small br {
    display: none;
  }
}