/* スマホ用 */
@charset "UTF-8";

.for-pc {
  display: none;
}
.for-sp {
  display: block;
}

/* ---------- */

/* --- ヘッダ --- */
#frame-header {
}
.text-header {
  --width-text-header: 1000;

  width: calc(var(--width-text-header) / 1000 * 100vw);
  font-size: 3vw;
}

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


/* --- ポイント --- */
#frame-point {
}
.point {
  width: calc(var(--width-point) / 1000 * 100vw);
}


/* --- ストーリー --- */
#frame-story {
}
.story {
  width: calc(var(--width-story) / 1000 * 100vw);
}

/* --- プレイ形式 --- */
#frame-format {
}
.format {
  width: calc(var(--width-format) / 1000 * 100vw);
}

/* --- チケット(料金) --- */
#frame-fee {
}
.fee {
  width: calc(var(--width-fee) / 1000 * 100vw);
}
.text-fee {

  bottom: 25%;
  width: calc(var(--width-text-fee) / 1000 * 100vw);

  font-size: 1.7vw;

border: solid yellow 0px;
}
#button-ticket {
  width: calc(var(--width-button-ticket) / 1000 * 100vw);
  bottom: 3%;
}

/* --- スケジュール --- */
#frame-schedule {
}
.schedule {
  width: calc(var(--width-schedule) / 1000 * 100vw);
}
.text-schedule {
  width: calc(var(--width-text-schedule) / 1000 * 100vw);
  top: 7%;

  font-size: 2.2vw;
  padding-left: 3vw;

border: solid yellow 0px;
}
.text-schedule .large {
  font-size: 3.3vw;
}
.text-schedule .starttime {
}

/* --- マップ --- */
#frame-map {
  position: relative;
}
.map {
  width: calc(var(--width-map) / 1000 * 100vw);
}
.embed-map {
  width: calc(var(--width-embed-map) / 1000 * 100vw * 0.9);
  height: calc(var(--height-embed-map) / 1000 * 100vw * 0.9);
  top: 22%;
}
.iframe-map {
}

.text-map {
  bottom: 11%;
  width: calc(var(--width-text-map) / 1000 * 100vw);

  line-height: 130%;
  font-size: 2.5vw;
  padding-left: 3vw;
}
.text-map .large {
  font-size: 3.2vw;
}
.text-map .medium {
  font-size: 3vw;
}

/* --- FAQ --- */
#frame-faq {
  padding-bottom: 30px;
}
.faq-title {
  width: calc(var(--width-faq-title) / 1000 * 100vw);
}
.text-faq {
  width: calc(var(--width-text-faq) / 1000 * 100vw);
}
.item {
  --ml-item: 20;

  font-size: 3vw;
  margin-left: calc(var(--ml-item) / 1000 * 100vw);

}
.item .question {
  margin-top: calc(var(--mt-question) / 1000 * 100vw);
}
.item .answer {
  margin-top: calc(var(--mt-answer) / 1000 * 100vw);

}

/* --- フッタ --- */
#frame-footer {
  margin-bottom: 50px;
}
.logo {
  width: calc(var(--width-logo) / 1000 * 100vw);
}
.text-copyright {
  bottom: 0;
  font-size: 2vw;
}


/* 背景部 */
.wrapper {
  background-size: contain;
}

/* サイドバー */
.sidebar {
  background-size: calc(var(--width-sidebar) / 1000 * 100vw) auto;
}
.sidebar.left {
  left: 0;
}
.sidebar.right {
  right: calc(var(--width-sidebar) / 1000 * 100vw * (-1));
}
.sidebar::before {
  background-size: calc(var(--width-sidebar) / 1000 * 100vw) auto;
}

/* ワイド */
.wide {
  display: none;
}