@charset "UTF-8";

/*ローディングここから*/
#loader-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;

background: #fff;

/*background: #000;*/

/*background: #fff;*/

/*background: rgb(62,177,193);
background: -moz-linear-gradient(146deg, rgba(62,177,193,1) 0%, rgba(255,255,255,1) 43%, rgba(255,255,255,1) 51%, rgba(62,177,193,1) 100%);
background: -webkit-linear-gradient(146deg, rgba(62,177,193,1) 0%, rgba(255,255,255,1) 43%, rgba(255,255,255,1) 51%, rgba(62,177,193,1) 100%);
background: linear-gradient(146deg, rgba(62,177,193,1) 0%, rgba(255,255,255,1) 43%, rgba(255,255,255,1) 51%, rgba(62,177,193,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3eb1c1",endColorstr="#3eb1c1",GradientType=1);
*/
    z-index: 10001;
 }
 
#loading{
    position: relative;
    width: 100%;
    height: 100%;
  }
#loading svg {
  position: absolute;
  margin: auto;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media screen and (max-width: 700px) {
  #loading svg {
    /*left:11.5%;*/
  }
}

/*svgアニメーションここから*/
#loading path {
  fill-opacity: 0;
  transition: fill-opacity 1.5s;
}
#loading .done .st0{fill:#fff; fill-opacity: 1.5;}
#loading .done .st1{fill:#333; fill-opacity: 1.5;}
#loading .done path {
  stroke: none;
}
.dnone{
  display: none !important;
}