@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
body {
	font-size: 12px;
	line-height: 1.8;
	letter-spacing: 0;
	color: #8e783a;
	background: #FFF;
	font-weight: 300;
	word-break: break-all;
		font-family: 'Poppins', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif;

}


a {
	text-decoration: none;
	color: #8e783a;
}
a:hover {
	opacity: 0.5;
}
img {
	vertical-align: top;
}
.pc {
	display: block;
}
.sp {
	display: none;
}
.onlysp {
	display: none;
}
#wrapper {
	width: 100%;
	overflow: hidden;
	
}
.contents{ background:  #fff; }

.footTxtArea{ width: 431px; float: left;}
.footTxtArea .footlogo{ width: 60px; display: inline-block;}
.foottxt{ width: 231px; display: inline-block;  margin-left: 91px;}
.footer{ padding-top: 90px;}

.conname{ width: 162px;}

.contact input,.contact textarea{ width: 100%; font-size: 14px; padding: 10px; box-sizing: border-box;}
.contact li{ margin-bottom: 15px;}
@media screen and (min-width:901px) {
	#wrapper{ box-sizing: border-box;
	}
	.topBoderArea{ top:-4px;}

}



/* header */
.navpc{ text-align: left; font-size: 11px; letter-spacing: 0.075em; padding-left: 37px; padding-top: 38px;  }

