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

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

/* ---------- */
/* --- ヘッダ --- */

#framesp-header {
  position: relative;
}
.header {
  --height-header: 70;

  width: 100vw;
  height: calc(var(--height-header) * 1px);
  background-color: white;

}
.title{
  --pt-title: 10;
  --pl-title: 15;

  font-size: 28px;
  color: black;
  text-align: left;
  padding-top: calc(var(--pt-title) * 1px);
  padding-left: calc(var(--pl-title) * 1px);
}
/* メニュー */
/* →別ファイル */


/* --- キービジュアル --- */
#framepc-kv {
  position: relative;
}
.kv {
}
/* --- リピーター公演へ、チケット購入 ---- */
#framepc-buttons {
  --height-framepc-buttons: 265;

  position: relative;
  height: calc(var(--height-framepc-buttons) * 1px);
}
.other {
  --width-other: 497;

  right: 50%;
  top: 0;
}
.button-ticket-a {
  --width-button-ticket-a: 415;

  left: 55%;
  bottom: 7%;
}

/* B-SIDEとは */
#framepc-bside {
  --mt-frame-bside: 20;

  position: relative;
  margin-top: calc(var(--mt-frame-bside) * 1px);
}
.bside {
}
/* リピーターとは */
#framepc-repeater {
  --mt-frame-bside: 20;

  position: relative;
  margin-top: calc(var(--mt-frame-bside) * 1px);
}
.repeater {
}
.button-original {
  --top-button-original: 120;
  --left-button-original: 520;
  --width-button-original: 180;

  top: calc(var(--top-button-original) * 1px);
  left: calc(var(--left-button-original) * 1px);
  width: calc(var(--width-button-original) * 1px);
}
/* BLOCK-A(フォーマット、スケジュール) */
#framepc-blocka {
  --mt-frame-blocka: 20;

  position: relative;
  margin-top: calc(var(--mt-frame-blocka) * 1px);
}
.blocka {
}

/* --- ストーリー --- */
#framepc-story {
  --mt-frame-about: 0;

  position: relative;
  margin-top: calc(var(--mt-frame-about) * 1px);
}
.story {
}

/* --- BLOCK-B(チケット、キャンペーン) --- */
/*
#framepc-blockb {
  --mt-frame-blockb: 0;

  position: relative;
  margin-top: calc(var(--mt-frame-blockb) * 1px);
}
.blockb {
}
.button-ticket-b {
  --width-button-ticket-b: 287;

  right: 52%;
  bottom: 28%;
  width: calc(var(--width-button-ticket-b) * 1px);
}
.button-ticket-c {
  --width-button-ticket-c: 287;

  right: 52%;
  bottom: 15%;
  width: calc(var(--width-button-ticket-c) * 1px);
}
*/
/* --- チケット --- */
#framepc-fee {
  --mt-frame-fee: 0;

  position: relative;
  margin-top: calc(var(--mt-frame-fee) * 1px);
}
.fee {
}
.button-ticket-b {
  --offset-button-ticket-b: 30;
  --width-button-ticket-b: 287;

  right: calc(50% + var(--offset-button-ticket-b) * 1px);
  bottom: 11%;
  width: calc(var(--width-button-ticket-b) * 1px);
}
.button-ticket-c {
  --offset-button-ticket-c: 220;
  --width-button-ticket-c: 287;

  left: calc(50% + var(--offset-button-ticket-c) * 1px);
  bottom: 11%;
  width: calc(var(--width-button-ticket-c) * 1px);
}


/* --- マップ --- */
/* →別ファイル */

/* --- よくある質問 --- */
/* →別ファイル */

/* --- ロゴ --- */
#framepc-footer {
}
.logo-yodaka {
  --mt-logo-yodaka: 50;
  --mb-logo-yodaka: 50;

  margin-top: calc(var(--mt-logo-yodaka) * 1px);
  margin-bottom: calc(var(--mb-logo-yodaka) * 1px);

}