/* CSS Document */
@font-face {
font-family: "Permanent";
  src: url("fonts/PermanentMarker-R.woff") format("woff");
}
#customer_header , 
#customer_footer {
	color: #1E1E1E;
	margin: 0 auto;
	/*font-family: "游ゴシック Medium", YuGothic, "游ゴシック体","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Yu Gothic Medium","メイリオ", sans-serif;*/
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "ＭＳ 明朝", "MS Mincho", "HGS明朝E", serif;
	/*font-family: 'Noto Sans JP', sans-serif;*/
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}

.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; }

#customer_header li, 
#customer_footer li { list-style: none; }
#customer_header p , 
#customer_footer p {
	text-align: justify;
	-ms-text-justify: auto;
	text-justify: auto;
	text-justify: inter-ideograph;
}
#customer_header a ,
#customer_footer a {
		text-decoration: 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;
}
#customer_header a img , 
#customer_footer 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;
}
#customer_header h1, 
#customer_footer h1,
#customer_header h2,
#customer_header h2,
#customer_footer h2,
#customer_header h3,
#customer_footer h3,
#customer_header h4,
#customer_footer h4,
#customer_header h5,
#customer_footer h5,
#customer_header h6,
#customer_footer h6,
#customer_header strong,
#customer_footer strong { font-weight: normal; }

#customer_header img , 
#customer_footer img { vertical-align: bottom; max-width: 100%; }

.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; }

	.for_sp_489{display: none !important;}
	.for_tab_489{display: none;}


/* ---------------------------------------------------------------------- */


@media (min-width:1001px) {
	.for_sp { display: none !important; }
	.for_tab { display: none !important; }
	.mainw{
		width: 1100px;
    margin: 0 auto;
	}
	.mainnav {
		position: absolute;
		bottom: 0;
		right: 50%;
		margin-right: -550px;
		z-index: 5;
		background: #FFFFFF;
		height: 70px;
		width: 1100px;
	}
	.mainnav ul {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
	}
	.mainnav ul li {
		height: 100%;
	}
	.mainnav ul a {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: 100%;
		text-align: center;
		font-size: 16px;
		position: relative;
		padding: 0 20px;
		color: #1e1e1e;
	}
	.mainnav ul li.btn_rsv a {
		background: #4d7954;
		margin-left: 20px;
		width: 160px;
		color: #FFFFFF;
	}

	#fnav { position: fixed; z-index: 1000; background: url("../images/bg1.png") center center repeat;
		  top:-120px; }
	#fnav.scroll { top:0; }

	.cnav { width: 100%; height: 80px; transition:0.3s; }
	.cnav h1 a { font-size: 12px; height: 46px; position: relative;
		display: block; width: 177px; text-indent: -10000px; overflow: hidden;
		background: url(../images/logo.png) left bottom no-repeat;
		background-size: contain;}
	.cnav h1 a span { position: absolute; top:0; left: 0; width: 385px; }
	.cnav nav { width: 900px; }
	.cnav nav ul { display: flex; justify-content: flex-end; align-items: center;
		transition: 0.3s; }

	.navmain { height: 50px; padding-top: 15px; position: relative; display: flex; justify-content: space-between;
		 align-items:center; transition: 0.3s; flex-wrap: wrap; }
	.navmain nav ul li { position: relative; }
	.navmain nav ul a {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: 100%;
		text-align: center;
		font-size: 16px;
		position: relative;
		padding: 0 9px;
		position: relative;
	}
	.navmain nav ul li.btn_rsv a {
		height: 50px;
		background: #4d7954;
		margin-left: 20px;
		width: 160px;
		color: #FFFFFF;
	}

	header#header { position: absolute; z-index: 1000; height: 205px;
		/*background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0));*/ color:#ffffff;
		 top:0; left: 0; }
	header#header.cnav h1 a { background: url(../images/logo_white.png) center center no-repeat;
	width: 346px; height: 150px; }
	header#header.cnav nav { width: auto; margin-left: auto; }
	header#header .navmain { width: 1100px; margin-left: auto; margin-right: auto; height: 150px; padding-top: 0; }
	header#header .navmain nav ul li { margin-right: 10px; }
	header#header .navmain nav ul li:last-child { margin-right: 0; }
	header#header .navmain nav ul li:after { background: rgba(244,244,244,1); }
	header#header .navmain nav ul a { color: #ffffff; }
	header#header .navmain nav ul li:nth-child(1) a ,
	header#header .navmain nav ul li:nth-child(2) a { background: url("../images/icon_arrow_try_r_white.svg") center left no-repeat; }
	header#header .navmain nav ul li:nth-child(3) a { background: url("../images/icon_arrow_try_r_white.svg") center left no-repeat; }
	header#header .navmain nav ul li:nth-child(4) a { background: url("../images/icon_tel_white.svg") center left no-repeat;
		padding-left: 20px; display: inline-block; pointer-events: none; }
	header#header.scroll .navmain nav ul a{ color: #1c1c1c; }
	#footer_hotel .add {
	    position: relative;
	    width: 500px;
	    margin-left: auto;
	    margin-right: auto;
	}


