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

/*topメイン画像*/
#main_view{
		 width: 1280px;
    margin: 0 auto;
    overflow: hidden;
	position: relative;
}

.container{
	width: 1280px;
	margin: 0 auto;
	

	
}
.container img{
	position: absolute;
	
}

.image__list{
	height: 590px;
}

.image__list_sp{
	display: none;
}

.image__list img {
  opacity: 0;
  height: auto;
}
.image__list img.show {
  opacity: 1;
  animation-name: showOrder;
  animation-duration: 1s;
}

@keyframes showOrder {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

.image__list_sp{
	height: 590px;
}

.image__list_sp{
	display: none;
}

.image__list_sp img {
  opacity: 0;
  height: auto;
}
.image__list_sp img.show {
  opacity: 1;
  animation-name: showOrder;
  animation-duration: 1s;
}

@keyframes showOrder {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}


/***ふわっと繰り返す（共通css）******/
.fadeIn {
  opacity: 0;
  transition: 2s;
}
.fadeIn.is-show {
  opacity: 1;
}

/***ふわっと繰り返す（下から上）******/


.fadeIn_up {
  opacity: 0;
  transform: translate(0, 50%);
  transition: 2s;
}
.fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

/*****/




/************SP用**************/
@media screen and (max-width:500px) {

	/*topメイン画像*/
#main_view{
		 width: 100%;
	}
	

.container{
	width: 100%;
	margin: 0 auto;
	padding: 24vw 0 0;
	

	
}
.container img{
	position: absolute;
	
}

.image__list{
	display: none;
	
}
	.image__list_sp{
		display: inherit;
	}
	
	
	
}