/*-------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/* 02 - HEADER, INTRO & NAVIGATION */
/* 03 - COMMON ELEMENTS & TYPOGRAPHY */
/* 04 - PAGES & SECTIONS SETUP*/
/* 05 - FOOTER*/
/* 06 - OTHER*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
#loading {
position: fixed;
z-index: 9999999;
top: 0;
left: 0;
background: #000000;
width: 100%;
height: 100%;
}


html {
    -webkit-font-smoothing: antialiased;
}

body{
width: 100%;
overflow-x:hidden; 
background-size: cover;

}

p a{
  text-decoraiton:underline;
}


.f12{
  font-size:12px;
}

#top{
overflow-y:hidden;	
}

#mastwrap{
margin:0;
padding:0;
 position:relative;
}

.logo{
display:none;
}


.section-inner{
margin-bottom:30px;
}

.l-back{
 background: #202020; 
}

#intro{
overflow:hidden;
}


.ease{
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.ease:hover{
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}


a.underline{
	text-decoration:underline;
}

a.underline:hover{
	text-decoration:none;
}


@media (min-width: 1024px) and (max-width: 5000px) {
.container{
max-width: 960px;
}
}
/*Common Spacing and Padding*/

.page-section{
}
.separator-section{
}
.add-top{
margin-top: 100px;
}
.add-bottom{
margin-bottom: 100px;
}
.add-top-half{
margin-top:60px;
}
.add-bottom-half{
margin-bottom:30px;
}
.add-top-quarter{
margin-top: 25px;
}
.pad-top{
padding-top: 100px;
}
.pad-bottom{
padding-bottom: 100px;
}

.pad-top-half{
padding-top:60px;
}
.pad-bottom-half{
padding-bottom:15px;
}


.pad{
padding-left: 25px;
padding-right: 25px;
}
.pad-inner{
padding-left: 10%;
padding-right: 10%;
}


.pad15px{
  clear:both;
  display:block;
  /*padding:1px 0;*/
}


.remove-top{
margin-top: 0;
}
.remove-bottom{
margin-bottom: 0;
}
.remove-pad-top{
padding-top: 0;
}
.remove-pad-bottom{
padding-bottom: 0;
}

.separator-padding{
padding: 150px 0;
}

.mob-center > .img-responsive{
display: inline-block;
}

.no-gutter{
margin-left: -15px !important;
}

.valign{
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.absolute-overlay{
position: absolute;
top: 0;
left: 0;
}

.separator-overlay{
background: rgba(0,0,0,0.6);
}

.text-center > .img-responsive{
display: block;
display: inline-block;
}

/*.page {
animation: inout15 1s;
animation-iteration-count: 1;
-webkit-animation: inout15 1s; 
-webkit-animation-iteration-count: 1;

}
*/
@keyframes inout15 {
0%   { -webkit-transform: translate(0px, 5px);}
100% { -webkit-transform: translate(0px, 0px); }
}

@-webkit-keyframes inout15 { /* Safari & Chrome */
0%   { -webkit-transform: translate(0px, 5px);}
100% { -webkit-transform: translate(0px, 0px); }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - HEADER, INTRO & NAVIGATION */
/*-------------------------------------------------------------------------------------------------------------------------------*/


#standard-header{
  height:60px;
  background-color:#000000;
  position:fixed;
  z-index:99;
}


#standard-header h1{

/*padding-top:20px;*/
padding-left:30px;
line-height:60px;
/*padding-top:4px;*/
text-align:left;
}

#standard-header .mainMenu{
  margin-top:16px;

}

#standard-header .mainMenu  ul{
  display:inline-block;
  /*margin-top:21px;*/
}

#standard-header  .mainMenu > ul > li{
display:inline;
font-size:16px;
font-family:'Existence-Light',san-serif;
font-weight:300;
margin-right:1em;
  -webkit-font-smoothing: antialiased;
letter-spacing:1px;
color:white;
font-weight:300;
}

#standard-header  .mainMenu > ul > li > a{
/*background-color:pink;*/
padding:40px 0;
  }

#standard-header .btn-R ul{
  display:inline;
 
}

#standard-header  .btn-R ul li{
display:inline;
font-size:19px;
margin-left:15px;
}



.header {
  display: table;
  text-align: center;
  width: 100%;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.header a {
  text-decoration: none;
}
.btn-L,
#logo,
.btn-R {
  display: table-cell;
  vertical-align: middle;
 
}

#logo {
/*  border-right: 1px solid #eee;*/
/*  width: 200px;
  height:auto;*/
}

