@charset "utf-8";
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;

	font-size: 1em;
}

body {
	font-size: 62.5%;
}

body,
table,
input, textarea, select, option {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

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

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

img {
	vertical-align: top;
}

a,
a:link {
	color: #333;
	text-decoration: none;
}

a:visited {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #333;
	text-decoration: underline;
}

a:active {
	color: #333;
	text-decoration: underline;
}

/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの大きさ（プラス） */
.fsP1 { font-size: 1.08em !important; }
.fsP2 { font-size: 1.16em !important; }
.fsP3 { font-size: 1.24em !important; }
.fsP4 { font-size: 1.32em !important; }
.fsP5 { font-size: 1.4em !important; }

/* フォントの大きさ（マイナス） */
.fsM1 { font-size: 0.92em !important; }
.fsM2 { font-size: 0.84em !important; }
.fsM3 { font-size: 0.76em !important; }
.fsM4 { font-size: 0.68em !important; }
.fsM5 { font-size: 0.6em !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/*------------------------------------------------------------
	微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	min-width: 1200px;
	color: #333;
	font-size: 14px;
	line-height: 1.5;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	background-color: #FFF;
}

body.fixed {
	position: fixed;
	width: 100%;
	height: 100%;
}

#container {
	padding-top: 155px;
	text-align: left;
}

#main {
	padding-bottom: 24.8%;
	background: url(img/common/main_bg.jpg) no-repeat center bottom;
	background-size: 100% auto;
}

a[href^="tel:"] {
	cursor: default;
	pointer-events: none;
	text-decoration: none;
}

.sp {
	display: none !important;
}

@media all and (min-width: 768px) and (max-width: 1024px) {
}

@media screen and (max-width: 767px)  {
	body {
		min-width: inherit;
		font-size: 12px;
	}

	#container {
		padding-top: 53px;
	}
	
	#main {
		padding-bottom: 44.5%;
		background-image: url(img/common/sp_main_bg.jpg);
	}
	
	a:hover,
	a:hover img {
		opacity: 1 !important;
	}

	.sp {
		display: block !important;
	}
	
	.pc {
		display: none !important;
	}
	
	a[href^="tel:"] {
		cursor: pointer;
		pointer-events: auto;
	}	
	
	a:hover {
		text-decoration: none;
	}
}

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader {
	padding: 15px 0 17px;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: rgba(255,255,255,1.0);
	z-index: 11;
}

#gHeader .hBox {
	margin: 0 auto 26px;
	padding-left: 8px;
	max-width: 1104px;
}

#gHeader .lBox {
	float: left;
	width: 468px;
}

#gHeader .lBox .menu {
	margin-right: 15px;
	float: left;
	font-size: 11px;
}

#gHeader .lBox .menu img {
	margin: 0 auto;
	padding-bottom: 10px;
	display: block;
}

#gHeader .lBox .menu a:hover {
	text-decoration: none;
	opacity: 0.7;
}

#gHeader .lBox p {
	float: left;
	width: 400px;
	font-size: 11px;
	font-weight: bold;
}

h1 {
	float: left;
}

#gHeader .rBox {
	float: right;
	width: 344px;
}

#gHeader .rBox .engLink {
	margin: -4px 13px 0 0;
	float: left;
}

#gHeader .rBox .engLink a {
	padding-left: 18px;
	font-size: 12px;
	/*font-weight: bold;*/
	line-height: 1.2;
	letter-spacing: 0.5px;
	display: inline-block;
	background: url(img/common/icon01.png) no-repeat left 1px;
}

#gHeader .rBox .enBtn {	margin-right: 8px;	float: left;}

#gHeader .rBox .btn {
	margin-right: 8px;
	float: left;
}

#gHeader .rBox .btn a:hover img {
	opacity: 0.7;
}

#gHeader .rBox .linkBtn {
	float: left;
	width: 130px;
}

#gHeader .rBox .linkBtn a {
	padding: 15px 10px 12px;
	display: block;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	background-color: #004205;
}

#gHeader .rBox .linkBtn a:hover {
	text-decoration: none;
	opacity: 0.7;
}

.menuBox {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	background-color: #fff;
	z-index: 20;
}

.menuBox > div {
	margin: 0 auto;
	position: relative;
	max-width: 560px;
}

.menuBox .close {
	position: absolute;
	right: -224px;
	top: 0;
	font-size: 11px;
}

.menuBox .close img {
	margin: 0 auto;
	padding-bottom: 10px;
	display: block;
}

.menuBox .close a:hover {
	text-decoration: none;
	opacity: 0.7;
}

.menuBox .logo {
	margin: 15px 0 35px;
	text-align: center;
}

.menuBox .title {
	margin-bottom: 25px;
	padding-bottom: 9px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	border-bottom: 2px solid #9F9691;
}

.menuBox .linkList {
	margin-bottom: 18px;
	border-bottom: 2px solid #9F9691;
}

.menuBox .linkList li {
	margin-bottom: 16px;
	float: left;
	width: 214px;
}

.menuBox .linkList li:nth-child(3n-1) {
	width: 200px;
}

.menuBox .linkList li:nth-child(3n) {
	width: auto;
}

.menuBox .linkList li a {
	padding-left: 30px;
	display: inline-block;
	line-height: 1.6;
	background: url(img/common/icon06.png) no-repeat left 1px;
}

.menuBox .linkList01 li a,
.menuBox .linkList02 li a {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
}

.menuBox .linkList01 {
	padding-bottom: 5px;
}

.menuBox .linkList01 li {
	margin-bottom: 18px;
	width: 50% !important;
}

.menuBox .linkList:last-child {
	border-bottom: none;
}

.menuBox .btnList {
	margin: 0 auto 28px;
	max-width: 350px;
}

.menuBox .btnList li {
	margin-bottom: 10px;
}

.menuBox .btnList li a {
	padding: 11px;
	display: block;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	background: #004205 url(img/common/icon07.png) no-repeat 24px center;
}

.menuBox .btnList li a:hover {
	text-decoration: none;
	opacity: 0.7;
}

.menuBox .link {
	margin: 0 0 28px 10px;
	text-align: center;
}

.menuBox .link a {
	padding-left: 23px;
	display: inline-block;
	line-height: 1.2;
	font-weight: bold;
	background: url(img/common/icon06.png) no-repeat left 1px;
}

.menuBox .link a:hover {
	text-decoration: none;
	opacity: 0.7;
}

.menuBox .tel {
	font-weight: bold;
	text-align: center;
}

.menuBox .tel span {
	margin-top: 2px;
	display: block;
	font-size: 32px;
}

