@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700;900&display=swap");
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-backface-hidden .swiper-slide {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

:root {
  --ease-out-bounce: cubic-bezier(.34, 1.56, .64, 1);
  --size-6: calc((6 / 828) * 100vw);
  --size-10: calc((10 / 828) * 100vw);
  --size-17: calc((17 / 828) * 100vw);
  --size-20: calc((20 / 828) * 100vw);
  --size-21: calc((21 / 828) * 100vw);
  --size-22: calc((22 / 828) * 100vw);
  --size-24: calc((24 / 828) * 100vw);
  --size-25: calc((25 / 828) * 100vw);
  --size-26: calc((26 / 828) * 100vw);
  --size-27: calc((27 / 828) * 100vw);
  --size-28: calc((28 / 828) * 100vw);
  --size-29: calc((29 / 828) * 100vw);
  --size-30: calc((30 / 828) * 100vw);
  --size-31: calc((31 / 828) * 100vw);
  --size-32: calc((32 / 828) * 100vw);
  --size-33: calc((33 / 828) * 100vw);
  --size-34: calc((34 / 828) * 100vw);
  --size-36: calc((36 / 828) * 100vw);
  --size-38: calc((38 / 828) * 100vw);
  --size-39: calc((39 / 828) * 100vw);
  --size-40: calc((40 / 828) * 100vw);
  --size-41: calc((41 / 828) * 100vw);
  --size-48: calc((48 / 828) * 100vw);
  --size-49: calc((49 / 828) * 100vw);
  --size-60: calc((60 / 828) * 100vw);
  --color-text: #221815;
  --color-pc-bg: #f7941d;
  --color-menu-body: #f7941d;
  --color-accent: #4a1428;
  --color-black: #111;
}
@media only screen and (min-width: 829px) {
  :root {
    --content-width: 430;
    --pc-stage-w: 1600;
    --size-6: calc((var(--content-width) / 828) * 6px);
    --size-10: calc((var(--content-width) / 828) * 10px);
    --size-17: calc((var(--content-width) / 828) * 17px);
    --size-20: calc((var(--content-width) / 828) * 20px);
    --size-21: calc((var(--content-width) / 828) * 21px);
    --size-22: calc((var(--content-width) / 828) * 22px);
    --size-24: calc((var(--content-width) / 828) * 24px);
    --size-25: calc((var(--content-width) / 828) * 25px);
    --size-26: calc((var(--content-width) / 828) * 26px);
    --size-27: calc((var(--content-width) / 828) * 27px);
    --size-28: calc((var(--content-width) / 828) * 28px);
    --size-29: calc((var(--content-width) / 828) * 29px);
    --size-30: calc((var(--content-width) / 828) * 30px);
    --size-31: calc((var(--content-width) / 828) * 31px);
    --size-32: calc((var(--content-width) / 828) * 32px);
    --size-33: calc((var(--content-width) / 828) * 33px);
    --size-34: calc((var(--content-width) / 828) * 34px);
    --size-36: calc((var(--content-width) / 828) * 36px);
    --size-38: calc((var(--content-width) / 828) * 38px);
    --size-39: calc((var(--content-width) / 828) * 39px);
    --size-40: calc((var(--content-width) / 828) * 40px);
    --size-41: calc((var(--content-width) / 828) * 41px);
    --size-48: calc((var(--content-width) / 828) * 48px);
    --size-49: calc((var(--content-width) / 828) * 49px);
    --size-60: calc((var(--content-width) / 828) * 60px);
  }
}

@media screen and (min-width: 829px) {
  html {
    overflow-y: scroll;
  }
}

.is-modal {
  overflow-y: hidden;
}

body {
  color: var(--color-text);
  font-size: var(--size-32);
  font-family: "Noto Sans JP", sans-serif;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: calc(50 / 32);
}
@media screen and (min-width: 829px) {
  body {
    width: 100%;
  }
}

#haikyu_collaboration .loading {
  position: fixed;
  inset: 0;
  z-index: 999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 8.6956521739vw;
  overflow: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}
#haikyu_collaboration .loading--bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
#haikyu_collaboration .loading--bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#haikyu_collaboration .loading--text {
  position: relative;
  z-index: 1;
  width: 41.6666666667vw;
}
@media only screen and (min-width: 829px) {
  #haikyu_collaboration .loading--text {
    width: 345px;
  }
}
#haikyu_collaboration .loading--ball {
  position: relative;
  z-index: 1;
  width: 12.1980676329vw;
  -webkit-animation: loading-spin 1s linear infinite;
          animation: loading-spin 1s linear infinite;
}
@media only screen and (min-width: 829px) {
  #haikyu_collaboration .loading--ball {
    width: 101px;
  }
}
@media only screen and (min-width: 829px) {
  #haikyu_collaboration .loading {
    row-gap: 72px;
  }
}
#haikyu_collaboration.loaded .loading {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
@-webkit-keyframes loading-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loading-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@media screen and (max-width: 828px) {
  #haikyu_collaboration .display-pc, #haikyu_collaboration .pc {
    display: none;
  }
}
@media screen and (min-width: 829px) {
  #haikyu_collaboration .display-sp, #haikyu_collaboration .sp {
    display: none;
  }
  #haikyu_collaboration a .on {
    display: none;
  }
  #haikyu_collaboration a:hover .on {
    display: block;
  }
  #haikyu_collaboration a:hover .off {
    display: none;
  }
  #haikyu_collaboration a.hover {
    display: block;
    overflow: hidden;
  }
  #haikyu_collaboration a.hover img {
    transition: -webkit-transform 0.3s cubic-bezier(0, 1.12, 0.74, 1);
    transition: transform 0.3s cubic-bezier(0, 1.12, 0.74, 1);
    transition: transform 0.3s cubic-bezier(0, 1.12, 0.74, 1), -webkit-transform 0.3s cubic-bezier(0, 1.12, 0.74, 1);
  }
  #haikyu_collaboration a.hover:hover img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
