@charset "utf-8";

.fix-totop-link{
  display: block;
  position: absolute;
  transform: translateY(100%);
  bottom: calc(100% - 10px);
  left: 80px;
  width: 68px;
  z-index: 0;
}
/* 初回のみアニメーション */
.floating.is-show:not(.is-animated) .fix-totop-link {
  z-index: 1;
  transition: z-index 0s .6s;
  animation: popUp3 .8s ease-in-out forwards;
  animation-delay: .2s;
}
/* 2回目以降は最終位置を固定（アニメーションなし） */
.floating.is-animated .fix-totop-link {
  z-index: 1;
  transform: translateY(0);
}
.fix-totop-link img{
  transition: .2s ease-in-out;
  transform-origin: bottom;
}
@keyframes popUp3 {
  0% {
    transform: translateY(100%);
  }
  60% {
    /* 少しだけ元のサイズより大きく(1.1)して、飛び出した感を出す */
    transform: translateY(-5px);
  }
  80% {
    /* 軽く揺り戻して落ち着かせる */
    transform: translateY(2px);
  }
  100% {
    /* 最終的な定位置とサイズ */
    transform: translateY(0);
  }
}
@media print, screen and (min-width: 769px) {
  .fix-totop-link:hover img{
    transform: scale(.95);
  }
}
@media print, screen and (max-width: 768px) {
  .fix-totop-link{
    left: 1vw;
    bottom: calc(100% - 2vw);
    width: 14.5vw;
  }
}