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{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{font-size:62.5%}body{color:#000;font-family:"Helvetica Neue",Helvetica,Arial,Verdana,Roboto,"游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;line-height:1.6;font-size:1.6rem;text-align:center}@media(max-width: 480px){body{font-size:1.4rem}}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}img{max-width:100%}a img{transition:1s}a:hover img{filter:alpha(opacity=70);opacity:.7}a:link,a:visited{color:#000}a:hover,a:active{color:#999}.b,strong{font-weight:bold}.clearfix:after{content:"";clear:both;display:block}.tc{text-align:center}.tl{text-align:left}.tr{text-align:right}.fl{float:left}.fr{float:right}.loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:5000}.loader{margin:-15px 0 0 -15px;display:inline-block;position:absolute;top:50%;left:50%;width:30px;height:30px;border:4px solid #000;border-radius:50%;border-top-color:transparent;animation:spin .75s infinite linear}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}*[class^=fade]{opacity:.01;transition:all 500ms}.fade-up{transform:translate(0, 50px)}.fade-down{transform:translate(0, -50px)}.fade-left{transform:translate(50px, 0)}.fade-right{transform:translate(-50px, 0)}*[class^=fade].fadein{opacity:1;transform:translate(0, 0)}.fade-box *[class^=fade]:nth-of-type(1){-moz-transition-delay:100ms;-webkit-transition-delay:100ms;-o-transition-delay:100ms;-ms-transition-delay:100ms}.fade-box *[class^=fade]:nth-of-type(2){-moz-transition-delay:200ms;-webkit-transition-delay:200ms;-o-transition-delay:200ms;-ms-transition-delay:200ms}.fade-box *[class^=fade]:nth-of-type(3){-moz-transition-delay:300ms;-webkit-transition-delay:300ms;-o-transition-delay:300ms;-ms-transition-delay:300ms}.fade-box *[class^=fade]:nth-of-type(4){-moz-transition-delay:400ms;-webkit-transition-delay:400ms;-o-transition-delay:400ms;-ms-transition-delay:400ms}.fade-box *[class^=fade]:nth-of-type(5){-moz-transition-delay:500ms;-webkit-transition-delay:500ms;-o-transition-delay:500ms;-ms-transition-delay:500ms}.fade-box *[class^=fade]:nth-of-type(6){-moz-transition-delay:600ms;-webkit-transition-delay:600ms;-o-transition-delay:600ms;-ms-transition-delay:600ms}.fade-box *[class^=fade]:nth-of-type(7){-moz-transition-delay:700ms;-webkit-transition-delay:700ms;-o-transition-delay:700ms;-ms-transition-delay:700ms}.fade-box *[class^=fade]:nth-of-type(8){-moz-transition-delay:800ms;-webkit-transition-delay:800ms;-o-transition-delay:800ms;-ms-transition-delay:800ms}.fade-box *[class^=fade]:nth-of-type(9){-moz-transition-delay:900ms;-webkit-transition-delay:900ms;-o-transition-delay:900ms;-ms-transition-delay:900ms}.fade-box *[class^=fade]:nth-of-type(10){-moz-transition-delay:1000ms;-webkit-transition-delay:1000ms;-o-transition-delay:1000ms;-ms-transition-delay:1000ms}.fade-box *[class^=fade]:nth-of-type(11){-moz-transition-delay:1100ms;-webkit-transition-delay:1100ms;-o-transition-delay:1100ms;-ms-transition-delay:1100ms}.fade-box *[class^=fade]:nth-of-type(12){-moz-transition-delay:1200ms;-webkit-transition-delay:1200ms;-o-transition-delay:1200ms;-ms-transition-delay:1200ms}.fade-box *[class^=fade]:nth-of-type(13){-moz-transition-delay:1300ms;-webkit-transition-delay:1300ms;-o-transition-delay:1300ms;-ms-transition-delay:1300ms}.fade-box *[class^=fade]:nth-of-type(14){-moz-transition-delay:1400ms;-webkit-transition-delay:1400ms;-o-transition-delay:1400ms;-ms-transition-delay:1400ms}.fade-box *[class^=fade]:nth-of-type(15){-moz-transition-delay:1500ms;-webkit-transition-delay:1500ms;-o-transition-delay:1500ms;-ms-transition-delay:1500ms}.fade-box *[class^=fade]:nth-of-type(16){-moz-transition-delay:1600ms;-webkit-transition-delay:1600ms;-o-transition-delay:1600ms;-ms-transition-delay:1600ms}.fade-box *[class^=fade]:nth-of-type(17){-moz-transition-delay:1700ms;-webkit-transition-delay:1700ms;-o-transition-delay:1700ms;-ms-transition-delay:1700ms}.fade-box *[class^=fade]:nth-of-type(18){-moz-transition-delay:1800ms;-webkit-transition-delay:1800ms;-o-transition-delay:1800ms;-ms-transition-delay:1800ms}.fade-box *[class^=fade]:nth-of-type(19){-moz-transition-delay:1900ms;-webkit-transition-delay:1900ms;-o-transition-delay:1900ms;-ms-transition-delay:1900ms}.fade-box *[class^=fade]:nth-of-type(20){-moz-transition-delay:2000ms;-webkit-transition-delay:2000ms;-o-transition-delay:2000ms;-ms-transition-delay:2000ms}.fade-box *[class^=fade]:nth-of-type(21){-moz-transition-delay:2100ms;-webkit-transition-delay:2100ms;-o-transition-delay:2100ms;-ms-transition-delay:2100ms}.fade-box *[class^=fade]:nth-of-type(22){-moz-transition-delay:2200ms;-webkit-transition-delay:2200ms;-o-transition-delay:2200ms;-ms-transition-delay:2200ms}.fade-box *[class^=fade]:nth-of-type(23){-moz-transition-delay:2300ms;-webkit-transition-delay:2300ms;-o-transition-delay:2300ms;-ms-transition-delay:2300ms}.fade-box *[class^=fade]:nth-of-type(24){-moz-transition-delay:2400ms;-webkit-transition-delay:2400ms;-o-transition-delay:2400ms;-ms-transition-delay:2400ms}.fade-box *[class^=fade]:nth-of-type(25){-moz-transition-delay:2500ms;-webkit-transition-delay:2500ms;-o-transition-delay:2500ms;-ms-transition-delay:2500ms}.fade-box *[class^=fade]:nth-of-type(26){-moz-transition-delay:2600ms;-webkit-transition-delay:2600ms;-o-transition-delay:2600ms;-ms-transition-delay:2600ms}.fade-box *[class^=fade]:nth-of-type(27){-moz-transition-delay:2700ms;-webkit-transition-delay:2700ms;-o-transition-delay:2700ms;-ms-transition-delay:2700ms}.fade-box *[class^=fade]:nth-of-type(28){-moz-transition-delay:2800ms;-webkit-transition-delay:2800ms;-o-transition-delay:2800ms;-ms-transition-delay:2800ms}.fade-box *[class^=fade]:nth-of-type(29){-moz-transition-delay:2900ms;-webkit-transition-delay:2900ms;-o-transition-delay:2900ms;-ms-transition-delay:2900ms}.fade-box *[class^=fade]:nth-of-type(30){-moz-transition-delay:3000ms;-webkit-transition-delay:3000ms;-o-transition-delay:3000ms;-ms-transition-delay:3000ms}#main{width:100%;margin:0 auto 100px;z-index:100}#header{position:absolute;width:100%;top:0;left:0;z-index:200;padding:20px;display:flex;align-items:center;box-sizing:border-box;background:#fff}#header.fixed{position:fixed;animation:fadeIn .3s ease .3s forwards;opacity:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-100px)}100%{opacity:1;transform:translateY(0)}}.overlay{display:none;background:rgba(0,0,0,.8);width:100%;height:100vh;position:fixed;z-index:100}.logo{width:160px}.nav ul{display:flex;align-items:center}.nav ul li{margin:0 20px}.nav ul li a{text-decoration:none;display:block}.nav ul .nav_sns img{width:30px;vertical-align:middle}#sp-menu{position:absolute;top:10px;right:10px;cursor:pointer;width:50px;height:50px;flex-direction:column;justify-content:space-around;z-index:400;padding:10px;box-sizing:border-box;border-radius:5px;display:none}#sp-menu span{display:block;width:100%;height:3px;background-color:#000;transition:all .3s ease}#sp-menu.open span:nth-child(1){transform:rotate(45deg) translate(7px, 6px)}#sp-menu.open span:nth-child(2){opacity:0}#sp-menu.open span:nth-child(3){transform:rotate(-45deg) translate(8px, -7px)}@media(max-width: 768px){#sp-menu{display:flex}.nav{display:block;position:fixed;top:0;right:-250px;width:100%;height:100vh;background:#f6f6f6;display:block;z-index:300;padding:80px 20px;box-sizing:border-box;max-width:250px;transition:right .5s;overflow-y:auto}.nav ul{display:block}.nav ul li{margin:0;padding:20px;border-bottom:solid #ccc 1px}}@media(max-width: 480px){.nav{padding:60px 20px}}#wrapper{text-align:left}.container{max-width:1200px;margin:0 auto}.slider{position:relative}.slider li{position:relative;padding-top:13%;background-size:cover;background-position:center}.slide01{background-image:url(../img/top01.jpg)}.slide02{background-image:url(../img/top02.jpg)}.slide03{background-image:url(../img/top03.jpg)}.slide04{background-image:url(../img/top04.jpg)}.slide05{background-image:url(../img/top05.jpg)}.slick-prev,.slick-next{width:25px;height:27px;display:block}top-prev:before,.slick-next:before{background-size:contain;content:"" !important;width:100% !important;height:100% !important;position:absolute;top:0;left:0}.slick-prev,.slick-prev:hover,.slick-prev:focus{background-image:url(../img/arrow_prev.png)}.slick-next,.slick-next:hover,.slick-next:focus{background-image:url(../img/arrow_next.png)}.slick-next{top:35%}.slick-prev{top:35%}#concept{margin:0 auto 100px}.sec_ttl{font-size:4.8rem;font-weight:bold;text-align:center;margin-bottom:40px;line-height:1}.sec_txt{text-align:center;margin-bottom:90px}.sec_box{display:flex;justify-content:center;align-items:center;max-width:1200px;margin:0 auto}#lunch,#dinner{background:#f6f6f6;padding:100px 0}#lunch,#dinner,#takeout{margin-bottom:100px}#lunch .menu_ttl,#dinner .menu_ttl,#takeout .menu_ttl{text-align:center;padding-bottom:30px;margin-bottom:50px;font-size:20px;position:relative;display:block;font-weight:700}#lunch .menu_ttl span,#dinner .menu_ttl span,#takeout .menu_ttl span{font-weight:normal;font-size:16px;display:block;padding-top:10px}#lunch .menu_ttl::after,#dinner .menu_ttl::after,#takeout .menu_ttl::after{content:"";position:absolute;left:50%;bottom:0;width:100px;height:2px;background:#000;display:block;transform:translateX(-50%)}#lunch .menu_cat,#dinner .menu_cat,#takeout .menu_cat{font-weight:700;font-size:18px;text-align:center;margin-bottom:20px}#lunch .menu_list,#dinner .menu_list,#takeout .menu_list{display:grid;grid-template-columns:repeat(2, 1fr);gap:40px;margin-bottom:100px}#lunch .menu_list .note,#dinner .menu_list .note,#takeout .menu_list .note{padding-top:20px}#lunch .menu_list .menu_list_ttl,#dinner .menu_list .menu_list_ttl,#takeout .menu_list .menu_list_ttl{display:flex;justify-content:space-between;padding-top:10px}#lunch .menu_list .menu_list_ttl h4,#dinner .menu_list .menu_list_ttl h4,#takeout .menu_list .menu_list_ttl h4{width:calc(100% - 100px);font-weight:700}#lunch .menu_list .menu_list_ttl span,#dinner .menu_list .menu_list_ttl span,#takeout .menu_list .menu_list_ttl span{width:90px;text-align:right}#lunch .menu_box,#dinner .menu_box,#takeout .menu_box{display:flex;justify-content:space-between;margin-bottom:30px;display:grid;grid-template-columns:repeat(2, 1fr);gap:40px}#lunch .menu_box .menu_box_catch,#dinner .menu_box .menu_box_catch,#takeout .menu_box .menu_box_catch{text-align:center;margin-bottom:30px}#lunch .menu_box .menu_box_item li,#dinner .menu_box .menu_box_item li,#takeout .menu_box .menu_box_item li{display:flex;justify-content:space-between;padding:15px 10px;border-bottom:solid 1px #ddd;flex-wrap:wrap}#lunch .menu_box .menu_box_item li h4,#dinner .menu_box .menu_box_item li h4,#takeout .menu_box .menu_box_item li h4{width:calc(100% - 90px);font-weight:700;display:flex}#lunch .menu_box .menu_box_item li h4 span,#dinner .menu_box .menu_box_item li h4 span,#takeout .menu_box .menu_box_item li h4 span{font-weight:normal;padding-left:10px}#lunch .menu_box .menu_box_item li .price,#dinner .menu_box .menu_box_item li .price,#takeout .menu_box .menu_box_item li .price{width:80px;text-align:right}#lunch .menu_box .menu_box_item li.set h4,#dinner .menu_box .menu_box_item li.set h4,#takeout .menu_box .menu_box_item li.set h4{width:calc(100% - 140px)}#lunch .menu_box .menu_box_item li.set h4.block,#dinner .menu_box .menu_box_item li.set h4.block,#takeout .menu_box .menu_box_item li.set h4.block{display:block}#lunch .menu_box .menu_box_item li.set h4.block span,#dinner .menu_box .menu_box_item li.set h4.block span,#takeout .menu_box .menu_box_item li.set h4.block span{display:block;padding:0}#lunch .menu_box .menu_box_item li.set .price,#dinner .menu_box .menu_box_item li.set .price,#takeout .menu_box .menu_box_item li.set .price{width:130px}#lunch .menu_box:last-child,#dinner .menu_box:last-child,#takeout .menu_box:last-child{margin:0}@media(max-width: 768px){#lunch .menu_ttl,#dinner .menu_ttl,#takeout .menu_ttl{padding-bottom:20px;margin-bottom:40px}#lunch .menu_list,#dinner .menu_list,#takeout .menu_list{grid-template-columns:repeat(2, 1fr);gap:20px}#lunch .menu_box,#dinner .menu_box,#takeout .menu_box{display:block}#lunch .menu_box .menu_box_item li.set h4,#dinner .menu_box .menu_box_item li.set h4,#takeout .menu_box .menu_box_item li.set h4{width:calc(100% - 120px)}#lunch .menu_box .menu_box_item li.set .price,#dinner .menu_box .menu_box_item li.set .price,#takeout .menu_box .menu_box_item li.set .price{width:110px}#lunch .menu_box .menu_box_item,#dinner .menu_box .menu_box_item,#takeout .menu_box .menu_box_item{margin-bottom:30px}#lunch .menu_box .menu_box_item:last-child,#dinner .menu_box .menu_box_item:last-child,#takeout .menu_box .menu_box_item:last-child{margin:0}}@media(max-width: 480px){#lunch .menu_list,#dinner .menu_list,#takeout .menu_list{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:50px}#lunch .menu_ttl,#dinner .menu_ttl,#takeout .menu_ttl{padding-bottom:20px;margin-bottom:30px;font-size:18px}#lunch .menu_ttl span,#dinner .menu_ttl span,#takeout .menu_ttl span{font-size:12px;padding-top:5px}}#coffee{margin:0 auto 150px;padding:60px 0;background:#000;color:#fff;text-align:center}#coffee .sec_ttl{margin-bottom:30px}.sec_subttl{font-size:2.8rem}.sec_subttl.ttl2{margin-bottom:20px}#coffee .sec_txt{margin-bottom:50px}#coffee .coffee{margin-bottom:50px;width:80%}.btn{max-width:500px;width:100%;height:80px;background:#fff;border-radius:50px;margin:0 auto;color:#000}.btn a{color:#000;display:block;font-weight:bold;font-size:2.4rem;text-decoration:none;line-height:80px}.btn:hover{background:#999;color:#fff;transition:all .4s ease}.btn a:hover{color:#fff}#service{margin:0 auto 150px}#service .sec_ttl{margin-bottom:80px}#service .sec_box{display:flex;justify-content:space-between;align-items:flex-start}#service .sec_box .box_inner{width:48%}#service .box_inner img{margin-bottom:20px}.service_ttl{font-size:3.8rem;font-weight:bold;line-height:1;text-align:center;margin-bottom:30px}.service_ttl span{font-size:1.6rem;font-weight:400}#subscription{margin:0 auto 150px;padding:50px;text-align:center;border:3px solid #000}#subscription .sec_txt{margin-bottom:50px}.sub_btn{max-width:500px;width:100%;height:80px;background:#000;border-radius:50px;margin:0 auto 30px;color:#fff}.sub_btn:nth-of-type(2){margin:0 auto}.sub_btn a{color:#000;color:#fff;display:block;font-weight:bold;font-size:2.4rem;text-decoration:none;line-height:80px}.sub_btn:hover{background:#999;color:#000;transition:all .4s ease}.address{max-width:600px;margin:0 auto 40px;display:flex;flex-wrap:wrap;text-align:left}.address dt,.address dd{padding:10px;box-sizing:border-box}.address dt{width:100px;font-weight:700}.address dd{width:calc(100% - 100px)}#footer{margin:0 auto;text-align:center;padding:50px 0 20px;background:#000;color:#fff}#footer .f_logo{width:138px;margin-bottom:20px}.sns_btn{display:flex;margin-top:6px;align-content:center;justify-content:center;align-items:center;margin-bottom:20px}.sns_btn img{width:30px}.copyright{font-size:1.4rem;text-align:center}@media(max-width: 1200px){.container{width:92%}.slider li{padding-top:15%}.sec_box{width:100%}}@media(max-width: 1024px){#concept{margin:0 auto 60px}#coffee{margin:0 auto 100px;padding:80px 0}#service{margin:0 auto 100px}#subscription{margin:0 auto 100px}.btn{height:60px}.btn a{font-size:2rem;line-height:60px}.sub_btn{height:60px}.sub_btn a{font-size:2rem;line-height:60px}}@media(max-width: 900px){.sec_txt{margin-bottom:50px}#concept .sec_txt{text-align:left}.sec_txt br{display:none}.sec_subttl{font-size:2.8rem}#coffee{margin:0 auto 80px;padding:60px 0}#coffee .sec_txt{margin-bottom:30px}.content{padding:0 0}.btn{max-width:350px;height:60px}.btn a{font-size:1.8rem;line-height:60px}.sub_btn{max-width:350px;height:60px}.sub_btn a{font-size:1.8rem;line-height:60px}#service .sec_ttl{margin-bottom:50px}.service_ttl{font-size:3rem}#subscription{margin:0 auto 50px}}@media(max-width: 768px){.slider li{padding-top:25%}#header{padding:0;height:80px}.logo{width:120px;margin-left:20px}.sec_ttl{font-size:3.8rem;margin-bottom:30px}.sec_subttl{font-size:2.2rem}#coffee .sec_ttl{margin-bottom:20px}#service .sec_box{display:block}#service .sec_box .box_inner{width:auto;margin-bottom:30px}.coffeeinner .arrow img:hover{background:#f5f5f5}#coffee .coffee{margin-bottom:50px;width:auto}#service{margin:0 auto 50px}#service .box_inner img{width:100%}.modal{width:70%}.address dt,.address dd{padding:5px}.address dt{width:80px}.address dd{width:calc(100% - 80px)}}@media(max-width: 600px){.sec_subttl{font-size:2rem}#coffee{padding:40px 10px}.service_ttl span{font-size:1.4rem}#subscription{padding:30px}.btn a{font-size:1.8rem}.sub_btn a{font-size:1.8rem}}@media(max-width: 480px){#header{height:70px}#main{margin:0 auto 50px}#lunch,#dinner{padding:50px 0}#footer .f_logo{width:110px}.sns_btn{margin-bottom:15px}.copyright{font-size:1.2rem}.logo{width:90px;left:20px;top:30px}#concept{margin:0 auto 50px}#concept .sec_txt{font-size:1.6rem}.container{width:90%}.sec_box{width:100%}#menu .menu_box{margin-bottom:20px}.sec_ttl{margin-bottom:25px;font-size:2.4rem}.sec_subttl{font-size:1.6rem}#coffee{margin:0 auto 50px;padding:40px 5px 30px}#coffee .sec_ttl{margin-bottom:15px}#service{margin:0 auto 10px}#service .sec_ttl{margin-bottom:30px}#service .sec_box .box_inner{font-size:1.6rem}.service_ttl{font-size:2.4rem;margin-bottom:20px}#subscription{padding:30px 15px}#coffee .sec_txt{margin-bottom:25px;text-align:left}#subscription .sec_txt{margin-bottom:30px;text-align:left}.btn{max-width:300px;height:50px}.btn a{font-size:1.6rem;line-height:50px}.sub_btn{max-width:300px;height:50px;margin:0 auto 15px}.sub_btn a{font-size:1.6rem;line-height:50px}.coffee_box li{margin-bottom:20px}.address{display:block}.address dt,.address dd{width:auto}}/*# sourceMappingURL=style.css.map */