@charset "utf-8";


/* --------スライド3枚---------*/

.slide-show3 {
  white-space: nowrap;
  width: 100%;
  height: auto;
}

#shopimg .slide-show3{
	font-size: 0;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.slide-show3 img {
  width: inherit;
  height:inherit;
  margin: 0;
  padding: 0;
border: 0;
display: inline;
}

.slide-show3 > :first-child {
  animation-name: slide3;
  animation-duration:15s;
  animation-delay: 3s;
  animation-iteration-count: infinite;
}

@keyframes slide3 {
  0% {margin-left: 0;}
  33% {margin-left: -100%;}
  66% {margin-left: -200%;}
  100% {margin-left: -300%;}
}


/* --------スライド2,4枚---------*/

.slide-show4 {
  white-space: nowrap;
  width: 100%;
  height: auto;
}

#shopimg .slide-show4{
	font-size: 0;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.slide-show4 img {
  width: inherit;
  height:inherit;
  margin: 0;
  padding: 0;
border: 0;
display: inline;
}

.slide-show4 > :first-child {
  animation-name: slide4;
  animation-duration:20s;
  animation-delay: 3s;
  animation-iteration-count: infinite;
}

@keyframes slide4 {
  0% {margin-left: 0;}
  25% {margin-left: -100%;}
  50% {margin-left: -200%;}
  75% {margin-left: -300%;}
100% {margin-left: -400%;}
}


/* --------スライド5枚---------*/

.slide-show5 {
  white-space: nowrap;
  width: 100%;
  height: auto;
}

#shopimg .slide-show5{
	font-size: 0;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.slide-show5 img {
  width: inherit;
  height:inherit;
  margin: 0;
  padding: 0;
border: 0;
display: inline;
}

.slide-show5 > :first-child {
  animation-name: slide5;
  animation-duration:25s;
  animation-delay: 3s;
  animation-iteration-count: infinite;
}

@keyframes slide5 {
  0% {margin-left: 0;}
  20% {margin-left: -100%;}
  40% {margin-left: -200%;}
  60% {margin-left: -300%;}
80% {margin-left: -400%;}
	100% {margin-left: -500%;}
}

.slide-show3 .center,.slide-show4 .center,.slide-show5 .center {margin: auto;}