@charset "utf-8";	

/*=============== レイアウトのためのCSS =================*/

.svganimeblock{
	margin: 0 auto;
	text-align: center;
}

/*=============== SVGアニメーション内の指定 =================*/

/*SVGの横幅*/
.svganimeblock{
	max-width: 300px;
	width: 100%;
}
@media screen and (max-width: 599px) {
	.svganimeblock{
	width: 50%;
}
}

/*SVGの可変*/
.svganimeblock svg{
	width: 100%;
}

/*アニメーション前のパスの指定*/
.svganimeblock svg path {
		fill-opacity: 0;/*最初は透過0で見えない状態*/
		transition: fill-opacity .5s;/*カラーがつく際のアニメーション0.5秒で変化*/
		fill: none;/*塗りがない状態*/
		stroke: #888;/*線の色*/
	}

/*アニメーション後に.doneというクラス名が付与された時のパスの指定*/
.svganimeblock svg.done path{
	  fill: #c7000b;/*塗りの色*/
	  fill-opacity: 1;/*透過1で見える状態*/
	  stroke: none;/*線の色なし*/
	}