#logo a{
/*background-color:pink;*/
}

#logo a img{
/*width: 200px;
  height:auto;*/
  }

.btn-R {
/*  border-left: 1px solid #eee;*/
  width: 140px;
  padding-right:30px;
}

.drawer-header{
  display:none;
}

@media (max-width: 875px) {
.btn-R {
display:none;
}



}

@media (max-width: 740px) {
 .mainMenu {
display:none;
}

footer ul{
  display:none;
}

.drawer-header{
  display:block;}

h1 a{
visility:hidden;
}


}



/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - COMMON ELEMENTS & TYPOGRAPHY */
/*-------------------------------------------------------------------------------------------------------------------------------*/
body{
width: 100%;
font-family:'Lato',"ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
-webkit-font-smoothing: antialiased;
line-height:1.85em;
letter-spacing:0;
color:white;
font-size: 13px;
background-color:#000000;
}

@font-face {
font-family: 'Existence-Light';
src: url('../fonts/Existence-Light/Existence-Light-webfont.woff') format('woff'), url('../fonts/Existence-Light/Existence-Light-webfont.ttf') format('truetype');
}


a, a:hover, a:focus{
color:#fff;

}

a:hover{
  text-decoration:line-through;
}
a:focus { 
outline: none; 
}

p{
font-weight: normal;
}

.line-through{
 /* padding-bottom:3px;
    border-bottom:1px solid #fff;*/
}

h1,h2,h3,h4,h5,h6{
margin-top: 0;
font-weight: normal;
font-size: 14px;
}

h1{
z-index:100;
display:block;
cursor:pointer;
}

h2{
  font-size:16px;
  margin-bottom:1.5em;
}

h3{
  font-size:16px;
  margin-bottom:1.5em;
}


ul{
margin:0;
padding:0;
list-style:none;
}

ul.attention li:before { content:"・" }

ul.attention li{
padding-left: 1em;
text-indent: -1em;
}

ul.no-list li:before { content:"" }

ul.no-list li{
padding-left: 0em;
text-indent: 0em;
}

li{
margin:0;
padding:0;
}

ul.block li{
display: block;
}

dl,dt,dd{
font-weight:normal;
}

ul.inline li{
display: inline;
}

hr {
display:block;
border: 0;
height: 1px;
background: #666;
clear:both;
}

.small{
font-size:11px;
color:#ddd;
line-height:1.25em;
}

.fa{
color:#aaa;
}

.fa:hover{
color:white;
}

.en{
font-family: 'Lato', sans-serif;
color:#ccc;
}

.en h3{
color:white;
font-size:17px;
font-family:'Existence-Light',san-serif;
font-weight:300;
}

.en p{
font-family: 'Lato', sans-serif;
font-size:13px;
font-weight:300;
}

.cap {
    display: block;
   line-height: 1.75em;
    color: #999;
    margin-top: 1em;
}

.cap2 {
	line-height: 1.75em;
    display: block;
    color: #999;
    margin-top: 1em;
}

@media screen and (max-width: 480px) {
p{
letter-spacing:0.05em;
}

.en p{
font-size:12px;
}
}

.mt2em{
  margin-top:2em;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - PAGES & SECTIONS SETUP */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*TOP*/

body.top #main{
background-image: url('../images/bg-top.jpg');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-attachment: fixed;
}

body.message #main{
 background-image: url('../images/bg-message2.jpg'); 
 background-attachment: fixed;

}

body.chef #main{
 background-image: url('../images/bg-chef.jpg'); 
 background-attachment: fixed;

}

body.instagram #main{
 background-image: url('../images/bg-instagram.jpg'); 
 background-attachment: fixed;

}

body.artisan #main{
 background-image: url('../images/bg-artisan3.jpg'); 
 background-attachment: fixed;

}

body.lunch #main{
 background-image: url('../images/bg-lunch.jpg'); 
 background-attachment: fixed;

}

body.dinner #main{
 background-image: url('../images/bg-dinner.jpg'); 
 background-attachment: fixed;

}

body.wine #main{
 background-image: url('../images/bg-wine2.jpg'); 
 background-attachment: fixed;

}

body.address #main{
 background-image: url('../images/bg-information2.jpg'); 
 background-attachment: fixed;

}

body.careers #main{
 background-image: url('../images/bg-careers.jpg'); 
 background-attachment: fixed;

}

body.press #main{
 background-image: url('../images/bg-press.jpg'); 
 background-attachment: fixed;

}

