@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');
@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');

.nsans {
	font-family: 'Noto Sans', serif;
}
.nsansj {
	font-family:"Noto Sans Japanese", sans-serif;
}
.nserif {
	font-family: 'Noto Serif', serif;
}
.hannari {
	font-family: 'Hannari';
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
button,
p {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
	/*font-family:"游ゴシック",YuGothic,Hiragino Sans,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
	/*font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;*/
	/*	font-family: 'Yu Gothic UI','ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;*/
	line-height: 160%;
	color:#725a34;
	word-wrap: break-word;
	overflow-wrap: break-word;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: 400;
}
@media all and (-ms-high-contrast:none) {
	body,
	div,
	dl,
	dt,
	dd,
	ul,
	ol,
	li,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	form,
	input,
	button,
	p {
		font-family:"Noto Sans Japanese", 'Noto Sans', sans-serif;
	}
}
/*フォント系*/
[data-element-id] h1 {
	position: initial;
	text-indent: initial;
}

h1 {
	width: 100%;
	position: absolute;
	bottom: 200%;
	font-size: 12px;
	font-weight: normal;
}

h2 {
	font-size: 40px;
	font-weight: bold;
}

h3 {
	display:block;
	position: relative;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 30px;
	color: #775e37;
	text-align: left;
}
h3.under {
	display:inline-block;
	border-bottom: solid 3px;
}
h3.under:first-letter {
	color: #fc3900;
	font-size: 120%;
}
h4 {
	font-size: 24px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
	color: #775e37;
	margin-bottom: 20px;
	font-weight: 600;
	text-align: left;
}

h5 {
	font-size: 18px;
	font-weight: bold;
}
.fs120 {
	font-size: 120%;
}
.fs12 {
	font-size: 12px;
}

.fs14 {
	font-size: 14px;
}

.fs16 {
	font-size: 16px;
}

.fs18 {
	font-size: 18px;
}

.fs20 {
	font-size: 20px;
}

.fs22 {
	font-size: 22px;
}

.fs24 {
	font-size: 24px;
}

.fs26 {
	font-size: 26px;
}

.fs28 {
	font-size: 28px;
}

.fs30 {
	font-size: 30px;
}

.fs32 {
	font-size: 32px;
}

.fs34 {
	font-size: 34px;
}

.fs36 {
	font-size: 36px;
}

.fs38 {
	font-size: 38px;
}

.fs40 {
	font-size: 40px;
}

.fs42 {
	font-size: 42px;
}

.fs44 {
	font-size: 44px;
}

.fs46 {
	font-size: 46px;
}

.bold {
	font-weight: bold;
}

.red {
	color: red;
}

.blue {
	color: blue;
}

.white {
	color: #fff;
}
.orange {
	color: #fc3900;
}
.border {
	-webkit-text-decoration: underline #4b3b2d;
	text-decoration: underline #4b3b2d;
}
/*クリアフィックス*/

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix:before {
	display: block;
	content: "";
	clear: both;
}

.clearfix {
	display: block;
}

.clear {
	clear: both;
}
.map {
	position: relative;
	overflow: hidden;
}
.map:after {
	display: block;
	content: "";
	padding-top: 35%;
}
.map iframe {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: initial;
	width: 100%;
	height: 100%;
}
iframe {
	max-width: 100%;
}

img {
	vertical-align: top;
	border: none;
	max-width: 100% !important;
	height: auto !important;
}

img:not([src*="."]) {
	display: none;
}

.scale {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.scale:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
[data-element-id] .filter:before,
[data-element-id] .filterT:before,
[data-element-id] .filterR:before,
[data-element-id] .filterB:before,
[data-element-id] .filterL:before,
[data-element-id] .filterRad:before{
	display: none;
}
.filter,
.filterT,
.filterR,
.filterB,
.filterL,
.filterRad{
	position: relative;
}
.filter:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background: rgba(255, 255, 255, 0.6);
}

.filterT:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 1)), color-stop(50%, rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
	background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
}

.filterR:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 1)), color-stop(50%, rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
	background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
}

.filterB:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), color-stop(50%, rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
}

.filterL:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 1)), color-stop(50%, rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
	background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
}
.filterRad:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background: -webkit-radial-gradient(center, ellipse, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 80%);
	background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 80%);
}
.lb-outerContainer {
	width: 80% !important;
	max-width: 400px !important;
	height: auto !important;
}

.lightbox .lb-image {
	width: 100% !important;
	height: auto !important;
	border: none !important;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: initial !important;
}

.pic {
	text-align: center;
	width: 100%;
}

.pic img {
	width: 100%;
}

.rp .pic {
	width: 35%;
}

.rp .tbox {
	width: 60%;
}

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

