@charset "utf-8";
* {margin:0; padding:0; font-family:'Noto Serif JP', sans-serif ,"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro","メイリオ", Meiryo, serif; color:#222; letter-spacing:0.03em; line-height:150%;}
body{margin:0; padding:0; text-align:center; position:relative; -webkit-text-size-adjust:100%; overflow-x:hidden!important;}
img{-ms-interpolation-mode: bicubic; border:none; margin:0; padding:0;}
ul{list-style-type:none; margin:0; padding:0;}
a{text-decoration:none; outline:none; font-size:18px; transition:all 0.5s ease; font-weight:normal; line-height:1;}
a:hover{opacity:.8; transition:all 0.5s ease;}
@media only screen and (max-width:1249px){
	a{font-size:16px;}
}
p{box-sizing:border-box; font-size:18px; margin:0; text-align:justify; font-weight:normal;}
@media screen and (max-width:1249px){
	p{font-size:16px;}
}
h1{margin:0; padding:0;}
h2,h3,h4{width:auto; height:auto; margin:0; padding:0; font-weight:normal;}

/*header*/
#header{position:relative; width:100%; height:auto; overflow:hidden; z-index:0;}
@media only screen and (max-width:1023px){
	#header{padding-top:96px;}
}
#header img{vertical-align:bottom;}
#header a{dispay:block; width:100%; height:auto;}

/*index_video*/
#index_video{width:100%; height:auto !important; margin-left:auto; margin-right:auto; vertical-align:bottom; position:relative; overflow:hidden;}

/*header_sp*/
.header_sp,.header_sp *{
    box-sizing: border-box;
}
.header_sp{
    position:fixed; 
    width:100%; 
    height:96px; 
    top:0; 
    left:0; 
    z-index:9998; background:rgba(255,255,255,.9); border-bottom:1px solid rgba(85,85,85,.3);
}
.header_sp .logo{
/*    position:fixed; */
    width:auto; 
    height:100%;
    padding:5px 0 5px 15px;
    z-index:10000; 
    aspect-ratio: 117 / 67;
    object-fit: contain;
/*
    top:4px; 
    left:15px;
*/
}
.header_sp .logo a{display:block; width:100%; height:100%; line-height:1;}
@media only screen and (min-width:1024px){
	.header_sp{display:none;}
}
.header_sp img.img_fluid{
    width: auto;
    height: 100%;
}
/*hamburger*/
.hamburger{display:block; position:absolute; z-index:10001; right:13px; top:17px; width:42px; height:42px; cursor:pointer; text-align:center;}
@media only screen and (min-width:1024px){
	.hamburger{display:none;}
}
.hamburger span{display:block; position:absolute; width:30px; height:2px; left:6px; background:#444444; transition:all 0.5s ease;}
.hamburger span:nth-child(1){top:15px;}
.hamburger span:nth-child(2){top:25px;}
nav.globalMenuSp.active{display:block; opacity:100;}
.hamburger.active span:nth-child(1){top:20px; left:6px; background:#fff; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);}
.hamburger.active span:nth-child(2),.hamburger.active span:nth-child(3){top:20px; background:#fff; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
nav.globalMenuSp{display:none; position:fixed; z-index:10000; top:0; left:0; background:rgba(32,32,32,.95); text-align:center; width:100%; height:100vh; opacity:0; transition:opacity .5s ease, visibility .5s ease;}
nav.globalMenuSp ul{box-sizing:border-box; overflow:hidden; display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom:20px;}
nav.globalMenuSp ul li{width:48.5%; padding:0; height:auto; border-bottom:1px solid rgba(255,255,255,.5);}
nav.globalMenuSp ul li a{width:100%; height:auto; text-decoration:none; display:flex; justify-content:flex-start;}
nav.globalMenuSp ul li a span{display:inline-block; display:flex; justify-content:flex-start; align-items:center;}
nav.globalMenuSp ul li a span img{width:auto; text-align:left!important;}
nav.globalMenuSp ul li a span::before{display:inline-block; content:""; background:url("../img/parts/point_sp.svg") no-repeat center center / contain; width:22px; height:27px; margin-right:10px;}
nav.globalMenuSp .sns_sp{display:flex; justify-content:center; align-items:center;}
nav.globalMenuSp .sns_sp a{display:block; width:25px; height:25px; line-height:1; margin-right:40px;}
nav.globalMenuSp .sns_sp a:nth-of-type(3){margin-right:0;}
@media only screen and (max-width:449px){
	nav.globalMenuSp ul{padding:40px 15px 0;}
	nav.globalMenuSp ul li a{padding:0.45em 0;}	
	nav.globalMenuSp ul li a span{width:auto;}
	nav.globalMenuSp ul li a span img{height:34px;} 	
}
@media only screen and (min-width:450px) and (max-width:575px){
	nav.globalMenuSp ul{padding:50px 15px 0;}
}
@media only screen and (min-width:576px) and (max-width:1023px){
	nav.globalMenuSp ul{padding:50px 50px 0;}
}
@media only screen and (min-width:450px) and (max-width:1023px){
	nav.globalMenuSp ul li a{padding:0.8em 0;}	
	nav.globalMenuSp ul li a span{width:auto;}
	nav.globalMenuSp ul li a span img{height:40px;} 	
}
@media only screen and (max-width:1023px){
 	nav.globalMenuSp ul li{box-sizing:border-box; padding-left:10px;}
 }
@media only screen and (min-width:1024px){
	nav.globalMenuSp{display:none!important;}
}

/*header_pc*/
@media only screen and (max-width:1023px){
	.header_pc{display:none;}
}
@media only screen and (min-width:1024px){
	.header_pc{position:absolute; width:92.5%; height:auto; top:20px; right:1.57%; z-index:2; box-sizing:border-box; display:flex; justify-content:space-between; align-items:flex-start;}
	.header_pc .logo{width:138px; height:208px;}
	.header_pc .menu{width:700px; height:36px; display:flex; justify-content:space-between; align-items:center;}
	.header_pc .menu li img{height:36px;}
	.header_pc .menu .plan{border:1px solid #fff; box-sizing:border-box; padding-left:16px; padding-right:16px;}
	.header_pc .logo a,
	.header_pc .menu li a{display:block; width:100%; height:100%;}
}
@media only screen and (max-width:1199px){
	.header_pc .menu li:nth-of-type(1){display:none;}
}
@media only screen and (min-width:1200px){
.header_pc{top:30px;}
.header_pc .logo{
/*
    width:172px; 
    height:259px;
*/
    width: 300px;
    height: auto;
    aspect-ratio: 117 / 67;
    object-fit: contain;
    }
    .header_pc .logo img{
        filter: 
            drop-shadow(#fff 1px 0px 1px) drop-shadow(#fff -1px 0px 1px) drop-shadow(#fff 0px -1px 1px) drop-shadow(#fff -1px 0px 1px) drop-shadow(#fff 1px 1px 1px);
    }
	.header_pc .menu{
        width:880px; 
        height:38px;
    }
	.header_pc .menu li img{height:38px;}
}
@media only screen and (min-width:1400px){
	.header_pc{width:93.5%;}
}
@media only screen and (min-width:1800px){
	.header_pc{width:94.5%;}
}

/*hover*/
.header_pc .bar a{position:relative; display:inline-block; transition:all 0.5s ease;}
.header_pc .bar a:hover{opacity:1;}
.header_pc .bar a:after{position:absolute; bottom:5px; left:50%; content:''; width:0; height:1px; background:#fff; transition:all 0.5s ease; transform:translateX(-50%);}
.header_pc .bar a:hover:after{width:100%;}

/*header_sns*/
@media only screen and (max-width:1023px){
	.header_sns{display:none;}
}
@media only screen and (min-width:1024px){
	.header_sns{position:absolute; width:36px; height:100%; top:0; left:0; z-index:2; box-sizing:border-box; display:flex; justify-content:center; align-items:center; background:rgba(255,255,255,.8);}
	.header_sns_wrap{display:flex; flex-direction:column; align-items:center; width:22px;}
	.header_sns_wrap .line{background:url("../img/parts/bt_line.svg") center center / cover; width:14px; height:33px;}
}
@media only screen and (min-width:1200px){
	.header_sns{width:40px;}
	.header_sns_wrap{width:25px;}
	.header_sns_wrap .line{width:15px; height:35px;}
}

/*nav_fixed*/
.nav_fixed{
    display:none; 
    z-index:9999; 
    position:fixed; 
    top:0; 
    left:0; 
    width: 100%; 
    height: 106px; 
    background:rgba(255,255,255,.9); 
    border-bottom:1px solid rgba(85,85,85,.2);
}
.nav_fixed_wrap{height:inherit; margin:0 auto; display:flex; justify-content:space-between; align-items:center; box-sizing:border-box;}

.nav_fixed_wrap,.nav_fixed_wrap *{
    box-sizing: border-box;
}
.nav_fixed_wrap .logo{
    width: auto; 
    height: 100%;
    padding:3px 0 3px 15px;
}
.nav_fixed_wrap .logo img{
    width: auto; 
    height: 100%;
    object-fit: contain;
    aspect-ratio: 117 / 67; 
}
.nav_fixed_wrap ul{display:flex; justify-content:space-between; align-items:center;}
.nav_fixed_wrap li,
.nav_fixed_wrap li a{display:block; height:auto; line-height:1;}
.nav_fixed_wrap li a{line-height:1;}
.nav_fixed_wrap li.plan{padding-left:16px; padding-right:16px; border:1px solid #555;}
@media screen and (max-width:1023px){
	.nav_fixed{display:none !important;}
}
@media screen and (min-width:1024px){
	.nav_fixed_wrap{width:97%;}
	.nav_fixed_wrap ul{width:700px;}
	.nav_fixed_wrap li a img{height:36px;}
}
@media only screen and (max-width:1249px){
	.nav_fixed_wrap li:nth-of-type(1){display:none;}
}
@media screen and (min-width:1250px){
	.nav_fixed_wrap ul{width:880px;}
	.nav_fixed_wrap li a img{height:38px;}
}
@media screen and (min-width:1500px){
	.nav_fixed_wrap{width:1400px;}
}

/*hover*/
.nav_fixed_wrap .bar a{position:relative; display:inline-block; transition:all 0.5s ease;}
.nav_fixed_wrap .bar a:hover{opacity:1;}
.nav_fixed_wrap .bar a:after{position:absolute; bottom:5px; left:50%; content:''; width:0; height:1px; background:#555; transition:all 0.5s ease; transform:translateX(-50%);}
.nav_fixed_wrap .bar a:hover:after{width:100%;}

/*pagetop*/
.pagetop{display:none; position:fixed; right:30px; bottom:30px; z-index:10; border-radius:50%;}
.pagetop a{display: block; background:url(../img/parts/pagetop.svg) no-repeat center center / cover; width:40px; height:40px; transition:all 0.5s ease; border-radius:50%;}
.pagetop a:hover{width:40px; height:40px; transition:all 0.5s ease; transform:translateY(-3px); opacity:1;}
@media screen and (max-width:1023px){
	.pagetop{bottom:15px; right:15px;}
}
@media only screen and (max-width:575px){
	.pagetop a{background:url(../img/parts/pagetop.svg) no-repeat center center / cover;}
}
@media only screen and (min-width:576px) and (max-width:1023px){
	.pagetop a{background:url(../img/parts/pagetop.svg) no-repeat center center / cover;}
}

/*bn_plan*/
.bn_plan{width:100%; margin-left:auto; margin-right:auto; display:flex; justify-content:space-between; align-items:center; position:relative; background:#f4eddb;}
.bn_plan .box{width:100%;}
.bn_plan .imgbox01{background:url("../img/parts/bn_plan01.jpg") no-repeat center center / cover;}
.bn_plan .imgbox02{background:url("../img/parts/bn_plan02.jpg") no-repeat center center / cover;}
.bn_plan .imgbox03{background:url("../img/parts/bn_plan03.jpg") no-repeat center center / cover;}
.bn_plan .imgbox04{background:url("../img/parts/bn_plan04.jpg") no-repeat center center / cover;}
.bn_plan .bt{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; transition:all 0.5s ease;}
.bn_plan .bt:hover{background:rgba(255,255,255,.3); transition:all 0.5s ease;}
.bn_plan .bt img{background:url("../img/parts/bg01.png") center center; background-size:70%; box-sizing:border-box; border-radius:50%; border:5px solid #e9e2cd; display:block; pointer-events:none;}
.bn_plan .bt_bg{position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%); pointer-events:none;}
.bn_plan .bt_bg span{display:block; width:100%; height:100%; background:#fff; border-radius:50%;}
.bn_plan .best_bn {position: absolute; top: 1%; left: 55%; width: 150px;}
@media screen and (max-width:767px){
	.bn_plan{background:url("../img/parts/bn_plan02.jpg") no-repeat center center / cover;}
	.bn_plan .box{display:none!important;}
	.bn_plan .best_bn {width: 120px; left: 59%;}
}
@media screen and (min-width:768px) and (max-width:991px){
	.bn_plan .box{width:50%;}
	.bn_plan .imgbox03,
	.bn_plan .imgbox04{display:none;}
	.bn_plan .best_bn {width: 120px;}
}
@media screen and (min-width:992px) and (max-width:1249px){
	.bn_plan .box{width:33.333%;}
	.bn_plan .imgbox04{display:none;}
	.bn_plan .best_bn {width: 120px;}
}
@media only screen and (min-width:576px) and (max-width:1249px){
	.bn_plan .bt{background-size:40%;}
}
@media screen and (max-width:1249px){
	.bn_plan{height:280px;}
	.bn_plan .box{height:inherit;}
	.bn_plan .bt img{width:220px; height:220px;}
	.bn_plan .bt_bg{width:220px; height:220px;}
}
@media screen and (min-width:1250px){
	.bn_plan{height:350px;}
	.bn_plan .box{width:25%; height:inherit;}
	.bn_plan .bt img{background-size:auto; width:272px; height:272px;}
	.bn_plan .bt_bg{width:272px; height:272px;}
}

/*sub_bn_plan*/
.sub_bn_plan{width:100%; height:280px; margin-left:auto; margin-right:auto; display:flex; justify-content:space-between; align-items:center; position:relative;}
.sub_bn_plan .box{width:100%; height:inherit;}
.sub_bn_plan .imgbox01{background:url("../img/parts/bn_plan01.jpg") no-repeat center center / cover;}
.sub_bn_plan .imgbox02{background:url("../img/parts/bn_plan02.jpg") no-repeat center center / cover;}
.sub_bn_plan .bt{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; transition:all 0.5s ease;}
.sub_bn_plan .bt:hover{background:rgba(255,255,255,.3); transition:all 0.5s ease;}
.sub_bn_plan .bt img{background:url("../img/parts/bg01.png") center center; background-size:70%; box-sizing:border-box; border-radius:50%; border:5px solid #e9e2cd; display:block; pointer-events:none;}
.sub_bn_plan .bt_bg{position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%); pointer-events:none;}
.sub_bn_plan .bt_bg span{display:block; width:100%; height:100%; background:#fff; border-radius:50%;}
.sub_bn_plan .best_bn {position: absolute; top: 1%; left: 55%; width: 120px;}
@media screen and (max-width:767px){
	.sub_bn_plan{background:url("../img/parts/bn_plan02.jpg") no-repeat center center / cover;}
	.sub_bn_plan .box{display:none!important;}
	.sub_bn_plan .best_bn {left: 59%;}
}
@media only screen and (min-width:576px) and (max-width:1249px){
	.sub_bn_plan .bt{background-size:40%;}
}
@media screen and (max-width:991px){
	.sub_bn_plan{margin-bottom:40px;}
}
@media screen and (min-width:992px){
	.sub_bn_plan{width:892px; margin-bottom:60px;}
}
@media screen and (max-width:1249px){
	.sub_bn_plan{height:280px;}
	.sub_bn_plan .bt img{width:220px; height:220px;}
	.sub_bn_plan .bt_bg{width:220px; height:220px;}
}
@media screen and (min-width:1250px){
	.sub_bn_plan{height:350px; margin-bottom:80px;}
	.sub_bn_plan .bt img{background-size:auto; width:272px; height:272px;}
	.sub_bn_plan .bt_bg{width:272px; height:272px;}
}

/*anime_circle*/
.anime_circle{animation:circle 1.2s infinite;}
@keyframes circle{
	0%{-webkit-transform:scale(1); transform:scale(1); opacity:0.6;}
	80%{-webkit-transform:scale(1.2); transform:scale(1.2); opacity:0;}
	100%{-webkit-transform:scale(1.2); transform:scale(1.2); opacity:0;}
}
@-webkit-keyframes circle{
	0%{-webkit-transform:scale(1); transform:scale(1); opacity:0.6;}
	80%{-webkit-transform:scale(1.2); transform:scale(1.2); opacity:0;}
	100%{-webkit-transform:scale(1.2); transform:scale(1.2); opacity:0;}
}

/*footer*/
footer{background:#f4eddb; box-sizing:border-box;}
footer .logo{width:100%; height:auto; padding-bottom:15px; margin:0 auto 20px; border-bottom:1px solid #222;}
footer .logo a{display:block;}
footer .info{width:100%; margin:0 auto 45px; display:flex; flex-direction:column; justify-content:center; align-items:center; flex-wrap:wrap;}
footer .info p{width:auto;}
footer .address{font-size:16px;}
footer .tel,
footer .tel a{font-size:22px;}
footer .mail{font-size:16px; margin: 5px 0;}
footer .checkin{font-size:16px;}
footer .copyright{display:flex; justify-content:center; align-content:center;}
footer .copyright p{font-size:12px;}
footer .copyright a{width:52px; height:13px; display:block; line-height:1; margin-right:2px;}
@media screen and (max-width:575px){
	footer{padding-left:15px; padding-right:15px;}
	footer .info p span{display:none;}
}
@media screen and (min-width:576px){
	footer .logo{width:460px;}
}
@media screen and (max-width:1249px){
	footer .logo img{width:250px; height:auto;}
}
@media screen and (min-width:1250px){
	footer .logo img{width:350px; height:auto;}
}

/*header_sub*/
.header_sub{box-sizing:border-box; position:relative;}
.header_sub_wrap{width:inherit; height:inherit; overflow:hidden;}
.header_sub_bg{width:inherit; height:inherit; position:relative;}
.header_sub_ti{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); filter:drop-shadow(5px 5px 10px rgba(0,0,0,0.3));}
.header_sub_ti span{color:#fff; letter-spacing:0.05em; display:block;}
@media only screen and (max-width:767px){
	.header_sub{width:100%; height:280px;}
}
@media only screen and (min-width:768px){
	.header_sub{width:100%; height:400px;}
}
@media only screen and (min-width:992px){
	.header_sub{width:100%; height:580px;}
}
@media only screen and (min-width:1250px){
	.header_sub{width:100%; height:calc(100vw*0.4167);}
}
@media only screen and (max-width:1249px){
	.header_sub_ti{width:260px; height:56px;}
	.header_sub_ti .main{font-size:25px;}
	.header_sub_ti .sub{font-size:14px;}
}
@media only screen and (min-width:1250px){
	.header_sub{height:780px;}
	.header_sub_ti{width:370px; height:79px;}
	.header_sub_ti .main{font-size:36px;}
	.header_sub_ti .sub{font-size:17px;}
}
.cuisine{background:url(../img/cuisine/mv.jpg) no-repeat top center / cover;}
.facilities{background:url(../img/facilities/mv.jpg) no-repeat left center / cover;}
.salon{background:url(../img/salon/mv.jpg) no-repeat center center / cover;}
.reserve{background:url(../img/reserve/mv.jpg) no-repeat left center / cover;}
.guide{background:url(../img/guide/mv.jpg) no-repeat center center / cover;}
.news-list{background:url(../img/news/mv.jpg) no-repeat center center / cover;}
.news-detail{background:url(../img/news-detail/mv.jpg) no-repeat center center / cover;}


.ui-datepicker-title{color:#fff!important;}
.ui-datepicker-year{color:#fff!important;}
.ui-datepicker-month{color:#fff!important;}


.old_hp{margin:60px auto 0 0; text-align: center; }
.old_hp a.banner{background:#fff url("../img/parts/bg01.png"); margin:0 auto; padding: 20px; border:#d2c6a6 1px solid; width:600px; border-radius: 5px; line-height: 1.5em; text-align: center; 
display:flex; flex-wrap: wrap; justify-content:space-around; align-items: center;}
.old_hp p{text-align: center;}
.old_hp span{background:url("../img/parts/arrow01.svg") no-repeat center right 15px, #f3eddf;  color:#8d8268; padding:10px 30px 10px 20px; border-radius: 5px; font-size:15px;}


@media only screen and (max-width: 767px){

.old_hp{margin:40px auto 0 0; text-align: center;}
.old_hp a.banner{padding: 30px 30px 40px 30px; width:auto; 
display:block;}
.old_hp .logo{margin:0 0 30px 0;}
.old_hp .logo img{width:35%; height: auto;}

}