@charset "utf-8";
/*---base stylesheet---*/


/*------------------

1.Common Setting
2.Layout
3.Index Page
4.Sub Layout
5.Sub Page

-----------------*/



/*1.Common Setting
======================================*/
html {
	font-size: 62.5%;
}
* {
	line-height: 1.6;
	color: #fff;
	margin: 0;
	padding: 0;
}
body {
	background-image: url(/foreign/images/index/main_img.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-color: #000;
	background-size: 200% auto;
	font-size: 12px;
	font-size: 1.2rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#index body {
	background-image: none;
	background-repeat: no-repeat;
	background-color: #000;
}
body#foreign {
	background-image: none;
	background-repeat: no-repeat;
	background-color: #000;
	font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 500;
}
img {
	border: none;
	vertical-align: bottom;
}
a {
	color: #7d0000;
}
ul, li {
	list-style: none;
}
.sp5 {
	width: 5px;
}
.sp10 {
	width: 10px;
}
.sp15 {
	width: 15px;
}
.sp20 {
	width: 20px;
}
.sp30 {
	width: 30px;
}
h2 img {
	display: block;
}
.for_pc {
	display: none;
}
.for_sp {
	display: block;
}
.img_size {
	width: 100%;
	height: auto;
}
/*Clear
----------------------*/
.clear {
	clear: both;
}
/*--clearfix--*/
.cf:before, .cf:after {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
 *zoom: 1;
}
/*Contact
----------------------*/	
p.contact_banner {
	width: 700px;
	margin: 0 auto 10px;
}
p.contact_banner a {
	background: url(/images/contact_banner_on.jpg) no-repeat 0 0;
	display: block;
	height: 110px;
}
div#underLink {
	width: 100%;
	padding: 30px 0 40px;
	overflow: hidden;
	zoom: 1;
	background: url(/images/main_cont_shadow.png) no-repeat center 0 #EDEBEB;
}
div#underLink ul {
	width: 960px;
	margin: 0 auto;
}
div#underLink ul li.ul01 {
	width: 630px;
	height: 109px;
	float: left;
}
div#underLink ul li.ul01 a {
	display: block;
	background: url(/images/contact_banner_on.jpg) no-repeat 0 0;
}
div#underLink ul li.ul02 {
	width: 300px;
	height: 109px;
	float: right;
}
div#underLink ul li.ul02 a {
	display: block;
	background: url(/images/left_banner02_on.jpg) no-repeat 0 0;
}
/*Other
----------------------*/
header#headerArea > ul, ul#globalMenu, br.sp_area {
	display: none;
}
/*2.Layout
======================================*/
/*----Wrapper----*/
div#wrapper {
	position: relative;
	width: 100%;
	overflow: hidden;
	zoom: 1;
}
div#mainImg {
	width: 100%;
	height: 300px;
}
#index div#mainImg {
	height: 568px;
}
div#foreignImg {
	width: 100%;
	height: 568px;
	margin-bottom: 30px;
	background: url(../images/foreign/main_img.jpg) no-repeat top;
	background-size: cover;
}
div#mainImg_cont {
	width: 100%;
	height: 200px;
	margin: 0 auto;
	position: relative;
}
#index div#mainImg_cont {
	height: 568px;
}
/*----Header----*/
header#headerArea {
	width: 92%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	padding-top: 20px;
	padding-left: 8%;
	transition: all .3s ease-in-out;
}
body#index > div:nth-of-type(1), body#index > div:nth-of-type(1) > div {
	max-height: 100% !important;
}
header#headerArea p, header#headerArea > ul, p#mainBtn01, p#mainBtn02, p#mainBtn03, p#mainBtn04, ul#globalMenu {
	position: absolute;
}
header#headerArea h1 {
	display: none;
}
header#headerArea h1.frg_h1 {
	display: none;
}
header#headerArea h2 {
	top: 0;
	left: 2%;
	display: inline-block;
}
header#headerArea .header_logo {
	width: 174px;
	height: auto;
	transition: all .3s ease-in-out;
}
header#headerArea ul {
	width: 382px;
	height: 83px;
	padding: 3px 0 0 200px;
	top: 0;
	right: -90px;
	background: url(/foreign/images/common/tel.png) no-repeat 0 0;
}
header#headerArea ul.headernav {
	background: none;
	width: auto;
	right: 0;
}
header#headerArea ul li {
	height: 18px;
	float: left;
	margin: 0 15px 0 0;
	padding: 0 0 0 15px;
	background: url(/foreign/images/common/li_arr.png) no-repeat 0 center;
}
header#headerArea ul.headernav li {
	background: url(/foreign/images/common/li_arr.png) no-repeat 0 8px;
}
header#headerArea ul.headernav li:last-child {
	margin: 0;
}
header#headerArea ul li a {
	color: #ffffff;
	text-decoration: none;
}
div#mainTxt {
	position: absolute;
	top: 130px;
	left: calc(50% - 270px);
	width: 541px;
	height: auto;
	transition: all .3s ease-in-out;
}
div#mainTxt .main_txt_img {
	width: 100%;
	height: auto;
}
p#mainBtn01 {
	left: calc(47% - 268px);
	top: 310px;
	transition: all .3s ease-in-out;
}
p#mainBtn02 {
	right: calc(48% - 125px);
	top: 320px;
	transition: all .3s ease-in-out;
}
p#mainBtn03 {
	right: calc(48% - 260px);
	top: 320px;
	transition: all .3s ease-in-out;
}
p#mainBtn04 {
	width: 200px;
	height: 42px;
	left: calc(50% + 40px);
	bottom: 83px;
	transition: all .3s ease-in-out;
}
.m_btn_img {
	width: 100%;
	height: auto;
}
p.h_tel {
	top: 30px;
	right: 0;
	font-size: 30px;
}
p.h_tel span {
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 5px 0 0;
	font-size: 15px;
}
p.h_tel img {
	display: inline-block;
	margin: 0 10px 0 0;
	vertical-align: baseline;
}
p.h_add {
	top: 68px;
	right: 0;
	font-size: 15px;
}
/*globalMenu*/		
.menu-trigger, .menu-trigger span {
	display: inline-block;
	transition: all .2s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	z-index: -1;
	width: 36px;
	height: 32px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #000;
	box-shadow: 0px 0px 3px 1px rgba(255, 255, 255, 0.5);
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 15px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
.drawer-toggle.active .menu-trigger span {
	background-color: #fff;
	box-shadow: 0px 0px 3px 1px rgba(255, 255, 255, 0);
}
.drawer-toggle.active .menu-trigger span:nth-of-type(1) {
	-webkit-transform: translateY(15px) rotate(-45deg);
	transform: translateY(15px) rotate(-45deg);
}
.drawer-toggle.active .menu-trigger span:nth-of-type(2) {
	opacity: 0;
}
.drawer-toggle.active .menu-trigger span:nth-of-type(3) {
	-webkit-transform: translateY(-15px) rotate(45deg);
	transform: translateY(-15px) rotate(45deg);
}
header#headerArea #globalMenuWrap p {
	position: unset;
}
#spGnav .drawer-nav-in {
	height: 100%;
	padding-bottom: 60px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
