@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :  commoncss
 style info :  共通スタイル指定
=================================================================== */


/* body and base setting
------------------------------------------------------------------*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

body {
	text-align: center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#000;
	-webkit-text-size-adjust: 100%;
	position:relative;
}

.frameSet { position:fixed; -webkit-transition:all 1.5s; transition:all 1.5s; background:#d3ceaa;}
#frameT { width: 0; height:10px; top:0; left:0;}
#frameB { width: 0; height:10px; bottom:0; right:0;}
#frameR { width:10px; height: 0; top:0; right:0;}
#frameL { width:10px; height: 0; bottom:0; left:0;}

#frameT.frameSetOK,#frameB.frameSetOK {width: 100%;}
#frameR.frameSetOK,#frameL.frameSetOK {height:100%;}

@media only screen and (min-width: 769px) {
.boxLine:hover .lineT,.boxLine:hover .lineB{width: 100%;}
.boxLine:hover .lineR,.boxLine:hover .lineL{height:100%;}
}

.rwd-txt img { display:""}
.rwd-txt span { display:none;}


/* general params
------------------------------------------------------------------*/
html { font-size:62.5%;/*10px*/	padding:0; margin:0;	width:100%;	height:100%;}

#h1Wrap { position:absolute; bottom:0; left:0; color:#fff; width:100%; padding:10px 0; font-size:1.2em; font-weight:normal; letter-spacing:0.05em; background:#000; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

