@charset "utf-8";

.menuNav {position:absolute;left:0;top:96px;width:100%;height:auto;background: transparent;border-top:1px solid rgba(255,255,255,0.5);border-bottom:1px solid rgba(255,255,255,0.5);z-index:10;transition:top 1s ease}
.menuNav ul {display:flex;height: 60px;width: 100%;max-width: 1020px;margin: 0 auto;align-items: center;justify-content: space-around;}
.menuNav ul li {position:relative;flex:auto;text-align:center}
.menuNav ul li a {display:block;font-size:17px;color:#fff;font-weight:600;font-family: 'Poppins','welcome', serif;}
.menuNav ul li + li {margin-left:90px}
.menuNav ul li + li:before {content:'';display:block;position:absolute;top:50%;left:-54px;width:8px;height:8px;border-radius:50%;background-color:rgba(255,255,255,0.45);transform:translateY(-50%)}
.menuNav.up,
.menuNav.down{top:-100px;}

.mainContainer {width:100%;overflow: hidden;}
.mainContainer.on #main_visual .reservBox{opacity:1}
.mainContainer.on #main_visual .visualBox .bg{width:103%;opacity:1}
#mainContainer{background:transparent;transition:background 1s ease}

#mainContainer h3{transition:color 1s ease}
#mainContainer strong{transition:-webkit-text-stroke-color 1s ease, color 1s ease}
#mainContainer p{transition:color 1s ease}
#mainContainer .btn{transition:color 1s ease background-color 1s ease, -webkit-text-stroke-color 1s ease;background-color:transparent;}
#mainContainer .btn:hover{background-color:#212C92}
#mainContainer .btxt{transition:color 1s ease}

#mainContainer.blue h3{color:#FF0099 !important}
#mainContainer.blue strong{-webkit-text-stroke-color: #FF0099 !important;color:transparent}
#mainContainer.blue p{color:#fff !important}
#mainContainer.blue .btn{border-color:#fff;background:transparent;color:#fff;}
#mainContainer.blue .btn:hover{background-color:#fff;color:#212C92}
/* #mainContainer.blue .btxt{color:#212C92} */

#main_visual {position:relative;width:100%;height: calc(var(--vh, 1vh) * 100);min-height:770px}
#main_visual .bg_imgs{z-index:-1;overflow:hidden;height: calc(var(--vh, 1vh) * 100);min-height:770px}
#main_visual .bg_imgs:before{content:'';width:100%;height:100%;background:#000;opacity:0.2;position:absolute;z-index:1;left:0;top:0}
#main_visual .bg_imgs video{width:100%;height:100%;object-fit:cover}
#main_visual .slideBox {position:relative;width:100%;height: calc(var(--vh, 1vh) * 100);}
#main_visual .slideBox > img {position:absolute;width:100%;height:100%;object-fit:cover;z-index:-1}
/*.slideBox .txtBox {position:absolute;top:35%;left:50%;transform:translateX(-50%);z-index:0}
.slideBox .txtBox p strong {font-size:90px;color:#fff;font-family: 'Poppins', serif;font-weight:700;text-align:center;line-height:1}
.slideBox .txtBox p span {font-size:90px;font-weight:700;color:transparent;z-index:1;font-family: 'Poppins', serif;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#fff;}
.slideBox .txtBox em {display:block;font-size:20px;font-weight:500;color:#fff;text-align:center;}*/
#main_visual .swiper-container-horizontal>.swiper-pagination-bullets {bottom:auto;top:50%;left:0;width:fit-content;transform:translateY(-50%) rotate(90deg)}
#main_visual span.swiper-pagination-bullet {background-color:#fff;opacity:1}
#main_visual span.swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#FF0099}
/*.main_visual .visualBg {position:absolute;width:100%;height:100vh}
.main_visual .visualBg video {position:absolute;width:100vw;height:100vh;top:0;left:0;object-fit:cover}
.main_visual .visualBg video::-webkit-media-controls { display: none !important;}*/
#main_visual .visualBox {position:absolute;top:50%;left:50%;width:fit-content;transform:translate(-50%, -60%);z-index:2;max-width:1080px;transition:all 0.5s ease;}
#main_visual .visualBox.on {transform:translate(-50%, -16%);}
#main_visual .visualBox.on .txtslider,
#main_visual .visualBox.on .line{opacity:0;}

#main_visual .visualBox .txtslider {display:flex;flex-direction: column;width:100%;}
#main_visual .visualBox .txtslider .txtBox{display:none}
#main_visual .visualBox .txtslider .txtBox.active{display:block}
#main_visual .visualBox .txtBox p {text-align:center}
#main_visual .visualBox .txtBox p strong span,
#main_visual .visualBox .txtBox p strong {font-size:100px;color:#fff;font-family: 'Poppins', serif;font-weight:700;text-align:center;line-height:1}
#main_visual .visualBox .txtBox p > span span,
#main_visual .visualBox .txtBox p > span{font-size:100px;font-weight:700;color:transparent;z-index:1;font-family: 'Poppins', serif;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#fff;}
#main_visual .visualBox .txtBox p > span span{opacity:0;top:40px;position:relative}
#main_visual .visualBox .txtBox p strong span{opacity:0;top:60px;position:relative;}
#main_visual .visualBox .txtBox .desc {display:block;position:relative;font-size:22px;font-weight:500;color:#fff;text-align:center;margin-top:10px;opacity:0;transition:all 1s ease;position:relative;top:40px}
#main_visual .visualBox .txtBox .desc.active {opacity:1;top:0;}

#main_visual .visualBox .bg{position:relative;opacity:0;width:200px;height:100px;display: flex;padding:22px 30px 22px 48px;font-family: 'Poppins', sans-serif !important;border:1px solid rgba(255,255,255,0.4);border-radius:60px;position: absolute; bottom: 0; z-index: 1;transition:all .5s ease, width 1.5s cubic-bezier(0.34, 1.56, 0.64, 1);left:50%;transform:translateX(-50%);}
#main_visual .visualBox .bg.on{height:144%;background:rgba(255,255,255,0.1);backdrop-filter: blur(12px);}
#main_visual .visualBox .bg .datepicker{opacity:0;display:none}
#main_visual .visualBox .bg.on .datepicker{opacity:1;transition:all 0.1s ease;transition-delay:0.5s;display:block;}
#main_visual .visualBox .bg .close{position: absolute; right: 25px; top: 25px;display:none;opacity:0;z-index:10;cursor:pointer}
#main_visual .visualBox .bg.on .close{opacity:1;transition:all 1s ease;transition-delay:1s;display:block;}
#main_visual .visualBox .line{background: rgba(255,255,255,0.3);width: 2px;height: 80px;position: absolute;bottom: -140px;left: 50%;transform: translateX(-50%);overflow:hidden}
#main_visual .visualBox .line:before{content:'';width:2px;height:35px;background:#fff;position:absolute;animation: slideInBottom 2s cubic-bezier(0.46, 0.03, 0.52, 0.96) infinite;}

#main_visual .reservBox {position:relative;width:100%;height:100px;display: flex;padding:22px 40px 22px 40px;margin-top:54px; z-index:2;}
#main_visual .reservBox dl {position:relative;padding:0 24px;/* min-width:120px; */flex:1 1 auto}
#main_visual .reservBox dl:first-child {padding-left:0;/* width:138px */}
/* #main_visual .reservBox dl + dl:before {content:'';display:block;position:absolute;top:50%;left:0;width:1px;height:100%;background-color:#fff;transform:translateY(-50%)} */
/* #main_visual .reservBox dl.children:before {display:none} */
#main_visual .reservBox dl:last-child{padding:0}
#main_visual .reservBox dl dt {font-size:14px;font-weight:600;color:#D1D1D1;transition:color 0.5s ease}
#main_visual .reservBox dl:hover dt{color:#fff}
#main_visual .reservBox dl dd.dateBox {display:flex;align-items:center;}
#main_visual .reservBox dl dd .date {display:inline-block;font-size:20px;font-weight:500;color:#fff}
#main_visual .reservBox #date_picker_input {width:245px;background-color:transparent;color:white;cursor:pointer;letter-spacing:-1px;height:20px}
#main_visual .reservBox dl dd .date input{padding-left:0}
#main_visual .reservBox dl dd.numBox {display:flex;justify-content: space-between;align-items: center;}
#main_visual .reservBox dl dd.numBox.pc {margin-top:2px}
#main_visual .reservBox dl dd.numBox.mobile {display:none}
#main_visual .reservBox dl dd .number {display:inline-block;margin-top:3px;font-size:20px;font-weight:600;color:#fff;line-height:1}
#main_visual .reservBox dl dd.numBox.pc #local_str {width:75px}
#main_visual .reservBox dl dd .buttonBox {display:flex;flex-direction: column;height:100%;margin-top:3px}
#main_visual .reservBox dl dd .buttonBox button {padding-top:5px;font-size:0;width:30px;height:11px;background:url(../img/ico/Ico-arrow-up.png) no-repeat bottom center;background-size: 9.84px 6px;}
#main_visual .reservBox dl dd .buttonBox button:last-child {margin-top:1px;padding:0 0 11px 0;background-image:url(../img/ico/Ico-arrow-down.png);background-position:center center}
#main_visual .reservBox dl .promotion {width:170px;padding: 0;margin-top: 5px;height:20px;background-color: transparent;font-size:20px;font-weight:500;color:rgba(255,255,255,1)}
#main_visual .reservBox dl .promotion::placeholder {font-size:20px;font-weight:500;color:rgba(255,255,255,0.5)}
#main_visual .reservBox .btnDate {margin-left:10px;font-size:0;width:20.5px;height:22px;background:url(../img/common/ico_calender_w.svg) no-repeat 0 0;background-size:100%}
#main_visual .reservBox .bookBtn {position:relative;top:50%;width:135px;height:42px;font-size:15px;text-align:center;line-height:38.8px;color:#fff;font-weight:600;border-radius:60px;border:2px solid #fff;transform:translateY(-50%)}
#main_visual .menuBottom {position:absolute;left:0;bottom:0;display:flex;justify-content: center;width:100%;height:74px;border-top:1px solid rgba(255,255,255,0.5);z-index:2}
#main_visual .menuBottom ul {display:flex;width:100%;max-width:1034px;}
#main_visual .menuBottom ul li {position:relative;flex:1;height:100%;overflow:hidden;border-radius:0;background-color:transparent}
#main_visual .menuBottom ul li span {display:flex;align-items: center;justify-content: center;width:100%;height:100%;font-size:20px;color:#fff;font-weight:600;font-family: 'Poppins','welcome', serif;cursor:pointer;opacity:0.7;transition:opacity 1s ease;}
#main_visual .menuBottom ul li span:before {content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:#FF0099;transform:translateX(-100%);transition:all .3s ease-in-out;}
#main_visual .menuBottom ul li.active span{opacity:1}
#main_visual .menuBottom ul li.active span:before {content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:#FF0099;transform:translateX(0);transition:all 5s ease-in-out;}
/* .event {position: absolute;top: 50%;color: #fff;z-index: 10;transform: rotate(-90deg);right: 0;font-size: 20px;font-weight: 600;} */
#contentBox {position:relative;padding:160px 0 260px;overflow:hidden}
#contentBox .conBox {position:relative;display:flex;align-items: center;width:100%;margin:0 auto;max-width:1180px;justify-content: flex-end;}
#contentBox .conBox > .inner {padding:160px 0 180px;width:100%;display:flex}
#contentBox .conBox.waterpark > .inner {padding:180px 0 200px;}
#contentBox .conBox.clubmate > .inner {padding:200px 0}
#contentBox .conBox .imgBox {position:relative;width:400px;height:500px;border-radius:60px;overflow:hidden}
#contentBox .conBox .imgBox img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
#contentBox .conBox .txtBox {padding-left:100px}
#contentBox .conBox.whychoose .txtBox {padding:70px 0 0 100px}
#contentBox .conBox.whychoose .imgBox {margin-left:300px}
#contentBox .conBox .txtBox h3 {font-size:90px;color:#212C92;font-weight:700;font-family: 'Poppins', sans-serif;line-height:1;letter-spacing:-2px}
#contentBox .conBox .txtBox h3 span {display:block;font-size:90px;font-weight:700;color:transparent;z-index:1;font-family: 'Poppins', serif;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#212C92;}
#contentBox .conBox .txtBox p {margin:15px 0 60px;font-size:22px;color:#666;font-weight:500;line-height:26px}
#contentBox .conBox .txtBox .btn.view {width:150px;height:48px;line-height:44px;font-size:16px}
#contentBox .conBox .txtBox strong {position:absolute;left:calc(50% - 518px);bottom:240px;font-size:90px;font-weight:700;color:transparent;z-index:1;font-family: 'Poppins', serif;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#212C92;}
#contentBox .btxtBox {position:relative;height:200px;z-index:1}
#contentBox .btxtBox:last-of-type{height:50px;z-index:-1}
#contentBox .btxtBox em {position: absolute;top:25px;left:80vw;font-size:300px;line-height:1;font-weight:700;color:transparent;font-family: 'Poppins', serif;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#FF0099;}
#contentBox .conBox.waterpark {justify-content: flex-start;}
#contentBox .conBox.waterpark .txtBox {padding:100px 0 0 100px;z-index: 1;}
#contentBox .conBox.waterpark .txtBox p {margin:30px 0 80px 117px}
#contentBox .conBox.waterpark .txtBox .btn.view {margin-left:117px}
#contentBox .conBox.waterpark .imgBox {margin-left:-128px}
#contentBox .conBox.waterpark strong {left:calc(50% + 38px);bottom:250px}
#contentBox .conBox.waterpark + .btxtBox em {right: 80vw;left:auto;-webkit-text-stroke-color:#FF6B24;}
#contentBox .conBox.clubmate {margin-bottom:0}
#contentBox .conBox.clubmate .imgBox {margin-left:300px}
#contentBox .conBox.clubmate .txtBox {margin:80px 0 0 -70px;padding:0;z-index:1}
#contentBox .conBox.clubmate .txtBox p {display:flex;justify-content: flex-end;margin:30px -30px 100px 0}
#contentBox .conBox.clubmate .txtBox .btn.view {margin-left:180px}
#contentBox .conBox.clubmate strong {left: calc(50% - 530px);bottom:260px}
#contentBox .conBox.clubmate + .btxtBox em {left:80vw;top:0;-webkit-text-stroke-color:#202981;}
#contentBox .circleBox {position:absolute;top:30px;right:100px;display:none}
#contentBox .circleBox2 {position:absolute;top:9px;left:calc(50% + 34px);display:none}
#contentBox .starBox {position:absolute;bottom:24px;right:-17px;display:none}
#contentBox .starBox2 {position:absolute;top:-240px;left:14px;display:none}
#contentBox .patternBox {position:absolute;top:-40px;left:-140px}
#contentBox .patternBox2 {position:absolute;bottom:0;right:110px;display:none}
#contentBox .patternBox3 {position:absolute;bottom:-48px;left:auto;right:-100px}

#sihekyBox {position:relative;width:100%;margin-top:50px;padding:0 0 346px;background:#212C92 url(../img/main/bg_siheky_bottom.svg) no-repeat center bottom;background-blend-mode: darken;}
#sihekyBox .inner {position:relative;display:flex;align-items:top;width:100%;height:100%;max-width:1180px;margin:0 auto;z-index:1}
#sihekyBox .characterBox {position:relative;width:calc(100% - 500px);text-align:right}
#sihekyBox .titBox {position:absolute;top:110px;left:50px;z-index:1}
#sihekyBox .titBox strong {font-size:90px;text-align:left;font-weight:700;color:#fff;font-family: 'Poppins', serif;line-height:1;}
#sihekyBox .titBox strong span {display:block;font-size:90px;font-weight:700;color:transparent;font-family: 'Poppins', serif;line-height:1;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#fff;}
#sihekyBox .txtBox {width:500px;padding-left:70px;margin-top:90px}
#sihekyBox .txtBox h3 {font-size:90px;font-weight:700;color:transparent;font-family: 'Poppins', serif;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#fff;}
#sihekyBox .txtBox p {font-size:22px;font-weight:500;color:#fff;line-height:26px}
#sihekyBox .txtBox .btn.view {margin-top:70px;width:150px;height:48px;line-height:44px;font-size:16px;color:#fff;background-color:transparent;border-color:#fff}
#sihekyBox .txtBox .btn.view:hover {color:#212C92;background-color:#fff;border-color:#fff}
/* #sihekyBox .bgtop {position:absolute;top:-33px;left:0;width:100%;height:359px;background:transparent url(../img/main/bg_siheky_top.png) no-repeat center top;background-size:auto 359px} */
#sihekyBox:before{content: '';width:300vw;display: block;position: relative;top: -6.3vw;left: 0;background: transparent url(../img/siheky_wave.svg) repeat-x top left;animation: footerwave 7s linear infinite;background-size:100vw 100%;height:6.4vw;}
#sihekyBox .cloud {position:absolute;top:-200px;left:0;z-index:-1}
#sihekyBox .aniBox .fish {position:absolute;bottom:145px;left:calc(50% + 45px);animation: cloud 3s ease infinite;}
#sihekyBox .aniBox .fish2 {position:absolute;bottom:45px;left:184px;animation: cloud 5s ease infinite;}
#sihekyBox .aniBox .fish3 {position:absolute;left:calc(50% - 275px);top:0;animation: cloud 3s ease infinite;}
#sihekyBox .aniBox .bubble {position:absolute;bottom:-135px;right:50%;animation: cloud 6s ease infinite;}
#sihekyBox .aniBox .bubble2 {position:absolute;bottom:73px;left:-142px;animation: cloud 7s ease infinite;}
#sihekyBox .aniBox .bubble3 {position:absolute;bottom:95px;right:-83px;animation: cloud 4s ease infinite;}
#sihekyBox .aniBox .bubble4 {position:absolute;bottom:73px;left:-55px;animation: cloud 10s ease infinite;}
#sihekyBox .aniBox .bubble5 {position:absolute;bottom:50px;left:calc(50% + 110px);animation: cloud 8s ease infinite;}

#videolistBox {position:relative;padding:250px 0;background:#fff;display:none}
#videolistBox .inner {margin:-35px 0}
#videolistBox .vList {position:relative;display: flex;flex-direction: column;left:145px;padding:35px 0;}
#videolistBox .vList.guam{display: none;}
#videolistBox .vList.saipan {right:145px;left:auto;display: flex;flex-direction: column;align-items: flex-end;}
#videolistBox .vList ul {margin:0 -15px;display:flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-start;white-space: nowrap;width:max-content}
#videolistBox .vList.saipan ul {flex-direction: row-reverse;}
#videolistBox .vList ul li {position:relative;width:352px;height:243px;margin:0 15px}
#videolistBox .vList ul li img {width:100%;height:100%;object-fit:cover}
#videolistBox .vList ul li a{transition:border-radius 1s ease;border-radius:0;overflow:hidden;display:block;}
#videolistBox .vList ul li a:hover{border-radius:30px;}
#videolistBox .vList h3 {font-size:103px;font-weight:700;color:#212C92;font-family: 'Poppins', serif;white-space: nowrap;line-height:1}
#videolistBox .vList.saipan h3 {color:#FF0099;}
#videolistBox .vList h3 span {font-size:103px;font-weight:700;color:#fff;font-family: 'Poppins', serif;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#212C92;}
#videolistBox .vList{
		animation: videolistBox 100s linear infinite;
	}
