@charset "utf-8";

.banner_box{position: fixed; transform: translateY(-50%); top: 50%; right: 0px; z-index: 600;}
.banner_box a{display:block;}
/* ----------------------------- splash ------------------------------- */
#splash { position: fixed; z-index: 999; width: 100%; height: 100%; background: #8fc33d; text-align:center; color: #fff; }
#splash_text .star{ animation: star 3s ease 0s normal; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); height: auto; display: block; }
#splash_text .item01{ animation: splash 1s ease 0s infinite normal; position: fixed; right: 13%; width: clamp(120px,20%,350px); height: auto; display: block; }
#splash_text .item02{ animation: splash2 1s ease 0s infinite normal; position: fixed; left: 13%; width: clamp(120px,20%,400px); height: auto; display: block; }
.progressbar-text{ top: 50%; letter-spacing: 0.05em; font-family: 'NotoSansJP-Regular',sans-serif,serif; }


@keyframes star{
	0%{ width: 10%; }
	5%{ width: 10%; }
	100%{ width: 400%; }
}
@-webkit-keyframes star{
	0%{ width: 10%; }
	10%{ width: 10%; }
	100%{ width: 400%; }
}

@keyframes splash{
	0%{ top: 32vh; }
	50%{ top: 30vh; }
	100%{ top: 32vh; }
}
@-webkit-keyframes splash{
	0%{ top: 32vh; }
	50%{ top: 30vh; }
	100%{ top: 32vh; }
}

@keyframes splash2{
	0%{ top: 19vh; }
	50%{ top: 21vh; }
	100%{ top: 19vh; }
}
@-webkit-keyframes splash2{
	0%{ top: 19vh; }
	50%{ top: 21vh; }
	100%{ top: 19vh; }
}


/* ----------------------------- mobile ------------------------------- */
@media only screen and (max-width: 768px) {
	
	#splash_text .star{ top: 45%; animation-direction: 1s; }
	.progressbar-text{ top: 55%; }

	@keyframes splash{
		0%{ top: initial; bottom: 10vh; }
		50%{ top: initial; bottom: 15vh; }
		100%{ top: initial; bottom: 10vh; }
	}
	@-webkit-keyframes splash{
		0%{ top: 62vh; }
		50%{ top: 60vh; }
		100%{ top: 62vh; }
	}
	
	@keyframes splash2{
		0%{ top: 9vh; }
		50%{ top: 11vh; }
		100%{ top: 9vh; }
	}
	@-webkit-keyframes splash2{
		0%{ top: 9vh; }
		50%{ top: 11vh; }
		100%{ top: 9vh; }
	}
	
}



/*------------------------共通-------------------------*/
h3{text-align: center; font-size: 20px; line-height: 180%; letter-spacing: 0.05em;font-family: 'NotoSansJP-Medium'; }
h3 img{display: inline-block; padding: 0px 0px 6px; position: relative; z-index: 1;}
.min_inner{width: 900px; margin: 0 auto;}
.fv_slick{display: flex;}

/*------------------------.fv_2-------------------------*/
.fv_2{width: 100%; background: #fee741 url(../image/index/bg_10.png?=124124) repeat-x center top;background-size: auto; position: relative;}
.fv_2 .fv_slick_bottom{position: absolute; bottom: -1px;  right: 0px; left: 0px; z-index: 2;}
.fv_2 .fv_slick_bottom .img{width: 1000px; height: auto;}
.fv_2 .fv_slick_bottom .img img{width: 100%; height: auto;}
.fv_2 .fv_box{padding-bottom: 50px; background: url(../image/index/fv.png?=124124) no-repeat center top; background-size: 1960px; position: relative; z-index: 1;}
/* .fv_2 .fv_box .fv_bg{background: url(../image/index/bg_12.png?=124124?=240712) repeat-x center bottom; background-size: auto; } */
.fv_2 .fv_box h2{ padding: 234px 0 380px; width: 950px; margin: 0 auto;}
.fv_2 .fv_box h2 img{display: inline-block; position: relative;  z-index: 1; }

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.fv_2 .fv_box h2 img.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: calc(1s * 1.3);
  animation-duration: calc(1s * 1.3);
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}




.fv_2 .fv_box .fv_bg_two{position: relative; max-width: 1600px; margin: 0 auto;}
.fv_2 .fv_box .star_1{ position: absolute; bottom: 43.3%; left: 28.4%;}
.fv_2 .fv_box .star_2{position: absolute; top: 23%; right: 28.85%;}
.fv_2 .fv_box .star_3{position: absolute; top: 26.5%; right: 35%;}
.fv_2 .fv_box .star_4{ position: absolute; top: 48.05%; right: 31%;}
.fv_2 .fv_box .star_5{position: absolute; top: 51.05%; left: 3.4%;}
.fv_2 .fv_box .star_6{position: absolute; top: 8%; left: 34.4%;}
.fv_2 .fv_box .star{animation: sample 2s linear infinite; transform: rotate(20deg);}
@keyframes sample {
    0% {
        transform: rotate(25deg);
    }
    50% {
        transform: rotate(-25deg);
    }

    100% {
        transform: rotate(25deg);
    }
}
/*------------------------line_box-------------------------*/
.line_box{text-align: center;}
.line_box a{display: inline-block; margin: 30px 0 0;}


/*--attraction_box--*/
#fv .attraction_box{overflow: hidden; position: relative; }
#fv .attraction_box .tt{text-align: right; font-size: 11px; font-family: 'NotoSansJP-Regular',sans-serif,serif; line-height: 219%;font-feature-settings: "palt";letter-spacing: 0.05em; padding: 50px 0 0;}
#fv .attraction_box .bg_box{background: url(../image/index/fv_bg_1.jpg) no-repeat center bottom;  background-size: cover; position: relative;}
#fv .attraction_box .bg_box .img_box{margin: 49px auto 0; position: relative; max-width: 1448px; padding:0 50px 3%; z-index: 2;}
#fv .attraction_box .bg_box .img_box .logo_35{position: absolute; top: 0px; left: 50%; transform: translate(-50%, 0px) scale(1); width: 88%; height: auto;max-width: 1260px; z-index: 1; -webkit-animation-name: backInDown_logo_35; animation-name: backInDown_logo_35;}

#fv .attraction_box .bg_box .title_box{position: absolute; top: 0px; width: 100%; height: auto; background: url(../image/index/fv_bg_2.png) no-repeat center bottom; background-size: cover; }
#fv .attraction_box .bg_box .title_box h1{text-align: center; max-width: 1661px; height: auto; margin: 0 auto; position: relative; padding: 1% 50px 2% ; display: flex ; align-items: flex-start; justify-content: center;}
#fv .attraction_box .bg_box .title_box h1 .fv_logo_2{ width: 70%; height: auto; margin: 0 1% 0 16%; max-width: 1163px;}
#fv .attraction_box .bg_box .title_box h1 .fv_logo_1{ height: auto; width: 13%; margin: 1% 0 0; max-width: 199px;}

#fv .attraction_box .bg_box img.fv_bg_3{position: absolute; width: 90%; height: auto; bottom: 0px; right: 0px; z-index: 2;}
#fv .attraction_box .bg_box h2{ position: relative; width: 928px; height: auto; margin: 0 auto;}
#fv .attraction_box .bg_box h2 .logo_4{position: absolute; right: -186px; top: -30px;}
#fv .attraction_box .bg_box a{width: 623px; height: auto; border-radius: 15px; position: relative; display: block; margin: 52px auto 0;}
#fv .attraction_box .bg_box a .fv_img_3{position: absolute; left: 2%; top: 34%; transform: translateY(-50%); z-index: 2;}
#fv .attraction_box .bg_box a span{padding: 18px 0; z-index: 1; display: block; text-align: center; font-size: 40px; font-family: 'NotoSansJP-Medium'; line-height: 160%;position: relative; background: #ee2311;border-radius: 15px; top: -10px; color: #fff;}
#fv .attraction_box .bg_box .fv_box a span:before{display: block; content: ""; clip-path: polygon(0 0, 100% 50%, 0 100%); background: #fff; height: calc(tan(60deg) * 19px / 2); width: 12px; position: absolute; top: 50%; transform: translateY(-50%); right: 110px;}
#fv .attraction_box .bg_box .fv_box a:before{width: 100%; height: 100px; display: block; content: ""; background: #fff;border-radius: 15px; position: absolute; top: 0px;}
#fv .attraction_box .bg_box .fv_box .mini{text-align: right; font-size: 11px;font-family: 'NotoSansJP-Regular'; line-height: 160%; padding: 10px 0 0; width: 1100px; margin: 0 auto;}

#fv .attraction_box .bg_box .fv_box{max-width: 1400px; margin: 0 auto; padding: 27% 0 5%; position: relative;z-index: 3;}
#fv .cloud_1{position: absolute; bottom: 0px; z-index: 2;}

#fv .attraction_box .bg_box{position: relative; overflow: hidden;}
#fv .attraction_box .wave{position: absolute; bottom: -3%; width: 100%; }
#fv .attraction_box .wave .wave_1{position: absolute; left: -9.7%; top: -50%; width: 27.2%; height: auto; }
#fv .attraction_box .wave .wave_2{position: absolute; right: -14.7%; top: -3%; width: 27.2%; z-index: 2;}
#fv .attraction_box .wave .wave_4{ width: 100%; height: auto; position: relative; padding: 21% 0 0; z-index: 1;}

#fv .attraction_box .wave .fv_img_5{ position: absolute; z-index: 3; width: 250%; height: auto; left: 50%; bottom: 2%;}
#fv .attraction_box .wave .fv_img_6{ position: absolute; bottom: -7%; width: 250%; height: auto; left: 50%;z-index: 2;}
#fv .attraction_box .wave .fv_img_7{ position: absolute; bottom: 49%; width: 250%; height: auto; left: 50%; z-index: 1;}
#fv .attraction_box .wave .fv_img_5 img,
#fv .attraction_box .wave .fv_img_7 img,
#fv .attraction_box .wave .fv_img_6 img{ width: 100%; height: auto; will-change: transform; }
#fv .attraction_box .wave p{ text-align: center; color: #fff;padding: 8px 0 14%; font-size: 11px;}
@-webkit-keyframes backInDown_logo_35 {
  0% {
    -webkit-transform: translate(-50%,-600px) scale(0.7);
    transform: translate(-50%,-600px) scale(0.7);
    opacity: 0.7;
    left: 50%; 
  }

  80% {
    -webkit-transform: translate(-50%, 0px) scale(0.7);
    transform: translate(-50%, 0px) scale(0.7);
    opacity: 0.7;
    left: 50%; 
  }

  100% {
    -webkit-transform:translate(-50%, 0px) scale(1);
    transform:translate(-50%, 0px) scale(1);
    opacity: 1;
    left: 50%; 
  }
}


/* ------------------------------------------------------------ #fv */
#fv .wave .wave_1{animation: wave_1 2s linear infinite;}
#fv .wave .wave_2,
#fv .wave .wave_3{animation: wave_2 2s linear infinite;}

@keyframes wave_1 {
	0% { 
		-webkit-transform: rotateZ(0deg) translateY(0px) translateX(0px); 
		transform: rotateZ(0deg) translateY(0px) translateX(0px); 
	} 
	10% { 
		-webkit-transform: rotateZ(10deg) translateY(-30px) translateX(10px); 
		transform: rotateZ(10deg) translateY(-30px) translateX(10px); 
	} 
	40% { 
		-webkit-transform: rotateZ(-10deg) translateY(-15px) translateX(20px);
		transform: rotateZ(-10deg) translateY(-15px) translateX(20px);
	} 
	50% { 
		-webkit-transform: rotateZ(-2deg) translateY(5px) translateX(10px); 
		transform: rotateZ(-2deg) translateY(5px) translateX(10px); 
	} 
	100% { 
		-webkit-transform: rotateZ(0deg) translateY(0px) translateX(0px); 
		transform: rotateZ(0deg) translateY(0px) translateX(0px); 
	} 
}
@keyframes wave_2 {
	0% { 
		-webkit-transform: rotateZ(0deg) translateY(0px) translateX(0px); 
		transform: rotateZ(0deg) translateY(0px) translateX(0px); 
	} 
	10% { 
		-webkit-transform: rotateZ(10deg) translateY(-20px) translateX(-10px); 
		transform: rotateZ(10deg) translateY(-20px) translateX(-10px); 
	} 
	40% { 
		-webkit-transform: rotateZ(-10deg) translateY(-10px) translateX(-20px); 
		transform: rotateZ(-10deg) translateY(-10px) translateX(-20px); 
	} 
	50% { 
		-webkit-transform: rotateZ(-5deg) translateY(5px) translateX(-10px) ;
		transform: rotateZ(-5deg) translateY(5px) translateX(-10px) ;
	} 
	100% {
		-webkit-transform: rotateZ(0deg) translateY(0px) translateX(0px); 
		transform: rotateZ(0deg) translateY(0px) translateX(0px); 
	} 
}
#fv .wave .wave_4_1{background:linear-gradient(transparent 30%, #009fe8 30%);}
#fv .wave .wave_4_1 .fv_img_7,
#fv .wave .wave_4_1 .fv_img_5{animation: fv_img_5 6s linear infinite;-webkit-transform: translateX(-50%) translateY(-0%); transform: translateX(-50%) translateY(-0%); }
@keyframes fv_img_5 {
	0% { 
		-webkit-transform: translateX(-50%) translateY(-0%); 
		transform: translateX(-50%) translateY(-0%);
	}
	 25% { 
		-webkit-transform: translateX(-55%) translateY(-5%); 
		transform: translateX(-55%) translateY(-5%); 
	} 
	 50% { 
		-webkit-transform: translateX(-50%) translateY(-0%); 
		transform: translateX(-50%) translateY(-0%); 
	} 
	 75% { 
		-webkit-transform: translateX(-45%) translateY(-5%); 
		transform: translateX(-45%) translateY(-5%); 
	} 
	 100% { 
		-webkit-transform: translateX(-50%) translateY(-0%); 
		transform: translateX(-50%) translateY(-0%); 
	} 
}
#fv .wave .wave_4_1 .fv_img_6{animation: fv_img_6 6s linear infinite; -webkit-transform: translateX(-50%) translateY(-0%); transform: translateX(-50%) translateY(-0%); }
@keyframes fv_img_6 {
	0% { 
		-webkit-transform: translateX(-50%) translateY(-0%); 
		transform: translateX(-50%) translateY(-0%); 
	}
	 25% { 
		-webkit-transform: translateX(-45%) translateY(-5%); 
		transform: translateX(-45%) translateY(-5%); 
	} 
	 50% { 
		-webkit-transform: translateX(-50%) translateY(-0%); 
		transform: translateX(-50%) translateY(-0%); 
	} 
	 75% { 
		-webkit-transform: translateX(-55%) translateY(-5%); 
		transform: translateX(-55%) translateY(-5%); 
	} 
	 100% { 
		-webkit-transform: translateX(-50%) translateY(-0%); 
		transform: translateX(-50%) translateY(-0%); 
	} 
}






