/* CSS Document */
#wrap{background-color:#28231a; }
body,a{color:#fff;font-weight: 500;font-family: "游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;/*font-weight: 300;*/-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
li{list-style-type:none;}
#main,#floor,#information,#guest,#service,#pribilege {margin:70px 0;}
#map{margin:80px 0 90px;}
#guest,#pribilege {padding:70px 0;}
#foot_copy{margin-top:140px;}
#floor:before,#guest:before,#service:before,#pribilege:before {content:url(../images/icon.png);display:block;margin-bottom:50px;}
/*#floor ul,
#information ul,
#privilege ul{width:820px;}*/
#floor ul,
#information ul,
#privilege ul{width:924px;margin:50px auto;}
#floor li,
#information li,
#privilege li{width:438px;}

h1,h2,h3{color:#c9bc8c;font-family: "リュウミン R-KL","Ryumin Regular KL","Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;font-weight: 300;}

#head-wrap {height:100%;}
#head{background:url(https://www.princehotels.co.jp/shintakanawa/contents/club_floor/images/head_bg_181122.jpg) center center no-repeat;background-size: cover; min-height: 100vh;height: 100%; position: relative;}
#head h1 {position: absolute; top: 50%; left:50%; margin: -50px 0 0 -323px;}
.btn-language {position: absolute; top: 24px; right: 24px; font-size: 16px;}
.btn-language img { width: 16px; height: 16px; vertical-align: -2px;}
.btn-language a {text-decoration: none;}

#main h1{font-size:58px;line-height:1.4;}
#main h2{font-size:30px;line-height:1.4;}
#main h3{font-size:21px;line-height:1.4;margin-top:2.5em;}
#main p{font-size:17px;line-height:30px;margin-top:2em;}

#floor h1{font-size:30px;line-height:1.4;}
#floor p{font-size:17px;line-height:30px;margin-top:2em;}
#floor li h2{font-size:30px;line-height:1.4;margin-top: .25em;}
#floor li h2 span{font-size:16px;}
#floor li p{font-size:16px;line-height:26px;;margin-top:.5em;}


#floor ul,
#information ul,
#privilege ul{overflow:hidden;display:block;}
#floor li,
#information li,
#privilege li{display:block;float:right;width:438px;text-align:left;}
#floor li:first-child,
#information li:first-child,
#privilege li:first-child{float:left;}
#floor ul.sin,
#information ul.sin,
#privilege ul.sin{overflow:visible;display: flex;justify-content: center;}
#floor ul.sin li,
#information ul.sin li,
#privilege ul.sin li,
#floor ul.sin li:first-child,
#information ul.sin li:first-child,
#privilege ul.sin li:first-child{float: none;}

#information h1,
#privilege h1{font-size:30px;line-height:1.4;border-bottom:1px solid #c9bc8c;padding-bottom:.25em;}
#information li h2{font-size:30px;line-height:1.4;margin-top: .25em;}
#information li h2 span{font-size:16px;}
#information h3{font-size:18px;line-height:32px;color:#fff;font-family: "游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#information h3 span,
#pribilege h3 span {width:7em;display:inline-block;text-align: left;}
#information h3 span.time {width:12em;text-align: right;}
#information h3 span.time01,
#pribilege h3 span.time01 {margin-right: 5px;text-indent: 5px;}
#information h3 span.time01en,
#pribilege h3 span.time01en {margin-right: 0px;text-indent: 1px;}
#information h3 span.time02en,
#pribilege h3 span.time02en { margin-left:4px; }

#information p,
#privilege p{font-size:16px;line-height:1.7;/*margin-top:.5em;*/}
#information .bottom p,
#privilege .bottom p{font-size:14px;/*line-height:24px; width:762px; text-align: left; margin: 0 auto;*/ text-indent: -1em;padding-left:1em; }
#information,
#pribilege .top {width:942px;margin:0 auto 45px;padding-bottom:45px;border-bottom:1px solid #c9bc8c;}
#privilege h1{padding: .8em 0 .65em;  margin-bottom: 0.8em;}

#information{margin:0 auto;}
#privilege {width:942px;margin:0 auto 45px;padding-bottom:45px;}

#guest,
#pribilege {background:#fff;color:#231815;margin: 70px 0 0;}
#guest h1,
#pribilege h1 {font-size:30px;line-height:1.4;}
#guest p,
#pribilege p {font-size:17px;line-height:30px;margin-top:2em;}
#guest h2,
#pribilege h2 {font-size:30px;line-height:1.4;margin-top:.5em;}
#guest h3 {font-size:17px;line-height:1.4;}
#pribilege h3{font-size:18px;line-height:32px;color:#000;font-family: "游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#guest .middle p,
#pribilege .middle p {font-size:17px;line-height:1.4;margin-top:1em;}
#guest .bottom p,
#pribilege .bottom p {font-size:12px;line-height:20px;margin-top:5em;}
#guest li,
#pribilege li {margin-top:70px;}
#guest li a,
#pribilege li a {margin-left:41px;}
#guest li a:first-child,
#pribilege li a:first-child {margin-left:0;}
#guest .middle p.sub {max-width: 815px; margin: auto; padding: 1.2em 0; text-align: right;font-size:12px;}

#pribilege h3.title {font-size:13px;}
#pribilege h3 span.time {width:23em;}

#service h1{font-size:30px;line-height:1.4;}
#service p{font-size:17px;line-height:30px;margin-top:2em;}
#service h2{font-size:30px;line-height:1.4;margin-top:3em;}

#pribilege { margin:0px 0 0 !important;}
#pribilege h1{font-size:30px;line-height:1.4;}
#pribilege p{font-size:16px;line-height:30px;margin-top:1em;}

#pribilege .other_lounge {width: 60%; margin: 20px auto 0;}
#pribilege .other_lounge .left {float: left;}
#pribilege .other_lounge .right {float: right;}

* {
	padding:0;
	margin:0px;
	outline:none;
	/*font-size:12px;*/
	/*color: #431f0f;*/
	}

html {
	overflow-y:scroll;

	}

/* ie6 hack */
* html body {
	font-size:80%;
/*	line-height: 1.6em; */
}
/* ie7 hack */
*:first-child+html body {
	font-size:80%;
/*	line-height: 1.6em;*/
}

h1{
	margin:0;
	padding:0;
	/*fon-size:100%;*/
}

h2{
	margin:0;
	padding:0;
	/*fon-size:100%;*/
}


h3{
	margin:0;
	padding:0;
	/*fon-size:100%;*/
}



body {
	background:url(https://www.princehotels.co.jp/common/imgs/module_parts/parts_header/bg02.gif) repeat-x;
	text-align:center;
	color: #ffffff;
	font-size: 12px;
/*	line-height: 140%; */

	}

img {
	vertical-align:top;
	border:0;
	}

#wrap {
	text-align:center;
	}

#header {
	width:950px;
	height:62px;
	text-align:left;
	margin:0 auto;
	}

#content {
	width:100%;
	}

