/* テレ公演再演祭り */

body {
  background-color: yellow;
  max-width: 1000px;
  margin: 0 auto;
}

a:hover {
  cursor: pointer;
  filter: alpha(opacity=60);
  opacity: 0.6;
}

.background {
  position: relative;
}

.buttons {
  position: absolute;
}

.button-makina{
  bottom: 66%;
  left: 58%;
}
.button-mermaid {
  bottom: 51%;
  right: 58%;
}
.button-yakou {
  bottom: 36%;
  left: 58%;
}
.button-phantom {
  bottom: 21.5%;
  right: 58%;
}
.button-trapmaker {
  bottom: 6.5%;
  left: 58%;
}

.logo {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;

  bottom: 0.8%;
}

/* 1001px未満 */
@media screen and (max-width: 1000px) {
  .buttons {
    width: calc(335 / 1001 * 100vw * 1.0);
  }
  .logo {
    width: calc(198 / 1001 * 100vw * 1.0);
  }
}