.bkimg img {
	width: 100%;
	min-width: 1200px;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

a {
	text-decoration: none;
	color: #775e37;
}

a:hover {
	opacity: 0.6;
	color: inherit;
	text-decoration: none;
}

a[href*="tel"] {
	pointer-events: none;
}

a[data-href="#"] {
	border: solid red 5px;
	display: block;
	position: relative !important;
	opacity: 1;
}

a[data-href*="."] {
	border: solid red 5px;
	display: block;
	position: relative !important;
	opacity: 1;
}

a[data-href="#"]:hover:before {
	content: "リンクが設定されていない可能性があります。";
	position: absolute !important;
	width: 100%;
	min-width: 200px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	bottom: 100%;
	color: red;
	font-weight: bold;
	background: #555;
	padding: 5px;
	font-size: 12px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

a[data-href*="."]:hover:before {
	content: "外部リンクの可能性があります。リンクが飛ばない可能性がありますので注意してください。";
	position: absolute !important;
	width: 100%;
	min-width: 200px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	bottom: 100%;
	color: red;
	font-weight: bold;
	background: #555;
	padding: 5px;
	font-size: 12px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.tel a[data-href]:hover:before {
	content: "電話番号のリンクは自動的に設定されるので、リンク設定不要です。";
	position: absolute !important;
	width: 100%;
	min-width: 200px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	bottom: 100%;
	color: red;
	font-weight: bold;
	background: #555;
	padding: 5px;
	font-size: 12px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

[data-element-id][data-uk-slideshow]:hover:before {
	content: "※こちらは見たまま編集ができません。①画像をダブルクリック、②変更（歯車マーク）、③スライドショーから編集してください。";
	display: block;
	line-height: 1.8;
	font-weight: bold;
	color: red;
	clear: both;
	background: #4c4c4c;
	padding: 5px;
	text-align: left;
	position: absolute;
	letter-spacing: 1px;
	z-index: 1000;
	font-size: 12px;
	width: 100%;
}

[data-collection-list-content]:hover:before {
	content: "※こちらは見たまま編集ができません。①ページのどこかをダブルクリック、②左下（もしくは左上）のCMSロゴをクリック、③画面右上のメニュー（三本線マーク）から「カスタムコンテンツ管理」をクリック、④編集したいカスタムコンテンツの一覧（三本線マーク）から記事投稿・記事編集ができます。";
	display: block;
	line-height: 1.8;
	font-weight: bold;
	color: red;
	clear: both;
	background: #4c4c4c;
	padding: 5px;
	text-align: left;
	position: absolute;
	letter-spacing: 1px;
	z-index: 1000;
	font-size: 12px;
	width: 100%;
}

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

dl,
dt,
dd {
	text-align: left;
	padding: 0;
	margin: 0;
}

p {
	text-align: left;
}
/*トランスフォーム*/

.tfmp {
	position: relative;
}

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

.tfmy {
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.tfmxy {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

/*トリミング*/

.js-trimming {
	width: 100%;
	position: relative;
	display: block;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.js-trimming:after {
	display: block;
	content: "";
	padding-top: 100%;
}

/*フレックス*/

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flexc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: justify;
	-webkit-justify-content: center;
	justify-content: center;
}

.flexs {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.flexb {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.columnreverse {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

.rowreverse {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

/*align-item*/

.itemstart {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.itemcenter {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.itemend {
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}

/*align-content*/

.contentstart {
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
}

.contentcenter {
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
}

.contentend {
	-webkit-align-content: flex-end;
	-ms-flex-line-pack: end;
	align-content: flex-end;
}

/*align-self*/

.selfstart {
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
}

.selfcenter {
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
}

.selfend {
	-webkit-align-self: flex-end;
	-ms-flex-item-align: end;
	align-self: flex-end;
}

.flex > div[data-collection-list-content],
.flexc > div[data-collection-list-content],
.flexs > div[data-collection-list-content],
.flexb > div[data-collection-list-content]{
	width: 100%;
}

.flex > div[data-recommend-collection-list-content],
.flexc > div[data-recommend-collection-list-content],
.flexs > div[data-recommend-collection-list-content],
.flexb > div[data-recommend-collection-list-content]{
	width: 100%;
}

.flex > div[data-collection-list-content] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flexc > div[data-collection-list-content] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: justify;
	-webkit-justify-content: center;
	justify-content: center;
}

.flexs > div[data-collection-list-content] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.flexb > div[data-collection-list-content] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.flex > div[data-recommend-collection-list-content] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flexc > div[data-recommend-collection-list-content] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: justify;
	-webkit-justify-content: center;
	justify-content: center;
}

.flexs > div[data-recommend-collection-list-content] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.flexb > div[data-recommend-collection-list-content] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
/*カスタムコンテンツ用*/

.cc221 {
	width: 47%;
	margin-bottom: 4%;
}

.cc332 {
	width: 30%;
	margin-bottom: 4%;
}

.cc432 {
	width: 22%;
	margin-bottom: 4%;
}

.cc533 {
	width: 17%;
	margin-bottom: 4%;
}

/*横並び用*/

.gr211 {
	width: 47%;
	margin-bottom: 4%;
}

.gr321 {
	width: 30%;
	margin-bottom: 4%;
}

.gr422 {
	width: 22%;
	margin-bottom: 4%;
}

.gr532 {
	width: 17%;
	margin-bottom: 4%;
}

[data-element-id] #wrapper {
	opacity: 1;
}

#wrapper {
	overflow: hidden;
	opacity: 0;
	background: #f4f3ea;
}

.inner {
	width: 100%;
	max-width: 1280px;
	margin: auto;
	padding: 50px 4%;
}
.subtit {
	position: relative;
	text-align: center;
	padding: 10% 0;
	background: #170302;
	overflow: hidden;
}
.subtit .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	line-height: 100%;
	top: 0;
	text-align: center;
	z-index: 10;
}
.subtit h2 {
	position: relative;
	top: 50%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
	color: #fff;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10;
}
.subtit.bg:before {
	width: 40%;
	left: 0;
	background: url(/upload/tenant_1/8833c0cbbec87b4224bea78f409e3e10.jpeg) no-repeat;
}
.subtit.bg:after {
	width: 40%;
	left: 0;
}
.subtit .bg:before {
	width: 40%;
	right: 0;
	background: url(/upload/tenant_1/03019283809583eda45562fa37ab095f.jpeg) no-repeat;
}
.subtit .bg:after {
	width: 40%;
	right: 0;
}
.subtit img {
	width: 100%;
}

.more {
	text-align: center;
	margin: 30px auto;
	width: 80%;
	max-width: 300px;
	background: rgb(223,219,195);
	background: -webkit-linear-gradient(top, rgba(223,219,195,1) 0%,rgba(206,199,160,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(223,219,195,1)),to(rgba(206,199,160,1)));
	background: linear-gradient(to bottom, rgba(223,219,195,1) 0%,rgba(206,199,160,1) 100%);
	padding: 2px;
}

.more a {
	display: block;
	color: #332807;
	text-align: center;
	padding: 10px 20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
	background: url(/import/tenant_1/153.126.181.23/html/images/common/more.png) center left 10px no-repeat;
	-webkit-box-shadow: 1px 1px #bbb16f, 1px -1px #bbb16f, -1px 1px #bbb16f, -1px -1px #bbb16f;
	box-shadow: 1px 1px #bbb16f, 1px -1px #bbb16f, -1px 1px #bbb16f, -1px -1px #bbb16f;
}

.more a .sub {
	display: inline-block;
	font-size: 12px;
	margin: 0 5px;
	vertical-align: bottom;
}

.mainimg {
	position: relative;
	overflow: hidden;
}

.mainimg img {
	width: 100%;
}

.mainimg .uk-slidenav-position {
	position: relative;
	overflow: hidden;
}

.mainimg .uk-slidenav-position:after {
	padding-top: 30%;
	content: '';
	display: block;
}

.mainimg .uk-slideshow {
	position: absolute;
	top: 0;
}
.headlogo {
	text-align: center;
	padding: 20px;
	margin: auto;
	max-width: 250px;
}
.index #header .headlogo {
	display: none;
}
#gnav { 
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(58,3,1,1)),to(rgba(42,7,2,1))); 
	background: -webkit-linear-gradient(top, rgba(58,3,1,1) 0%,rgba(42,7,2,1) 100%); 
	background: linear-gradient(to bottom, rgba(58,3,1,1) 0%,rgba(42,7,2,1) 100%);
}
#gnav.fixed {
	position: fixed !important;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 200;
}
#gnav ul {
	width: 100%;
	margin: auto;
	max-width: 1280px;
}
#gnav li { 
	padding: 15px 0;
	-webkit-box-flex: 1; 
	-webkit-flex-grow: 1; 
	-ms-flex-positive: 1; 
	flex-grow: 1;
}
#gnav li a {
	position: relative;
	font-size: 14px;
	display: block;
	border-right: solid 1px #562212;
	text-align: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
	color: rgba(222, 216, 198, 255);
	padding-left: 1em;
	padding-right: 1em;
}
#gnav li:last-of-type a {
	border-right: none;
}
#gnav li a .jp {
	font-size: 12px;
	display: block;
	line-height:1;
}
#gnav li.contact {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(218,214,188,1)),to(rgba(196,189,145,1)));
	background: -webkit-linear-gradient(top, rgba(218,214,188,1) 0%,rgba(196,189,145,1) 100%);
	background: linear-gradient(to bottom, rgba(218,214,188,1) 0%,rgba(196,189,145,1) 100%);
}
#gnav li.contact a {
	color: #332807;/*rgba(119, 94, 55, 255)*/
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
	width: 100%;
	box-sizing: border-box;
}
#gnav li.contact .sub {
	position: relative;
	display: block;
	line-height:1.2;
	font-size:12px
}
#gnav li.contact .sub:before {
	display: block;
	content: url(/import/tenant_1/153.126.181.23/html/images/common/double.png);
	position: absolute;
	left: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#gnav .down { 
	position: relative;
}
#gnav .down > a:before {
	display: block;
	content: "▼";
	font-size: 10px;
	position: absolute;
	top: 48%;
	left: 5px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: rgba(222, 216, 198, 255);
}
#gnav .down > ul { 
	display: none;
}
#gnav .down:hover > ul { 
	display: block;
	width: 100%;
	position: absolute;
	top: 100%;
	background: #2A0702;
	z-index:20;
}
#gnav .down li {
	padding: 10px 5px;
	border-top: solid 1px #562212;
}
#gnav .down li a {
	border-right: none;
	font-size: 12px;
}
.totop {
	position: fixed !important;
	right: 5%;
	bottom: 5%;
	width: 60px;
	height: 60px;
	opacity: 0.9;
	z-index: 100;
}
.footfix {
	display: none;
}
#footer {
	text-align:center;
}
#footer h3 {
	border-bottom:solid 3px;
}
#footer .footnav {
	width: 14.28%;
	padding: 0 1%;
}
#footer .footnav dl {
	margin-bottom: 20px;
}
#footer .footnav dt {
	position: relative;
	color: #1f0201;
	border-bottom: solid 1px #d4cec7;
	font-weight: 600;
	font-size: 12px;
	padding-left: 1em;
}
#footer .footnav dt:before {
	display: block;
	content: "・";
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#footer .footnav dd {
	position: relative;
	color: #1f0201;
}
#footer .footnav dd a {
	display: block;
	color: #1f0201;
	font-size: 12px;
	text-decoration: underline;
	font-weight: 500;
	padding-left: 2em;
}
#footer .footnav dd:before {
	display: block;
	color: #d4cec7;
	content: "L";
	position: absolute;
	left: 0.5em;
}
.copy {
	background: #460301;
	text-align: center;
	font-size: 12px;
	color: #f2f2ea;
	padding: 20px 10px;
}
@media only screen and (max-width: 1024px) {
	.bkimg {
		position: relative;
	}
	.bkimg img {
		min-width: initial !important;
	}
	h2 {
		font-size: 34px;
	}

	h3 {
		font-size: 24px;
	}

	h4 {
		font-size: 20px;
	}

	.fs20 {
		font-size: 18px;
	}

	.fs22 {
		font-size: 20px;
	}

	.fs24 {
		font-size: 20px;
	}

	.fs26 {
		font-size: 22px;
	}

	.fs28 {
		font-size: 22px;
	}

	.fs30 {
		font-size: 24px;
	}

	.fs32 {
		font-size: 24px;
	}

	.fs34 {
		font-size: 26px;
	}

	.fs36 {
		font-size: 26px;
	}

	.fs38 {
		font-size: 28px;
	}

	.fs40 {
		font-size: 28px;
	}

	.fs42 {
		font-size: 30px;
	}

	.fs44 {
		font-size: 30px;
	}

	.fs46 {
		font-size: 32px;
	}
	a[href*="tel"] {
		pointer-events: initial !important;
	}
	.flex {
		max-width: 768px;
		margin: auto;
	}

	.flexc {
		max-width: 768px;
		margin: auto;
	}

	.flexs {
		max-width: 768px;
		margin: auto;
	}

	.flexb {
		max-width: 768px;
		margin: auto;
	}
	/*カスタムコンテンツ用*/
	.cc221 {
		width: 47%;
	}
	.cc332 {
		width: 30%;
	}
	.cc432 {
		width: 30%;
	}
	.cc533 {
		width: 30%;
	}
	/*横並び用*/
	.gr211 {
		width: 97%;
	}
	.gr321 {
		width: 47%;
	}
	.gr422 {
		width: 47%;
	}
	.gr532 {
		width: 30%;
	}
	.inner {
		max-width: 768px;
		padding: 40px 3.5%;
	}
	.index .more {
    display: block !important;
    margin: 30px auto !important;
  }
	#gnav p {
    display: block !important;
    position: fixed;
    width: 42px;
    height: 42px;
    top: 0px;
    right: 0px;
    background: #170302;
    cursor: pointer;
    opacity: 0.8;
    z-index: 251;
  }
	#gnav .accordion-body {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		opacity: 0;
		-webkit-transition: height ease .1s,opacity ease .4s;
		transition: height ease .1s,opacity ease .4s;
		padding: 0;
		border: none;
		padding-bottom: 0;
		background: rgba(23, 3, 2, 0.8);
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		-webkit-transform: translate3d(0, 0, 0) !important;
		transform: translate3d(0, 0, 0) !important;
		z-index: -10;
	}
	#gnav .accordion-inner {
		width: 100%;
		padding: 50px 2% 80px 2%;
	}
	#gnav li {
		display: block !important;
		width: 100%;
		text-align: center;
		float: none;
		border: none !important;
		padding: 0 !important;
		margin-top: 0;
	}
	#gnav li:hover:before {
		display: none;
	}
	#gnav ul li a {
		height: auto;
		display: block;
		text-align: left;
		padding: 10px 10px 10px 20px;
		border: none !important;
	}
	#gnav .down > ul {
		display: block !important;
		position: static !important;
		background: none !important;
	}
	#gnav .down li {
		float: left;
		width: 50%;
	}
	#gnav .down > a:before {
		left: 0px;
	}
	#gnav li.contact {
		margin: 20px auto;
		width: auto;
		max-width: 300px
	}
	#gnav li.contact a {
		text-align: center;
	}
	#gnav.action .accordion-body {
		height: 100vh;
		opacity: 1;
		z-index: 250;
	}
	#gnav p span.n {
    display: block;
    background: #fff;
    height: 2px;
    width: 28px;
    text-indent: 9999px;
    padding: 0;
    top: 50%;
    left: 7px;
    margin-top: -1px;
    position: absolute;
    -webkit-transition: ease .40s;
    transition: ease .40s;
  }
	#gnav p span.n:before {
    display: block;
    content: "";
    background: #fff;
    height: 2px;
    width: 28px;
    position: absolute;
    top: -10px;
    left: 0;
  }
	#gnav p span.n:after {
    display: block;
    content: "";
    background: #fff;
    height: 2px;
    width: 28px;
    position: absolute;
    top: 10px;
    left: 0;
  }
	#gnav.action p span.n {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#gnav.action p span.n:after,
	#gnav.action p span.n:before {
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		top: 0;
		left: 0;
	}
	.overlay:after {
		content: "";
		width: 100%;
		height: 100vh;
		background: #000;
		position: fixed;
		top: 0;
		left: 0;
		opacity: 0.3;
		z-index: 150;
		-webkit-transform: translate3d(0, 0, 0) !important;
		transform: translate3d(0, 0, 0) !important;
	}
	.totop {
		right: 10px;
		bottom: 55px;
		width: 50px;
		height: 50px;
	}
	.footfix {
		display: block;
		width: 100%;
		position: fixed !important;
		bottom: 0;
		left: 0;
		z-index: 150;
	}
	.footfix li {
		float: left;
		width: 50%;
		background: #cec7a0;
	}
	.footfix li.foottel {
		background: #170302;
	}
	.footfix li.foottel a {
	  color: #fff;
	}
	.footfix li a {
		display: block;
		text-align: center;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
		padding: 10px 5px;
		font-weight: bold;
		font-size: 18px;
	}
	#footer {
    padding-bottom: 70px;
  }
	#footer .footnav {
		width: 31%;
		padding: 0 2%;
	}
	.subtit {
		padding: 15% 0;
	}
}

