@keyframes hoverin {
  0% {
    transform: translateX(-101%);
    opacity: 1; }
  100% {
    transform: translateX(0);
    opacity: 1; } }
@keyframes hoverout {
  0% {
    transform: translateY(0);
    left: 0;
    opacity: 1; }
  100% {
    transform: translateY(0);
    left: 101%;
    opacity: 1; } }
@keyframes hoverin_reverse {
  0% {
    transform: translateX(101%);
    opacity: 1; }
  100% {
    transform: translateX(0);
    opacity: 1; } }
@keyframes hoverout_reverse {
  0% {
    transform: translateY(0);
    left: 0;
    opacity: 1; }
  100% {
    transform: translateY(0);
    left: -101%;
    opacity: 1; } }
.buruburu {
  display: inline-block;
  animation: hurueru .1s  infinite; }

@keyframes hurueru {
  0% {
    transform: translate(0px, 0px) rotateZ(0deg); }
  25% {
    transform: translate(2px, 2px) rotateZ(1deg); }
  50% {
    transform: translate(0px, 2px) rotateZ(0deg); }
  75% {
    transform: translate(2px, 0px) rotateZ(-1deg); }
  100% {
    transform: translate(0px, 0px) rotateZ(0deg); } }
@keyframes wave {
  0% {
    background-position: 0 0; }
  100% {
    background-position: round-decimal(5.2083333333vw, 3) 0; } }
@media screen and (min-width: 768px) {
  @keyframes wave {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 100px 0; } } }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes hoverin {
  0% {
    transform: translateX(-101%);
    opacity: 1; }
  100% {
    transform: translateX(0);
    opacity: 1; } }
@keyframes hoverout {
  0% {
    transform: translateY(0);
    left: 0;
    opacity: 1; }
  100% {
    transform: translateY(0);
    left: 101%;
    opacity: 1; } }
@keyframes hoverinr {
  0% {
    transform: translateX(101%);
    opacity: 1; }
  100% {
    transform: translateX(0);
    opacity: 1; } }
@keyframes hoveroutr {
  0% {
    transform: translateY(0);
    left: 0;
    opacity: 1; }
  100% {
    transform: translateY(0);
    left: -101%;
    opacity: 1; } }
/* hover */
.animate_opacity {
  transition: opacity 0.3s; }

.animate_opacity:hover {
  opacity: 0.8; }

.animate_filter {
  transition: filter 0.3s; }

.animate_filter:hover {
  filter: brightness(1.2); }

[data-opacity] {
  opacity: 0;
  filter: blur(3px);
  transform: translateY(50px);
  transition: 1.5s 0.2s cubic-bezier(0.23, 1, 0.32, 1); }

[data-opacity].animated {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0); }

@media screen and (min-width: 768px) {
  [data-pc-opacity] {
    opacity: 0;
    transform: translateY(10vw);
    transition: 1.5s 0s cubic-bezier(0.23, 1, 0.32, 1); }

  .ie11 [data-pc-opacity] {
    opacity: 0;
    transform: translateY(20px);
    transition: 1.5s 0s cubic-bezier(0.23, 1, 0.32, 1); }

  [data-pc-opacity].animated {
    opacity: 1;
    transform: translateY(0); } }
@media screen and (max-width: 767px) {
  [data-opacity],
  [data-sp-opacity] {
    opacity: 0;
    transform: translateY(10vw);
    transition: 1.5s 0s cubic-bezier(0.23, 1, 0.32, 1); }

  .ie11 [data-opacity],
  .ie11 [data-sp-opacity] {
    opacity: 0;
    transform: translateY(20px);
    transition: 1.5s 0s cubic-bezier(0.23, 1, 0.32, 1); }

  [data-sp-opacity].animated,
  [data-opacity].animated {
    opacity: 1;
    transform: translateY(0); } }
[data-sp-opacity],
[data-pc-opacity],
[data-opacity],
[data-once] {
  will-change: transform;
  backface-visibility: hidden; }

