@charset "utf-8";

/*************************************************/
/*                                               */
/*                 ドロップダウン                */
/*                                               */
/*************************************************/

/* メニューのスピード */
nav {
  transition: all 0.3s;
}

/* 背景のぼけ具合 */
body.menuOpen main,
body.menuOpen footer {
  -webkit-filter: blur(2px);
     -moz-filter: blur(2px);
      -ms-filter: blur(2px);
          filter: blur(2px);
}

/****************** 設定ここまで ******************/

nav {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: translateY(-100%);
  z-index: 9998;
}

body.menuOpen nav {
  transform: translateY(0);
}

body.menuOpen main,
body.menuOpen footer {
  transition: all .2s ease-out;
}