@charset "UTF-8";

/* --- メニュー --- */
#frame-menu {
}
.menu {
  display: flex;
  gap: 1px;
  justify-content: center;
  align-items: center;
}

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

/* --- キャッチ --- */
#frame-catch {
  position: relative;
}
.catch {
}
.button-ticket {
  --width-button-ticket: 464;
}
#button-ticket-1 {
  margin: 0 auto;
  left: 0;
  right: 0;
}

/* --- カルーセル --- */
#frame-scenes {
  position: relative;
  overflow: hidden;
}
.slider-scenes {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.scene {
}

/* --- ストーリー --- */
#frame-story {
  position: relative;
  margin-top: 30px;
}
.story {
}
.text-story {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 12%;

  color: white;
}
.illust-story {
  position: absolute;

  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
}

/* --- 動画 --- */
#frame-movie {
  margin-top: 30px;
border: solid yellow 0px;
}
.movie-title {
}
.movie {
}

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

/* --- リピーター --- */
#frame-repeater {
  margin-top: 50px;
  position: relative;
}
.repeater {
}
.text-repeater {
  position: absolute;

  color: white;
  font-weight: bold;
border: solid 0px green;
}
.text-repeater-1 {
  margin: 0 auto;
  left: 0;
  right: 0;
}
.text-repeater-1 .large {
}
.text-repeater-1 .medium {
}
.text-repeater-1 .small {
}
.text-repeater-2 {
  color: red;

  bottom: 38%;
}
.text-repeater-3 {
  text-align: left;
  bottom: 13%;
}
.text-repeater-4 {
  text-align: left;

}
.text-repeater-4 .caution {
  color: yellow;
}
#button-repeater {
  --width-button-repeater: 395;

  bottom: 21%;
}

/* --- プレイタイプ --- */
#frame-format {
  margin-top: 30px;
}
.format {
}

/* --- 参加方法 --- */
#frame-howto {
  margin-top: 30px;
}
.howto {
}

/* --- スケジュール(東京) --- */
#frame-tokyo {
  margin-top: 30px;
  position: relative;
}
.schedule-tokyo {
}
.text-tokyo {
  border: solid red 2px;
}
/* --- スケジュール(大阪) --- */
#frame-osaka {
  margin-top: 30px;
  position: relative;
}
.schedule-osaka {
}
.text-osaka {
}
/* --- スケジュール(共通) --- */
.text-schedule {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;

  color: white;
  font-weight: bold;
}
.text-schedule .large {
  margin-bottom: 5px;
}
.text-schedule .medium {
}
.text-schedule .small {
}

/* --- チケット(料金) --- */
#frame-fee {
  position: relative;
  margin-top: 0px;
}
.fee {
}
.text-fee {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;

  color: white;
  font-weight: bold;
  line-height: 0%;
  text-align: left;

}
.notice {
  line-height: 120%;
}
.text-start {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;

  color: red !important;
  font-weight: bold;

}
#button-ticket-tokyo {
}
#button-ticket-osaka {
}

/* --- グッズ --- */
#frame-goods {
  margin-top: 0px;
}
.goods {
}

/* --- マップ --- */
#frame-map {
  position: relative;
  margin-top: 0px;
}
.map {
}
.embed-map {
  position: absolute;
}
.embed-map-tokyo {
}
.embed-map-osaka {
}
.iframe-map {
  width: 100%;
  height: 100%;
}
.text-map {
  position: absolute;
  text-align: left;
  color: white;
  line-height: 180%;

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

}
#button-map {
  --width-button-map: 309;
}


/* --- アバウト --- */
#frame-about {
  margin-top: 30px;
  position: relative;
}
.about-title {
}
.section-about-1 {
  display: flex;
  align-items: center;
  margin: 15px auto;
}
.about-1 {
}
.text-about-1 {
  padding-right: 10px;
  text-align: left;
  color: white;
  line-height: 180%;
}
.text-about-1 .large {
  font-weight: bold;
}
.section-about-2 {
}
.text-about-2 {
}
.text-about-2 .large {
}
.section-about-3 {
}
.text-about-3 {
  padding-right: 10px;
  text-align: left;
  color: white;
  line-height: 180%;
}
.about-3 {
}
.illust-about {
  position: absolute;

  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
}

/* --- よくある質問 --- */
#frame-faq {
  position: relative;
}
.faq-title {
}
.text-faq {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  padding-right: 5px;
}
.item {
  --ml-item: 20;

  text-align: left;
  color: white;
}
.item .question {
  --mt-question: 40;
  font-weight: bold;
}
.item .answer {
  --mt-answer: 5;
}

/* --ｰ フッタ --- */
#frame-footer {
  margin-top: 30px;
}
.footer {
}
.logo {
}
.text-copyright {
  margin: 20px auto;

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