#spGnav .gnav_logo {
	width: 174px;
	/*margin: 0 auto 15px;*/
	margin-bottom: 15px;
}
header#headerArea #spGnav ul {
	width: 100%;
	height: auto;
	padding: 0;
	top: 0;
	right: 0;
	background: none;
}
header#headerArea #spGnav ul#gnav {
	margin-bottom: 20px;
}
header#headerArea #spGnav ul li {
	float: none;
	background: none;
	height: auto;
	margin: 0;
	padding: 0;
}
header#headerArea #spGnav ul#gnav li {
	background: url(/foreign/images/sp/footer_arrow01.png) no-repeat left center, url(/foreign/images/sp/gnav_border_dotted.png) repeat-x left bottom;
	padding: 0 0 0 15px;
}
header#headerArea #spGnav ul li a {
	font-size: 125%;
}
header#headerArea #spGnav ul#gnav li a {
	display: block;
	width: 100%;
	padding: 15px 0;
}
header#headerArea #spGnav .lang {
	margin-bottom: 30px;
}
header#headerArea #spGnav .lang p {
	font-size: 142%;
	margin-bottomo: 5px;
}
header#headerArea #spGnav .lang li {
	display: inline-block;
	padding: 0 0 0 15px;
	margin-right: 20px;
	background: url(/foreign/images/common/li_arr.png) no-repeat 0 center;
}
header#headerArea #spGnav .lang li:nth-last-of-type(1) {
	margin-right: 0;
}
header#headerArea #spGnav p.img_tel {
	width: 173px;
}
/*2.Layout
======================================*/

	
/*----Main----*/
div#mainBg {
	width: 100%;
	background: url(/foreign/images/common/main_bottom_bg.jpg) no-repeat 15% bottom #000;
}
div#main:before, div#main:after {
	content: " ";
	display: table;
}
div#main:after {
	clear: both;
}
div#main {
 *zoom: 1;
	width: 96%;
	margin: 0 auto;
	padding: 0 2% 100px;
}
p#mainBottom_bg {
	width: 326px;
	height: 250px;
	position: absolute;
	left: -150px;
	bottom: 0;
}
/*----Right----*/
div#contArea_l {
	width: 960px;
}
div#contArea_l:before, div#contArea_l:after {
	content: " ";
	display: table;
}
div#contArea_l:after {
	clear: both;
}
div#contArea_l {
 *zoom: 1;
	width: 100%;
}
/*----Index----*/
/*ScrollMenu*/
section.scrlMenu {
	padding: 0 0 20px;
}
/*バナーカルーセル*/
div#scrlMenuArea {
	width : 96%;
	height : 90px;
	padding: 15px 2% 15px;
	background: url(/foreign/images/index/index_banner_bg.jpg) no-repeat 0 0;
	position: relative;
}
div#scrlMenuArea_inner {
	position: relative;
	width : 100%;
	height: 90px;
}
div#scrlMenuArea ul {
	position: absolute;
}
div#scrlMenuArea ul li {
	float: left;
	width: 270px;
	text-align: center;
	margin: 0 10px;
}
div#scrlMenuArea ul li img {
	display: inline-block;
}
div#scrlMenuArea .jcarousel-clip {
	position: relative;
	width: 580px;
	height: 90px;
	margin: auto;
	overflow: hidden;
}
div#scrlMenuArea .jcarousel-prev, div#scrlMenuArea .jcarousel-next {
	cursor: pointer;
	position: absolute;
	top: 33px;
	width: 21px;
	height: 21px;
}
div#scrlMenuArea .jcarousel-prev:hover, div#scrlMenuArea .jcarousel-next:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
/*index_cont01*/
#index_cont01 {
	margin-bottom: 50px;
	padding-top: 40px;
}
h3#index_title01 {
	float: left;
	width: 181px;
	background: #000;
	margin-bottom: 30px;
}
p#index_btn01 {
	width: 190px;
	float: right;
	background: #000;
}
p#index_btn01_clone {
	display: none;
}
article#index_cont01_01, article#index_cont01_02, article#index_cont01_03, article#index_cont01_04 {
	width: 96%;
	padding: 0 2% 20px;
	margin-bottom: 20px;
}
article#index_cont01_01 {
	border-bottom: 1px solid #252422;
}
article#index_cont01_02, article#index_cont01_03, article#index_cont01_04 {
	display: table-cell;
	width: 33%;
	border-right: 1px solid #252422;
}
article#index_cont01_04 {
	border-right: none;
}
section#index_cont01 p.txt {
	color: #999999;
}
article#index_cont01_02 .img img, article#index_cont01_03 .img img, article#index_cont01_04 .img img {
	width: 100%;
	height: auto;
}
.i01_subttl01 {
	width: 211px;
	height: auto;
}
.i01_subttl02 {
	width: 123px;
	height: auto;
}
.i01_subttl03 {
	width: 145px;
	height: auto;
}
.i01_subttl04 {
	width: 102px;
	height: auto;
}
#index_cont01_01 h4, #index_cont01_02 h4, #index_cont01_03 h4, #index_cont01_04 h4 {
	margin-bottom: 10px;
}
#index_cont01_01 h4:before, #index_cont01_02 h4:before, #index_cont01_03 h4:before, #index_cont01_04 h4:before, h3.access_subttl01:before, h3.access_subttl02:before {
	display: inline-block;
	content: "";
	background: url("../images/sp/index01_subtitll_list.png") no-repeat left center;
	background-size: 11px 10px;
	width: 11px;
	height: 10px;
	vertical-align: -2px;
	margin-right: 0;
}
#index_cont01_01 p.img, #index_cont01_02 p.img, #index_cont01_03 p.img, #index_cont01_04 p.img {
	text-align: center;
	margin-bottom: 15px;
}
#index_cont01_01 h4 a, #index_cont01_02 h4 a, #index_cont01_03 h4 a, #index_cont01_04 h4 a {
	color: #fff;
	font-size: 18px;
}
/*index_searchArea*/
section#index_searchArea {
	width: 39%;
	float: left;
	margin: 0 auto 30px;
}
div#index_searchTitle, div#index_searchPanel {
	text-align: center;
}
div#index_searchTitle {
	width: 100%;
	padding: 1.5% 0 23.7%;
	background: url(/foreign/images/index/index_search_title.jpg) no-repeat 0 0 / 100% auto;
}
div#index_searchPanel {
	width: 100%;
	color: #000;
	font-size: 13px;
}
form#panel {
	color: #000;
	font-size: 12px;
}
form#panel p {
	border-top: 1px dotted #000;
	color: #000;
	padding: 10px 0 0;
	margin: 8px 0 0;
}
.form_l, .form_s {
	border: 1px solid #a6937c;
	background: #ece5db;
	color: #000;
	margin: 0 0 5px;
}
option, label {
	background: #ece5db;
	color: #000;
}
.form_l {
	width: 60px;
}
.form_s {
	width: 45px;
}
.form_b {
	width: 120px;
	padding: 3px;
	margin: 5px auto;
	color: #000;
	display: block;
}
p#index_searchFooter {
	height: 10px;
}
p#index_searchFooter img {
	display: block;
}
.fix_chat {
	position: fixed;
	width: 240px;
	height: 77px;
	bottom: 0;
	right: 0;
}
.search_img {
	width: 100%;
	height: auto;
}
.search_btn_img {
	width: 41%;
	height: auto;
}
/*index_cont02*/
section#index_cont02 {
	width: 96%;
	float: right;
	overflow: hidden;
	_zoom: 1;
	margin: 0 0 44px;
	padding: 0 2%;
}
section#index_cont02 h3 {
	width: 100%;
	padding: 1% 0 1% 57%;
	padding: 1% 0 1% 327px;
	background: url("../images/sp/index_title02.png") no-repeat 0 0;
	background-size: 34% auto;
	background-size: 287px auto;
	color: #717171;
	font-size: 11px;
	margin-bottom: 15px;
}
section#index_cont02 ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
}
section#index_cont02 ul li {
	width: calc(100% / 3);
}
section#index_cont02 .i02_imgs {
	width: 100%;
	height: auto;
}
/*index_cont03*/
section#index_cont03 {
	width: 58%;
	float: right;
	overflow: hidden;
	_zoom: 1;
}
section#index_cont03 {
	width: 96%;
	float: right;
	overflow: hidden;
	_zoom: 1;
	margin: 0 auto;
	padding: 0 2%;
}
h3#index_title03 {
	width: 120px;
	float: left;
}
p#index_btn03 {
	width: 152px;
	float: right;
}
p#index_btn03 .fb-btn {
	width: 100%;
	height: auto;
}
div#facebookCont {
	clear: both;
	width: 96%;
	height: auto;/*290*/
	padding: 15px 0 2% 0;
	margin: 0 auto;/*add*/
}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe[style] {
	width: 100% !important;
}
div#facebookCont dt {
	font-size: 11px;
	color: #e2d5c0;
}
div#facebookCont dd {
	padding: 0 0 20px;
	margin: 0 0 20px;
	border-bottom: 1px dotted #333333;
}
div#facebookCont dd img {
	padding: 4px;
	border: 1px dotted #333333;
}
div#facebookCont .jspVerticalBar {
	width: 3px;
}
div#facebookCont .jspTrack {
	background: #333333;
}
div#facebookCont .jspDrag {
	background: #666666;
}
/*Add 20150707*/

.addBnr_area {
	clear: both;
	width: 100%;
	padding: 25px 0 0;
	margin: 0 auto;
}
p.addBnr_l {
	width: 100%;
	float: left;
}
p.addBnr_c {
	width: 390px;
	margin: 0 auto;
}
p.addBnr_r {
	width: 100%;
	float: right;
}
/*Footer
--------------------*/
div#footerArea {
	position: relative;
	width: 100%;
	background: url(/foreign/images/common/footer_bg.jpg) repeat-x 0 0 #D0D0D0;
	background-size: 225px auto;
	padding: 30px 0 100px;
}
footer {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
footer#footer {
	position: static;
	padding-top: 25px;
	box-sizing: border-box;
}
p#pageTop {
	position: absolute;
	width: 43px;
	top: -50px;
	left: calc(50% - 21px);
}
footer h3 {
	width: 150px;
	margin: auto;
}
footer h4 {
	text-align: center;
	font-size: 11px;
	color: #a6937c;
	margin-bottom: 10px;
}
footer ul {
	display: none;
}
footer p#footerTel {
	width: 340px;
	margin: 0 auto 35px;
}
footer p#copy {
	text-align: center;
	font-size: 11px;
	color: #7e6b5a;
}
footer#footer p.f_add {
	position: static;
	margin: 0 auto 30px;
	color: #a6937c;
	font-size: 11px;
	text-align: center;
}
footer#footer p#copy {
	position: static;
	width: 100%;
	text-align: center;
	color: #7e6b5a;
}
/*--プルダウンメニュー--*/

