@charset "utf-8";

/* CSS Document */
/* 全ページ共通のレイアウト指定 */



/* base.css 目次

	1.背景
	2.パーツ
	3.全体
	4.ヘッダー
	5.グローバルナビ
	6.メインコンテンツ
	7.左メニュー
	8.フッターリンク
	9.フッター

*/



/* -------------------------------------------------------------------------- 
 *	=1.背景
 * -------------------------------------------------------------------------- */
body { background: url(../common/base.jpg) repeat; }

/* -------------------------------------------------------------------------- 
 *	=2.パーツ
 * -------------------------------------------------------------------------- */
a { color: #cc3300; }

a:hover { color: #B70003; }
.mt0 {margin-top:0;}
.mt20 {margin-top:20px;}
.mb20 {margin-bottom:20px;}
hr {background-image:url(../common/h1_base_bottom.jpg);height:1px;border:0;
}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}
/* -------------------------------------------------------------------------- 
 *	=3.全体
 * -------------------------------------------------------------------------- */
.container { max-width: 970px; }

#campaign .container { max-width: 1170px; }

/* -------------------------------------------------------------------------- 
 *	=4.ヘッダー
 * -------------------------------------------------------------------------- */
#header {
	width: 100%;
	height: 185px;
	padding-top: 3px;
	background: url(../common/header_base.jpg) repeat-x;
}

#header-inner {
	max-width: 970px;
	margin: 0 auto;
}

#header-logo {
	width: 172px;
	height: 182px;
	float: left;
}

#header-logo a {
	width: 172px;
	height: 182px;
	background: url(../common/logo.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}

#header-logo a:hover { opacity: 0.7; }

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

#header-logo { width: 159px; }

#header-logo a {
	width: 159px;
	background: url(../common/logo_m.png) no-repeat 0 0;
}
}

@media (min-width: 769px) {

#header-inquiry {
	max-width: 798px;
	height: 39px;
	float: right;
}

#header-inquiry #headline {
	max-width: 405px;
	float: left;
	font-size: 12px;
	padding: 11px 10px 0 0px;
	color: #cccccc;
}

#header-inquiry ul {
	width: 387px;
	float: right;
	margin: 7px 0 0;
	padding: 0;
	list-style: none;
}

#header-inquiry li {
	margin: 0;
	padding: 0;
	float: left;
}

li#header-tel {
	margin: 4px 14px 0 0;
	width: 167px;
	height: 17px;
}

#header-tel a {
	width: 167px;
	height: 17px;
	background: url(../common/tel.png) no-repeat 0 0;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#header-tel a:hover { opacity: 0.7; }
a[href^="tel:"] {
    pointer-events: none;
}
li#header-english {
	margin-right: 8px;
	width: 99px;
	height: 25px;
}

#header-english a {
	width: 99px;
	height: 25px;
	background: url(../common/header_english.jpg) no-repeat 0 0;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#header-english a:hover { opacity: 0.7; }

li#header-plan {
	width: 99px;
	height: 25px;
}

#header-plan a {
	width: 99px;
	height: 25px;
	background: url(../common/header_plan.jpg) no-repeat 0 0;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#header-plan a:hover { opacity: 0.7; }
}

@media (max-width: 966px) {

#headline { display: none; }
}

/* -------------------------------------------------------------------------- 
 *	=5.グローバルナビ
 * -------------------------------------------------------------------------- */
@media (min-width: 769px) {

#header-navi {
	width: 486px;
	height: 143px;
	float: right;
	background: url(../common/gn.jpg) no-repeat 0 0;
}

ul#navi-1 {
	width: 449px;
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

#navi-1 li {
	width: 64px;
	margin: 0;
	padding: 0;
	float: left;
}

#navi-1 li a {
	width: 64px;
	height: 143px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#navi-1-1 a:hover,
#concept #navi-1-1 { background: url(../common/gn.jpg) no-repeat -37px -143px; }

#navi-1-2 a:hover,
#cuisine #navi-1-2 { background: url(../common/gn.jpg) no-repeat -101px -143px; }

#navi-1-3 a:hover,
#facilities #navi-1-3 { background: url(../common/gn.jpg) no-repeat -165px -143px; }

