/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}

audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}
[hidden], template {
display:none
}

a {
	background: transparent
}

a:active, a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b, strong {
	font-weight: bold
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em;
	margin: 0.67em 0
}

mark {
	background: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 1em 40px
}

hr {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}

pre {
	overflow: auto
}

code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}

button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

button, select {
	text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled], html input[disabled] {
	cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}

input {
	line-height: normal
}

input[type="checkbox"], input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height:auto
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em
}

legend {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: bold
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td, th {
	padding: 0
}

html {
	background-color: #fff;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 16px;
	line-height: 1.7;
	/*font: 16px / 1.7 '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;*/
	color: #1c1c1c
}

input, button {
	font: 16px / 1.7 '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
	-webkit-font-smoothing: antialiased
}

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	-webkit-font-smoothing: antialiased
}

#wrap {
	min-width: 1180px;
	margin: 0 auto;
	padding: 0;
	width: 100%
}

p {
	margin: 0
}

h1 img, h2 img, h3 img, p img {
}

ul, li {
	padding: 0;
	margin: 0;
	list-style: none
}

dl, dt, dd {
	padding: 0;
	margin: 0
}

header #headNav {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0px;
	min-width: 1180px;
	height: 140px;
	background: rgba(255,255,255,0.9);
	text-align: center;
	-webkit-transition: margin-top 0.2s linear;
	transition: margin-top 0.2s linear;
	z-index: 10
}

header #headNav #spMenu {
	display: none
}

header #headNav #logo {
	position: absolute;
	left: 30px;
	top: 16px;
	width: 142px;
	height: 46px;
	margin: 0
}

header #headNav #logo a {
	display: block;
	width: 142px;
	height: 46px;
	background-image: url(../img/sprite.png);
	background-position: -188px -420px;
	width: 142px;
	height: 46px;
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

header #headNav #logo a:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5;
	cursor: pointer
}

header #headNav #logo img {
	display: none
}

header #headNav #nav li {
	vertical-align: top;
	display: inline-block;
	margin: 15px 20px 0 -0.3em
}

header #headNav #nav li a {
	color: #1c1c1c;
	display: inline-block;
	padding: 0 20px;
	text-decoration: none;
	font-size: 16px;
	line-height: 30px;
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	font-weight: bold
}

header #headNav #nav li a:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5;
	cursor: pointer
}

header #headNav .language {
	border-left: 1px solid rgba(255,255,255,0.5)
}

header #headNav .language>a {
	position: relative;
	width: 30px;
	padding-right: 30px
}

header #headNav .language>a:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	margin: auto 0;
	border-style: solid;
	border-width: 7px 4px 0 4px;
	border-color: #d6a54a transparent transparent transparent
}

header #headNav .language #langMenu {
	display: none;
	position: absolute;
	top: 80px;
	width: 85px;
	right: 15px;
	background: rgba(255,255,255,0.9);
	margin: 0;
	padding: 0;
	text-align: left
}

header #headNav .language #langMenu li {
	display: block;
	margin: 0;
	border-top: 1px solid rgba(255,255,255,0.5);
	text-align: left
}

header #headNav .language #langMenu li:first-child {
	border-top: none
}

header #headNav .language #langMenu li a {
	color: #1c1c1c;
	display: block;
	text-align: center;
	padding: 10px 0
}

header #headNav.index {
	position: absolute;
	height: 140px;
	background: none;

background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
}

header #headNav.index #logo {
	position: absolute;
	left: 30px;
	top: 22px;
	width: 178px;
	height: 58px;
	margin: 0
}

header #headNav.index #logo a {
	background: none
}

header #headNav.index #logo a img {
	display: block
}

header #headNav.index #nav li {
	vertical-align: top;
	display: inline-block;
	/*margin: 33px 20px 0 -0.3em;*/
	margin: 15px 0 0 0;
	width: 16%;
}

header #headNav #nav li.r_line {
    border-right: 1px solid #ffffff;
}

header #headNav.index #nav li a {
	display: inline-block;
	padding: 0 20px;
	color: #FFF;
	text-decoration: none;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 3px;
}
header #headNav.index #nav li a span {
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: normal;
}


header #headNav.index #nav .language>a {
	padding-right: 30px
}

header #headNav.index #nav .language #langMenu {
	background: none
}

header #headNav.index #nav .language #langMenu li {
	text-align: left;
	margin: 0;
	display: block;
	border-top: 1px solid rgba(255,255,255,0.5)
}

header #headNav.index #nav .language #langMenu li:first-child {
	border-top: none
}

header #headNav.index #nav .language #langMenu li a {
	display: block;
	text-align: center;
	padding: 10px 0
}

header #headNav.index.fixed.showNav {
	top: 0;
	opacity: 1
}

header #headNav.index.fixed.showNav #logo img {
	display: none
}

header #headNav.index.fixed.showNav #nav .language>a {
	padding-right: 30px
}

header #headNav.index.fixed.showNav #nav .language #langMenu {
	background: rgba(255,255,255,0.9)
}

header #headNav.index.fixed.showNav #nav .language #langMenu li {
	margin: 0;
	display: block;
	border-top: 1px solid rgba(255,255,255,0.5)
}

header #headNav.index.fixed.showNav #nav .language #langMenu li:first-child {
	border-top: none
}

header #headNav.index.fixed.showNav #nav .language #langMenu li a {
	display: block;
	text-align: center;
	padding: 10px 0
}

header #headNav.fixed {
	position: fixed;
	left: 0;
	top: -140px;
	bottom: inherit;
	margin-top: 0;
	height: 140px;
	z-index: 100;
	opacity: 0;
	/*background: rgba(255,255,255,0.9);*/

background: -moz-linear-gradient(top,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */

	-webkit-transition: top 0.2s linear;
	transition: top 0.2s linear
}

header #headNav.fixed #logo {
	top: 16px;
	width: 142px;
	height: 46px
}

header #headNav.fixed #logo a {
	background-image: url(../img/sprite.png);
	background-position: -188px -420px;
	width: 142px;
	height: 46px
}

header #headNav.fixed #logo img {
	display: none
}

header #headNav.fixed #nav {
	padding-top: 10px
}

header #headNav.fixed #nav li {
	margin-top: 15px
}

header #headNav.fixed #nav li a {
	/*color: #1c1c1c*/
	color: #ffffff;
}

header #headNav.fixed #nav .language {
	border-left: 1px solid rgba(195,195,195,0.5)
}

header #headNav.fixed #nav .language>a {
	padding-right: 30px
}

header #headNav.fixed #nav .language #langMenu {
	background: rgba(255,255,255,0.9)
}

header #headNav.fixed #nav .language #langMenu li {
	display: block;
	margin: 0;
	border-top: 1px solid rgba(195,195,195,0.5)
}

header #headNav.fixed #nav .language #langMenu li:first-child {
	border-top: none
}

header #headNav.fixed #nav .language #langMenu li a {
	display: block;
	text-align: center;
	padding: 10px 0
}

header #headNav.fixed.show {
	top: 0;
	opacity: 1
}

header #sub_nav {
	color: #ffffff;
	text-align: right;
	line-height: 0.1em;
}
/*header .fixed #sub_nav,
header .fixed #sub_nav a {
	color: #000000;
}*/
header #sub_nav li {
	display: inline-block;
	margin-right: 30px;
}
header #sub_nav li a {
	/*display: inline-block;
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;*/
	transition: opacity 0.2s linear 0s;
}
header #sub_nav li a:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5;
	cursor: pointer
}
header #sub_nav li.app_btn {
	text-indent: 9999px;
}
header #sub_nav li.app_btn a {
	background: url(../img/com/app_btn.png) 0 0 no-repeat;
	width: 220px;
	height: 50px;
	display: block;
	text-align: left;
	text-indent: -9999px;
}
header #sub_nav li.tel_nav {
	font-size: 12px;
}
header #sub_nav li.tel_nav span {
    color: #c7bd4a;
    font-size: 22px;
    font-weight: bold;
	vertical-align: middle;
}
header #sub_nav li.arrow01 {
	background: url(../img/com/arrow01.png) left center no-repeat;
	padding-left: 12px;
}
header #navWrap .sub_logo {
	display: none;
}
header .fixed #navWrap .sub_logo {
	display: block;
    position: absolute;
    left: 30px;
    top: 8px;
    /*z-index: 8;*/
}
header .fixed #navWrap .sub_logo a {
	background: url(../img/com/sub_logo_w.png) 0 0 no-repeat;
	text-indent: -9999px;
	width: 240px;
	height: 35px;
	display: block;
}

header #headNav_com {
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	min-width: 1260px;
	height: 140px;
	background: rgba(255,255,255,0.9);
	text-align: center;
	-webkit-transition: margin-top 0.2s linear;
	transition: margin-top 0.2s linear;
	z-index: 10;
}

header #headNav_com #spMenu {
	display: none
}

header #headNav_com #logo {
	position: absolute;
	left: 30px;
	top: 16px;
	width: 142px;
	height: 46px;
	margin: 0
}

header #headNav_com #logo a {
	display: block;
	width: 142px;
	height: 46px;
	background-image: url(../img/sprite.png);
	background-position: -188px -420px;
	width: 142px;
	height: 46px;
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

header #headNav_com #logo a:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5;
	cursor: pointer
}

header #headNav_com #logo img {
	display: none
}

header #headNav_com #nav li {
	vertical-align: top;
	display: inline-block;
	margin: 15px 20px 0 -0.3em
}

header #headNav_com #nav li a {
	display: inline-block;
	/*color: #1c1c1c;
	padding: 0 20px;
	text-decoration: none;
	font-size: 16px;
	line-height: 30px;*/
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	font-weight: bold
}

header #headNav_com #nav li a:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5;
	cursor: pointer
}

header #headNav_com .language {
	border-left: 1px solid rgba(255,255,255,0.5)
}

header #headNav_com .language>a {
	position: relative;
	width: 30px;
	padding-right: 30px
}

header #headNav_com .language>a:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	margin: auto 0;
	border-style: solid;
	border-width: 7px 4px 0 4px;
	border-color: #d6a54a transparent transparent transparent
}

header #headNav_com .language #langMenu {
	display: none;
	position: absolute;
	top: 80px;
	width: 85px;
	right: 15px;
	background: rgba(255,255,255,0.9);
	margin: 0;
	padding: 0;
	text-align: left
}

header #headNav_com .language #langMenu li {
	display: block;
	margin: 0;
	border-top: 1px solid rgba(255,255,255,0.5);
	text-align: left
}

header #headNav_com .language #langMenu li:first-child {
	border-top: none
}

header #headNav_com .language #langMenu li a {
	color: #1c1c1c;
	display: block;
	text-align: center;
	padding: 10px 0
}

header #headNav_com.index {
	position: absolute;
	height: 140px;
	background: none;

background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
}

header #headNav_com.index #logo {
	display:none;
	/*
	position: absolute;
	left: 30px;
	top: 22px;
	width: 178px;
	height: 58px;
	margin: 0
	*/
}

header #headNav_com.index #logo a {
	background: none
}

header #headNav_com.index #logo a img {
	display: block;
}

header #headNav_com #navsp {
	display: none;
}

header #headNav_com.index #nav li {
	vertical-align: top;
	display: inline-block;
	/*margin: 33px 20px 0 -0.3em;*/
	margin: 15px 0 0 0;
	width: 16%;
	/*width: 19%;*/
}

header #headNav_com #nav li.r_line {
    border-right: 1px solid #ffffff;
}

/*header #headNav_com.index #nav li a {
	display: inline-block;
	padding: 0 20px;
	color: #FFF;
	text-decoration: none;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 3px;
}
header #headNav_com.index #nav li a span {
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: normal;
}*/


header #headNav_com.index #nav .language>a {
	padding-right: 30px
}

header #headNav_com.index #nav .language #langMenu {
	background: none
}

header #headNav_com.index #nav .language #langMenu li {
	text-align: left;
	margin: 0;
	display: block;
	border-top: 1px solid rgba(255,255,255,0.5)
}

header #headNav_com.index #nav .language #langMenu li:first-child {
	border-top: none
}

header #headNav_com.index #nav .language #langMenu li a {
	display: block;
	text-align: center;
	padding: 10px 0
}

header #headNav_com.index.fixed.showNav {
	top: 0;
	opacity: 1
}

header #headNav_com.index.fixed.showNav #logo img {
	display: none
}

header #headNav_com.index.fixed.showNav #nav .language>a {
	padding-right: 30px
}

header #headNav_com.index.fixed.showNav #nav .language #langMenu {
	background: rgba(255,255,255,0.9)
}

header #headNav_com.index.fixed.showNav #nav .language #langMenu li {
	margin: 0;
	display: block;
	border-top: 1px solid rgba(255,255,255,0.5)
}

header #headNav_com.index.fixed.showNav #nav .language #langMenu li:first-child {
	border-top: none
}

header #headNav_com.index.fixed.showNav #nav .language #langMenu li a {
	display: block;
	text-align: center;
	padding: 10px 0
}

header #headNav_com.fixed {
	position: fixed;
	left: 0;
	top: -140px;
	bottom: inherit;
	margin-top: 0;
	height: 150px;
	z-index: 100;
	opacity: 0;
	padding-top: 10px;
	/*background: rgba(255,255,255,0.9);*/

background: -moz-linear-gradient(top,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */

	-webkit-transition: top 0.2s linear;
	transition: top 0.2s linear
}

header #headNav_com.fixed #logo {
	top: 16px;
	width: 142px;
	height: 46px
}

header #headNav_com.fixed #logo a {
	background-image: url(../img/sprite.png);
	background-position: -188px -420px;
	width: 142px;
	height: 46px
}

header #headNav_com.fixed #logo img {
	display: none
}

header #headNav_com.fixed #nav {
	padding-top: 10px
}

header #headNav_com.fixed #nav li {
	margin-top: 15px
}

header #headNav_com.fixed #nav li a {
	/*color: #1c1c1c*/
	color: #ffffff;
}

header #headNav_com.fixed #nav .language {
	border-left: 1px solid rgba(195,195,195,0.5)
}

header #headNav_com.fixed #nav .language>a {
	padding-right: 30px
}

header #headNav_com.fixed #nav .language #langMenu {
	background: rgba(255,255,255,0.9)
}

header #headNav_com.fixed #nav .language #langMenu li {
	display: block;
	margin: 0;
	border-top: 1px solid rgba(195,195,195,0.5)
}

header #headNav_com.fixed #nav .language #langMenu li:first-child {
	border-top: none
}

header #headNav_com.fixed #nav .language #langMenu li a {
	display: block;
	text-align: center;
	padding: 10px 0
}

header #headNav_com.fixed.show {
	top:0;
	opacity: 1
}

header #sub_nav {
	color: #ffffff;
	text-align: right;
	margin-bottom: 6px;
}
/*header .fixed #sub_nav,
header .fixed #sub_nav a {
	color: #000000;
}*/
header #sub_nav li {
	display: inline-block;
	margin-right: 25px;
}
header #sub_nav li a {
	/*display: inline-block;
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;*/
	transition: opacity 0.2s linear 0s;
}
header #sub_nav li a:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5;
	cursor: pointer
}
header #sub_nav li.app_btn {
	text-indent: 9999px;
}

.app_btn a {
	background: url(../img/com/app_btn.png) 0 0 no-repeat;
	width: 230px;
	height: 70px;
	display: block;
	text-align: left;
	text-indent: -9999px;
}
.app_btn a:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5;
	cursor: pointer
}

/*header #sub_nav li.app_btn a {
	background: url(../img/com/app_btn.png) 0 0 no-repeat;
	width: 230px;
	height: 50px;
	display: block;
	text-align: left;
	text-indent: -9999px;
}*/
header #sub_nav li.tel_nav {
	font-size: 12px;
}
header #sub_nav li.tel_nav span {
    color: #c7bd4a;
    font-size: 22px;
    font-weight: bold;
	vertical-align: middle;
}
header #sub_nav li.arrow01 {
	background: url(../img/com/arrow01.png) left center no-repeat;
	padding-left: 12px;
}
header #navWrap .sub_logo {
	display: none;
}
header .fixed #navWrap .sub_logo {
	display: block;
    position: absolute;
    left: 30px;
    top: 8px;
    /*z-index: 8;*/
}
header .fixed #navWrap .sub_logo a {
	background: url(../img/com/sub_logo_w.png) 0 0 no-repeat;
	text-indent: -9999px;
	width: 240px;
	height: 35px;
	display: block;
}

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

header #headNav {
	position: fixed;
	left: 0;
	right: 0;
	top: 0px;
/*	min-width: 1180px;
	height: 140px;
	background: rgba(255,255,255,0.9);
	text-align: center;
	-webkit-transition: margin-top 0.2s linear;
	transition: margin-top 0.2s linear;
	z-index: 10*/
}

header #headNav, header #headNav.index {
	min-width: inherit;
	position: fixed;
	height: 60px;
}

header #headNav #logo, header #headNav.index #logo {
	position: absolute;
	left: 15px;
	top: 15px;
	width: 89px;
	height: 29px
}

header #headNav #logo img, header #headNav.index #logo img {
	width: 89px;
	height: 29px
}

header #headNav #spMenu, header #headNav.index #spMenu {
	display: block;
	position: absolute;
	right: 15px;
	top: 15px;
	white-space: nowrap
}

header #headNav #spMenu .acBtn, header #headNav.index #spMenu .acBtn {
	display: inline-block;
	background-image: url(../img/sprite.png);
	background-position: -284px -210px;
	width: 20px;
	height: 16px;
	-webkit-background-size: 342px 239px;
	background-size: 342px 239px;
	cursor: pointer;
	vertical-align: middle
}

header #headNav #spMenu .reserv, header #headNav.index #spMenu .reserv {
	display: inline-block;
	margin-right: 20px;
	vertical-align: middle
}

header #headNav #spMenu .reserv a, header #headNav.index #spMenu .reserv a {
	font-size: 11px;
	color: #FFF;
	text-decoration: none
}

header #headNav #navWrap, header #headNav.index #navWrap {
	overflow: hidden;
	position: absolute;
	top: 60px;
	left: 0;
	right: 0
}

header #headNav #navWrap.act #nav, header #headNav.index #navWrap.act #nav {
	margin-top: 0
}

header #headNav #nav, header #headNav.index #nav {
	display:none;
}


header #headNav #nav, header #headNav.index #navsp {
	display:block;
	position: relative;
	max-height: 600px;
	display: block;
	margin: -200% 0 0;
	overflow-y: auto;
	-webkit-transition: margin-top 0.5s ease;
	transition: margin-top 0.5s ease
}

header #headNav #nav li, header #headNav.index #navspli {
	background: rgba(255,255,255,0.8);
	margin: 0;
	display: block;
	text-align: center;
	border-top: 1px solid #ccc;
	width:99%;
}

header #headNav #nav li a, header #headNav.index #navsp li a {
	margin: 0;
	padding: 15px 0;
	display: block;
	color: #1c1c1c;
	font-size: 12px;
	line-height: 1.4
}

header #headNav #nav .reserv, header #headNav.index #nav .reserv {
	display: none
}

header #headNav #nav .language, header #headNav.index #nav .language {
	border-left: 1px solid rgba(255,255,255,0.5)
}

header #headNav #nav .language>a, header #headNav.index #nav .language>a {
	position: relative;
	width: auto;
	padding: 15px 20px;
	display: inline-block;
	font-weight: bold
}

header #headNav #nav .language>a:after, header #headNav.index #nav .language>a:after {
	display: none
}

header #headNav #nav .language #langMenu, header #headNav.index #nav .language #langMenu {
	position: static;
	display: inline-block;
	width: auto;
	background: none;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle
}

header #headNav #nav .language #langMenu li, header #headNav.index #nav .language #langMenu li {
	display: inline-block;
	margin: 0;
	border-top: none;
	text-align: center;
	background: none
}

header #headNav #nav .language #langMenu li:first-child, header #headNav.index #nav .language #langMenu li:first-child {
	border-top: none
}

header #headNav #nav .language #langMenu li a, header #headNav.index #nav .language #langMenu li a {
	color: #1c1c1c;
	display: inline-block;
	text-align: center;
	padding: 15px 20px;
	background: none
}

