
.meter1{
	position:absolute;
	z-index:1;
	display:block;	
}
.meter2{
	position:absolute;
	z-index:2;
	opacity:0;
}
.meter3{
	position:absolute;
	z-index:3;
	opacity:0;
}
.meter4{
	position:absolute;
	z-index:4;
	opacity:0;
}

.slick-current .meter2,
.slick-current .meter3,
.slick-current .meter4{
  animation-duration: 4750ms;/*-- 全体のアニメーション時間（各要素共通） --*/
  animation-name: meter;
animation-iteration-count: infinite;
}
.slick-current .meter2{
  animation-delay:500ms;
}
.slick-current .meter3{
  animation-delay:1000ms;
}
.slick-current .meter4{
  animation-delay:1750ms;
  animation-name: meter4;/*-- メーター4のみ別アニメ --*/
}
/*-- アニメ　メーター2,3 --*/
@keyframes meter{
0% {
	opacity: 0;
}
10% {
	opacity: 1;
}
80% {
	opacity: 0;
}
100% {
	opacity: 0;
}
}
/*-- アニメ　メーター4（フェードアウトのタイミングを早める） --*/
@keyframes meter4{
0% {
	opacity: 0;
}
10% {
	opacity: 1;
}
50% {
	opacity: 1;
}
60% {
	opacity: 0;
}
100% {
	opacity: 0;
}
}