@charset "UTF-8";


@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap");
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    background-attachment: initial;
    scroll-behavior: auto;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transition-duration: 0s;
            transition-duration: 0s;
  }
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  margin: 0;
  padding: 0;
  border: none;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

iframe,
img,
input,
select,
textarea,
video {
  max-width: 100%;
  height: auto;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

ol, ul {
  list-style: none;
}

img {
  image-rendering: -webkit-optimize-contrast;
}

a {
  color: inherit;
  text-decoration: none;
}

table {
  border-collapse: collapse;
}

button {
  border-radius: 0;
  text-transform: none;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

:root {
  --s: 1.53846px;
  --f: 1.53846px;
}
@media screen and (max-width: 600px) {
  :root {
    --s: 0.25641vw;
    --f: 0.25641vw;
  }
}

html {
  font-family: "Noto Sans JP", sans-serif;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  text-align: justify;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

body {
  font-family: "Noto Sans TC", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: calc(var(--f) * 14);
  line-height: 1.28;
  letter-spacing: 0;
  color: #000;
}

h1, h2, h3, h4, h5, h6, b, strong, dt, th {
  font-weight: inherit;
}

br.sp {
  display: none;
}

@media screen and (max-width: 600px) {
  br.pc {
    display: none;
  }
  br.sp {
    display: inline;
  }
}
span.nl {
  display: inline-block;
}

.footer {
  width: calc(var(--s) * 390);
  padding: calc(var(--f) * 22) 0;
  margin: 0 auto;
  color: #fff;
  background: #00214B;
}
.footer__container {
  padding: 0 calc(var(--s) * 15);
}
.footer__logo img {
  display: block;
  width: calc(var(--f) * 110);
  margin: 0 auto;
}
.footer__copyright {
  display: block;
  margin: calc(var(--s) * 30) 0 0;
  color: #fff;
  font-size: calc(var(--f) * 12);
  text-align: center;
}
.header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  display: block;
  width: 100%;
}
.header__container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc(var(--s) * 390);
  height: calc(var(--s) * 55);
  margin: 0 auto;
  background: #00214B;
}
.header__logo img {
  display: inline-block;
  width: calc(var(--f) * 70);
}
.header__ticket {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(var(--s) * 67);
  height: 100%;
  padding: calc(var(--s) * 14) 0 0;
  color: #FF9CCE;
  font-size: calc(var(--f) * 9);
  font-weight: 700;
  text-align: center;
}
.header__ticket img {
  display: block;
  width: calc(var(--f) * 26);
  margin: 0 auto calc(var(--f) * 3);
}

.main {
  position: relative;
  width: calc(var(--s) * 390);
  max-width: 100%;
  margin: 0 auto;
  padding-top: calc(var(--s) * 55);
}

.nav {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1100;
  overflow-y: scroll;
  overflow-x: hidden;
  opacity: 0;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: calc(var(--s) * 390);
  height: 100%;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition-duration: 600ms;
          transition-duration: 600ms;
}
.nav__btn {
  display: none;
}
.nav__label {
  position: fixed;
  left: 50%;
  top: 0;
  z-index: 1200;
  display: block;
  width: calc(var(--s) * 54);
  height: calc(var(--s) * 55);
  margin-left: calc(var(--s) * 141);
}
.nav__label span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: calc(var(--s) * 20);
  height: calc(var(--s) * 2);
  margin: auto;
  background: #fff;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav__label span::before, .nav__label span::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav__label span::before {
  top: calc(var(--s) * -12);
}
.nav__label span::after {
  top: calc(var(--s) * 12);
}
.nav__btn:checked + .nav__label span {
  background: transparent;
}
.nav__btn:checked + .nav__label span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.nav__btn:checked + .nav__label span::after {
  top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.nav__btn:checked + .nav__label + .nav {
  opacity: 1;
  pointer-events: all;
}
.nav__container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  width: calc(var(--s) * 285);
  background: #fff;
}
.nav__logo {
  width: 100%;
  padding: calc(var(--s) * 17) 0 calc(var(--s) * 25);
  text-align: center;
  background: #00214B;
}
.nav__logo img {
  display: inline-block;
  width: calc(var(--f) * 70);
}
.nav__ticket {
  position: relative;
  width: 33%;
  height: calc(var(--s) * 55);
  padding: calc(var(--s) * 5) 0 0;
  color: #FF9CCE;
  font-size: calc(var(--f) * 9);
  font-weight: 700;
  text-align: center;
  background: #00214B;
}
.nav__ticket img {
  display: block;
  width: calc(var(--f) * 26);
  margin: 0 auto calc(var(--f) * 3);
}
.nav__ticket::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 1px;
  height: calc(var(--s) * 40);
  background: #fff;
}
.nav__sns {
  width: 67%;
  height: calc(var(--s) * 55);
  background: #00214B;
}
.nav__sns__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(var(--f) * 15);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: calc(var(--f) * 9);
}
.nav__sns__item img {
  display: block;
  width: calc(var(--f) * 35);
  border-radius: calc(var(--f) * 5);
}
.nav__contents {
  width: 100%;
  background: #fff;
}
.nav__contents__item {
  border-bottom: 1px solid #6B6B6B;
}
.nav__contents__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: calc(var(--f) * 8);
  width: 100%;
  height: calc(var(--f) * 49);
  padding: 0 calc(var(--f) * 20);
  color: #00214B;
  font-size: calc(var(--f) * 17);
  font-weight: 700;
  white-space: nowrap;
}
.nav__contents__link::before {
  content: "";
  display: block;
  width: calc(var(--f) * 14);
  height: calc(var(--f) * 14);
  background: url(../img/_common/nav_arrow.svg) center/cover no-repeat;
}
.nav__contents__link--long {
  font-size: calc(var(--f) * 14);
}