/* footer
---------------------------------------------------------------------- */
	#footer_hotel {
		position: relative;
		background: #333333;
		padding: 90px 0;
	}
	#footer_hotel .mainw {
		position: relative;
		justify-content: space-between;
	}
	#footer_hotel .add {
		position: relative;
		width: 400px;
	}
	#footer_hotel .add h2 {
		width: 200px;
		height: 124px;
		margin-bottom: 15px;
	}
	#footer_hotel .add h2 a {
		display: block;
		width: 100%;
		height: 100%;
		background: url("../images/logo_footer.png") center center no-repeat;
		background-size: contain;
		text-indent: -100000px;
	}
	#footer_hotel .add p {
		color: #FFFFFF;
		font-size: 16px;
		line-height: 30px;
		letter-spacing: 0.8px;
	}
	#footer_hotel .add p a {
		display: inline-block;
		color: #FFFFFF;
		pointer-events: none;
	}
	#footer_hotel .add nav a{
		color: #FFFFFF;
	}
	#footer_group {
		padding: 10px 0 ;
	}
	#customer_footer p.copy { 
		text-align: center;
		font-size: 13px;
		color: #757575;
		font-family: "游ゴシック Medium", YuGothic, "游ゴシック体","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Yu Gothic Medium","メイリオ", sans-serif;
	}
	footer nav ul{
		padding-left: 0;

	}
	footer nav ul li{
		width: 120px;
		margin-right: 10px;
	}
	footer nav ul a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    font-size: 16px;
    position: relative;
    padding: 0 12px;
    position: relative;
	}
	footer nav ul li:nth-child(1) a, footer nav ul li:nth-child(2) a {
	    background: url(../images/icon_arrow_try_r_white.svg) center left no-repeat;
	    font-size: 16px;
	}




}/*  End @media(min-width: 1001px) */


/* ---------------------------------------------------------------------------------------------------- */