@media screen and (max-width: 768px) {
  .buynow {
    transform: translateY(101%);
    transition: bottom 0.8s cubic-bezier(0.23, 1, 0.32, 1); }

  .windowloaded .buynow {
    transform: translateY(0);
    transition: transform 2.5s 2s cubic-bezier(0.23, 1, 0.32, 1), bottom 0.8s cubic-bezier(0.23, 1, 0.32, 1); }

  .control .sns,
  .control .lang,
  .control .menu {
    transform: translateY(0);
    opacity: 0;
    filter: blur(3px); }

  .windowloaded .control .sns,
  .windowloaded .control .lang,
  .windowloaded .control .menu {
    transform: translateY(0);
    opacity: 1;
    filter: blur(0);
    transition: 2.5s 2s cubic-bezier(0.23, 1, 0.32, 1); }

  #kv {
    background: #000; }
    #kv header {
      opacity: 0;
      filter: blur(5px); }
    #kv .movie {
      opacity: 0;
      backdrop-filter: blur(10px); }
    #kv .badge-award li img {
      opacity: 0; }
    #kv .bg {
      opacity: 0;
      transform: scale(1.2);
      transform-origin: center top;
      filter: blur(3px);
      z-index: 1; }

  .imgloaded #kv header {
    opacity: 1;
    transition: 3s cubic-bezier(0.23, 1, 0.32, 1);
    filter: blur(0); }
  .imgloaded #kv .movie {
    opacity: 1;
    transition: 3s 1.5s cubic-bezier(0.23, 1, 0.32, 1); }
  .imgloaded #kv .badge-award li img {
    opacity: 1;
    transition: 3s 1.5s cubic-bezier(0.23, 1, 0.32, 1); }
  .imgloaded #kv .bg {
    opacity: 1;
    transform: scale(1);
    transition: 3.5s 0.65s cubic-bezier(0.165, 0.84, 0.44, 1);
    filter: blur(0); }

  [data-animate-sp-yt] {
    opacity: 0;
    transform: translateY(-5vh); }

  [data-animate-sp-y] {
    opacity: 0;
    transform: translateY(5vh); }

  [data-animate-sp-x] {
    opacity: 0;
    transform: translateX(-10vw); }

  [data-animate-sp-xr] {
    opacity: 0;
    transform: translateX(10vw); }

  [data-animate-sp-yt].animated,
  [data-animate-sp-y].animated,
  [data-animate-sp-xr].animated,
  [data-animate-sp-x].animated {
    opacity: 1;
    transform: translate(0);
    transition: 2s 0.05s cubic-bezier(0.23, 1, 0.32, 1); } }
