@charset "utf-8";
body{
	min-width: 320px;
	padding-top: 86px;
}
.pc,.tb,.yoyaku,.yoyaku2,.logo{
	display: none;
}
/* ナビ */
.drawer-nav {
  width: 266px;
}
.drawer--left .drawer-nav{
  left: -266px;
}
.drawer--left.drawer-open .drawer-hamburger {
  left: 200px;
}
.drawer-contents{
display: block;
min-width: 320px;
}
.drawer-overlay {
	background-color: transparent;
}
.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
background-color: #999999;
}
.drawer-hamburger {
margin: 10px;
background-color:#000;
}
.drawer-hamburger {
  /*width: 1rem;
  padding: 0;
  padding-top: 16px;
  padding-right: .60rem;
  padding-bottom: 16px;
  padding-left: .60rem;*/
	width: 26px;
	height: 26px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 6px;
}
.drawer-hamburger-icon {
  margin-top: 0;
}
.logo2{
    position: fixed !important;
    top: 0;  
    left: 0;
	width: 100%;
	z-index: 9;
}
.logo2 img{
	width: 100%;
	height: 60px;
}
.logo3{
	position: fixed !important;
	top:0;
	right:20px;
	z-index: 9;
}
.logo3 img{
	height: 60px;
}
#c_2,#c_3,#c_4,#c_5,#c_6,#c_7{
	padding-top: 86px;
	margin-top: -86px;
}
.drawer-menu li{
	width: 266px;
	padding-top: 25px;
	text-align: center;
}
.drawer-menu li img{
	width: 60%;
}
.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/sm/bk_top.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	padding-top: 806px;
}
.top_img{
	position: absolute;
	top: 228px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 263px;
}
.top_img img{
	width: 263px;
}
.top_reservation{
	position: absolute;
	left: 30px;
bottom: 30px;
	margin: 0 auto;
	width: 212px;
}
.about,.menu,.gallery,.staff,.blog,.access,.map{
clear: both;	
}
.about_title,.menu_title,.access_title,.gallery_title,.staff_title,.blog_title{
	width: 100%;
	height: 100px;
	background-image: url(../img/bk_title.jpg);
	text-align: center;
	line-height: 100px;
}
.about_title img,.menu_title img,.access_title img,.gallery_title img,.staff_title img,.blog_title img{
	height: 100%;
}
.about_conts1sm{
  position: relative;
  width: 100%;
  height: 280px;
  overflow: hidden;
}
.about_conts1sm img{
  position: absolute;
  left: 50%;
  margin-left: -299.5px;
}
.about_conts2{
	padding-top: 56px;
	padding-bottom: 60px;
	background-color: #B0C6BE;
	text-align: center;
}
.about_conts2 img{
	width: 70%;
	padding-bottom:45px;

}
.about_conts2 p{
	width: 80%;
	margin: 0 auto;
	/*font-size: 16px;*/
	font-size: 3.3vw;
	line-height: 36px;
	text-align: left;
}
.about_conts2 p span{
	font-weight: bold;
}
.visualtb{
	padding-bottom: 1.66%;
}
.visual_img{
  position: relative;
  overflow: hidden;
}
.menu1,.menu2{
width: 100%;
}
.point1,.point2{
	width: 10%;
	position: absolute;
	bottom: 0;
	right: 0;
}
.b_menu table,#TBOX .b_menu table.mTable{
	width: 80%;
	margin: 0 10%;
}
#TBOX{
	margin: 0 0 50px;
}
.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;
}

.b_menu table tr th,.n_menu table tr th{
	font-size: 3.6vw;
	text-align: left;
	font-weight: 400;
	line-height:8vw;
}
.b_menu table tr td,.n_menu table tr td{
	font-size: 3.6vw;
	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 p,.n_menu table tr td p,
.b_menu table tr th p,.n_menu table tr th p{
	padding-top: 2%;
	font-size: 3.4vw;
}
.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: 7.5%;
	padding-bottom: 5%;
}
.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: 7.5%;
	padding-right: 0;
	padding-bottom: 5%;
}
.b_menu table tr td.l,.b_menu table tr th.l,
.n_menu table tr td.l,.n_menu table tr th.l{
	color: #808080;
	text-align: left;
	font-size: 3vw;
	line-height: 6vw;
}
.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;
}
.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: 3.4vw;
	text-align: center;
	padding-top: 5%;
	padding-bottom: 30%;
}
.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;
}
.menu_img{
	width: 98%;
	margin: 0 auto;

}
.menu_img img{
	width: 100%;
}

