#commonFooter a, #commonHeader a, #villaNav a, #spnavBtn, a {
	-webkit-transition: All 0.4s ease;
	-moz-transition: All 0.4s ease;
	-o-transition: All 0.4s ease;
	-ms-transition: All 0.4s ease;
	transition: All 0.4s ease
}

#commonFooter a:hover, #commonHeader a:hover, #villaNav a:hover, #spnavBtn:hover, a:hover {
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75
}

* {
	box-sizing: border-box
}

#sc {
	font-family: "Microsoft YaHei", "微软雅黑", 'SimSun', sans-serif
}

#tc {
	font-family: "Microsoft JhengHei", "微軟正黑體", 'PMingLiU', sans-serif
}

#sc #roomSection ul#roomSlider li .roomType .inner h2, #tc #roomSection ul#roomSlider li .roomType .inner h2 {
	font-family: 'SimSun'
}

#sc .roomMainimg h2, #tc .roomMainimg h2 {
	font-family: 'SimSun'
}

#sc #pageTitleBlock h1#pageTitle, #tc #pageTitleBlock h1#pageTitle {
	font-family: 'SimSun'
}

#sc #roomSection ul#roomSlider li .roomType .inner .btn, #tc #roomSection ul#roomSlider li .roomType .inner .btn {
	font-family: 'SimSun'
}

#sc .group p.mailCaution, #tc .group p.mailCaution {
	text-align: right
}

.facilities-sc .group>p, .facilities-tc .group>p {
	text-align: center
}

#sc.facilities-sc .groups .group h2 {
	font-family: 'SimSun'
}

#tc.facilities-tc .groups .group h2 {
	font-family: 'SimSun'
}

body {
	font-size: 14px;
	font-family: "Lato", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	text-rendering: optimizeLegibility;
	color: #484848;
	font-weight: 500;
	min-width: 980px
}

@media only screen and (max-width:768px) {
	body {
		min-width: inherit
	}

}

html {
	min-width: 980px
}

@media only screen and (max-width:768px) {
	html {
		min-width: inherit
	}

}

a img {
	box-shadow: 0 0 0 #FFF
}

p {
	line-height: 1.9
}

::selection {
	background: #333;
	color: #EEE
}

::-moz-selection {
	background: #777777;
	color: #EEE
}

#container {
	width: 1500px;
	margin: 0 auto;
	padding: 0 15px;
	position: relative
}

@media only screen and (max-width:1500px) {
	#container {
		width: auto;
		margin: 0
	}

}

@media only screen and (max-width:640px) {
	#container {
		padding: 0
	}

}

#mainImage {
	min-width: 980px;
	position: relative;
	overflow: hidden;
	height: 695px
}

#mainImage #maincopy {
	position: absolute;
	width: 100%;
	top: 260px;
	text-align: center;
	z-index: 100
}

#mainImage #sitelogo {
	background: rgba(255, 255, 255, 0.7);
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -86px;
	width: 192px;
	height: 241px;
	padding: 80px 20px 25px;
	z-index: 100
}

#mainImage #sitelogo img {
	width: 100%;
	height: auto
}

#mainImage #awardBadge {
	position: absolute;
	z-index: 100;
	bottom: 20px;
	left: 20px;
	width: 180px
}

#mainImage #awardBadge .badge img {
	width: 100%;
	height: auto
}

@media only screen and (max-width:768px) {
	#mainImage {
		height: 570px;
		background-size: inherit;
		min-width: inherit
	}

	#mainImage #homeMainSlideArea {
		width: 100%;
		height: 695px
	}

	#mainImage #homeMainSlideArea ul li {
		position: relative;
		height: 695px
	}

	#mainImage #homeMainSlideArea ul li img {
		height: 100%;
		width: auto;
		position: absolute;
		top: 0%;
		left: 50%;
		margin: 0 0 0 -750px
	}

	#mainImage #awardBadge {
		bottom: auto;
		left: auto;
		width: 80px;
		top: 10px;
		left: 10px
	}

}

@media only screen and (max-width:768px) and (max-width:640px) {
	#mainImage #homeMainSlideArea ul li {
		height: 570px
	}

}

@media only screen and (max-width:768px) and (max-width:640px) {
	#mainImage #homeMainSlideArea ul li img {
		margin: 0 0 0 -535px
	}

}

@media only screen and (max-width:640px) {
	#mainImage #maincopy img {
		width: 80%;
		max-width: 330px;
		height: auto
	}

}

@media only screen and (max-width:768px) {
	#mainImage #maincopy {
		top: 190px;
		width: 80% !important;
		font-size: 1.1em !important;	    
		top: 300px;
		left: 50% !important;
		transform: translateX(-50%) !important;
	}

}

@media only screen and (max-width:768px) {
	#mainImage #sitelogo {
		width: 148px;
		height: 150px;
		margin: 0 0 0 -74px;
		padding-top: 43px;
		z-index: 200
	}

}

a img {
	-webkit-transition: All 0.4s ease;
	-moz-transition: All 0.4s ease;
	-o-transition: All 0.4s ease;
	-ms-transition: All 0.4s ease;
	transition: All 0.4s ease
}

a img:hover {
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75
}

#sc #gnavi li a, #tc #gnavi li a {
	font-family: "simsun" !important
}

#gnaviWrapper {
	margin: 0 0 0;
	background: #FFF
}

#gnaviWrapper ul#gnavi {
	width: 1080px;
	margin: 0 auto 0;
	border-right: 1px solid #e6e6e6;
	font-size: 15.5px;
	overflow: hidden;
	*zoom: 1
}

#gnaviWrapper ul#gnavi li {
	float: left;
	text-align: center
}

#gnaviWrapper ul#gnavi li.spnav {
	display: none
}

#gnaviWrapper ul#gnavi li a {
	letter-spacing: 0.2em;
	font-family: "Lato", serif;
	display: block;
	padding: 15px 0;
	width: 100%;
	border-left: 1px solid #e6e6e6
}

#gnaviWrapper ul#gnavi li a span {
	display: block;
	color: #bba981;
	font-size: 0.6em;
	padding: 3px 0 0;
	letter-spacing: 0.02em;
	font-weight: 500
}

#gnaviWrapper ul#gnavi li.longer a {
	letter-spacing: 0.05em
}

#gnaviWrapper ul#gnavi li.gn01 {
	width: 146px
}

#gnaviWrapper ul#gnavi li.gn02 {
	width: 90px
}

#gnaviWrapper ul#gnavi li.gn03 {
	width: 178px
}

#gnaviWrapper ul#gnavi li.gn04 {
	width: 92px
}

#gnaviWrapper ul#gnavi li.gn05 {
	width: 170px
}

#gnaviWrapper ul#gnavi li.gn06 {
	width: 200px
}

#gnaviWrapper ul#gnavi li.gn07 {
	width: 103px
}

@media only screen and (max-width:768px) {
	#gnaviWrapper ul#gnavi {
		width: 100% !important
	}

}

@media only screen and (max-width:768px) {
	#gnaviWrapper ul#gnavi li.spnav {
		display: block
	}

}

@media only screen and (max-width:768px) {
	#gnaviWrapper {
		display: none;
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 201;
		height: 80%
	}

	#gnaviWrapper #gnavInner {
		position: absolute;
		width: 100%;
		height: 100%;
		overflow-x: hidden;
		overflow-y: scroll
	}

	#gnaviWrapper ul#gnavi li {
		text-align: left;
		width: 100% !important
	}

	#gnaviWrapper ul#gnavi li a {
		width: 100%;
		padding-left: 10px;
		border-bottom: 1px solid #e6e6e6;
		position: relative;
		font-size: 1.1rem
	}

	#gnaviWrapper ul#gnavi li a span {
		padding: 0;
		font-size: 0.8rem;
		text-align: right;
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -0.5em
	}

}

#spnavBtn {
	cursor: pointer;
	position: fixed;
	top: 0;
	right: 0;
	width: 0px;
	height: 0px;
	background: #000;
	z-index: 160;
	text-align: center;
	color: #FFF;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8
}

#spnavBtn a {
	display: block;
	width: 100%;
	height: 100%;
	color: #FFF
}

#spnavBtn span.bar {
	display: block;
	height: 2px;
	width: 30px;
	background: #FFF;
	margin: 0 auto 5px
}

#spnavBtn span.label {
	display: block;
	padding: 3px 0 0;
	font-weight: 600;
	font-size: 0.7rem
}

@media only screen and (max-width:768px) {
	#spnavBtn {
		width: 70px;
		height: 70px;
		padding: 18px 0 0
	}

}

#bgSpnav {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
	z-index: 195;
	top: 0;
	left: 0;
	cursor: pointer
}

#pnaviWrapper {
	text-align: right;
	position: absolute;
	z-index: 100;
	right: 20px;
	top: 10px;
	width: 350px
}

#pnaviWrapper ul#pnavi {
	display: inline-block
}

#pnaviWrapper ul#pnavi li {
	display: inline-block
}

#pnaviWrapper ul#pnavi li a {
	display: block;
	color: #FFF;
	padding: 5px 10px
}

#pnaviWrapper .tel {
	display: inline-block;
	margin: 0 8px 0 0;
	font-size: 2em;
	font-weight: 100
}

#pnaviWrapper .tel a {
	color: #fff;
	display: block;
	line-height: 1
}

#pnaviWrapper .tel span.label {
	font-size: 0.35em;
	margin: -5px 10px 0 0;
	color: #FFF;
	background: #bba981;
	padding: 3px 4px;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px
}

div.mail {
	display: inline-block;
	font-size: 1.3em;
	font-weight: 100;
	margin: 2px 8px 0 0
}

body #pnaviWrapper .mail a {
	color: #fff;
	display: block
}

#pnaviWrapper .mail span.label {
	background: #bba981 none repeat scroll 0 0;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	font-size: 0.6em;
	line-height: 1;
	margin: -5px 10px 0 0;
	padding: 3px 4px;
	vertical-align: middle
}

@media only screen and (max-width:768px) {
	#pnaviWrapper {
		min-width: auto
	}

}

@media only screen and (max-width:1210px) {
	#pnaviWrapper {
		display: block;
		left: auto
	}

}

