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

div.resizeimage img {
	display:block;
	margin-left: auto;
	margin right: auto;
	width: 640px;
	height: 240px;
	}
		
@media screen and (max-width:639px){
	div.resizeimage img {
	width: 100%;
	height: auto;
	
	}
	}
	
 
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 640px;
  padding: 0;
  margin: 0;
  
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 640px;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: 240px;
  float: left;
  width: 640px;
  border: 0;
  }
	
		
#viewer {
	margin: 0 auto;
	width: 64px;
	height: 240px;
	text-align: center;
	overflow: hidden;
	position: relative;
	
	}
@media screen and (max-width: 639px) {	
#viewer {
	width: 100%;
	height: auto;
	}
		}

	
		
.form_conf {

	text-align: center;

}

.form_conf form {

	display: inline-block;

	margin: 0 10px;

}

sp_br {
	 display: none;//768px 
	}
		 @media screen and(max-sidtn:768px){
			 .sp_br{
				 display: block; //768px未満で有効
				 }
				 }
				 
				 
.scroll-infinity__list--right {
animation: infinity-scroll-left 80s infinite linear 0.5s both;
}



		  
		  
@keyframes infinity-scroll-left {
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}
.scroll-infinity__wrap {
  display: flex;
  overflow: hidden;
}
.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0
}
.scroll-infinity__list--left {
  animation: infinity-scroll-left 80s infinite linear 0.5s both;
}
.scroll-infinity__item {
  width: calc(100vw / 6);
}
.scroll-infinity__item>img {
  width: 100%;
}