@charset "utf-8"; /* 〠 */

/*----------------------------------------------*/
/* common CSS [PC]
/*----------------------------------------------*/

/*######## General ########*/

/*---- Clear fix ----*/
.clearfix, ul.navi:after {
	content: "";
	display: block;
	clear: both;
}

/*---- hover img ----*/
a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


/*######## Background & Wrapper ########*/

body, table, input, h1, h2, h3, h4, h5, h6 {
	font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS P Gothic","ＭＳ Ｐゴシック",sans-serif;  /* for WindowsXP(標準:MSPゴ)/Vista(標準:メイリオ)/7(標準:MSPゴ)="ＭＳ Ｐゴシック"、Mac="ヒラギノ角ゴ Pro W3" */
x	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Yu Gothic",YuGothic,Arial,Meiryo;
		
	color: #7C7C7C;
x	color: #222222;
x	font-size: 13px;
	font-size: 14px;
	font-weight: normal;
	line-height: 170%;
	
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-text-size-adjust: 100%;
}

body {
	background-color: #FFFFFF;
}

#wrapper {
	width: 100%;
x	min-width: 1000px;  /* for min browser size */
	min-width: 1199px;  /* for tablet css */
	background-color: #FFFFFF;
}


/*######## Common ########*/

/*---- Color ----*/
.fred { color: #FF6633; }

/*---- Page top button ----*/
.pagetop-btn {
	width: 70px;
	height: 70px;
	
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}

/*---- Common pager ----*/
.common-pager {
}

.common-pager .pagerbox {
	display: table;
}

.common-pager .pager-textbox {
	display: table-cell;
	padding-top: 5px;
	padding-right: 20px;
	
	font-weight: bold;
	white-space: nowrap;
	vertical-align: top;
x	background-color: #00FF00;
}

.common-pager .pager-text-total {
}

.common-pager .pager-linkbox {
	display: table-cell;
}

.common-pager .pager-link {
	overflow: hidden;  /* preventing height 0 when float */
x	background-color: #0000FF;
}

.common-pager .pager-link li {
	float: left;
	width:       25px;
	height:      25px;
	line-height: 25px;
	margin-left: 5px;
	margin-bottom: 10px;
	border: 1px solid #999999;
	text-align: center;
}

.common-pager .pager-link li a {
	display: block;
	height:      25px;
	line-height: 25px;
	text-decoration: none;
}

.common-pager .pager-link li a:hover {
	color: #FFFFFF;
	background-color: #BB9763;
}

.common-pager .pager-link .pager-link-wide {
	width: 30px;
}

.common-pager .pager-link .pager-link-dot {
	border: none;
	width: 30px;
	border: 1px solid #FFFFFF;
}

.common-pager .pager-link .pager-link-cur {
	color: #FFFFFF;
	background-color: #BB9763;
}


/*######## Header ########*/

#headerfield {
	width: 100%;
}

#headerbody {
	width: 100%;
	background-color: #f8f5f5;
}

#header-logoframe {
	overflow: hidden;  /* preventing height 0 when float */
	width: 100%;
	max-width: 1200px;
	margin: 0px auto 5px;
	padding-top: 10px;
}

#header-logobox {
	float: left;
x	width: 25%;
	width: 17%;
x	background-color: #FF0000;
}

#header-logobox img {
	margin-left: 10px;
	max-width: 100%;
}

#header-contactbox {
	overflow: hidden;  /* preventing height 0 when float */
	float: right;
	width: 83%;
	padding-top: 25px;
x	background-color: #FF0000;
}

#header-contactbox ul {
	margin-right: 10px;
	text-align: right;
}

#header-contactbox ul li {
	display: inline-block;
x	margin-right: 20px;
	margin-right: 10px;
x	background-color: #00FF00;
}

#header-contactbox ul li:last-child {
	margin-right: 0px;
}

#header-contactbox ul li a {
	font-size: 13px;
	color: #a19065;
	text-decoration: none;
}

#header-contactbox ul li a:hover {
	color: #050505;
}