@media only screen and (max-width:1210px) {
	#pnaviWrapper ul#pnavi {
		display: block;
		left: auto
	}

}

@media only screen and (max-width:768px) {
	#pnaviWrapper {
		display: none
	}

}

#languagesWrapper {
	position: absolute;
	top: 80px;
	right: 30px;
	z-index: 100;
	width: 304px
}

#languagesWrapper ul.languages {
	margin: 0 0 0;
	font-size: 0.8em;
	float: right;
	overflow: hidden;
	*zoom: 1
}

#languagesWrapper ul.languages li {
	float: left;
	text-align: center
}

#languagesWrapper ul.languages li+li {
	border-left: 1px solid #918278
}

#languagesWrapper ul.languages li.ln01 {
	width: 57px
}

#languagesWrapper ul.languages li.ln02 {
	width: 62px
}

#languagesWrapper ul.languages li.ln03, #languagesWrapper ul.languages li.ln04 {
	width: 67px
}

#languagesWrapper ul.languages li.ln05 {
	width: 51px
}

#languagesWrapper ul.languages li a {
	color: #FFF;
	display: block;
	width: 100%;
	background: #736357;
	padding: 0.5em 0;
	height: 2em;
	line-height: 1
}

@media only screen and (max-width:1210px) {
	#languagesWrapper ul.languages {
		float: left
	}

}

@media only screen and (max-width:768px) {
	#languagesWrapper {
		display: none
	}

}

#spYoyakuArea {
	display: none;
	border-bottom: 1px solid #CCC
}

#spYoyakuArea .groups {
	display: table;
	width: 100%
}

#spYoyakuArea .groups .group {
	width: 50%;
	display: table-cell;
	padding: 0;
	padding-bottom: 50px;
	padding: 0;
	text-align: center
}

#spYoyakuArea .groups .group p {
	font-size: 0.9em
}

#spYoyakuArea .groups .group img {
	width: 100%;
	height: auto
}

#spYoyakuArea .groups .group.tel {
	font-size: 2em;
	font-weight: 100;
	background: #FFF
}

#spYoyakuArea .groups .group.tel a {
	color: #333;
	display: block
}

#spYoyakuArea .groups .group.tel span.label {
	font-size: 0.35em;
	margin: -5px 10px 0 0;
	color: #FFF;
	background: #bba981;
	padding: 3px 4px;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px
}

#spYoyakuArea .groups .group.tel a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px 0
}

#spYoyakuArea .groups .group.tel span.label {
	background: #554640
}

#spYoyakuArea .groups .group.goYoyaku {
	font-family: serif;
	position: relative
}

#spYoyakuArea .groups .group.goYoyaku a {
	font-size: 1rem;
	color: #FFF;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	padding: 17px 0;
	background: #bdaa7e
}

@media only screen and (max-width:768px) {
	#spYoyakuArea {
		display: block
	}

}

@media only screen and (max-width:640px) {
	#spYoyakuArea .groups {
		display: block;
		width: 100%
	}

}

@media only screen and (max-width:640px) {
	#spYoyakuArea .groups .group {
		width: 100%;
		display: block;
		padding: 0;
		padding-bottom: 50px
	}

	#spYoyakuArea .groups .group p {
		font-size: 1rem
	}

}

@media only screen and (max-width:640px) {
	#spYoyakuArea .groups .group {
		height: 48px !important
	}

	#spYoyakuArea .groups .group a {
		height: 48px !important;
		line-height: 1 !important
	}

}

#yoyakuArea {
	width: 100%;
	background: #e1a99c;
	background: -moz-linear-gradient(left, #e1a99c 0%, #ddd089 50%, #84aa57 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e1a99c), color-stop(50%, #ddd089), color-stop(100%, #84aa57));
	background: -webkit-linear-gradient(left, #e1a99c 0%, #ddd089 50%, #84aa57 100%);
	background: -o-linear-gradient(left, #e1a99c 0%, #ddd089 50%, #84aa57 100%);
	background: -ms-linear-gradient(left, #e1a99c 0%, #ddd089 50%, #84aa57 100%);
	background: linear-gradient(to right, #e1a99c 0%, #ddd089 50%, #84aa57 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1a99c', endColorstr='#84aa57', GradientType=1);
	padding: 8px 0
}

#yoyakuArea #yoyakuAreaInner {
	width: 980px;
	margin: 0 auto 0;
	overflow: hidden;
	*zoom: 1;
	overflow: visible
}

#yoyakuArea #yoyakuAreaInner h2 {
	float: left;
	width: 201px;
	font-size: 1.2em;
	font-family: "Lato", serif;
	padding: 12px 10px 12px 0;
	border-right: 1px solid #cda982
}

#yoyakuArea #yoyakuAreaInner h2 span {
	font-size: 0.6em;
	display: inline-block;
	padding-left: 10px
}

#yoyakuArea #yoyakuAreaInner #yoyakuContent {
	position: relative;
	overflow: visible;
	padding-left: 10px;
	margin: 0 0 0 201px;
	border-left: 1px solid #e8ccab
}

#yoyakuArea #yoyakuAreaInner #yoyakuContent table.searchform {
	width: 575px
}

#yoyakuArea #yoyakuAreaInner #yoyakuContent table.searchform td {
	padding: 0 1.2em 0 0
}

#yoyakuArea #yoyakuAreaInner #yoyakuContent .btnGroup {
	position: absolute;
	right: 0;
	top: 5px
}

#yoyakuArea .searchBtn {
	background: #534741;
	background: -moz-linear-gradient(top, #534741 0%, #736357 49%, #534741 50%, #736357 77%, #736357 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #534741), color-stop(49%, #736357), color-stop(50%, #534741), color-stop(77%, #736357), color-stop(100%, #736357));
	background: -webkit-linear-gradient(top, #534741 0%, #736357 49%, #534741 50%, #736357 77%, #736357 100%);
	background: -o-linear-gradient(top, #534741 0%, #736357 49%, #534741 50%, #736357 77%, #736357 100%);
	background: -ms-linear-gradient(top, #534741 0%, #736357 49%, #534741 50%, #736357 77%, #736357 100%);
	background: linear-gradient(to bottom, #534741 0%, #736357 49%, #534741 50%, #736357 77%, #736357 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#534741', endColorstr='#736357', GradientType=0);
	cursor: pointer;
	padding: 10px;
	width: 130px;
	color: #FFF;
	border: none;
	font-weight: normal;
	font-size: 0.9em;
	letter-spacing: 0.2em;
	text-shadow: 3px 0 0 rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px
}

#yoyakuArea .searchBtn:hover {
	-webkit-transition: All 0.4s ease;
	-moz-transition: All 0.4s ease;
	-o-transition: All 0.4s ease;
	-ms-transition: All 0.4s ease;
	transition: All 0.4s ease;
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75
}

#yoyakuArea a.btnForReserved {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	width: 80px;
	font-size: 0.7em;
	line-height: 1.2;
	padding: 0 0 0 15px;
	text-decoration: underline;
	background: url(/images/common/icn_arrow.png) 7px 2.5px no-repeat
}

#yoyakuArea a.btnForReserved:hover {
	text-decoration: none
}

@media only screen and (max-width:768px) {
	#yoyakuArea #yoyakuAreaInner {
		width: 100% !important
	}

}

@media only screen and (max-width:768px) {
	#yoyakuArea {
		display: none
	}

}

#accessSection {
	background: url(/images/common/pattern_page.gif) 50% 24px repeat;
	padding: 0 0 95px
}

#accessSection h1 {
	margin-left: -15px
}

@media only screen and (max-width:640px) {
	#accessSection {
		padding-bottom: 35px
	}

}

@media only screen and (max-width:768px) {
	#accessSection h1 img {
		margin-top: -5px !important
	}

}

section#kanazawasVillaSection {
	height: 700px;
	background: url(/images/home/bg_villa.jpg) 50% 50% no-repeat scroll;
	background-size: cover
}

section#kanazawasVillaSection .container {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	position: relative
}

section#kanazawasVillaSection .slide_all {
	width: 638px;
	margin: 0 auto;
	height: 280px;
	position: relative
}

section#kanazawasVillaSection .slide_wrap {
	width: 1914px;
	position: absolute;
	left: 50%;
	margin-left: -957px
}

section#kanazawasVillaSection #villaSlider {
	width: 100%
}

section#kanazawasVillaSection li {
	width: 638px;
	position: relative;
	text-align: center;
	overflow: hidden
}

section#kanazawasVillaSection li img {
	width: 100%
}

section#kanazawasVillaSection li h2 {
	display: block;
	font-family: serif;
	width: 100%;
	background: -moz-linear-gradient(left, transparent 0%, #000 50%, transparent 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(50%, #000), color-stop(100%, transparent));
	background: -webkit-linear-gradient(left, transparent 0%, #000 50%, transparent 100%);
	background: -o-linear-gradient(left, transparent 0%, #000 50%, transparent 100%);
	background: -ms-linear-gradient(left, transparent 0%, #000 50%, transparent 100%);
	background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #000000 50%, rgba(0, 0, 0, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
	background: #000 \9;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	opacity: 0.9;
	position: absolute;
	top: 50%;
	padding: 0.5em 0;
	text-align: center;
	color: #FFF;
	font-size: 1.8em;
	margin-top: -1em;
	z-index: 50
}

section#kanazawasVillaSection #villaNav span {
	display: block;
	position: absolute;
	width: 45px;
	height: 136px;
	top: 50%;
	left: 0;
	outline: none;
	-webkit-border-radius: 0 6px 6px 0;
	-moz-border-radius: 0 6px 6px 0;
	-ms-border-radius: 0 6px 6px 0;
	-o-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;
	text-indent: -9999px;
	margin: -68px 0 0 0;
	background: url(/images/home/slider_arrowleft.gif) 50% 50% no-repeat #fff
}

section#kanazawasVillaSection #villaNav span#villa-next {
	right: 0;
	left: auto;
	background-image: url(/images/home/slider_arrowright.gif);
	-webkit-border-radius: 6px 0 0 6px;
	-moz-border-radius: 6px 0 0 6px;
	-ms-border-radius: 6px 0 0 6px;
	-o-border-radius: 6px 0 0 6px;
	border-radius: 6px 0 0 6px
}

section#kanazawasVillaSection #villaNav span a {
	display: block;
	width: 100%;
	height: 100%
}

