CSSとJavascriptでヘッダーフッター固定のレスポンシブな縦並びのバーガーメニュー付きページを作成する
～ヘッダーフッター固定、レスポンシブ対応で幅567px以下だとバーガーメニュー、幅568以上だと縦並びのメニュー表示
紺色メニューの場合
バーガーをタップで左から右にメニューをトランジション表示バーガーをタップで左から右にメニューをトランジション表示（PCは上下にスクロールしても左メニューを固定表示）
バーガーをタップで上から下にメニューをトランジション表示
カラフルメニューの場合
バーガーをタップで左から右にメニューをトランジション表示バーガーをタップで左から右にメニューをトランジション表示（PCは上下にスクロールしても左メニューを固定表示）
バーガーをタップで上から下にメニューをトランジション表示