<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/* CSS Document */



@media screen and (max-width: 768px) {

	#wrap {

		/*padding-top: 51px;*/

		/*padding-bottom: 70px;*/

	}

}

#container {

	position: relative;

  overflow: hidden;

}

/*********************



	header



*********************/

/*header {



  margin: auto;

	background-color: #a99b55;

}*/



body{

	/*padding-top: 117px;*/

}

body.popup{

	padding-top: 76px;

}

@media screen and (max-width: 768px) {

	body{

		padding-top: 0!important

	}

}



header{

    width: 100%;

    /*position: fixed;*/
    position: absolute;

    top: 0;

    left: 0;

    z-index: 100;

		margin: auto;

    /*background-color: #a99b55;*/

	  transition: 0.6s cubic-bezier(.4, 0, .2, 1);

}

@media screen and (max-width: 768px) {

	header{

		height: 0;

	}

}

.head-animation {

  transform: translateY(-110%);

}



#header {

	width: 100%;

	overflow: hidden;

}

.header_inner{

	max-width:1300px;

	margin: auto;

}



h1 {

	float: left;

	margin-top: 10px;

	padding-left: 1em;

	font-size: 10px;

	font-weight: normal;

	/*color: #ddd;*/
	color: #555;

}

@media screen and (max-width: 1280px) {

  h1 { 

    float: none;

    margin: 0;

    padding: 1px 1em;

    /*background: #222;*/

  }

  h1 br { display: none;}

}

@media screen and (max-width: 768px) {

	#header h1 {

		display: none;

	}

}



#header .navi {

	font-size: 13px;

	line-height: 1;

}

#header .navi .req,

#header .navi .res{

	font-size: 16px;

}

#header .navi .req a,

#header .navi .res a{

	padding: 20px 35px;

}

#header .navi li {

	float: right;

	margin-left: 10px;

	box-sizing: border-box;

}

#header .navi li.res {

  margin-left: 0;

}

/*.navi li:not(.req),

.navi li:not(.res) {

	margin-top: 2px;

}*/

.navi .map span {

	background: url(../img/icon_map.png) no-repeat left;

	background-size: 9px 13px;

}

.navi .outline span {

	background: url(../img/icon_outline.png) no-repeat left;

	background-size: 11px 13px;

}

.navi .share span {

	background: url(../img/icon_share.png) no-repeat left;

	background-size: 13px 13px;

}

.navi a,

.navi .shareBtn {

	display: block;

	padding: 20px 10px;

}

.navi span {

	padding-left: 20px;

}

.navi .req span,

.navi .res span{

	padding-left: 0;

}

.shareBtn {

	cursor: pointer;

}

#header .navi .tel {

	display: none;

}



@media screen and (max-width: 768px) {

	#header {

    position: fixed;

    bottom: 0;

    z-index: 9999;

    background: #000;

		border-top: 1px solid #444;

	}

	#header .share, #header .map{

		display: none;

	}

	#header .navi li {

		width: 25%;

		margin: 0 0;

		text-align: center;

		font-size: 12px!important;

	}

	#header .navi li:not(.req){

		border-right: 1px solid #444;

	}

	#header .navi .req,	#header .navi .res {

		margin: 0;

	}

	#header .navi .req span {

		background: url(../img/icon_req.png) no-repeat top center;

		background-size: 18px;

	}

	#header .navi .res span {

		background: url(../img/icon_res.png) no-repeat top center;

		background-size: 20px;

	}

	#header .navi .tel {

		display: block;

	}

	#header .navi .tel span {

		background: url(../img/icon_tel.png) no-repeat top center;

		background-size: 14px;

	}

	#header .navi .outline span {

		background: url(../img/icon_outline.png) no-repeat top center;

		background-size: 14px;

	}

	.navi .map span {

		background-size: 12px;

	}

	.navi .share span {

		background-size: 18px;

	}

	#header .navi span {

		background-position: top center;

		padding: 20px 0 16px!important;

	}

	.navi a,

	.navi .shareBtn {

		padding: 30px 0 8px!important;

	}

}



/*********************



	spMenu



*********************/

#spMenu {

	position: fixed;

	top: 0;

	z-index: 999;

	width: 100%;

	border-bottom: 1px solid #333;

	overflow: hidden;

	background: #000;

  display: none;

	transition: 0.6s cubic-bezier(.4, 0, .2, 1);

}

