@charset "UTF-8";
/*
 * pagetop.css - 「トップに戻る」ボタン（js/pagetop.js とセット）
 * 旧 scroll/scrolltopcontrol.js と同じ見た目・位置です。
 * 2026-11
 */

/* ボタン本体：画面の右下（端から5px）に固定 */
#topcontrol {
  position: fixed;
  right: 5px;
  bottom: 5px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  -webkit-appearance: none;
  appearance: none;
  line-height: 0;
  cursor: pointer;
  /* 最初は非表示（見えない・押せない） */
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.1s linear, visibility 0s linear 0.1s;
}

/* スクロールすると表示（0.5秒でフェードイン） */
#topcontrol.is-visible {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease-in-out, visibility 0s;
}

/* ボタン画像（90×90px） */
#topcontrol img {
  display: block;
  width: 90px;
  height: 90px;
  max-width: none;
  margin: 0;
  border: 0;
}

/* 端末で「動きを減らす」設定をしている場合はアニメーションなし */
@media (prefers-reduced-motion: reduce) {
  #topcontrol,
  #topcontrol.is-visible {
    transition: none;
  }
}