@media screen and (min-width: 600.02px) {
  .pcBg {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3000;
    pointer-events: none;
    overflow: hidden;
    width: 100%;
    height: 100%;
  }
  .pcBg__left, .pcBg__right {
    position: absolute;
    top: 0;
    overflow: hidden;
    width: calc((100% - var(--s) * 390) * 0.5);
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#0B9ED6), color-stop(24%, #fff), color-stop(44%, #fff), color-stop(78%, #D5E8FF));
    background: linear-gradient(#0B9ED6, #fff 24%, #fff 44%, #D5E8FF 78%);
  }
  .pcBg__left .cloud, .pcBg__right .cloud {
    position: absolute;
    top: calc(var(--s) * 14);
    display: block;
    width: calc(var(--s) * 169);
  }
  .pcBg__left .stripe, .pcBg__right .stripe {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 30%;
    background: url(../img/_common/pc_bg_stripe.svg) left calc(var(--s) * -15) top/auto repeat;
  }
  .pcBg__left .character, .pcBg__right .character {
    position: absolute;
    right: 0;
    left: 0;
    display: block;
    margin: 0 auto;
  }
  .pcBg__left {
    left: 0;
  }
  .pcBg__left .cloud {
    top: calc(var(--s) * 14);
    left: calc(var(--s) * -14);
  }
  .pcBg__left .character {
    width: calc(var(--s) * 150);
    top: 18.4%;
  }
  .pcBg__right {
    right: 0;
  }
  .pcBg__right .cloud {
    top: calc(var(--s) * 14);
    right: calc(var(--s) * -10);
  }
  .pcBg__right .character {
    width: calc(var(--s) * 122);
    top: 22.8%;
  }
}
@media only screen and (min-width: 600.02px) and (max-width: 1200px) {
  .pcBg__left .character, .pcBg__right .character {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .pcBg {
    display: none;
  }
}

.homeAccess {
  padding: 0 0 calc(var(--s) * 37);
  background: -webkit-gradient(linear, left top, left bottom, from(#004EB1), to(#00214B));
  background: linear-gradient(#004EB1, #00214B);
}
.homeAccess__container {
  padding: 0 calc(var(--s) * 15);
}
.homeAccess__head {
  padding: calc(var(--s) * 48) 0 calc(var(--s) * 18);
  color: #fff;
}
.homeAccess__head .tc {
  display: block;
  margin: 0 0 0.1em;
  font-size: calc(var(--f) * 30);
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
}
.homeAccess__head .tc span {
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, from(#004EB1), to(#00214B));
  background: linear-gradient(#004EB1, #00214B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.homeAccess__head .en {
  display: block;
  font-size: calc(var(--f) * 13);
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
}
.homeAccess__head .tc span {
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D5E8FF));
  background: linear-gradient(#fff, #D5E8FF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.homeAccess__map__map {
  padding: 0 calc(var(--s) * 10);
}
.homeAccess__map__map iframe {
  display: block;
  height: calc(var(--s) * 253);
}
.homeAccess__map__text {
  padding: calc(var(--f) * 10) 0 0;
  color: #fff;
  line-height: 1.5;
  text-align: center;
}
.homeAccess__train {
  padding: calc(var(--s) * 25) calc(var(--s) * 10) 0;
}
.homeAccess__train__chart img {
  display: block;
  width: 100%;
  border-radius: calc(var(--f) * 10);
}
.homeBluelegends {
  padding: calc(var(--s) * 64) 0 0;
  background: url(../img/home/bluelegends_bg.webp) center top/100% auto;
}
.homeBluelegends__head {
  position: relative;
}
.homeBluelegends__head__text {
  padding: 0 0 0 0.25em;
  margin: 0 calc(var(--s) * 15);
  color: #00214B;
  font-size: calc(var(--f) * 29);
  font-weight: 700;
}
.homeBluelegends__head__text b {
  color: #AB0008;
}
.homeBluelegends__head__character {
  position: absolute;
  right: calc(var(--s) * 15);
  top: calc(var(--s) * -38);
  display: block;
  width: calc(var(--f) * 60);
}
.homeBluelegends__detail__photo {
  margin: calc(var(--s) * 28) calc(var(--s) * 25) 0;
}
.homeBluelegends__detail__text {
  padding: calc(var(--s) * 16) calc(var(--s) * 35) 0;
}
.homeBluelegends__detail__more {
  margin: calc(var(--s) * 20) calc(var(--s) * 35) 0;
}
.homeBluelegends__detail__more .button {
  display: block;
}
.homeBluelegends__detail__more .button .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-height: calc(var(--f) * 45);
  padding: 0 2em 0 0;
  color: #fff;
  font-size: calc(var(--f) * 15);
  font-weight: 700;
  text-align: center;
  background: #000 url(../img/_common/btn_arrow.svg) right 1.3em center/1.2em auto no-repeat;
  border-radius: calc(var(--f) * 23);
}
.homeBluelegends__detail__more .button .label {
  color: #00214B;
  background-color: #fff;
  background-image: url(../img/_common/btn_arrow_color3.svg);
  border: 1px solid #00214B;
}
.homeBluelegends__other {
  padding: calc(var(--s) * 42) calc(var(--s) * 26) calc(var(--s) * 32);
  margin: calc(var(--s) * 9) 0 0;
  background: url(../img/home/bluelegends_bg_bottom.webp) center top/100% auto no-repeat;
}
.homeBluelegends__other__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(var(--s) * 24);
}
.homeBluelegends__other__item {
  position: relative;
  width: 100%;
  background: #fff;
  border-radius: calc(var(--s) * 10);
}
.homeBluelegends__other__item--cheer {
  min-height: calc(var(--s) * 135);
  padding: calc(var(--s) * 18) 0 calc(var(--s) * 18) calc(var(--s) * 199);
  color: #00214B;
  font-weight: 700;
  background-image: url(../img/home/bluelegends_cheer_text.svg);
  background-position: right calc(var(--s) * 8) bottom calc(var(--s) * 16);
  background-size: calc(var(--s) * 98) auto;
  background-repeat: no-repeat;
}
.homeBluelegends__other__item--cheer .photo {
  position: absolute;
  top: calc(var(--s) * -11);
  left: calc(var(--s) * 14);
  display: block;
  width: calc(var(--s) * 170);
}
.homeBluelegends__other__item--cheer .photo img {
  display: block;
  border-radius: calc(var(--s) * 10);
}
.homeBluelegends__other__item--cuisine {
  min-height: calc(var(--s) * 222);
  padding: calc(var(--s) * 12) calc(var(--s) * 180) calc(var(--s) * 18) calc(var(--s) * 10);
}
.homeBluelegends__other__item--cuisine .text__title {
  position: relative;
  padding: 0 0 0 calc(var(--s) * 45);
  color: #00214B;
  font-size: calc(var(--f) * 20);
  font-weight: 700;
  white-space: nowrap;
}
.homeBluelegends__other__item--cuisine .text__title b {
  color: #AB0008;
}
.homeBluelegends__other__item--cuisine .text__title img {
  position: absolute;
  left: 0;
  top: calc(var(--s) * -4);
  display: block;
  width: calc(var(--s) * 35);
}
.homeBluelegends__other__item--cuisine .text__text {
  margin: calc(var(--s) * 14) 0 0;
  font-size: calc(var(--f) * 13);
  line-height: 1.3;
}
.homeBluelegends__other__item--cuisine .text__more {
  margin: calc(var(--s) * 17) 0 0;
}
.homeBluelegends__other__item--cuisine .text__more .button {
  display: block;
  background: -webkit-gradient(linear, left top, right top, from(#006AB3), to(#000));
  background: linear-gradient(to right, #006AB3, #000);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 999px;
}
.homeBluelegends__other__item--cuisine .text__more .button .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-height: calc(var(--f) * 45);
  padding: 0 2em 0 0;
  color: #fff;
  font-size: calc(var(--f) * 15);
  font-weight: 700;
  text-align: center;
  background: #000 url(../img/_common/btn_arrow.svg) right 1.3em center/1.2em auto no-repeat;
  border-radius: calc(var(--f) * 23);
}
.homeBluelegends__other__item--cuisine .text__more .button .label {
  background-color: transparent;
}
.homeBluelegends__other__item--cuisine .photo {
  position: absolute;
  top: calc(var(--s) * -11);
  right: calc(var(--s) * 7);
  display: block;
  width: calc(var(--s) * 167);
}
.homeBuyTickets {
  position: relative;
  overflow: hidden;
  padding: 0 0 calc(var(--s) * 58);
}
.homeBuyTickets__container {
  padding: 0 calc(var(--s) * 15);
  position: relative;
  z-index: 10;
}
.homeBuyTickets__head {
  padding: calc(var(--s) * 48) 0 calc(var(--s) * 18);
  padding: calc(var(--s) * 58) 0 0;
}
.homeBuyTickets__head .tc {
  display: block;
  margin: 0 0 0.1em;
  font-size: calc(var(--f) * 30);
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
}
.homeBuyTickets__head .tc span {
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, from(#004EB1), to(#00214B));
  background: linear-gradient(#004EB1, #00214B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.homeBuyTickets__head .en {
  display: block;
  font-size: calc(var(--f) * 13);
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
}
.homeBuyTickets__head .en {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.3em;
  color: #006AB3;
}
.homeBuyTickets__head .en::before {
  content: "";
  display: block;
  width: calc(var(--f) * 14);
  height: calc(var(--f) * 14);
  background: url(../img/_common/ico_ticket_color2.svg) center/contain no-repeat;
}
.homeBuyTickets__head .tc {
  margin-top: calc(var(--f) * 7);
  font-size: calc(var(--f) * 35);
}
.homeBuyTickets__head__about {
  margin: calc(var(--s) * 14) 0 0;
}
.homeBuyTickets__head__about p {
  text-align: center;
}
.homeBuyTickets__list {
  margin: calc(var(--s) * 30) 0 0;
}
.homeBuyTickets__list__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: calc(var(--f) * 11) 0;
}
.homeBuyTickets__list__item {
  position: relative;
  overflow: hidden;
  width: calc((100% - var(--f) * 11) / 2);
  background: #00214B;
  border: 1px solid #00214B;
  border-radius: calc(var(--f) * 10);
}
.homeBuyTickets__list__item .logo img {
  display: block;
  width: 100%;
}
.homeBuyTickets__list__item .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: 0.75em;
  padding: 0.7em 0;
  color: #fff;
  font-weight: 700;
}
.homeBuyTickets__list__item .text::after {
  content: "";
  display: block;
  width: 0.85em;
  height: 0.85em;
  background: url(../img/_common/ico_outlink.svg) center/contain no-repeat;
}
.homeBuyTickets__list__item--kkday {
  background: #24BEC8;
  border-color: #24BEC8;
}
.homeBuyTickets__bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
}
.homeCollaboration {
  padding: 0 0 calc(var(--s) * 75);
  background: #E6EFFA;
}
.homeCollaboration__container {
  padding: 0 calc(var(--s) * 15);
}
.homeCollaboration__head {
  padding: calc(var(--s) * 48) 0 calc(var(--s) * 18);
  position: relative;
  padding-top: calc(var(--s) * 75);
}
.homeCollaboration__head .tc {
  display: block;
  margin: 0 0 0.1em;
  font-size: calc(var(--f) * 30);
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
}
.homeCollaboration__head .tc span {
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, from(#004EB1), to(#00214B));
  background: linear-gradient(#004EB1, #00214B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.homeCollaboration__head .en {
  display: block;
  font-size: calc(var(--f) * 13);
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
}
.homeCollaboration__head .logo {
  position: absolute;
  left: calc(var(--s) * -15);
  top: calc(var(--s) * -8);
  display: block;
  width: calc(var(--s) * 200);
}
.homeCollaboration__head .logo img {
  display: block;
  width: 100%;
}
.homeCollaboration__photo {
  padding: calc(var(--s) * 10) calc(var(--s) * 10) 0;
}
.homeCollaboration__photo img {
  display: block;
}
.homeCollaboration__more {
  margin: calc(var(--s) * 30) calc(var(--s) * 20) 0;
}
.homeCollaboration__more .button {
  display: block;
}
.homeCollaboration__more .button .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-height: calc(var(--f) * 45);
  padding: 0 2em 0 0;
  color: #fff;
  font-size: calc(var(--f) * 15);
  font-weight: 700;
  text-align: center;
  background: #000 url(../img/_common/btn_arrow.svg) right 1.3em center/1.2em auto no-repeat;
  border-radius: calc(var(--f) * 23);
}
.homeCollaboration__more .button .label {
  color: #00214B;
  background-color: #fff;
  background-image: url(../img/_common/btn_arrow_color3.svg);
  border: 1px solid #00214B;
}
.homeHistory__container {
  position: relative;
}
.homeHistory__head {
  position: absolute;
  top: calc(var(--s) * 53);
  left: calc(var(--s) * 20);
  color: #00214B;
}
.homeHistory__head .en {
  display: block;
  font-size: calc(var(--f) * 13);
  line-height: 1.2;
  font-weight: 700;
}
.homeHistory__head .en::after {
  content: "";
  display: block;
  width: calc(var(--f) * 20);
  height: 1px;
  margin: calc(var(--f) * 7) 0;
  background: #AB0008;
}
.homeHistory__head .tc {
  display: block;
  font-size: calc(var(--f) * 25);
  line-height: 1.2;
  font-weight: 700;
}
.homeHistory__photo img {
  display: block;
}
.homeHistory__more {
  position: absolute;
  right: 0;
  bottom: calc(var(--s) * 50);
  left: 0;
  z-index: 10;
  display: block;
  width: calc(var(--s) * 320);
  margin: 0 auto;
}
.homeHistory__more .button {
  display: block;
  background: -webkit-gradient(linear, left top, right top, from(#006AB3), to(#000));
  background: linear-gradient(to right, #006AB3, #000);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 999px;
}
.homeHistory__more .button .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-height: calc(var(--f) * 45);
  padding: 0 2em 0 0;
  color: #fff;
  font-size: calc(var(--f) * 15);
  font-weight: 700;
  text-align: center;
  background: #000 url(../img/_common/btn_arrow.svg) right 1.3em center/1.2em auto no-repeat;
  border-radius: calc(var(--f) * 23);
}
.homeHistory__more .button .label {
  background-color: transparent;
}
.homeInterleague {
  padding: 0 0 calc(var(--s) * 56);
}
.homeInterleague__container {
  padding: 0 calc(var(--s) * 15);
}
.homeInterleague__head {
  padding: calc(var(--s) * 48) 0 calc(var(--s) * 18);
}
.homeInterleague__head .tc {
  display: block;
  margin: 0 0 0.1em;
  font-size: calc(var(--f) * 30);
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
}
.homeInterleague__head .tc span {
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, from(#004EB1), to(#00214B));
  background: linear-gradient(#004EB1, #00214B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.homeInterleague__head .en {
  display: block;
  font-size: calc(var(--f) * 13);
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
}
.homeInterleague__banner__img img {
  display: block;
}
.homeInterleague__banner__text {
  padding: calc(var(--s) * 18) calc(var(--s) * 11) 0;
}
.homeInterleague__button {
  margin: calc(var(--s) * 20) calc(var(--s) * 20) 0;
}
.homeInterleague__button__item {
  margin: 0 0 calc(var(--f) * 13);
}
.homeInterleague__button__item:last-child {
  margin-bottom: 0;
}
.homeInterleague__button__item .button {
  display: block;
}
.homeInterleague__button__item .button .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-height: calc(var(--f) * 45);
  padding: 0 2em 0 0;
  color: #fff;
  font-size: calc(var(--f) * 15);
  font-weight: 700;
  text-align: center;
  background: #000 url(../img/_common/btn_arrow.svg) right 1.3em center/1.2em auto no-repeat;
  border-radius: calc(var(--f) * 23);
}
.homeInterleague__button__item--ticket .label {
  gap: 1em;
  background-color: #AB0008 !important;
}
.homeInterleague__button__item--ticket .label::before {
  content: "";
  display: block;
  width: calc(var(--f) * 18);
  height: calc(var(--f) * 18);
  background: url(../img/_common/ico_ticket.svg) center/contain no-repeat;
}
.homeInterleague__button__item--fb .label {
  background-color: #0865FE !important;
}
.homeInterleague__button__item--fb .label::before {
  content: "";
  display: block;
  width: calc(var(--f) * 42);
  height: calc(var(--f) * 42);
  background: url(../img/_common/sns_fb.png) center/contain no-repeat;
}
.homeInterleague__button__item--ig .label {
  background-color: #FF0076 !important;
}
.homeInterleague__button__item--ig .label::before {
  content: "";
  display: block;
  width: calc(var(--f) * 42);
  height: calc(var(--f) * 42);
  background: url(../img/_common/sns_ig.png) center/contain no-repeat;
}

.homeMV__main img {
  display: block;
}
.homeNews {
  padding: 0 0 calc(var(--s) * 44);
  background: -webkit-gradient(linear, left top, left bottom, from(#D4E3F6), to(#fff));
  background: linear-gradient(#D4E3F6, #fff calc(var(--s) * 146));
}
.homeNews__container {
  padding: 0 calc(var(--s) * 15);
}
.homeNews__head {
  padding: calc(var(--s) * 48) 0 calc(var(--s) * 18);
  padding-top: calc(var(--s) * 34);
}
.homeNews__head .tc {
  display: block;
  margin: 0 0 0.1em;
  font-size: calc(var(--f) * 30);
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
}
.homeNews__head .tc span {
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, from(#004EB1), to(#00214B));
  background: linear-gradient(#004EB1, #00214B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.homeNews__head .en {
  display: block;
  font-size: calc(var(--f) * 13);
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
}
.homeNews__list {
  position: relative;
  overflow-y: scroll;
  height: calc(var(--s) * 195);
  padding: calc(var(--s) * 6) calc(var(--s) * 11);
  border: 1px solid #006AB3;
  border-radius: calc(var(--s) * 5);
  background: #fff;
}
.homeNews__list__item {
  border-bottom: 1px solid #999999;
}
.homeNews__list__item .box {
  display: block;
  padding: calc(var(--s) * 11);
}
.homeNews__list__item .date {
  display: block;
  margin: 0 0 calc(var(--s) * 2);
  color: #00214B;
  font-size: calc(var(--f) * 13);
  font-weight: 700;
}
.homeNews__list__item .title {
  display: block;
  font-size: calc(var(--f) * 14);
}
.homePlayers {
  position: relative;
  overflow: hidden;
  background: #00214B url(../img/home/players_head.svg) center top/100% auto no-repeat;
}
.homePlayers__container {
  padding: 0 calc(var(--s) * 15);
}
.homePlayers__head {
  padding: calc(var(--s) * 48) 0 calc(var(--s) * 18);
  color: #fff;
}
.homePlayers__head .tc {
  display: block;
  margin: 0 0 0.1em;
  font-size: calc(var(--f) * 30);
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
}
.homePlayers__head .tc span {
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, from(#004EB1), to(#00214B));
  background: linear-gradient(#004EB1, #00214B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.homePlayers__head .en {
  display: block;
  font-size: calc(var(--f) * 13);
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
}
.homePlayers__head .tc span {
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D5E8FF));
  background: linear-gradient(#fff, #D5E8FF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.homePlayers__nav {
  margin: calc(var(--s) * 22) 0 0;
}
.homePlayers__nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 10);
}
.homePlayers__nav a {
  display: block;
  padding: 0.4em 1.6em;
  color: #00214B;
  font-size: calc(var(--f) * 15);
  font-weight: 700;
  background: #E6EFFA;
  border-radius: 999px;
}
.homePlayers__slider {
  position: relative;
  width: calc(var(--s) * 345);
  margin: calc(var(--s) * 16) auto 0;
}
.homePlayers__slider__items .box {
  display: block;
  padding: calc(var(--s) * 26) calc(var(--s) * 10) calc(var(--s) * 22);
  margin: 0 calc(var(--f) * 7);
  background: #E6EFFA;
  border-radius: calc(var(--f) * 5);
}
.homePlayers__slider__items .photo img {
  border-radius: calc(var(--f) * 5);
}
.homePlayers__slider__items .head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: calc(var(--f) * 15) calc(var(--s) * 14) calc(var(--f) * 11);
}
.homePlayers__slider__items .head::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: calc(100% - var(--s) * 14);
  height: 1px;
  margin: 0 auto;
  background: #00214B;
}
.homePlayers__slider__items .head__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  gap: calc(var(--f) * 7);
  color: #00214B;
}
.homePlayers__slider__items .head__number {
  font-size: calc(var(--f) * 20);
  letter-spacing: -0.03em;
  font-weight: 700;
}
.homePlayers__slider__items .head__name {
  font-size: calc(var(--f) * 20);
  letter-spacing: 0.04em;
  font-weight: 700;
}
.homePlayers__slider__items .head__position {
  position: relative;
  top: calc(var(--f) * -4);
  font-size: calc(var(--f) * 12);
  font-weight: 500;
}
.homePlayers__slider__items .head__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.homePlayers__slider__items .head__link img {
  display: block;
  width: calc(var(--f) * 25);
}
.homePlayers__slider__items .detail {
  padding: calc(var(--f) * 11) calc(var(--f) * 14) 0;
}
.homePlayers__slider__items .detail__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5em;
  color: #00214B;
  font-size: calc(var(--f) * 13);
}
.homePlayers__slider__items .detail__text dl {
  width: 100%;
}
.homePlayers__slider__items .detail__text dt, .homePlayers__slider__items .detail__text dd {
  display: inline;
}
.homePlayers__slider__items .detail__text dt::after {
  content: "：";
}
.homePlayers__slider__items .banner {
  padding: calc(var(--s) * 30) calc(var(--f) * 5) 0;
}
.homePlayers__slider__items .banner__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(var(--f) * 12);
}
.homePlayers__slider__items .banner__item {
  width: 100%;
}
.homePlayers__slider__items .banner__box img {
  display: block;
  border: 1px solid #00214B;
  border-radius: calc(var(--s) * 10);
}
.homePlayers__slider__items .video {
  padding: calc(var(--s) * 30) calc(var(--f) * 5) 0;
}
.homePlayers__slider__items .video__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  min-height: calc(var(--f) * 22);
  padding: 0 0 0 calc(var(--f) * 32);
  color: #00214B;
  font-size: calc(var(--f) * 15);
  font-weight: 700;
  background: url(../img/_common/ico_video.svg) left top/calc(var(--f) * 22) auto no-repeat;
}
.homePlayers__slider__items .video__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(var(--f) * 8);
  padding: calc(var(--f) * 9) calc(var(--s) * 45);
}
.homePlayers__slider__prev, .homePlayers__slider__next {
  position: absolute;
  top: calc(var(--s) * 170);
  z-index: 100;
  display: block;
  width: calc(var(--f) * 35);
  height: calc(var(--f) * 35);
  background: url(../img/_common/swiper_arrow.svg) center/contain no-repeat;
  border: 1px solid #00214B;
  border-radius: 999px;
  -webkit-box-shadow: 0 calc(var(--f) * 3) calc(var(--f) * 4) 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 calc(var(--f) * 3) calc(var(--f) * 4) 0 rgba(0, 0, 0, 0.25);
}
.homePlayers__slider__prev {
  left: calc(var(--f) * -10);
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.homePlayers__slider__next {
  right: calc(var(--f) * -10);
}
.homePlayers__slider__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.homePlayers__slider__pagination span.swiper-pagination-bullet {
  position: relative;
  display: block;
  opacity: 0.5;
  width: calc(var(--f) * 20);
  height: calc(var(--f) * 50);
  padding: 0;
  margin: 0;
  background: none !important;
  border-radius: 0;
}
.homePlayers__slider__pagination span.swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: calc(var(--f) * 10);
  height: calc(var(--f) * 10);
  margin: auto;
  background: #fff;
  border-radius: 999px;
}
.homePlayers__slider__pagination span.swiper-pagination-bullet-active {
  opacity: 1;
}
.homeSNS {
  background: #D4E3F6;
  margin-bottom: calc(var(--s) * 20);
}
.homeSNS__container {
  padding: 0 calc(var(--s) * 15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: calc(var(--s) * 21) calc(var(--s) * 33) calc(var(--s) * 24) calc(var(--s) * 26);
}
.homeSNS__head {
  position: relative;
  padding: 0 0 0 calc(var(--s) * 67);
}
.homeSNS__head__text .sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
  margin: 0 0 0.25em;
  color: #00214B;
  font-size: calc(var(--f) * 10);
  font-weight: 700;
  text-align: center;
}
.homeSNS__head__text .sub::before, .homeSNS__head__text .sub::after {
  content: "";
  width: 1px;
  height: 1.2em;
  background: #00214B;
}
.homeSNS__head__text .sub::before {
  -webkit-transform: rotate(-25deg);
          transform: rotate(-25deg);
}
.homeSNS__head__text .sub::after {
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
}
.homeSNS__head__text .tc {
  display: block;
  color: #00214B;
  font-size: calc(var(--f) * 20);
  font-weight: 700;
  text-align: center;
}
.homeSNS__head__illust {
  position: absolute;
  left: 0;
  top: calc(var(--s) * -42);
}
.homeSNS__head__illust img {
  display: block;
  width: calc(var(--s) * 54);
}
.homeSNS__list__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(var(--s) * 10);
}
.homeSNS__list__item .link {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.homeSNS__list__item .link:hover {
  opacity: 0.7;
}
.homeSNS__list__item .link img {
  display: block;
  width: calc(var(--s) * 45);
  border-radius: calc(var(--s) * 10);
  -webkit-box-shadow: 0 calc(var(--s) * 2) calc(var(--s) * 4) 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 calc(var(--s) * 2) calc(var(--s) * 4) 0 rgba(0, 0, 0, 0.3);
}
.homeTeammates {
  position: relative;
  overflow: hidden;
  background: url(../img/home/teammates_bg.webp) center/cover no-repeat;
}
.homeTeammates__container {
  padding: 0 calc(var(--s) * 15);
}
.homeTeammates__head {
  padding: calc(var(--s) * 48) 0 calc(var(--s) * 18);
  color: #fff;
  position: relative;
  padding-top: calc(var(--s) * 40);
}
.homeTeammates__head .tc {
  display: block;
  margin: 0 0 0.1em;
  font-size: calc(var(--f) * 30);
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
}
.homeTeammates__head .tc span {
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, from(#004EB1), to(#00214B));
  background: linear-gradient(#004EB1, #00214B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.homeTeammates__head .en {
  display: block;
  font-size: calc(var(--f) * 13);
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
}
.homeTeammates__head .tc span {
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D5E8FF));
  background: linear-gradient(#fff, #D5E8FF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.homeTeammates__head .mark {
  position: absolute;
  left: 50%;
  top: calc(var(--s) * 38);
  display: block;
  width: calc(var(--s) * 54);
  height: auto;
  margin-left: calc(var(--s) * -124);
}
.homeTeammates__head__about {
  margin: calc(var(--s) * 17) 0 0;
}
.homeTeammates__head__about p {
  text-align: center;
}
.homeTeammates__slider {
  position: relative;
  width: calc(var(--s) * 324);
  margin: calc(var(--s) * 6) auto 0;
}
.homeTeammates__slider__items .box {
  display: block;
  margin: 0 calc(var(--f) * 7);
}
.homeTeammates__slider__items .photo img {
  display: block;
}
.homeTeammates__slider__prev, .homeTeammates__slider__next {
  position: absolute;
  top: calc(var(--s) * 131);
  z-index: 100;
  display: block;
  width: calc(var(--f) * 35);
  height: calc(var(--f) * 35);
  background: url(../img/_common/swiper_arrow.svg) center/contain no-repeat;
  border: 1px solid #00214B;
  border-radius: 999px;
  -webkit-box-shadow: 0 calc(var(--f) * 3) calc(var(--f) * 4) 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 calc(var(--f) * 3) calc(var(--f) * 4) 0 rgba(0, 0, 0, 0.25);
}
.homeTeammates__slider__prev {
  left: calc(var(--f) * -15);
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.homeTeammates__slider__next {
  right: calc(var(--f) * -15);
}
.homeTeammates__slider__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.homeTeammates__slider__pagination span.swiper-pagination-bullet {
  position: relative;
  display: block;
  opacity: 0.5;
  width: calc(var(--f) * 20);
  height: calc(var(--f) * 50);
  padding: 0;
  margin: 0;
  background: none !important;
  border-radius: 0;
}
.homeTeammates__slider__pagination span.swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: calc(var(--f) * 10);
  height: calc(var(--f) * 10);
  margin: auto;
  background: #fff;
  border-radius: 999px;
}
.homeTeammates__slider__pagination span.swiper-pagination-bullet-active {
  opacity: 1;
}
.bluelegendsAbout__container {
  padding: 0 calc(var(--s) * 15);
  padding-top: calc(var(--f) * 22);
}
.bluelegendsAbout__text {
  line-height: 1.6;
	padding: calc(var(--s) * 10);
}
.bluelegendsAbout__more {
  width: calc(var(--f) * 248);
  margin: calc(var(--s) * 16) auto 0;
}
.bluelegendsAbout__more .button .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  gap: calc(var(--f) * 10);
  width: 100%;
  min-height: calc(var(--f) * 54);
  padding: 0 0 0 calc(var(--f) * 22);
  color: #fff;
  font-size: calc(var(--f) * 14);
  font-weight: 700;
  background: c(text) url(../img/_common/btn_arrow.svg) left 1.3em center/1.2em auto no-repeat;
  background: linear-gradient(45deg, #feda75 0%, #fa7e1e 25%, #d62976 50%, #962fbf 75%, #4f5bd5 100%);
  -webkit-box-shadow: 0 calc(var(--f) * 4) calc(var(--f) * 12) rgba(214, 41, 118, 0.3);
          box-shadow: 0 calc(var(--f) * 4) calc(var(--f) * 12) rgba(214, 41, 118, 0.3);
  border-radius: calc(var(--f) * 30);
}
.bluelegendsAbout__more .button .label::before {
  content: "";
  display: block;
  width: calc(var(--f) * 23);
  height: calc(var(--f) * 23);
  background: url(../img/_common/ico_ig_white.svg) center/contain no-repeat;
}
.bluelegendsAbout__more .button .label small {
  font-size: calc(var(--f) * 12);
  font-weight: 500;
}

.bluelegendsMembers__container {
  padding: 0 calc(var(--s) * 15);
  padding-top: calc(var(--s) * 30);
  padding-bottom: calc(var(--s) * 38);
}
.bluelegendsMembers__list__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: calc(var(--f) * 16) 0;
}
.bluelegendsMembers__list__item {
  position: relative;
  width: calc((100% - var(--s) * 10) / 2);
}
.bluelegendsMembers__list__item .photo {
  position: relative;
  overflow: hidden;
  aspect-ratio: 175/233;
  display: block;
  width: 100%;
  border-radius: calc(var(--f) * 7);
}
.bluelegendsMembers__list__item .photo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.bluelegendsMembers__list__item .photo img {
  -o-object-position: center top;
     object-position: center top;
}
.bluelegendsMembers__list__item .position {
  position: absolute;
  top: calc(var(--f) * 8);
  left: calc(var(--f) * 8);
  padding: 0.3em 0.7em;
  color: #fff;
  font-size: calc(var(--f) * 10.5);
  background: #AB0008;
  border-radius: calc(var(--f) * 4);
}
.bluelegendsMembers__list__item .name {
  margin: 0.75em 0 0;
  color: #00214B;
  text-align: center;
}

.bluelegendsMV__container {
  padding: 0 calc(var(--s) * 15);
  padding-top: calc(var(--f) * 14);
}
.bluelegendsMV__main img {
  display: block;
  border-radius: calc(var(--f) * 7);
}

.bluelegendsProfile__container {
  padding: 0 calc(var(--s) * 15);
  padding-top: calc(var(--s) * 12);
  padding-bottom: calc(var(--s) * 38);
}
.bluelegendsProfile__gallery__items .swiper-slide span {
  position: relative;
  overflow: hidden;
  display: block;
  aspect-ratio: 358/634;
  border-radius: calc(var(--f) * 10);
}
.bluelegendsProfile__gallery__items .swiper-slide span img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.bluelegendsProfile__gallery__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(var(--f) * 2);
  margin: calc(var(--f) * 10) 0 0;
}
.bluelegendsProfile__gallery__pagination .thumblist-item {
  width: calc(var(--f) * 76);
}
.bluelegendsProfile__gallery__pagination .thumblist-item span {
  position: relative;
  overflow: hidden;
  display: block;
  aspect-ratio: 358/610;
  border: calc(var(--f) * 3) solid #fff;
  border-radius: calc(var(--f) * 10);
}
.bluelegendsProfile__gallery__pagination .thumblist-item span img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.bluelegendsProfile__gallery__pagination .thumblist-item.current span {
  border-color: #AB0008;
}
.bluelegendsProfile__data {
  margin: calc(var(--s) * 24) 0 0;
}
.bluelegendsProfile__data .name {
  color: #00214B;
  font-size: calc(var(--f) * 30);
  line-height: 1.5;
}
.bluelegendsProfile__data .data {
  margin: calc(var(--s) * 18) 0 0;
}
.bluelegendsProfile__data .data table {
  width: 100%;
  border-top: 1px solid #e9edf3;
}
.bluelegendsProfile__data .data table th, .bluelegendsProfile__data .data table td {
  padding: 0.65em 1em;
  font-size: calc(var(--f) * 16);
  line-height: 1.75;
  border-bottom: 1px solid #e9edf3;
}
.bluelegendsProfile__data .data table th {
  background: #f1f4f9;
  color: #00214B;
  font-weight: 500;
}
.bluelegendsProfile__comment {
  margin: calc(var(--s) * 30) 0 0;
}
.bluelegendsProfile__comment .text dt {
  display: inline-block;
  padding: 0.25em 1em;
  color: #fff;
  font-size: calc(var(--f) * 15);
  line-height: 1.5;
  background: #00214B;
  border-radius: calc(var(--f) * 5);
}
.bluelegendsProfile__comment .text dd {
  display: block;
  margin: calc(var(--f) * 6) 0 0;
  font-size: calc(var(--f) * 15);
  line-height: 1.75;
}
.bluelegendsProfile__back {
  margin: calc(var(--s) * 30) 0 0;
}
.bluelegendsProfile__back .button {
  display: block;
}
.bluelegendsProfile__back .button .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-height: calc(var(--f) * 45);
  padding: 0 2em 0 0;
  color: #fff;
  font-size: calc(var(--f) * 15);
  font-weight: 700;
  text-align: center;
  background: #000 url(../img/_common/btn_arrow.svg) right 1.3em center/1.2em auto no-repeat;
  border-radius: calc(var(--f) * 23);
}
.bluelegendsProfile__back .button .label {
  background-color: #00214B;
}

.cuisineBg {
  background: url(../img/cuisine/bg.jpg) right top/cover no-repeat;
}

.cuisineLayout {
  padding: 0 calc(var(--s) * 15) calc(var(--s) * 48);
}
.cuisineLayout__container {
  position: relative;
  padding: calc(var(--f) * 13) calc(var(--f) * 20) calc(var(--f) * 15);
  background: #EBF7FF;
  border-radius: calc(var(--f) * 5);
  -webkit-box-shadow: 0 0 calc(var(--f) * 7) 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 calc(var(--f) * 7) 0 rgba(0, 0, 0, 0.25);
}
.cuisineLayout__head .text {
  color: #00214B;
  font-size: calc(var(--f) * 20);
  font-weight: 700;
}
.cuisineLayout__head .text small {
  font-size: calc(var(--f) * 11);
  font-weight: 500;
}
.cuisineLayout__layout {
  padding: calc(var(--f) * 10) calc(var(--f) * 4) 0;
}

.cuisineLineup {
  padding: 0 calc(var(--s) * 15) calc(var(--s) * 42);
}
.cuisineLineup__container {
  position: relative;
  padding: 0 calc(var(--f) * 10) calc(var(--s) * 33);
  background: radial-gradient(#004EB1, #265B9F);
  border-radius: calc(var(--f) * 5);
  -webkit-box-shadow: 0 0 calc(var(--f) * 7) 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 calc(var(--f) * 7) 0 rgba(0, 0, 0, 0.25);
}
.cuisineLineup__head {
  position: relative;
  top: calc(var(--f) * -13);
  padding-bottom: calc(var(--f) * 9);
  margin-bottom: calc(var(--f) * -13);
}
.cuisineLineup__head .text__sub {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  gap: 0.3em;
  margin-bottom: calc(var(--f) * -2);
  color: #fff;
  font-size: calc(var(--f) * 17);
  font-weight: 700;
  text-align: center;
}
.cuisineLineup__head .text__sub::before, .cuisineLineup__head .text__sub::after {
  content: "";
  width: calc(var(--f) * 2);
  height: calc(var(--f) * 20);
  background: #fff;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.cuisineLineup__head .text__sub::before {
  -webkit-transform: rotate(-36deg);
          transform: rotate(-36deg);
}
.cuisineLineup__head .text__sub::after {
  -webkit-transform: rotate(36deg);
          transform: rotate(36deg);
}
.cuisineLineup__head .text__main {
  display: block;
  color: #fff;
  font-size: calc(var(--f) * 25);
  font-weight: 700;
  text-align: center;
}
.cuisineLineup__head .photo {
  position: absolute;
  left: calc(var(--s) * 20);
  bottom: 0;
  display: block;
  width: calc(var(--s) * 96);
}
.cuisineLineup__list__item {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: calc(var(--f) * 15) calc(var(--s) * 20) calc(var(--f) * 55);
  margin: 0 0 calc(var(--s) * 23);
  background: #fff;
  border-radius: calc(var(--f) * 5);
}
.cuisineLineup__list__item:last-child {
  margin-bottom: 0;
}
.cuisineLineup__list__item .photo {
  width: calc(var(--s) * 130);
  margin: 0 0 0 calc(var(--s) * 5);
}
.cuisineLineup__list__item .title {
  width: calc(var(--s) * 155);
}
.cuisineLineup__list__item .title__name .tc {
  display: block;
  font-size: calc(var(--f) * 16);
  font-weight: 700;
}
.cuisineLineup__list__item .title__name .ja {
  display: block;
  margin: calc(var(--f) * 4) 0 0;
  font-size: calc(var(--f) * 11);
  font-weight: 500;
}
.cuisineLineup__list__item .title__price {
  margin: calc(var(--f) * 8) 0 0;
  color: #00214B;
  font-size: calc(var(--f) * 17);
  font-weight: 700;
  text-align: right;
}
.cuisineLineup__list__item .title__price small {
  font-size: 0.59em;
}
.cuisineLineup__list__item .detail {
  width: 100%;
  margin: calc(var(--s) * 9) 0 0;
  font-size: calc(var(--f) * 13);
  line-height: 1.38;
}
.cuisineLineup__list__item .location {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  background: #D5E8FF;
  border-top: 1px solid #265B9F;
}
.cuisineLineup__list__item .location dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: calc(var(--s) * 22);
  width: 100%;
  height: calc(var(--f) * 40);
}
.cuisineLineup__list__item .location dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: 0.33em;
  color: #00214B;
  font-size: calc(var(--f) * 12);
  font-weight: 700;
}
.cuisineLineup__list__item .location dl dt::before {
  content: "";
  width: 1.42em;
  height: 1.42em;
  background: url(../img/cuisine/location.svg) center/contain no-repeat;
}
.cuisineLineup__list__item .location dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: calc(var(--f) * 9);
}
.cuisineLineup__list__item .location dl dd span {
  padding: calc(var(--f) * 1) calc(var(--f) * 8);
  color: #fff;
  font-size: calc(var(--f) * 15);
  font-weight: 700;
  background: #022854;
}
.cuisineLineup__list__item .location dl dd span small {
  font-size: calc(var(--f) * 11);
  font-weight: 500;
}
.cuisineLineup__list__item .location dl dd span.blue {
  background-color: #046EC2;
}
.cuisineLineup__list__item .location dl dd span.green {
  background-color: #008D39;
}
.cuisineLineup__list__item--photo .location {
  padding-right: calc(var(--s) * 50);
}
.cuisineLineup__bottom {
  position: absolute;
  right: 0;
  bottom: 0;
}
.cuisineLineup__bottom img {
  display: block;
  width: calc(var(--s) * 77);
}

.cuisineMore {
  padding: 0 0 calc(var(--s) * 50);
}
.cuisineMore__container {
  padding: 0 calc(var(--s) * 15);
}
.cuisineMore__button {
  padding: 0 calc(var(--s) * 20);
}
.cuisineMore__button__item {
  margin: 0 0 calc(var(--f) * 22);
}
.cuisineMore__button__item:last-child {
  margin-bottom: 0;
}
.cuisineMore__button__item .button {
  display: block;
}
.cuisineMore__button__item .button .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-height: calc(var(--f) * 45);
  padding: 0 2em 0 0;
  color: #fff;
  font-size: calc(var(--f) * 15);
  font-weight: 700;
  text-align: center;
  background: #000 url(../img/_common/btn_arrow.svg) right 1.3em center/1.2em auto no-repeat;
  border-radius: calc(var(--f) * 23);
}
.cuisineMore__button__item .button--access .label {
  color: #00214B;
  background-color: #fff;
  background-image: url(../img/_common/btn_arrow_color3.svg);
  border: 1px solid #00214B;
}
.cuisineMore__button__item .button--ticket .label {
  gap: 1em;
  background-color: #C75990;
}
.cuisineMore__button__item .button--ticket .label::before {
  content: "";
  display: block;
  width: calc(var(--f) * 18);
  height: calc(var(--f) * 18);
  background: url(../img/_common/ico_ticket.svg) center/contain no-repeat;
}

.cuisineVideo {
  padding: calc(var(--s) * 23) 0 calc(var(--s) * 63);
}
.cuisineVideo__container {
  padding: 0 calc(var(--s) * 15);
}
.cuisineVideo__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cuisineVideo__head .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  gap: 0.3em;
  margin: 0 0 calc(var(--f) * 10);
  color: #fff;
  font-size: calc(var(--f) * 20);
  font-weight: 700;
  text-align: center;
}
.cuisineVideo__head .text::before, .cuisineVideo__head .text::after {
  content: "";
  width: calc(var(--f) * 2);
  height: calc(var(--f) * 20);
  background: #fff;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.cuisineVideo__head .text::before {
  -webkit-transform: rotate(-36deg);
          transform: rotate(-36deg);
}
.cuisineVideo__head .text::after {
  -webkit-transform: rotate(36deg);
          transform: rotate(36deg);
}

