ヘッダーとフッター位置固定、幅567px以下はバーガーメニュー

ヘッダーとフッターはウィンドウの上下に固定して表示します。

幅567px以下でカラフルなバーガーメニューを表示し、
幅568px以上は常時左メニューを表示します。
バーガーアイコンをタップで上から下にカラフルなバーガーメニューをトランジション表示します。

メインコンテンツ１


メインコンテンツ２


メインコンテンツ３


メインコンテンツ４


メインコンテンツ５


メインコンテンツ６


メインコンテンツ７


メインコンテンツ８


メインコンテンツ９


メインコンテンツ１０