.smbw-contents .smbw-nav-snd {
  display: block;
}
.smbw-contents .smbw-nav-menu {
  top: 0;
  margin-top: 0px;
}
.smbw-nav {
  z-index: 10000;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.smbw-nav img {
  width: 100%;
  max-width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  vertical-align: bottom;
}
.smbw-nav-wrap {
  position: sticky;
  top: 30px;
  margin-top: 110px;
}
.smbw-nav-snd {
  display: none;
  position: relative;
  width: 100%;
  overflow: hidden;
  pointer-events: auto;
  pointer-events: none;
  -webkit-transition: margin-top 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  transition: margin-top 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}
.smbw-nav-snd-btn {
  visibility: hidden;
  position: relative;
  right: -85px;
  width: 85px;
  height: 50px;
  margin-bottom: 15px;
  margin-left: auto;
  border-radius: 100px 0 0 100px;
  background-color: #fff;
  -webkit-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  opacity: 0;
  pointer-events: auto;
  -webkit-transition: opacity 0.3s, right 0.3s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.3s;
  transition: opacity 0.3s, right 0.3s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.3s;
}
.smbw-nav-snd-btn > img {
  position: absolute;
  top: 50%;
  left: 35px;
  width: 27px !important;
  translate: 0 -50%;
}
.smbw-nav-snd-btn > img:last-of-type {
  display: none;
}
.smbw-nav-snd-btn.on {
  visibility: visible;
  right: -8px;
  opacity: 1;
}
.smbw-nav-snd-btn.play > img:first-of-type {
  display: none;
}
.smbw-nav-snd-btn.play > img:last-of-type {
  display: block;
}
.smbw-nav-menu {
  position: relative;
  top: 0;
  width: 100%;
  height: 545px;
  margin-top: 160px;
  overflow: hidden;
}
.smbw-nav-menu-open {
  visibility: hidden;
  position: absolute;
  top: 0;
  right: -85px;
  width: 85px;
  cursor: pointer;
  opacity: 0;
  pointer-events: auto;
  -webkit-transition: opacity 0.3s, right 0.3s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.3s;
  transition: opacity 0.3s, right 0.3s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.3s;
}
.smbw-nav-menu-open.on {
  visibility: visible;
  right: -8px;
  opacity: 1;
}
.smbw-nav-menu-inner {
  visibility: hidden;
  position: absolute;
  top: 0;
  right: -360px;
  width: 360px;
  -webkit-filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.2));
  opacity: 0;
  pointer-events: auto;
  -webkit-transition: opacity 0.3s, right 0.3s, visibility 0.3s;
  transition: opacity 0.3s, right 0.3s, visibility 0.3s;
}
.smbw-nav-menu-inner.on {
  visibility: visible;
  right: 0;
  opacity: 1;
}
.smbw-nav-menu-close {
  position: absolute;
  top: 0;
  left: 32px;
  width: 30px;
  margin-top: 22px;
  cursor: pointer;
}
.smbw-nav-menu-close > img {
  vertical-align: top !important;
}
.smbw-nav-menu-logo {
  position: absolute;
  top: 20px;
  right: 55px;
  width: 165px;
}
.smbw-nav-menu-link {
  position: absolute;
  right: 15px;
  bottom: 25px;
  width: 240px;
}
.smbw-nav-menu-link > li {
  height: 45px;
}
.smbw-nav-menu-link > li:nth-of-type(n+2) {
  margin-top: 10px;
}
.smbw-nav-menu-link > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding-left: 16px;
  gap: 0 5px;
  border-radius: 100px;
  background-color: #fff;
  -webkit-transition: background-color 0.3s, scale 0.3s;
  transition: background-color 0.3s, scale 0.3s;
}
.smbw-nav-menu-link > li > a::before {
  display: block;
  width: 12px;
  height: 100%;
  background-image: url(/jp/switch/aqmxa/assets/img/common/footer_arrow.png);
  background-position: left center;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
.smbw-nav-menu-link > li > a.on {
  background-color: #ffd200;
  pointer-events: none;
}
.smbw-nav-menu-link > li > a > img {
  width: auto;
  max-width: none;
  height: 100%;
}

.smbw-footer {
  position: relative;
  margin-top: -1px;
  padding: 55px 20px 25px;
  overflow: hidden;
  background-image: url(/jp/switch/aqmxa/assets/img/common/footer_bg.png);
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}
.smbw-footer-inner {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
}
.smbw-footer-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.smbw-footer-nav-logo {
  display: block;
  width: 18.75%;
}
.smbw-footer-nav-menu {
  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;
  width: 77.34375%;
  gap: 22.3880597015% 0;
}
.smbw-footer-nav-menu > li {
  position: relative;
  width: 18.6868686869%;
  padding-bottom: 6.4646464646%;
}
.smbw-footer-nav-menu > li[data-id=powerup], .smbw-footer-nav-menu > li[data-id=wonder] {
  width: 48.8888888889%;
  padding-bottom: 7.0707070707%;
}
.smbw-footer-nav-menu > li[data-id=powerup] > p, .smbw-footer-nav-menu > li[data-id=wonder] > p {
  position: absolute;
  bottom: 0;
  pointer-events: none;
}
.smbw-footer-nav-menu > li[data-id=powerup] > a {
  padding-left: 6.1983471074%;
}
.smbw-footer-nav-menu > li[data-id=powerup] > p {
  left: 3.0991735537%;
  width: 17.5619834711%;
}
.smbw-footer-nav-menu > li[data-id=wonder] > a {
  padding-left: 6.1983471074%;
}
.smbw-footer-nav-menu > li[data-id=wonder] > p {
  left: 5.1652892562%;
  width: 13.8429752066%;
  margin-bottom: 0;
}
.smbw-footer-nav-menu > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  left: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  background-color: #fff;
  text-align: center;
}
.smbw-footer-nav-menu > li > a::before {
  display: block;
  width: 8.1081081081%;
  height: 100%;
  margin-right: 2.7027027027%;
  background-image: url(/jp/switch/aqmxa/assets/img/common/footer_arrow.png);
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
  content: "";
  pointer-events: none;
}
.smbw-footer-nav-menu > li > a.on {
  background-color: #ffd200;
  pointer-events: none;
}
.smbw-footer-nav-menu > li > a img {
  width: auto;
  max-width: none;
  height: 100%;
}
.smbw-footer-company {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 3.90625%;
  padding: 2.734375% 35px 0;
  background-image: url(/jp/switch/aqmxa/assets/img/common/footer_line.png);
  background-position: center top;
  background-size: 100%;
  background-repeat: no-repeat;
}
.smbw-footer-company-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 24px;
}
.smbw-footer-company-link > li > a {
  display: block;
  padding-left: 14px;
  background-image: url(/jp/switch/aqmxa/assets/img/common/footer_arrow_link.png);
  background-position: left center;
  background-size: 7px;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 15px;
}
.smbw-footer-company-copyright {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
}

