@charset "utf-8";
/* CSS Document */
div[class*="walk"]{
  position:absolute;
  height: 20px;
  width: 12px;
  top:0;
  z-index: 100;
  background-repeat: no-repeat;
  -webkit-background-size: 12px 20px;
  background-size: 12px 20px;
  opacity:0;
  box-sizing: border-box;
  -webkit-animation: vanish 2s;
  animation: vanish 2s;
  background-position: center top;
}
div[class*="odd"]{
  background-image: url("../photo/asi.png");
  right:50px;
}
div[class*="even"]{
  background-image: url("../photo/asi.png");
  right:30px;
}
div[class*="under-odd"]{
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
div[class*="under-even"]{
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
@-webkit-keyframes vanish{
  0%{
    opacity: 0;
  }
  20%{
    opacity: .8;
  }
  60%{
    opacity: .8;
  }
  100%{
    opacity: 0;
  }
}
@keyframes vanish{
  0%{
    opacity: 0;
  }
  20%{
    opacity: .8;
  }
  60%{
    opacity: .8;
  }
  100%{
    opacity: 0;
  }
}
div[class*="odd"]{
  background-image: url("../photo/asi.png");
  right:50px;
}
div[class*="even"]{
  background-image: url("../photo/asi.png");
  right:30px;
}