/* アニメーションの初期状態（画面外・透明） */
/* style.css の内容 */
html {
  scroll-behavior: smooth; /* スムーズスクロールを有効にする */
}
#back-to-top {
    /* 1. 位置の固定 */
    position: fixed; /* 画面に対して位置を固定 */
    bottom: 20px;    /* 下から20px */
    right: 20px;     /* 右から20px */
    /* 2. 装飾 */
    background-color: rgba(193,193,193,0.7); /* 背景色 */
    color: white;              /* 文字色 */
    text-decoration: none;     /* 下線なし */
    padding: 10px 15px;        /* 内側の余白 */
    border-radius: 25px;        /* 角を丸く */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* 影 */
    z-index: 1000;             /* 他の要素より手前に表示 */
    transition: background-color 0.3s; /* ホバー時の変化を滑らかに */
}

#back-to-top:hover {
    background-color: #585858; /* ホバー時の背景色 */
}