@charset "utf-8"; 


@media (min-width:992px){  


    body:not(.nav-open) .sub header:not(.scroll) ,  
    body:not(.nav-open) .sub header:not(.scroll)  #gnb li>a{color:#fff ;}
    
.sub header:hover{background:#fff !important;transition: background 0.3s; border-color: #c5c5c5;color:#212529 !important;}  
.sub header:hover #gnb li>a{color:#8d8d8d !important} 
body:not(.nav-open) .sub header:hover h1 img{opacity: 1 !important;} 
.sub header:hover i[class*=icon-top]{filter:grayscale(1) !important}
.sub header:hover .btn-mn:after, .sub header:hover .btn-mn:before{background-color: #7f7f7f !important;}
.nav-open .sub header:hover .btn-mn:after, .nav-open  .sub header:hover .btn-mn:before{background-color: #fff !important;}

body:not(.nav-open) .sub.ourdx header:not(.scroll)  #gnb li>a {color:#8d8d8d !important}



header.index { animation-name: fadeInDown ;animation-delay: 1s;animation-direction: 0.5s; animation-fill-mode: both;}

header.scroll .gnb-area{ height: 75px;font-size: 18px;}
header.scroll h1 img{width: 194px;}
header.scroll [class^=icon-]{width: 30px;height: 30px;;}
header.scroll .btn-mn{width: 36px;height: 36px;;}
header.scroll .btn-mn:after, header.scroll .btn-mn:before{width: 36px;}
.nav-open header.scroll .btn-mn:before{margin-top:-14px}
.hd-side{text-align: center;} 
.hd-side span{font-size: 16px;color:#8d8d8d;font-weight: 300;margin-top: 10px;display: none;}
.hd-side a{display: inline-block;width: 50px;;vertical-align: middle;}
.hd-side a:hover span{display: block;}
header.scroll  .hd-side span{font-size: 14px;margin-top: 5px;}

    .box-pc , .only-pc{display: block;}
    .box-mo, .only-m{display: none;}
    .full-nav{flex-direction: column;align-items: center;padding: 160px 0}
    .full-nav .top-side,
    .full-nav .top-sns.only-m,
    .full-nav .dep2>a,
    .full-nav .dep2>a.active{display: none !important;}
    /* .nav-open #gnb-full{overflow-y: scroll;} */
.tabs-wrap.tab-dark .nav-item{flex: 1 1 auto;margin-left: 10px;}
.tabs-wrap.tab-dark .nav-item:first-child{margin-left: 0;}

    .nav-marks{ box-shadow: 0px 3px 10px rgb(0 0 0 / 10%);border-radius: 5rem}  
    .nav-marks .nav-link:hover{color:#00A0B1 !important ; font-weight: 700;margin-top: -2px;} 
    
    #gnb-full .top-sns.only-pc{display: flex;justify-content: flex-start;align-items: center; position:absolute ;bottom:50px;line-height: 1;} 
    #gnb-full .top-sns i{color:#00a0b1;font-size:1.6rem ;}
    #gnb-full .top-sns i.[class*=icon-]{width: 28px;height: 28px;;}
    #gnb-full .top-sns a{margin-right: 10px;}
    #gnb-full .top-sns a.text-gray{margin-left: 15px;padding-left:25px;border-left:1px solid #ccc}
    
    #gnb-full .visual{opacity: 0;}
    .nav-open #gnb-full .visual{opacity: 1;transition: 0.3s; transition-delay: 0.5s;}

 .wrapper--76vw {width:100%; padding:0 0 150px 0 !important; font-size:15px;}

    
    /* .row-tech p.desc.line1{padding:34px 0} */

}





/********************************/ 
/*                             */ 
/*       max-width:1680px       */ 
/*     

*/ 
/********************************/

@media (max-width:1680px){   
.wrap.wide{max-width: 100% } 
.hd-side a:not(:first-child),.btn-mn{margin-left: 25px;}

#snb a {display:block;  font-size:15px;font-weight:400;  text-align:center; line-height:70px; color:#555; padding:0 20px; }
.stitle {position:relative; clear:both; font-size:50px; line-height:70px;color:#3c3c3b; letter-spacing:-0.06em; text-align:center; padding:100px 0 0 0;}


}







/********************************/ 
/*                             */ 
/*       max-width:1440px       */ 
/*                             */ 
/********************************/  
@media (max-width:1440px){   .gnb-area h1 {margin-left:20px;}
#gnb{width: 80%; } 
#gnb ul li { margin:0 35px;}

.gnb-area{justify-content:start;}
.gnb li:not(:last-child){margin-right:40px;}
.hd-side a:not(:first-child) {margin-left: 15px;}

header h1{margin-right: 40px;}
header{ padding: 0; }
#gnb-full .visual{display: none;}
.nav-open .btn-mn:before{ background: #7f7f7f !important;} 
.nav-open .btn-mn:after{ background: #7f7f7f !important;}

.allmenu{margin-left: auto;} 

#top_wrap .top_gnb {width:100%; margin:0 auto;}

footer .sitemap ul {width:100%;}
footer .footer_wrap .footer {width:100%; padding:0 20px; }
footer .footer_wrap .footer .f_m {right:20px;}
footer .footer_wrap .footer .sns {right:20px;}


#snb a {display:block;  font-size:13px;font-weight:400;  text-align:center; line-height:70px; color:#555; padding:0 20px; }


#sub_visual {height:700px; }
.stitle {position:relative; clear:both; font-size:50px; line-height:70px;color:#3c3c3b; letter-spacing:-0.06em; text-align:center; padding:100px 0 0 0;}
 .mt-50 {margin-top:-70px !important; }

 .m_gallery .info .bar {padding:40px 0 10px 0;}


}










@media (max-width:1400px){ 
 .wrapper--76vw {width:100% !important; padding:0 15px 150px 15px !important; font-size:15px;}


 .gnb-sub ul li {width:170px;border-bottom:1px solid #565961 !important; margin-left:0 !important; }
 

 /*-----------------------------------------------
  ¢Á room, dining : slide gallery
------------------------------------------------*/
.m_gallery {position:relative; clear:both;}
.m_gallery .f_r {float:right !important;}
.m_gallery .m_info {position:relative; float:left; width:50%;  text-align:center; }
.m_gallery .info {position: absolute;padding:20px 100px;}
.m_gallery .info .info_tit {color:#986f32; font-size:40px; font-weight:300; line-height:45px; letter-spacing:-0.05em;}
.m_gallery .info .bar {padding:40px 0 10px 0;}
.m_gallery .info .info_txt {color:#4b4949; font-size:16px; font-weight:300; line-height:30px;}
.m_gallery .info .info_btn {margin-top:40px;}
.a_r {right:0;}


}

/********************************/ 
/*                             */ 
/*       max-width:1330px       */ 
/*                             */ 
/******************************** 
@media (max-width:1330px){  
    html,body {font-size: 20px;}
    .nav-marks{ padding:1rem 1rem;}
    .nav-marks .nav-link{font-size: 1rem;}
    .row-recruit>div:nth-child(3n){width: 335px;}
    .load-contents{padding: 65px 70px;}
    .service-down dt{ height: 240px;}

	footer .sitemap {display: none;}
    
}
/********************************/ 
/*                             */ 
/*       max-width:1220px       */ 
/*                             */ 
/********************************/  
@media (max-width:1220px){  



    html,body {min-width: 100%;}
    .hd-side{position: absolute;top: 1rem;right: 90px;opacity: 0;} 
    header{ padding: 0;}
    header [class^=icon-]{display: inline-block;width: 30px;height: 30px;} 
    .btn-mn{margin-left: auto;} 
    .ft-down .row>div{ font-size: 1rem;} 

	

	#gnb ul li { margin:0 20px;}
    
    .nav-marks{ padding:1rem 1rem;}
    .nav-marks.position-fixed{left:0;width: 100%;}
    .line-banner>div{font-size: 0.9rem;}
    .board-gallery li .thumb{height: 300px;}
    .service-down dt{ height: 220px;}

	 footer .sitemap {display: none;}
	.allmenu_pop .allmenu_wrap {position: relative; width:100%; margin:0 auto;}

	footer .footer_wrap {position:relative; clear:both; background:url(../images/common/footer_bg.jpg) no-repeat; height:450px; padding:100px 0;}
	footer .footer_wrap .footer {position:relative; clear:both; width:100%; margin:0 auto;  }
	footer .footer_wrap .footer .info {position:relative; clear:both;  font-size:14px; color:#c8c8c8; line-height:27px; font-weight:300; letter-spacing:0; padding-top:50px;}
	footer .footer_wrap .footer .info .f_logo {margin-bottom:30px;}
	footer .footer_wrap .footer .info span {background:url(../images/common/footer_line.png) no-repeat 0 5px; padding-left:15px; margin-left:15px;}
	footer .footer_wrap .footer .info .comtit {color:#fff; font-size:17px; font-weight:500; background:none; padding:0; margin:0; }
	footer .footer_wrap .footer .f_m {position:relative; right:0; top:0; z-index:1;}
	footer .footer_wrap .footer .f_m ul li {float:left; margin-left:0; margin-right:25px;}
	footer .footer_wrap .footer .f_m ul li a {color:#fff; font-size:13px; font-weight:400;}
	footer .footer_wrap .footer .sns {position:absolute; right:20px; top:80px; z-index:1;}
	footer .footer_wrap .footer .sns ul li {float:left; margin-left:10px;}





	#main_visual {position:relative; clear:both; height:700px; background:url(../images/main/visual01.jpg) no-repeat;}
	#main_visual .slogan {position:relative;  top:250px;  text-align:center; color:#fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)}
	#main_visual .slogan .headtit {font-size:50px; font-weight:500; letter-spacing:.4px; line-height:60px;}
	#main_visual .slogan .subtit  {font-size:20px; line-height:30px; margin-top:50px; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);}


	.brandstory {position:relative; clear:both; width:100%;height:800px; text-align:center; background:url(../images/main/brandstory_bg.jpg) no-repeat center bottom; padding-top:100px; }
	.brandstory .b_txt {margin-top:50px; font-size:16px; font-weight:100; line-height:30px; color:#666;}
	.brandstory .b_btn {margin-top:80px;}


	.mt-150_1 {margin-top:-90px !important;}
	.mt-150_2 {margin-top:-90px !important;}
	.mt-150_3 {margin-top:-90px !important;}
	.mt-150_4 {margin-top:-90px !important;}



	#snb {position:relative; clear:both; width:100% !important; height:60px;  background:#fff; border-bottom:1px solid #f2f2f2; text-align:center; }
	#snb ul li {display:inline-block;  .display:inline-block;zoom:1;#display:inline;  letter-spacing:-0.05em;}
	#snb a {display:block;  font-size:14px;font-weight:400;  text-align:center; line-height:60px; color:#555; padding:0 10px; }
	#snb a.snb_on, #snb a.snb_on:hover {color:#986f32; border-bottom:2px solid #986f32; line-height:50px;}
	#snb a:hover{color:#111;}


	#sub_visual {height:600px; }
	#sub_visual .slogan .headtit {font-size:80px; }

	.stitle {font-size:40px; line-height:55px; text-align:center; padding:50px 0 0 0;}

	 .wrapper--76vw {width:100%; padding:0px 15px 150px 15px !important; font-size:15px;}
	 .mt-50 {margin-top:-50px !important; }



	 .map_info {position:relative; clear:both; border-top:1px solid #e1e1e1; padding:30px 0;}
	.map_info ul {width:100%; margin:0 auto;}
	.map_info ul li {position:relative; clear:both; float:both; margin:0 0; font-size:16px; padding:10px 20px;}
	.map_info ul li.tt {font-size:20px; color:#986f33; font-weight:700; letter-spacing:-0.05em; line-height:18px;}
	.map_info ul li span {margin-right:10px;background:#986f33; color:#fff;font-weight:500; letter-spacing:0px; padding:2px 10px; border-radius:20px; text-align:center;}




	


}


/********************************/ 
/*                             */ 
/*       max-width:991px       */ 
/*                             */ 
/********************************/  
@media (max-width:991px){  
    html,body {min-width: 100%;}
    a, *:focus {outline: none;}

    .box-pc , .only-pc{display: none !important;}
    .swiper-slide img{width: 100%;}
    img{max-width: 100%;}

    
    html,body,input,textarea,select,button,table{ font-size: 20px;}
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {line-height: 1.3;}
    .wrap{min-width: auto;max-width: 100%;padding: 0;}
    
    header [class^=icon-]{ width: 1.53rem;height: 1.53rem;} 
    .gnb-area{justify-content:space-between;height: auto;padding:23px 0} 
    #gnb{display: none;position:absolute;top:100%;left:0; width: 100%; }
    .gnb{display: block;} 
    .gnb-sub{display: none;} 

   .btn-mn{position: relative;width:48px;height:48px;margin-left: 50px; background: none;border: 0;font-size: 0;line-height: 0;text-indent :-999em;color: inherit;outline: none !important;z-index: 101; display:block;}
   .allmenu {display: none;}
   #top_wrap {display: none;}
	.btn-mn:after, .btn-mn:before{width:26px;} 
    .nav-open .btn-mn:before{margin:-12px 0 0 -4px;background-color: #4dbdc9 !important;} 
    .nav-open .btn-mn:after{margin:5px 0 0 -4px;background-color: #4dbdc9 !important;}
    #gnb-full{ height: 100vh ;height: calc( var(--vh, 1vh) * 100) ;  min-height: 100vh ;min-height: calc( var(--vh, 1vh) * 100) } 
    .nav-open #gnb-full{background: rgba(0,0,0,0.6);z-index: 105;} 
    .full-nav{position: relative; justify-content: flex-end;padding: 0;}
    .full-nav .ani{animation-duration: 0.5s;}
    .full-nav>div{display: block;background: #fff;width: 86vw; animation-name: fadeInRight;} 
    .full-nav>div:nth-child(2){ padding-top: 10rem }
    .full-nav .top-side{position: fixed; top: 0;z-index: 105;background:#00a0b1;}
    .full-nav .top-side>p{font-size: 1rem;padding: 1.5625rem 1.43rem;color: #fff; font-weight: 700;}
    .full-nav .hd-side{position: static;display: flex;justify-content: space-around;padding :5px 0 5px 0; text-align: center;border-top:1px solid #42b9c5; opacity: 1;}  /* padding :0 3rem 1rem 3rem; */
    /*.full-nav .hd-side::before{content: "";position: absolute;width: 1px;height: 33%;background:#33b3c1;left:50%;bottom: 22px;} */
    .full-nav .hd-side a{padding: 0; font-size:14px; color:#fff;}
    .full-nav .hd-side a>p{opacity: 1;margin-top: 0.5rem;color:#a3d3da;}
    .full-nav .dep1{display: none;}
    .full-nav .dep2{width: auto; padding:0 0 0 2.3rem;;background: #fff; margin:0;}
    .full-nav .dep2>a{display: block;position: relative; padding: 0.4em 0;font-size: 1rem;color:#00a0b1;font-weight: 600;margin-top: 0.5em;background:url(../images/common/arrow_down.png) no-repeat right;} 
    .full-nav .dep2>a[data-toggle]::before{ background:url(../images/common/arrow_up.png) no-repeat !important; position: absolute;right:2rem;top:50%;transform: translateY(-50%);font-size: 1.5rem;}
    .full-nav .dep2>a.open{border-bottom: 1px solid #ccc;}
    .full-nav .dep2>a.open[data-toggle]::before{background:url(../images/common/arrow_up.png) no-repeat !important;}
    .full-nav .dep2>ul{margin:1rem 0;padding-bottom: 1rem; border-bottom: 1px solid #dfdfdf;}
    .full-nav .dep2>ul>li{font-size: 16px;margin-top:0.3em; font-weight:500; padding-left:10px;}
    .full-nav .dep3{display: block; position: relative;background:url(../images/common/arrow_down2.png) no-repeat right !important;}
    .full-nav .dep3::before{  right:2rem; background:url(../images/common/arrow_down2.png) no-repeat right !important; display:none;}
    .full-nav .open>.dep3::before{ color: red; display:none;}
    .full-nav .dep3+ul{background:#f5f5f5;padding:10px 20px; margin-top:10px;}
    .full-nav .dep2>ul ul>li{font-size: 14px; font-weight: 400;color:#a4a4a4;padding:0;margin:0}
    .full-nav .dep2>ul ul>li:first-child{}






    .nav-img img{max-width: 30vw;} 
    .nav-img.v2 img{max-width: 40vw;} 

    .nav-marks {background:#fff;width: 100%;box-shadow: 0 5px 5px rgba(0,0,0,0.1);padding: 0;}
    .nav-marks li{display: inline-block; padding:0.711rem 0;} 
    .nav-marks li:last-child{margin-right: 20px;}

    .mc-solution .nav-img img{max-width: 20vw;}
    
    .mo0 .nav-pills{width: 90%;margin: 0 auto;} 



	#main_visual {position:relative; clear:both; height:600px; background:url(../images/main/visual01.jpg) no-repeat;}
	#main_visual .slogan {position:relative;  top:200px;  text-align:center; color:#fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)}
	#main_visual .slogan .headtit {font-size:40px; font-weight:500; letter-spacing:.4px; line-height:50px;}
	#main_visual .slogan .subtit  {font-size:17px; line-height:25px; margin-top:30px; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);}

	.brandstory {position:relative; clear:both; width:100%;height:900px; text-align:center; background:url(../images/main/brandstory_bg.jpg) no-repeat center bottom; padding:100px 20px 0 20px; }
	

	
	.mt-150_1 {margin-top:-60px !important;}
	.mt-150_2 {margin-top:-60px !important;}
	.mt-150_3 {margin-top:-60px !important;}
	.mt-150_4 {margin-top:-60px !important;}



	.thenresort  {position:relative; clear:both; height:650px; text-align:center; background:url(../images/main/thenresort_bg.jpg) no-repeat center bottom;background-size:cover; padding-top:150px;}
	.thenresort .tt1 {font-size:50px; color:#fff; font-weight:500; line-height:60px; letter-spacing:-0.05em;}
	.thenresort .tt2 {font-size:20px; color:#fff; font-weight:100; line-height:30px; letter-spacing:-0.05em; margin-top:50px;}

	.specialoffer_wrap h2 {color:#434343; font-size:40px; font-weight:500; letter-spacing:-0.05em;}
	.specialoffer_wrap .section-title {font-size:15px; font-weight:300; padding:10px 0 40px 0;}



	.hotspring  {position:relative; clear:both; height:700px; text-align:center; background:url(../images/main/hotspring_bg.jpg) no-repeat center bottom; padding-top:200px; }
	.pool  {position:relative; clear:both; height:700px; text-align:center; background:url(../images/main/pool_bg.jpg) no-repeat center bottom; padding-top:200px; margin-top:100px;}
	.room  {position:relative; clear:both; height:700px; text-align:center; background:url(../images/main/room_bg.jpg) no-repeat center bottom; padding-top:200px; margin-top:100px;}
	.dining  {position:relative; clear:both; height:700px; text-align:center; background:url(../images/main/dining_bg.jpg) no-repeat center bottom; padding-top:200px;}

	.m_tt1 {position:relative; clear:both; color:#fff; font-size:30px; line-height:30px; font-weight:700; text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);}
	.m_tt2 {position:relative; clear:both; color:#fff; font-size:50px; line-height:50px; font-weight:500; margin-top:20px; text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);}
	.m_tt3 {position:relative; clear:both; color:#fff; font-size:15px; line-height:25px; font-weight:100; text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);}
	.m_bar {position:relative; clear:both; padding:50px 0 10px 0;}


	.m_g_tit {color:#666 !important; font-size:35px !important; line-height:35px !important; font-weight:500 !important; letter-spacing:-0.07em;}
	.m_g_txt {color:#6d6d6d !important; font-size:16px !important; line-height:25px !important; font-weight:400 !important; margin-top:30px;}
	.m_g_btn {position:relative; clear:both; padding-top:30px;}



	.m_gallery .f_r {position:relative;  clear:both; float:both;}
	.m_gallery .m_info {position:relative; clear:both; float:both; width:100%;  text-align:center; }
	.m_gallery .info {position: relative;padding:0 15px 50px 15px;}
	.m_gallery .info .info_tit {color:#986f32; font-size:40px; font-weight:300; line-height:45px; letter-spacing:-0.05em;}
	.m_gallery .info .bar {padding:40px 0 10px 0;}
	.m_gallery .info .info_txt {color:#4b4949; font-size:16px; font-weight:300; line-height:30px;}
	.m_gallery .info .info_btn {margin-top:40px;}
	.a_r {right:0;}


	/******* slider01 *********************************/ 
	.slider01 {float:right; width:100%; margin: 0; padding: 0;position: relative; zoom: 1;}
	.slider01 .flex-viewport {max-height: 2000px;}
	.slider01 .slides {zoom: 1;margin: 0; padding: 0;}
	.slider01 .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
	.slider01 .slides img {width: 100%; display: block;}

	/* Direction Nav */
	.slider01 .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: none;}
	.slider01 .flex-direction-nav a {width: 98px; height: 98px; margin: -20px 0 0; display: block; 	position: absolute;bottom:0; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
	.slider01 .flex-direction-nav .flex-prev {background:url(../images/main/btn_prev.png) no-repeat;}
	.slider01 .flex-direction-nav .flex-next {background:url(../images/main/btn_next.png) no-repeat; left:99px;}


	/* Control Nav */
	.slider01 .flex-control-nav {display:none;}
	/******* //slider01 *********************************/ 


	/******* slider02 *********************************/ 
	.slider02 {float:left; width:100%; margin: 0; padding: 0;position: relative; zoom: 1;border:solid 0px red;}
	.slider02 .flex-viewport {max-height: 2000px;}
	.slider02 .slides {zoom: 1;margin: 0; padding: 0;}
	.slider02 .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
	.slider02 .slides img {width: 100%; display: block;}

	/* Direction Nav */
	.slider02 .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: none;}
	.slider02 .flex-direction-nav a {width: 98px; height: 98px; margin: -20px 0 0; display: block; 	position: absolute;bottom:0; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
	.slider02 .flex-direction-nav .flex-prev {background:url(../images/main/btn_prev.png) no-repeat; right:99px;}
	.slider02 .flex-direction-nav .flex-next {background:url(../images/main/btn_next.png) no-repeat; right:0;}

	/* Control Nav */
	.slider02 .flex-control-nav {display:none; }
	/******* //slider02 *********************************/ 


	
	#quick {display:none;}

	#snb {display:none;}

	#sub_visual {height:500px; }
	#sub_visual .slogan {position:relative;  top:50%;  text-align:center; color:#fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)}
	#sub_visual .slogan .headtit {font-size:50px; font-weight:700; letter-spacing:5px; line-height:90px;}

	.stitle {font-size:30px; line-height:40px; text-align:center; padding:50px 0 0 0;}
	 .wrapper--76vw {width:100%; padding:0 15px 150px 15px !important; font-size:15px;}

	 .specialoffer_wrap {position:relative; clear:both; background:#f2f2f2; padding:100px 0 0 0; text-align:center; }


	 .event_package .list {position:relative; float:left; width:47%; margin:1.5%; border:1px solid #dfdfdf;}





}








@media (max-width:600px){ 
 .wrapper--76vw {width:100% !important; padding:20px 15px 150px 15px !important; font-size:15px;}

  .event_package .list {position:relative; float:left; width:100%; margin:1.5% 0; border:1px solid #dfdfdf;}


}