
/*  トップスライド  */

.bxslider > li[aria-hidden="false"] {
    animation: anime_zoom 4s linear;
}
.bxslider > li[aria-hidden="true"] {
    transform: scale(1.2);
}

@keyframes anime_zoom {
    0% {
        transform: scale(1.0);
    }
    100% {
        transform: scale(1.2);
    }
}
.bxslider{
	margin: 0 auto;
}
.slide {
  position: relative;
  width: 60%;
  overflow: hidden;
  z-index: 0;
  text-align: center;
  margin: 0 auto;
  height: 680px;
}
.slide:after{
	display: block;
  padding-top: 50.1%;
  content: "";

}
.slide li {
	width: 100%;
	margin: 0 auto;
}
.slide > li {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-animation: anime 20s 0s infinite;
  animation: anime 20s 0s infinite; 
   z-index:-1;
}
.slide > li:nth-of-type(2) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s; }

.slide > li:nth-of-type(3) {
  -webkit-animation-delay: 10s;
  animation-delay: 10s; }

.slide > li:nth-of-type(4) {
  -webkit-animation-delay: 15s;
  animation-delay: 15s; }
  
.slide > li:nth-of-type(5) {
  -webkit-animation-delay: 20s;
  animation-delay: 20s; }

.slide > li:nth-of-type(6) {
-webkit-animation-delay: 25s;
animation-delay: 25s; }

.slide > li:nth-of-type(7) {
-webkit-animation-delay: 30s;
animation-delay: 30s; }

.slide > li:nth-of-type(8) {
-webkit-animation-delay: 35s;
animation-delay: 35s; }
.slide > li:nth-of-type(9) {
-webkit-animation-delay: 40s;
animation-delay: 40s; }
.slide > li:nth-of-type(10) {
-webkit-animation-delay: 45s;
animation-delay: 45s; }
.slide > li:nth-of-type(11) {
-webkit-animation-delay: 50s;
animation-delay: 50s; }
.slide > li:nth-of-type(12) {
-webkit-animation-delay: 55s;
animation-delay: 55s; }
.slide > li:nth-of-type(13) {
-webkit-animation-delay: 60s;
animation-delay: 60s; }
.slide > li:nth-of-type(14) {
-webkit-animation-delay: 65s;
animation-delay: 65s; }
.slide > li:nth-of-type(15) {
-webkit-animation-delay: 70s;
animation-delay: 70s; }
.slide > li:nth-of-type(16) {
-webkit-animation-delay: 75s;
animation-delay: 75s; }
.slide > li:nth-of-type(17) {
-webkit-animation-delay: 80s;
animation-delay: 80s; }
.slide > li:nth-of-type(18) {
-webkit-animation-delay: 85s;
animation-delay: 85s; }
.slide > li:nth-of-type(19) {
-webkit-animation-delay: 90s;
animation-delay: 90s; }
.slide > li:nth-of-type(20) {
-webkit-animation-delay: 95s;
animation-delay: 95s; }
.slide > li:nth-of-type(21) {
-webkit-animation-delay: 100s;
animation-delay: 100s; }
.slide > li:nth-of-type(22) {
-webkit-animation-delay: 105s;
animation-delay: 105s; }
.slide > li:nth-of-type(23) {
-webkit-animation-delay: 110s;
animation-delay: 110s; }
.slide > li:nth-of-type(24) {
-webkit-animation-delay: 115s;
animation-delay: 115s; }


    @keyframes anime {
  0% {
        opacity: 0;

    }
    10% {
        opacity: 1;

    }
    22% {
        opacity: 1;

    }
    40% {
        opacity: 0;
        transform: scale(1.2) ;
        z-index:-5;
    }
    100% { opacity: 0 }
}
.slide li img{
	width: 100%;
}


@media screen and (max-width:640px) {

.slide{
	width: 100%;
	height: 460px;
}
	
.slide:after{
	display: block;
  padding-top: 460px;
  content: "";
  width: 100%;
}

.slide li img{
	height: 460px;
	width:100%;
	object-fit:cover;
}

}


