@charset "utf-8";


.lp-contents {
	position: relative;
	border-top: #57aad8 solid 8px;
	background-image: url("../img/bg-pattern.png"), url("../img/bg-pattern.png"), url("../img/bg-paper.png");
	background-position: left top, right top -75px, top center;
	background-repeat: repeat-y, repeat-y,repeat;
	background-attachment: fixed;
}

@media screen and (max-width: 767px) { /*以下の時*/
.lp-contents {
	background-size: 10% auto, 10% auto, auto;
}
}


.lp-contents:before,
.lp-contents:after {
	content: '';
	display: block;
	width: 33.33333%;
	height: 8px;
	background-color: #222;
	position: absolute;
	top: -8px;
}
.lp-contents:before {
  background-color: #c37a5f;
}
.lp-contents:after {
  background-color: #58a553;
}
.lp-contents:nth-of-type(3n):before {
	left: 0;
}
.lp-contents:nth-of-type(3n):after {
	right: 33.33333%;
}
.lp-contents:nth-of-type(3n-1):before {
	left: 33.33333%;
}
.lp-contents:nth-of-type(3n-1):after {
	right: 0;
}
.lp-contents:nth-of-type(3n-2):before {
	right: 0;
}
.lp-contents:nth-of-type(3n-2):after {
	left: 0;
}

.lp-contents .lp-contents-header {
	text-align: center;
	font-size: 1.5em;
}

.lp-contents ul[class*=list] li {
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #fff;
}
.lp-contents ul[class*=list] li .inner {
	padding: 10px;
}
.lp-contents ul[class*=list] li dl {
	margin-bottom: 0;
}
.lp-contents ul[class*=list] li dl dt {
	margin-bottom: 0;
}
.lp-contents ul[class*=list] li dl dd {
	margin-left: 0;
	margin-top: 10px;
}



#home-about {
	background-color: #fff4f4;
}
dl.dl-coupon {
  text-align: center;
  font-size: 1.3em;
}
dl.dl-coupon dt:before,
dl.dl-coupon dt:after {
	content: '';
	display: inline-block;
	width: 2px;
	height: 1.5em;
	vertical-align: middle;
	background-color: #222;
}
dl.dl-coupon dt:before {
	margin-right: .5em;
	transform: skewX(10deg);
}
dl.dl-coupon dt:after {
	margin-left: .5em;
	transform: skewX(-10deg);
}
dl.dl-coupon.entry dt {
  color: #0ba22b;
}
dl.dl-coupon.entry dt:before,
dl.dl-coupon.entry dt:after {
  background-color: #0ba22b;
}
dl.dl-coupon.gourmet dt {
  color: #ff7100;
}
dl.dl-coupon.gourmet dt:before,
dl.dl-coupon.gourmet dt:after {
  background-color: #ff7100;
}
dl.dl-coupon.activity dt {
  color: #fb4583;
}
dl.dl-coupon.activity dt:before,
dl.dl-coupon.activity dt:after {
  background-color: #fb4583;
}
dl.dl-coupon.accommodation dt {
  color: #2952a7;
}
dl.dl-coupon.accommodation dt:before,
dl.dl-coupon.accommodation dt:after {
  background-color: #2952a7;
}
dl.dl-coupon dd {
  border-radius: 20px;
  font-size: 1.5em;
  font-weight: bold;
}


.headline-ribbon {
	padding: 10px;
	position: relative;
	margin-right: 30px;
}
.headline-ribbon:before,
.headline-ribbon:after {
	content: '';
	display: block;
	width: 30px;
	height: 100%;
	position: absolute;
	top: 0;
	right: -30px;
}
.headline-ribbon.red {
	background: rgba(230,30,10,1);
	color: #fff;
}
.headline-ribbon.red:before {
	background: linear-gradient(to top right,  rgba(230,30,10,1) 0%,rgba(230,30,10,1) 50%,rgba(230,30,10,0) 50%,rgba(230,30,10,0) 100%);
}
.headline-ribbon.red:after {
	background: linear-gradient(to bottom right,  rgba(230,30,10,1) 0%,rgba(230,30,10,1) 50%,rgba(230,30,10,0) 50%,rgba(230,30,10,0) 100%);
}



#home-join {
	background-color: #fff7d9;
}

.lp-contents .list-join-step {
}

.lp-contents .list-join-step li.list-join-step-item {
	background-color: #fff;
	border-radius: 5px;
	margin-bottom: 10px;
}



#home-firsttime {
	background-color: #e1f3f7;
}

#home-facility {
	background-color: #f4fdef;
}

#home-information {
	background-color: #efefef;
}

#home-faq {
	background-color: #ebe8f5;
}

#home-other {
}


/* anime ------------------------ */
.animate.animate-movetop > * {
	position: relative;
	top: 120px;
	opacity: 0;
	transition: all 1s ease;
}

@media screen and (min-width: 768px) { /*以上の時*/
	.animate.animate-movetop.clm3 > li:nth-child(3n+1) { transition-delay: 0.0s;}
	.animate.animate-movetop.clm3 > li:nth-child(3n+2) { transition-delay: 0.25s;}
	.animate.animate-movetop.clm3 > li:nth-child(3n+3) { transition-delay: 0.5s;}
	
	.animate.animate-movetop.clm4 > li:nth-child(4n+1) { transition-delay: 0.0s;}
	.animate.animate-movetop.clm4 > li:nth-child(4n+2) { transition-delay: 0.25s;}
	.animate.animate-movetop.clm4 > li:nth-child(4n+3) { transition-delay: 0.5s;}
	.animate.animate-movetop.clm4 > li:nth-child(4n+4) { transition-delay: 0.75s;}
}

.animate.animate-movetop > *.moving {
	opacity: 1;
	top: 0;
}


.animate.animate-tada > * { transition: all 1s ease;}


.animate.animate-tada > *.moving {
  animation: lptada 1s linear 1;
	animation-delay: .25s;
}

/* TADA */
@-webkit-keyframes lptada {
	0% {
		transform: scale(1);
	}
	10%, 20% {
		transform: scale(.9) rotate(-8deg);
	}
	30%, 50%, 70% {
		transform: scale(1.1) rotate(8deg);
	}
	40%, 60% {
		transform: scale(1.1) rotate(-8deg);
	}
	80%, 100% {
		transform: scale(1) rotate(0);
	}
}
@keyframes lptada {
	0% {
		transform: scale(1);
	}
	10%, 20% {
		transform: scale(.9) rotate(-8deg);
	}
	30%, 50%, 70% {
		transform: scale(1.1) rotate(8deg);
	}
	40%, 60% {
		transform: scale(1.1) rotate(-8deg);
	}
	80%, 100% {
		transform: scale(1) rotate(0);
	}
}