@media only screen and (max-width:640px) {
	section#kanazawasVillaSection {
		height: 520px;
		background: url(/images/home/bg_villa.jpg) 50% 50% no-repeat scroll
	}

}

@media only screen and (max-width:640px) {
	section#kanazawasVillaSection #villaNav {
		display: none
	}

}

.instagram.tag {
	overflow: hidden;
	*zoom: 1
}

.instagram.tag .instagram-placeholder {
	float: left;
	width: 150px;
	height: 150px
}

@media only screen and (max-width:640px) {
	section#kanazawasVillaSection .slide_all {
		width: 310px;
		height: 280px
	}

	section#kanazawasVillaSection .slide_wrap {
		width: 930px;
		margin-left: -465px
	}

	section#kanazawasVillaSection #villaSlider {
		width: 100%
	}

	section#kanazawasVillaSection li {
		width: 310px;
		overflow: hidden;
		position: relative
	}

	section#kanazawasVillaSection li img {
		height: 100%;
		width: auto;
		margin-left: -58%
	}

	section#kanazawasVillaSection li h2 {
		margin-top: -0.75em;
		background: rgba(0, 0, 0, 0.8);
		font-size: 1rem
	}

}

#roomSection .sectionInner {
	position: relative
}

#roomSection h1 {
	position: absolute;
	z-index: 60;
	width: 100%
}

#roomSection ul#roomSlider {
	height: 700px
}

#roomSection ul#roomSlider li {
	position: relative;
	overflow: hidden;
	width: 100% !important;
	height: 700px
}

#roomSection ul#roomSlider li img.main {
	width: auto;
	height: 100%;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -50%;
	top: 0
}

#roomSection ul#roomSlider li .roomType {
	position: absolute;
	right: 0;
	top: 290px;
	width: 100%;
	background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.9)));
	background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
	background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
	background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
	background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e6000000', GradientType=1)
}

#roomSection ul#roomSlider li .roomType .inner {
	color: #cfcfcf;
	padding: 30px 30px 30px 70%
}

#roomSection ul#roomSlider li .roomType .inner h2 {
	font-family: serif;
	margin: 0 0 10px;
	font-size: 1.8em
}

#roomSection ul#roomSlider li .roomType .inner p {
	font-size: 0.9em
}

#roomSection ul#roomSlider li .roomType .inner .btn {
	text-align: center;
	font-family: serif;
	background: #7F754C;
	line-height: 1;
	border: none;
	padding: 8px 3.5em;
	display: inline-block;
	margin: 0 auto;
	color: #fff;
	margin-top: 15px
}

#roomSection ul#roomSlider li .roomType .inner .btn:visited, #roomSection ul#roomSlider li .roomType .inner .btn:hover, #roomSection ul#roomSlider li .roomType .inner .btn:active {
	color: #fff
}

#roomSection #roomPager {
	position: absolute;
	bottom: 30px;
	width: 100%;
	left: 0;
	text-align: center;
	z-index: 120
}

#roomSection #roomPager a {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	-webkit-transition: All 0s ease;
	-moz-transition: All 0s ease;
	-o-transition: All 0s ease;
	-ms-transition: All 0s ease;
	transition: All 0s ease
}

#roomSection #roomPager a:hover {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1
}

#roomSection #roomPager a.active {
	border: 2px solid #bba981
}

@media only screen and (max-width:768px) {
	#roomSection ul#roomSlider {
		height: 446px !important
	}

}

@media only screen and (max-width:768px) {
	#roomSection ul#roomSlider li {
		height: 446px
	}

}

@media only screen and (max-width:1500px) {
	#roomSection ul#roomSlider li img.main {
		width: auto;
		height: 700px
	}

}

@media only screen and (max-width:768px) {
	#roomSection ul#roomSlider li img.main {
		height: 446px !important;
		width: auto
	}

}

@media only screen and (max-width:768px) {
	#roomSection ul#roomSlider li .roomType {
		top: auto;
		bottom: 0;
		background: rgba(0, 0, 0, 0.8)
	}

	#roomSection ul#roomSlider li .roomType .inner {
		padding: 15px
	}

	#roomSection ul#roomSlider li .roomType .inner h2 {
		font-size: 1rem
	}

	#roomSection ul#roomSlider li .roomType .inner p {
		font-size: 0.9rem;
		line-height: 1.4
	}

}

@media only screen and (max-width:768px) {
	#roomSection #roomPager {
		position: relative;
		bottom: auto;
		background: #333;
		padding: 10px
	}

	#roomSection #roomPager a {
		width: 19%;
		margin: 5px 0 0 0
	}

	#roomSection #roomPager a img {
		width: 100%
	}

}

#snsSection {
	width: 100%;
	background: #689732;
	background: -moz-linear-gradient(left, #689732 0%, #db9900 22%, #c71432 34%, #7f3189 50%, #103675 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #689732), color-stop(22%, #db9900), color-stop(34%, #c71432), color-stop(50%, #7f3189), color-stop(100%, #103675));
	background: -webkit-linear-gradient(left, #689732 0%, #db9900 22%, #c71432 34%, #7f3189 50%, #103675 100%);
	background: -o-linear-gradient(left, #689732 0%, #db9900 22%, #c71432 34%, #7f3189 50%, #103675 100%);
	background: -ms-linear-gradient(left, #689732 0%, #db9900 22%, #c71432 34%, #7f3189 50%, #103675 100%);
	background: linear-gradient(to right, #689732 0%, #db9900 22%, #c71432 34%, #7f3189 50%, #103675 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#689732', endColorstr='#103675', GradientType=1);
	padding-top: 10px
}

#snsSection .groups {
	background: #FFF;
	display: table;
	width: 100%
}

#snsSection .groups .group {
	width: 50%;
	display: table-cell;
	padding: 10px;
	padding-bottom: 50px
}

#snsSection .groups .group p {
	font-size: 0.9em
}

#snsSection .groups .group img {
	width: 100%;
	height: auto
}

#snsSection .groups .group+.group {
	border-left: 1px solid #e6e6e6;
	padding: 0 0 0 30px
}

#snsSection .groups .group+.group .instagram {
	width: 450px
}

#snsSection h1 {
	margin-bottom: 20px !important;
	height: inherit !important;
	padding: 0;
	text-align: left
}

@media only screen and (max-width:640px) {
	#snsSection .groups {
		display: block;
		width: 100%
	}

}

@media only screen and (max-width:640px) {
	#snsSection .groups .group {
		width: 0 30px;
		display: block;
		padding: 0;
		padding-bottom: 50px
	}

	#snsSection .groups .group p {
		font-size: 1rem
	}

}

@media only screen and (max-width:768px) {
	#snsSection h1 img {
		height: 30px;
		width: auto
	}

}

@media only screen and (max-width:768px) {
	#snsSection .instagram {
		display: none !important
	}

	#snsSection .groups {
		padding: 20px 10px
	}

	#snsSection .groups .group {
		padding: 0
	}

}

#accessSection .googlemap {
	width: 1000px;
	margin: 0 auto
}

@media only screen and (max-width:1000px) {
	#accessSection .googlemap {
		width: 100%;
		margin: auto
	}

}

#newsWrapper.home {
	font-size: 0;
	letter-spacing: 0;
	background: #FFF
}

#newsWrapper.home * {
	box-sizing: border-box
}

#newsWrapper.home dl.news {
	font-size: 13px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	vertical-align: top;
	width: 50%;
	padding: 40px 20px;
	background: #FFF;
	*zoom: 1
}

#newsWrapper.home dl.news dt {
	width: 6em;
	float: none;
	color: #bba981;
	margin: 0 0 10px
}

#newsWrapper.home dl.news dd {
	width: 100%;
	margin: 0;
	padding: 0 0 0.5em
}

#newsWrapper.home dl.news dd a {
	display: block
}

#newsWrapper.home dl.news dd .wrapper {
	font-size: 0;
	letter-spacing: 0
}

#newsWrapper.home dl.news dd .wrapper .thumb {
	display: block;
	width: 70px;
	border: 1px solid #EEE;
	padding: 10px;
	float: left
}

#newsWrapper.home dl.news dd .wrapper .thumb img {
	width: 100% !important;
	height: auto
}

#newsWrapper.home dl.news dd .wrapper .txt {
	display: block;
	margin: 0 0 0 80px;
	padding: 10px;
	font-size: 13px
}

#newsWrapper.home dl.news:after {
	content: "";
	display: table;
	clear: both
}

#newsWrapper.home dl.news+dl.news {
	border-left: 1px solid #DDD
}

@media only screen and (max-width:640px) {
	#newsWrapper.home dl.news {
		width: 100%;
		padding: 10px
	}

	#newsWrapper.home dl.news dd .wrapper .txt {
		padding: 0;
		font-size: 11px
	}

	#newsWrapper.home dl.news+dl.news {
		border-left: 0
	}

}

@media only screen and (max-width:640px) {
	dl.news {
		font-size: 1rem;
		padding: 10px 20px
	}

	dl.news dt {
		float: none
	}

	dl.news dd {
		margin: 10px 0 0
	}

	dl.news dd .wrapper .thumb {
		display: block
	}

	dl.news dd .wrapper .txt {
		display: block;
		margin-left: 80px
	}

	dl.news+dl.news {
		border: none;
		border-top: 1px solid #DDD
	}

	#newsWrapper dl.news {
		width: 100%;
		font-size: 1rem
	}

	#newsWrapper dl.news dt {
		float: none
	}

	#newsWrapper dl.news dd {
		margin: 10px 0 0
	}

	#newsWrapper dl.news dd .wrapper .thumb {
		display: block
	}

	#newsWrapper dl.news dd .wrapper .txt {
		display: block;
		margin-left: 80px
	}

	#newsWrapper dl.news+dl.news {
		border: none;
		border-top: 1px solid #DDD
	}

}

section.home {
	background: #EEE
}

section.home h1 {
	margin: 0 0 60px 0;
	padding-top: 50px;
	text-align: center
}