#haikyu_collaboration img {
  display: block;
  width: 100%;
  height: auto;
}
@media (any-hover: hover) {
  #haikyu_collaboration a .scale, #haikyu_collaboration button .scale, #haikyu_collaboration .mv--btn .scale, #haikyu_collaboration .modal--btn .scale {
    transition: -webkit-transform 0.3s var(--ease-out-bounce);
    transition: transform 0.3s var(--ease-out-bounce);
    transition: transform 0.3s var(--ease-out-bounce), -webkit-transform 0.3s var(--ease-out-bounce);
  }
  #haikyu_collaboration a:hover .scale, #haikyu_collaboration button:hover .scale, #haikyu_collaboration .mv--btn:hover .scale, #haikyu_collaboration .modal--btn:hover .scale {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
}
#haikyu_collaboration .deco, #haikyu_collaboration .balloon {
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
#haikyu_collaboration .view_area {
  background: #fff;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 829px) {
  #haikyu_collaboration .pc_bg {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
  }
  #haikyu_collaboration .pc_bg--base {
    position: absolute;
    inset: 0;
  }
  #haikyu_collaboration .pc_bg--base img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #haikyu_collaboration .pc_bg--top {
    position: absolute;
    top: 0;
    left: 0;
    width: min(950 / 1600 * 100%, 950px);
  }
  #haikyu_collaboration .pc_bg--bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    width: min(100%, var(--pc-stage-w) * 1px);
  }
  #haikyu_collaboration .pc_content {
    display: grid;
    grid-template-columns: 881fr calc(var(--content-width) * 1px) 199fr;
    max-width: calc(var(--pc-stage-w) * 1px);
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 0;
  }
  #haikyu_collaboration .view_area {
    width: calc(var(--content-width) * 1px);
    margin: 0 auto;
  }
  #haikyu_collaboration .view_area::before, #haikyu_collaboration .view_area::after {
    content: "";
    display: block;
    width: 6px;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    z-index: 2;
  }
  #haikyu_collaboration .view_area::before {
    left: -6px;
  }
  #haikyu_collaboration .view_area::after {
    right: -6px;
  }
  #haikyu_collaboration .pc_l {
    height: 100vh;
    position: sticky;
    top: 0;
    z-index: 1;
  }
  #haikyu_collaboration .pc_l .inner {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #haikyu_collaboration .pc_l--title {
    width: min(627 / 881 * 100%, 627px);
    margin: calc(209 / 1000 * 100vh) 0 0 calc(111 / 881 * 100%);
  }
  #haikyu_collaboration .pc_l--logo {
    width: min(257 / 881 * 100%, 257px);
    margin: calc(106 / 881 * 100%) 0 0 calc(276 / 881 * 100%);
  }
  #haikyu_collaboration .local-nav {
    width: min(484 / 881 * 100%, 484px);
    margin: calc(71 / 881 * 100%) 0 0 calc(166 / 881 * 100%);
  }
  #haikyu_collaboration .local-nav--item {
    display: flex;
    align-items: flex-start;
    text-decoration: none;
  }
  #haikyu_collaboration .local-nav--item + .local-nav--item {
    margin-top: calc(-17 / 484 * 100%);
  }
  #haikyu_collaboration .local-nav--item:nth-of-type(3) {
    margin-top: calc(-18 / 484 * 100%);
  }
  #haikyu_collaboration .local-nav--item:nth-of-type(3) .local-nav--num {
    margin-top: calc(35 / 484 * 100%);
  }
}
@media screen and (min-width: 829px) and (any-hover: hover) {
  #haikyu_collaboration .local-nav--item .local-nav--arrow {
    transition: -webkit-transform 0.3s var(--ease-out-bounce);
    transition: transform 0.3s var(--ease-out-bounce);
    transition: transform 0.3s var(--ease-out-bounce), -webkit-transform 0.3s var(--ease-out-bounce);
  }
  #haikyu_collaboration .local-nav--item:hover .local-nav--arrow {
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
  }
}
@media screen and (min-width: 829px) {
  #haikyu_collaboration .local-nav--num {
    display: block;
    width: calc(61 / 484 * 100%);
    margin-top: calc(34 / 484 * 100%);
    flex-shrink: 0;
  }
  #haikyu_collaboration .local-nav--label1 {
    width: calc(211 / 484 * 100%);
    margin: calc(24 / 484 * 100%) 0 0 calc(26 / 484 * 100%);
  }
  #haikyu_collaboration .local-nav--label2 {
    width: calc(222 / 484 * 100%);
    margin: calc(24 / 484 * 100%) 0 0 calc(24 / 484 * 100%);
  }
  #haikyu_collaboration .local-nav--label3 {
    width: calc(312 / 484 * 100%);
    margin: calc(13 / 484 * 100%) 0 0 calc(22 / 484 * 100%);
  }
  #haikyu_collaboration .local-nav--arrow {
    display: block;
    width: calc(51 / 484 * 100%);
    margin: 0 0 0 auto;
    flex-shrink: 0;
  }
  #haikyu_collaboration .pc_r {
    height: 100vh;
    position: sticky;
    top: 0;
    z-index: 1;
  }
  #haikyu_collaboration .pc_r .inner {
    width: 100%;
    height: 100%;
    position: relative;
  }
  #haikyu_collaboration .pc_r--scrollbar {
    position: absolute;
    top: calc(440 / 1000 * 100vh);
    left: calc(103 / 199 * 100%);
    width: min(11 / 199 * 100%, 11px);
    height: calc(484 / 1000 * 100vh);
  }
  #haikyu_collaboration .pc_r--scrollbar img {
    height: 100%;
  }
  #haikyu_collaboration .pc_r--scroll {
    position: absolute;
    top: calc(440 / 1000 * 100vh);
    left: calc(91 / 199 * 100%);
    width: min(36 / 199 * 100%, 36px);
    will-change: transform;
    cursor: -webkit-grab;
    cursor: grab;
    touch-action: none;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  #haikyu_collaboration .pc_r--scroll.is-dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
  #haikyu_collaboration .pc_r--scroll img {
    pointer-events: none;
  }
}
@media screen and (max-width: 828px) {
  #haikyu_collaboration .pc_l, #haikyu_collaboration .pc_r {
    display: none;
  }
}
#haikyu_collaboration .swiper-wrapper {
  height: auto;
}
#haikyu_collaboration .mv {
  display: grid;
  grid-template-columns: 100%;
  position: relative;
  z-index: 5;
}
#haikyu_collaboration .mv--ttl {
  grid-area: 1/1;
  align-self: start;
  width: calc(816 / 828 * 100%);
  margin: calc(52 / 828 * 100%) 0 0 calc(12 / 828 * 100%);
  z-index: 1;
}
#haikyu_collaboration .mv--visual {
  grid-area: 1/1;
  background: var(--color-black);
}
#haikyu_collaboration .mv--date {
  grid-area: 2/1;
  margin-top: calc(-90 / 828 * 100%);
}
#haikyu_collaboration .menu {
  display: grid;
  grid-template-columns: 100%;
  position: relative;
  z-index: 4;
  margin-top: calc(-178 / 828 * 100%);
}
#haikyu_collaboration .menu--bg {
  grid-area: 1/1;
}
#haikyu_collaboration .menu--body {
  grid-area: 1/1;
  position: relative;
  z-index: 1;
}
#haikyu_collaboration .menu--ttl {
  width: calc(193 / 828 * 100%);
  margin: calc(169 / 828 * 100%) auto 0;
}
#haikyu_collaboration .menu--haikyu {
  width: calc(562 / 828 * 100%);
  margin: calc(24 / 828 * 100%) 0 0 calc(226 / 828 * 100%);
}
#haikyu_collaboration .menu--lead {
  width: calc(526 / 828 * 100%);
  margin: calc(59 / 828 * 100%) auto 0;
}
#haikyu_collaboration .menu--ball {
  width: calc(161 / 828 * 100%);
  top: 0;
  left: 0;
  margin: calc(133 / 828 * 100%) 0 0 0;
  z-index: 0;
}
#haikyu_collaboration .menu--character1 {
  width: calc(213 / 828 * 100%);
  top: 0;
  left: 0;
  margin: calc(672 / 828 * 100%) 0 0 calc(20 / 828 * 100%);
  z-index: 2;
}
#haikyu_collaboration .menu--deco-ball {
  width: calc(101 / 828 * 100%);
  top: 0;
  left: 0;
  margin: calc(766 / 828 * 100%) 0 0 calc(663 / 828 * 100%);
  z-index: 0;
}
#haikyu_collaboration .menu--deco-ball img {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
#haikyu_collaboration .menu--deco-feather1 {
  width: calc(102 / 828 * 100%);
  top: 0;
  left: 0;
  margin: calc(910 / 828 * 100%) 0 0 calc(677 / 828 * 100%);
  z-index: 2;
}
#haikyu_collaboration .menu--deco-feather1 img {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}
#haikyu_collaboration .menu--deco-feather2 {
  width: calc(52 / 828 * 100%);
  top: 0;
  left: 0;
  margin: calc(999 / 828 * 100%) 0 0 calc(692 / 828 * 100%);
  z-index: 2;
}
#haikyu_collaboration .menu--deco-feather2 img {
  -webkit-animation-delay: -1.4s;
          animation-delay: -1.4s;
}
#haikyu_collaboration .menu--deco-feather3 {
  width: calc(82 / 828 * 100%);
  top: 0;
  left: 0;
  margin: calc(1326 / 828 * 100%) 0 0 calc(53 / 828 * 100%);
  z-index: 2;
}
#haikyu_collaboration .menu--deco-feather3 img {
  -webkit-animation-delay: -2.1s;
          animation-delay: -2.1s;
}
#haikyu_collaboration .menu--character2 {
  width: calc(174 / 828 * 100%);
  top: 0;
  left: 0;
  margin: calc(1230 / 828 * 100%) 0 0 calc(604 / 828 * 100%);
  z-index: 2;
}
#haikyu_collaboration .menu--character2 img {
  -webkit-animation-delay: -1.7s;
          animation-delay: -1.7s;
}
#haikyu_collaboration .menu-nav {
  width: calc(717 / 828 * 100%);
  margin: calc(1 / 828 * 100%) 0 0 calc(58 / 828 * 100%);
}
#haikyu_collaboration .menu-nav--row {
  display: flex;
  align-items: flex-start;
  text-decoration: none;
}
@media (any-hover: hover) {
  #haikyu_collaboration .menu-nav--row .menu-nav--arrow {
    transition: -webkit-transform 0.3s var(--ease-out-bounce);
    transition: transform 0.3s var(--ease-out-bounce);
    transition: transform 0.3s var(--ease-out-bounce), -webkit-transform 0.3s var(--ease-out-bounce);
  }
  #haikyu_collaboration .menu-nav--row:hover .menu-nav--arrow {
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
  }
}
#haikyu_collaboration .menu-nav--num, #haikyu_collaboration .menu-nav--label, #haikyu_collaboration .menu-nav--arrow {
  display: block;
}
#haikyu_collaboration .menu-nav--num {
  width: calc(91 / 717 * 100%);
  flex-shrink: 0;
}
#haikyu_collaboration .menu-nav--arrow {
  width: calc(75 / 717 * 100%);
  margin-left: auto;
  flex-shrink: 0;
}
#haikyu_collaboration .menu-nav--row1 .menu-nav--num {
  margin-top: calc(51 / 717 * 100%);
}
#haikyu_collaboration .menu-nav--row1 .menu-nav--label {
  width: calc(313 / 717 * 100%);
  margin: calc(31 / 717 * 100%) 0 0 calc(43 / 717 * 100%);
}
#haikyu_collaboration .menu-nav--row2 {
  margin-top: calc(-27 / 717 * 100%);
}
#haikyu_collaboration .menu-nav--row2 .menu-nav--num {
  margin-top: calc(52 / 717 * 100%);
}
#haikyu_collaboration .menu-nav--row2 .menu-nav--label {
  width: calc(329 / 717 * 100%);
  margin: calc(31 / 717 * 100%) 0 0 calc(39 / 717 * 100%);
}
#haikyu_collaboration .menu-nav--row3 {
  margin-top: calc(-25 / 717 * 100%);
}
#haikyu_collaboration .menu-nav--row3 .menu-nav--num {
  margin-top: calc(49 / 717 * 100%);
}
#haikyu_collaboration .menu-nav--row3 .menu-nav--label {
  width: calc(463 / 717 * 100%);
  margin: calc(3 / 717 * 100%) 0 0 calc(36 / 717 * 100%);
}
#haikyu_collaboration .photospot {
  display: grid;
  grid-template-columns: 100%;
  position: relative;
  z-index: 3;
  margin-top: calc(-165 / 828 * 100%);
}
#haikyu_collaboration .photospot--bg {
  grid-area: 1/1;
}
#haikyu_collaboration .photospot--body {
  grid-area: 1/1;
  position: relative;
  z-index: 1;
}
#haikyu_collaboration .photospot--ttl {
  width: calc(713 / 828 * 100%);
  margin: calc(177 / 828 * 100%) auto 0;
}
#haikyu_collaboration .photospot--date {
  width: calc(558 / 828 * 100%);
  margin: calc(15 / 828 * 100%) 0 0 calc(212 / 828 * 100%);
}
#haikyu_collaboration .photospot--lead {
  margin: calc(57 / 828 * 100%) 0 0;
  color: #000;
  font-size: var(--size-33);
  letter-spacing: 0.075em;
  line-height: calc(55 / 33);
  text-align: center;
  position: relative;
  z-index: 2;
}
#haikyu_collaboration .photospot--ball-illust {
  width: calc(121 / 828 * 100%);
  top: 0;
  left: 0;
  margin: calc(307 / 828 * 100%) 0 0 calc(60 / 828 * 100%);
  z-index: 0;
}
#haikyu_collaboration .photospot--character1 {
  width: calc(150 / 828 * 100%);
  top: 0;
  left: 0;
  margin: calc(751 / 828 * 100%) 0 0 calc(37 / 828 * 100%);
}
#haikyu_collaboration .photospot--character1-inner {
  position: relative;
  -webkit-animation-delay: -1.2s;
          animation-delay: -1.2s;
}
#haikyu_collaboration .photospot--deco-ball {
  position: absolute;
  top: 0;
  left: calc(28 / 150 * 100%);
  margin-top: calc(-46 / 150 * 100%);
  width: calc(101 / 150 * 100%);
  pointer-events: none;
  -webkit-animation: photospot-toss 3s infinite;
          animation: photospot-toss 3s infinite;
  -webkit-animation-delay: -1.2s;
          animation-delay: -1.2s;
}
#haikyu_collaboration .photospot--character4 {
  width: calc(182 / 828 * 100%);
  top: 0;
  left: 0;
  margin: calc(771 / 828 * 100%) 0 0 calc(595 / 828 * 100%);
}
#haikyu_collaboration .photospot--character4 img {
  -webkit-animation-delay: -2.3s;
          animation-delay: -2.3s;
}
#haikyu_collaboration .photospot--character5 {
  width: calc(159 / 828 * 100%);
  top: 0;
  left: 0;
  margin: calc(2110 / 828 * 100%) 0 0 calc(614 / 828 * 100%);
  z-index: 0;
}
#haikyu_collaboration .photospot--character5 img {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
@-webkit-keyframes photospot-toss {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
            animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  50% {
    -webkit-transform: translateY(-55%);
            transform: translateY(-55%);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
            animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes photospot-toss {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
            animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  50% {
    -webkit-transform: translateY(-55%);
            transform: translateY(-55%);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
            animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
#haikyu_collaboration .photospot-spot {
  display: grid;
  grid-template-columns: 100%;
  margin-top: calc(145 / 828 * 100%);
}
#haikyu_collaboration .photospot-spot--img {
  grid-area: 1/1;
  width: calc(717 / 828 * 100%);
  margin: 0 0 0 calc(62 / 828 * 100%);
}
#haikyu_collaboration .photospot-spot--name {
  grid-area: 1/1;
  align-self: end;
  width: calc(416 / 828 * 100%);
  margin: 0 0 calc(-33 / 828 * 100%) calc(59 / 828 * 100%);
  position: relative;
}
#haikyu_collaboration .photospot-spot--meta {
  grid-area: 2/1;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: calc(3 / 828 * 100%) calc(59 / 828 * 100%) 0 calc(66 / 828 * 100%);
}
#haikyu_collaboration .photospot-spot--note {
  margin: calc(43 / 828 * 100%) 0 0;
  color: #000;
  font-size: var(--size-21);
  letter-spacing: 0.05em;
  line-height: 1;
}
#haikyu_collaboration .photospot-spot--place {
  width: calc(315 / 828 * 100%);
}
#haikyu_collaboration .photospot-inside {
  display: grid;
  grid-template-columns: 100%;
  margin-top: calc(97 / 828 * 100%);
}
#haikyu_collaboration .photospot-inside--img {
  grid-area: 1/1;
  width: calc(717 / 828 * 100%);
  margin: 0 0 0 calc(61 / 828 * 100%);
}
#haikyu_collaboration .photospot-inside--name {
  grid-area: 1/1;
  align-self: end;
  width: calc(206 / 828 * 100%);
  margin: 0 0 calc(-15 / 828 * 100%) calc(59 / 828 * 100%);
  position: relative;
  z-index: 2;
}
#haikyu_collaboration .photospot-inside--meta {
  grid-area: 2/1;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: calc(25 / 828 * 100%) calc(60 / 828 * 100%) 0 calc(57 / 828 * 100%);
}
#haikyu_collaboration .photospot-inside--note {
  margin: calc(11 / 828 * 100%) 0 0;
  color: #000;
  font-size: var(--size-21);
  letter-spacing: 0.05em;
  line-height: 1;
}
#haikyu_collaboration .photospot-inside--search {
  width: calc(338 / 828 * 100%);
}
#haikyu_collaboration .stamprally {
  display: grid;
  grid-template-columns: 100%;
  position: relative;
  z-index: 2;
  margin-top: calc(-190 / 828 * 100%);
  overflow: hidden;
}
#haikyu_collaboration .stamprally--bg {
  grid-area: 1/1;
}
#haikyu_collaboration .stamprally--body {
  grid-area: 1/1;
  position: relative;
  z-index: 1;
}
#haikyu_collaboration .stamprally--ttl {
  width: calc(719 / 828 * 100%);
  margin: calc(229 / 828 * 100%) auto 0;
}
#haikyu_collaboration .stamprally--period {
  margin: calc(60 / 828 * 100%) 0 0;
}
#haikyu_collaboration .stamprally--period-label {
  width: calc(316 / 828 * 100%);
}
#haikyu_collaboration .stamprally--period-row1 .stamprally--period-label {
  margin-left: calc(52 / 828 * 100%);
}
#haikyu_collaboration .stamprally--period-row1 .stamprally--period-date {
  width: calc(520 / 828 * 100%);
  margin: calc(16 / 828 * 100%) 0 0 calc(155 / 828 * 100%);
}
#haikyu_collaboration .stamprally--period-row2 {
  margin-top: calc(36 / 828 * 100%);
}
#haikyu_collaboration .stamprally--period-row2 .stamprally--period-label {
  margin-left: calc(55 / 828 * 100%);
}
#haikyu_collaboration .stamprally--period-row2 .stamprally--period-date {
  width: calc(540 / 828 * 100%);
  margin: calc(15 / 828 * 100%) 0 0 calc(145 / 828 * 100%);
}
#haikyu_collaboration .stamprally--lead {
  margin: calc(76 / 828 * 100%) 0 0;
  color: #000;
  font-size: var(--size-33);
  letter-spacing: 0.075em;
  line-height: calc(55 / 33);
  text-align: center;
  position: relative;
  z-index: 4;
}
#haikyu_collaboration .stamprally--stamp {
  width: calc(723 / 828 * 100%);
  margin: calc(91 / 828 * 100%) 0 0 calc(58 / 828 * 100%);
  position: relative;
  z-index: 4;
}
#haikyu_collaboration .stamprally--note {
  margin: calc(86 / 828 * 100%) 0 0 calc(68 / 828 * 100%);
  color: #000;
  font-size: var(--size-21);
  letter-spacing: 0.05em;
  line-height: 1;
}
#haikyu_collaboration .stamprally--band {
  top: 0;
  left: 0;
  width: calc(2401 / 828 * 100%);
  margin: calc(1017 / 828 * 100%) 0 0 calc(-842 / 828 * 100%);
  z-index: 2;
}
#haikyu_collaboration .stamprally--band .marquee-content {
  position: relative;
  -webkit-animation: band-slide-stamprally 30s linear infinite;
          animation: band-slide-stamprally 30s linear infinite;
  will-change: transform;
}
#haikyu_collaboration .stamprally--band img:nth-child(2) {
  position: absolute;
  top: calc(-338 / 447 * 100%);
  left: calc(2458 / 2401 * 100%);
  width: 100%;
}
#haikyu_collaboration .stamprally--band2 {
  margin-top: calc(1443 / 828 * 100%);
}
#haikyu_collaboration .stamprally--ball-illust {
  width: calc(121 / 828 * 100%);
  top: 0;
  left: 0;
  margin: calc(128 / 828 * 100%) 0 0 calc(434 / 828 * 100%);
  z-index: 2;
}
#haikyu_collaboration .stamprally--deco-ball {
  width: calc(101 / 828 * 100%);
  top: 0;
  left: 0;
  margin: calc(906 / 828 * 100%) 0 0 calc(691 / 828 * 100%);
  z-index: 0;
}
#haikyu_collaboration .stamprally--deco-ball img {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
}
#haikyu_collaboration .stamprally--character2 {
  width: calc(150 / 828 * 100%);
  top: 0;
  left: 0;
  margin: calc(1025 / 828 * 100%) 0 0 calc(44 / 828 * 100%);
  z-index: 5;
}
#haikyu_collaboration .stamprally--character2 img {
  -webkit-animation-delay: -1.6s;
          animation-delay: -1.6s;
}
#haikyu_collaboration .stamprally--character3 {
  width: calc(178 / 828 * 100%);
  top: 0;
  left: 0;
  margin: calc(1698 / 828 * 100%) 0 0 calc(587 / 828 * 100%);
}
#haikyu_collaboration .stamprally--character3 img {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
#haikyu_collaboration .stamprally--character4 {
  width: calc(147 / 828 * 100%);
  top: 0;
  left: 0;
  margin: calc(2319 / 828 * 100%) 0 0 calc(13 / 828 * 100%);
}
#haikyu_collaboration .stamprally--character4 img {
  -webkit-animation-delay: -1.9s;
          animation-delay: -1.9s;
}
#haikyu_collaboration .stamprally--character5 {
  width: calc(196 / 828 * 100%);
  top: 0;
  left: 0;
  margin: calc(3256 / 828 * 100%) 0 0 calc(591 / 828 * 100%);
}
#haikyu_collaboration .stamprally--character5 img {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}
#haikyu_collaboration .stamprally--character6 {
  width: calc(212 / 828 * 100%);
  top: 0;
  left: 0;
  margin: calc(3385 / 828 * 100%) 0 0 calc(51 / 828 * 100%);
}
#haikyu_collaboration .stamprally--character6 img {
  -webkit-animation-delay: -2.5s;
          animation-delay: -2.5s;
}
@-webkit-keyframes band-slide-stamprally {
  to {
    -webkit-transform: translate(calc(-2458 / 2401 * 100%), calc(338 / 447 * 100%));
            transform: translate(calc(-2458 / 2401 * 100%), calc(338 / 447 * 100%));
  }
}
@keyframes band-slide-stamprally {
  to {
    -webkit-transform: translate(calc(-2458 / 2401 * 100%), calc(338 / 447 * 100%));
            transform: translate(calc(-2458 / 2401 * 100%), calc(338 / 447 * 100%));
  }
}
#haikyu_collaboration .stamprally-join {
  display: grid;
  grid-template-columns: 100%;
  margin-top: calc(61 / 828 * 100%);
}
#haikyu_collaboration .stamprally-join--frame {
  grid-area: 1/1;
  width: calc(719 / 828 * 100%);
  margin: calc(23 / 828 * 100%) 0 0 calc(54 / 828 * 100%);
}
#haikyu_collaboration .stamprally-join--content {
  grid-area: 1/1;
  position: relative;
  z-index: 1;
}
#haikyu_collaboration .stamprally-join--head {
  width: calc(167 / 828 * 100%);
  margin: 0 0 0 calc(59 / 828 * 100%);
}
#haikyu_collaboration .stamprally-join--step {
  display: flex;
  align-items: flex-start;
  margin: calc(31 / 828 * 100%) 0 0 calc(122 / 828 * 100%);
}
#haikyu_collaboration .stamprally-join--step-num {
  width: calc(36 / 706 * 100%);
  flex-shrink: 0;
}
#haikyu_collaboration .stamprally-join--step-text {
  width: calc(550 / 706 * 100%);
  margin: calc(5 / 706 * 100%) 0 0 calc(36 / 706 * 100%);
  color: #000;
  font-size: var(--size-31);
  letter-spacing: 0.075em;
  line-height: calc(43 / 31);
}
#haikyu_collaboration .stamprally-join--step2 {
  margin: calc(45 / 828 * 100%) 0 0 calc(114 / 828 * 100%);
}
#haikyu_collaboration .stamprally-join--step2 .stamprally-join--step-num {
  width: calc(53 / 714 * 100%);
}
#haikyu_collaboration .stamprally-join--step2 .stamprally-join--step-text {
  width: calc(550 / 714 * 100%);
  margin: calc(17 / 714 * 100%) 0 0 calc(28 / 714 * 100%);
}
#haikyu_collaboration .stamprally-join--spot {
  width: calc(711 / 828 * 100%);
  margin: calc(94 / 828 * 100%) auto 0;
}
#haikyu_collaboration .stamprally-join--first {
  width: calc(376 / 828 * 100%);
  margin: calc(59 / 828 * 100%) auto 0;
}
#haikyu_collaboration .stamprally-join--date {
  width: calc(520 / 828 * 100%);
  margin: calc(36 / 828 * 100%) auto 0;
}
#haikyu_collaboration .stamprally-join--second {
  width: calc(332 / 828 * 100%);
  margin: calc(38 / 828 * 100%) auto 0;
}
#haikyu_collaboration .stamprally-join--date2 {
  width: calc(536 / 828 * 100%);
  margin: calc(22 / 828 * 100%) auto 0;
}
#haikyu_collaboration .stamprally-join--place-head {
  margin: calc(53 / 828 * 100%) 0 0 calc(149 / 828 * 100%);
  color: #000;
  font-size: var(--size-30);
  letter-spacing: 0.1em;
  line-height: 1;
}
#haikyu_collaboration .stamprally-join--places {
  list-style: none;
  margin: calc(18 / 828 * 100%) 0 0 calc(148 / 828 * 100%);
  padding: 0;
}
#haikyu_collaboration .stamprally-join--place {
  display: flex;
  align-items: center;
  color: #000;
  font-size: var(--size-31);
  letter-spacing: 0.1em;
  line-height: 1;
}
#haikyu_collaboration .stamprally-join--place + .stamprally-join--place {
  margin-top: calc(9 / 680 * 100%);
}
#haikyu_collaboration .stamprally-join--place-num {
  width: calc(36 / 680 * 100%);
  flex-shrink: 0;
}
#haikyu_collaboration .stamprally-join--place-floor {
  width: calc(89 / 680 * 100%);
  margin-left: calc(27 / 680 * 100%);
  flex-shrink: 0;
}
#haikyu_collaboration .stamprally-join--btn {
  display: block;
  width: calc(606 / 828 * 100%);
  margin: calc(47 / 828 * 100%) auto 0;
}
#haikyu_collaboration .sticker {
  display: grid;
  grid-template-columns: 100%;
  position: relative;
  z-index: 1;
  margin-top: calc(-156 / 828 * 100%);
  overflow: hidden;
  background: #e0e0e0;
}
#haikyu_collaboration .sticker--bg {
  grid-area: 1/1;
}
#haikyu_collaboration .sticker--body {
  grid-area: 1/1;
  position: relative;
  z-index: 1;
}
#haikyu_collaboration .sticker--ttl {
  width: calc(711 / 828 * 100%);
  margin: calc(219 / 828 * 100%) 0 0 calc(56 / 828 * 100%);
}
#haikyu_collaboration .sticker--period {
  margin: calc(62 / 828 * 100%) 0 0;
}
#haikyu_collaboration .sticker--period-label {
  width: calc(316 / 828 * 100%);
}
#haikyu_collaboration .sticker--period-row1 .sticker--period-label {
  margin-left: calc(61 / 828 * 100%);
}
#haikyu_collaboration .sticker--period-row1 .sticker--period-date {
  width: calc(520 / 828 * 100%);
  margin: calc(16 / 828 * 100%) 0 0 calc(154 / 828 * 100%);
}
#haikyu_collaboration .sticker--period-row2 {
  margin-top: calc(36 / 828 * 100%);
}
#haikyu_collaboration .sticker--period-row2 .sticker--period-label {
  margin-left: calc(64 / 828 * 100%);
}
#haikyu_collaboration .sticker--period-row2 .sticker--period-date {
  width: calc(540 / 828 * 100%);
  margin: calc(19 / 828 * 100%) 0 0 calc(145 / 828 * 100%);
}
#haikyu_collaboration .sticker--lead {
  margin: calc(59 / 828 * 100%) 0 0;
  color: #000;
  font-size: var(--size-33);
  letter-spacing: 0.075em;
  line-height: calc(55 / 33);
  text-align: center;
}
#haikyu_collaboration .sticker--store-btn {
  display: block;
  width: calc(642 / 828 * 100%);
  margin: calc(54 / 828 * 100%) auto 0;
  padding: 0;
  background: none;
  border: 0;
  cursor: pointer;
}
#haikyu_collaboration .sticker--bottom-note {
  grid-area: 1/1;
  align-self: start;
  position: relative;
  z-index: 1;
  width: calc(521 / 828 * 100%);
  margin: calc(5279 / 828 * 100%) 0 calc(30 / 828 * 100%) calc(279 / 828 * 100%);
  color: #000;
  font-size: var(--size-24);
  letter-spacing: 0;
  line-height: calc(36 / 24);
}
#haikyu_collaboration .sticker--band {
  top: 0;
  left: 0;
  width: calc(1894 / 828 * 100%);
  margin: calc(1761 / 828 * 100%) 0 0 calc(-498 / 828 * 100%);
  z-index: 0;
}
#haikyu_collaboration .sticker--band .marquee-content {
  position: relative;
  -webkit-animation: band-slide-sticker 25s linear infinite;
          animation: band-slide-sticker 25s linear infinite;
  will-change: transform;
}
#haikyu_collaboration .sticker--band img:nth-child(2) {
  position: absolute;
  top: calc(-342 / 395 * 100%);
  left: calc(1923 / 1894 * 100%);
  width: 100%;
}
#haikyu_collaboration .sticker--band2 {
  margin: calc(3509 / 828 * 100%) 0 0 calc(-485 / 828 * 100%);
}
#haikyu_collaboration .sticker--campaign {
  width: calc(311 / 828 * 100%);
  top: 0;
  left: 0;
  margin: calc(-4 / 828 * 100%) 0 0 calc(517 / 828 * 100%);
  z-index: 2;
}
#haikyu_collaboration .sticker--ball-illust {
  width: calc(121 / 828 * 100%);
  top: 0;
  left: 0;
  margin: calc(346 / 828 * 100%) 0 0 calc(627 / 828 * 100%);
  z-index: 0;
}
#haikyu_collaboration .sticker--character1 {
  width: calc(166 / 828 * 100%);
  top: 0;
  left: 0;
  margin: calc(1743 / 828 * 100%) 0 0 calc(50 / 828 * 100%);
  z-index: 2;
}
#haikyu_collaboration .sticker--character1 img {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s;
}
#haikyu_collaboration .sticker--deco-ball {
  width: calc(101 / 828 * 100%);
  top: 0;
  left: 0;
  margin: calc(2530 / 828 * 100%) 0 0 calc(688 / 828 * 100%);
  z-index: 2;
}
#haikyu_collaboration .sticker--deco-ball img {
  -webkit-animation-delay: -1.3s;
          animation-delay: -1.3s;
}
#haikyu_collaboration .sticker--character2 {
  width: calc(175 / 828 * 100%);
  top: 0;
  left: 0;
  margin: calc(3084 / 828 * 100%) 0 0 calc(645 / 828 * 100%);
  z-index: 2;
}
#haikyu_collaboration .sticker--character2 img {
  -webkit-animation-delay: -2s;
          animation-delay: -2s;
}
#haikyu_collaboration .sticker--character3 {
  width: calc(143 / 828 * 100%);
  top: 0;
  left: 0;
  margin: calc(3961 / 828 * 100%) 0 0 calc(53 / 828 * 100%);
  z-index: 2;
}
#haikyu_collaboration .sticker--character4 {
  width: calc(174 / 828 * 100%);
  top: 0;
  left: 0;
  margin: calc(3963 / 828 * 100%) 0 0 calc(622 / 828 * 100%);
  z-index: 2;
}
@-webkit-keyframes band-slide-sticker {
  to {
    -webkit-transform: translate(calc(-1923 / 1894 * 100%), calc(342 / 395 * 100%));
            transform: translate(calc(-1923 / 1894 * 100%), calc(342 / 395 * 100%));
  }
}
@keyframes band-slide-sticker {
  to {
    -webkit-transform: translate(calc(-1923 / 1894 * 100%), calc(342 / 395 * 100%));
            transform: translate(calc(-1923 / 1894 * 100%), calc(342 / 395 * 100%));
  }
}
#haikyu_collaboration .sticker-pair--head {
  width: calc(711 / 828 * 100%);
  margin: calc(13 / 828 * 100%) auto 0;
}
#haikyu_collaboration .sticker-pair--name {
  width: calc(388 / 828 * 100%);
  margin: calc(35 / 828 * 100%) 0 0 calc(224 / 828 * 100%);
}
#haikyu_collaboration .sticker-pair--stage {
  display: grid;
  grid-template-columns: 100%;
  margin-top: calc(7 / 828 * 100%);
}
#haikyu_collaboration .sticker-pair--slider {
  grid-area: 1/1;
  width: 100%;
}
#haikyu_collaboration .sticker-pair--slider .swiper-slide img {
  width: calc(605 / 828 * 100%);
  margin-left: calc(110 / 828 * 100%);
}
#haikyu_collaboration .sticker-pair--prev, #haikyu_collaboration .sticker-pair--next {
  grid-area: 1/1;
  align-self: start;
  width: calc(96 / 828 * 100%);
  padding: 0;
  background: none;
  border: 0;
  cursor: pointer;
  position: relative;
  z-index: 2;
}
@media (any-hover: hover) {
  #haikyu_collaboration .sticker-pair--prev img, #haikyu_collaboration .sticker-pair--next img {
    transition: -webkit-transform 0.3s var(--ease-out-bounce);
    transition: transform 0.3s var(--ease-out-bounce);
    transition: transform 0.3s var(--ease-out-bounce), -webkit-transform 0.3s var(--ease-out-bounce);
  }
}
#haikyu_collaboration .sticker-pair--prev {
  justify-self: start;
  margin: calc(185 / 828 * 100%) 0 0 calc(37 / 828 * 100%);
}
@media (any-hover: hover) {
  #haikyu_collaboration .sticker-pair--prev:hover img {
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
  }
}
#haikyu_collaboration .sticker-pair--next {
  justify-self: end;
  margin: calc(185 / 828 * 100%) calc(28 / 828 * 100%) 0 0;
}
@media (any-hover: hover) {
  #haikyu_collaboration .sticker-pair--next:hover img {
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
  }
}
#haikyu_collaboration .sticker-pair--pagination {
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: calc(21 / 828 * 100%);
}
#haikyu_collaboration .sticker-pair--pagination .swiper-pagination-bullet {
  width: calc(14 / 828 * 100%);
  height: auto;
  aspect-ratio: 1;
  background: #ea5400;
  border-radius: 50%;
  opacity: 1;
  margin: 0;
}
#haikyu_collaboration .sticker-pair--pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: calc(24 / 828 * 100%);
}
#haikyu_collaboration .sticker-pair--pagination .swiper-pagination-bullet-active {
  width: calc(36 / 828 * 100%);
  background: url("../img/current-pagination-sticker.png") center/contain no-repeat;
  border-radius: 0;
  -webkit-animation: poyon-in 0.48s ease both;
          animation: poyon-in 0.48s ease both;
}
#haikyu_collaboration .sticker-lineup {
  display: grid;
  grid-template-columns: 100%;
  margin-top: calc(187 / 828 * 100%);
}
#haikyu_collaboration .sticker-lineup--frame {
  grid-area: 1/1;
  width: calc(705 / 828 * 100%);
  margin: 0 0 0 calc(62 / 828 * 100%);
}
#haikyu_collaboration .sticker-lineup--content {
  grid-area: 1/1;
  position: relative;
  z-index: 1;
}
#haikyu_collaboration .sticker-lineup--first {
  width: calc(561 / 828 * 100%);
  margin: calc(56 / 828 * 100%) auto 0;
}
#haikyu_collaboration .sticker-lineup--date {
  width: calc(520 / 828 * 100%);
  margin: calc(21 / 828 * 100%) auto 0;
}
#haikyu_collaboration .sticker-lineup--img1 {
  width: calc(653 / 828 * 100%);
  margin: calc(24 / 828 * 100%) 0 0 calc(87 / 828 * 100%);
}
#haikyu_collaboration .sticker-lineup--second {
  width: calc(548 / 828 * 100%);
  margin: calc(42 / 828 * 100%) auto 0;
}
#haikyu_collaboration .sticker-lineup--date2 {
  width: calc(536 / 828 * 100%);
  margin: calc(18 / 828 * 100%) auto 0;
}
#haikyu_collaboration .sticker-lineup--img2 {
  width: calc(636 / 828 * 100%);
  margin: calc(26 / 828 * 100%) 0 0 calc(96 / 828 * 100%);
}
#haikyu_collaboration .sticker-lineup--plusone {
  display: grid;
  grid-template-columns: 100%;
  margin-top: calc(78 / 828 * 100%);
}
#haikyu_collaboration .sticker-lineup--plusone > * {
  grid-area: 1/1;
  justify-self: start;
  align-self: start;
}
#haikyu_collaboration .sticker-lineup--plusone-img {
  width: calc(318 / 828 * 100%);
  margin-left: calc(255 / 828 * 100%);
}
#haikyu_collaboration .sticker-lineup--plusone-left {
  width: calc(95 / 828 * 100%);
  margin: calc(47 / 828 * 100%) 0 0 calc(129 / 828 * 100%);
}
#haikyu_collaboration .sticker-lineup--plusone-right {
  width: calc(92 / 828 * 100%);
  margin: calc(87 / 828 * 100%) 0 0 calc(611 / 828 * 100%);
}
#haikyu_collaboration .sticker-lineup--note {
  margin: calc(47 / 828 * 100%) 0 0 calc(107 / 828 * 100%);
  color: #000;
  font-size: var(--size-21);
  letter-spacing: 0.05em;
  line-height: 1;
}
#haikyu_collaboration .sticker-exchange--place {
  width: calc(236 / 828 * 100%);
  margin: calc(112 / 828 * 100%) auto 0;
}
#haikyu_collaboration .sticker-exchange--counter {
  margin: calc(31 / 828 * 100%) 0 0;
  color: #000;
  font-size: var(--size-33);
  letter-spacing: 0.075em;
  line-height: calc(47 / 33);
  text-align: center;
}
#haikyu_collaboration .sticker-exchange--time-head {
  width: calc(152 / 828 * 100%);
  margin: calc(37 / 828 * 100%) auto 0;
}
#haikyu_collaboration .sticker-exchange--time {
  margin: calc(21 / 828 * 100%) 0 0;
  color: #000;
  font-size: var(--size-33);
  letter-spacing: 0.075em;
  line-height: 1;
  text-align: center;
}
#haikyu_collaboration .sticker-exchange--notes {
  list-style: none;
  width: calc(703 / 828 * 100%);
  margin: calc(85 / 828 * 100%) 0 0 calc(62 / 828 * 100%);
  padding: 0;
  color: #000;
  font-size: var(--size-24);
  letter-spacing: 0.025em;
  line-height: calc(37 / 24);
}
#haikyu_collaboration .sticker-exchange--notes li {
  padding-left: calc(48 / 703 * 100%);
  text-indent: calc(-48 / 703 * 100%);
}
#haikyu_collaboration .sticker-exchange--notes li::before {
  content: "※";
  display: inline-block;
  width: calc(48 / 703 * 100%);
  text-indent: 0;
}
#haikyu_collaboration .modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  overflow-y: auto;
  opacity: 0;
  transition: opacity 0.3s ease;
}
#haikyu_collaboration .modal[hidden] {
  display: none;
}
#haikyu_collaboration .modal.is-open {
  opacity: 1;
}
#haikyu_collaboration .modal-overlay {
  position: fixed;
  inset: 0;
}
#haikyu_collaboration .modal-overlay img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 829px) {
  #haikyu_collaboration .modal-overlay {
    background: url("../img/pc/bg.png") center/cover no-repeat;
  }
  #haikyu_collaboration .modal-overlay img {
    display: none;
  }
  #haikyu_collaboration .modal-overlay::before, #haikyu_collaboration .modal-overlay::after {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  #haikyu_collaboration .modal-overlay::before {
    top: 0;
    left: 0;
    width: min(59.375%, 950px);
    aspect-ratio: calc(950 / 174);
    background-image: url("../img/pc/bg-top-left.png");
  }
  #haikyu_collaboration .modal-overlay::after {
    bottom: 0;
    right: 0;
    width: min(100%, var(--pc-stage-w) * 1px);
    aspect-ratio: calc(1600 / 265);
    background-image: url("../img/pc/bg-bottom-right.png");
    background-position: bottom;
  }
}
#haikyu_collaboration .modal-content {
  position: relative;
  box-sizing: border-box;
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9.6618357488vw 0;
}
@media only screen and (min-width: 829px) {
  #haikyu_collaboration .modal-content {
    padding: 40px 0;
  }
}
#haikyu_collaboration .modal-box {
  display: grid;
  grid-template-columns: 100%;
  width: calc(719 / 828 * 100%);
  position: relative;
}
@media only screen and (min-width: 829px) {
  #haikyu_collaboration .modal-box {
    width: calc(504 / 520 * var(--content-width) * 1px);
  }
}
#haikyu_collaboration .modal-box--frame {
  grid-area: 1/1;
}
#haikyu_collaboration .modal-box--frame img {
  height: 100%;
}
#haikyu_collaboration .modal-box--body {
  grid-area: 1/1;
  position: relative;
  z-index: 1;
  padding-bottom: calc(121 / 719 * 100%);
}
#haikyu_collaboration .modal-box--head {
  width: calc(236 / 719 * 100%);
  margin: calc(80 / 719 * 100%) auto 0;
}
#haikyu_collaboration .modal-box--list {
  width: calc(604 / 719 * 100%);
  margin: calc(61 / 719 * 100%) auto 0;
  color: #000;
  font-size: var(--size-30);
  letter-spacing: 0.005em;
  line-height: calc(55 / 30);
}
@media only screen and (min-width: 829px) {
  #haikyu_collaboration .modal-box--list {
    font-size: calc(21 / 520 * var(--content-width) * 1px);
  }
}
#haikyu_collaboration .modal-box--notes {
  list-style: none;
  width: calc(607 / 719 * 100%);
  margin: calc(69 / 719 * 100%) 0 0 calc(51 / 719 * 100%);
  padding: 0;
  color: #000;
  font-size: var(--size-25);
  letter-spacing: 0.05em;
  line-height: calc(37 / 25);
}
@media only screen and (min-width: 829px) {
  #haikyu_collaboration .modal-box--notes {
    font-size: calc(17.5 / 520 * var(--content-width) * 1px);
  }
}
#haikyu_collaboration .modal-box--notes li {
  padding-left: calc(31 / 607 * 100%);
  text-indent: calc(-31 / 607 * 100%);
}
#haikyu_collaboration .modal-box--notes li::before {
  content: "※";
  display: inline-block;
  width: calc(31 / 607 * 100%);
  text-indent: 0;
}
#haikyu_collaboration .modal-box--ball {
  width: calc(101 / 719 * 100%);
  bottom: 0;
  left: 0;
  margin: 0 0 calc(-27 / 719 * 100%) calc(-6 / 719 * 100%);
  z-index: 2;
}
#haikyu_collaboration .modal--close {
  grid-area: 1/1;
  justify-self: end;
  align-self: start;
  width: calc(112 / 719 * 100%);
  margin: calc(-61 / 719 * 100%) calc(-13 / 719 * 100%) 0 0;
  padding: 0;
  background: none;
  border: 0;
  cursor: pointer;
  position: relative;
  z-index: 3;
}
#haikyu_collaboration .footer {
  background: #fff;
  padding: 0.1px 0 0 0;
  position: relative;
  z-index: 3;
}
#haikyu_collaboration .footer--logo {
  width: calc(175 / 828 * 100%);
  margin: calc(39 / 828 * 100%) auto calc(32 / 828 * 100%);
}
#haikyu_collaboration .footer-sns {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0 0 calc(59 / 828 * 100%);
}
#haikyu_collaboration .footer-sns--logo {
  width: calc(72 / 828 * 100%);
  margin: 0 calc(15 / 828 * 100%);
}
#haikyu_collaboration .footer--copyright {
  width: calc(622 / 828 * 100%);
  margin: 0 auto;
  padding-bottom: calc(23 / 828 * 100%);
}
#haikyu_collaboration .wait,
#haikyu_collaboration .waiting {
  opacity: 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