.historyMV__main img {
  display: block;
}
.historyPresent {
  padding: calc(var(--s) * 33) 0;
  background: #7cb2e8 url(../img/history/present_bg.webp) center top/100% auto;
}
.historyPresent__container {
  padding: 0 calc(var(--s) * 15);
}
.historyPresent__text {
  position: relative;
  z-index: 10;
}
.historyPresent__text p {
  margin: 0 0 calc(var(--s) * 42);
  font-size: calc(var(--f) * 20);
  line-height: 1.3;
  font-weight: 700;
  text-align: center;
}
.historyPresent__text p span {
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, from(#004EB1), to(#00214B));
  background: linear-gradient(#004EB1, #00214B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-filter: drop-shadow(0 calc(var(--f) * 2) calc(var(--f) * 5) #fff);
          filter: drop-shadow(0 calc(var(--f) * 2) calc(var(--f) * 5) #fff);
}
.historyPresent__text img {
  position: absolute;
  z-index: -1;
  display: block;
}
.historyPresent__text img.photo1 {
  right: calc(var(--s) * 15 * -1);
  top: calc(var(--s) * -7);
  width: calc(var(--s) * 122);
}
.historyPresent__text img.photo2 {
  left: calc(var(--s) * 15 * -1);
  bottom: calc(var(--s) * -34);
  width: calc(var(--s) * 122);
}
.historyPresent__main {
  padding: calc(var(--s) * 12) 0 0;
}
.historyPresent__main .mark {
  position: relative;
  z-index: 10;
  display: block;
  width: calc(var(--f) * 131);
  margin: 0 auto calc(var(--s) * -18);
}
.historyPresent__more .button {
  display: block;
  margin: calc(var(--s) * 88) calc(var(--s) * 20) 0;
}
.historyPresent__more .button .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-height: calc(var(--f) * 45);
  padding: 0 2em 0 0;
  color: #fff;
  font-size: calc(var(--f) * 15);
  font-weight: 700;
  text-align: center;
  background: #000 url(../img/_common/btn_arrow.svg) right 1.3em center/1.2em auto no-repeat;
  border-radius: calc(var(--f) * 23);
}
.historyPresent__more .button .label {
  padding-right: 0;
  background-color: #00214B;
  background-image: none;
}

.historyTimeline__container {
  padding: 0 calc(var(--s) * 15);
}
.historyTimeline__guide {
  padding: calc(var(--s) * 28) 0 calc(var(--s) * 40);
}
.historyTimeline__guide__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--s) * 6) calc(var(--s) * 30);
}
.historyTimeline__guide__items li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: calc(var(--f) * 12);
}
.historyTimeline__guide__items li::before {
  content: "";
  position: relative;
  top: 0.25em;
  display: block;
  width: 0.83em;
  height: 0.83em;
  margin: 0 0.25em 0 0;
  background: #000;
}
.historyTimeline__guide__items li.aqua {
  color: #006AB3;
}
.historyTimeline__guide__items li.aqua::before {
  background-color: #006AB3;
}
.historyTimeline__guide__items li.orange {
  color: #ED6D00;
}
.historyTimeline__guide__items li.orange::before {
  background-color: #ED6D00;
}
.historyTimeline__list {
  position: relative;
  padding: 0 calc(var(--s) * 50) 0 0;
}
.historyTimeline__list::after {
  content: "";
  display: block;
  width: 1px;
  height: calc(var(--s) * 76);
  margin: calc(var(--s) * 34) 0 0 calc(var(--s) * 180);
  background: #000;
}
.historyTimeline__list__item {
  padding: 0 0 calc(var(--f) * 23);
  margin: 0 0 calc(var(--f) * 42);
  background: url(../img/history/arrowNext.svg) center bottom/calc(var(--f) * 16) auto no-repeat;
}
.historyTimeline__list__item:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  background: none;
}
.historyTimeline__list__head {
  margin: 0 0 calc(var(--s) * 20);
}
.historyTimeline__list__head .year {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc(var(--s) * 200);
  height: calc(var(--s) * 30);
  margin: 0 auto;
  color: #fff;
  font-size: calc(var(--f) * 17);
  font-weight: 700;
  background: -webkit-gradient(linear, left top, right top, from(#000000), color-stop(19%, #003152), color-stop(28%, #006AB3), color-stop(40%, #004C88), color-stop(87%, #00214B));
  background: linear-gradient(to right, #000000, #003152 19%, #006AB3 28%, #004C88 40%, #00214B 87%);
  -webkit-clip-path: polygon(calc(var(--s) * 10) 0, 100% 0, calc(100% - var(--s) * 10) 100%, 0 100%);
          clip-path: polygon(calc(var(--s) * 10) 0, 100% 0, calc(100% - var(--s) * 10) 100%, 0 100%);
}
.historyTimeline__list__head .title {
  display: block;
  margin: calc(var(--f) * 10) 0 0;
  color: #00214B;
  font-size: calc(var(--f) * 20);
  font-weight: 700;
  text-align: center;
}
.historyTimeline__list__detail .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: calc(var(--f) * 10) calc(var(--f) * 18) calc(var(--f) * 12) calc(var(--f) * 8);
  margin: 0 0 calc(var(--f) * 10);
  background: #eee;
  border: 1px solid #999999;
  border-radius: calc(var(--f) * 5);
}
.historyTimeline__list__detail .item .year {
  width: calc(var(--f) * 62);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: calc(var(--f) * 18);
  font-weight: 700;
}
.historyTimeline__list__detail .item .year small {
  font-size: calc(var(--f) * 12);
}
.historyTimeline__list__detail .item .text {
  padding: 0 0 0 calc(var(--f) * 12);
  border-left: 1px solid #999999;
}
.historyTimeline__list__detail .item .text__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: calc(var(--f) * 5);
  margin-top: calc(var(--f) * 18);
}
.historyTimeline__list__detail .item .text__main:first-child {
  margin-top: 0;
}
.historyTimeline__list__detail .item .text__name {
  font-size: calc(var(--f) * 16);
  font-weight: 700;
  white-space: nowrap;
}
.historyTimeline__list__detail .item .text__text {
  margin-top: calc(var(--f) * 3);
}
.historyTimeline__list__detail .item .text__text small {
  font-size: calc(var(--f) * 9);
}
.historyTimeline__list__detail .item .text__text b {
  font-weight: 700;
}
.historyTimeline__list__detail .item .text__about {
  font-size: calc(var(--f) * 11);
  line-height: 1.5;
}
.historyTimeline__list__detail .item .text__photo img {
  display: block;
  height: calc(var(--s) * 90);
  margin: calc(var(--f) * 8) 0 calc(var(--f) * 10);
}
.historyTimeline__list__detail .item .text__sub {
  margin: calc(var(--f) * 5) 0 0;
  font-size: calc(var(--f) * 10);
  line-height: 1.5;
}
.historyTimeline__list__detail .item .text__main + .historyTimeline__list__detail .item .text__sub {
  margin-top: 0;
  border: 1px solid rgba(255, 0, 0, 0.3);
}
.historyTimeline__list__detail .item .text__button {
  display: block;
  margin: calc(var(--f) * 12) 0 calc(var(--f) * 10);
}
.historyTimeline__list__detail .item .text__button .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-height: calc(var(--f) * 45);
  padding: 0 2em 0 0;
  color: #fff;
  font-size: calc(var(--f) * 15);
  font-weight: 700;
  text-align: center;
  background: #000 url(../img/_common/btn_arrow.svg) right 1.3em center/1.2em auto no-repeat;
  border-radius: calc(var(--f) * 23);
}
.historyTimeline__list__detail .item .text__button--ticket .label {
  gap: 1em;
  background-color: #C75990;
}
.historyTimeline__list__detail .item .text__button--ticket .label::before {
  content: "";
  display: block;
  width: calc(var(--f) * 18);
  height: calc(var(--f) * 18);
  background: url(../img/_common/ico_ticket.svg) center/contain no-repeat;
}
.historyTimeline__list__detail .item--aqua {
  background-color: #EBF7FF;
  border-color: #81C2EE;
}
.historyTimeline__list__detail .item--aqua .year {
  color: #006AB3;
}
.historyTimeline__list__detail .item--aqua .text {
  border-left-color: #81C2EE;
}
.historyTimeline__list__detail .item--orange {
  background-color: #FFF3E9;
  border-color: #F4BD8F;
}
.historyTimeline__list__detail .item--orange .year {
  color: #ED6D00;
}
.historyTimeline__list__detail .item--orange .text {
  border-left-color: #F4BD8F;
}
.historyTimeline__list__detail .item:last-child {
  margin-bottom: 0;
}
.historyTimeline__list__year {
  position: absolute;
  right: calc(var(--s) * -5);
  top: 0;
  display: block;
  width: calc(var(--s) * 45);
  height: 100%;
}
.historyTimeline__list__year ol {
  position: sticky;
  left: 0;
  top: calc(var(--s) * 55);
  z-index: 1;
  overflow: hidden;
  padding: calc(var(--s) * 30) 0 0;
}
.historyTimeline__list__year ol::before {
  content: "";
  position: absolute;
  top: calc(var(--s) * 30);
  right: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 1px;
  height: 100%;
  margin: 0 auto;
  background: #00214B;
}
.historyTimeline__list__year li a {
  display: block;
}
.historyTimeline__list__year li span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: calc(var(--f) * 17);
  color: #00214B;
  font-size: calc(var(--f) * 10);
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
  background: #fff;
  border: 1px solid #00214B;
  border-radius: 999px;
}
.historyTimeline__list__year li:first-child {
  margin-bottom: calc(var(--s) * 336);
}
.historyTimeline__list__year li:first-child span {
  color: #fff;
  background: #00214B;
}
.historyTimeline__list__year li:nth-child(2), .historyTimeline__list__year li:nth-child(3), .historyTimeline__list__year li:nth-child(4), .historyTimeline__list__year li:nth-child(5) {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.historyTimeline__list__year li:nth-child(2)::before, .historyTimeline__list__year li:nth-child(3)::before, .historyTimeline__list__year li:nth-child(4)::before, .historyTimeline__list__year li:nth-child(5)::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: calc(var(--f) * 8);
  height: calc(var(--f) * 8);
  margin: auto;
  background: #00214B;
  border-radius: 999px;
}
.historyTimeline__list__year li:nth-child(2) span, .historyTimeline__list__year li:nth-child(3) span, .historyTimeline__list__year li:nth-child(4) span, .historyTimeline__list__year li:nth-child(5) span {
  opacity: 0;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.historyTimeline__list__year li:nth-child(2) {
  top: 16.5%;
}
.historyTimeline__list__year li:nth-child(3) {
  top: 32.5%;
}
.historyTimeline__list__year li:nth-child(4) {
  top: 50.5%;
}
.historyTimeline__list__year li:nth-child(5) {
  top: 70.5%;
}
.historyTimeline.y1997 .historyTimeline__list__year li:nth-child(2) span, .historyTimeline.y2003 .historyTimeline__list__year li:nth-child(3) span, .historyTimeline.y2013 .historyTimeline__list__year li:nth-child(4) span, .historyTimeline.y2021 .historyTimeline__list__year li:nth-child(5) span {
  opacity: 1;
}
.historyTimeline .anime-set {
  -webkit-transition-duration: 600ms;
          transition-duration: 600ms;
}
.historyTimeline .anime-set.anime-off {
  opacity: 0;
  -webkit-transform: translateY(calc(var(--f) * 80));
          transform: translateY(calc(var(--f) * 80));
}
.videoPlayer {
  width: calc(var(--s) * 300);
  margin: 0 auto;
}
.videoPlayer__btn {
  display: none;
}
.videoPlayer__thumb {
  position: relative;
  display: block;
  border: 1px solid #fff;
}
.videoPlayer__thumb::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/_common/ico_video_play.svg) center/calc(var(--f) * 40) no-repeat;
}
.videoPlayer__player {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 5000;
  opacity: 0;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.videoPlayer__player .close {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5100;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
}
.videoPlayer__player .close span {
  position: absolute;
  right: calc(var(--s) * 16);
  top: calc(var(--s) * 16);
  display: block;
  width: calc(var(--s) * 20);
  height: calc(var(--s) * 20);
}
.videoPlayer__player .close span::before, .videoPlayer__player .close span::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: calc(var(--s) * 2);
  margin: auto;
  background: #fff;
}
.videoPlayer__player .close span::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.videoPlayer__player .close span::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.videoPlayer__player iframe {
  position: relative;
  z-index: 5200;
  display: block;
  width: calc(var(--f) * 860);
  max-width: 90%;
  aspect-ratio: 560/315;
}
.videoPlayer__btn:checked + .videoPlayer__thumb + .videoPlayer__player {
  opacity: 1;
  pointer-events: all;
}