#videolistBox .vList.saipan{
		animation: videolistBox2 100s linear infinite;

}


@media (max-width: 1000px) {

	.topMenu .weatherBox {display:none}
	#gnbM .weatherBox {filter:none}
	.menuNav {display:none}
	#header.main.on {z-index:0}
	#header.main .topMenu{background-color:transparent}
	#mainContainer.blue {background:#212C92}
	#main_visual {display: flex;align-items: center;justify-content: center;min-height:550px}
	#main_visual .bg_imgs{min-height:550px}
	#main_visual .visualBox{position: absolute;width: calc(100% - 14.5vw);top: 50%;left: auto;transform: none;margin-top: -50%;/*transform: translate(-50%, -70%);*/}
	.swiper-container-horizontal>.swiper-pagination-bullets {display:none}
	.mainContainer.on #main_visual .visualBox .bg{width:100%;}
	#main_visual .menuBottom {position:absolute;left:0;bottom:0;display:flex;justify-content: center;width:100%;height:13.5vw;}
	#main_visual .bg_imgs:before{opacity:0.3}
	#main_visual .menuBottom.on {z-index:0}
	#main_visual .menuBottom ul {display:flex;width:100%;max-width:188.0vw;justify-content: space-evenly;}
	#main_visual .menuBottom ul li {position:relative;width:auto;height:100%;overflow:hidden;border-radius:0;background-color:transparent;}
	#main_visual .menuBottom ul li span {display:flex;align-items: center;justify-content: center;width:100%;height:100%;font-size:3.4vw;line-height: 3.1vw;color:#fff;font-weight:600;padding: 0 2.6vw;}
	#main_visual .menuBottom ul li span:before {content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#FF0099;transform:translateX(-100%)}
	#main_visual .menuBottom ul li.active span:before{height:2px;}
	#main_visual .visualBox {position:absolute;width: calc(100% - 14.5vw);}
	#main_visual .visualBox .reservBox {position:relative;width: 100%;height: 100%;display: flex;padding: 0;margin-top:7vw; z-index:2;flex-wrap: wrap;align-content: flex-start;border: 0.4vw solid #fff;border-radius: 1.8vw;}
	#main_visual .reservBox:before {content:'';display:block;position:absolute;top:13.6vw;left:3.3vw;width:calc(100% - 6.5vw);height:0.2vw;background-color:#fff}
	#main_visual .visualBox .txtBox {top:27%;left:0;width:100%;padding: 0 0;text-align:center}
	#main_visual .visualBox .txtBox p {width:100%;margin:0 auto}
	#main_visual .visualBox .txtBox p strong span,
	#main_visual .visualBox .txtBox p strong {font-size: 10vw;line-height:1;letter-spacing:-0.4vw}
	#main_visual .visualBox .txtBox p > span span,
	#main_visual .visualBox .txtBox p span {font-size: 10vw;}
	#main_visual .visualBox .txtBox p > span span{opacity:0;top:40px;position:relative}
	#main_visual .visualBox .txtBox p strong span{opacity:0;top:60px;position:relative}
	#main_visual .txtslider .txtBox .desc {margin-top:1.5vw;font-size:3.6vw;padding:0 6vw}
	#main_visual .visualBox .line {height: 14.5vw; bottom: -16vh; left: 50%;transform: translateX(-50%);position:relative}
	#main_visual .visualBox .bg{position:relative;opacity:0;width:36.4vw;height:28vw;padding:0 5.5vw;font-family: 'Poppins', sans-serif !important;border:none;position: absolute;bottom: 0;z-index: 1;transition:all .5s ease, width 1.5s cubic-bezier(0.34, 1.56, 0.64, 1);left:50%;transform:translateX(-50%);transition:none;-webkit-backdrop-filter: blur(0);backdrop-filter: blur(0);border-radius:0;background:rgba(255,255,255,0);}
	#main_visual .reservBox .bookBtn{}

	#main_visual .visualBox .bg.on{background:rgba(255,255,255,0.1);-webkit-backdrop-filter: blur(2.2vw);backdrop-filter: blur(2.2vw);position:fixed;width:100vw !important;height:100vh;top:0;left:0;border-radius:0;z-index:99999;transform:none}
	#main_visual .visualBox .bg .datepicker{opacity:0;}
	#main_visual .visualBox .bg.on .datepicker{opacity:1;}
	#main_visual .visualBox .bg .close{position: absolute; right: 4.5vw; top: 4.5vw;display:none;opacity:0;z-index:10;cursor:pointer}
	#main_visual .visualBox .bg.on .close{opacity:1;transition:all 1s ease;transition-delay:1s;display:block;}
	#main_visual .mainContainer.on .reservBox{opacity:1}
	#main_visual .mainContainer.on .visualBox .bg{width:100%;opacity: 1;}
	#main_visual .reservBox dl {position:relative;padding: 2.5vw 3.3vw;min-width: auto;width:calc(100% - 28.2vw);height: 13.6vw;}
	#main_visual .reservBox dl:first-child {padding-left:3.3vw;width:28.2vw}
	#main_visual .reservBox dl:last-child{height:auto}
	#main_visual .reservBox dl:nth-child(3),
	#main_visual .reservBox dl:nth-child(4) {width:25%}
	#main_visual .reservBox dl:nth-child(5) {width:50%}
	#main_visual .reservBox dl + dl:before {content:'';display:block;position:absolute;top:50%;left:0;width:0.2vw;height: calc(100% - 5.1vw);background-color:#fff;transform:translateY(-50%)}
	#main_visual .reservBox dl:nth-child(3):before{display:none}
	#main_visual .reservBox dl.children:before {display:block}
	#main_visual .reservBox dl dt {font-size:2.5vw;font-weight:600;color:#ddd;line-height:1}
	#main_visual .reservBox dl dd.dateBox {position:relative;display:flex;align-items:center;justify-content: space-between;margin-top: 1.8vw;height: 2.9vw;}
	#main_visual .reservBox dl dd .date {display:block;margin-top:0;font-size: 3.3vw;font-weight:500;color:#fff;height: auto;vertical-align: top;overflow:hidden;height:7.7vw}
	#main_visual .reservBox dl dd .date input{padding-left:0}
	#main_visual .reservBox dl dd.numBox {display:flex;}
	#main_visual .reservBox dl dd.numBox.pc {display:none}
	#main_visual .reservBox dl dd.numBox.mobile {display:block;position:relative;height: 2.9vw;margin-top: 1.8vw;}
	#main_visual .reservBox dl dd.numBox.mobile select {width:100%;background: transparent;margin-top: 0;color: #fff;font-size: 3.6vw;font-weight:600;height: 2.9vw;font-family: 'Poppins', sans-serif;padding: 0;appearance: none;cursor:pointer;outline:none;line-height: 2.9vw;vertical-align: top;}
	#main_visual .reservBox dl dd.numBox.mobile:before {content:'';display:block;position:absolute;top: 0;right:0;font-size:0;width:1.8vw;height:1.1vw;background:url(../img/ico/Ico-arrow-up.png) no-repeat 0 0;background-size:100%;}
	#main_visual .reservBox dl dd.numBox.mobile:after {content:'';display:block;position:absolute;bottom: 0;right:0;font-size:0;width:1.8vw;height:1.1vw;background:url(../img/ico/Ico-arrow-down.png) no-repeat 0 0;background-size:100%;}
	#main_visual .reservBox dl dd .number {display:inline-block;margin-top:0.9vw;font-size:3.6vw;font-weight:600;color:#fff;line-height:1}
	#main_visual .reservBox dl dd .buttonBox {display:flex;flex-direction: column;justify-content: space-between;height: 2.9vw;margin-top:0.5vw;}
	#main_visual .reservBox dl dd .buttonBox button {font-size:0;width:5.5vw;height:1.0vw;background:url(../img/ico/Ico-arrow-up.png) no-repeat bottom center;background-size: 1.8vw 1.0vw;}
	#main_visual .reservBox dl dd .buttonBox button:last-child {background-image:url(../img/ico/Ico-arrow-down.png)}
	#main_visual .reservBox dl .promotion {padding: 0;margin-top: 0.7vw;height: 5.3vw;background-color: transparent;font-size: 3.6vw;font-weight:600;color:rgba(255,255,255,1);vertical-align: top;}
	#main_visual .reservBox dl .promotion::placeholder {font-size:3.6vw;font-weight:600;color:#ccc}
	#main_visual .reservBox #date_picker_input {background-color:none;font-size: 3.3vw;color:#fff;cursor:pointer;font-weight: 600;height: auto;line-height: 2.9vw;}
	#main_visual .reservBox #date_picker_input{font-size: 5.2vw;transform: scale(0.7) translateX(-21.5%);}
	#main_visual .reservBox .btnDate {position:absolute;right:0;margin-left:3.6vw;font-size:0;width:3.7vw;height:4.0vw;background:url(../img/common/ico_calender_w.svg) no-repeat 0 0;background-size:100%;top: 50%;transform: translateY(-50%);}
	#main_visual .reservBox .bookBtn {position:absolute;top: auto;right: auto;width: 100%;height: 9.8vw;font-size: 3.3vw;text-align:center;line-height: 9.8vw;color:#fff;font-weight:600;border-radius: 1.8vw;border:0.4vw solid #fff;transform: none;bottom: -13.5vw;}
	#main_visual .visualBox .bg .picker_wrap {transition:none}
	#main_visual .visualBox .bg.on .picker_wrap {display: flex;justify-content: center;height:calc(var(--vh, 1vh) * 100);align-items:center}
	#main_visual .visualBox .bg.on .picker_wrap .datepicker__months {display: flex;flex-direction: column;align-items: center;}
	#main_visual .visualBox .bg .close {top:4.5vw;right:7.3vw}
	#main_visual .visualBox.on {/*width: 100%;height: 100vh;z-index: 9999;display: flex;flex-direction: column;align-items: center;justify-content: center;flex-wrap: wrap;top: 0;left: 0;*/transform: none;}
	#main_visual .datepicker {width: 100% !important;}
	#main_visual .visualBox .bg.on .datepicker {opacity: 1;display: block;transition: all 0.1s ease;transition-delay: 0.5s;}
	#main_visual .datepicker__month {width: 100% !important;}
	#main_visual .visualBox .bg.on .picker_wrap .datepicker__months {display: flex;flex-direction: column;align-items: center;}
	#main_visual .datepicker__month--month2 {display:table !important}
	#contentBox {position:relative;padding: 54.2vw 0 54.2vw;overflow:hidden}
	#contentBox .conBox {position:relative;display: block;align-items: center;width:100%;margin:0 auto 100vw;max-width:214.5vw;justify-content: flex-end;}
	#contentBox .conBox .imgBox {position:relative;width: 100%;height: 0;padding-bottom: 82%;border-radius: 0;overflow:hidden;margin-left:0 !important}
	#contentBox .conBox .imgBox img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
	#contentBox .conBox .txtBox {margin-left: 0;}
	#contentBox .conBox.whychoose .txtBox {margin-bottom:0}
	#contentBox .conBox .txtBox h3 {font-size: 13.1vw;color:#212C92;font-weight:700;font-family: 'Poppins', sans-serif;line-height:1;letter-spacing:-0.4vw;position: absolute;top: -19.1vw;left: 7.3vw;line-height:12.4vw;}
	#contentBox .conBox .txtBox h3 span {display:block;font-size:13.1vw;font-weight:700;color:transparent;z-index:1;font-family: 'Poppins', serif;-webkit-text-stroke-width:0.3vw;-webkit-text-stroke-color:#212C92;}
	#contentBox .conBox .txtBox p {margin: -14.2vw 0 11.8vw 0;font-size: 4.8vw;color:#666;font-weight:500;line-height: 5.8vw;height: 14.2vw;width: calc(100% - 7.3vw);position: relative;background: #fff;padding: 7.3vw 0 0 7.3vw;    transition: background 1s ease;}
	.blue #contentBox .conBox .txtBox p{background:#212C92}
	#contentBox .conBox .txtBox strong {position:absolute;left: 7.3vw;bottom: auto;font-size: 13.1vw;font-weight:700;color:transparent;z-index:1;font-family: 'Poppins', serif;-webkit-text-stroke-width:0.3vw;-webkit-text-stroke-color:#212C92;top: -32.1vw;line-height: 12.4vw;}
	#contentBox .btxtBox{height:auto}
	#contentBox .btxtBox em {position:absolute;left:70vw;top: -90vw;font-size:37.6vw;line-height:1;font-weight:700;color:transparent;font-family: 'Poppins', serif;-webkit-text-stroke-width:0.3vw;-webkit-text-stroke-color:#FF0099;}
	#contentBox .conBox.waterpark {display: flex;flex-direction: column-reverse;}
	#contentBox .conBox .txtBox .btn.view {width:100%;height:8.7vw;line-height:8.0vw;font-size: 4.4vw;border: none;padding-left: 7.3vw;text-align: left;position: relative;margin:0}
	#contentBox .conBox .txtBox .btn.view:hover {background:transparent;color:#000551}
	#contentBox .conBox .txtBox .btn.view:before {content:'';display:block;position:absolute;width:11.8vw;height:2.7vw;top:50%;right:9.6vw;background:url(../img/main/ico_arrow.svg) no-repeat 0 0;background-size:100%;transform:translateY(-50%);}
	.blue #contentBox .conBox .txtBox .btn.view:before {	filter: brightness(100) grayscale(1);}
	#main_visual .reservBox #date_picker_input{width:auto}
	#contentBox .circleBox {position:absolute;top: -30vw;left: auto;right: -2.7vw;}
	#contentBox .circleBox2 {position:absolute;top:-38vw;left: 13.3vw;}
	#contentBox .patternBox,
	#contentBox .patternBox2,
	#contentBox .patternBox3 {display:none}
	#contentBox .starBox {display:none}
	#contentBox .starBox2 {position:absolute;left:auto;right: 7.3vw;top:-45vw;}
	#contentBox .conBox.waterpark strong,
	#contentBox .conBox.clubmate strong {left: 7.3vw;top: -6.4vw;}
	#contentBox .conBox.waterpark .txtBox {margin: 0;z-index: 1;width: 100%;}
	#contentBox .conBox.waterpark .txtBox p {margin: -14.2vw 0 11.8vw 0;}
	#contentBox .conBox.waterpark .txtBox .btn.view	{margin-left:0}
	#contentBox .conBox.waterpark + .btxtBox em {left:auto;right:50%;-webkit-text-stroke-color:#FF6B24;}
	#contentBox .conBox.clubmate .txtBox {margin: 0;}
	#contentBox .conBox.clubmate .txtBox p {display:flex;justify-content: flex-start;margin: -14.2vw 0 11.8vw 0;}
	#contentBox .conBox.clubmate .txtBox .btn.view {margin-left: 0;}
	#contentBox .conBox.clubmate + .btxtBox em {left:150vw;top:10vw;-webkit-text-stroke-color:#202981;}
	#contentBox .conBox > .inner {padding:0 !important;display:block}
	#contentBox .conBox.whychoose .imgBox {margin-left:0}
	#contentBox .conBox.whychoose .txtBox {padding:0}
	#contentBox .conBox.waterpark .inner {display: flex;flex-direction: column-reverse;}
	#contentBox .conBox.waterpark .imgBox {margin-left:0}
	#contentBox .conBox.waterpark .txtBox {padding:0}

	#sihekyBox:before{top:-29.3vw}

	#sihekyBox {position:relative;width:100%;padding: 34.5vw 0 34.5vw;background:#212C92 url(../img/main/bg_siheky_bottom.svg) no-repeat center bottom;background-blend-mode: darken;}
	#sihekyBox .inner {position:relative;display:flex;align-items: center;width:100%;height:100%;max-width:214.5vw;margin:0 auto;z-index:1;flex-direction: column;justify-content: center;}
	#sihekyBox .characterBox {position:relative;width: 100%;text-align:right;padding-right: 10.0vw;}
	#sihekyBox .titBox {position:absolute;left: 7vw;top:-3vw;letter-spacing:-0.4vw}
	#sihekyBox .titBox strong {font-size: 13.1vw;text-align:left;font-weight:700;color:#fff;font-family: 'Poppins', serif;line-height:1;}
	#sihekyBox .titBox strong span {display:block;font-size: 13.1vw;font-weight:700;color:transparent;font-family: 'Poppins', serif;line-height:1;-webkit-text-stroke-width:0.3vw;-webkit-text-stroke-color:#fff;}
	#sihekyBox .characterBox > img {width:46.4vw;}
	#sihekyBox .txtBox {width:100%;padding:0 7.3vw;margin-top:-31.5vw;z-index: 1;word-break: break-all;}
	#sihekyBox .txtBox h3 {font-size: 13.1vw;font-weight:700;color:transparent;font-family: 'Poppins', serif;-webkit-text-stroke-width: 0.3vw;-webkit-text-stroke-color:#fff;line-height:1.5}
	#sihekyBox .txtBox p {margin-top: 20.5vw;font-size: 3.8vw;font-weight:500;color:#fff;line-height: 5.8vw;}
	#sihekyBox .txtBox .btn.view {margin-top: 8.2vw;width: 33.1vw;height: 10.4vw;line-height: 9.8vw;font-size: 3.5vw;color:#fff;background-color:transparent;border-color:#fff}
	#sihekyBox .txtBox .btn.view:hover {color:#212C92;background-color:#fff;border-color:#fff}
	#sihekyBox .bgtop {top:-6.0vw;left:0;width:100%;height:65.3vw;background:transparent url(../img/main/bg_siheky_top.png) no-repeat center top;background-size:auto 65.3vw;display:none}
	#sihekyBox .cloud {top:-26.0vw;left: auto;right: 30%;}
	#sihekyBox .aniBox .fish {top: 25.5vw;right:4.0vw;left:auto;bottom:auto}
	#sihekyBox .aniBox .fish2 {bottom:44.5vw;right: auto;left: 3.6vw;}
	#sihekyBox .aniBox .fish3 {top: 43.1vw;left: 25.8vw;}
	#sihekyBox .aniBox .bubble {bottom: -6.7vw;right: 20.0vw;}
	#sihekyBox .aniBox .bubble2 {bottom:13.3vw;left:-25.8vw}
	#sihekyBox .aniBox .bubble3 {top:38.5vw;bottom:auto;right: 20.0vw;}
	#sihekyBox .aniBox .bubble4 {bottom: auto;left: 50%;top: -13.3vw;}
	#sihekyBox .aniBox .bubble5 {bottom: auto;right: auto;left: calc(50% - 14.5vw);top: -17.3vw;}
	#sihekyBox .aniBox .bubble5 img {width:8.5vw}
	#sihekyBox {position:relative;padding:23.6vw 0}
	#videolistBox{padding:25vw 0 20vw}
	#videolistBox .inner {margin:-6.4vw 0}
	#videolistBox .vList {position:relative;display: flex;flex-direction: column;left:7vw;padding:3vw 0;}
	#videolistBox .vList.saipan {right:7vw;left:auto;display: flex;flex-direction: column;align-items: flex-end;}
	#videolistBox .vList ul {margin:0 -2vw;display:flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-start;white-space: nowrap;width:max-content}
	#videolistBox .vList.saipan ul {flex-direction: row-reverse;}
	#videolistBox .vList ul li {position:relative;width:40.9vw;height:28.2vw;margin:0 1.8vw}
	#videolistBox .vList ul li img {width:100%;height:100%;object-fit:cover}
	#videolistBox .vList h3 {font-size:12vw;font-weight:700;color:#212C92;font-family: 'Poppins', serif;white-space: nowrap;line-height:1}
	#videolistBox .vList.saipan h3 {color:#FF0099;}
	#videolistBox .vList h3 span {font-size:12vw;font-weight:700;color:#fff;font-family: 'Poppins', serif;-webkit-text-stroke-width:0.3vw;-webkit-text-stroke-color:#212C92;}


}
@media (max-height: 650px) {
	#main_visual .visualBox .line{display:none}
	#main_visual .visualBox{margin-top:-37%}

}
@media (min-width: 320px) and (max-width: 750px) {
	.datepicker__month {width: 100% !important;max-width:65vw}
	.datepicker {width: 100% !important;}
}