p.menu {
	width: 30px;
	right: 20px;
	top: 20px;
	position: absolute;
	z-index: 100000;
}
p.menu .menu-trigger, p.menu .menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
p.menu .menu-trigger {
	position: relative;
	width: 30px;
	height: 24px;
}
p.menu .menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #ffffff;
	border-radius: 4px;
}
p.menu .menu-trigger span:nth-of-type(1) {
	top: 0;
}
p.menu .menu-trigger span:nth-of-type(2) {
	top: 10px;
}
p.menu .menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
p.menu .menu-trigger span:nth-of-type(4) {
	bottom: -7px;
	font-size: 10px;
	color: #039e5f;
	background: none;
}
p.menu .menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
}
p.menu .menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
p.menu .menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
}
.closebtn {
	display: block;
	width: 80%;
	margin: 20px auto 50px;
	padding: 15px 0;
	background: #666666;
	text-align: center;
	color: #ffffff;
	font-size: 1.6rem;
	text-decoration: none;
}
.reservlink {
	display: block;
	width: 80%;
	margin: 20px auto 0;
	padding: 15px 0;
	background: #910f0f;
	text-align: center;
	color: #ffffff;
	font-size: 1.6rem;
	text-decoration: none;
}
.dl-menu {
	display: none;
	width: 100%;
	height: 100vh;
	padding: 50px 0 0;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9999;
	background-color: rgba( 0, 0, 0, 0.9 );
	overflow: auto;
}
ul#spNav {
	width: 80%;
	height: auto;
	margin: 0 auto 40px;
}
ul#spNav li {
	padding: 10px 0;
}
ul#spNav li a {
	display: block;
	width: 100%;
	font-size: 2.5rem;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
}
.dl-menu p {
	margin: 0 auto 20px;
	font-size: 2.5rem;
	text-align: center;
}
.dl-menu p a {
	color: #ffffff;
	text-decoration: none;
}
.dl-menu p img {
	display: inline-block;
	margin: 0 10px 0 0;
	vertical-align: baseline;
}
.dl-menu p span {
	font-size: 1.5rem;
}
/*4.Sub Layout
======================================*/
#page_title {
	margin-bottom: 20px;
}
/*パンクズ*/
ul.pankuzu {
	padding: 10px 0;
	overflow: hidden;
	width: 100%;
	background: url(/foreign/images/common/dot_line_title.jpg) no-repeat 0 bottom;
	margin-bottom: 20px;
}
ul.pankuzu li {
	display: inline;
	color: #a6937c;
}
ul.pankuzu li p, ul.pankuzu li a {
	color: #a6937c;
	font-size: 11px;
	padding: 3px 10px 2px 0;
	line-height: 1.6;
}
ul.pankuzu li p {
	display: inline;
}
ul.pankuzu li a {
/*display:block;*/
}
ul.pankuzu li.home {
	padding: 0;
}
ul.pankuzu li.home a {
/*display:block;*/
}
/* =========================
お料理
========================= */
.meal-ttl {
	width: 146px;
}
section.entry {
	margin-bottom: 20px;
	overflow-x: hidden;
}
section.entry::before, section.entry::after {
	content: " ";
	display: table;
}
section.entry::after {
	clear: both;
}
.meal_cont {
	width: calc(100% / 3 - 1.4%);
	float: left;
	margin: 0 0.7%;
}
.meal_subtitle_img {
	width: 240px;
	height: auto;
}
article.meal_cont p.img {
	text-align: center;
	margin-bottom: 10px;
}
.meal_img {
	width: 100%;
	height: auto;
}
article.meal_cont h4 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
article.meal_cont p.txt {
	color: #898989;
	margin-bottom: 10px;
}
p.detail_btn {
	width: 157px;
	margin: auto;
}
p.smallTxt {
	font-size: 11px;
	color: #898989;
}
/* リンクエリア */
ul#underLink, ul#underLink02 {
	clear: both;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-end;
	border: 1px solid #131313;
	margin: 0 0 5px;
	padding: 10px 0;
}
ul#underLink02 {
	border: none;
}
#underLink li, #underLink02 li {
	width: calc(100% / 3 - 1.4%);
	margin: 0 0.7%;
}
#underLink02 li {
	margin: 0 0.7% 5px;
}
#underLink li img, #underLink02 li img {
	width: 100%;
	height: auto;
}
/*--Meal sub--*/
div.meal_main_l, div.meal_main_r, div.meal_mainImgArea, div.meal_mainImg_s {
	width: 100%;
}
div.meal_main_l, div.meal_mainImgArea {
	float: left;
}
div.meal_main_r, div.meal_mainImg_s {
	float: right;
}
div.meal_main_l {
	width: 40%;
	margin-bottom: 20px;
}
div.meal_main_r {
	width: 57%
}
div.meal_main_r:before, div.meal_main_r:after {
	content: " ";
	display: table;
}
section.entry div.meal_mainImg_s p {
	width: calc(100% / 3 - 1.4%);
	padding: 0;
}
section.entry div.meal_mainImg_s p.active {
	background: #222;
}
section.entry div.meal_mainImg_s p img {
	/*padding:4px;
		border:1px dotted #333;*/
	border: 2px solid #d8d8d8;
	width: 96%;
	height: auto;
}
div.meal_mainImgArea {
	margin-bottom: 15px;
}
div.meal_mainImgArea img {
	width: 99%;
	height: auto;
	display: none;
	border: 2px solid #d8d8d8;
}
div.meal_mainImg_s {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
/* =========================
お料理 - かに料理
========================= */
.kani-ttl {
	width: 174px;
}
#meal_insert_link {
	background: url("../images/sub/meal_insert_link.jpg") no-repeat left top;
	background-size: 100% auto;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
#meal_insert_link li {
	width: 33%;
	margin-right: 0.5%;
}
#meal_insert_link li.meal_insert03 {
	margin-right: 0;
}
#kani li.meal_insert01 img {
	display: none;
}
#meal_insert_link li img {
	width: 100%;
	height: auto;
}
div.three_col_area {
	position: relative;
}
div.three_col_left {
	float: left;
	position: relative;
	margin-right: 1.25%;
}
div.three_col_area {
	width: 32.5%;
	margin-bottom: 40px;
}
div.three_col_right {
	float: right;
	padding: 0 0 30px;
}
div.three_col_area .popImg {
	width: 77px;
	height: 77px;
	position: absolute;
	top: 10px;
	left: 7px;
}
div.three_col_area p.img {
	margin-bottom: 15px;
}
div.three_col_area p.img img {
	border-radius: 5px; /* CSS3 */
}
div.three_col_area h4 {
	font-size: 15px;
	font-weight: 900;
	color: #fff;
	padding: 0 0 10px;
}
div.three_col_area p.txt {
	margin: 0 0 10px;
	color: #898989;
}
div.five_col_area {
	width: 175px;
}
div.five_col_area h4 {
	text-align: center;
}
div.five_col_area {
	width: calc(100% / 4 - 1.6%);
	float: left;
	margin: 0 0.8% 15px;
}
div.five_col_area p.img img {
	border-radius: 5px;
}
.kani_txt_img {
	width: 229px;
	margin-bottom: 20px;
}
.three_col_area .img img {
	width: 100%;
	height: auto;
}
.recommend_subtitle {
	width: 181px;
	margin-bottom: 15px;
}
.large_btn {
	width: 300px;
	margin: auto;
}
.alacarte_subtitle {
	margin-bottom: 10px;
}
.alacarte_subtitle_img {
	width: 72px;
	height: auto;
}
.alacarte_subtitle:before {
	display: inline-block;
	content: "";
	background: url("../images/sp/index01_subtitll_list.png") no-repeat left center;
	background-size: 100% auto;
	width: 11px;
	height: 10px;
	vertical-align: -2px;
	margin-right: 0;
}
div.five_col_area .img img {
	width: 100%;
	height: auto;
}
/* =========================
お料理 - 海鮮料理
========================= */
.kaisen-ttl {
	width: 233px;
}
#kaisen li.meal_insert02 img {
	display: none;
}
.kaisen_txt_img {
	width: 217px;
	margin-bottom: 20px;
}
#kaisen div.meal_mainImg_s, #wagyu div.meal_mainImg_s {
	justify-content: center;
}
#kaisen section.entry div.meal_mainImg_s p, #wagyu section.entry div.meal_mainImg_s p {
	margin: 0 1%;
}
/* =========================
お料理 - 和牛料理
========================= */
.wagyu-ttl {
	width: 275px;
}
.wagyu_txt_img {
	width: 234px;
	margin-bottom: 20px;
}
#wagyu li.meal_insert03 img {
	display: none;
}
/* =========================
お料理 - お子様用メニュー
========================= */
div#childrenArea {
	background-color: #eee;
	padding: 0 2%;
}
div.childrenCont {
	overflow: hidden;
	_zoom: 1;
	padding: 0 0 30px;
}
div.children_half_col_l {
	float: left;
}
div.children_half_col_r {
	float: right;
}
div.children_half_col {
	width: 48%;
}
div.children_half_col p.img {
	border-left: 6px solid #fff;
	border-right: 6px solid #fff;
}
.children-ttl {
	width: 291px;
}
.children_half_col img {
	width: 100%;
	height: auto;
}
.children_half_col .img_bot {
	vertical-align: top !important;
}
div.children_half_col h4 {
	color: #b63d1e;
	color: #930;
	font-size: 26px;
	font-weight: 900;
	padding: 23px 0 20px;
	background: url(/foreign/images/sp/children_subtitle_bottom.png) no-repeat left bottom;
	background-size: 100% auto;
	line-height: 1.3;
	margin-bottom: 15px;
}
div.children_half_col h4:before {
	content: "";
	display: inline-block;
	background: url("/foreign/images/sp/children_subtitle_list.png") no-repeat left center;
	background-size: 18px 17px;
	width: 18px;
	height: 17px;
	vertical-align: 1px;
	margin-right: 6px;
}
div.children_half_col h4 span {
	display: block;
	font-size: 13px;
	color: #b63d1e;
	color: #930;
	font-weight: 100;
}
div.children_half_col p.price {
	font-size: 18px;
	color: #F90;
	color: #b63d1e;
	padding: 0 0 10px;
}
div.children_half_col p.price span {
	font-size: 13px;
	color: #F90;
	color: #b63d1e;
}
div.children_half_col p {
	padding: 0;
	color: #362e2b;
}
div.children_half_col p.txt {
	padding: 15px;
	border: 1px dotted #997a59;
	background: #ede8e1;
}
.children_subtitle {
	width: 294px;
}
/* =========================
お部屋
========================= */
.room-spa-ttl {
	width: 272px;
}
ul#room_insert_link {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	overflow: hidden;
	_zoom: 1;
	background: url(/foreign/images/sub/room_insert_link.jpg) no-repeat 0 0;
	background-size: 100% auto;
	margin: 0 0 20px;
}
ul#room_insert_link li {
	width: 50%;
}
#room_insert_link img {
	width: 100%;
	height: auto;
}
#room li.room_insert01 img, #spa li.room_insert02 img {
	display: none;
}
div.room_mainImgArea img {
	position: absolute;
	border: 5px solid #d8d8d8;
	width: 44.5%;
	height: auto;
}
div.half_col_area::before, div.half_col_area::after {
	content: " ";
	display: table;
}
.room_sea div.half_col_area, .room_mt div.half_col_area, .room_fam div.half_col_area {
	width: 48%;
}
.room_sea .half_col_left, .room_mt .half_col_left, .room_fam .half_col_left {
	float: left;
}
.room_sea .half_col_left, .room_fam .half_col_left {
	margin-bottom: 35%;
}
.room_mt .half_col_right {
	/*margin-bottom: 38%;*/
	margin-bottom: 3%;
}
.room_sea .half_col_right, .room_mt .half_col_right, .room_fam .half_col_right {
	float: right;
}
.room_subttl01, .room_subttl02, .room_subttl03, .room_subttl04, .room_subttl05, .ame_ttl, .other_subttl, .other_subttl01, .other_subttl03, .other_subttl05, .other_subttl04, .access-ttl, .spa_subttl01, .spa_subttl02 {
	background: url(/foreign/images/sp/room_subtitle_border.png) repeat-x left bottom;
	margin-bottom: 12px;
	padding-bottom: 12px;
}
.room_subttl01 img.img_size {
	width: 141px;
}
.room_subttl02 img.img_size {
	width: 141px;
}
.room_subttl03 img.img_size {
	width: 290px;
}
.ame_ttl img.img_size {
	width: 88px;
}
.room_ame div.half_col_area {
	margin-bottom: 30px;
}
.room_ame div.half_col_left {
	width: 60%;
	margin-right: 5%;
}
.room_ame div.half_col_right {
	width: 35%;
}
.room_ame div.half_col_left, .room_ame p.half_col_img_l {
	float: left;
}
.room_ame div.half_col_right, .room_ame p.half_col_img_r {
	float: right;
}
.room_ame div.half_col_left img {
	width: calc(100% - 10px);
	height: auto;
}
.room_ame p.half_col_img_l, .room_ame p.half_col_img_r {
	width: 48%;
}
section.entry p {
	padding-bottom: 10px;
}
section.entry p.roomDetail {
	background: url(/foreign/images/common/arrow01.jpg) no-repeat 0 6px;
	margin: 0 0 2px;
	padding: 0 0 0 10px;
}
section.entry p {
	padding-bottom: 10px;
}
p.sectionSeparate {
	clear: both;
	width: 48px;
	margin: 0 auto;
	padding: 30px 0;
	padding-bottom: 30px;
}
/*section.room_mt {
	margin-bottom: 30px;
}*/
p.half_col_img_l img, p.half_col_img_r img {
	border: 5px solid #d8d8d8;
}
.room_ame .half_col_right {
	margin-bottom: 30px;
}
p.large_btn span {
	display: block;
	padding: 3px 0 0;
	font-size: 11px;
	text-align: center;
	color: #898989;
}
.other_cont {
	margin-bottom: 30px;
}
.other_subttl img.img_size {
	width: 159px;
}
p.other_contImg img {
	border: 5px solid #d8d8d8;
}
.other_cont .other_contImg {
	float: left;
	width: 210px;
}
.other_contDetail {
	float: right;
	width: calc(95% - 210px);
}
.other_subttl01 img.img_size {
	width: 100px;
}
.other_subttl03 img.img_size {
	width: 94px;
}
.other_subttl05 img.img_size {
	width: 143px;
}
.other_subttl04 img.img_size {
	width: 31px;
}
.other_footer {
	display: none;
}
/* =========================
お風呂
========================= */
.spa_subttl01 .img_size {
	width: 174px;
}
.spa_subttl02 .img_size {
	width: 71px;
}
div.textureArea {
	background: url(/foreign/images/common/texture_bg.jpg) repeat 0 0;
	padding: 15px 3% 10px;
}
div.textureArea p {
	background: url(/foreign/images/common/arrow02.jpg) no-repeat 0 7px;
	margin: 0 0 5px;
	padding: 0 0 0 10px;
}
/* =========================
アクセス
========================= */
.access-ttl .img_size {
	width: 182px;
}
.access_subttl01, .access_subttl02 {
	margin-bottom: 15px;
}
.access_subttl01 .img_size {
	width: 176px;
}
.access_subttl02 .img_size {
	width: 138px;
}
#access div#map {
	width: 100%;
	height: 50vh;
}
#access div#mapArea {
	width: 93.6%;
	height: 50vh;
	padding: 3%;
	border: 1px dotted #333;
}
p#setCenter {
	width: 185px;
	height: 25px;
	margin: 0 auto 20px;
}
.access_subttl02_car, .access_subttl02_rw, .access_subttl03_plane {
	width: 600px;
}
.accessImg {
	margin-bottom: 30px;
}
/* =========================
よくある質問
========================= */
.faq-ttl {
	width: 216px;
}
.entry_title {
	background: url(/foreign/images/sub/arrow03.jpg) no-repeat 0 13px;
	font-weight: 900;
	font-size: 23px;
	padding: 0 0 0 15px;
	color: #e2d8c7;
	position: relative;
	margin: 0 0 15px;
}
h4.entry_faq_title {
	margin: 0 0 10px;
	background: url(/foreign/images/sub/dot_bg.jpg) repeat 0 0;
	color: #d1c0a5;
	font-size: 15px;
	font-weight: 900;
	padding: 5px 10px;
}
div.selected div.faqCont {
	display: block;
}
div.faqCont {
	padding: 0 3% 15px;
}
/* =========================
おすすめプラン
========================= */
.plan_r-ttl {
	width: 100%;
	max-width: 320px;
}
div.planCont_l {
	float: left;
	width: 22%;
}
div.planCont_r {
	float: right;
	width: 74%;
}
div.planCont_l img {
	width: 100%;
	height: auto;
	border: 5px solid #d8d8d8;
}
p.planSeparate {
	clear: both;
	width: 60px;
	height: 13px;
	margin: 40px auto;
}
.entry_sub_title {
	margin: 16px 0;
	background: url(/foreign/images/sub/dot_bg.jpg) repeat 0 0;
	color: #d1c0a5;
	font-size: 14px;
	font-weight: 900;
	padding: 5px 10px;
}
div.planCont_l p {
	font-size: 11px;
	color: #a0a0a0;
}
.planDetail {
	display: none;
}
.planDetail_sp th, .planDetail_sp td {
	padding: 7px 0;
}
.planDetail_sp th {
	width: 30%;
}
.planDetail_sp td {
	padding-left: 10px;
}
/* =========================
周辺観光
========================= */	
.kanko-ttl {
	width: 181px;
}
div#mapArea {
	width: 100%;
	height: 400px;
}
div#map {
	width: 100%;
	height: 100%;
}
.kanko-subttl {
	max-width: 340px;
	margin-bottom: 20px;
}
.spotArea {
}
div.spotCont {
	display: inline-block;
	vertical-align: top;
	width: 30%;
	margin: 0 1.4% 30px;
}
.spotCont .img {
	width: 100%;
	margin: auto;
}
div.spotCont p.img img {
	border: 1px solid #313131;
	padding: 4px;
}
div.spotCont h4 {
	background: url(/foreign/images/common/dot_line_title.jpg) no-repeat 0 bottom;
	font-size: 16px;
	font-weight: 900;
	padding-bottom: 7px;
	margin-bottom: 5px;
}
div.spotCont p.spotTime {
	background: url(/foreign/images/sp/kanko_sche_img.png) no-repeat 0 0;
	background-size: 126px auto;
	color: #7e6b5a;
	font-size: 11px;
	padding: 3px 0 10px 140px;
}
div.spotCont p.txt {
	font-size: 12px;
	color: #535353;
}
/* =========================
ホームページ限定5大特典
========================= */  
.web_only_head-img {
	width: 100%;
}
div#websiteArea {
	width: 100%;
	background: url(/foreign/images/sub/website_only_bg.jpg) repeat-y 0 0;
	background-size: contain;
}
div#websiteCont {
	padding: 5px 5% 10px;
}
div#websiteCont * {
	color: #362e2b;
}
section.entry p {
	margin-bottom: 15px;
}
div.point1 {
	background: url(/foreign/images/sp/website_only_01.png) no-repeat 0 0;
	background-size: 94px auto;
	padding: 15px 0 20px 110px;
}
div.point2 {
	background: url(/foreign/images/sp/website_only_02.png) no-repeat 0 0;
	background-size: 94px auto;
	padding: 15px 0 20px 110px;
}
div.point3 {
	background: url(/foreign/images/sp/website_only_03.png) no-repeat 0 0;
	background-size: 94px auto;
	padding: 15px 0 20px 110px;
}
div.point4 {
	background: url(/foreign/images/sp/website_only_04.png) no-repeat 0 0;
	background-size: 94px auto;
	padding: 15px 0 0 110px;
}
div.point5 {
	background: url(/foreign/images/sp/website_only_05.png) no-repeat 0 0;
	background-size: 94px auto;
	padding: 15px 0 0 110px;
}
div#websiteCont h4 {
	color: #6a3906;
	font-size: 30px;
	font-weight: 900;
}
.box-bot-img .img_size {
	vertical-align: top;
}
/* =========================
サイトマップ
========================= */
.sitemap-ttl {
	width: 236px;
}
ul.siteMap_area {
	border-top: 1px dotted #333;
}
ul.siteMap_area ul {
	width: 100%;
	border: none;
	float: left;
	margin-left: 20px;
}
ul.siteMap_area li {
	overflow: hidden;
	_zoom: 1;
	border-bottom: 1px dotted #333;
}
ul.siteMap_area li.lastChild {
	border: none;
}
ul.siteMap_area li a, ul.siteMap_area li p {
	display: block;
	padding: 10px 0 10px 30px;
	background: url(/foreign/images/sub/arrow03.jpg) no-repeat 10px 15px;
	color: #a6937c;
	text-decoration: none;
	font-size: 13px;
}
ul.siteMap_area li a.subCat, ul.siteMap_area li p.subCat {
	width: 100%;
	float: left;
	margin-bottom: 0;
}
ul.siteMap_area li ul li a {
	display: block;
	padding: 10px 0 10px 30px;
	background: url(/foreign/images/common/arrow01.jpg) no-repeat 10px 17px;
	color: #aaa;
}
/* =========================
お問い合わせ
========================= */
.contact-ttl {
	width: 249px;
}
/* =========================
foreign
========================= */
.frgTl {
	margin: 0 auto 35px;
	padding: 0 0 10px;
	background: url(../images/foreign/tl_line.png) no-repeat center bottom;
	text-align: center;
}
.frgTl span {
	display: inline-block;
	padding: 25px 0 0;
	background: url(../images/foreign/tl_icn.png) no-repeat center top;
	font-size: 35px;
	color: #e2d8c7;
}
.frgNav {
	display: none !important;
}
header#headerArea > p.h_tel, header#headerArea > p.h_add {
	display: none;
}

