@charset "UTF-8";

/* メニュー */
.frame-menu {
  position: fixed;
  top: 0;
  margin-top: 20px;
  visibility: visible;
  z-index: 5;
border: solid 0px yellow;
}

.menu-item {
  display: block;
  padding-left: 10px;		/* chromeとsafariでの表示ズレ対策 */
  /* margin-left: auto; 右詰め */

/*  transform: scale(0.6); */
text-align: left;
}
.menu-item:hover {
  cursor: pointer;
  filter: alpha(opacity=80);
  opacity:0.8;
}

.menu-quiz {
  --width-menu-quiz: 412;

  width: calc(var(--width-menu-quiz) * 1px );
}
.menu-about {
  --width-menu-about: 379;

  width: calc(var(--width-menu-about) * 1px );
}
.menu-interview {
  --width-menu-interview: 337;

  width: calc(var(--width-menu-interview) * 1px );
}
.menu-howto {
  --width-menu-howto: 147;

  width: calc(var(--width-menu-howto) * 1px );
}
.menu-story {
  --width-menu-story: 106;

  width: calc(var(--width-menu-story) * 1px );
}
.menu-format {
  --width-menu-format: 173;

  width: calc(var(--width-menu-format) * 1px );
}
.menu-fee {
  --width-menu-fee: 141;

  width: calc(var(--width-menu-fee) * 1px );
}
.menu-schedule {
  --width-menu-schedule: 191;

  width: calc(var(--width-menu-schedule) * 1px );
}
.menu-author {
  --width-menu-author: 109;

  width: calc(var(--width-menu-author) * 1px );
}
.menu-map {
  --width-menu-map: 131;

  width: calc(var(--width-menu-map) * 1px );
}
.menu-faq {
  --width-menu-faq: 196;

  width: calc(var(--width-menu-faq) * 1px );
}

/* 1000px未満 */
@media screen and (max-width: 1000px) {
  .frame-menu {
    visibility: hidden;
  }
}