@charset "UTF-8";



@-webkit-keyframes off {
  100% {
    opacity: 0;
  }
}
@-moz-keyframes off {
  100% {
    opacity: 0;
  }
}
@-o-keyframes off {
  100% {
    opacity: 0;
  }
}
@keyframes off {
  100% {
    opacity: 0;
  }
}


@keyframes mask1 {
  100% {
    opacity: 1;
    height: 20vh;
  }
}

@keyframes mask2 {
  100% {
    opacity: 1;
    height: 50vh;
  }
}


@-webkit-keyframes top_menu {
  100% {
    opacity: 1;
  }
}
@-moz-keyframes top_menu {
  100% {
    opacity: 1;
  }
}
@-o-keyframes top_menu {
  100% {
    opacity: 1;
  }
}
@keyframes top_menu {
  100% {
    opacity: 1;
  }
}


@-webkit-keyframes on2 {
  100% {
    opacity: 1;
  }
}
@-moz-keyframes on2 {
  100% {
    opacity: 1;
  }
}
@-o-keyframes on2 {
  100% {
    opacity: 1;
  }
}
@keyframes on2 {
  100% {
    opacity: 1;
  }
}




@keyframes heder_b1 {
  0% {
    opacity: 1;
    width: 100%;
    height: 31vh;
    position: fixed;
    
  }
  100% {
    opacity: 1;
    width: 100%;
    height: 31vh;
    position: fixed;
    
  }
}



@keyframes heder_b2 {
  0% {
    opacity: 1;
    width: 100%;
    height: 100vh;
    position: absolute;
    
  }
  100% {
    opacity: 1;
    width: 100%;
    height: 100vh;
    position: absolute;
    
  }
}





@-webkit-keyframes on3 {
  100% {
    opacity: 1;
  }
}
@-moz-keyframes on3 {
  100% {
    opacity: 1;
  }
}
@-o-keyframes on3 {
  100% {
    opacity: 1;
  }
}
@keyframes on3 {
  100% {
    opacity: 1;
	right: 0;
	bottom:0;
  }
}


@-webkit-keyframes s_boke {
  0% {
    filter: blur(0px);
  }
  100% {
    filter: blur(10px);
  }
}
@-moz-keyframes s_boke {
  0% {
    filter: blur(0px);
  }
  100% {
    filter: blur(10px);
  }
}
@-o-keyframes s_boke {
  0% {
    filter: blur(0px);
  }
  100% {
    filter: blur(10px);
  }
}
@keyframes s_boke {
  0% {
    filter: blur(0px);
  }
  100% {
    filter: blur(10px);
  }
}