@media screen and (max-width:768px) {
.frgTl span {
	font-size: 3.0rem;
}
}
.frgSight {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 94%;
	padding: 0 3%;
	margin: 0 0 50px;
}
.frg_l {
	float: left;
	margin: 0 3% 0 0;
}
.frg_r {
	float: right;
	margin: 0;
}
.frg_shight {
	width: 46.5%;
	margin: 0 auto 10px;
	box-sizing: border-box;
}
.sight_img {
	width: 100%;
	margin-bottom: 20px;
}
.sight_name {
	margin-bottom: 20px;
	font-size: 16px;
	color: #d8cfbe;
}
.locationArea {
	width: 100%;
	margin: 0 auto 50px;
}
.location_col {
	float: left;
	width: 45%;
	text-align: right;
}
.inner_location {
	display: inline-block;
	max-width: 415px;
	padding-top: 50px;
	text-align: left;
}
.locat_tl {
	margin-bottom: 10px;
	font-size: 60px;
	color: #d8cfbe;
	line-height: 1.0;
}
.locate_txt {
	margin-bottom: 20px;
	font-size: 18px;
}
.location_col {
	float: none;
	width: 94%;
	padding: 0 3%;
	margin: 0 auto;
}
.inner_location {
	float: left;
	width: 40%;
}
.location_map {
	float: right;
	width: 59%;
	padding-top: 10vw;
}
.location_map img {
	max-width: 100%;
}

