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

.br-sp {
  display: block;
}

.br-pc {
  display: none;
}

.bg-movie__movie {
  height: 100vh;
  width: auto;
}

/* GLNAV --------------------------------*/
.glNav {
  width: 100%;
  top: 0;
  left: 0;
  -webkit-transform: translate(0, -100%);
          transform: translate(0, -100%);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.glNav-content {
  width: 100%;
  height: auto;
  background: url(../img/story/deco_story.png) calc(50% - 43%) 0 repeat-y, url(../img/story/deco_story.png) calc(50% + 43%) 0 repeat-y, url(../img/bg_pattern50.jpg) 0 0 repeat;
  border-bottom: 5px #b79952 outset;
  -webkit-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.5);
}

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

.glNav-menu {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10% 0 7%;
}

.glNav-menu__item:nth-of-type(n + 2) {
  margin-top: 2%;
}

a[class^="glNav-button"] {
  height: 82.5px;
}

.glNav-button-top {
  width: 157.5px;
  background: url("../img/glnav_top.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.glNav-button-top img {
  background: url("../img/glnav_top.png") 0 0 no-repeat;
  background-size: 100% auto;
  background-position: 0 100%;
}

.glNav-button-story {
  width: 268.5px;
  background: url("../img/glnav_story.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.glNav-button-story img {
  background: url("../img/glnav_story.png") 0 0 no-repeat;
  background-size: 100% auto;
  background-position: 0 100%;
}

.glNav-button-character {
  width: 315px;
  background: url("../img/glnav_character.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.glNav-button-character img {
  background: url("../img/glnav_character.png") 0 0 no-repeat;
  background-size: 100% auto;
  background-position: 0 100%;
}

.glNav-button-system {
  width: 217.5px;
  background: url("../img/glnav_system.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.glNav-button-system img {
  background: url("../img/glnav_system.png") 0 0 no-repeat;
  background-size: 100% auto;
  background-position: 0 100%;
}

.glNav-button-gallery {
  width: 265.5px;
  background: url("../img/glnav_gallery.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.glNav-button-gallery img {
  background: url("../img/glnav_gallery.png") 0 0 no-repeat;
  background-size: 100% auto;
  background-position: 0 100%;
}

.glNav-button-product {
  width: 256.5px;
  background: url("../img/glnav_product.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.glNav-button-product img {
  background: url("../img/glnav_product.png") 0 0 no-repeat;
  background-size: 100% auto;
  background-position: 0 100%;
}

.sp-menu-button {
  width: 15%;
  display: block;
  position: fixed;
  top: 2%;
  right: -2%;
  z-index: 5000;
}

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

/* FLOAT --------------------------------*/
/* FOOTER --------------------------------*/
.sns-button {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 5%;
}

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

.official-sns {
  max-width: auto;
  max-width: initial;
  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%;
}

.copy-wrapper {
  display: block;
  margin: 3% auto 5%;
  padding: 0 2%;
  text-align: center;
}

.banner-nip {
  display: block;
  margin: 5% auto 0;
  width: 50%;
}

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

/* NEW --------------------------------*/
.glNav-menu__item.new:before {
  content: "";
  background: url(../img/icon_new.png) 0 0 no-repeat;
  background-size: cover;
  width: 10vw;
  height: 0;
  padding-bottom: 3.31169vw;
  position: absolute;
  top: -2%;
  left: -2%;
  bottom: auto;
  right: auto;
  pointer-events: none;
  z-index: 100;
  -webkit-animation: anim-new 2s infinite ease;
          animation: anim-new 2s infinite ease;
}

.sub-navi-menu__item.new:before {
  content: "";
  background: url(../img/icon_new.png) 0 0 no-repeat;
  background-size: cover;
  width: 25%;
  height: 0;
  padding-bottom: 8.27922%;
  position: absolute;
  top: -2%;
  left: -2%;
  bottom: auto;
  right: auto;
  pointer-events: none;
  z-index: 100;
  -webkit-animation: anim-new 2s infinite ease;
          animation: anim-new 2s infinite ease;
}

.common-window-caption.new:before {
  content: "";
  background: url(../img/icon_new.png) 0 0 no-repeat;
  background-size: cover;
  width: 10%;
  height: 0;
  padding-bottom: 3.31169%;
  position: absolute;
  top: -2%;
  left: 0%;
  bottom: auto;
  right: auto;
  pointer-events: none;
  z-index: 100;
  -webkit-animation: anim-new 2s infinite ease;
          animation: anim-new 2s infinite ease;
}

.common-window-subcaption.new:before {
  content: "";
  background: url(../img/icon_new.png) 0 0 no-repeat;
  background-size: cover;
  width: 15%;
  height: 0;
  padding-bottom: 4.96753%;
  position: absolute;
  top: -4%;
  left: -1%;
  bottom: auto;
  right: auto;
  pointer-events: none;
  z-index: 100;
  -webkit-animation: anim-new 2s infinite ease;
          animation: anim-new 2s infinite ease;
}

.gallery-images__item.new:before {
  content: "";
  background: url(../img/icon_new.png) 0 0 no-repeat;
  background-size: cover;
  width: 25%;
  height: 0;
  padding-bottom: 8.27922%;
  position: absolute;
  top: -2%;
  left: -2%;
  bottom: auto;
  right: auto;
  pointer-events: none;
  z-index: 100;
  -webkit-animation: anim-new 2s infinite ease;
          animation: anim-new 2s infinite ease;
}