@charset "utf-8";
/* CSS Document */

/*マーカーアニメーション*/
 
.marker-animation.active{
background-position: -100% 0em;
color: #000 !important;
}
.marker-animation2.active{
background-position: right -100%;
color: #000 !important;
}

.marker-animation {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255,255,255) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(255,255,255) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(255,255,255) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(255,255,255) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(255,255,255) 50%);
    background-repeat: repeat;
    background-size: 200% .8em;
    background-position: 0 .5em;
}

.marker-animation2 {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255,255,255) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(255,255,255) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(255,255,255) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(255,255,255) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(255,255,255) 50%);
    background-repeat: repeat;
    background-size: 200% .8em;
    background-position: 0 .5em;
}

/*塗りつぶし速さ*/
.marker1{
	transition-duration :0.75s ;/*変化に掛かる時間*/
  	transition-delay :0s;/*待ち時間*/
}

.marker2{
	transition-duration :0.75s ;/*変化に掛かる時間*/
  	transition-delay :0.2s;/*待ち時間*/
}


.marker3{
	transition-duration :0.75s ;/*変化に掛かる時間*/
  	transition-delay :0.4s;/*待ち時間*/
}


.marker4{
	transition-duration :0.75s ;/*変化に掛かる時間*/
  	transition-delay :0.6s;/*待ち時間*/
}

.marker5{
	transition-duration :0.75s ;/*変化に掛かる時間*/
  	transition-delay :0.8s;/*待ち時間*/
}

.marker6{
	transition-duration :0.75s ;/*変化に掛かる時間*/
  	transition-delay :1s;/*待ち時間*/
}

.marker7{
	transition-duration :0.75s ;/*変化に掛かる時間*/
  	transition-delay :1.2s;/*待ち時間*/
}

.marker8{
	transition-duration :0.75s ;/*変化に掛かる時間*/
  	transition-delay :1.4s;/*待ち時間*/
}
.marker9{
	transition-duration :0.75s ;/*変化に掛かる時間*/
  	transition-delay :1.6s;/*待ち時間*/
}

/* 画面内に入った状態 */

.fadein{
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
}

.fade_on {
    opacity: 1;
}