header #headNav.fixed, header #headNav.index.fixed {
	height: 40px
}

header #headNav.fixed #logo, header #headNav.index.fixed #logo {
	left: 15px;
	top: 10px;
	width: 89px;
	height: 29px
}

header #headNav.fixed #logo a, header #headNav.index.fixed #logo a {
	background-image: url(../img/sprite.png);
	background-position: -94px -210px;
	width: 71px;
	height: 23px;
	-webkit-background-size: 342px 239px;
	background-size: 342px 239px
}

header #headNav.fixed #navWrap, header #headNav.index.fixed #navWrap {
	top: 30px
}

header #headNav.fixed #nav li, header #headNav.index.fixed #nav li {
	margin-top: 0
}

header #headNav.fixed #nav .language #langMenu, header #headNav.index.fixed #nav .language #langMenu {
	background: none
}

header #headNav.fixed #nav .language #langMenu li, header #headNav.index.fixed #nav .language #langMenu li {
	display: inline-block
}

header #headNav.fixed #nav .language #langMenu li a, header #headNav.index.fixed #nav .language #langMenu li a {
	padding: 15px 20px
}

header #headNav.fixed.showNav #nav .language #langMenu, header #headNav.index.fixed.showNav #nav .language #langMenu {
	background: none
}

header #headNav.fixed.showNav #nav .language #langMenu li, header #headNav.index.fixed.showNav #nav .language #langMenu li {
	display: inline-block
}

header #headNav.fixed.showNav #nav .language #langMenu li a, header #headNav.index.fixed.showNav #nav .language #langMenu li a {
	padding: 15px 20px
}

header #headNav.fixed #spMenu, header #headNav.index.fixed #spMenu {
	top: 5px
}

header #headNav.fixed #spMenu .acBtn, header #headNav.index.fixed #spMenu .acBtn {
	display: inline-block;
	background-image: url(../img/sprite.png);
	background-position: -284px -210px;
	width: 20px;
	height: 16px;
	-webkit-background-size: 342px 239px;
	background-size: 342px 239px;
	cursor: pointer;
	vertical-align: middle
}

header #headNav.fixed #spMenu .reserv a, header #headNav.index.fixed #spMenu .reserv a {
	color: #1c1c1c;
}

header .fixed #navWrap .sub_logo {
	display: none;
}

/*add20151216
---------------------------*/
header #headNav_com, header #headNav_com.index {
	background-color: rgba(0,0,0,0.5);
	min-width: inherit;
	position: fixed;
	height:60px;
	top:0;
	opacity:1;
}

header #headNav_com #logo, header #headNav_com.index #logo {
	display:block;
	position:absolute;
	left: 15px;
	top: 15px;
	width: 151px;
	height: 25px;
	z-index:100;
}

header #headNav_com #logo, header #headNav_com.index #logo a {
	background:url(../img/logo_img_sp.png) 0 0 no-repeat;
	width: 151px;
	height: 25px
}

header #headNav_com #logo img, header #headNav_com.index #logo img {
	display:block;
	width: 151px;
	height: 25px
}

header #sub_nav {
	display:none;
}

header #headNav_com #spMenu, header #headNav_com.index #spMenu {
	display: block;
	position: absolute;
	right: 15px;
	top: 15px;
	white-space: nowrap;
}

header #headNav_com #spMenu .acBtn,
header #headNav_com.index #spMenu .acBtn {
	display: inline-block;
	background-image: url(../img/sprite.png);
	background-position: -284px -210px;
	width: 20px;
	height: 16px;
	-webkit-background-size: 342px 239px;
	background-size: 342px 239px;
	cursor: pointer;
	vertical-align: middle
}

header #headNav_com #spMenu .reserv,
header #headNav_com.index #spMenu .reserv {
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle
}

header #headNav_com #spMenu .reserv a,
header #headNav_com.index #spMenu .reserv a {
	font-size: 12px;
	color: #E9D51D;
	text-decoration: none
}

header #headNav_com #navWrap,
header #headNav_com.index #navWrap {
	overflow: hidden;
	position: absolute;
	top: 60px;
	left: 0;
	right: 0
}

header #headNav_com #navWrap.act #nav,
header #headNav_com.index #navWrap.act #nav {
	display:none;
	/*
	margin-top:0;
	*/
}

header #headNav_com #nav,
header #headNav_com.index #nav {
	display:none !important;
}

header #headNav_com #navWrap.act #navsp,
header #headNav_com.index #navWrap.act #navsp {
	margin-top:0;
	height: 50%;
	overflow: auto;
}

header #headNav_com #nav, header #headNav_com.index #navsp {
	display: block !important;
	position: relative;
	max-height: inherit;
	display: block;
	margin: -350% 0 0;
	overflow-y: auto;
	-webkit-transition: margin-top 0.5s ease;
	transition: margin-top 0.5s ease
}

header #headNav_com #nav li, header #headNav_com.index #navsp li {
	background: rgba(255,255,255,0.8);
	margin: 0;
	display: inline-block;
	/*display: block;*/
	text-align: center;
	border-top: 1px solid #ccc;
	width:49%;
}

header #headNav_com #nav li a, header #headNav_com.index #navsp li a {
	margin: 0;
	padding: 24px 0;
	display: block;
	color: #1c1c1c;
	font-size: 12px;
	line-height: 1.7
}

header #headNav_com #nav .reserv, header #headNav_com.index #nav .reserv {
	display: none
}

header #headNav_com #nav .language, header #headNav_com.index #nav .language {
	border-left: 1px solid rgba(255,255,255,0.5)
}

header #headNav_com #nav .language>a, header #headNav_com.index #nav .language>a {
	position: relative;
	width: auto;
	padding: 15px 20px;
	display: inline-block;
	font-weight: bold
}

header #headNav_com #nav .language>a:after, header #headNav_com.index #nav .language>a:after {
	display: none
}

header #headNav_com #nav .language #langMenu, header #headNav_com.index #nav .language #langMenu {
	position: static;
	display: inline-block;
	width: auto;
	background: none;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle
}

header #headNav_com #nav .language #langMenu li, header #headNav_com.index #nav .language #langMenu li {
	display: inline-block;
	margin: 0;
	border-top: none;
	text-align: center;
	background: none
}

header #headNav_com #nav .language #langMenu li:first-child, header #headNav_com.index #nav .language #langMenu li:first-child {
	border-top: none
}

header #headNav_com #nav .language #langMenu li a, header #headNav_com.index #nav .language #langMenu li a {
	color: #1c1c1c;
	display: inline-block;
	text-align: center;
	padding: 15px 20px;
	background: none
}

header #headNav_com.fixed, header #headNav_com.index.fixed {
	height: 60px;
	padding-top: 0px;
}

header #headNav_com.fixed #logo, header #headNav_com.index.fixed #logo {
	left: 15px;
	top: 15px;
	width: 151px;
	height: 25px;
}

header #headNav_com.fixed #logo a, header #headNav_com.index.fixed #logo a {
	width: 151px;
	height: 25px;
}

header #headNav_com.fixed #navWrap, header #headNav_com.index.fixed #navWrap {
	top: 60px
}

header #headNav_com.fixed #nav li, header #headNav_com.index.fixed #nav li {
	margin-top: 0
}

header #headNav_com.fixed #nav .language #langMenu, header #headNav_com.index.fixed #nav .language #langMenu {
	background: none
}

header #headNav_com.fixed #nav .language #langMenu li, header #headNav_com.index.fixed #nav .language #langMenu li {
	display: inline-block
}

header #headNav_com.fixed #nav .language #langMenu li a, header #headNav_com.index.fixed #nav .language #langMenu li a {
	padding: 15px 20px
}

header #headNav_com.fixed.showNav #nav .language #langMenu, header #headNav_com.index.fixed.showNav #nav .language #langMenu {
	background: none
}

header #headNav_com.fixed.showNav #nav .language #langMenu li, header #headNav_com.index.fixed.showNav #nav .language #langMenu li {
	display: inline-block
}

header #headNav_com.fixed.showNav #nav .language #langMenu li a, header #headNav_com.index.fixed.showNav #nav .language #langMenu li a {
	padding: 15px 20px
}

header #headNav_com.fixed #spMenu, header #headNav_com.index.fixed #spMenu {
	top: 15px
}

header #headNav_com.fixed #spMenu .acBtn,header #headNav_com.index.fixed #spMenu .acBtn {
	display: inline-block;
	background-image: url(../img/sprite.png);
	background-position: -284px -210px;
	width: 20px;
	height: 16px;
	-webkit-background-size: 342px 239px;
	background-size: 342px 239px;
	cursor: pointer;
	vertical-align: middle
}

/*header #headNav_com.fixed #spMenu .reserv a,
header #headNav_com.index.fixed #spMenu .reserv a {
	background: url(../img/com/appsp_btn.png) 0 0 no-repeat;
	width: 90px;
	height: 25px;
	text-indent: -9999px;
	display: block;

	color: #E9D51D
}*/
#spMenu .reserv a {
	background: url(../img/com/appsp_btn.png) 0 0 no-repeat;
	width: 90px;
	height: 25px;
	text-indent: -9999px;
	display: block;

	color: #E9D51D
}




}


/*footer
--------------------------*/
footer {
	padding: 0;
	position: relative;
	z-index: 2
}

.footer_bg01 {
	width:100%;
	background:#f2f2f2;
	padding:30px 0;
}

.footer_bg01 img:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}

.footer_bg01 span {
	text-align:center;
	display:block;
}


.footer_bg02 {
	width:100%;
	background:#e0e8ef;
	padding:30px 0;
	margin:0 auto 30px;
}

.footer_bg02_l {
	width:560px;
	float:left;
	margin:0 auto;
}

.fot_logo_img {
	width:291px;
	height:auto;
	margin:0 auto 20px;
}

address {
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style:normal;
	line-height:1.4em;
	margin:0 auto 30px;
	letter-spacing:0.5px;
}


.fot_sitemap {
	display:block;
	width:100%;
	padding:20px 0;
	border-top:1px solid #b9baba;
	border-bottom:1px solid #b9baba;
}

.fot_sitemap li {
	width:33%;
	font-size:0.9em;
	padding:10px 0;
	float:left;
}

.fot_sitemap li a {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#000000;
	text-decoration:none;
}

.fot_sitemap li a:hover {
	text-decoration: underline;
}

.sns { display: flex; justify-content: center; margin: 10px 0;}
.sns li { margin: 0 10px; width: 50px;}
.sns li img { width: 100%; height: auto;}

.footer_bg02_r {
	width:500px;
	float:right;
	margin:0 auto;
}

.copyright {
	font-size: 10px;
	letter-spacing: 0.2em;
	text-align:center;
}

main {
	background: #FFF;
	position: relative;
	z-index: 2
}





#loading {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	height: 100%;
	background: #FFF;
	z-index: 9999
}

#loading.show .inr {
	opacity: 1
}

#loading.show .inr .progress:before {
	width: 90%
}

#loading.show.end .inr .progress:before {
	-webkit-transition: width 1s ease;
	transition: width 1s ease;
	width: 100%
}

#loading .inr {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	height: 462px;
	margin: auto;
	opacity: 0;
	-webkit-transition: opacity 1s linear;
	transition: opacity 1s linear
}

#loading .inr p img {
	margin: 0
}

#loading .inr .logo {
	position: absolute;
	right: 110px;
	bottom: 50px;
	width: 192px
}

#loading .inr .logo img {
	width: 192px;
	height: 28px
}

#loading .inr .txt {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 110px;
	margin: auto 0
}

#loading .inr .progress {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	display: block;
	background: #E3E3E3;
	margin-top: -10px;
	width: auto;
	height: 1px;
	overflow: hidden
}

#loading .inr .progress:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	width: 0%;
	background: #212121;
	-webkit-transition: width 18s ease;
	transition: width 18s ease
}


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

#wrap {
	min-width: 320px
}

#loading .inr {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0;
	height: auto
}

#loading .inr .logo {
	margin: 0;
	position: absolute;
	left: 40px;
	bottom: 40px
}

#loading .inr .logo img {
	width: 140px;
	height: 20px;
	margin: 0
}

#loading .inr .txt {
	position: absolute;
	left: 40px;
	right: 0;
	top: 0;
	bottom: 20px;
	height: 177px;
	margin: auto 0;
	padding-left: 0
}

#loading .inr .txt img {
	width: 205px;
	height: 177px
}



/*footer
--------------------------*/
footer {
	padding: 0;
	position: relative;
	z-index: 2
}

.footer_bg01 {
	width:100%;
	background:#f2f2f2;
	padding:5px 0;
}

.footer_bg01 span {
	text-align:center;
	display:block;
}

.footer_bg01 span img {
	width:90%;
	height:auto;
}


.footer_bg02 {
	width:100%;
	background:#e0e8ef;
	padding:20px 0;
	margin:0 auto 30px;
}

.footer_bg02_l {
	width:98%;
	float:none;
	margin:0 auto 20px;
}

.fot_logo_img {
	width:80%;
	height:auto;
	margin:0 auto 20px;
}

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


address {
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style:normal;
	font-size:0.8em;
	line-height:1.4em;
	margin:0 auto 30px;
	letter-spacing:0.5px;
}

.fot_sitemap {
	display:none !important;
}

.footer_bg02_r {
	width:300px;
	float:none;
	margin:0 auto 30px;
}

.copyright {
	font-size: 10px;
	letter-spacing: 0.2em;
	text-align:center;
}




}

.appearLate {
	opacity: 0;
	-webkit-transition: opacity 1s linear, -webkit-transform 0.5s linear 0.1s;
	transition: opacity 1s linear, transform 0.5s linear 0.1s;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

.appearLate.show {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}
@media screen and (max-width: 768px) {

.appearLate {
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}
}

body.noScrl {
	overflow: hidden;
	width: auto
}

#reservation {
	opacity: 0;
	-webkit-transition: opacity 0.6s linear, -webkit-transform 0.5s linear 0.1s;
	transition: opacity 0.6s linear, transform 0.5s linear 0.1s;
	z-index: -2;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(255,255,255,0.9)
}

#reservation.show {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

#reservation .inr {
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	overflow-y: auto
}

#reservation .inr2 {
	top: 0px;
	bottom: 0px;
	margin: 0 auto;
	padding: 80px 0;
	width: 520px
}

#reservation .btn {
	position: fixed;
	right: 40px;
	top: 40px;
	cursor: pointer;
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	background-image: url(../img/sprite.png);
	background-position: -578px -280px;
	width: 60px;
	height: 60px
}

#reservation .btn:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5;
	cursor: pointer
}

#reservation .ttl {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.2em;
	text-indent: -0.2em;
	margin: 0 0 30px
}

#reservation .childPrice {
	margin: 0 0 20px;
	text-align: right
}

#reservation .childPrice a {
	display: inline-block;
	text-decoration: none;
	color: #1c1c1c;
	font-size: 14px;
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

#reservation .childPrice a:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5;
	cursor: pointer
}

#reservation .childPrice span {
	color: #bc964c;
	margin-right: 5px
}

#reservation label {
	position: relative;
	display: inline-block;
	padding: 0px;
	background: #171618;
	margin: 0 10px 0 0;
	border-radius: 3px;
	overflow: hidden;
	vertical-align: middle;
	width: 60px
}

#reservation label:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	width: 0;
	height: 0;
	margin: auto 0;
	border-style: solid;
	border-width: 7px 4px 0 4px;
	border-color: #d6a54a transparent transparent transparent
}

#reservation select {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 0px 0 0;
	padding: 4px 10px 0px 10px;
	color: #fff;
	border: none;
	background: none;
	width: 90px;
	letter-spacing: 0.1em
}

#reservation .year {
	width: 80px
}

#reservation .year select {
	width: 110px
}

#reservation option {
	color: #1c1c1c;
	background: #FFF
}

#reservation .date {
	border-top: 1px solid #555456;
	border-bottom: 1px solid #555456;
	padding: 30px 0
}

#reservation .date dt {
	float: left;
	width: 105px;
	letter-spacing: 0.2em
}

#reservation .date dd {
	margin: 0 0 0 105px;
	letter-spacing: 0.2em
}

#reservation .date dd div {
	display: inline
}

#reservation .date dd p {
	margin: 0 20px 0 0;
	display: inline-block
}

#reservation .people {
	padding: 30px 0
}

#reservation .people dt {
	float: left;
	width: 105px;
	letter-spacing: 0.2em
}

#reservation .people dd {
	margin: 0 0 0 105px;
	letter-spacing: 0.2em
}

#reservation .people dd .childwrap {
	border-top: 1px dotted #555456;
	margin: 15px 0 0;
	padding: 15px 0 0
}

#reservation .people dd .childwrap:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none
}

#reservation .people dd .child {
	display: inline
}

#reservation .people dd p {
	margin: 0 40px 0 0;
	display: inline-block;
	vertical-align: middle
}

#reservation .people dd .peopleSttl {
	margin-right: 0px;
	width: 3.5em
}

#reservation .guarantee_ttl {
	text-align: center;
	width: 520px;
	margin: 0 auto 40px
}

#reservation .guarantee_ttl:before, #reservation .guarantee_ttl:after {
	content: '';
	display: inline-block;
	vertical-align: middle
}

#reservation .guarantee_ttl:before {
	background-image: url(../img/sprite.png);
	background-position: -310px -280px;
	width: 36px;
	height: 92px
}

#reservation .guarantee_ttl:after {
	background-image: url(../img/sprite.png);
	background-position: -356px -280px;
	width: 36px;
	height: 92px
}

#reservation .guarantee_ttl span {
	display: inline-block;
	vertical-align: middle;
	padding: 0 60px;
	font-size: 20px
}

#reservation .guarantee_ttl span span {
	color: #bc964c;
	padding: 0
}

#reservation .guarantee {
	position: relative;
	font-size: 13px;
	letter-spacing: 0.1em;
	line-height: 2;
	margin-bottom: 30px;
	width: 520px;
	margin: 0 auto
}

#reservation .guarantee dt {
	color: #bc964c;
	width: 160px;
	padding: 10px 0px 0 0;
	margin-right: 40px;
	border-top: 1px solid #cacaca;
	float: left
}

#reservation .guarantee dt:first-child {
	border-top: none
}

#reservation .guarantee dt:first-child:before {
	content: '';
	position: absolute;
	width: 1px;
	background: #cacaca;
	top: 0;
	bottom: 0;
	left: 180px
}

#reservation .guarantee dt:first-child+dd {
	border-top: none
}

#reservation .guarantee dd {
	padding: 10px 0 10px 0;
	margin: 0 0 0 200px;
	border-top: 1px solid #cacaca
}

#reservation .telBtn, #reservation .linkBtn {
	display: block;
	margin: 0 0 20px;
	background: #BC964C;
	color: #FFF;
	border-radius: 3px;
	text-align: center
}

#reservation .telBtn {
	font-size: 34px;
	letter-spacing: 0.1em;
	line-height: 1.2;
	margin: 0 0 50px;
	padding: 0 0 10px
}

#reservation .telBtn a {
	display: block;
	pointer-events: none;
	text-decoration: none;
	color: #FFF
}

#reservation .telBtn span {
	font-size: 16px
}

#reservation .telBtn span:before {
	content: '';
	display: inline-block;
	background-image: url(../img/sprite.png);
	background-position: -310px -382px;
	width: 30px;
	height: 22px;
	margin-right: 18px;
	vertical-align: -3px
}

#reservation .linkBtn {
	width: 100%;
	margin: 0 0 20px;
	display: block;
	border: none;
	padding: 25px 0;
	text-decoration: none;
	position: relative;
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	letter-spacing: 0.2em;
	font-size: 16px
}

#reservation .linkBtn:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5;
	cursor: pointer
}

#reservation .linkBtn:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width: 14px;
	height: 14px;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	-ms-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg)
}
@media screen and (max-width: 768px) {

#reservation .inr2 {
	top: 0px;
	bottom: 0px;
	padding: 50px 10px;
	width: auto
}

