/* 
 * component.css
 * コンポーネントスタイル
 *
 * ⚫︎規則
 * 　margin等コンポーネント外部のレイアウトに影響するスタイル禁止
 */
/* ヘッダー */
.c-header {
  width: 100%;
  padding: calc(18 / var(--full-width) * 100vw) calc(20 / var(--full-width) * 100vw);
  background-color: #000;
}
.s .c-header {
  padding: calc(24 / var(--sp-full-width) * 100vw) calc(20 / var(--sp-full-width) * 100vw);
}
.c-header-logo {
  width: calc(367 / var(--full-width) * 100vw);
}
.s .c-header-logo {
  width: calc(480 / var(--sp-full-width) * 100vw);
}
/* タイトル */
.c-title {
  font-size: calc(70 / var(--full-width) * 100vw);
  text-align: center;
  font-weight: 700;
}
.s .c-title {
  font-size: calc(80 / var(--sp-full-width) * 100vw);
  line-height: 1.2;
}
.c-title span {
  display: block;
  padding-top: calc(15 / var(--full-width) * 100vw);
  font-size: calc(30 / var(--full-width) * 100vw);
  line-height: 1.2;
  font-weight: bold;
}
.s .c-title span {
  padding-top: calc(20 / var(--sp-full-width) * 100vw);
  font-size: calc(32 / var(--sp-full-width) * 100vw);
  line-height: 1.1;
}

/* タグ */
.c-eventTag {
  width: calc(210 / var(--full-width) * 100vw);
  padding: calc(12 / var(--full-width) * 100vw) 0;
  color: #fff;
}
.s .c-eventTag {
  width: calc(300 / var(--sp-full-width) * 100vw);
  padding: calc(14 / var(--sp-full-width) * 100vw) 0;
}
.c-eventTag p {
  text-align: center;
  font-size: calc(20 / var(--full-width) * 100vw);
}
.s .c-eventTag p {
  font-size: calc(28 / var(--sp-full-width) * 100vw);
}

/* スケジュール詳細　タグ */
.c-eventItem {
  flex-shrink: 0;
  width: calc(80 / var(--full-width) * 100vw);
  padding: calc(8 / var(--full-width) * 100vw);
  font-family: 'Zen Old Mincho', serif;
  font-size: calc(16 / var(--full-width) * 100vw);
  color: #fff;
  background-color: #000;
  text-align: center;
}
.s .c-eventItem {
  width: calc(130 / var(--sp-full-width) * 100vw);
  flex-shrink: 0;
  padding: calc(22 / var(--sp-full-width) * 100vw) 0;
  font-size: calc(28 / var(--sp-full-width) * 100vw);
}
.s li:nth-of-type(2) .c-eventItem {
  padding: calc(58 / var(--sp-full-width) * 100vw) 0;
}

/* リンクボタン */
.c-linkButton {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: calc(20 / var(--full-width) * 100vw);
  width: calc(223 / var(--full-width) * 100vw);
  padding: calc(23 / var(--full-width) * 100vw) calc(20 / var(--full-width) * 100vw);
  text-align: center;
  font-size: calc(16 / var(--full-width) * 100vw);
  color: #fff;
  cursor: pointer;
}
.s .c-linkButton {
  gap: calc(34 / var(--sp-full-width) * 100vw);
  width: calc(420 / var(--sp-full-width) * 100vw);
  padding: calc(45 / var(--sp-full-width) * 100vw) calc(32 / var(--sp-full-width) * 100vw);
  font-size: calc(32 / var(--sp-full-width) * 100vw);
}
.c-linkButton span {
  display: block;
  width: calc(26 / var(--full-width) * 100vw);
}
.s .c-linkButton span {
  width: calc(52 / var(--sp-full-width) * 100vw);
}
/* 戻るボタン */
.c-linkButton.__left {
  flex-direction: row-reverse;
}

/* フッター */
.c-footer {
  width: 100%;
  padding: calc(40 / var(--full-width) * 100vw) 0;
  background-color: #000;
}
.s .c-footer {
  padding: calc(74 / var(--sp-full-width) * 100vw) 0;
}
.c-footer-logo {
  width: calc(370 / var(--full-width) * 100vw);
  margin: 0 auto;
}
.s .c-footer-logo {
  width: calc(620 / var(--sp-full-width) * 100vw);
}