h2,
h3 {font-family:"Times New Roman", Times, "HG明朝B", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
p {
	color: #3e3e3e;
	font-size: 1.4em;
	margin-bottom:30px;
}

p.caption,
figcaption {
	font-size: 1.1em !important;
	line-height: 1.5;
	letter-spacing: 0;
	text-align:right;
	margin:5px;
	color:#000;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.coverphoto p.caption,
figcaption { color:#fff;}

figure { position:relative;}
figcaption.onFigBgB { display:block; position:absolute; bottom:0; right:0; margin:0; padding:5px; background:rgba(0,0,0,0.5); z-index:10; color:#ccc;}
figcaption.onFigBgW { display:block; position:absolute; bottom:0; right:0; margin:0; padding:5px; background:rgba(255,255,255,0.5); z-index:10; color:#999;}
figcaption.onFigTxtW { display:block; position:absolute; bottom:0; right:0; margin:0; padding:5px; z-index:10; color:#fff;}
figcaption.onFigTxtB { display:block; position:absolute; bottom:0; right:0; margin:0; padding:5px; z-index:10; color:#999;}

img {
	max-width:100%;
	width:auto\9;
	height:auto;
	vertical-align:top\9;
	vertical-align: top;
}
img.fixImg {
	width:100%;
	width/***/: auto\9;
	max-width: 100%;
	height:auto;
}
a,area { outline:none;}

a:link,
a:hover,
a:active,
a:visited {text-decoration: none;}


li a[href$=".pdf"]:after {
	content:"PDF"; font-family:Arial, Helvetica, sans-serif; font-size:0.70em; letter-spacing:0.01em; color:#fff; 
    background:#97906b;
    padding: 1px 3px;
	margin-left:5px;
}

sup { font-size:0.5em; vertical-align:super;}



/* device
------------------------------------------------------------------*/
/* max-width 830 */
.pcOnlyB { display:block !important;}
.mbOnlyB { display:none !important;}
.pcOnlyI { display:inline !important;}
.mbOnlyI { display:none !important;}
.pcOnlyIB { display:inline-block !important;}
.mbOnlyIB { display:none !important;}

/* ua */
.ua-pcOnlyB { display:block;}
.ua-mbOnlyB { display:none;}
.ua-pcOnlyI { display:inline;}
.ua-mbOnlyI { display:none;}
.ua-pcOnlyIB { display:inline-block;}
.ua-mbOnlyIB { display:none;}

.mobile .ua-pcOnlyB { display:none;}
.mobile .ua-mbOnlyB { display:block;}
.mobile .ua-pcOnlyI { display:none;}
.mobile .ua-mbOnlyI { display:inline;}
.mobile .ua-pcOnlyIB { display:none;}
.mobile .ua-mbOnlyIB { display:inline-block;}

/* nav */
.pcOnlyNavB { display:block !important;}
.mbOnlyNavB { display:none !important;}
.pcOnlyNavI { display:block !important;}
.mbOnlyNavI { display:none !important;}
.pcOnlyNavIB { display:inline-block !important;}
.mbOnlyNavIB { display:none !important;}

/* small size logo */
#logoNameSmall {
    /* display: none; */
    position: absolute;
    z-index: 500;
    top: 25px;
    left: 25px;
    /* background-color: #000; */
    /* padding: 10px; */
}


/* header
------------------------------------------------------------------*/

header { position:fixed; top:-70px; left:0; width:100%; background:rgba(0,0,0,0.75); height:70px; z-index:99999; transition:1s all ease-in-out 1s;}
.load header { top:0;}
#logoName { position:absolute; top:9px; left:10px; z-index:20;}

header #gnav { text-align:right; position: absolute; top:0; right: 395px;}
header #gnav li { display:inline-block; position:relative;}
header #gnav li a { display:block; color:#b9ae7d; font-size:1.25em; padding:30px 10px 20px; margin:0 5px; letter-spacing:0; position:relative;}
header #gnav li a:after {
	content:"";
	position:absolute;
	bottom:0;
	left:50%;
	height:1px;
	width:0;
	background:#b9ae7d;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
#gnav > li.new::after {
	content:"NEW";
	position:absolute;
	top:0;
	left:5px;
	z-index:10;
	font-size:1em;
	color:#fff;
	background:#bb9e61;
	padding:2px 5px;
	text-align:center;
}
#gnav > li.update::after {
	content:"UPDATE";
	position:absolute;
	top:0;
	left:5px;
	z-index:10;
	font-size:1em;
	color:#fff;
	background:#bb9e61;
	padding:2px 5px;
	text-align:center;
}

@media only screen and (min-width: 769px) {
	header #gnav li a:hover:after,
	header #gnav li.cur a:after {
		left:0;
		width:100%;
	}
}
@media only screen and (max-width: 768px) {
	header #gnav li.cur a:after {
		left:0;
		width:100%;
	}
		
	#gnav > li.new::after,
	#gnav > li.update::after {left:0;}
}

#hNav-request { position:absolute; top:0; right:0;}
#hNav-reservation { position:absolute; top:0; right:140px;}
#hNav-map,
#hNav-outline { position:absolute; right:280px; color:#fff; font-size:1.3em; letter-spacing:0.1em; background:rgba(0,0,0,0.90); opacity:0.9; height: 50%; padding: 10px; margin:0; border-bottom:1px solid #1B1B1B; width: 100px;}
#hNav-map {top:0;}
#hNav-outline {top:50%;}

.menu-trigger > div { display:none;}


/* contentsArea
------------------------------------------------------------------*/
#contentsArea {
    /* background: url(../../../img/keyV/bg.jpg) top center no-repeat; */
    /* background-attachment: fixed; */
    /* background-size: cover; */
    /* transition: all ease-in-out 2s; */
    background: #1F3477;
}
.load #contentsArea { opacity:1;}
.mobile #contentsArea { background:#000;}

/* nextPrev */
.nextPrev { overflow:hidden; margin:40px 0 -60px;}

.next { float:right; background:url(../../img/arrowNext.png) 100% 50% no-repeat; text-align:right; padding:10px 35px 10px 0; font-size:1.6em; letter-spacing:0.01em; cursor:pointer;}
.mobile .next { background:url(../../img/arrowNext@2x.png) 100% 50% no-repeat; background-size:24px 45px;}
.next span { display:block; color:#ee7700; font-family:Arial, Helvetica, sans-serif; margin:0 0 5px 0;}

.prev { float:left; background:url(../../img/arrowPrev.png) 0 50% no-repeat; text-align:left; padding:10px 0 10px 35px; font-size:1.6em; letter-spacing:0.01em; cursor:pointer;}
.mobile .prev { background:url(../../img/arrowPrev@2x.png) 0 50% no-repeat; background-size:24px 45px;}
.prev span { display:block; color:#ee7700; font-family:Arial, Helvetica, sans-serif; margin:0 0 5px 0;}


/* hover --------- */
.boxLine,.boxLine_cur {position: relative; display:block; width:100%;}
.lineSet {position:absolute; -webkit-transition:all 0.3s; transition:all 0.3s; background:#ee7700;}
.lineT{width: 0; height:2px; top:0; left:0;}
.lineB{width: 0; height:2px; bottom:0; right:0;}
.lineR{height:0; width :2px; right:0; top:0;}
.lineL{height:0; width :2px; left:0; bottom:0;}

@media only screen and (min-width: 767px) {
.boxLine:hover .lineT,.boxLine:hover .lineB{width: 100%;}
.boxLine:hover .lineR,.boxLine:hover .lineL{height:100%;}

}
.boxLine_cur .lineT,.boxLine_cur .lineB{width: 100%;}
.boxLine_cur .lineR,.boxLine_cur .lineL{height:100%;}





/* footer
------------------------------------------------------------------*/
footer { background:#fff; position:relative; padding-bottom:40px;}

/* nav */
footer nav { margin:0; border:1px solid #ddd; border-width:1px 0; padding:10px;}
footer nav li { display:inline-block; line-height:1.5;}
footer nav li::before { content:"｜";}
footer nav li:first-child::before { content:"";}
footer nav li a { color:#000; font-size:1.3em; letter-spacing:0.01em;}

/* seasonSlider */
#seasonSlider {}

footer .captionList { padding:20px; color:#000; font-size:1.1em; line-height:1.8; text-align:left; text-indent:-1em; margin-left:1em; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }


footer .contactArea {
	padding:10px 0;
	background: #fff;
}
	footer .contactArea address {
		font-style:normal;
		padding:0 0 10px;
		border-bottom:1px solid #edede8;
	}
	
	footer ul.contactWrap {
			letter-spacing: -.4em;
			text-align: center;
		}

	footer ul.contactWrap > li {
		display: inline-block;
		letter-spacing: normal;
		position: relative;
		vertical-align: middle;
		padding: 0 10px;
		font-size: 1.2em;
		color: #000;
	}
			footer .contactArea address .contactTel {
				font-size:4.8em;
				font-size:4.2em\9;
				font-family:"Times New Roman", Times, serif;
				color:#000;
			}
			footer .contactArea address .contactTel a {
				color:#000;
			}


	footer .contactArea .caption {
		clear:both;
		text-align:left;
		border-top:1px solid #ded9be;
		border-bottom:1px solid #ded9be;
		padding:20px 10px;
		color:#000;
	}
	footer hr {
		margin:10px 0 0 0;
	}
	footer .contactArea small {
		color:#000;
		font-size:1em;
		margin:13px 20px 5px 10px;
		display:inline-block;
		font-family: "Times New Roman","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	footer .contactArea small span {
		display:inline-block;
	}
	footer .contactArea small img {
		padding:0 0 0 5px;
		vertical-align:middle;
	}


footer .tamahome { display:inline-block;}
footer .tamahome img { width:200px; height:auto;}
footer .copyright { display:inline-block; font-family:"Times New Roman", Times, serif;}



/* backTop
-------------------------------------- */
#backTop {
	display:none;
	position:fixed;
	bottom:90px;
	right:30px;
	width:80px;
	height:80px;
	background: url(../../img/footer/btnBackTop.png) 0 0 no-repeat;
	cursor:pointer;
	font-family:"Times New Roman", Times, serif;
	font-size:1.2em;
	color:#a29360;
	letter-spacing:0.01em;
	z-index:99999;
}


/*mediaPrint
---------------------------------------------------------------- */
@page {
  size: A4;
}
@media print {
	body { width: 210mm; /* needed for Chrome */ }
	.noPrint { display:none !important; }
	/*.okPrint { top:0 !important; left:0 !important; width:172mm !important; height:251mm !important;}*/
	#conts1Wrap { width:100% !important; padding:0 !important;}
}



/* mouse scroll
---------------------------------*/
.sp #mouseScroll { display:none;}
#mouseScroll a {
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 2;
	display: inline-block;
	padding-top: 70px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-decoration: none;
	transition:1s all ease-in-out 3s;
	color:#fff;
	font-family:"Times New Roman", Times, serif;
	font-size:1.8em;
	text-shadow: 0 0 10px rgba(0, 0, 0, .75);
}
#mouseScroll { opacity:0;}
.load #mouseScroll { opacity:1;}

#mouseScroll a span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg);
	-webkit-animation: sdb 1.5s infinite;
	animation: sdb 1.5s infinite;
	box-sizing: border-box;
	
}
@-webkit-keyframes sdb {
	0% {
		-webkit-transform: rotateY(0) rotateZ(-45deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);
		opacity: 0;
	}
}
@keyframes sdb {
	0% {
		transform: rotateY(0) rotateZ(-45deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);
		opacity: 0;
	}
}



/*mediaQuery
---------------------------------------------------------------- */
@media only screen and (max-width: 1430px) {
	header #gnav li a { padding:27px 6px 25px; margin:0 4px;}
	header #gnav { right: 411px;}
}
@media only screen and (max-width: 1355px) {
	header #gnav li a { padding:27px 0 25px; margin:0 4px; letter-spacing: -0.1em;}
	header #gnav { right: 389px;}
}
/*@media only screen and (max-width: 1000px) {
	header #gnav li a { padding:27px 0 25px; margin:0 4px;}
	header #gnav { right: 245px;}
}*/
@media only screen and (max-width: 1160px) {
	
	/* device
	------------------------------------------------------------------*/
	.pcOnlyNavB { display:none !important;}
	.mbOnlyNavB { display:block !important;}
	.pcOnlyNavI { display:none !important;}
	.mbOnlyNavI { display:inline !important;}
	.pcOnlyNavIB { display:none !important;}
	.mbOnlyNavIB { display:inline-block !important;}
	
	header { height:60px; font-family:"Times New Roman", Times, "HG明朝B", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
	#logoName { position:absolute; top:0px; left:0; padding:9px;}
	#logoName img { width:110px;}

	/* spNav -------------------------------------------------------------------------- */
	
	
#hNav-request {
	position:absolute;
	top:3px;
	right:97px;
	display:block;
	width:160px;
	height:54px;
	color:#fff;
	font-size:1.8em;
	padding:18px 0 0;
	
background: #756540; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #756540 0%, #e4c67e 50%, #756540 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #756540 0%,#e4c67e 50%,#756540 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #756540 0%,#e4c67e 50%,#756540 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#756540', endColorstr='#756540',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#hNav-reservation {
	position:absolute;
	top:3px;
	right:260px;
	display:block;
	width:160px;
	height:54px;
	color:#fff;
	font-size:1.8em;
	padding:18px 0 0;
	
background: #9f573b; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #9f573b 0%, #f6d599 50%, #9f573b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #9f573b 0%,#f6d599 50%,#9f573b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #9f573b 0%,#f6d599 50%,#9f573b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f573b', endColorstr='#9f573b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
	
#hNav-map {
	position:absolute;
	top:0;
	right:45px;
	display:block;
	width:50px;
	height:50px;
	color:#fff;
	padding:9px 0 0;
	background:none;
	opacity:1;
	border:none;
	font-size:1.0em;
}
	#hNav-map img { width:auto; height:30px; margin-bottom:2px;}
	
#hNav-tel {
	display:none;
	position:absolute;
	top:0;
	right:91px;
	width:40px;
	height:50px;
	color:#fff;
	padding:9px 0 0;
}
	#hNav-tel a { color:#fff;}
	#hNav-tel img { width:auto; height:30px; margin-bottom:2px;}
	#hNav-tel span { margin-left:1px;}
	
	#gnavBtn { display:block; width:52px; height:60px; position:absolute; top:0; right:0; z-index:999; padding:10px; color:#fff;}
	header #gnav { position:static; text-align:center;}
	/*#gnav { border-top:1px solid rgba(255,255,255,0.5); }*/
	#gnav > li { display: inline-block; width:80%; border-bottom:1px solid rgba(255,255,255,0.30);}
	#gnav > li.cur { border:none;}
	header #gnav li a { font-size:1.6em; padding:2em 0; margin:0;}
	#gnav > li > a > img { display:none;}

.sp #hNav-request { right:137px;}
.sp #hNav-reservation { right:300px;}
.sp #hNav-tel { right:91px; display:block;}
	
#gnavBtn {
	position:absolute;
	top:6px;
	right:0;
	z-index:999;
	padding: 8px 13px;
}
#gnavBtn > div {
	position:relative;
}
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	width: 25px;
	height: 19px;
}
.menu-trigger > div {
	display:block;
    color: #fff;
    position: absolute;
    top: 28px;
    left: -1px;
    font-family: 'Times New Roman', Times, serif;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #fff;
	border-radius: 2px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 9px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}

.menu-trigger span:nth-of-type(1) {
	-webkit-animation: menu-bar01 .75s forwards;
	animation: menu-bar01 .75s forwards;
}
@-webkit-keyframes menu-bar01 {
	0% {
		-webkit-transform: translateY(9px) rotate(45deg);
	}
	50% {
		-webkit-transform: translateY(9px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(0) rotate(0);
	}
}
@keyframes menu-bar01 {
	0% {
		transform: translateY(9px) rotate(45deg);
	}
	50% {
		transform: translateY(9px) rotate(0);
	}
	100% {
		transform: translateY(0) rotate(0);
	}
}
.menu-trigger span:nth-of-type(2) {
	transition: all .25s .25s;
	opacity: 1;
}
.menu-trigger span:nth-of-type(3) {
	-webkit-animation: menu-bar02 .75s forwards;
	animation: menu-bar02 .75s forwards;
}
@-webkit-keyframes menu-bar02 {
	0% {
		-webkit-transform: translateY(-9px) rotate(-45deg);
	}
	50% {
		-webkit-transform: translateY(-9px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(0) rotate(0);
	}
}
@keyframes menu-bar02 {
	0% {
		transform: translateY(-9px) rotate(-45deg);
	}
	50% {
		transform: translateY(-9px) rotate(0);
	}
	100% {
		transform: translateY(0) rotate(0);
	}
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-animation: active-menu-bar01 .75s forwards;
	animation: active-menu-bar01 .75s forwards;
}
@-webkit-keyframes active-menu-bar01 {
	0% {
		-webkit-transform: translateY(0) rotate(0);
	}
	50% {
		-webkit-transform: translateY(9px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(9px) rotate(45deg);
	}
}
@keyframes active-menu-bar01 {
	0% {
		transform: translateY(0) rotate(0);
	}
	50% {
		transform: translateY(9px) rotate(0);
	}
	100% {
		transform: translateY(9px) rotate(45deg);
	}
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-animation: active-menu-bar03 .75s forwards;
	animation: active-menu-bar03 .75s forwards;
}
@-webkit-keyframes active-menu-bar03 {
	0% {
		-webkit-transform: translateY(0) rotate(0);
	}
	50% {
		-webkit-transform: translateY(-9px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(-9px) rotate(-45deg);
	}
}
@keyframes active-menu-bar03 {
	0% {
		transform: translateY(0) rotate(0);
	}
	50% {
		transform: translateY(-9px) rotate(0);
	}
	100% {
		transform: translateY(-9px) rotate(-45deg);
	}
}
#gnavDetailsWrap {
	display:none;
	width:100%;
	height:100%;
	position:fixed;
	z-index:990;
	top:0;
	left:0;
}
#gnavDetails {
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.85);
	text-align:center;
	display:table;
}
#gnavDetails > div {
	display:table-cell;
	vertical-align:middle;
}
#gnavDetails > div > ul {
}
#gnavDetails > div > ul > li {
	padding:20px 0;
	margin-bottom:20px;
	border-bottom:#fff dotted 1px;
	font-size:4em;
	color:#fff;
	cursor:pointer;
}

	footer nav { padding:0; margin-bottom:20px; border-width:0 0 1px 1px;}
	footer nav ul { overflow:hidden;}
	footer nav ul li {
		position:relative;
		margin:0;
		width:50%;
		float:left;
		background:#fff;
		border:none;
		opacity:0.97;
		border-right:1px solid #ddd;
		border-top:1px solid #ddd;
		padding:10px;
		font-size:1em;
	}
		footer nav ul li:nth-last-child(2){
		border-bottom:1px solid #ddd;
		margin-bottom: -1px;
	}
	footer nav ul li.cur::after {
		content:"";
		position:absolute;
		bottom:0;
		left:0; right:0;
		height:2px;
		background:#b9ae7d;
	}
		
	footer nav li::before {
		content: "";
	}
	
	
