/* Loading背景画面設定　*/
#splash {
  /*fixedで全面に固定*/
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-image: linear-gradient(225deg, rgba(247, 247, 247, 1), rgba(231, 231, 231, 1));
    text-align:center;
  }
  
  /* Loading画像中央配置　*/
  #splash_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  /* Loading アイコンの大きさ設定　*/
  #splash_logo img {
    width:320px;
  }
  
  /* slideInをするアイコンの動き */
  .slideIn{
  animation-name: slideInAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
  opacity: 0;
  }
  
  @keyframes slideInAnime{
    from {
    opacity: 0;
    /* transform: translateX(-100%); */
    }
    to {
    opacity: 1;
    /* transform: translateX(0); */
    }
  }