#spMenu .name {

	float: left;

	width: 220px;

	padding: 10px 0 0 10px;

}

#spMenu ul {

	float: right;

}

#spMenu li {

	float: right;

	/*text-indent: -999999px;*/

	width: 55px;

	height: 50px;

	border-left: 1px solid #333;

	box-sizing: border-box;

}

#spMenu a {

	display: block;

	width: 100%;

	height: 100%;

}

#spMenu .menu {

	background: #7c6c3d url(../img/icon_menu.png) no-repeat center;

	background-size: 35px auto;

}

#spMenu .tel {

	background: url(../img/icon_tel.png) no-repeat center;

	background-size: 36.66% auto;

}

#spMenu .share {

	background: url(../img/icon_share.png) no-repeat center;

	background-size: 43% auto;

}

.gnav {

  text-align: center;

  letter-spacing: -.4em;

  /*margin-bottom: 10px;*/

	padding-bottom: 10px;

}

.gnav li {

  display: inline-block;

  width: 9.090909090909091%;/*10%;*/

  margin-bottom: -2px;

  border: 1px solid rgba(255,255,255,0.3);

  border-width: 0 1px 0 0;

  box-sizing: border-box;

  letter-spacing: normal;

	position: relative;

}

.gnav li:first-child {

  border-width: 0 1px;

}

.gnav a,.gnav .soon {

	display: block;

	/*padding: 15px 3%;*/

	border-bottom: 2px solid transparent;

	/*padding: 17px 3% 15px;*/

	padding: 13px 3% 15px;

}

.gnav .soon img {

  opacity: 0.5;

}

.gnav a.currentlink,

.gnav a:hover {

  border-bottom: 2px solid #fff;

}

.gnav img {

  max-width: 102px;

  width: 100%;

  height: auto;

}



.gnav .outline,

.gnav .map{

  display: none;

}

.gnav li .new {

    position: absolute;

    top: 0;

    right: 0;

    background: #ce2323;

    color: #fff;

    font-size: 10px;

	width: 25px;

	height: 13px;

	line-height: 13px;

}

.txtlink .new {

  display: none;

}

.gnav li.top .sp_size{display:none;}



@media screen and (max-width: 768px) {

  #spMenu {

    display: block;

  }

  #spNavi {

    position: fixed;

		transform: translateY(-130%);

    top: 51px;

    left: 0;

    z-index: 99;

    background: #b8ab67;

		transition: 0.5s cubic-bezier(.4, 0, .2, 1);

		width: 100%;

  }

	#spNavi.isActive {

		transform: translateY(0);

	}

	#spNavi.head-animation  {

		transform: translateY(-130%);

  }

  .gnav {

    margin-bottom: 2px;

  }

  .gnav li {

    width: 20%;

    border-width: 0 1px 1px 0;

	  margin-bottom: 0;

  }

  .gnav li:first-child {

    border-width: 0 1px 1px 0;

  }

  .gnav .outline,.gnav .map {

    display: inline-block;

    width: 50%;

    background: #958846;

  }

  .gnav .top{width:100%;}

  .gnav li.top .sp_size{display:inline;}

  .gnav .top img{display:none;}

  .txtlink .new {

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    background: #ce2323;

    color: #fff;

    font-size: 10px;

    width: 25px;

    height: 13px;

    line-height: 13px;

  }

}

@media screen and (max-width: 480px) {

  .gnav li {

    width: 50%;

    font-size: 10px;

  }

}

/*********************



	contents



*********************/

#contents {

	max-width: 1300px;

	margin: auto;

}

.inner {

	max-width: 960px;

	width: 93%;

	margin: auto;

}

.req.bnnr,

.res.bnnr {

	max-width: 340px;

	text-align: center;

	margin: auto;

	font-size: 18px;

	line-height: 1;

}

.req.bnnr a,

.res.bnnr a{

	display: block;

	padding: 25px 0;

	font-feature-settings : "pkna" 1;

	letter-spacing: 2px;

}

.base {

	position: relative;

}

.base .note {

	position: absolute;

	bottom: 0;

	right: 0;

	color: #fff;

	margin: 0;

	padding: 5px;

}

.base img {

  width: 100%;

  height: auto;

}

figcaption.note {

	margin: 5px;

	text-align: right;

}