@media screen and (max-width: 760px) {
.location_col {
	float: none;
	width: 94%;
	padding: 0 3%;
	margin: 0 auto;
}
.inner_location {
	width: 100%;
	max-width: inherit;
	padding-top: 0;
}
.locat_tl {
	font-size: 5.0rem;
}
.location_map {
	float: none;
	width: 94%;
	padding: 0 3%;
}
}
#cuisine {
	padding: 0 3%;
}
.cuisin_txt {
	margin-bottom: 15px;
	font-size: 18px;
	text-align: center;
}
.cuisin_img {
	width: 100%;
	margin-bottom: 30px;
}
.cuisin_img img {
	width: 100%;
}
.cuisin_att {
	width: 100%;
	margin-bottom: 50px;
	padding: 15px 10px 20px;
	background: #444343;
	text-align: center;
	box-sizing: border-box;
}
#room {
	padding: 0 3%;
}
.room_txt01 {
	margin-bottom: 40px;
	font-size: 18px;
	text-align: center;
}
.room_txt01 img {
	display: inline-block;
	width: 131px;
	margin-bottom: 10px;
}
.roomArea {
	width: 100%;
	margin-bottom: 30px;
}
.room_img {
	width: 470px;
}

@media screen and (max-width:768px) {
.room_img {
	float: left;
	width: 48.5%;
}
.room_img img {
	width: 100%;
}
}
.frg_roomtl {
	margin: 0 auto 30px;
	font-size: 36px;
	text-align: center;
}
.room_txt02 {
	width: 100%;
	margin-bottom: 50px;
	padding: 0 15px;
	box-sizing: border-box;
}
.room_txt02 p {
	margin-bottom: 15px;
	font-size: 18px;
	text-align: center;
}
.amtArea {
	width: 100%;
	margin: 0 auto 50px;
}
.amt_img {
	width: 31.3%;
}
.amt_col {
	width: 65%;
	margin: 0 auto;
}
#spa {
	padding: 0 3%;
}
.spaArea {
	width: 100%;
	margin: 0 auto 20px;
}
.spa_col {
	width: 80%;
	margin: 0 auto;
}
.spa_col img {
	width: 100%;
}
.spa_col.frg_l, .spa_col.frg_r {
	float: none;
}
.spa_tl {
	margin-bottom: 15px;
	font-size: 28px;
	color: #e2d8c7;
}
.spa_col p {
	margin-bottom: 15px;
}
.spa_col dl {
	width: 100%;
}
.spa_col dl dt {
	font-size: 20px;
	color: #e2d8c7;
}
.spa_col dl dd {
	margin-bottom: 15px;
}
.frg_subtl {
	margin-bottom: 30px;
	font-size: 28px;
	color: #e2d8c7;
}
#access {
	padding: 0 3%;
}
.access_img {
	width: 100%;
	margin: 0 auto 30px;
}
.access_img img {
	width: 100%;
}
.acs_tl {
	margin-bottom: 15px;
	font-size: 20px;
	color: #e2d8c7;
}
.acs_txt {
	margin: -15px 0 50px;
	text-align: right;
	position: relative;
}

@media screen and (max-width:768px) {
.acs_txt {
	font-size: 1.2rem;
	text-align: left;
}
}
.acs_txt02 {
	margin-bottom: 20px;
}
.acs_subtl {
	margin-bottom: 10px;
}
#frgmapArea {
	width: 100%;
	margin-bottom: 30px;
}
#frgmapArea iframe {
	width: 100%;
}

@media screen and (max-width:768px) {
#frgmapArea iframe {
	height: 300px;
}
}
.frgBnr {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 30px;
	text-align: center;
}
.bnr_col {
	display: inline-block;
	margin: 0 10px 10px;
	width: 300px;
}
.bnr_col a {
	display: block;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.bnr_col a:hover {
	opacity: 0.6;
}
.reserv_btn {
	display: none;
}
/* =========================
夜灯見荘での過ごし方
========================= */	
.spend_f-ttl {
	width: 100%;
	max-width: 374px;
}
ul#spend_insert_link {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: url(/foreign/images/sub/spend_insert_link.jpg) no-repeat 0 0;
	background-size: contain;
}
ul#spend_insert_link li {
	width: 33.3%;
}
ul#spend_insert_link li img {
	width: 100%;
	height: auto;
}
ul#spend_insert_link_sp {
	display: none;
}
/*----index----*/
.meal_cont h3 {
	margin-bottom: 15px;
}
h3.spend_index_title01 {
	width: 106px;
}
h3.spend_index_title02 {
	width: 87px;
}
h3.spend_index_title03 {
	width: 68px;
}

/*----ファミリー----*/

@media screen and (min-width: 601px) {
#spend_f li.spend_insert01 img {
	display: none;
}
}
.spend_f_title {
	background: url("/foreign/images/sub/spend_f_subtitle.jpg") no-repeat center bottom;
	background-size: 100%;
	padding: 5vw 0 4.8vw 49vw;
	color: #717171;
}