.ex{
   font-family:'Existence-Light',san-serif;
   font-weight:bold;
   font-size:18px;
   letter-spacing:1px;
  font-weight:300;
}


.bgcolor{
 background-color:#222222;
 height:100%; 
background-color: rgba(51,51,51,0.7);
}

.bgcolor-half{
 background-color:#222222;
 height:100%; 
background-color: rgba(51,51,51,0.3);
}

html>/**/body .bgcolor-half {
  background /*\**/: none \9;
}

.fa{
color:#999;
}

ul.sns li a{
color:#666;
}

.inner{
  padding:45px 15px 30px 15px;
}

@media screen and (max-width: 480px) {
ul.sns li{
padding-right:1em;
}
}


/*CHEF*/
.inner .insta-btn{
  font-size:12px;
  line-height:1em;
  position:absolute;
  top:44px;
  right:30px;
  padding:0.5em;
  border: 1px solid #dddddd;
    text-decoration: none;
}

.inner .insta-btn i{
  color:white;
}

.inner .insta-btn:hover{
background-color: #dddddd;
  }

.inner .insta-btn:hover a{
text-decoration:none;
color:black;
}

.inner .insta-btn:hover a i{
color:black;
}

.inner-insta-btn a{
  text-decoration:none;
}

@media screen and (max-width: 480px) {
	
.inner .insta-btn{
	 padding:0.25em 0.5em;
}

.inner .insta-btn{
top:40px;
}
  }


/*ADDRESS*/
.address p{
font-size:13px;
letter-spacing: 0.025em;
}


.address dl{
width:100%;
}

.address dt{
float:left;
clear:left;
width:4em;
}

.address dd{
float:left;
}

.address p.mini{
font-size:12px;

}


/*ARTISAN*/
.artisan .inner p{
	margin:0;
	}
	
.artisan .inner p span{
	font-size: 11px;
    color: #ddd;
	}

/*MESSAGE*/
.message .page p{
	line-height:2em;
	}

.message .page p small{
	font-size: 11px;
    color: #ddd;
	}

/*LUNCH DINNER*/
.dinner .inner span,.lunch .inner span{
font-size:11px;
color:#ddd;
line-height:1.25em;
display:block;
margin-bottom:25px;
}

.dinner .inner span br,.lunch .inner span br{
	display:none;
}



/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 06 - OTHER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.btn{
  display:inline;
  border:1px solid #fff;
}


a.btn-reserve {
    text-align: center;
    display: block;
    width: 80px;
    font-weight: normal;
    text-decoration: none;
    font-size: 10px;
    border: 1px solid #cccccc;
    padding: 6px 4px;
    color: #cccccc;
    line-height: 1em;
    margin-right: 15px;
    margin-bottom: 30px;
    float: left;
}

