.js-ellipse{
  transition: height .5s ease;
}

.js-ellipseArea .js-ellipseArea__items{
  transition: height 1s ease;
  overflow:hidden;
}

.js-ellipseArea:not(.-open) .js-ellipseArea__items{
	position: relative;
}
.js-ellipseArea:not(.-open) .js-ellipseArea__items:after{
	content: "";
	display: block;
	background: -moz-linear-gradient(top, transparent, #fff);
	background: -webkit-linear-gradient(top, transparent, #fff);
	background: linear-gradient(to bottom, transparent, #fff 35%);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
}
.js-ellipseArea:not(.-open) .js-ellipseArea__items.-beige:after{
	content: "";
	display: block;
	background: -moz-linear-gradient(top, transparent, #F5F2EF);
	background: -webkit-linear-gradient(top, transparent, #F5F2EF);
	background: linear-gradient(to bottom, transparent, #F5F2EF 40%);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
}
/* pc */
@media print,only screen and (min-width: 768px){
  .js-ellipseArea:not(.-open) .js-ellipseArea__items:after{
		height: 13rem;
		background: linear-gradient(to bottom, transparent, #fff 60%);
	}

}

/* sp */
@media screen and (max-width: 767px){
  .js-ellipseArea:not(.-open) .js-ellipseArea__items:after{
		height: 7rem;
		background: linear-gradient(to bottom, transparent, #fff 50%);
	}
  .js-ellipseArea:not(.-open) .js-ellipseArea__items.-beige:after{
		height: 9.5rem;
		background: linear-gradient(to bottom, transparent, #F5F2EF 50%);
	}
}


.js-infinite-container{
  overflow:hidden;
  transition: height 1s ease;
}