/* -------------------------------------------------------------------------- spNav */
	
	
	
	
}

@media only screen and (max-width: 830px) {
	
	* { transition:none;}

	
	/* device
	------------------------------------------------------------------*/
	.pcOnlyB { display:none !important;}
	.mbOnlyB { display:block !important;}
	.pcOnlyI { display:none !important;}
	.mbOnlyI { display:inline !important;}
	.pcOnlyIB { display:none !important;}
	.mbOnlyIB { display:inline-block !important;}

	/* rwd-txt
	---------------------------------*/
	.rwd-txtNormal:after {
		content:attr(data-label);
		font-weight:normal;
	}
	.rwd-txtPre:after {
		content:attr(data-label);
		font-weight:normal;
		white-space: pre;
	}
	.rwd-txtNormal > img,
	.rwd-txtPre > img {
		display:none;
	}	
	
	.mainTxt.rwd-txtNormal:after,
	.mainTxt.rwd-txtPre:after {
		font-size:2.8em;
		font-weight:normal;
		color:#171111;
		line-height:1.6;		
	}
	
	.hTxt.rwd-txtNormal:after,
	.hTxt.rwd-txtPre:after {
		font-size:2.0em;
		font-weight:normal;
		color:#171111;
		line-height:1.6;
	}
	
	p.rwd-txtNormal:after,
	p.rwd-txtPre:after {
		font-size:0.9em;
		font-weight:normal;
		color:#171111;
		line-height:1.6;
		text-align:left;
	}
	

}