@media only screen and (max-width:640px) {
	section.home h1 {
		height: 125px;
		padding-top: 30px;
		margin-bottom: 30px
	}

	section.home h1 img {
		height: 100%;
		width: auto
	}

}

footer#commonFooter {
	font-size: 0.9em;
	text-align: center;
	background: url(/images/common/pattern_footer.gif) 0 0 repeat;
	color: #FFF;
	padding: 25px 0
}

footer#commonFooter a {
	color: #FFF !important
}

footer#commonFooter .inner {
	width: 980px;
	margin: 0 auto 0
}

footer#commonFooter .inner .tel {
	margin: 0 0 20px;
	font-size: 2em;
	font-weight: 100;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline
}

footer#commonFooter .inner .tel a {
	color: #fff;
	display: block
}

footer#commonFooter .inner .tel span.label {
	font-size: 0.35em;
	margin: -5px 10px 0 0;
	color: #FFF;
	background: #bba981;
	padding: 3px 4px;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px
}

footer#commonFooter .inner .tel a {
	color: #FFF !important
}

footer#commonFooter .inner .tel span.label {
	background: #FFF;
	color: #333
}

footer#commonFooter .inner ul#fnavi {
	margin: 10px 0 0
}

footer#commonFooter .inner ul#fnavi li {
	display: inline-block;
	margin: 5px 15px
}

footer#commonFooter .inner ul#fnavi li a {
	padding: 5px 15px
}

footer#commonFooter .inner #footerLogo {
	margin: 25px 0 0
}

footer#commonFooter .inner p#copyright {
	font-size: 0.7rem;
	color: #858585;
	margin: 6px 0 0
}

@media only screen and (max-width:768px) {
	footer#commonFooter .inner {
		width: 100% !important
	}

}

@media only screen and (max-width:640px) {
	footer#commonFooter {
		padding: 20px 10px;
		margin: 0
	}

	footer#commonFooter ul#fnavi {
		margin: 10px 0 0
	}

	footer#commonFooter ul#fnavi li {
		margin: 0px !important
	}

	footer#commonFooter ul#fnavi li a {
		padding: 5px;
		display: inline-block
	}

	footer#commonFooter #footerLogo {
		margin: 20px 0 0 !important
	}

}

#extra .pcpagetop.pagetop {
	display: block;
	position: fixed;
	z-index: 300;
	bottom: 30px;
	right: 30px;
	width: 50px;
	height: 50px;
	cursor: pointer
}

#extra .sppagetop.pagetop {
	display: none;
	width: 100%;
	text-align: center;
	background: #FFF;
	cursor: pointer;
	padding: 20px;
	border-top: 1px solid #CCC;
	line-height: 1;
	font-weight: bold;
	font-size: 0.8rem
}

@media only screen and (max-width:768px) {
	#extra .pcpagetop.pagetop {
		display: none
	}

}

@media only screen and (max-width:768px) {
	#extra .sppagetop.pagetop {
		display: block
	}

}

body.error404 header#commonHeader {
	padding: 30px 0 0
}

body.page header#commonHeader {
	padding: 30px 0 0
}

body.page #pnavi a, body.page .tel a {
	color: #333 !important
}

body.page #pnaviWrapper {
	width: 300px;
	margin: 0 -10px 0 0
}

body.page #languagesWrapper {
	right: 20px !important;
	top: 80px
}

body.error404 #sitelogo, body.page #sitelogo {
	text-align: center;
	margin: 0 0 30px
}

#sc #languagesWrapper, #tc #languagesWrapper {
	top: 98px
}

#sc .group>p, #tc .group>p {
	color: #fff
}

body.page .mail a {
	color: #333 !important
}

body.page .group>p {
	color: #333 !important
}

@media only screen and (max-width:768px) {
	body.error404 #sitelogo img, body.page #sitelogo img {
		width: auto;
		height: 90px !important
	}

}

#mainContentWrapper.pages {
	padding: 50px;
	padding-bottom: 10px;
	background: url(/images/common/pattern_page.gif) repeat
}

#mainContentWrapper.pages .mainContent {
	background: #FFF;
	padding: 50px;
	margin-bottom: 30px;
	max-width: 1500px;
	margin: 0 auto 30px
}

#mainContentWrapper.pages .mainContent:first-child {
	padding-top: 60px
}

@media only screen and (max-width:768px) {
	#mainContentWrapper.pages {
		padding: 30px !important
	}

}

@media only screen and (max-width:640px) {
	#mainContentWrapper.pages {
		padding: 14px !important
	}

}

@media only screen and (max-width:768px) {
	#mainContentWrapper.pages .mainContent {
		padding: 30px !important
	}

}

@media only screen and (max-width:640px) {
	#mainContentWrapper.pages .mainContent {
		padding: 14px !important
	}

}

@media only screen and (max-width:768px) {
	#mainContentWrapper.pages .mainContent:first-child {
		padding-top: 30px
	}

}

#pageTitleBlock {
	text-align: center;
	width: 100%;
	height: 250px;
	overflow: hidden;
	position: relative;
	color: #000
}

#pageTitleBlock .inner {
	width: 100%;
	height: 250px;
	position: relative;
	overflow: hidden
}

#pageTitleBlock .inner img {
	width: auto;
	height: 250px;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -750px
}

#pageTitleBlock h1#pageTitle {
	position: absolute;
	width: 100%;
	z-index: 1;
	top: 50%;
	margin: -0.7em 0 0;
	font-size: 1.7em;
	letter-spacing: 0.1em;
	font-family: serif;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#FFFFFF, direction=0, Strength=0);
	text-shadow: 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #fff, 0 0 11px #fff
}

#pageTitleBlock h1#pageTitle span {
	font-size: 0.6em;
	display: block
}

#pageTitleBlock p.credit {
	position: absolute;
	color: #FFF;
	right: 10px;
	font-size: 12px;
	text-align: right;
	bottom: 10px;
	line-height: 1
}

@media only screen and (max-width:640px) {
	#pageTitleBlock {
		height: 180px
	}

}

@media only screen and (max-width:640px) {
	#pageTitleBlock .inner {
		height: 180px
	}

}

@media only screen and (max-width:640px) {
	#pageTitleBlock .inner img {
		height: 180px
	}

}

.pageSummary {
	width: 90%;
	text-align: center;
	margin: 0 auto 45px
}

.pageSummary h2 {
	text-align: center;
	color: #534741;
	font-family: serif;
	font-size: 1.5em;
	margin: 0 0 30px
}

.pageSummary>p {
	font-size: 1.2em
}

@media only screen and (max-width:640px) {
	.pageSummary h2 {
		text-align: left;
		margin: 0 0 10px;
		padding: 0.25em 0 0.25em 10px;
		border: none;
		border-left: 3px solid #bba981;
		text-align: left
	}

}

@media only screen and (max-width:768px) {
	.pageSummary {
		text-align: left;
		width: 100%
	}

	.pageSummary br {
		display: none
	}

}

body.page .section {
	margin: 30px 0 0;
	padding: 30px 0 0;
	border-top: 1px solid #E6E6E6
}

body.page .thin {
	width: 960px;
	margin: 0 auto
}

@media only screen and (max-width:768px) {
	body.page .thin {
		width: 100%;
		margin: 0
	}

}

.villaCont p.caption {
	text-align: right
}

.villaCont .mainimage {
	width: 100%
}

.villaCont .mainimage img {
	width: 100%;
	height: auto
}

.villaCont .cont {
	padding: 50px;
	overflow: hidden;
	*zoom: 1
}

.villaCont .cont h2 {
	text-align: left;
	color: #534741;
	font-family: serif;
	font-size: 1.5em;
	margin: 0 0 30px;
	font-size: 2em
}

.villaCont .cont .text {
	margin: 0 30% 0 0
}

.villaCont .cont .text p {
	text-align: justify
}

.villaCont .cont .image {
	width: 25%;
	float: right;
	margin: 0 0 30px 30px
}

.villaCont .cont .image img {
	width: 100%;
	margin: 0 0 20px
}

.villaCont#villaCont3 .text {
	margin: 0
}

.villaCont#villaCont3 .image {
	width: 100%;
	float: none;
	margin: 30px 0 0 0
}

.villaCont#villaCont3 .image ul {
	width: 100%;
	overflow: hidden;
	*zoom: 1
}

.villaCont#villaCont3 .image ul li {
	width: 25%;
	float: left
}

.villaCont#villaCont3 .image ul li img {
	width: 100%;
	margin: 0
}

.villaCont#villaCont3 .map {
	margin: 30px 0 0
}

.villaCont#villaCont3 .map img {
	width: 100%;
	border: 1px solid #EEE
}

@media only screen and (max-width:640px) {
	.villaCont .cont h2 {
		text-align: left;
		margin: 0 0 15px;
		padding: 0.25em 0 0.25em 10px;
		border: none;
		border-left: 3px solid #bba981;
		text-align: left
	}

}

@media only screen and (max-width:768px) {
	.villaCont#villaCont3 .image ul li {
		width: 50%
	}

}

@media only screen and (max-width:768px) {
	.villaCont .cont {
		padding: 30px 0
	}

}

@media only screen and (max-width:640px) {
	.villaCont {
		margin: 0 0 30px;
		padding: 0;
		border-bottom: 1px solid #E6E6E6
	}

	.villaCont.lastChild {
		margin: 0;
		border: none
	}

	.villaCont p.caption {
		position: absolute;
		z-index: 5;
		font-size: 0.7rem;
		padding: 0.5em;
		line-height: 1;
		color: #FFF;
		right: 0;
		bottom: 0
	}

	.villaCont .mainimage {
		height: 300px;
		position: relative;
		overflow: hidden
	}

	.villaCont .mainimage img {
		width: auto;
		height: 100%;
		position: absolute;
		bottom: 0;
		left: 50%;
		margin: 0 0 0 -334px
	}

	.villaCont .cont {
		margin: 0 0 0;
		padding: 15px 0;
		overflow: hidden;
		*zoom: 1
	}

	.villaCont .cont h2 {
		text-align: left;
		color: #534741;
		font-family: serif;
		font-size: 1.5em;
		margin: 0 0 30px;
		font-size: 1.5rem;
		padding-left: 0 !important;
		border: none !important;
		margin: 0 0 5px
	}

	.villaCont .cont .text {
		margin: 0
	}

	.villaCont .cont .image {
		display: none;
		position: relative
	}

	#villaCont3 .image {
		display: block !important
	}

}