.header-reserve {
	display: block;
	border: 1px solid #e5dbc1;
x	background-color: #0000FF;
}

.header-reserve a {
	display: block;
	padding: 0px 20px;
x	color: #FFFFFF !important;
}

/*---- Global navigation ----*/
#header-gnavi {
	width: 100%;
	max-width: 1200px;
	height: 50px;
	margin: 0px auto;
x	border-bottom: 1px solid #DEDEDE;
}

#header-pcmenu {
}

#header-pcmenu li {
}

#header-pcmenu > li {
	float: left;
	position: relative;
	width: 11.11%;  /* = 100% / 9 */
x	width: 12.5%;  /* = 100% / 8 */
x	width: 14.2%;  /* = 100% / 7 */
	height:      50px;
	line-height: 50px;
	color: #7C7C7C;
	text-align: center;
	cursor: pointer;
}

#header-pcmenu > li:hover,
#header-pcmenu > li.current {
	background-image: url(../img/common/gnavi_linkbar_over.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#header-pcmenu > li > a {
	display: block;
	height:      40px;
	line-height: 40px;
	font-size: 13px;
	color: #7C7C7C;
	text-align: center;
	text-decoration: none;
}

#header-pcmenu .header-pcmenu-subframe {
	display: none;
	position: relative;
	z-index: 10000;  /* スライドやカルーセルの上に表示させる */
	
x	width: 400%;  /* 本来の大きさより広げる */
	border-left: 1px solid #DED4BD;  /* この要素で全体を囲ってもNG */
}

#header-pcmenu ul {
	display: table-cell;
x	padding-right: 10px;
	background-color: #FFFFFF;
	border-top: 1px solid #DED4BD;
	border-bottom: 1px solid #DED4BD;
}

#header-pcmenu ul:last-child {
	border-right: 1px solid #DED4BD;
}

#header-pcmenu ul > li {
	height:      26px;
	line-height: 26px;
	height:      36px;
	line-height: 36px;
	
	height:      30px;
	line-height: 30px;
}

#header-pcmenu ul > li > a {
	display: block;
	height:      26px;
	line-height: 26px;
	height:      36px;
	line-height: 36px;
	padding: 0px 25px 0px 10px;
	
	white-space: nowrap;
	color: #7C7C7C;
	font-size: 13px;
	text-align: left;
	text-decoration: none;
	
X	background-image: url(../img/common/gnavi_link_arrow.png);
X	background-repeat: no-repeat;
X	background-position: right;
}

#header-pcmenu ul > li > a:hover {
	background-color: #F3F0E8;
}


/*######## Contents ########*/

/*---- Contents field ----*/
#contentsfield {
	width: 100%;
}

/*---- Contents body ----*/
.contentsbody {
	overflow: hidden;  /* preventing height 0 when float */
	margin: 0px auto;
	margin: 0px 0px 20px;
}


/*---- Bread crumb ----*/
#breadcrumb {
	width: 1200px;
	margin: 10px auto 20px;
	padding: 0px 20px;
}

#breadcrumb li {
	display: inline;
	font-size: 11px;
	color: #999999;
}

#breadcrumb li:before {
	content: " > ";
}

#breadcrumb li:first-child:before {
	content: none;
}

/*---- Contents box  ----*/
.contentsbox {
	margin-bottom: 50px;
}

.contentsbox-inner {
	max-width: 1200px;
	margin: 0px auto;
	padding: 0px 20px;
}

.contentsbox-narrow {
	width: 800px;
	margin: 0px auto;
}

.contentsbox-full-gray {
	padding-bottom: 100px;
	background-color: #F7F7F7;
}

.contentsbox-full-white {
	margin: 0px auto;
	background-color: #FFFFFF;
}

/*---- Title ----*/
.titlebox {
	margin-bottom: 15px;
	text-align: center;
}

.title-base {
	font-size: 26px;
	color: #000;
}

/*---- Leadcopy ----*/
.leadcopy {
	width: 85%;
	margin: 0px auto 20px;
	text-align: left;
}

