body {
  font-size: calc(20rem + ((1vw - 6.4px) * 3.571));
}

.wrapper:before, .wrapper:after {
  display: none;
}

.bg-frame {
  display: none;
}

.image-frame {
  border: 0.64815vw solid white;
}

.image-list-portrait {
  display: block;
  width: 90%;
  margin: 0 auto;
  position: relative;
}

.image-list-portrait__item {
  width: 100%;
}

.image-list-portrait__item:nth-of-type(2n+1) {
  margin-right: 0;
}

.image-list-portrait__item:nth-of-type(n+3) {
  margin-top: 0;
}

.image-list-portrait__item:nth-of-type(n+2) {
  margin-top: 8%;
}

.bg-movie {
  display: none;
}

.glNav {
  background: #ffa71c;
  height: auto;
  max-height: auto;
  max-height: initial;
  padding: 8% 2% 0%;
  -webkit-transition: -webkit-transform 0.6s ease-out;
  transition: -webkit-transform 0.6s ease-out;
  transition: transform 0.6s ease-out;
  transition: transform 0.6s ease-out, -webkit-transform 0.6s ease-out;
  -webkit-transform: translate(0, -120%);
          transform: translate(0, -120%);
}

.glNav:before {
  content: "";
  display: block;
  background: url(../img/bg_glnav.png) 50% 0 repeat-x;
  background-size: auto 100%;
  width: 104%;
  height: 0;
  padding-bottom: 26%;
  position: absolute;
  top: 99%;
  left: 0;
}

.glNav.show {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.glNav-menu {
  display: block;
  width: 100%;
  max-width: auto;
  max-width: initial;
  min-width: auto;
  min-width: initial;
  margin: 0 auto;
}

.glNav-menu__item {
  width: auto;
  height: 20vw;
  margin: 0 auto;
}

.glNav-menu__item:nth-of-type(3) {
  height: 27vw;
}

a[class^="glNav-button"] {
  width: 100%;
  height: 100%;
  background-position: 50% 0%;
  background-size: auto 200%;
  margin: 0 auto;
}

a[class^="glNav-button"]:hover,
a[class^="glNav-button"][data-glNav="selected"] {
  background-position: 50% 0;
}

.bgm-wrapper {
  display: none;
}

.bgm-wrapper-sp {
  display: block;
  width: 74.02778%;
  position: relative;
  margin: 3% auto 0;
}

.sp-menu-button {
  display: block;
  width: 13vw;
  position: fixed;
  top: 1%;
  right: 1%;
  z-index: 5001;
}

.sp-menu-button img {
  width: 100%;
  vertical-align: bottom;
}

.copy-area {
  display: block;
  text-align: center;
  margin-bottom: 5vw;
}

.official-sns__item {
  max-width: auto;
  max-width: initial;
}

.banner_nip {
  display: block;
  margin: 0 auto;
  width: 31.25vw;
}

.banner_nip img {
  width: 100%;
  vertical-align: bottom;
}

.sctop-button {
  width: 41.66667vw;
  position: absolute;
  bottom: 68vw;
  right: 0;
  opacity: 100;
  visibility: visible;
  -webkit-transition: none;
  transition: none;
}

.sctop-button {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.footer-reserve__button {
  width: 57.70833%;
  padding-bottom: 8.95833%;
  margin: 5% auto 3%;
}

.footer-purchase__button {
  width: 57.70833%;
  padding-bottom: 8.95833%;
  margin: 5% auto 3%;
}

.sns-button {
  margin-top: 5%;
}

.sns-button__item {
  position: relative;
  width: 10.41667%;
}

.official-sns {
  width: 98%;
  margin-top: 5%;
}

.official-sns__item {
  width: 32.66667%;
}

.official-sns__item img {
  width: 100%;
}

.official-sns__item:not(:last-of-type) {
  margin-right: auto;
}

.official-sns__item:not(:nth-of-type(3n)) {
  margin-right: 1%;
}

.sns-button {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* NEW icon ---------------*/