#fv .attraction_box .bg_box .img_box .img_70{padding: 21% 0 0; margin: 0px auto;}
#fv .attraction_box .bg_box .img_box .img_70 .heartBeat_box{-webkit-animation-name: heartBeat_box; animation-name: heartBeat_box;}
@keyframes heartBeat_box {
  0% {
    -webkit-transform: scale(1) rotateZ(0deg);
    transform: scale(1) rotateZ(0deg);
  }

  14% {
    -webkit-transform: scale(1.3) rotateZ(15deg);
    transform: scale(1.3) rotateZ(15deg);
  }

  28% {
    -webkit-transform: scale(1) rotateZ(0deg);
    transform: scale(1) rotateZ(0deg);
  }

  42% {
    -webkit-transform: scale(1.3) rotateZ(-15deg);
    transform: scale(1.3) rotateZ(-15deg);
  }

  70% {
    -webkit-transform: scale(1) rotateZ(0deg);
    transform: scale(1) rotateZ(0deg);
  }
}



#fv .attraction_box .pink_box{position: absolute; bottom: 0px; width: 100%;  height: 148px;}
#fv .attraction_box .fv_slick_bottom{position: absolute; bottom: -1px; z-index: 3; width: 100%;}
#fv .attraction_box .fv_slick_bottom .img{width: 1000px; height: auto;}
#fv .attraction_box .fv_slick_bottom .img img{width: 100%; height: auto;}
/*--point--*/
#fv .attraction_box .point{position: relative; background: url(../image/index/bg_35.png) no-repeat center bottom; background-size: auto; z-index: 10;}
#fv .attraction_box .point .point_2{ padding: 93px 50px 140px; position: relative; max-width: 1350px; margin: 0 auto;}
#fv .attraction_box .point .point_2 .star_box{position: absolute; width: 1100px; padding: 520px 0 0; height: auto; top: 0px; left: 50%; transform: translateX(-50%);}
#fv .attraction_box .point .point_2 .star {position: absolute;animation: sample 2s linear infinite; transform: rotate(20deg);}
.fv_2 .fv_box .star{animation: sample 2s linear infinite; transform: rotate(20deg);}

#fv .attraction_box .point .star_1{ left: -65px; top: 70px;}
#fv .attraction_box .point .star_2{bottom: 10px; right: -65px;;}
#fv .attraction_box .point .star_3{top: 45px; right: 270px;}
#fv .attraction_box .point .star_4{ top: 50%; right: -188px;}
#fv .attraction_box .point .star_5{bottom: 20px; left: 45px;}
#fv .attraction_box .point .star_6{ top: -18px; right: 27px;}
#fv .attraction_box .point .star_7{ top: -49px; left: -125px;}
#fv .attraction_box .point .flex{display: flex; justify-content: center; align-items: flex-start; position: relative;z-index: 1; }
#fv .attraction_box .point .flex .point_box{border-radius: 100%; width: 390px; max-height: 390px; background: #fff2f8;text-align: center; padding: 2.4% 0 6.6%;}
#fv .attraction_box .point .flex .point_box:not(:last-child){margin: 0 2.9% 0 0;}
#fv .attraction_box .point .flex .point_box h3{} 
#fv .attraction_box .point .flex .point_box p{font-size: 16px; line-height: 120%; font-family: 'NotoSansJP-Medium'; margin: 0 auto;font-feature-settings: "palt"; letter-spacing: 0px; padding: 14px 0 0;}
#fv .attraction_box .point .flex .point_box.point_3 {padding: 2.4% 1.5% 5.5%;}
#fv .attraction_box .point .flex .point_box.point_1 p{width: 200px;}
#fv .attraction_box .point .flex .point_box.point_2 p{width: 239px;}
#fv .attraction_box .point .flex .point_box.point_3 p{width: 244px;}


/*--line_box_twe--*/