@media screen and (min-width: 601px) and (max-width: 768px) {
.spend_f_title {
	font-size: 1.5vw;
}
}
.spend_f_title span {
	display: none;
}
div#spendArea {
	background: url("/foreign/images/sub/spend_bg.jpg") repeat-y center top / contain;
	margin-top: -1px;
}
div.spendCont_f {
	background: url(/foreign/images/sub/spend_f_bg.jpg) no-repeat 0 0;
	background-size: 100%;
}
div.spendCont {
	padding: 0 0 30px 2%;
	width: 98%;
}
.spendCont_f h4 {
	width: 98%;
	margin-bottom: 15px;
}
.spendCont_f h4.spend_f-ttl01 {
	width: 57.1%;
}
.spendCont_f h4.spend_f-ttl02 {
	width: 49.5%;
}
div.spendCont div {
	width: 100%;
	background-size: 6.3%, 1px;
	padding: 8px 0 20px 10.0vw;
	margin-left: 0.8vw;
}
div.spendCont div.spend_f_06 {
	padding: 8px 0 0 9.8vw;
}
div.spendCont div.spend_f_13 {
	padding: 8px 0 2vw 9.8vw;
}
div.spend_f_01 {
	background: url("../images/sp/spend_time11.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_f_02 {
	background: url("../images/sp/spend_time153.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_f_03 {
	background: url("../images/sp/spend_time163.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_f_04 {
	background: url("../images/sp/spend_time18.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_f_05 {
	background: url("../images/sp/spend_time193.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_f_06 {
	background: url("../images/sp/spend_time22.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_f_07 {
	background: url("../images/sp/spend_time7.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_f_08 {
	background: url("../images/sp/spend_time83.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_f_09 {
	background: url("../images/sp/spend_time93.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_f_10 {
	background: url("../images/sp/spend_time10.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_f_11 {
	background: url("../images/sp/spend_time113.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_f_12 {
	background: url("../images/sp/spend_time14.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_f_13 {
	background: url("../images/sp/spend_time16.png") no-repeat left top;
}
div.spendCont div p {
	width: 40%;
	padding-bottom: 0;
	margin-bottom: 0;
}
div#spendArea h5 {
	margin-bottom: 15px;
}
div.spend_f_01 h5 {
	width: 14.8%;
}
div.spend_f_02 h5 {
	width: 30.0%;
}
div.spend_f_03 h5 {
	width: 19.5%;
}
div.spend_f_04 h5 {
	width: 26.5%;
}
div.spend_f_05 h5 {
	width: 32.8%;
}
div.spend_f_06 h5 {
	width: 23.3%;
}
div.spend_f_07 h5 {
	width: 12.0%;
}
div.spend_f_08 h5 {
	width: 5.9%;
}
div.spend_f_09 h5 {
	width: 18.0%;
}
div.spend_f_10 h5 {
	width: 26.1%;
}
div.spend_f_11 h5 {
	width: 18.4%;
}
div.spend_f_12 h5 {
	width: 20%;
}
div.spend_f_13 h5 {
	width: 6.3%;
}
div.spendCont div p {
	color: #362e2b;
}
p.spend_page_separate {
	text-align: center;
	margin: 70px auto 30px !important;
}
div#spendArea p.spend_footer {
	display: none;
}
p.spend_footer.for_sp {
	width: 100%;
	height: auto;
}
p.spend_footer.for_sp img {
	vertical-align: top;
}

/*----カップル----*/
@media screen and (min-width: 601px) {
#spend_c li.spend_insert02 img {
	display: none;
}
}
.spend_c_title {
	background: url("/foreign/images/sub/spend_c_subtitle.jpg") no-repeat center bottom;
	background-size: 100%;
	padding: 5vw 0 4.8vw 49vw;
	color: #717171;
}

@media screen and (min-width: 601px) and (max-width: 768px) {
.spend_c_title {
	font-size: 1.5vw;
}
}
.spend_c_title span {
	display: none;
}
div.spendCont_c {
	background: url(/foreign/images/sub/spend_c_bg.jpg) no-repeat 0 0;
	background-size: 100%;
}
.spendCont_c h4 {
	width: 98%;
	margin-bottom: 15px;
}
.spendCont_c h4.spend_c-ttl01 {
	width: 50.2%;
}
.spendCont_c h4.spend_c-ttl02 {
	width: 44.5%;
}
div.spendCont div.spend_c_06 {
	padding: 8px 0 0 9.8vw;
}
div.spendCont div.spend_c_11 {
	padding: 8px 0 2vw 9.8vw;
}
div.spend_c_01 {
	background: url("../images/sp/spend_time10.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_c_02 {
	background: url("../images/sp/spend_time163.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_c_03 {
	background: url("../images/sp/spend_time17.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_c_04 {
	background: url("../images/sp/spend_time18.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_c_05 {
	background: url("../images/sp/spend_time203.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_c_06 {
	background: url("../images/sp/spend_time23.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_c_07 {
	background: url("../images/sp/spend_time8.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_c_08 {
	background: url("../images/sp/spend_time9.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_c_09 {
	background: url("../images/sp/spend_time10.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_c_10 {
	background: url("../images/sp/spend_time113.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_c_11 {
	background: url("../images/sp/spend_time16.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_c_01 h5 {
	width: 19.1%;
}
div.spend_c_02 h5 {
	width: 30.0%;
}
div.spend_c_03 h5 {
	width: 19.5%;
}
div.spend_c_04 h5 {
	width: 26.5%;
}
div.spend_c_05 h5 {
	width: 18.4%;
}
div.spend_c_06 h5 {
	width: 23.3%;
}
div.spend_c_07 h5 {
	width: 5.9%;
}
div.spend_c_08 h5 {
	width: 12.0%;
}
div.spend_c_09 h5 {
	width: 18.0%;
}
div.spend_c_10 h5 {
	width: 18.6%;
}
div.spend_c_11 h5 {
	width: 6.3%;
}
#spend_c p.spend_page_separate {
	margin: 5vw auto !important;
}

/*----ご夫婦----*/
@media screen and (min-width: 601px) {
#spend_a li.spend_insert03 img {
	display: none;
}
}
.spend_a_title {
	background: url("/foreign/images/sub/spend_a_subtitle.jpg") no-repeat center bottom;
	background-size: 100%;
	padding: 5vw 0 4.8vw 51vw;
	color: #717171;
}

@media screen and (min-width: 601px) and (max-width: 768px) {
.spend_a_title {
	font-size: 1.5vw;
}
}
.spend_a_title span {
	display: none;
}
div.spendCont_a {
	background: url(/foreign/images/sub/spend_a_bg.jpg) no-repeat 0 0;
	background-size: 100%;
}
.spendCont_a h4 {
	width: 98%;
	margin-bottom: 15px;
}
.spendCont_a h4.spend_a-ttl01 {
	width: 63.4%;
}
.spendCont_a h4.spend_a-ttl02 {
	width: 43.1%;
}
div.spendCont div.spend_a_06 {
	padding: 8px 0 0 9.8vw;
}
div.spendCont div.spend_a_11 {
	padding: 8px 0 2vw 9.8vw;
}
div.spend_a_01 {
	background: url("../images/sp/spend_time11.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_a_02 {
	background: url("../images/sp/spend_time13.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_a_03 {
	background: url("../images/sp/spend_time163.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_a_04 {
	background: url("../images/sp/spend_time18.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_a_05 {
	background: url("../images/sp/spend_time203.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_a_06 {
	background: url("../images/sp/spend_time22.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_a_07 {
	background: url("../images/sp/spend_time7.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_a_08 {
	background: url("../images/sp/spend_time8.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_a_09 {
	background: url("../images/sp/spend_time9.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_a_10 {
	background: url("../images/sp/spend_time113.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_a_11 {
	background: url("../images/sp/spend_time16.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 3.3vw top;
}
div.spend_a_01 h5 {
	width: 17.5%;
}
div.spend_a_02 h5 {
	width: 22.2%;
}
div.spend_a_03 h5 {
	width: 30.0%;
}
div.spend_a_04 h5 {
	width: 19.5%;
}
div.spend_a_05 h5 {
	width: 26.5%;
}
div.spend_a_06 h5 {
	width: 23.3%;
}
div.spend_a_07 h5 {
	width: 12.0%;
}
div.spend_a_08 h5 {
	width: 5.9%;
}
div.spend_a_09 h5 {
	width: 25.0%;
}
div.spend_a_10 h5 {
	width: 31.1%;
}
div.spend_a_11 h5 {
	width: 6.3%;
}
#spend_a p.spend_page_separate {
	margin: 5vw auto !important;
}
/* =========================
新着情報
========================= */	
.news-ttl {
	width: 207px;
}
.entry_title {
	background: url(/foreign/images/sub/arrow03.jpg) no-repeat 0 8px;
	font-size: 18px;
}
#news .entry p img {
	max-width: 100%;
	height: auto;
	margin: auto;
}

@media only screen and (max-width: 600px) {
div#mainImg {
	height: 200px;
}
header#headerArea {
	width: 98%;
	padding-left: 2%;
}
/* footer */
div#footerArea {
	background-size: 190px auto;
}
p#pageTop {
	position: absolute;
	width: 34px;
	top: -30px;
	left: calc(50% - 17px);
}
footer h3 {
	width: 113px;
	margin: auto;
}
footer p#footerTel {
	width: 255px;
	margin: 0 auto 35px;
}
.fix_chat {
	position: fixed;
	background: #211a0e;
	width: 100%;
	bottom: 0;
	right: 0;
	text-align: right;
}
/* index.html */
div#mainTxt {
	left: 50%;
	width: 76%;
	max-width: 328px;
	transform: translateX(-50%);
}
p#mainBtn01 {
	width: 174px;
	left: calc(50% - 184px);
	top: 350px;
	transition: all .3s ease-in-out;
}
p#mainBtn02 {
	width: 93px;
	right: calc(50% - 86px);
	top: 350px;
	transition: all .3s ease-in-out;
}
p#mainBtn03 {
	width: 93px;
	right: calc(50% - 184px);
	top: 350px;
	transition: all .3s ease-in-out;
}
p#mainBtn04 {
	width: 200px;
	height: 42px;
	left: calc(50% - 14px);
	bottom: 98px;
	transition: all .3s ease-in-out;
}
/* バナーカルーセル */
div#scrlMenuArea .jcarousel-clip {
	width: 290px;
}
h3#index_title01 {
	float: none;
}
p#index_btn01 {
	display: none;
}
p#index_btn01_clone {
	display: block;
	width: 190px;
	padding: 10px 0 13px;
	background: #000;
	margin: auto;
}
article#index_cont01_01, article#index_cont01_02, article#index_cont01_03, article#index_cont01_04 {
	width: 92%;
	float: left;
	border-bottom: 1px solid #252422;
	border-right: none;
	padding: 0 4% 20px;
	margin-bottom: 20px;
}
article#index_cont01_02 .img img, article#index_cont01_03 .img img, article#index_cont01_04 .img img {
	width: auto;
	height: auto;
}
#index_cont01_01 h4:after, #index_cont01_02 h4:after, #index_cont01_03 h4:after, #index_cont01_04 h4:after {
	display: inline-block;
	content: "";
	background: url("../images/sp/index01_subtitle_arrow.png") no-repeat left center;
	background-size: 9px 17px;
	width: 9px;
	height: 17px;
	vertical-align: -5px;
	margin-left: 30px;
}
/* index_searchArea */
section#index_searchArea {
	width: 300px;
	float: none;
	margin: 0 auto 30px;
}
div#index_searchTitle, div#index_searchPanel {
	text-align: center;
}
div#index_searchTitle {
	width: 123px;
	height: 41px;
	padding: 5px 88px 55px 89px;
	background: url(/foreign/images/index/index_search_title.jpg) no-repeat 0 0;
}
div#index_searchPanel {
	width: 270px;
	color: #000;
	font-size: 13px;
}
.search_img, .search_btn_img {
	width: auto;
	height: auto;
}
/*index_cont02*/
section#index_cont02 {
	width: 96%;
	overflow: hidden;
	_zoom: 1;
	padding: 0 2%;
	margin: 0 0 50px;
}
section#index_cont02 h3 {
	width: 100%;
	padding: 55px 0 0;
	background: url("../images/sp/index_title02.png") no-repeat 0 0;
	background-size: 287px auto;
	color: #717171;
	font-size: 11px;
	margin-bottom: 15px;
}
section#index_cont02 ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
}
section#index_cont02 ul li {
	width: calc(100% / 2);
}
section#index_cont02 .i02_imgs {
	width: 100%;
	height: auto;
}
/*index_cont03*/
section#index_cont03 {
	width: 100%;
	overflow: hidden;
	_zoom: 1;
	padding: 0;
}
p.addBnr_c {
	width: auto;
	margin: 0 auto;
}
/* =========================
お料理
========================= */	
.meal_cont {
	width: auto;
	padding: 0 4%;
	margin: 0 0 30px;
}
/* リンクエリア */
#underLink li, #underLink02 li {
	width: 300px;
	margin: 0 auto 5px;
}
div.meal_main_l, div.meal_main_r {
	width: 100%;
}
/* =========================
お料理 - かに料理
========================= */
#meal_insert_link {
	background: url("../images/sp/meal_insert_link.png") no-repeat left top;
	background-size: 100% auto;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.android #meal_insert_link {
	background: url("../images/sp/meal_insert_link.png") no-repeat left top 1px;
	background-size: 100% auto;
}
div.three_col_area {
	width: 92%;
	padding: 0 4%;
}
div.meal_mainImg_s {
	justify-content: center;
	margin-bottom: 30px;
}
section.entry div.meal_mainImg_s p {
	margin: 0 0.7%;
}
div.three_col_left {
	margin-right: 0;
}
div.three_col_area {
	width: 92%;
}
div.five_col_area {
	width: calc(100% / 2 - 1.6%);
}
/* =========================
お料理 - お子様用メニュー
========================= */	
div.children_half_col {
	width: 100%;
}
/* =========================
お部屋
========================= */
ul#room_insert_link {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	overflow: hidden;
	_zoom: 1;
	background: url(/foreign/images/sp/room_insert_link.png) no-repeat 0 0;
	background-size: 100% auto;
	margin: 0 0 20px;
}
.room_sea div.half_col_area, .room_mt div.half_col_area, .room_fam div.half_col_area {
	width: 100%;
}
/*.room_sea .half_col_left, .room_fam .half_col_left, .room_mt .half_col_left {
	margin-bottom: 80%;
}*/
.room_mt .half_col_right {
	margin-bottom: 0;
}
div.room_mainImgArea img {
	width: calc(96% - 10px);
}
.room_ame div.half_col_area {
	margin-bottom: 0;
}
.room_ame div.half_col_right {
	margin-bottom: 50px;
}
.room_ame div.half_col_left, .room_ame div.half_col_right {
	width: 100%;
	margin-right: 0;
}
.other_cont .other_contImg {
	float: none;
	width: auto;
	text-align: center;
}
.other_contDetail {
	width: 100%;
}
/* =========================
アクセス
========================= */
.access-ttl {
	background: none;
}
#mapArea + p {
	margin-bottom: 15px;
}
/* =========================
よくある質問
========================= */