#box {
	width:950px;
	margin: 0 auto;
	}



#footer {
	background:url(https://www.princehotels.co.jp/common/imgs/module_parts/parts_footer/bg01.gif) repeat-x;
	padding:25px 0px 15px 0px;
}

#copyright {
	width:950px;
	text-align:right;
	margin:0 auto;
}


#sprite {
	width: 950px;
	height: 20px;
	background-color:#ffffff;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#foot_copy {
	font-size: 14px;
	padding-bottom: 20px;
}
#foot_copy a {
	text-decoration:none;
}
#foot_copy a:hover {
	text-decoration: underline;
}


.clearfix:after {
  content: ".";  /* V‚µ‚¢—v‘f‚ðì‚é */
  display: block;  /* ƒuƒƒbƒNƒŒƒxƒ‹—v‘f‚É */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /**//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* For modern browsers */
.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}
/* For IE 6/7 only */
.cf {
  *zoom: 1;
}


/* 240125 レスポンシブ修正 */
#information h2{font-size: 24px; margin: 16px 0 5px;line-height: 1.7;}
#information h2.em { margin: 2.4em 0 5px}
#information .bottom,
#privilege .bottom{max-width: 770px; width: 100%; margin: 0 auto 70px; text-align: left}
#information .bottom.time{color: #c9bc8c; font-family: "リュウミン R-KL","Ryumin Regular KL","Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;max-width: 600px; text-align: center}
#information .lead-txt{margin-bottom: 1em;}
#information .lead-txt span.pcEnter{display: inline}

#privilege h2 {font-size: 20px; line-height: 1.4; margin: .4em 0 .8em;}
#privilege h2.other_lounge {max-width: 400px; width: 100%; margin: 3em auto 0; padding: 0;}

#privilege p + .bottom{ margin-top: 1.2em;}
	
