@charset "UTF-8";



.loop_photos {
	width: 100%;
	height: 250px;
	position: relative;
	background: url(../img/loop_photos.jpg) repeat-x 0 0;
	background-size: auto 100%;
	animation: loop_slider 90s linear infinite;/*画像の横幅/秒数=整数倍になると動きがスムーズ*/
}
@keyframes loop_slider {
	from { background-position: 0 0; }
    to { background-position: -5000px 0; } /*1921px画像の横幅*/
}

@media screen and (max-width:767px){
	.loop_photos {
	width: 100%;
	height: 150px;
	position: relative;
	background: url(../img/loop_photos.jpg) repeat-x 0 0;
	background-size: auto 100%;
	animation: loop_slider 90s linear infinite;/*画像の横幅/秒数=整数倍になると動きがスムーズ*/
}
}