.line_box .line_box_twe{overflow: hidden; padding: 63px 0 0;}
.line_box .line_box_twe p.tt_box{font-size: 24px; text-align: center; font-weight: 500; line-height: 233%;letter-spacing: 0.05em; font-family: 'NotoSansJP-Medium'; font-feature-settings: "palt"; padding: 0 0 50px;}
.line_box .line_box_twe .title{text-align: center;}
.line_box .line_box_twe h3{display: inline-block; padding: 0 24px; font-size: 44px; font-weight: 500; font-family: 'NotoSansJP-Bold'; line-height: 150%; margin: 0 0 20px; background: linear-gradient(transparent 60%, #fee741 60%); }
.line_box .line_box_twe ul{display: flex; flex-wrap: wrap;align-items: center}
.line_box .line_box_twe ul li{ width: 514px; height: auto; display: flex; align-items: center; margin-bottom: 30px;}
.line_box .line_box_twe ul li:nth-child(odd){margin-right: 5%;}
.line_box .line_box_twe ul li p{font-size: 26px; font-weight: 500;line-height: 192%;letter-spacing: 0.05em; font-family: 'NotoSansJP-Medium'; font-feature-settings: "palt"; text-align: left;}
.line_box .line_box_twe ul li img{margin: 0 21px 0 0;}

.line_box .line_box_twe .img_box{position: relative; padding: 17px 0 0;}
.line_box .line_box_twe .img_box .bg_15{position:relative; padding: 817px 0 0;}
.line_box .line_box_twe .img_box .bg_15 .img_22{position: absolute; top: 0px; left: 25px; z-index: 2;}
.line_box .line_box_twe .img_box .bg_15 .img_23{position: absolute; top: 0px; right: 83px; z-index: 1;}
.line_box .line_box_twe .img_box .bg_15 .img_24{position: absolute; bottom: 52px; left: 159px;}
.line_box .line_box_twe .img_box .bg_15 .img_25{position: absolute; bottom: 0px; right: 0px; z-index: 2;}


.line_box .line_box_twe .img_box .star_1{ top: 11.7%; right: 0%;}
.line_box .line_box_twe .img_box .star_2{ bottom: 11.5%; right: 40%;}
.line_box .line_box_twe .img_box .star_3{ top: 0%; left: -1%;}
.line_box .line_box_twe .img_box .star_4{ bottom: 40%; left: 9%;}
.line_box .line_box_twe .img_box .star_5{ top: 49%; left: -6%;}
.line_box .line_box_twe .img_box .star_6{ top: 42.8%; right: 11%;}



.line_box .line_box_twe .star{animation: sample 2s linear infinite; transform: rotate(20deg); position: absolute;}
@keyframes sample {
    0% {
        transform: rotate(25deg);
    }
    50% {
        transform: rotate(-25deg);
    }

    100% {
        transform: rotate(25deg);
    }
}

.c-marker {
    background: -webkit-linear-gradient(left, rgb(254,231,65) 50%, transparent 50%);
    background: -moz-linear-gradient(left, rgb(254,231,65) 50%, transparent 50%);
    background: linear-gradient(left, rgb(254,231,65) 50%, transparent 50%);
	  background-repeat: no-repeat;
	  background-size: 200% .8em; 
    background-position: 100% .5em;
    transition: 2s;
}
.c-marker.is-active{
    background-position: 0% .5em;
}

/*------------------------#campaion-------------------------*/
#campaion{position: relative; background: url(../image/index/bg_42.png) no-repeat center bottom,url(../image/index/bg_40.jpg?=234561) no-repeat center top ; background-size: 100%,cover; overflow: hidden;}

#campaion .firework{position: absolute; }

@keyframes firework {
  0% {transform: translateY(210px) scale(0.05); background: #fff; border-radius: 100%;}
  50% {transform: translateY(0px) scale(0.05);background: #fff; border-radius: 100%;}
  55% {transform: translateY(0px) scale(0);background: none;border-radius: 100%;}
  56% {transform: scale(0.3); opacity: 1;}
  90% {transform: scale(1); opacity: 1;}
  100% {opacity: 0;}
  
}

#campaion .firework_1{ top: 43%; right: -15%;animation: firework 2.0s infinite;animation-delay: 1.5s; }
#campaion .firework_2{ top: 70%; left: -6%;animation: firework 2.0s infinite;animation-delay: 1.7s;}
#campaion .firework_3{ top: 0%; right: -20%;animation: firework 2.0s infinite; animation-delay: 1s;}
#campaion .firework_4{ top: 79%; left: -13%;animation: firework 2.0s infinite; animation-delay: 2s;}
#campaion .firework_5{ animation: firework 2.0s infinite; animation-delay: 0.5s;}
#campaion .firework_6{ animation: firework 2.0s infinite; animation-delay: 0.8s;}
#campaion .firework_7{ animation: firework 2.0s infinite; animation-delay: 1.9s;}


#campaion .biglogo{position: relative; text-align: center; overflow: hidden; }
#campaion .biglogo .logo_box{background: #fff6e3; position: relative;z-index: 1; }


#campaion .biglogo .logo_img{background: url(../image/index/big_logo_3.png?=124124?=240712) no-repeat center top; background-size: cover; } 
@keyframes logo_box__backInDown {
  0% {
    -webkit-transform: translate3d(-50%, -1200px, 0px) scale(0.7);
    transform: translate3d(-50%, -1200px, 0px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translate3d(50%, 0px, 0px) scale(0.7);
    transform: translate3d(-50%, 0px, 0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
#campaion .biglogo .logo_img.logo_box__backInDown {
  -webkit-animation-name: backInDown;  animation-name: backInDown;}

#campaion .biglogo .logo_img .logo_15{width: 48%; height: auto; margin: 0 auto; padding: 3% 0 10%;}

#campaion .biglogo .character_box{position: relative;text-align: center; }
#campaion .biglogo .character_box .logo.animate__bounceInDown{ position: absolute; top: 19%; left: 47%; transform: translate3d(-49%, -19%, 0) scaleY(1); -webkit-transform: translate3d(-47%, -19%, 0) scaleY(1); -webkit-animation-name: bounceInDown_2; animation-name: bounceInDown_2; display: block;}
@keyframes bounceInDown_2 {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-47%, -3000px, 0) scaleY(1);
    transform: translate3d(-47%, -3000px, 0) scaleY(1);
  }
  40% {
    opacity: 1;
    -webkit-transform: translate3d(-47%, 20%, 0) scaleY(0.1);
    transform: translate3d(-47%, 20%, 0) scaleY(0.1);
  }
  

  100% {
    -webkit-transform: translate3d(-47%, -19%, 0) scaleY(1);
    transform: translate3d(-47%, -19%, 0) scaleY(1);
  }

  to {
    -webkit-transform: translate3d(-47%, -19%, 0) scaleY(1);
    transform: translate3d(-47%, -19%, 0) scaleY(1);
  }
}


#campaion .biglogo .character_box .img_21{ width: 100%; height: auto; display: inline-block; max-width: 966px;}
#campaion .big_logo{width: 100%; height: auto; }
#campaion .campaion_bg{padding: 154px 0 0;}
#campaion .campaion_bg h3{ position: relative; padding: 15% 50px 0; max-width: 1289px; margin: 0 auto;}
#campaion .campaion_bg h3 .logo_26{position: absolute; top: 0px; z-index: 2;}
#campaion .campaion_bg h3 span{color: #000; font-family: 'NotoSansJP-Medium'; font-size: 22px; line-height: 209%; letter-spacing: 0.05em}
#campaion .campaion_bg h3 .logostar{ position: relative; width: 495px; margin: 0 auto;}
#campaion .campaion_bg h3 .logostar:before,
#campaion .campaion_bg h3 .logostar:after{ content: ''; display: block; position: absolute;}
#campaion .campaion_bg h3 .logostar:before{ top: -30px; left: -89px; width: 62px; height: 96px; background: url(../image/index/logo_2.png?=124124_l.png?=124124?=240712) no-repeat center / 100%;}
#campaion .campaion_bg h3 .logostar:after{ top: -37px; right: -103px; width: 55px; height: 97px; background: url(../image/index/logo_2.png?=124124_r.png?=124124?=240712) no-repeat center / 100%;}
#campaion .campaion_bg h3 .firework_5{ left: 22%; top: -35%;}
#campaion .campaion_bg h3 .firework_6{ right: 12%; top: -11%;}

#campaion .campaion_bg h3 p{ font-size: 22px; line-height: 200%;}
#campaion .img_box{width: auto; height: auto; margin: 0px auto; padding: 50px 0 0 ; line-height: 160%; position: relative;text-align: center;}
#campaion .img_box .img_twe{position: relative; display: flex; justify-content: space-between; margin-bottom: 95px;}
#campaion .img_box .img_twe .chara{ width: 30%;}
#campaion .img_box .img_twe .chara p{ font-size: 18px; text-align: left; color: #000; width: 295px;}
#campaion .img_box .img_twe .chara p ruby rb{display: block;}
#campaion .img_box .img_twe .chara p ruby span{ line-height: 100%; position: -webkit-absolute; font-size: 10px; margin-bottom: -4px; position: absolute;top: 0px; left: 0px;letter-spacing: 0.1em; display: block;width: max-content;}
#campaion .img_box .img_twe .chara p span.left_tt{left: -6px;}
#campaion .img_box .img_twe .chara p span.left_tt_2{left: -12px;}
#campaion .img_box .img_twe .chara p span.left_tt_3{left: 4px;}
#campaion .img_box .img_twe .chara p ruby{position: relative;padding: 7px 0 0;}
#campaion .img_box .main_img{display: inline-block;}
#campaion .img_box .logo_1{position: absolute; z-index: 1; top: 50px; right: 23px;}
#campaion .img_box .logo_2{position: absolute; z-index: 1; bottom: 14px; left: 0px;}
#campaion .img_box p{font-size: 22px;font-family: 'NotoSansJP-Medium'; padding: 30px 0 0 25px;letter-spacing: 0.05em; font-feature-settings: "palt"; line-height: 220%;}

#campaion .youtube{ position: relative; width: 820px; margin: 0 auto;}
#campaion .youtube h4{padding: 0 0 22px;}
#campaion .img_box .goods{width: 820px; margin: 0 auto; padding: 72px 0 0;}
#campaion .img_box h4{padding: 0 0 22px;}

#campaion .youtube .youtube_warpper{ position: relative; width: 100%; padding-bottom: 56.25%; overflow: hidden;}
#campaion .youtube .youtube_warpper iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

#campaion .tt_box{padding: 32px 0 0;}
#campaion .tt_box h4{font-family: 'NotoSansJP-Medium'; text-align: center;  font-size: 30px;letter-spacing: 0.02em;}
#campaion .tt_box h4 span{display: inline-block;line-height: 187%;letter-spacing: 0.05em; font-feature-settings: "palt"; text-align: center;}
#campaion .tt_box h4 #title_one{width: auto;}
#campaion .tt_box h4 #title_twe{width: auto;}

#campaion .box .imgbox{}
#campaion .box .imgbox .box_top{display: flex;justify-content: center;padding: 0 0 67px; position: relative;}
#campaion .box .imgbox h4{text-align: center; font-size: 26px; font-family: 'NotoSansJP-Medium'; line-height: 180%;letter-spacing: 0.05em; font-feature-settings: "palt";}
#campaion .box .imgbox h4 span{font-size: 30px; display: inline-block; font-family: 'NotoSansJP-Medium';letter-spacing: 0.05em; font-feature-settings: "palt";}
#campaion .box .imgbox .box_top .img_15{margin-right: 6%;}
#campaion .box .imgbox.list{ padding-top: 125px;}
#campaion .box .imgbox.list .box_top:before,
#campaion .box .imgbox.list .box_top:after{ content: ''; display: block; position: absolute;}
#campaion .box .imgbox.list .box_top:before{ top:319px; left: -169px; width: 118px; height: 159px; background: url(../image/index/img_42.png?=124124?=240712) no-repeat center / 100%;}
#campaion .box .imgbox.list .box_top:after{ top:108px; right: -252px; width: 242px; height: 473px; background: url(../image/index/img_43.png?=124124?=240712) no-repeat center / 100%;}



#campaion .box .imgbox .box_bottom{width: 900px; height: auto; position: relative; margin: 0 auto;}
#campaion .box .imgbox .box_bottom .img_17{margin: 0 0 0 35px; }
#campaion .box .imgbox .box_bottom .img_18{position: absolute; right: 0px; top: 14px; z-index: 1;}
#campaion .box .imgbox .box_bottom h4{padding: 28px 0 0;}
#campaion .box .imgbox .box_bottom h4 span{text-align: center; width: 100%; padding: 10px 0 0;}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
#campaion .tt_box h4.animate__fadeInUp,
#campaion .tt_box p.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
    
@keyframes effect {
  50% { border-color: transparent;}
}

#campaion .tt_box p{line-height: 225%;padding: 25px 0 0; letter-spacing: 0.01em; }

#campaion .box .imgbox .box_top .img_15 img{animation: img_1 3s infinite;}
#campaion .box .imgbox .box_top .img_16 img{animation: img_2 3s infinite;}
#campaion .box .imgbox .box_bottom .img_17 img{animation: img_3 3s infinite;}
#campaion .box .imgbox .box_bottom .img_18 img{animation: img_4 3s infinite;}

@keyframes img_1 {
    0% {transform: rotate(0deg);animation-delay: 10s;}
    15% {transform: rotate(0deg);}
    20% {transform: rotate(5deg);}
    25% {transform: rotate(0deg);}
    30% { transform: rotate(-5deg); }
    35% {transform: rotate(0deg);}
    40% {transform: rotate(5deg);}
    45% {transform: rotate(0deg);}
    50% {transform: rotate(-5deg);}
    55% {transform: rotate(0deg);}
    
    100% {transform: rotate(0deg);}
}

@keyframes img_2 {
    0% {transform: rotate(0deg);animation-delay: 10s;}
    
    30% {transform: rotate(0deg);}
    35% {transform: rotate(5deg);}
    40% { transform: rotate(0deg);}
    45% { transform: rotate(5deg);}
    50% {transform: rotate(0deg); }
    55% { transform: rotate(-5deg);}
    60% { transform: rotate(0deg);}
    65% {transform: rotate(-5deg);}
    70% { transform: rotate(0deg);}
    
    100% {transform: rotate(0deg);}
}
@keyframes img_3 {
	0% { transform: rotate(5deg); animation-delay: 10s; }
    
    5% { transform: rotate(0deg);}
    10% { transform: rotate(-5deg);}
    15% { transform: rotate(0deg);}
    20% { transform: rotate(5deg);}
    25% { transform: rotate(0deg);}
    30% { transform: rotate(-5deg);}
    35% { transform: rotate(0deg);}
    100% { transform: rotate(0deg);}
}

@keyframes img_4 {
    0% {transform: rotate(0deg);}
    
    20% {transform: rotate(0deg);}
    25% {transform: rotate(5deg);}
    30% {transform: rotate(0deg);}
    35% {transform: rotate(-5deg);}
    40% {transform: rotate(0deg);}
    45% {transform: rotate(5deg);}
    50% {transform: rotate(0deg);}
    55% {transform: rotate(-5deg);}
    60% {transform: rotate(0deg);}

    100% {transform: rotate(0deg);
    }
}

#campaion .show{ text-align: center; padding: 152px 0 159px;}
#campaion .show h4{ margin-bottom: 30px;}
#campaion .show .showimg{ position: relative;}
#campaion .show .showimg .balloon{ position: absolute; top: 0; left: calc(50% - 690px);}
#campaion .show .showimg p{ font-size: 18px; font-family: 'NotoSansJP-Medium'; padding-top: 40px; line-height: 250%; color: #000;}
#campaion .show .fv_slick_top{ padding-top: 184px;}

/*------------------------renewal-------------------------*/
#renewal{background: url(../image/index/bg_2.jpg?=124124?=240712) no-repeat center -550px; background-size: 2944px;}
#renewal h3{ background: url(../image/index/bg_1.png?=124124?=240712) no-repeat center top; background-size: auto; background-size: 928px; padding: 168px 0 58px; }
#renewal h3 span{ text-align: center; font-size: 20px; line-height: 180%; letter-spacing: 0.05em; font-family: 'NotoSansJP-Medium';}
#renewal h3 img{padding: 0 0 27px;}
#renewal .youtube_box h3{font-size: 32px; line-height: 175%;letter-spacing: 0.05em; font-feature-settings: "palt"; padding: 0px 0 20px; }
#renewal .youtube{position: relative; padding: 42% 0 0; width: 820px; margin: 0 auto;}
#renewal .youtube iframe{position: absolute;top: 0px; left: 0px; right: 0px; height: 100%; width: 100%;}

#renewal .bg_box{/* padding: 78px 0 0; */ overflow: hidden; min-width: 1100px; max-width: 1600px; margin: 0 auto;}
#renewal .box{  position: relative;}
#renewal .box .inner_box{position: relative;}
#renewal .jungle_gym .inner_box{padding: 230px 0 314px; }
#renewal .slider .inner_box{padding: 21px 0 183px;}
#renewal .athletic .inner_box{padding:129px 0 142px;}
#renewal .attraction .inner_box{padding: 174px 0 152px;}
#renewal .adventure{ margin: 40px 0 0;}
#renewal .adventure .inner_box{padding: 660px 0 0}

#renewal .jungle_gym img.playground{position: absolute; top: 0px; right:-208px; }
#renewal .slider img.playground{position: absolute; top: -252px; left: -178px;}
#renewal .athletic img.playground{position: absolute; top: -147px ;right: -239px;}
#renewal .attraction img.playground{position: absolute; top: -45px; left: -149px;}
#renewal .adventure img.playground{position: absolute; top: -0px; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1360px; -webkit-animation-name: fadeInRightBig_adventure;
 animation-name: fadeInRightBig_adventure;}

@keyframes fadeInRightBig_adventure {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
    left: 50%; 
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    left: 50%; 
  }
}

#renewal .box .tt{position: relative; z-index: 1; }
#renewal .box .tt p{font-size: 22px; font-family: 'NotoSansJP-Medium'; line-height: 205%; letter-spacing: 0.05em; font-feature-settings: "palt"; width: 400px; padding: 23px 0 0;}
#renewal .adventure .tt h4{position: relative;}
#renewal .adventure .tt h4:before{content: ""; width: 183px; height: 184px; background: url(../image/index/new_tag.png) no-repeat center center; background-size: 100%; position: absolute; top: -95px; left: -91px;}

#renewal .jungle_gym .tt{ margin: 0 auto 0 37px; width: 533px; height: auto;}
#renewal .slider .tt{margin: 0 122px 0 auto; width: 470px; height: auto;}
#renewal .athletic .tt{ margin: 0 auto 0 14px; width: 470px; height: auto;}
#renewal .athletic .tt p{width: 420px;}
#renewal .adventure .tt p{margin:0 0 0 36px;}

#renewal .attraction .tt{ margin: 0 65px 0 auto; width: 470px; height: auto;}

#renewal .jungle_gym .tt p{margin: 0 0 0 61px;}
#renewal .slider .tt p{margin: 0 0 0 62px;}
#renewal .athletic .tt p{margin: 0 0 0 23px;}
#renewal .attraction .tt p{margin: 0 0 0 19px;}
#renewal .line.special{margin: 139px auto 104px;}

#renewal .title{position: relative;}
#renewal .title .star_1{ position: absolute; top: 45.6%; left: 8%;}
#renewal .title .star_2{ position: absolute; top: 65.6%; left: 24.3%;}
#renewal .title .star_3{ position: absolute; top: 32%; right: 25%;}
#renewal .title .star_4{ position: absolute; top: 67%; right: 6%;}
#renewal .title .star_5{ position: absolute; top: 38%; right: 0%;}
#renewal .title .star_6{ position: absolute; top: 31.4%; left: 40.6%;}
#renewal .star{animation: sample 2s linear infinite; transform: rotate(20deg);}
@keyframes sample {
    0% {
        transform: rotate(25deg);
    }
    50% {
        transform: rotate(-25deg);
    }

    100% {
        transform: rotate(25deg);
    }
}

#bubblefountain .bubblefountain_box{ position: relative; background: url(../image/index/bg_21.png?=124124?=240712) no-repeat center top / cover; padding: 71px 0 129px; text-align: center; overflow-x: hidden;}
#bubblefountain .bubblefountain_box .img_32{max-width: 1395px; padding: 0 50px; width: 100%; height: auto;}
#bubblefountain .bubblefountain_box .bubble{ position: absolute; max-width: none;}
#bubblefountain .bubblefountain_box .bubble_l{ top: 72px; right: calc(50% + 343px);}
#bubblefountain .bubblefountain_box .bubble_r{ top: 72px; left: calc(50% + 356px);}
#bubblefountain .bubblefountain_box h4{ margin-bottom: 51px;}
#bubblefountain .bubblefountain_box h5{ font-size: 46px; padding: 19px 0 41px; }
#bubblefountain .bubblefountain_box p{ font-size: 22px; line-height: 200%; font-family: 'NotoSansJP-Medium'; }


.air_attraction{background: url(../image/index/bg_24.jpg?=124124) repeat center center; background-size: 6px;}
.air_attraction .air_attraction_box{padding: 90px 0;}
.air_attraction h3{background:url(../image/index/bg_25.png?=124124) no-repeat center bottom; background-size: 900px; text-align: center; padding: 0px 0 48px; font-size: 22px;font-family: 'NotoSansJP-Medium'; position: relative;z-index: 1;}
.air_attraction h3 img { padding: 0 0 15px;}
.air_attraction h3 span{font-size: 29px;font-family: 'NotoSansJP-Bold';}
.air_attraction .img_main{width: 100%; height: auto; max-width: 1411px; margin: -50px auto 0; position: relative; padding: 0 50px 5%;}
.air_attraction .img_main .img_1{width: 100%; height: auto;}
.air_attraction .img_main .logo{position: absolute; top: 11.5%; right: 11%; width: 41.5%; height: auto; transform: rotateZ(7.65deg); }
.air_attraction .img_main .cloud{position: absolute;}
.air_attraction .img_main .cloud_1{right: 17%; top: 5%;width: 6.1%; height: auto;animation: fluffy-1 3s infinite;}
.air_attraction .img_main .cloud_2{right: 7.5%; top: 10%;width: 8.9%; height: auto;animation: fluffy-2 3s infinite;}
.air_attraction .img_main .cloud_3{ left: 7.5%; bottom: 33%; width: 8.9%; height: auto;animation: fluffy-1 3s infinite;}
.air_attraction .img_main .img_47{ position: absolute; top: 66.2%; left: 5%; padding-left: 6.9%; width: 31%; height: auto;}
.air_attraction .img_main .img_47 .icn{position: absolute; left: 0px; top: 24%;}
.air_attraction .img_main .img_47 .img{width: 100%; height: auto;}
.air_attraction .img_main .img_48{position: absolute; top: 80%; right: 10%; padding: 1% 6.6% 0 0; width: 21.8%; height: auto;}
.air_attraction .img_main .img_48 .icn{position: absolute; right: 0px; top: 0px;}
.air_attraction .img_main .img_48 .img{width: 100%; height: auto;}

@keyframes fluffy-1 {
  0%, 100% {transform: translateY(0);}
  50% {transform: translateY(-20px);}
}
@keyframes fluffy-2 {
  0%, 100% {transform: translateY(-20px);}
  50% {transform: translateY(0px);}
}

/*-------------- アニメーション --------------*/
fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
#renewal .animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
#renewal .animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

/*------------------------#christmas-------------------------*/
#christmas{overflow: hidden;padding: 54px 0 0;}
#christmas .biglogo{position: relative; text-align: center; overflow: hidden; }
#christmas .biglogo .logo_box{background: #fff6e3; position: relative;z-index: 1; }


#christmas .biglogo .logo_img{background: url(../image/index/big_logo_3.png?=124124) no-repeat center top; background-size: cover; } 
@keyframes logo_box__backInDown {
  0% {
    -webkit-transform: translate3d(-50%, -1200px, 0px) scale(0.7);
    transform: translate3d(-50%, -1200px, 0px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translate3d(50%, 0px, 0px) scale(0.7);
    transform: translate3d(-50%, 0px, 0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
#christmas .biglogo .logo_img.logo_box__backInDown {
  -webkit-animation-name: backInDown;  animation-name: backInDown;}

#christmas .biglogo .logo_img .logo_15{width: 48%; height: auto; margin: 0 auto; padding: 3% 0 10%;}

#christmas .biglogo .character_box{position: relative;text-align: center; }
#christmas .biglogo .character_box .logo.animate__bounceInDown{ position: absolute; top: 9%; left: 50%; transform: translate3d(-50%, -19%, 0) scaleY(1); -webkit-transform: translate3d(-50%, -19%, 0) scaleY(1); -webkit-animation-name: bounceInDown_2; animation-name: bounceInDown_2; display: block;}
@keyframes bounceInDown_2 {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-47%, -3000px, 0) scaleY(1);
    transform: translate3d(-47%, -3000px, 0) scaleY(1);
  }
  40% {
    opacity: 1;
    -webkit-transform: translate3d(-47%, 20%, 0) scaleY(0.1);
    transform: translate3d(-47%, 20%, 0) scaleY(0.1);
  }
  

  100% {
    -webkit-transform: translate3d(-47%, -19%, 0) scaleY(1);
    transform: translate3d(-47%, -19%, 0) scaleY(1);
  }

  to {
    -webkit-transform: translate3d(-47%, -19%, 0) scaleY(1);
    transform: translate3d(-47%, -19%, 0) scaleY(1);
  }
}


#christmas .biglogo .character_box .img_21{ width: 100%; height: auto; display: inline-block; max-width: 995px;margin: 0 0 0 40px;}
#christmas .big_logo{width: 100%; height: auto; }

#christmas .christmas_box{background: url(../image/index/bg_26.png?=124124) no-repeat center bottom,url(../image/index/bg_29.png?=124124) no-repeat center top; background-size: 1600px, cover; margin: -225px 0 0;padding: 0 0 154px; position: relative;}
#christmas .christmas_box:before{ content: ""; display: block; background: url(../image/index/bg_29_1.png?=124124) no-repeat center center; background-size:370px; width: 370px; height: 91px; position: absolute; top: -90px; transform: translateX(-50%); left: 50%;}


#christmas .christmas_box .ball_box{position: absolute; width: 1270px; height: 20%; transform: translateX(-50%); left: 50%; top: 0px; overflow: hidden;}
#christmas .christmas_box .ball_box .ball{position: absolute; top: 0px; -webkit-animation-name: backInDown_ball; animation-name: backInDown_ball;}
#christmas .christmas_box .ball_box .ball_1{left: 0px;}
#christmas .christmas_box .ball_box .ball_2{left: 107px;}
#christmas .christmas_box .ball_box .ball_3{right: 107px;}
#christmas .christmas_box .ball_box .ball_4{right: 0px;}


@-webkit-keyframes backInDown_ball {
  0% {-webkit-transform: translateY(-400px);transform: translateY(-400px);opacity:1;}
  80% {-webkit-transform: translateY(0px);　transform: translateY(0px); opacity: 1;}
  100% {opacity: 1; }
}
@keyframes backInDown_ball {
  0% { -webkit-transform: translateY(-400px) ; transform: translateY(-400px); opacity: 1; }
  80% { -webkit-transform: translateY(0px) ; transform: translateY(0px) ; opacity: 1; }
  100% {opacity: 1;}
}


#christmas .christmas_box .object_box{position: absolute; width: 1376px; height: 100%; margin: 0 auto;transform: translateX(-50%); left: 50%;}
#christmas .christmas_box .object_box .snow{position: absolute;}
#christmas .christmas_box .object_box .snow_1{ left: 13%; top: 39%;animation: star_christmas 3s infinite;}
#christmas .christmas_box .object_box .snow_2{ right: 10.5%; top: 41%;animation: star_christmas_2 3s infinite;}
#christmas .christmas_box .object_box .snow_3{ left: 0%; top: 43%;animation: star_christmas 3s infinite;}
#christmas .christmas_box .object_box .snow_4{ right: 0%; top: 43%;animation: star_christmas_2 3s infinite;}
#christmas .christmas_box .object_box .snow_5{ right: 15%; top: 78%;animation: star_christmas 3s infinite;}
#christmas .christmas_box .object_box .snow_6{ left: 4.5%; top: 90%;animation: star_christmas_2 3s infinite;}

#christmas .christmas_box .object_box .star{position: absolute;animation: star_christmas 3s infinite;}

#christmas .christmas_box .object_box .star_1{ left: 6%; top: 57%;}
#christmas .christmas_box .object_box .star_2{ right: 10%; top: 66%;}

#christmas .christmas_box .title .title_logo{padding: 66px 0 0; background: url(../image/index/bg_28.png?=124124) no-repeat center top; background-size: 662px;}
#christmas .christmas_box .title{ text-align: center;position: absolute; top: -15px;}
#christmas .christmas_box .title img{display: inline-block;}
#christmas .christmas_box .title .title_logo .img_1{padding: 0 0 20px;}
#christmas .christmas_box .title .event{display: inline-block; width: 690px; background: url(../image/index/bg_27.png?=124124) no-repeat center center; background-size: 685px; padding: 25px 0 29px; margin: 40px auto 0;}
#christmas .christmas_box .title .event p{color: #fff; font-size: 20px; font-family: 'NotoSansJP-Medium'; text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);display: inline-block;}
#christmas .christmas_box .title .event p.ev_tt{position: relative; padding: 0 70px 0 0;}
#christmas .christmas_box .title .event p.ev_tt:after{display: block; content: ""; height: calc(10px / 2 * tan(60deg)); width: 16px; clip-path: polygon(50% 0, 100% 100%, 0 100%);background: #fff; transform: rotateZ(90deg); position: absolute; right: 10%; top: 35%;}
#christmas .christmas_box .title .event p span{font-size: 25px;font-family: 'NotoSansJP-Medium'; letter-spacing: 0.05em;}
#christmas .christmas_box .title .event p span.din{font-family: din-2014, sans-serif; font-weight: 400; font-style: normal; font-size: 35px;}
#christmas .christmas_box .title .event p span.mincho{font-family: ten-mincho, serif; font-weight: 400; font-style: normal; font-size: 31px; display: inline-block; padding: 0 10px;}

#christmas .christmas_box .img_box{width: 989px; margin: 0px auto; padding: 913px 0 0;}
#christmas .christmas_box .img_box .box{text-align: center; margin-bottom: 43px;}
#christmas .christmas_box .img_box .box:not(:last-child){margin-right: 92px;}
#christmas .christmas_box .img_box .flex{ display: flex; justify-content: center;}
#christmas .christmas_box .img_box .flex.top .box:last-child{width: 312px;}
#christmas .christmas_box .img_box img{display: inline-block;padding: 0 0 12px;}
#christmas .christmas_box .img_box p{color: #fff;font-size: 20px;font-family: 'NotoSansJP-Medium'; line-height: 150%; letter-spacing: 0; text-align: center;}

#christmas .christmas_box .explanation_box{width: 720px; height: auto; margin: 21px auto 0;}
#christmas .christmas_box .explanation_box .flex{display: flex; align-items: center; background: #fff; border-radius: 20px;position: relative;}
#christmas .christmas_box .explanation_box .flex .gold {position: relative; padding: 0 21px 0 0;}
#christmas .christmas_box .explanation_box .flex .gold span{background: #c19837; line-height: 140%; font-size: 20px; text-align: center; color: #fff;border-radius: 20px 0 0 20px; width: 139px; height: auto; padding: 30px 0; position: relative; display: block;font-family: 'NotoSansJP-Medium';}
#christmas .christmas_box .explanation_box .flex .gold:after{display: inline-block; content: ""; background: url(../image/index/icn_4.png?=124124) no-repeat center center; background-size: 23px; height: 100%; width: 23px; position: absolute; right: 0px; top: 0px;}
#christmas .christmas_box .explanation_box .flex .tt_box{padding: 23px 29px 24px 30px;}
#christmas .christmas_box .explanation_box .flex .tt_box h4{font-size: 20px;font-family: 'NotoSansJP-Bold'; line-height: 150%; border-bottom: 2px dotted #000; display: inline-block;}
#christmas .christmas_box .explanation_box .flex .tt_box .text{font-size: 13px; line-height: 140%;font-family: 'NotoSansJP-Regular'; padding: 10px 0 0;}
#christmas .christmas_box .explanation_box .flex .text:before{content: ""; display: block; background: url(../image/index/img_61.png?=124124) no-repeat center center; background-size: 100%; width: 53px; height: 43px; position: absolute; right: 123px; top: -13px;animation: star_christmas_3 2s; animation-timing-function: steps(2, end); animation-iteration-count: infinite;}
#christmas .christmas_box .explanation_box .flex .text:after{content: ""; display: block; background: url(../image/index/img_62.png?=124124) no-repeat center center; background-size: 100%; width: 50px; height: 69px; position: absolute; right: 65px; top: -27px;animation: star_christmas_4 2s; animation-timing-function: steps(2, end); animation-iteration-count: infinite;}


@keyframes star_christmas{
	0% {transform: rotate(25deg);}
    50% {transform: rotate(-25deg);}
    100% {transform: rotate(25deg);}
}
@-webkit-keyframes star_christmas{
	0% {transform: rotate(25deg);}
    50% {transform: rotate(-25deg);}
    100% {transform: rotate(25deg);}
}

@keyframes star_christmas_2{
	0% {transform: rotate(-25deg);}
    50% {transform: rotate(25deg);}
    100% {transform: rotate(-25deg);}
}
@-webkit-keyframes star_christmas_2{
	0% {transform: rotate(-25deg);}
    50% {transform: rotate(25deg);}
    100% {transform: rotate(-25deg);}
}

@keyframes star_christmas_3{
	0% {transform: rotate(10deg);}
    50% {transform: rotate(-10deg);}
    100% {transform: rotate(10deg);}
}
@-webkit-keyframes star_christmas_3{
	0% {transform: rotate(10deg);}
    50% {transform: rotate(-10deg);}
    100% {transform: rotate(10deg);}
}

@keyframes star_christmas_4{
	0% {transform: rotate(-10deg);}
    50% {transform: rotate(10deg);}
    100% {transform: rotate(-10deg);}
}
@-webkit-keyframes star_christmas_4{
	0% {transform: rotate(-10deg);}
    50% {transform: rotate(10deg);}
    100% {transform: rotate(-10deg);}
}

/*------------------------#food_spring-------------------------*/
#food_spring{background: url(../image/index/bg_36.png) no-repeat center top ,url(../image/index/bg_41.jpg) no-repeat center top,#fff2f8; background-size: 100%,2819px; padding: 0 0 198px; overflow: hidden;}
#food_spring .logo_box{padding: 5.5% 0 0;}
#food_spring .logo_box img{width: 55.3%; height: auto;}
#food_spring {}
#food_spring .box .tt_box{position: relative;}
#food_spring h4{text-align: center;}
#food_spring h4 img{display: inline-block;}
#food_spring .box{position: relative;}
#food_spring .box.menu_1{width: 100%; margin: 0 auto; max-width: 1361px; padding: 734px 50px 0;}
#food_spring .box.menu_2{width: 100%; margin: 0 auto; padding: 540px 0 0;}
#food_spring .box.menu_3{width: 100%; margin: 60px auto 0; padding: 252px 0 0;}
#food_spring .box.menu_1 .img_72{position: absolute; top: 0px; left: 32px; display: block;}
#food_spring .box.menu_1 .tt_box{width: 681px; height: auto; margin: 0 54px 0 auto;}
#food_spring .box.menu_2 .tt_box{width: 996px; height: auto; margin: 0 auto;}
#food_spring .box.menu_1 .tt_box .tt{padding: 35px 40px 50px 51px;}
#food_spring .box.menu_2 .tt_box .tt{padding: 35px 30px 50px 51px;}
#food_spring .box.menu_3 .tt_box{width: 668px; height: auto; margin: 47px auto 0 0 ;}
#food_spring .box.menu_1 .tt_box:before{background: rgba(237,95,154,0.8); height: 330px;}
#food_spring .box.menu_2 .tt_box:before{background: rgba(245,118,109,0.8); height: 244px;}
#food_spring .box.menu_3 .tt_box:before{background: rgba(245,118,109,0.8); height: 183px;}
#food_spring .box .tt_box .tt{padding: 35px 51px 50px; background: #fff; position: relative; z-index: 1;}
#food_spring .box .tt_box:before{position: absolute; width: 100%; height: auto; content: ""; display: block; bottom: -25px; right: -25px;}
#food_spring .box .tt_box .tt p{font-size: 16px; color: #000; letter-spacing: 0.04em; line-height: 200%;font-family: 'NotoSansJP-Medium'; font-feature-settings: "palt"; }
#food_spring .box .tt_box .tt p span{font-size: 28px; color: #ee2311; letter-spacing: 0.04em; line-height: 143%;font-family: 'NotoSansJP-Bold';font-feature-settings: "palt"; display: inline-block;padding: 0 0 10px;}
#food_spring .box.menu_1 .tt_box .tt p span{color: #ed5f9a;}
#food_spring .food_box{padding: 114px 0 0;}
#food_spring .top_box .title_box{padding: 280px 0 0;}
#food_spring .btm_box .title_box{padding: 90px 0 0;}
#food_spring .btm_box .box.menu_2 .img_73{position: absolute; width: 1042px; height: auto; left: 50%; top: 0px; transform: translateX(-50%); -webkit-animation-name: fadeInRightBig_2; animation-name: fadeInRightBig_2;}
@keyframes fadeInRightBig_2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-40%, 0, 0);
    transform: translate3d(-40%, 0, 0);
    left: 50%;
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    left: 50%;
  }
}

#food_spring .btm_box .box.menu_3 .img_74{position: absolute; right: -57px; top: 0px;}
/*------------------------create-------------------------*/
#create{ background: #8fc33d ;position: relative; padding: 75px 0 184px;}
#create h3 span{ text-align: center; font-size: 20px; line-height: 180%; letter-spacing: 0.05em; font-family: 'NotoSansJP-Medium';}
#create .fv_slick_top{position: absolute; top: 0px; left: 0px; right: 0px; }
#create .fv_slick_top .img{width: 1254px; height: auto;}
#create .fv_slick_bottom{position: absolute; bottom: 0px; left: 0px; right: 0px;}
#create .fv_slick_bottom .img{width: 1000px; height: auto;}
#create .fv_slick_bottom img{width: 100%; height: auto;}

#create .create_bg{position: relative;z-index: 1;}
#create .create_bg .create_bg_twe{}
#create .create_bg .create_bg_twe .box{padding: 70px 0 554px; text-align: center; background: url(../image/index/bg_20.png?=124124?=240712) no-repeat center top; background-size: auto; position: relative; width: 1100px;margin: 0 auto;}
#create .create_bg .create_bg_twe .box .img_26{position: absolute; top: 102px; left: -344px;}
#create .create_bg .create_bg_twe .box .img_27{position: absolute; top: 100px; right: -310px; }
#create .create_bg .create_bg_twe .box .img_28{position: absolute; bottom: 102px; left: -178px;z-index: 1;}
#create .create_bg .create_bg_twe .box .img_29{position: absolute; position: absolute; bottom: 81px; bottom: 119px; right: -154px; z-index: 1;}

#create .create_bg .create_bg_twe .box h3{color: #fff; line-height:200%}
#create .create_bg .create_bg_twe .box h3 img{padding: 0 0 33px;}

@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-250px) scale(0.7);
    transform: translateY(-250px) scale(0.7);
    opacity: 0.0;
  }

  1% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-250px) scale(0.7);
    transform: translateY(-250px) scale(0.7);
    opacity: 0.0;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
