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

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

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

/* --- メニュー --- */
#frame-menu {
}
.menu {
}
.menu-story {
  --width-menu-story: 153;
}
.menu-point {
  --width-menu-point: 119;
}
.menu-format {
  --width-menu-format: 149;
}
.menu-schedule {
  --width-menu-schedule: 163;
}
.menu-fee {
  --width-menu-fee: 115;
}
.menu-goods {
  --width-menu-goods: 118;
}
.menu-map {
  --width-menu-map: 119;
}
.menu-about {
  --width-menu-about: 119;
}
.menu-faq {
  --width-menu-faq: 167;
}

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

/* --- キャッチ --- */
#frame-catch {
}
.catch {
  margin-top: 220px;
}
.button-ticket {
  width: calc(var(--width-button-ticket) * 1px);
}

#button-ticket-1 {
  top: 8%;
}

/* --- カルーセル --- */
#frame-scenes {
  --width-frame-scenes: 1200;
  --height-frame-scenes: 290;
  width: calc(var(--width-frame-scenes) * 1px);
  height: calc(var(--height-frame-scenes) * 1px);

  margin: 30px auto 0;

border: solid white 0px;
}
.slider-scenes {
  --width-slider-scenes: 1200;
  --height-slider-scenes: 290;

  width: calc(var(--width-slider-scenes) * 1px); 
  height: calc(var(--height-slider-scenes) * 1px); 

}
.scene {
  --width-scene: 399;

  width: calc(var(--width-scene) * 1px);

}

/* --- ストーリー --- */
/*
#frame-story {
  --height-frame-story: 1300;

  height: calc(var(--height-frame-story) * 1px);
border: solid red 0px;
}
.story {
}
.text-story {
  --width-text-story: 1100;

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

  font-size: 28px;
  line-height: 150%;
border: solid white 0px;
}
.illust-story {
}
*/
/* --- リピーター公演とは？ --- */
#frame-repeater {
  --height-frame-repeater: 1150;

  height: calc(var(--height-frame-repeater) * 1px);
border: solid red 0px;
}
.repeater {
}
.text-repeater {
  --width-text-repeater: 1100;

  width: calc(var(--width-text-repeater) * 1px);

  font-size: 28px;
  line-height: 150%;
border: solid white 0px;
}
.text-repeater .caution {
}
.illust-repeater {
}

/* --- 動画 --- */
/*
#frame-movie {
}
.movie-title {
}
.movie {
  --width-movie: 1200;

  width: calc(var(--width-movie) * 1px);
}
*/

/* --- ポイント --- */
#frame-point {
}
.point {

}

/* --- プレイタイプ --- */
#frame-format {
}
.format {
}

/* --- 参加方法 --- */
#frame-howto {
}
.howto {
}

/* --- スケジュール --- */
#frame-schedule {
}
.schedule {
}
.text-schedule {
  --width-text-schedule: 1100;

  width: calc(var(--width-text-schedule) * 1px);

  line-height: 150%;
border: solid white 0px;
}
.text-schedule .large {
  font-size: 36px;
}
.text-schedule .medium {
  font-size: 30px;
}
.text-schedule .small {
  font-size: 22px;
}

/* --- チケット(料金) --- */
#frame-fee {
  --height-frame-fee: 900;

  height: calc(var(--height-frame-fee) * 1px);
border: solid white 0px;
}
.fee {
}
.text-fee {
  --width-text-fee: 650;

  top: 47%;
  width: calc(var(--width-text-fee) * 1px);

  font-size: 20px;

border: solid white 0px;
}
.notice {
  padding-left: 30px;
  text-indent: -30px;
}
.text-start {
  --width-text-start: 1100;

  bottom: 25%;
  width: calc(var(--width-text-start) * 1px);

  font-size: 42px;

border: solid white 0px;
}
#button-ticket-2 {
  bottom: 5%;
}

/* --- グッズ --- */
#frame-goods {
}
.goods{
}

/* --- マップ --- */
#frame-map {
  --height-frame-map: 750;

  height: calc(var(--height-frame-map) * 1px);