.h22 {

	margin-left: -4px;

}

.h22 img {

	margin: 4px;

}

.h26 {

	margin-left: -6px;

  margin-bottom: 1.2em;

  line-height: 1;

}

.h26 img {

  margin: 8px 6px;

}

.h26 .aw { vertical-align: bottom;}

@media screen and (max-width: 768px) {

	.req.bnnr,

  .res.bnnr{

		width: 93%;

		font-size: 15px;

	}

}

@media screen and (max-width: 480px) {

  .h26 { margin-left: -4px;}

	.h26 img { height: 18px; width: auto; margin: 4px;}

	.h22 img { height: 16px; width: auto; }

}



/*=====

	localNav

=====*/

.loaclNav { margin: 50px auto; }

.loaclNav ul { text-align: center; }

.loaclNav li {

  display: inline-block;

  width: 235px;

  margin: 6px;

  border: 1px solid #555555;

  line-height: 1;

}

.loaclNav li a {

  display: block;

  width: 100%;

  padding: 15px 0;

  background-color: #222222;

}

.loaclNav li a:hover,

.loaclNav li a.currentlink { background-color: #33405a; }

/*@media screen and (max-width: 480px) {

  .loaclNav li {

    width: 44%;

    margin: 0.5%;

  }

}*/

@media screen and (max-width: 480px) {

  .loaclNav li {

    width: 92%;

    margin: 5px auto;

  }

}





/*=====

	pageMainvisual

=====*/



#pageMainvisual {

  max-width: 1400px;

  margin: auto;

  overflow: hidden;

}

#pageMainvisual figure {

  position: relative;

  overflow: hidden;

  width: 100%;

  margin: 0;

  text-align: center;

}



#pageMainvisual figure &gt; img {

  width: 100%;

  height: auto;

  position: relative;

  opacity: 1;

}

#pageMainvisual .note {

  position: absolute;

  bottom: 0;

  right: 0;

  margin: 5px;

  color: #eee;

}

#pageMainvisual figure figcaption {

  position: absolute;

  width: 100%;

  top: 50%;

  left: 50%;

	-webkit-transform: translateY(-50%) translateX(-50%);

          transform: translateY(-50%) translateX(-50%);

  z-index: 2;

}

#pageMainvisual figure .H {

  display: table;

  margin: 0 auto 1em;

  width: auto;

}

#pageMainvisual figure .H img {

  margin: 10px;

}



@media screen and (max-width: 768px) {

  #pageMainvisual figure .H img {

    width: auto;

    height: 30px;

    margin: 6px;

  }

}

@media screen and (max-width: 480px) {

  #pageMainvisual figure &gt; img {

    width: 150%;

    margin: 0 -25%;

  }

  #pageMainvisual figure .H img {

    margin: 8px auto;

    display: block;

  }

}



/*********************



	footer_info



*********************/

#footer_info {

	width: 93%;

	max-width: 1300px;

	margin: 3em auto;

	padding: 3em 0;

	text-align: center;

	/*background: url(../img/info_bg.jpg) center;*/

	background-color: #111111;

}

#footer_info h2 {

	font-size: 30px;

	margin: 0 auto 15px;

	/*letter-spacing: 5px;*/

	line-height: 1.3;

  font-feature-settings : "pkna" 1;

  letter-spacing: -0.005em;

}

#footer_info h2 .week {

	font-size: 20px;

}

#footer_info .bnnr {

  width: 45%;

  margin-top: 10px;

  display: inline-block;

  border: 1px solid rgba(255,255,255,0.3);

}

@media screen and (max-width: 768px) {

	#footer_info {

		background-size: 150% 100%;

	}

	#footer_info h2 {

		font-size: 20px;

		letter-spacing: normal;

	}

#footer_info h2 .week {

	font-size: 15px;

}	

  #footer_info .bnnr a{

    font-size: 11px;

    padding: 15px 10px;

    font-feature-settings : "pkna" 1;

  }

}



/*********************



	txtlink



*********************/

.txtlink {

  text-align: center;

}

.txtlink li {

  display: inline-block;

  margin: 10px 5px;

  font-size: 13px;

  position: relative;

}

.txtlink li::after {

  content: "|";

  color: #444;

  margin-left: 10px;

}

.txtlink li:last-child::after {

  content: "";

}

