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

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

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

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

/* --- キャッチ --- */
#frame-catch {
}
.catch {
  width: calc(var(--width-catch) * 1px * 0.64);
}

/* --- シーン --- */
#frame-scenes {
  width: calc(var(--width-frame-scenes) * 1px * 0.64);
  height: calc(var(--height-frame-scenes) * 1px);

  margin: 30px auto 0;

border: solid white 0px;
}
.slider-scenes {
  width: calc(var(--width-slider-scenes) * 1px * 0.64); 
  height: calc(var(--height-slider-scenes) * 1px * 0.64); 
}
.scene {
  width: calc(var(--width-scene) * 1px * 0.64);
}

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

/* --- ストーリー --- */
#frame-story {
}
.story {
  width: calc(var(--width-story) * 1px * 0.64);
}
.text-story {
  width: calc(var(--width-text-story) * 1px * 0.64);
  height: calc(var(--height-text-story) * 1px * 0.55);
  font-size: 22px;
}
.text-story .hidden {
}
#button-more {
}


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

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

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

  font-size: 16px;
  padding-left: 50px;
}
.text-schedule .small {
  font-size: 14px;
}
.text-schedule .medium {
  font-size: 18px;
}
.text-schedule .attention {
  font-size: 10px;
}
.text-schedule .reverse {
}
#calendar {
  width: calc(var(--width-calendar) * 1px * 0.64);
  bottom: 27%;
}

#button-ticket {
  width: calc(var(--width-button-ticket) * 1px * 0.64);
}

/* --- マップ --- */
#frame-map {
}
.map {
  width: calc(var(--width-map) * 1px * 0.64);
}
.embed-map {
  width: calc(var(--width-embed-map) * 1px * 0.64);
  height: calc(var(--height-embed-map) * 1px * 0.64);

 top: 17%;
}
.iframe-map {
}
.text-map {
  bottom: 5%;
  width: calc(var(--width-text-map) * 1px * 0.64);

  font-size: 16px;
}
.text-map .large {
  font-size: 20px;
}
.text-map .medium {
  font-size: 18px;
}

/* --- FAQ --- */
#frame-faq {
}
.faq-title {
  width: calc(var(--width-faq-title) * 1px * 0.64);
}
.text-faq {
  width: calc(var(--width-text-faq) * 1px * 0.64);
}
.item {
  --ml-item: 20;

  font-size: 18px;
  margin-left: calc(var(--ml-item) * 1px * 0.64);

}
.item .question {
  margin-top: calc(var(--mt-question) * 1px * 0.64);
}
.item .answer {
  margin-top: calc(var(--mt-answer) * 1px * 0.64);

}

/* --- フッタ --- */
#frame-footer {
}
.logo {
  width: calc(var(--width-logo) * 1px * 0.64);
}

/* 背景部 */
.wrapper {
  background-size: calc(var(--width-wrapper) * 1px * 0.70);
}

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

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

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

/* ワイド */
.wide {
}

/* 両脇 */
.outer {
  background-size: calc(var(--width-outer) * 1px * 0.64) auto;

}