/* CSS Document */
/*@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}*/
html,body { width: 100%; }
body {
	color: #232323;
	margin: 0 auto;
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	background: #ffffff;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

div#htlContents {
	max-width: none;
	width: 100vw;
}

.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }

.pb0 { padding-bottom: 0px !important; }
.pb10 { padding-bottom: 10px !important; }
.p15 { padding: 0 15px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }

.mb05em { margin-bottom: 0.5em !important; }
.mb1em { margin-bottom: 1em !important; }
.mb2em { margin-bottom: 2em !important; }
.mb3em { margin-bottom: 3em !important; }
.mb4em { margin-bottom: 4em !important; }
.pb05em { padding-bottom: 0.5em !important; }
.mr0 { margin-right: 0 !important; }

li { list-style: none; }

p {
	text-align: justify;
	-ms-text-justify: auto;
	text-justify: auto;
	text-justify: inter-ideograph;
}
img { vertical-align: bottom; }

.noborder { border: none !important; }
.nomargin { margin: 0 0 !important; }

.ta_r { text-align: right; }
.ta_c { text-align: center; }

.cf:before,.cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { zoom:1; }

	a,.wrap a:link,.wrap a,.wrap a:visited {
		color: #232323;
		text-decoration: none;
	}
.loading-area{background:#fff;width:100%;height:100%;height:100vh;position:fixed; z-index: 22000;}
.loading-area .loadeing-logo-area{position:absolute;top:50vh;bottom:0;left:10px;right:0;margin:auto;
	width:580px;height:200px; margin-top: -100px; text-align: center;}
.loading-area .loadeing-logo-area img{ opacity: 0.6; }
/*@media screen and (max-width: 1119px){.loading-area .loadeing-logo-area{top:0;bottom:0;left:0;right:0;margin:auto}}*/
@media screen and (max-width: 750px){.loading-area .loadeing-logo-area{top:0;bottom:0;left:0;right:0;margin:auto;width:50%;height:300px}
.loading-area .loadeing-logo-area img{width:100%; opacity: 0.6;}}
.loading-area .loadeing-logo-area i{color:#ccc;display:block;margin:4vw auto 0}

@media (min-width:751px){
	.mb20 { margin-bottom: 20px !important; }
	.mb25 { margin-bottom: 25px !important; }
	.mb30 { margin-bottom: 30px !important; }
	.mb40 { margin-bottom: 40px !important; }
	.mb50 { margin-bottom: 50px !important; }
	.mb60 { margin-bottom: 60px !important; }
	.mb70 { margin-bottom: 70px !important; }
	.mb80 { margin-bottom: 80px !important; }
	.mb100 { margin-bottom: 100px !important; }
	.mb120 { margin-bottom: 120px !important; }
	.pt50 { padding-top: 50px !important; }
	.ls-1 { letter-spacing: -1px; }
	.ls-2 { letter-spacing: -2px; }
	.ls-3 { letter-spacing: -3px; }
	.ls-4 { letter-spacing: -4px; }

	a,.wrap a:link,.wrap a,.wrap a:visited {
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
	}
	a img{
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
	}

	a:active, a:hover, a:hover img { opacity: 0.7; }
	#RthCustomizeW a:hover { text-decoration: none; }
	.for_sp{display: none !important;}
	body { font-size: 14px; line-height: 16px; }
	.wrap { position: relative; }

	#fnav { height: 80px; width: 100%; position: fixed; top:-80px; background: #ffffff;
		 z-index: 5000; }
	/*#fnav_in { height: 55px; width: 100%; position: relative;
		z-index: 13000; }*/
	#fnav .mainw { position: relative; }
	#fnav h2 { float: left; padding-top: 10px; }
	



	header { height: 105px; width: 100%; position: relative; z-index: 10; }
	header #htop { height: 30px; width: 100%; background: #63a504; color: #ffffff; line-height: 30px; }
	header #htop h1 { float: left; font-size: 13px; font-weight: normal; }
	header #htop ul { float: right; font-size: 14px; }
	header #htop li { display: inline-block; }
	header #htop li a { display: block; padding-left: 15px; color: #ffffff; }
	header #htop li a:before { content: "\f0da"; font-family: FontAwesome; padding-right: 8px; }
	header .mainw { position: relative; }
	header #hmain h2 { float: left; padding-top: 10px; }
	/*header h1 { display: block; position: absolute; top:0; left:50%; margin-left: -80px;
		width: 160px; height: 160px; background: #10386B; text-align: center; z-index: 12; }
	header h1 a { display: block; width: 160px; height: 160px; padding-top: 25px; }
	header p { position: absolute; top:12px; left:0; font-size: 12px; line-height: 18px;
	 font-family: "Sawarabi Gothic"; }*/

	.gnav { display: block; position: absolute; top: 0; right: 0; height: 75px; }
	.gnav:before { content: ""; background: #e0e0e0; width: 1px; height: 25px; position: absolute; left: 0;
		top:25px; }
	.gnav li { float: left; width: 130px; height: 75px; position: relative; font-weight: bold; }
	.gnav li:after { content: ""; background: #e0e0e0; width: 1px; height: 25px; position: absolute; right: 0;
		top:25px; }
	/*.gnav li:nth-child(6):after,.gnav li:last-child:after { background: none; }*/
	.gnav li a { display: block; width: 130px; height: 75px; font-size: 16px;
		text-decoration: none; text-align: center; padding-top: 22px; }
	.gnav li a span { color: #80ad1f; font-size: 11px; font-family: 'Montserrat', sans-serif; }
	.gnav li a:after,.gnav li a.active:after { content: ""; position: absolute; width: 130px;
		bottom:10px; left: 0; opacity: 0; background: #63a504; height: 3px;
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
	}
	/*.gnav li a:hover span,.gnav li a.active span { color: #F3AFA0; }*/
	.gnav li a.active:after { opacity: 1; }
	.gnav li a:hover { opacity: 1; }
	.gnav li a:hover:after { opacity: 1; }
	.gnav .btn_rsv { background: #dcd300; display: block; text-align: center; color: #232323; padding-top: 8px;
		font-size: 16px; width: 120px; height: 45px; margin-top: 15px; position: absolute; right: 0; }
	.gnav li a.btn_rsv span { font-size: 10px; color: #6b8a1b;
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
	 }
	.gnav .btn_rsv:hover { background-color: #80ad1f; opacity: 1; color: #ffffff; }
	.gnav .btn_rsv:hover span { color: #ffffff; }
	.gnav li a.btn_rsv:hover:after { opacity: 0; }

/*rsv*/
	#rsv { width: 100%; padding: 12px 0; position: relative; z-index: 12; background: #eeeeee;
		margin-bottom: 65px; }
	#rsv .mainw { /*position: relative; background: url("../images/rsv_bg.svg") center center no-repeat;
		width: 1100px; height: 145px; padding: 20px;*/ }
	#rsv .rsvarea { background: url("../index/images/rsv_bg.svg") 165px center no-repeat #ffffff;
		border: #e9e9e9 1px solid; height: 90px; position: relative; }
	#rsv .rsvwrap form { float: left; }
	#rsv h2 { width: 175px; height: 90px; text-align: center; font-size: 20px; padding-top: 28px;
		position: absolute; left:0; top:0; }
	#rsv h2 span { font-size: 11px;/* letter-spacing: 0;*/ color: #80ad1f; font-family: 'Montserrat', sans-serif; }
	#rsv .rsvwrap { width: 905px; /*height: 105px; float: right; position: relative;*/
		position: absolute; top:12px; right: 15px; font-size: 15px; height: 35px; line-height: 35px; }
	#rsv form { display: inline-block; }
	#rsv .inputs { float: left; }
	#rsv .inputs li { display: inline-block; margin-right: 12px; padding-left: 12px;
		background: url("../images/icon_rsv.svg") left 5px no-repeat; }
	/*#rsv .inputs li:before { content: "◆"; color: #AA7D45; padding-right: 5px; }*/
	#rsv .inputs li input,#rsv .inputs li select {
		background: #eeeeee; border: none; /*margin: 5px 0 0 0;*/ height: 26px; line-height: 26px;
	}
	#rsv .inputs li input { width: 180px; 
		background: url("../images/icon_cal.svg") 154px center no-repeat #eeeeee; }
	#rsv .inputs li input[type="checkbox"] { width: 15px; height: 15px; }
	/*#rsv .btns_rsv { position: absolute; top:10px; right: 18px; }
	#rsv .btns_rsv li { margin-left: 15px; }*/
	#rsv .btn_search { width: 200px; height: 35px; line-height: 35px; font-size: 15px;
		 background: url("../images/icon_arrow.svg") 25px center no-repeat #dcd300; border: none; 
		color: #232323; text-align: center; cursor: pointer; /*float: right;*/
		position: absolute; top:0; right: 210px; font-family: "Sawarabi Gothic";
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
		 }
	#rsv .btn_search:hover { background: url("../images/icon_arrow_w.svg") 27px center no-repeat #80ad1f; 
		color: #ffffff; }
	#rsv .rsvarea .cbtn { float: right; margin-left: 10px; width: 200px; height: 35px;
		background: url("../images/icon_arrow.svg") 30px center no-repeat #ffffff; }
	#rsv .rsvarea .cbtn:before { content: ""; }
	#rsv .rsvarea .cbtn:hover { background: url("../images/icon_arrow_b.svg") 32px center no-repeat #dcd300;  }
	.member { position: absolute; bottom: 10px; right: 15px; width: 905px; height: 22px; }
	.member ul { float: left; width: 340px; height: 22px; }
	.member li { display: inline-block; font-size: 15px; margin-right: 6px; height: 22px;
		line-height: 22px; }
	.member li a:before { content: "\f0da"; font-family: FontAwesome; color: #80ad1f;
		display: inline-block; padding-right: 3px; }
	#rsv .tel_rsv { /*position: absolute; top:15px; right: 15px;*/ float: right; font-size: 15px;
		width: 550px; text-align: right; }
	#rsv .tel_rsv strong { display: inline-block; /*color: #AA7D45;*/ padding-left: 20px;
		background: url("../images/icon_tel_fs.svg") left center no-repeat; font-size: 15px;
		background-size: 15px auto; line-height: 28px; font-family: 'Montserrat', sans-serif; }
	#rsv .tel_rsv img { width: 156px; padding-left: 8px; }
	#rsv .tel_rsv a { cursor: default; }
	#rsv .tel_rsv a:hover,#rsv .tel_rsv a:hover img { opacity: 1; }
	#bestrate { display: none; }
	
	
