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

@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

/*
IE11対策
----------------------------*/
_:-ms-lang(x)::-ms-backdrop,
.d-demo {
  display: -ms-grid;
  overflow: hidden;
}
/*----------------------------*/

.d-demo__wrap {
  display: flex;
  overflow: hidden;
}

.demo__wrap:hover .d-demo__list--left{
  animation-play-state: paused;
}

.d-demo__list {
  display: flex;
  list-style: none;
}

.d-demo__list--left{
animation :infinity-scroll-left 95s infinite linear 0.5s both;
}

.d-demo__item {
  width: calc(200vw / 6);
}
.d-demo__item > img{
   width: 100%;
   border-left:#FFF 5px solid;
   border-top:#FFF 5px solid;
}

@media only screen and (max-width: 1200px) {
.d-demo__item {
	margin-left:5px;
  width: calc(600vw / 6);
}
}