/*---- Tablecommon ----*/
.tablecommon {
	display: table;
	width : 100%;
	margin-bottom: 15px;
}

.tablecommon-row {
	display: table-row;
}

.tablecommon .tablecommon-title {
	display: table-cell;
	width : 150px;
	padding: 10px 0px;
	vertical-align: top;
	border-bottom: 1px solid #D9D9D9;
}

.tablecommon .tablecommon-data {
	display: table-cell;
	padding: 10px 0px;
	vertical-align: top;
	border-bottom: 1px solid #D9D9D9;
}


/*######## Footer ########*/

#footerfield {
	width: 100%;
}

/*---- Footer buttonbox ----*/
#footer-buttonbox {
	width: 640px;
	margin: 0px auto 60px;
}

#footer-buttonbox ul {
	overflow: hidden;  /* preventing height 0 when float */
}

#footer-buttonbox ul li {
	float: left;
	width: 300px;
	margin: 0px 10px;
}

#footer-buttonbox ul li a {
	display: block;
	padding: 10px 0px;
	margin: 0px auto 10px;
	overflow: hidden;
	
	color: #FFFFFF;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	
	background-color: #a19065;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#footer-buttonbox ul li a:hover {
	background-color: #B7AC76;
}

#footerbody {
	background-color: #bfb381;
}

/*---- Footer body ----*/
.footer-bnrbox {
	width: 800px;
	margin: 0px auto 80px;
}

.footer-linkframe {
	overflow: hidden;  /* preventing height 0 when float */
	width: 100%;
	max-width: 1000px;
	margin: 0px auto;
}

.footer-linkframe a {
	color: #FFFFFF;
	text-decoration: none;
}

.footer-linkframe a:hover {
	text-decoration: underline;
}

.footer-linkbox {
	float: left;
	width: 32%;
	margin-left: 1%;
}

.footer-link-title {
	margin-top: 20px;
	font-size: 12px;
	color: #FFFFFF;
}

.footer-link-title a {
	text-decoration: none;
}

.footer-linkbox ul {
	margin-left: 20px;
	margin-bottom: 20px;
}

.footer-linkbox li {
	font-size: 12px;
	color: #FFFFFF;
}

.footer-bnr {
	overflow: hidden;  /* preventing height 0 when float */
	width: 1008px;
	margin: 0px auto 20px;
	padding-top: 30px;
}

.footer-bnr ul li {
	float: left;
	width: 15.67%;
	margin: 0px 5px;
}

.footer-bnr ul li img {
	max-width: 100%;
}

#footer-displaychange {
	padding-top: 10px;
	text-align: center;
	font-size: 13px;
	color: #FFFFFF;
	border-top: 1px solid #af9973;
}

#footer-displaychange a {
	color: #FFFFFF;
}

#footer-copyright {
	padding: 10px 0px 10px;
	text-align: center;
	font-size: 13px;
	color: #FFFFFF;
}