@media screen and (max-width: 767px)  {
	#gHeader {
		padding: 0;
	}
	
	#gHeader .hBox {
		margin: 0;
		padding-left: 0;
	}
	
	#gHeader .lBox {
		width: auto;
	}
	
	#gHeader .lBox .menu {
		margin: 10px 0 0 10px;
		font-size: 10px;
	}

	#gHeader .lBox .menu img {
		padding-bottom: 2px;
		width: 25px;
	}
	
	#gHeader .lBox p {
		display: none;
	}
	
	h1 {
		margin-left: -36px;
		position: absolute;
		left: 50%;
		top: 8px;
		float: none;
	}

	h1 img {
		width: 73px;
	}
	
	#gHeader .rBox {
		width: auto;
	}
	
	#gHeader .rBox .engLink {
		display: none;
	}
	
	#gHeader .rBox .enBtn {	margin-right: 0;}
	
	#gHeader .rBox .btn {
		display: none;
	}
	
	#gHeader .rBox .linkBtn {
		width: 52px;
	}
	
	#gHeader .rBox .linkBtn a {
		padding: 10px 2px;
		height: 53px;
		font-size: 11px;
		box-sizing: border-box;
	}
	
	.menuBox > div {
		margin: 0 20px;
		max-width: inherit;
	}
	
	.menuBox .close {
		right: auto;
		left: -12px;
		top: 2px;
		font-size: 10px;
	}

	.menuBox .close img {
		padding-bottom: 4px;
		width: 17px;
	}
	
	.menuBox .close a:hover {
		opacity: 0.7;
		text-decoration: none;
	}

	.menuBox .logo {
		margin: 8px 0 10px;
	}
	
	.menuBox .logo img {
		width: 74px;
	}

	.menuBox .title {
		margin-bottom: 15px;
		font-size: 13px;
		border-bottom-width: 1px;
	}
	
	.menuBox .linkList {
		margin-bottom: 13px;
		border-bottom-width: 1px;
	}
	
	.menuBox .linkList li {
		margin-bottom: 0;
		width: 38%;
	}
	
	.menuBox .linkList li:nth-child(3n-1) {
		width: 34%;
	}
	
	.menuBox .linkList li a {
		padding-left: 16px;
		font-size: 11px;
		letter-spacing: -0.5px;
		background-size: 6px auto;
		background-position: left 4px;
	}

	.menuBox .linkList01 li {
		margin-bottom: 8px;
	}
	
	.menuBox .linkList02 li {
		margin-bottom: 10px;
	}
	
	.menuBox .linkList01 li a {
		font-size: 14px;
	}
	
	.menuBox .linkList01 li {
		width: 50% !important;
	}

	.menuBox .linkList02 li a {
		background-position: left 1px;
	}
		
	.menuBox .btnList {
		margin-bottom: 20px;
		max-width: 230px;
	}
	
	.menuBox .btnList li {
		margin-bottom: 12px;
	}
	
	.menuBox .btnList li a {
		padding: 10px;
		font-size: 14px;
		background-position: 8% center;
		background-size: 6px auto;
	}
	
	.menuBox .link {
		margin: 0 0 17px;
	}
	
	.menuBox .link a {
		padding-left: 12px;
		font-size: 14px;
		background-position: left 4px;
		background-size: 6px auto;
	}
	
	.menuBox .tel {
		font-size: 11px;
	}
	
	.menuBox .tel span {
		font-size: 22px;
	}
}
/*------------------------------------------------------------
	gNavi
------------------------------------------------------------*/
#gNavi {
	margin: 0 auto;
	max-width: 1220px;
	text-align: center;
}

#gNavi li {
	margin: 0 20px;
	display: inline-block;
	/*font-weight: bold;*/
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif;
}

#gNavi li a:hover {
	text-decoration: none;
	opacity: 0.7;
}

@media screen and (max-width: 767px)  {
	#gNavi {
		display: none;
	}
}
/*------------------------------------------------------------
	パンクズリスト
------------------------------------------------------------*/
#pagePath {
}

#pagePath li {
	display: inline;
	color: #000;
	font-size: 1.2em;
}

#pagePath li a {
}

@media screen and (max-width: 767px)  {
}
/*------------------------------------------------------------
	conts
------------------------------------------------------------*/
#conts {

}

@media screen and (max-width: 767px)  {
}
/*------------------------------------------------------------
	sideBar
------------------------------------------------------------*/
#sideBar {

}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter {
	padding-bottom: 41px;
	position: relative;
	background-color: #CBE7F8;
	overflow: hidden;
}

#gFooter .fInner {
	margin: 0 auto;
	padding: 20px 0 23px 10px;
	max-width: 1104px;
}

#gFooter .fLogo {
	margin-right: 35px;
	float: left;
}

#gFooter .fBox {
	margin-top: 4px;
	float: left;
	width: 680px;
	position: relative;
	height: 49px;
}

#gFooter .fBox .clearfix {
	position: absolute;
	top: 50%;
	margin-top: -1em;
}

#gFooter .fBox .add {
	margin: 1px 40px 0 0;
	float: left;
	font-size: 16px;
}

#gFooter .fBox .add .p_free {
	font-size: 12px;
	padding-left: 93px;
}

#gFooter .fBox .link {
	margin-right: 20px;
	float: left;
}

#gFooter .fBox .link a {
	padding: 4px 0 4px 30px;
	font-size: 12px;
	display: inline-block;
	background: url(img/common/icon03.png) no-repeat left top;
}

#gFooter .fBox .link a:hover {
	opacity: 0.7;
	text-decoration: none;
}

#gFooter .fBox .tel {
	float: left;
	font-size: 12px;
}

#gFooter .fBox .tel span {
	margin-left: 5px;
	font-size: 24px;
	line-height: 1;
	vertical-align: -2px;
}

#gFooter .fNavi {
	margin-top: 63px;
}

#gFooter .fNavi li {
	display: inline;
}

#gFooter .fNavi li a {
	margin: 0 12px;
}

#gFooter .sns {
	margin-top: 28px;
	float: right;
	width: 290px;
}

#gFooter .sns li {
	width: 48.5%;
	float: left;
}

#gFooter .sns li a {
	display: block;
	padding: 4px 4px 2px 30px;
	color: #3C589A;
	font-weight: bold;
	text-align: center;
	font-family: Meiryo, "小塚ゴシック Pr6N", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	background: #fff url(img/common/icon04.png) no-repeat 5px center;
}

#gFooter .sns li:nth-child(2) {
	float: right;
} 

#gFooter .sns li:nth-child(2) a {
	color: #555;
	background-image: url(img/common/icon05.png);
}

#gFooter .sns li:last-child {
	margin-top: 5px;
}

#gFooter .sns li:last-child a {
	color: #06C755;background-image: url(img/common/icon16.png);
}

#gFooter .sns li a:hover {
	opacity: 0.7;
	text-decoration: none;
}

#gFooter .copyright {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10px;
	color: #fff;
	text-align: center;
	background-color: #9F9691;
	z-index: 10;
}

#gFooter .copyright span {
	margin: 0 auto;
	max-width: 1100px;
	display: block;
}

#gFooter .pageTop {
	position: fixed;
	right: 0;
	bottom: -100px;
	z-index: 11;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

#gFooter .pageTop.on {
	bottom: 0;
}

#gFooter .pageTop a:hover {
	opacity: 0.7;
	text-decoration: none;
}