@media (max-width: 1000px) {

#customer_header , 
#customer_footer { 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; }
	.fs10 { font-size: 3vw; }
	.fs14,.fs15 { font-size: 3.4vw; }
	.fs16 { font-size: 3.7vw; }
	.fs24 { font-size: 4vw; }
	.fs26 { font-size: 5vw; }

	.wrap { width: 100%; overflow: hidden;}
	.for_pc { display: none !important; }
	.for_tab{display: none;}
	.for_pcnotab { display: none !important; }
	.for_nw{ display: none !important; }


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

	.for_pc_489 { display: none !important; }
	.for_tab_489 {display: none;}

	.for_tab { display: none !important; }
	.for_pc { display: none !important; }


/* fnav , header
---------------------------------------------------------------------- */

	#fnav { width:100%; position:fixed; right:0; top:0; z-index:20000; }
	#head_spnav { height:29.6vw; display: flex; position: absolute;
		justify-content: flex-end; align-items: flex-start; z-index: 5000; transition: 0.3s;
		padding: 0; top:0; right: 0; }
	#head_spnav h1 { width: 81.6vw; height: 26vw; position: relative; top: -2vw; }
	#head_spnav h1 a { display: block; width: 100%; height: 100%; background: url("../images/logo_white.png") center center no-repeat;
						background-size: contain; text-indent: -100000px; }

	#head_spnav #btn_rsv_sp { display: block; width: 17vw; height: 17vw; padding-top: 10vw;
		color: #ffffff; background: url("../images/icon_calendar.svg") top 4vw center no-repeat #4d7954;
		 background-size: 5.5vw auto; text-align: center; }
	#head_spnav #btn_rsv_sp i { font-size: 6vw; }
	#head_spnav p { font-size: 3.4vw; text-align: center; }
	#head_spnav #menu_sp { width:17vw; height:17vw; color: #4d7954; padding-top: 4vw;
		position: relative; display: block; background: #fff;
		text-align: center; }
	#head_spnav #menu_sp div { width: 6vw; height: 4.4vw; margin: 1vw auto; position: relative; }
	#head_spnav #menu_sp span{ position: absolute;  display: block; width: 7vw; height: 2px;
		background: #4d7954; left:0; transform:rotate(0); }
	#head_spnav #menu_sp div span:first-child{ top:0; }
	#head_spnav #menu_sp div span:nth-child(2){ top:2vw; }
	#head_spnav #menu_sp div span:nth-child(3){ top:4vw; }
	#head_spnav #menu_sp p { display: block; text-align: center; font-weight: normal;  }

	.sp_yoko #fnav,.sp_yoko #head_spnav,.sp_yoko #head_spnav #btn_rsv_sp,
	.sp_yoko #head_spnav #menu_sp
	{ height: 15vh; }

	#fnav_in { display: none; position: fixed; left: 0; top: 0; width: 100%; z-index: 4000;
		text-align: center; height: 100vh; overflow: auto; background: #ffffff; }
	#fnav_in .navmain { width: 100%; }
	#fnav_in h1 { width: 81.6vw; height: 26vw; text-indent: -10000px; overflow: hidden;	margin-left: 5.6vw; margin-top: -1.3vw;
	background: url(../images/logo.png) left center no-repeat; }
	#fnav_in h1 a { display: block; width: 100%; height: 100%; }
	#fnav_in nav { width: 100%; height: 100%; overflow: auto; margin: 6vw 0 2vw; padding-bottom: 6vw; }
	#fnav_in nav>ul.navtop { width: 80vw; margin: 0 auto 8vw; }
	#fnav_in nav>ul.navtop>li { border-bottom: #cecece 1px solid;
		line-height: 12vw; width: 100%; font-size:3.8vw; }
	#fnav_in nav ul.navtop li a { display: block; line-height: 12vw; text-align: center; position: relative; }

	#fnav_in .tel { width: 62vw; margin: 0 auto; }
	#fnav_in .tel p { line-height: 6.6vw; text-align: center; background: #4d7954; color: #ffffff;
		font-size: 4.2vw; margin-bottom: 2vw; }
	#fnav_in .tel a { display: block; text-align: center; font-size: 6.4vw; color: #4d7954;
		line-height: 6vw; }
	#fnav_in .tel a::before { content: ""; display: inline-block; width:5.3vw; height:5.3vw; background:url(../images/icon_tel_brown.svg) center center no-repeat;
	background-size: contain; }
	#fnav_in .tel a span { font-size: 4.2vw; }

	#fnav_in .navother { width: 80vw; margin-left: auto; margin-right: auto; display: flex; justify-content: space-between;
		margin-bottom: 9vw; }
	#fnav_in .navother a { font-size: 3.3vw; }


	#header { display: none; }
	#header h1 { width: 66vw; height: 24vw; text-indent: -10000px; overflow: hidden;
		background: url(../images/logo_w.png) left top no-repeat; background-size: 64vw auto;
		position: absolute; top:0; left: 0; z-index: 40; }
	#header h1 a { display: block; width: 100%; height: 17vw; /*padding-top: 9vw;*/ }


