@charset "UTF-8";

#frame-menu {
  --left-frame-menu: 50;
  --width-frame-menu: 310;

  position: fixed;
  bottom: 5vh;
  left: calc(var(--left-frame-menu) * 1px * var(--rate));

  width: calc(var(--width-frame-menu) * 1px * var(--rate));
  height: 400px;
  z-index: 3;

border: solid yellow 0px;
}
.menu {
  --width-menu: 309;

  margin-bottom: 5px;
  width: calc(var(--width-menu) * 1px * var(--rate));
}
.menu:hover {
  cursor: pointer;
}

/* 1500px未満 */
@media screen and (max-width: 1500px) {
  #frame-menu {
    display: none;
  }
  .menu {
  }
  .menu:hover {
  }
}