@charset "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, i, button {margin: 0; padding: 0; border: 0;}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th, dfn, var, button {font-weight: normal; font-style: normal; font-size:100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}


html, body{position:relative; width:100%; height:100%;}
body{font-size:14px; color:#000; position:relative; font-family:'Avenir',Arial, Helvetica, sans-serif;}



ul,ol{list-style:none;}
li{list-style:none;}
a{color:#000; text-decoration:none; transition:.3s; -webkit-transition:.3s;}
a:hover{opacity:.7;}
input[type=text],
input[type=tel],
input[type=email],
input[type=submit],
input[type=button],
button,
textarea {-webkit-appearance: none; -moz-appearance:none;  border-radius:0; border:none; background:none;}
input[type=radio]{vertical-align:middle;}
input[type=submit]:hover,
input:hover[type=button]:hover,
button{outline:none; transition:.3s; -webkit-transition:.3s; cursor:pointer;}
table{border-collapse:collapse; border:none; border-spacing:0;}
th ,td{border:none; vertical-align:top; text-align:left;}
img{vertical-align:bottom; height:auto;}
strong, b, .bold {font-weight: bold;}
i{line-height:1; font-style:normal;}
p{line-height:1.5;}
.wrap{width:1000px; padding:0 20px; box-sizing:border-box; margin:0 auto;}
.clear{clear:both;}
.clearfix:after{clear:both; content:""; height:0; font-size:0; visibility:hidden; display:block;}
.center{text-align:center;}
.left{float:left;}
.right{float:right;}
.flexbox{display:-webkit-flex; display:flex;}
.flexbox-center{-webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center;}
.flexbox-wrap{-webkit-flex-wrap:wrap; flex-wrap:wrap;}
.ai-center{-webkit-align-items:center; align-items:center;}
.jc-center{-webkit-justify-content:center; justify-content:center;}
.jc-between{-webkit-justify-content:space-between; justify-content:space-between;}

.under-content{position:absolute; top:0; left:120px; width:calc(100% - 120px); height:100%;}


.pc{display:block;}
.pc-inline{display:inline;}
.sp{display:none !important;}
.sp-inline{display:none !important;}




#header{position:fixed; left:0; top:0; z-index:10000; width:120px; height:100%; background-color:#fff; -webkit-transform:translateX(-120px); transform:translateX(-120px); -webkit-transition:.4s; transition:.4s;}
#header.on{-webkit-transform:translateX(0); transform:translateX(0);}
#header .top-logo{text-align:center; margin-top:40px; -webkit-transition:.4s; transition:.4s;}
#header .top-logo .logo{width:49px; height:100px; fill:#000;}
#header .bt-menu{width:30px; height:22px; position:absolute; top:50%; left:50%; margin:-11px 0 0 -15px;}
#header .bt-menu:before{content:""; display:block; width:30px; height:2px; background-color:#333; position:absolute; top:50%; right:0; margin-top:-1px; -webkit-transition:.3s; transition:.3s;}
#header .bt-menu:hover:before{width:20px;}
#header .bt-menu span{width:100%; height:100%; display:block;}
#header .bt-menu span:before,
#header .bt-menu span:after{content:""; display:block; width:30px; height:2px; background-color:#333; position:absolute; left:0; -webkit-transition:.2s; transition:.2s;}
#header .bt-menu span:before{top:0;}
#header .bt-menu span:after{bottom:0;}
#header .bt-menu.open:before{width:30px; height:2px;}
#header .bt-menu.open span:before{top:0; width:10px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); top:6px; height:2px;}
#header .bt-menu.open span:after{bottom:0; width:10px; -webkit-transform:rotate(45deg); transform:rotate(45deg); bottom:6px; height:2px;}
#header .lang-menu{position:absolute; left:0; bottom:30px; width:100%; -webkit-transition:.4s; transition:.4s;}
#header .lang-menu li{margin-right:15px;}
#header .lang-menu li:last-child{margin-right:0;}
#header .lang-menu li a{font-size:12px;}

#header.open .top-logo{opacity:0;}
#header.open .lang-menu{opacity:0;}

.drawer{position:fixed; left:0; top:0; width:calc(100% - 120px); height:100%; background-color:#fff; z-index:9999; box-sizing:border-box; padding-left:165px; -webkit-transform:translateX(-100%); transform:translateX(-100%); -webkit-transition:.4s; transition:.4s;}
.drawer.open{-webkit-transform:translateX(0); transform:translateX(0); left:120px;}
.drawer .gnav{margin-right:70px;}
.drawer .gnav ul li{margin-bottom:10px; opacity:0; position:relative; top:10px;}
.drawer .gnav ul li:last-child{margin-bottom:0;}
.drawer .gnav ul li a{font-size:40px; line-height:60px; font-family:'Didot','Playfair Display', serif;}
.drawer .drawer-right{padding-right:203px; box-sizing:border-box; position:relative;}
.drawer .drawer-right .shop-info{font-family:'Avenir',Arial, Helvetica, sans-serif; margin-bottom:25px; position:relative; left:-20px;}
.drawer .drawer-right .shop-info dt{font-weight:bold; line-height:1; margin-bottom:18px;}
.drawer .drawer-right .shop-info dd{line-height:18px;}
.drawer .drawer-right .shop-info dd:first-of-type{margin-bottom:18px;}
.drawer .drawer-right .sns{position:relative; left:-20px;}
.drawer .drawer-right .sns li{margin-right:18px;}
.drawer .drawer-right .bg-logo{position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.drawer .drawer-right .bg-logo .logo{opacity:.1; width:196px; height:400px;}
.drawer .lang-menu{display:none;}

.drawer.open .gnav ul li{opacity:1; top:0;}
.drawer.open .gnav ul li:nth-child(1){-webkit-transition:.15s .2s; transition:.15s .2s;}
.drawer.open .gnav ul li:nth-child(2){-webkit-transition:.15s .3s; transition:.15s .3s;}
.drawer.open .gnav ul li:nth-child(3){-webkit-transition:.15s .4s; transition:.15s .4s;}
.drawer.open .gnav ul li:nth-child(4){-webkit-transition:.15s .5s; transition:.15s .5s;}
.drawer.open .gnav ul li:nth-child(5){-webkit-transition:.15s .6s; transition:.15s .6s;}
.drawer.open .gnav ul li:nth-child(6){-webkit-transition:.15s .7s; transition:.15s .7s;}
.drawer.open .drawer-right .shop-info{left:0; -webkit-transition:1s;}
.drawer.open .drawer-right .sns{left:0; -webkit-transition:1s;}

/*--------------------
btn
--------------------*/
.m-btn {
   transition: background-color 0.6s, color 0.6s;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: 50px;
   border: 1px solid #000;

 }
 .m-btn a{
    text-decoration: none;
  }
 
 @media all and (min-width: 769px) {
   .m-btn {
     width: 300px;
     height: 64px;
   }
 }
 
 @media (hover: hover) and (pointer: fine) {
   .m-btn:hover {
     background-color: #000;
     color: #fff;
   }
 }
 
 .m-btn.-center {
   margin: 60px auto 0;
 }


/*--------------------
   TOP
--------------------*/
.bg-black{width:100%; height:100%; background-color:#000; position:absolute; top:0; left:0; z-index:1;}
.bg-black.on{-webkit-transform:translateY(-100%); transform:translateY(-100%); -webkit-transition:.5s; transition:.5s;}
.bg-black svg{width:98px; height:200px;}

.path.on{    
    fill:#fff;
	stroke:#fff;
	stroke-width: 2;
    stroke-dasharray: 2000;
    stroke-dashoffset:0;
    animation: DASH 4s ease-in 0s;
}

@keyframes DASH{
    0%  {stroke-dashoffset:2000;fill:transparent;}
    40% {stroke-dashoffset:2000;fill:transparent;}
    60% {stroke-dashoffset:0; fill:transparent;}
    100%{stroke-dashoffset:0;fill:#fff;}
}



.top-content{position:absolute; left:0; top:0; width:100%; height:100%;}
.top-content .slide-block{position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden;}
.top-content .slide-block .bx-wrapper{height:100%;}
.top-content .slide-block .bx-viewport{height:100% !important;}
.top-content .slide-block ul{height:100%;}
.top-content .slide-block ul li{background:no-repeat center center; background-size:cover; width:100%; height:100%;}
.top-content .slide-block ul li.slide01{background-image:url(img/BG_01.jpg);}
.top-content .slide-block ul li.slide02{background-image:url(img/BG_02.jpg);}
.top-content .slide-block ul li.slide03{background-image:url(img/BG_03.jpg);}
.top-content .slide-block ul li.slide04{background-image:url(img/BG_04.jpg);}
.top-content .slide-block ul li.slide05{background-image:url(img/BG_05.jpg);}
.top-content .slide-block ul li.slide06{background-image:url(img/BG_06.jpg);}
.top-content .catch{position:absolute; left:50%; top:50%; margin-left:60px; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); opacity:0; font-size:80px; font-family:'Didot','Playfair Display', serif; color:#fff; line-height:96px; letter-spacing:-1px; z-index:5000;}
.top-content .catch.on{opacity:1; -webkit-transition:.4s; transition:.4s;}
.top-content .news-block{width:520px; min-height:100px; background-color:rgba(0,0,0,.6); position:absolute; right:0; bottom:0; padding:20px; box-sizing:border-box; opacity:0;}
.top-content .news-block.on{opacity:1; -webkit-transition:.4s; transition:.4s;}
.top-content .news-block p{font-size:14px; line-height:18px; color:#fff; word-break:break-all; word-wrap:break-word;}
.top-content .news-block p a{text-decoration: underline; color:#fff}
.top-content .news-block p a:hover{text-decoration: none;}




/*--------------------
   ABOUT
--------------------*/

#about{background:url(img/BG_about.jpg) no-repeat center center; background-size:cover;}
.about-block{width:600px;}
.about-block .page-ttl{font-size:60px; font-family:'Didot','Playfair Display', serif; color:#fff; line-height:1; margin-bottom:110px;}
.about-block .outline div{position:relative; margin-bottom:28px; padding-left:70px; box-sizing:border-box; color:#fff;}
.about-block .outline div dt{position:absolute; left:0; top:0; line-height:2;}
.about-block .outline div dd{line-height:2;}
.about-block .outline div dd a{color:#fff;}





/*--------------------
   RESERVATION
--------------------*/

#reservation{height:auto;}
.reservation-block{width:600px; padding-top:130px; padding-bottom:100px;}
.reservation-block .page-ttl{font-size:60px; font-family:'Didot','Playfair Display', serif; line-height:1; margin-bottom:130px;}
.reservation-block section{margin-top:40px;}
.reservation-block h2{font-size:24px; font-family:'Didot','Playfair Display', serif; margin-bottom:13px; line-height:1;}
.reservation-block p{line-height:24px; margin-bottom: 24px;}
.reservation-block ul li{line-height:24px; margin-bottom: 24x;}
.reservation-block ul.dot-list li{margin-bottom:10px; padding-left:20px; position:relative;}
.reservation-block ul.dot-list li:before{content:"・"; position:absolute; left:0; top:0;}
.reservation-block ul.dot-list li:last-child{margin-bottom:0;}
.reservation-block img{max-width: 100%; margin:20px 0;}
/*.reservation-block a{text-decoration: underline;}
.reservation-block a.red{color:#f21313;}
.reservation-block a:hover{text-decoration: none;}*/






/*--------------------
   CONCEPT
--------------------*/
#concept{height:100%;}
.concept-block{width:100%; height:100%; -webkit-flex-direction:row-reverse; flex-direction:row-reverse; position:absolute; left:0; top:0;}
.concept-block .concept-txt{width:50%; box-sizing:border-box; padding:50px 4.3%; height:100%; box-sizing:border-box;}
.concept-block .concept-txt section{overflow-y:scroll; height:100%;}
.concept-block .concept-txt .page-ttl{margin-bottom:90px; font-size:80px; font-family:'Didot','Playfair Display', serif;}
.concept-block .concept-txt .page-ttl .small{font-size:24px; font-family:"Times New Roman", Times, Georgia,serif;}
.concept-block .concept-txt .page-ttl .small .italic{font-style:italic;}
.concept-block .concept-txt .concept-list{margin-bottom:40px;}
.concept-block .concept-txt .concept-list li{font-size:16px; line-height:2;}
.concept-block .concept-txt p{font-size:14px; line-height:2;}
.concept-block .concept-txt p em{font-style:italic;}
.concept-block .concept-img{width:50%; background:url(img/BG_concept.jpg) no-repeat center center; background-size:cover;}

.chef-block{padding:180px 0; width:100%; box-sizing:border-box; position:absolute; top:100%; left:0;}
.chef-block .chef-txt{width:50%; padding:0 8.6%; box-sizing:border-box;}
.chef-block .chef-txt .sub-ttl{font-size:14px; line-height:1; letter-spacing:7px; margin-bottom:18px;}
.chef-block .chef-txt h2{margin-bottom:90px; font-size:60px; font-family:'Didot','Playfair Display', serif; line-height:1;}
.chef-block .chef-txt p{line-height:2;}
.chef-block .chef-img{width:50%; text-align:center;}
.chef-block .chef-img img{max-width:100%; display:block; position:relative; left:30px; opacity:0; -webkit-transition:.6s; transition:.6s; margin:0 auto;}
.chef-block .chef-img.on img{opacity:1; left:0;}



/*--------------------
   event
--------------------*/

#event{height:auto;}
.event-block{width:600px; padding-top:130px; padding-bottom:100px;}
.event-block .page-ttl{font-size:60px; font-family:'Didot','Playfair Display', serif; line-height:1; margin-bottom:130px;}
.event-block .page-ttl span.small{font-size:36px;}
.event-block section{margin-top:40px;}
.event-block h2{font-size:24px; font-family:'Didot','Playfair Display', serif; margin-bottom:13px; line-height:1;}
.event-block a{text-decoration: underline;}
.event-block a:hover{text-decoration: none;}
.event-block p{line-height:24px;}
.event-block ul{margin-bottom: 24px;}
.event-block ul li{line-height:24px;}
.event-block ul.dot-list li{margin-bottom:10px; padding-left:20px; position:relative;}
.event-block ul.dot-list li:before{content:"・"; position:absolute; left:0; top:0;}
.event-block ul.dot-list li:last-child{margin-bottom:0;}
.event-block img{width:100%;}



@media screen and (max-width:768px){

.pc{display:none !important;}
.pc-inline{display:none !important;}
.sp{display:block !important;}
.sp-inline{display:inline !important;}


.under-content{left:0; width:100%;}



#header{width:100%; height:60px; top:0; background-color:transparent; -webkit-transform:translate(0,-80px); transform:translate(0,-80px); display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center;}
#header.on{-webkit-transform:translateY(0); transform:translateY(0); top:20px;}
#header .top-logo{margin-top:0; margin-left:30px;}
#header .top-logo .logo{width:30px; height:60px; fill:#fff;}
#header .bt-menu{width:25px; height:18px; position:absolute; top:50%; left:auto; right:25px; margin:-9px 0 0;}
#header .bt-menu:before{width:25px; background-color:#fff;}
#header .bt-menu:hover:before{width:25px;}
#header .bt-menu span{-webkit-transition:.2s .2s; transition:.2s .2s; position:relative;}
#header .bt-menu span:before,
#header .bt-menu span:after{width:25px; background-color:#fff;}
#header .bt-menu.open:before{opacity:0;}
#header .bt-menu.open span{-webkit-transition:.2s 0s; transition:.2s 0s; height:1px;}
#header .bt-menu.open span:before{top:0; width:25px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transition:.2s .2s; transition:.2s .2s; background-color:#000;}
#header .bt-menu.open span:after{bottom:0; width:25px; -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:.2s .2s; transition:.2s .2s; background-color:#000;}
#header .lang-menu{display:none;}

#header.bg-wh .top-logo .logo{fill:#000;}
#header.bg-wh .bt-menu:before{background-color:#000;}
#header.bg-wh .bt-menu span:before{background-color:#000;}
#header.bg-wh .bt-menu span:after{background-color:#000;}

#header.open{pointer-events:none;}
#header.open .top-logo{opacity:0;}
#header.open .lang-menu{opacity:0;}
#header.open .bt-menu{pointer-events:all;}

.drawer{width:100%; padding:90px 17.3% 30px; -webkit-transform:translate(0,-100%); transform:translate(0,-100%); display:block; overflow:scroll;}
.drawer.open{-webkit-transform:translate(0); transform:translate(0); left:0;}
.drawer .gnav{margin-right:0;}
.drawer .gnav ul li{margin-bottom:6px;}
.drawer .gnav ul li a{font-size:24px; line-height:38px;}
.drawer .drawer-right{padding-right:0; margin-top:20px;}
.drawer .drawer-right .shop-info{font-family:'Avenir',Arial, Helvetica, sans-serif; margin-bottom:25px; position:relative; left:-20px;}
.drawer .drawer-right .shop-info dt{margin-bottom:12px;}
.drawer .drawer-right .shop-info dd{line-height:18px;}
.drawer .drawer-right .shop-info dd:first-of-type{margin-bottom:21px;}
.drawer .drawer-right .sns{position:relative; left:-20px;}
.drawer .drawer-right .sns li{margin-right:18px;}
.drawer .drawer-right .bg-logo{display:none;}
.drawer .lang-menu{display:-webkit-flex; display:flex; margin-top:20px;}
.drawer .lang-menu li{margin-right:20px;}
.drawer .lang-menu li:last-child{margin-right:0;}

.drawer.open .drawer-right .shop-info{left:0; -webkit-transition:1s;}
.drawer.open .drawer-right .sns{left:0; -webkit-transition:1s;}




/*--------------------
   TOP
--------------------*/

.top-content .slide-block ul li.slide01{background-image:url(img/sp/BG_top.jpg);}
.top-content .slide-block ul li.slide02{background-image:url(img/BG_top.jpg);}
.top-content .slide-block ul li.slide03{background-image:url(img/sp//BG_top.jpg);}
.top-content .catch{margin-left:0; font-size:40px; line-height:48px; width:265px;}
.top-content .news-block{width:100%; min-height:80px; padding:18px;}
.top-content .news-block p{line-height:21px;}




/*--------------------
   ABOUT
--------------------*/

#about{background:url(img/BG_about.jpg) no-repeat center center; background-size:cover;}
.about-block{width:280px;}
.about-block .page-ttl{font-size:40px; margin-bottom:50px;}
.about-block .outline div{margin-bottom:21px;}
.about-block .outline div dt{line-height:21px;}
.about-block .outline div dd{line-height:21px;}





/*--------------------
   RESERVATION
--------------------*/

#reservation{position:static;}
.reservation-block{width:100%; padding:100px 10% 60px;}
.reservation-block .page-ttl{font-size:40px; margin-bottom:60px;}
.reservation-block section{margin-top:30px;}
.reservation-block h2{font-size:20px;}
.reservation-block p{line-height:21px;}
.reservation-block ul li{line-height:21px;}





/*--------------------
   CONCEPT
--------------------*/
.concept-block{display:block; height:auto; position:static;}
.concept-block .concept-txt{width:100%; padding:100px 8.6% 60px;}
.concept-block .concept-txt > section{overflow-y:visible; height:auto;}
.concept-block .concept-txt .page-ttl{margin-bottom:40px; font-size:40px;}
.concept-block .concept-txt .page-ttl .small{font-size:16px;}
.concept-block .concept-txt .concept-list{margin-bottom:20px;}
.concept-block .concept-txt .concept-list li{font-size:16px; line-height:2;}
.concept-block .concept-txt p{font-size:14px; line-height:2;}
.concept-block .concept-txt p em{font-style:italic;}
.concept-block .concept-img{width:100%; height:200px;}

.chef-block{padding:80px 0; display:block; position:static;}
.chef-block .chef-txt{width:100%; padding:0 8.6%;}
.chef-block .chef-txt h2{margin-bottom:40px; font-size:30px;}
.chef-block .chef-txt p{line-height:21px;}
.chef-block .chef-img{width:100%; padding:0 8.6%; box-sizing:border-box; margin-top:30px;}



/*--------------------
   event
--------------------*/

#event{position:static;}
.event-block{width:100%; padding:100px 10% 60px;}
.event-block .page-ttl{font-size:40px; margin-bottom:60px;}
.event-block .page-ttl span.small{font-size:24px;}
.event-block section{margin-top:30px;}
.event-block h2{font-size:20px;}
.event-block p{line-height:21px;}
.event-block ul li{line-height:21px;}





}