#navi-1-4 a:hover,
#spa #navi-1-4 { background: url(../common/gn.jpg) no-repeat -229px -143px; }

#navi-1-5 a:hover,
#siteseeing #navi-1-5 { background: url(../common/gn.jpg) no-repeat -293px -143px; }

#navi-1-6 a:hover,
#access #navi-1-6 { background: url(../common/gn.jpg) no-repeat -357px -143px; }

#navi-1-7 a:hover,
#reservation #navi-1-7 { background: url(../common/gn.jpg) no-repeat -421px -143px; }

ul#navi-2 {
	width: 36px;
	height: 143px;
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#navi-2 li { float: left; }

#navi-2 li a {
	width: 36px;
	height: 143px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#navi-2-1 a:hover,
#stay #navi-2-1 { background: url(../common/gn.jpg) no-repeat -1px -143px; }

#navi-2-2 a:hover,
#blog #navi-2-2 { background: url(../common/gn.jpg) no-repeat -36px -143px; }

#navi-2-3 a:hover,
#voice #navi-2-3 { background: url(../common/gn.jpg) no-repeat -72px -143px; }

#navi-2-4 a:hover,
#faq #navi-2-4 { background: url(../common/gn.jpg) no-repeat -108px -143px; }

#sf-menu { display: none; }
}

@media (max-width: 768px) {

#header {
	height: 59px;
	padding-top: 3px;
}

#header-logo {
	width: 150px;
	height: 56px;
	float: left;
}

#header-logo a {
	width: 150px;
	height: 56px;
	background: url(../common/logo_s.png) no-repeat 0 2px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}

#sf-menu {
	position: absolute;
	top: 8px;
	right: 0px;
	width: 110px;
	height: 44px;
	background: url(../common/sf_menu.png) no-repeat center center;
}

#sf-menu a {
	width: 100%;
	height: 100%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}

#sf-menu.active { background: url(../common/sf_menu_on.png) no-repeat center center; }

#header-menu {
	display: none;
	position: relative;
	clear: both;
	width: 100%;
	overflow: hidden;
	background: url(../common/footer_base.jpg) repeat #000;
	z-index: 100;
}

#header-inquiry {
	clear: both;
	width: 100%;
}

#header-inquiry ul {
	width: 100%;
	display: table;
	table-layout: fixed;
	list-style: none;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

#header-inquiry ul li {
	display: table-cell;
	height: 50px;
	margin: 0;
	padding: 0 0 0 0;
	border: 1px solid #444;
	text-align: center;
	vertical-align: middle;
}

#header-inquiry ul li a {
	display: block;
	line-height: 50px;
	text-indent: 0;
	text-align: center;
	color: #fff;
	background: none;
	text-decoration: none;
}

#header-inquiry ul li a span { display: none; }

#header-navi { clear: both; }

#header-navi ul {
	list-style: none;
	padding-top: 10px;
}

#header-navi ul li { }

#header-navi ul li a {
	line-height: 50px;
	color: #fff;
	text-decoration: none;
}

ul#navi-1 {
	clear: both;
	width: 100%;
	padding: 10px 0 0 0;
	margin: 0;
}

ul#navi-1 li {
	text-align: center;
	float: left;
	margin: 0;
	padding: 0;
	width: 50%;
	height: 50px;
	border: 1px solid #333;
	border-collapse: collapse;
}

ul#navi-1 li a { display: block; }

ul#navi-2 {
	width: 100%;
	padding: 0;
	margin: 0;
}

ul#navi-2 li {
	float: left;
	width: 50%;
	height: 50px;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 1px solid #333;
	border-collapse: collapse;
}

ul#navi-2 li a { display: block; }
}

/* -------------------------------------------------------------------------- 
 *	=6.メインコンテンツ
 * -------------------------------------------------------------------------- */
/* ページタイトル */


#page-title,
.title { font-family: 'PT Serif', "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Times New Roman", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }

#page-title {
	width: 100%;
	height: 142px;
	padding: 34px 0 0px;
	text-align: center;
	background: url(../common/page_title_base.jpg) repeat;
}

p.title {
	font-size: 2.0em;
	margin-bottom: 0;
}

