/*
Theme Name: JL STUDIO
Theme URI: https://jlstudiotw.com/
Author: JL STUDIO
Author URI: https://jlstudiotw.com/
Description:
Version: 1.0
*/



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;}


body{font-size:14px; color:#351b0e; position:relative; font-family: 'Amiri', 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo, serif;}
body.hide{position:relative; width:100%; height:100%; overflow:hidden;}


ul,ol{list-style:none;}
li{list-style:none;}
a{color:#351b0e; 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;}
svg{vertical-align:bottom; transition:.3s; -webkit-transition:.3s;}
p{line-height:1.5;}
.wrap{max-width:1240px; 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;}

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


/*---------------------------
wrapper
---------------------------*/
#wrapper{overflow:hidden; width:100%; position:relative;}



/*---------------------------
title
---------------------------*/

.ttl01 .ttl-inner{position:relative; overflow:hidden; height:40px;}
.ttl01 .ttl-num{width:70px;}
.ttl01 .ttl-num span{font-size:40px; line-height:1; display:block; -webkit-transition:.4s .6s; transition:.4s .6s; -webkit-transform:translateY(100%); transform:translateY(100%);}
.ttl01 .ttl-num .num02{-webkit-transition-delay:1s; transition-delay:1s;}
.ttl01 .ttl-txt{padding-left:120px; display:block; position:relative;}
.ttl01 .ttl-txt:before{content:""; display:block; width:0; height:1px; background-color:#351b0e; position:absolute; right:100%; margin-right:-90px; top:50%; -webkit-transition:.4s; transition:.4s;}
.ttl01 .ttl-txt span{font-size:40px; line-height:1; display:block; -webkit-transform:translateX(100%); transform:translateX(100%);}

.ttl01.on .ttl-num span{-webkit-transform:translateY(0); transform:translateY(0);}
.ttl01.on .ttl-txt:before{width:90px; -webkit-transition:1s; transition:1s;}
.ttl01.on .ttl-txt span{-webkit-transform:translateX(0); transform:translateX(0); -webkit-transition:1s .2s; transition:1s .2s;}


/*---------------------------
link
---------------------------*/
.arrow-link{width:296px;}
.arrow-link a{display:block; font-size:22px; line-height:1; padding:10px 0; position:relative;}
.arrow-link a:before,
.arrow-link a:after{content:""; display:block; height:1px; background-color:#351b0e; position:absolute; bottom:3px;}
.arrow-link a:before{width:100%; left:0;}
.arrow-link a:after{width:30px; right:0; -webkit-transform:rotate(30deg); transform:rotate(30deg); -webkit-transform-origin:right; transform-origin:right;}
.arrow-link a:hover:before{animation:arrow01 ease-in .5s;}
.arrow-link a:hover:after{animation:arrow02 ease-in .5s;}

@keyframes arrow01{
0%{width:0;}
100%{width:100%;}
}

@keyframes arrow02{
0%{right:100%;}
100%{right:0;}
}

/*---------------------------
loading
---------------------------*/
#loading{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10000; overflow:hidden;}
#loading:before,
#loading:after{content:""; display:block; position:absolute; left:0; width:100%; height:50%; background-color:#30180b;}
#loading:before{top:0;}
#loading:after{bottom:0;}
#loading-bar{height:1px; overflow:hidden; width:0; position:absolute; left:0; top:50%; margin-top:-1px; background-color:#fff; z-index:10;}
#loading-bar.start{width:100%; -webkit-transition:1s linear; transition:1s linear;}
#loading.comp:before{-webkit-transition:all 800ms cubic-bezier(0.785, 0.135, 0.15, 0.86); transition:all 800ms cubic-bezier(0.785, 0.135, 0.15, 0.86); top:-50%;}
#loading.comp:after{-webkit-transition:all 800ms cubic-bezier(0.785, 0.135, 0.15, 0.86); transition:all 800ms cubic-bezier(0.785, 0.135, 0.15, 0.86); bottom:-50%;}
#loading.comp #loading-bar{display:none;}




/*---------------------------
gnav
---------------------------*/
#gnav{position:fixed; left:0; top:0; width:100%; height:105px; padding-right:35px; box-sizing:border-box; -webkit-justify-content:flex-end; justify-content:flex-end; z-index:20000;}
#gnav.on{background-color:#fff;}
#gnav .nav-logo{margin-right:auto; padding-left:30px; opacity:0; visibility:hidden; -webkit-transition:.5s; transition:.5s;}
#gnav .nav-logo .logo{width:173px; height:40px; fill:#351b0e;}
#gnav.on .nav-logo{opacity:1; visibility:visible;}
#gnav .link-reservation{width:180px; height:35px; box-sizing:border-box; border:#351b0e solid 1px; font-size:18px; font-weight:bold;}
#gnav .bt-menu{display:block; width:50px; height:50px; position:relative; margin-left:30px;}
#gnav .bt-menu > span{position:absolute; display:block; width:40px; height:30px; top:10px; left:5px; -webkit-transition:.3s; transition:.3s;}
#gnav .bt-menu > span:before,
#gnav .bt-menu > span:after,
#gnav .bt-menu > span span{content:""; display:block; position:absolute; right:0; height:2px; background-color:#351b0e; -webkit-transition:.3s; transition:.3s;}
#gnav .bt-menu > span:before{top:0; width:40px;}
#gnav .bt-menu > span:after{bottom:0; width:30px;}
#gnav .bt-menu > span span{top:50%; margin-top:-1px; width:20px;}
#gnav .bt-menu:hover > span:before,
#gnav .bt-menu:hover > span:after,
#gnav .bt-menu:hover > span span{width:100%;}
#gnav .bt-menu.close{z-index:9000;}
#gnav .bt-menu.close > span{height:2px; top:24px;}
#gnav .bt-menu.close > span:before{width:100%; -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform:3s 3s; background-color:#fff;}
#gnav .bt-menu.close > span:after{width:100%; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform:3s 3s; background-color:#fff;}
#gnav .bt-menu.close > span span{opacity:0;}

#gnav .nav-box{position:absolute; right:0; top:0; width:420px; box-sizing:border-box; background-color:#30180b; -webkit-transform:translateX(100%); transform:translateX(100%); -webkit-transition:.3s; transition:.3s;}
#gnav .nav-box.open{-webkit-transform:translateX(0); transform:translateX(0);}
#gnav .nav-box .nav-box-inner{width:100%;}
#gnav .nav-box .nav-list{padding:0 60px; box-sizing:border-box; width:100%;}
#gnav .nav-box .nav-list li{margin-bottom:25px;}
#gnav .nav-box .nav-list li:last-child{margin-bottom:0;}
#gnav .nav-box .nav-list li a{display:inline-block; font-size:24px; color:#fff; -webkit-transition:.3s; transition:.3s; position:relative;}
#gnav .nav-box .nav-list li a:hover{padding-left:20px;}
#gnav .nav-box .nav-list li a:before{content:""; display:block; width:4px; height:24px; background-color:#955a3a; position:absolute; left:0; top:50%; margin-top:-12px; opacity:0; -webkit-transition:.3s; transition:.3s;}
#gnav .nav-box .nav-list li a:hover:before{opacity:1;}
#gnav .nav-box .nav-sns{margin-top:12%; padding:0 60px; box-sizing:border-box;}
#gnav .nav-box .nav-sns li:first-child{margin-right:30px;}
#gnav .nav-box .nav-sns li:first-child img{width:29px;}
#gnav .nav-box .nav-sns li:last-child img{width:13px;}
#gnav .nav-box .lang-list{margin-top:5%; padding:0 60px; box-sizing:border-box;}
#gnav .nav-box .lang-list li{margin-right:10px; padding-right:20px; position:relative;}
#gnav .nav-box .lang-list li:last-child{margin-right:0; padding-right:0;}
#gnav .nav-box .lang-list li:after{content:"/"; display:inline; font-size:20px; color:#fff; position:absolute; right:0; top:0;}
#gnav .nav-box .lang-list li:last-child:after{display:none;}
#gnav .nav-box .lang-list li a{font-size:20px; color:#fff; position:relative; display:block;}
#gnav .nav-box .lang-list li a:after{content:""; display:block; width:0; height:4px; background-color:#955a3a; position:absolute; left:50%; margin-left:-15px; bottom:-12px; -webkit-transition:.3s; transition:.3s;}
#gnav .nav-box .lang-list li a:hover:after{width:30px;}






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


/*--header--*/
#header{position:relative;}
#header .site-logo{text-align:center;}
#header .site-logo img{width:396px; height:91px;}
#header .mv-logos{position:absolute; right:30px; bottom:50px;}
#header .mv-logos li{margin-right:10px;}
#header .mv-logos li:last-child{margin-right:0px;}
#header .mv-logos li img{width:64px;}
#header .mvbg{position:absolute; left:0; top:0; width:100%; height:100%; background:repeat center center; background-size:auto; opacity:.08;}
#header .mvbg.hide{opacity:0;}
#header .mvbg .mv-slide{width:100%;}
#header .mvbg .mv-slide li{background:repeat center center; background-size:120px auto; width:100%; position:absolute; left:0; top:0; width:100%; height:100%;}
#header .mvbg .mv-slide li.slide01{background-size:80px 80px;}
#header .mvbg .mv-slide li.slide02{background-image:url(svg/bg02.svg);}
#header .mvbg .mv-slide li.slide03{background-image:url(svg/bg03.svg);}
#header .mvbg .mv-slide li.slide04{background-image:url(svg/bg04.svg);}
#header .mvbg .mv-slide li.slide05{background-image:url(svg/bg05.svg);}
#header .mvbg .mv-slide li.slide06{background-image:url(svg/bg06.svg);}


/*--news--*/
.top-news{background-color:#f7f5f5; box-sizing:border-box;}
.top-news .news-inner{font-size:20px; line-height:26px; color:#351b0e; max-width:840px; box-sizing:border-box; padding:50px 20px; width:100%;}
.top-news p{font-size:20px; line-height:26px; color:#351b0e;}

/*--concept--*/
.sec01{padding:120px 0;} 
.sec01 .concept-txt{margin-top:110px;}
.sec01 .concept-txt .concept-txt-inner{max-width:560px; width:100%;}
.sec01 .concept-txt p{font-size:20px; line-height:26px;}
.sec01 .concept-txt p.concept-lead{margin-bottom:30px;}



/*--team--*/
.sec02{padding:120px 0; background-color:#f1eeed;}
.sec02 .team-txt{max-width:560px; width:47%; margin-right:auto;}
.sec02 .team-txt .chef{margin-top:80px;}
.sec02 .team-txt .chef .chef-ttl{font-weight:bold; font-size:20px; margin-bottom:20px;}
.sec02 .team-txt .chef-desc{font-size:18px; line-height:26px;}
.sec02 .chef-img{max-width:560px; width:47%;}
.sec02 .chef-img img{width:100%;}



/*--gallery--*/
.sec03{padding:150px 0;}
.sec03 .sec{position:relative;}
.sec03 .gallery-list{margin-top:80px;}
.sec03 .gallery-list li{width:48%; margin:0 1% 20px;}
/*.sec03 .gallery-list li:first-child{width:30%; margin:0 auto 40px 0;}
.sec03 .gallery-list li:nth-child(2){width:66.6666%; margin-bottom:40px;}
.sec03 .gallery-list li:nth-child(3){width:66.6666%; margin-right:auto;}
.sec03 .gallery-list li:last-child{width:30%;}*/
.sec03 .gallery-list li img{width:100%;}
.sec03 .arrow-link{position:absolute; right:20px; top:5px;}



/*--menu--*/
.sec04{padding:150px 0; box-sizing:border-box; min-height:840px; background:url(img/pc/BG_menu.jpg) no-repeat center center / cover;}
.sec04 .ttl01 .ttl-num span{color:#fff;}
.sec04 .ttl01 .ttl-txt:before{background-color:#fff;}
.sec04 .ttl01 .ttl-txt span{color:#fff;}
.sec04 .menu-block{-webkit-justify-content:flex-end; justify-content:flex-end; margin-top:80px;}
.sec04 .menu-block .menu-list{max-width:560px;}
.sec04 .menu-block .menu-list *{color:#fff;}
.sec04 .menu-block .menu-list > div{margin-bottom:40px;}
.sec04 .menu-block .menu-list > div:last-of-type{margin-bottom:0;}
.sec04 .menu-block .menu-list dt{font-size:22px; line-height:1; margin-bottom:20px;}
.sec04 .menu-block .menu-list dd{font-size:18px; line-height:26px; box-sizing:border-box; margin-bottom:5px;}
.sec04 .menu-block .menu-list dd:last-of-type{margin-bottom:0;}
.sec04 .menu-block .menu-list dd .menu-name{margin-right:100px; margin-bottom:15px;}
.sec04 .menu-block .menu-list dd .price{margin-left:auto; margin-bottom:15px;}
.sec04 .menu-block .menu-list p.note{font-size:16px; margin-bottom:15px; }



/*--blog--*/
#blog{background:#f1eeed; padding:120px 0; min-height:auto;}
#blog .ttl01 .ttl-txt:before{background-color:#351b0e;}
#blog .ttl01 .ttl-txt span{color:#351b0e;}
#blog .menu-block{position:relative; padding-bottom:80px;}
#blog .menu-block .blog-list{max-width:560px; width:100%;}
#blog .menu-block .blog-list li{margin-bottom:50px;}
#blog .menu-block .blog-list li:last-child{margin-bottom:0;}
#blog .menu-block .blog-list li a{position:relative; padding-bottom:30px;}
#blog .menu-block .blog-list li .date{display:block; font-size:16px; line-height:28px;}
#blog .menu-block .blog-list li .top-blog-ttl{font-size:16px; line-height:28px; width:calc(100% - 120px); margin-left:auto;}
#blog .menu-block .blog-list li .arrow-link{position:absolute; right:0; bottom:0; width:114px;}
#blog .menu-block .blog-list li .arrow-link span{display:block; font-size:16px; line-height:1; padding:10px 0; position:relative;}
#blog .menu-block .blog-list li .arrow-link span:before,
#blog .menu-block .blog-list li .arrow-link span:after{content:""; display:block; height:1px; background-color:#351b0e; position:absolute; bottom:3px;}
#blog .menu-block .blog-list li .arrow-link span:before{width:100%; left:0;}
#blog .menu-block .blog-list li .arrow-link span:after{width:30px; right:0; -webkit-transform:rotate(30deg); transform:rotate(30deg); -webkit-transform-origin:right; transform-origin:right;}
#blog .menu-block .blog-list li a:hover .arrow-link span:before{animation:arrow01 ease-in .5s;}
#blog .menu-block .blog-list li a:hover .arrow-link span:after{animation:arrow02 ease-in .5s;}
#blog .menu-block .arrow-link{position:absolute; right:0; bottom:0; width:180px;}



/*--information--*/
.sec05{padding:150px 0;}
.sec05 .info-txt{max-width:560px; width:47%; margin-right:auto;}
.sec05 .info-txt .outline{margin-top:50px;}
.sec05 .info-txt .outline div{position:relative; padding-left:117px; box-sizing:border-box; margin-bottom:20px;}
.sec05 .info-txt .outline div:last-of-type{margin-bottom:0;}
.sec05 .info-txt .outline dt{position:absolute; left:0; top:0; font-size:16px; font-weight:bold; line-height:28px;}
.sec05 .info-txt .outline dd{font-size:16px; line-height:28px;}
.sec05 .info-txt .closed{font-size:16px; margin-top:20px;}
.sec05 .gmap{max-width:560px; width:100%;}
.sec05 .gmap iframe{width:100%; height:420px; -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%);}



/*--reservation--*/
.sec06{padding:100px 0 120px; background:url(img/pc/BG_reservation.jpg) no-repeat center center / cover;}
.sec06 .sec{position:relative;}
.sec06 .ttl01 .ttl-num span{color:#fff;}
.sec06 .ttl01 .ttl-txt:before{background-color:#fff;}
.sec06 .ttl01 .ttl-txt span{color:#fff;}
.sec06 .reservation-txt{margin-top:150px; -webkit-justify-content:flex-end; justify-content:flex-end;}
.sec06 .reservation-txt .reservation-desc{font-size:20px; line-height:26px; color:#fff; max-width:560px;}
.sec06 .arrow-link{position:absolute; right:20px; bottom:-60px;}
.sec06 .arrow-link a{color:#fff;}
.sec06 .arrow-link a:before,
.sec06 .arrow-link a:after{background-color:#fff;}





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

.under-header{height:380px; background:no-repeat center center; background-size:cover;}
.under-header .page-ttl{font-size:40px; color:#fff; margin-top:100px;}


.reservation-header{background-image:url(img/pc/BG_reservation.jpg);}
.reservation-block{max-width:760px; padding:100px 20px; box-sizing:border-box; margin:0 auto;}
.reservation-block .reservation-lead{font-size:18px; margin-bottom:60px; text-align: center;}
.reservation-block .reservation-txt{font-size:18px; }
.reservation-block .reservation-txt .reservation-ttl{font-size:30px; font-weight:bold; text-align:center; margin-bottom:35px;}
.reservation-block .reservation-txt p{margin-bottom: 20px;}
.reservation-block .reservation-txt p a{text-decoration: underline;}
.reservation-block .reservation-txt p a:hover{text-decoration: none;}
.reservation-block .reservation-txt h3{font-size:24px; font-weight:bold; margin: 60px 0 30px; text-align:center;}  
.reservation-block .reservation-txt h4{font-size:18px; font-weight:bold; margin-bottom: 20px;}
.reservation-block .reservation-txt .reservation-list{margin: 20px 0;}
.reservation-block .reservation-txt .reservation-list li{}
.reservation-block .reservation-txt .reservation-list li:last-child{margin-bottom:0;}
.reservation-block .reservation-box{padding:35px 60px; box-sizing:border-box; border:#351b0e solid 1px; margin-top: 60px;}
.reservation-block .reservation-box h3{text-align:center; line-height:1; font-size:30px; font-weight:bold; margin:10px 0 45px;}
.reservation-block .reservation-box p{font-size:20px; line-height:36px; margin-bottom:12px;}





/*---------------------------
GALLERY
---------------------------*/

.gallery-header{padding-top:105px;}
.gallery-header .page-ttl{padding:40px 0; text-align:center; font-size:40px; margin-bottom:35px;}

.gallery-page{padding:0 20px 100px; box-sizing:border-box;}
.gallery-slide-outer{max-width:1040px; margin:0 auto;}
.gallery-slide-outer .gallery-slide li{float:none !important;}
.gallery-slide-outer .bx-controls .bx-controls-direction a{width:30px; height:30px; margin-top:-15px; box-sizing:border-box; border-top:#fff solid 2px;}
.gallery-slide-outer .bx-controls .bx-controls-direction a.bx-prev{border-left:#fff solid 2px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); left:30px;}
.gallery-slide-outer .bx-controls .bx-controls-direction a.bx-next{border-right:#fff solid 2px; -webkit-transform:rotate(45deg); transform:rotate(45deg); right:30px;}
.gallery-thumb{max-width:1040px; margin:0 auto;}
.gallery-thumb a{display:block; width:14.5%; max-width:150px; margin-top:30px; margin-right:2.6%;}
.gallery-thumb a:nth-child(6n){margin-right:0;}
.gallery-thumb a.active{opacity:.6;}
.gallery-thumb a img{width:100%; height:auto;}





/*---------------------------
BLOG
---------------------------*/


.blog-header{background-image:url(img/pc/BG_blog.jpg);}
.article-block{padding:60px 20px 100px; box-sizing:border-box; max-width:760px; margin:0 auto;}
.article-block .item{margin-bottom:120px;}
.article-block .item:last-of-type{margin-bottom:0;}
.article-block .item .date{font-size:20px; line-height:1; margin-bottom:20px; display:block;}
.article-block .item .article-ttl{font-size:30px; line-height:36px; padding-bottom:20px; border-bottom:#351b0e solid 1px; margin-bottom:45px; word-break:break-all; word-wrap:break-word;}
.article-block .item .article-body{font-size:20px; line-height:26px; word-break:break-all; word-wrap:break-word;}
.article-block .item .article-body p{font-size:20px; line-height:26px; margin-bottom:30px; word-break:break-all; word-wrap:break-word;}
.article-block .item .article-body h2{font-size:30px; margin-bottom:30px;}
.article-block .item .article-body h3{font-size:26px; margin-bottom:30px;}
.article-block .item .article-body h4{font-size:24px; margin-bottom:30px;}
.article-block .item .article-body ul{margin-bottom:30px;}
.article-block .item .article-body ol{margin-bottom:30px;}
.article-block .item .article-body li{padding-left:20px; position:relative; font-size:20px; line-height:26px; margin-bottom:5px;}
.article-block .item .article-body li:last-child{margin-bottom:0;}
.article-block .item .article-body li:before{content:"・"; display:block; position:absolute; left:0; top:0;}
.article-block .item .article-body a{text-decoration:underline;}
.article-block .item .article-body a:hover{text-decoration:none;}
.article-block .item .article-body .aligncenter{display:block; margin:0 auto;}
.article-block .item .article-body .alignright{display:block; margin-left:auto;}




/*---------------------------
footer
---------------------------*/
#footer{background:url(svg/bg03_02.svg) repeat center center; background-color:#241d1a; background-size:100px 100px; padding:105px 0 110px; position:relative;}
#footer .ft-left{max-width:380px; width:31.7%;}
#footer .ft-address{font-size:16px; color:#fff; line-height:30px;}
#footer .ft-sns{margin-top:15px;}
#footer .ft-sns li:first-child{margin-right:30px;}
#footer .ft-sns li:first-child img{width:29px; height:29px;}
#footer .ft-sns li:last-child img{width:13px; height:28px;}
#footer .ft-logo{text-align:center; max-width:500px; box-sizing:border-box; width:41.7%; border-left:#453f3c solid 1px; border-right:#453f3c solid 1px;}
#footer .ft-logo .logo{width:220px; height:51px; fill:#fff;}
#footer .ft-awards{max-width:335px; width:26.6%;}
#footer .ft-awards li{margin-right:10px;}
#footer .ft-awards li:last-child{margin-right:0px;}
#footer .ft-awards li img{width:50px;}
#footer .copy{font-size:10px; line-height:1; color:#fff; position:absolute; left:50%; bottom:5px; -webkit-transform:translateX(-50%); transform:translateX(-50%);}





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

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




/*---------------------------
title
---------------------------*/

.ttl01 .ttl-inner{position:relative; overflow:hidden; height:24px;}
.ttl01 .ttl-num{width:34px;}
.ttl01 .ttl-num span{font-size:24px;}
.ttl01 .ttl-txt{padding-left:38px;}
.ttl01 .ttl-txt:before{margin-right:-24px;}
.ttl01 .ttl-txt span{font-size:24px;}

.ttl01.on .ttl-txt:before{width:25px;}

/*---------------------------
link
---------------------------*/
.arrow-link{width:240px;}
.arrow-link a{font-size:18px; padding:10px 0 10px 7px;}
.arrow-link a:after{width:20px;}



/*---------------------------
gnav
---------------------------*/
#gnav{height:50px; padding-right:15px;}
#gnav .nav-logo{padding-left:10px;}
#gnav .nav-logo .logo{width:100px; height:23px;}
#gnav.on .nav-logo{opacity:1; visibility:visible;}
#gnav .link-reservation{width:auto; height:24px; font-size:14px; padding:0 10px;}
#gnav .bt-menu{width:30px; height:30px; margin-left:10px;}
#gnav .bt-menu > span{position:absolute; display:block; width:30px; height:24px; top:3px; left:0;}
#gnav .bt-menu > span:before,
#gnav .bt-menu > span:after,
#gnav .bt-menu > span span{height:2px;}
#gnav .bt-menu > span:before{width:30px;}
#gnav .bt-menu > span:after{width:24px;}
#gnav .bt-menu > span span{width:15px;}

#gnav .nav-box{width:250px;}
#gnav .nav-box .nav-list{padding:0 20px;}
#gnav .nav-box .nav-list li{margin-bottom:15px;}
#gnav .nav-box .nav-list li a{font-size:14px;}
#gnav .nav-box .nav-list li a:hover{padding-left:11px;}
#gnav .nav-box .nav-list li a:before{width:2px; height:14px; margin-top:-7px;}
#gnav .nav-box .nav-sns{padding:0 20px; box-sizing:border-box;}
#gnav .nav-box .nav-sns li:first-child{margin-right:20px;}
#gnav .nav-box .nav-sns li:first-child img{width:19px;}
#gnav .nav-box .nav-sns li:last-child img{width:9px;}
#gnav .nav-box .lang-list{padding:0 20px;}
#gnav .nav-box .lang-list li{margin-right:6px; padding-right:12px;}
#gnav .nav-box .lang-list li:after{font-size:13px;}
#gnav .nav-box .lang-list li a{font-size:13px;}
#gnav .nav-box .lang-list li a:after{height:2px; margin-left:-9px; bottom:-6px;}
#gnav .nav-box .lang-list li a:hover:after{width:18px;}





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


/*--header--*/
#header .site-logo img{width:198px; height:45px;}
#header .mv-logos{right:15px; bottom:20px;}
#header .mv-logos li:first-child{margin-right:10px;}
#header .mv-logos li img{width:50px;}
#header .mvbg{position:absolute; left:0; top:0; width:100%; height:100%; background:repeat center center; background-size:100px auto; opacity:.08;}
#header .mvbg.hide{opacity:0;}
#header .mvbg .mv-slide{width:100%;}
#header .mvbg .mv-slide li{background-size:120px auto;}



/*--concept--*/
.sec01{padding:45px 0;} 
.sec01 .concept-txt{display:block; margin-top:40px;}
.sec01 .concept-txt .concept-txt-inner{max-width:none;}
.sec01 .concept-txt p{font-size:16px; line-height:21px;}
.sec01 .concept-txt p.concept-lead{margin-bottom:20px;}



/*--chef--*/
.sec02{padding:20px 0 50px;}
.sec02 .sec{-webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-flex-direction:column-reverse; flex-direction:column-reverse;}
.sec02 .team-txt{max-width:none; width:100%; margin-right:0;}
.sec02 .team-txt .chef{margin-top:40px;}
.sec02 .team-txt .chef .chef-ttl{font-size:18px; margin-bottom:15px;}
.sec02 .team-txt .chef-desc{font-size:16px; line-height:21px;}
.sec02 .chef-img{max-width:560px; margin:0 auto 50px; width:100%;}
.sec02 .chef-img img{width:100%;}



/*--gallery--*/
.sec03{padding:50px 0 110px;}
.sec03 .gallery-list{margin-top:50px;}
/*
.sec03 .gallery-list li:first-child{width:100%; margin:0 0 20px;}
.sec03 .gallery-list li:nth-child(2){width:100%; margin-bottom:20px;}
.sec03 .gallery-list li:nth-child(3){width:100%; margin:0 0 20px;}
.sec03 .gallery-list li:last-child{width:100%;}
.sec03 .gallery-list li:first-child{margin:0 auto 20px 0;}
.sec03 .gallery-list li:nth-child(2){margin-bottom:20px;}
*/
.sec03 .gallery-list li img{width:100%;}
.sec03 .arrow-link{top:auto; bottom:-50px;}



/*--menu--*/
.sec04{padding:50px 0; min-height:auto; background-image:url(img/sp/BG_menu.jpg);}
.sec04 .menu-block{display:block; margin-top:40px;}
.sec04 .menu-block .menu-list > div{margin-bottom:25px;}
.sec04 .menu-block .menu-list dt{font-size:18px; margin-bottom:15px;}
.sec04 .menu-block .menu-list dd{font-size:16px; line-height:21px; margin-bottom:0;}
.sec04 .menu-block .menu-list dd .menu-name{margin-right:50px; margin-bottom:10px;}
.sec04 .menu-block .menu-list dd .price{margin-bottom:10px;}



/*--blog--*/
#blog{background:#f1eeed; padding:50px 0;}
#blog .menu-block{padding-bottom:60px;}
#blog .menu-block .blog-list li{margin-bottom:25px;}
#blog .menu-block .blog-list li:last-child{margin-bottom:0;}
#blog .menu-block .blog-list li a{display:block;}
#blog .menu-block .blog-list li .date{line-height:21px;}
#blog .menu-block .blog-list li .top-blog-ttl{line-height:21px; width:100%; margin-left:0;}
#blog .menu-block .arrow-link{position:absolute; right:0; bottom:0; width:150px;}
#blog .menu-block .arrow-link span:after{width:20px;}



/*--information--*/
.sec05{padding:40px 0;}
.sec05 .sec{display:block; position:relative;}
.sec05 .info-txt{max-width:none; width:100%; margin-right:0;}
.sec05 .info-txt .outline{margin-top:256px;}
.sec05 .info-txt .outline div{padding-left:0; margin-bottom:30px;}
.sec05 .info-txt .outline dt{position:static; left:auto; top:auto; font-size:18px; line-height:1; margin-bottom:15px;}
.sec05 .info-txt .outline dd{line-height:26px;}
.sec05 .info-txt .closed{font-size:14px; margin-top:15px;}
.sec05 .gmap{max-width:none; width:calc(100% - 40px); position:absolute; left:20px; top:44px;}
.sec05 .gmap iframe{height:210px;}



/*--reservation--*/
.sec06{padding:50px 0 150px; background-image:url(img/sp/BG_reservation.jpg);}
.sec06 .reservation-txt{margin-top:50px; display:block;}
.sec06 .reservation-txt .reservation-desc{font-size:16px; line-height:21px; max-width:none;}
.sec06 .arrow-link{bottom:-90px;}




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

.under-header{height:300px;}
.under-header .page-ttl{font-size:28px; margin-top:50px;}


.reservation-header{background-image:url(img/sp/BG_reservation.jpg);}
.reservation-block{padding:50px 20px;}
.reservation-block .reservation-lead{font-size:16px; margin-bottom:30px; text-align: left;}
.reservation-block .reservation-txt{font-size:16px; }
.reservation-block .reservation-txt .reservation-ttl{font-size:24px; margin-bottom:20px;}
.reservation-block .reservation-txt h3{font-size:18px; font-weight:bold; margin: 20px 0; text-align:center;}  
.reservation-block .reservation-txt h4{font-size:16px; font-weight:bold; margin-bottom: 16px;}
.reservation-block .reservation-txt .reservation-list{margin: 20px 0;}
.reservation-block .reservation-txt .reservation-list li{font-size:16px; line-height:21px;}
.reservation-block .reservation-box{padding:20px;}
.reservation-block .reservation-box h3{font-size:24px; margin:5px 0 25px;}
.reservation-block .reservation-box p{font-size:16px; line-height:24px;}
.reservation-block .reservation-txt p{margin-bottom: 16px;}





/*---------------------------
GALLERY
---------------------------*/

.gallery-header{padding-top:50px;}
.gallery-header .page-ttl{padding:20px 0; text-align:center; font-size:28px; margin-bottom:20px;}

.gallery-page{padding:0 20px 50px;}
.gallery-thumb a{display:block; width:18%; max-width:150px; margin-top:15px; margin-right:2.5%;}
.gallery-thumb a:nth-child(6n){margin-right:2%;}
.gallery-thumb a:nth-child(5n){margin-right:0;}
.gallery-thumb a.active{opacity:.6;}
.gallery-thumb a img{width:100%; height:auto;}





/*---------------------------
BLOG
---------------------------*/


.blog-header{background-image:url(img/pc/BG_blog.jpg);}
.article-block{padding:30px 20px 50px;}
.article-block .item{margin-bottom:60px;}
.article-block .item .date{font-size:16px; margin-bottom:10px;}
.article-block .item .article-ttl{font-size:26px; line-height:32px; padding-bottom:10px; margin-bottom:25px;}
.article-block .item .article-body{font-size:16px; line-height:21px;}
.article-block .item .article-body p{font-size:16px; line-height:21px; margin-bottom:20px;}
.article-block .item .article-body h2{font-size:26px; margin-bottom:20px;}
.article-block .item .article-body h3{font-size:22px; margin-bottom:20px;}
.article-block .item .article-body h4{font-size:20px; margin-bottom:20px;}
.article-block .item .article-body ul{margin-bottom:20px;}
.article-block .item .article-body ol{margin-bottom:20px;}
.article-block .item .article-body li{padding-left:16px; font-size:16px; line-height:21px;}
.article-block .item .article-body {}




/*---------------------------
footer
---------------------------*/
#footer{background-size:47px 47px; padding:110px 0 56px;}
#footer .wrap{display:block; padding:0 40px;}
#footer .ft-left{max-width:470px; width:100%; margin:0 auto;}
#footer .ft-address{font-size:11px; line-height:18px; text-align:center;}
#footer .ft-sns{margin-top:30px; display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; padding-bottom:35px; border-bottom:#504a48 solid 1px;}
#footer .ft-sns li:first-child{margin-right:26px;}
#footer .ft-sns li:first-child img{width:24px; height:24px;}
#footer .ft-sns li:last-child img{width:11px; height:23px;}
#footer .ft-logo{max-width:none; width:100%; border:none; display:block; position:absolute; top:44px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
#footer .ft-logo .logo{width:154px; height:35px;}
#footer .ft-awards{max-width:none; width:100%; padding-top:30px;}
#footer .ft-awards li{margin-right:10px;}
#footer .ft-awards li:last-child{margin-right:0px;}
#footer .ft-awards li img{width:48px;}
#footer .copy{font-size:8px; bottom:10px;}




}