@media only screen and (max-width: 767px) and (orientation : landscape) { #gnav { text-align:left !important;} #gnav li, #gnav li:first-child { width:50%; text-align:center;}}

@media only screen and (max-width: 767px) {
	header #gnav li a { font-size:1.6em; padding:1em 0; margin:0;}
}

@media only screen and (max-width: 640px) {
.contactOh,.contactRh { margin:0 0 5px;}

.copyright{display:block;}
.nomuraLogo{ width:174px; margin-right:0px; margin-bottom:10px;}

}

@media only screen and (max-width: 585px) {
	#hNav-request {
		width: 109px;
		padding: 18px 0 0;
	}
	#hNav-reservation {
		width: 109px;
		padding: 18px 0 0;
		right: 209px;
	}
	.sp #hNav-reservation { right:248px;}
}


@media only screen and (max-width: 515px) {
	#logoNameSmall {
		position: relative;
		top: 0;
		left: 0;
		padding: 15px 0;
		background: #000;
	}
	
	
}

@media only screen and (max-width: 480px) {
	.rwd-txt img { display:none;}
	.rwd-txt span { display:block; font-size:2.0em; line-height:1.3;}
	h3.rwd-txt span { color:#594f23; font-size:1.6em;}
	
	footer .contactArea small {
		display:block;
	}
	footer .contactArea address .contactTel {
		font-size:4em;
	}
	
	
	
		footer ul.contactWrap > li {
			font-size: 1.1em;
			margin-bottom:5px;
			letter-spacing:0.01em;
			line-height:1.5;
		}
		footer ul.contactWrap > li span { display:block;}
	
	footer ul.contactWrap { margin-bottom:0;}
	
	footer .relatedLinks a { display:block; line-height:1.5;}
	footer .relatedLinks span { display:none;}

	#hNav-request {
		width:87px;
		padding:18px 0 0;
	}
	#hNav-reservation {
		width:87px;
		padding:18px 0 0;
		right: 187px;
	}
	.sp #hNav-reservation { right:227px;}
	
}

@media only screen and (max-width: 440px) {
	#hNav-request {
		width:52px;
		padding:10px 0 0;
	}
	#hNav-reservation {
		width:52px;
		padding:10px 0 0;
		right: 152px;
	}
	.sp #hNav-reservation { right:192px;}
	
}

@media only screen and (max-width: 370px) {
	/* small size logo */
	#logoName { display: none;}
	/*#logoNameSmall {
		display: block;
		background:#000;
		padding-top:60px;
	}
	#logoNameSmall img {
		margin: 10px 0 12px;
	}*/
	
	
	#hNav-request {
		width:86px;
		padding:18px 0 0;
	}
	#hNav-reservation {
		width:86px;
		padding:18px 0 0;
		right: 185px;
	}
	.sp #hNav-reservation { right:225px;}
	
}