@media only screen and (max-width:640px) and (max-width:640px) {
	.villaCont .cont h2 {
		text-align: left;
		margin: 0 0 15px;
		padding: 0.25em 0 0.25em 10px;
		border: none;
		border-left: 3px solid #bba981;
		text-align: left
	}

}

ul.villaNav {
	width: 100%;
	display: table;
	vertical-align: middle;
	margin: 0 -3px 30px -3px;
	border-collapse: separate;
	border-spacing: 3px
}

ul.villaNav li {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	width: 33.3%;
	background: #bba981
}

ul.villaNav li:hover {
	background: #333
}

ul.villaNav li a {
	display: block;
	width: 100%;
	padding: 1em;
	font-size: 0.8rem;
	color: #FFF;
	font-family: serif
}

body.breakfast .groups.col3 {
	display: table;
	width: 100%
}

body.breakfast .groups.col3 .group {
	width: 33.3%;
	display: table-cell;
	padding: 10px
}

body.breakfast .groups.col3 .group p {
	font-size: 0.9em
}

body.breakfast .groups.col3 img {
	width: 100%;
	height: auto;
	margin: 0 0 20px
}

body.breakfast .cookSec {
	overflow: hidden;
	*zoom: 1
}

body.breakfast .cookSec .image {
	width: 55%;
	float: right;
	margin: 0 0 0 20px
}

body.breakfast .cookSec .image img {
	width: 100%
}

body.breakfast .cookSec h2 {
	text-align: left;
	color: #534741;
	font-family: serif;
	font-size: 1.5em;
	margin: 0 0 30px
}

@media only screen and (max-width:640px) {
	body.breakfast .groups.col3 {
		display: block;
		width: 100%
	}

}

@media only screen and (max-width:640px) {
	body.breakfast .groups.col3 .group {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		display: block
	}

	body.breakfast .groups.col3 .group p {
		font-size: 1rem
	}

}

@media only screen and (max-width:640px) {
	body.breakfast .groups.col3 img {
		margin: 0 0 15px
	}

}

@media only screen and (max-width:640px) {
	body.breakfast .cookSec .image {
		float: none;
		width: 100%;
		margin: 0 0 30px
	}

}

@media only screen and (max-width:640px) {
	body.breakfast .cookSec h2 {
		text-align: left;
		margin: 0 0 10px;
		padding: 0.25em 0 0.25em 10px;
		border: none;
		border-left: 3px solid #bba981;
		text-align: left
	}

}

#breakfastPoint ul {
	list-style: decimal
}

#breakfastPoint ul li {
	margin: 0 0 15px 1.5em;
	line-height: 1.6;
	padding: 0 0 0 0.5em
}

#fromChef {
	margin: 20px 0 0
}

#fromChef h3 {
	font-size: 1.2em;
	font-family: serif;
	margin: 0 0 10px
}

#fromChef strong {
	font-weight: bold
}

#fromChef dl dt, #fromChef dl dd {
	margin: 10px 0 0
}

body.facilities .pageSummary .facilitiesInfo {
	text-align: left;
	font-size: 13px
}

body.facilities .pageSummary .facilitiesInfo h2 {
	text-align: center;
	color: #534741;
	font-family: serif;
	font-size: 1.5em;
	margin: 20px 20px 0
}

body.facilities .pageSummary .facilitiesInfo .faciText {
	display: table-cell;
	width: 350px
}

body.facilities .pageSummary .facilitiesInfo dl {
	display: table-cell;
	padding-left: 30px
}

body.facilities #facilityesInfoInner {
	width: 100%;
	margin: 30px 0 0;
	display: table
}

body.facilities #facilityesInfoInner p {
	font-size: 13px
}

body.facilities #facilityesInfoInner ul li {
	margin: 0 0 10px
}

body.facilities #facilityesInfoInner dl dt {
	margin: 0 0 10px
}

body.facilities #facilityesInfoInner dl span {
	display: inline-block;
	margin: 10px 0 0
}

body.facilities figure.floorMap {
	text-align: center
}

body.facilities figure.floorMap img {
	width: 100%;
	max-width: 1002px
}

body.facilities .groups {
	display: table;
	width: 100%
}

body.facilities .groups .group {
	width: 50%;
	display: table-cell;
	padding: 10px;
	padding-bottom: 50px
}

body.facilities .groups .group p {
	font-size: 0.9em
}

body.facilities .groups .group img {
	width: 100%;
	height: auto
}

body.facilities .groups .group h2 {
	text-align: center;
	color: #534741;
	font-family: serif;
	font-size: 1.5em;
	margin: 20px 20px 0
}

body.facilities .section.spa .image {
	position: relative;
	padding-bottom: 0
}

body.facilities .section.spa .image span {
	display: block;
	color: #FFF;
	background: #333;
	padding: 5px;
	line-height: 1;
	position: absolute;
	bottom: 0;
	right: 10px
}

body.craftgallery .pageSummary {
	overflow: hidden;
	*zoom: 1
}

body.craftgallery .pageSummary .image {
	width: 55%;
	float: right;
	margin: 0 0 0 20px
}

body.craftgallery .pageSummary .image img {
	width: 100%
}

body.craftgallery .pageSummary h2 {
	text-align: left
}

body.craftgallery .pageSummary .image {
	margin: 0 0 0 90px
}

body.craftgallery .pageSummary .text p {
	text-align: justify
}

body.craftgallery div.craftWorks ul {
	margin: 0 0 0;
	padding: 0 10px 10px 0;
	background: #1A1A1A
}

body.craftgallery div.craftWorks ul li {
	float: left;
	width: 25%;
	padding: 10px 0 0 10px
}

body.craftgallery div.craftWorks ul li img {
	width: 100%;
	height: auto
}

@media only screen and (max-width:640px) {
	body.facilities .pageSummary .facilitiesInfo h2 {
		text-align: center;
		margin: 20px 0;
		padding: 0.25em 0 0.25em 20px;
		border: none
	}

}

@media only screen and (max-width:768px) {
	body.facilities .pageSummary .facilitiesInfo .faciText {
		float: none;
		display: block;
		width: 100%
	}

	body.facilities .pageSummary .facilitiesInfo dl {
		float: none;
		display: block;
		width: 100%;
		padding: 30px 0 0 0
	}

}

@media only screen and (max-width:640px) {
	body.facilities #facilityesInfoInner {
		display: block
	}

}

@media only screen and (max-width:640px) {
	body.facilities .groups {
		display: block;
		width: 100%
	}

}

@media only screen and (max-width:640px) {
	body.facilities .groups .group {
		width: 100%;
		display: block;
		padding: 0;
		padding-bottom: 50px
	}

	body.facilities .groups .group p {
		font-size: 1rem
	}

}

@media only screen and (max-width:640px) {
	body.facilities .groups .group h2 {
		text-align: center;
		margin: 20px 0;
		padding: 0.25em 0 0.25em 20px;
		border: none
	}

}

@media only screen and (max-width:640px) {
	body.facilities .section.spa .image span {
		right: 0
	}

}

@media only screen and (max-width:640px) {
	body.craftgallery .pageSummary .image {
		float: none;
		width: 100%;
		margin: 0 0 30px
	}

}

@media only screen and (max-width:1400px) {
	body.craftgallery .pageSummary .image {
		margin: 0 0 0 20px
	}

}

@media only screen and (max-width:640px) {
	body.craftgallery .pageSummary .image {
		margin: 0 0 30px
	}

}

#roomSide {
	float: right;
	width: 23%;
	margin: 0 0 0 30px;
	font-family: serif
}

#roomSide ul {
	border-top: 1px solid #E6E6E6
}

#roomSide ul li {
	font-ffamily: serif;
	overflow: hidden;
	*zoom: 1;
	border-bottom: 1px solid #E6E6E6
}

#roomSide ul li a {
	padding: 10px 5px;
	width: 100%;
	display: table
}

#roomSide ul li a .image {
	display: table-cell;
	vertical-align: middle;
	margin: 0 10px 0 0
}

#roomSide ul li a span {
	display: table-cell;
	min-width: 90px;
	width: 100%;
	padding: 0 0 0 10px;
	vertical-align: middle
}

@media only screen and (max-width:768px) {
	#roomSide {
		display: none
	}

}

#roomContents {
	float: left;
	width: 68%
}

#roomContents .roomCont {
	margin: 200px 0 0
}

@media (max-width:639px) {
	#roomContents .roomCont {
		margin-top: 140px
	}

}

#roomContents .roomCont.firstChild {
	margin: 0
}

@media only screen and (max-width:768px) {
	#roomContents {
		float: none;
		width: 100%
	}

}

.roomMainimg {
	margin: 0 0 20px 0;
	position: relative
}