/* mainnav
---------------------------------------------------------------------- */

	.mainnav {
		width: 100%;
		margin: auto;
		position: relative;
		padding: 10px 0;
  }
	.mainnav ul {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		width: 89vw;
		margin: auto;
		padding-left: 0;
	}
	.mainnav ul li {
		width: 25%;
		margin-bottom: 15px;
		border-right: 1px solid #CCCCCC;
	}
	.mainnav ul li a {
		display: flex;
		text-align: center;
		align-items: center;
		justify-content: center;
		color: #1E1E1E;
	}

/* footer
---------------------------------------------------------------------- */
	#footer_hotel {
		position: relative;
		background: #333333;
		padding: 16vw 0;
	}
	#footer_hotel .mainw {
		position: relative;
		width: 76vw;
		margin: auto;
	}
	#footer_hotel .add {
		position: relative;
		margin-bottom: 6vw;
	}
	#footer_hotel .add h2 {
		width: 42vw;
		height: 26vw;
		margin-bottom: 4vw;
	}
	#footer_hotel .add h2 a {
		display: block;
		width: 100%;
		height: 100%;
		background: url("../images/logo_footer.png") center center no-repeat;
		background-size: contain;
		text-indent: -100000px;
	}
	#footer_hotel .add p {
		color: #FFFFFF;
		line-height: 2;
		letter-spacing: 0.1vw;
		font-size: 4vw;
	}
	#footer_hotel .add p a {
		color: #FFFFFF;
	}
	#footer_group {
		padding: 2vw 0 ;
		background: #F3F3F3;
	}
	#footer_group .mainw {
		width: 76vw;
		margin: auto;
	}
	#customer_footer .copy { 
		font-size: 3.2vw;
		color: #757575;
		font-family: "游ゴシック Medium", YuGothic, "游ゴシック体","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Yu Gothic Medium","メイリオ", sans-serif;
		letter-spacing: -0.2vw;
		text-align: center;
	}

}/*  End @media(max-width:750px) */


/* mv
---------------------------------------------------------------------- */

@media (min-width:1001px) {
	#mv { width: 100%; max-width: 100%; position: relative;
		height: 400px; }
	#mv:before { content: ""; background: linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,0.0));
		height: 170px; width: 100%; position: absolute; top: 0; left: 0; z-index: 2; }
	#mv h2 { width: 640px; height: 400px; text-align: center; z-index: 10000px;
		position: absolute; top:0; left: 50%; margin-left: -320x; z-index: 3; }
	#mv { background: url(../images/mv_489ban_pc.jpg) center center no-repeat;
		background-size: cover; }
	#mv h2 { text-indent: -10000px; overflow: hidden; 
		background: url(../images/mv_489ban_ttl.png) center center no-repeat; 
		margin-left: -320px; }
}
@media (max-width:1000px) {
	#mv { width: 100%;  position: relative;
		height: 50vw; }
	#mv h2 { width: 76vw; height: 50vw; text-align: center;
		position: absolute;
		top: 50%; margin-top: -25vw; left: 50%; margin-left: -38vw; color: #ffffff; z-index: 3; }
	#mv { background: url(../images/mv_489ban_sp.jpg) center center no-repeat; background-size: cover; }
	#mv:after { content: ""; position: absolute; top:0; left: 0; background: url(../../images/ttl_shadow.png) center center no-repeat; width: 100%; height: 50vw;
		background-size: 16vw auto; }
	#mv h2 { text-indent: -100000px; 
	background: url(../images/mv_489ban_ttl.png) center bottom -7vw no-repeat;
	background-size: 30vw;}
}