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

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

.bg-frame {
  display: none;
}

.image-frame {
  box-shadow: 0 0 0 0.20833vw white, 0px 0px 0 0.52083vw #ba2d7a, 0.41667vw 0.41667vw 0 1.25vw black;
}

.line-images__comment {
  box-shadow: 1px 1px 0 4px black;
}

.bg-movie {
  display: none;
}

.glNav {
  background: url(../img/sp/sp_bg_glnav.png) 120% 120% no-repeat, #f7f3f3;
  height: auto;
  max-height: auto;
  max-height: initial;
  padding: 15% 2% 5%;
  border-radius: 0 0 30px 30px;
  box-shadow: 0 0 0 3px #3871ce, 0 0 0 10px #f7f3f3, 0 0 0 20px #3c0000, 0 0 50px 0px rgba(0, 0, 0, 0.7);
  -webkit-transition: -webkit-transform 0.5s ease-out;
  transition: -webkit-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
  -webkit-transform: translate(0, -120%);
          transform: translate(0, -120%);
}

.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: 100%;
}

.glNav-menu__item:not(:first-of-type) {
  margin-top: 5%;
}

a[class^="glNav-button"] {
  display: block;
  width: 100%;
}

a[class^="glNav-button"]:hover {
  background-position: 0 0;
}

.glNav-button-top {
  background: url(../img/sp/sp_nav_top.png) 0 0 no-repeat;
  height: 13.54167vw;
}

.glNav-button-about {
  background: url(../img/sp/sp_nav_about.png) 0 0 no-repeat;
  height: 11.97917vw;
}

.glNav-button-character {
  background: url(../img/sp/sp_nav_character.png) 0 0 no-repeat;
  height: 12.39583vw;
}

.glNav-button-system {
  background: url(../img/sp/sp_nav_system.png) 0 0 no-repeat;
  height: 12.5vw;
}

.glNav-button-gallery {
  background: url(../img/sp/sp_nav_gallery.png) 0 0 no-repeat;
  height: 12.8125vw;
}

.glNav-button-product {
  background: url(../img/sp/sp_nav_product.png) 0 0 no-repeat;
  height: 13.54167vw;
}

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

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

.sctop-button {
  display: block;
  width: 41.66667vw;
  position: relative;
  bottom: auto;
  right: auto;
  z-index: auto;
  opacity: 100;
  visibility: visible;
  -webkit-transition: none;
  transition: none;
  margin: 0 auto 10vw;
}

.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;
}

/* NEW icon ---------------*/
.description.new:after {
  width: 20%;
  padding-bottom: calc(20% * 0.46534653);
  top: -7%;
  left: -2%;
}

.description.new:after {
  width: 20%;
  padding-bottom: calc(20% * 0.46534653);
  top: -7%;
  left: -2%;
}

.description:nth-of-type(2n).new:after {
  width: 20%;
  padding-bottom: calc(20% * 0.46534653);
  top: -7%;
  right: 0%;
}

.line-images__item.new:after {
  width: 17%;
  padding-bottom: calc(17% * 0.46534653);
  top: -8%;
  left: -1%;
}

.glNav-menu__item.new:after {
  width: 19vw;
  padding-bottom: calc(19vw * 0.46534653);
  top: -35%;
  left: 9%;
}

.normal-window.new:after {
  width: 25%;
  padding-bottom: calc(25% * 0.46534653);
  top: -16%;
  left: -2%;
}

.character-wrap:nth-of-type(2n) .character-description.new:after {
  width: 26%;
  padding-bottom: calc(26% * 0.46534653);
  top: -4%;
}

.character-description.new:after {
  width: 26%;
  padding-bottom: calc(26% * 0.46534653);
  top: -4%;
}

.movie-section.new:after {
  width: 20%;
  padding-bottom: calc(20% * 0.46534653);
  top: -11%;
  left: -3%;
}

.gallery-images__item.new:after {
  width: 17%;
  padding-bottom: calc(17% * 0.46534653);
}

.twitter-button,
.facebook-button,
.line-button {
  display: block;
  width: 12.5vw;
  min-width: auto;
  min-width: initial;
}

.official-sns__item:nth-child(n+4) {
  margin-top: 10px;
}

.official-sns-button {
  width: 30.20833vw;
  min-width: auto;
  min-width: initial;
}

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