@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 (min-width: 769px) {
  .buynow a img,
  #kv .movie a img {
    transition: filter 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.6s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    backface-visibility: hidden; }

  .buynow a:hover img {
    transition: filter 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.3s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
    filter: brightness(1.4);
    transform: scale(1.06); }

  #kv .movie a:hover img {
    transition: filter 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.3s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
    filter: brightness(1.4);
    transform: scale(1); }

  #kv .movie a::after,
  #kv .movie a::before {
    transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); }

  #kv .movie a:hover::after,
  #kv .movie a:hover::before {
    transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scale(1.2); }

  #news a i {
    backface-visibility: hidden;
    transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); }

  #news a:hover i {
    filter: brightness(1.2);
    transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }

  #community a:hover {
    filter: brightness(1.2);
    transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }

  .pagetop a {
    transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); }

  .pagetop a:hover {
    transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    filter: brightness(1.2);
    transform: scale(1.06); }

  .sitefooter a {
    transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); }

  .sitefooter a:hover {
    transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0.5; } }