#create .create_bg .create_bg_twe .box h3 img.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}

#create .create_bg .create_bg_twe .create_link_box{display: flex; flex-direction: column; padding: 0 0 57px;}
@keyframes link__bounceIn {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0%, -100px, 0) scaleY(1);
    transform: translate3d(0%, -100px, 0) scaleY(1);
  }
  40% {
    opacity: 1;
    -webkit-transform: translate3d(0%, 20%, 0) scaleY(0.5);
    transform: translate3d(0%, 20%, 0) scaleY(0.5);
  }
  

  100% {
    -webkit-transform: translate3d(0%, -0%, 0) scaleY(1);
    transform: translate3d(0%, -0%, 0) scaleY(1);
  }

  to {
    -webkit-transform: translate3d(0%, -0%, 0) scaleY(1);
    transform: translate3d(0%, -0%, 0) scaleY(1);
  }
}
#create .create_bg .create_bg_twe .create_link_box li.create_link.animate__bounceInDown {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: link__bounceIn; animation-name: link__bounceIn;
}


#create .create_bg .create_bg_twe .create_link_box li a{position: relative; display: block;}
#create .create_bg .create_bg_twe .create_link_box li:nth-child(1){margin-bottom: 44px;}
#create .create_bg .create_bg_twe .create_link_box li a .ig{position: absolute; }
#create .create_bg .create_bg_twe .create_link_box li a .ig.ig_7{bottom: 10px; left: 5px;}
#create .create_bg .create_bg_twe .create_link_box li a .ig.ig_8{bottom: 10px; left: 64px;}
#create .create_bg .create_bg_twe .create_link_box li a .ig.ig_19{ bottom: 18px; right: 80px; animation: shake 2s infinite;}
#create .create_bg .create_bg_twe .create_link_box li a .ig.ig_20{bottom: -2px; right: 113px; animation: shake 2s infinite;}
#create .create_bg .create_bg_twe .link_box{background: url(../image/index/bg_17.png?=124124?=240712) no-repeat center bottom; background-size: 1150px; text-align: center; padding: 51px 0 118px;}

