/* 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: relative;
    bottom: 70px;
    right: initial;
    margin-right: auto;
    margin-left: auto;
    z-index: 5;
    background: #FFFFFF;
    height: 70px;
    width: 850px;
	}
	.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;
		color: #1E1E1E;
		padding: 0 22px;
	}
	.mainnav ul a:hover {
		opacity: 0.7;
	}
	#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; }

/* 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) */