/* ----------------------- */
/* sslide
/* ----------------------- */
@-webkit-keyframes anime {
  0% {
    opacity: 0;
  }
  16% {
    opacity: 1;
  }
  34% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    opacity: 0;
  }
}
@keyframes anime {
  0% {
    opacity: 0;
  }
  16% {
    opacity: 1;
  }
  34% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes animesp {
  0% {
    opacity: 0;
  }
  16% {
    opacity: 1;
  }
  34% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  100% {
    opacity: 0;
  }
}

@keyframes animesp {
  0% {
    opacity: 0;
  }
  16% {
    opacity: 1;
  }
  34% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  100% {
    opacity: 0;
  }
}

.l-sslide {
  overflow: hidden;
  height: 800px;
  position: relative;
}

@media (max-width: 1030px) {
  .l-sslide {
    height: 750px;
  }
}



@media (max-width: 480px) {
  .l-sslide {
    height: 570px;
  }
}

.l-sslide .sslide {
  overflow: hidden;
  height: 800px;
  opacity: 0;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-animation: anime 12s 0s infinite;
  animation: anime 24s 0s infinite;
}

@media (max-width: 480px) {
  .l-sslide .sslide {
    -webkit-animation: animesp 12s 0s infinite;
    animation: animesp 24s 0s infinite;
    width: 140%;
    left: -20%;
    top: -20%;
  }
}

.l-sslide .sslide.sslide1 {
  background-image: url(../item/top01.jpg);
}

.l-sslide .sslide.sslide2 {
  background-image: url(../item/top02.jpg);
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
}

.l-sslide .sslide.sslide3 {
  background-image: url(../item/top03.jpg);
  -webkit-animation-delay: 12s;
          animation-delay: 12s;
}

.l-sslide .sslide.sslide4 {
  background-image: url(../item/top04.jpg);
  -webkit-animation-delay: 18s;
          animation-delay: 18s;
}
.l-sslide .sslide.sslide5 {
  background-image: url(../item/top05.jpg);
  -webkit-animation-delay: 24s;
          animation-delay: 24s;
}
.l-sslide .sslide.sslide6 {
  background-image: url(../item/top06.jpg);
  -webkit-animation-delay: 30s;
          animation-delay: 30s;
}

.img_black {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.3;
}
.slide_txt {
	position:absolute;
	top:24%;
	left:0;
	width:100%;
	text-align:center;
	color:#fff;
	font-size:30px;
	font-weight:bold;
	line-height:1.6em;
}
.slide_txt img {
	margin:50px 0;
}
.slide_txt span.slidetxt01 {
	font-size:28px;
}
.slide_txt span.slidetxt02 {
	font-size:38px;
}
@media (max-width: 480px) {
	.slide_txt {
		top:17%;
	}
	
	.slide_txt {
		font-size:20px;
	}
	.slide_txt span {
		font-size:18px;
	}
	.slide_txt img {
		width:270px;
	}
	.slide_txt span.slidetxt02 {
		font-size:30px;
	}
	.slide_txt span.slidetxt01 {
		font-size:23px;
	}
}
@media (max-width: 360px) {
	.slide_txt img {
		width:250px;
	}
}
@media (max-width: 320px) {
	.slide_txt img {
		width:200px;
	}
}