.txtlink a:hover {

  text-decoration: underline;

}

.txtlink .soon {

  opacity: 0.3;

}

.txtlink .currentlink {

  color: #7c6c3d;/*#2a6786;*/

}

@media screen and (max-width: 768px) {

  .txtlink {

    overflow: hidden;

    width: 98%;

    margin: 3% auto 0;

    background: #333;

  }

  .txtlink ul li {

    float: left;

    display: block;

    width: 33.33%;

    margin: 0;

    box-sizing: border-box;

    border: 1px solid #000;

  }

  .txtlink ul li a,.txtlink .soon {

    padding: 15px 0;

    font-size: 11px;

    display: block;

  }

  .txtlink ul li::after {

    content: "";

    margin: 0;

  }

  .txtlink .currentlink {

    color: #fff;

    background: #7c6c3d;

  }

}

@media screen and (max-width: 480px) {

  .txtlink ul li {

    width: 50%;

  }

}



/*********************



	footer



*********************/

#footer {

	padding-top: 1em;

	text-align: center;

	font-feature-settings : "pkna" 1;

}

#footer .h1 {

	padding: 1em;

	background: #1c1c1c;

	color: #999;

}



#contact {

	margin: 3em auto;

	text-align: center;

}

#contact li {

	margin: 15px 0;

	font-size: 11px;

}



.holiday {

	color: #C5AD65;

}



#developer {

	margin-bottom: 3em;

}

#developer li {

	display: inline-block;

	vertical-align: top;

	margin: 5px 20px;

	font-size: 10px;

	text-align: left;

}

#developer .haseko img {

	margin-bottom: -8px;

}

#developer .note {

	color: #ccc;

}

@media screen and (max-width: 480px) {

	#contact li {

		text-align: center;

		margin: 10px 0 15px;

		display: block;

	}

	.tel-link {

		width: 90%;

		max-width: 321px;

		height: auto;

	}

	/*#developer li {

		margin: 10px auto 20px;

		display: block;

	}*/

	#developer img {

		zoom:0.7;

		margin-bottom: -5px;

	}

}





.bnr_1ldk{

    margin: 0 auto;

    max-width: 800px;

}

.bnr_1ldk a:hover{

    opacity: 0.7;

}

.bnr_1ldk img{

        width: 100%; height: auto; max-width: 800px;

}

#top .bnr_1ldk {

    padding: 0 0 40px 0;

}

#roomplan .bnr_1ldk {

    padding: 15px 0 0 0;

}



/*********************



	share_content



*********************/

#share_content {

	padding: 10px;

	display: none;

}

.tooltipster-box #share_content {

	display: block;

}

.share_box li {

	display: inline-block;

	vertical-align: top;

	margin: 2px;

	height: 20px;

	cursor: pointer;

}

.share_box img {

	vertical-align: top;

}



#share_content_bottom {

  display: none;

}

#share_content_bottom .fb_iframe_widget {

  line-height: 0;

}

#share_content_bottom .fb_iframe_widget_fluid {

  display: inline-block;

}



@media screen and (max-width: 768px) {

  #share_content_bottom {

    display: block;

    margin-bottom: 30px;

    padding: 5px;

    text-align: center;

    background: #fff;

  }

	.share_box li {

		/*display: block;*/

		margin: 0;

		padding: 5px 0;

	}

}



/*********************



	pinchIcon



*********************/

.pinchWrap {

	position: relative;

}

.pinch {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.5);

	border: 1px solid #333;

	box-sizing: border-box;

}

.pinchImg {

	position: absolute;

	top: 50%;

	left: 50%;

	margin: -40px 0 0 -30px;

}

.pinch img {

	width: 60px;

	height: auto;

}

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

	.pinch {

		display: none;

	}

}





/*********************



	other



*********************/

#copyright {

	font-size: 10px;

	text-align: center;

}

#scroll {

	position: fixed;

	bottom: 10px;

	width: 100%;

	text-align: center;

	z-index: 20;

}

#uptotop {

	position: fixed;

	bottom: 20px;

	right: 20px;

	display: none;

}

@media screen and (max-width: 768px) {

	#uptotop { bottom: 60px;}

}

@media screen and (max-width: 480px) {

	#scroll { bottom: 80px;}

	#uptotop { display: none!important;}

}</pre></body></html>