.box-lyt-news{margin: 0 auto 50px;}
.box-lyt-news figure{margin: 45px auto}
.box-lyt-news p{ max-width: 770px; width: 100%; margin: auto; text-align: left}
/*-スマホ-----------------------*/
/*.pcEnter {display:block;}*/
.spEnter {display: none;}
/*@media screen and (max-width: 550px) {*/
@media screen and (max-width: 768px) {
	body { font-size:50%; }
	#header {width: 100% !important}
	#head  h1 {width: 90%;  margin: -50px auto auto auto;　top:0; right: 0; bottom: 0; left:0;} 
	#header table {width: 100%; padding:0 12px;}
	.btn-language img { width: 16px !important; height: 16px;}
	/*#main { margin: 35px 0;}*/
	#main h1,
	#information h1,
	#floor h1,
	#privilege h1,
	#guest h1{font-size: 26px !important;}
	#main h2 {font-size: 20px;　margin-top: 0px;}
	#main h3 {/*font-size: 15px; margin-top:24px;*/font-size: 16px; margin-top:0;line-height: 1.7;}
	#main,
	#floor,
	#information,
	#privilege{ box-sizing: border-box; width: 90%; padding: 0; margin: 30px auto 0; }
	/*#floor h1 {font-size:18px;}*/
	#floor {margin-top: 50px;}
	#floor ul { width:100%; margin:0 auto 30px; }
	#floor ul:last-child { margin:0 auto; }
	#floor ul li {width: 100%; text-align: center;/* margin-bottom: 36px; margin: 0*/}
	#floor ul li h2 {margin: .4em 0; font-size:24px;line-height: 1.4;}
	#floor ul li h2 span {/*margin-top: 8px;*/ font-size:14px;}
	/*#floor li p {font-size: 12px; line-height: 20px; margin-top: 0;}*/
	#main p,
	#floor p,
	#floor li p,
	#information p,
	#information .bottom p,
	#privilege p,
	#privilege .bottom p{font-size:14px;line-height: 1.7; text-align: left}
	#privilege p span{text-indent: -1em;padding-left: 1em;display: inline-block;}
	#floor p,
	#floor li p {text-align: center}
	#floor li,#information li,#privilege li{display:block;float:none;max-width:438px;width: 100%; text-align:left; margin: auto;}
	#floor li:first-child,#information li:first-child,#privilege li:first-child{float:none;}
	#floor li + li,#information li + li,#privilege li + li{margin-top: 30px;}
	#floor:before { margin-bottom: 32px; display: inline-block;　width: 25px !important; height: 25px;-webkit-transform: scale(0.5);transform: scale(0.5); }
	#floor #map {/*margin: 30px;*/ margin: 4em 2em;}
	/*#information {width: 100%; padding: 0; margin: 0;}*/
	#information h1,
	#privilege h1{/*font-size:18px; width: 100%; margin: 0;*/}
	#information h2{font-size: 18px; margin: 16px 0 5px;line-height: 1.7;}
	#information h2.em {font-size: 20px;}
	#information .bottom.time{color: #c9bc8c; font-family: "リュウミン R-KL","Ryumin Regular KL","Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; font-weight: 300; margin: 0 0 20px;}
	#information h3,
	#privilege h3 { font-size: 13px; line-height: 20px; }
	#information ul,
	#privilege ul {overflow: auto;width: 100%;box-sizing: border-box; margin: 30px auto 0;}
	#information .lead-txt,
	#privilege .lead-txt{text-align: left}
	#information p {/*font-size:12px; line-height: 18px;*/}
	#information .bottom,
	#privilege .bottom{margin: 30px 0 45px;}
	#information .bottom p,
	#privilege .bottom p{box-sizing: border-box;/* font-size:14px;line-height:20px; */width: 100%;text-indent:-1em;padding-left:1em;}
	#information .top,
	#privilege .top{ width:100%; padding-bottom: 0; margin-bottom: 0; /*margin-bottom: 24px;*/}
	
	/*#privilege{ box-sizing: border-box; width: 100%; padding: 0; margin: 0; }*/
	#privilege{ margin: 0 auto;}
	#privilege h1{ padding: .4em 0 .25em;}	
	#privilege h2 {font-size: 20px; line-height: 1.4; margin: .4em 0 .8em;}
	#privilege h2.other_lounge {max-width: 320px;}
	
	#box { width: 100%; }
	#footer { padding:25px 0px;}
	#copyright { max-width: 90%; text-align: center;}
	#copyright img,
	#content img {width: 100%; height: auto}
	#guest, pribilege { margin:0;}
	#guest h3,
    #pribilege h3 {font-size:14px;}
	#guest p,
    #pribilege p {font-size:13px; line-height: 22px;}
	#guest li,
    #pribilege li {margin-top:35px;}
	#guest li .box-flex,
    #pribilege li .box-flex {display: flex;justify-content: space-between;}
	#guest li .box-flex a,
    #pribilege li .box-flex a {width: 49.5%;}
	#guest li a,
    #pribilege li a {margin-left: 0 !important;}
	#guest .middle h2,
    #pribilege .middle h2 {font-size: 18px;} 
	#guest .middle p,
    #pribilege .middle p {font-size:13px; line-height: 22px; margin-top: 8px;}
	#guest,
    #pribilege {padding: 36px 16px 0;}
	#guest:before,
    #pribilege:before { margin-bottom: 32px; display: inline-block;　width: 25px !important; height: 25px;-webkit-transform: scale(0.5);transform: scale(0.5); }
	#guest h1,
    #pribilege h1 {/*font-size:18px;*/}
	
	.box-lyt-news figure{margin: 30px auto}
	
	.footlink { padding-top:24px;}
	.fontlink-en {font-size:8px;}
	#information .lead-txt span.pcEnter,
	.pcEnter {display:none;}
	.spEnter {display: inline-block;}
	.MBphoto {margin-bottom:1px;}
}