#reservation .btn {
	top: 10px;
	right: 10px;
	background-image: url(../img/sprite.png);
	background-position: -289px -140px;
	width: 30px;
	height: 30px;
	-webkit-background-size: 342px 239px;
	background-size: 342px 239px
}

#reservation .ttl {
	font-size: 18px;
	margin: 0 0 10px
}

#reservation .date {
	padding: 30px 0
}

#reservation .date dt {
	width: 95px
}

#reservation .date dd {
	margin-left: 95px
}

#reservation .date dd div {
	display: block;
	margin-bottom: 10px
}

#reservation .people {
	padding: 30px 0
}

#reservation .people dt {
	width: 95px
}

#reservation .people dd {
	margin: 0 0 0 95px
}

#reservation .people dd .adult {
	border-bottom: 1px dotted #555456;
	padding-bottom: 15px
}

#reservation .people dd .child {
	display: inline-block;
	margin: 15px 0 0
}

#reservation .people dd .childwrap {
	display: block;
	border-top: none;
	padding: 0;
	margin: 0
}

#reservation .telBtn a {
	pointer-events: auto
}

#reservation .guarantee_ttl {
	text-align: center;
	width: auto;
	margin: 0 10px 20px
}

#reservation .guarantee_ttl:before {
	background-image: url(../img/sprite.png);
	background-position: -155px -140px;
	width: 18px;
	height: 46px;
	-webkit-background-size: 342px 239px;
	background-size: 342px 239px
}

#reservation .guarantee_ttl:after {
	background-image: url(../img/sprite.png);
	background-position: -178px -140px;
	width: 18px;
	height: 46px;
	-webkit-background-size: 342px 239px;
	background-size: 342px 239px
}

#reservation .guarantee_ttl span {
	padding: 0 20px;
	font-size: 16px
}

#reservation .guarantee {
	position: relative;
	font-size: 13px;
	letter-spacing: 0.1em;
	line-height: 2;
	margin-bottom: 30px;
	width: auto;
	margin: 0 10px
}

#reservation .guarantee dt {
	width: auto;
	padding: 10px 0px 0 0;
	margin-right: 0px;
	border-top: 1px solid #cacaca;
	float: none
}

#reservation .guarantee dt:first-child {
	border-top: none
}

#reservation .guarantee dt:first-child:before {
	display: none
}

#reservation .guarantee dt:first-child+dd {
	border-top: none
}

#reservation .guarantee dd {
	padding: 10px 0 10px 0;
	margin: 0;
	border-top: none
}
}






/* 
.slick-slider {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block
}

.slick-track:before, .slick-track:after {
	content: "";
	display: table
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none
}

[dir="rtl"] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-prev, .slick-next {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent;
	color: transparent;
	top: 50%;
	margin-top: -10px;
	padding: 0;
	border: none;
	outline: none
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
	outline: none;
	background: transparent;
	color: transparent
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
	opacity: 1
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
	opacity: 0.25
}

.slick-prev:before, .slick-next:before {
	font-size: 20px;
	line-height: 1;
	color: #fff;
	opacity: 0.75;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-prev {
	left: -25px
}

[dir="rtl"] .slick-prev {
	left: auto;
	right: -25px
}

.slick-prev:before {
	content: "←"
}

[dir="rtl"] .slick-prev:before {
	content: "→"
}

.slick-next {
	right: -25px
}

[dir="rtl"] .slick-next {
	left: -25px;
	right: auto
}

.slick-next:before {
	content: "→"
}

[dir="rtl"] .slick-next:before {
	content: "←"
}

.slick-slider {
	margin-bottom: 30px
}

.slick-dots {
	position: absolute;
	bottom: -45px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	width: 100%
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer
}

.slick-dots li button {
	border: 0;
	background: transparent;
	display: block;
	height: 20px;
	width: 20px;
	outline: none;
	line-height: 0;
	font-size: 0;
	color: transparent;
	padding: 5px;
	cursor: pointer
}

.slick-dots li button:hover, .slick-dots li button:focus {
	outline: none
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
	opacity: 1
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "•";
	width: 20px;
	height: 20px;
	font-size: 6px;
	line-height: 20px;
	text-align: center;
	color: #000;
	opacity: 0.25;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
	color: #000;
	opacity: 0.75
}

 */

/*
-----------------------------------------------
▼2025
----------------------------------------------- */

#headCont_slide {
	animation: loading 2.0s;
}
@keyframes loading {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

#headCont_slide{
	position: relative;
	width: auto;
	height: 100vh;
	min-height: 600px;
	overflow: hidden;
	z-index: -1
text-align:center;
margin-left:auto;
margin-right:auto;
}

#headCont_slide li img{
width:100%;
height: 100vh;
object-fit: cover;
}

.ten_year{
display:block;
position:absolute;
left:1vw;
top:1vw;
}

.slide_logo{
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.slick01 li p{
position:absolute;
z-index:5;
color:#fff;
font-size:50px;
position: absolute;
    top: 40%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.slick01 li img{
position:relative;
z-index:1;
}

@media screen and (max-width: 1220px) {
.slick01 li p{
font-size:4vw;
}
}


@media screen and (max-width: 768px) {
.ten_year{
left:2vw;
top:9%;
}

.slick01 li p{
top: 35%;
writing-mode: vertical-rl; 
font-size:5.8vw;
text-shadow: 2px 2px 5px #808080;
letter-spacing:0.07em;
}
}

@media screen and (max-width: 600px) {
.ten_year img{
width:13vw;
height:auto;
}

.slide_logo img{
width:40vw;
height:auto;
}


.slick01 li p{
top: 30%;
font-size:5.8vw;
}

}


@media (orientation: landscape) and (max-height: 450px) {

.slick01 li p{
top: 60%;
writing-mode: horizontal-tb; 
font-size:4vw;
}

}

/*
-----------------------------------------------
▲2025　ここまで
----------------------------------------------- */






#headCont>.txt {
	position: fixed;
	left: 32%;
	top: 12%;
	white-space: nowrap;
	overflow: hidden;
	text-indent: 120%;
	background-image: url(../img/index/top_logo.png);
	background-position: 0px 0px;
	width: 600px;
	height: 350px;
	z-index: 2;
	margin-top: 0;
	-webkit-transition: margin-top 0.1s linear 0s;
	transition: margin-top 0.1s linear 0s
}





#headCont {
	position: relative;
	width: 100%;
	height: 800px;
	height: 100vh;
	min-height: 600px;
	overflow: hidden;
	z-index: -1
}


#headCont:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 150px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.3)), color-stop(100%, transparent));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%, transparent 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.3)), to(rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	z-index: 1
}

#headCont:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 160px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0,0,0,0.5)));
	background: -webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,0.5) 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.5)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
	z-index: 1
}

#headCont .background {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../img/index/head_img02.jpg) center center no-repeat;
	/*background: #000;*/
	z-index: 0
}

#headCont #topVideo {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	-webkit-background-size: cover;
	background-size: cover;
	min-width: 100%;
	min-height: 100%
}

#headCont>.txt {
	position: fixed;
	left: 32%;
	top: 12%;
	white-space: nowrap;
	overflow: hidden;
	text-indent: 120%;
	background-image: url(../img/index/top_logo.png);
	background-position: 0px 0px;
	width: 600px;
	height: 350px;
	z-index: 2;
	margin-top: 0;
	-webkit-transition: margin-top 0.1s linear 0s;
	transition: margin-top 0.1s linear 0s
}

.nav_lang {
	position: absolute;
	right: 15px;
	top: 10px;
	z-index: 8;
}
.nav_lang li {
	display: inline-block;
	margin-right: 10px;
}
.nav_lang li.en_lang a {
	background: url(../img/com/en_icon.png) 0 0 no-repeat;
	display: block;
	width: 45px;
	height: 31px;
	text-indent: -9999px;
}
.nav_lang li.ch_lang a {
	background: url(../img/com/ch_icon.png) 0 0 no-repeat;
	display: block;
	width: 45px;
	height: 31px;
	text-indent: -9999px;
}


/*#headCont .info .tel {
	width: 240px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	color: #FFF;
	line-height: 1.1;
	letter-spacing: 0.2em;
	text-indent: 0.2em;
	margin-right: -0.3em
}

#headCont .info .tel:before {
	content: '';
	display: inline-block;
	background-image: url(../img/sprite.png);
	background-position: -350px -382px;
	width: 22px;
	height: 16px;
	margin-right: 10px;
	vertical-align: -2px
}

#headCont .info .tel .telno {
	margin-top: 5px;
	margin-bottom: -5px;
	display: block;
	font-size: 26px;
	font-weight: bold;
	color: #C7BD4A
}

#headCont .info .tel .btn {
	display: none
}

#headCont .info dl {
	border-left: 1px solid rgba(255,255,255,0.5);
	padding: 5px 20px 5px 20px;
	display: inline-block;
	vertical-align: middle;
	color: #FFF
}

#headCont .info dl dt {
	font-weight: bold
}

#headCont .info dl dd {
	font-size: 13px
}


#headCont .michelinguide {
	position: absolute;
	right: 40px;
	top: 45px;
	width: 460px;
	color: #FFF;
	font-size: 13px;
	z-index: 2
}

#headCont .michelinguide img {
	margin: -16px 10px 0 0;
	float: left;
	display: block
}

#headCont .michelinguide .txt span {
	display: inline-block
}*/


@-webkit-keyframes 
headImgShowSp {
0% {
opacity:0
}
5% {
opacity:1
}
30% {
opacity:1
}
35% {
opacity:0
}
66% {
opacity:0
}
75% {
opacity:0
}
100% {
opacity:0
}
}
@-ms-keyframes 
headImgShowSp {
0% {
opacity:0
}
5% {
opacity:1
}
30% {
opacity:1
}
35% {
opacity:0
}
66% {
opacity:0
}
75% {
opacity:0
}
100% {
opacity:0
}
}
@keyframes 
headImgShowSp {
0% {
opacity:0
}
5% {
opacity:1
}
30% {
opacity:1
}
35% {
opacity:0
}
66% {
opacity:0
}
75% {
opacity:0
}
100% {
opacity:0
}
}
@media screen and (max-width: 768px) {

header #headNav.index {
	height: 60px
}

header #headNav.index #logo {
	left: 15px;
	top: 14px;
	width: 89px;
	height: 29px
}

header #headNav.index #logo a {
	background-image: url(../img/sprite.png);
	background-position: 0px -210px;
	width: 89px;
	height: 29px;
	-webkit-background-size: 342px 239px;
	background-size: 342px 239px
}

header #headNav.index #logo a img {
	display: none
}

header #headNav.index #spMenu .reserv a {
	color: #1c1c1c
}

header #headCont {
	padding-top: 60px;
	height: auto;
	min-height: inherit
}

header #headCont:before, header #headCont:after {
	display: none
}

header #headCont .background {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 75%;
	background: url(../img/index/head_img.jpg) center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover
}

header #headCont .background p {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../img/head_img_sp01.jpg) center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	z-index: 0;
	opacity: 0
}

header #headCont .background p.img01 {
	opacity: 1
}

header #headCont .background p.img02 {
	background-image: url(../img/head_img_sp02.jpg);
	-webkit-animation: headImgShowSp 16s linear 4s infinite normal;
	animation: headImgShowSp 16s linear 4s infinite normal;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

header #headCont .background p.img03 {
	background-image: url(../img/head_img_sp03.jpg);
	-webkit-animation: headImgShowSp 16s linear 8s infinite normal;
	animation: headImgShowSp 16s linear 8s infinite normal;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

header #headCont .background p.img04 {
	background-image: url(../img/head_img_sp04.jpg);
	-webkit-animation: headImgShowSp 16s linear 12s infinite normal;
	animation: headImgShowSp 16s linear 12s infinite normal;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

header #headCont #topVideo {
	display: none
}

header #headCont>.txt {
	display: none
}

header #headCont .info {
	display: none;
	left: inherit;
	bottom: inherit;
	top: 16px;
	right: 15px
}

header #headCont .info .tel {
	text-align: right;
	font-size: 12px;
	padding-right: 36px
}

header #headCont .info .tel:before {
	display: none
}

header #headCont .info .tel .telno {
	display: none
}

header #headCont .info .tel .btn {
	display: block;
	position: absolute;
	right: 0px;
	top: 6px;
	background-image: url(../img/sprite.png);
	background-position: -284px -210px;
	width: 20px;
	height: 16px;
	-webkit-background-size: 342px 239px;
	background-size: 342px 239px
}

header #headCont .info dl {
	display: none
}

header #headCont .michelinguide {
	position: relative;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: 15px 15px 0;
	border: 1px solid #ebe9e3;
	min-height: 80px;
	width: auto;
	font-size: 11px;
	color: #1c1c1c
}

header #headCont .michelinguide:after {
	content: "";
	clear: both;
	display: block
}

header #headCont .michelinguide:before {
	content: '';
	display: inline-block;
	height: 80px;
	width: 1px;
	margin-left: -1px;
	margin-right: -0.5em;
	letter-spacing: 0;
	background: #fcc;
	vertical-align: middle
}

header #headCont .michelinguide img {
	margin: 0px 10px 0 0;
	float: left;
	display: block;
	width: 60px;
	height: 60px;
	padding: 10px;
	position: relative;
	z-index: 2
}

header #headCont .michelinguide .img {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 80px;
	background: #8E7F4E
}

header #headCont .michelinguide .img:before {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 80px 80px;
	border-color: transparent transparent #ab9e73 transparent
}

header #headCont .michelinguide .txt {
	margin-left: 90px;
	display: inline-block;
	vertical-align: middle;
	color: #1c1c1c
}
}





.w1100 {
	width: 1100px;
	position: relative;
	margin: 0 auto;
}



@media screen and (max-width: 768px) {
.w1100 {
	width: 100%;
	position: relative;
	margin: 0 auto;
}	
}







#news {
	width: 100%;
	padding-top: 75px;
	margin: 0 0 60px
}

#news .ttl {
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 15px;
	text-align: center;
	letter-spacing: 0.3em
}

#news .newsList {
	margin: 75px 5% 0;
	border-right: 1px solid #bcbcbc;
	position: relative
}

#news .newsList li {
	width: 33.3%;
	display: inline-block;
	vertical-align: top;
	margin: 0 -0.4em 0 0
}

#news .newsList li:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 1px;
	border-left: 1px solid #bcbcbc
}

#news .newsList dl {
	position: relative;
	margin: 0 36px
}

#news .newsList .img {
	position: absolute;
	left: 0;
	top: 0
}

#news .newsList .newsTtl {
	margin: 0;
	padding: 180px 0 12px;
	font-size: 16px
}

#news .newsList .txt {
	margin: 0;
	font-size: 12px;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;
	letter-spacing: 0.1em
}

#news .newsList .txt a {
	display: inline
}

#news .newsList time {
	position: absolute;
	top: 154px;
	left: 0;
	color: #999;
	font-size: 11px
}

#news .newsList a {
	display: block;
	color: #1c1c1c;
	text-decoration: none;
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

#news .newsList a:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5;
	cursor: pointer
}
@media screen and (max-width: 768px) {

#news {
	margin: 30px 0 0px;
	padding-top: 0
}

#news .ttl {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 12px;
	text-align: center
}

#news .newsList {
	margin: 12px 15px 0;
	border-right: none;
	position: relative
}

#news .newsList li {
	width: auto;
	display: block;
	margin: 0 0 10px;
	border-bottom: 1px solid #bcbcbc
}

#news .newsList li:before {
	display: none
}

#news .newsList li:nth-child(n+3) {
	display: none
}

#news .newsList dl {
	margin: 0
}

#news .newsList .img {
	position: absolute;
	left: 0;
	top: 0;
	width: 70px
}

#news .newsList .img img {
	width: 70px
}

#news .newsList .newsTtl {
	margin: 0;
	padding: 16px 0 4px 84px;
	font-size: 16px
}

#news .newsList .txt {
	margin: 0 0 10px 84px;
	font-size: 10px
}

#news .newsList time {
	position: absolute;
	top: 0px;
	left: 84px;
	color: #999;
	font-size: 11px
}
}








#message, #rooms, #dinner, #hotSpring, #garden, #access, #surroundingArea, #sectionBox {
	margin: 0px 0 0;
	padding: 90px 0 90px
}

#message .mainTtl, #rooms .mainTtl, #dinner .mainTtl, #hotSpring .mainTtl, #garden .mainTtl, #access .mainTtl, #surroundingArea .mainTtl, #sectionBox .mainTtl {
	display: block;
	margin: 0 auto;
	width: 320px;
}

#message .mainTtl img, #rooms .mainTtl img, #dinner .mainTtl img, #hotSpring .mainTtl img, #garden .mainTtl img, #access .mainTtl img, #surroundingArea .mainTtl img {
	width: 320px
}

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

#message, #rooms, #dinner, #hotSpring, #garden, #access, #surroundingArea {
	margin: 0px 0 0;
	padding: 40px 0 0
}

#message .mainTtl, #rooms .mainTtl, #dinner .mainTtl, #hotSpring .mainTtl, #garden .mainTtl, #access .mainTtl, #surroundingArea .mainTtl {
	width: 260px
}

#message .mainTtl img, #rooms .mainTtl img, #dinner .mainTtl img, #hotSpring .mainTtl img, #garden .mainTtl img, #access .mainTtl img, #surroundingArea .mainTtl img {
	display: block;
	width: 260px
}
}
@-webkit-keyframes 
messageShow {
0% {
opacity:0
}
25% {
opacity:1
}
33% {
opacity:1
}
50% {
opacity:1
}
66% {
opacity:1
}
75% {
opacity:0
}
100% {
opacity:0
}
}
@-ms-keyframes 
messageShow {
0% {
opacity:0
}
25% {
opacity:1
}
33% {
opacity:1
}
50% {
opacity:1
}
66% {
opacity:1
}
75% {
opacity:0
}
100% {
opacity:0
}
}
@keyframes 
messageShow {
0% {
opacity:0
}
25% {
opacity:1
}
33% {
opacity:1
}
50% {
opacity:1
}
66% {
opacity:1
}
75% {
opacity:0
}
100% {
opacity:0
}
}

#message .msgbody {
	width: auto;
	height: 920px;
	margin: 70px 0 0;
	padding: 170px 0 0;
	background: url(../img/message_img.jpg) center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover
}

#message .msginr {
	position: relative;
	width: 570px;
	margin: 0 auto;
	padding: 75px 0 30px;
	border-top: 1px solid #739da0;
	border-bottom: 1px solid #739da0
}

#message .msginr:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -160px;
	margin: 0 auto;
	background-image: url(../img/sprite.png);
	background-position: -402px -280px;
	width: 166px;
	height: 74px
}

#message .sttl {
	margin: 0px 0 45px;
	text-align: left;
	font-size: 26px;
	letter-spacing: 0.2em;
	color: #fff
}

#message .txt {
	font-size: 18px;
	padding: 0 0 45px 0;
	line-height: 2;
	letter-spacing: 0.15em;
	color: #fff
}

#message .videoBox {
	position: relative
}

#message .videoBox img {
	position: relative;
	display: block;
	width: 100%
}

#message .videoBox.video {
	padding-bottom: 56.25%;
	height: 0
}

#message .videoBox .play {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.4);
	z-index: 2;
	opacity: 0.5;
	-webkit-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear
}

#message .videoBox .play:before {
	content: '';
	background: url(../img/rooms/movie_play.png) 0 0 no-repeat;
	width: 168px;
	height: 200px;
	position: absolute;
	left: 0;
	top: 30px;
	right: 0;
	bottom: 0;
	margin: auto;
	cursor: pointer
}

#message .videoBox .play:hover {
	opacity: 1
}

#message .videoBox iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
@media screen and (max-width: 768px) {

#message .msgbody {
	height: auto;
	margin: 30px 0 0;
	padding: 180px 0 0;
	background: url(../img/message_img.jpg) center -50px no-repeat;
	-webkit-background-size: 160% auto;
	background-size: 160% auto
}

#message .msginr {
	width: auto;
	margin: 0;
	padding: 60px 0 0px;
	border-top: none;
	border-bottom: none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(18%, #fff), color-stop(100%, #fff));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 18%, #fff 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(18%, #ffffff), to(#ffffff));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #ffffff 18%, #ffffff 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #ffffff 18%, #ffffff 100%)
}

