@font-face {
  font-family: "Kuramubon";
  src: url("../fonts/kuramubon/kuramubon.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}
@font-face {
  font-family: "M PLUS 1p";
  src: url("../fonts/m-plus-1p/m-plus-1p-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "M PLUS 1p";
  src: url("../fonts/m-plus-1p/m-plus-1p-medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "M PLUS 1p";
  src: url("../fonts/m-plus-1p/m-plus-1p-bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "M PLUS 1p";
  src: url("../fonts/m-plus-1p/m-plus-1p-black.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}
:root {
  --viewport-base-pc: 1440;
  --viewport-base-sp: 375;
  --vpx-ratio: 1;
}

@media screen and (min-width: 769px) and (max-width: 1440px) {
  :root {
    --vpx-ratio: var(--viewport-ratio-pc, calc(100vw / 1440px));
  }
}
@media screen and (max-width: 768px) {
  :root {
    --vpx-ratio: min(var(--viewport-ratio-sp, calc(100vw / 375px)), 1.4814814815);
  }
}
.l-container {
  width: 1200px;
  margin-inline: auto;
  zoom: 1;
}
@media screen and (min-width: 769px) and (max-width: 1333.3333333333px) {
  .l-container {
    zoom: calc(100vw / 1333.3333333333px);
  }
}
@media screen and (max-width: 768px) {
  .l-container {
    width: 337.5px;
  }
}
@media screen and (min-width: 360px) and (max-width: 768px) {
  .l-container {
    zoom: min(var(--viewport-ratio-sp, calc(100vw / 375px)), 1.4814814815);
  }
}

.l-container--sm {
  width: 900px;
  margin-inline: auto;
  zoom: 1;
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .l-container--sm {
    zoom: calc(100vw / 1000px);
  }
}
@media screen and (max-width: 768px) {
  .l-container--sm {
    width: 337.5px;
  }
}
@media screen and (min-width: 360px) and (max-width: 768px) {
  .l-container--sm {
    zoom: min(var(--viewport-ratio-sp, calc(100vw / 375px)), 1.4814814815);
  }
}

.l-container--lg {
  width: 1440px;
  margin-inline: auto;
  zoom: 1;
}
@media screen and (max-width: 768px) {
  .l-container--lg {
    width: 375px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
  .l-container--lg {
    zoom: var(--viewport-ratio-pc, calc(100vw / 1440px));
  }
}
@media screen and (min-width: 360px) and (max-width: 768px) {
  .l-container--lg {
    zoom: var(--viewport-ratio-sp, calc(100vw / 375px));
  }
}

.footer {
  width: 100%;
  padding-block: calc(40px * var(--vpx-ratio));
  background: #383838;
}
.footer__body {
  text-align: center;
}
.footer__body > * {
  color: #fff;
  line-height: 1.2;
}
.footer__pokemon-rights {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 700;
}
.footer__pokemon-trademark {
  margin-bottom: 40px;
  font-size: 15px;
}
.footer__copyright {
  font-size: 18px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .footer {
    padding-block: calc(25px * var(--vpx-ratio));
  }
  .footer__pokemon-rights {
    margin-bottom: 13px;
    font-size: 14px;
  }
  .footer__pokemon-trademark {
    margin-bottom: 20px;
    font-size: 12px;
  }
  .footer__copyright {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .u-show--pc {
    display: none !important;
  }
}
@media screen and (max-width: 500px) {
  .u-show--pc-tab {
    display: none !important;
  }
}
@media screen and (min-width: 769px) {
  .u-show--tab {
    display: none !important;
  }
}
@media screen and (max-width: 500px) {
  .u-show--tab {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  .u-show--tab-sp {
    display: none !important;
  }
}
@media screen and (min-width: 500px) {
  .u-show--sp {
    display: none !important;
  }
}
.u-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}
/*# sourceMappingURL=style.css.map */