a.btn-reserve:hover {
    border: 1px solid #dddddd;
    background-color: #dddddd;
    color: #000;
    text-decoration:none;
}
.ease:hover {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.staff .btn-wrapper{
position:absolute;
  top:30px;
  right:22px;
  z-index:100;
}

.staff a.btn-reserve {
    text-align: center;
    display: block;
    width: 80px;
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
    border: 1px solid #cccccc;
    padding: 0.5em 0.5em;
    color: #cccccc;
    line-height: 1em;
    margin-right: 15px;
    /*margin-bottom: 30px;*/
    float: left;
}

.staff a.btn-reserve:hover {
    border: 1px solid #dddddd;
    background-color: #dddddd;
    color: #000;
    text-decoration:none;
}



.btn a{
padding:1em;
font-size:11px;
margin:1em;
  }

@media print {
a[href]:after {
content: ""!important;
}
abbr[title]:after {
content: ""!important;
}
}

/*FOOTER*/

footer{
  position:absolute;
  bottom:7px;
  right:30px;
  font-family: 'Lato',san-seirf;
font-weight:300;
  texr-align:right;
  
}

footer ul li{
  font-weight: 500;
  font-size: 12px;
  display:inline;
  margin-right:0.25em;
}

footer ul li a{
color:#ccc;
  }

footer  span{
  color:#ccc;
}

.credit{
  display:none;
  font-size:10px;
}

.mastfoot{
padding: 5px 0;

}
.credits{
font-size:10px;
color:#666;

}




.chef dt {width:120px; height:2em;line-height:1.5em;}
.chef dd {min-height:2em; margin-top:-2em; padding-left:1em;margin-bottom:1em;line-height:1.5em; }

.menus .small{
  display:block;
  line-height:1.5em;
}

.menus p{
margin-bottom:1.5em;
  }

.tabmenu{
  margin-top:-10px;
  margin-bottom:0px;
}

.tabmenu li{
display:inline-block;
  }

.tabmenu li a{
color:#aaa;
}

.tabmenu li a:hover{
color:#fff;
  }

.tabmenu li a.select{
color:#fff;
}

.tabmenu li span{
color:#aaa;
padding:0 0.5em;
}

.container-full {
  margin: 0 auto;
  width: 100%;
}

.col{
  margin-top:60px;
}

.h60px{
height:60px;
}

.close,.drawer-default .drawer-menu-item a.close{
  color:#999;
  cursor:none;
  pointer-events: none;
   cursor: default;
}

h2.h2-fullpage{
  margin-top:45px;
  margin-left:15px;
}

div.cover {
   display: table;
   margin: 0px;
   padding: 0px;
   width: 100%;
}

div.cover div.box1 {
   display: table-cell;
   width:3em;
  
}
div.cover div.box2 {
   display: table-cell;
   width: 45%;

}
div.cover div.box3 {
   display: table-cell;
   width: 35%;
   color:#ccc;
    /*font-size:11px;*/
   
}

div.cover div.box4 {
   display: table-cell;
    width: 10%;
      text-align:right;
      color:#ccc;
     
}

.wine h3{
  margin-bottom:1em;
}

.wine h4{
  margin-bottom:1em;

}

.lists{
  margin-bottom:2em;
  font-size:13px;
  line-height:1.5em;
}

.box2,.box3{
  padding-left:1em;
  padding-right:1em;
}

@media (max-width: 480px) {
.cover{
  padding-bottom:1em;
}

div.cover {
    display: table;
    margin: 0px;
    padding: 0px;
    width: 100%;
    margin-bottom: 1em;
}

div.cover div.box1 {
    display: inline;
    /*width: 3em;*/
    padding-right:0.5em;
}

div.cover div.box2 {
    display: inline;
    width: 75%; 
   
}

div.cover div.box3 {
    display: block;
    width: 100%;
    color: #ccc;
    font-size: 11px;
}

div.cover div.box4 {
  padding-left: 1em;
   /* display: inline;
    width: 100%;*/
    /* text-align: right; */
    color: #ccc;
}

.box2,.box3{
  padding-left:0em;
  padding-right:0em;
}
}

/*fohboh*/

.fohboh .pad-bottom-half{
  margin-bottom:30px;
}

.fohboh-inner .caption{
   width:100%;
   background-color: black;
/*   background-color: rgba( 0, 0, 0, 0.75 );*/
 }

 .fohboh-inner .caption{
font-size:11px;
color:white;
padding:15px 30px;
 }

  .fohboh-inner .caption h3{
font-size:13px;
margin:0 0 0.5em 0;
padding:0;
  }

 .fohboh-inner .caption p{
line-height:1.5em;
margin:0 0 1em 0;
padding:0;
 }

 .no-padding{
   padding:0;
 }

 .mini{
   font-size:12px;
   line-height:1.75em;
 }

 /* instagram */
 #instafeed{
  
 position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color:white;
}


#instafeed img{
  width:100%;
  height:auto;
}

.instafeed-wrapper{
   background-color:white;
   padding:4px;
   overflow:auto;
}


#instafeed .col-sm-1{
      padding:4px;
}

.container-fluid-instagram {
    margin-right: auto;
    margin-left: auto;
}

.instagram .inner{ padding:0;}

@media (min-width: 768px) {
#instafeed .col-sm-1{
  width:10%;
} 
}


@media (max-width: 768px) {

  

#instafeed  .col-xs-3{
  position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
}

#instafeed li{
  margin-bottom:10px;
}

.container-fluid-instagram {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.instagram .inner{  padding: 45px 15px 30px 15px !important;}

}


/*rc*/

.logo-rc {
    margin-right: 8px;
    /* float: right; */
    text-align: right;
    margin-bottom: 3px;
}


@media (max-width: 740px){
.logo-rc {
    display: none;
}
}


.btn-rc {
    margin-left: 30px;
    margin-top: 20px;
}


/*20211018add*/

.artisan1 a{
  text-decoration: underline;
  cursor: pointer;
}

.artisan a:hover{
  text-decoration: underline;
}

.artisan2 a{
   cursor: pointer;
  text-decoration: underline;
}

.artisan2 a:hover{
  text-decoration: underline;
}