#message .msginr:before {
	display: none
}

#message .sttl {
	margin: 0px 30px 30px;
	text-align: left;
	font-size: 15px;
	letter-spacing: 0.2em;
	color: #1c1c1c
}

#message .txt {
	font-size: 12px;
	padding: 0 30px 20px;
	line-height: 2;
	letter-spacing: 0.2em;
	color: #1c1c1c
}

#message .videoBox .play {
	opacity: 1
}

#message .videoBox .play:before {
	background: url(../img/rooms/movie_play.png) 0 0 no-repeat;
	-webkit-background-size: 56px auto;
	background-size: 56px auto;
	width: 56px;
	height: 67px;
	position: absolute;
	left: 0;
	top: 10px;
	right: 0;
	bottom: 0;
	margin: auto;
	cursor: pointer
}
}

#rooms .lead {
	margin: 70px 0 90px;
	text-align: center;
	line-height: 2;
	letter-spacing: 0.2em
}

.sectionList {
	width: 100%;
	overflow: hidden
}

.sectionList li {
	position: relative
}

.sectionList img {
	display: block;
	width: 100%
}

.sectionList a {
	position: relative;
	display: block;
	overflow: hidden;
	-webkit-background-size: cover;
	background-size: cover
}

.sectionList a:before {
	z-index: 2;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: opacity 0.4s ease-out, -webkit-transform 0.3s linear;
	transition: opacity 0.4s ease-out, transform 0.3s linear;
	opacity: 0
}

.sectionList a:after {
	z-index: 2;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #fff
}

.sectionList a:hover:before {
	opacity: 1
}

.sectionList a:hover .mainName, .sectionList a:hover .subName, .sectionList a:hover .subName2 {
	opacity: 0.7
}

/*.sectionList a:hover .detail {
	opacity: 1;
	-webkit-transition: opacity 0.3s linear 0.1s;
	transition: opacity 0.3s linear 0.1s
}*/





/*.sectionList .t_info01 a:before {
	background: url(../img/index/t_info01_on.jpg);
	-webkit-background-size: cover;
	background-size: cover
}
.sectionList .t_info02 a:before {
	background: url(../img/index/t_info02_on.jpg);
	-webkit-background-size: cover;
	background-size: cover
}
.sectionList .t_info03 a:before {
	background: url(../img/index/t_info03_on.jpg);
	-webkit-background-size: cover;
	background-size: cover
}
.sectionList .t_info04 a:before {
	background: url(../img/index/t_info04_on.jpg);
	-webkit-background-size: cover;
	background-size: cover
}*/




.sectionList .room1 a:after {
	border-left: none;
	border-right: none
}

/*.sectionList .room1 .detail .infoBox {
	max-width: 630px
}*/

.sectionList .room1 .detail .size {
	width: 460px
}

.sectionList .room2l, .sectionList .room2r {
	position: relative;
	width: 50%;
	float: left
}

/*.sectionList .room2l .detail .infoBox, .sectionList .room2r .detail .infoBox {
	max-width: 530px
}*/

.sectionList .room2l .detail .size, .sectionList .room2r .detail .size {
	width: 360px
}

.sectionList .room2l a:after {
	border-left: none
}

.sectionList .room2r a:after {
	border-right: none
}

.sectionList .room3l, .sectionList .room3c, .sectionList .room3r {
	position: relative;
	width: 33.3%;
	float: left
}

.sectionList .room3l a:after {
	border-left: none
}

.sectionList .room3r a:after {
	border-right: none
}
.sectionList .room4l, .sectionList .room4c, .sectionList .room4r {
	position: relative;
	width: 25%;
	float: left
}

.sectionList .room4l a:after {
	border-left: none
}

.sectionList .room4r a:after {
	border-right: none
}

.sectionList .mainName {
	display: none;
/*	background: #FFF;
	position: absolute;
	top: 45%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 96px;
	height: 248px;
	color: #BC964C;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.3;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)*/
}

/*.sectionList .mainName:before {
	content: '';
	position: absolute;
	left: -10px;
	top: -10px;
	right: -10px;
	bottom: -10px;
	background: rgba(255,255,255,0.1);
	border: 1px solid rgba(255,255,255,0.6)
}*/

.sectionList .mainName .ttlinr {
	display: block;
	position: absolute;
	z-index: 2;
	width: 1.5em;
	top: 50%;
	left: 50%;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.sectionList .mainName .name {
	position: relative;
	z-index: 2;
	display: block;
	width: 1.5em;
	margin-top: 7px;
	color: #1c1c1c
}

.sectionList .subName {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 5%;
	color: #FFF;
	text-align: center;
	/*font-size: 13px;
	letter-spacing: 0.3em;
	text-indent: 0.3em;
	font-weight: normal;*/
	width: 330px;
	margin: 0 auto; 
}
.sectionList .subName2 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 7%;
	color: #FFF;
	text-align: center;
	/*font-size: 13px;
	letter-spacing: 0.3em;
	text-indent: 0.3em;
	font-weight: normal;*/
	width: 160px;
	margin: 0 auto; 
}
.sectionList .mainName, .sectionList .subName, .sectionList .subName2 {
	opacity: 1;
	-webkit-transition: opacity 0.3s linear 0.1s;
	transition: opacity 0.3s linear 0.1s
}

.sectionList .detail {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 50%;
	right: 0;
	margin: 0;
	z-index: 3;
	color: #FFF;
	text-align: center;
	padding: 0 20px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: opacity 0.3s linear 0.1s;
	transition: opacity 0.3s linear 0.1s
}

/*.sectionList .detail .roomName {
	font-size: 36px;
	font-weight: bold;
	letter-spacing: 0.5em;
	text-indent: 0.5em;
	margin: 0 0 30px
}*/

.sectionList .detail .sub {
	letter-spacing: 0.2em;
	text-indent: 0.2em;
	margin: 0 0 22px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.sectionList .detail .txt {
	display: block;
	text-align: center;
	font-size: 16px;
	letter-spacing: 0.2em;
	text-indent: -0.2em;
	margin: 0 0 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.sectionList .detail .txt span {
	font-size: 22px;
}

/*.sectionList .detail .infoBox {
	display: table;
	border: 1px solid #fff;
	max-width: 380px;
	margin: auto;
	position: relative
}*/

.sectionList .detail .capacity {
	display: table-cell;
	width: 120px;
	font-size: 14px;
	vertical-align: middle;
	line-height: 1.2;
	padding: 20px 0;
	letter-spacing: 0.2em
}

.sectionList .detail .capacity span {
	display: block;
	padding-top: 4px;
	font-size: 18px
}

.sectionList .detail .size {
	display: table-cell;
	border-left: 1px solid #fff;
	vertical-align: middle;
	width: auto;
	margin-left: -0.3em;
	font-size: 18px;
	padding: 20px;
	letter-spacing: 0.2em
}
@media screen and (max-width: 768px) {

#rooms .lead {
	margin: 30px 10px 30px;
	text-align: center;
	line-height: 1.6;
	letter-spacing: 0.2em;
	font-size: 12px
}

.sectionList {
	width: 100%;
	overflow: hidden
}

.sectionList li {
	position: relative;
	display: block;
	float: none;
	width: auto;
	border-top: 1px solid #fff
}

.sectionList img {
	display: none
}

.sectionList .room1, .sectionList .room2l, .sectionList .room2r, .sectionList .room3l, .sectionList .room3c, .sectionList .room3r, .sectionList .room4l, .sectionList .room4c, .sectionList .room4r {
	width: auto;
	float: none;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center
}

.sectionList .room1 {
	padding: 10px 0
}

.sectionList .room2l, .sectionList .room2r {
	padding: 25px 0
}

/*.sectionList .shuhou {
	background-image: url(../img/room_shuhou_b.jpg)
}

.sectionList .yamazakura {
	background-image: url(../img/room_yamazakura.jpg)
}

.sectionList .gochiku {
	background-image: url(../img/room_gochiku.jpg)
}

.sectionList .shakunage {
	background-image: url(../img/room_shakunage.jpg)
}

.sectionList .kashou {
	background-image: url(../img/room_kashou.jpg)
}

.sectionList .takasago {
	background-image: url(../img/room_takasago.jpg)
}

.sectionList .sazanka {
	background-image: url(../img/room_sazanka.jpg)
}

.sectionList .ajisai {
	background-image: url(../img/room_ajisai.jpg)
}

.sectionList .suehiro {
	background-image: url(../img/room_suehiro.jpg)
}

.sectionList .hagoromo {
	background-image: url(../img/room_hagoromo.jpg)
}

.sectionList .senjaku {
	background-image: url(../img/room_senjaku.jpg)
}*/


.sectionList .t_info01 {
	background-image: url(../img/index/t_info01.jpg)
}
.sectionList .t_info02 {
	background-image: url(../img/index/t_info02.jpg)
}
.sectionList .t_info03 {
	background-image: url(../img/index/t_info03.jpg)
}
.sectionList .t_info04 {
	background-image: url(../img/index/t_info04.jpg)
}


.sectionList a {
	position: relative;
	display: block;
	overflow: hidden;
	-webkit-background-size: cover;
	background-size: cover;
	text-decoration: none
}

.sectionList a:before {
	opacity: 1;
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 70px;
	right: 70px;
	height: 0px;
	-webkit-box-shadow: 0px 0px 70px 20px rgba(0,0,0,0.9);
	box-shadow: 0px 0px 70px 20px rgba(0,0,0,0.9)
}

.sectionList a:after {
	display: none
}

.sectionList a:hover .mainName, .sectionList a:hover .subName, .sectionList a:hover .subName2 {
	opacity: 1
}

.sectionList a:hover .detail {
	display: none
}

.sectionList .mainName {
	display: block;
	background: none;
	position: relative;
	z-index: 3;
	margin: 0;
	padding: 50px 0 50px;
	width: auto;
	height: auto;
	font-size: 18px;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none
}

/*.sectionList .mainName:before {
	display: none
}*/

.sectionList .mainName .ttlinr {
	position: static;
	width: auto;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	color: #fff;
}

.sectionList .mainName .name {
	display: inline;
	padding-left: 10px;
	width: auto;
	color: #FFF
}

.sectionList .subName {
	display: none;
/*	position: relative;
	color: #FFF;
	font-size: 9px;
	letter-spacing: 0.2em;
	text-indent: 0.2em;
	padding: 0 0 40px;
	z-index: 2*/
}
.sectionList .detail {
	display: none
}
}

#dinner {
	position: relative;
	padding-bottom: 0
}

#dinner .lead {
	margin: 70px 0 70px;
	text-align: center;
	line-height: 2;
	letter-spacing: 0.2em
}

#dinner .slick-dots {
	position: absolute;
	left: 50%;
	bottom: 22px;
	margin-left: -590px;
	width: 393px;
	height: 190px
}

#dinner .slick-dots li {
	display: block;
	width: auto;
	height: auto;
	margin: 0 18px 0 18px;
	vertical-align: top;
	border-top: 1px solid #454347
}

#dinner .slick-dots li button {
	margin: 0;
	line-height: 1.5;
	width: 100%;
	height: auto;
	display: block;
	color: #ececec;
	font-size: 16px;
	padding: 20px;
	text-align: center;
	letter-spacing: 0.2em;
	opacity: 1;
	-webkit-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear
}

#dinner .slick-dots li button:hover {
	opacity: 0.5
}

#dinner .slick-dots li:first-child {
	border-top: none
}

#dinner .slick-dots li.slick-active button {
	color: #9A8F57
}

#dinner .dinnerMenu {
	margin: 0;
	padding: 0 0 10px;
	position: relative;
	background: #171618;
	color: #ececec
}

#dinner .dinnerMenu .inr {
	position: relative
}

#dinner .dinnerMenu .inr .img:after {
	content: "";
	clear: both;
	display: block
}

#dinner .dinnerMenu .inr .img img {
	width: 100%
}

#dinner .dinnerMenu .inr .img .imgB {
	display: block;
	width: 66.6%;
	float: left
}

#dinner .dinnerMenu .inr .img .imgS {
	float: left;
	display: block;
	width: 33.4%
}

#dinner .dinnerMenu .description {
	position: relative;
	left: -200px;
	margin-left: 50%;
	width: 786px;
	height: 220px;
	letter-spacing: 0.2em
}

#dinner .dinnerMenu .description:before {
	content: '';
	position: absolute;
	left: -200%;
	right: -200%;
	top: 0;
	bottom: 0;
	background: #171618
}

#dinner .dinnerMenu .description .ttl {
	margin: 0 18px 22px 18px;
	padding: 28px 0 0;
	font-size: 24px;
	position: relative;
	z-index: 2
}

#dinner .dinnerMenu .description .txt {
	margin: 0 18px 0 18px;
	line-height: 2;
	position: relative;
	z-index: 2;
	letter-spacing: 0.25em
}
@media screen and (max-width: 768px) {

#dinner .lead {
	margin: 30px 10px 30px;
	text-align: center;
	line-height: 1.6;
	letter-spacing: 0.2em;
	font-size: 12px
}

#dinner .dinnerMenu {
	padding-bottom: 60px
}

#dinner .slick-dots {
	width: 100%;
	height: auto;
	left: 0;
	bottom: 5px;
	margin-left: 0
}

#dinner .slick-dots li {
	width: 12px;
	height: 12px;
	margin: 0 10px;
	border: none;
	display: inline-block
}

#dinner .slick-dots li button {
	margin: 0;
	padding: 0;
	width: 12px;
	height: 12px;
	background: #ccc;
	border-radius: 50%;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-indent: 120%
}

#dinner .slick-dots li button:before {
	display: none
}

#dinner .slick-dots li.slick-active button {
	background: #9D8E5A
}

#dinner .dinnerMenu {
	position: relative;
	background: #171618;
	color: #fff
}

#dinner .dinnerMenu .inr {
	position: relative;
	overflow: hidden
}

#dinner .dinnerMenu .inr .img img {
	margin: 0;
	-webkit-transition: none;
	transition: none;
	position: relative;
	width: 100%
}

#dinner .dinnerMenu .inr .img .imgB {
	width: auto;
	float: none
}

#dinner .dinnerMenu .inr .img .imgS {
	width: auto;
	float: none
}

#dinner .dinnerMenu .inr .img .imgS:after {
	content: "";
	clear: both;
	display: block
}

#dinner .dinnerMenu .inr .img .imgS img {
	width: 50%;
	float: left
}

#dinner .dinnerMenu .inr.slick-active .img img {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

#dinner .dinnerMenu #dnrKihin .img img, #dinner .dinnerMenu #dnrChikurin .img img, #dinner .dinnerMenu #dnrKyofu .img img {
	margin-left: 0
}

#dinner .dinnerMenu .description {
	margin-left: 15px;
	margin-right: 15px;
	left: 0;
	width: auto;
	height: auto;
	position: relative
}

#dinner .dinnerMenu .description .ttl {
	margin: 0;
	padding: 20px 0 15px;
	font-size: 14px;
	text-align: center
}

#dinner .dinnerMenu .description .txt {
	margin: 0;
	font-size: 13px
}
}

#otherService {
	background: #e8ebeb url(../img/otherservice_bg.png) center center repeat;
	padding: 0 0 90px;
	margin-bottom: 90px
}

#otherService .ttl {
	padding: 95px 0 80px;
	margin: 0;
	font-size: 24px;
	text-align: center;
	letter-spacing: 0.1em
}

#otherService #otherServiceList {
	width: 1152px;
	min-height: 558px;
	margin: 0 auto;
	position: relative
}

#otherService #otherServiceList li {
	width: 360px;
	background: #FFF
}

#otherService #otherServiceList li a {
	display: block;
	text-decoration: none;
	color: #1c1c1c;
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

#otherService #otherServiceList li a:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5;
	cursor: pointer
}

#otherService #otherServiceList li .img {
	margin: 0
}

#otherService #otherServiceList li .name {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 30px 30px 20px
}

#otherService #otherServiceList li .txt {
	margin: 0;
	padding: 0 30px
}

#otherService #otherServiceList li.os01 {
	position: absolute;
	left: 0;
	top: 0
}

#otherService #otherServiceList li.os01 a {
	height: 400px
}

#otherService #otherServiceList li.os02 {
	position: absolute;
	left: 396px;
	top: 0
}

#otherService #otherServiceList li.os02 a {
	height: 400px
}

#otherService #otherServiceList li.os03 {
	position: absolute;
	left: 0;
	top: 436px;
	width: 756px
}

#otherService #otherServiceList li.os03 .img {
	width: 280px;
	float: left
}

#otherService #otherServiceList li.os03 .name {
	margin: 0 0 0 280px;
	width: 476px;
	padding: 0;
	text-align: center;
	line-height: 120px
}

#otherService #otherServiceList li.os03 a {
	height: 120px
}

#otherService #otherServiceList li.os04, #otherService #otherServiceList li.os05 {
	position: absolute;
	right: 0;
	top: 0
}

#otherService #otherServiceList li.os04 a, #otherService #otherServiceList li.os05 a {
	height: 260px
}

#otherService #otherServiceList li.os04 .img:before, #otherService #otherServiceList li.os05 .img:before {
	content: '';
	position: absolute;
	left: 10px;
	top: 10px;
	right: 10px;
	bottom: 10px;
	margin: auto;
	border: 2px solid rgba(255,255,255,0.3)
}

#otherService #otherServiceList li.os04 .img:after, #otherService #otherServiceList li.os05 .img:after {
	opacity: 1;
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 100px;
	right: 100px;
	height: 0px;
	-webkit-box-shadow: 0px 0px 70px 20px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 70px 20px rgba(0,0,0,0.3)
}

#otherService #otherServiceList li.os04 .name, #otherService #otherServiceList li.os05 .name {
	position: absolute;
	left: 0;
	right: 0;
	top: 100px;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	color: #FFF
}

#otherService #otherServiceList li.os04 .terms, #otherService #otherServiceList li.os05 .terms {
	position: absolute;
	left: 0;
	right: 0;
	top: 90px;
	text-align: center;
	font-size: 18px;
	color: #d9d397
}

#otherService #otherServiceList li.os05 {
	position: absolute;
	right: 0;
	top: 296px
}
@media screen and (max-width: 768px) {

#otherService {
	-webkit-background-size: 62px auto;
	background-size: 62px auto;
	padding: 0 15px
}

#otherService .ttl {
	padding: 30px 0 25px;
	margin: 0;
	font-size: 15px;
	text-align: left
}

#otherService #otherServiceList {
	width: auto;
	min-height: inherit;
	margin: 0 auto;
	position: relative
}

#otherService #otherServiceList li {
	width: auto;
	margin-bottom: 10px;
	background: #FFF
}

#otherService #otherServiceList li .name {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 15px 15px 0 90px
}

#otherService #otherServiceList li .txt {
	margin: 0;
	padding: 10px 15px 0 90px;
	font-size: 12px
}

#otherService #otherServiceList li.os01, #otherService #otherServiceList li.os02, #otherService #otherServiceList li.os03, #otherService #otherServiceList li.os04, #otherService #otherServiceList li.os05 {
	position: relative;
	left: inherit;
	right: inherit;
	top: inherit;
	bottom: inherit;
	width: auto;
	height: auto
}

#otherService #otherServiceList li.os01 a, #otherService #otherServiceList li.os02 a, #otherService #otherServiceList li.os03 a {
	position: relative;
	height: auto
}

#otherService #otherServiceList li.os01 .img, #otherService #otherServiceList li.os02 .img, #otherService #otherServiceList li.os03 .img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 75px;
	overflow: hidden
}

#otherService #otherServiceList li.os01 .img img, #otherService #otherServiceList li.os02 .img img, #otherService #otherServiceList li.os03 .img img {
	position: relative;
	height: 100%
}

#otherService #otherServiceList li.os01 .txt {
	padding-bottom: 15px
}

#otherService #otherServiceList li.os01 .img img {
	left: -30px
}

#otherService #otherServiceList li.os02 .txt {
	padding-bottom: 15px
}

