/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 14 2024 | 16:12:41 */
/*一定に動く*/
selector .swiper-wrapper {
  transition-timing-function: linear;
}

.top-information {
  margin-top: -120px;
  position: relative;
  z-index: 2;
  border-radius: 12px 12px 0 0;
  padding: 10px;
}

/* scroll animation */
/* fade */
.fadeup {
	opacity: 0;
	visibility: hidden;
	transform: translateY(60px);
	transition: opacity 850ms ease-out, transform 1000ms ease-out;
}
.fadeup.is-active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* mask */
.mask {
	position: relative;
	overflow: hidden;
}
.mask img, .mask h2, .mask h3 {
	opacity: 0;
	transition: opacity 10ms 400ms;
}
.mask::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: -100%;
	z-index: 1;
	background-color: #6A4016;
	transition: left 800ms ease-in-out;
}
.mask.is-active img {
	opacity: 1;
}
.mask.is-active::before {
	left: 100%;
}