#create .create_bg .create_bg_twe .link_box .logo_img img{display: inline-block; padding: 0 0 70px;}
#create .create_bg .create_bg_twe .link_box .logo_img img.SP{display: none;}
#create .create_bg .create_bg_twe .link_box ul{display: flex; width: 585px; margin: 0 auto;}
#create .create_bg .create_bg_twe .link_box ul li:not(:last-child){margin: 0 60px 0 0;}


@keyframes shake {
    0% {
        transform: rotate(20deg) ;        
    }
    50% {
        transform: rotate(-20deg);
    }
    100% {
        transform: rotate(20deg);
    }
}

#create .create_bg .create_bg_twe .create_bg_therr{max-width: 1784px; margin: 0 auto; position: relative;overflow: hidden;}

#create .create_bg .create_bg_twe .create_bg_therr .star_1{ position: absolute; top: 39.5%; left: 13.3%;}
#create .create_bg .create_bg_twe .create_bg_therr .star_2{ position: absolute; top: 4.3%; right: 19.3%;}
#create .create_bg .create_bg_twe .create_bg_therr .star_3{ position: absolute; top: 25.5%; right: 7.5%;}
#create .create_bg .create_bg_twe .create_bg_therr .star_4{ position: absolute; top: 46.8%; right: 32.5%;}
#create .create_bg .create_bg_twe .create_bg_therr .star_5{ position: absolute; top: 25.55%; left: 26%;}
#create .create_bg .create_bg_twe .create_bg_therr .star{animation: sample 2s linear infinite; transform: rotate(20deg);}
@keyframes sample {
    0% {
        transform: rotate(25deg);
    }
    50% {
        transform: rotate(-25deg);
    }

    100% {
        transform: rotate(25deg);
    }
}

/*------------------------solving_riddles-------------------------*/
#solving_riddles{ background: url(../image/index/bg_31.png?=124124) repeat center center; background-size: 86px;}
#solving_riddles .solving_riddles_box{padding: 118px 0 167px}
#solving_riddles .solving_riddles_box .title_box{position: relative;}
#solving_riddles .solving_riddles_box .title_box .img_64{width: 194px; position: absolute; left: 24px; top: 30px;animation: img_64 ; animation-duration: 2s; animation-timing-function: steps(2, end); animation-iteration-count: infinite;}
#solving_riddles .solving_riddles_box .title_box .img_65{width: 250px; position: absolute; right: -20px; top: 85px;animation: img_65 ; animation-duration: 2s; animation-timing-function: steps(2, end); animation-iteration-count: infinite;}

@keyframes img_64 {
    0% {transform: rotate(25deg);}
    50% {transform: rotate(-25deg);}
    100% { transform: rotate(25deg);}
}
@keyframes img_65 {
    0% {transform: rotate(-25deg);}
    50% { transform: rotate(25deg);}
    100% {transform: rotate(-25deg);}
}

#solving_riddles .solving_riddles_box h3 span{display: inline; background: linear-gradient(transparent 50%, #fff 50%); font-size: 20px; line-height: 220%;font-family: 'NotoSansJP-Medium';}
#solving_riddles .solving_riddles_box .flex{padding: 29px 0 0;}
#solving_riddles .solving_riddles_box .flex a{display: inline-block; width: 517px;}
#solving_riddles .solving_riddles_box .flex a.link_1{background: url(../image/index/bg_32.png?=124124) no-repeat center center; background-size: 517px;}
#solving_riddles .solving_riddles_box .flex a.link_2{background: url(../image/index/bg_33.png?=124124) no-repeat center center; background-size: 517px;}
#solving_riddles .solving_riddles_box .flex a .box{text-align: center; }
#solving_riddles .solving_riddles_box .flex a.link_1 .box{padding: 497px 0 24px;}
#solving_riddles .solving_riddles_box .flex a.link_2 .box{padding: 541px 0 62px;}
#solving_riddles .solving_riddles_box .flex a .box img{display: inline-block; padding: 15px 0 0;}
#solving_riddles .solving_riddles_box .flex a .box h4{background: url(../image/index/icn_5.png?=124124) no-repeat left center ,url(../image/index/icn_6.png?=124124) no-repeat right center; background-size: 15px, 15px;font-size: 24px; line-height: 163%;font-family: 'NotoSansJP-Medium'; letter-spacing: 0.1em; color: #fff; display: inline-block; padding: 0 30px;}
#solving_riddles .solving_riddles_box .flex a:not(:last-child){margin: 0 60px 0 0;}
#solving_riddles .solving_riddles_box .flex a .link_box{background: #fff; text-align: center; position: relative; padding: 33px 0;}
#solving_riddles .solving_riddles_box .flex a .link_box:before{position: absolute; top: 50%; transform: translateY(-50%); display: block; content: ""; left: 20%;}
#solving_riddles .solving_riddles_box .flex a.link_1 .link_box:before{background: url(../image/index/icn_7.png?=124124) no-repeat center center; background-size: 40px; width: 40px;height: 54px;}
#solving_riddles .solving_riddles_box .flex a.link_2 .link_box:before{display: block; content: ""; background: url(../image/index/icn_8.png?=124124) no-repeat center center; background-size: 34px; width: 34px;height: 51px;}
#solving_riddles .solving_riddles_box .flex a .link_box:after{display: block; content: ""; width: 0; height: 0; border-style: solid; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-right: 0; position: absolute;top: 50%;transform: translateY(-50%); right: 5%;}
#solving_riddles .solving_riddles_box .flex a.link_1 .link_box:after{ border-left: 10px solid #000;}
#solving_riddles .solving_riddles_box .flex a.link_2 .link_box:after{ border-left: 10px solid #471717; }
#solving_riddles .solving_riddles_box .flex a .link_box img{display: inline-block;}

