/* スライド用 */
body::before {
  content: '';
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(231,244,247,.54);
  z-index: 9999;
  pointer-events: none;
  right: 100%;
  -webkit-transition: right 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transition: right 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
body::after {
  content: '';
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(231,244,247,.58);
  z-index: 9999;
  pointer-events: none;
  left: 100%;
  -webkit-transition: left 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transition: left 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
body.fadeout::before {
  right: 0;
  margin-top: 0;
}
body.fadeout-in::after {
 left: 0;
 margin-top: 0;
}

/* フェード用 */
/*body::before,
body::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
body::before {
  background-color: rgba(231,244,247,.98);
}

body::after {
  background-color: rgba(231,244,247,.6);
}
body.fadeout::before {
  opacity: 1;
}
body.fadeout-in::after {
 opacity: 1;
}*/


/*body.fadeout-in article{
  -webkit-transform:scale(1.2);
  transform:scale(1.2);
}*/