@media screen and (min-width: 769px) {
  /* pc */
  .buynow {
    transform: translateX(101%);
    transition: right 0.8s cubic-bezier(0.23, 1, 0.32, 1); }

  .windowloaded .buynow {
    transform: translateX(0);
    transition: transform 2.5s 1.8s cubic-bezier(0.23, 1, 0.32, 1), right 0.8s cubic-bezier(0.23, 1, 0.32, 1); }

  .siteheader,
  .control .lang,
  .control .sns {
    transform: translateY(-101px);
    opacity: 0;
    filter: blur(3px); }

  .windowloaded .control .sns,
  .windowloaded .control .lang,
  .windowloaded .siteheader {
    transform: translateY(0);
    opacity: 1;
    filter: blur(0);
    transition: transform 2.5s 1.8s cubic-bezier(0.23, 1, 0.32, 1); }

  #kv {
    background: #000; }
    #kv header {
      opacity: 0;
      filter: blur(0);
      transform: scale(1.3);
      transform-origin: center center; }
    #kv .bg {
      opacity: 0;
      transform-origin: center top;
      z-index: 1; }
    #kv .movie {
      opacity: 0;
      filter: blur(5px);
      transform: translateX(-50%); }
    #kv .badge-award li img {
      opacity: 0;
      transform: scale(1.5);
      transform-origin: center center; }

  .nosafari.mac.firefox #kv .bg02 {
    display: none; }

  .imgloaded #kv header {
    opacity: 1;
    transition: 4.5s 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    filter: blur(0);
    transform: scale(1); }
  .imgloaded #kv .bg {
    /*opacity: 1; transform: scale(1); transition: 0.3s 0s $easeOutQuart; filter: blur(0);*/
    animation: kvin 4s 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
    transform-origin: center top;
    transform: scale(1.75); }
  .imgloaded #kv .bg02 {
    animation: kvin02 4s 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
    transform: scale(1.85); }

  .ie11 #kv .bg02 {
    display: none !important; }

  .ie11 #kv .bg {
    animation: none !important;
    opacity: 1;
    filter: none;
    transition: opacity 4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: scale(1) !important; }

  .windowloaded #kv .movie {
    opacity: 1;
    transform: translate(0);
    filter: blur(0);
    transition: 2.5s 1.8s cubic-bezier(0.23, 1, 0.32, 1); }
  .windowloaded #kv .badge-award li img {
    opacity: 1;
    transform: scale(1);
    transition: 2.5s 1.8s cubic-bezier(0.23, 1, 0.32, 1); }

  @keyframes kvin {
    0% {
      opacity: 0;
      transform: scale(1.75); }
    26% {
      opacity: 1;
      transform: scale(1.15); }
    100% {
      opacity: 1;
      transform: scale(1); } }
  @keyframes kvin02 {
    0% {
      opacity: 0.75;
      filter: blur(10px) brightness(2);
      transform: scale(1.85); }
    17% {
      filter: blur(0px) brightness(1); }
    26% {
      opacity: 0;
      transform: scale(1.15); }
    100% {
      opacity: 0;
      transform: scale(1); } }
  /*
  #news{opacity: 1; transform: translateY(20px);}
  .imgloaded #news{opacity: 1; transform: translate(0); transition: 3.5s 0s $easeOutQuart;}
  */
  #adventure {
    background: #fff; }
    #adventure .animation-point[data-animate] ~ .bg02 {
      opacity: 0;
      filter: blur(10px);
      transform: translate(-100px, 0); }
    #adventure .animation-point[data-animate].animated ~ .bg02 {
      opacity: 1;
      transform: translate(0);
      transition: 2.5s 0.1s cubic-bezier(0.19, 1, 0.22, 1);
      filter: blur(0); }

  #weapons {
    /*
      .bg{opacity: 0; transform: translate(100px,-100px);}
      .bg.animated{opacity: 1; transform: translate(0); transition:2.5s 0.1s $easeOutExpo;}
      */ }
    #weapons .animation-point[data-animate] ~ .bg {
      opacity: 0;
      filter: blur(10px);
      transform: translate(150px, -150px); }
    #weapons .animation-point[data-animate].animated ~ .bg {
      opacity: 1;
      transform: translate(0);
      transition: 2.5s 0.1s cubic-bezier(0.19, 1, 0.22, 1);
      filter: blur(0); }

  [data-animate-pc-yt] {
    opacity: 0;
    transform: translateY(-75px);
    filter: blur(5px); }

  [data-animate-pc-y] {
    opacity: 0;
    transform: translateY(75px);
    filter: blur(5px); }

  [data-animate-pc-x] {
    opacity: 0;
    transform: translateX(-150px);
    filter: blur(5px); }

  [data-animate-pc-xr] {
    opacity: 0;
    transform: translateX(150px);
    filter: blur(5px); }

  [data-animate-pc-yt].animated,
  [data-animate-pc-y].animated,
  [data-animate-pc-xr].animated,
  [data-animate-pc-x].animated {
    opacity: 1;
    transform: translate(0);
    transition: 2.5s 0.1s cubic-bezier(0.19, 1, 0.22, 1);
    filter: blur(0); }

  [data-animate] [data-animate-chain-item] {
    opacity: 0;
    filter: blur(3px);
    transform: translateY(50px); }

  [data-animate].animated [data-animate-chain-item] {
    opacity: 1;
    transform: translateY(0);
    transition: 3.5s 0s cubic-bezier(0.19, 1, 0.22, 1);
    filter: blur(0); }

  [data-animate].animated [data-animate-chain-item]:nth-child(2) {
    transition-delay: 0.15s; }

  [data-animate].animated [data-animate-chain-item]:nth-child(3) {
    transition-delay: 0.3s; }

  [data-animate].animated [data-animate-chain-item]:nth-child(4) {
    transition-delay: 0.45s; }

  [data-animate].animated [data-animate-chain-item]:nth-child(5) {
    transition-delay: 0.6s; }

  [data-animate].animated [data-animate-chain-item]:nth-child(6) {
    transition-delay: 0.75s; }

  [data-animate].animated [data-animate-chain-item]:nth-child(7) {
    transition-delay: 0.9s; }

  [data-animate].animated [data-animate-chain-item]:nth-child(8) {
    transition-delay: 1.05s; }

  [data-animate].animated [data-animate-chain-item]:nth-child(9) {
    transition-delay: 1.2; }

  [data-animate].animated [data-animate-chain-item]:nth-child(10) {
    transition-delay: 1.35s; }

  [data-animate].animated [data-animate-chain-item]:nth-child(11) {
    transition-delay: 1.5s; }

  [data-animate].animated [data-animate-chain-item]:nth-child(12) {
    transition-delay: 1.65s; }

  [data-animate].animated [data-animate-chain-item]:nth-child(13) {
    transition-delay: 1.8s; }

  [data-animate].animated [data-animate-chain-item]:nth-child(14) {
    transition-delay: 1.95s; }

  [data-animate-pc-scale] {
    opacity: 0;
    filter: blur(3px);
    transform: scale(1.35); }

  [data-animate-pc-scale].animated {
    opacity: 1;
    filter: blur(0);
    transform: translate(0);
    transition: 2s 0s cubic-bezier(0.23, 1, 0.32, 1); }

  [data-animate-pc-blur] {
    opacity: 0;
    filter: blur(5px);
    transform: rotateX(45deg) skewX(45deg) scale(2.5); }

  [data-animate-pc-blur].animated {
    opacity: 1;
    filter: blur(0);
    transform: translate(0);
    transition: 2.5s 0s cubic-bezier(0.23, 1, 0.32, 1), transform 1.25s 0s cubic-bezier(0.23, 1, 0.32, 1); }

  [data-wordanimation] span {
    opacity: 0;
    transform: scale(1.75); }

  [data-wordanimation-wrap].animated [data-wordanimation] span,
  [data-wordanimation].animated span {
    opacity: 1;
    transform: scale(1);
    transition: 2s cubic-bezier(0.23, 1, 0.32, 1);
    display: inline-block; }

  [data-wordanimation-wrap].animated span:nth-child(1),
  [data-wordanimation].animated span:nth-child(1) {
    transition-delay: 0.08s; }

  [data-wordanimation-wrap].animated [data-wordanimation] span:nth-child(2),
  [data-wordanimation].animated span:nth-child(2) {
    transition-delay: 0.16s; }

  [data-wordanimation-wrap].animated [data-wordanimation] span:nth-child(3),
  [data-wordanimation].animated span:nth-child(3) {
    transition-delay: 0.24s; }

  [data-wordanimation-wrap].animated [data-wordanimation] span:nth-child(4),
  [data-wordanimation].animated span:nth-child(4) {
    transition-delay: 0.32s; }

  [data-wordanimation-wrap].animated [data-wordanimation] span:nth-child(5),
  [data-wordanimation].animated span:nth-child(5) {
    transition-delay: 0.40s; }

  [data-wordanimation-wrap].animated [data-wordanimation] span:nth-child(6),
  [data-wordanimation].animated span:nth-child(6) {
    transition-delay: 0.48s; }

  [data-wordanimation-wrap].animated [data-wordanimation] span:nth-child(7),
  [data-wordanimation].animated span:nth-child(7) {
    transition-delay: 0.56s; }

  [data-wordanimation-wrap].animated [data-wordanimation] span:nth-child(8),
  [data-wordanimation].animated span:nth-child(8) {
    transition-delay: 0.64s; }

  [data-wordanimation-wrap].animated [data-wordanimation] span:nth-child(9),
  [data-wordanimation].animated span:nth-child(9) {
    transition-delay: 0.72s; }

  [data-wordanimation-wrap].animated [data-wordanimation] span:nth-child(10),
  [data-wordanimation].animated span:nth-child(10) {
    transition-delay: 0.8s; }

  [data-wordanimation-wrap].animated [data-wordanimation] span:nth-child(11),
  [data-wordanimation].animated span:nth-child(11) {
    transition-delay: 0.88s; }

  [data-wordanimation-wrap].animated [data-wordanimation] span:nth-child(12),
  [data-wordanimation].animated span:nth-child(12) {
    transition-delay: 0.96s; }

  [data-wordanimation-wrap].animated [data-wordanimation] span:nth-child(13),
  [data-wordanimation].animated span:nth-child(13) {
    transition-delay: 1.04s; } }