@charset "UTF-8";

.text {
  font-family: 'Yu Gothic Medium';
}

/* --- ヘッダ --- */
#frame-header {
}
.text-header {
  background-color: black;
  color: white;

  margin: 0 auto;
  padding: 5px 15px;
  font-weight: bold;

  text-align: left;
}

/* --- キービジュアル --- */
#frame-kv {
}
.kv {
  --width-kv: 1200;
}

/* ---ポイント --- */
#frame-point {
  margin-top: 0px;
}
.point {
  --width-point: 900;
}

/* --- ストーリー --- */
#frame-story {
}
.story {
  --width-story: 900;
}

/* --- プレイ形式 --- */
#frame-format {
}
.format {
  --width-format: 900;
}

/* --- チケット(料金) --- */
#frame-fee {
  position: relative;
}
.fee {
  --width-fee: 900;
}
.text-fee {
  --width-text-fee: 800;

  position: absolute;

  margin: 0 auto;
  left: 0;
  right: 0;

  color: white;
  text-align: left;
}
#button-ticket {
  --width-button-ticket: 350;

  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
}

/* --- スケジュール --- */
#frame-schedule {
  position: relative;
}
.schedule {
  --width-schedule: 900;
}
.text-schedule {
  --width-text-schedule: 800;

  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;

  color: white;
  text-align: left;
}
.text-schedule .large {
}
.text-schedule .starttime {
  background-color: #FF0098
}

/* --- マップ --- */
#frame-map {
  position: relative;
}
.map {
  --width-map: 900;
}
.embed-map {
  --width-embed-map: 600;
  --height-embed-map: 600;

  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.iframe-map {
  width: 100%;
  height: 100%;
}
.text-map {
  --width-text-map: 700;

  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;

  text-align: left;
  color: white;
  z-index: 2;

}
.text-map .large {
  font-weight: bold;
}
.text-map .medium {
}

/* --- FAQ --- */
#frame-faq {
  --width-frame-faq: 1000;

  background-color: black;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.faq-title {
  --width-faq-title: 579;
}
.faq-line-up {
}
.text-faq {
  --width-text-faq: 850;

  margin: 0 auto;
}
.item {
  text-align: left;
  color: white;
}
.item .question {
  --mt-question: 40;
  font-weight: bold;
}
.item .answer {
  --mt-answer: 5;
}
.faq-line-bottom {
  --mt-faq-line-bottom: 30;
}

/* --- フッタ --- */
#frame-footer {
  margin-top: 50px;
}
.logo {
  --width-logo: 299;
}
/*
.text-copyright {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;

  color: white;
  line-height: 140%;
}
*/