border: solid white 0px;
}
.map {
}
.text-map {
  --width-text-map: 550;

  top: 19%;
  left: 50%;
  width: calc(var(--width-text-map) * 1px);

  font-size: 20px;
border: solid white 0px;
}
.text-map .large {
  font-size: 32px;
}
#button-map {

  left: 55%;
  bottom: 15%;
  width: calc(var(--width-button-map) * 1px);
}

/* --- アバウト --- */
#frame-about {
  --height-frame-about: 1500;

  height: calc(var(--height-frame-about) * 1px);
border: solid white 0px;
}
.about-title {
}
.section-about-1 {
  --width-section-about-1: 1100;

  width: calc(var(--width-section-about-1) * 1px);

}
.about-1 {
  --width-about-1: 181;
  width: calc(var(--width-about-1) * 1px);
}
.text-about-1 {
  --width-text-about-1: 1100;
  width: calc(var(--width-text-about-1) * 1px);

  font-size: 24px;
}
.text-about-1 .large {
  font-size: 32px;
}
.section-about-3 {
  --width-section-about-3: 1100;

  display: flex;
  align-items: center;
  width: calc(var(--width-section-about-3) * 1px);

  margin: 15px auto;
}
.about-3 {
  --width-about-3: 360;
  width: calc(var(--width-about-3) * 1px);
}
.text-about-3 {
  --width-text-about-3: 1000;
  width: calc(var(--width-text-about-3) * 1px);

  font-size: 24px;
}
.text-about-3 .large {
  font-size: 32px;
  font-weight: bold;
}
.illust-about {
}


/* --- よくある質問 --- */
#frame-faq {
  --height-frame-faq: 2500;
  height: calc(var(--height-frame-faq) * 1px);

border: solid yellow 0px;
}
.faq-title {
}
.text-faq {
  --width-text-faq: 1050;
  --height-text-faq: 2500;

  top: 6%;
  width: calc(var(--width-text-faq) * 1px);
  height: calc(var(--height-text-faq) * 1px);
  font-size: 24px;
/*  overflow-y: scroll; */

border: solid white 0px;
}
.item {
  margin-left: calc(var(--ml-item) * 1px);

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


/* --ｰ フッタ --- */
#frame-footer {
  --height-frame-footer: 250;

  height: calc(var(--height-frame-footer) * 1px);
border: solid white 0px;

}
.footer {
}
.logo {
  --width-logo: 215;
  width: calc(var(--width-logo) * 1px);

  bottom: 11%;
}
.text-copyright {
  font-size: 24px;
}


/* 1201px未満 */
@media screen and (max-width: 1200px) {
  #frame-menu {
  }
  .menu {
  }
  .menu-item {
  }
  .menu-story {
    width: calc(var(--width-menu-story) / 1200 * 100vw);
  }
  .menu-point {
    width: calc(var(--width-menu-point) / 1200 * 100vw);
  }
  .menu-format {
    width: calc(var(--width-menu-format) / 1200 * 100vw);
  }
  .menu-schedule {
    width: calc(var(--width-menu-schedule) / 1200 * 100vw);
  }
  .menu-fee {
    width: calc(var(--width-menu-fee) / 1200 * 100vw);
  }
  .menu-goods {
    width: calc(var(--width-menu-goods) / 1200 * 100vw);
  }
  .menu-map {
    width: calc(var(--width-menu-map) / 1200 * 100vw);
  }
  .menu-about {
    width: calc(var(--width-menu-about) / 1200 * 100vw);
  }
  .menu-faq {
    width: calc(var(--width-menu-faq) / 1200 * 100vw);
  }
  #frame-kv {
  }
  .kv {
    width: 100vw;
  }
  #frame-catch {
  }
  .catch {
    width: 100vw;
  }
  .button-ticket {
    width: calc(var(--width-button-ticket) / 1200 * 100vw);
  }
  #button-ticket-1 {
  }
  #frame-scenes {
    width: calc(var(--width-frame-scenes) / 1200 * 100vw);
    height: calc(var(--height-frame-scenes) / 1200 * 100vw);
  }
  .slider-scenes {
    width: calc(var(--width-slider-scenes) / 1200 * 100vw); 
    height: calc(var(--height-slider-scenes) / 1200 * 100vw); 
  }
  .scene {
    width: calc(var(--width-scene) / 1200 * 100vw);
  }