@media screen and (max-width: 767px)  {
	#gFooter {
		padding-bottom: 100px;
	}

	#gFooter .fInner {
		margin: 0 auto;
		text-align: center;
		padding: 20px 20px 15px;
	}
	
	#gFooter .fLogo {
		margin: 0 0 8px;
		float: none;
	}

	#gFooter .fLogo img {
		width: 44px;
	}
	
	#gFooter .fBox {
		margin-top: 0;
		float: none;
		width: auto;
	}
	
	#gFooter .fBox .clearfix {
		right: 0;
		left: 0;
		margin: -1em auto auto;
	}
	
	#gFooter .fBox .add {
		margin: 0 0 7px;
		float: none;
		font-size: 14px;
	}
	
	#gFooter .fBox .add .p_free {
		font-size: 14px;
		padding-left: 0;
		text-align: center;
	}
	
	#gFooter .fBox .link {
		margin: 0 0 10px;
		float: none;
	}
	
	#gFooter .fBox .link a {
		padding: 0 0 0 20px;
		font-size: 14px;
		background-position: left 2px;
		background-size: 16px auto;
	}
	
	#gFooter .fBox .tel {
		float: none;
		font-size: 10px;
	}
	
	#gFooter .fBox .tel span {
		font-size: 18px;
	}
	
	#gFooter .fNavi {
		display: none;
	}
	
	#gFooter .sns {
		margin-top: 65px;
		float: none;
		width: auto;
	}
	
	#gFooter .sns li {
		width: 46.5%;
	}
	
	#gFooter .sns li a {
		font-size: 10px;
		padding: 7px;
		background: #fff !important;
	}

	#gFooter .sns li a span {
		padding-left: 20px;
		display: inline-block;
		background: url(img/common/icon04.png) no-repeat left 2px;
		background-size: 10px auto;
	}

	#gFooter .sns li:nth-child(2) a span {
		background-image: url(img/common/icon05.png);
	}
	
	#gFooter .sns li:last-child {
		float: none; margin: 5px auto auto; display: inline-block;
	}
	
	#gFooter .sns li:last-child a span {
		background-image: url(img/common/icon16.png);
	}
	
	#gFooter .copyright {
		padding: 14px 0 13px;
		bottom: 51px;
		font-size: 10px;
	}
	
	#gFooter .pageTop.on {
		bottom: 51px;
	}

}

/*------------------------------------------------------------
	common
------------------------------------------------------------*/
.min {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif;
}

#main .mainBox {
	margin: 0 auto;
	max-width: 1100px;
}

@media screen and (max-width: 767px)  {
	#main .mainBox {
		margin: 0 20px;
	}
}

.mainVisual {
	margin-bottom: 60px;
	padding: 60px 0 65px;
	background: url(img/restaurant/main_img.jpg) no-repeat center bottom;
	background-size: cover;
}

.mainVisual h2 {
	margin: 0 auto;
	max-width: 1000px;
	color: #000;
	font-size: 30px;
	line-height: 1.4;
	font-weight: normal;
	text-align: center;
}

.mainVisual h2 span {
	margin-top: -3px;
	display: block;
	font-size: 18px;
}

@media screen and (max-width: 767px)  {
	.mainVisual {
		margin-bottom: 30px;
		padding: 28px 0 30px;
	}
	
	.mainVisual h2 {
		font-size: 17px;
	}
	
	.mainVisual h2 span {
		margin-top: -2px;
		font-size: 10px;
	}
}


/*------------------------------------------------------------
	バンケットのヘッダーのみ
------------------------------------------------------------*/

.mainVisualBAN {
	margin-bottom: 60px;
	padding: 60px 0 65px;
	background: url(img/banquet/main_img.jpg) no-repeat center bottom;
	background-size: cover;
}

.mainVisualBAN h2 {
	margin: 0 auto;
	max-width: 1000px;
	color: #000;
	font-size: 30px;
	line-height: 1.4;
	font-weight: normal;
	text-align: center;
}

.mainVisualBAN h2 span {
	margin-top: -3px;
	display: block;
	font-size: 18px;
}

@media screen and (max-width: 767px)  {
	.mainVisualBAN {
		margin-bottom: 30px;
		padding: 28px 0 30px;
	}
	
	.mainVisualBAN h2 {
		font-size: 17px;
	}
	
	.mainVisualBAN h2 span {
		margin-top: -2px;
		font-size: 10px;
	}
}

.heading01 {
	margin-bottom: 25px;
	padding-top: 22px;
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif;
	background: url(img/common/line01.png) repeat-x left top;
}

.heading02 {
	margin-bottom: 50px;
	font-size: 26px;
	font-weight: normal;
	text-align: center;
	line-height: 1.4;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif;
}

.heading02 span {
	margin-bottom: 5px;
	display: block;
	font-size: 18px;
}

