@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,600');:root{--black:#292b2c;--white:#fff;--moderatepin:#7d3248;--lightgray:#ddd;--darkdarkgreen:#94e1d2;--lightroast:#c38a50;--mediumroast:#9f6b35;--highroast:#6c4824;--darkroast:#3f2a14;--frenchroast:#110b04;--verydarkgray:#616161;--mostlyblack:#1a1a1a}*,:after,:before{box-sizing:border-box}[tabindex="-1"]:focus:not(:focus-visible){outline:0 !important}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}img{border-style:none}button,input,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button{text-transform:none}button,html [type=button]{-webkit-appearance:button}textarea{overflow:auto}@-ms-viewport{width:device-width}body{margin:0;font:1rem/1.6 -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--black);background-color:var(--white);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}dl,ol,ul{margin-top:0;margin-bottom:1rem;list-style:none}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}a{color:var(--mostlyblack);text-decoration:none}main a{text-decoration:underline}a:focus,a:hover{color:var(--mostlyblack);text-decoration:none}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}img{vertical-align:middle;height:auto}[role=button]{cursor:pointer}[role=button],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}label{display:inline-block;margin-bottom:.5rem}label span{font-size:80%}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,select,textarea{line-height:inherit}textarea{resize:vertical}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}.lead-wrap{max-width:700px;margin:0 auto 2rem}.lead{margin-bottom:4rem;font-size:2.2rem;font-family:'Crimson Text',serif;font-weight:700;line-height:1.4;letter-spacing:.2rem}.lead2{margin-bottom:6rem}.container{position:relative;margin-left:auto;margin-right:auto;padding-right:15px;padding-left:15px}@media (min-width:768px){.lead{font-size:2.8rem}.container{padding-right:30px;padding-left:30px;max-width:1140px;width:100%}}.row{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col,.col-12,.col-md-4,.col-md-6,.col-md-9,.col-sm-6{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;max-width:100%}.col-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media (min-width:768px){.col-sm{-webkit-flex-basis:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;max-width:100%}.col-sm-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;width:auto}.col-sm-6{flex:0 0 auto;width:50%}}@media (min-width:768px){.col-md-4{flex:0 0 auto;width:33.3333333333%}.col-md-6{flex:0 0 auto;width:50%}.col-md-9{flex:0 0 auto;width:75%}}.wpcf7-form{text-align:left}input[type=text].wpcf7-form-control,input[type=email].wpcf7-form-control,input[type=tel].wpcf7-form-control,textarea.wpcf7-form-control{display:block;width:100%;padding:1.5rem;font-size:1.6rem;font-family:inherit;line-height:1.25;background-color:var(--white);-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid var(--lightgray);transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}form p{margin-bottom:1.5rem}.form-text{display:block;margin-top:.25rem}.wpcf7 form .wpcf7-response-output{border:1px solid #00a0d2;padding:.2rem .8rem;margin:1rem 0 0;border-radius:.25rem;display:inline-block;font-size:1.4rem}.wpcf7 form.sent .wpcf7-response-output{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output{color:#856404;background-color:#fff3cd;border-color:#ffeeba}[type=submit]{-webkit-appearance:button}.span.wpcf7-list-item{margin:0}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.show{opacity:1}.collapse{display:none}.collapse.show{display:block}.nav{display:-webkit-box;display:-webkit-flex;display:flex;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav li{display:block;background-color:var(--white);text-align:left}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.navbar-brand{display:inline-block;padding-top:.25rem;padding-bottom:.25rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;padding-bottom:1rem;list-style:none}@media (min-width:768px){.navbar-nav li{background-color:transparent}.navbar-nav{padding-bottom:0}}.navbar-toggler{-webkit-align-self:flex-start;align-self:flex-start;padding:1rem;font-size:1.25rem;line-height:1;background:0 0;border:1px solid transparent}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:3em;height:3em;vertical-align:middle;content:"";background:no-repeat center center;-webkit-background-size:100% 100%;background-size:100% 100%}.navbar-toggler-left{position:absolute;left:1rem}.navbar-toggler-right{position:absolute;top:0;right:1rem}@media (max-width:768px){.navbar-toggleable .navbar-nav .dropdown-menu{position:static;float:none}.navbar-toggleable>.container{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-toggleable{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.navbar-toggleable .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}.navbar-toggleable>.container{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.navbar-toggleable .navbar-collapse{display:-webkit-box !important;display:-webkit-flex !important;display:flex !important;width:100%}.navbar-toggleable .navbar-toggler{display:none}}@media (max-width:991px){.navbar-toggleable-md .navbar-nav .dropdown-menu{position:static;float:none}.navbar-toggleable-md>.container{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-toggleable-md .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}.navbar-toggleable-md>.container{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.navbar-toggleable-md .navbar-collapse{display:-webkit-box !important;display:-webkit-flex !important;display:flex !important;-webkit-justify-content:center;justify-content:center;width:100%}.navbar-toggleable-md .navbar-toggler{display:none}}.navbar-light .navbar-brand,.navbar-light .navbar-toggler{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover,.navbar-light .navbar-toggler:focus,.navbar-light .navbar-toggler:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-inverse .navbar-brand,.navbar-inverse .navbar-toggler{color:var(--white)}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-toggler:focus,.navbar-inverse .navbar-toggler:hover{color:var(--white)}.navbar-nav a{padding:2rem;display:block;color:var(--mostlyblack);font-size:2.4rem;-webkit-transition:.15s ease;transition:.15s ease}.smaller .navbar-nav a{color:var(--mostlyblack)}.home .navbar-nav a:hover{border-bottom:2px solid var(--white)}.home .smaller .navbar-nav a:hover{border-bottom:2px solid var(--mostlyblack)}.smaller .navbar-nav a:focus,.smaller .navbar-nav a:hover{color:var(--mostlyblack)}.navbar-inverse .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")}.navbar-inverse.smaller .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")}.navbar-inverse .navbar-text{color:rgba(255,255,255,.5)}@media (min-width:768px){.navbar-nav a{padding:1rem 0;font-size:2rem;color:var(--white)}.navbar-nav a:hover,.current-menu-item a{box-shadow:0px 2px 0px var(--white)}.smaller .current-menu-item a{box-shadow:0px 2px 0px var(--mostlyblack)}}.card{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;padding:2rem;height:100%;text-align:left}.lightroast{background-color:var(--lightroast)}.mediumroast{background-color:var(--mediumroast)}.highroast{background-color:var(--highroast)}.darkroast{background-color:var(--darkroast)}.frenchroast{background-color:var(--frenchroast)}.align-items-stretch{-webkit-box-align:stretch !important;-webkit-align-items:stretch !important;align-items:stretch !important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-nav li{margin:0 2rem;height:auto}}.mt-6{margin-top:6rem}.mb-5{margin-bottom:3rem !important}.mb-6{margin-bottom:6rem !important}.mb-8{margin-bottom:8rem !important}.m-auto{margin:auto !important}html,body{height:100%}html{font-size:62.5%}body{font:1.6rem/1.7 "Droid Sans","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;color:var(--mostlyblack);text-align:center;letter-spacing:.05rem}a{-webkit-transition:.2s ease;transition:.2s ease}.bg-inverse{padding-bottom:2px;-webkit-transition:all .3s;transition:all .3s}.bg-inverse.smaller{background-color:var(--white);box-shadow:0px 4px 4px rgba(0,0,0,.3)}section{padding:8rem 0;background-color:var(--white)}h1{display:inline-block;position:relative;z-index:10;max-width:280px;width:50%}h2{margin-bottom:6rem;color:var(--moderatepin);font-size:3.2rem;font-family:'Crimson Text',serif;font-weight:400;position:relative}h2:before{content:'';position:absolute;bottom:-1.5rem;display:inline-block;width:6rem;height:1px;left:50%;background-color:var(--moderatepin);margin-left:-3rem}h3{margin-bottom:2rem;text-align:left;font-size:2.4rem;font-family:'Crimson Text',serif;font-weight:700}h3 span{font-weight:200;font-size:1.8rem;margin-left:5px}@media (min-width:768px){h2{font-size:4.8rem}}.text-left{text-align:left}.col-12{margin-bottom:30px}.card h4{margin-bottom:0;font-size:1.8rem;font-weight:700;line-height:1}.card h4 span{display:block;font-size:1.4rem}.card p.origin{font-size:1.4rem;font-weight:600;line-height:1}.col-bean h3{color:var(--black)}.wp-block-columns+h3{margin-top:4rem}.roast{margin-bottom:1rem;font-size:1.4rem}.card p{color:#888;font-size:1.4rem}.intro-header{position:fixed;top:0;left:0;height:100%;width:100vw;z-index:-1}.intro-header .bg-image{position:absolute;width:100%;height:100%;top:0;left:0;background-image:url(//coffeeseikatsukan.com/wp-content/themes/coffeeseikatsukan/img/drip.jpg);background-position:center left;background-repeat:no-repeat;background-size:cover}@media (min-width:768px){.intro-header .bg-image{background-image:url(//coffeeseikatsukan.com/wp-content/themes/coffeeseikatsukan/img/drip.jpg);background-position:center}}.header-content{margin:0;padding:0 3rem;position:relative;width:100%;height:100%;background:-webkit-linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.2),transparent);background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.2),transparent);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;z-index:10}.cover-wrap{width:100%;height:300px;background:-webkit-linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.2),transparent);background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.2),transparent)}.cd-fixed-bg{position:relative;height:300px;background-size:cover;background-repeat:no-repeat;background-position:center center;z-index:1}.cd-fixed-bg-inner{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.2),transparent);width:100%;height:100%}@media (min-width:768px){.cd-fixed-bg{height:40vw}}@media (min-width:1400px){.cd-fixed-bg{height:56rem}}#map_canvas{height:400px}.footer{padding:4rem 0;background-color:var(--white);font-family:Arial,Helvetica,Verdana,sans-serif}.sns{margin-bottom:2rem;display:flex;justify-content:center}.sns a{margin:0 1.5rem;display:block;color:var(--mostlyblack);font-size:2rem}.icon svg{width:28px;fill:var(--mostlyblack)}h3 .icon{margin-right:1rem;vertical-align:middle}.navbar-nav{font-size:2rem;font-family:'Crimson Text',serif}.navbar-collapse{margin-top:5.9rem}.navbar-collapse{overflow:hidden;transition:height .35s ease;display:block !important}.navbar-collapse:not(.show){height:0}.collapse:not(.show){display:block}@media (min-width:768px){.navbar-collapse{margin-top:0}.navbar-collapse:not(.show){height:auto}}.list-cafe{margin-bottom:30px;text-align:left}.list-cafe dt{float:left;margin-right:2rem}.list-cafe dd{font-family:'Crimson Text',serif;text-align:right}.list-cafe small{line-height:1.5;display:inline-block}.col-cafe{padding:30px 30px 0;box-shadow:inset 0 0 0 1px var(--white),inset 0 0 0 2px #ad7945,inset 0 0 0 3px var(--white),inset 0 0 0 4px #ad7945,inset 0 0 0 5px var(--white),inset 0 0 0 6px #ad7945}.list-access{text-align:left;display:inline-block}.list-access dt{font-weight:700}.list-access dd{margin:0 0 .8em;min-height:1.7em}.list-access dd:last-child{margin-bottom:0}@media (min-width:600px){.list-access dt{float:left;height:1.7em;font-weight:200;width:5em;text-align:right}.list-access dd{margin-left:7em}}@media (min-width:992px){.col-about{font-size:1.8rem}}.col-bean,.col-bean .card p{color:var(--white)}.fa-coffee,.fa-cutlery{padding-right:1rem}.form-group{text-align:left}.wpcf7-submit{margin-top:1rem;display:inline-block;line-height:1.25;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid var(--moderatepin);color:var(--white);background-color:var(--moderatepin);padding:1.5rem 4rem;font-size:1.6rem;font-family:inherit;letter-spacing:.2rem;cursor:pointer;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.wpcf7-submit.focus,.wpcf7-submit:focus{color:var(--white);outline:0;-webkit-box-shadow:0 0 0 2px rgba(0,0,0,.25);box-shadow:0 0 0 2px rgba(0,0,0,.25)}.wpcf7-submit:hover{color:var(--moderatepin);background-color:var(--white);border-color:var(--moderatepin)}.progress-wrap{position:fixed;right:30px;bottom:50px;height:46px;width:46px;cursor:pointer;display:block;border-radius:50px;box-shadow:inset 0 0 0 2px rgba(125,50,72,.2);z-index:9999;opacity:0;visibility:hidden;transform:translateY(15px);-webkit-transition:all .2s linear;transition:all .2s linear}.progress-wrap.active-progress{opacity:1;visibility:visible;transform:translateY(0)}.progress-wrap:after{position:absolute;content:'';text-align:center;background:url(//coffeeseikatsukan.com/wp-content/themes/coffeeseikatsukan/img/arrow.svg) no-repeat center;left:11px;top:11px;height:24px;width:24px;cursor:pointer;display:block;z-index:1;-webkit-transition:all .2s linear;transition:all .2s linear}.progress-wrap:hover:after{opacity:.5}.progress-wrap:before{position:absolute;font-family:'unicons';content:'\e84b';text-align:center;line-height:46px;font-size:24px;opacity:0;background-image:linear-gradient(298deg,var(--red),var(--yellow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;left:0;top:0;height:46px;width:46px;cursor:pointer;display:block;z-index:2;-webkit-transition:all .2s linear;transition:all .2s linear}.progress-wrap svg path{fill:none}.progress-wrap svg.progress-circle path{stroke:var(--moderatepin);stroke-width:4;box-sizing:border-box;-webkit-transition:all .2s linear;transition:all .2s linear}@media (min-width:768px){.progress-wrap{right:50px;bottom:60px}}.newsbar{position:absolute;z-index:999;background-color:var(--white);bottom:0;left:0;right:0;padding:15px;font-size:1.4rem}.col-news{text-align:left;max-width:700px;margin:0 auto 4rem;color:var(--verydarkgray)}.col-news ul{list-style:disc}.news-item{margin-bottom:2rem}.news-item h4{font-size:1.6rem;font-weight:700}.date{margin-bottom:.5rem;font-size:1.4rem}.text-right{display:flex;justify-content:flex-end}.svg-link span{display:flex;align-items:center}.w-800{max-width:800px;width:100%;margin:auto}.x-nsj{margin-bottom:6rem;display:flex;align-items:center}.x-nsj span{display:block;margin:0 2rem;height:10px;width:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:var(--lightgray)}.x-nsj:before,.x-nsj:after{content:'';display:block;height:1px;width:auto;flex-grow:1;background-color:var(--lightgray)}ul.page-numbers{padding:0;display:flex;list-style:none}.page-numbers li{margin-right:1rem}.page-numbers a,.page-numbers span{display:block;padding:.5rem;text-decoration:none;color:var(--mostlyblack)}.page-numbers a{color:#999}.page-numbers a:hover{color:var(--mostlyblack)}.grecaptcha-badge{visibility:hidden}.pagination ul{display:flex;gap:8px;list-style:none;padding:0}.pagination a,.pagination span{display:inline-block;padding:6px 12px;border-radius:6px;border:1px solid #ddd;text-decoration:none}.pagination .active{background:#111;color:#fff;border-color:#111}.pagination a:hover{background:#f2f2f2}