#otherService #otherServiceList li.os03 .name {
	text-align: left;
	width: auto;
	margin-left: 0;
	padding: 15px 40px 15px 90px;
	line-height: 1.5
}

#otherService #otherServiceList li.os04 a, #otherService #otherServiceList li.os05 a {
	height: auto
}

#otherService #otherServiceList li.os04 .img, #otherService #otherServiceList li.os05 .img {
	overflow: hidden;
	height: 130px
}

#otherService #otherServiceList li.os04 .img:before, #otherService #otherServiceList li.os05 .img:before {
	left: 5px;
	top: 5px;
	right: 5px;
	bottom: 5px;
	border: 1px solid rgba(255,255,255,0.3)
}

#otherService #otherServiceList li.os04 .img img, #otherService #otherServiceList li.os05 .img img {
	margin: -20% 0 0;
	width: 100%
}

#otherService #otherServiceList li.os04 .terms, #otherService #otherServiceList li.os05 .terms {
	left: 20px;
	right: 20px;
	top: 40px;
	text-align: left;
	font-size: 13px
}

#otherService #otherServiceList li.os04 .name, #otherService #otherServiceList li.os05 .name {
	left: 20px;
	right: 20px;
	top: 60px;
	text-align: left;
	font-size: 20px;
	padding: 0
}

#otherService #otherServiceList li.os05 .terms, #otherService #otherServiceList li.os05 .name {
	text-align: right
}
}
@-webkit-keyframes 
spaShow {
0% {
opacity:0
}
25% {
opacity:0;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
33% {
opacity:1
}
50% {
opacity:1
}
66% {
opacity:1
}
75% {
-webkit-transform:translate3d(-40px, 0, 0);
transform:translate3d(-40px, 0, 0);
opacity:0
}
100% {
opacity:0
}
}
@-ms-keyframes 
spaShow {
0% {
opacity:0
}
25% {
opacity:0;
transform:translate3d(0, 0, 0)
}
33% {
opacity:1
}
50% {
opacity:1
}
66% {
opacity:1
}
75% {
transform:translate3d(-40px, 0, 0);
opacity:0
}
100% {
opacity:0
}
}
@keyframes 
spaShow {
0% {
opacity:0
}
25% {
opacity:0;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
33% {
opacity:1
}
50% {
opacity:1
}
66% {
opacity:1
}
75% {
-webkit-transform:translate3d(-40px, 0, 0);
transform:translate3d(-40px, 0, 0);
opacity:0
}
100% {
opacity:0
}
}
@-webkit-keyframes 
spaShowSp {
0% {
opacity:0
}
25% {
opacity:0
}
33% {
opacity:1
}
50% {
opacity:1
}
66% {
opacity:1
}
75% {
opacity:0
}
100% {
opacity:0
}
}
@-ms-keyframes 
spaShowSp {
0% {
opacity:0
}
25% {
opacity:0
}
33% {
opacity:1
}
50% {
opacity:1
}
66% {
opacity:1
}
75% {
opacity:0
}
100% {
opacity:0
}
}
@keyframes 
spaShowSp {
0% {
opacity:0
}
25% {
opacity:0
}
33% {
opacity:1
}
50% {
opacity:1
}
66% {
opacity:1
}
75% {
opacity:0
}
100% {
opacity:0
}
}

#hotSpring .hotSpringBody {
	margin: 40px 0 0;
	position: relative;
	width: auto
}

#hotSpring .hotSpringBody .img {
	position: relative;
	overflow: hidden;
	height: 700px;
	background: #171618;
	z-index: 1
}

#hotSpring .hotSpringBody .img:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 240px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, #000));
	background: -webkit-linear-gradient(top, transparent 0%, #000 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(#000000));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, #000000 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, #000000 100%);
	z-index: 3
}

#hotSpring .hotSpringBody .img img {
	position: absolute;
	left: 0;
	top: inherit;
	right: 0;
	bottom: 0;
	margin: -5% auto 0;
	display: block;
	width: 110%;
	min-height: 100%
}

#hotSpring .hotSpringBody .img img:nth-child(1) {
	-webkit-animation: spaShow 12s linear 0s infinite normal;
	animation: spaShow 12s linear 0s infinite normal;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	z-index: 3
}

#hotSpring .hotSpringBody .img img:nth-child(2) {
	-webkit-animation: spaShow 12s linear 4s infinite normal;
	animation: spaShow 12s linear 4s infinite normal;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	z-index: 2
}

#hotSpring .hotSpringBody .img img:nth-child(3) {
	-webkit-animation: spaShow 12s linear 8s infinite normal;
	animation: spaShow 12s linear 8s infinite normal;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	z-index: 1
}

#hotSpring .hotSpringBody .inr {
	position: absolute;
	z-index: 3;
	bottom: 30px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 1180px;
	color: #ececec
}

#hotSpring .hotSpringBody .ttlBox {
	display: inline-block;
	padding: 0;
	width: 33.3%;
	vertical-align: top;
	text-align: center
}

#hotSpring .hotSpringBody .mainSttl {
	margin: 0 36px 4px;
	font-size: 30px;
	letter-spacing: 0.3em;
	text-indent: 0.3em
}

#hotSpring .hotSpringBody .subSttl {
	margin: 0;
	font-size: 16px;
	color: #bc964c
}

#hotSpring .hotSpringBody .txt {
	margin: 0 0 0 -0.4em;
	display: inline-block;
	width: 66.6%;
	letter-spacing: 0.2em;
	font-size: 16px;
	color: #E2E2E2
}

#hotSpring .hotSpringBody .txt span {
	display: block;
	padding-top: 8px;
	font-size: 12px;
	color: #d2d2d2
}

#hotSpring dl {
	width: 100%;
	background: #171618
}

#hotSpring dt {
	padding: 40px 0 35px;
	font-size: 16px;
	letter-spacing: 0.3em;
	text-indent: 0.3em;
	text-align: center;
	color: #ececec
}

#hotSpring ul {
	text-align: center;
	padding-bottom: 40px
}

#hotSpring li {
	display: inline-block;
	padding: 5px;
	margin-left: -0.3em
}

#hotSpring li a {
	display: inline-block;
	padding: 2px 0;
	width: 150px;
	text-align: center;
	border: 1px solid #606060;
	color: #ececec;
	text-decoration: none;
	font-size: 16px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear
}

#hotSpring li a:hover {
	color: #1c1c1c;
	border: 1px solid #ececec;
	background: #ececec
}
@media screen and (max-width: 768px) {

#hotSpring .hotSpringBody {
	margin: 40px 0 0;
	position: relative;
	width: auto;
	overflow: hidden
}

#hotSpring .hotSpringBody .img {
	height: 450px;
	overflow: hidden
}

#hotSpring .hotSpringBody .img:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 280px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, #000));
	background: -webkit-linear-gradient(top, transparent 0%, #000 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(#000000));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, #000000 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, #000000 100%);
	z-index: 3
}

#hotSpring .hotSpringBody .img img {
	position: absolute;
	width: auto;
	height: 450px;
	min-height: inherit
}

#hotSpring .hotSpringBody .img img:nth-child(1) {
	-webkit-animation: spaShowSp 12s linear 0s infinite normal;
	animation: spaShowSp 12s linear 0s infinite normal;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	z-index: 3
}

#hotSpring .hotSpringBody .img img:nth-child(2) {
	-webkit-animation: spaShowSp 12s linear 4s infinite normal;
	animation: spaShowSp 12s linear 4s infinite normal;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	z-index: 2
}

#hotSpring .hotSpringBody .img img:nth-child(3) {
	z-index: 1;
	-webkit-animation: none;
	animation: none
}

#hotSpring .hotSpringBody .inr {
	position: absolute;
	width: auto;
	bottom: 15px;
	left: 15px;
	right: 15px;
	z-index: 2
}

#hotSpring .hotSpringBody .ttlBox {
	display: block;
	width: auto;
	vertical-align: top;
	text-align: center
}

#hotSpring .hotSpringBody .mainSttl {
	margin: 0 0 4px;
	font-size: 18px
}

#hotSpring .hotSpringBody .subSttl {
	margin-bottom: 10px;
	font-size: 8px
}

#hotSpring .hotSpringBody .txt {
	margin: 0;
	display: block;
	width: auto;
	letter-spacing: 0.4em;
	font-size: 12px
}

#hotSpring dt {
	padding: 20px 0 15px;
	font-size: 13px
}

#hotSpring ul {
	padding-bottom: 20px;
	width: 320px;
	margin: 0 auto
}

#hotSpring li {
	display: inline-block;
	padding: 5px;
	margin-left: -0.3em
}

#hotSpring li a {
	display: inline-block;
	padding: 6px 0;
	width: 62px;
	font-size: 12px
}
}

#garden #mifuneyama {
	margin-top: 50px
}

#garden #mifuneyama .inr {
	position: relative;
	background: rgba(255,255,255,0.9);
	padding: 50px 0 0;
	margin: 0px 0 0
}

#garden #mifuneyama .inr2 {
	position: relative;
	margin: 0 auto;
	width: 1152px
}

#garden #mifuneyama .img img {
	width: 100%
}

#garden #mifuneyama .designation {
	position: absolute;
	top: 10px;
	left: 360px;
	margin: 0;
	color: #B4AB7A;
	font-size: 16px;
	letter-spacing: 0.2em
}

#garden #mifuneyama .mainSttl {
	margin: 2px 0;
	width: 308px;
	font-size: 40px;
	font-weight: bold;
	letter-spacing: 0.2em
}

#garden #mifuneyama .mainSttl img {
	margin: 0
}

#garden #mifuneyama .subSttl {
	width: 308px;
	text-align: center;
	margin: 0;
	font-size: 16px;
	font-weight: normal;
	text-indent: 0.1em;
	letter-spacing: 0.1em
}

#garden #mifuneyama .txt {
	position: absolute;
	top: 45px;
	left: 360px;
	margin: 0px 0 0;
	font-size: 20px;
	letter-spacing: 0.15em
}

#garden #mifuneyama .free {
	position: absolute;
	right: 0;
	top: 22px;
	padding: 16px 20px;
	display: inline-block;
	border: 1px solid #b4ab7a;
	color: #af980d;
	line-height: 1.2;
	text-indent: 0.2em;
	letter-spacing: 0.2em
}

#garden #mifuneyama .season {
	position: relative;
	width: 1152px;
	margin: 0px auto 0;
	padding: 0 0 50px
}

#garden #mifuneyama .season:after {
	content: "";
	clear: both;
	display: block
}

#garden #mifuneyama .season li {
	width: 260px;
	float: left;
	margin-left: 37px
}

#garden #mifuneyama .season li:first-child {
	margin-left: 0
}

#garden #mifuneyama .season a {
	text-decoration: none;
	color: #1c1c1c;
	display: block
}

#garden #mifuneyama .season a img {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

#garden #mifuneyama .season a:hover img {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5;
	cursor: pointer
}

#garden #mifuneyama .season .gardenSttl {
	font-size: 42px;
	font-weight: bold;
	position: relative;
	z-index: 2;
	margin-bottom: -28px
}

#garden #mifuneyama .season .gardenSttl span {
	display: inline-block;
	padding-left: 15px;
	font-size: 14px;
	vertical-align: 24px;
	letter-spacing: 0.2em
}

#garden #mifuneyama .season .txt {
	margin: 10px 0 0;
	font-size: 14px;
	text-align: center;
	position: static
}

#garden #mifuneyama .season .txt:before {
	display: none
}

#garden #mifuneyama .season .ssttl {
	text-align: center;
	font-size: 20px;
	margin: 6px 0 0
}

#garden #mifuneyama .season .spring .ssttl {
	color: #CD2A60
}

#garden #mifuneyama .season .summer .ssttl {
	color: #c9a75d
}

#garden #mifuneyama .season .autumn .ssttl {
	color: #7e67dd
}

#garden #mifuneyama .season .autumn2 .ssttl {
	color: #da7a00
}

#garden #mifuneyama .moreLink {
	clear: both;
	width: 1152px;
	margin: 0 auto
}

#garden #mifuneyama .moreLink a {
	position: relative;
	display: block;
	padding: 30px 54px;
	color: #1c1c1c;
	line-height: 1.1;
	text-align: center;
	text-decoration: none;
	border: 1px solid #c3c3c3;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear
}

#garden #mifuneyama .moreLink a:before {
	content: '';
	position: absolute;
	margin-top: -8px;
	top: 50%;
	right: 20px;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	width: 14px;
	height: 14px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

#garden #mifuneyama .moreLink a:hover {
	color: #ececec;
	border: 1px solid #171618;
	background: #171618
}

#garden #mifuneyamaInfo {
	position: relative;
	width: 1152px;
	margin: 40px auto 0;
	padding-top: 55px;
	text-align: left;
	border-top: 1px solid #d9d9d9
}

#garden #mifuneyamaInfo:after {
	content: "";
	clear: both;
	display: block
}

#garden #mifuneyamaInfo img {
	display: block;
	float: right;
	padding: 0 0 20px
}

#garden #mifuneyamaInfo .sttl {
	margin: 0 600px 40px 0;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0.2em
}

#garden #mifuneyamaInfo .sttl span {
	display: inline-block
}

#garden #mifuneyamaInfo .txt {
	position: static;
	display: block;
	vertical-align: top;
	font-size: 16px;
	text-indent: 0;
	line-height: 2;
	margin: 0 600px 30px 0;
	padding: 0
}

#garden #mifuneyamaInfo .txt:before {
	display: none
}
@media screen and (max-width: 768px) {

#garden #mifuneyama .inr {
	position: relative;
	margin: 20px 0 0;
	padding-top: 0;
	text-align: center;
	overflow: hidden
}

#garden #mifuneyama .inr2 {
	width: auto
}

#garden #mifuneyama .img {
	width: auto;
	overflow: hidden
}

#garden #mifuneyama .img img {
	width: 100%
}

#garden #mifuneyama .designation {
	position: static;
	font-size: 10px;
	padding-top: 20px
}

#garden #mifuneyama .mainSttl {
	position: static;
	width: auto
}

#garden #mifuneyama .mainSttl img {
	width: 150px;
	margin: auto
}

#garden #mifuneyama .subSttl {
	font-size: 9px;
	width: auto
}

#garden #mifuneyama .txt {
	position: static;
	margin: 5px 0 0;
	font-size: 13px
}

#garden #mifuneyama .txt:before {
	top: -25px;
	width: 130px
}

#garden #mifuneyama .free {
	position: static;
	margin: 20px 0 0;
	padding: 10px 20px;
	display: inline-block;
	border: 1px solid #b4ab7a;
	color: #af980d;
	font-size: 13px
}

#garden #mifuneyama .season {
	width: auto;
	margin: 0px 15px 0;
	padding: 0 0 10px
}

#garden #mifuneyama .season li {
	margin: 0 0 20px;
	width: 48%;
	margin-left: 4%
}

#garden #mifuneyama .season li:nth-child(odd) {
	margin-left: 0
}

#garden #mifuneyama .season img {
	width: 100%
}

#garden #mifuneyama .season .gardenSttl {
	font-size: 42px;
	font-weight: bold;
	position: relative;
	z-index: 2;
	margin-bottom: -28px
}

#garden #mifuneyama .season .gardenSttl span {
	display: inline-block;
	padding-left: 15px;
	font-size: 14px;
	vertical-align: 24px;
	letter-spacing: 0.2em
}

#garden #mifuneyama .season .txt {
	margin: 5px 0 0;
	font-size: 12px
}

#garden #mifuneyama .season .ssttl {
	text-align: center;
	font-size: 14px;
	margin: 3px 0 0
}

#garden #mifuneyama .moreLink {
	margin: 0 15px;
	width: auto
}

#garden #mifuneyama .moreLink a {
	font-size: 13px
}

#garden #mifuneyamaInfo {
	width: auto;
	margin: 30px 15px 0;
	padding-top: 30px;
	text-align: left
}

#garden #mifuneyamaInfo:after {
	content: "";
	clear: both;
	display: block
}

#garden #mifuneyamaInfo .sttl {
	margin: 0 0 20px;
	font-size: 17px
}

#garden #mifuneyamaInfo .txt {
	width: auto;
	font-size: 13px;
	margin: 0 0 25px
}

#garden #mifuneyamaInfo img {
	width: 100%
}

#garden #mifuneyamaInfo .t01, #garden #mifuneyamaInfo .t02 {
	float: none
}
}

#access {
	padding-bottom: 0
}

#access #accessMap {
	margin: 50px 0 0;
	width: auto;
	height: 480px;
	position: relative;
	overflow: hidden
}

#access .info {
	margin: 125px auto 0;
	width: 1152px;
	position: relative
}

#access .info .name {
	margin: 0 0 35px;
	letter-spacing: 0.3em;
	font-size: 36px;
	font-weight: bold
}

#access .info .name span {
	display: inline-block;
	letter-spacing: 0.1em;
	font-size: 16px;
	margin-left: 20px
}

#access .info .address {
	margin: 0 36px 95px 0;
	display: inline-block;
	width: 360px;
	line-height: 2;
	vertical-align: top;
	letter-spacing: 0.2em
}

#access .info .address a {
	color: #1c1c1c;
	text-decoration: none
}

#access .info .address a:after {
	display: inline-block;
	padding-left: 10px;
	content: '';
	width: 16px;
	height: 25px;
	background: url(../img/map_arrow_s.png) center center no-repeat
}

#access .info .contact {
	display: inline-block;
	margin: 0 0 95px;
	vertical-align: top;
	line-height: 1.9;
	letter-spacing: 0.2em
}

#access .info .chargeSearch {
	position: absolute;
	top: 0;
	right: 0;
	width: 320px
}

#access .info .chargeSearch a {
	display: block;
	padding: 30px 0 30px;
	color: #1c1c1c;
	line-height: 1.1;
	text-align: center;
	text-decoration: none;
	border: 1px solid #c3c3c3;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear
}

#access .info .chargeSearch a:before {
	content: '';
	position: absolute;
	margin-top: -12px;
	top: 50%;
	right: 20px;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	width: 20px;
	height: 20px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

#access .info .chargeSearch a:hover {
	color: #ececec;
	border: 1px solid #171618;
	background: #171618
}

#access .info .tel {
	position: absolute;
	top: 100px;
	right: 0;
	width: 320px
}

#access .info .tel a {
	display: block;
	padding: 20px 20px 20px;
	color: #1c1c1c;
	line-height: 1.1;
	text-decoration: none;
	border: 1px solid #c3c3c3;
	cursor: default;
	pointer-events: none
}

#access .info .tel a span {
	margin-top: -2px;
	float: right;
	color: #C1A85D;
	font-size: 20px;
	letter-spacing: 0.1em
}

#access #routeList {
	margin: 0px
}

#access #routeList dl {
	display: inline-block;
	width: 558px;
	margin: 0 -0.3em 80px 0;
	vertical-align: top
}

#access #routeList dl:nth-child(even) {
	margin-left: 36px
}

#access #routeList dt {
	background: #ECE8E3;
	padding: 22px 0 22px 60px;
	text-align: center;
	position: relative;
	font-size: 18px
}

#access #routeList dt.icon_train_t:before, #access #routeList dt.icon_plane_t:before {
	content: '';
	position: absolute;
	left: 30px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	background-image: url(../img/sprite.png);
	background-position: -648px -280px;
	width: 32px;
	height: 36px
}

#access #routeList dt.icon_train_t:before {
	background-image: url(../img/sprite.png);
	background-position: -382px -420px;
	width: 32px;
	height: 36px
}

#access #routeList .route {
	position: relative;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	font-size: 18px;
	padding: 22px 0 22px 65px;
	text-align: center
}

#access #routeList .route.icon_car:before, #access #routeList .route.icon_train:before {
	content: '';
	display: inline-block;
	margin-right: 20px;
	vertical-align: -8px;
	background-image: url(../img/sprite.png);
	background-position: -472px -420px;
	width: 38px;
	height: 32px
}

#access #routeList .route.icon_train:before {
	background-image: url(../img/sprite.png);
	background-position: -618px -420px;
	width: 38px;
	height: 32px
}

#access #routeList .img {
	padding-top: 40px
}