.navpc li{ display: inline-block; padding-right: 14px; line-height: 12px; color:#909090; letter-spacing: 0.08em;  font-weight: 600;  vertical-align: middle;}
.navpc li a{   color:#8e783a;  }

.navpc li svg,.sp_menuWrap li svg{ fill: #b79a5c;}
.navpc li:hover  svg {fill:#000;}
.snsicon{ width: 18px;}

.hotelnav li:first-child{  margin-right: 17px;}
.hotelnav li:first-child:after{ content: ""; display: inline-block; height: 10px; width: 1px; background: #000; margin-left: 17px;}

.hotelnav{ position: absolute; right: 40px; top: 38px; text-align: right;}
.hotelnav li{ display: inline-block; font-weight: 600; letter-spacing: 0.12em;}



.topBoderArea {
	width: 100%;
	height: 82px;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 100;
	background: #fff;

}


.fxNav{ position: fixed; width: 114px; position: fixed; top: 50%; left: 0; margin-top: -114px; z-index: 100;}
.fxNav li{  width: 114px; height: 114px;}

@media screen and (min-width:901px) {
	
/*	.navpc {
    text-align: center;;
    font-size: 11px;
    letter-spacing: 0;
    
    font-weight: 400;
    position: relative;
		display: inline-block;
    padding-top: 50px;
		padding-left: 50px;
}*/

}


.menuon .topBoderArea {
	z-index: 1;
	background: #fff;
}

.menu-trigger span.closetxt,.menu-trigger span.opentxt { position: relative !important; top: auto; left: auto; border: none; background: none}
.menu-trigger span.closetxt{ display: none;}
.menuon .menu-trigger span.opentxt{ display: none;}
.menuon .menu-trigger span.closetxt{ display: block; opacity: 1 !important ; background: none; width: auto !important; height: auto !important;}
#menu-btn_sp {
	position: fixed;
	right: 30px;
	top: 43px;
	width: 29px;
	z-index: 10000;
	cursor: pointer;
}
.copyR {
	position: fixed;
	right: -28px;
	top: 50%;
	transform: rotate(90deg);
	font-size: 10px;
	letter-spacing: 0.1em;
	font-weight: 600;
	color: #444;
	z-index: 100;
}
.menuon .copyR {
	z-index: 1000;
	color: #fff;
}
.titRead{ position: fixed; left: -93px; top: 50%;  font-size: 10px; font-weight: 500; letter-spacing: 0.185em; transform: rotate(-90deg); z-index: 100; font-size: 10px; color: #000; }


.menuon .topBoderArea {
	z-index: 1;
	background: #000;
}
.scroll {
	    position: relative;
    z-index: 1;
    bottom: auto;
    right: auto;
    overflow: hidden;
    width: 1px;
    height: 80px;
    letter-spacing: 0.08em;
	margin: 0 auto;
	display: block;
}
.scroll:after, .scroll:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 2px;
	height: 100%;
	content: ''
}
.scroll:before {
	z-index: 10;
	-webkit-animation: scroll 2.4s infinite normal;
	animation: scroll 2.4s infinite normal;
	background: #ccc
}
.scroll:after {
	background: #b3975b
}
@-webkit-keyframes scroll {
0% {
-webkit-transform:translate3d(0, -100%, 0)
}
15% {
-webkit-transform:translate3d(0, -98%, 0)
}
85% {
-webkit-transform:translate3d(0, 98%, 0)
}
100% {
-webkit-transform:translate3d(0, 100%, 0)
}
}
@keyframes scroll {
0% {
transform:translate3d(0, -100%, 0)
}
15% {
transform:translate3d(0, -98%, 0)
}
85% {
transform:translate3d(0, 98%, 0)
}
100% {
transform:translate3d(0, 100%, 0)
}
}
/* contents */
.contents {
	width: 100%;
	box-sizing: border-box;

}
.cntentrWrapp {
	width: 77.1031%;
	margin-left: auto;
}




.footlogos{ width: 120px; display: inline-block;}

.footer{ background: #fff; text-align: center;}
.footinner{ max-width: 1460px; margin: 0 auto;}

.footlogos{ vertical-align: top;}
.contactBtn{ font-size: 36px; letter-spacing: 0.1em; font-weight: 800; text-align: center;}
.footlistSpecs{ box-sizing: border-box; padding: 0; margin: 0 auto; padding-top: 20px; font-size: 0; letter-spacing: 0; }

.footadress{ width: calc(100% - 130px); display: inline-block; vertical-align: top; box-sizing: border-box; padding-left: 10%;}

.footlistSpecs li{ display: inline-block; width: 30%; color: #666666; box-sizing: border-box; padding-right:  10%; vertical-align: top;}
.footlistSpecs li:first-child{  width: 40%;}
.footlistSpecs li dt{ font-size: 15px; letter-spacing: 0.48em; margin-bottom: 15px; line-height: 1;}
.footlistSpecs li dd{ font-size: 15px; letter-spacing: 0.42em; }
.footlistSpecs li dl:after{ content: ""; display: block; width: 12px; height: 1px; background: #666; margin: 45px 0;}
.ftTxts:after{ content: ""; display: block; width: 12px; height: 1px; background: #666; margin: 45px 0;}

.ftTxts{ font-size: 11px; letter-spacing: 0.24em;}
.jpList{ font-size: 10px; line-height: 19px; letter-spacing: 0.42em; margin-bottom: 30px;}
.enList{ font-size: 10px; line-height: 21px; letter-spacing: 0.22em;}

.footer h3{ font-size: 14px; color: #534741; letter-spacing: 0.12em; margin-bottom: 60px;}

.crtxt{ font-size: 11px; text-align: right; letter-spacing: 0.24em; margin-bottom: 124px;} 

@media screen and (min-width:901px) {
	#menu-btn_sp{ display: none;}
	/*#wrapper,#header{ min-width: 1400px;}
	#header.topBoderArea{ min-width: 1495px; height: 82px; overflow: hidden;}*/
}
@media screen and (max-width:900px) {
	

	.topBoderArea{ height: 0;}
.cntentrWrapp {
	width: 100%;
	margin-left: auto;
}


.contents {

    padding-top: 0;

}
}
/* footer */
.footer{ text-align: left;}
.footlogo1{ width: 32px; display: inline-block; margin-right:38px; }
.footlogo2{ width: 45px; display: inline-block;}
.line{ background: url( ../img/line_foot.svg) left top repeat-x; width: 100; background-size: auto 26px; height: 26px; margin-top: 113px; margin-bottom: 40px;}

.contactsent{ width: 128px; margin: 0 auto;}
.contactsent input{ background: none; border: none; width: auto; background: url(../img/btn_send.svg) left top no-repeat; background-size: 100%; width: 128px; height: 34px; margin: 0 auto; font-size: 0;}

.menu-trigger, .menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 20px;
	height: 20px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #000;
	border-radius: 2px;
}

.menuTxt{ position: absolute;
    width: 36px;
    top: 3px;
    left: -77px;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0.185em;
    white-space: nowrap;
    text-align: right;
	color: #fff;
}

.menu-trigger span:nth-of-type(1).opentxt { top: -2px;}


.menuon .menu-trigger span.closetxt{top: 3px;
    left: 14px;}


.menu-trigger.close span {
	background-color: #fff;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
	width: 19px;
}
.menu-trigger span:nth-of-type(2) {
		width: 29px;
	top: 8px;;
}
.menu-trigger span:nth-of-type(3) {
	top: 18px;
	width: 19px;
}
.menu-trigger.close span:nth-of-type(1) {
	-webkit-transform: translateY(13px) rotate(-45deg);
	transform: translateY(13px) rotate(-45deg);
}
.menu-trigger.close span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.close span:nth-of-type(3) {
	-webkit-transform: translateY(-4px) rotate(45deg);
	transform: translateY(-4px) rotate(45deg);
}
@media screen and (max-width:900px) {
	
	#wrapper{ padding-top: 40px; 
		padding: 0;
    box-sizing: border-box;}
	.contents{ padding-top: 0;}

}
.menuWrapp {
	position: fixed;
	left: 0;
	top: -270vh;
	z-index: 90;
	width: 100%;
	background: #000;
	height: 100vh;
	transition: all 0.3s ease;
	opacity: 0
}
.menuWrapp.on {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 201;
	width: 100%;
	background: #fff;
	height: 100vh;
	opacity: 1;
	overflow: scroll;
	
}
.close {
	color: #fff;
	position: absolute;
}
.sp_menu {
	height: 100%;
	background-color: #fff;
	width: 100%;
	display: table;
}
.sp_menuWrap {
	/*display: table-cell;
	vertical-align: middle;*/
	padding-top: 160px;
	text-align: center;
}
.sp_menu ul li {
	font-size: 32px;
	text-align: left;
	font-weight: 500;
	margin-bottom: 4%;
	letter-spacing: 0.185em;
	padding-left: 15px;
	
}
.sp_menu ul li a {
	display: block;
	text-decoration: none;
	color: #8e783a;
}
.textcontentW.footer h3 {
	font-weight: 300;
}

@media screen and (max-width:900px) {
body {
	font-size: 10px;
}
.pc {
	display: none;
}
.sp {
	display: block;
}
a:hover {
	opacity: 1;
}
img {
	max-width: 100%;
	height: auto
}
/* header */
.contents {
	box-sizing: border-box;
}

.url {
	position: absolute;
}
.menuWrapp {
	position: fixed;
	position: fixed;
	left: 0;
	top: -130vh;
	z-index: 90;
	width: 100%;
	background: #000;
	height: 100vh;
	transition: all 0.3s ease;
}
.menuWrapp.on {
	position: fixed;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 201;
	width: 100%;
	background: #000;
	height: 100vh;
}
	
	.snsnav li { margin-bottom: 20px;}
}
 @media screen and (max-width:900px) {
	 
	 .footlogos{ width: 120px; display: block;}

.footer{ background: #fff; text-align: left;}
.footinner{ max-width: 1460px; margin: 0 auto;}


.footlogos{ vertical-align: top;}
.contactBtn{ font-size: 36px; letter-spacing: 0.1em; font-weight: 800; text-align: center;}
.footlistSpecs{ box-sizing: border-box; padding: 0; margin: 0 auto; padding-top: 20px; font-size: 0; letter-spacing: 0; }

.footadress{ width: 100%; display: block; vertical-align: top; box-sizing: border-box; padding-left: 0; margin-top: 40px;}

	 .footlistSpecs li{ width: 100%; margin-bottom: 20px;}
	 .footlistSpecs li:first-child {
    width: 100%;
}
body {
	font-weight: 500;
}
.onlysp {
	display: block;
}
	 
	 
	 
	 
#menu-btn_sp {

    left: 0;
    left: 0;
    top: 75px;
    height: 75px;
    width: 75px;
	background: #423840;}
	 #menu-btn_sp.close{ top: 0;}

	 #header{  width: 100%;}
	 
	 .titRead {
		 transform: rotate(90deg);
		 left: -110px; top: 50%;
	 }
	 
	 
	 
	 .snsnav{ right: 6px;}
	 
	 
	 
	 .mainlogotit {

    width: 50%;
    margin: 0 auto;
        margin-left: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25%;

}

.menu-trigger, .menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 47px;
	height: 47px;
}.menu-trigger span:nth-of-type(2) {
    opacity: 0;
}
.menu-trigger span {
	position: absolute;
left: 25%;
    width: 55%;
	height: 2px;
	background-color: #fff;
	border-radius: 2px;
}
.menu-trigger.close span {
	background-color: #fff;
}
	 
	 .menu-trigger span:nth-of-type(1){
		 top: 33px; width: 34px;
	 }
	.menu-trigger span:nth-of-type(3) {
		top: 46px; width: 35px;;}

.menu-trigger.close span:nth-of-type(1) {
	-webkit-transform: translateY(-3px) rotate(-45deg);
	transform: translateY(-3px) rotate(-45deg);
}
.menu-trigger.close span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.close span:nth-of-type(3) {
	-webkit-transform: translateY(3px) rotate(45deg);
	transform: translateY(3px) rotate(45deg);
}
	 
	 
	 
	.menuon .menu-trigger span:nth-of-type(3) {
		 top: 27px;}
.sp_menu ul li {
	font-size: 19px;
	margin-bottom: 25px;
}
	 
	 	 .footlogo1{ display: block; margin-left: 7px; margin-bottom: 15px;}
	 .footlogo2{ display: block;}
	 .footlogos {
    width: 50px;
    display: inline-block;
}
.footadress {
    width: calc(100% - 60px) ;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding-left: 0;
    margin-top: 0;
    vertical-align: top;
	padding-left: 40px;
}
	 
	 .ftTxts:after {
    content: "";
    display: block;
    width: 12px;
    height: 1px;
    background: #666;
    margin: 25px 0;
}
	 
.footer h3 {
    font-size: 14px;
    color: #534741;
    letter-spacing: 0.12em;
    margin-bottom: 30px;
}

	 
}
@media screen and (min-width:901px) {

	.topBoderArea{ top:-4px;}
}

/* =================
clearfix
================= */
.clearfix:after, .cfx:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* =================*/