#haikyu_collaboration .animation,
#haikyu_collaboration .animating {
  transition: all 300ms cubic-bezier(0.71, 1.52, 0.65, 1.06) 200ms;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
#haikyu_collaboration .zoom-in.wait, #haikyu_collaboration .zoom-in.waiting {
  opacity: 0;
  -webkit-transform: scale(1.075) rotate(8deg);
          transform: scale(1.075) rotate(8deg);
}
#haikyu_collaboration .zoom-in.animation, #haikyu_collaboration .zoom-in.animating {
  transition: opacity 150ms ease, -webkit-transform 350ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: opacity 150ms ease, transform 350ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: opacity 150ms ease, transform 350ms cubic-bezier(0.18, 0.89, 0.32, 1.28), -webkit-transform 350ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
  opacity: 1;
  -webkit-transform: scale(1) rotate(0deg);
          transform: scale(1) rotate(0deg);
}
#haikyu_collaboration .poyon-in.wait, #haikyu_collaboration .poyon-in.waiting {
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
}
#haikyu_collaboration .poyon-in.animation, #haikyu_collaboration .poyon-in.animating {
  transition: none;
  opacity: 1;
  -webkit-animation: poyon-in 0.48s ease both;
          animation: poyon-in 0.48s ease both;
}
@-webkit-keyframes poyon-in {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1.07);
            transform: scale(1.07);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes poyon-in {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1.07);
            transform: scale(1.07);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
#haikyu_collaboration .float {
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}
@-webkit-keyframes float {
  0%, 100% {
    -webkit-transform: translateY(0) rotate(0deg);
            transform: translateY(0) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(-4%) rotate(3deg);
            transform: translateY(-4%) rotate(3deg);
  }
}
@keyframes float {
  0%, 100% {
    -webkit-transform: translateY(0) rotate(0deg);
            transform: translateY(0) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(-4%) rotate(3deg);
            transform: translateY(-4%) rotate(3deg);
  }
}
#haikyu_collaboration .float-strong {
  -webkit-animation: float-strong 3s ease-in-out infinite;
          animation: float-strong 3s ease-in-out infinite;
}
@-webkit-keyframes float-strong {
  0%, 100% {
    -webkit-transform: translateY(0) rotate(0deg);
            transform: translateY(0) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(-12%) rotate(8deg);
            transform: translateY(-12%) rotate(8deg);
  }
}
@keyframes float-strong {
  0%, 100% {
    -webkit-transform: translateY(0) rotate(0deg);
            transform: translateY(0) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(-12%) rotate(8deg);
            transform: translateY(-12%) rotate(8deg);
  }
}