#access #routeList .img img {
	display: block;
	width: 100%
}

#access #routeList section {
	display: inline-block;
	width: 480px;
	margin: 0 -0.3em 80px 60px;
	vertical-align: top;
	border-top: 2px solid #7e7e7e
}

#access #routeList .routeMap {
	margin-bottom: 10px
}

#access #routeList .sttl {
	margin: 40px 0 30px;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.2em
}

#access #routeList .txt {
	margin: 0
}
@media screen and (max-width: 768px) {

#access #accessMap {
	margin: 25px 0 0;
	height: 200px
}

#access .info {
	margin: 25px 15px 0;
	width: auto
}

#access .info .name {
	margin: 0 0 25px;
	font-size: 20px;
	font-weight: bold;
	width: auto
}

#access .info .name span {
	margin-left: 0;
	font-size: 12px
}

#access .info .address {
	width: auto;
	margin: 0 0 20px 0;
	display: block;
	letter-spacing: 0.1em
}

#access .info .contact {
	display: block;
	margin: 0 0 35px;
	letter-spacing: 0.1em
}

#access .info .chargeSearch {
	position: relative;
	right: inherit;
	top: inherit;
	width: auto;
	margin-bottom: 15px
}

#access .info .tel {
	position: relative;
	right: inherit;
	top: inherit;
	width: auto
}

#access .info .tel a {
	pointer-events: auto
}

#access #routeList {
	width: auto;
	margin-left: 0;
	margin-right: 0;
	padding-top: 35px;
	border-bottom: 1px solid #e8e8e8
}

#access #routeList dl {
	display: block;
	width: auto;
	margin: 0 -15px;
	vertical-align: top
}

#access #routeList dl:nth-child(even) {
	margin-left: -15px
}

#access #routeList dt {
	border-top: 1px solid #e8e8e8;
	background: none;
	padding: 20px 0 20px 45px;
	text-align: left;
	position: relative;
	font-size: 13px
}

#access #routeList dt:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: 5px;
	border-right: 1px solid #b4ac7c;
	border-bottom: 1px solid #b4ac7c;
	width: 14px;
	height: 14px;
	margin-top: -6px;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg)
}

#access #routeList dt.act:after {
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
	margin-top: -3px
}

#access #routeList dt.act+dd p {
	margin-top: 0
}

#access #routeList dt.icon_train_t:before, #access #routeList dt.icon_plane_t:before {
	left: 15px;
	background-image: url(../img/sprite.png);
	background-position: -170px -210px;
	width: 16px;
	height: 18px;
	-webkit-background-size: 342px 239px;
	background-size: 342px 239px
}

#access #routeList dt.icon_train_t:before {
	background-image: url(../img/sprite.png);
	background-position: -309px -210px;
	width: 19px;
	height: 16px;
	-webkit-background-size: 342px 239px;
	background-size: 342px 239px
}

#access #routeList dd {
	margin: 0 15px;
	overflow: hidden
}

#access #routeList dd p {
	-webkit-transition: margin-top 0.5s ease;
	transition: margin-top 0.5s ease;
	margin-top: -100%
}

#access #routeList .route {
	padding: 14px 0 14px 50px;
	border: none;
	font-size: 13px;
	color: #DEDEDE;
	text-align: left;
	background-color: #585756
}

#access #routeList .route.icon_car:before, #access #routeList .route.icon_train:before {
	margin-right: 10px;
	vertical-align: -4px;
	background-image: url(../img/sprite.png);
	background-position: -260px -210px;
	width: 19px;
	height: 16px;
	-webkit-background-size: 342px 239px;
	background-size: 342px 239px
}

#access #routeList .route.icon_train:before {
	background-image: url(../img/sprite.png);
	background-position: -212px -210px;
	width: 19px;
	height: 16px;
	-webkit-background-size: 342px 239px;
	background-size: 342px 239px
}

#access #routeList .img {
	padding-top: 20px;
	padding-bottom: 30px
}

#access #routeList .img img {
	width: 100%
}

#access #routeList section {
	display: inline-block;
	width: 480px;
	margin: 0 -0.3em 80px 60px;
	vertical-align: top;
	border-top: 2px solid #7e7e7e
}

#access #routeList .routeMap {
	margin-bottom: 10px
}

#access #routeList .sttl {
	margin: 40px 0 30px;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.2em
}

#access #routeList .txt {
	margin: 0
}
}

#surroundingArea .mainTtl {
	margin-bottom: 50px
}

#surroundingArea #surroundingAreaMap {
	margin: 0;
	width: auto;
	height: 700px;
	position: relative;
	overflow: hidden
}

#surroundingArea .mapBalloon {
	width: 280px;
	font-size: 12px
}

#surroundingArea .mapBalloon .name {
	font-size: 13px;
	font-weight: bold
}

#surroundingArea .mapBalloon .txt {
	padding-bottom: 5px
}

#surroundingArea .mapBalloon .tel, #surroundingArea .mapBalloon .address {
	font-size: 11px
}

#surroundingArea .mapBalloon .link {
	font-size: 11px
}

#surroundingArea .mapBalloon .link a {
	color: #00E
}

#surroundingArea .mapBalloon dl {
	padding-top: 5px
}

#surroundingArea .mapBalloon dl dt {
	width: 5em;
	float: left
}

#surroundingArea .mapBalloon dl dd {
	margin: 0 0 0 5em
}

#surroundingArea .linkList {
	background: #222323
}

#surroundingArea .linkList dt {
	color: #BC964C;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	padding: 40px 0 30px;
	letter-spacing: 0.2em
}

#surroundingArea .linkList dd {
	width: 1152px;
	margin: 0 auto;
	padding: 0 0 40px;
	letter-spacing: 0.1em
}

#surroundingArea .linkList dd ul li {
	border-top: 1px solid #4e4f4f;
	width: 360px;
	display: inline-block;
	margin: 0 -0.4em 0 36px;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo
}

#surroundingArea .linkList dd ul li:nth-child(3n+1) {
	margin-left: 0
}

#surroundingArea .linkList dd ul li a {
	position: relative;
	display: block;
	padding: 15px 15px 15px 0;
	font-size: 14px;
	color: #ececec;
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	text-decoration: none;
	opacity: 1
}

#surroundingArea .linkList dd ul li a:before {
	content: '';
	position: absolute;
	margin-top: -5px;
	top: 50%;
	right: 3px;
	border-right: 2px solid #BC964C;
	border-bottom: 2px solid #BC964C;
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

#surroundingArea .linkList dd ul li a:hover {
	opacity: 0.5
}
@media screen and (max-width: 768px) {

#surroundingArea #surroundingAreaMap {
	margin: 25px 0 0;
	width: auto;
	height: 320px;
	position: relative;
	overflow: hidden
}

#surroundingArea .linkList dt {
	font-size: 14px;
	padding: 30px 0 25px
}

#surroundingArea .linkList dd {
	width: auto;
	margin: 0;
	padding: 0 0 20px
}

#surroundingArea .linkList dd ul li {
	border-top: 1px solid #4e4f4f;
	width: auto;
	display: block;
	margin: 0
}

#surroundingArea .linkList dd ul li a {
	padding: 15px;
	font-size: 11px
}

#surroundingArea .linkList dd ul li a:before {
	margin-top: -5px;
	right: 10px;
	border-right: 1px solid #BC964C;
	border-bottom: 1px solid #BC964C;
	width: 8px;
	height: 8px
}
}

#memorial {
	position: relative;
	width: 1180px;
	margin: 0px auto 120px
}

#memorial .mainTtl {
	width: 400px;
	margin: 0 auto 45px;
	font-size: 22px;
	text-align: center;
	text-indent: 0.2em;
	letter-spacing: 0.2em
}

#memorial ul:after {
	content: "";
	clear: both;
	display: block
}

#memorial li {
	width: 33.3%;
	display: inline-block;
	vertical-align: top;
	margin: 0 -0.3em 0 0
}

#memorial dl {
	position: relative;
	padding: 230px 36px 0
}

#memorial dt {
	margin: 0 0 16px
}

#memorial dt time {
	display: block;
	font-size: 11px;
	margin: 0 0 10px;
	color: #999
}

#memorial dt .name {
	font-size: 12px
}

#memorial dd .txt {
	font-size: 13px;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo
}

#memorial dd .img {
	position: absolute;
	left: 36px;
	top: 0;
	width: 330px
}

#memorial dd .img img {
	width: 100%
}

#memorial .slick-dots {
	padding: 20px 0 0;
	text-align: center;
	bottom: -65px
}

#memorial .slick-dots li {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: 0 20px
}

#memorial .slick-dots li button {
	display: block;
	width: 22px;
	height: 22px;
	background: #ccc;
	border-radius: 50%;
	text-decoration: none
}

#memorial .slick-dots li button:before {
	display: none
}

#memorial .slick-dots li.slick-active button {
	background: #9D8E5A
}
@media screen and (max-width: 768px) {

#memorial {
	position: relative;
	width: auto;
	margin: 60px 0 60px
}

#memorial .mainTtl {
	width: auto;
	margin: 0 0 20px;
	font-size: 18px;
	text-align: center
}

#memorial li {
	width: auto;
	display: block;
	vertical-align: top;
	margin: 0 auto;
	width: 260px
}

#memorial dl {
	position: relative;
	padding: 170px 30px 0;
	width: auto
}

#memorial dt {
	margin: 0 0 10px
}

#memorial dt time {
	display: block;
	font-size: 12px
}

#memorial dt .name {
	font-size: 18px
}

#memorial dd .txt {
	font-size: 13px
}

#memorial dd .img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 260px
}

#memorial dd .img img {
	width: 100%
}

#memorial .slick-dots {
	padding: 0px 0 15px;
	text-align: center
}

#memorial .slick-dots li {
	width: 12px;
	height: 12px;
	margin: 0 10px
}

#memorial .slick-dots li button {
	width: 12px;
	height: 12px
}
}

/*#contInfo {
	border-top: 1px solid #d9d9d9;
	margin: 60px auto;
	padding: 75px 0 0
}

#contInfo ul {
	width: 1152px;
	margin: 0 auto
}

#contInfo li {
	display: inline-block;
	margin: 0 -0.3em 0 16px
}

#contInfo li:first-child {
	margin-left: 0
}

#contInfo li a img {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

#contInfo li a:hover img {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5;
	cursor: pointer
}*/
@media screen and (max-width: 768px) {

/*#contInfo {
	border-top: 1px solid #d9d9d9;
	margin: 10px auto;
	padding: 30px 0 0
}

#contInfo ul {
	width: 260px;
	margin: 0 auto
}

#contInfo li {
	display: inline-block;
	margin: 0 -0.3em 0 16px
}

#contInfo li:first-child {
	margin-left: 0
}

#contInfo li img {
	width: 100%
}

#contInfo li.nav01 {
	display: block;
	margin: 0
}

#contInfo li.nav02 {
	width: 122px;
	margin-left: 0
}

#contInfo li.nav03 {
	width: 122px
}*/
}

/*#fbLike {
	width: 1152px;
	margin: 0 auto -90px;
	padding: 30px 0 120px
}

#fbLike .fb-like {
	padding: 20px;
	background: #f4f4f4;
	display: block
}

div.fb-like-box, div.fb-like-box iframe[style] {
	width: 100% !important
}*/
@media screen and (max-width: 768px) {

/*#fbLike {
	width: auto;
	margin: 0 15px;
	padding: 30px 0;
	background: #f4f4f4;
	overflow: hidden
}

#fbLike .fblike {
	width: auto;
	padding: 10px
}

#fbLike .fb_iframe_widget iframe, #fbLike .fb_iframe_widget_fluid span {
	width: 100% !important
}*/
}
@media screen and (min-width: 768px) and (max-width: 1100px) {

#news .newsList {
	margin-left: 0;
	margin-right: 0;
	border-right: none
}

#news .newsList li:first-child:before {
	display: none
}

#dinner .dinnerMenu .description {
	width: 66.6%
}

#dinner .pgNav {
	width: 33.3%;
	left: 0
}
}






#roomsDtl {
	padding-top: 60px
}

#roomsDtl #roomName {
	position: relative;
	height: 550px
}

#roomsDtl #roomName .mainName {
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 96px;
	height: 248px;
	color: #BC964C;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.3;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

#roomsDtl #roomName .mainName .ttlinr {
	display: block;
	position: absolute;
	z-index: 2;
	width: 1.5em;
	top: 50%;
	left: 50%;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

#roomsDtl #roomName .mainName .name {
	position: relative;
	z-index: 2;
	display: block;
	width: 1.5em;
	margin-top: 7px;
	color: #1c1c1c
}

#roomsDtl #roomName .subName {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 18%;
	color: #1c1c1c;
	text-align: center;
	font-size: 13px;
	letter-spacing: 0.3em;
	text-indent: 0.3em
}

#roomsDtl .roomMainVis img {
	width: 100%
}

#roomsDtl .roomPhoto01, #roomsDtl .roomPhoto02 {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background-repeat: repeat-y;
	background-position: 0 0;
	-webkit-background-size: contain;
	background-size: contain;
	max-width: 360px;
	width: 20%;
	z-index: -1
}

#roomsDtl .roomPhoto01 img, #roomsDtl .roomPhoto02 img {
	width: 100%
}

#roomsDtl .roomPhoto02 {
	left: inherit;
	right: 0
}

#roomsDtl #roomInfo {
	position: relative;
	padding: 0 30px
}

#roomsDtl #roomInfo .inr {
	width: 520px;
	margin: 0 auto;
	padding: 80px 100px 120px;
	margin-bottom: -90px;
	background: #FFF
}

#roomsDtl .catch {
	margin: 0;
	padding: 100px 0 30px;
	border-top: 2px solid #222323;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.3em
}

#roomsDtl .catch span {
	display: inline-block
}

#roomsDtl .lead {
	margin: 0 0 80px;
	font-size: 16px;
	text-align: center;
	letter-spacing: 0.1em
}

#roomsDtl .whatsnew {
	margin-bottom: 30px
}

#roomsDtl .whatsnew>dt {
	background: #222323;
	color: #fff;
	padding: 10px 0;
	text-align: center
}

#roomsDtl .whatsnew dl dt {
	width: 100px;
	float: left;
	padding: 20px 0 0
}

#roomsDtl .whatsnew dl dd {
	border-bottom: 1px solid #cacaca;
	padding: 20px 0 20px 110px
}

#roomsDtl .roomSketch {
	margin: 0 0 20px
}

#roomsDtl .roomSketch img {
	margin: 0;
	display: block;
	width: 100%
}

#roomsDtl .roomOption {
	margin: 0 0 50px
}

#roomsDtl .roomOption dt {
	padding: 15px 0 0;
	float: left;
	width: 110px;
	border-top: 1px solid #464646
}

#roomsDtl .roomOption dd {
	margin: 0 0 0 110px;
	padding: 15px 0 15px 10px;
	border-top: 1px solid #cacaca
}

#roomsDtl .roomOption .name {
	font-weight: bold;
	margin: 0 0 5px
}

#roomsDtl .roomOption ul {
	margin: 10px 0
}

#roomsDtl .roomOption li {
	margin: 0 0 5px 1em;
	text-indent: -1em;
	font-size: 13px
}

#roomsDtl .dtlInfo {
	margin: 0 0 50px;
	letter-spacing: 0.2em;
	line-height: 1.8
}

#roomsDtl .reservation {
	border-top: 1px solid #cacaca;
	padding: 35px 0 0
}

#roomsDtl .reservation h2 {
	text-align: center;
	margin-bottom: 40px
}

#roomsDtl .reservation h2:before, #roomsDtl .reservation h2:after {
	content: '';
	display: inline-block;
	vertical-align: middle
}

#roomsDtl .reservation h2:before {
	background-image: url(../img/sprite.png);
	background-position: -310px -280px;
	width: 36px;
	height: 92px
}

#roomsDtl .reservation h2:after {
	background-image: url(../img/sprite.png);
	background-position: -356px -280px;
	width: 36px;
	height: 92px
}

#roomsDtl .reservation h2 span {
	display: inline-block;
	vertical-align: middle;
	padding: 0 60px;
	font-size: 20px
}

#roomsDtl .reservation h2 span span {
	color: #bc964c;
	padding: 0
}

#roomsDtl .reservation dl {
	position: relative;
	font-size: 13px;
	letter-spacing: 0.1em;
	line-height: 2;
	margin-bottom: 30px
}

#roomsDtl .reservation dl dt {
	color: #bc964c;
	width: 160px;
	padding: 10px 40px 0 0;
	float: left
}

#roomsDtl .reservation dl dt:first-child:before {
	content: '';
	position: absolute;
	width: 1px;
	background: #cacaca;
	top: 0;
	bottom: 0;
	left: 160px;
	border-left: 19px solid #fff;
	border-right: 19px solid #fff
}

#roomsDtl .reservation dl dt:first-child+dd {
	border-top: none
}

#roomsDtl .reservation dl dd {
	padding: 10px 0 10px 200px;
	border-top: 1px solid #cacaca
}

#roomsDtl .reservation .telBtn, #roomsDtl .reservation .linkBtn a {
	display: block;
	margin: 0 0 20px;
	background: #BC964C;
	color: #FFF;
	border-radius: 3px;
	text-align: center
}

#roomsDtl .reservation .telBtn {
	font-size: 34px;
	letter-spacing: 0.1em;
	line-height: 1.2;
	padding: 0 0 10px
}

#roomsDtl .reservation .telBtn span {
	font-size: 16px
}

#roomsDtl .reservation .telBtn span:before {
	content: '';
	display: inline-block;
	background-image: url(../img/sprite.png);
	background-position: -310px -382px;
	width: 30px;
	height: 22px;
	margin-right: 18px;
	vertical-align: -3px
}

#roomsDtl .reservation .telBtn a {
	text-decoration: none;
	color: #FFF;
	pointer-events: none
}

#roomsDtl .reservation .linkBtn {
	margin: 0
}

#roomsDtl .reservation .linkBtn a {
	padding: 15px 0;
	text-decoration: none;
	position: relative;
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	font-size: 18px;
	letter-spacing: 0.2em
}

#roomsDtl .reservation .linkBtn a:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5;
	cursor: pointer
}

#roomsDtl .reservation .linkBtn a:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width: 14px;
	height: 14px;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	-ms-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg)
}

#roomsDtl #roomList {
	display: none
}

#roomsDtl .roomMainVis {
	position: relative;
	width: auto;
	background: #000
}

#roomsDtl .roomMainVis.video {
	padding-bottom: 56.25%;
	height: 0
}

#roomsDtl .roomMainVis .play {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.4);
	cursor: pointer;
	opacity: 0;
	-webkit-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear
}

#roomsDtl .roomMainVis .play:before {
	content: '';
	background: url(../img/rooms/movie_play.png) 0 0 no-repeat;
	width: 168px;
	height: 200px;
	position: absolute;
	left: 0;
	top: 90px;
	right: 0;
	bottom: 0;
	margin: auto
}

#roomsDtl .roomMainVis .play:hover {
	opacity: 1
}

#roomsDtl .roomMainVis iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
@media screen and (max-width: 768px) {

#roomsDtl {
	padding-top: 40px
}

#roomsDtl #roomName {
	height: 300px
}

#roomsDtl #roomName .mainName {
	width: 96px;
	height: 248px;
	font-size: 26px
}

#roomsDtl #roomName .subName {
	bottom: 10%
}

#roomsDtl #roomName .subName span {
	display: block
}

#roomsDtl #roomList {
	display: block
}

#roomsDtl .roomMainVis {
	position: relative;
	width: auto;
	background: #000
}

#roomsDtl .roomMainVis.video {
	padding-bottom: 56.25%;
	height: 0
}

#roomsDtl .roomMainVis .play {
	opacity: 1
}

#roomsDtl .roomMainVis .play:before {
	background: url(../img/rooms/movie_play.png) 0 0 no-repeat;
	-webkit-background-size: 84px auto;
	background-size: 84px auto;
	width: 84px;
	height: 100px;
	position: absolute;
	left: 0;
	top: 30px;
	right: 0;
	bottom: 0;
	margin: auto;
	cursor: pointer
}

