@charset "UTF-8";
/*******
Layouts
********/
/* common */
body {
/*	background: #000;	
*/	background: #fff;
	display: flex;
	flex-direction: column;
	min-height: 100svh;
}
#content {
	background: #fff;
	width: 100%;
	flex-grow: 1;
}
.site-header,
.site-footer {
/*	background: #000;
	color: #fff;
*/	background: #FFF0E0;
	color: #666;
	padding: 12px;
}
.site-header ul,
.site-footer ul,
.site-header ol,
.site-footer ul {
	list-style-type: none;
	padding-left: 0;
}
.menu-item li {
	float: left;	
}
.menu-item li a {
	text-decoration: none;
	display: block;
	padding: 0.2em 0.5em;
/*	color: #3cf;
*/	color: #933;
}
.widgets {
	display: none;	
}
.data-string {
	display: none;	
}
.rollup{
	position: fixed;
/*	margin-left: 90%;
*/	right: 0px;
    bottom: 10px;
}
.rollup a {
	font-size: 90%;
	display: inline-block;
	background: rgba(255,255,240,0.8);
	text-decoration: none;
	padding: 0.2em;
	border-radius: 1px;
}
.slideshow a {
	float: left;
	width: 49%;
	margin-left: 1%;
}
.no-clear {
	clear: none;	
}
.licence {
	font-size: 75%;
	color: #998080;	
}
.licence dl {
	margin: 1em;
	padding: 0;
}
.licence dl dt {
	font-weight: normal;
	display: inline;
	margin: 0;
	padding-right: 1em;
}
.licence dl dd {
	display: inline;
	margin: 0;
	padding: 0;
}
.table-wrapper {
	overflow-x: scroll;
}
/* header */

/* globan-menu */
#menu-first {
	float: left;
}
#menu-first .menu-item li a {
	width: 24px;
	height: 24px;
	overflow: hidden;
	text-indent: -999em;
	background: url(img/btn_toggle.png) left top no-repeat;
}
#menu-first .menu-item li a.toggled {
	background-position: right top;
}
#menu-second {
	float: right;
}
#menu-second .menu-item li {
	background-size: contain;
	width: 24px;
	height: 24px;
}
#menu-second .menu-item li a {
	padding: 0;
	text-indent: -999em;
}
#menu-second .btn-lt {
	background: url(img/btn_lt.png) center center no-repeat;
}
#menu-second .btn-pt {
	background: url(img/btn_pt.png) center center no-repeat;
}

#menu-third {
	position: absolute;
	top: 48px;
	left: 0px;
	background: rgba(255,192,192,0.65);
}
#menu-third a {
/*	border: 1px solid #fff;
	border-collapse:collapse;
*/}
#menu-third .menu-item {
	display: none;
}