.btn-type01 {
	width: 280px;
	margin: 60px auto 0;
	line-height : 1.5;
	text-align: center;
}
.btn-type01 a {
	width: 100%;
	display: block;
	box-sizing: border-box;
	background: url(/images/common/icon_arrow_right_03.png) 97% center no-repeat transparent;
	background-size: 22px auto;
	border: 2px solid #fff;
	color:  #fff;
	font-size: 24px;
	font-weight: bold;
	padding: 15px 40px 15px 15px;
	margin: auto;
	text-decoration: none;
}
.btn-type01 a span {
	font-size: 12px;
	display: block;
}

.btn-type01 a:hover {
  background: url(/images/common/icon_arrow_right_10.png) 97% center no-repeat #fff;
  background-size: 22px auto;
  color: #222;
}

@media screen and (max-width: 768px) {
	.btn-type01 {
		width: 90%;
		margin: 30px auto 50px;
	}
	.btn-type01 a {
		background: url(/images/common/icon_arrow_right_03.png) 94% center no-repeat transparent;
		padding: 15px 40px 12px 15px;
	}
	.btn-type01 a:hover {
		background: url(/images/common/icon_arrow_right_10.png)  94% center no-repeat #fff;
	}
}


/*htnl記載を移動　24.01.25*/
#header {width: 1000px;position: relative;z-index:3;background-color:#fff !important; background:url(https://www.princehotels.co.jp/common/imgs/module_parts/parts_header/bg02.gif) repeat-x;}
#header-wrap {position: relative;z-index:3;background-color:#fff; background:url(https://www.princehotels.co.jp/common/imgs/module_parts/parts_header/bg02.gif) repeat-x;}
#content {position: relative;z-index:2;}
#bg{position:fixed;top:0;left:0;width: 100%;height:100%;background: url(images/bg.jpg) center center no-repeat;background-size: cover;z-index:1;}
html,body {height: 100%;}
#sprite,.w100 img{width: 100%;}
img{vertical-align:top;}
a:hover{opacity:.7;}
#sprite, #foot_copy {position:relative;z-index:2; background:#FFF; margin-top: 0;}
#sprite, #foot_copy a { color:#231815}
#footer {background-color: #ffffff;position:relative;z-index:2;}
#foot_copy p {color: #431f0f;}
.box {width: 100%;}

.info {
background-color: #ffc9c9;
color: #666;
padding: 20px;
font-size: 16px;
}
.info a {
color: #666;
text-decoration: underline;
} 
.info a:hover {
text-decoration: none;
} 
.info img {
width: 2%;
}
#info2003 {
font-size: 16px;
line-height: 1.7;
width: 93%;
margin: 30px auto 0;
border: solid 1px #eee;
padding: 25px;
text-align: center;
}
#info2003 span {
font-size: 20px;
display: block;
}
.br-sp { display: none;}

.box-lyt-line {
	box-sizing: border-box;
	width: 90%;
	margin: 30px auto 45px; 
	padding: 1.2em 2em;
	text-align: left;
	/*font-size: 14px;
	line-height: 2.0;
	color: #fff;
	text-align: justify !important;*/
	border: 1px solid #fff;
}

@media screen and (max-width: 768px) {
#info2003 {
font-size: 13px;
width: 90%;
margin: 0 auto 30px;
padding: 10px;
text-align: justify;
}
.info {
padding: 10px;
font-size: 10px;
}
.info img {
width: 5%;
}
	/*
.br-pc { display: none;}
.br-sp { display: block;}*/
	
.box-lyt-line {
	width: 100%;
	margin: 20px auto 35px; 
	padding: 1.2em 1em 1.2em 1.4em;
}
#foot_copy {
	font-size: 12px;
}
}

/*.br-pc {
display: block;
}*/