p.subtitle {
	font-size: 1.3em;
	color: #963901;
}
@media (max-width: 600px) {
	#page-title,
.title { font-family: 'PT Serif', "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Times New Roman", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }

#page-title {
	width: 100%;
	height: 65px;
	padding: 10px 0 0px;
	text-align: center;
	background: url(../common/page_title_base.jpg) repeat;
}
  p.title {
	font-size: 1.4em;
	margin-bottom: 0;
}

p.subtitle {
	font-size: 0.9em;
	color: #963901;
}
}
/* パンくずナビ */
p#topicpath {
	margin: 0;
	padding: 15px 0 25px;
}
@media (max-width: 600px) {
p#topicpath {
	font-size:0.8em;}
	
}
/* カテゴリーナビ */
ul.category-navi {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
	width: 100%;
	display: table;
	table-layout: fixed;
	border-collapse: collapse;
}

ul.category-navi li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #C5C0AC;
}

.category-navi li a {
	display: block;
	height: 100%;
	padding: 10px 0;
	background-color: #efede8;
	color: #333;
	text-decoration: none;
}
span.navi-on{display:block;padding:10px 0;}
.category-navi li a.on,
.category-navi li a:hover,
span.navi-on{
	background-color: #e2d8cf;
	border-color: #A49075;
}

/* ページ内ナビゲーション */
ul.page-navi {
	list-style: none;
	margin: 0;
	padding: 10px 0 20px 0;
}

ul.page-navi li {
	margin: 0 20px 10px 0;
	padding: 0 0 8px 0;
	display: inline-block;
	zoom: 1;}
ul.page-navi li a {padding:5px;}

@media (max-width: 768px) {
	ul.page-navi  {border-top:1px solid #444;border-left:1px solid #444;padding:0;}
	ul.page-navi li {
	margin: 0 ;
	padding: 0;
	display: block;
	zoom: 1;
		border-right:1px solid #444;
		border-bottom:1px solid #444;
		text-align: center;
}
	ul.page-navi li span { display:none;}
	ul.page-navi li a {display: block;padding:10px;}
}

/* h1 */
h1,
h2,
h3,
h4,
p.lead,
#menu-title,
#side-reserve-title,
.reserve-plan,
.reserve-calendar,
.reserve-submit input { font-family: 'PT Serif', "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Times New Roman", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }

h1 {
	margin: 0 0 20px 0;
	padding: 22px 0 22px 0;
	font-size: 2em;
	color: #000;
	font-weight: 400;
	background-image: url(../common/h1_base_top.jpg), url(../common/h1_base_bottom.jpg);
	background-position: top, bottom;
	background-repeat: repeat-x, repeat-x;
	background-size: 100%;
}

p.lead {
	margin: 0px 0 25px;
	padding: 0px 0 0 0;
	color: #000;
	font-size: 2.0em;
}

h2 {
	font-size: 1.8em;
	font-weight: bold;
	margin: 20px 0 25px;
	padding: 10px 0 10px;
	background-image: url(../common/h1_base_bottom.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	background-size: 100%;
}

h3 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 20px 0 10px;
	padding: 10px 0 5px;
	color:#000;
}

h4 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 20px 0 25px;
	color:#000;
}
p.lead {letter-spacing: .1em;margin-top:0.5em;}
p {margin-bottom:2em;line-height: 1.6;}
@media (max-width: 600px) {
	h1 {font-size:1.5em;}	
	h2 {font-size:1.3em;margin-bottom:5px;}	
	h3 {font-size:1.1em;margin-bottom:5px;}	
	h4 {font-size:1.1em;margin-bottom:5px;}	
	p.lead {
	margin: 10px 0 15px;
	padding: 5px 0 0 0;
	color: #000;
	font-size: 1.3em;
	font-weight: bold;
}
}
.square_btn{
    display: inline-block;
    padding: 12px 20px;
	border-radius: 5px;
    text-decoration: none;
    color: #000;
    transition: .2s;
	font-size:1.1em;
	background: #faf9f5;
	border:1px solid #999;
}

.square_btn:hover {
    background-image: #efe9e2 ;
}
.square_btn i {font-size:0.8em;margin-right:0.5em;}
/* -------------------------------------------------------------------------- 
 *	=7.サイドメニュー
 * -------------------------------------------------------------------------- */
