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

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

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


/* --- キービジュア]ル --- */
#frame-kv {
  --height-frame-kv: 1404;

  height: calc(var(--height-frame-kv) / 1000 * 100vw);
}
.kv {
  width: 100vw;
}
.title {
  width: 100vw;
}

/* --- キャッチ --- */
#frame-catch {
}
.catch {
  width: 100vw;
}

/* --- ルール --- */
#frame-rule {
}
.rule {
  width: 100vw;
}

/* --- インタビュー --- */
#frame-interview {
}
.interview {
  width: 100vw;
}
.text-interview {
  --width-text-interview: 550;
  --offset-text-interview: 160;

  width: calc(var(--width-text-interview) / 1000 * 100vw);
  left: calc(50% - var(--offset-text-interview) / 1000 * 100vw);

  font-size: 3.2vw;
}

/* --- プレイ形式 --- */
#frame-format {
}
.format {
  width: 100vw;
}

/* --- 参加方法 --- */
#frame-howto {
}
.howto {
  width: 100vw;
}

/* --- スケジュール --- */
#frame-schedule {
  --width-frame-schedule: 1000;
  --height-frame-schedule: 1200;

  width: calc(var(--width-frame-schedule) / 1000 * 100vw);
  height: calc(var(--height-frame-schedule) / 1000 * 100vw);
}
.schedule {
  width: 100vw;
}
.text-schedule {
  top: 13%;

  width: calc(var(--width-text-schedule) / 1000 * 100vw);
  font-size: 3vw;
}
.frame-calendar {
  --width-frame-calendar: 700;
  --height-frame-calendar: 1000;

  top: 22%;
  width: calc(var(--width-frame-calendar) / 1000 * 100vw);
  height: calc(var(--height-frame-calendar) / 1000 * 100vw);
}
.slider-calendar {
}
.calendar {
}

/* --- チケット --- */
#frame-fee {
}
.fee {
  width: 100vw;
}
.button-ticket {
  bottom: 7%;
  width: calc(var(--width-button-ticket) / 1000 * 100vw);
}

/* --- マップ --- */
#frame-map {
  --width-frame-map: 1000;
  --height-frame-map: 1350;

  width: calc(var(--width-frame-map) / 1000 * 100vw);
  height: calc(var(--height-frame-map) / 1000 * 100vw);
}
.embed-map {
  --width-embed-map: 600;
  --height-embed-map: 600;

  margin: 0 auto;
  left: 0;
  right: 0;
  top: 12%;

  width: calc(var(--width-embed-map) / 1000 * 100vw);
  height: calc(var(--height-embed-map) / 1000 * 100vw);
border: solid yellow 0px;

}
.iframe-map {
}
.text-map {
  --width-text-map: 700;
  --height-text-map: 100;

  top: 61%;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: calc(var(--width-text-map) / 1000 * 100vw);

  font-size: 2.5vw;
border: solid white 0px;
}
.text-map .large {
  font-size: 3.5vw;
}

/* --- 制作 --- */
#frame-author {
  --width-frame-author: 1000;
  --height-frame-author: 1000;

  width: calc(var(--width-frame-author) / 1000 * 100vw);
  height: calc(var(--height-frame-author) / 1000 * 100vw);
}
.text-author {
  --width-text-author: 700;
  --height-text-author: 100;

  top: 15%;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: calc(var(--width-text-author) / 1000 * 100vw);

  font-size: 3vw;
border: solid white 0px;
}
.text-author .large {
  font-size: 3.5vw;
}

/* --- FAQ --- */
#frame-faq {
  --height-frame-faq: 3500;
  height: calc(var(--height-frame-faq) / 1000 * 100vw);

border: solid yellow 0px;
}
.faq-title {
  width: 100vw;
}
.text-faq {
  --width-text-faq: 750;
  --height-text-faq: 3300;

  top: 5%;
  width: calc(var(--width-text-faq) / 1000 * 100vw);
  height: calc(var(--height-text-faq) / 1000 * 100vw);
  font-size: 2.5vw;
/*  overflow-y: scroll; */

border: solid white 0px;
}
.item {
  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);
  margin-bottom: calc(var(--mb-answer) / 1000 * 100vw);
}

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

  height: calc(var(--height-footer) / 1000 * 100vw);
border: solid white 0px;
}
.logo {
  width: calc(var(--width-logo) / 1000 * 100vw);
}