@charset "utf-8";


/*//////////////////////////////////////////////////
共通
//////////////////////////////////////////////////*/

::selection {color: #fafafa; background-color: #3d280c;}
::-moz-selection {color: #fafafa; background-color: #3d280c;}
@font-face {font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100;}
@font-face {font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 200;}
@font-face {font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 300;}
@font-face {font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 400;}
@font-face {font-family: "Yu Gothic";src: local("Yu Gothic Bold");font-weight: bold;}
@font-face {font-family: EBGaramond-R; src: url('font/EBGaramond-Regular.ttf') format("truetype");}
html {width: 100%; height: 100%; font-size: 62.5%;}
body {width: 100%; height: 100%; min-width: 1280px;}
body, input, textarea, select, button {
	font-size: 1.5rem; line-height: 2.0; color: #3d280c; font-weight: 400; letter-spacing: normal; -webkit-text-size-adjust: 100%; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", serif; -webkit-font-smoothing: subpixel-antialiased;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    body, input, textarea, select, button {
        -webkit-font-smoothing: antialiased;
    }
}
main, img {display: block;}
input[type="submit"], input[type="button"], input[type="radio"], input[type="checkbox"], select, button {
	cursor: pointer;
}
input, textarea, select, button {outline: 0; -webkit-transition: all .4s; transition: all .4s;}
::-webkit-input-placeholder {color: #757575;}
:-ms-input-placeholder {color: #757575;}
::-moz-placeholder {color: #757575;}
a {text-decoration: none; -webkit-transition: all .4s; transition: all .4s;}
a:link, a:visited, a:hover {color:  #3d280c;}
pre {white-space: pre-wrap;}
.gothic {font-family: "Yu Gothic", YuGothic, Meiryo, sans-serif;}
.min {font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", serif;}
.en {font-family: 'EBGaramond-R', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", serif;}
.x-lg {font-size: 2.4rem;}
.lg {font-size: 1.8rem;}
.md {font-size: 1.5rem;}
.sm {font-size: 1.4rem;}
.x-sm {font-size: 1.2rem;}
.b {font-weight: bold;}
.it {font-style: italic;}
.cf:after {content: " "; display: block; clear: both;}
.color-white {color: #fff!important;}
.color-white-font {color: #fafafa!important;}
.color-green {color: #85a540!important;}
.color-blue {color: #71c0db!important;}
.color-orange {color: #df8504!important;}
.fit-img img {width: 100%; height: 100%; object-fit: cover;}

/*ディバイダー*/
.devider {
	background-image: url("../img/common/common_devider.png"); width: 48px; height: 8px; background-size: cover; margin: 40px auto; border: none;
}

/*セクションタイトル*/
.title-1 {
	line-height: 1; letter-spacing: .4rem;
}
.title-1.en {
	letter-spacing: normal;
}

/*下層ページメイン*/
.main-img h1 {
	position: absolute; left: 50%; top: 50%; z-index: 3; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); line-height: 2; letter-spacing: .4rem; font-size: 3.2rem;
}
.main-img h1.en {
	font-size: 4.2rem;
}
.main-img .under-img, .main-img .swiper-container {
	width: 100%; height: 100%; position: relative; left: 0; top: 0; z-index: 1;
}
.main-img .cover {
	width: 100%; height: 100%; background-color: rgba(0,0,0,.4); position: absolute; left: 0; top: 0; z-index: 2;
}

/*スペーサー*/
.spacer-50 {
	height: 50px;
}
.spacer-100 {
	height: 100px;
}

@media only screen and (min-width: 960px) {
	.hover-1 {
		-webkit-transition: all .4s; transition: all .4s;
	}
	.hover-1:hover {
		opacity: .64;
	}
}


/*//////////////////////////////
ローディング
//////////////////////////////*/

.loading-cover {
	width: 100%; height: 100vh; box-sizing: border-box; display: flex; flex: 0 1 auto; flex-direction: row; flex-wrap: wrap; position: fixed; z-index: 100; top: 0; left: 0; background-color: #fff;
}
.loader-inner {
	position: absolute; z-index: 1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0.5, 0.5); transform: translate(-50%, -50%) scale(0.5, 0.5);
}
.loader-inner div {
	background-color: #85a540;
}


/*//////////////////////////////////////////////////
ヘッダー
//////////////////////////////////////////////////*/

header {
	width: 100%; min-width: 1280px; height: 74px; position: fixed; left: 0; top: 0; z-index: 10; background-color: rgba(255,255,255,.92); padding: 16px 0; line-height: 1;
}
header .inner {
	width: 1200px; margin: 0 auto;
}
header .logo {
	width: 120px; float: left;
}
header .logo a {
	display: inline-block;
}
header .tel-bnr {
	width: 360px; float: right; text-align: right; margin: 24px 0 0;
}
header .tel-bnr .tel {
	display: inline-block;
}
header .tel-bnr .bnr {
	display: inline-block; margin: 0 0 0 24px; padding: 8px 12px; background-color: #3d280c; border-radius: 2px; color: #fafafa; position: relative; left: 0; top: 0; z-index: 1; overflow: hidden;
}
header .tel-bnr .bnr::after {
	content: ''; width: 0; height: 100%; background-color: #fff; position: absolute; left: 0; top: 0; z-index: 1; -webkit-transition: all .4s; transition: all .4s; opacity: .24;
}
header ul {
	width: 720px; float: right; text-align: right; margin: 30px 0 0;
}
header li {
	display: inline-block; margin: 0 16px;
}
header li.en {
	position: relative; left: 0; top: -2px; z-index: 1;
}
header li a, header li .active {
	display: inline-block; position: relative; left: 0; top: 0; z-index: 1;
}
header li a::after, header li .active::after {
	content: ''; width: 100%; height: 1px; background-color: #3d280c; position: absolute; left: 50%; bottom: -12px; z-index: 1; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transition: all .4s; transition: all .4s;
}
header li a::after {
	 width: 0;
}

#header_top {
	top: -106px; -webkit-transition: all .4s; transition: all .4s;
}

@media only screen and (min-width: 960px) {
	header li a:hover::after {
		width: 100%;
	}
	header .tel-bnr .bnr:hover::after {
		width: 100%;
	}
}


/*//////////////////////////////////////////////////
フッター
//////////////////////////////////////////////////*/

.bnr-plan {
	display: block; width: 600px; margin: 160px auto 0;
}

footer {
	margin: 160px 0 0; position: relative; left: 0; top: 0; z-index: 1; background-color: #3d280c; text-align: center;
}
footer .inner {
	width: 600px; margin: 0 auto; padding: 80px 0;
}
footer .inner .footer-logo {
	width: 120px; margin: 0 auto;
}
footer .inner p {
	margin: 40px auto 0;
}
footer .inner ul {
	margin: 40px auto 0;
}
footer .inner li {
	display: inline-block; margin: 0 12px;
}
footer .inner li a {
	display: inline-block; color: #fafafa;
}
footer .copyright {
	background-color: #fff; line-height: 1; padding: 20px 0 0;
}
footer .copyright a {
	display: inline-block; vertical-align: top;
}
footer .copyright p {
	display: inline-block;
}
footer .pagetop {
	position: absolute; right: 40px; top: -70px; z-index: 1; cursor: pointer; display: inline-block;
}
footer .pagetop::before {
	content: ''; display: block; background-image: url("../img/common/common_arrow-green-down.png"); width: 16px; height: 8px; background-size: cover; position: relative; left: 50%; top: 0; z-index: 1; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transition: all .4s; transition: all .4s;
}

@media only screen and (min-width: 960px) {
	footer .inner li a:hover {
		opacity: .64;
	}
	footer .pagetop:hover::before {
		top: -4px;
	}
}


/*//////////////////////////////////////////////////
01.トップ
//////////////////////////////////////////////////*/

.main-img {
	width: 50%; min-width: 640px; height: 100vh; position: fixed; left: 0; top: 0; z-index: 1; border-top: solid 20px #fff; border-bottom: solid 20px #fff; border-left: solid 20px #fff; box-sizing: border-box;
}
.main-img .swiper-container {
	width: 100%; height: 100%;
}

.right-content {
	width: 50%; position: relative; left: 50%; top: 0; z-index: 1; border: solid 20px #fff; box-sizing: border-box; background-color: #fff;
}

.top-content .head {
	height: 100vh; position: relative; left: 0; top: 0; z-index: 1;
}
.top-content .head .inner {
	width: 600px; margin: 0 auto; position: relative; left: 0; top: 50%; z-index: 1; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); text-align: center;
}
.top-content .head .logo {
	width: 240px; margin: 0 auto;
}
.top-content .head ul {
	margin: 40px 0 0;
}
.top-content .head li {
	display: inline-block; margin: 0 12px; vertical-align: top;
}
.top-content .head li a {
	display: inline-block;
}
.top-content .head .tel-bnr {
	margin: 40px 0 0;
	position: relative;
}
.top-content .head .tel {
	display: inline-block; margin: 0 12px;
}
.top-content .head .bnr {
	display: inline-block; margin: 0 12px; padding: 8px 12px; background-color: #3d280c; border-radius: 2px; color: #fafafa; line-height: 1; position: relative; left: 0; top: 0; z-index: 1;
}
.top-content .head .bnr::after {
	content: ''; width: 0; height: 100%; background-color: #fff; position: absolute; left: 0; top: 0; z-index: 1; -webkit-transition: all .4s; transition: all .4s; opacity: .24;
}
.right-content .head .english {
	position: absolute; right: 40px; top: 20px; z-index: 1;
}
.top-content .head .scroll {
	position: absolute; right: 40px; bottom: 60px; z-index: 1; cursor: pointer; display: inline-block;
}
.top-content .head .scroll::after {
	content: ''; display: block; background-image: url("../img/common/common_arrow-blue-down.png"); width: 16px; height: 8px; background-size: cover; position: relative; left: 50%; top: 0; z-index: 1; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transition: all .4s; transition: all .4s;
}

.top-content .introduction {
	width: 600px; margin: 160px auto 0; position: relative; left: 0; top: 0; z-index: 1; text-align: center;
}

.top-content .plans {
	width: 600px; margin: 160px auto 0; position: relative; left: 0; top: 0; z-index: 1; text-align: center;
}
.top-content .plans .plan-wrap article {
	width: 280px; float: left; margin: 0 10px 24px; text-align: left; line-height: 1.5;
}
.top-content .plans .plan-wrap .img {
	width: 280px; height: 180px;
}
.top-content .plans .plan-wrap .img img {
	-webkit-transition: all .6s; transition: all .6s;
}
.top-content .plans .plan-wrap .txt {
	width: 280px;
	height: 180px;
	padding: 12px;
	box-sizing: border-box;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.top-content .plans .plan-wrap .txt h3 {
	margin: 0 0 8px;
}
/* todo:宿泊プラン検索 */
.form-area {
    width: 600px; height: 600px; margin: 40px auto 0; position: relative; left: 0; top: 0; z-index: 1; text-align: left;
}
.form-area .plan_form {
    width: 600px; padding: 24px 0 0; line-height: 1; position: relative; left: 0; top: 0; z-index: 1;
}
.form-area .check_in, .form-area .guests, .form-area .type, .form-area .price {
    border-bottom: solid 1px rgba(61,40,12,.4); padding: 24px 40px;
}
.form-area .check_in p, .form-area .guests p, .form-area .type p, .form-area .price p {
    display: inline-block;
}
.form-area .check_in img, .form-area .guests img, .form-area .type img, .form-area .price img {
    display: inline-block; margin: 0 8px 0 0;
}
.form-area input, .form-area select {
    margin: 0 16px 0 0; position: relative; left: 0; top: -8px; z-index: 1;
}
.form-area .select-tanka1 {
    margin: 0;
}
.form-area .price .from {
    display: inline-block; margin: 0 8px; position: relative; left: 0; top: -8px; z-index: 1;
}
.form-area .search_btn {
    width: 320px; height: 54px; margin: 40px auto 0; position: relative; left: 0; top: 0; z-index: 1;
}
/* end:宿泊プラン検索 */

@media only screen and (min-width: 960px) {
	.top-content .head li a:hover {
		opacity: .64;
	}
	.top-content .head .bnr:hover::after {
		width: 100%;
	}
	.top-content .head .scroll:hover::after {
		top: 4px;
	}
	.top-content .plans .plan-wrap .img:hover img {
		-webkit-transform: scale(1.03); transform: scale(1.03); opacity: .64;
	}
	.form-area .search_btn:hover::after {
		width: 100%;
	}
}


/*//////////////////////////////////////////////////
02.館内
//////////////////////////////////////////////////*/

.facility-content .introduction {
	width: 600px; margin: 160px auto 0; position: relative; left: 0; top: 0; z-index: 1; text-align: center;
}

.facility-content .guestroom {
	width: 600px; margin: 160px auto 0; position: relative; left: 0; top: 0; z-index: 1; text-align: center;
}
.facility-content .guestroom .imgs {
	margin: 24px 0 0;
}
.facility-content .guestroom .imgs .img-1 {
	width: 600px; height: 400px; float: left;
}
.facility-content .guestroom .imgs .img-2 {
	width: 390px; height: 260px; float: left; margin: 10px 10px 0 0;
}
.facility-content .guestroom .imgs .img-3 {
	width: 200px; height: 260px; float: left; margin: 10px 0 0;
}
.facility-content .guestroom th {
	width: 120px; border-bottom: solid 3px #85a540; text-align: left; padding: 12px; font-size: 1.8rem;
}
.facility-content .guestroom tr:nth-of-type(2n) th {
	border-bottom: solid 3px #71c0db;
}
.facility-content .guestroom td {
	border-bottom: solid 1px rgba(61,40,12,.4); text-align: left; padding: 12px; font-family: "Yu Gothic", YuGothic, Meiryo, sans-serif; 
}

.facility-content .dining {
	width: 600px; margin: 160px auto 0; position: relative; left: 0; top: 0; z-index: 1; text-align: center;
}
.facility-content .dining .imgs .img-1 {
	width: 600px; height: 400px;
}
.facility-content .dining .imgs .img-2 {
	width: 600px; height: 400px; margin: 10px 0 0;
}

.facility-content .party {
	width: 600px; margin: 160px auto 0; position: relative; left: 0; top: 0; z-index: 1; text-align: center;
}
.facility-content .party .imgs .img-1 {
	width: 600px; height: 400px;
}


/*//////////////////////////////////////////////////
03.温泉
//////////////////////////////////////////////////*/

.spa-content .introduction {
	width: 600px; margin: 160px auto 0; position: relative; left: 0; top: 0; z-index: 1; text-align: center;
}

.spa-content .roten {
	width: 600px; margin: 160px auto 0; position: relative; left: 0; top: 0; z-index: 1; text-align: center;
}
.spa-content .roten .imgs .img-1 {
	width: 600px; height: 400px;
}
.spa-content .roten .imgs .img-2 {
	width: 600px; height: 400px; margin: 10px 0 0;
}

.spa-content .uchiyu {
	width: 600px; margin: 160px auto 0; position: relative; left: 0; top: 0; z-index: 1; text-align: center;
}
.spa-content .uchiyu .imgs .img-1 {
	width: 600px; height: 400px;
}


/*//////////////////////////////////////////////////
04.料理
//////////////////////////////////////////////////*/

.cuisine-content .menu {
	background-color: rgba(61,40,12,.08); padding: 24px 40px; text-align: left; margin: 24px 0 0;
}
.cuisine-content .menu.custom {
	margin: 32px 0 0;
} 
.cuisine-content .menu .open {
	cursor: pointer; display: inline-block;
}
.cuisine-content .menu .open::after {
	content: ''; display: inline-block; background-image: url("../img/common/common_arrow-brown-down.png"); width: 16px; height: 8px; background-size: cover; margin: 0 0 0 8px; position: relative; left: 0; top: -3px; z-index: 1;
}
.cuisine-content .menu ul {
	margin: 24px 0 0; display: none;
}
.cuisine-content .menu li {
	padding: 16px 0; border-bottom: solid 1px rgba(61,40,12,.08);
}
.cuisine-content .menu li:nth-of-type(1) {
	border-top: solid 1px rgba(61,40,12,.08);
}

.cuisine-content .introduction {
	width: 600px; margin: 160px auto 0; position: relative; left: 0; top: 0; z-index: 1; text-align: center;
}

.cuisine-content .dinner {
	width: 600px; margin: 160px auto 0; position: relative; left: 0; top: 0; z-index: 1; text-align: center;
}
.cuisine-content .dinner h3::before {
	content: ''; display: inline-block; width: 40px; height: 1px; background-color: #3d280c; position: relative; left: 0; bottom: 8px; z-index: 1; margin: 0 8px 0 0;
}
.cuisine-content .dinner h3::after {
	content: ''; display: inline-block; width: 40px; height: 1px; background-color: #3d280c; position: relative; left: 0; bottom: 8px; z-index: 1; margin: 0 0 0 8px;
}
.cuisine-content .dinner .txt {
	margin: 24px 0 0;
}
.cuisine-content .dinner .slider {
	width: 600px; height: 400px; margin: 24px 0 0;
}
.cuisine-content .dinner .swiper-container-1, .cuisine-content .dinner .swiper-container-2, .cuisine-content .dinner .swiper-container-3 {
	width: 100%; height: 100%; overflow: hidden;
}
.cuisine-content .dinner .swiper-my-pagination-1, .cuisine-content .dinner .swiper-my-pagination-2, .cuisine-content .dinner .swiper-my-pagination-3 {
	display: inline-block; margin: 8px 0 0;
}
.cuisine-content .dinner .swiper-pagination-bullet {
	display: inline-block; width: 60px; height: 40px; margin: 0 4px; outline: none; opacity: .4; background: none;
}
.cuisine-content .dinner .swiper-pagination-bullet img {
	width: 100%; height: 100%; object-fit: cover;;
}
.cuisine-content .dinner .swiper-pagination-bullet-active {
	opacity: 1;
}

.cuisine-content .morning {
	width: 600px; margin: 160px auto 0; position: relative; left: 0; top: 0; z-index: 1; text-align: center;
}
.cuisine-content .morning .imgs {
	margin: 24px 0 0;
}
.cuisine-content .morning .imgs .img-1 {
	width: 600px; height: 400px; float: left;
}
.cuisine-content .morning .imgs .img-2 {
	width: 390px; height: 260px; float: left; margin: 10px 10px 0 0;
}
.cuisine-content .morning .imgs .img-3 {
	width: 200px; height: 260px; float: left; margin: 10px 0 0;
}


/*//////////////////////////////////////////////////
05.ランチ
//////////////////////////////////////////////////*/

.lunch-content .about {
	width: 600px; margin: 160px auto 0; position: relative; left: 0; top: 0; z-index: 1; text-align: center;
}
.lunch-content .about .img-1 {
	width: 600px; height: 400px; margin: 40px 0 0;
}
.lunch-content .about .p-1 {
	width: 520px; margin: 40px auto 0; text-align: left;
}
.lunch-content .about .img-2 {
	width: 400px; height: 200px; margin: 40px 0 0;
}
.lunch-content .about .inner-1 {
	width: 600px; height: 240px; margin: 40px 0 0; position: relative; left: 0; top: 0; z-index: 1;
}
.lunch-content .about .inner-1 p {
	width: 360px; float: left; padding: 32px; box-sizing: border-box; position: relative; left: 0; top: 50%; z-index: 1; -webkit-transform: translate(0, -50%); transform: translate(0, -50%);
}
.lunch-content .about .inner-1 p::before {
	content: ''; display: block; background-image: url("../img/common/common_devider.png"); width: 48px; height: 8px; background-size: cover; margin: 0 auto 12px;
}
.lunch-content .about .inner-1 p::after {
	content: ''; display: block; background-image: url("../img/common/common_devider.png"); width: 48px; height: 8px; background-size: cover; margin: 12px auto 0;
}
.lunch-content .about .inner-1 .img {
	width: 240px; height: 240px; float: right;
}
.lunch-content .about .img-3 {
	width: 520px; height: 260px; margin: 40px auto 0;
}
.lunch-content .about .slider {
	width: 600px; height: 400px; margin: 40px 0 0;
}
.lunch-content .about .swiper-container {
	width: 100%; height: 100%; overflow: hidden;
}
.lunch-content .about .swiper-my-pagination {
	display: inline-block; margin: 8px 0 0;
}
.lunch-content .about .swiper-pagination-bullet {
	display: inline-block; width: 60px; height: 40px; margin: 0 4px; outline: none; opacity: .4; background: none;
}
.lunch-content .about .swiper-pagination-bullet img {
	width: 100%; height: 100%; object-fit: cover;;
}
.lunch-content .about .swiper-pagination-bullet-active {
	opacity: 1;
}


/*//////////////////////////////////////////////////
06.アクセス・観光
//////////////////////////////////////////////////*/

.access-content .map {
	width: 600px; margin: 160px auto 0; position: relative; left: 0; top: 0; z-index: 1; text-align: center;
}
.access-content .map .gmap {
	width: 100%; height: 300px; background-color: rgba(61,40,12,.08);
}
.access-content .map .info {
	padding: 40px 0; background-color: #3d280c;
}
.access-content .map h3 {
	margin: 40px 0 24px;
}
.access-content .map h3::before {
	content: ''; display: inline-block; width: 40px; height: 1px; background-color: #3d280c; position: relative; left: 0; bottom: 8px; z-index: 1; margin: 0 8px 0 0;
}
.access-content .map h3::after {
	content: ''; display: inline-block; width: 40px; height: 1px; background-color: #3d280c; position: relative; left: 0; bottom: 8px; z-index: 1; margin: 0 0 0 8px;
}

.access-content .guide {
	width: 600px; margin: 160px auto 0; position: relative; left: 0; top: 0; z-index: 1; text-align: center;
}
.access-content .guide .bnr-yoka {
	display: block; width: 440px; margin: 40px auto 0;
}


/*//////////////////////////////////////////////////
07.ENGLISH
//////////////////////////////////////////////////*/

.english-content .introduction {
	width: 600px; margin: 160px auto 0; position: relative; left: 0; top: 0; z-index: 1; text-align: center;
}

.english-content .guestroom {
	width: 600px; margin: 160px auto 0; position: relative; left: 0; top: 0; z-index: 1; text-align: center;
}
.english-content .guestroom .imgs .img-1 {
	width: 390px; height: 260px; float: left;
}
.english-content .guestroom .imgs .img-2 {
	width: 200px; height: 260px; float: left; margin: 0 0 0 10px;
}
.english-content .guestroom .imgs .img-3 {
	width: 200px; height: 260px; float: left; margin: 10px 10px 0 0;
}
.english-content .guestroom .imgs .img-4 {
	width: 390px; height: 260px; float: left; margin: 10px 0 0;
}
.english-content .guestroom h3 {
	margin: 40px 0 24px;
}
.english-content .guestroom h3::before {
	content: ''; display: inline-block; width: 40px; height: 1px; background-color: #3d280c; position: relative; left: 0; bottom: 8px; z-index: 1; margin: 0 8px 0 0;
}
.english-content .guestroom h3::after {
	content: ''; display: inline-block; width: 40px; height: 1px; background-color: #3d280c; position: relative; left: 0; bottom: 8px; z-index: 1; margin: 0 0 0 8px;
}

.english-content .cuisine {
	width: 600px; margin: 160px auto 0; position: relative; left: 0; top: 0; z-index: 1; text-align: center;
}
.english-content .cuisine .imgs .img-1 {
	width: 390px; height: 260px; float: left;
}
.english-content .cuisine .imgs .img-2 {
	width: 200px; height: 260px; float: left; margin: 0 0 0 10px;
}
.english-content .cuisine .imgs .img-3 {
	width: 200px; height: 260px; float: left; margin: 10px 10px 0 0;
}
.english-content .cuisine .imgs .img-4 {
	width: 390px; height: 260px; float: left; margin: 10px 0 0;
}

.english-content .map {
	width: 600px; margin: 160px auto 0; position: relative; left: 0; top: 0; z-index: 1; text-align: center;
}
.english-content .map .gmap {
	width: 100%; height: 300px; background-color: rgba(61,40,12,.08);
}
.english-content .map .info {
	padding: 40px 0; background-color: #3d280c;
}
.english-content .map h3 {
	margin: 40px 0 24px;
}
.english-content .map h3::before {
	content: ''; display: inline-block; width: 40px; height: 1px; background-color: #3d280c; position: relative; left: 0; bottom: 8px; z-index: 1; margin: 0 8px 0 0;
}
.english-content .map h3::after {
	content: ''; display: inline-block; width: 40px; height: 1px; background-color: #3d280c; position: relative; left: 0; bottom: 8px; z-index: 1; margin: 0 0 0 8px;
}


/*** QR
*********************************************************************/
.qr{
	width: 150px;
	font-size: 12px;
	text-align: center;
	margin: 20px auto 0;
	z-index: 30;
	line-height: 15px;
}
.qr p{
	text-align: center;
	margin-top: 5px !important;
}
.qr a{
	color: #fff;
}
.qr img{
	display: inline-block;
}

.restrant-bnr {
	position: absolute;
	width:280px;
	height:auto;
	top:80px;
	left:50%;
	transform: translateX(-50%);
	margin: 0px auto;
}
.restrant-bnr img{
	width:100%;
	height:auto;
}
.restrant-bnr a:hover img{
	opacity: 0.5;
}