/* =========================
おすすめプラン
========================= */
.planCont_l {
	text-align: center;
	margin-bottom: 15px;
}
.entry_sub_title {
	margin: 16px 0;
	background: url(/foreign/images/sub/dot_bg.jpg) repeat 0 0;
	color: #d1c0a5;
	font-size: 14px;
	font-weight: 900;
	padding: 5px 10px;
}
div.planCont_l, div.planCont_r {
	float: none;
	width: auto;
}
div.planCont_l img {
	width: auto;
	height: auto;
	border: 5px solid #d8d8d8;
}
div.planCont_l p {
	font-size: 11px;
	color: #a0a0a0;
}
.planDetail {
	display: none;
}
.planDetail_sp th, .planDetail_sp td {
	padding: 7px 0;
}
.planDetail_sp th {
	width: 35%;
}
.planDetail_sp td {
	padding-left: 10px;
}
/* =========================
周辺観光
========================= */
.kanko-ttl {
	width: 181px;
}
div#mapArea {
	width: 100%;
	height: 50vh;
}
div#map {
	width: 100%;
	height: 100%;
}
.kanko-subttl {
	max-width: 340px;
	margin-bottom: 20px;
}
.spotArea {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
div.spotCont {
	width: 100%;
	padding: 0 3%;
	margin-bottom: 30px;
}
.spotCont .img {
	width: 80%;
	margin: auto;
}
div.spotCont h4 {
	background: url(/foreign/images/common/dot_line_title.jpg) no-repeat 0 bottom;
	font-size: 16px;
	font-weight: 900;
	padding-bottom: 7px;
	margin-bottom: 5px;
}
div.spotCont p.spotTime {
	background: url(/foreign/images/sp/kanko_sche_img.png) no-repeat 0 0;
	background-size: 126px auto;
	color: #7e6b5a;
	font-size: 11px;
	padding: 3px 0 10px 140px;
}
div.spotCont p.txt {
	font-size: 12px;
	color: #535353;
}
/* =========================
ホームページ限定5大特典
========================= */
.web_only-ttl {
	width: 267px;
}
.web_only_head-img {
	width: 100%;
}
div#websiteArea {
	width: 100%;
	background: url(/foreign/images/sub/website_only_bg.jpg) repeat-y 0 0;
	background-size: contain;
}
div#websiteCont {
	padding: 5px 5% 10px;
}
div#websiteCont * {
	color: #362e2b;
}
section.entry p {
	margin-bottom: 0;
}
div.point1 {
	background: url(/foreign/images/sp/website_only_01.png) no-repeat 0 0;
	background-size: 62.6px auto;
	padding: 10px 0 0 80px;
}
div.point2 {
	background: url(/foreign/images/sp/website_only_02.png) no-repeat 0 0;
	background-size: 62.6px auto;
	padding: 10px 0 0 80px;
}
div.point3 {
	background: url(/foreign/images/sp/website_only_03.png) no-repeat 0 0;
	background-size: 62.6px auto;
	padding: 10px 0 0 80px;
}
div.point4 {
	background: url(/foreign/images/sp/website_only_04.png) no-repeat 0 0;
	background-size: 62.6px auto;
	padding: 10px 0 0 80px;
}
div.point5 {
	background: url(/foreign/images/sp/website_only_05.png) no-repeat 0 0;
	background-size: 62.6px auto;
	padding: 10px 0 0 80px;
}
div#websiteCont h4 {
	color: #6a3906;
	font-size: 18px;
	font-weight: 900;
}
.box-bot-img .img_size {
	vertical-align: top;
}
/* =========================
お問い合わせ
========================= */
	
.table-form th, .table-form td {
	display: block;
	width: calc(96% - 11px) !important;
}
.table-form th {
	border-bottom: 0 !important;
	padding: 10px 10px 0 12px !important;
}
.input-l {
	width: calc(100% - 6px) !important;
}
/* =========================
foreign
========================= */

.frg_shight {
	width: 225px;
}
.frg_l {
	margin: 0 3% 0 0;
}
.frg_shight {
	width: 100%;
	margin: 0 auto 30px;
}
.sight_img {
	width: 80%;
	margin: 0 auto 20px;
}
.locationArea {
	width: 94%;
	padding: 0 3%;
}
.location_col {
	width: 100%;
}
.locat_tl {
	font-size: 48px;
}
.location_map {
	width: 100%;
}
.location_map img {
	max-width: 100%;
}
.room_img.frg_l {
	margin-bottom: 15px;
}
.frg_roomtl {
	margin: 0 auto 24px;
	font-size: 29px;
	text-align: center;
}
.amt_img {
	float: none;
	width: 80%;
	margin: 0 auto;
}
.amt_col {
	width: 100%;
	padding-top: 20px;
}
/*#spa {
	padding: 0 3%;
}*/
.spa_col {
	width: 100%;
}
.spa_tl {
	font-size: 22px;
}
/* =========================
夜灯見荘での過ごし方
========================= */	
	 
