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

/*
右から左へ
----------------------------*/
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.HorizontalImageFlow_list__left{
animation :infinity-scroll-left 25s infinite linear 0.5s both;
}

/*
左から右へ
----------------------------*/
@keyframes infinity-scroll-right {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}

.HorizontalImageFlow_list__right{
animation :infinity-scroll-right 95s infinite linear 0.5s both;
}

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

.HorizontalImageFlow_wrap {
  display: flex;
  overflow: hidden;
}
.HorizontalImageFlow_list {
  display: flex;
	align-items: center;
  list-style: none;
}
.HorizontalImageFlow_item {
  width: 320px;
  line-height: 0;
  margin-right: 10px;
}
.HorizontalImageFlow_item > img{
   width: 100%;
}

/*ホバーで停止*/
.HorizontalImageFlow_wrap:hover .HorizontalImageFlow_list {
  animation-play-state: paused;
}