@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:#000; 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;}
@media only screen and (max-width:575px){
	body{background:url("../img/parts/bg01.png") center center / 70%;}
}
@media only screen and (min-width:576px) and (max-width:1249px){
	body{background:url("../img/parts/bg01.png") center center / 40%;}
}
@media only screen and (min-width:1250px){
	body{background:url("../img/parts/bg01.png") center center / auto;}
}
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:17px; 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:17px; 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;}
#header img{vertical-align:bottom;}
#header a{dispay:block; width:100%; height:auto;}
#index_video{width:100%; height:auto !important; margin-left:auto; margin-right:auto; vertical-align:bottom;}
@media only screen and (max-width:1023px){
	#header{padding-top:76px;}
}

/*header_sp*/
.header_sp{position:fixed; width:100%; height:76px; top:0; left:0; z-index:9998; background:url("../img/parts/bg02.png") center center / 70%;}
.header_sp h1{position:fixed; width:128px; height:52px; z-index:10000; top:14px; left:15px;}
.header_sp .p_cherry01{position:fixed; width:108px; height:134px; z-index:9999; top:-30px; left:-24px; background:url("../img/parts/p_cherry01.png") no-repeat center center/ cover;}
.header_sp .p_cherry02{position:fixed; width:206px; height:160px; z-index:9999; top:-80px; right:-120px; background:url("../img/parts/p_cherry02.png") no-repeat center center/ cover;}
.header_sp h1 a{display:block; width:100%; height:100%; line-height:1;}
@media only screen and (min-width:576px) and (max-width:1023px){
	.header_sp{background:url("../img/parts/bg02.png") center center / 40%;}
}
@media only screen and (min-width:1024px){
	.header_sp{display:none;}
}