ul#spend_insert_link {
	display: none;
}
ul#spend_insert_link_sp {
	display: block;
	margin-bottom: 60px;
}
ul#spend_insert_link_sp li {
	width: 79.5%;
	margin: 0 auto 10px;
}
/*----ファミリー----*/
.spend_f_title {
	background: none;
	padding: 0;
	margin-bottom: 20px;
}
.spend_f_title span {
	display: block;
	width: 356px;
	margin-bottom: 10px;
}
div#spendArea {
	background: url("/foreign/images/sp/spend_f_03.jpg") no-repeat center top / contain, url("/foreign/images/sub/spend_bg.jpg") repeat-y center top / contain;
	padding: 5vw 3% 20px;
}
div.spendCont_f {
	background: none;
}
div.spendCont {
	width: 100%;
	padding: 0;
}
.spendCont_f h4 {
	width: 98%;
	margin-bottom: 15px;
}
.spendCont_f h4.spend_f-ttl01 {
	width: 91.3%;
}
.spendCont_f h4.spend_f-ttl02 {
	width: 79.3%;
}
div.spendCont div {
	width: 83%;
	background-size: 12%, 1px;
	padding: 8px 0 20px 15.5vw;
	margin-left: 1.0vw;
}
div.spendCont div.spend_f_06 {
	padding: 8px 0 0 15.5vw;
}
div.spendCont div.spend_f_13 {
	padding: 8px 0 1px 15.5vw;
}
div.spend_f_01 {
	background: url("../images/sp/spend_time11.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_f_02 {
	background: url("../images/sp/spend_time153.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_f_03 {
	background: url("../images/sp/spend_time163.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_f_04 {
	background: url("../images/sp/spend_time18.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_f_05 {
	background: url("../images/sp/spend_time193.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_f_06 {
	background: url("../images/sp/spend_time22.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_f_07 {
	background: url("../images/sp/spend_time7.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_f_08 {
	background: url("../images/sp/spend_time83.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_f_09 {
	background: url("../images/sp/spend_time93.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_f_10 {
	background: url("../images/sp/spend_time10.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_f_11 {
	background: url("../images/sp/spend_time113.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_f_12 {
	background: url("../images/sp/spend_time14.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_f_13 {
	background: url("../images/sp/spend_time16.png") no-repeat left top;
}
div.spendCont div p {
	width: 100%;
}
div#spendArea h5 {
	margin-bottom: 15px;
}
div.spend_f_01 h5 {
	width: 38%;
	min-width: 114px;
}
div.spend_f_02 h5 {
	width: 76.8%;
	min-width: 230px;
}
div.spend_f_03 h5 {
	width: 49.9%;
	min-width: 150px;
}
div.spend_f_04 h5 {
	width: 67.9%;
	min-width: 204px;
}
div.spend_f_05 h5 {
	width: 83.9%;
	min-width: 252px;
}
div.spend_f_06 h5 {
	width: 59.6%;
	min-width: 179px;
}
div.spend_f_07 h5 {
	width: 30.7%;
	min-width: 92px;
}
div.spend_f_08 h5 {
	width: 15.1%;
	min-width: 45px;
}
div.spend_f_09 h5 {
	width: 46.1%;
	min-width: 138px;
}
div.spend_f_10 h5 {
	width: 66.8%;
	min-width: 200px;
}
div.spend_f_11 h5 {
	width: 47.1%;
	min-width: 141px;
}
div.spend_f_12 h5 {
	width: 51.2%;
	min-width: 154px;
}
div.spend_f_13 h5 {
	width: 16%;
	min-width: 48px;
}
div.spendCont div p {
	color: #362e2b;
}
p.spend_page_separate {
	text-align: center;
	margin: 20px auto !important;
}
div#spendArea p.spend_footer {
	display: none;
}
p.spend_footer.for_sp {
	width: 100%;
	height: auto;
}
p.spend_footer.for_sp img {
	vertical-align: top;
}
/*----カップル----*/
.spend_c_title {
	background: none;
	padding: 0;
	margin-bottom: 20px;
	color: #717171;
}
.spend_c_title span {
	display: block;
	width: 356px;
	margin-bottom: 10px;
}
div.spendCont_c {
	background: none;
}
.spendCont_c h4 {
	margin-bottom: 15px;
}
.spendCont_c h4.spend_c-ttl01 {
	width: 80.3%;
}
.spendCont_c h4.spend_c-ttl02 {
	width: 71.2%;
}
div.spendCont div.spend_c_06 {
	padding: 8px 0 0 15.5vw;
}
div.spendCont div.spend_c_11 {
	padding: 8px 0 1px 15.5vw;
}
div.spend_c_01 {
	background: url("../images/sp/spend_time10.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_c_02 {
	background: url("../images/sp/spend_time163.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_c_03 {
	background: url("../images/sp/spend_time17.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_c_04 {
	background: url("../images/sp/spend_time18.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_c_05 {
	background: url("../images/sp/spend_time203.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_c_06 {
	background: url("../images/sp/spend_time23.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_c_07 {
	background: url("../images/sp/spend_time8.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_c_08 {
	background: url("../images/sp/spend_time9.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_c_09 {
	background: url("../images/sp/spend_time10.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_c_10 {
	background: url("../images/sp/spend_time113.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_c_11 {
	background: url("../images/sp/spend_time16.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_c_01 h5 {
	width: 48.9%;
	min-width: 147px;
}
div.spend_c_02 h5 {
	width: 76.8%;
	min-width: 230px;
}
div.spend_c_03 h5 {
	width: 49.9%;
	min-width: 150px;
}
div.spend_c_04 h5 {
	width: 67.9%;
	min-width: 204px;
}
div.spend_c_05 h5 {
	width: 47.1%;
	min-width: 141px;
}
div.spend_c_06 h5 {
	width: 59.6%;
	min-width: 179px;
}
div.spend_c_07 h5 {
	width: 15.1%;
	min-width: 45px;
}
div.spend_c_08 h5 {
	width: 30.7%;
	min-width: 92px;
}
div.spend_c_09 h5 {
	width: 46.1%;
	min-width: 138px;
}
div.spend_c_10 h5 {
	width: 47.7%;
	min-width: 143px;
}
div.spend_c_11 h5 {
	width: 16%;
	min-width: 48px;
}
#spend_c p.spend_page_separate {
	margin: 10px auto !important;
}
/*----ご夫婦----*/
.spend_a_title {
	background: none;
	padding: 0;
	margin-bottom: 20px;
	color: #717171;
}
.spend_a_title span {
	display: block;
	width: 100%;
	max-width: 387px;
	margin-bottom: 10px;
}
div.spendCont_a {
	background: none;
}
.spendCont_a h4 {
	margin-bottom: 15px;
}
.spendCont_a h4.spend_a-ttl01 {
	width: 100%;
}
.spendCont_a h4.spend_a-ttl02 {
	width: 69%;
}
div.spendCont div.spend_a_06 {
	padding: 8px 0 0 15.5vw;
}
div.spendCont div.spend_a_11 {
	padding: 8px 0 1px 15.5vw;
}
div.spend_a_01 {
	background: url("../images/sp/spend_time11.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_a_02 {
	background: url("../images/sp/spend_time13.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_a_03 {
	background: url("../images/sp/spend_time163.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_a_04 {
	background: url("../images/sp/spend_time18.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_a_05 {
	background: url("../images/sp/spend_time203.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_a_06 {
	background: url("../images/sp/spend_time22.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_a_07 {
	background: url("../images/sp/spend_time7.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_a_08 {
	background: url("../images/sp/spend_time8.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_a_09 {
	background: url("../images/sp/spend_time9.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_a_10 {
	background: url("../images/sp/spend_time113.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_a_11 {
	background: url("../images/sp/spend_time16.png") no-repeat left top, url("../images/sp/spend_other_area_bg.png") repeat-y left 5.5vw top 20px;
}
div.spend_a_01 h5 {
	width: 44.9%;
	min-width: 135px;
}
div.spend_a_02 h5 {
	width: 56.8%;
	min-width: 170px;
}
div.spend_a_03 h5 {
	width: 76.8%;
	min-width: 230px;
}
div.spend_a_04 h5 {
	width: 67.9%;
	min-width: 204px;
}
div.spend_a_05 h5 {
	width: 49.9%;
	min-width: 150px;
}
div.spend_a_06 h5 {
	width: 59.6%;
	min-width: 179px;
}
div.spend_a_07 h5 {
	width: 30.7%;
	min-width: 92px;
}
div.spend_a_08 h5 {
	width: 15.1%;
	min-width: 45px;
}
div.spend_a_09 h5 {
	width: 64.0%;
	min-width: 192px;
}
div.spend_a_10 h5 {
	width: 79.6%;
	min-width: 239px;
}
div.spend_a_11 h5 {
	width: 16%;
	min-width: 48px;
}
#spend_a p.spend_page_separate {
	margin: 10px auto !important;
}
}

@media only screen and (max-width: 374px) {
header#headerArea .header_logo {
	width: 139px;
}
/*globalMenu*/		
#spGnav .gnav_logo {
	width: 116px;
	margin-bottom: 15px;
}
.menu-trigger, .menu-trigger span {
	display: inline-block;
	transition: all .2s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 30px;
	height: 26px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #000;
	box-shadow: 0px 0px 3px 1px rgba(255, 255, 255, 0.5);
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 12px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
.drawer-toggle.active .menu-trigger span {
	background-color: #fff;
	box-shadow: 0px 0px 3px 1px rgba(255, 255, 255, 0);
}
.drawer-toggle.active .menu-trigger span:nth-of-type(1) {
	-webkit-transform: translateY(12px) rotate(-45deg);
	transform: translateY(12px) rotate(-45deg);
}
.drawer-toggle.active .menu-trigger span:nth-of-type(2) {
	opacity: 0;
}
.drawer-toggle.active .menu-trigger span:nth-of-type(3) {
	-webkit-transform: translateY(-12px) rotate(45deg);
	transform: translateY(-12px) rotate(45deg);
}
/* index.html */
div#mainTxt {
	position: absolute;
	top: 105px;
}
#index div#mainImg {
	height: calc(100vh - 50px);
}
div#mainTxt .main_txt_img {
	width: 100%;
	height: auto;
}
p#mainBtn01 {
	width: 147px;
	left: calc(50% - 157px);
	top: 295px;
}
p#mainBtn02 {
	width: 74px;
	right: calc(50% - 68px);
	top: 295px;
}
p#mainBtn03 {
	width: 74px;
	right: calc(50% - 150px);
	top: 295px;
}
p#mainBtn04 {
	width: 160px;
	left: calc(50% - 10px);
	top: 360px;
}
/* =========================
お料理
========================= */	
.meal_cont {
	padding: 0;
}
/* リンクエリア */
#underLink li, #underLink02 li {
	margin-bottom: 5px;
}
#underLink img {
	width: 100%;
	height: auto;
}
/* =========================
お料理 - かに料理
========================= */
div.three_col_area {
	width: auto;
	padding: 0;
}
/* =========================
よくある質問
========================= */


/* =========================
おすすめプラン
========================= */
.planDetail_sp th {
	width: 40%;
}
/* =========================
foreign
========================= */
div#foreignImg {
	width: calc(100vh - 50px);
}
}



/*--Add 190601--*/
.index_bnr {
	margin:20px 20px 30px;
}
.index_bnr img{
	width: 100%;
	max-width: 800px;
	height: auto;
}

/*-- 200422 --*/
#info_bnr {
	width: 100%;
	max-width: 400px;
	margin: 0 auto 60px;
}
.info_bnr--goto {
	margin-bottom: 20px;
}
#info_bnr img {
	width: 100%;
	height: auto;
}

/*-- 201015 --*/
.room_sea .half_col_left, .room_fam .half_col_left {
	 margin-bottom: 0; 
}
.room_mainImgArea {
	height: 34.3vw;
}
@media screen and (max-width:600px) {
	.room_mainImgArea {
		height: 72.2vw;
		margin-bottom: 20px;
	}
}
.room_subttl04 .img_size {
	max-width: 288px;
}
.room_subttl05 .img_size {
	max-width: 358px;
}
.room_mt .half_col_right {
	/* margin-bottom: 38%; */
	margin-bottom: 0;
}
@media screen and (max-width:600px) {
	section.entry {
		margin-bottom: 40px;
		overflow-x: hidden;
	}	
}