/*
  #frame-story {
    height: calc(var(--height-frame-story) / 1200 * 100vw);
  }
  .story {
    width: 100vw;
  }
  .text-story {
    width: calc(var(--width-text-story) / 1200 * 100vw);
  }
  .illust-story {
  }
*/
  #frame-repeater {
    height: calc(var(--height-frame-repeater) / 1200 * 100vw);
  }
  .repeater {
    width: 100vw;
  }
  .text-repeater {
    width: calc(var(--width-text-repeater) / 1200 * 100vw);
  }
  .illust-repeater {
    width: 100vw;
  }
/*
  #frame-movie {
  }
  .movie-title {
    width: 100vw;
  }
  .movie {
    width: calc(var(--width-movie) / 1200 * 100vw);
  }
*/
  #frame-point {
  }
  .point {
    width: 100vw;
  }
  #frame-format {
  }
  .format {
    width: 100vw;
  }
  #frame-howto {
  }
  .howto {
    width: 100vw;
  }
  #frame-schedule {
  }
  .schedule {
    width: 100vw;
  }
  .text-schedule {
    width: calc(var(--width-text-schedule) / 1200 * 100vw);
  }
  .text-schedule .large {
  }
  .text-schedule .medium {
  }
  .text-schedule .small {
  }
  #frame-fee {
    height: calc(var(--height-frame-fee) / 1200 * 100vw);
  }
  .fee {
    width: 100vw;
  }
  .text-fee {
    width: calc(var(--width-text-fee) / 1200 * 100vw);
  }
  .notice {
  }
  .text-start {
    width: calc(var(--width-text-start) / 1200 * 100vw);
  }
  #button-ticket-2 {
  }
  #frame-goods {
  }
  .goods {
    width: 100vw;
  }
  #frame-map {
    height: calc(var(--height-frame-map) / 1200 * 100vw);
  }
  .map {
    width: 100vw;
  }
  .text-map {
    font-size: 18px;
    width: calc(var(--width-text-map) / 1200 * 100vw);
  }
  .text-map .large {
  }
  #button-map {
    left: 60%;
    width: calc(var(--width-button-map) / 1200 * 100vw);
  }
  #frame-about {
    height: calc(var(--height-frame-about) / 1200 * 100vw);
  }
  .about-title {
    width: 100vw;
  }
  .section-about-1 {
    width: calc(var(--width-section-about-1) / 1200 * 100vw);
  }
  .about-1 {
    width: calc(var(--width-about-1) / 1200 * 100vw);
  }
  .text-about-1 {
    width: calc(var(--width-text-about-1) / 1200 * 100vw);
  }
  .text-about-1 .large {
  }
  .section-about-3 {
    width: calc(var(--width-section-about-3) / 1200 * 100vw);
  }
  .about-3 {
    width: calc(var(--width-about-3) / 1200 * 100vw);
  }
  .text-about-3 {
    width: calc(var(--width-text-about-3) / 1200 * 100vw);
  }
  .text-about-3 .large {
  }
  .illust-about {
    width: 100vw;
  }
  #frame-faq {
    height: calc(var(--height-frame-faq) / 1200 * 100vw);
  }
  .faq-title {
    width: 100vw;
  }
  .text-faq {
    width: calc(var(--width-text-faq) / 1200 * 100vw);
    height: calc(var(--height-text-faq) / 1200 * 100vw);
    font-size: 2vw;
  }
  .item {
    margin-left: calc(var(--ml-item) / 1200 * 100vw);
  }
  .item .question {
    margin-top: calc(var(--mt-question) / 1200 * 100vw);
  }
  .item .answer {
    margin-top: calc(var(--mt-answer) / 1200 * 100vw);
  }
  #frame-footer {
    height: calc(var(--height-frame-footer) / 1200 * 100vw);
  }
  .footer {
  }
  .logo {
    width: calc(var(--width-logo) / 1200 * 100vw);
  }
  .text-copyright {
  }
}