@charset "utf-8";
/* CSS Document */
#pagetop {
    position: fixed;
    bottom: 5px!important;
    right: 5px!important;
    width: 60px!important;
    height: 100px!important;
    z-index: 9999999;
}
#page-top a {
  background-color: transparent;
  bottom: 0;
  color: #fff;
  padding: 10px 1px;
  position: fixed;
  right: 0;
  z-index: 9999999;

    animation-name: jc;
	animation-delay:0s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 1.5s;
/*
@keyframes jc {
    0% {
        transform: translate(0,0px);
    }

    100% {
        transform: translate(0,-15px)
    }
}*/
	/* 回転するアニメーション */
@keyframes fuwa {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}

/* このクラスをつけると回転を無限に繰り返します */
.anime-fuwa {
  animation: 3s fuwa infinite;
}

/* アニメーションには関係ない見た目のスタイル */
.pg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 30px;
  height: 30px;
}