.roomMainimg .roomTitle {
	background: #333;
	background: -moz-linear-gradient(top, #333 0%, #000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333), color-stop(100%, #000));
	background: -webkit-linear-gradient(top, #333 0%, #000 100%);
	background: -o-linear-gradient(top, #333 0%, #000 100%);
	background: -ms-linear-gradient(top, #333 0%, #000 100%);
	background: linear-gradient(to bottom, #333333 0%, #000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0);
	position: absolute;
	z-index: 1
}

.roomMainimg h2 {
	background: url(/images/room/logo_room.png) 50% 30px no-repeat;
	color: #FFF;
	font-family: serif;
	text-align: center;
	font-size: 1.2em;
	width: 150px;
	height: 150px;
	top: 0;
	left: 0;
	padding: 20px;
	padding-top: 82px;
	line-height: 1.2
}

.roomMainimg img {
	width: 100%;
	height: auto
}

.roomSummary {
	width: 100%
}

.roomSummary * {
	box-sizing: border-box
}

.roomSummary .madori {
	width: 100%;
	margin: 0 0 20px;
	padding: 30px;
	border: 2px solid  #EEE;
	text-align: center
}

.roomSummary .madori img {
	max-width: 480px;
	width: 100%;
	height: auto
}

@media (max-width:639px) {
	.roomSummary .madori {
		display: block;
		width: 100%;
		padding: 0;
		border: none
	}

}

.roomSummary .text {
	width: 100%
}

@media only screen and (max-width:768px) {
	.roomMainimg .roomTitle br {
		display: block
	}

}

@media only screen and (max-width:640px) {
	.roomMainimg {
		height: 280px;
		width: 100%;
		overflow: hidden
	}

	.roomMainimg h2 {
		background: url(/images/room/logo_room.png) 50% 30px auto no-repeat;
		width: 120px;
		height: 120px;
		padding: 10px;
		padding-top: 60px;
		font-size: 0.85rem
	}

	.roomMainimg img {
		position: absolute;
		height: 100%;
		width: auto;
		top: 0;
		left: 50%;
		margin: 0 0 0 -50%
	}

}

.roomText {
	margin: 20px 0 0;
	padding: 15px 0 0;
	border-top: 1px dotted #CCC;
	display: table;
	width: 100%;
	overflow: hidden;
	*zoom: 1
}

.roomText img {
	float: left;
	width: 244px;
	padding: 10px 0 0
}

.roomText dl {
	line-height: 1.4
}

.roomText .group {
	width: 50%;
	display: table-cell;
	padding: 10px;
	padding-bottom: 50px
}

.roomText .group p {
	font-size: 0.9em
}

.roomText .group img {
	width: 100%;
	height: auto
}

@media only screen and (max-width:640px) {
	.roomText {
		display: block;
		width: 100%
	}

}

@media only screen and (max-width:640px) {
	.roomText .group {
		width: 100%;
		display: block;
		padding: 0;
		padding-bottom: 50px
	}

	.roomText .group p {
		font-size: 1rem
	}

}

.amenityCont h2 {
	text-align: center;
	color: #534741;
	font-family: serif;
	font-size: 1.5em;
	margin: 20px 20px 0;
	margin: 0 0 30px 0
}

.amenityCont .groups {
	display: table;
	width: 100%
}

.amenityCont .groups .group {
	width: 33.3%;
	display: table-cell;
	padding: 10px
}

.amenityCont .groups .group p {
	font-size: 0.9em
}

.amenityCont .groups .group img {
	width: 100%;
	margin: 0 20px 0 0
}

.amenityCont .groups .group h3 {
	text-align: left;
	color: #534741;
	font-family: serif;
	font-size: 1.5em;
	margin: 10px 0
}

@media only screen and (max-width:640px) {
	.amenityCont h2 {
		text-align: center;
		margin: 20px 0;
		padding: 0.25em 0 0.25em 20px;
		border: none
	}

}

@media only screen and (max-width:640px) {
	.amenityCont .groups {
		display: block;
		width: 100%
	}

}

@media only screen and (max-width:640px) {
	.amenityCont .groups .group {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		display: block
	}

	.amenityCont .groups .group p {
		font-size: 1rem
	}

}

@media only screen and (max-width:640px) {
	.amenityCont .groups .group img {
		float: none;
		width: 100%;
		margin: 0
	}

}

@media only screen and (max-width:640px) {
	.amenityCont .groups .group h3 {
		text-align: center;
		margin: 10px 0;
		padding: 0.25em 0 0.25em 10px;
		border: none
	}

}

body.privacypolicy .section {
	margin-top: 30px;
	padding: 30px 0 0;
	border-top: 1px dotted #CCC
}

body.privacypolicy .section h2 {
	text-align: left;
	color: #534741;
	font-family: serif;
	font-size: 1.5em;
	margin: 0 0 30px
}

body.privacypolicy .section.firstChild {
	margin: 0;
	padding: 0;
	border-top: none
}

body.privacypolicy .section ul li {
	line-height: 1;
	margin: 0 0 10px
}

body.privacypolicy .section p+ul {
	margin: 10px 0 0 2em
}

@media only screen and (max-width:640px) {
	body.privacypolicy .section h2 {
		text-align: left;
		margin: 0 0 30px;
		padding: 0.25em 0 0.25em 10px;
		border: none;
		border-left: 3px solid #bba981;
		text-align: left
	}

}

table.bgstyle {
	width: 100%
}

table.bgstyle th {
	background: #A7946d;
	color: #FFF
}

table.bgstyle td {
	background: #EAE4DA;
	text-align: center
}

table.bgstyle th, table.bgstyle td {
	border: 3px #FFF solid;
	padding: 0.5em 1em;
	vertical-align: middle
}

body.faq dl#faqList {
	line-height: 1.7
}

body.faq dl#faqList dt {
	background: url(/images/faq/icon_q.gif) 0 0 no-repeat;
	padding: 5px 0 22px 46px
}

body.faq dl#faqList dd {
	background: url(/images/faq/icon_a.gif) 0 0 no-repeat;
	margin: 0 0 2em 0;
	padding: 0 0 2em 46px;
	border-bottom: 1px dotted #CCC;
	color: #C1272D
}

body.sightseeing .groups {
	display: table;
	width: 100%
}

body.sightseeing .groups .group {
	width: 50%;
	display: table-cell;
	padding: 30px;
	padding-bottom: 50px
}

body.sightseeing .groups .group p {
	font-size: 0.9em
}

body.sightseeing .groups .group img {
	width: 100%;
	height: auto
}

body.sightseeing .groups dl {
	text-align: center
}

body.sightseeing .groups dl dd {
	margin: 20px 0 0
}

body.sightseeing .groups dl dd span {
	padding: 5px 0 0;
	display: inline-block
}

body.access #googlemap {
	margin: 0 0 30px
}

@media only screen and (max-width:640px) {
	body.sightseeing .groups {
		display: block;
		width: 100%
	}

}

@media only screen and (max-width:640px) {
	body.sightseeing .groups .group {
		width: 100%;
		display: block;
		padding: 0;
		padding-bottom: 50px
	}

	body.sightseeing .groups .group p {
		font-size: 1rem
	}

}

#howtoAccess {
	background: #EAE4DA;
	padding: 15px 30px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	margin: 0 0 30px;
	overflow: hidden;
	*zoom: 1
}

#howtoAccess .group {
	float: left;
	width: 25%;
	padding-right: 20px;
	overflow: hidden;
	*zoom: 1
}

#howtoAccess img {
	width: 40px !important;
	height: 40px;
	float: left;
	vertical-align: middle
}

#howtoAccess dl {
	margin: 8px 0 0 50px
}

#howtoAccess dl dt {
	font-weight: bold;
	margin: 0 0 10px
}

@media only screen and (max-width:768px) {
	#howtoAccess .groups {
		float: none;
		display: table;
		width: 100%
	}

	#howtoAccess .group {
		float: none;
		display: table-cell;
		width: 50%
	}

}

@media only screen and (max-width:640px) {
	#howtoAccess .groups {
		float: none;
		display: block;
		width: 100%
	}

	#howtoAccess .group {
		float: none;
		display: block;
		width: 100%;
		padding: 5px 0
	}

}

@media only screen and (max-width:640px) {
	#howtoAccess {
		padding: 20px 15px
	}

	#howtoAccess dl dt {
		margin: 0 0 5px
	}

}

.timetable {
	overflow: hidden;
	*zoom: 1
}

.timetable h2 {
	font-weight: bold;
	margin: 0 0 10px
}

.timetable h2:before {
	content: "■ "
}

.timetable .map {
	float: left;
	width: 551px
}

.timetable .map img {
	width: 100%
}

.timetable .bus {
	float: right;
	width: 216px
}

.timetable .bus img {
	width: 100%;
	height: auto
}

.timetable .bus .img_bus {
	margin: 20px 0 0
}

.timetable .bus ul {
	font-size: 0.8em
}

.timetable .bus ul li {
	margin: 5px 0 0 0
}

@media only screen and (max-width:768px) {
	.timetable .map, .timetable .bus {
		width: 100%;
		float: none
	}

	.timetable .map img, .timetable .bus img {
		width: 100%
	}

	.timetable .map {
		padding: 0 0 20px
	}

	.timetable .bus img {
		text-align: center;
		width: 100%
	}

}

body.contact table {
	border: 1px solid #CCC;
	border-bottom: none;
	border-right: none
}

body.contact table th {
	background: #E6E6E6;
	border: 1px solid #CCC;
	border-top: none;
	border-left: none;
	padding: 10px
}

body.contact table th span.need {
	font-weight: normal !important;
	display: inline-block;
	padding: 0 0 0 0.5em
}

body.contact table th span.note {
	font-size: 0.7rem;
	font-weight: normal;
	display: inline-block;
	margin: 0 0 0;
	line-height: 1
}

body.contact table td {
	border: 1px solid #CCC;
	border-top: none;
	border-left: none;
	padding: 10px;
	padding-bottom: 5px
}

body.contact table td input {
	padding: 10px;
	width: 100%;
	margin: 0 5px 5px 0
}

body.contact table td textarea {
	padding: 10px;
	width: 100%;
	margin: 0 5px 5px 0;
	font-family: "Lato", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 0.9rem
}

body.contact .submit {
	text-align: center;
	margin: 20px 0 0
}

body.contact p.attention {
	text-align: center;
	font-size: 0.75rem
}

body.contact input.wpcf7c-btn-confirm, body.contact input.wpcf7c-elm-step2 {
	text-align: center;
	font-family: serif;
	background: #7F754C;
	line-height: 1;
	border: none;
	padding: 8px 3.5em;
	display: inline-block;
	margin: 0 auto;
	color: #fff;
	font-size: 1rem;
	font-family: "Lato", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	letter-spacing: 0.1em;
	cursor: pointer
}

body.contact input.wpcf7c-btn-confirm:visited, body.contact input.wpcf7c-elm-step2:visited, body.contact input.wpcf7c-btn-confirm:hover, body.contact input.wpcf7c-elm-step2:hover, body.contact input.wpcf7c-btn-confirm:active, body.contact input.wpcf7c-elm-step2:active {
	color: #fff
}

body.contact input.wpcf7c-btn-confirm:hover, body.contact input.wpcf7c-elm-step2:hover {
	background: #333
}