/* footer */
.site-footer {
	text-align: center;
}
.site-map {
	display: none;
}
/*
.site-copyright a {
	color: #ccc;	
}*/
/* ARTICLE */
.remark {
	font-size: 0.75em;	
}
.message {
	margin: 0.5em 0;
	background: #f8efe0;
	border-radius: 0.5em;
	padding: 0.5em 1em;
	font-weight: bold;
	color: #484848;
}
.message ul {
	margin: .25em -1em;
}
.message dl {
	margin: 0 0 .2em 0;
	display: flex;
	font-size: .8em;
	color: #5F2F20;
}
.message dl dt {
	margin: 0 .4em 0 0;
	border-right: 3px double;
	padding: 0 .4em 0 0;
	white-space: nowrap;
}
.message dl dd {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
.pop-caption {
	color: #B64547;
	font-weight: bold;
	text-align: center;
	margin: 1em auto;	
}
.site-content {
	padding: 1em;
}
.site-content h1 {
	padding: 70px 0 0.5em 0;
	font-size:1.2em;
}
.site-content h2 {
	font-size: 1.1em;
	padding:0 0 0.25em 0;	
}
.site-content h3 {
	padding:1em 0 0 0;	
}
.entry-content {
	padding-top: 1em;	
}
.entry-content section {
	margin-bottom: 1em;	
}
.entry-content h1 {
	background: #ffddaf;
	padding: 0.25em 0.5em !important;
	margin-bottom: 1em;
	color: #685E44;
	border-radius: 0.25em;
	box-shadow: 0px 0px 4px #ccc;
	border-left: 8px solid #f90;
}
.entry-content h2 {
	border-bottom: 2px dotted #999;
	margin-bottom: 0.5em;
}
table.sheet-price {
	margin: 1em 0;
	width: auto;
	min-width: 100%;
	clear: both;
	white-space: nowrap;
}
table.sheet-price caption {
	caption-side: bottom;
	color: #5F2F20;
	font-size: 0.75rem;
}
table.sheet-price th,
table.sheet-price td {
	color: #5F2F20;
	border:1px solid;
	font-size: 0.8rem;
	line-height: 1.2;
	padding: 0.5em 0.2em;
}
table.sheet-price th {
	text-align: center;
	background: #FFF4E8;
}
table.sheet-price td {
	text-align: center;
	padding: 0.2em;
	background: #fff;
}
table.sheet-price td ul {
	list-style: none;
	text-align: right;
	padding: 0.2em 1em;
}
table.sheet-price td.not-available {
/*	background: #c99;	
*/	text-align: center;
}
table.sheet-information {
	margin: 0.5em;
	background:url(img/icon_information.png) 0px 2px no-repeat;	
}
table.sheet-information caption {
	display: none;
}
table.sheet-information th,
table.sheet-information td {
	vertical-align: top;
	font-size: 0.9em;
}
table.sheet-information th {
/*	white-space: nowrap;	
*/	padding: 0 1em 0 24px;
	font-weight: normal;
}
/* front */
.front-page {
	backgrond: #fff;	
}
.front-page .zone-lt,
.front-page .zone-pt {
	list-style-type: none;
	padding: 0;
	margin: 0 auto;
	width: 80%;
}
.front-page .zone-lt {
	background: url(img/bg_lt.png) center center no-repeat;
	background-size: contain;
}
.front-page .zone-pt {
	background: url(img/bg_pt.png) center center no-repeat;
	background-size: contain;
}
.front-page .item a {
	text-indent: -999em;
	display: block;
	min-height: 180px;
	opacity: 0.6;
}
.front-page .item a:hover {
	opacity: 1;
}

.front-page .zone-lt .item {
	background: url(img/bg_btn_lt.png) 50% 50% no-repeat;
	background-size: contain;
}
.front-page .zone-pt .item {
	background: url(img/bg_btn_pt.png) 50% 50% no-repeat;
	background-size: contain;
}
.front-page .zone-lt .item a {
	background: url(img/logo_lt.png) 50% 50% no-repeat;
	background-size: auto;
}
.front-page .zone-pt .item a {
	background: url(img/logo_pt.png) 50% 50% no-repeat;
	background-size: auto;
}
/* summary pages */
.page-lt {
	background: url(img/bg_lt.png) center top no-repeat;
	background-size: 80%;
}
.page-pt {
	background: url(img/bg_pt.png) center top no-repeat;
	background-size: 80%;
}
.page-pt h1,
.page-lt h1 {/*
	text-indent: -999em;
*/	height: 160px;
	overflow: auto;
	margin: 0;
	padding-top: 120px !important;
	text-align: center;
	box-shadow: none;
	border: none;
}
.page-lt h1 {
	background: url(img/logo_lt.png) center top no-repeat;
}
.page-pt h1 {
	background: url(img/logo_pt.png) center top no-repeat;
}
.nav-banner ul {
	padding: 0;	
}
.nav-banner li {
	list-style-type: none;
	width: 48%;
	margin: 1%;
	float: left;
	border-radius: 5px;
	padding: 8px 0;
	box-shadow: 0px 0px 4px #999;
	border:1px solid #fff;
	background-image:url(img/btn_infographics.png);
	background-repeat: no-repeat;
}
.page-lt .nav-banner li,
.page-lt .nav-banner li a {
	background-color: #59B200;
}
.page-pt .nav-banner li,
.page-pt .nav-banner li a {
	background-color: #f99;
}
.nav-banner li a {
	display: block;
	color: #fff;
	text-decoration: none;
	margin-left: 32px;
	padding-left: 8px;
}
li.link-tel {
	background-position: 0px center;
}
li.link-mail {
	background-position: -32px center;
}
li.link-map {
	background-position: -64px center;
}
li.link-tw {
	background-position: -96px center;
}
li.link-fb {
	background-position: -128px center;
}
li.link-insta {
	background-position: -168px center;
}
/* detail pages */
.icon-lt,
.icon-pt {
	display:block;
	text-indent: -999em;	
	width: 1em;
}
.icon-lt {
	background:url(img/btn_lt.png) center center no-repeat;
	background-size:contain;
}
.icon-pt {
	background:url(img/btn_pt.png) center center no-repeat;
	background-size:contain;
}
.page-hotel {
	background: url(img/bg_hotel.png) center top no-repeat;
	background-size: 40%;
}
.page-salon {
	background: url(img/bg_salon.png) center -1% no-repeat;
	background-size: 30%;
}
.page-food {
	background: url(img/bg_food.png) center top no-repeat;
	background-size: 20%;
}
.page-goods {
	background: url(img/bg_goods.png) center top no-repeat;
	background-size: 30%;
}

/*******
PC VIEW
*******/
@media screen and (min-width: 640px) {
	body {
		min-width: 1100px;
	}
	.widgets {
		display: block;
		padding: 1em;
	}
	.data-string {
		display: inline;
		padding-left: 1.5em;
	}
	.site-content {
		padding: 0;
		background: url(img/bg_pcview.png) center 60% no-repeat;	
		min-height: 520px;
	}
	.site-content h1 {
		padding:  0.5em 0;
	}
	.ph-r {
		float: right;
		padding: 0 0 1em 1em;	
	}
	img.ph-r {
		display: block;
		max-width: 55%;
	}
	/* header */
	#menu-first {
		display: none;	
	}
/*
	#menu-second {
		float: left;
	}
*/
	#menu-third {
		position: relative;
		top: 0;	
	}
	#menu-third a {
		border: 0;	
	}
	#menu-third .menu-item {
		display: inline;
	}
	/* footer */
	.site-map {
		display: inline-block;
		margin: 0 auto;
		font-size: 0.8em;
	}
	.site-map .menu-item {
		float: none;
	}
	.menu-item li a:hover {
		background-color: rgba(255, 0, 0, 0.1);
	}
	/* front page */
	.front-page {
		width: 100%;
	}
	.front-page .zone-lt,
	.front-page .zone-pt {
		width: 50%;
		height: auto;
	}
	.front-page .zone-lt {
		float: left;
		background: none;
	}
	.front-page .zone-pt {
		float: right;
		background: none;
	}
	.front-page .zone-lt .widgets,
	.front-page .zone-pt .widgets {
		overflow: hidden;
	}
	.front-page .item {
		max-width: 25%;
	}
	.page-lt .widgets,
	.front-page .zone-lt .widgets, 
	.front-page .zone-pt .item {
		float: left;
	}
	.page-pt .widgets,
	.front-page .zone-pt .widgets,
	.front-page .zone-lt .item {
		float: right;
	}
	.front-page .zone-lt .item,
	.front-page .zone-pt .item {
		width: 300px;
		margin-top: 70px;
		background-size: contain;
	}
	.front-page .zone-lt .item {
		margin-right: 30px;
	}
	.front-page .zone-pt .item {
		margin-left: 80px;
	}
	.front-page .zone-lt .item a,
	.front-page .zone-pt .item a {
		background: none;
	}
	/* summary pages */
	.entry-content {
		background: rgba(250,250,250,0.7);
		
	}
	.page-lt .entry-content,
	.page-pt .entry-content {
	/*	border: 1px solid #333;
	*/	border-radius: 12px;
		padding: 1em;
		box-shadow: 0px 0px 12px #ccc;
	}
	.page-lt .entry-content {
		width: 50%;
		float: right;
		margin: 2em 1em 1em 0;	
	}
	.page-pt .entry-content {
		width: 50%;
		float: left;
		margin: 2em 0 1em 1em;
	}
	.page-pt h1,
	.page-lt h1 {
		text-indent: 0;
		height: auto;
		padding-top: 0 !important;
	}
	.page-lt h1 {
		background: none;
	}
	.page-pt h1 {
		background: none;
	}
	.page-lt .link-tw,
	.page-pt .link-fb {
		display: none;	
	}
	.nav-banner li {
		width: 100%;
		margin: 0 0 0.5em 0;
		float: none;
	}
	/* detail pages */
	.detail-content {
		background: rgba(250,250,250,0.8);
		margin: 3em auto;
		width: 85%;
		padding: 1em 2em;
		border-radius: 1em;
		box-shadow: 0px 0px 12px #ccc;
	}
	.detail-content .entry-header {
		width: 30%;
		float: left;
	}
	.detail-content .entry-content {
		background: none;
		width: 68%;
		float: right;
	}
	.detail-content .entry-header h1 {
		margin-top: 150px;	
	}
	.page-salon .entry-header {
		background: url(img/bg_salon.png) left top no-repeat;
		background-size: auto 140px;
	}
	.page-salon .slideshow a {
		width: 24%;	
	}
	.page-hotel .entry-header {
		background: url(img/bg_hotel.png) left top no-repeat;
		background-size: auto 140px;
	}
	.page-food .entry-header {
		background: url(img/bg_food.png) left top no-repeat;
		background-size: auto 140px;
	}
	.page-goods .entry-header {
		background: url(img/bg_goods.png) left top no-repeat;
		background-size: auto 140px;
	}
	.entry-header ol {
		margin-top: 1em;	
	}
}
/* end of PC VIEW */