/* ===================================================
   Sticky Footer Fix
   bodyをflexコンテナにし、mainを伸縮させることで
   コンテンツが少ない場合もフッターを画面下部に固定する
=================================================== */
body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
}

body > main {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}