@charset "UTF-8";


/***

ページ移管時　フェードイン

***/


body::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:#fff; /* 背景カラー */
  z-index: 999999; /* 一番手前に */
  pointer-events: none; /* 他の要素にアクセス可能にするためにポインターイベントは無効に */
  opacity: 0; /* 初期値では非表示 */
  /*-webkit-transition: opacity 0.6s ease; /* アニメーション時間は 0.8秒 */
  -webkit-transition: opacity 0.6s 0.8s; /* アニメーション時間は 0.8秒 */
/*  transition: opacity 0.6s ease;*/
  transition: opacity 0.6s 0.8s;  /* opacity スピード 待機時間 */
}
/*body要素に.fadeoutセレクタがある場合には、レイヤーが表示されるようにopacityを１に設定します。*/
body#fadeout::after {
  opacity: 1;
}