固定ヘッダー（position: fixed）
モーダル（position: fixed + absolute）
モーダルを開く
モーダルコンテンツ（position: absolute で中央配置）
閉じる
バッジ配置（position: absolute）
八神庵
5
草薙京
3
stickyサイドバー（position: sticky）
メインコンテンツ（スクロールしてみてください。ヘッダーは固定され、サイドバーが追従します。）
stickyサイドバー
（スクロールに追従します）