@charset "utf-8";
/*========= LoadingのためのCSS ===============*/

#particles-js{ 
  position:fixed;/*描画固定*/
  z-index:30;/*描画を一番下に*/
  width: 100vw;
  height: 100vh;

}
/* Loading背景画面設定　*/
#splash {
    /*fixedで全面に固定*/
  position: fixed;
  width:100vw;
  height: 100vh;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom:0px;
  z-index: 999;
  background: linear-gradient(0deg, rgba(175,65,15,1) 0%, rgba(177,108,21,1) 4%, rgba(176,131,34,1) 11%, rgba(111,125,111,1) 25%, rgba(46,105,153,1) 41%, rgba(37,75,127,1) 71%, rgba(43,35,127,1) 100%);

  text-align:center;
  color:#fff;
}

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

.splash_logo{  filter: drop-shadow(2px 2px 4px #fbf7caaa);

}
/* Loading アイコンの大きさ設定　*/
#splash_logo svg{
  width:300px;height:65.5px;
}

#particles-js{ 
    position:fixed;/*描画固定*/
    z-index:30;/*描画を一番下に*/
    width: 100%;
    height: 100%;
  }



/*========= SVG操作手書き風にするためのCSS ===============*/

#mask .st0{
    fill:none;
    stroke:#fff;
    stroke-width:90;/*線の太さを指定する*/
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-miterlimit:10;
    stroke-dasharray: 1500; /* 線の間隔を指定する */
    stroke-dashoffset:1500; /* 線の位置を指定する */
}

#splash a{
  color: #fff;
  margin:1.6rem auto;
}