#roomsDtl .photoInr {
	margin: 0 -30px
}

#roomsDtl .photoInr:after {
	content: "";
	clear: both;
	display: block
}

#roomsDtl .roomPhoto01, #roomsDtl .roomPhoto02 {
	display: block;
	margin: 0;
	position: static;
	width: 50%;
	max-width: inherit;
	float: left
}

#roomsDtl .roomPhoto01 img, #roomsDtl .roomPhoto02 img {
	display: block;
	width: 100%
}

#roomsDtl .catch {
	font-size: 21px;
	text-align: left;
	padding: 30px 0;
	border-top: none
}

#roomsDtl .lead {
	margin-bottom: 40px;
	font-size: 13px;
	text-align: left
}

#roomsDtl .whatsnew {
	margin-bottom: 30px;
	font-size: 13px
}

#roomsDtl .whatsnew dt {
	padding: 6px 0
}

#roomsDtl .whatsnew dl dt {
	padding: 10px 0 0;
	width: 70px
}

#roomsDtl .whatsnew dl dd {
	padding: 10px 0 10px 80px
}

#roomsDtl .dtlInfo {
	font-size: 13px
}

#roomsDtl #roomInfo {
	padding: 0 30px
}

#roomsDtl #roomInfo .inr {
	width: auto;
	margin: 0 auto;
	padding: 0;
	margin-bottom: 0
}

#roomsDtl .reservation .btn {
	top: 10px;
	right: 10px;
	background-image: url(../img/sprite.png);
	background-position: -289px -140px;
	width: 30px;
	height: 30px;
	-webkit-background-size: 342px 239px;
	background-size: 342px 239px
}

#roomsDtl .reservation .telBtn {
	font-size: 24px
}

#roomsDtl .reservation .telBtn a {
	pointer-events: auto
}

#roomsDtl .reservation .telBtn span {
	font-size: 14px
}

#roomsDtl .reservation .linkBtn a {
	margin: 0 0 20px;
	display: block;
	border: none;
	padding: 25px 30px;
	text-decoration: none;
	position: relative;
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	opacity: 1;
	letter-spacing: 0.2em;
	font-size: 14px
}

#roomsDtl .reservation h2 {
	text-align: center;
	width: auto;
	margin: 0 -10px 20px
}

#roomsDtl .reservation h2:before {
	background-image: url(../img/sprite.png);
	background-position: -155px -140px;
	width: 18px;
	height: 46px;
	-webkit-background-size: 342px 239px;
	background-size: 342px 239px
}

#roomsDtl .reservation h2:after {
	background-image: url(../img/sprite.png);
	background-position: -178px -140px;
	width: 18px;
	height: 46px;
	-webkit-background-size: 342px 239px;
	background-size: 342px 239px
}

#roomsDtl .reservation h2 span {
	padding: 0 20px;
	font-size: 16px
}

#roomsDtl .reservation dl {
	position: relative;
	font-size: 13px;
	letter-spacing: 0.1em;
	line-height: 2;
	margin-bottom: 30px;
	width: auto;
	margin: 0 10px
}

#roomsDtl .reservation dl dt {
	width: auto;
	padding: 10px 0px 0 0;
	margin-right: 0px;
	border-top: 1px solid #cacaca;
	float: none
}

#roomsDtl .reservation dl dt:first-child {
	border-top: none
}

#roomsDtl .reservation dl dt:first-child:before {
	display: none
}

#roomsDtl .reservation dl dt:first-child+dd {
	border-top: none
}

#roomsDtl .reservation dl dd {
	padding: 10px 0 10px 0;
	margin: 0;
	border-top: none
}

#roomsDtl #roomList {
	margin: 0px 0 0;
	padding: 40px 0 0
}

#roomsDtl #roomList .mainTtl {
	width: 260px;
	margin: 0 auto 20px;
	margin-bottom: 20px
}

#roomsDtl #roomList .mainTtl img {
	display: block;
	width: 260px
}
}

#winelist {
	clear: both;
	position: relative;
	overflow: hidden
}

#winelist .bg {
	content: "";
	position: absolute;
	top: 170px;
	z-index: -1;
	width: 320px;
	height: 790px;
	background-position: 50% 50%;
	background-repeat: no-repeat
}

#winelist .ttlBlock {
	position: relative
}

#winelist .ttlBlock .mainName {
	position: absolute;
	top: 150px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 96px;
	height: 248px;
	color: #BC964C;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.3
}

#winelist .ttlBlock .mainName .ttlinr {
	display: block;
	position: absolute;
	z-index: 2;
	width: 1.5em;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center
}

#winelist .ttlBlock .subName {
	position: absolute;
	left: 0;
	right: 0;
	top: 460px;
	color: #1c1c1c;
	text-align: center;
	font-size: 13px;
	letter-spacing: 0.3em;
	text-indent: 0.3em
}

#winelist .ttlBlock .lead {
	padding: 540px 0 80px;
	text-align: center
}

#winelist .ttlBlock .img img {
	width: 100%;
	display: block
}

#winelist #wineListDescription {
	max-width: 700px;
	margin: 0 auto;
	padding: 0 0 80px
}

#winelist #wineListDescription .sttl {
	padding: 80px 0 50px;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0.2em
}

#winelist #wineListDescription .txt {
	font-size: 13px;
	padding: 0 0 20px;
	letter-spacing: 0.1em
}

#winelist #wineListDescription .txt span {
	font-weight: bold;
	color: #a1321b
}

#winelist .winelistBlock {
	clear: both;
	padding: 0 0 40px;
	background-color: rgba(255,255,255,0.9)
}

#winelist .winelistBlock .catTtl {
	margin: 0;
	padding: 40px 0;
	text-align: center;
	color: #fff;
	font-size: 22px;
	font-weight: normal;
	letter-spacing: .1em
}

#winelist .winelistBlock .catTtl.red {
	background-color: #ae281f
}

#winelist .winelistBlock .catTtl.white {
	background-color: #abad7e
}

#winelist .winelistBlock .catTtl.champagne {
	background-color: #bebab0
}

#winelist .winelistBlock .catTtl .sub {
	font-size: 15px
}

#winelist .winelistBlock .winelistItems {
	clear: both;
	margin: 50px auto 0;
	max-width: 1080px
}

#winelist .winelistBlock .winelistItems .winelistItem {
	border-top: #767676 1px solid
}

#winelist .winelistBlock .winelistItems .winelistItem .winelistItemTtl {
	position: relative;
	margin: 0;
	padding: 40px 60px 40px 0;
	font-size: 30px;
	font-weight: normal;
	line-height: 1.2;
	letter-spacing: .1em;
	cursor: pointer;
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

#winelist .winelistBlock .winelistItems .winelistItem .winelistItemTtl:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5;
	cursor: pointer
}

#winelist .winelistBlock .winelistItems .winelistItem .winelistItemTtl:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 30px;
	height: 30px;
	margin: -30px 0 0;
	border-right: #b7aa7f 1px solid;
	border-bottom: #b7aa7f 1px solid;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease
}

#winelist .winelistBlock .winelistItems .winelistItem .winelistItemTtl.act:after {
	margin-top: -15px;
	-webkit-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg)
}

#winelist .winelistBlock .winelistItems .winelistItem .winelistItemTtl .year {
	font-size: 20px;
	margin: 0 0 0 10px
}

#winelist .winelistBlock .winelistItems .winelistItem .winelistItemTtl .sub {
	font-size: 13px
}

#winelist .winelistBlock .winelistItems .winelistItem .winelistItemDetail {
	display: none
}

#winelist .winelistBlock .winelistItems .winelistItem .winelistItemDetail .inner {
	display: table;
	width: 100%;
	margin: 10px 0 0;
	padding: 0 0 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

#winelist .winelistBlock .winelistItems .winelistItem .winelistItemDetail .inner .explain {
	display: table-cell;
	width: 50%;
	padding: 0 25px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top
}

#winelist .winelistBlock .winelistItems .winelistItem .winelistItemDetail .inner .spec {
	display: table-cell;
	width: 50%;
	padding: 0 0 0 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top
}

#winelist .winelistBlock .winelistItems .winelistItem .winelistItemDetail .inner .spec dl:after {
	content: "";
	clear: both;
	display: block
}

#winelist .winelistBlock .winelistItems .winelistItem .winelistItemDetail .inner .spec dt {
	color: #ae271f;
	float: left;
	width: 11em;
	padding: 30px 0 0
}

#winelist .winelistBlock .winelistItems .winelistItem .winelistItemDetail .inner .spec dd {
	border-top: #eaeaea 1px solid;
	padding: 30px 0 30px 11em
}
@media screen and (max-width: 768px) {

#winelist .bg {
	top: 40px;
	width: 160px;
	height: 395px;
	-webkit-background-size: 160px 395px;
	background-size: 160px 395px
}

#winelist .bg.white {
	left: -80px
}

#winelist .bg.red {
	right: -80px
}

#winelist .ttlBlock {
	position: relative
}

#winelist .ttlBlock .mainName {
	position: absolute;
	top: 70px;
	font-size: 26px
}

#winelist .ttlBlock .subName {
	position: absolute;
	left: 0;
	right: 0;
	top: 290px;
	font-size: 12px
}

#winelist .ttlBlock .lead {
	margin: 0;
	padding: 295px 30px 20px;
	text-align: center;
	font-size: 12px
}

#winelist #wineListDescription {
	padding: 0 20px 20px;
	text-align: left
}

#winelist #wineListDescription .sttl {
	padding: 20px 0 10px;
	font-size: 16px
}

#winelist #wineListDescription .txt {
	font-size: 12px;
	padding: 0 0 10px
}

#winelist .ttlBlock {
	padding: 50px 0 0;
	text-align: center
}

#winelist .ttlBlock .mainTtl {
	width: 60px;
	margin: 0 auto 30px
}

#winelist .ttlBlock .mainTtl img {
	max-width: 100%;
	height: auto
}

#winelist .ttlBlock .subTtl {
	padding: 0 70px
}

#winelist .winelistBlock {
	padding: 0;
	background-color: #fff
}

#winelist .winelistBlock .catTtl {
	padding: 25px 0;
	line-height: 1.2
}

#winelist .winelistBlock .catTtl .sub {
	display: block
}

#winelist .winelistBlock .winelistItems {
	margin: 0 auto
}

#winelist .winelistBlock .winelistItems .winelistItem {
	border-top: none;
	border-bottom: #d1d1d1 1px solid
}

#winelist .winelistBlock .winelistItems .winelistItem .winelistItemTtl {
	padding: 20px 40px 20px 20px;
	font-size: 15px
}

#winelist .winelistBlock .winelistItems .winelistItem .winelistItemTtl:after {
	right: 15px;
	width: 15px;
	height: 15px;
	margin: -15px 0 0
}

#winelist .winelistBlock .winelistItems .winelistItem .winelistItemTtl.act:after {
	margin-top: -10px
}

#winelist .winelistBlock .winelistItems .winelistItem .winelistItemTtl .year {
	font-size: 10px;
	margin: 0 0 0 5px
}

#winelist .winelistBlock .winelistItems .winelistItem .winelistItemTtl .sub {
	font-size: 10px
}

#winelist .winelistBlock .winelistItems .winelistItem .winelistItemDetail .inner {
	display: block;
	padding: 0 20px 20px;
	font-size: 13px
}

#winelist .winelistBlock .winelistItems .winelistItem .winelistItemDetail .inner .explain {
	display: block;
	width: 100%;
	padding: 0
}

#winelist .winelistBlock .winelistItems .winelistItem .winelistItemDetail .inner .spec {
	display: block;
	width: 100%;
	margin: 20px 0 0;
	padding: 0
}

#winelist .winelistBlock .winelistItems .winelistItem .winelistItemDetail .inner .spec dt {
	width: 6em;
	padding: 15px 0 0
}

#winelist .winelistBlock .winelistItems .winelistItem .winelistItemDetail .inner .spec dd {
	padding: 15px 0 15px 6em
}
}

#consecutiveStay {
	width: 100%;
	background: url(../img/consecutivestay/head_bg.png) center top repeat-x
}

#consecutiveStay .ttl {
	margin: 0;
	padding: 150px 0 50px 0.2em;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.2em
}

#consecutiveStay .lead {
	text-align: center;
	margin: 0 0 85px 0.2em;
	letter-spacing: 0.2em
}

#consecutiveStay .inrBox {
	width: 1080px;
	margin: 0 auto
}

#consecutiveStay .inrBox:after {
	content: "";
	clear: both;
	display: block
}

#consecutiveStay #nearNav {
	display: none
}

#consecutiveStay #source, #consecutiveStay #maneki {
	width: 520px;
	float: left
}

#consecutiveStay #source .photo, #consecutiveStay #maneki .photo {
	margin: 0 0 50px
}

#consecutiveStay #source .photo img, #consecutiveStay #maneki .photo img {
	width: 100%
}

#consecutiveStay #source .txt, #consecutiveStay #maneki .txt {
	font-size: 16px;
	min-height: 12em;
	letter-spacing: 0.1em;
	line-height: 2
}

#consecutiveStay #source .michelinGuide, #consecutiveStay #maneki .michelinGuide {
	padding: 20px 0;
	background: #BC964B;
	color: #FFF;
	text-align: center;
	line-height: 2;
	letter-spacing: 0.2em
}

#consecutiveStay #source .info, #consecutiveStay #maneki .info {
	margin: 50px 0 100px
}

#consecutiveStay #source .info dt, #consecutiveStay #maneki .info dt {
	padding: 15px 0 0;
	float: left;
	width: 120px;
	border-top: 1px solid #464646;
	letter-spacing: 0.2em
}

#consecutiveStay #source .info dd, #consecutiveStay #maneki .info dd {
	margin: 0 0 0 120px;
	padding: 15px 0 15px 10px;
	border-top: 1px solid #cacaca;
	letter-spacing: 0.2em
}

#consecutiveStay #maneki {
	float: right
}

#consecutiveStay #dinnerChoice {
	background: #222323
}

#consecutiveStay #dinnerChoice .sttl {
	margin: 0;
	padding: 60px 0 55px;
	text-align: center
}

#consecutiveStay #dinnerChoice .sttl .sttl01 {
	margin: 0 auto 25px;
	padding: 12px 0;
	display: block;
	width: 190px;
	border: 1px solid #bc964b;
	color: #BC964B;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0.2em
}

#consecutiveStay #dinnerChoice .sttl .sttl02 {
	color: #fff;
	font-size: 28px;
	font-weight: normal;
	letter-spacing: 0.2em;
	margin-left: 0.2em
}

#consecutiveStay #dinnerChoice .chikurinDinner {
	position: relative;
	display: inline-block;
	margin: 0 -0.3em 0 54px;
	width: 324px;
	vertical-align: top;
	background: #FFF
}

#consecutiveStay #dinnerChoice .chikurinDinner:before {
	content: '';
	display: block;
	position: absolute;
	right: 6px;
	bottom: 6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 20px 20px;
	border-color: transparent transparent #bc964b transparent
}

#consecutiveStay #dinnerChoice .chikurinDinner.cd01 {
	margin-left: 0
}

#consecutiveStay #dinnerChoice .chikurinDinner dt {
	font-size: 28px;
	text-align: center;
	letter-spacing: 0.2em
}

#consecutiveStay #dinnerChoice .chikurinDinner dt img {
	width: 100%
}

#consecutiveStay #dinnerChoice .chikurinDinner .number {
	color: #BC964B;
	text-align: center;
	margin: 0 0 20px;
	letter-spacing: 0.1em
}

#consecutiveStay #dinnerChoice .chikurinDinner .txt {
	padding: 0 20px;
	min-height: 12em;
	letter-spacing: 0.1em
}

#consecutiveStay #choice {
	padding: 120px 0 60px
}

#consecutiveStay #choice .choiceTtl {
	margin: 0;
	padding: 40px 0 0 0.2em;
	border-top: 2px solid #bc964b;
	position: relative;
	font-size: 24px;
	text-align: center;
	font-weight: normal;
	color: #fff;
	letter-spacing: 0.2em
}

#consecutiveStay #choice .choiceTtl:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 80px;
	height: 4px;
	background: #BC964B
}

#consecutiveStay #choice .choiceSttl {
	margin: 0;
	padding: 0 0 30px;
	text-align: center;
	color: #BC964B;
	font-size: 20px;
	letter-spacing: 0.2em;
	font-style: italic;
	border-bottom: 1px solid #40392d
}

#consecutiveStay #choice .choiceList {
	margin: 0 0 50px;
	padding: 50px 0;
	text-align: center
}

#consecutiveStay #choice .choiceList p {
	margin: 0;
	padding: 0 0 15px;
	font-size: 20px;
	color: #FFF;
	letter-spacing: 0.2em
}

#consecutiveStay #choice .choiceList img {
	margin: 0 auto
}

#consecutiveStay #choice .choiceList img.rp2 {
	width: 570px
}

#consecutiveStay #choice .choiceList img.rp3 {
	width: 880px
}

#consecutiveStay #choice .slick-dots {
	bottom: -20px
}

#consecutiveStay #choice .slick-dots li {
	margin: 0 18px;
	width: auto;
	height: auto
}

#consecutiveStay #choice .slick-dots li.slick-active button {
	background: #9d8e5a
}

#consecutiveStay #choice .slick-dots li button {
	background: #FFF;
	width: 22px;
	height: 22px;
	border-radius: 50%
}

#consecutiveStay #choice .slick-dots li button:before {
	display: none
}

#consecutiveStay .caution {
	margin: 0 50px;
	color: #FFF
}

#consecutiveStay .caution li {
	list-style: disc;
	margin-bottom: 5px;
	letter-spacing: 0.1em
}

#consecutiveStay #inquiry {
	padding: 50px 0 60px;
	border-top: 2px solid #bc964b
}

#consecutiveStay #inquiry .sttl {
	margin: 0;
	padding: 0 0 50px 0.2em;
	color: #FFF;
	font-size: 20px;
	letter-spacing: 0.2em
}
@media screen and (max-width: 768px) {

#consecutiveStay {
	width: 100%;
	-webkit-background-size: 320px auto;
	background-size: 320px auto
}

#consecutiveStay .ttl {
	margin: 0;
	padding: 125px 0 15px;
	font-size: 21px;
	font-weight: bold;
	text-align: center
}

#consecutiveStay .lead {
	text-align: center;
	margin: 0 30px 25px
}

#consecutiveStay .inrBox {
	width: auto;
	margin: 0
}

#consecutiveStay #nearNav {
	display: block;
	margin: 30px 30px 50px;
	border-top: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3
}

#consecutiveStay #nearNav li {
	display: inline-block;
	width: 50%;
	margin: 5px 0 5px -0.3em
}

#consecutiveStay #nearNav li:first-child {
	margin: 0
}

#consecutiveStay #nearNav li:first-child a {
	border-right: 1px solid #c3c3c3
}

#consecutiveStay #nearNav li a {
	display: block;
	position: relative;
	text-align: center;
	color: #1c1c1c;
	padding: 15px 0 30px;
	text-decoration: none;
	font-size: 15px
}

#consecutiveStay #nearNav li a:before {
	content: '';
	position: absolute;
	bottom: 12px;
	left: 0;
	right: 0;
	margin: 0 auto;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	width: 14px;
	height: 14px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

#consecutiveStay #source, #consecutiveStay #maneki {
	width: auto;
	float: none
}

#consecutiveStay #source .photo, #consecutiveStay #maneki .photo {
	margin: 0 0 25px
}

#consecutiveStay #source .photo img, #consecutiveStay #maneki .photo img {
	width: 100%
}

#consecutiveStay #source .txt, #consecutiveStay #maneki .txt {
	font-size: 13px;
	min-height: inherit;
	margin: 0 30px 15px
}

#consecutiveStay #source .michelinGuide, #consecutiveStay #maneki .michelinGuide {
	margin: 0 30px;
	padding: 10px 0;
	background: #BC964B;
	color: #FFF;
	font-size: 13px;
	text-align: center;
	line-height: 1.6
}

#consecutiveStay #source .info, #consecutiveStay #maneki .info {
	margin: 30px 30px 60px;
	font-size: 13px
}