@media only screen and (max-width:768px) {
	body.contact table {
		display: block;
		border: none
	}

	body.contact table tr {
		display: block;
		width: 100%
	}

	body.contact table th {
		display: block;
		width: 100%;
		padding: 10px 0 0;
		border: none;
		background: none;
		font-weight: bold
	}

	body.contact table td {
		padding: 10px 0;
		width: 100%;
		display: block;
		border: none;
		border-bottom: 1px solid #E6E6E6
	}

}

.wpcf7c-conf {
	background: none !important;
	border: none !important;
	color: inherit !important
}

div.wpcf7-mail-sent-ok {
	background: #eae4da !important;
	border: none !important;
	margin: 1em 0 !important
}

div.wpcf7-response-output {
	padding: 1.2em 2em !important
}

div.wpcf7-response-output.wpcf7-validation-errors {
	padding-left: 4em !important;
	line-height: 1;
	border: none !important;
	margin: 1em 0 !important;
	background: #f7dfda !important;
	color: #c1272d;
	position: relative
}

div.wpcf7-response-output.wpcf7-validation-errors:before {
	content: "!!";
	font-weight: 600;
	display: block;
	width: 15px;
	text-align: center;
	height: 15px;
	color: #FFF;
	background: #c1272d;
	line-height: 1;
	padding: 5px;
	position: absolute;
	left: 1em;
	top: 50%;
	margin: -11.5px 0 0
}

body.contracts h2 {
	text-align: left;
	color: #534741;
	font-family: serif;
	font-size: 1.5em;
	margin: 0 0 30px
}

body.contracts ol.contractsList {
	margin: 0 0 30px;
	padding: 0 0 30px 1em;
	border-bottom: 1px dotted #CCC
}

body.contracts ol.contractsList>li {
	line-height: 1.5;
	margin: 0 0 0.75em 0;
	list-style: decimal outside;
	padding-left: 0.5em;
	text-indent: 0
}

body.contracts ol.contractsList>li ol {
	margin: 1em 0 0 2.5em
}

body.contracts ol.contractsList>li ol li {
	text-indent: -2.5em;
	margin: 0 0 0.5em
}

body.contracts ol.contractsList .serviceTime {
	*zoom: 1;
	margin-left: 13px
}

body.contracts ol.contractsList .serviceTime:after {
	content: "";
	display: table;
	clear: both
}

body.contracts ol.contractsList .serviceTime dt {
	width: 30%;
	float: left
}

@media (max-width:939px) {
	body.contracts ol.contractsList .serviceTime dt {
		width: 100%;
		float: none
	}

}

body.contracts ol.contractsList .serviceTime dt::before {
	content: "";
	background: #333;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 2px
}

body.contracts ol.contractsList .serviceTime dt::after {
	content: ":"
}

body.contracts ol.contractsList .serviceTime dd {
	width: 70%;
	margin-left: 30%
}

@media (max-width:939px) {
	body.contracts ol.contractsList .serviceTime dd {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 10px
	}

}

body.contracts table {
	width: 100%
}

body.contracts table th {
	background: #A7946d;
	color: #FFF
}

body.contracts table td {
	background: #EAE4DA;
	text-align: center
}

body.contracts table th, body.contracts table td {
	border: 3px #FFF solid;
	padding: 0.5em 1em;
	vertical-align: middle
}

body.contracts table th {
	text-align: center
}

body.contracts table .textL {
	text-align: left
}

body.contracts div.clause {
	margin: 30px 0 0
}

body.contracts table.resBg {
	width: 100%
}

body.contracts table.resBg th {
	background: #A7946d;
	color: #FFF
}

body.contracts table.resBg td {
	background: #EAE4DA;
	text-align: center
}

body.contracts table.resBg th, body.contracts table.resBg td {
	border: 3px #FFF solid;
	padding: 0.5em 1em;
	vertical-align: middle
}

body.sitemap .mainContent ul {
	overflow: hidden;
	*zoom: 1
}

body.sitemap .mainContent ul li {
	margin: 0 10px 10px 0;
	float: left;
	width: 30%
}

body.sitemap .mainContent ul li.link a {
	background: url(/images/sitemap/icon_gaibulink.gif) 95% 50% no-repeat #736357
}

body.sitemap .mainContent ul li a {
	display: block;
	background: #736357;
	padding: 1em;
	line-height: 1;
	color: #FFF
}

body.archives h2 {
	color: #FFF;
	background: #bba981;
	font-size: 1.5em;
	margin: 0 0 30px 0;
	padding: 5px;
	font-family: serif;
	padding: 10px
}

body.archives #newsArchivelist {
	border-top: 1px dotted #CCC;
	overflow: hidden;
	*zoom: 1
}

body.archives #newsArchivelist article.list {
	float: left;
	border-bottom: 1px dotted #CCC;
	border-right: 1px dotted #CCC;
	width: 50%;
	min-height: 170px;
	padding: 15px;
	overflow: hidden;
	*zoom: 1
}

body.archives #newsArchivelist article.list:nth-child(2n) {
	border-right: none
}

body.archives #newsArchivelist article.list .image {
	width: 80px;
	float: left
}

body.archives #newsArchivelist article.list .image img {
	width: 100%;
	height: auto
}

body.archives #newsArchivelist article.list .info {
	margin: 0 0 0 95px
}

body.archives #newsArchivelist article.list .info p.date {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	border: 2px solid #bba981;
	line-height: 1;
	padding: 3px;
	font-size: 1em;
	letter-spacing: 0.02em
}

body.archives #newsArchivelist article.list .info h3 {
	margin: 5px 0 0;
	font-family: serif;
	font-size: 1.2em;
	color: #534741
}

body.archives #newsArchivelist article.list .info .part {
	margin: 5px 0 0
}

body.archives #newsArchivelist article.list .info .part p {
	font-size: 0.9em;
	line-height: 1.4
}

@media only screen and (max-width:640px) {
	body.contracts h2 {
		text-align: left;
		margin: 0 0 10px;
		padding: 0.25em 0 0.25em 10px;
		border: none;
		border-left: 3px solid #bba981;
		text-align: left
	}

}

@media only screen and (max-width:640px) {
	body.contracts table.resBg thead {
		display: block;
		float: left
	}

	body.contracts table.resBg tbody {
		display: block;
		width: auto;
		overflow-x: auto;
		white-space: nowrap
	}

	body.contracts table.resBg tbody tr {
		display: inline-block;
		margin: 0 -3px 0 0;
		width: 50%
	}

	body.contracts table.resBg th, body.contracts table.resBg td {
		display: block !important;
		border: 2px solid #fff;
		vertical-align: middle
	}

}

@media only screen and (max-width:640px) {
	body.sitemap .mainContent ul li {
		float: none;
		width: 100%
	}

}

@media only screen and (max-width:768px) {
	body.archives #newsArchivelist article.list {
		width: 100%;
		float: none;
		border-right: none;
		min-height: inherit;
		padding: 15px 0
	}

}

.wp-pagenavi {
	margin: 30px 0 0;
	text-align: center
}

.wp-pagenavi span, .wp-pagenavi a {
	border: none !important;
	color: #FFF;
	background: #bba981;
	padding: 6px 10px !important
}

.wp-pagenavi span.current {
	background: #333;
	font-weight: 100 !important
}

#newsWrapper {
	overflow: hidden;
	*zoom: 1;
	min-width: 600px
}

@media only screen and (max-width:768px) {
	#newsWrapper {
		min-width: inherit
	}

}

#newsMain {
	float: right;
	width: 72%
}

#newsMain .newsTitle {
	margin: 0 0 30px;
	border-top: 1px solid #CCC;
	padding: 0
}

#newsMain .newsTitle:before {
	content: "";
	display: block;
	width: 100px;
	height: 4px;
	background: #bba981;
	margin: 0 0 30px
}

#newsMain .newsTitle h2 {
	margin: 5px 0 0;
	font-family: serif;
	font-size: 1.2em;
	color: #534741;
	font-size: 1.5em
}

#newsMain .newsTitle p.date {
	text-align: right
}

#newsMain .newsTitle p.date span {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	border: 2px solid #bba981;
	line-height: 1;
	padding: 3px;
	font-size: 1em;
	letter-spacing: 0.02em
}

#newsMain .newsSection {
	margin: 0 0 30px;
	padding: 0 0 30px;
	border-bottom: 1px dotted #CCC
}

#newsMain .newsSection img {
	margin: 0 0 30px
}

#newsMain ul.pagenavi {
	text-align: center
}

#newsMain ul.pagenavi li {
	text-align: center;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	padding: 5px
}

#newsMain ul.pagenavi li a {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	line-height: 1;
	padding: 10px;
	color: #FFF;
	background: #bba981
}

#newsSide {
	float: left;
	width: 200px
}

#newsSide h3 {
	color: #FFF;
	background: #bba981;
	font-size: 1.5em;
	margin: 0 0 30px 0;
	padding: 5px;
	font-family: serif;
	padding: 10px;
	margin: 0 0 20px;
	padding: 5px 10px;
	font-size: 1em
}

#newsSide ul.newsList {
	list-style: none !important
}

#newsSide ul.newsList li {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #CCC;
	font-family: "Lato", serif;
	font-size: 0.9em
}

#newsSide ul.newsList li img {
	width: 70px;
	height: auto;
	float: left
}

#newsSide ul.newsList li .title {
	display: block;
	margin: 0 0 0 80px
}

#newsSide ul.newsList li .title span.date {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	border: 2px solid #bba981;
	line-height: 1;
	padding: 3px;
	font-size: 1em;
	letter-spacing: 0.02em
}

#newsSide ul.newsList li .title span.articleTitle {
	display: block;
	margin: 5px 0 0
}

#newsSide ul.newsList.archives li {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px dotted #CCC;
	font-family: serif
}

#newsSide ul.newsList.archives li a {
	display: block;
	padding: 3px 0 3px 42px;
	background: url(/images/news/icon_listarrow.gif) 0 0 no-repeat
}

#newsSide .newsArchive+.newsArchive {
	margin: 30px 0 0
}

