html,body{width:100%;height:100%;margin:0;padding:0;font-family:'Open Sans',sans-serif;color:#000;min-width:320px}h1{color:aliceblue}a{text-decoration:none}p,li,a{font-size:14px;margin:0;}.twelve{width:100%}.eleven{width:91.53%}.ten{width:83.06%}.nine{width:74.6%}.eight{width:66.13%}.seven{width:57.66%}.six{width:49.2%}.five{width:40.73%}.four{width:32.26%}.two{width:15.33%}.one{width:6.866%}.col{display:block;float:left;margin:1% 0 1% 1.6%}.col:first-of-type{margin-left:0}.coffee{position:relative;}.banner-title{position:absolute;right:80px;bottom:80px;font-size:26px;font-weight:bold;color:#fff;letter-spacing:3px;text-shadow:5px 2px 6px #000;}.swiper-pagination-pc{width:100%;position:relative;}.swiper-pagination-pc span{margin:15px 20px;border-radius:0;width:10px;height:10px;background:#c9c9ca;outline:none;opacity:1;}.swiper-pagination-pc span.swiper-pagination-bullet-active{background:#898989;}.swiper-pagination-sp{width:100%;position:relative;}.swiper-pagination-sp span{margin:15px 15px;border-radius:0;width:8px;height:8px;background:#c9c9ca;outline:none;opacity:1;}.swiper-pagination-sp span.swiper-pagination-bullet-active{background:#898989;}.container{width:100%;max-width:940px;margin:0 auto;position:relative;text-align:center}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}.row .three{padding:80px 30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#2c3e50;color:#ecf0f1;text-align:center}.hamburger .line{width:30px;height:3px;background-color:black;display:block;margin:4.8px auto;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.hamburger:hover{cursor:pointer}.barlow{font-family:Barlow}@media screen and (max-width:750px){.pc2{display:none !important;}.sp2{display:block !important;}.nav{width:100%;position:relative;}.n-left{width:100%;margin:auto;position:relative;padding-right: 50px; box-sizing: border-box;}.n-l-top{padding-top:30px;text-align:center;/*border-bottom:1px #f08300 solid;*//*background: url(../img/bg-top.png) no-repeat;background-size: cover;*/}.n-l-top>img{width:70%;max-width:560px;margin:0 auto;padding-bottom:25px;}.n-r{position:absolute;right:15px;top:17px;}.n-l-center{text-align:left;margin:15px 15px 15px;}.n-l-center p{font-size:20px}.tel{font-size:10px}.n-l-bot{width:100%;margin:auto;text-align:center;margin-left:10px;padding-left:6px;}.n-l-bot a{display:inline-block}.logo1,.logo2,.logo3{vertical-align:middle}.logo4{margin-left:-14px;vertical-align:middle}}@media screen and (max-width:420px){.pc{display:none !important;}.sp{display:block !important;}.nav-top{position:fixed;bottom:50px;right:20px;opacity:.7;z-index:100}.coffee{}.coffeehouse-2600877_1920{width:100%;margin-top:10px}.coffee-2589759_640{width:100%;margin-top:-5px}.MENU{margin-top:15px;line-height:26px;font-size:22px}.about{text-align:center;font-size:22px;line-height:22px;overflow:hidden;width:90%;margin:0 auto;}.ab-p1{font-size:10px;text-align:left;margin-top:30px;padding-bottom:30px;}.menu1-left{text-align: left;text-indent: -2.5em; padding-left: 2.5em;}.about-icon{text-align: center;}.about-icon a {display: inline-block;margin: 0 8px}.about-icon a img {height: 30px;width: auto;}.ab-p1-ti2{text-indent:2em;}.ab-p2{display:none}.ab-p3{text-align:left;margin-bottom:30px;padding-top:20px;}.ab-p4{text-align:left;margin-bottom:30px;padding-top:20px;}.ab-img1{display:block;width:100%;margin:0 auto 30px;}.banner-title{right:10px;bottom:10px;}.A-left{text-align:center;}.A-left p{margin-left:0 !important;}.MENU li{width:80%;font-size:12px;overflow:hidden;text-overflow:ellipsis}.food{display:none}.ACCESS{margin-top:15px;line-height:22px;font-size:22px}.ACCESS p{margin-left:15%}.A-right{text-align:center}.map{margin-left:15%;width:70%;margin-top:20px}.con{text-align:center;margin-bottom:15px;margin-top:50px}.con img{vertical-align:-webkit-baseline-middle;width:50px;height:1px;margin-top:-10px}.CONTACT{text-align:center;line-height:150%;font-size:22px}.CONTACT p{font-size:24px}.fw{font-size:15px;font-weight:bold;margin-top:4%}.con-bottom{margin:auto}.logo11,.logo22,.logo33{vertical-align:middle}.logo44{margin-left:-15px;vertical-align:middle}.bottom{margin-top:15%;margin-bottom:50px;text-align:center}.ab{text-align:center;margin-bottom:15px;margin-top:30px}.ab img{vertical-align:-webkit-baseline-middle;width:50px;height:1px;margin-top:-10px}.cd li{line-height:40px}.mailto{color:black;font-size:22px}.A-div{margin-top:30px;margin-bottom:30px;}}@media screen and (min-width:751px){.pc2{display:block !important;}.sp2{display:none !important;}.nav{width:100%;position:relative}.n-left{width:680px;height:100px;overflow:hidden}.n-r{position:absolute;right:50px;top:40px}.n-l-center{height:100%;float:left}.n-l-center p{font-size:28px;margin-top:50px}.tel{font-size:14px}.n-l-top{width:600px;height:100%;float:left;margin-left:20px;position:relative}.n-l-top>img{position:absolute;top:50%;transform:translateY(-50%);width:auto;height:36px;margin-top:8px;}.n-l-bot{float:left;margin-left:20px;vertical-align:bottom}.n-l-bot>a{margin-top:40px;display:inline-block}.logo1,.logo2,.logo3{vertical-align:middle}.logo4{vertical-align:middle;margin-left:-14px}}@media screen and (min-width:421px){.pc{display:block !important;}.sp{display:none !important;}.width90{width:90%;margin:0 auto;}.nav-top{position:fixed;bottom:50px;right:20px;opacity:.7;float:left;z-index:100}.about>img{}.MENU{width:70%;margin:auto;margin-top:30px;line-height:26px;font-size:26px;overflow:hidden}.M-left{width:50%;float:left}.M-right{width:50%;float:left}.about{text-align:center;font-size:26px;line-height:28px;overflow:hidden;margin-top:30px}.ab-p1{padding-top:20px;}.menu1-left{width:400px;text-align: left;text-indent: -2.5em; padding-left: 2.5em;}.about-icon{text-align: center;}.about-icon a {display: inline-block;margin: 0 8px}.about-icon a img {height: 50px;width: auto;}.ab-p2{font-size:14px;margin-bottom:30px;padding-top:15px;}.ab-p3{width:350px;margin:0 auto;margin-bottom:30px;padding-top:20px;}.ab-p4{width:500px;margin:0 auto;text-align:left;padding-top:20px;}.ab-img1{display:block;margin:0 auto 45px;}.MENU li{width:80%;font-size:14px;overflow:hidden;text-overflow:ellipsis}.food{width:100%;overflow:hidden;margin-top:50px}.food div{width:33.333333%;float:left;margin-bottom:0;font-size:0;overflow:hidden}.food img{width:100%;height:100%;transition:all .8s}.food img:hover{transform:scale(1.2);cursor:pointer}.food3>img{transform:scale(1.1)}.ACCESS{margin-top:30px;text-align:left;line-height:22px;font-size:26px;overflow:hidden;}.A-div{width:610px;margin:auto;overflow:hidden}.A-left{padding-top:20px;width:50%;float:left}.A-right{padding-top:20px;width:100%;}.map{width:100%}.con{text-align:center;font-size:28px;margin-bottom:15px;margin-top:55px;}.con img{vertical-align:-webkit-baseline-middle;width:101px;height:1px;margin-top:-10px}.CONTACT{margin-top:30px;text-align:center;line-height:50px;font-size:28px}.CONTACT p{font-size:28px}.fw{font-size:15px;font-weight:bold;margin-top:4%}.con-bottom{margin:auto}.logo11,.logo22,.logo33{vertical-align:middle}.logo44{margin-left:-15px;vertical-align:middle}.bottom{margin-top:100px;margin-bottom:100px;text-align:center}.ab{text-align:center;margin-bottom:15px;margin-top:55px}.ab img{vertical-align:-webkit-baseline-middle;width:101px;height:1px;margin-top:-10px}.cd li{line-height:70px}.mailto{color:black;font-size:28px}}#hamburger-1.is-active .line:nth-child(2){opacity:0}#hamburger-1.is-active .line:nth-child(1){-webkit-transform:translateY(7.8px) rotate(45deg);-ms-transform:translateY(7.8px) rotate(45deg);-o-transform:translateY(7.8px) rotate(45deg);transform:translateY(7.8px) rotate(45deg)}#hamburger-1.is-active .line:nth-child(3){-webkit-transform:translateY(-7.8px) rotate(-45deg);-ms-transform:translateY(-7.8px) rotate(-45deg);-o-transform:translateY(-7.8px) rotate(-45deg);transform:translateY(-7.8px) rotate(-45deg)}.cd{width:100%;overflow:hidden;height:0;background-color:#fff;position:absolute;z-index:999}.cd ul{padding:0;margin:0}.cd li{width:100%;text-align:center;font-family:Barlow;font-size:18px;border-top:1px solid black;list-style-type:none;cursor:pointer;}.cd li a{width:100%;text-align:center;font-family:Barlow;font-size:18px;color: #000;}.coffee img{width:100%;height:100%;}.MENU p,.MENU ul{margin-left:10%;list-style-type:none}.MENU li span{float:right}.start{opacity:0;transition:all .2s}.animated{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.moveDuration{transition-duration:2.5s;-webkit-transition-duration:2.5s;-moz-transition-duration:2.5s;-ms-transition-duration:2.5s;-o-transition-duration:2.5s;}@keyframes fade-in{0%{opacity:0;}40%{opacity:0;}100%{opacity:1;}}@-webkit-keyframes fade-in{0%{opacity:0;}40%{opacity:0;}100%{opacity:1;}}.fadeIn{animation:fade-in;animation-duration:1.5s;-webkit-animation:fade-in 1.5s;}@media screen and (max-width:610px){.A-div{width:100%;}}@media screen and (max-width:500px){.ab-p4{width:100%;}}