/* Loading背景画面設定　*/
.splash {
/*fixedで全面に固定*/
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  background:#fff;
  text-align:center;
}

/* Loading画像中央配置　*/
.splash_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.splash_logo_02 {
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

/* Loading アイコンの大きさ設定　*/
.splash_logo img {
  width:260px;
}

.splash_logo_02 img {
  width: 100%;
}

/* fadeUpをするアイコンの動き */
.fadeUp{
animation-name: fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}
 

/* logoアニメーション　*/
.logo-img {
  outline: 2px solid;
  outline-color: transparent;
  outline-offset: 0px;
  display: inline-block;
  transition: .3s;
}
.logo-img:hover {
  animation: light2 .8s;
}
@keyframes light2 {
  1%{
    outline-color: #DBEB05;
    outline-offset: 0px;
  }
    
  100% { 
    outline-color: transparent;
    outline-offset: 12px;
  }
}