@charset "utf-8";
/* CSS Document */
/*https://rita-plus.com/blog/css-animation-scroll-infinity/*/
	@keyframes infinity-scroll-left {
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}
.scroll-infinity__wrap {
  display: flex;
  overflow: hidden;
  position:relative;
  top:-50px;/*ヘッダに隠れるように*/
  /**/

 
}


.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0;

 
}
/**/

.scroll-infinity__list li {
	margin-left:5px;
 
}
.scroll-infinity__list li img{
	max-height:60vh;/*サイズ変更*/
	height:auto;
	width:30vw;/*横*/
	}
/**/
.scroll-infinity__list--left {
  animation: infinity-scroll-left 50s infinite linear 0.5s both;
  /*ページ表示がされて0.5秒後に動き出し、50秒かけてすべての画像が左端まで移動するよう指定*/
}
.scroll-infinity__item {
  width: calc(100vw / 5);
}
.scroll-infinity__item>img {
  width: 100%;
}

@media screen and (max-width:480px){
	.scroll-infinity__wrap {
  display: flex;
  overflow: hidden;
  position:relative;
 top:-128px;/* ヘッダに隠れるように*/
 margin-bottom:0;

}


.scroll-infinity__list li {
	margin-left:2px;
 
}
.scroll-infinity__list li img{
	/*max-height:100vh;サイズ変更*/
	height:15vh;
	/*height:auto;*/
	width:30vw;/*横*/
	object-fit: cover;/*画像調整*/
	
	}
/**/
.scroll-infinity__item {
  width: calc(100vw / 3);
}
.outline_wrap:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
/*スマホ時余計な高さが出てしまったので*/
.scroll-infinity.firstChild{
	height:0;
}
.scroll-infinity.firstChild:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
}