/*######## 標準文字入力フォーム<input>,<textarea>,タグ ########*/
input[type="text"], input[type="password"], input[type="email"], textarea {
	margin-bottom: 5px;
	padding: 8px 5px;
	border: 1px solid #999999;
	
	font-size: 14px;
	line-height: 100%;
	color: #333333;
	letter-spacing: 1px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/*---- プレースフォルダー ----*/
input:-ms-input-placeholder, textarea:-ms-input-placeholder {  /* IE10+ */
	color: #BBBBBB;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {  /* WebKit(Safari,Chrome,Opera15+) */
	color: #BBBBBB;

}
input::-moz-placeholder, textarea::-moz-placeholder {  /* Firefox 19+ */
	color: #BBBBBB;
}


/*######## 標準実行ボタン<input>タグ ########*/
input[type="submit"], input[type="button"] {
	-webkit-appearance: none;    /* for stop iOS gradation */
}


/*######## 標準選択フォーム<input type="radio">,<input type="checkbox">,<label>タグ ########*/

/*---- フォーム要素本体 ----*/
input[type="radio"], input[type="checkbox"] {
	width: auto;
	margin: 0px 3px 0px 6px;
	padding: 0px;
	
	font-size: 18px;
}

/*---- フォーム選択肢(radio&checkbox) ----*/
.formchoice {
	padding-top: 5px;
}

/*---- フォーム用<label>タグ ----*/
label {
	font-size: 14px;
}


/*######## 標準<select>タグ ########*/
select {
	height: 28px;
	margin: 0px;
	padding-left: 3px;
	
	font-size: 14px;
	color: #333333;
}


/*######## 標準ボタンフォーム<input type="submit">,<input type="button">タグ ########*/
input[type="submit"], input[type="button"] {
	cursor: pointer;
}


/*######## フォーム関連 ########*/

/*---- フォームリード ----*/
.form-leadbox {
	margin-bottom: 20px;
	padding: 0px 5%;
	text-align: center;
}

/*---- フォームテーブル ----*/
.formtable {
	display: table;
	width : 100%;
}

.formtable-row {
	display: table-row;
}

.formtable .formtable-title {
	display: table-cell;
	width : 250px;
	padding: 10px 20px 20px 0px;
	vertical-align: top;
}

.formtable .formtable-title-text {
	display: inline-block;
	padding-top: 3px;
	font-weight: bold;
}

.formtable .formtable-title-must {
	display: inline-block;
	padding: 3px;
	float: right;
	color: #FFFFFF;
	background-color: #A6927C;
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.title-must {
	padding: 3px;
	display: inline-block;
	color: #FFFFFF;
	background-color: #A6927C;
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.formtable .formtable-title-option {
	padding: 3px;
	display: inline-block;
	float: right;
	color: #FFFFFF;
	background-color: #B0AEAE;
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.formtable .formtable-data {
	display: table-cell;
	padding: 10px 0px 20px 0px;
	vertical-align: top;
}

.formtable .formtable-data .formchoice span {
	margin-bottom: 10px;
}

.formtable .formtable-data .formchoice.vertical-item span {
	display: block;
}

.formtable .formtable-data label {
}

.formtable-check {
}

/*---- フォームアイテム ----*/
.formitem-texthalf {
	width : 50%;
	min-width: 300px;
}

.formitem-textfull {
	width : 95%;
x	max-width: 600px;
}

/*---- フォーム実行ボタン ----*/
.btn-formsubmit {
	margin: 0px auto;
	text-align: center;
}

.btn-formsubmit input {
	min-width: 200px;
	height: 46px;
	line-height: 46px;
	padding: 2px 20px 0px 20px;
	
	font-size: 16px;
	color: #FFFFFF;
	
	border:1px solid #806938;
	background-color: #b29556; background-image: -webkit-gradient(linear, left top, left bottom, from(#b29556), to(#9f7932));
	background-image: -webkit-linear-gradient(top, #b29556, #9f7932);
	background-image: -moz-linear-gradient(top, #b29556, #9f7932);
	background-image: -ms-linear-gradient(top, #b29556, #9f7932);
	background-image: -o-linear-gradient(top, #b29556, #9f7932);
	background-image: linear-gradient(to bottom, #b29556, #9f7932);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#938e6b, endColorstr=#6f6947);
 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	border: currentColor;
}

.btn-formsubmit input:hover,
.btn-formsubmit input:focus,
.btn-formsubmit input:active {
	
	border:1px solid #634c24;
	background-color: #9a7839; background-image: -webkit-gradient(linear, left top, left bottom, from(#9a7839), to(#885e22));
	background-image: -webkit-linear-gradient(top, #9a7839, #885e22);
	background-image: -moz-linear-gradient(top, #9a7839, #885e22);
	background-image: -ms-linear-gradient(top, #9a7839, #885e22);
	background-image: -o-linear-gradient(top, #9a7839, #885e22);
	background-image: linear-gradient(to bottom, #9a7839, #885e22);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#9a7839, endColorstr=#885e22);
}

.btn-formsubmit .btn-formsubmit-back {
	color: #333333;
	
x	background-color: #999999;
	
	border:1px solid #CACACA;
	background-color: #E6E6E6; background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#CCCCCC));
	background-image: -webkit-linear-gradient(top, #E6E6E6, #CCCCCC);
	background-image: -moz-linear-gradient(top, #E6E6E6, #CCCCCC);
	background-image: -ms-linear-gradient(top, #E6E6E6, #CCCCCC);
	background-image: -o-linear-gradient(top, #E6E6E6, #CCCCCC);
	background-image: linear-gradient(to bottom, #E6E6E6, #CCCCCC);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E6E6E6, endColorstr=#CCCCCC);
}

.btn-formsubmit .btn-formsubmit-back:hover,
.btn-formsubmit .btn-formsubmit-back:focus,
.btn-formsubmit .btn-formsubmit-back:active {
x	background-color: #AAAAAA;
	
	border:1px solid #B3B3B3;
	background-color: #cdcdcd; background-image: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd), to(#b3b3b3));
	background-image: -webkit-linear-gradient(top, #cdcdcd, #b3b3b3);
	background-image: -moz-linear-gradient(top, #cdcdcd, #b3b3b3);
	background-image: -ms-linear-gradient(top, #cdcdcd, #b3b3b3);
	background-image: -o-linear-gradient(top, #cdcdcd, #b3b3b3);
	background-image: linear-gradient(to bottom, #cdcdcd, #b3b3b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cdcdcd, endColorstr=#b3b3b3);
}

.btn-formsubmit-between {
	display: inline-block;
	width: 20px;
}

/*---- フォームエラー ----*/
.formerrmainbox {
	max-width : 400px;  /* for mbfavmls add balloon */
	margin: 0px auto;
	padding-bottom: 30px;
	
	line-height: 130%;
	
	color: #FF6633;
}

.formerrmainbox .formerrmain-header {
	font-weight: bold;
	margin-bottom: 10px;
}

.formerrmainbox .formerrmain-footer {
	margin-top: 10px;
}

.formerrtext {
	color: #FF6633;
}

.formerritem {
	border: 3px solid #FF6633 !important;
	  /* !importantがないと<input type="text">等に効かない */
}

/*---- フォーム完了 ----*/
.form-donebox {
x	max-width: 700px;
	margin: 10px auto 30px;
	text-align: center;
}

.form-donebox-link {
	margin-top: 20px;
}


/*######## GALLERY ########*/

.gallerybox {
	overflow: hidden;  /* preventing height 0 when float */
	width: 100%;
	margin-bottom: 10px;
}

.gallerybox ul {
}

.gallerybox ul li {
	float: left;
x	width: 230px;
	width: 19%;
x	margin: 0px 5px 10px 5px;
	margin: 0px 0.5% 30px 0.5%;
x	background-color: #A5854A;
}

.gallerybox ul li img {
x	width: 230px;
x	height: 153px;
	max-width: 100%;
}

.gallery-link {
	text-align: right;
}

.gallery-come-other {
	margin-bottom: 10px;
}

/*######## SUBNAVI ########*/
.subnavi {
	max-width: 1000px;
	margin: 0px auto;
}

.subnavi ul {
	overflow: hidden;  /* preventing height 0 when float */
}

.subnavi ul li a {
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 5px;
	border: 1px solid #A5854A;
	text-decoration: none;
}

.subnavi ul li.current {
	background-color: #A5854A;
}

.subnavi ul li.current a {
	color: #FFFFFF;
	background-color: #A5854A;
}

/*######## businessday ########*/
.businessday {
	max-width: 350px;
	margin: 0px auto 50px;
	padding: 20px;
	text-align: center;
	border: 1px solid #DEDEDE;
}

.businessday-title {
	margin-bottom: 10px;
	color: #9a7413;
	font-weight: bold;
}

/*######## BBQ ########*/
.option-bnr {
	max-width: 750px;
	margin: 0px auto 50px;
}

.option-bnr img {
	width: 100%;
}