サイドバーの固定（CSSのみ）＠はてなブログテーマ「Palette（パレット）」

はてなブログのテーマ「Palette（パレット）」では、サイドバーが固定できます！

カスタマイズが簡単で色々なデザインができる、はてなブログのテーマ「Palette（パレット）」はこちらからダウンロードできます。
↓↓
Palette （パレット） - テーマストア

テーマ「Palette（パレット）」では、スマホ以外の場合は、↓のように２カラム（２列）の表示になります。
f:id:zuboraca:20180624165130j:plain

しかし記事部分が長いとスクロールしていくうちに右側の部分が無くなってしまって、記事部分だけが表示された状態になってしまいます。
こんな感じ。
f:id:zuboraca:20180624165216j:plain
これだと右側のスペースが勿体ない。

なので、サイドバーの最後の項目を固定して、記事をスクロールしてもサイドバーはそのまま留まるように設定をします。
（IEでは、固定表示はされないようなので、その点のみご了承ください）

#box2{/*サイドバー全体の箱*/
display: -webkit-flex;	
display: flex;}	

.hatena-module:last-of-type{/*サイドバー最後の要素*/	    
position: -webkit-sticky;	    
position: sticky;	    
top: 0;/*上から離す距離（50pxとか）*/	}