html {
  height: 100%;
}
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.link {
  color: #7A91E5;
}
.bg-theme {
  background-color: #D6D7F7;
}
.bg-theme-alt {
  background-color: #f1f1fe;
}
.border-theme {
  border-color: #D6D7F7;
}
.menu li>:not(ul,.menu-title,details,.btn).active, .menu li>:not(ul,.menu-title,details,.btn):active, .menu li>details>summary:active {
  background-color: #2E2858;
  color: #D6D7F7;
}
@media (hover: hover) {
  @supports (color:oklch(0% 0 0)) {
      :where(.menu li:not(.menu-title,.disabled) > :not(ul,details,.menu-title)):not(.active,.btn):hover, :where(.menu li:not(.menu-title,.disabled) > details > summary:not(.menu-title)):not(.active,.btn):hover {
          background-color: #D6D7F7;
      }
  }
}