.gallery_img{
	width: 85%;
	margin:0 auto;
	
}
.gallery_img img{
	width: 100%;
}
.g_l,.g_r{
	padding-top: 2%;
}


.staff_conts{
	width: 40%;
	margin: 18.36% auto 0 auto;
	text-align: center;
	
}
.staff_conts1 img,.staff_conts2 img{
	width: 92%;
}
.s_font{
	font-size: 19px;
	text-align: center;
	padding-top: 5.84%;
	padding-bottom: 5.84%;
}
.s_font img{
	width: 82px;
}
.s_font4 img{
	width: 92px;
}
.s_font2{
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	padding-top: 5.84%;
	padding-bottom: 6.68%;
}
.s_cont,.s_cont2{
	font-size: 15px;
	line-height: 27px;
	text-align: left;
	padding-bottom: 16.7%;
}
#feed li{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	line-height: 31px;
	padding:5%;
	border-bottom: dotted 1px #808080;
}
#feed li span{
	line-height: 36px;
}
.more{
	text-align: center;
	padding-top: 6.67%;
	padding-bottom: 6.67%;
}
.insta{
	background-color: #B0C6BE;
}
.insta_logo{
	text-align: center;
	padding-top: 5%;
	padding-bottom: 5%;
}
.insta_logo img{
	width: 29.72%;
}
.access_conts{
	width: 100%;
	padding-top: 7.51%;
	padding-bottom: 7.85%;
	background-color: #B0C6BE;
	text-align: center;
}
.access_conts a img{
	width: 212px;
	margin-bottom: 13.69%;
}
.access_item{
	width:100%;
	font-size: 16px;
}
.access_barbar{
	position: relative;
	width: 90%;
	margin: 0 auto;
	border: solid 1px #8f8f8f;
	background-color: #fff;
	margin-bottom: 11.68%;
}
.access_nail{
	position: relative;
	width: 90%;
	margin: 0 auto;
	border: solid 1px #8f8f8f;
	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: 16px;
	line-height: 26px;
}
.tel{
	width: 200px;
	height: 32px;
	font-size: 18px;
	background-color: #B0C6BE;
	line-height: 32px;
	margin: 0 auto 32px auto;
}
/*#map_container {
  position: relative;
  padding-top: 280px;
}
#map {
  position: absolute;
  width: 100%;
  height: 280px;
  top: 0;
}*/
.map iframe{
	width: 100%;
	height: 400px;
	vertical-align: bottom;
}
.f_1{
	background-color: #B0C6BE;
	padding: 50px 2% 70px 2%;
	width:96%;
}
.f_11{
	width: 44.17%;
	margin: 0 auto;
}
.f_11 img{
	width: 100%;
}
.f_1x2{
	padding-top: 35px;
	padding-bottom: 60px;
	width: 98%;
	margin: 0 auto;
}
.f_12{
	width: 60%;
	display: table-cell;
	vertical-align: middle;
	font-size: 2vw;
	line-height: 4vw;
}
.f_12_img{
	width: 40%;
	padding-top: 10%;
	padding-bottom: 10%;
}
.f_12_img2{
	vertical-align: middle;
	width: 5%;
}
.f_13{
	width:40%;
	display: table-cell;
}
.f_13 img{
	width: 100%;
}
.f_14{
	width: 95%;
	margin: 0 auto;
	font-size: 2vw;
	line-height: 4vw;
}
.f_2{
	height: 86px;
	line-height: 86px;
	background-color: #1A1A1A;
	text-align: center;
}
.f_2 img{
	width: 80%;
	vertical-align: middle;
}
.insta{
	padding-top: 38px;
	width:100%;
	background-color: #B0C6BE;
}
ul#instafeed {
    width:100%;
	height: 100%;
	min-width:320px;
	padding:2% 0 25% 0;
	display:table;
}
ul#instafeed li {
    width: 50%;
	float: left;
}
ul#instafeed li img{
	width: 98%;
	padding-bottom: 2%;
}
ul#instafeed li a {
    display:block;
    text-decoration:none;
}
ul.insta_list {
    width:100%;
	height: 100%;
	min-width:320px;
	padding:2% 0 25% 0;
	display:table;
}
ul.insta_list li {
    width: 50%;
	float: left;
}
ul.insta_list li img{
	width: 98%;
	padding-bottom: 2%;
}
ul.insta_list li a {
    display:block;
    text-decoration:none;
}
.s_cont span,.s_cont2 span{
	font-weight: bold;
}
/*******************************/