@media only screen and (max-width:768px) {
	#newsMain {
		float: none;
		width: 100%
	}

	#newsMain ul.pagenavi {
		text-align: center;
		font-size: 0.7rem
	}

	#newsMain ul.pagenavi li {
		text-align: center;
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		zoom: 1;
		*display: inline;
		padding: 3px
	}

	#newsMain ul.pagenavi li a {
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		zoom: 1;
		*display: inline;
		line-height: 1;
		padding: 10px;
		color: #FFF;
		background: #bba981
	}

	#newsSide {
		float: none;
		width: 100%;
		margin: 100px 0 0
	}

}

body.archives #newsMain div.newsCont div.newsTitle h2 {
	background: none
}

div.mainContent div.thin div.timetable div.map ul li p {
	display: block;
	padding-left: 1em;
	font-size: 0.8em
}

div.mainContent div.thin div.timetable div.map ul li span {
	position: absolute;
	padding-top: 0.2em;
	font-size: 0.8em
}

div.mainContent div.thin div.timetable .map ul li {
	margin: 1px 0 0
}

body.craftgallery div.craftWorks ul li p {
	color: #fff;
	line-height: 1.7
}

div#container.animsition section#snsSection.home div.sectionInner div.groups h1 {
	display: inline-block;
	float: left;
	margin: 0 0 0 5%
}

#snsSection.home div.sectionInner div.groups div.group div.cont {
	float: left;
	margin: 0 0 0 3%
}

#snsSection.home dd.title a span {
	padding: 0.5% 0 0;
	display: block
}

#container.animsition section#snsSection.home div.sectionInner div.groups {
	overflow: hidden
}

#snsSection .groups .group {
	float: right;
	width: 100%;
	padding: 0
}

@media only screen and (max-width:640px) {
	#snsSection .groups {
		padding: 0
	}

	#snsSection .groups .group {
		float: none
	}

	#snsSection.home div.sectionInner div.groups div.group h1 {
		text-align: center
	}

	div#container.animsition section#snsSection.home div.sectionInner div.groups h1 {
		text-align: center;
		margin: 0;
		display: block;
		float: none
	}

	#snsSection h1 img {
		width: auto;
		height: 50px;
		text-align: center
	}

	#snsSection .groups .group {
		width: 50%
	}

}

.timetable {
	display: table;
	width: 100%;
	vertical-align: top
}

.timetable .map {
	display: table-cell;
	width: 70%;
	vertical-align: top;
	padding: 10px
}

.timetable .bus {
	display: table-cell;
	width: 25%;
	vertical-align: top;
	padding: 10px
}

.bus dl.col2 {
	display: table-cell;
	width: 50%;
	vertical-align: top;
	padding: 0 10px 0 0
}

.bus dl dt {
	margin: 10px 0
}

.bus .attention {
	font-size: 80%;
	color: #C71432;
	line-height: 1.2em
}

.timescheduleTxt {
	font-size: 0.8em
}

.bus p.img_bus img {
	float: right;
	width: 200px;
	padding: 0 10px
}

body.page.access .thin {
	width: 960px;
	margin: 0 auto
}

@media only screen and (max-width:640px) {
	.timetable .map {
		width: 100%;
		display: block;
		vertical-align: top
	}

	.timetable .map img, .timetable .map.en img {
		width: 100%
	}

	.timetable .bus {
		width: 100%;
		display: block;
		vertical-align: top
	}

	.bus.en {
		width: 100%;
		display: block
	}

	body.page.access .thin {
		width: 100%
	}

}

#mainContentWrapper.pages ul.taxList {
	margin: 8px 2em;
	list-style: disc;
	line-height: 1.9em
}

#mainContentWrapper.pages .text dl.taxList {
	width: 100%;
	max-width: 400px;
	margin: 1em 0
}

#mainContentWrapper.pages .text dl.taxList dt.strong, #mainContentWrapper.pages .text dl.taxList dd.strong {
	font-weight: bold;
	margin: 0 0 0.6em
}

#mainContentWrapper.pages .text dl.taxList dt, #mainContentWrapper.pages .text dl.taxList dd {
	display: inline-block;
	width: 50%;
	line-height: 1.2em
}

#mainContentWrapper.pages .nonSmoke {
	position: relative
}

#mainContentWrapper.pages .nonSmoke .text {
	display: inline-block;
	width: 75%;
	margin: 0 0 0 160px
}

@media (max-width:939px) {
	#mainContentWrapper.pages .nonSmoke .text {
		width: 70%;
		float: none
	}

}

@media (max-width:639px) {
	#mainContentWrapper.pages .nonSmoke .text {
		width: 100%;
		margin: 10px 0 0 0
	}

	#mainContentWrapper.pages .nonSmoke .text p {
		font-size: 12px
	}

}

#mainContentWrapper.pages .nonSmoke .text h3 {
	text-align: left;
	color: #534741;
	font-family: serif;
	font-size: 1.5em;
	margin: 10px 0;
	width: auto
}

@media (max-width:639px) {
	#mainContentWrapper.pages .nonSmoke .text h3 {
		position: absolute;
		top: 13px;
		left: 80px
	}

}

#mainContentWrapper.pages .nonSmoke .smoke_icon {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 30px auto 0;
	display: inline-block;
	background: #ddd;
	height: 130px;
	padding: 15px;
	border-radius: 5px
}

@media (max-width:939px) {
	#mainContentWrapper.pages .nonSmoke .smoke_icon {
		float: none
	}

}

@media (max-width:639px) {
	#mainContentWrapper.pages .nonSmoke .smoke_icon {
		position: static;
		height: 50px;
		padding: 8px
	}

}

#mainContentWrapper.pages .nonSmoke .smoke_icon img {
	width: auto;
	height: 100%
}

.recruit h1#pageTitle {
	_position: absolute;
	_width: 100%;
	_z-index: 1;
	_top: 50%;
	font-size: 1.7em;
	letter-spacing: 0.1em;
	font-family: serif;
	_filter: progid:DXImageTransform.Microsoft.Shadow(color=#FFFFFF, direction=0, Strength=0);
	_text-shadow: 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #fff, 0 0 11px #fff;
	text-align: center
}

.recruit h1#pageTitle span {
	font-size: 0.6em;
	display: block;
	margin: 20px auto;
	max-width: 800px
}

.recruit_summary {
	max-width: 800px;
	margin: 0 auto 30px
}

.recruit-inner {
	margin: 0 auto 100px;
	max-width: 800px
}

.recruit-inner h2 {
	padding: 15px;
	border: 1px solid #ccc;
	background-color: #bba981;
	color: #fff;
	font-family: serif;
	font-size: larger;
	text-align: center
}

.recruit-inner table th {
	padding: 15px;
	border: 1px solid #ccc
}

.recruit-inner table td {
	padding: 15px;
	border: 1px solid #ccc
}

.recruit-inner table td button {
	background: #bba981;
	border-radius: 0;
	color: #fff;
	cursor: pointer;
	outline: 0;
	padding: 0.6em 1em
}

.recruit-inner table td button img.icon {
	height: 14px;
	margin-right: 4px
}

.recruit-inner table th {
	width: 20%;
	background-color: #f2f2f2
}

.recruit-inner table td {
	width: 80%
}

.recruit-inner p {
	padding: 15px
}
/* add20200623 DEN covid top banner ---------------------------- */
/*JP*/
#mainImage #covidBadge{
    position: absolute;
    z-index: 100;
    bottom: 20px;
    left: 20px;
    width: 300px;
    height:  140px;
}
/*EN*/
#mainImage #covidBadgeEN{
    position: absolute;
    z-index: 100;
    bottom: 20px;
    left: 20px;
    width: 180px;
}
/*COMMON*/
.hide_desktop{display: none;}
.hide_phone{display: block;}
@media only screen and (max-width: 768px){
/*JP*/
#mainImage #covidBadge {
    bottom: auto;
    width: 80px;
    top: 100px;
    left: 10px;
}
/*EN*/
#mainImage #covidBadgeEN {
    bottom: auto;
    width: 80px;
    top: 10px;
    left: 10px;
}
/*COMMON*/
#mainImage #covidBadge .badge img,
#mainImage #covidBadgeEN .badge img {
    width: 100%;
    height: auto;
}
.hide_desktop{display: block;}
.hide_phone{display: none;}
}


/* add20200821 DEN GoToTravel top banner ---------------------------- */
#mainImage #GoToTravelBadge {
    position: absolute;
    z-index: 100;
    bottom: 180px;
    left: 20px;
    width: 145px;
    height: 145px;
}
#mainImage #GoToTravelBadge img{
    width: 145px;
    height: 145px;	
}
@media only screen and (max-width: 768px){
	#mainImage #GoToTravelBadge {
	    bottom: auto;
		top: 10px;
	    left: 10px;
	    width: 80px;
	    height: 80px;
	}
	#mainImage #GoToTravelBadge img{
	    width: 80px;
	    height: 80px;
	}
}

/* fix20210329 DEN #pnaviWrapper fix -------------------------------- */
#pnaviWrapper{
	width: 360px;
}
#sc #pnaviWrapper .tel,
#tc #pnaviWrapper .tel{
	font-size: 1.8em;
}

/* fix20220412 DEN Room Page add & fix -------------------------------- */
#roomSide ul li{
	position: relative;
}
#roomSide ul li a p{
	position: absolute;
	top: 50%;
	left: 70px;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
	line-height: 1.2;
}

/* fix20230706 DEN #pnaviWrapper fix -------------------------------- */
@media only screen and (min-width: 769px) {
	.sp-yoyakubtn {
		display: none;
	}
}
@media only screen and (max-width: 768px) {
	#yoyakuArea.yoyakuArea-en {
		display: block; /*上書き*/
	}
	#yoyakuArea.yoyakuArea-en #yoyakuAreaInner {
		display: none;
	}
}

/* fix20230731 DEN .languagesWrapperSp -------------------------------- */
#languagesWrapper.languagesWrapperSp {
	display: none;
}
@media only screen and (max-width:768px) {
	#languagesWrapper.languagesWrapperSp {
		display: block !important;
		position: static;
		margin: 20px auto;
		width: fit-content;
		height: 23px;
	}
}