#solving_riddles .fv_slick_top .img{width: 1000px; height: auto;}
#solving_riddles .fv_slick_top .img img{width: 100%; height: auto;}
@media only screen and (max-width: 768px){

	.banner_box{transform: none; top: auto; bottom: 0px;padding: 0 10px;}
	.banner_box img{width: 100%; height: auto;}
	/*------------------------共通-------------------------*/
	h3{ font-size: 14px; }
	h3 img{padding: 0px 0px 6px; width: 70%; height: auto;}
	.min_inner{width: 90%; }
	
	/*------------------------.fv_2-------------------------*/
	.fv_2{ background-size: 52px; }
	.fv_2 .fv_slick_bottom .img{width: 523px; height: auto;}
	.fv_2 .fv_box{background-size: cover;background: url(../image/index/fv_sp.png?=124124?=240712) no-repeat center bottom; background-size: cover;}
	.fv_2 .fv_box .fv_bg{background-size: 52px; }
	.fv_2 .fv_box h2{ padding: 54% 0 62%; width: 90%; height: auto; margin: 0 auto; }
	
	.fv_2 .fv_box .star_1{ top: 54%; left: 19%; width: 3%; height: auto;}
	.fv_2 .fv_box .star_2{ top: 34%; right: 13%; width: 3%;}
	.fv_2 .fv_box .star_3{ top: 36.6%; right: 22.85%; width: 4%; height: auto;}
	.fv_2 .fv_box .star_4{ top: 51%; right: 16.3%; width: 4%; height: auto;}
	.fv_2 .fv_box .star_5{ top: 40.6%; left: 3.4%; width: 5%; height: auto;}
	.fv_2 .fv_box .star_6{ top: 19%; left: 51.4%; width: 5%; height: auto;}
	.fv_2 .fv_slick_bottom {bottom: -1px;}
	/*--point--*/
	
	#fv .attraction_box .point{position: relative; background: url(../image/index/bg_35.png) no-repeat center bottom 0; background-size: 100%; }
	#fv .attraction_box .point .point_2{padding: 45px 0 25%; margin: 0 auto; width: 90%}
	#fv .attraction_box .point .point_2 .star_box{position: absolute; width: 100%; padding: 0; height: 100%; }
	#fv .attraction_box .point .point_2 .star {position: absolute;}
	#fv .attraction_box .point .point_2 .star_1{ left: -10%; top: 12%;width: 15%; }
	#fv .attraction_box .point .point_2 .star_2{ bottom: 19%; right: -5%;width: 15%; }
	#fv .attraction_box .point .point_2 .star_3{top: 4%; right: 0px; width:11%; }
	#fv .attraction_box .point .point_2 .star_4{ top: 58%; right: -3%;width: 11%; }
	#fv .attraction_box .point .point_2 .star_5{ bottom: 21%; left: -5%;width: 11%; }
	#fv .attraction_box .point .point_2 .star_6{ top: 0%; right: 14%; width: 15%;}
	#fv .attraction_box .point .point_2 .star_7{ top: 2%; left: 0%; width: 15%;}
	#fv .attraction_box .point .point_2 .flex{flex-direction: column; }
	#fv .attraction_box .point .point_2 .flex .point_box{ width: 90%; max-height: 100%; padding: 8.4% 0 16.5%;margin: 0 auto;}
	#fv .attraction_box .point .point_2 .flex .point_box:not(:last-child){margin:0 auto 8%;}
	#fv .attraction_box .point .point_2 .flex .point_box h3{} 
	#fv .attraction_box .point .point_2 .flex .point_box p{font-size: 13px; padding: 10px 0 0; text-align: left;}
	#fv .attraction_box .point .flex .point_box.point_1{padding: 8.4% 0 22.5%;}
	#fv .attraction_box .point .point_2 .flex .point_box.point_1 h3 img{width: 65%;}
	#fv .attraction_box .point .point_2 .flex .point_box.point_1 p{width: 60%;}
	#fv .attraction_box .point .point_2 .flex .point_box.point_2 h3 img{width: 60%;}
	#fv .attraction_box .point .point_2 .flex .point_box.point_2 p{width: 60%;}
	#fv .attraction_box .point .point_2 .flex .point_box.point_3 p{width: 60%;}
	#fv .attraction_box .point .point_2 .flex .point_box.point_3 {padding: 8.4% 0 16.3%;}

	/*--attraction_box--*/
	#fv .attraction_box .tt {text-align: center; padding: 25px 0 0;}
	#fv .attraction_box .bg_box .fv_box {padding: 70% 0 5%;}
	#fv .attraction_box .bg_box{background: none; }
	#fv .attraction_box .bg_box .fv_bg{background: url(../image/index/fv_bg_1_sp.jpg?var=1345) no-repeat center top;  background-size: cover; z-index: 1;}
	#fv .attraction_box .bg_box .title_box {position: relative; top: auto;background: url(../image/index/fv_bg_2_sp.jpg) no-repeat center top; background-size: cover;}
	#fv .attraction_box .bg_box .title_box h1 {padding: 2% 2% 4%; align-items: flex-end; justify-content: center; flex-direction: row-reverse;}
	#fv .attraction_box .bg_box .title_box h1 .fv_logo_2{ width: 100%; height: auto; margin: 0; max-width: 74%; margin: 0 0 0 1%;}
	#fv .attraction_box .bg_box .title_box h1 .fv_logo_1{ height: auto; width: 100%; margin:0; max-width: 25%;}

	#fv .attraction_box .bg_box .img_box { margin: 30px auto 0; padding: 0 0 60px; width: 100%;}
	#fv .attraction_box .bg_box .img_box .logo_35{ width: 85%;}
	#fv .attraction_box .bg_box .img_box .logo_35 img{width: 100%; height: auto;}
	@-webkit-keyframes backInDown_logo_35 {
	  0% {
	    -webkit-transform: translate(-50%,-300px) scale(0.7);
	    transform: translate(-50%,-300px) scale(0.7);
	    opacity: 0.7;
	    left: 50%; 
	  }
	
	  80% {
	    -webkit-transform: translate(-50%, 0px) scale(0.7);
	    transform: translate(-50%, 0px) scale(0.7);
	    opacity: 0.7;
	    left: 50%; 
	  }
	
	  100% {
	    -webkit-transform:translate(-50%, 0px) scale(1);
	    transform:translate(-50%, 0px) scale(1);
	    opacity: 1;
	    left: 50%; 
	  }
	}

	
	#fv .attraction_box .bg_box .img_box .img_70{padding: 40% 2% 0; margin: 0px auto;}
	#fv .attraction_box .pink_box{position: absolute; bottom: 0px; width: 100%;  height: 148px;}
	#fv .attraction_box .fv_slick_bottom{position: absolute; bottom: 0px; z-index: 2; width: 100%;}
	#fv .attraction_box .fv_slick_bottom .img{width: 1000px; height: auto;}
	#fv .attraction_box .fv_slick_bottom .img img{width: 100%; height: auto;}
	#fv .attraction_box .bg_box img.fv_bg_3 {width: 100%; }
	#fv .attraction_box .bg_box .fv_box h2 {width: 90%;}

	#fv .attraction_box .bg_box .fv_box a { width: 90%; margin: 26px auto 0; border-radius: 100px;}
	#fv .attraction_box .bg_box .fv_box a .fv_img_3{ top: 34%; width: 83px; height: auto;}
	#fv .attraction_box .bg_box .fv_box h2 .logo_4 { right: -1%; top: -17%; width: 27%; height: auto;}
	#fv .attraction_box .bg_box .fv_box a span{padding: 9px 0; font-size: 20px; top: -5px; border-radius: 100px;}
	#fv .attraction_box .bg_box .fv_box a span:before{display: block; content: ""; clip-path: polygon(0 0, 100% 50%, 0 100%); background: #fff; height: calc(tan(60deg)* 14px / 2); width: 8px; right: 60px;}
	#fv .attraction_box .bg_box .fv_box a:before{height: 50px; border-radius: 100px;}
	#fv .attraction_box .bg_box .fv_box .mini {font-size: 7px;padding: 10px 0 0;width: 95%;font-family: 'NotoSansJP-Bold';}
	#fv .cloud_1{bottom: -2px; z-index: 2;}

	#fv .attraction_box .wave .wave_1{left: -12%; top: -65%; width: 40%; }
	#fv .attraction_box .wave .wave_2{right: -24%; top: -10%; width: 58%;}
	#fv .attraction_box .wave .wave_3{right: -10%; top: -70%; width: 63%; position: absolute;}
	#fv .attraction_box .wave .wave_4{padding: 30% 0 0;}
	
	#fv .attraction_box .wave .fv_img_5,
	#fv .attraction_box .wave .fv_img_6,
	#fv .attraction_box .wave .fv_img_7{ width: 270%; }
	#fv .attraction_box .wave .fv_img_5{bottom: 9%;z-index: 4;}
	#fv .attraction_box .wave .fv_img_6{ bottom: 26%;z-index: 3;}
	#fv .attraction_box .wave .fv_img_7{ bottom: 48%;z-index: 2;}
	
	#fv .wave .wave_4_2{ background:linear-gradient(transparent 15%, #009fe8 15%);}
	#fv .wave .wave_4_2 .fv_img_7,
	#fv .wave .wave_4_2 .fv_img_5{animation: fv_img_5_2 6s linear infinite;}
	@keyframes fv_img_5_2 {
		0% { 
			-webkit-transform: translateX(-50%) translateY(-0%); 
			transform: translateX(-50%) translateY(-0%); 
			left: 50%;
		}
		 25% { 
			-webkit-transform: translateX(-55%) translateY(-5%); 
			transform: translateX(-55%) translateY(-5%); 
			left: 50%;
		} 
		 50% { 
			-webkit-transform: translateX(-50%) translateY(-0%); 
			transform: translateX(-50%) translateY(-0%); 
			left: 50%;
		} 
		 75% { 
			-webkit-transform: translateX(-45%) translateY(-5%); 
			transform: translateX(-45%) translateY(-5%); 
			left: 50%;
		} 
		 100% { 
			-webkit-transform: translateX(-50%) translateY(-0%); 
			transform: translateX(-50%) translateY(-0%); 
			left: 50%;
		} 
	}
	#fv .wave .wave_4_2 .fv_img_6{animation: fv_img_6_2 6s linear infinite; }
	@keyframes fv_img_6_2 {
		0% { 
			-webkit-transform: translateX(-50%) translateY(-0%); 
			transform: translateX(-50%) translateY(-0%); 
		}
		 25% { 
			-webkit-transform: translateX(-45%) translateY(-5%); 
			transform: translateX(-45%) translateY(-5%); 
		} 
		 50% { 
			-webkit-transform: translateX(-50%) translateY(-0%); 
			transform: translateX(-50%) translateY(-0%); 
		} 
		 75% { 
			-webkit-transform: translateX(-55%) translateY(-5%); 
			transform: translateX(-55%) translateY(-5%); 
		} 
		 100% { 
			-webkit-transform: translateX(-50%) translateY(-0%); 
			transform: translateX(-50%) translateY(-0%); 
		} 
	}
	/*------------------------line_box-------------------------*/
	.line_box .line_box_twe {padding: 25px 0 0;}
	.line_box{width: 100%; height: auto; margin: 0 auto; }
	.line_box a{ width: 60%; margin: 0 auto; display: block;}
	.line_box .line_box_twe p.tt_box{font-size: 16px;  padding: 0 0 25px;}
	.line_box .line_box_twe h3{padding: 0 10px; font-size: 20px; margin: 0 0 10px;}
	.line_box .line_box_twe ul{flex-direction: column; align-items: flex-start;padding: 0 0 30px; max-width: 330px; margin: 0 auto;}
	.line_box .line_box_twe ul li{ width: 100%;  margin-bottom: 10px;}
	.line_box .line_box_twe ul li:nth-child(odd){margin-right: 5%;}
	.line_box .line_box_twe ul li p{font-size: 16px;}
	.line_box .line_box_twe ul li img{margin: 0 10px 0 0; width: 20px; height: auto;}
	
	.line_box .line_box_twe .tt{text-align: center; font-size: 11px;line-height: 170%;}
	.line_box .line_box_twe .img_box .star_1{ top: 11.7%; right: 0%;width: 3%; height: auto; }
	.line_box .line_box_twe .img_box .star_2{ bottom: 11.5%; right: 40%; width: 5%; height: auto;}
	.line_box .line_box_twe .img_box .star_3{ top: 0%; left: -1%; width: 5%; height: auto;}
	.line_box .line_box_twe .img_box .star_4{ bottom: 40%; left: 9%;width: 3%; height: auto; }
	.line_box .line_box_twe .img_box .star_5{ top: 49%; left: -3%;width: 3%; height: auto; }
	.line_box .line_box_twe .img_box .star_6{ top: 42.8%; right: 11%;width: 3%; height: auto; }
	
	
	.line_box .line_box_twe .img_box .bg_15{ padding: 75% 0 0;}
	.line_box .line_box_twe .img_box .bg_15 .img_22{ top: 0px; left: 0%; width: 43%;}
	.line_box .line_box_twe .img_box .bg_15 .img_23{ top: 0px; right: 5%; width: 60%;}
	.line_box .line_box_twe .img_box .bg_15 .img_24{ bottom: 4%; left: 14%; width: 42%;}
	.line_box .line_box_twe .img_box .bg_15 .img_25{ bottom: 0px; right: 0px; width: 40%;}
	#fv .attraction_box .fv_slick_bottom .img {width: 500px;}
	/*------------------------gradation_box-------------------------*/
	.gradation_box{padding: 38px 0 45px;}
	
	/*------------------------#campaion-------------------------*/
	#campaion { position: relative; padding: 54px 0 22%; background: url(../image/index/bg_42_sp.jpg) no-repeat center bottom, url(../image/index/bg_40_sp.jpg?=234561) no-repeat center top; background-size: 100%,cover;}
	#campaion .biglogo .logo_img{width: 100%; height: auto; }
	
	#campaion .biglogo .logo_box .logo_15{width: 65%; height: auto; padding: 2% 0 11%;}
	#campaion .biglogo .character_box .logo.animate__bounceInDown {width: 43%; height: auto; top: 23%;}
	#campaion .biglogo .character_box .img_21 { width: 80%;}
	#campaion .biglogo{ padding: 0; }
	#campaion .biglogo .logo_box {}
	#campaion .campaion_bg { padding: 0 0 15px;}
	#campaion .campaion_bg h3{ font-size: 14px; padding: 13% 0 0;}
	#campaion .campaion_bg h3 .firework_5{left: 20%;top: 2%;width: 25%;}
	#campaion .campaion_bg h3 .firework_6{ right: 17%; top: 15%; width: 16%;}
	#campaion .campaion_bg h3 p{ font-size: 13px; letter-spacing: 0.05em;}
	#campaion .campaion_bg h3 .logostar{ position: relative; width: 80%; margin: 0 auto;}
	#campaion .campaion_bg h3 .logostar:before{ top: -21px; left: -27px; width: 38px; height: 32px; background: url(../image/index/logo_2.png?=124124_l_sp.png?=124124?=240712) no-repeat center / 100%;}
	#campaion .campaion_bg h3 .logostar:after{ top: -30px; right: -20px; width: 35px; height: 39px; background: url(../image/index/logo_2.png?=124124_r_sp.png?=124124?=240712) no-repeat center / 100%;}
	#campaion h3 img { width: 100%;}
	#campaion .campaion_bg h3 .logo_26 {position: relative; top: auto; z-index: 2;}
	#campaion .campaion_bg h3 span {font-size: 14px;}
	
	#campaion .firework_1{ top: 15%; right: -11%; width: 27%;}
	#campaion .firework_2{ top: 7%; left: -14%; width: 20%;}
	#campaion .firework_7{ top: 19%; right: -20%; width: 29%;}
	#campaion .firework_8{ top: 19%; right: -20%; width: 29%;}
	#campaion .campaion_bg h3 .firework_5{ left: 15%; top: 7%; width: 22%;}
	#campaion .campaion_bg h3 .firework_6{ right: 18%; top: 16%; width: 14%;}
	
	#campaion .img_box{width: auto;  padding: 25px 0 30px; }
	
	#campaion .img_box .img_twe{ flex-flow: column; margin-bottom: 0;}
	#campaion .img_box .img_twe .chara{ width: 90%; margin: 0 auto; padding-bottom: 40px; position: relative;}
	#campaion .img_box .img_twe .chara p{ font-size: 15px; line-height: 260%; width: 85%; margin: 0 auto;}
	#campaion .img_box .img_twe .chara p span{ margin-bottom: 0px;}
	#campaion .img_box .img_twe .chara p span.left_tt{left: -6px;}
	#campaion .img_box .img_twe .chara p span.left_tt_2{left: -18px;}
	#campaion .img_box .img_twe .chara p span.left_tt_sp{left: -4px;}
	#campaion .img_box .img_twe .chara p ruby{padding: 11px 0 0;}
	
	#campaion .youtube{ width: 100%; padding: 20px 0 0;}
	#campaion .youtube::before,
	#campaion .youtube::after{ }
	#campaion .youtube::before{ top: -49px; left: -10px; width: 37px; height: 34px; transform: rotate(-26deg);}
	#campaion .youtube::after{ top: -63px; right: -10px; width: 66px; height: 52px; background: url(../image/index/img_41_sp.png?=124124?=240712) no-repeat center / 100%;}

	#campaion .img_box .logo_1 { top: 3%; right: 0%;width: 45%; height: auto;;}
	#campaion .img_box .logo_2 { bottom: 3%; left: 0%;;width: 45%; height: auto;}
	#campaion .img_box p{font-size: 14px; padding: 20px 0 0;}
	#carnival ul li .list_box p span{padding-left:4.5em; text-indent:-4.5em;}
	
	#campaion .tt_box{padding: 16px 0 0;}
	#campaion .tt_box h4{font-size: 18px;}
	#campaion .tt_box p{padding: 12px 0 0; font-size: 13px;}
	
	#campaion .tt_box h4 #title_one.over{width: 300px; }
	#campaion .tt_box h4 #title_twe.over{width: 300px; }
	#campaion .box .imgbox .box_top {flex-direction: column-reverse; padding: 0 0 10px;}
	#campaion .box .imgbox .box_top .img_15 {margin: 0% 0 30px;}
	#campaion .box .imgbox .box_top .img_16 {margin: 0% 0 30px;}
	
	#campaion .img_box .goods{width: 100%; padding: 41px 0 0; position: relative;}
	#campaion .img_box .goods .img_68{position: relative; z-index: 1;}
	#campaion .img_box .goods .firework_3 { top:auto; bottom: -19%;left: -13%;width: 30%;}
	#campaion .img_box h4{padding: 0 0 22px; width: 60%; height: auto; margin: 0 auto;}
	#campaion .img_box h4 img{width: 100%; height: auto;}

	#campaion .box .imgbox .box_bottom { width: auto;}
	#campaion .box .imgbox .box_bottom .img_17,
	#campaion .box .imgbox .box_bottom .img_18{width: 55%; height: auto;}

	#campaion .box .imgbox .box_bottom .img_17 {margin: 0;}
	#campaion .box .imgbox .box_top img{margin: 0 auto 10px; width: 70%; height: auto; display: block;}
	#campaion .box .imgbox h4 { font-size: 18px; }
	#campaion .box .imgbox h4 span { font-size: 18px;}
	#campaion .box .imgbox.list{ padding-top: 30px;}
	#campaion .box .imgbox.list .box_top::before{ top: 170px; left: -7%; width: 109%; height: 27%; background: url(../image/index/img_42_sp.png?=124124?=240712) no-repeat center / 100%;}
	#campaion .box .imgbox.list .box_top::after{ top: auto; bottom: 3px; right: -30px; width: 66px; height: 68px; background: url(../image/index/img_43_sp.png?=124124?=240712) no-repeat center / 100%;}

	@keyframes typing1 {
	  from { width: 0 }
	}
	@keyframes typing2 {
		0%{width: 0;}
		40%{width: 0;}
		100%{ width: 100; } 
	}
	    
	@keyframes effect {
	  50% { border-color: transparent;}
	}

	
	#campaion .show{ padding: 0;}
	#campaion .show .firework_3{ top: 64%;width: 33%;right: -10%;}
	#campaion .show .firework_4 { top: 19%; width: 18%; left: -11%; }
	#campaion .show h4{ width: 100%; margin: 0 auto 25px; position: relative; z-index: 2;}
	#campaion .show h4 img{ width: 100%; height: auto;}
	#campaion .show .showimg{ width: 90%; margin: 0 auto; position: relative;}
	#campaion .show .showimg img{ width: 100%; height: auto;}
	#campaion .show .showimg p{ font-size: 12px; line-height: 150%; padding: 20px 0 0;}
	#campaion .show .fv_slick_top{ padding-top: 28%;}
	#campaion .show .fv_slick_top img{ width: 415px; height: auto;}
	#campaion .show .showimg .balloon { left: -7%; width: 45%; height: auto; top: -7%;}
	/*------------------------#food_spring-------------------------*/
	#food_spring{background: url(../image/index/bg_36_sp.png) no-repeat center top ,url(../image/index/bg_41_sp.jpg?var=2411) no-repeat center center,#fff2f8; background-size: 100%, cover; padding: 0 0 70px; }
	#food_spring .logo_box{padding: 8% 0 0;}
	#food_spring .logo_box img{width: 97%; height: auto;}
	#food_spring {}
	#food_spring .box .tt_box{position: relative;}
	#food_spring h4{text-align: center; width: 75%; margin: 0 auto;}
	#food_spring h4 img{display: inline-block;}
	#food_spring .box{position: relative;}
	#food_spring .box.menu_1{width: 100%; padding: 13px 0 0; margin: 0 auto;}
	
	#food_spring .food_box{ padding: 60px 0 0; }
	
	#food_spring .box.menu_2{padding: 25px 0 0;}
	#food_spring .box.menu_3{ padding: 0; margin: 30px 0 0;}
	#food_spring .box.menu_1 .img_72{position: relative; top: auto; left: auto; display: block; width: 95%; margin: 0 auto;}
	#food_spring .box.menu_1 .tt_box{width: 100%; height: auto; margin: 27px auto 0;}
	#food_spring .box.menu_1 .tt_box .tt{padding: 15px 20px 20px;}
	#food_spring .box.menu_2 .tt_box .tt{padding: 15px 20px 20px;}
	
	#food_spring .box.menu_2 .tt_box {width: 100%;margin: 15px auto 0;}
	#food_spring .box.menu_3 .tt_box{width: 100%; height: auto; margin: 10px auto 0;}
	#food_spring .box.menu_1 .tt_box:before{ height: 98%;}
	#food_spring .box.menu_2 .tt_box:before{ height: 98%;}
	#food_spring .box.menu_3 .tt_box:before{height: 98%;}
	#food_spring .box .tt_box .tt{padding: 15px 25px 20px; }
	#food_spring .box .tt_box:before{bottom: -5px; right: -5px;}
	#food_spring .box .tt_box .tt p{font-size: 12px; }
	#food_spring .box .tt_box .tt p span{font-size: 15px; padding: 0 0 5px;}
	
	#food_spring .top_box{}
	#food_spring .top_box h4{width: 60%; -webkit-animation-name: backInDown_2; animation-name: backInDown_2;}
	@keyframes backInDown_2 {
	  0% {
	    -webkit-transform: translateY(-300px) scale(0.7);
	    transform: translateY(-300px) scale(0.7);
	    opacity: 0.7;
	    margin: 0 auto;
	  }
	
	  80% {
	    -webkit-transform: translateY(0px) scale(0.7);
	    transform: translateY(0px) scale(0.7);
	    opacity: 0.7;
	    margin: 0 auto;
	  }
	
	  100% {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	    opacity: 1;
	    margin: 0 auto;
	  }
	}
	#food_spring .btm_box h4{ -webkit-animation-name: backInDown_3; animation-name: backInDown_3;}
	@keyframes backInDown_3 {
	  0% {
	    -webkit-transform: translateY(-300px) scale(0.7);
	    transform: translateY(-300px) scale(0.7);
	    opacity: 0.7;
	    margin: 0 auto;
	  }
	
	  80% {
	    -webkit-transform: translateY(0px) scale(0.7);
	    transform: translateY(0px) scale(0.7);
	    opacity: 0.7;
	    margin: 0 auto;
	  }
	
	  100% {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	    opacity: 1;
	    margin: 0 auto;
	  }
	}
	
	#food_spring .top_box .title_box{padding: 20% 0 0; overflow: hidden;}
	#food_spring .btm_box .title_box{padding: 16% 0 0; overflow: hidden;}
	#food_spring .btm_box .box.menu_2 .img_73{position: relative; top: auto; width: 100%; left: 52%;}
	@keyframes fadeInRightBig_2 {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(15%, 0, 0);
	    transform: translate3d(15%, 0, 0);
	    left: 52%;
	  }
	
	  to {
	    opacity: 1;
	    -webkit-transform: translate3d(-50%, 0, 0);
	    transform: translate3d(-50%, 0, 0);
	    left: 52%;
	  }
	}
	
	#food_spring .btm_box .box.menu_3 .img_74{position: relative; top: auto; right: -3%;}
	
	/*------------------------renewal-------------------------*/
	#renewal{background: url(../image/index/bg_2_sp.png?=124124?=240712) no-repeat center top; background-size: 100%; padding: 0; }
	#renewal h3{ background: url(../image/index/bg_1.png?=124124?=240712) no-repeat center top -20px; background-size: 100%; padding: 40px 0 15px;}
	#renewal h3 span{ font-size: 14px;}
	#renewal h3 img{padding: 0 0 10px; width: 90%;}
	#renewal .min_inner {width: 100%;}
	#renewal .youtube_box h3{font-size: 18px;padding: 0px 0 10px; }
	#renewal .youtube{ padding: 56.5% 0 0;width: auto;}
	
	#renewal .bg_box{padding: 39px 0 0px; min-width: auto;}
	#renewal .box{min-width: auto;}
	#renewal .jungle_gym .inner_box{padding: 87% 0 30px; }
	#renewal .slider .inner_box{padding: 84% 0px 30px;}
	#renewal .athletic .inner_box{padding:64% 0 0;}
	#renewal .attraction .inner_box{padding: 80% 0 0;}


	
	#renewal .box .playground{width: 100%; height: auto; margin: 0 auto;}
	#renewal .jungle_gym img.playground{ top: 0px; right: 0%; left: 0%; }
	#renewal .slider img.playground{ top: 0px; left: 0%; right: 0%;}
	#renewal .athletic img.playground{ top: 0px; right: 0%; left: 0%; }
	#renewal .attraction img.playground{ top: 0px; left: 0%; right: 0%;}
	
	#renewal .box .tt{width: 85%; height: auto;}
	#renewal .box .tt p{font-size: 16px; width: auto; padding: 11px 0 0;}
	#renewal .box .tt h4{width: 100%; height: auto;}
	#renewal .box .tt h4 img{width: 100%; height: auto;}
	
	#renewal .jungle_gym .tt{ margin: 0;}
	#renewal .athletic .tt{ margin: 0;}
	#renewal .slider .tt,
	#renewal .attraction .tt{ margin: 0px 0 0 auto;}
	#renewal .athletic .tt p{width: auto;}
	
	#renewal .jungle_gym .tt p{margin: 0 10px 0 22px;}
	#renewal .slider .tt p{margin: 0 22px 0 10px;}
	#renewal .athletic .tt p{margin: 0 10px 0 22px;}
	#renewal .attraction .tt{width: 90%;}
	#renewal .attraction .tt p{margin: 0 22px 0 10px;}
	#renewal .line.special{margin: 10px auto 44px; background: url(../image/index/bg_14.png?=124124?=240712) no-repeat center top; background-size: auto; background-size: 100%; padding: 5% 0 0%;}
	
	
	#bubblefountain .bubblefountain_box{ background: url(../image/index/bg_21.png?=124124?=240712) no-repeat center top / cover; padding: 13% 0 10%;}
	#bubblefountain .bubblefountain_box .bubble{ position: absolute; max-width: none;}
	#bubblefountain .bubblefountain_box .bubble_l{ top: 1%; left: 0; right: auto;width: 40%; height: auto;}
	#bubblefountain .bubblefountain_box .bubble_r{ top: 1%; left: auto; right: 0;width: 47%; height: auto;}
	#bubblefountain .bubblefountain_box .img_32 {  padding:0;width: 100%; height: auto; margin: 0 auto;}
	#bubblefountain .bubblefountain_box h4{ margin-bottom: 20px; position: relative; z-index: 2;}
	#bubblefountain .bubblefountain_box h4 img{ width: 90%;}
	#bubblefountain .bubblefountain_box h5{ width: 90%; font-size: 26px; padding: 25px 0; margin: 0 auto;}
	#bubblefountain .bubblefountain_box p{ font-size: 14px;}
	
	
	#renewal .adventure .inner_box {padding: 56% 0 0;}
	#renewal .attraction img.playground{position: absolute; top: -45px; left: -149px;}
	#renewal .adventure img.playground{width: 90%; }
	#renewal .adventure .tt p {margin: 0 0px 0 23px;}
	#renewal .adventure .tt h4:before{ width: 24%; height: 71%; top: -55%; left: -6%;}

	.air_attraction{background: url(../image/index/bg_24.jpg?=124124) repeat center center; background-size: 6px;}
	.air_attraction .air_attraction_box{padding: 50px 0 37px;}
	.air_attraction h3{background:url(../image/index/bg_25_sp.png?=124124) no-repeat center bottom; background-size: 100%;  padding: 0px 0 7%; font-size: 14px;}
	.air_attraction h3 img { padding:0 0 2%;}
	.air_attraction h3 span{font-size: 18px;}
	.air_attraction .img_main{ margin: 0 auto; padding:10% 0 5%; width: 95%; }
	.air_attraction .img_main .img_1{width: 100%; height: auto;}
	.air_attraction .img_main .img_main_box{padding: 25% 0 0;position: relative;}
	.air_attraction .img_main .logo{top: 0%; right: 0; width: 80%; transform: translateX(-50%) rotateZ(0deg); left: 50%;}
	.air_attraction .img_main .cloud_1{right: 14.5%; top: 34%; width: 8%;}
	.air_attraction .img_main .cloud_2{right: 1.5%; top: 38%; width: 12%;}
	.air_attraction .img_main .cloud_3{ left: 0%; bottom: 25%; width: 11.9%;}
	.air_attraction .img_main .img_47{ top: 75.8%; left: 3.5%; padding-left: 8.9%; width: 36%; }
	.air_attraction .img_main .img_47 .icn{left: 0px; top: 5%; width: 22%;}
	.air_attraction .img_main .img_48{top: 82%; right: 10%; padding: 1% 6.6% 0 0; width: 27.8%; height: auto;}
	.air_attraction .img_main .img_48 .icn{right: 0px; top: 0px;width: 18%;}
	/*-------------- アニメーション --------------*/
	fadeInLeftBig {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(-40%, 0, 0);
	    transform: translate3d(-40%, 0, 0);
	  }
	
	  to {
	    opacity: 1;
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
	  }
	}
	@keyframes fadeInLeftBig {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(-40%, 0, 0);
	    transform: translate3d(-40%, 0, 0);
	  }
	
	  to {
	    opacity: 1;
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
	  }
	}
	
	@-webkit-keyframes fadeInRightBig {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(40%, 0, 0);
	    transform: translate3d(40%, 0, 0);
	  }
	
	  to {
	    opacity: 1;
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
	  }
	}
	@keyframes fadeInRightBig {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(40%, 0, 0);
	    transform: translate3d(40%, 0, 0);
	  }
	
	  to {
	    opacity: 1;
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
	  }
	}
	
	#renewal .title .star_1{ width: 3%; top: 38.5%; left: 0%;}
	#renewal .title .star_2{ width: 4%; top: 57%; left: 20%;}
	#renewal .title .star_3{ width: 3.5%; top: 33%; right: 21%;}
	#renewal .title .star_4{ width: 3.5%; top: 54.8%; right: 0.3%;}
	#renewal .title .star_5{ width: 3%; top: 34.6%; right: -1%;}
	#renewal .title .star_6{ width: 3.5%; top: 30%; left: 39%;}	
	
	/*------------------------#christmas-------------------------*/
	#christmas{padding: 45px 0 0;}
	#christmas .biglogo .logo_img{width: 100%; height: auto; }
	
	#christmas .biglogo .logo_box .logo_15{width: 65%; height: auto; padding: 2% 0 11%;}
	#christmas .biglogo .character_box .logo.animate__bounceInDown {width: 47%; height: auto; top: 9%;}
	#christmas .biglogo .character_box .img_21 { width: 90%; margin: 0 auto 0 5%;}
	#christmas .biglogo{ padding: 0; }
	#christmas .biglogo .logo_box {}

	
	#christmas .christmas_box{background: url(../image/index/bg_26_sp.png?=124124) no-repeat center top,url(../image/index/bg_29_sp.png?=124124) no-repeat center top; background-size:cover,cover; padding: 0 0 58px; position: relative;margin: -15% 0 0;}
	#christmas .christmas_box:before{ content: ""; display: block; background: url(../image/index/bg_29_sp_1.png?=124124) no-repeat center center; background-size: cover; width: 100%; height: auto; padding: 5% 0; position: absolute; top: -2.1%; }
	
	#christmas .christmas_box .ball_box{width: 95%; height: 4.5%; top: 0; overflow: hidden;}
	#christmas .christmas_box .ball_box .ball{width: 8.5%; height: auto; top: auto;}
	#christmas .christmas_box .ball_box .ball_1{left: 0px; bottom: 0px; }
	#christmas .christmas_box .ball_box .ball_2{left: 8.7%; bottom: 45%;}
	#christmas .christmas_box .ball_box .ball_3{right: 8.7%; bottom: 45%;}
	#christmas .christmas_box .ball_box .ball_4{right: 0px;bottom: 0px; }
	
	#christmas .christmas_box .object_box{width: 100%; height: 100%; margin: 0 auto;transform: translateX(-50%); left: 50%;}
	#christmas .christmas_box .object_box .snow{}
	#christmas .christmas_box .object_box .snow_1{ left: 2%; top: 30%; width: 9%; }
	#christmas .christmas_box .object_box .snow_2{ right: 15%; top: 30.5%; width: 4%;}
	#christmas .christmas_box .object_box .snow_3{left: auto; top: 32.6%; right: -4%; width: 13%;}
	#christmas .christmas_box .object_box .snow_4{ right: 9%; top: 48%; width: 3%;}
	#christmas .christmas_box .object_box .snow_5{ right: 6%; top: 82.1%; width: 10%;}
	#christmas .christmas_box .object_box .snow_6{ top: 64%; width: 14%; left: -4%;}
	
	#christmas .christmas_box .object_box .star{position: absolute;}
	#christmas .christmas_box .object_box .star_1{ left: auto; right: 9%; top: 39%; width: 7%;}
	#christmas .christmas_box .object_box .star_2{ right: 7%; top: 61%; width: 9%;}
	#christmas .christmas_box .object_box .star_3{ left: 43%; top: 73%; width: 8%;}
	#christmas .christmas_box .title{background: url(../image/index/bg_28_sp.png?=124124) no-repeat center top 18%; background-size: 85%;top: -0.3%;}
	#christmas .christmas_box .title .title_logo{padding: 32px 0 0; background: none;}
	#christmas .christmas_box .title .title_logo img{width: 100%; height: auto;}
	#christmas .christmas_box .title{ padding: 0;}

	#christmas .christmas_box .title .title_logo .img_1{padding: 0 0 15px; width: 70%; margin: 0 auto;}
	#christmas .christmas_box .title img{width: 40%;}
	#christmas .christmas_box .title .event{ width: 100%; background: url(../image/index/bg_27_sp.png?=124124) no-repeat center center; background-size: 276px; padding: 15px 0 16px; margin: 15px auto 0;}
	#christmas .christmas_box .title .event p{ font-size: 14px; display: block;font-family: 'NotoSansJP-Bold';}
	#christmas .christmas_box .title .event p.ev_tt:after {display: none;}
	#christmas .christmas_box .title .event p.ev_tt{padding: 0 0 5px;}
	#christmas .christmas_box .title .event p span{font-size:14px;font-family: 'NotoSansJP-Bold';}
	#christmas .christmas_box .title .event p span.din{font-size: 23px;font-weight: 600;}
	#christmas .christmas_box .title .event p span.mincho{ font-size: 15px; padding: 0 10px;}
	
	#christmas .christmas_box .img_box{width: 100%; margin: 0px auto; padding: 160% 0 0;}
	#christmas .christmas_box .img_box .box{ margin-bottom: 15px; display: flex; align-items: center;align-items: center}
	#christmas .christmas_box .img_box .box:not(:last-child){margin-right: 0;}
	#christmas .christmas_box .img_box .box.left_box{flex-direction: row-reverse;}
	#christmas .christmas_box .img_box .flex{ flex-direction: column;}
	#christmas .christmas_box .img_box .flex.top .box:last-child{width: 100%;}
	#christmas .christmas_box .img_box img{display: inline-block;width: 50%; padding: 0px;}
	#christmas .christmas_box .img_box p{font-size: 15px; display: inline-block;text-align: left;padding: 0 2% 0 3%; }
	#christmas .christmas_box .img_box .box.left_box img{}
	#christmas .christmas_box .img_box .box.left_box p{padding: 0 3% 0 2%;}
	
	#christmas .christmas_box .explanation_box{width: auto; height: auto; margin: 15px auto 0;}
	#christmas .christmas_box .explanation_box .flex{ flex-direction: column;}
	#christmas .christmas_box .explanation_box .flex .gold {position: relative; padding: 0;width: 100%;}
	#christmas .christmas_box .explanation_box .flex .gold span{font-size: 20px; padding: 16px 0 5px; border-radius: 20px 20px 0 0; width: 100%; display: block;}
	#christmas .christmas_box .explanation_box .flex .gold:after{background: url(../image/index/icn_4_sp.png?=124124) no-repeat center top; background-size: 100%; width: 100%; height: auto; position: initial; padding: 4% 0 0; display: block;}
	#christmas .christmas_box .explanation_box .flex .tt_box{padding: 12px 18px 30px 15px;}
	#christmas .christmas_box .explanation_box .flex .tt_box h4{font-size: 18px; padding: 0 0 5px;}
	#christmas .christmas_box .explanation_box .flex .tt_box .text{font-size: 11px; padding: 10px 0 0; line-height: 180%;}
	#christmas .christmas_box .explanation_box .flex .text:before{width: 12.5%; height: auto; right: 10%; padding: 11% 0 0; top: 17%;}
	#christmas .christmas_box .explanation_box .flex .text:after{ width: 12%; height: auto; right: -2%; top: 22%; padding: 8% 0;}

	/*------------------------create-------------------------*/
	#create{padding: 30px 0 92px;}
	#create h3 span{ font-size: 14px;}
	#create .fv_slick_top .img{width: 627px; height: auto;}
	#create .fv_slick_bottom img{width: 630px; height: auto;}
	#create .create_bg .create_bg_twe .box .img_26{position: absolute; top: 0px; left: -4%; width: 45%; height: auto;}
	#create .create_bg .create_bg_twe .box .img_27{position: absolute; top: 0px; right: -4%;  width: 45%; height: auto;}
	#create .create_bg .create_bg_twe .box .img_28{position: absolute; bottom: 0px; left: -8%; z-index: 1; width: 45%; height: auto;}
	#create .create_bg .create_bg_twe .box .img_29{position: absolute; bottom: 0px; right: -4%; z-index: 1; width: 45%; height: auto;}
	#create .create_bg{background-size: 101px;}
	#create .create_bg .create_bg_twe{}
	#create .create_bg .create_bg_twe .box{padding:37% 0 33%;  background: url(../image/index/bg_20.png?=124124?=240712) no-repeat center center; background-size: 100%; margin: 0 0 20px; min-width: auto; width: auto;}
	#create .create_bg .create_bg_twe .box h3{line-height: 180%;}
	#create .create_bg .create_bg_twe .box h3 img{padding: 0 0 10px;width: 70%;}
	
	
	@-webkit-keyframes backInDown {
	  0% {
	    -webkit-transform: translateY(-70%) scale(0.7);
	    transform: translateY(-70%) scale(0.7);
	    opacity: 0;
	  }
	  
	  1% {
	    -webkit-transform: translateY(0px) scale(0.7);
	    transform: translateY(0px) scale(0.7);
	    opacity: 0.7;
	  }
	  80% {
	    -webkit-transform: translateY(0px) scale(0.7);
	    transform: translateY(0px) scale(0.7);
	    opacity: 0;
	  }
	
	  100% {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	    opacity: 1;
	  }
	}
	@keyframes backInDown {
	  0% {
	    -webkit-transform: translateY(-70%) scale(0.7);
	    transform: translateY(-70%) scale(0.7);
	    opacity: 0;
	  }

	  1% {
	    -webkit-transform: translateY(0px) scale(0.7);
	    transform: translateY(0px) scale(0.7);
	    opacity: 0.7;
	  }
	
	  80% {
	    -webkit-transform: translateY(0px) scale(0.7);
	    transform: translateY(0px) scale(0.7);
	    opacity: 0.7;
	  }
	
	  100% {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	    opacity: 1;
	  }
	}
	
	#create .create_bg .create_bg_twe .create_link_box{display: flex; flex-wrap: wrap; padding: 0 0 20px;}
	#create .create_bg .create_bg_twe .create_link_box li{width: 100%; height: auto;}
	#create .create_bg .create_bg_twe ul li img.link_btn{width: 100%; height: auto;}
	#create .create_bg .create_bg_twe ul li:nth-of-type(odd){margin-right: 0;}
	#create .create_bg .create_bg_twe .create_link_box li:nth-child(1) { margin-bottom: 22px;}
	
	#create .create_bg .create_bg_twe .create_link_box li a .ig.ig_7{ bottom: 5%; left: 2%; width: 18%; ;}
	#create .create_bg .create_bg_twe .create_link_box li a .ig.ig_8{ bottom: 5%; left: 3%; width: 13%; }
	#create .create_bg .create_bg_twe .create_link_box li a .ig.ig_19 {bottom: 10%;width: 10%;right: 7%;}
	#create .create_bg .create_bg_twe .create_link_box li a .ig.ig_20{ bottom: 7%;right: 10%; width: 13%;;} 
	
	#create .create_bg .create_bg_twe .create_bg_therr .star_1{ top: 49.95%; left: 1%; width: 6%; height: auto;}
	#create .create_bg .create_bg_twe .create_bg_therr .star_2{ top: 0.65%; right: 41.45%; width: 6%; height: auto;}
	#create .create_bg .create_bg_twe .create_bg_therr .star_3{ top: 23%; right: 3%; width: 5%; height: auto;}
	#create .create_bg .create_bg_twe .create_bg_therr .star_4{ top: 51.3%; right: 17.5%; width: 5%; height: auto;}
	#create .create_bg .create_bg_twe .create_bg_therr .star_5{ top: 34%; left: 6%; width: 5%; height: auto;}

	
	#create .create_bg .create_bg_twe .link_box .logo_img img{padding: 0 0 5%; width: 80%; height: auto; margin: 0 auto;}
	#create .create_bg .create_bg_twe .link_box .logo_img img.SP{display: inline-block;}
	#create .create_bg .create_bg_twe .link_box .logo_img img.PC{display: none;}
	#create .create_bg .create_bg_twe .link_box{background: url(../image/index/bg_17_sp.png?=124124?=240712) no-repeat center bottom; background-size: 100%; width: 90%; margin: 0 auto; padding: 10% 0 2%;}
	#create .create_bg .create_bg_twe .link_box ul{ flex-direction: column; align-items: center; width: 100%;}
	#create .create_bg .create_bg_twe .link_box ul li{width: 35%; height: auto;}
	#create .create_bg .create_bg_twe .link_box ul li a{width: 100%; height: auto; display: block;}
	#create .create_bg .create_bg_twe .link_box ul li:not(:last-child){margin: 0 0 4%;}
	#create .create_bg .create_bg_twe .link_box ul li img{width: 100%; height: auto;}
	