#consecutiveStay #source .info dt, #consecutiveStay #maneki .info dt {
	padding: 15px 0 0;
	float: left;
	width: 60px;
	border-top: 1px solid #464646
}

#consecutiveStay #source .info dd, #consecutiveStay #maneki .info dd {
	margin: 0 0 0 60px;
	padding: 15px 0 15px 10px;
	border-top: 1px solid #cacaca
}

#consecutiveStay #dinnerChoice .sttl {
	margin: 0;
	padding: 60px 0 45px;
	text-align: center
}

#consecutiveStay #dinnerChoice .sttl .sttl01 {
	margin: 0 auto 18px;
	padding: 6px 0;
	width: 100px;
	font-size: 11px
}

#consecutiveStay #dinnerChoice .sttl .sttl02 {
	font-size: 21px
}

#consecutiveStay #dinnerChoice .chikurinDinner {
	display: block;
	margin: 0 15px 15px;
	width: auto
}

#consecutiveStay #dinnerChoice .chikurinDinner:before {
	content: '';
	display: block;
	position: absolute;
	right: 6px;
	bottom: 6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 20px 20px;
	border-color: transparent transparent #bc964b transparent
}

#consecutiveStay #dinnerChoice .chikurinDinner.cd01 {
	margin-left: 15px
}

#consecutiveStay #dinnerChoice .chikurinDinner dt {
	padding-top: 15px;
	margin: 0 15px;
	font-size: 21px;
	text-align: center;
	letter-spacing: 0.1em
}

#consecutiveStay #dinnerChoice .chikurinDinner dt img {
	width: 100%
}

#consecutiveStay #dinnerChoice .chikurinDinner .number {
	font-size: 12px;
	margin: 0 0 15px
}

#consecutiveStay #dinnerChoice .chikurinDinner .txt {
	padding: 0 15px 30px;
	min-height: inherit
}

#consecutiveStay #choice {
	padding: 60px 30px 30px
}

#consecutiveStay #choice .choiceTtl {
	padding: 30px 0 0;
	border-top: 1px solid #bc964b;
	font-size: 15px
}

#consecutiveStay #choice .choiceTtl:before {
	width: 40px;
	height: 2px
}

#consecutiveStay #choice .choiceSttl {
	padding: 0 0 25px;
	font-size: 13px
}

#consecutiveStay #choice .choiceList {
	padding: 30px 0
}

#consecutiveStay #choice .choiceList p {
	font-size: 12px
}

#consecutiveStay #choice .choiceList img.rp2 {
	width: 285px
}

#consecutiveStay #choice .choiceList img.rp3 {
	width: 440px
}

#consecutiveStay #choice .slick-dots {
	bottom: -20px
}

#consecutiveStay #choice .slick-dots li {
	margin: 0 9px
}

#consecutiveStay #choice .slick-dots li button {
	width: 11px;
	height: 11px
}

#consecutiveStay .caution {
	margin: 0 30px
}

#consecutiveStay .caution li {
	list-style: disc;
	margin-bottom: 10px;
	font-size: 13px
}

#consecutiveStay #inquiry {
	padding: 40px 30px 40px;
	border-top: 1px solid #bc964b;
	font-size: 15px
}

#consecutiveStay #inquiry .sttl {
	margin: 0;
	padding: 0 0 40px;
	color: #FFF;
	font-size: 15px
}

#consecutiveStay #inquiry .sttl span {
	display: inline-block
}
}

#limitedServices {
	clear: both;
	margin: 0;
	padding: 0;
	background-color: #181818
}

#limitedServices .ttlBlock {
	position: relative;
	width: 100%;
	height: 0;
	padding: 0 0 490px;
	background-color: #181818
}

#limitedServices .ttlBlock .ttl {
	position: absolute;
	left: 50%;
	bottom: -25px;
	z-index: 2;
	width: 100%;
	max-width: 1160px;
	margin: 0;
	padding: 0 40px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	font-size: 50px;
	line-height: 1.25;
	letter-spacing: .2em
}

#limitedServices .ttlBlock .ttl .sub {
	color: #c49355;
	font-size: 20px;
	letter-spacing: .2em
}

#limitedServices .ttlBlock .note {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
	color: #bdbdbd;
	font-size: 12px
}

#limitedServices .ttlBlock .bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%
}

#limitedServices .ttlBlock .bg img {
	width: 100%
}

#limitedServices .ttlBlock .bg .pc {
	display: block
}

#limitedServices .ttlBlock .bg .sp {
	display: none
}

#limitedServices .detailBlock {
	padding: 140px 0 70px;
	color: #fff;
	position: relative;
	z-index: 2
}

#limitedServices .detailBlock .inner {
	display: table;
	width: 100%;
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

#limitedServices .detailBlock .inner .explain {
	display: table-cell;
	width: 50%;
	padding: 0 20px 0 0;
	vertical-align: top
}

#limitedServices .detailBlock .inner .explain .text {
	line-height: 2;
	letter-spacing: 0.1em
}

#limitedServices .detailBlock .inner .explain .text+.text {
	margin: 30px 0 0
}

#limitedServices .detailBlock .inner .explain .caution {
	margin: 30px 0 0;
	padding: 20px;
	border: #393939 2px solid;
	font-size: 13px
}

#limitedServices .detailBlock .inner .explain .note {
	margin: 30px 0 0;
	color: #c49354;
	font-size: 13px
}

#limitedServices .detailBlock .inner .explain .note li {
	margin: 5px 0 0
}

#limitedServices .detailBlock .inner .detail {
	display: table-cell;
	width: 50%;
	padding: 0 0 0 20px;
	vertical-align: top
}

#limitedServices .detailBlock .inner .detail dl {
	line-height: 2;
	letter-spacing: 0.1em
}

#limitedServices .detailBlock .inner .detail dl:after {
	content: "";
	clear: both;
	display: block
}

#limitedServices .detailBlock .inner .detail dt {
	float: left;
	width: 6em;
	padding: 30px 0;
	border-top: #696969 1px solid
}

#limitedServices .detailBlock .inner .detail dd {
	border-top: #393939 1px solid;
	padding: 30px 0 30px 7em
}

#limitedServices .detailBlock .inner .detail dd p+p {
	margin-top: 30px
}

#limitedServices .imageBlock {
	clear: both
}

#limitedServices .imageBlock .imageList:after {
	content: "";
	clear: both;
	display: block
}

#limitedServices .imageBlock .imageList li {
	position: relative;
	float: left;
	width: 50%
}

#limitedServices .imageBlock .imageList li:nth-child(2n+1) {
	clear: both
}

#limitedServices .imageBlock .imageList li img {
	width: 100%;
	height: auto;
	vertical-align: middle
}

#limitedServices .imageBlock .imageList li .text {
	position: absolute;
	bottom: 30px;
	left: 30px;
	color: #fff;
	color: rgba(255,255,255,0.8);
	font-size: 24px;
	line-height: 1.1;
	letter-spacing: .05em
}

#limitedServices .imageBlock .imageList li .text .en {
	font-size: 18px
}
@media screen and (max-width: 768px) {

#limitedServices .ttlBlock {
	padding: 0 0 115.625%
}

#limitedServices .ttlBlock .ttl {
	left: 0;
	bottom: 50px;
	max-width: none;
	padding: 0 30px;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	font-size: 20px;
	line-height: 1.4
}

#limitedServices .ttlBlock .ttl .sub {
	font-size: 14px
}

#limitedServices .ttlBlock .note {
	display: block;
	font-size: 10px
}

#limitedServices .ttlBlock .bg .pc {
	display: none
}

#limitedServices .ttlBlock .bg .sp {
	display: block
}

#limitedServices .detailBlock {
	padding: 0 0 20px
}

#limitedServices .detailBlock .inner {
	display: block;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0 30px
}

#limitedServices .detailBlock .inner .explain {
	display: block;
	width: 100%;
	padding: 0
}

#limitedServices .detailBlock .inner .explain .text {
	font-size: 13px;
	line-height: 1.8
}

#limitedServices .detailBlock .inner .explain .text+.text {
	margin: 20px 0 0
}

#limitedServices .detailBlock .inner .explain .caution {
	margin: 20px 0 0;
	padding: 10px;
	border: #393939 1px solid;
	font-size: 11px
}

#limitedServices .detailBlock .inner .explain .note {
	margin: 20px 0 0;
	color: #c49354;
	font-size: 11px
}

#limitedServices .detailBlock .inner .explain .note li {
	margin: 10px 0 0
}

#limitedServices .detailBlock .inner .detail {
	display: block;
	width: 100%;
	margin: 40px 0 0;
	padding: 0
}

#limitedServices .detailBlock .inner .detail dl {
	font-size: 13px;
	line-height: 1.8
}

#limitedServices .detailBlock .inner .detail dt {
	padding: 15px 0
}

#limitedServices .detailBlock .inner .detail dd {
	padding: 15px 0 15px 7em
}

#limitedServices .detailBlock .inner .detail dd p+p {
	margin-top: 15px
}

#limitedServices .imageBlock .imageList li {
	float: none;
	width: 100%
}

#limitedServices .imageBlock .imageList li:nth-child(2n+1) .text {
	left: 20px
}

#limitedServices .imageBlock .imageList li .text {
	position: absolute;
	bottom: 20px;
	left: auto;
	right: 20px;
	font-size: 14px;
	line-height: 1.25
}

#limitedServices .imageBlock .imageList li .text .en {
	font-size: 12px
}
}

#recruit {
	clear: both;
	position: relative;
	overflow: hidden;
	background: url(../img/consecutivestay/head_bg.png) center top repeat-x
}

#recruit .ttlBlock {
	position: relative
}

#recruit .ttlBlock .mainName {
	position: absolute;
	top: 190px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 96px;
	height: 190px;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.3
}

#recruit .ttlBlock .mainName .ttlinr {
	display: block;
	position: absolute;
	z-index: 2;
	width: 1.5em;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center
}

#recruit .ttlBlock .subName {
	position: absolute;
	left: 0;
	right: 0;
	top: 460px;
	color: #1c1c1c;
	text-align: center;
	font-size: 13px;
	letter-spacing: 0.3em;
	text-indent: 0.3em
}

#recruit .ttlBlock .mv {
	position: relative;
	padding: 540px 0 80px;
	text-align: center
}

#recruit .ttlBlock .mv img {
	width: 100%;
	display: block
}

#recruit .ttlBlock .mv .lead {
	display: block;
	position: absolute;
	left: 0;
	top: 540px;
	right: 0;
	bottom: 80px;
	height: 3em;
	width: 1180px;
	text-align: left;
	margin: auto;
	color: #FFF;
	font-size: 34px;
	letter-spacing: 0.2em
}

#recruit .detailBlock {
	padding: 0px 0 70px;
	position: relative;
	z-index: 2
}

#recruit .detailBlock .inner {
	display: table;
	width: 100%;
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

#recruit .detailBlock .inner .explain {
	display: table-cell;
	width: 50%;
	padding: 0 20px 0 0;
	vertical-align: top
}

#recruit .detailBlock .inner .explain .text {
	line-height: 2;
	letter-spacing: 0.1em;
	font-size: 18px
}

#recruit .detailBlock .inner .explain .text+.text {
	margin: 30px 0 0
}

#recruit .detailBlock .inner .detail {
	display: table-cell;
	width: 50%;
	padding: 0 0 0 20px;
	vertical-align: top
}

#recruit .detailBlock .inner .detail dl {
	line-height: 2;
	letter-spacing: 0.1em
}

#recruit .detailBlock .inner .detail dl:after {
	content: "";
	clear: both;
	display: block
}

#recruit .detailBlock .inner .detail dt {
	float: left;
	width: 6em;
	padding: 30px 0;
	border-top: #464646 1px solid
}

#recruit .detailBlock .inner .detail dd {
	border-top: #cacaca 1px solid;
	padding: 30px 0 30px 7em
}

#recruit .detailBlock .inner .detail dd p+p {
	margin-top: 30px
}
@media screen and (max-width: 768px) {

#recruit .ttlBlock {
	position: relative
}

#recruit .ttlBlock .mainName {
	position: absolute;
	top: 80px;
	font-size: 26px
}

#recruit .ttlBlock .subName {
	position: absolute;
	left: 0;
	right: 0;
	top: 250px;
	font-size: 12px
}

#recruit .ttlBlock .mv {
	position: relative;
	padding: 320px 0 0px;
	text-align: center
}

#recruit .ttlBlock .mv img {
	width: 180%;
	margin-left: -40%;
	display: block
}

#recruit .ttlBlock .mv .lead {
	display: block;
	position: static;
	font-size: 17px;
	height: auto;
	width: auto;
	text-align: left;
	margin: 50px 30px 40px;
	color: #1c1c1c
}

#recruit .detailBlock {
	padding: 0px 0 30px;
	position: relative;
	z-index: 2
}

#recruit .detailBlock .inner {
	display: block;
	width: auto;
	margin: 0 30px;
	padding: 0
}

#recruit .detailBlock .inner .explain {
	display: block;
	width: auto;
	padding: 0 20px 0 0;
	vertical-align: top
}

#recruit .detailBlock .inner .explain .text {
	font-size: 13px
}

#recruit .detailBlock .inner .explain .text+.text {
	margin: 15px 0 0
}

#recruit .detailBlock .inner .detail {
	display: block;
	width: auto;
	padding: 80px 0 0;
	font-size: 13px
}

#recruit .detailBlock .inner .detail dl {
	line-height: 1.8;
	letter-spacing: 0.1em
}

#recruit .detailBlock .inner .detail dl:after {
	content: "";
	clear: both;
	display: block
}

#recruit .detailBlock .inner .detail dt {
	float: left;
	width: 5em;
	padding: 15px 0;
	border-top: #464646 1px solid
}

#recruit .detailBlock .inner .detail dd {
	border-top: #cacaca 1px solid;
	padding: 15px 0 15px 5.5em
}

#recruit .detailBlock .inner .detail dd p+p {
	margin-top: 15px
}
}

/*
-----------------------------------------------
▼2025
----------------------------------------------- */
.ten_year_catch {
padding:40px 15px;
text-align:center;
}

.ten_year_catch h2{
font-size:35px;
font-weight:normal;
text-align:center;
}

.top_info{
padding:80px 15px;
background:#e6e6e6;
}

.top_info h2{
text-align:center;
margin:0 auto 30px;
}

.top_info .info_wrap{
max-width:1200px;
margin:0 auto;
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
column-gap:5.75%;
}

.top_info .info_wrap li{
width:29.5%;
}

.top_info .info_wrap li img{
width:100%;
height:auto;
}

.top_info .info_wrap li .ttl{
font-size:16px;
margin-top:10px;
}

.top_info .info_wrap li .top_info_date{
font-size:14px;
margin-top:15px;
display:block;
}

.top_info .info_wrap li p{
font-size:14px;
}

.top_info a{
text-decoration:none;
color:#000;
transition: 0.5s;
}

.top_info a:hover{
opacity:0.6;
}

.top_more{
display:block;
height:65px;
line-height:63px;
border:solid 1px;
width:400px;
text-align:center;
background:#fff;
margin:60px auto 0;
font-size:17px;
}

.top_bana{
max-width:1100px;
margin:60px auto;
padding:0 10px;
}

.mx-img{
max-width:100% !important;
width:auto !important;
height:auto !important;
}

@media screen and (max-width: 768px) {
.ten_year_catch {
padding:2vw 1vw;
}


.ten_year_catch h2{
font-size:3.8vw;
}
}


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

.top_info h2 img{
width:50vw;
height:auto;
}

.ten_year_catch div img{
width:15vw;
height:auto;
}

.top_info{
padding:40px 8%;
}

.top_info .info_wrap li{
width:100%;
margin-bottom:8vw;
}

.top_info .info_wrap li .ttl{
font-size:15px;
font-weight:600;
margin-top:6px;
}

.top_info .info_wrap li .top_info_date{
font-size:13px;
margin-top:10px;
}

.top_info .info_wrap li p{
font-size:13px;
}

.top_more{
height:45px;
line-height:45px;
width:60vw;
margin:10px auto 0;
font-size:14px;
}

.top_bana{
margin:30px auto;
padding:0 10px;
}

}



/*
-----------------------------------------------
▼2025　予約
----------------------------------------------- */

.top_yoyaku{
padding:40px 15px;
background:#b5d8e2;
}


#search_489ban{
display:flex;
flex-wrap:wrap;
justify-content:center;
column-gap:20px;
align-items:flex-end;
}

#search_489ban form{
display:flex;
flex-wrap:wrap;
justify-content:center;
column-gap:20px;
align-items:flex-end;
}

#search_489ban input,
#search_489ban select{padding: 6px 2px 6px;}

#search_489ban .inbox_489ban{
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
column-gap:20px;
}

#search_489ban form button{
background:#d57e44;
color:#fff;
border:none;
padding-left:12px;
padding-right:12px;
height:34px;
line-height:34px;
}

#search_489ban form button:hover{
opacity:0.6;
}

.henko_btn{
background:#000;
color:#fff;
display:block;
width:190px;
font-size:17px !important;
text-decoration:none;
text-align:center;
height:34px;
line-height:34px;
}

.henko_btn:hover{
opacity:0.6;
}

/* #search_489ban dl{ display: inline-table; margin: 0 0 5px; width: 100%;}
#search_489ban dt,
#search_489ban dd{ margin: 0; padding: 0; display: table-cell; vertical-align: top;}
#search_489ban dt{ width: 80px;}
#search_489ban dd{ }
 
#search_489ban dd span,
#search_489ban label,
#search_489ban input,
#search_489ban select{ display: inline-block; margin: 2px 2px 5px;}
 
#search_489ban ul{}
#search_489ban li{ margin-bottom: 3px; list-style: none; display: inline-block;}
 
#search_489ban button{
    display: block; margin: 10px 0 0; padding: 7px 0;
    width: 100%; box-sizing: border-box;
}
 
#search_489ban .inbox_489ban{ clear: both;}
#search_489ban .inbox_489ban:after {
    clear: both; content: "."; display: block;
    height: 0; font-size: 0; visibility: hidden;
}

#search_489ban .stay_489ban,
#search_489ban .room_489ban,
#search_489ban .person_489ban{ width: 50%; float: left;}
 
#search_489ban .stay_489ban dt,
#search_489ban .room_489ban dt,
#search_489ban .person_489ban dt{ width: auto;}
 
#search_489ban .child_489ban{
    border-bottom: 1px dotted #dedede;
}
#search_489ban .child_489ban:first-of-type{
    padding: 5px 0 0;
    border-top: 1px dotted #dedede;
}
#search_489ban .child_489ban:last-of-type{
    margin: 0 0 10px; padding: 0 0 5px;
}
#search_489ban .child_489ban dt{ width: auto;}
#search_489ban .child_489ban dd{ width: 70px; vertical-align: middle;}
#search_489ban .child_489ban dt span{ display: block; font-size: 12px;}
 
#search_489ban .price_489ban dt{ width: 65px;}
#search_489ban .price_489ban div{ display: inline-block;}
#search_489ban .price_489ban span{ font-size: 12px;}
 
#search_489ban .tag_489ban,
#search_489ban .tag_489ban dt,
#search_489ban .tag_489ban dd{ width: 100%; display: block;}
#search_489ban .tag_489ban .tag_mode_489ban{ font-size: 13px;}
 
#search_489ban .child_input p{ text-align: center; margin: 0;}


#search_489ban .inbox_489ban{
border:solid 1px;
}
 */



@media screen and (max-width: 768px) {
#search_489ban form{
column-gap:10px;
font-size:14px;
}

.henko_btn{
width:180px;
}

}


@media screen and (max-width: 767px) {
.top_yoyaku{
padding:25px 15px;
}

#search_489ban .inbox_489ban{
column-gap:10px;
margin-top:6px;
width:100%;
justify-content:center;
}

#search_489ban form button{
padding-left:12px;
padding-right:12px;
height:30px;
line-height:30px;
font-size:14px;
margin-top:15px;
width:190px;
}

.henko_btn{
width:190px;
font-size:14px !important;
margin-top:15px;
height:30px;
line-height:30px;
}




}