/*a38a77*/
/*header*/

/*
.home .headerarea {transform:translateY(-300px);transition:0.5s;}
.home .headerarea.on {transform:translateY(0px);}
.homewrapper {margin-top:0px;}
*/

/*openningwrap : オープン時にはdisplay:none;を外してセッション管理を行う*/
.openningwrap {display:none;}
.openningwrap {position:fixed;top:0px;left:0px;width:100%;height:100%;background:#000;z-index:9999;}
.openningwrap .openning {position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);text-align:center;}
.openningwrap .openning img {width:7vw;filter:blur(100px);margin-bottom:1vw;}
.openningwrap.on .openning img {filter:blur(0px);transition:1s;}
.openningwrap.out .openning img {opacity:0;filter:blur(1000px);transition:3s;}
.openningwrap.over {opacity:0;transition:3s;}

.popupwrap {position:fixed;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:9990;padding:10vh;
-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);opacity:0;transform:translateY(5vh);}
.popupwrap.on {opacity:1;transform:translateY(0vh);transition:1s;}
.popupwrap img.close {position:absolute;top:3vh;right:3vh;width:10vh;height:auto;z-index:100;}
.popupwrap .popup {width:100%;height:100%;}
.popupwrap .popup img {width:100%;height:100%;object-fit:contain;}
/*SP*/
@media (max-width: 896px){
	.popupwrap .popup {height:25vh;}
	.popupwrap img.close {top:2vh;right:2vh;}
	.popupwrap {padding:10vh 5vh 5vh 5vh;}
	.popupwrap .popup h2 {color:#fff;font-size:1.8rem;margin-bottom:0.8em;}
	.popupwrap .popup p {color:#fff;font-size:1.4rem;}
	.popupwrap .popup p span.btn {font-size:1.4rem;}
}

/*mainimgarea*/
.mainimgarea {position:relative;width:100%;height:100vh;text-align:center;overflow:hidden;}
.mainimgarea .mainimg {position:absolute;top:50%;left:10%;width:80%;transform:translateY(-50%);z-index:100;}
.mainimgarea img.mainlogo {width:7vw;margin-bottom:0.8vw;}
.mainimgarea p {color:#fff;font-size:1.5rem;line-height:1.5em; margin-bottom:20px;opacity:0;}
.mainimgarea p {opacity:1;transition:1s;}

.mainimgarea .maincta {position:absolute;bottom:5vh;right:7vw;}
.mainimgarea .maincta a.btn.hotel {}
.mainimgarea .maincta a.btn.golf {}
.mainimgarea .maintxt {position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;}
.mainimgarea .maintxt .swiper-slide {background:#000;}
.mainimgarea .maintxt .swiper-slide .bgcover {position:absolute;top:0%;left:0%;width:100%;height:100%;transform:scale(1.0);
background-position:center center;background-repeat:no-repeat;background-size:cover;}
.mainimgarea .maintxt .swiper-slide.contain .bgcover {background-size:contain;}
.mainimgarea .maintxt .swiper-slide.swiper-slide-active .bgcover {transform:scale(1.1);transition:15s;}
.mainimgarea .maintxt .swiper-slide.swiper-slide-next .bgcover {transform:scale(1.0);transition:5s;}
.mainimgarea .maintxt .swiper-slide.swiper-slide-prev .bgcover {transform:scale(1.0);transition:5s;}
.mainimgarea .maintxt .swiper-slide .cover {position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.6);opacity:0;}
.mainimgarea .maintxt .swiper-slide.swiper-slide-active .cover {opacity:1;transition:15s;}
.mainimgarea .maintxt .swiper-slide.swiper-slide-next .cover {opacity:0;transition:5s;}
.mainimgarea .maintxt .swiper-slide.swiper-slide-prev .cover {opacity:0;transition:5s;}
.mainimgarea .swiper-maintxt {width:100%;height:100%;}
.mainimgarea .swiper-wrapper {width:100%;height:100%;}
.mainimgarea .maintxt .slidetext {position:absolute;bottom:5vh;left:3vw;width:38vw;overflow:hidden;z-index:100;}
.mainimgarea .maintxt .swiper-slide {opacity:0!important;position:relative;}
.mainimgarea .maintxt .swiper-slide-active {opacity:1!important;}
.mainimgarea .maintxt h3 {color:#fff;font-size:1.5rem;}
.mainimgarea .maintxt p {color:#fff;font-size:1.4rem;}
.mainimgarea .maintxt a {color:#fff;text-decoration:none;display:inline-block;border-bottom:solid #fff 0.2em;padding:0.5em 4em 0em 4em;}
.mainimgarea .topbnrarea {position:absolute;right:3vw;bottom:3vw;z-index:100;}
.mainimgarea .topbnrarea img {width:32vw;height:auto;}

.mainimgarea img.more {position:absolute;right:3vw;bottom:5vh;width:1.3vw;transform:translateY(-6vw);opacity:0;}
.mainimgarea img.more.on {transform:translateY(0px);opacity:1;transition:1s;}

/*SP*/
@media (max-width: 896px){
	.mainimgarea img.mainlogo {width:30vw;}
	.mainimgarea .maintxt .slidetext {position:absolute;bottom:5vh;left:3vw;width:94vw;}
	.mainimgarea .maincta {display:none;}
	.mainimgarea img.more {right:47%;bottom:5vh;width:6vw;}
}

.heading {width:35vw;padding:6vw 3vw 6vw 0vw;}
.heading h1,.heading h2 {font-size:3.5rem;font-weight:normal;}
.heading h3 {font-size:1rem;font-weight:bold;color:#aaa;}
.heading p {font-size:1.0rem;margin-top:1vw;}
/*SP*/
@media (max-width: 896px){
	.heading {width:100%;}
	.heading h3 {font-size:1.5rem;}
	.heading p {font-size:1.5rem;margin-top:3vw;}
}
.swiper-button-next, .swiper-button-prev {width:5vh;height:5vh;background:url(../img/cmn/arrow.svg) no-repeat center center;background-size:contain;}
.swiper-button-next:after {content:none;}
.swiper-button-prev:after {content:none;}


.newsarea {width:100%;overflow:hidden;position:relative;display:flex;background:#f6f6f6; }
.newsarea .swiperarea.news {width:65vw;overflow:hidden;}
.newsarea .news .swiper-slide {padding:0px 1vw;}
.newsarea .news .swiper-slide img {width:100%;height:auto;margin-bottom:0.5vw;}
.newsarea .news .swiper-slide h3 {font-size:1.0rem;color:#888;margin-bottom:0.2em;}
.newsarea .news .swiper-slide h2 {font-size:1.0rem;font-weight:normal;margin-bottom:0.3vw;height:4rem;}

/*SP*/
@media (max-width: 896px){
	.newsarea {display:block;}
	.newsarea .heading {text-align:center;padding-top:0vw;padding-bottom:5vh;}
	.newsarea .swiperarea.news {width:100%;}
	.newsarea .news .swiper-slide {padding:0px 1.5rem;}
	.newsarea .news .swiper-slide img {margin-bottom:1rem;}
	.newsarea .news .swiper-slide h3 {font-size:1.4rem;}
	.newsarea .news .swiper-slide h2 {font-size:1.4rem;height:7rem;}
	.newsarea a.btn {font-size:1.4rem;margin-top:1.5em;}
}

.roomarea {width:100%;overflow:hidden;position:relative;background:#f2f2f2;background:linear-gradient(#fff,#f2f2f2);}
.roomarea .heading {width:100%;text-align:center;padding-top:0vw;padding-bottom:3vw;}
.roomarea .swiperarea.room {width:100%;overflow:hidden;}
.roomarea .room .swiper-slide {padding:0px 0.5rem;}
.roomarea .room .swiper-slide .box {padding:1rem;background:#fff;}
.roomarea .room .swiper-slide img {width:100%;height:auto;margin-bottom:0.5vw;}
.roomarea .room .swiper-slide h2 {font-size:1.6rem;font-weight:normal;margin-bottom:0.3vw;height:3em; }
.roomarea .room .swiper-slide p {height:4em;}
/*SP*/
@media (max-width: 896px){
	.roomarea .heading {padding-bottom:5vh;}
	.roomarea a.btn {font-size:1.4rem;margin-top:1.5em;}
	.roomarea .room .swiper-slide {padding:0px 0.5rem;}
	.roomarea .room .swiper-slide img {margin-bottom:1rem;}
	.roomarea .room .swiper-slide h2 {font-size:1.6rem;margin-bottom:0.3em;height:4em;}
	.roomarea .room .swiper-slide p {font-size:1.2rem;}
}

.golfarea {position:relative;overflow:hidden;}
.golfarea .cover {position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.3);opacity:0.1;}
.golfarea .bgcover {position:absolute;top:0px;left:0px;width:100%;height:100%;
	background-color:#030;background-repeat:no-repeat;background-position:center center;background-size:cover;
	background-attachment:fixed;}
.golfarea.on .cover {opacity:1;transition:7s;}
.golfarea .textbox {position:relative;text-align:center;}
.golfarea .textbox h2 {font-size:3.5rem;font-weight:normal;color:#fff;}
.golfarea .textbox h3 {font-size:1rem;font-weight:bold;color:#eee;}
.golfarea .textbox p {font-size:1.4rem;line-height:2.5em;margin-top:3vw;color:#fff;}
/*SP*/
@media (max-width: 896px){
	.golfarea .textbox p {line-height:2.0em;}
	.golfarea .textbox a.btn {font-size:1.4rem;margin-top:1.5em;}
}

.workarea {position:relative;overflow:hidden;}
.workarea .cover {position:absolute;top:0px;left:50%;width:50%;height:100%;background:rgba(0,0,0,0.7);opacity:0.1;}
.workarea .bgcover {position:absolute;top:0px;left:0px;width:100%;height:100%;
	background-color:#777;background-repeat:no-repeat;background-position:center center;background-size:cover;
	background-attachment:fixed;}
.workarea.on .cover {opacity:1;transition:7s;}
.workarea .textbox {position:relative;margin-left:50%;width:50%;text-align:left;padding:0px 6vw;}
.workarea.on .textbox {background:#}
.workarea .textbox h2 {font-size:3.5rem;font-weight:normal;color:#fff;}
.workarea .textbox h3 {font-size:1rem;font-weight:bold;color:#eee;}
.workarea .textbox p {font-size:1.2rem;line-height:2.5em;margin-top:3vw;color:#fff;}
/*SP*/
@media (max-width: 896px){
	.workarea .cover {top:5vh;left:5%;width:90%;}
	.workarea .textbox {margin-left:5%;width:90%;padding:6vw 6vw;}
	.workarea .textbox h3 {font-size:1.4rem;}
	.workarea .textbox p {font-size:1.4rem;line-height:2.0em;}
	.workarea a.btn {font-size:1.4rem;margin-top:1.5em;}
}

.restaurantarea {width:100%;overflow:hidden;position:relative;display:flex;background:#fff; }
.restaurantarea .heading {padding-top:3vw;}
.restaurantarea .swiperarea.restaurant {width:65vw;overflow:hidden;}
.restaurantarea .restaurant .swiper-slide {padding:0px 1vw;}
.restaurantarea .restaurant .swiper-slide h2 {font-size:1.6rem;font-weight:normal;margin-bottom:0.3vw;}
.restaurantarea .restaurant .swiper-slide p {}
.restaurantarea .restaurant .swiper-slide img {width:100%;height:auto;margin-bottom:0.5vw;}
/*SP*/
@media (max-width: 896px){
	.restaurantarea {display:block;}
	.restaurantarea .heading {text-align:center;padding-top:0vw;padding-bottom:5vh;}
	.restaurantarea a.btn {font-size:1.4rem;margin-top:1.5em;}
	.restaurantarea .swiperarea.restaurant {width:100%;}
	.restaurantarea .restaurant .swiper-slide img {height:auto; }
	.restaurantarea .restaurant .swiper-slide {padding:0px 1.5rem;}
	.restaurantarea .restaurant .swiper-slide h2 {font-size:2.2rem;}
	.restaurantarea .restaurant .swiper-slide p {font-size:1.4rem;}
}