@charset "windows-874";
/* CSS Document */

.scrollup {
    width: 50px; height: 50px; padding: 10px; display: none; position: fixed; bottom: 20px; right: 20px; z-index: 100;
    color: #fff; text-align: center; line-height: 60px;
	background-color: rgba(51,34,88,.75); background-image: url("../img/icn-arrow-top001.png"); background-repeat: no-repeat; background-position: center; background-size: 50%;
	transition: background-color 0.20s linear 0s;
	-o-transition: background-color 0.20s linear 0s;
	-ms-transition: background-color 0.20s linear 0s;
	-moz-transition: background-color 0.20s linear 0s;
	-webkit-transition: background-color 0.20s linear 0s;
	/*animation: slidein .2s 1;*/
}
.scrollup:hover { background-image: url("../img/icn-arrow-top002.png");}

/*
@keyframes slidein {
  from {
    translate: 0 calc(100vh - 70px) ;
  }

  to {
    translate: 0 0;
  }
}

@keyframes slideout {
  from {
    translate:  0 0;
  }

  to {
    translate: 0 calc(100vh - 70px);
  }
}
*/