/*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:100%; height:auto; top:0; left:0; z-index:2; background:url("../img/parts/p_cherry05.png") no-repeat left -40px top 2px / 264px 181px, url("../img/parts/p_cherry06.png") no-repeat right -89px top -64px / 232px 181px;}
	.header_pc_wrap{width:96%; height:inherit; margin:0 auto; display:flex; justify-content:space-between; align-items:flex-start; margin-top:20px;}
	.header_pc_wrap h1{width:119px; height:149px; filter:drop-shadow(5px 5px 10px rgba(0,0,0,0.2));}
	.header_pc_wrap ul{width:700px; padding-left:35px; padding-right:35px; margin-left:auto; margin-right:0; box-sizing:border-box; display:flex; justify-content:space-between;}
	.header_pc_wrap ul li{box-sizing:border-box;}
	.header_pc_wrap ul li a{line-height:1; display:block; width:100%; height:100%; padding-top:15px; padding-bottom:15px;}
	.header_pc_wrap ul li a img{height:16px;}
	.header_pc_wrap .header_plan{background:url("../img/parts/bg03.png") no-repeat center center / auto; border-radius:6px;}
	.header_pc_wrap .header_plan a{display:block; width:100%; height:100%; line-height:1; padding:14px 18px; box-sizing:border-box;}
	.header_pc_wrap .header_plan a img{height:16px;}
}
@media only screen and (max-width:1249px){
	.header_pc_wrap ul li:nth-child(1){display:none;}
}
@media only screen and (min-width:1250px){
	.header_pc{background:url("../img/parts/p_cherry05.png") no-repeat left -40px top 2px / 293px 201px, url("../img/parts/p_cherry06.png") no-repeat right -89px top -64px / 258px 201px;}
	.header_pc_wrap{margin-top:40px;}
	.header_pc_wrap h1{width:132px; height:165px;}
	.header_pc_wrap ul{width:792px;}
}

/*hover*/
.bar li a{position:relative; display:inline-block; transition:all 0.5s ease;}
.bar li a:hover{opacity:1;}
.bar li a:after{position:absolute; bottom:5px; left:50%; content:''; width:0; height:2px; background:#fff; transition:all 0.5s ease; transform:translateX(-50%);}
.bar li a:hover:after{width: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:#222222; transition:all 0.5s ease;}
.hamburger span:nth-child(1){top:10px;}
.hamburger span:nth-child(2){top:20px;}
.hamburger span:nth-child(3){top:30px;}
.hamburger.active span:nth-child(1){top:16px; 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:16px; 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(64,63,44,.95); text-align:center; width:100%; height:100vh; opacity:0; transition:opacity .5s ease, visibility .5s ease;}
nav.globalMenuSp ul{margin:0 auto; padding:50px 50px 0; width:100%; box-sizing:border-box; overflow:hidden; margin-bottom:30px;}
nav.globalMenuSp ul li{list-style-type:none; padding:0; float:left; width:100%; transition:all 0.5s ease; border-bottom:1px dashed rgba(255,255,255,.5);}
nav.globalMenuSp ul li:last-child{border-bottom:0;}
nav.globalMenuSp ul li:hover{background:rgba(255,255,255,.2);}
nav.globalMenuSp ul li a{display:block; padding:1.2em 0; text-decoration:none;}
nav.globalMenuSp ul li a span{width:240px; display:inline-block; display:flex; align-items:center; justify-content:flex-start; margin:0 auto;}
nav.globalMenuSp ul li a span img{height:16px;}
nav.globalMenuSp ul li a span::before{content:""; width:24px; height:24px; background:url("../img/parts/p_cherry_s.svg") no-repeat center center / contain;}
nav.globalMenuSp ul li a span::after{content:""; width:24px; height:24px; background:url("../img/parts/p_cherry_s.svg") no-repeat center center / contain;}
nav.globalMenuSp .plan{width:300px; box-sizing:border-box; margin-left:auto; margin-right:auto;}
nav.globalMenuSp .plan a{display:block; padding:1.2em; background:url("../img/parts/bg03.png") center center / 70%; border-radius:28px; line-height:1;}
nav.globalMenuSp .plan a img{height:16px;}
nav.globalMenuSp.active{display:block; opacity:100;}
@media only screen and (max-width:399px){
	nav.globalMenuSp ul{padding:20px 50px 0;}
	nav.globalMenuSp ul li a{padding:1.2em 0;}
	nav.globalMenuSp ul li a span{width:180px;}
	nav.globalMenuSp ul li a span::before{content:""; width:25px; height:20px;}
	nav.globalMenuSp ul li a span::after{content:""; width:25px; height:20px;}
}
@media only screen and (min-width:1024px){
	nav.globalMenuSp{display:none !important;}
}

/*nav_fixed*/
.nav_fixed{display:none; box-sizing:border-box; z-index:9999; position:fixed; top:0; left:0; width:100%; height:161px;}
.nav_fixed_bg{position:relative; height:76px; background:url("../img/parts/bg02.png") center center / auto; filter:drop-shadow(5px 5px 10px rgba(0,0,0,0.2));}
.nav_fixed_bg .p_cherry01{position:absolute; width:108px; height:134px; top:-30px; left:-15px; background:url("../img/parts/p_cherry01.png") no-repeat center center/ cover; z-index:0;}
.nav_fixed_bg .p_cherry02{position:absolute; width:206px; height:160px; top:-80px; right:-120px; background:url("../img/parts/p_cherry02.png") no-repeat center center/ cover; z-index:0;}
.nav_fixed_wrap{width:96%; height:inherit; margin:0 auto; display:flex; justify-content:space-between; align-items:center; box-sizing:border-box;}
.nav_fixed_wrap .logo{width:128px; height:52px;}
.nav_fixed_wrap ul{width:700px; padding-left:35px; padding-right:35px; margin-left:auto; margin-right:0; box-sizing:border-box; display:flex; justify-content:space-between;}
.nav_fixed_wrap li{box-sizing:border-box;}
.nav_fixed_wrap li a{line-height:1; display:block; width:100%; height:100%;}
.nav_fixed_wrap li a img{height:16px;}
.nav_fixed_wrap .plan{background:url("../img/parts/bg03.png") no-repeat center center / auto; border-radius:6px;}
.nav_fixed_wrap .plan a{display:block; width:100%; height:100%; line-height:1; padding:14px 18px; box-sizing:border-box;}
.nav_fixed_wrap .plan a img{height:16px;}
@media screen and (max-width:1023px){
	.nav_fixed{display:none !important;}
}
@media only screen and (max-width:1249px){
	.nav_fixed_wrap ul li:nth-child(1){display:none;}
}
@media only screen and (min-width:1250px){
	.nav_fixed_wrap ul{width:792px;}
}
	
/*hover*/
.nav_fixed_bar li a{position:relative; display:inline-block; transition:all 0.5s ease;}
.nav_fixed_bar li a:hover{opacity:1;}
.nav_fixed_bar li a:after{position:absolute; bottom:-2px; left:50%; content:''; width:0; height:2px; background:#666666; transition:all 0.5s ease; transform:translateX(-50%);}
.nav_fixed_bar li 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, url("../img/parts/bg03.png") center center / auto; width:50px; height:50px; transition:all 0.5s ease; border-radius:50%;}
.pagetop a:hover{width:50px; height:50px; 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, url("../img/parts/bg03.png") center center / 70%;}
}
@media only screen and (min-width:576px) and (max-width:1023px){
	.pagetop a{background:url(../img/parts/pagetop.svg) no-repeat center center / cover, url("../img/parts/bg03.png") center center / 40%;}
}

/*bn_plan*/
.bn_plan{width:100%; height:auto; margin-left:auto; margin-right:auto; background:url("../img/parts/bn_plan_ti_bg.png") no-repeat center center / auto 100%, url("../img/parts/bn_plan_bg.jpg") no-repeat center center / cover; border-radius:6px; position:relative;}
.bn_plan a{width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
.bn_plan a:hover{background:rgba(0,0,0,.2); border-radius:6px;}
.bn_plan .ti{width:104px; height:208px;}
.bn_plan .bn_cherry01{position:absolute; background:url("../img/parts/bn_cherry01.png") no-repeat center center / cover; z-index:-1; pointer-events:none;}
.bn_plan .bn_cherry02{position:absolute; background:url("../img/parts/bn_cherry02.png") no-repeat center center / cover; z-index:-1; pointer-events:none;}
@media only screen and (max-width:991px){
	.bn_plan{height:250px;}
	.bn_plan .logo{display:none;}
	.bn_plan .bn_cherry01{width:83px; height:188px; left:50%; top:50%; transform:translate(-120px,-115px);}
	.bn_plan .bn_cherry02{width:78px; height:76px; left:50%; top:50%; transform:translate(40px,40px);}
}
@media only screen and (min-width:992px){
	.bn_plan{height:300px; background:url("../img/parts/bn_plan_copy.png") no-repeat left 20px bottom 15px / 122px 189px, url("../img/parts/bn_plan_ti_bg.png") no-repeat center center / auto 100%, url("../img/parts/bn_plan_bg.jpg") no-repeat center center / cover;}
	.bn_plan .logo{position:absolute; width:158px; height:174px; left:30px; bottom:23px;}
	.bn_plan .bn_cherry01{width:104px; height:236px; left:50%; top:50%; transform:translate(-150px,-150px);}
	.bn_plan .bn_cherry02{width:97px; height:95px; left:50%; top:50%; transform:translate(50px,50px);}
}
@media only screen and (min-width:1250px){
	.bn_plan{width:1200px; height:320px; background:url("../img/parts/bn_plan_copy.png") no-repeat left 20px bottom 15px / 152px 235px, url("../img/parts/bn_plan_ti_bg.png") no-repeat center center / auto 100%, url("../img/parts/bn_plan_bg.jpg") no-repeat center center / cover;}
	.bn_plan .ti{width:130px; height:260px;}
}

.bn_plan.add{background:url("../img/parts/bn_plan_ti_bg02.png") no-repeat center center / auto 100%, url("../img/parts/bn_plan_bg.jpg") no-repeat center center / cover;}
@media only screen and (min-width:992px){
	.bn_plan.add{background:url("../img/parts/bn_plan_copy.png") no-repeat left 20px bottom 15px / 122px 189px, url("../img/parts/bn_plan_ti_bg02.png") no-repeat center center / auto 100%, url("../img/parts/bn_plan_bg.jpg") no-repeat center center / cover;}
}
@media only screen and (min-width:1250px){
	.bn_plan.add{background:url("../img/parts/bn_plan_copy.png") no-repeat left 20px bottom 15px / 152px 235px, url("../img/parts/bn_plan_ti_bg02.png") no-repeat center center / auto 100%, url("../img/parts/bn_plan_bg.jpg") no-repeat center center / cover;}
}



/*footer*/
.footer{width:100%; height:auto; background:url("../img/parts/footer_bg.jpg") no-repeat center bottom / cover; box-sizing:border-box; overflow:hidden; display:flex; align-items:center; flex-wrap:wrap; flex-direction:column; border-top:2px solid rgba(255,255,255,1);}
.footer a,
.footer p{color:#fff!important; letter-spacing:0.05em;}
.footer p{line-height:158%;}
.footer_logo{margin-bottom:20px;}
.footer_logo a{display:block;}
.footer_mail{margin-bottom:30px;}
.footer .bt{display:block; display:flex; justify-content:center; align-items:center; width:220px; height:44px; background:url("../img/parts/bg03.png") center center / 70%; color:#fff; border-radius:6px; margin-bottom:40px;}
.footer .bt span{color:#fff; margin-top:-2px;}
.footer .bt::before{content:""; width:25px; height:16px; background:url("../img/parts/mail.svg") no-repeat center center / cover; margin-right:5px;}
.footer .bt::after{content:""; width:6px; height:11px; background:url("../img/parts/arrow01.svg") no-repeat center center / cover; margin-left:10px;}
.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:5px;}
@media only screen and (max-width:575px){
	.footer .bt{background:url("../img/parts/bg03.png") center center / 70%;}
}
@media only screen and (min-width:576px) and (max-width:1249px){
	.footer .bt{background:url("../img/parts/bg03.png") center  center / 40%;}
}
@media only screen and (max-width:991px){
	.footer_tel{font-size:21px;}
}
@media only screen and (min-width:992px){
	.footer_tel{font-size:22px;}
}
@media only screen and (max-width:1249px){
	.footer{padding-top:40px; padding-bottom:40px;}
	.footer_logo{width:142px; height:80px;}
}
@media only screen and (min-width:1250px){
	.footer{padding-top:60px; padding-bottom:60px;}
	.footer_logo{width:158px; height:89px;}
	.footer_tel{font-size:24px;}
	.footer .bt{background:url("../img/parts/bg03.png") center center / 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:48%; transform:translate(-50%,-50%); background:url("../img/parts/header_sub_bg.svg") no-repeat center bottom / contain;}
.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:793px;}
	.header_sub_ti{width:370px; height:79px;}
	.header_sub_ti .main{font-size:36px;}
	.header_sub_ti .sub{font-size:17px;}
}
.hotspring{background:url(../img/hotspring/mv.jpg) no-repeat center center / cover;}
.cuisine{background:url(../img/cuisine/mv.jpg) no-repeat center center / cover;}
.facilities{background:url(../img/facilities/mv.jpg) no-repeat center center / cover;}
.reserve{background:url(../img/reserve/mv.jpg) no-repeat center center / cover;}
.access{background:url(../img/access/mv.jpg) no-repeat center center / cover;}

/*interval*/
.interval{box-sizing:border-box; position:relative; border-top:2px solid rgba(255,255,255,1); border-bottom:2px solid rgba(255,255,255,1);}
@media only screen and (max-width:767px){
	.interval{width:100%; height:130px;}
}
@media only screen and (min-width:768px){
	.interval{width:100%; height:140px;}
}
@media only screen and (min-width:992px){
	.interval{width:100%; height:160px;}
}
@media only screen and (min-width:1250px){
	.interval{height:200px;}
}

.interval_hotspring{background:url("../img/hotspring/interval.jpg") no-repeat center center / cover;}
.interval_cuisine{background:url("../img/cuisine/interval.jpg") no-repeat center center / cover;}
.interval_facilities{background:url("../img/facilities/interval.jpg") no-repeat center center / cover;}
.interval_access{background:url("../img/access/interval.jpg") no-repeat center left / cover;}