.youtubePlayer {
  width: calc(var(--s) * 300);
  margin: 0 auto;
}
.youtubePlayer__btn {
  position: relative;
  display: block;
  padding: 0;
  margin: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #fff;
}
.youtubePlayer__btn img {
  display: block;
  width: 100%;
}
.youtubePlayer__btn::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/_common/ico_video_play.svg) center/calc(var(--f) * 40) no-repeat;
}
.youtubePlayer__player {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 5000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}
.youtubePlayer__player iframe {
  position: relative;
  z-index: 5200;
  display: block;
  width: calc(var(--f) * 860);
  max-width: 90%;
  aspect-ratio: 560/315;
}
.youtubePlayer__close {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5100;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
}
.youtubePlayer__close span {
  position: absolute;
  right: calc(var(--s) * 16);
  top: calc(var(--s) * 16);
  display: block;
  width: calc(var(--s) * 20);
  height: calc(var(--s) * 20);
}
.youtubePlayer__close span::before, .youtubePlayer__close span::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: calc(var(--s) * 2);
  margin: auto;
  background: #fff;
}
.youtubePlayer__close span::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.youtubePlayer__close span::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.homeCollaboration.sub_collabo{
	background: linear-gradient(to bottom, #D4E3F6, #fff 30%);
}
.homeCollaboration.sub_collabo h2{
    font-size: calc(var(--f) * 24);
    font-weight: bold;
    color: #00214B;
    text-align: center;
    letter-spacing: 2%;
	margin-bottom: 0.7em;
}
.homeCollaboration.sub_collabo .homeCollaboration__head{
	text-align: center;
	margin-bottom: calc(var(--s) * 40);
}
.homeCollaboration.sub_collabo .homeCollaboration__head:before{
  content: '';
  position: absolute;
  left: 50%;
  bottom: -5px;
  display: inline-block;
  width: 50px;
  height: 2px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #ab0008;
}
.sub_collabo h3{
	font-size: calc(var(--f) * 19);
    font-weight: bold;
    color: #00214B;
	margin-bottom: calc(var(--s) * 10);
	padding: 0 calc(var(--s) * 10);
}
.sub_collabo h3:before{
	content: '';
  display: inline-block;
  width: 26px;
	height: 26px;
  background: url(../img/collaboration/leomark_blue.svg) no-repeat;
  vertical-align: middle;
	margin-right: 10px;
}
.homeCollaboration__photo.collabo_list p{
	font-size: calc(var(--f) * 16);
    font-weight: bold;
	margin: calc(var(--s) * 5) 0 calc(var(--s) * 25);
	text-decoration: underline 1px;
    text-underline-offset: 0.3em;
    line-height: 1.6;
}
.sub_collabo .homeCollaboration__more p{
	font-size: calc(var(--f) * 16);
	text-align: center;
	margin-bottom: calc(var(--s) * 20);
}
.sub_collabo .homeCollaboration__more {
    margin: calc(var(--s) * 70) calc(var(--s) * 20) 0;
}
.sub_collabo .homeCollaboration__more .button .label {
    color: #fff;
    background-color: #C75990;
    background-image: url(../img/_common/btn_arrow.svg);
	border: none;
}
.bluelegendsAbout__container h2{
	font-size: calc(var(--f) * 19);
    font-weight: bold;
    color: #00214B;
	text-align: center;
}