body {
  width: 100%;
}

.smbw-switch-logo {
  z-index: 100;
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
}
.smbw-switch-logo > a {
  display: block;
}
.smbw-contents {
  position: relative;
}
.smbw-contents:not([data-page=top]) {
  overflow: hidden;
}
.smbw-contents[data-page=wonder] {
  overflow: visible;
}
.smbw-contents * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.smbw-contents *:before, .smbw-contents *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.smbw-contents section {
  position: relative;
}
.smbw-contents video,
.smbw-contents img {
  width: 100%;
  max-width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  vertical-align: bottom;
}
.smbw-contents img[data-src] {
  visibility: hidden;
}
.smbw-contents picture {
  line-height: 0;
}
.smbw-contents sup {
  position: relative;
  font-size: 50%;
  vertical-align: top;
}
.smbw-section {
  position: relative;
}
.smbw-section-body {
  z-index: 5;
  position: relative;
}
.smbw-section-body-inner {
  position: relative;
  width: min(1280px, 80%);
  margin: 0 auto;
}
.smbw-section-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  pointer-events: none;
}
.smbw-section-bg-image {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: 100lvh;
}
.smbw-section-bg-image > img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.smbw-section-bg-image > video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.smbw-gimmick img {
  width: auto;
  max-width: none;
  height: min(120px, 7.5vw);
}
.smbw-gimmick img.smbw-gimmick-large {
  height: min(170px, 10.625vw);
  translate: 0 min(25px, 1.5625vw);
}
.smbw-rb-btn > picture:nth-of-type(2) {
  display: none;
}
.smbw-rb-btn > img:nth-of-type(2) {
  display: none;
}
.smbw-rb-btn img {
  -webkit-animation: rrbhover 0.3s ease;
  animation: rrbhover 0.3s ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes rbhover {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
@keyframes rbhover {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
@-webkit-keyframes rrbhover {
  0% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes rrbhover {
  0% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@media screen and (min-width: 759.99px), print {
  .smbw-nav img {
    image-rendering: -webkit-optimize-contrast;
  }
  .smbw-footer-nav-menu > li[data-id=powerup] > a::before, .smbw-footer-nav-menu > li[data-id=wonder] > a::before {
    width: 3.0991735537%;
    margin-right: 1.0330578512%;
  }
  .smbw-contents video,
.smbw-contents img {
    image-rendering: -webkit-optimize-contrast;
  }
  .smbw-contents .sp {
    display: none;
  }
}
@media screen and (max-width: 759.98px) {
  .smbw-nav-wrap {
    margin-top: 60px;
  }
  .smbw-nav-snd-btn {
    right: -19.5852534562vw;
    width: 13.3640552995vw;
    height: 8.064516129vw;
    margin-bottom: 15px;
  }
  .smbw-nav-snd-btn > img {
    left: 3.8636363636vw;
    width: 6.1363636364vw !important;
  }
  .smbw-nav-snd-btn.on {
    right: 0;
  }
  .smbw-nav-menu {
    top: 0;
    height: 125.5760368664vw;
    margin-top: 110px;
  }
  .smbw-nav-menu-open {
    right: -13.8248847926vw;
    width: 13.8248847926vw;
  }
  .smbw-nav-menu-open.on {
    right: 0;
  }
  .smbw-nav-menu-inner {
    right: -82.9493087558vw;
    width: 82.9493087558vw;
  }
  .smbw-nav-menu-close {
    left: 13.133640553vw;
    width: 4.6082949309vw;
    margin-top: 2.9953917051vw;
  }
  .smbw-nav-menu-logo {
    top: 4.6082949309vw;
    right: 12.6728110599vw;
    width: 38.0184331797vw;
  }
  .smbw-nav-menu-link {
    right: 3.4562211982vw;
    bottom: 5.7603686636vw;
    width: 55.2995391705vw;
  }
  .smbw-nav-menu-link > li {
    height: 10.3686635945vw;
  }
  .smbw-nav-menu-link > li:nth-of-type(n+2) {
    margin-top: 2.3041474654vw;
  }
  .smbw-nav-menu-link > li > a {
    padding-left: 3.6866359447vw;
    gap: 0 1.1520737327vw;
  }
  .smbw-nav-menu-link > li > a::before {
    width: 2.7649769585vw;
  }
  .smbw-footer {
    padding: 12vw 0 30px;
    background-image: url(/jp/switch/aqmxa/assets/img/common/footer_bg_sp.png);
  }
  .smbw-footer-nav {
    display: block;
  }
  .smbw-footer-nav-logo {
    width: 56vw;
    margin: 0 auto;
  }
  .smbw-footer-nav-menu {
    width: 92vw;
    margin: 10.6666666667vw auto 0;
    gap: 6vw 0;
  }
  .smbw-footer-nav-menu > li {
    width: 44vw;
    padding-bottom: 12.6666666667vw;
  }
  .smbw-footer-nav-menu > li[data-id=movie] {
    margin: 0 auto;
  }
  .smbw-footer-nav-menu > li[data-id=powerup], .smbw-footer-nav-menu > li[data-id=wonder] {
    width: 100%;
    padding-bottom: 15.3333333333vw;
  }
  .smbw-footer-nav-menu > li[data-id=powerup] > a {
    padding-left: 8vw;
  }
  .smbw-footer-nav-menu > li[data-id=powerup] > p {
    left: 2vw;
    width: 21.3333333333vw;
  }
  .smbw-footer-nav-menu > li[data-id=wonder] > a {
    padding-left: 5.3333333333vw;
  }
  .smbw-footer-nav-menu > li[data-id=wonder] > p {
    left: 3.3333333333vw;
    width: 15.3333333333vw;
    margin-bottom: 0;
  }
  .smbw-footer-nav-menu > li > a::before {
    width: 3.3333333333vw;
    margin-right: 1.6vw;
  }
  .smbw-footer-company {
    display: block;
    width: 92vw;
    margin: 12vw auto 0;
    padding: 6.6666666667vw 0 0;
    background-image: url(/jp/switch/aqmxa/assets/img/common/footer_line_sp.png);
  }
  .smbw-footer-company-link {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px 24px;
  }
  .smbw-footer-company-link > li > a {
    padding-left: 12px;
    background-size: 6px;
    font-size: 12px;
  }
  .smbw-footer-company-copyright {
    margin-top: 20px;
    font-size: 14px;
    text-align: center;
  }
  .smbw-switch-logo {
    top: 5px;
    right: 5px;
    width: 44px;
  }
  .smbw-contents .pc {
    display: none;
  }
  .smbw-section-body-inner {
    width: 100%;
  }
  .smbw-gimmick img {
    height: min(100px, 13.3333333333vw);
  }
  .smbw-gimmick img.smbw-gimmick-large {
    height: min(142px, 18.9333333333vw);
    translate: 0 min(21px, 2.8vw);
  }
}
@media (any-hover: hover) {
  .smbw-nav-snd-btn:hover {
    right: 0;
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
  .smbw-nav-menu-open:hover {
    right: 0;
  }
  .smbw-nav-menu-close {
    -webkit-transition: scale 0.3s;
    transition: scale 0.3s;
  }
  .smbw-nav-menu-close:hover {
    scale: 1.2;
  }
  .smbw-nav-menu-logo {
    -webkit-transition: scale 0.3s;
    transition: scale 0.3s;
  }
  .smbw-nav-menu-logo:hover {
    scale: 1.04;
  }
  .smbw-nav-menu-link > li > a:hover {
    scale: 1.04;
    background-color: #ffd200;
  }
  .smbw-footer-nav-logo {
    -webkit-transition: scale 0.3s;
    transition: scale 0.3s;
  }
  .smbw-footer-nav-logo:hover {
    scale: 1.04;
  }
  .smbw-footer-nav-menu > li > a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .smbw-footer-nav-menu > li > p {
    -webkit-transition: scale 0.3s, translate 0.3s;
    transition: scale 0.3s, translate 0.3s;
  }
  .smbw-footer-nav-menu > li.hover > a {
    scale: 1.04;
    background-color: #ffd200;
  }
  .smbw-footer-nav-menu > li.hover > p {
    translate: -8% 0;
    scale: 1.04;
  }
  .smbw-footer-company-link > li > a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .smbw-footer-company-link > li > a:hover {
    opacity: 0.7;
  }
  .smbw-rb-btn:hover > picture:nth-of-type(1) {
    display: none;
  }
  .smbw-rb-btn:hover > picture:nth-of-type(2) {
    display: initial;
  }
  .smbw-rb-btn:hover > img:nth-of-type(1) {
    display: none;
  }
  .smbw-rb-btn:hover > img:nth-of-type(2) {
    display: initial;
  }
  .smbw-rb-btn:hover img {
    -webkit-animation: rbhover 0.3s ease;
    animation: rbhover 0.3s ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
}
@media screen and (any-hover: hover) and (max-width: 759.98px) {
  .smbw-nav-snd-btn:hover {
    right: 0vw;
  }
  .smbw-nav-menu-open:hover {
    right: 0vw;
  }
}