.loop_wrap {
  display: flex;
  width: 100vw;
  height: 130px;
  overflow: hidden;
margin-bottom: 10px;
}

.loop_wrap ul {
  display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100%;
    margin: 0;
    padding: 0;

}



@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}



.loop_wrap ul:first-child {
  animation: loop 50s -25s linear infinite;
}

.loop_wrap ul:last-child {
  animation: loop2 50s linear infinite;
}


.loop_wrap:hover ul {
  animation-play-state: paused;
}

.loop_wrap li {
	display: inline-block;
    width: calc(100vw / 7);
    min-width: 100px;
    margin: 0;
    list-style: none;
    text-align: center;
	
}

.loop_wrap li a {
    display: block;
  }

.loop_wrap li img {   
	display: block;
    width: 100%;
	height: auto;}