@charset "utf-8";

#pre{display:none;}

#loadingBg {
    position: fixed;
    left: 0;
    top: 0;
    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 100%;
	z-index:999998;
}

#loading {
    position: fixed;
    top: 30%;
    left: 25%;
    width: 50%;
	z-index:999999;
    text-align: center;
}

#loading svg{
	width:100%;
    max-width:500px;
    margin:0 auto;
}

/*アニメーション前のパスの指定*/
#loading svg path {
		fill-opacity: 0;
		transition: fill-opacity .12s;
		fill: none;
		stroke: #D9CD45;
        stroke-width: 0.3;
	}

#loading svg.done path{
	  fill: #D9CD45;
	  fill-opacity: 1;
	  stroke: none;
      transition:1s;
	}

@media screen and (max-width: 479px) {
	#loading {
    top: 30%;
    left: 10%;
    width: 80%;
	z-index:999999;
}
#loading svg{
	width:100%;
    display:none;
}
#loading svg path {
		transition: fill-opacity .10s;
        stroke-width: 0.2;
	}
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}