@charset "utf-8";
body{
	min-width: 320px;
	padding-top: 120px;
}
.pc,.sm,.yoyaku,.yoyaku2,.logo{
	display: none;
}
/* ナビ */
.drawer-nav {
  width: 378px;
}
.drawer--left .drawer-nav{
  left: -378px;
}
.drawer--left.drawer-open .drawer-hamburger {
  left: 300px;
}
.drawer-contents{
display: block;
	min-width: 600px;
}
.drawer-overlay {
	background-color: transparent;
}
.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
background-color: #999999;
}
.drawer-hamburger {
margin: 20px;
background-color:#000;
}
.logo2{
    position: fixed !important;
    top: 0;  
    left: 0;  
    width: 100%;  
    height: 120px;
	z-index: 9;
}
.logo3{
	position: fixed !important;
	top:0;
	right:60px;
	z-index: 9;
}

#c_2,#c_3,#c_4,#c_5,#c_6,#c_7{
	padding-top: 86px;
	margin-top: -86px;
}
.drawer-menu li{
	width: 378px;
	padding-top: 25px;
}
.drawer-menu li img{
	width: 100%;
}
.drawer-menu li:nth-child(2){
/*	padding-top: 37px;*/
	padding-top: 95px;
}
.drawer-menu li:nth-child(10){
	padding-top: 20px;
	padding-left: 25px;
	padding-bottom: 25px;
}
.drawer-menu li:nth-child(10) img{
	width: 24px;
}
.drawer-menu li:last-child{
	display: none;
}
/* コンテンツ */
.top{
	position: relative;
	background-image: url(../img/tb/bk_top.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	overflow: hidden;
	padding-top: 1153px;
}
.top_img{
	position: absolute;
	top: 328px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 390px;
}
.top_img img{
	width: 390px;
}
.top_reservation{
	position: absolute;
	left: 50px;
	bottom:50px;
	margin: 0 auto;
	width: 212px;
}
.about,.menu,.gallery,.staff,.blog,.access,.map{
clear: both;	
}
.about{

}
.about_conts1tb{
  position: relative;
  width: 100%;
  height: 448px;
  overflow: hidden;
}
.about_conts1tb img{
  position: absolute;
  left: 50%;
  margin-left: -479.5px;
}
.about_conts2{
	padding-top: 90px;
	padding-bottom: 100px;
	background-color: #B0C6BE;
	text-align: center;
}
.about_conts2 img{
	padding-bottom:67px;

}
.about_conts2 p{
	width: 368px;
	margin: 0 auto;
	font-size: 15px;
	line-height: 46px;
	text-align: left;
}
.about_conts2 p span{
	font-weight: bold;
}
.visualtb{
	padding-bottom: 10px;
}
.visual_img{
  position: relative;
  width: 100%;
  height: 190px;
  overflow: hidden;
}
.menu1,.menu2{
  position: absolute;
  left: 50%;
  margin-left: -479.5px;
}
.point1,.point2{
	position: absolute;
	bottom: 0;
	right: 0;
}
.b_menu table,.n_menu table{
	font-size: 16px;
	width: 535px;
	margin: 30px auto 0 auto;
}
.b_menu table tr th,.n_menu table tr th{
	width: 260px;
	padding-left: 26px;
	text-align: left;
	line-height: 36px;
	font-weight: 400;
}
.b_menu table tr td,.n_menu table tr td{
	padding-right: 10px;
	line-height: 36px;
	text-align: right;
}
.b_menu table tr td.c,.b_menu table tr th.c,
.n_menu table tr td.c,.n_menu table tr th.c{
	text-align: center;
}
.b_menu table tr td.l,.b_menu table tr th.l,
.n_menu table tr td.l,.n_menu table tr th.l{
	text-align: left;
	color: #808080;
	padding-left: 26px;
	line-height: 22px;
	font-size: 13px;
}
.b_menu table tr td.dai,.b_menu table tr th.dai,
.n_menu table tr td.dai,.n_menu table tr th.dai{
	padding-top: 45px;
	padding-right: 0;
	padding-bottom: 0px;
}
.b_menu table tr td.dai2,.b_menu table tr th.dai2,
.n_menu table tr td.dai2,.n_menu table tr th.dai2{
	padding-top: 50px;
	padding-right: 0;
	padding-bottom: 10px;
}
.b_menu table tr td.f_h,.b_menu table tr th.f_h,
.n_menu table tr td.f_h,.n_menu table tr th.f_h{
	line-height: 24px;
	padding-top: 10px;
}
.b_menu table tr td.f_h2,.b_menu table tr th.f_h2,
.n_menu table tr td.f_h2,.n_menu table tr th.f_h2{
	line-height: 22px;
	padding-bottom: 10px;
}
.b_menu table tr td.p_b,.b_menu table tr th.p_b,
.n_menu table tr td.p_b,.n_menu table tr th.p_b{
	padding-bottom: 30px;
}
.b_menu table tr td.p_b2,.b_menu table tr th.p_b2,
.n_menu table tr td.p_b2,.n_menu table tr th.p_b2{
	padding-bottom: 25px;
}
.b_menu table tr td.p_t,.b_menu table tr th.p_t,
.n_menu table tr td.p_t,.n_menu table tr th.p_t{
	padding-top: 40px;
}
.b_menu table tr td.dott,.b_menu table tr th.dott,
.n_menu table tr td.dott,.n_menu table tr th.dott{
	padding-right: 0;
	line-height: 0;
	text-align: center;
}
.b_menu table tr td.dott img,.b_menu table tr th.dott img,
.n_menu table tr td.dott img,.n_menu table tr th.dott img{
	width: 100%;
	overflow: hidden;
}
.b_menu table tr td.last,.b_menu table tr th.last,
.n_menu table tr td.last,.n_menu table tr th.last{
	font-size: 14px;
	text-align: center;
	padding-bottom: 110px;
}
.b_menu table tr td.last,.b_menu table tr th.last{
		padding-bottom: 110px;
}
.n_menu table tr td.last,.n_menu table tr th.last{
			padding-bottom: 120px;
}
.b_menu table.mTable{
	width: 362px;
}
.b_menu table.lTable{
	float: left;
	margin-bottom: 60px;
}
.b_menu table.rTable{
	float: right;
		margin-bottom: 60px;
}
#TBOX{
	width: 800px;
	margin: 0 auto;
}
.b_menu table.clear{
	clear: both;
}
.dotted{
	border-bottom: 1px dashed #666666;
}
.menu{
	position: relative;
	padding-bottom: 160px;
}
.menu img{
	vertical-align: top;
}
.menu_img{
	clear: both;
	/*width: 1000px;*/
	margin: 0 auto;
	padding-top: 85px;
}
.gallery_img{
/*	width: 1160px;*/
	width: 67.44%;
	margin: 0 auto 215px;
/*	border: solid 1px;*/
}
.g_l{
	width: 49.5%;
	padding-right:0.5%;
	float: left;
}
.g_r{
	width: 49.5%;
	padding-left:0.5% ;
	float: right;
}
.g_l img,.g_r img{
	width: 100%;
	margin-bottom: 6px;
}
.staff_conts{
	width: 770px;
	margin: 0 auto;
	padding-top: 78px;
	padding-bottom: 60px;
}
.staff_conts1{
	float:left;
	width: 330px;
}
.staff_conts2{
	float:right;
	width: 440px;
	font-size: 16px;
	line-height: 27px;
text-align: left;}
.s_font{
	margin: 0 0 15px;
}
.s_font2{
	margin: 0 0 55px;
}
#feed li{
	width: 64.23%;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	line-height: 31px;
	padding:16px;
	border-bottom: dotted 1px #808080;
}
#feed li span{
	line-height: 36px;
}
.more{
	text-align: center;
	padding-top: 47px;
}
.insta{
	padding-top: 38px;
	width:100%;
	background-color: #B0C6BE;
}
ul#instafeed {
    display:table; 
    width:100%;
	height: 100%;
	padding:2% 0 5% 0;
	margin:0;
}
ul#instafeed li {
    float: left;
    vertical-align:top;
	text-align: left;
	width:25%;

}
ul#instafeed li img{
	width: 97.8%;
	padding-bottom:2%;
}
ul#instafeed li a {
    display:block;
    text-decoration:none;
}
ul.insta_list{
    display:table; 
    width:100%;
	height: 100%;
	padding:2% 0 5% 0;
	margin:0;
}
ul.insta_list li {
    float: left;
    vertical-align:top;
	text-align: left;
	width:25%;

}
ul.insta_list li img{
	width: 97.8%;
	padding-bottom:2%;
}
ul.insta_list li a {
    display:block;
    text-decoration:none;
}
.blog{
	padding-bottom: 85px;
}
.blog_title{
	margin-bottom: 73px;
}
.about_title,.menu_title,.access_title,.gallery_title,.staff_title,.blog_title{
	width: 100%;
	height: 160px;
	background-image: url(../img/bk_title.jpg);
	text-align: center;
	line-height: 160px;
}
.insta_logo{
	padding-top: 5%;
	padding-bottom: 5%;
	text-align: center;
}
.access_conts{
	width: 100%;
	padding-top: 45px;
	padding-bottom: 63px;
	background-color: #B0C6BE;
	text-align: center;
}
.access_conts a img{
	width: 28.15%;
	margin-bottom: 82px;
}
.access_item{
	width: 86.6%;
	margin: 0 auto;
}
.access_barbar{
	position: relative;
	width: 40.35%;
	border: solid 1px #8f8f8f;
	display: inline-block;
	background-color: #fff;
}
.access_nail{
	position: relative;
	width: 40.35%;
	border: solid 1px #8f8f8f;
	display: inline-block;
	background-color: #fff;
}
.access_dai img{
	width: 80%;
	text-align: center;
	margin-top: -10%;
}
.open{
	padding-top: 30px;
}
.close{
	padding-bottom: 20px;
}
.open img{
	padding-bottom: 15px;
}
.close img{
	padding-top: 24px;
	padding-bottom: 10px;
}
.open p,.close p{
	font-size: 15px;
	line-height: 26px;
}
.tel{
	width: 174px;
	height: 32px;
	background-color: #B0C6BE;
	line-height: 32px;
	margin: 0 auto 32px auto;
}
/*#map_container {
  position: relative;
  padding-top: 400px;
}
#map {
  position: absolute;
  width: 100%;
  height: 400px;
  top: 0;
}*/
.map iframe{
	width: 100%;
	height: 400px;
	vertical-align: bottom;
}
.menu_title img{
	width: 107px;
}
.about_title img{
		height: 100%;
}
.footer{
}
.f_1{
	background-color: #B0C6BE;
	padding-top: 50px;
	padding-bottom: 70px;
	width:100%;
}
.f_11{
	width: 265px;
	margin: 0 auto;
}
.f_1x2{
	padding-top: 35px;
	padding-bottom: 60px;
	width: 600px;
	margin: 0 auto;
}
.f_12{
	width: 356px;
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	line-height: 26px;
}
.f_12_img{
	padding-top: 40px;
	padding-bottom: 30px;
}
.f_12_img2{
	vertical-align: middle;
}
.f_13{
	width:244px;
	display: table-cell;
}
.f_13 img{
	width: 100%;
}
.f_14{
	width: 600px;
	margin: 0 auto;
	font-size: 15px;
	line-height: 25px;
}
.f_2{
	height: 86px;
	line-height: 86px;
	background-color: #1A1A1A;
	text-align: center;
}
.f_2 img{
	vertical-align: middle;
}
.s_cont span,.s_cont2 span{
	font-weight: bold;
}