@charset "utf-8";

a:hover {
  cursor: pointer;
  filter: alpha(opacity=70);
  opacity:0.8;
}

body {
  background-color: #FFFFFF;
}

.container-fluid {
  margin: 0;
  padding: 0;
}

.frame-background {
  position: relative;

  max-width: 951px;
  margin: 0 auto;
  right: 0;
  left: 0;
}

.text {
}

.background {
}


.buttons {
  position: absolute;
}

.button-ticket {
  bottom: 43.5%;
  left: 62%;
}
.frame-map {
  --width-frame-map: 360;
  --height-frame-map: 480;

  position: absolute;
  bottom: 29%;
  left: 58%;

  width: calc(var(--width-frame-map) * 1px);
  height: calc(var(--height-frame-map) * 1px);
border: solid red 0px;
}
.map {
}
.text-map {
  font-size: 18px;
  text-align: left;
  color: black;
  line-height: 180%;

}
.text-map .large {
  font-weight: bold;
  font-size: 24px;
}


.button-map {
  bottom: 28%;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.frame-faq {
  --width-frame-faq: 800;
  --height-frame-faq: 1100;

  position: absolute;
  bottom: 3.5%;
  margin: 0 auto;
  left: 0;
  right: 0;

  width: calc(var(--width-frame-faq) * 1px);
  height: calc(var(--height-frame-faq) * 1px);
border: solid red 0px;
}
.faq {
  --width-faq: 800;

  text-align: left;
  width: calc(var(--width-faq) * 1px);
}
.faq .item {
}
.faq .item .question {
  font-size: 18px;
}
.faq .item .answer {
  font-size: 14px;
  margin-bottom: 10px;
}

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

  bottom: 0.5%;
}

/* 951px未満 */
@media screen and (max-width: 951px) {
  .button-ticket {
    width: calc(307 / 950 * 100vw * 1.0);
  }
  .frame-map {
    width: calc(var(--width-frame-map) / 950 * 100vw);
    height: calc(var(--height-frame-map) / 950 * 100vw);
  }
  .map {
  }
  .text-map {
    font-size: 2vw;
    line-height: 180%;
  }
  .text-map .large {
    font-size: 3vw;
  }
  .button-map {
    width: calc(169 / 951 * 100vw * 1.3);
  }
  .frame-faq {
    width: calc(var(--width-frame-faq) / 950 * 100vw);
    height: calc(var(--height-frame-faq) / 950 * 100vw);
    overflow: scroll;
  }
  .faq {
    width: calc(var(--width-faq) / 950 * 100vw * 1.0);
border: solid blue 0px;
  }
  .faq .item {
  }
  .faq .item .question {
    font-size: 12px;
  }
  .faq .item .answer {
    font-size: 10px;
  }
  .button-map {
  }
  .logo {
    width: calc(193 / 951 * 100vw * 1.0);
  }
}