/* ======= PAGE TOP BUTTON (HTML Living Standard 対応) ======= */

#page-top {

  position: fixed;

  bottom: 1.25rem; /* 20px → rem単位 */

  right: 1.25rem;

  font-size: 0.875rem; /* 相対サイズに修正 */

  z-index: 1000; /* 他要素より優先表示 */

}




#page-top a {

  display: inline-block;

  padding: 0.75rem 1.25rem; /* 余白をremに変更 */

  text-align: center;

  text-decoration: none;

  font-weight: bold;

  color: #fff;

  border-radius: 0.5rem;

  background-color: #F35813;

  transition: background-color 0.3s ease, transform 0.2s ease;

}




#page-top a:hover,

#page-top a:focus {

  background-color: #02A0DE;

  outline: none;

  transform: translateY(-2px); /* クリック感を追加 */

}




/* スマホ用に少し小さく */

@media (max-width: 600px) {

  #page-top a {

    padding: 0.5rem 1rem;

    font-size: 0.75rem;

  }

}