@charset "UTF-8";

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

  position: absolute;
  top: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.title {
  position: absolute;
  top: 0;
  margin: 0 auto;
  left: 0;
  right: 0;

  opacity: 0;
  animation: ease-in 1s appear 2s forwards;
}

/* --- キャッチ --- */
#frame-catch {
}
.catch {
}

/* --- ルール --- */
#frame-rule {
}
.rule {
}

/* --- インタビュー --- */
#frame-interview {
  position: relative;
}
.interview {
}
.text-interview {
  position: absolute;
  top: 33%;

  color: white;
  text-align: left;
  line-height: 130%;

border: solid yellow 0px;
}

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

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

/* --- スケジュール --- */
#frame-schedule {
  position: relative;
  margin: 0 auto;
  left: 0;
  right: 0;

border: solid yellow 0px;
}
.schedule {
  position: absolute;

  margin: 0 auto;
  left: 0;
  right: 0;
}
.text-schedule {
  --width-text-schedule: 800;
  --height-text-schedule: 100;

  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;

  color: white;
  text-align: left;
  line-height: 130%;

border: solid white 0px;
}
.frame-calendar {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
border: solid red 0px;
}
.slider-calendar {
}
.calendar {
}

/* --- チケット --- */
#frame-fee {
  position: relative;
}
.fee {
}
.frame-ticket {
  position: relative;
  margin: 0 auto;
  left: 0;
  right: 0;
border: solid yellow 0px;
}
.button-ticket {
  --width-button-ticket: 310;

  margin: 0 auto;
  left: 0;
  right: 0;
}

/* --- マップ --- */
#frame-map {
  position: relative;
  margin: 0 auto;
  left: 0;
  right: 0;

border: solid yellow 0px;
}
.embed-map {
  position: absolute;
border: solid yellow 0px;

}
.iframe-map {
  width: 100%;
  height: 100%;
}

.text-map {
  position: absolute;
  top: 13%;
  margin: 0 auto;
  left: 0;
  right: 0;

  color: white;
  text-align: left;
  line-height: 150%;

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

/* --- 制作 --- */
#frame-author {
  position: relative;
  margin: 0 auto;
  left: 0;
  right: 0;

border: solid yellow 0px;
}
.text-author {
  position: absolute;
  top: 13%;
  margin: 0 auto;
  left: 0;
  right: 0;

  font-family: 'GenEiLateGo';
  color: white;
  text-align: left;
  line-height: 150%;

border: solid white 0px;
}
.text-author .large {
}

/* --- FAQ --- */
#frame-faq {
  position: relative;
}
.faq-title {
}
.text-faq {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  padding-right: 5px;

}
.item {
  --ml-item: 20;

  text-align: left;
  color: white;
}
.item .question {
  --mt-question: 40;

  font-weight: bold;
}
.item .answer {
  --mt-answer: 5;
  --mb-answer: 40;
}

/* --ｰ フッタ --- */
#frame-footer {
}
.logo {
  --width-logo: 301;
}