#create .fv_slick_bottom .img {width: 500px;height: auto;}
	/*------------------------solving_riddles-------------------------*/
	#solving_riddles{overflow: hidden; background: url(../image/index/bg_31.png?=124124) repeat center center; background-size: 41px;}
	#solving_riddles .solving_riddles_box{padding: 38px 0 59px}
	#solving_riddles .solving_riddles_box .title_box .img_64{width: 24%; left: -11%; top: auto; bottom: -35%;}
	#solving_riddles .solving_riddles_box .title_box .img_65{width: 32%; right: -15%; top: auto; bottom: -34%;}
	#solving_riddles .solving_riddles_box h3 span{ font-size: 14px;}
	#solving_riddles .solving_riddles_box .flex{padding: 29px 0 0; position: relative; z-index: 2;}
	#solving_riddles .solving_riddles_box .flex a:not(:last-child){margin: 0 2% 0 0;}
	#solving_riddles .solving_riddles_box .flex a{width: 48%; height: auto;}
	#solving_riddles .solving_riddles_box .flex a.link_1{background: url(../image/index/bg_32_sp.png?=124124) no-repeat center top; background-size: cover;}
	#solving_riddles .solving_riddles_box .flex a.link_2{background: url(../image/index/bg_33_sp.png?=124124) no-repeat center top; background-size: cover;}

	#solving_riddles .solving_riddles_box .flex a.link_1 .box{padding: 100% 0px 7%;}
	#solving_riddles .solving_riddles_box .flex a.link_2 .box{padding: 107% 0 14%;}
	#solving_riddles .solving_riddles_box .flex a .box img{padding:6px 0 0 0; width: 79%; height: auto;}
	#solving_riddles .solving_riddles_box .flex a .box h4{background-size: 7px, 7px;font-size: 14px; padding: 0 12px;}
	#solving_riddles .solving_riddles_box .flex a .link_box{padding: 7px 0 10px;}
	#solving_riddles .solving_riddles_box .flex a .link_box img{width: 56.5%; height: auto;}
	#solving_riddles .solving_riddles_box .flex a .link_box:before{left: 9%;}
	#solving_riddles .solving_riddles_box .flex a.link_1 .link_box:before{background-size: 100%; width: 13px; height: 18px;}
	#solving_riddles .solving_riddles_box .flex a.link_2 .link_box:before{ background-size: 100%; width: 14px; height: 21px;}
	#solving_riddles .solving_riddles_box .flex a .link_box:after{border-top: 4px solid transparent; border-bottom: 4px solid transparent; right: 5%;}
	#solving_riddles .solving_riddles_box .flex a.link_1 .link_box:after{ border-left: 5px solid #000;}
	#solving_riddles .solving_riddles_box .flex a.link_2 .link_box:after{ border-left: 5px solid #471717;}

	#solving_riddles .fv_slick_top .img{width: 500px; height: auto;}

}