/* PC用 */
@charset "UTF-8";

:root {
  --rate: 0.70;		/* 全体を縮小 */
}

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

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

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

  width: calc(var(--width-text-header) * 1px * var(--rate));
  font-size: 24px;
}

/* --- キービジュアル --- */
#frame-kv {
}
.kv {
  width: calc(var(--width-kv) * 1px * var(--rate));
}

/* --- ポイント --- */
#frame-point {
}
.point {
  width: calc(var(--width-point) * 1px * var(--rate));
}

/* ---キャンペーン --- */
#frame-campaign {
}
.campaign {
  width: calc(var(--width-campaign) * 1px * var(--rate));
}
.before {
}
.wait {
}
.after {
}
#button-challenge {
  width: calc(var(--width-button-challenge) * 1px * var(--rate));
}

/* --- ストーリー --- */
#frame-story {
}
.story {
  width: calc(var(--width-story) * 1px * var(--rate));
}
.partial {
}
.whole {
}
.text-story {
  --top-text-story: 160;

  top: calc(var(--top-text-story) * 1px * var(--rate));

  font-size: 18px;
  line-height: 140%;
}
.button-story {
  width: calc(var(--width-button-story) * 1px * var(--rate));
}
#button-more {
  bottom: 7%;
}
#button-close {
  bottom: 6%;
}

/* --- プレイ形式 --- */
#frame-format {
}
.format {
  width: calc(var(--width-format) * 1px * var(--rate));
}

/* --- チケット(料金) --- */
#frame-fee {
}
.fee {
  width: calc(var(--width-fee) * 1px * var(--rate));
}
/*
.text-fee {
  bottom: 25%;
  width: calc(var(--width-text-fee) * 1px * var(--rate));

  font-size: 18px;
border: solid yellow 0px;
}
*/
#button-ticket {
  bottom: 4%;
  width: calc(var(--width-button-ticket) * 1px * var(--rate));
}

/* --- スケジュール --- */
#frame-schedule {
}
.schedule {
  width: calc(var(--width-schedule) * 1px * var(--rate));
}
.text-schedule {
  width: calc(var(--width-text-schedule) * 1px * var(--rate));
  top: 9%;

  font-size: 16px;
  padding-left: 10px;

border: solid red 1px;
}
.text-schedule .large {
  font-size: 24px;
}
.text-schedule .starttime {
}

/* --- マップ --- */
#frame-map {
}
.map {
  width: calc(var(--width-map) * 1px * var(--rate));
}
.embed-map {
  top: 30%;
  right: calc(50% + var(--offset-embed-map) * 1px * var(--rate));

  width: calc(var(--width-embed-map) * 1px * var(--rate));
  height: calc(var(--height-embed-map) * 1px * var(--rate));
}
.iframe-map {
}
.text-map {
  --offset-text-map: 0;	
  --width-text-map: 420;

  top: 30%;
  left: calc(50% + var(--offset-text-map) * 1px * var(--rate));
  width: calc(var(--width-text-map) * 1px * var(--rate));
  
  line-height: 140%;
  font-size: 16px;
}
.text-map .large {
  font-size: 20px;
}
.text-map .medium {
  font-size: 18px;
}

/* --- グッズ --- */
/*
#frame-goods {
}
.goods {
  width: calc(var(--width-goods) * 1px * var(--rate));
}
*/

/* --- FAQ --- */
#frame-faq {
  padding-bottom: 30px;
}
.faq {
  width: calc(var(--width-faq) * 1px * var(--rate));
}
.text-faq {
  top: 12%;
  width: calc(var(--width-text-faq) * 1px * var(--rate));
  height: calc(var(--height-text-faq) * 1px * var(--rate));
}
.item {
  --ml-item: 20;
  margin-left: calc(var(--ml-item) * 1px * var(--rate));

}
.item .question {
  margin-top: calc(var(--mt-question) * 1px * var(--rate));
  font-size: 24px;
}
.item .answer {
  margin-top: calc(var(--mt-answer) * 1px * var(--rate));
  margin-right: calc(var(--mr-answer) * 1px * var(--rate));
  font-size: 20px;
}

/* --- フッタ --- */
#frame-footer {
  margin-top: 20px;
  margin-bottom: 30px;
}
.logo {
  width: calc(var(--width-logo) * 1px * var(--rate));
}

/* 背景部 */
.wrapper {
}

/* サイドバー */
/*
.sidebar {
  background-size: calc(var(--width-sidebar) * 1px * var(--rate)) auto;
}
.sidebar.left {
  --offset-sidebar-left: 350;

  right: calc(50% + var(--offset-sidebar-left) * 1px * var(--rate));
}
.sidebar.right {_
  --offset-sidebar-right: 350;

  left: calc(50% + var(--offset-sidebar-right) * 1px * var(--rate));
}
.sidebar::before {
  background-size: calc(var(--width-sidebar) * 1px * var(--rate)) auto;
}
*/

/* 1200px未満 */
@media screen and (max-width: 1200px) {
  .kv {
    width: 100vw;
  }
}