/* CSS Document */

@font-face {
font-family: "notoserif";
  src: url("fonts/notoserifcjk.woff") format("woff");
}
@font-face {
font-family: "hannari";
  src: url("fonts/hannari.woff") format("woff");
}

@media (min-width:751px){

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

	#customer_header section#mv { background: url(../images/mv.jpg) center center no-repeat; background-size: cover; }
	#customer_header section#mv { width: 100%; height: 400px; overflow: hidden; text-align: center;	position: relative; }
	#customer_header section#mv h2 { position:absolute; top: 100px; left: 50%; margin-left: -150px; height: 200px; width: 300px; }
	#customer_header section#mv h2 img { height: 200px; width: 300px; }

	#fnav { position: fixed; top:-60px; left:0; transition:0.6s; width: 100%; height: 60px; z-index: 8000; background: #FFFFFF; }
	#fnav.show { top:0; }
	#fnav_in { display: flex; height: 60px;  }
	#fnav_in h2 a { display: block; width: 148px; height: 35px; text-indent: -10000px; overflow: hidden;
		background: url(../images/logo.svg) center center no-repeat; background-size: contain; }
	#fnav_in .mainw_pc { display: flex; justify-content: space-between; align-items:center; flex-wrap:wrap; }
	.gnav { display: flex; justify-content: center; margin-right: 20px; margin-bottom: 0; }
	#fnav_in .gnav li { display: inline-block; line-height: 60px; height: 60px; max-width: 130px; list-style-type: none; }
	.gnav li { list-style-type: none; }
	.gnav li a { display: block; line-height: 60px; padding: 0 1em; font-size: 16px;
		position: relative; text-align: center;  text-decoration: none; 
	 font-family:"notoserif",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif ;
		-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 { opacity: 0.7; }
	/*.pbtn { height: 60px; line-height: 60px; background: url(../images/icon_serch.svg) left 20px top 20px no-repeat #669114; color: #FFFFFF; font-size: 15px; width: 170px;
			text-align: center; margin-left: auto; }*/
	a.pbtn { height: 40px; line-height: 40px; margin-top: 10px; border-radius: 5px; background: url(../images/icon_serch.svg) left 20px center no-repeat #669114;
			 color: #FFFFFF; font-size: 15px; width: 170px; text-align: center; margin-left: auto; position: relative;
	vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
	  }
	/*a.pbtn::before { content: ""; width: 24px; height :24px; display: block; position: absolute; left: 20px; top: 10px;  background: url(../images/icon_serch.svg) center center no-repeat;
	 		-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.pbtn:hover { background-color: #014363; opacity: 1;
	-webkit-animation-name: hvr-wobble-top;
    animation-name: hvr-wobble-top;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1 }

	.menuhead { display: flex; align-items: center; margin-right: 40px; }
	.menuhead h2 { margin-top: 0; margin-bottom: 0; }

	header { border-bottom :1px solid #E5E5E5; }
	header .mainw_pc { display: flex; align-items: center; }
	header .gnav li a { color: #271F1D; }

	#mainnav { position: absolute; top:0; left: 0; }
	#mainnav>ul { display: flex; }
	#mainnav #btn_menu { width: 80px; height: 80px; position: relative; background: #ffffff; z-index: 10000; }
	#mainnav #btn_menu a { display: block; width: 80px; height: 80px; }
	#mainnav #btn_menu span{ position: absolute;  display: block; width: 30px; height: 1px; background: #83174c; left:24px; transform:rotate(0); }
	#mainnav #btn_menu div span:first-child{ top:24px; }
	#mainnav #btn_menu div span:nth-child(2){ top:30px; }
	#mainnav #btn_menu div span:nth-child(3){ top:36px; }
	#mainnav #btn_menu p { text-align: center; position: absolute; width: 80px; left: 0; bottom: 12px; color: #83174c; }
	#mainnav h1 { position: relative; z-index: 100; }
	#mainnav h1 a { display: block; width: 190px; height: 80px; text-indent: -10000px; overflow: hidden; background: url(../images/logo_w.svg) center center no-repeat; }

	.tti_ichiran { background: #fff;  box-shadow: 0 10px 5px -5px rgba(0,0,0,.2); color: #000; 
		padding:20px; position: relative; font-size: 1.9rem; font-weight: 700; text-align: center;
		width: 1100px; margin: 0 auto; box-sizing: border-box; }

	a.pbtn { height: 40px; line-height: 40px; margin-top: 10px; border-radius: 5px; background: url(../images/icon_serch.svg) left 20px center no-repeat #669114;
			 color: #FFFFFF; font-size: 15px; width: 170px; text-align: center; margin-left: auto; position: relative;
	vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
	  }
	a.pbtn:hover { background-color: #014363; opacity: 1;
	-webkit-animation-name: hvr-wobble-top;
    animation-name: hvr-wobble-top;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1 }

@-webkit-keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}




/*footer*/
	#customer_footer footer { width: 100%; position: relative; border-top: 1px solid #E5E5E5; padding-bottom: 65px; 
		color: #232122; font-family:"notoserif",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif ; }
	#customer_footer footer a { text-decoration: none; /*color: #232122;*/
		-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;
				font-family:"notoserif",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif ;
	 }
	 #customer_footer footer a:hover { opacity: 0.7; }
	#customer_footer footer #footnav { padding: 25px 0; font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; line-height: 1; }
	#customer_footer footer #footnav .mainw {  }
	#customer_footer footer #footnav ul { font-size: 14px; line-height: 28px; display: flex; justify-content: center; margin-bottom: 0;  }
	#customer_footer footer #footnav li { position: relative; list-style-type: none; }
	#customer_footer footer #footnav li::after { content: ""; display: block; position: absolute; right: 0; top: 12px; width: 5px; height: 5px; 
								background: url(../images/bg_slash.svg) center center no-repeat; }
	#customer_footer footer #footnav li:last-child::after { content: ""; display: block; position: absolute; right: 0; top: 10px; width: 0; height: 0; 
								background: none; }

	#customer_footer footer #footnav li a { display: block;  padding: 0 1em; font-size: 16px;  color: #232122; }
	#customer_footer footer .mainw { position: relative; }
	#customer_footer footer .footmain { padding-top: 65px; padding-bottom: 50px; }
	#customer_footer footer .footmain .hotelinfo { text-align: center; width: 350px; margin-right: auto; margin-left: auto; }
	#customer_footer footer h2 { margin-bottom:20px; }
	#customer_footer footer h2 a { display: block; width: 175px; height: 52px; overflow: hidden; text-indent: -10000px; margin-right: auto; margin-left: auto;
		background: url(../images/logo_f.svg) left top no-repeat; background-size: contain; }
	.tel { margin-bottom: 15px; }
	.tel p { text-align: center; }
	.telno p { text-align: center; }
	.telno a { text-align: center; font-size: 26px; color: #232122; }
	#customer_footer footer address{ font-style: normal; margin-bottom: 5px; }
	#customer_footer footer address p { font-size: 16px; line-height: 22px; text-align: center; }
	#customer_footer footer ul.sns { display: flex; justify-content: center; align-items: center; }
	#customer_footer footer ul.sns li { margin: 0 10px; width: 40px; }
	#customer_footer footer ul.sns li img { width: 40px; }
	#customer_footer footer .guidance { margin: 0 auto 25px; }
	#customer_footer footer .guidance a { margin: auto; }
	#customer_footer footer .guidance a:hover { opacity: 1; }
	.copy { text-align: center; }
	#customer_footer footer .bg_mari1 { position: absolute; top: 60px; left: 50%; margin-left: -665px; z-index: -1; }
	

	.cbtn { font-size: 15px; display: block; text-align: left; line-height: 43px; padding-left: 20px;
		 width: 250px; height: 45px; position: relative; color: #271F1D; border: #271F1D 1px solid; border-radius: 5px;
		 background: url("../images/icon_arrow_blue.svg") right 12px center no-repeat #FFFFFF;
		 background-size: 21px auto; font-family: "notoserif"; }
	.cbtn:hover { opacity: 1; background: url("../images/icon_arrow_w.svg") right 7px center no-repeat #271F1D; color: #FFFFFF; }

	.cbtn.trans { font-size: 15px; display: block; text-align: left; line-height: 43px; padding-left: 20px;
		 width: 250px; height: 45px; position: relative; color: #271F1D; border: #271F1D 1px solid; border-radius: 5px;
		 background: url("../images/icon_arrow_blue.svg") right 12px center no-repeat transparent;
		 background-size: 21px auto; font-family: "notoserif"; }
	.cbtn.trans:hover { opacity: 1; background: url("../images/icon_arrow_blue.svg") right 7px center no-repeat transparent; color: #271F1D; }

	.cbtn2 { font-size: 15px; display: block; text-align: left; line-height: 43px; padding-left: 20px;
		 width: 250px; height: 45px; position: relative; color: #FFFFFF; border: #669114 1px solid; border-radius: 5px;
		 background: url("../images/icon_arrow_w.svg") right 12px center no-repeat #669114;
		 background-size: 21px auto; font-family: "notoserif"; }
	.cbtn2:hover { opacity: 1; background: url("../images/icon_arrow_w.svg") right 7px center no-repeat #014363;
		color: #FFFFFF; border: #014363 1px solid; }


	.cbtn3 { font-size: 15px; display: block; text-align: left; line-height: 43px; padding-left: 20px;
		 width: 250px; height: 45px; position: relative; color: #FFFFFF; border: #014363 1px solid; border-radius: 5px;
		 background: url("../images/icon_arrow_w.svg") right 12px center no-repeat #014363;
		 font-family: "notoserif"; }
	.cbtn3:hover { opacity: 1; background: url("../images/icon_arrow_w.svg") right 7px center no-repeat #669114;
		color: #FFFFFF; border: #669114 1px solid; }

	.mainw,.mainw_pc { width: 1200px; margin: 0 auto; }
	.w1100 { width: 1100px; margin: 0 auto; }
	.w1080 { width: 1080px; margin: 0 auto; }
	.w1000 { width: 1000px; margin: 0 auto; }
	.w900 { width: 900px; margin: 0 auto; }
	.w700 { width: 700px; margin: 0 auto; }

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


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


@media (min-width: 751px) and  (max-width:1245px){
	
	
}
@media (min-width: 751px) and  (max-width:1100px){
	

}
@media (min-width: 751px) and  (max-width:1050px){

}
@media (min-width: 751px) and  (max-width:960px){
}


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


@media (max-width:750px){

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

	.tti_ichiran { background: #fff;  box-shadow: 0 10px 5px -5px rgba(0,0,0,.2); color: #000; 
		padding:20px; position: relative; font-size: 1.9rem; font-weight: 700; text-align: center;
		width: 100%; margin: 0 auto; box-sizing: border-box; }

	#customer_header #mv { background: url(../images/mv_sp.jpg) center center no-repeat; background-size: cover; position: relative; width: 100%; height: 53vw; }
	#customer_header #mv h2 { position: absolute; top: 8vw; left: 50%; margin-left: -25vw; width: 50vw; }
	#customer_header #mv h2 img { width: 100%; }
	#customer_footer footer { width: 100%; position: relative; border-top: 1px solid #CECECE; padding-bottom: 16vw; font-family:"notoserif",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif ; }
	#customer_footer footer #footnav { padding: 4vw 0; display: none; }
	#customer_footer footer #footnav .mainw {  }
	#customer_footer footer #footnav ul { font-size: 14px; line-height: 28px; display: flex; justify-content: center;  }
	#customer_footer footer #footnav li {  }
	#customer_footer footer #footnav li a { display: block;  padding: 0 1em; }
	#customer_footer footer .mainw { position: relative; }
	#customer_footer footer .footmain { padding-top: 15vw; padding-bottom: 5vw; }
	#customer_footer footer .footmain .hotelinfo { text-align: center; }
	#customer_footer footer h2 { margin-bottom: 6vw; }
	#customer_footer footer h2 a { display: block; width: 39.3vw; height: 12vw; overflow: hidden; text-indent: -10000px; margin-right: auto; margin-left: auto;
		background: url(../images/logo_f.svg) left top no-repeat; background-size: contain; }
	.tel { margin-bottom: 4vw; }
	.tel p { text-align: center; }
	.telno p { text-align: center; }
	.telno a { text-align: center; font-size: 6.2vw; color: #232122; text-decoration: none; }
	#customer_footer footer address{ font-style: normal; }
	#customer_footer footer address p { font-size: 3.4vw; line-height: 1.2; text-align: center; }
	#customer_footer footer ul.sns { display: flex; justify-content: center; align-items: center; }
	#customer_footer footer ul.sns li { margin: 0 2vw; width: 9.2vw; }
	#customer_footer footer ul.sns li img { width: 9.2vw; }
	#customer_footer /*footer .guidance { margin: 0 auto 10px; }*/
	footer .guidance a { width: 72vw; margin:4vw auto ;  color: #232122; text-decoration: none; font-family:"notoserif",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif ; }
	.copy { text-align: center; }
	#customer_footer footer .bg_mari1 { position: absolute; top: 2vw; left: -15vw; z-index: -1;  width: 45vw; }

	.cbtn,.cbtn_sp { font-size: 4.1vw; padding-left: 4vw;
		display: block; text-align: left; line-height: 13.3vw; border: #271F1D 1px solid; border-radius: 1vw;
		width: 77vw; height: 13.3vw; color: #271F1D; font-family: "notoserif";
		background: url("../images/icon_arrow_blue.svg") right 4vw center no-repeat #FFFFFF; ;
		background-size: 5.3vw auto; }

	.cbtn.trans,.cbtn_sp.trans { font-size: 4.1vw; padding-left: 4vw;
		display: block; text-align: left; line-height: 13.3vw; border: #271F1D 1px solid; border-radius: 1vw;
		width: 77vw; height: 13.3vw; color: #271F1D; font-family: "notoserif";
		background: url("../images/icon_arrow_blue.svg") right 4vw center no-repeat transparent ;
		background-size: 5.3vw auto; }

	.cbtn2 { font-size: 4.1vw; display: block; text-align: left; line-height: 13.3vw; color: #FFFFFF;
		 width: 77vw; height: 13.3vw; border: #669114 1px solid; border-radius: 1vw; margin: 0 auto; padding-left: 4vw;
		 background: url("../images/icon_arrow_w.svg") right 4vw center no-repeat #669114; 
		 background-size: 5.3vw auto; }

	.cbtn3 { font-size: 4.1vw; display: block; text-align: left; line-height: 13.3vw;
		 width: 77vw; height: 13.3vw; position: relative; color: #ffffff; border: #014363 1px solid; border-radius: 1vw;
		 background: url("../images/icon_arrow_w.svg") right 4vw center no-repeat #014363; margin: 0 auto; padding-left: 4vw;
		 background-size: 5.3vw auto; }

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