#menu-title {
	background: url(../common/footer_base.jpg) repeat #333;
	padding: 13px;
	border: 1px solid #696868;
	border-bottom: none;
	font-size: 1.2em;
	font-weight: 500;
	color: #eee;
}

@media (max-width: 600px) {
	#menu-title {margin-top:6em;}

}

#menu-title span {
	display: block;
	font-size: 0.7em;
}

ul#side-menu {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
	border-right: 1px solid #b9b9b9;
	border-left: 1px solid #b9b9b9;
}

ul#side-menu li { border-bottom: 1px dotted #a4a4a4; }

ul#side-menu li:last-child { border-bottom: 1px solid #a4a4a4; }

#side-menu a {
	display: block;
	background: url(../common/side_menu_base.png) no-repeat 10px center;
	padding: 10px 5px 9px 20px;
	text-decoration:none;
}

#side-reserve {
	background: url(../common/side_reserve_base.png) no-repeat 55% 60% #ffffff;
	border: 1px solid #dddddd;
	padding-bottom:10px;
}

#side-reserve-title {
	text-align: center;
	padding: 10px 0 10px;
	font-size: 1.3em;
	color:#000;
	font-weight: bold;
}

#side-reserve-title span {
	display: block;
	font-size: 0.7em;
	font-weight: normal;
}

.side-reserve-box {
	text-align: center;
	padding: 5px 2px 0;
	margin-bottom:10px;
}
.reserve-submit {margin-bottom:0;}
.reserve-submit input {
	margin: 10px 4% 10px 5%;
	border: 1px solid #980000;
	background-color: #cc0000;
	padding: 5px;
	color: #ffffff;
	width: 90%;
	font-weight:500;
}
.reserve-submit input:hover {opacity: 0.7;}

.reserve-plan,
.reserve-calendar {
	background: linear-gradient(#ededed, #f9f9f9);
	width: 90%;
	margin:0 4% 5px 5% !important;
	border: 1px solid #b7b7b7;
	text-align: center;
	padding:0;
}
.reserve-plan a,
.reserve-calendar a {
	display:block;
	color: #000;
	padding: 5px;
	font-weight:500;
	text-decoration:none;
} 
.reserve-plan a:hover,
.reserve-calendar a:hover {opacity: 0.7; }

/* -------------------------------------------------------------------------- 
 *	=8.フッターリンク
 * -------------------------------------------------------------------------- */
#pageTop a:hover {
	text-decoration: none;
	opacity: 0.7;
}

#pageTop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 999;
}

#pageTop a {
	display: block;
	padding: 16px 0 0 0px;
	margin: 0 0 0 auto;
	border-radius: 50px;
	width: 50px;
	height: 50px;
	background-color: #a36811;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

/* -------------------------------------------------------------------------- 
 *	=9.フッター
 * -------------------------------------------------------------------------- */
#footer {
	font-size: 0.9em;
	width: 100%;
	margin-top: 50px;
	padding-top: 20px;
	padding-bottom: 40px;
	background: url(../common/footer_base.jpg) repeat;
	color: #cccccc;
}

#footer-inner { max-width: 970px; }

#footer-title { font-size: 1.4em;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho"; }

#footer-subtitle {
	font-size: 0.9em;
	margin-bottom: 20px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho";
}

#footer-address { }

#footer-address dl { line-height: 1.7; }

#footer-address dt {
	width: 5em;
	margin: 0 0 0 0;
	padding: 0;
  border:none;
}

#footer-address dd {
	margin: -1.5em 0 0 5em;
	padding: 0 0 0.5em 0;
}

#footer ul {
	list-style: none;
	margin: 0;
	padding: 0 0 25px 0;
}

#footer ul a {
	display: block;
	padding: 3px;
	color: #eee;
}
#footer-group-title {padding:60px 0 30px;text-align:center;}
#footer-group-banner {text-align:center;}
#footer-group-banner img {margin-bottom:5px;}

@media (max-width: 600px) {

#footer-group-title {padding:20px 0 10px;text-align:center;}
#footer { font-size: 0.8em; }

#footer ul a { padding: 8px 3px; }
}

/* -------------------------------------------------------------------------- 
 *	=10.
 * -------------------------------------------------------------------------- */