コンテンツ要素を本体とナビメニューの2つで大別する。
レスポンシブ制御として、画面幅に応じて表示方法が変更される。
ナビメニューは2カラムレイアウトの左サイドと、ハンバーガメニューが選択できる。
2カラムレイアウトの場合、画面幅に応じて2カラムレイアウトからパンケーキレイアウトに 変更され、ナビメニューは左もしくは下側に表示される

  • 800px以上 : 2カラムレイアウト(左:ナビ、右:本体)
  • 800px未満 : 上:本体 + 下:ナビ
  • 800px未満 : 本体 + (左ナビ、ハンバーガメニューの切り替え)