/* ==========================================================
   ページトップボタン（.l-pagetop）
   1000px 以上スクロールすると main.js が .is-show を付けて表示する。
   ========================================================== */
.l-pagetop {
  position: fixed;
  right: 27px;
  bottom: 30px;
  z-index: 777;
  width: 60px;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}

.l-pagetop.is-show {
  opacity: 1;
  visibility: visible;
}

.l-pagetop.is-show:hover {
  opacity: .8;
}

.l-pagetop__icon {
  width: 100%;
}

@media (max-width: 767px) {
  .l-pagetop {
    right: 10px;
    bottom: 66px;  /* 画面下の固定ボタン（56px）の上 */
    width: 44px;
  }
}