@charset "UTF-8";.modalContainer .detail{width:920px;min-height:auto;padding:0}.modalContainer .detail .colLeft{width:430px;height:430px;float:left;position:relative}.modalContainer .detail .colRight{width:calc(920px - 430px);height:430px;float:left;position:relative}.modalContainer .detail .image{margin-bottom:0}.modalContainer .detail .image img{width:100%;height:auto}.modalContainer .detail .title{margin:38px 40px 25px 40px;color:#000;font-weight:700;text-align:center}.modalContainer .detail .title img{height:25px}.modalContainer .detail .title span{display:block;margin:5px 0 0 0;font-size:16px;font-weight:700}.modalContainer .detail .text{position:relative;z-index:1;margin:0 38px 20px;color:#231f20}.modalContainer .detail p{font-size:16px}.modalContainer .detail .link{position:relative;z-index:1;margin:0 40px 0}.modalContainer .detail .link a{color:#976d3f;font-weight:700;background:url(/coffee/reserve/images/rst_2019/img-arrow-link.png) 100% 50% no-repeat;padding-right:25px}.modalContainer .detail .link a:hover{color:#3d3935;background:#c6893f url(/coffee/reserve/images/rst_2019/img-arrow-link-hover.png) 100% 50% no-repeat}.modalContainer .detail .bottomImage{position:absolute;bottom:0;right:0;margin:0}#cboxOverlay{background:#f4efea}#colorbox{box-shadow:none}#cboxNext,#cboxPrevious{top:188px}#cboxPrevious{background:url(/coffee/reserve/images/rst_2019/img-btn-modal-prev-pc.png) top 50% right 20px no-repeat}#cboxNext{background:url(/coffee/reserve/images/rst_2019/img-btn-modal-next-pc.png) top 50% left 20px no-repeat}#cboxClose{background:url(/coffee/reserve/images/rst_2019/img-btn-modal-close-pc.png) 50% 50% no-repeat;top:-40px;right:0;width:25px;height:25px}#cboxContent{box-shadow:0 0 5px rgba(44,42,41,.08);margin-top:40px}@media all and (max-width:599px){.modalContainer .detail{width:auto;padding:43px 43px 0}.modalContainer .detail .row{overflow:visible}.modalContainer .detail .colLeft,.modalContainer .detail .colRight{width:100%;height:auto;float:none}.modalContainer .detail .image{margin-bottom:0}.modalContainer .detail .image img{width:100%;height:auto}.modalContainer .detail .title{margin:0 0 30px}.modalContainer .detail .title img{height:22px}.modalContainer .detail .title span{font-size:15px;font-weight:400}.modalContainer .detail .text{margin:25px 0 0}.modalContainer .detail p{font-size:14px}.modalContainer .detail .link{position:static;margin:20px 0 0 0;font-size:14px}.modalContainer .detail .link a{background-size:auto 11px;padding-right:20px}.modalContainer .detail .bottomImage{position:static;margin:0 -43px;text-align:right}.modalContainer .detail .bottomImage img.forSp{display:inline}#colorbox #cboxClose{background:url(/coffee/reserve/images/img-btn-modal-close-sp.png) no-repeat left top;background-size:19px 19px;top:16px;right:11px;width:19px;height:19px}.modalContainer .detail .modalButton{margin:0 -43px}.modalContainer .detail .button.close.contentBottom{background:0 0;border:none;border-top:solid 1px #000;border-radius:0;font-size:15px;color:#000;height:70px;line-height:70px}.modalContainer .detail .button.close.contentBottom::before{content:"";display:inline-block;background:url(/coffee/reserve/images/img-btn-modal-close-sp.png);background-size:cover;width:12px;height:12px;margin-right:15px}#colorbox #cboxNext,#colorbox #cboxPrevious{top:260px}#colorbox #cboxPrevious{background:url(/common/images/img-btn-modal-prev-sp.png) left top no-repeat;background-size:21px}#colorbox #cboxNext{background:url(/common/images/img-btn-modal-next-sp.png) left top no-repeat;background-size:21px}}@media screen and (min-width:600px) and (max-width:1029px){.modalContainer .detail .image.forPc{display:block}}.modalContainer .about{width:820px;height:810px;padding:60px 55px;background:url(/coffee/reserve/images/rst_2019/modal/bg-modal-about-pc.png) no-repeat 0 0}.modalContainer .about p{margin:0;font-size:16px}.modalContainer .about p.lead{margin-bottom:50px;font-size:22px;font-weight:700;text-align:center}@media all and (max-width:599px){.modalContainer .about{width:100%;height:auto;padding:38px 25px 0;background:#fff url(/coffee/reserve/images/rst_2019/modal/bg-modal-about-sp.png) no-repeat 0 100%;background-size:100% auto}.modalContainer .about .logo{margin-bottom:30px;text-align:center}.modalContainer .about .logo img{width:25%;height:auto}.modalContainer .about p{font-size:14px}.modalContainer .about p.lead{margin-bottom:35px;font-size:17px}.modalContainer .about .modalButton{margin:100% -25px 0}}.p-discover{position:relative;padding:180px 0 0 0;text-align:center}.p-discover:before{position:absolute;top:50px;left:50%;display:block;content:"";width:2px;height:80px;background:#000}.p-discover>.p-heading2:first-child{margin-top:0}.p-discover .p-image-full{position:relative}.p-discover .p-lead{margin-top:60px;margin-bottom:60px}.p-discover-blackeagle,.p-discover-clover,.p-discover-coffeepress,.p-discover-pourover,.p-discover-siphon{position:absolute;display:block}@media all and (max-width:909px){.p-discover{padding:100px 0 0 0}.p-discover:before{top:30px;width:1px;height:40px}.p-discover .p-heading2 img{width:57vw}.p-discover .p-lead{margin-top:35px;margin-bottom:35px}.p-discover p img{width:100%;height:auto}}.blockLineupList{overflow:hidden;margin:0 auto;width:860px;font-size:0}.blockLineupList .blockItem{width:172px;display:inline-block;padding-right:6px;padding-left:6px;margin-top:40px;box-sizing:border-box;vertical-align:top;height:auto!important}.blockLineupList .blockItem img{margin-bottom:10px;width:100%}.blockLineupList .blockItem .label{margin-bottom:0;font-size:14px;font-weight:700;color:#976d3f}.blockLineupList .blockItem .titleLineupItem{margin-bottom:0;font-size:11px;color:#3d3935}@media all and (max-width:909px){.lineupArea{margin:0;width:auto;padding:30px 48px;background:url(/coffee/reserve/images/bg-lineup-sp.png) no-repeat 50% 0;background-size:cover}.lineupArea h4:first-child{margin-top:0}.blockLineupList{margin:0;width:auto;overflow-x:scroll;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}.blockLineupList-inner{display:flex;margin-left:3vw}.blockLineupList .blockItem{flex-shrink:0}.blockLineupList .blockItem img{width:100%}.blockLineupList .blockItem .label{font-size:13px}}@media all and (max-width:599px){.lineupArea{padding:30px 15px}.blockLineupList .blockItem{width:34vw;margin-top:30px;padding:0 .7vw}.blockLineupList-inner:after{content:".";display:block;width:3vw;flex-shrink:0}.blockLineupList .blockItem .titleLineupItem{margin-right:16px}}@media screen and (min-width:600px) and (max-width:1029px){.blockLineupList .blockItem{padding:0;margin-right:12px;width:160px}}.p-eventList{width:63%;min-width:650px;margin:30px auto 0 auto}.p-eventList li{position:relative;padding:14px 0 14px 32px;border-bottom:1px solid #000}.p-eventList li:before{top:14px;left:0;position:absolute;content:"";background:#000;width:8px;height:calc(100% - 28px)}.p-eventList li a{display:block;color:#976d3f}.p-eventList li a:hover{opacity:.7}.p-eventList li p{margin:0}.p-eventList-date{color:#91857d}.p-eventList-date-day{display:inline-block;width:160px}@media screen and (max-width:909px){.p-eventList{width:93%;min-width:0}.p-eventList li{padding:0 0 14px 16px;border-bottom:none}.p-eventList li:before{top:0;width:7px;height:calc(100% - 14px)}.p-eventList li:last-child{margin-bottom:-14px}.p-eventList-date-day{width:27vw}}.p-beans{margin:80px 0 0 0;padding:50px 0 60px 0;border-top:2px solid #000}.p-beans>.p-heading2:first-child{margin-top:0}.p-beans .blockLineupList-large{margin:0 auto 80px auto;max-width:1040px;width:auto}.p-beans .blockLineupList-large .blockItem{width:260px;padding-left:5px;padding-right:5px}.p-beans .blockLineupList-large .blockItem img{margin-bottom:18px}.p-beans .blockLineupList-large .blockItem .titleLineupItem{font-size:14px}@media all and (max-width:909px){.p-beans{margin:50px 0 0 0;padding:50px 0 50px 0;border-top-width:1px}.p-beans>.p-heading2:first-child img{height:8vw;max-height:45px}.p-beans .blockLineupList-large{max-width:none;margin:0 0 50px 0}.p-beans .blockLineupList-large .blockItem{width:50vw;margin-top:25px}.p-beans .blockLineupList-large .blockItem:nth-child(2n){padding-right:0;padding-left:2px}.p-beans .blockLineupList-large .blockItem:nth-child(2n+1){padding-right:2px;padding-left:0}.p-beans .blockLineupList-large .blockItem img{margin-bottom:9px}.p-beans .blockLineupList-large .blockItem .label{margin:0 2vw}.p-beans .blockLineupList-large .blockItem .titleLineupItem{margin:0 2vw;font-size:13px}}@media screen and (min-width:600px) and (max-width:1029px){.p-beans .blockLineupList-large .blockItem{margin-right:0}}.js-cartform-disable-submit img,.js-cartform-instock-submit img,.js-cartform-outofstock-img img{width:auto}.clearfix{zoom:1}.clearfix:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}.items li{position:relative}.items li .detail{position:absolute;bottom:17px}.js-cartform-opt-selectbox select{width:100%!important;background-image:none}.js-cartform-outofstock-img{text-align:right}.js-cartform-disable-submit,.js-cartform-instock-submit,.js-cartform-outofstock-img{text-align:right;width:auto}.js-cartform-outofstock-img{margin:0 0 3px}.forTablet{display:none}.mainContents.notExNav{padding-left:0;margin-right:0;color:#231f20}.mainContents.notExNav p{font-size:16px}div.mainContents.notExNav article{width:100%;background:url(/coffee/reserve/images/rst_2019/bg.png) no-repeat 0 0}header.local ul.sns{right:1.855%}ul.sns.footer{bottom:60px;right:100px}.p-kv .p-image{padding-left:25%;padding-right:10%}.p-kv .p-image img{width:100%}.p-kv h1{margin:60px 0;text-align:center}.p-kv .p-text{text-align:center}.p-lead{margin:45px auto 0 auto;width:800px;text-align:center}.p-image-full{margin:80px 0 0 0}.p-image-full img{width:100%}.p-links{margin:35px 0 0 0;text-align:center}.p-links li{display:inline-block;margin:0 30px;padding:0}.p-links li a{color:#976d3f;font-size:16px;font-weight:700;background:url(/coffee/reserve/images/rst_2019/img-arrow-link.png) 100% 50% no-repeat;padding-right:25px}.p-links li a:hover{color:#976d3f;background:url(/coffee/reserve/images/rst_2019/img-arrow-link.png) 100% 50% no-repeat}.p-heading2{margin:50px 0 0 0;text-align:center}.p-heading3{margin:60px 0 0 0;text-align:center}.p-bgGray{margin-bottom:70px;padding:70px;background:#f8f5f2}.p-bgGray-inner{background:#fff;padding-bottom:50px}.p-bgGray-inner .p-image-full{margin-top:0}@media all and (max-width:909px){.forPc{display:none}.forTablet{display:block}header.local ul.sns{top:20px;right:15px;border:none;font-size:13px}header.local ul.sns li a{color:#bfb6ae}.mainContents.notExNav p{font-size:14px}div.mainContents.notExNav article{background-size:30vw auto}.p-kv{overflow:hidden;width:100%}.p-kv h1{margin:40px 0}.p-kv h1 img{width:75%}.p-kv .p-image{padding-left:32%;padding-right:0}.p-lead{margin:35px 5vw 0 5vw;width:auto;text-align:left}.p-image-full{margin-top:50px}.p-links{margin:25px 0 0 0}.p-links li{margin:0 18px}.p-links li a{font-size:14px}.p-heading2{margin:30px 0 0 0;text-align:center}.p-heading2 img.forTablet{margin:0 auto}.p-heading3{margin:50px 0 0 0;text-align:center}.p-heading3 img{height:5.5vw;max-height:27px}.p-bgGray{margin-bottom:40px;padding:40px 4vw}.p-bgGray>.p-heading2.forTablet{margin:0 0 30px 0}.p-bgGray-inner{background:#fff;padding-bottom:50px}.p-bgGray-inner .p-lead{margin:35px 6.5vw 0 6.5vw}.p-bgGray-inner .p-image-full{margin-top:0}.reserve div.globalFooterIn{padding:0 0 10px}}@media all and (max-width:599px){.mainContents header.local{margin-bottom:0}}.infoName .breakRow{display:none}@media screen and (min-width:910px) and (max-width:1199px){.infoName .breakRow{display:block}}

.p-lead{line-height: 2.1;}
div.mainContents.notExNav article{
  /* background-size: 23% auto; */
  background: none;
}

.p-discover-modbar,
.p-discover-coldnitro,
.p-discover-chemex{position:absolute;display:block}

.p-discover-siphon{width:16.315%;height:39.043%;top:0;left:8.596%}
.p-discover-blackeagle{width:18.508%;height:44.223%;top:0;left:29.561%}
.p-discover-clover{width:23.684%;height:30.677%;top:0;left:52.807%;z-index: 20;}
.p-discover-pourover{width:22.543%;height:34.661%;top:17.33%;left:68.070%}
.p-discover-coffeepress{width:22.28%;height:34.063%;top:39.043%;left:8.596%}
.p-discover-modbar{width:27.631%;height:42.430%;bottom:0;left:17.192%}
.p-discover-coldnitro{width:19.298%;height:62.749%;bottom:0;left:50.087%}
.p-discover-chemex{width:20.263%;height:38.446%;bottom:0;left:70.263%}

.p-discover-pourover,
.p-discover-coffeepress { z-index: 10; }

.modalContainer .detail .title.twoRow img{ height: 56px; }

@media (max-width: 909px){
  .p-lead{line-height: 1.7;}
  header.local ul.sns {top: -30px;}
  header.local ul.sns li.forSp a {color: #000;}
  div.mainContents.notExNav article {
    padding-top: 30px;
    background-position: 0 30px;
  }
  .p-links li a {
      display: block;
      text-align: left;
  }
  div.mainContents.notExNav article{
    background-size: 30vw auto;
  }
  .p-discover-blackeagle,
  .p-discover-clover,
  .p-discover-coffeepress,
  .p-discover-pourover,
  .p-discover-siphon,
  .p-discover-modbar,
  .p-discover-coldnitro,
  .p-discover-chemex { position:static;width:100%;height:auto }
  .modalContainer .detail .bottomImage img { width: 175px; }
  .modalContainer .detail .title.twoRow img { height: 45px; }
}


/* 190626 外部リンクアイコン用 */
.p-links li a.is-blank,
.p-links-route-reserve li a.is-blank {
    background: url('/roastery/images/rst_2019/img-icon-blank.png') 100% 50% no-repeat;
    padding: 2px 27px 0 0
}

@media all and (max-width:909px) {
  .p-links li a.is-blank {
    background-size: 13px auto
  }
}

.p-kv h1 {
  margin: 90px 0 110px;
}
.p-kv h1 img{
  text-align: center;
}
.p-kv .p-lead,
.p-bar .p-lead,
.p-discover .p-lead,
.p-store .p-lead{
  width: auto;
  text-align: center;
}
.p-discover{
  padding-bottom: 50px;
}
.p-bar {
  margin-bottom: 30px;
}

@media all and (max-width:909px) {
  .p-kv h1 {
    width: 82.666%;
    margin: 0 auto 50px;
  }
  .p-kv h1 img{
    width: 100%;
  }
  .p-kv .p-lead {
    margin-left: 3vw;
    margin-right: 3vw;
  }
  .p-heading2.height01 img{
    height: 21.2vw;
  }
  .p-heading2.height02 img{
    height: 11.7vw;
  }
  .p-heading2.height03 img{
    height: 11.6vw;
  }
  .p-discover{
    padding-bottom: 10px;
  }
  .p-bar .p-lead,
  .p-discover .p-lead,
  .p-store .p-lead{
    text-align: left;
  }
  .p-bar {
    margin-bottom: 10px;
  }
  .p-links.inline li{
    margin: 0 auto;
  }
  .p-links.inline li a{
    background-position: 97% 50%;
    display: inline-block;
    width: 270px;
  }
}