@media only screen and (max-width: 599px) {
	h2 {
		font-size: 28px;
	}

	h3 {
		font-size: 22px;
	}

	h4 {
		font-size: 18px;
	}

	h5 {
		font-size: 16px;
	}

	.fs18 {
		font-size: 16px;
	}

	.fs20 {
		font-size: 18px;
	}

	.fs22 {
		font-size: 18px;
	}

	.fs24 {
		font-size: 20px;
	}

	.fs26 {
		font-size: 20px;
	}

	.fs28 {
		font-size: 22px;
	}

	.fs30 {
		font-size: 22px;
	}

	.fs32 {
		font-size: 24px;
	}

	.fs34 {
		font-size: 24px;
	}

	.fs36 {
		font-size: 26px;
	}

	.fs38 {
		font-size: 26px;
	}

	.fs40 {
		font-size: 28px;
	}

	.fs42 {
		font-size: 28px;
	}

	.fs44 {
		font-size: 30px;
	}

	.fs46 {
		font-size: 32px;
	}
	.flex {
		max-width: 450px;
		margin: auto;
	}
	.flexc {
		max-width: 450px;
		margin: auto;
	}
	.flexs {
		max-width: 450px;
		margin: auto;
	}
	.flexb {
		max-width: 450px;
		margin: auto;
	}
	/*カスタムコンテンツ用*/
	.cc221 {
		width: 97%;
	}
	.cc332 {
		width: 47%;
	}
	.cc432 {
		width: 47%;
	}
	.cc533 {
		width: 30%;
	}
	/*横並び用*/
	.gr211 {
		width: 97%;
	}
	.gr321 {
		width: 97%;
	}
	.gr422 {
		width: 47%;
	}
	.gr532 {
		width: 47%;
	}
	.rp {
		max-width: 450px;
		margin: auto;
	}
	.rp .pic {
		float: none !important;
		width: 90% !important;
		margin: 20px auto;
	}
	.rp .tbox {
		float: none !important;
		width: 100% !important;
		padding: 0 !important;
	}
	.inner {
		max-width: 450px;
		padding: 30px 3%;
	}
	#footer .footnav {
		width: 46%;
		margin: 0 2%;
	}
	.subtit {
		padding: 20% 0;
	}
}
.bg {
	position: relative;
}
.bg:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	height: 100%;
	background-position:center !important;
	background-size: cover !important;
	z-index: 0;
}
.bg:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	height: 100%; /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(23,3,2,0) 0%,rgba(23,3,2,1) 70%,rgba(23,3,2,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -webkit-radial-gradient(center, ellipse, rgba(23,3,2,0) 0%,rgba(23,3,2,1) 70%,rgba(23,3,2,1) 100%);
	background: radial-gradient(ellipse at center, rgba(23,3,2,0) 0%,rgba(23,3,2,1) 70%,rgba(23,3,2,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	z-index: 3;
}
.bg2:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	height: 100%;
	background-position:center !important;
	background-size: cover !important;
	z-index: 0;
}
.bg2:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	height: 100%;
	background: -webkit-radial-gradient(center, ellipse, rgba(23,3,2,0) 0%,rgba(23,3,2,1) 75%,rgba(23,3,2,1) 100%);
	background: radial-gradient(ellipse at center, rgba(23,3,2,0) 0%,rgba(23,3,2,1) 75%,rgba(23,3,2,1) 100%);
	z-index: 3;
}
.home-kodawari {
	background: #170302;
}
.home-kodawari:before {
	width: 50%;
	right: 0;
	background: url(/upload/tenant_1/e8be8f94bff98ca79e7cc509d19e0515.jpeg) no-repeat;
}
.home-kodawari:after {
	width: 50%;
	right: 0;
}
.home-kodawari h3 {
	color: #fff;
}
.home-kodawari .box {
	position: relative;
	z-index: 10;
}
.home-kodawari .box .pic {
	float: left;
	padding: 2px;
}
.home-kodawari .box .tbox {
	float: right;
}
.home-kodawari .tbox .txt {
	color: #fff
}
.home-kodawari .more {
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 10px;
}
.home-perform .box .pic {
	float: right;
	padding: 2px;
}
.home-perform .box .tbox {
	float: left;
}
.home-perform .box ul {
	margin-top: 30px;
}
.home-perform .box li {
	width: 30%;
}
.home-ani {
	background: #170302;
}
.home-ani h3 {
	display:block;
	color: #f3f2ea;
}
.home-ani .inner {
	position: relative;
	z-index: 10;
}
.home-ani:before {
	width: 40%;
	right: 0;
	background: url(/upload/tenant_1/4c99d9c8290c5e7c52964e03a7eef4d2.jpeg) no-repeat;
}
.home-ani:after {
	width: 40%;
	right: 0;
}
.home-ani .box .pic {
	float: left;
}
.home-ani .box .tbox {
	float: right;
}
.home-ani .box .txt {
	color: #f3f2ea;
}
.home-ani .more {
	margin-left: 0;
}
.home-menu {
    background: #170302;
    text-align: center;
    margin-top: -60px;
    padding-top: 60px;
}
.home-menu .inner {
	position: relative;
	z-index: 10;
}
.home-menu:before {
	left: 0;
	width: 30%;
	background: url(/upload/tenant_1/0ae95afc035d6a276a242a956ec52280.jpeg) no-repeat;
}
.home-menu:after {
	left: 0;
	width: 30%;
}
.home-menu h3 {
	color: #f3f2ea;
}
.home-menu .menulist {
	display: block;
	width: 25%;
}
.home-menu .menulist:nth-of-type(-n+2) {
	width: 50%;
}
.home-menu .menulist:nth-of-type(-n+2) .pic:after {
	padding-top: 60%;
}
.home-menu .menulist dl {
	position: relative;
}
.home-menu .menulist dd {
	position: absolute !important;
	bottom: 0;
	left: 0;
	padding: 2% 2% 2% 3%;
	width: 100%;
	text-align: center;
	color: #fff;
	background: rgba(23, 3, 2, 0.6);
}
.home-menu .menulist dd:before {
	display: block;
	content: url(/import/tenant_1/153.126.181.23/html/images/common/single.png);
	height: 14px;
	line-height:  14px;
	position: absolute;
	left: 1.5%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.home-news {
	text-align:center;
}
.home-news .home-news-list {
	padding: 30px;
}
.home-news .home-news-list:before {
	width: 100%;
	right: 0;
	background: url(/upload/tenant_1/4fe686e874cc6dbbfeb1789a5df55325.jpeg) no-repeat;
}
.home-news .home-news-list:after {
	width: 100%;
	right: 0;
	background: rgba(23,3,2,0.6);
}
.home-news dl {
	position: relative;
	border-bottom: solid 1px #999999;
	padding-bottom: 20px;
	margin-bottom: 20px;
	z-index: 10;
}
.home-news dt {
	float: left;
	width: 15%;
	color: #f3f2ea;
}
.home-news dd {
	float: right;
	width: 80%;
}
.home-news dd a {
	display: block;
	color: #f3f2ea;
}
.home-insta {
	text-align:center;
}
.home-insta li {
	float: left;
	width: 20%;
}
.home-insta li:first-of-type {
	width: 40%;
}
.home-insta li img {
	width: 100%;
}
.home-info {
	background: #170302;
}
.home-info h3 {
	display:block;
	position: relative;
	z-index: 10;
	color: #f3f2ea;
}
.home-info .box .pic {
	float: left;
	width: 50%;
}
.home-info .box .tbox {
	float: right;
	width: 50%;
	padding: 20px;
}
.home-info .tbox .txt {
	position: relative;
	z-index: 10;
	color: #f3f2ea;
}
.home-info .txt dt {
	color: #f3f2ea;
	margin-bottom: 10px
}
.home-info .txt dt a {
	color: #f3f2ea;
	text-decoration: underline;
	background: url(/import/tenant_1/153.126.181.23/html/images/common/pin.png) left center no-repeat;
	padding-left: 10px;
}
.home-info .txt dd {
	color: #f3f2ea;
}
.home-info .txt dd a {
	color: #f3f2ea;
}
.home-info .tbox:before {
	width: 80%;
	right: 0;
	background: url(/upload/tenant_1/fe521ee4ae6dbd259f6d271186116e18.jpeg) left top no-repeat;
}
.home-info .tbox:after {
	width: 80%;
	right: 0;
}
.home-info .more {
	margin-left: 0;
	position: relative;
	z-index: 10;
}
@media only screen and (max-width: 1024px) {
	.home-kodawari:before, .home-kodawari:after {
		width: 80%;
		height: 50%;
	}
	.home-ani:before, .home-ani:after {
		width: 80%;
	}
	.home-menu:before, .home-menu:after {
		width: 80%;
	}
	.home-menu .menulist {
		display: block;
		width: 33.3% !important;
	}
	.home-menu .menulist .pic:after {
		padding-top: 100% !important;
	}
	.home-news dt {
		float: none;
		width: 100%;
	}
	.home-news dd {
		float: none;
		width: 100%;
	}
	.home-insta li {
		width: 20%;
	}
	.home-insta li:first-of-type {
		width: 60%;
	}
	.home-info .box {
		width: 100%;
		max-width: none;
	}
	.home-info .box .pic {
		float: none;
		width: 100% !important;
		margin: 0;
	}
	.home-info .box .tbox {
		float: none;
		width: 100%;
		padding: 20px !important;
	}
}
@media only screen and (max-width: 599px) {
	.home-menu .menulist {
		width: 50% !important;
	}
	.home-menu .menulist:nth-of-type(-n+2) {
		width: 100% !important;
	}
	.home-menu .menulist:nth-of-type(-n+2) .pic:after {
		padding-top: 60% !important;
	}
	.home-insta li {
		width: 33.333%;
	}
	.home-insta li:first-of-type {
		width: 50%;
	}
	.home-insta li:nth-of-type(2) {
		width: 50%;
	}
	.home-insta li:nth-of-type(6) {
		width: 50%;
	}
	.home-insta li:nth-of-type(7) {
		width: 50%;
	}
}
/*店舗案内・アクセス*/
.about1, .about2, .about3 {
	text-align: center;
}
.about1 dl {
	padding-bottom: 20px;
}
.about1 dt {
	float: left;
	width: 20%;
	color: #170302;
	font-weight: bold;
}
.about1 dd {
	float: right;
	width: 75%;
	color: #170302;
}
.about2 .txt {
	margin-bottom: 30px;
}
.about3 {
	background: #170302;
}
.about3 .inner {
	position: relative;
	z-index: 10;
}
.about3 h3 {
	color: #ded8c6;
}
.about3 li {
	float: left;
	width: 31.3%;
	margin: 1%;
}
.about3 li:nth-of-type(4) {
	width: 64.6%;
}
.about3 li:after {
	padding-top: 80%;
}
.about3 li:nth-of-type(4):after {
	padding-top: 55%;
}
.about3 li:nth-of-type(5):after {
	padding-top: 113.6%;
}
.about3.bg:before {
	width: 50%;
	height: 60%;
	right: 0;
	background: url(/import/tenant_1/153.126.181.23/html/images/home-ani2.png) no-repeat;
}
.about3.bg:after {
	width: 50%;
	height: 60%;
	right: 0;
}
.about3 .bg2:before {
	width: 50%;
	height: 60%;
	top: auto;
	bottom: 0;
	left: 0;
	background: url(/import/tenant_1/153.126.181.23/html/images/home-ani2.png) no-repeat;
}
.about3 .bg2:after {
	width: 50%;
	height: 60%;
	top: auto;
	bottom: 0;
	left: 0;
}
@media only screen and (max-width: 599px) {
	.about1 dt {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	.about1 dd {
		float: none;
		width: 100%;
	}
	.about3.bg:before {
		width: 80%;
		height: 50%;
	}
	.about3.bg:after {
		width: 80%;
		height: 50%;
	}
	.about3 .bg2:before {
		width: 80%;
		height: 50%;
	}
	.about3 .bg2:after {
		width: 80%;
		height: 50%;
	}
}
/*当店のこだわり*/
.kodawari .repeat {
	position: relative;
}
.kodawari .repeat:nth-of-type(2n) {
	background: #170302;
}
.kodawari .repeat .inner {
	position: relative;
	z-index: 20;
}
.kodawari .repeat:nth-of-type(2n) h4 {
	color: #f3f2ea;
}
.kodawari .repeat .pic {
	float: right;
}
.kodawari .repeat:nth-of-type(2n) .pic {
	float: left;
}
.kodawari .repeat .tbox {
	float: left;
}
.kodawari .repeat:nth-of-type(2n) .tbox {
	float: right;
}
.kodawari .repeat .txt {
	margin-bottom: 30px;
	text-align: left;
}
.kodawari .repeat:nth-of-type(2n) .txt {
	color: #f3f2ea;
}
.kodawari .repeat li {
	width: 31%;
}
.kodawari .repeat li img {
	width: 100%;
}
.kodawari1 h3 {
	text-align: center;
	border-bottom: solid 1px #b99e5e;
}
.kodawari2 .bg:before {
	width: 50%;
	height: 60%;
	top: auto;
	bottom: 0;
	right: 0;
	background: url(/import/tenant_1/153.126.181.23/html/images/kodawari/kodawari6.jpeg) no-repeat;
}
.kodawari2 .bg:after {
	width: 50%;
	height: 60%;
	top: auto;
	bottom: 0;
	right: 0;
}
.kodawari4 .bg:before {
	width: 50%;
	height: 60%;
	top: auto;
	bottom: 0;
	right: 0;
	background: url(/import/tenant_1/153.126.181.23/html/images/kodawari/kodawari12.jpeg) no-repeat;
}
.kodawari4 .bg:after {
	width: 50%;
	height: 60%;
	top: auto;
	bottom: 0;
	right: 0;
}
@media only screen and (max-width: 1024px) {
	.kodawari2 .bg:before {
		width: 80%;
		height: 50%;
	}
	.kodawari2 .bg:after {
		width: 80%;
		height: 50%;
	}
	.kodawari4 .bg:before {
		width: 80%;
		height: 50%;
	}
	.kodawari4 .bg:after {
		width: 80%;
		height: 50%;
	}
}
/*オススメメニュー*/
.recommend .repeat:nth-of-type(2n) {
	background: #170302;
}
.recommend .repeat:before {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.recommend .repeat:after {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(244, 243, 234, 0.9);
}
.recommend .repeat:nth-of-type(2n):after {
	background: rgba(23, 3, 2, 0.9);
}
.recommend .repeat .inner {
	position: relative;
	z-index: 10;
}
.recommend .repeat .inner:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 10%;
	height: 100%;
	background: rgba(185, 151, 97, 0.2);
}
.recommend .repeat:nth-of-type(2n) .inner:before {
	left: 0;
	right: auto;
	background: rgba(255,255,255,0.2);
}
.recommend .repeat h3 {
	text-align: center;
}
.recommend .repeat .box {
	margin-bottom: 30px;
	position: relative;
	z-index: 15;
}
.recommend .repeat .pic {
	float: left;
}
.recommend .repeat .tbox {
	float: right;
}
.recommend .repeat:nth-of-type(2n) .tbox h3,
.recommend .repeat:nth-of-type(2n) .tbox .txt {
	color: #fff;
}
.recommend .repeat .course {
	margin-bottom: 50px;
	text-align: center;
	position: relative;
	z-index: 15;
}
.recommend .repeat .course h4 {
	text-align: center;
	display: inline-block;
	border-bottom: solid 3px;
}
.recommend .repeat .course .tit {
	margin-bottom: 20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
}
.recommend .repeat:nth-of-type(2n) .course h4 {
	color: #fff;
	border-bottom: solid 3px #775e37;
}
.recommend .repeat:nth-of-type(2n) .tit,
.recommend .repeat:nth-of-type(2n) .txt {
	color: #fff;
}
.recommend .repeat .time {
	position: relative;
	z-index: 15;
	max-width: 1000px;
	margin: auto;
}
.recommend .repeat .time li {
	padding: 40px 20px;
	border: solid 1px #bca452;
	font-size: 14px;
}
.recommend .repeat:nth-of-type(2n) .time li {
	color: #fff;
	border: solid 1px #bca452;
}
.recommend .repeat .time li .sub {
	border-bottom: solid 3px;
	margin: 0 15px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
	padding-bottom: 10px;
}
.recommend .repeat:nth-of-type(2n) .time li .sub {
	color: #fff;
	border-bottom: solid 3px #775e37;
}
.recommend1:before {
	background: url(/import/tenant_1/153.126.181.23/html/images/recommend/recommend2.jpeg) no-repeat;
}
.recommend2:before {
	background: url(/import/tenant_1/153.126.181.23/html/images/recommend/recommend4.jpeg) no-repeat;
}
.recommend3:before {
	background: url(/import/tenant_1/153.126.181.23/html/images/recommend/recommend6.jpeg) no-repeat;
}
@media only screen and (max-width: 1024px) {
	.recommend .repeat .inner:before {
		width: 15%;
	}
	.recommend .repeat .time {
		max-width: 600px;
	}
	.recommend .repeat .time li {
		padding: 30px 20px;
	}
}
@media only screen and (max-width: 599px) {
	.recommend .repeat .inner:before {
		width: 20%;
	}
	.recommend .repeat .time {
		max-width: 300px;
	}
	.recommend .repeat .time li {
		padding: 20px 20px;
	}
}
/*コースメニュー*/
.course1:before {
	background: url(/import/tenant_1/153.126.181.23/html/images/course/course2.jpeg) no-repeat;
}
.course2:before {
	background: url(/import/tenant_1/153.126.181.23/html/images/course/course4.jpeg) no-repeat;
}
.course3:before {
	background: url(/import/tenant_1/153.126.181.23/html/images/course/course6.jpeg) no-repeat;
}
.course4:before {
	background: url(/import/tenant_1/153.126.181.23/html/images/course/course8.jpeg) no-repeat;
}
/*アラカルトメニュー*/
.alacarte .repeat h3 {
	text-align: left;
}
.alacarte .repeat h3 .price{
	display: inline-block;
}
.alacarte .repeat:nth-of-type(2n)  h3 .price{
	color: #fff;
}
.alacarte .repeat:nth-of-type(2n) .pic{
	float: right;
}
.alacarte .repeat:nth-of-type(2n) .tbox{
	float: left;
}
.alacarte3 {
	text-align: center;
}
.alacarte3 .box {
	margin-bottom: 30px;
}
.alacarte3 .box .pic {
	float: right;
	width: 25%;
}
.alacarte3 .box .tbox {
	float: left;
	width: 70%;
}
.alacarte3 .box dt {
	margin-bottom: 10px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
}
@media only screen and (max-width: 1024px) {
	.alacarte .repeat h3 .price {
		display: block;
		text-align: right;
	}
}
/*ランチメニュー*/
.lunch .repeat h3 {
	text-align: left;
}
.lunch .repeat h3 .price {
	display: inline-block;
}
.lunch .repeat:nth-of-type(2n) h3 .price {
	color: #fff;
}
.lunch .repeat:nth-of-type(2n) .pic {
	float: right;
}
.lunch .repeat:nth-of-type(2n) .tbox {
	float: left;
}
@media only screen and (max-width: 1024px) {
	.lunch .repeat h3 .price {
		display: block;
		text-align: right;
	}
}
/*ドリンクメニュー*/
.drink1, .drink2, .drink3, .drink4 {
	text-align: center;
}
.drink .section .repeat:nth-of-type(2n) {
	background: #170302;
}
.drink .section .repeat:before {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.drink .section .repeat:after {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(244, 243, 234, 0.9);
}
.drink .section .repeat:nth-of-type(2n):after {
	background: rgba(23, 3, 2, 0.9);
}
.drink .section .repeat .inner {
	position: relative;
	z-index: 10;
}
.drink .section .repeat:nth-of-type(2n) h3 {
	color: #fff;
	border-color: #775e37;
}
.drink .section .repeat:nth-of-type(2n) dt,
.drink .section .repeat:nth-of-type(2n) dd{
	color: #fff;
}
.drink .section .repeat:nth-of-type(2n) .menulist li {
	color: #fff;
}
.drink .section .menulist {
	margin-bottom: 20px;
}
.drink .section .menulist li {
	margin-bottom: 10px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
}
.drink .section dt {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
	margin-bottom: 10px;
}
.drink .section dd {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
	margin-bottom: 10px;
}
.drink1:before {
	background: url(/import/tenant_1/153.126.181.23/html/images/drink/drink5.jpeg) no-repeat;
}
.drink1 .inner {
	position: relative;
	z-index: 10;
}
.drink1 .beer img {
	width: 100%;
}
.drink2:before {
	background: url(/import/tenant_1/153.126.181.23/html/images/drink/drink6.jpeg) no-repeat;
}
.drink4:before {
	background: url(/import/tenant_1/153.126.181.23/html/images/drink/drink7.jpeg) no-repeat;
}
.drink4 .box .pic {
	float: right;
}
.drink4 .box .tbox {
	float: left;
}
/*ワインリスト*/
.wine1, .wine2, .wine3 {
	text-align: center;
}
.wine .maintxt {
	text-align: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
	margin: 30px 0;
	padding: 0 2%;
}
.wine .section .pic {
	margin-bottom: 20px;
}
.wine .section dl {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: solid 1px #bfb87c;
}
.wine .section dd.txt{
	font-family:"游ゴシック",YuGothic,Hiragino Sans,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
/*よくあるご質問*/
.faq1 {
	background: #170302;
}
.faq1 dl {
	margin-bottom: 50px;
}
.faq1 dt {
	position: relative;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
	color: #fff;
	padding-left: 60px;
	min-height: 50px;
	margin-bottom: 20px;
	padding-bottom: 35px;
	border-bottom: solid 1px #bfb87c;
}
.faq1 dt .q {
	position: absolute;
	top: 0;
	left: 0;
	background: #bc9962;
	width: 50px;
	line-height: 50px;
	text-align: center;
}
.faq1 dd {
	position: relative;
	color: #fff;
	padding-left: 60px;
	min-height: 50px;
}
.faq1 dd .a {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
	position: absolute;
	top: 0;
	left: 0;
	background: #ce9839;
	width: 50px;
	line-height: 50px;
	text-align: center;
}
@media only screen and (max-width: 599px) {
	.faq1 dt {
		position: relative;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
		color: #fff;
		padding-left: 50px;
		min-height: 40px;
		margin-bottom: 20px;
		padding-bottom: 25px;
		border-bottom: solid 1px #bfb87c;
	}
	.faq1 dt .q {
		position: absolute;
		top: 0;
		left: 0;
		background: #bc9962;
		width: 40px;
		line-height: 40px;
		text-align: center;
	}
	.faq1 dd {
		position: relative;
		color: #fff;
		padding-left: 50px;
		min-height: 40px;
	}
	.faq1 dd .a {
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
		position: absolute;
		top: 0;
		left: 0;
		background: #ce9839;
		width: 40px;
		line-height: 40px;
		text-align: center;
	}
}
/*ご予約・お問い合わせ*/
.contact1 {
	background: #170302;
}
.contact1 .maintxt {
	color: #fff;
	text-align: center;
	margin: 30px 0;
	padding: 0 2%;
}
.contact1 {
	text-align: center;
}
.contact1 #form dl {
	margin-bottom: 30px;
}
.contact1 #form dt {
	float: left;
	width: 25%;
	line-height: 50px;
	color: #fff;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
}
.contact1 #form dd {
	float: right;
	width: 70%;
	color: #fff;
	line-height: 50px;
}
.contact1 #form dd div {
    color: #fff;
    line-height: 50px;
}
#form input {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    line-height: 50px;
    background: #f4f3ea;
    color: #000;
    min-height: 50px;
}
#form textarea {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	height: 200px;
	background: #f4f3ea;
	color: #000;
}
#form button {
	display: inline-block;
	width: 100%;
	line-height: 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	background: #d1cba9;
	margin: 30px 2%;
	width: 40%;
	max-width: 250px;
	cursor: pointer;
	font-size: 18px;
	font-weight: 500;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
}
@media only screen and (max-width: 1024px) {
	.contact1 #form dt {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	.contact1 #form dd {
		float: none;
		width: 100%;
	}
}
/*ブログ*/
.bloglist dl {
	background: #fff;
	padding-bottom: 10px;
}
.bloglist dt.pic {
	position: relative;
}
.bloglist dt.pic .js-trimming:after {
	padding-top: 70%;
}
.bloglist dt.pic img:not([src*="."]) ~ span.thumb {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background: url(/import/tenant_1/153.126.181.23/html/images/common/logo.png) center center no-repeat;
    display: block;
    background-size: 80%;
    background-color: #fff;
}
.bloglist dt.pic .date {
	position: absolute !important;
	top: 0;
	left: 0;
	color: #fff;
	background: #170302;
	padding: 5px 10px;
	z-index: 5;
}
.bloglist dd {
	padding: 10px 10px 0 10px;
}
.bloglist dd.tit a {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
}
.pagenav {
	margin: 30px 0;
}
.pagenav ul {
	text-align: center;
}
.pagenav li {
	display: inline-block;
	margin: 5px;
}
.pagenav li a {
	display: block;
	padding: 5px;
	font-size: 20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
}
.blogside {
	margin: 50px 0;
}
.blogside dt {
	display:block;
	position: relative;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
	font-weight: bold;
	margin-bottom: 20px;
	color: #775e37;
	text-align: left;
	padding-bottom: 10px;
}
.blogside dt:first-letter {
	color: #fc3900;
	font-size: 120%;
}
.blogside dt:before {
	display: block;
	content: "";
	border-bottom: solid 3px;
	width: 100px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.blogside dd {
	position: relative;
	margin-bottom: 10px;
	padding-left: 1em;
}
.blogside dd a {
	display: block;
	padding-left: 1em;
}
.blogside dd a:before {
	display: block;
	content: "＞";
	position: absolute;
	left: 1em;
	top: 0;
}
.blogside .cat {
	float: left;
	width: 30%;
}
.blogside .arc {
	float: right;
	width: 65%;
}
.blogside .arc dd {
	display: inline-block;
	width: 20%;
}
.blogsingle .info {
	margin-bottom: 20px;
}
.blogsingle .info span {
	display: inline-block;
}
.blogsingle .info .date {
	color: #fff;
	background: #170302;
	padding: 5px 10px;
	margin-right: 20px;
}
.blogsingle .tit {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: solid 1px #bfb87c;
}
.blogsingle .txt img {
	display: block;
	width: 80%;
	margin: auto;
}
.blogsingle .txt img {
	display: block;
	width: 80%;
	margin: auto;
}
.blogsingle .txt img {
	display: block;
	width: 80%;
	margin: auto;
}
.blogsingle .back {
	display: block;
	width: 80%;
	margin: 50px auto;
	max-width: 250px;
}
.blogsingle .back a {
	display: block;
	text-align: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
	font-size: 24px;
}
@media only screen and (max-width: 1024px) {
	.blogside .cat {
		float: none;
		width: 100%;
		margin-bottom: 30px;
	}
	.blogside .arc {
		float: none;
		width: 100%;
	}
	.blogside .arc dd {
		width: 48%;
	}
}
/*ニュース*/
.newslist dl {
	background: none;
	border-bottom: solid 1px #c4be8c;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.newslist dt {
	float: left;
	width: 15%;
	color: #fff;
	background: #170302;
	text-align: center;
	padding: 0px 10px;
	line-height: 35px;
}
.newslist dd {
	float: right;
	width: 80%;
	padding: 0;
	line-height: 35px;
}
.news1 {
	float: left;
	width: 72%;
}
.newsside {
	float: right;
	width: 23%;
	margin-top: 0;
}
.newsside .cat {
	float: none;
	width: 100%;
	margin-bottom: 30px
}
.newsside .arc {
	float: none;
	width: 100%;
}
.newsside .arc dd {
	display: block;
	width: 100%;
}
@media only screen and (max-width: 1024px) {
	.news1 {
		float: none;
		width: 100%;
	}
	.newsside {
		float: none;
		width: 100%;
	}
	.newsside .arc dd {
		display: inline-block;
		width: 40%;
	}
	.newslist dt {
		float: none;
		display: inline-block;
		width: auto;
		margin-bottom: 10px;
	}
	.newslist dd {
		float: none;
		width: 100%;
	}
}
/*ギャラリー*/
.pagelink {
	margin: 50px 0;
}
.pagelink ul {
	text-align: center;
}
.pagelink li {
	display: inline-block;
}
.pagelink li a {
	position: relative;
	display: block;
	padding: 5px 5px 5px 20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
}
.pagelink li a:before {
	display: block;
	content: "/";
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.pagelink li:first-of-type a:before {
	display: none;
}
.glist li .js-trimming:after {
	padding-top: 75%;
}
/*記念日の方へ*/
.anniversary .maintxt {
	text-align: center;
	padding: 10% 2%;
}
.anniversary .maintxt:before {
	width: 100%;
	height: 100%;
	right: 0;
	bottom: 0;
	background: url(/import/tenant_1/153.126.181.23/html/images/anniversary/anniversary1.jpeg) no-repeat;
}
.anniversary .maintxt:after {
	width: 100%;
	height: 100%;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255,0.8);
}
.anniversary .maintxt .txt {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
	position: relative;
	z-index: 10;
}
.anniversary .repeat:nth-of-type(2n) h3 {
	color: #f3f2ea;
}
.anni2:before {
	width: 40%;
	height: 60%;
	right: 0;
	top: auto;
	bottom: 0;
	background: url(/import/tenant_1/153.126.181.23/html/images/anniversary/anniversary4.jpeg) no-repeat;
}
.anni2:after {
	width: 40%;
	height: 60%;
	right: 0;
	top: auto;
	bottom: 0;
}
@media only screen and (max-width: 1024px) {
  .anni2:before {
	width: 80%;
	height: 60%;
	right: 0;
	top: auto;
	bottom: 0;
	background: url(/import/tenant_1/153.126.181.23/html/images/anniversary/anniversary4.jpeg) no-repeat;
  }
.anni2:after {
	width: 80%;
	height: 60%;
	right: 0;
	top: auto;
	bottom: 0;
  }
}


/* 2025/09/12 */

        /* お知らせメッセージコンテナ */
        .browser-notice {
            background-color: #FFF9E6;
            border: 1px solid #C9A961;
            border-radius: 4px;
            padding: 15px 20px;
            margin: 20px auto 40px;
            max-width: 800px;
            position: relative;
            color: #2a1810;
            font-size: 14px;
            line-height: 1.7;
        }

        /* インフォアイコン */
        .browser-notice .notice-header {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
        }

        .browser-notice .info-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 24px;
            height: 24px;
            background-color: #C9A961;
            color: #fff;
            border-radius: 50%;
            margin-right: 10px;
            font-size: 14px;
            font-weight: bold;
        }

        /* タイトル */
        .browser-notice .notice-title {
            font-size: 15px;
            font-weight: bold;
            color: #2a1810;
        }

        /* メッセージ本文 */
        .browser-notice .notice-message {
            padding-left: 34px;
            color: #4a4a4a;
        }

        .browser-notice .notice-message p {
            margin-bottom: 8px;
        }

        .browser-notice .notice-message p:last-child {
            margin-bottom: 0;
        }

        /* ブラウザリスト */
        .browser-notice .browser-recommendation {
            display: inline-flex;
            align-items: center;
            gap: 15px;
            margin-top: 8px;
            padding: 8px 12px;
            background-color: #fff;
            border-radius: 3px;
            border: 1px solid #E5E5E5;
        }

        .browser-notice .browser-label {
            font-weight: bold;
            color: #2a1810;
            font-size: 13px;
        }

        .browser-notice .browser-name {
            color: #4a4a4a;
            font-size: 13px;
        }

        .browser-notice .browser-name + .browser-name::before {
            content: "・";
            margin: 0 5px;
        }

        /* Safari注意書き */
        .browser-notice .safari-note {
            margin-top: 8px;
            font-size: 12px;
            color: #7a7a7a;
        }

        /* 閉じるボタン */
        .browser-notice .close-btn {
            position: absolute;
            top: 15px;
            right: 15px;
            background: none;
            border: none;
            color: #999;
            font-size: 20px;
            cursor: pointer;
            line-height: 1;
            padding: 0;
            width: 20px;
            height: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: color 0.3s;
        }

        .browser-notice .close-btn:hover {
            color: #666;
        }

        /* レスポンシブデザイン */
        @media screen and (max-width: 1024px) {
            .browser-notice {
                margin: 15px;
                padding: 15px;
            }

            .browser-notice .notice-title {
                font-size: 14px;
            }

            .browser-notice .notice-message {
                font-size: 13px;
            }
        }

        @media screen and (max-width: 599px) {
            .browser-notice .browser-notice {
                margin: 10px;
                padding: 12px;
                padding-right: 35px;
            }

            .browser-notice .info-icon {
                width: 20px;
                height: 20px;
                font-size: 12px;
                margin-right: 8px;
            }

            .browser-notice .notice-title {
                font-size: 13px;
            }

            .browser-notice .notice-message {
                padding-left: 0px;
                font-size: 12px;
            }

            .browser-notice .browser-recommendation {
                flex-direction: column;
                align-items: flex-start;
                gap: 5px;
                width: 100%;
            }

            .browser-notice .browser-label {
                font-size: 12px;
            }

            .browser-notice .browser-name {
                font-size: 12px;
            }

            .browser-notice .safari-note {
                font-size: 11px;
            }

            .browser-notice close-btn {
                top: 10px;
                right: 10px;
                font-size: 18px;
            }
        }