/*footer*/
	footer { width: 100%; }
	footer #footmain { width: 100%; height: 180px; padding-top: 40px; position: relative;
		background: #f4f4f4; border-top: #e9e9e9 1px solid; }
	footer .mainw { position: relative;  }
	
	footer #foot_l { float: left; }
	footer h2 { float: left; margin-right: 15px; }
	footer h2 a { display: block; width: 250px; }
	footer h2 img { width: 250px; height: 49px; }
	/*footer h2 img { width: 250px; }*/
	footer .adsns { float: left; }
	footer address { font-style: normal;  }
	footer address p { font-size: 14px; line-height: 17px; margin-bottom: 15px; }
	footer ul.sns li { display: inline-block; margin-right: 7px; }
	footer ul.sns a { font-size: 17px; width: 38px; height: 38px; line-height: 38px; color: #ffffff;
		border-radius: 19px; background: #80ad1f; display: block; text-align: center; }
	footer ul.sns a:hover { background: #dcd300; color: #232323; }
	footer #footnav { float: right; }
	footer #footnav ul { float: left; width: 165px; }
	footer #footnav li { width: 165px; font-size: 15px; line-height: 24px; }
	footer #footnav li a{ color: #232323; }
	footer #footnav li a:before { content: "\f0da"; font-family: FontAwesome; display: inline-block; 
		padding-right: 5px; color: #80ad1f; }
	/*footer #foot_r { float: right; }
	footer #foot_r img { width: 347px; }*/

	footer #fbottom { width: 100%; background: #262626; height: 60px; position: relative; }
	footer #fbottom h3 { color: #ffffff; font-size: 18px; text-align: center; font-weight: normal;
		margin-bottom: 18px; }
	footer #fbottom ul { text-align: center; }
	footer #fbottom ul li { display: inline-block; margin-right: 15px; width: 260px; }
	footer #fbottom ul li img { width: 260px; }
	footer #fbottom ul li:last-child { margin-right: 0; }
	footer .copy { text-align: center; font-size: 15px; line-height: 60px; width: 100%;
		color: #727272; }

/*pagetop*/
	#page-top { position: fixed; bottom: 20px; left: 50%; margin-left: 590px; z-index: 3000; }
	#page-top a { background: #ffffff; text-align: center; display: block; width: 70px; height: 70px; 
		position: relative; border: #80ad1f 2px solid; border-radius: 35px; padding-top: 27px;
		font-size: 15px; color: #6b8a1b; }
	#page-top a:before { content: "\f106"; font-family: FontAwesome; position: absolute; top:10px;
		left: 29px; }
	#page-top a:hover { background: #80ad1f; color: #ffffff; opacity: 1; }
	
	#page-top.stop { position: absolute; bottom: 290px; }

/*common*/
	.mainw { width: 1120px; margin: 0 auto; }
	.cflex { display: flex; }
	#mv { width: 100%; height: 240px; overflow: hidden; /*margin: 0 auto 60px;*/ text-align: center; 
		padding-top: 70px; }
	#mv img { height: 115px; }
	#lead { width: 800px; margin: 0 auto 50px; }
	#lead h3 { color: #80ad1f; font-size: 22px; text-align: center; margin-bottom: 20px; line-height: 30px; }
	#lead p { font-size: 16px; line-height: 24px; }
	p.lead { font-size: 16px; line-height: 26px; text-align: center; margin-bottom: 40px; }
	h3.ch3 { text-align: center; padding-top: 30px; font-size: 33px; margin-bottom: 40px; line-height: 34px;
		position: relative; font-family: 'Montserrat', sans-serif; }
	h3.ch3 span { color: #80ad1f; font-size: 15px; font-weight: normal; 
		font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }
	h3.ch3:before { content: ""; width: 248px; height: 6px; background: #80ad1f; position: absolute; top:0;
		left: 50%; margin-left: -124px; }
	h3.ch3s { text-align: center; padding-top: 26px; font-size: 24px; margin-bottom: 30px; line-height: 30px;
		position: relative; font-family: 'Montserrat', sans-serif; }
	h3.ch3s span { color: #80ad1f; font-size: 15px; font-weight: normal; 
		font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }
	h3.ch3s:before { content: ""; width: 100px; height: 4px; background: #80ad1f; position: absolute; top:0;
		left: 50%; margin-left: -50px; }
	h3.ttlh3 { margin: 0 auto 35px; font-size: 24px; line-height: 30px; padding-bottom: 15px; position: relative;
		padding-left: 20px; text-align: left; }
	h3.ttlh3 span { color: #80ad1f; font-size: 15px; display: inline-block; padding-left: 5px; 
		font-weight: normal; font-family: 'Montserrat', sans-serif; }
	h3.ttlh3:before { content: ""; width: 5px; height: 30px; top:0; left: 0; background: #80ad1f; 
		position: absolute; }
	h4.ttlh4 { margin-bottom:35px; font-size: 24px; line-height: 30px; position: relative;
		padding-left: 20px; text-align: left; }
	h4.ttlh4 span { color: #80ad1f; font-size: 15px; display: inline-block; padding-left: 5px; 
		font-weight: normal; font-family: 'Montserrat', sans-serif; }
	h4.ttlh4:before { content: ""; width: 5px; height: 30px; top:0; left: 0; background: #80ad1f; 
		position: absolute; }
	
	/*.mainlead { text-align: center; margin: 60px auto 50px; }
	.mainlead h3 { color: #10386B; font-size: 24px; line-height: 33px; margin-bottom: 15px; }
	.mainlead p,p.lead { text-align: center; font-size: 13px; line-height: 22px; font-family: "Sawarabi Gothic"; }
	p.lead { margin-bottom: 50px; }*/
	.cmenu { width: 100%; height: 95px; position: relative; font-weight: 500;
		text-align: center; padding-top: 48px; /*margin-bottom: 125px;*/ }
	.cmenu:before { content: ""; width: 100%; height: 15px; position: absolute; top:0; left: 0; 
		border-top: #e2e2e2 1px solid; background: #f2f2f2; }
	.cmenu ul { text-align: center; height: 50px; width: 1120px;
		margin: 0 auto; }
	.cmenu li { display: inline-block; border-right: #e0e0e0 1px solid; }
	.cmenu li:first-child { border-left: #e0e0e0 1px solid; }
	.cmenu li a { display: block; height: 50px; position: relative; padding: 8px 20px 0; font-size: 18px; }
	.cmenu li a span { font-size: 10px; color: #80ad1f; font-family: 'Montserrat', sans-serif; }
	

	/*section .bx-wrapper .bx-viewport { left:0; }*/
	/*cb...color box*/
	.cb { background: #e4e4e4; padding: 35px 25px 0 25px; }
	/*.cb2 { background: #F4F1E9; border-top: #E8E3D3 10px solid; margin: 80px 0 0; }*/
	/*bb...border bottom*/
	/*.bb { width: 100%; box-shadow: 2px 2px 5px #cccccc; padding-bottom: 15px; margin-bottom: 70px; }*/

	.wrap .cbtn,.wrap .cbtn:link,.wrap .cbtn:visited { font-size: 15px; background: #ffffff;
		color: #6b8a1b; display: block; text-align: center; line-height: 35px;
		border: #80ad1f 1px solid; width: 210px; height: 35px; }
	.wrap .cbtn:before { content: "\f0da"; font-family: FontAwesome; padding-right: 5px; }
	.wrap .cbtn:hover { border: #dcd300 1px solid; opacity: 1; color: #232323; background: #dcd300; }

	.cbtn2 { font-size: 16px; display: block; text-align: center; background: #ddd400;
		width: 280px; height: 40px; line-height: 40px; }
	.cbtn2:before { content: "\f0da"; font-family: FontAwesome; padding-right: 5px; color: #80ae1f;
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
	 }
	.cbtn2:hover { background: #80ad1f; opacity: 1; color: #ffffff; }
	.cbtn2:hover:before { color: #ffffff; }


	table.ctable { border-collapse: collapse; width: 100%; }
	table.ctable tr:first-child th { border-top: #80ad1f 2px solid; }
	table.ctable tr:first-child td { border-top: #e0e0e0 2px solid; }
	table.ctable th,table.ctable td { border-bottom: #e0e0e0 1px solid; height: 40px; 
		line-height: 40px; text-align: left; padding-left: 10px; font-size: 16px; }
	table.ctable th { background: #eeeeee; width: 110px; }
	table.ctable td.long { line-height: 22px; padding: 10px; }

	/*cdl...common dl*/
	.cdl { width: 100%; border-top: #e0e0e0 2px solid; font-size: 16px;
		 }
	.cdl dt { text-align: center; border-bottom: #e0e0e0 1px solid; float: left; background: #eeeeee; height: 40px; 
		line-height: 40px; border-top: #eeeeee 2px solid; text-align: left; padding-left: 15px; }
	.cdl dt:first-child { border-top: #80ad1f 2px solid; } 
	.cdl dd { border-bottom: #e0e0e0 1px solid; float: left;height: 40px; line-height: 40px; 
		border-top: #ffffff 2px solid; text-align: left; padding-left: 15px; }
	.cdl dt.l2 { height: 65px; }
	.cdl dd.l2 { height: 65px; line-height: 26px; padding-top: 8px; }
	.cdl dt.l3 { height: 90px; line-height: 90px; }
	.cdl dd.l3 { height: 90px; line-height: 26px; padding-top: 8px; }
	.cdl dt.l4 { height: 125px; line-height: 125px; }
	.cdl dd.l4 { height: 125px; line-height: 26px; padding-top: 10px; }
	.cdl dt.l5 { height: 145px; line-height: 145px; }
	.cdl dd.l5 { height: 145px; line-height: 26px; padding-top: 5px; }
	.cdl dt.l6 { height: 200px; line-height: 199px; }
	.cdl dd.l6 { height: 200px; line-height: 26px; padding-top: 26px; }

	ul.bn { text-align: center; margin: 60px auto 110px; }
	ul.bn li { float: left; }
	ul.bn li:last-child { float: right; }
	ul.bn li img { width: 550px; }

	.slide_wrp { max-width: 100%; min-width: 960px; overflow: hidden; position: relative; height: 540px; }
	.slide { position: absolute; top: 0; left: 50%; margin-left: -1495px; height: 540px; width: 3040px; }
	.slide img { width: 960px; }
	.slide_wrp .slick-prev,.slide_wrp .slick-next { width: 30px; height: 30px; border-radius: 15px;
	z-index: 5; font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; padding: 0; 
	-webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); 
	cursor: pointer; color: transparent; border: none; outline: none;
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
		 }
	.slide_wrp .slick-prev { left: 973px; 
		background: url("../images/rooms/icon_prev.svg") center center no-repeat #ffffff; }
	.slide_wrp .slick-prev:hover { 
		background: url("../images/rooms/icon_prev.svg") center center no-repeat #dcd300;  }
	.slide_wrp .slick-next { right: 1023px; 
		background: url("../images/rooms/icon_next.svg") center center no-repeat #ffffff; }
	.slide_wrp .slick-next:hover { 
		background: url("../images/rooms/icon_next.svg") center center no-repeat #dcd300;  }
	.slide_wrp:before { content: ""; position: absolute; width: 960px; height: 540px; top:0; left:50%; 
		margin-left: -1495px; background: rgba(0,0,0,0.4); z-index: 10 }
	.slide_wrp:after { content: ""; position: absolute; width: 960px; height: 540px; top:0; left:50%; 
		margin-left: 534px; background: rgba(0,0,0,0.4); z-index: 10 }

	.spin {
    -webkit-animation: spin 2.5s linear infinite;
    -moz-animation: spin 2.5s linear infinite;
    -ms-animation: spin 2.5s linear infinite;
    -o-animation: spin 2.5s linear infinite;
    animation: spin 2.5s linear infinite;
	}
	.spin2 {
    -webkit-animation: spin2 2.5s linear infinite;
    -moz-animation: spin2 2.5s linear infinite;
    -ms-animation: spin2 2.5s linear infinite;
    -o-animation: spin2 2.5s linear infinite;
    animation: spin2 2.5s linear infinite;
	}

	.imgfade1,.imgfade2,.imgfade3,.imgfade4,.imgfade5,.imgfade6,.imgfade7,.imgfade8 { opacity: 0; }
	.imgfade .imgfade1 { 
		-moz-animation: imgfade 0.8s linear 0s 1 normal forwards;
		-webkit-animation: imgfade 0.8s linear 0s 1 normal forwards;
		-o-animation: imgfade 0.8s linear 0s 1 normal forwards;
		-ms-animation: imgfade 0.8s linear 0s 1 normal forwards;
	}
	.imgfade .imgfade2 { 
		-moz-animation: imgfade 0.8s linear 0.3s 1 normal forwards;
		-webkit-animation: imgfade 0.8s linear 0.3s 1 normal forwards;
		-o-animation: imgfade 0.8s linear 0.3s 1 normal forwards;
		-ms-animation: imgfade 0.8s linear 0.3s 1 normal forwards;
	}
	.imgfade .imgfade3 { 
		-moz-animation: imgfade 0.8s linear 0.6s 1 normal forwards;
		-webkit-animation: imgfade 0.8s linear 0.6s 1 normal forwards;
		-o-animation: imgfade 0.8s linear 0.6s 1 normal forwards;
		-ms-animation: imgfade 0.8s linear 0.6s 1 normal forwards;
	}
	.imgfade .imgfade4 { 
		-moz-animation: imgfade 0.8s linear 0.9s 1 normal forwards;
		-webkit-animation: imgfade 0.8s linear 0.9s 1 normal forwards;
		-o-animation: imgfade 0.8s linear 0.9s 1 normal forwards;
		-ms-animation: imgfade 0.8s linear 0.9s 1 normal forwards;
	}
	.imgfade .imgfade5 { 
		-moz-animation: imgfade 0.8s linear 1.2s 1 normal forwards;
		-webkit-animation: imgfade 0.8s linear 1.2s 1 normal forwards;
		-o-animation: imgfade 0.8s linear 1.2s 1 normal forwards;
		-ms-animation: imgfade 0.8s linear 1.2s 1 normal forwards;
	}
	.imgfade .imgfade6 { 
		-moz-animation: imgfade 0.8s linear 1.5s 1 normal forwards;
		-webkit-animation: imgfade 0.8s linear 1.5s 1 normal forwards;
		-o-animation: imgfade 0.8s linear 1.5s 1 normal forwards;
		-ms-animation: imgfade 0.8s linear 1.5s 1 normal forwards;
	}
	.imgfade .imgfade7 { 
		-moz-animation: imgfade 0.8s linear 1.8s 1 normal forwards;
		-webkit-animation: imgfade 0.8s linear 1.8s 1 normal forwards;
		-o-animation: imgfade 0.8s linear 1.8s 1 normal forwards;
		-ms-animation: imgfade 0.8s linear 1.8s 1 normal forwards;
	}
	.imgfade .imgfade8 { 
		-moz-animation: imgfade 0.8s linear 2.1s 1 normal forwards;
		-webkit-animation: imgfade 0.8s linear 2.1s 1 normal forwards;
		-o-animation: imgfade 0.8s linear 2.1s 1 normal forwards;
		-ms-animation: imgfade 0.8s linear 2.1s 1 normal forwards;
	}


}
	@-webkit-keyframes spin { 0% {-webkit-transform: rotate(0deg);} 
		100% {-webkit-transform: rotate(360deg);} }
	@-moz-keyframes spin { 0% {-moz-transform: rotate(0deg);} 
		100% {-moz-transform: rotate(360deg);} }
	@-ms-keyframes spin { 0% {-ms-transform: rotate(0deg);} 
		100% {-ms-transform: rotate(360deg);} }
	@-o-keyframes spin { 0% {-o-transform: rotate(0deg);} 
		100% {-o-transform: rotate(360deg);} }
	@keyframes spin { 0% {transform: rotate(0deg);} 
		100% {transform: rotate(360deg);} }

	@-webkit-keyframes spin2 { 0% {-webkit-transform: rotate(0deg);} 
		100% {-webkit-transform: rotate(-360deg);} }
	@-moz-keyframes spin2 { 0% {-moz-transform: rotate(0deg);} 
		100% {-moz-transform: rotate(-360deg);} }
	@-ms-keyframes spin2 { 0% {-ms-transform: rotate(0deg);} 
		100% {-ms-transform: rotate(-360deg);} }
	@-o-keyframes spin2 { 0% {-o-transform: rotate(0deg);} 
		100% {-o-transform: rotate(-360deg);} }
	@keyframes spin2 { 0% {transform: rotate(0deg);} 
		100% {transform: rotate(-360deg);} }

	@-moz-keyframes imgfade { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-webkit-keyframes imgfade { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-o-keyframes imgfade { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-ms-keyframes imgfade { 0% { opacity: 0; } 100% { opacity: 1; } }

@media (max-width:750px){
	body { font-size: 3.8vw; line-height: 1.5; }
	.mb20 { margin-bottom: 2.6vw !important; }
	.mb25 { margin-bottom: 3.3vw !important; }
	.mb30 { margin-bottom: 4vw !important; }
	.mb40 { margin-bottom: 5.3vw !important; }
	.mb50 { margin-bottom: 6.6vw !important; }
	.mb60 { margin-bottom: 8vw !important; }
	.mb70 { margin-bottom: 9.3vw !important; }
	.mb80 { margin-bottom: 10.6vw !important; }
	.mb90 { margin-bottom: 12vw; }
	.mb100 { margin-bottom: 13.3vw !important; }
	.mb120 { margin-bottom: 16vw !important; }
	.pt50 { padding-top: 6.6vw !important; }
	.ls-1 { letter-spacing: -1px; }
	.ls-2 { letter-spacing: -2px; }
	.ls-3 { letter-spacing: -3px; }
	.ls-4 { letter-spacing: -4px; }


	body { width:100%; }
	.wrap {width: 100%; overflow: hidden;}
	.for_pc { display: none; }
	img { max-width: 100%; }
	
	.cf_s:before,.cf_s:after { content:""; display:table; }
	.cf_s:after { clear:both; }
	.cf_s { zoom:1; }



	#fnav { width:100%; position:fixed; left:0; bottom:0; z-index:20000; }
	#foot_spnav { width:100%; height:16vw; }
	#foot_spnav ul { width:100%; height:16vw; }
	#foot_spnav ul li { float: left; width:33%; width: -webkit-calc(100% / 3); 
		width: calc(100% / 3); height:16vw; text-align: center; position: relative; }
	/*#foot_spnav ul li:after { content: ""; height: 8vw; position: absolute; right: 0; top:4vw;
		border-right: #C6C6C6 1px solid; }
	#foot_spnav ul li:last-child:after { border-right: none; }*/
	#foot_spnav ul li a { display:block; width:100%; height:16vw; text-align: center; color: #ffffff;
		padding-top: 2.6vw; background: #262626; }
	#foot_spnav ul li:nth-child(2) a { background: #ddd400; color: #191919; }
	#foot_spnav ul li:first-child a img { width:4.4vw; }
	#foot_spnav ul li:nth-child(2) a img { width:5.2vw; }
	#foot_spnav ul li:last-child a img { width:5.3vw; }
	#fnav_in { display: none; position: fixed; left: 0; bottom: 0; width: 100%; /*height: 100vh;*/
		/*overflow: auto;*/ background: #ffffff; text-align: center; 
		 }
	#fnav_in .menu_close { width: 7.3vw; display: block; position: absolute; top:5vw;
		right: 3.3vw; }
	#fnav_in h2 { padding-top: 4.6vw; width: 53vw; text-align: center; margin: 0 auto 6vw; }
	#fnav_in ul { border-top: #e4e4e4 1px solid; width: 92vw; text-align: left; 
		 }
	#fnav_in ul li { border-bottom: #e4e4e4 1px solid; height: 14vw; line-height: 14vw;
		width: 50%; float: left; }
	#fnav_in ul li:nth-child(odd) { border-right: #e4e4e4 1px solid; }
	#fnav_in ul li a { display: block; width: 100%; height: 14vw; padding-left: 4vw; color: #1e1e1e;
		position: relative; font-size: 3.7vw; }
	#fnav_in ul li a:before { content: "\f0da"; font-family: FontAwesome; padding-right: 2vw; color: #80ae1f; }
	#fnav_in ul li a span { display: none; }
	/*#fnav_in ul li.rsv_sp a { background: #AA7D45; }*/
	#fnav_in .btn_rsv { width: 92vw; height: 14vw; line-height: 14vw; text-align: center;
		background: url("../images/icon_rsv_sp.svg") 25vw center no-repeat #ddd400; font-size: 3.7vw;
		background-size: 5.7vw auto; display: block; margin: 5.3vw auto; color: #232323; }
	/*#fnav_in .btn_rsv:before { content: "\f0da"; font-family: FontAwesome; padding-right: 2vw; }*/
	.contact_fs { text-align: center; }
	#fnav_in p { font-size: 3.4vw; margin-bottom: 2vw; text-align: center; }
	#fnav_in .tel_fs { text-align: center; margin: 0 auto 4vw; padding: 6vw 0;
		display: block; width: 57vw; }

/*header*/
	header { width: 100%;/* height: 16vw;*/ }
	header h2 { width: 53vw; padding: 2vw; margin: 0 auto; }

	#rsv { width: 100%; margin-bottom: 18vw; display: block; padding: 7.3vw 0;
		background: #eeeeee; }
	#rsv .mainw {  }
	#rsv .rsvarea { background: url("../images/index/rsv_bg_sp.svg") center 19vw no-repeat #ffffff;
		border: #e9e9e9 1px solid; position: relative; padding-bottom: 5vw;
		background-size: 41vw auto; }
	#rsv .rsvarea #best_fkds { display: none; }
	#rsv h2 { padding: 5.3vw 0 14vw; text-align: center; font-size: 6.9vw;
		line-height: 5vw; }
	#rsv h2 span { font-size: 3.8vw; color: #80ae1f; font-family: 'Montserrat', sans-serif; }
	/*#rsv .rsvwrap { background:#ffffff; width: 80vw; margin: 0 auto; padding: 4vw; }*/
	#rsv .cbtn { width: 80vw; height: 14vw; line-height: 14vw; margin: 0 auto 3.4vw; text-align: center;
		color: #232323; font-size: 4vw; display: block;
		background: url("../images/icon_rsv_sp.svg") 17vw center no-repeat #ddd400;
		background-size: 5.2vw auto; }
	#rsv .cbtn:before { content: ""; }
	.member { width: 80vw; margin: 0 auto 4vw; }
	.member li { font-size: 4.2vw; width: 80vw; height: 10vw; margin-bottom: 2.6vw;
		line-height: 10vw; text-align: center; background: #efefef; }
	.member li a { color: #232323; display: block; }
	.member li a:before { content: "\f0da"; font-family: FontAwesome; color: #80ae1f;
		display: inline-block; padding-right: 3vw; }
	#rsv .tel_rsv { font-size: 4.2vw; text-align: center; }
	#rsv .tel_rsv img { width: 60vw; padding-top: 2vw; }
	#bestrate_sp { display: none; }

/*footer*/
	footer { margin-bottom: 16vw; }
	footer #pagetop_sp { width: 100%; text-align: center; padding-top: 12vw; position: relative; z-index: 20; }
	footer #pagetop_sp a { display: block; width: 16vw; height: 16vw; border: #80ad1f 2px solid;
		text-align: center; margin: 0 auto; position: relative; border-radius: 8vw; padding-top: 6vw;
		font-size: 3.8vw; color: #6b8a1b; background: #ffffff; }
	footer #pagetop_sp a:before { content: "\f106"; font-family: FontAwesome; position: absolute; top:2.6vw;
		left: 6.4vw; }
	footer #footmain { width: 100%; padding-top: 12vw; padding-bottom: 6vw; position: relative; background: #f4f4f4;
		margin-top: -8vw; }
	footer h2 { width: 60vw; margin: 0 auto 4vw; }
	footer address { font-style: normal; text-align: center; }
	footer address p { font-size: 4.2vw; line-height: 5vw; text-align: center; margin-bottom: 2.6vw; }
	footer ul.sns li { display: inline-block; margin-right: 1.4vw; }
	footer ul.sns a { width: 10vw; height: 10vw; line-height: 10vw; color: #ffffff;
		border-radius: 5vw; background: #80ad1f; display: block; text-align: center; }
	
	footer { text-align: center; }
	footer #footnav{ display: none; }
	footer #footnav .mainw { width: 90vw; }
	footer #fbottom { width: 100%; background: #262626; padding-top: 8vw; position: relative; }
	footer #fbottom h3 { color: #ffffff; font-size: 5vw; text-align: center; font-weight: normal;
		margin-bottom: 6vw; }
	footer #fbottom ul { text-align: center; width: 89vw; margin: 0 auto 9vw; }
	footer #fbottom ul li { margin-bottom: 5vw; width: 89vw; }
	footer #fbottom ul li:last-child { margin-bottom: 0; }
	footer #fbottom ul li img { width: 89vw; }
	footer .copy { font-size: 4vw; padding-bottom: 3vw; color: #727272; }





/*pagetop*/
	
	#page-top { display: none; }


/*common*/
	.mainw { width: 90vw; margin: 0 auto; }
	#mv { /*margin-bottom: 10vw;*/ height: 34vw; text-align: center; padding-top: 7.6vw; }
	#mv img { /*width: 44vw;*/ height: 18vw; width: auto; }
	#lead { width: 90vw; margin: 0 auto 10vw; }
	#lead h3 { color: #80ad1f; font-size: 4.5vw; text-align: center; margin-bottom: 6vw; line-height: 6vw; }
	#lead p { font-size: 4.2vw; line-height: 5.6vw; }
	p.lead { font-size: 4.2vw; line-height: 5.6vw; text-align: center; width: 90vw; margin: 0 auto 6vw; }
	h3.ch3 { text-align: center; position: relative; font-family: 'Montserrat', sans-serif;
		padding-top: 6vw; font-size: 8vw; margin-bottom: 8vw; line-height: 7vw; }
	h3.ch3 span { color: #80ad1f; font-size: 3.8vw; font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }
	h3.ch3:before { content: ""; width: 60vw; height: 1vw; background: #80ad1f; position: absolute; top:0;
		left: 50%; margin-left: -30vw; }
	h3.ch3s { text-align: center; padding-top: 4vw; font-size: 6vw; margin-bottom: 4vw; line-height: 6vw;
		position: relative; font-family: 'Montserrat', sans-serif; }
	h3.ch3s span { color: #80ad1f; font-size: 4vw; font-weight: normal; 
		font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }
	h3.ch3s:before { content: ""; width: 40vw; height: 1vw; background: #80ad1f; position: absolute; top:0;
		left: 50%; margin-left: -20vw; }
	h3.ttlh3 { margin: 0 auto 4.6vw; font-size:6.6vw; text-align: left; line-height: 8.6vw; position: relative;
		padding-left: 4vw; padding-bottom: 5vw; }
	h3.ttlh3 span { color: #80ad1f; font-size: 4.2vw; display: inline-block; padding-left: 1vw; 
		font-weight: normal; font-family: 'Montserrat', sans-serif; }
	h3.ttlh3:before { content: ""; width: 1.3vw; height: 8.6vw; top:0; left: 0; background: #80ad1f; 
		position: absolute; }
	h4.ttlh4 { margin: 0 auto 4.6vw; font-size:6vw; text-align: left; line-height: 8.6vw; position: relative;
		padding-left: 4vw; padding-bottom: 5vw; }
	h4.ttlh4 span { color: #80ad1f; font-size: 4.2vw; display: inline-block; padding-left: 1vw; 
		font-weight: normal; }
	h4.ttlh4:before { content: ""; width: 1.3vw; height: 8.6vw; top:0; left: 0; background: #80ad1f; 
		position: absolute; }
	/*
	h4.ttlh4 { margin: 0 auto 4vw; color: #10386B; font-size: 4.8vw; 
		text-align: left; border-bottom: #DBD3BF 1px solid; }*/
	/*h4.ttlh4 span { color: #10386B; font-size:2.4vw; font-family: "Sawarabi Gothic"; }*/
	/*.mainlead { text-align: center; margin: 0 auto 9.3vw; }
	.mainlead h3 { color: #10386B; font-size: 4.5vw; line-height: 6.1vw; margin-bottom: 4vw; }
	.mainlead p,p.lead { text-align: center; font-size: 3.8vw; line-height: 5.6vw; }
	p.lead { margin-bottom: 8vw; }*/
	.cmenu { width: 100%; position: relative;
		text-align: center; padding: 13vw 0 0; margin: 0 auto; }
	.cmenu:before { content: ""; width: 100%; height: 4vw; position: absolute; top:0; left: 0; 
		border-top: #e2e2e2 1px solid; background: #f2f2f2; }
	.cmenu li { width: 80vw; height: 14vw; line-height: 14vw; margin: 0 auto 2.6vw; border: #cccccc 1px solid; }	
	.cmenu li a { display: block; width: 80vw; height: 14vw; position: relative; text-align: left;
		padding-left: 6vw; font-size: 4vw; }
	.cmenu li a:after { content: "\f0d7"; font-family: FontAwesome; position: absolute; top: 0;
		right: 4.6vw; color: #80ae1f; }
	.cmenu li a span { display: none; }

	/*cb...color box*/
	.cb { background: #e4e4e4; padding: 4vw; }
	/*.cb2 { background: #F4F1E9; border-top: #E8E3D3 10px solid; }*/
	/*.bb { width: 100%; box-shadow: 2px 2px 5px #cccccc; padding-bottom: 4vw; margin-bottom: 13vw; }*/

	.cbtn { font-size: 4vw; border: #80ae1f 1px solid; width: 80vw; height: 14vw; line-height: 14vw;
		color: #80ae1f; display: block; text-align: center; margin: 0 auto; background: #ffffff; }
	.cbtn:before { content: "\f0da"; font-family: FontAwesome; padding-right: 2vw; }

	.cbtn2 { font-size: 4vw; display: block; text-align: center; background: #ddd400;
		width: 90vw; height: 14vw; line-height: 14vw; }
	.cbtn2:before { content: "\f0da"; font-family: FontAwesome; padding-right: 2vw; color: #80ae1f;
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
	 }
	
	table.ctable { border-collapse: collapse; width: 100%; }
	table.ctable tr:first-child th { border-top: #80ad1f 2px solid; }
	table.ctable tr:first-child td { border-top: #e0e0e0 2px solid; }
	table.ctable th,table.ctable td { border-bottom: #e0e0e0 1px solid; height: 9.3vw; 
		line-height: 9.3vw; text-align: left; padding-left: 2vw; }
	table.ctable th { background: #eeeeee; width: 34vw; }
	table.ctable .long,table.ctable .long_sp { line-height: 5.3vw; padding: 2vw; }

	/*cdl...common dl*/
	.cdl { /*border-top: #3e3a39 1px solid; border-left: #3e3a39 1px solid; 
		border-right: #3e3a39 1px solid;*/ width: 90vw; margin: 3vw auto; }
	.cdl dt { /*width: 90vw;*/ text-align: center; border-bottom: #e0e0e0 1px solid;
		min-height: 8vw; line-height: 8vw; font-size: 4.2vw; background: #eeeeee; text-align: left; 
		padding-left: 2vw; }
	.cdl dt:first-child { border-top: #80ad1f 2px solid; }
	.cdl dd { /*width: 90vw;*/ border-bottom: #e0e0e0 1px solid; min-height: 8vw; line-height: 8vw;
		font-size: 4.2vw; padding: 2vw; text-align: left; }

	ul.bn { text-align: center; margin: 13vw auto 20vw; }
	ul.bn li { margin-bottom: 2.6vw; }

	/*left image/right image*/
	.column2 { margin-bottom: 16vw; }
	.column2 .img { width: 92vw; margin-bottom: 5.3vw; }
	.column2 .ol { width: 92vw; font-family: "Sawarabi Gothic"; }
	.column2 .ol h4,h4.ch4 { font-size: 5.6vw; line-height: 8.2vw; text-align: center; margin-bottom: 5.3vw;
		font-family: minamoto_l;  }
	.column2 .ol h4 span,h4.ch4 span { display: inline-block; line-height: 4vw; padding: 0 2vw;
		font-size: 3.7vw; color: #AA7D45; border: #C18C52 3px double; }
	.column2 .ol p { font-size: 3.8vw; line-height: 4.5vw; padding-bottom: 3.6vw; border-bottom: #10386B 2px solid;
		margin-bottom: 0; width: 92vw; }
	.column2 .ol table { border-collapse: collapse; margin-bottom: 4.8vw; width: 92vw; }
	.column2 .ol table th,.column2 .ol table td { border-bottom: #D8D8D8 1px solid; height: 10vw; 
		line-height: 10vw; }
	.column2 .ol table th { background: #F2F2F2; width: 30vw; text-align: center; }
	.column2 .ol table td { padding-left: 3.4vw; }
	.column2 .ol .cbtn { width: 92vw; height: 13vw; margin: 0 auto; line-height: 13vw; }

	.column3 li { width: 92vw; margin: 0 auto 8vw; font-family: "Sawarabi Gothic"; }
	/*.column3 li:last-child { margin-right: 0; }*/
	.column3 li img { width: 92vw; margin-bottom: 4vw; }
	.column3 li h4 { font-size: 5.2vw; line-height: 8.2vw; text-align: center; margin-bottom: 4.6vw;
		font-family: minamoto_l;  }
	.column3 li h4 span { display: inline-block; line-height: 4vw; padding: 0 2vw;
		font-size: 3.7vw; color: #AA7D45; border: #C18C52 3px double; }
	.column3 li p { font-size: 3.8vw; line-height: 4.5vw; padding-bottom: 3.6vw; border-bottom: #10386B 2px solid;
		margin-bottom: 0; width: 92vw; }
	.column3 li table { border-collapse: collapse; margin-bottom: 4.8vw; width: 92vw; }
	.column3 li table th,.column3 li table td { border-bottom: #D8D8D8 1px solid; height: 10vw; 
		line-height: 10vw; }
	.column3 li table th { background: #F2F2F2; width: 26vw; text-align: center; }
	.column3 li table td { padding-left: 3vw; }

	
	
	ul.bul li { line-height: 6.9vw; font-size: 3.4vw; }
	ul.bul li:before { content: "■"; color: #10386B; }

	.slide_wrp { width: 90vw; height: 50vw; position: relative; margin: 0 auto; }
	.slide { width: 90vw; height: 50vw; }
	.slide img { width: 90vw; }
	.slide_wrp .slick-prev,.slide_wrp .slick-next { width: 6.6vw; height: 6.6vw; border-radius: 3.3vw;
	z-index: 5; font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; padding: 0; 
	-webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); 
	cursor: pointer; color: transparent; border: none; outline: none;
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
		 }
	.slide_wrp .slick-prev { left: -3.3vw; 
		background: url("../images/rooms/icon_prev.svg") center center no-repeat #ffffff;
		background-size: 6.6vw auto; }
	.slide_wrp .slick-next { right: -3.3vw; 
		background: url("../images/rooms/icon_next.svg") center center no-repeat #ffffff;
		background-size: 6.6vw auto; }

}