.heading03 {
	margin-bottom: 16px;
	padding: 15px 0;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.4;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

.heading04 {
	margin-bottom: 16px;
	padding-bottom: 16px;
	font-size: 26px;
	line-height: 1.4;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif;
	background: url(img/common/line01.png) repeat-x left bottom;
}

@media screen and (max-width: 767px)  {
	.heading01 {
		margin-bottom: 20px;
		padding-top: 5px;
		font-size: 17px;
		background-size: auto 3px;
	}
	
	.heading02 {
		margin-bottom: 8px;
		font-size: 12px;
		line-height: 1.6;
	}
	
	.heading02 span {
		margin-bottom: 0;
		font-size: 10px;
	}
	.heading02 a img {
		width: 90vw;
	}
	
	.heading03 {
		margin-bottom: 16px;
		padding: 9px 0;
		font-size: 12px;
	}
	
	.heading04 {
		padding-bottom: 14px;
		font-size: 15px;
		line-height: 1.6;
		background-size: auto 3px;
	}
}

.comTxtList {
	margin-bottom: 16px;
}

.comTxtList li {
	padding: 0 0 11px 30px;
	line-height: 2;
	background: url(img/common/icon13.png) no-repeat left 5px;
}

.comTxtList li:last-child {
	padding-bottom: 0;
}

.comTxtList li .rTxt {
	margin-bottom: 8px;
	margin-top:20px;
	display: block;
	text-align: right;
}

@media screen and (max-width: 767px)  {
	.comTxtList {
		margin-bottom: 8px;
	}
	
	.comTxtList li {
		padding: 0 0 15px 20px;
		font-size: 13px;
		line-height: 1.6;
		background-position: left 4px;
		background-size: 10px auto;
	}
	
	.comTxtList li .rTxt {
		margin: 8px 0;
	}
}

.tagList {
	margin-bottom: 7px;
}

.tagList li {
	margin-right: 6px;
	display: inline-block;
	padding: 3px 3px 2px;
	color: #fff;
	font-size: 12px;
	line-height: 1.2;
	min-width: 112px;
	text-align: center;
	box-sizing: border-box;
}

.tagList .tag01 {
	background-color: #FF4D4D;
}

.tagList .tag02 {
	background-color: #FFA64D;
}

.tagList .tag03 {
	background-color: #D9A300;
}

@media screen and (max-width: 767px)  {
	.tagList {
		margin-bottom: 4px;
	}
	
	.tagList li {
		margin-right: 14px;
		padding: 2px 3px;
		font-size: 11px;
		min-width: 65px;
	}
}

.sliderBox {
	margin-bottom: 60px;
} 

.sliderList .slick-slide > div {
	margin: 0 26px;
	float: left;
	width: 329px;
}

.sliderList li a {
	display: block;
}

.sliderList li a:hover {
	text-decoration: none;
	opacity: 0.7;
}

.sliderList li img {
	margin-bottom: 4px;
}

.sliderList .ttl {
	font-size: 17px;
	line-height: 1.4;
}

.sliderList .txt {
	margin-top: 2px;
	display: none;
}

.sliderList {
        margin: 0 -26px;
}

.sliderList > li {
        margin: 0 26px;
        float: left;
        width: 329px;
}

@media screen and (max-width: 767px)  {
	.sliderBox {
		margin: 0 -20px 23px;
		overflow: hidden;
	} 
	
	.sliderList {
		margin: 0 -36%;
		width: 172%;
	}
	
	.sliderList .slick-slide > div {
		margin: 0 10px;
		width: auto;
	}
	
	.sliderList li img {
		width: 100%;
	}
	
	.sliderList .ttl {
		margin-bottom: 2px;
		font-size: 12px;
	}

	.sliderList .txt {
		display: block;
		font-size: 13px;
		line-height: 1.6;
		letter-spacing: -0.5px;
	}
	.sliderList {
                width: auto;
        }

        .sliderList > li {
                margin: 0 23% 20px;
                width: auto;
                float: none;
        }
}

.slick-dots {
	margin-top: 25px;
	text-align: center;
}

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

.slick-dots li button {
	padding: 0;
    display: block;
	width: 11px;
	height: 11px;
    cursor: pointer;
    color: transparent;
	border: none;
    outline: none;
	background: #EEE;
	border-radius: 50%;
}

.slick-dots .slick-active button,
.slick-dots li button:hover {
	background-color: #888;
}

@media screen and (max-width: 767px)  {
	.slick-dots {
		margin-top: 14px;
	}

	.slick-dots li {
		width: 7px;
		height: 7px;
	}
	
	.slick-dots li button {
		width: 7px;
		height: 7px;
	}
	
	.slick-dots li button:hover {
		border-color: #EEE;
	}
}

.comTable {
	margin: 20px 80px 40px;
}

.comTable table {
	width: 100%;
	border-collapse: collapse;
}

.comTable th,
.comTable td {
	padding: 12px 2px 12px 35px;
	/* height: 35px; */
	line-height: 1.6;
	letter-spacing: -0.5px;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	background-color: #fff;
}

.comTable .lastTr th,
.comTable .lastTr td {
	padding: 0;
	height: 8px;
	border-bottom: none;
}

.comTable th {
	padding: 12px 5px 12px 20px;
	width: 26%;
	font-weight: normal;
	background-color: #F2F4F5;
}

.comTable td .imgList li {
	margin-bottom: 13px;
	overflow: hidden;
}

.comTable td .imgList li:last-child {
	margin-bottom: 0;
}

.comTable td .imgList li p {
	padding-right: 110px;
}

.comTable td .imgList li .fltImg {
	float: right;
}

@media screen and (max-width: 767px)  {
	.comTable {
		margin: 0 0 30px;
	}
	
	.comTable th,
	.comTable td {
		padding: 5px 10px;
		height: auto;
		float: left;
		font-size: 13px;
		width: 100% !important;
		box-sizing: border-box;
	}
	
	.comTable th {
		padding: 4px;
		line-height: 1.4;
		text-align: center;
	}

	.comTable .lastTr {
		display: none;
	}
	
	.comTable td .imgList li {
		margin-bottom: 7px;
	}
	
	.comTable td .imgList li p {
		padding-right: 0;
	}
	
	.comTable td .imgList li .fltImg {
		margin: 7px auto;
		float: none;
		width: 35%;
	}

	.comTable td .imgList li .fltImg img {
		width: 100%;
	}
}

@media screen and (max-width: 767px)  {
	.btmList {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 10;
		background-color: #333;
		overflow: hidden;
		text-align: center;
	}
	
	.btmList li {
		display: inline-block;
	}

	.btmList li:nth-child(2) {
		margin: 0 14%;
	}

	.btmList li a {
		padding: 8px 8px 5px;
		display: block;
		color: #fff;
		font-size: 11px;
		text-align: center;
		background-color: #333;
	}

	.btmList li a img {
		margin: 0 auto 3px;
		display: block;
		height: 19px;
	}

}

.comBtn a {
	padding: 7px;
	width: 290px;
	display: inline-block;
	color: #fff;
	font-size: 16px;
	text-align: center;
	background-color: rgba(178,133,0,0.6);
	box-sizing: border-box;
}

.comBtn a span {
	padding-right: 25px;
	display: inline-block;
	background: url(img/common/icon02.png) no-repeat right center;
}

.comBtn a:hover {
	opacity: 0.7;
	text-decoration: none;
}

@media screen and (max-width: 767px)  {
	.comBtn a {
		padding: 9px;
		width: 200px;
		font-size: 11px;
	}
	
	.comBtn a span {
		padding-right: 10px;
		background-size: 5px auto;
	}
}

.comBgBox {
	padding: 30px 0;
	background-color: #F7F4E9;
}

.comBgBox .photoList {
	margin: 0 auto;
	max-width: 1100px;
}

.comBgBox .photoList li {
	margin-right: 137px;
	float: left;
	width: 172px;
	font-weight: bold;
	text-align: center;
}

.comBgBox .photoList li:nth-child(4n) {
	margin-right: 0;
}

.comBgBox .photoList li img {
	margin-bottom: 10px;
}

.comBgBox .photoList li a:hover {
	text-decoration: none;
	opacity: 0.7;
}

@media screen and (max-width: 767px)  {
	.comBgBox {
		padding: 15px 47px 13px;
	}

	.comBgBox .photoList {
		margin-top: -7%;
	}
	
	.comBgBox .photoList li {
		margin: 7% 0 0;
		width: 44%;
	}

	.comBgBox .photoList li:nth-child(2n) {
		float: right;
	}

	.comBgBox .photoList li img {
		width: 100%;
	}
}

/*------------------------------------------------------------
	index
------------------------------------------------------------*/
.index .topVisual {
	position: relative;
}

.index .topVisual .foo li img {
	vertical-align: top;
	width: 100%;
}

.index .topVisual .slick-slide > div {
	line-height: 1.0;
}

.index .topVisual .prev,
.index .topVisual .next {
	margin-top: -20px;
	position: absolute;
	top: 42%;
	cursor: pointer;
}

.index .topVisual .prev {
	left: 10px;
}

.index .topVisual .next {
	right: 10px;
}

.index .topVisual .prev:hover img,
.index .topVisual .next:hover img {
	opacity: 0.7;
}

.index .topVisual .bgBox {
	padding: 5px 0 25px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
	background-color: rgba(44,37,21,0.5);
}

.index .topVisual .bgBox > div {
	margin: 0 auto;
	max-width: 1060px;
}

.index .topVisual .txtInner {
	margin-bottom: 5px;
	color: #fff;
	font-weight: bold;
}

.index .topVisual .txtInner .title {
	float: left;
	width: 260px;
	font-size: 12px;
}

.index .topVisual .txtInner .title span {
	display: block;
	font-size: 28px;
	letter-spacing: -2.5px;
}

.index .topVisual .txtInner .title span img {
	vertical-align: -5px;
}

.index .topVisual .txtInner ul {
	margin-top: 18px;
	float: left;
	width: 410px;
}

.index .topVisual .txtInner li {
	display: inline;
}

.index .topVisual .txtInner li a {
	margin: 0 16px 0 10px;
	color: #fff;
	letter-spacing: -0.5px;
}

.index .topVisual .txtInner .tel {
	margin: 8px -20px 0 0;
	padding-left: 30px;
	float: left;
	width: 410px;
	font-size: 18px;
	font-weight:normal;
	word-wrap: break-word;
	letter-spacing: 1px;
	background: url(img/index/img02.png) no-repeat 2px 6px;
	box-sizing: border-box;
}

.index .topVisual .txtInner .tel span {
	margin-left: 8px;
	vertical-align: -2px;
}

.index .topVisual .txtInner .tel a {
	color: #fff;
	font-size: 32px;
	line-height: 1.2;
}

.index .area .st_search {
	padding-top: 7px;
	width: 134px;
	float: left;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

.index .area .box_form {
	float: left;
	width: 926px;
	position: relative;
}

.index .area .box_form input,
.index .area .box_form select {
	margin: 0 1px 0 0; 
	padding-left: 10px;
	height: 36px;
	font-size: 11px;
	display: inline-block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	border-radius: 2px;
	box-shadow: 0 0 2px #333;
}

.index .area .box_form select {
	cursor: pointer;
	background: #fff url(img/common/arrow_form.png) no-repeat right 5px center;
	background-size: 6px auto;
}

select::-ms-expand { display: none; }

.index .area .box_form input.checkin,
.index .area .box_form select.checkin {
	width: 114px;
	background: #fff url(img/common/ic_cal.png) no-repeat right 7px center;
	background-size: 11px auto;
}

.index .area .box_form input.obj_per_num, .index .area .box_form input.obj_room_num, .index .area .box_form input.obj_stay_num,
.index .area .box_form select.obj_per_num,
.index .area .box_form select.obj_room_num,
.index .area .box_form select.obj_stay_num {
	width: 75px;
}

.index .area .box_form input.purpose, .index .area .box_form input.rootype,
.index .area .box_form select.purpose,
.index .area .box_form select.rootype {
	width: 150px;
}

.index .area .btn_search,
.index .area .btn_packs {
	float: right;
}

.index .area .btn a,
.index .area .btn input {
	margin: 0;
	display: block;
	width: 100%;
	padding: 7px;
	height: 37px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background-color: #2C2516;
	box-sizing: border-box;
	box-shadow: none;
	cursor: pointer;
}

.index .area .btn a:hover,
.index .area .btn input:hover {
	opacity: 0.7;
	text-decoration: none;
}

.index .area .btn_search {
	width: 80px;
}

.index .area .btn_packs {
	margin-left: 40px;
	width: 130px;
}

.index .topVisual .slick-dots {
	display: none !important;
}

.index .comBgBox {
	margin-bottom: 45px;
	padding: 30px 0 10px; 
}

.index .topBgBox {
	margin-bottom: 40px;
	padding: 35px 0;
}

.index .topBgBox .heading02 {
	margin-bottom: 8px;
}

.index .topBgBox p {
	font-size: 16px;
	line-height: 1.8;
	text-align: center;
}

.index .mainBox > .heading01 {
	margin: 0 auto 18px;
	padding-top: 20px;
	max-width: 380px;
	font-size: 34px;
	line-height: 1.2;
}

.index .mainBox > .heading01 span {
	display: block;
	font-size: 14px;
}

.index .mainBox .sliderBox {
	position: relative;
}

.index .mainBox .sliderBox .prev,
.index .mainBox .sliderBox .next {
	position: absolute;
	top: 104px;
	cursor: pointer;
}

.index .mainBox .sliderBox .prev {
	left: -33px;
}

.index .mainBox .sliderBox .next {
	right: -33px;
}

.index .mainBox .sliderList li .txt {
	display: block;
}

.index .mainBox .slick-dots {
	margin-top: 44px;
}

.index .mainBox > .photo {
	margin-bottom: 28px;
	text-align: center;
}

.index .mainBox > .midTxt02 {
	margin-bottom: 20px;
	text-align: center;
	line-height: 1.6;
}

.index .txtLink {
	margin-bottom: 34px;
	text-align: center;
}

.index .link {
	color: #726B5C;
	font-size: 15px;
	font-style: italic;
	text-decoration: underline;
}

.index .link:hover {
	text-decoration: none;
}

.index .photoList li {
	margin: 0 22px 0 2px !important;
	width: 350px;
}

.index .photoList li img {
	margin-bottom: 4px;
}

.index .photoList li:nth-child(3n) {
	margin-right: 0 !important;
}

.index .content .heading01 {
	margin-bottom: 8px;
	padding: 15px 0 0 2px;
	text-align: left;
}

.index .content .heading01 span {
	margin-left: 15px;
	font-size: 14px;
	vertical-align: 2px;
}

.index .content .lBox .txtLink {
	position: absolute;
	right: 0;
	top: 20px;
}

.index .lBox {
	float: left;
	width: 58.5%;
	position: relative;
}

.index .lBox > ul {
	margin-top: -8px;
}

.index .lBox > ul > li {
	padding: 14px 0 14px 30px;
	line-height: 1.6;
	background: url(img/common/icon14.png) no-repeat 4px center;
	border-bottom: 1px solid #E6E4DE;
}

.index .lBox ul > li .tagList {
	margin: 0 0 0 8px;
	display: inline-block;
}

.index .lBox ul > li .tagList li {
	background-color: #008C23;
}

.index .rBox {
	float: right;
	width: 34%;
}

@media screen and (max-width: 767px) {
	.index .topVisual .foo {
		overflow: hidden;
	}
	
	.index .topVisual .foo li img {
		margin: 0 -32%;
		width: 164%;
	}

	.index .topVisual .prev,
	.index .topVisual .next {
		top: 44%;
	}

	.index .topVisual .prev img,
	.index .topVisual .next img {
		width: 20px;
	}
	
	.index .topVisual .prev {
		left: 5px;
	}
	
	.index .topVisual .next {
		right: 5px;
	}
	
	.index .topVisual .bgBox {
		padding: 6px 20px 7px;
		font-weight: bold;
	}
	
	.index .topVisual .bgBox p {
		margin-bottom: 6px;
		color: #fff;
		font-size: 10px;
		line-height: 1.2;
		text-align: center;
	}

	.index .topVisual .bgBox .linkBtn {
		text-align: center;
	}

	.index .topVisual .bgBox .linkBtn a {
		padding: 5px 20px 5px 5px;
		width: 89%;
		display: inline-block;
		color: #fff;
		font-size: 11px;
		line-height: 1.2;
		text-align: center;
		background: #004205;
		box-sizing: border-box;
	}

	.index .topVisual .bgBox .linkBtn a span {
		padding-left: 22px;
		display: inline-block;
		background: url(img/common/icon07.png) no-repeat left 3px;
		background-size: 5px auto;
	}
	
	.index .comBgBox {
		margin-bottom: 20px;
		padding: 15px 0 8px; 
	}
	
	.index .topBgBox {
		padding: 24px 0;
	}
	
	.index .topBgBox .heading02 {
		margin-bottom: 12px;
		font-size: 14px;
	}
	
	.index .topBgBox p {
		font-size: 12px;
		line-height: 1.6;
	}
	
	.index .mainBox > .heading01 {
		margin-bottom: 15px;
		padding-top: 9px;
		max-width: 120px;
		font-size: 17px;
	}
	
	.index .mainBox > .heading01 span {
		font-size: 12px;
	}
	
	.index .mainBox .sliderBox .prev,
	.index .mainBox .sliderBox .next {
		display: none;
	}
	
	.index .mainBox .slick-dots {
		margin-top: 15px;
	}
	
	.index .mainBox > .photo {
		margin-bottom: 8px;
	}

	.index .mainBox > .photo img {
		margin: 0 auto;
		width: 100%;
	}
	
	.index .mainBox > .midTxt02 {
		margin-bottom: 5px;
		line-height: 1.4;
		font-size: 13px;
		letter-spacing: -0.5px;
		text-align: left;
	}
	
	.index .txtLink {
		margin-bottom: 30px;
	}
	
	.index .link {
		font-size: 12px;
	}

	.index .link:hover {
		text-decoration: underline;
	}
	
	.index .photoList {
		margin: 0 auto;
		width: 65%;
	}
	
	.index .photoList li {
		margin: 0 0 13px !important;
		width: auto;
		float: none !important;
	}

	.index .photoList li:last-child {
		margin-bottom: 0 !important;
	}
	
	.index .photoList li img {
		margin-bottom: 4px;
	}
	
	.index .content .heading01 {
		margin-bottom: 12px;
		padding: 5px 0 0 2px;
		font-size: 15px;
	}
	
	.index .content .heading01 span {
		margin-left: 5px;
		font-size: 9px;
		vertical-align: 0;
	}
	
	.index .content .lBox .txtLink {
		position: static;
		right: auto;
		top: auto;
	}
	
	.index .lBox {
		float: none;
		width: auto;
	}
	
	.index .lBox > ul {
		margin: -10px 0 17px;
	}
	
	.index .lBox > ul > li {
		padding: 12px 0 12px 20px;
		font-size: 13px;
		background-size: 5px auto;
	}
	
	.index .lBox ul > li .tagList {
		margin: 0 0 0 8px;
	}
	
	.index .rBox {
		float: none;
		width: auto;
	}

	.index .rBox .movie {
		margin: 0 auto;
		width: 68%;
	}

	.index .rBox .movie iframe {
		height: auto;
	}
}

/*------------------------------------------------------------
	restaurant
------------------------------------------------------------*/
.restaurant .imgBox .photoBox {
	float: left;
	position: relative;
}

.restaurant .imgBox .photoBox a:hover img {
	opacity: 0.7;
}

.restaurant .imgBox .photoBox p {
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	color: #fff;
	font-size: 34px;
	text-align: center;
	z-index: 10;
}

.restaurant .imgBox .txtBox {
	padding: 40px 0;
	float: right;
	width: 50%;
	text-align: center;
}

.restaurant .imgBox .txtBox p {
	margin-bottom: 15px;
	min-height: 70px;
	font-size: 16px;
	line-height: 1.6;
}

.restaurant .imgBox .txtBox .ttl {
	margin-bottom: 30px;
	min-height: inherit;
	font-size: 34px;
	line-height: 1.4;
}

.restaurant .imgBox .txtBox .ttl span {
	display: block;
	font-size: 18px;
}

.restaurant .imgBox .txtBox .ttl .smaller {
	margin-top: 7px;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.restaurant .imgBox02 .photoBox {
	float: right;
}

.restaurant .imgBox02 .txtBox {
	float: left;
}

.restaurant .imgBox.last {
	margin-bottom: 60px;
}

.restaurant .midTxt {
	margin-bottom: 25px;
	font-size: 20px;
	line-height: 1.4;
	text-align: center;
}

.restaurant .h2Ttl {
	margin-bottom: 37px;
}

.restaurant .h2Ttl02 {
	margin-bottom: 18px;
}

.restaurant .h3Ttl {
	margin-bottom: 20px;
}

.restaurant .slideVisual {
	margin-bottom: 15px;
}

.restaurant .slideVisual .slick-dots {
	margin-top: 7px;
}

.restaurant .linkNavi li {
	margin-right: 35px;
	display: inline-block;
}

.restaurant .linkNavi li a {
	display: inline-block;
	padding-bottom: 2px;
	font-size: 16px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif;
	border-bottom: 5px solid #fff;
}

.restaurant .linkNavi li .on,
.restaurant .linkNavi li a:hover {
	text-decoration: none;
	border-bottom-color: #9D938D;
}

.restaurant .inner .photoBox {
	margin-top: 4px;
	float: right;
}

.restaurant .inner {
	margin-bottom: 30px;
}

.restaurant .inner .txtBox {
	float: left;
	width: 540px;
}

.restaurant .inner .txtBox p {
	margin-bottom: 23px;
	line-height: 1.6;
}

.restaurant .inner .txtBox p:last-child {
	margin-bottom: 0;
}

.restaurant .inner:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 767px)  {
	.restaurant .imgBox {
		margin-bottom: 22px;
	}

	.restaurant .imgBox .photoBox {
		float: none !important;
	}

	.restaurant .imgBox .photoBox img {
		width: 100%;
	}
	
	.restaurant .imgBox .photoBox p {
		top: 30px;
		font-size: 17px;
	}
	
	.restaurant .imgBox .txtBox {
		padding: 7px 0;
		float: none !important;
		width: auto;
	}
	
	.restaurant .imgBox .txtBox p {
		margin-bottom: 18px;
		min-height: inherit;
		font-size: 13px;
		line-height: 1.4;
	}
	
	.restaurant .imgBox .txtBox .ttl {
		margin-bottom: 12px;
		font-size: 19px;
	}
	
	.restaurant .imgBox .txtBox .ttl span {
		font-size: 10px;
	}
	
	.restaurant .imgBox .txtBox .ttl .smaller {
		margin-top: 0;
		font-size: 11px;
	}

	.restaurant .imgBox.last {
		margin-bottom: 45px;
	}
	
	.restaurant .midTxt {
		margin-bottom: 17px;
		font-size: 11px;
		letter-spacing: -0.5px;
	}
	
	.restaurant .h2Ttl {
		margin-bottom: 13px;
	}
	
	.restaurant .h2Ttl02 {
		margin-bottom: 10px;
	}
	
	.restaurant .h3Ttl {
		margin-bottom: 8px;
		font-size: 14px;
	}
	
	.restaurant .slideVisual {
		margin-bottom: 22px;
	}
	
	.restaurant .slideVisual .foo li img {
		width: 100%;
	}

	.restaurant .slideVisual .slick-dots {
	}
	
	.restaurant .linkNavi li {
		margin-right: 15px;
	}
	
	.restaurant .linkNavi li a {
		padding-bottom: 5px;
		font-size: 10px;
		border-bottom-width: 2.5px;
	}

	.restaurant .linkNavi li a:hover {
		border-bottom-color: #fff;
	}

	.restaurant .linkNavi li .on:hover {
		border-bottom-color: #9D938D;
	}
	
	.restaurant .inner .photoBox {
		margin: 0 auto 15px;
		float: none;
		width: 81%;
	}

	.restaurant .inner .photoBox img {
		width: 100%;
	}
	
	.restaurant .inner {
		margin-bottom: 30px;
	}
	
	.restaurant .inner .txtBox {
		float: none;
		width: auto;
	}
	
	.restaurant .inner .txtBox p {
		margin-bottom: 20px;
		font-size: 13px;
	}
}

.news .mainVisual {
	background-image: url(img/news/main_img.jpg);
}

.news .heading01 {
	margin-bottom: 20px;
	text-align: left;
	letter-spacing: -1.5px;
}

.news p {
	margin-bottom: 22px;
	line-height: 1.6;
}

.news .info {
	margin-bottom: 65px;
}

.news .info .date {
	margin: 0 40px 0 0;
	float: left;
}

.news .info .tagList {
	margin-bottom: 0;
	float: left;
}

.news .imgBox {
	margin-bottom: 53px;
}

.news .noteBox p {
	padding-left:1em;
	text-indent:-1em;
}
.news .photo {
	margin-bottom: 26px;
	text-align: center;
}

.news .imgBox .photoBox {
	margin-top: 0px;
	float: left;
}

.news .imgBox .txtBox {
	float: right;
	width: 553px;
}
.news .imgBox .txtBox .aboutPoint {
	font-size:20px;
	margin-bottom:14px;
	font-weight:normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif;
}
.news .imgBox .txtBox .aboutPoint h3 {
	font-weight:normal;
}
.news .imgBox .txtBox .aboutPoint .aboutPointSub {
	font-size: 16px;
}

.news .imgBox02 .photoBox {
	float: right;
}

.news .imgBox02 .txtBox {
	float: left;
}
.news .system {
	border-bottom: 1px solid #8c8b8b;
}
.news .system:last-of-type {
	border-bottom: none;
}
.news .system .photoBox img {
	width: 200px;
}
.news .system .txtBox {
	width: 840px;
}
.news .system .txtBox ol {
	margin-left: 2.5em; /* サイトに合せて調整 */
}
.news .system .txtBox ol li{
	list-style-type: none;
	counter-increment: cnt;
}
.news .system .txtBox ol li::before {
	content: "(" counter(cnt) ") ";
	display:inline-block;
	margin-left:-2em; /* サイトに合せて調整 */
	width: 2em; /* サイトに合せて調整 */
}

.news .pageNavi {
	margin: 62px 0;
}

.news .pageNavi li {
	float: left;
	width: 33.3333%;
}

.news .pageNavi li a {
	padding-left: 35px;
	display: inline-block;
	color: #726B5B;
	font-size: 15px;
	background: url(img/common/icon10.png) no-repeat left 2px;
}

.news .pageNavi li a:hover {
	opacity: 0.7;
	text-decoration: none;
}

.news .pageNavi .next {
	text-align: right;
}

.news .pageNavi .next a {
	padding: 0 35px 0 0;
	background: url(img/common/icon09.png) no-repeat right top;
}

.news .pageNavi .prev a {
	background: url(img/common/icon08.png) no-repeat left top;
}

.news .pageNavi .back {
	text-align: center;
}

@media screen and (max-width: 767px)  {
	.news .heading01 {
		margin-bottom: 8px;
		padding-top: 15px;
		font-size: 20px;
	}
	
	.news p {
		margin-bottom: 22px;
		font-size: 16px;
	}
	
	.news .info {
		margin-bottom: 18px;
	}
	
	.news .info .date {
		margin-right: 10px;
		font-size: 13px;
	}

	.news .info .tagList li {
		margin-right: 3px;
	}
	
	.news .imgBox {
		margin-bottom: 18px;
	}
	
	.news .photo {
		margin-bottom: 6px;
	}

	.news .photo img {
		width: 100%;
	}
	
	.news .imgBox .photoBox {
		margin: 0 auto 6px;
		width: 92%;
		float: none !important;
	}

	.news .imgBox .photoBox img {
		width: 100%;
	}
	
	.news .imgBox .txtBox {
		float: none;
		width: auto;
	}
	.news .imgBox .txtBox .aboutPoint {
		font-size: 18px;
	}
	.news .system .txtBox ol li {
		font-size: 16px;
	}
	.news .system .photoBox img {
		width: 80%;
	}
	.news .system .photoBox {
		text-align: center
	}
	
	.news .pageNavi {
		margin: -22px 0 20px;
	}
	
	.news .pageNavi li a {
		padding: 2px 0 0 24px;
		font-size: 12px;
		background-size: 17px auto;
	}
	
	.news .pageNavi .next a {
		padding: 2px 24px 0 0;
		background-size: 11.5px auto;
	}
	
	.news .pageNavi .prev a {
		background-size: 11.5px auto;
	}
}


.stay .mainVisual {
	background-image: url(img/stay/main_img.jpg);
}
.stay .heading01 {
	margin-bottom: 41px;
}

.stay .ttlBox {
	margin-bottom: 14px;
	color: #524634;
	font-size: 16px;
}

.stay .ttlBox .logo {
	float: left;
	width: 50%;
}

.stay .ttlBox .logo img {
	margin: 0 12px 0 5px;
	float: left;
}

.stay .ttlBox .logo p {
	margin-top: 12px;
	float: left;
}

.stay .ttlBox .logo span {
	margin-left: 15px;
	font-size: 26px;
	vertical-align: -2px;
}

.stay .ttlBox > p {
	margin-top: 21px;
	float: right;
	width: 40%;
	text-align: right;
}

.stay .innerBox {
	margin-bottom: 80px;
	position: relative;
	background-color: #F7F4E9;
}

.stay .linkBtn a {
	padding: 6px 0 10px;
	display: block;
	color: #524633;
	font-size: 16px;
	text-align: center;
	background-color: #F7F4E9;
}

.stay .linkBtn a:hover {
	text-decoration: none;
	opacity: 0.7;
}

.stay .linkBtn a img {
	margin: 4px auto 0;
	display: block;
}

.stay .linkBtn a .closeBtn {
	display: none;
}

.stay .openBox {
	display: none;
	padding: 9px 36px 0;
	background-color: #F7F4E9;
}

.stay .openBox > ul > li {
	float: left;
	width: 495px;
	background-color: #DDD8BB;
	margin-bottom:40px;
}

.stay .openBox > ul > li:last-child {
	float: right;
}

.stay .openBox .slideVisual {
	margin-bottom: 3px;
}

.stay .openBox .slideVisual .slick-dots {
	margin-top: 0;
}

.stay .openBox > ul > li p {
	margin: 0 12px 12px;
	line-height: 1.6;
}

.stay .openBox > ul > li .title {
	margin: 0 12px -2px;
	font-size: 16px;
	line-height: 1.4;
}

.stay .openBox > ul > li .title span {
	margin-right: 3px;
	font-size: 30px;
}

.stay .openBox .comTable {
	padding: 6px 10px;
	margin: 0;
	background-color: #fff;
}

.stay .openBox .comTable th,
.stay .openBox .comTable td {
	padding: 0 5px 0 15px;
	height: auto;
	line-height: 1.85;
	border-color: #fff;
	border-width: 2px;
}

.stay .openBox .linkBtn {
	margin: 25px -36px 0;
}

.stay .openBox .linkBtn a img {
	margin-top: 2px;
}

.stay .comBtn {
	text-align: right;
}
	
@media screen and (max-width: 767px)  {
	.stay .heading01 {
		margin-bottom: 23px;
		padding-top: 14px;
	}
	
	.stay .ttlBox {
		margin-bottom: 14px;
		font-size: 11px;
	}
	
	.stay .ttlBox .logo {
		margin: 0 auto;
		float: none;
		width: 233px;
	}
	
	.stay .ttlBox .logo img {
		margin: 0 5px 0 0;
		width: 31px;
	}
	
	.stay .ttlBox .logo p {
		margin-top: 3px;
		font-size: 10px;
	}
	
	.stay .ttlBox .logo span {
		margin-left: 9px;
		font-size: 15px;
		vertical-align: -1px;
	}
	
	.stay .ttlBox > p {
		margin-top: 5px;
		float: none;
		width: auto;
		letter-spacing: -1px;
		text-align: center;
	}

	.stay .photo img {
		width: 100%;
	}
	
	.stay .innerBox {
		margin-bottom: 29px;
	}
	
	.stay .linkBtn a {
		padding: 4px 0 6px;
		font-size: 10px;
	}
	
	.stay .linkBtn a img {
		margin-top: 2px;
		width: 12px;
	}
	
	.stay .openBox {
		padding: 0 16px;
	}
	
	.stay .openBox > ul > li {
		margin-bottom: 15px;
		float: none !important;
		width: auto;
	}

	.stay .openBox > ul > li:last-child {
		margin-bottom: 0;
	}
	
	.stay .openBox .slideVisual {
		margin-bottom: -2px;
	}

	.stay .openBox .slideVisual .foo img {
		width: 100%;
	}
	
	.stay .openBox .slideVisual .slick-dots {
		margin-top: 3px;
	}
	
	.stay .openBox > ul > li p {
		margin: 0 6px 12px;
		font-size: 11px;
	}
	
	.stay .openBox > ul > li .title {
		margin: 0 6px -2px;
		font-size: 10px;
	}
	
	.stay .openBox > ul > li .title span {
		font-size: 16px;
	}
	
	.stay .openBox .comTable {
		padding: 8px;
	}
	
	.stay .openBox .comTable th,
	.stay .openBox .comTable td {
		line-height: 1.6;
		border: none;
	}
	
	.stay .openBox .linkBtn {
		margin: 5px -16px 0;
	}
	
	.stay .openBox .linkBtn a img {
		margin-top: 2px;
	}
}

@media all and (-ms-high-contrast:none){
	#gHeader .rBox .engLink a {
		padding-top: 3px;
	}
	
	#gHeader .rBox .linkBtn a {
		padding: 17px 10px 11px;
	}
	
	.mainVisual {
		padding: 70px 0 55px;
	}
	
	.tagList li {
		padding: 5px 0 0;
	}
	
	.comBtn a span {
		padding-top: 5px;
	}
	
	.heading03 {
		padding: 20px 0 10px;
	}
	
	#gFooter .fBox .link a {
		padding-top: 6px;
	}
	
	#gFooter .fBox .add {
		margin-top: 3px;
	}
	
	#gFooter .fBox .tel {
		margin-top: 3px;
	}
	
	#gFooter .copyright {
		padding: 13px 10px 7px;
	}
	
	.menuBox .linkList li a {
		padding-top: 2px;
	}
	
	.menuBox .btnList li a {
		padding: 14px 11px 8px;
	}
	
	.menuBox .link a {
		padding-top: 4px;
	}
	
	.stay .linkBtn a {
		padding: 10px 0 6px;
	}
	
	.comTxtList li {
		background-position: left 3px;
	}
	
	.news .pageNavi li a {
		padding-top: 3px;
	}
	
	.index .topVisual .txtInner .tel {
		background-position: 42px 3px;
	}
	
	.index .area .btn a, .index .area .btn input {
		padding: 10px 7px 4px;
	}
}
/*------------------------------------------------------------
	access
------------------------------------------------------------*/
.mainBox .imgBox .txt{
	text-align: center;
	max-width: 880px;
	margin: auto;
}
.mainBox .imgBox .fBox{
	display: flex;
	justify-content: space-around;
}
.mainBox .bgGray{
	background-color: #F2F4F5;
	max-width: 51rem;
	margin: auto;
	padding: 2rem;
}
.mainBox .bgGray .detail{
	width: 100%;
	display: flex;
	margin-bottom: 20px;
}
.mainBox .bgGray .detail:last-of-type{
	margin-bottom: 0;
}
.mainBox .bgGray .detail .detailTtl{
	font-weight: 700;
	font-size: 1.2em;
	width: 18%;
}
.mainBox .bgGray .detail .detailList{
	font-size: 1em;
	width: 82%;
}
.detailList dl{
	border: 0.5px solid #bbb;
    box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.detailList dl dt{
	font-weight: 700;
	padding: 1.5%;
	width: 26.9%;
	border-bottom: 0.5px solid #bbb;
	border-right: 0.5px solid #bbb;
}
.detailList dl dd{
	padding: 1.5%;
	width: 66.9%;
	border-bottom: 0.5px solid #bbb;
}
.detailList dl dt:last-of-type, .detailList dl dd:last-of-type{
	border-bottom: none;
}
.detailList span{
	display: block;
	font-weight: 700;
}
@media screen and (max-width: 767px)  {
	.mainBox .imgBox .txt{
		text-align: left;
		width: 80%;
		margin: auto;
	}
	.mainBox .imgBox .fBox{
		display: block;
	}
	.mainBox .bgGray .detail{
		display: block;
	}
	.mainBox .bgGray .detail .detailTtl{
		font-size: 16px;
		width: auto;
		text-align: center;
		margin-bottom: 10px;
	}
	.mainBox .bgGray .detail .detailList{
		font-size: 14px;
		width: 100%;
	}
	.detailList dl dt{
		padding: 1.5%;
		width: 98.5%;
		border-right: none;
		text-align: center;
	}
	.detailList dl dd{
		padding: 1.5%;
		width: 98.5%;
		text-align: center;
	}
	.detailList dl dt:last-of-type{
		border-bottom: 0.5px solid #bbb;
	}
}