@charset "UTF-8";



/* --- メニュー --- */
#frame-menu {
  --left-frame-menu: 50;
  --width-frame-menu: 200;

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

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

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

  margin-bottom: 5px;
}
.menu:hover {
  cursor: pointer;
}

/* 2151px未満 */
@media screen and (max-width: 2150px) {
  #frame-menu {
    top: calc(var(--top-frame-menu) / 2150 * 100vw * 0.8);
  }
  .menu {
  }
  .menu:hover {
  }
}

/* 1951px未満 */
@media screen and (max-width: 1950px) {
  #frame-menu {
    top: calc(var(--top-frame-menu) / 1950  * 100vw * 0.8);
    left: calc(var(--left-frame-menu) / 1950  * 100vw * 1);
  }
  .menu {
  }
  .menu:hover {
  }
}

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