@charset "UTF-8";
/*
Theme Name: ’THE LOCAL
Theme URI:
Description:
Version: 1.0
Author: Nobuo Akiyama
Author URI: http://www.tmc-labo.com/
Tags:
*/
.row-center {
  text-align: center;
  letter-spacing: -0.4em; }

.row-center > [class*='col-'] {
  display: inline-block;
  letter-spacing: 0;
  vertical-align: top;
  float: none !important; }

body {
  font-family: Avenir , "Raleway" , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; }

.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0; }

@media screen and (min-width: 768px) {
  .only-xs {
    display: none; } }

/*
	
	Clearfix
	
*/
.cf:after {
  content: "";
  clear: both;
  display: block; }

body {
  background-color: #595959; }
  body a:hover {
    text-decoration: none !important; }
  body div#wrap .btn-ghost {
    padding: 0.8em 1.2em;
    font-weight: bold;
    border: 2px solid #fff; }
    body div#wrap .btn-ghost:hover {
      -webkit-transition: background-color 0.3s linear;
      background-color: #fff;
      color: #424242; }
  body div#wrap .btn-ghostBlack {
    padding: 0.8em 1.2em;
    font-weight: bold;
    border: 2px solid #424242;
    color: #424242; }
    body div#wrap .btn-ghostBlack:hover {
      -webkit-transition: background-color 0.3s linear;
      background-color: #424242;
      color: #fff; }
  body div#wrap a#menuOpen {
    width: 2em;
    height: 2em;
    line-height: 1;
    position: fixed;
    right: 30px;
    z-index: 100000;
    top: 10px;
    font-size: 12px;
    word-wrap: break-word; }
    body div#wrap a#menuOpen span {
      border-radius: 30px;
      display: block;
      text-align: center;
      background-color: rgba(255, 255, 255, 0.85);
      padding: 10px;
      width: calc(2em + 20px);
      height: calc(2em + 20px); }
    @media screen and (min-width: 768px) {
      body div#wrap a#menuOpen {
        display: none; } }
  body div#wrap header {
    overflow: hidden;
    width: 100%;
    height: 50px;
    background-color: #282828; }
    body div#wrap header a {
      color: #fff;
      text-decoration: none; }
    body div#wrap header div.container-fluid {
      position: relative;
      color: #fff; }
      body div#wrap header div.container-fluid div#logo {
        position: absolute;
        left: 0;
        top: 0;
        width: 114px;
        padding-top: 10px;
        margin-left: 20px; }
        body div#wrap header div.container-fluid div#logo img {
          height: 30px; }
        body div#wrap header div.container-fluid div#logo h1 {
          margin: 0;
          line-height: 0; }
      body div#wrap header div.container-fluid ul#gnavi {
        letter-spacing: -.4em;
        width: calc(100vw - 80px);
        margin: 0;
        padding: 0;
        text-align: right;
        float: right; }
        body div#wrap header div.container-fluid ul#gnavi li {
          letter-spacing: normal;
          display: inline-block; }
          body div#wrap header div.container-fluid ul#gnavi li a {
            text-transform: uppercase;
            display: block;
            color: #fff;
            line-height: 1;
            padding: 18px 15px 15px; }
            body div#wrap header div.container-fluid ul#gnavi li a:hover {
              color: #424242; }
          body div#wrap header div.container-fluid ul#gnavi li#gnav_contact a {
            color: #424242;
            background-color: #fff; }
            body div#wrap header div.container-fluid ul#gnavi li#gnav_contact a:hover {
              background-color: #424242;
              color: #fff;
              -webkit-transition: background-color 0.3s linear; }
    @media screen and (min-width: 768px) and (min-width: 1010px) {
      body div#wrap header div.container-fluid ul#gnavi {
        width: calc(100vw - 80px); } }
    @media screen and (max-width: 767px) {
      body div#wrap header {
        background-color: transparent;
        height: 00px; }
        body div#wrap header div.container-fluid {
          height: 0px; }
          body div#wrap header div.container-fluid ul#gnavi {
            display: none; }
          body div#wrap header div.container-fluid div#logo {
            display: none;
            padding-top: 12px;
            margin-left: 0;
            width: 100%;
            text-align: center; }
            body div#wrap header div.container-fluid div#logo h1 {
              margin: 0;
              padding: 0; }
              body div#wrap header div.container-fluid div#logo h1 img {
                width: 42px;
                height: 42px; } }
    @media screen and (min-width: 768px) {
      body div#wrap header.scrolling {
        height: 50px;
        overflow: hidden;
        -webkit-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-duration: 0.5s;
        -ms-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
        visibility: visible !important;
        position: fixed;
        z-index: 1000; }
        body div#wrap header.scrolling div.container-fluid ul#gnavi li a {
          padding-top: 18px; }
          body div#wrap header.scrolling div.container-fluid ul#gnavi li a.active, body div#wrap header.scrolling div.container-fluid ul#gnavi li a:hover {
            color: #ffc786; }
        body div#wrap header.scrolling div.container-fluid ul#gnavi li#gnav_contact a {
          color: #fff;
          background-color: transparent; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
  body div#wrap div#snsButtons {
    position: fixed;
    right: 30px;
    top: 50%; }
    body div#wrap div#snsButtons ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      right: 20px; }
      body div#wrap div#snsButtons ul li a {
        color: #fff;
        font-size: 24px; }
    body div#wrap div#snsButtons.navanimeOn ul li a {
      transition: color 0.3s linear;
      color: rgba(0, 0, 0, 0.7); }
    @media screen and (max-width: 767px) {
      body div#wrap div#snsButtons {
        right: 10px;
        bottom: 5px;
        top: auto; } }
  body div#wrap div#toTop {
    position: fixed;
    z-index: 100; }
    body div#wrap div#toTop a {
      width: 40px;
      height: 40px;
      color: #f2f2f1;
      background-color: rgba(47, 50, 53, 0.8);
      position: relative;
      font-size: 30px;
      padding: 0; }
      body div#wrap div#toTop a i {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -16px 0 0 -10px; }
  body div#wrap footer#footer {
    background-color: #303336;
    color: #f2f2f1;
    text-align: center;
    padding: 15px 0;
    font-size: 11px; }
  body div#wrap section#main div#pageVisual {
    background-position: center center !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll; }
    body div#wrap section#main div#pageVisual h1.h1Center {
      text-align: center;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      font-size: 32px;
      font-weight: bold;
      margin: 0 auto;
      color: #303336;
      padding: 180px 0 120px; }
    @media screen and (max-width: 767px) {
      body div#wrap section#main div#pageVisual {
        background-attachment: scroll; }
        body div#wrap section#main div#pageVisual h1.h1Center {
          padding: 100px 0 40px; } }
    body div#wrap section#main div#pageVisual.archive {
      background-image: url(img/bg_top7.jpg); }
      body div#wrap section#main div#pageVisual.archive h1.h1Center {
        color: #fff; }
    body div#wrap section#main div#pageVisual.page-potservice {
      background-image: url(img/bg_potservice1.jpg); }
  body div#wrap section#main div.topPicdiv {
    background-position: center center !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 400px; }
    @media screen and (max-width: 767px) {
      body div#wrap section#main div.topPicdiv {
        background-attachment: scroll;
        height: 40vh; } }
    body div#wrap section#main div.topPicdiv.pic3 {
      background-image: url(img/bg_top3.jpg); }
    body div#wrap section#main div.topPicdiv.pic4 {
      background-image: url(img/bg_top4.jpg); }
    body div#wrap section#main div.topPicdiv.pic5 {
      background-image: url(img/bg_top5.jpg); }
  body div#wrap section#main div#topVisual {
    height: 100vh;
    position: relative;
    background-position: center center !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed; }
    body div#wrap section#main div#topVisual h1 {
      margin: 0 auto;
      text-align: center;
      position: absolute;
      top: 50%;
      margin-top: -150px;
      margin-left: -150px;
      left: 50%;
      color: #424242;
      font-size: 90px; }
      body div#wrap section#main div#topVisual h1 img {
        height: 300px;
        width: 300px; }
    body div#wrap section#main div#topVisual a.scroll {
      width: 40px;
      display: block;
      text-align: center;
      height: 40px;
      position: absolute;
      bottom: 10px;
      left: 50%;
      margin-left: -20px;
      color: #fff;
      font-size: 40px; }
    @media screen and (max-width: 767px) {
      body div#wrap section#main div#topVisual {
        background-position: left center;
        background-attachment: scroll; }
        body div#wrap section#main div#topVisual h1 {
          font-size: 24px; }
        body div#wrap section#main div#topVisual a.scroll {
          bottom: 60px; } }
  body div#wrap section#main div.pageBox {
    padding: 95px 0 45px;
    color: #424242;
    background-color: #fff; }
    body div#wrap section#main div.pageBox h2.h2Center, body div#wrap section#main div.pageBox#about p.aboutLead, body div#wrap section#main div.pageBox#can p.aboutLead, body div#wrap section#main div.pageBox#gift p.aboutLead, body div#wrap section#main div.pageBox h1.h1Center {
      margin-top: 0;
      text-align: center;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      font-size: 32px;
      font-weight: bold;
      margin-bottom: 45px;
      color: #303336; }
    body div#wrap section#main div.pageBox:nth-child(2n) {
      background-color: #f2f2f1;
      color: #7a7a7a; }
      body div#wrap section#main div.pageBox:nth-child(2n) h2.h2Center, body div#wrap section#main div.pageBox:nth-child(2n) div.pageBox#about p.aboutLead, body div#wrap section#main div.pageBox#about div.pageBox:nth-child(2n) p.aboutLead, body div#wrap section#main div.pageBox:nth-child(2n) div.pageBox#can p.aboutLead, body div#wrap section#main div.pageBox#can div.pageBox:nth-child(2n) p.aboutLead, body div#wrap section#main div.pageBox:nth-child(2n) div.pageBox#gift p.aboutLead, body div#wrap section#main div.pageBox#gift div.pageBox:nth-child(2n) p.aboutLead {
        color: #50565A; }
    body div#wrap section#main div.pageBox#blog {
      padding-bottom: 0; }
      body div#wrap section#main div.pageBox#blog h2.h2Center, body div#wrap section#main div.pageBox#blog div.pageBox#about p.aboutLead, body div#wrap section#main div.pageBox#about div.pageBox#blog p.aboutLead, body div#wrap section#main div.pageBox#blog div.pageBox#can p.aboutLead, body div#wrap section#main div.pageBox#can div.pageBox#blog p.aboutLead, body div#wrap section#main div.pageBox#blog div.pageBox#gift p.aboutLead, body div#wrap section#main div.pageBox#gift div.pageBox#blog p.aboutLead {
        margin-left: -15px;
        margin-right: -15px; }
      body div#wrap section#main div.pageBox#blog div.goAll {
        margin: 45px auto 35px;
        text-align: center; }
      body div#wrap section#main div.pageBox#blog div.pagination {
        display: block;
        margin: 30px auto 0;
        max-width: 860px;
        border-top: 1px solid #f2f2f1;
        border-bottom: 1px solid #f2f2f1;
        width: 100%; }
        body div#wrap section#main div.pageBox#blog div.pagination ul {
          margin: 0;
          padding: 0;
          position: relative;
          line-height: 1;
          text-align: center; }
          body div#wrap section#main div.pageBox#blog div.pagination ul li {
            display: inline-block;
            line-height: 1;
            margin: 0 8px; }
            body div#wrap section#main div.pageBox#blog div.pagination ul li a {
              width: 24px;
              height: 24px;
              padding-top: 5px;
              display: block;
              border-radius: 30px;
              background: #fff;
              color: #424242;
              border: 1px solid #424242; }
            body div#wrap section#main div.pageBox#blog div.pagination ul li span {
              width: 24px;
              height: 24px;
              padding-top: 5px;
              border-radius: 30px;
              display: block;
              background-color: #424242;
              color: #fff;
              border: 1px solid #424242; }
            body div#wrap section#main div.pageBox#blog div.pagination ul li.next {
              text-align: center; }
              body div#wrap section#main div.pageBox#blog div.pagination ul li.next a {
                padding-top: 4px; }
            body div#wrap section#main div.pageBox#blog div.pagination ul li.prev {
              text-align: center; }
              body div#wrap section#main div.pageBox#blog div.pagination ul li.prev a {
                padding-top: 4px; }
        @media screen and (max-width: 767px) {
          body div#wrap section#main div.pageBox#blog div.pagination {
            margin: 15px auto 30px; } }
      body div#wrap section#main div.pageBox#blog div.blogArticle div.item {
        text-align: center;
        padding: 15px;
        margin-bottom: 0px;
        position: relative; }
        body div#wrap section#main div.pageBox#blog div.blogArticle div.item a {
          color: #424242;
          display: block;
          text-decoration: none;
          background-color: #fff;
          box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.27);
          padding-bottom: 30px; }
        body div#wrap section#main div.pageBox#blog div.blogArticle div.item div.blogImgbox {
          display: block;
          margin: 0 0 15px; }
          body div#wrap section#main div.pageBox#blog div.blogArticle div.item div.blogImgbox img {
            width: 100%;
            height: auto; }
        body div#wrap section#main div.pageBox#blog div.blogArticle div.item h3 {
          text-align: left;
          font-size: 18px;
          font-weight: bold;
          line-height: 1.3;
          color: #303336;
          padding: 0 15px 0; }
        body div#wrap section#main div.pageBox#blog div.blogArticle div.item p.info {
          text-align: left;
          font-size: 11px;
          color: #7a7a7a;
          margin-left: 15px;
          margin-right: 15px; }
          body div#wrap section#main div.pageBox#blog div.blogArticle div.item p.info span {
            padding-left: 4px;
            font-size: 9px; }
        body div#wrap section#main div.pageBox#blog div.blogArticle div.item p.excerpt {
          margin-left: 15px;
          margin-right: 15px;
          margin-bottom: 35px;
          text-align: left;
          font-size: 12px;
          color: #7a7a7a; }
        body div#wrap section#main div.pageBox#blog div.blogArticle div.item a.btn-ghostBlack {
          margin: 0 auto 30px;
          text-align: center; }
    body div#wrap section#main div.pageBox#about, body div#wrap section#main div.pageBox#can, body div#wrap section#main div.pageBox#gift {
      background-color: #fff;
      text-align: center; }
      body div#wrap section#main div.pageBox#about h2.h2Center, body div#wrap section#main div.pageBox#about p.aboutLead, body div#wrap section#main div.pageBox#can h2.h2Center, body div#wrap section#main div.pageBox#can p.aboutLead, body div#wrap section#main div.pageBox#gift h2.h2Center, body div#wrap section#main div.pageBox#gift p.aboutLead {
        color: #303336; }
      body div#wrap section#main div.pageBox#about img.aboutImage, body div#wrap section#main div.pageBox#can img.aboutImage, body div#wrap section#main div.pageBox#gift img.aboutImage {
        margin: 0 auto 60px;
        width: 100%; }
      body div#wrap section#main div.pageBox#about div.row div.col-12 img, body div#wrap section#main div.pageBox#can div.row div.col-12 img, body div#wrap section#main div.pageBox#gift div.row div.col-12 img {
        margin-bottom: 0; }
      body div#wrap section#main div.pageBox#about img.canImage, body div#wrap section#main div.pageBox#can img.canImage, body div#wrap section#main div.pageBox#gift img.canImage {
        margin: 0 auto 30px !important;
        width: 100%; }
      body div#wrap section#main div.pageBox#about p.aboutLead, body div#wrap section#main div.pageBox#can p.aboutLead, body div#wrap section#main div.pageBox#gift p.aboutLead {
        text-align: center; }
      body div#wrap section#main div.pageBox#about p, body div#wrap section#main div.pageBox#can p, body div#wrap section#main div.pageBox#gift p {
        max-width: 720px;
        margin-left: auto;
        margin-right: auto; }
      @media screen and (max-width: 767px) {
        body div#wrap section#main div.pageBox#about p.lead, body div#wrap section#main div.pageBox#can p.lead, body div#wrap section#main div.pageBox#gift p.lead {
          margin-left: 15px;
          margin-right: 15px;
          text-align: center; }
        body div#wrap section#main div.pageBox#about p, body div#wrap section#main div.pageBox#can p, body div#wrap section#main div.pageBox#gift p {
          text-align: left; }
        body div#wrap section#main div.pageBox#about img.canImage, body div#wrap section#main div.pageBox#can img.canImage, body div#wrap section#main div.pageBox#gift img.canImage {
          margin: 0 auto 15px !important;
          width: 100%; } }
    body div#wrap section#main div.pageBox#gift {
      background-color: #fdfcf8; }
      body div#wrap section#main div.pageBox#gift h2.h2Center, body div#wrap section#main div.pageBox#gift p.aboutLead, body div#wrap section#main div.pageBox#gift p {
        color: #eb6370; }
      @media screen and (max-width: 767px) {
        body div#wrap section#main div.pageBox#gift h2.h2Center, body div#wrap section#main div.pageBox#gift p.aboutLead {
          background-color: #eb6370;
          color: #fff;
          margin-bottom: 30px; } }
    body div#wrap section#main div.pageBox#sponsored {
      text-align: center;
      padding: 15px 0; }
      body div#wrap section#main div.pageBox#sponsored p {
        margin-bottom: 0; }
      body div#wrap section#main div.pageBox#sponsored img {
        margin: 0 auto;
        max-width: 600px;
        height: 90px; }
        @media screen and (max-width: 767px) {
          body div#wrap section#main div.pageBox#sponsored img {
            height: 45px; } }
    body div#wrap section#main div.pageBox#beans {
      color: #424242 !important;
      background-image: url(img/bgbeans.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center; }
      body div#wrap section#main div.pageBox#beans h2.h2Center, body div#wrap section#main div.pageBox#beans div.pageBox#about p.aboutLead, body div#wrap section#main div.pageBox#about div.pageBox#beans p.aboutLead, body div#wrap section#main div.pageBox#beans div.pageBox#can p.aboutLead, body div#wrap section#main div.pageBox#can div.pageBox#beans p.aboutLead, body div#wrap section#main div.pageBox#beans div.pageBox#gift p.aboutLead, body div#wrap section#main div.pageBox#gift div.pageBox#beans p.aboutLead {
        color: #303336; }
      body div#wrap section#main div.pageBox#beans p.lead {
        text-align: center;
        margin-bottom: 60px; }
      body div#wrap section#main div.pageBox#beans div.beansBox {
        text-align: left; }
        @media screen and (min-width: 768px) {
          body div#wrap section#main div.pageBox#beans div.beansBox {
            padding-right: 7px;
            padding-left: 7px; } }
        body div#wrap section#main div.pageBox#beans div.beansBox h3 {
          margin: 0 auto 40px;
          text-align: center; }
          body div#wrap section#main div.pageBox#beans div.beansBox h3 img {
            width: 100%;
            max-width: 120px;
            margin: 0 auto;
            text-align: center; }
        body div#wrap section#main div.pageBox#beans div.beansBox dl {
          text-transform: uppercase;
          margin-bottom: 0; }
          body div#wrap section#main div.pageBox#beans div.beansBox dl dt {
            font-size: 16px;
            word-break: break-word;
            margin-bottom: 20px;
            height: 3em;
            border-bottom: 1px dotted #f2f2f1;
            padding-bottom: 60px; }
            @media screen and (min-width: 768px) and (max-width: 989px) {
              body div#wrap section#main div.pageBox#beans div.beansBox dl dt {
                height: 5em;
                line-height: 1.2; } }
          body div#wrap section#main div.pageBox#beans div.beansBox dl dd span.beanInfo {
            font-weight: bold;
            display: block; }
          body div#wrap section#main div.pageBox#beans div.beansBox dl dd span.komoji {
            text-transform: lowercase; }
          body div#wrap section#main div.pageBox#beans div.beansBox dl dd.beans_roaster {
            font-weight: bold;
            font-size: 16px;
            margin-bottom: 15px; }
            body div#wrap section#main div.pageBox#beans div.beansBox dl dd.beans_roaster span {
              font-size: 11px;
              font-weight: 100;
              display: block; }
          body div#wrap section#main div.pageBox#beans div.beansBox dl dd.beans_price {
            margin-bottom: 15px; }
            body div#wrap section#main div.pageBox#beans div.beansBox dl dd.beans_price span.priceBig {
              display: block;
              font-size: 18px;
              font-weight: bold; }
          body div#wrap section#main div.pageBox#beans div.beansBox dl dd.beans_grownby,
          body div#wrap section#main div.pageBox#beans div.beansBox dl dd.beans_flavornote,
          body div#wrap section#main div.pageBox#beans div.beansBox dl dd.beans_green,
          body div#wrap section#main div.pageBox#beans div.beansBox dl dd.beans_region,
          body div#wrap section#main div.pageBox#beans div.beansBox dl dd.beans_origin,
          body div#wrap section#main div.pageBox#beans div.beansBox dl dd.beans_variety,
          body div#wrap section#main div.pageBox#beans div.beansBox dl dd.beans_growing,
          body div#wrap section#main div.pageBox#beans div.beansBox dl dd.beans_type,
          body div#wrap section#main div.pageBox#beans div.beansBox dl dd.beans_process {
            font-size: 12px;
            margin-bottom: 8px; }
          body div#wrap section#main div.pageBox#beans div.beansBox dl.potBeans dt {
            font-size: 16px;
            font-weight: bold;
            color: #303336;
            margin-bottom: 15px;
            padding-bottom: 0;
            height: inherit; }
          body div#wrap section#main div.pageBox#beans div.beansBox dl.potBeans dd {
            font-size: 13px;
            margin-bottom: 30px; }
            body div#wrap section#main div.pageBox#beans div.beansBox dl.potBeans dd.roasterName {
              font-weight: bold;
              font-size: 14px; }
              body div#wrap section#main div.pageBox#beans div.beansBox dl.potBeans dd.roasterName span {
                font-size: 13px;
                font-weight: normal; }
    body div#wrap section#main div.pageBox#menu {
      background-color: #282828;
      color: #fff;
      padding-bottom: 0;
      text-transform: uppercase; }
      body div#wrap section#main div.pageBox#menu h2.h2Center, body div#wrap section#main div.pageBox#menu div.pageBox#about p.aboutLead, body div#wrap section#main div.pageBox#about div.pageBox#menu p.aboutLead, body div#wrap section#main div.pageBox#menu div.pageBox#can p.aboutLead, body div#wrap section#main div.pageBox#can div.pageBox#menu p.aboutLead, body div#wrap section#main div.pageBox#menu div.pageBox#gift p.aboutLead, body div#wrap section#main div.pageBox#gift div.pageBox#menu p.aboutLead {
        color: #fff; }
      body div#wrap section#main div.pageBox#menu h3 {
        letter-spacing: 0.1em;
        text-align: center;
        margin: 0 auto 45px; }
        body div#wrap section#main div.pageBox#menu h3 span {
          padding: 0 40px;
          position: relative; }
          body div#wrap section#main div.pageBox#menu h3 span:before {
            content: '';
            width: 1em;
            border-top: 1px solid #fff;
            position: absolute;
            margin: 0;
            padding: 0;
            left: -16px;
            top: 45%; }
          body div#wrap section#main div.pageBox#menu h3 span:after {
            content: '';
            width: 1em;
            border-top: 1px solid #fff;
            position: absolute;
            margin: 0;
            padding: 0;
            right: -13px;
            top: 45%; }
      body div#wrap section#main div.pageBox#menu table.menu {
        width: 60%;
        margin: 0 auto 60px;
        font-size: 16px; }
        @media screen and (max-width: 990px) {
          body div#wrap section#main div.pageBox#menu table.menu {
            width: 90%; } }
        body div#wrap section#main div.pageBox#menu table.menu tr th {
          vertical-align: bottom;
          padding: 4px 0; }
        body div#wrap section#main div.pageBox#menu table.menu tr td {
          text-align: right;
          vertical-align: bottom;
          padding: 4px 0; }
    body div#wrap section#main div.pageBox#contact div.container {
      max-width: 970px; }
    body div#wrap section#main div.pageBox#contact p.lead {
      text-align: center;
      font-size: 14px;
      color: #7a7a7a;
      margin-bottom: 45px; }
    body div#wrap section#main div.pageBox#contact form.wpcf7-form {
      display: flex;
      flex-wrap: wrap;
      margin-right: -15px;
      margin-left: -15px; }
      body div#wrap section#main div.pageBox#contact form.wpcf7-form label {
        margin-bottom: 8px;
        font-weight: bold; }
      body div#wrap section#main div.pageBox#contact form.wpcf7-form span.wpcf7-form-control-wrap {
        display: block;
        margin-bottom: 18px; }
        body div#wrap section#main div.pageBox#contact form.wpcf7-form span.wpcf7-form-control-wrap input[type=text], body div#wrap section#main div.pageBox#contact form.wpcf7-form span.wpcf7-form-control-wrap input[type=tel], body div#wrap section#main div.pageBox#contact form.wpcf7-form span.wpcf7-form-control-wrap input[type=email] {
          width: 70%;
          padding: 4px 8px;
          border: 1px solid #424242;
          border-radius: 0;
          -webkit-appearance: none; }
        body div#wrap section#main div.pageBox#contact form.wpcf7-form span.wpcf7-form-control-wrap span.wpcf7-list-item {
          display: block;
          margin-bottom: 8px; }
        body div#wrap section#main div.pageBox#contact form.wpcf7-form span.wpcf7-form-control-wrap textarea {
          border: 1px solid #424242;
          padding: 4px 8px;
          width: 70%; }
        body div#wrap section#main div.pageBox#contact form.wpcf7-form span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
          font-weight: bold;
          padding: 8px 0;
          color: #2dd87d; }
      body div#wrap section#main div.pageBox#contact form.wpcf7-form.invalid div.wpcf7-validation-errors {
        border: none;
        clear: both; }
    body div#wrap section#main div.pageBox#contact div.submitArea {
      text-align: center;
      padding: 40px 0; }
      body div#wrap section#main div.pageBox#contact div.submitArea input[type=submit] {
        border: 2px solid #424242;
        color: #fff;
        font-weight: bold;
        padding: 12px;
        width: 100%;
        background-color: #424242;
        border-radius: 0;
        -webkit-appearance: none; }
        body div#wrap section#main div.pageBox#contact div.submitArea input[type=submit]:hover {
          -webkit-transition: background-color 0.3s linear;
          background-color: #fff;
          color: #424242; }
    body div#wrap section#main div.pageBox#news ul.row {
      margin-bottom: 0;
      padding-left: 0; }
      body div#wrap section#main div.pageBox#news ul.row li {
        margin-bottom: 15px;
        list-style-type: none; }
        body div#wrap section#main div.pageBox#news ul.row li dl {
          margin-bottom: 0; }
          body div#wrap section#main div.pageBox#news ul.row li dl span {
            padding-top: 1em;
            font-size: 88%; }
        body div#wrap section#main div.pageBox#news ul.row li:last-child {
          margin-bottom: 0; }
    body div#wrap section#main div.pageBox#feature {
      background-color: #fff; }
      body div#wrap section#main div.pageBox#feature div.gosg {
        text-align: center;
        padding: 45px 0 0; }
      body div#wrap section#main div.pageBox#feature p.lead {
        text-align: center;
        margin-bottom: 60px;
        color: #424242; }
      body div#wrap section#main div.pageBox#feature .youtube-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
        margin-bottom: 30px; }
        body div#wrap section#main div.pageBox#feature .youtube-container iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
      body div#wrap section#main div.pageBox#feature div.col-sm-6 h3 {
        color: #3db487;
        text-align: left;
        font-size: 22px;
        font-weight: bold;
        line-height: 1.3;
        padding: 0;
        margin-bottom: 30px;
        margin-top: 0; }
    body div#wrap section#main div.pageBox div.appLink {
      padding: 30px 0; }
      body div#wrap section#main div.pageBox div.appLink div.col-6 {
        text-align: right; }
        body div#wrap section#main div.pageBox div.appLink div.col-6:last-child {
          text-align: left; }
      @media screen and (max-width: 767px) {
        body div#wrap section#main div.pageBox div.appLink {
          padding: 15px 0; }
          body div#wrap section#main div.pageBox div.appLink div.col-6 {
            text-align: center !important; } }
    body div#wrap section#main div.pageBox#links {
      padding-top: 0;
      padding-bottom: 0; }
      body div#wrap section#main div.pageBox#links div.linksFullbox, body div#wrap section#main div.pageBox#links div.linksHalfbox {
        background-size: cover;
        background-position: center center;
        text-align: center;
        background-repeat: no-repeat; }
        body div#wrap section#main div.pageBox#links div.linksFullbox a, body div#wrap section#main div.pageBox#links div.linksHalfbox a {
          padding-top: 50px;
          text-decoration: none;
          color: #fff;
          display: block;
          background-color: rgba(0, 0, 0, 0.3); }
          body div#wrap section#main div.pageBox#links div.linksFullbox a:hover, body div#wrap section#main div.pageBox#links div.linksHalfbox a:hover {
            -webkit-transition: background-color 0.3s linear;
            background-color: rgba(0, 0, 0, 0.5); }
            body div#wrap section#main div.pageBox#links div.linksFullbox a:hover span.btn-ghost, body div#wrap section#main div.pageBox#links div.linksHalfbox a:hover span.btn-ghost {
              -webkit-transition: background-color 0.3s linear;
              background-color: #fff;
              color: #424242; }
          body div#wrap section#main div.pageBox#links div.linksFullbox a div.proImg, body div#wrap section#main div.pageBox#links div.linksHalfbox a div.proImg {
            margin-bottom: 30px; }
            body div#wrap section#main div.pageBox#links div.linksFullbox a div.proImg img, body div#wrap section#main div.pageBox#links div.linksHalfbox a div.proImg img {
              max-height: 200px;
              width: auto;
              padding-top: 30px; }
          body div#wrap section#main div.pageBox#links div.linksFullbox a h3, body div#wrap section#main div.pageBox#links div.linksHalfbox a h3 {
            font-weight: bold;
            letter-spacing: 0.05em;
            position: relative;
            margin-bottom: 20px;
            text-transform: uppercase; }
            body div#wrap section#main div.pageBox#links div.linksFullbox a h3 + p, body div#wrap section#main div.pageBox#links div.linksHalfbox a h3 + p {
              text-align: center;
              width: 90%;
              margin: 0 auto;
              margin-bottom: 40px; }
          body div#wrap section#main div.pageBox#links div.linksFullbox a p.projBtn, body div#wrap section#main div.pageBox#links div.linksHalfbox a p.projBtn {
            display: block;
            margin-bottom: 0;
            height: 80px; }
    body div#wrap section#main div.pageBox.capitalMapwrap {
      width: 100%;
      position: relative;
      margin-bottom: 0;
      text-align: center;
      padding-bottom: 15px; }
      body div#wrap section#main div.pageBox.capitalMapwrap p {
        padding-bottom: 0; }
        body div#wrap section#main div.pageBox.capitalMapwrap p.thelocalInfo {
          margin: 20px auto 20px; }
        body div#wrap section#main div.pageBox.capitalMapwrap p.getDirections {
          font-size: 11px;
          margin-bottom: 15px;
          margin-top: 0; }
      body div#wrap section#main div.pageBox.capitalMapwrap div.mapBox {
        width: 100%;
        height: 400px;
        margin-bottom: 0; }
        @media screen and (max-width: 767px) {
          body div#wrap section#main div.pageBox.capitalMapwrap div.mapBox {
            height: 300px; } }
    @media screen and (max-width: 767px) {
      body div#wrap section#main div.pageBox {
        padding: 0 0; }
        body div#wrap section#main div.pageBox h2.h2Center, body div#wrap section#main div.pageBox#about p.aboutLead, body div#wrap section#main div.pageBox#can p.aboutLead, body div#wrap section#main div.pageBox#gift p.aboutLead {
          font-size: 20px;
          padding-bottom: 15px;
          margin-bottom: 0;
          padding-top: 15px; }
        body div#wrap section#main div.pageBox#beans h2.h2Center, body div#wrap section#main div.pageBox#beans div.pageBox#about p.aboutLead, body div#wrap section#main div.pageBox#about div.pageBox#beans p.aboutLead, body div#wrap section#main div.pageBox#beans div.pageBox#can p.aboutLead, body div#wrap section#main div.pageBox#can div.pageBox#beans p.aboutLead, body div#wrap section#main div.pageBox#beans div.pageBox#gift p.aboutLead, body div#wrap section#main div.pageBox#gift div.pageBox#beans p.aboutLead {
          background-color: #fff; }
        body div#wrap section#main div.pageBox#beans p.lead {
          margin-top: 20px;
          font-size: 12px;
          text-align: left;
          margin-bottom: 10px; }
        body div#wrap section#main div.pageBox#beans div.row {
          margin-left: 10px;
          margin-right: 10px; }
          body div#wrap section#main div.pageBox#beans div.row div.beansBox {
            border: 1px solid #424242;
            position: relative;
            background-color: #fff;
            margin: 10px 0 10px; }
            body div#wrap section#main div.pageBox#beans div.row div.beansBox:last-child {
              margin-bottom: 30px; }
          body div#wrap section#main div.pageBox#beans div.row h3 {
            border: 1px solid #424242;
            position: absolute;
            left: -10px;
            top: -10px;
            background-color: #fff; }
            body div#wrap section#main div.pageBox#beans div.row h3 img {
              width: 80px;
              height: 80px;
              margin: 5px; }
          body div#wrap section#main div.pageBox#beans div.row dl dt {
            margin-left: 80px;
            margin-top: 15px;
            color: #303336; }
          body div#wrap section#main div.pageBox#beans div.row dl.potBeans dt {
            margin-bottom: 10px;
            padding-bottom: 0; }
            body div#wrap section#main div.pageBox#beans div.row dl.potBeans dt:first-child {
              display: none; }
          body div#wrap section#main div.pageBox#beans div.row dl.potBeans dd {
            margin-left: 80px;
            margin-bottom: 15px; }
            body div#wrap section#main div.pageBox#beans div.row dl.potBeans dd.roasterName {
              margin-top: 15px;
              margin-bottom: 25px; }
        body div#wrap section#main div.pageBox#feature h2.h2Center, body div#wrap section#main div.pageBox#feature div.pageBox#about p.aboutLead, body div#wrap section#main div.pageBox#about div.pageBox#feature p.aboutLead, body div#wrap section#main div.pageBox#feature div.pageBox#can p.aboutLead, body div#wrap section#main div.pageBox#can div.pageBox#feature p.aboutLead, body div#wrap section#main div.pageBox#feature div.pageBox#gift p.aboutLead, body div#wrap section#main div.pageBox#gift div.pageBox#feature p.aboutLead {
          color: #fff;
          background-color: #3db487; }
        body div#wrap section#main div.pageBox#feature div.gosg {
          padding: 15px 15px 15px; }
          body div#wrap section#main div.pageBox#feature div.gosg p span {
            display: none; }
        body div#wrap section#main div.pageBox#feature p.lead {
          margin-top: 15px;
          margin-bottom: 15px; }
        body div#wrap section#main div.pageBox#feature div.youtube-container {
          margin-bottom: 15px; }
        body div#wrap section#main div.pageBox#feature div.col-sm-6 h3 {
          margin-bottom: 15px;
          font-size: 18px; }
          body div#wrap section#main div.pageBox#feature div.col-sm-6 h3 br {
            display: none; }
        body div#wrap section#main div.pageBox#about img.aboutImage {
          margin-bottom: 10px; }
        body div#wrap section#main div.pageBox#about p {
          text-align: left;
          font-size: 12px; }
          body div#wrap section#main div.pageBox#about p br {
            display: none; }
        body div#wrap section#main div.pageBox#about p.aboutLead {
          padding-top: 0;
          font-size: 17px;
          width: 100%;
          text-align: center; }
        body div#wrap section#main div.pageBox#news div.container {
          padding: 15px; }
        body div#wrap section#main div.pageBox.capitalMapwrap {
          text-align: left; }
          body div#wrap section#main div.pageBox.capitalMapwrap p.thelocalInfo {
            margin-bottom: 12px; }
          body div#wrap section#main div.pageBox.capitalMapwrap p.getDirections {
            margin-bottom: 15px; }
        body div#wrap section#main div.pageBox#menu h2.h2Center, body div#wrap section#main div.pageBox#menu div.pageBox#about p.aboutLead, body div#wrap section#main div.pageBox#about div.pageBox#menu p.aboutLead, body div#wrap section#main div.pageBox#menu div.pageBox#can p.aboutLead, body div#wrap section#main div.pageBox#can div.pageBox#menu p.aboutLead, body div#wrap section#main div.pageBox#menu div.pageBox#gift p.aboutLead, body div#wrap section#main div.pageBox#gift div.pageBox#menu p.aboutLead {
          background-color: #282828;
          margin-bottom: 30px; }
        body div#wrap section#main div.pageBox#menu h3 {
          letter-spacing: 0.1em;
          text-align: center;
          font-size: 16px;
          margin-bottom: 30px; }
          body div#wrap section#main div.pageBox#menu h3 span {
            padding: 0 40px;
            position: relative; }
            body div#wrap section#main div.pageBox#menu h3 span:before {
              content: '';
              width: 1em;
              border-top: 1px solid #fff;
              position: absolute;
              margin: 0;
              padding: 0;
              left: -4px;
              top: 45%; }
            body div#wrap section#main div.pageBox#menu h3 span:after {
              content: '';
              width: 1em;
              border-top: 1px solid #fff;
              position: absolute;
              margin: 0;
              padding: 0;
              right: -1px;
              top: 45%; }
        body div#wrap section#main div.pageBox#menu table.menu {
          width: 60%;
          margin: 0 auto 60px;
          font-size: 12px; } }
    @media screen and (max-width: 767px) and (max-width: 990px) {
      body div#wrap section#main div.pageBox#menu table.menu {
        width: 90%; } }
    @media screen and (max-width: 767px) {
          body div#wrap section#main div.pageBox#menu table.menu tr th {
            vertical-align: bottom;
            padding: 4px 0; }
          body div#wrap section#main div.pageBox#menu table.menu tr td {
            text-align: right;
            vertical-align: bottom;
            padding: 4px 0; }
        body div#wrap section#main div.pageBox#contact p.lead {
          margin-top: 15px;
          margin-bottom: 15px; }
        body div#wrap section#main div.pageBox#contact form.wpcf7-form label {
          margin-bottom: 8px;
          font-weight: bold; }
        body div#wrap section#main div.pageBox#contact form.wpcf7-form span.wpcf7-form-control-wrap {
          display: block;
          margin-bottom: 18px; }
          body div#wrap section#main div.pageBox#contact form.wpcf7-form span.wpcf7-form-control-wrap:last-child {
            margin-bottom: 0; }
          body div#wrap section#main div.pageBox#contact form.wpcf7-form span.wpcf7-form-control-wrap.mail input {
            margin-bottom: 18px; }
          body div#wrap section#main div.pageBox#contact form.wpcf7-form span.wpcf7-form-control-wrap input[type=text], body div#wrap section#main div.pageBox#contact form.wpcf7-form span.wpcf7-form-control-wrap input[type=tel], body div#wrap section#main div.pageBox#contact form.wpcf7-form span.wpcf7-form-control-wrap input[type=email] {
            width: 100%;
            padding: 4px 8px;
            border: 1px solid #424242; }
          body div#wrap section#main div.pageBox#contact form.wpcf7-form span.wpcf7-form-control-wrap span.wpcf7-list-item {
            display: block;
            margin-bottom: 8px; }
          body div#wrap section#main div.pageBox#contact form.wpcf7-form span.wpcf7-form-control-wrap input[type=radio] {
            border-radius: 0;
            -webkit-appearance: none; }
          body div#wrap section#main div.pageBox#contact form.wpcf7-form span.wpcf7-form-control-wrap textarea {
            border: 1px solid #424242;
            padding: 4px 8px;
            width: 100%;
            height: 4em;
            border-radius: 0;
            -webkit-appearance: none; }
          body div#wrap section#main div.pageBox#contact form.wpcf7-form span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
            font-weight: bold;
            padding: 8px 0;
            color: #2dd87d; }
        body div#wrap section#main div.pageBox#contact form.wpcf7-form.invalid div.wpcf7-validation-errors {
          border: none;
          clear: both; }
        body div#wrap section#main div.pageBox#contact div.submitArea {
          text-align: center;
          padding: 15px 14px; }
          body div#wrap section#main div.pageBox#contact div.submitArea input[type=submit] {
            border: 2px solid #424242;
            color: #fff;
            font-weight: bold;
            padding: 12px;
            width: 100%;
            background-color: #424242; }
            body div#wrap section#main div.pageBox#contact div.submitArea input[type=submit]:hover {
              -webkit-transition: background-color 0.3s linear;
              background-color: #fff;
              color: #424242; } }
  body div#wrap section#main div.blogWrap {
    background-color: #fff;
    padding-top: 60px; }
    body div#wrap section#main div.blogWrap div.container {
      max-width: 970px; }
    body div#wrap section#main div.blogWrap div.postBody {
      padding-top: 45px;
      margin-bottom: 45px;
      /*YouTube*/ }
      body div#wrap section#main div.blogWrap div.postBody .rwd_embed {
        position: relative;
        margin: 20px 0;
        padding-bottom: 56.25%;
        padding-top: 30px;
        overflow: hidden;
        max-width: 100%;
        height: auto; }
      body div#wrap section#main div.blogWrap div.postBody .rwd_embed iframe, body div#wrap section#main div.blogWrap div.postBody .rwd_embed object, body div#wrap section#main div.blogWrap div.postBody .rwd_embed embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
      body div#wrap section#main div.blogWrap div.postBody div#prev_next {
        clear: both;
        margin: 40px auto; }
        body div#wrap section#main div.blogWrap div.postBody div#prev_next a {
          text-decoration: none;
          display: block; }
          body div#wrap section#main div.blogWrap div.postBody div#prev_next a img {
            max-width: 80px;
            height: auto;
            float: left; }
          body div#wrap section#main div.blogWrap div.postBody div#prev_next a div.prext {
            display: none;
            margin-left: 90px;
            font-size: 11px; }
          body div#wrap section#main div.blogWrap div.postBody div#prev_next a h3 {
            margin-left: 90px;
            font-size: 16px;
            word-break: break-word;
            margin-top: 8px;
            line-height: 1.3; }
          body div#wrap section#main div.blogWrap div.postBody div#prev_next a#prev_article {
            padding-left: 30px; }
          body div#wrap section#main div.blogWrap div.postBody div#prev_next a#next_article {
            padding-right: 30px; }
        @media screen and (max-width: 768px) {
          body div#wrap section#main div.blogWrap div.postBody div#prev_next {
            margin: 0 auto; }
            body div#wrap section#main div.blogWrap div.postBody div#prev_next a {
              padding: 10px;
              margin-bottom: 0; }
              body div#wrap section#main div.blogWrap div.postBody div#prev_next a#prev_article {
                padding-left: 10px;
                border-left: none; }
              body div#wrap section#main div.blogWrap div.postBody div#prev_next a#next_article {
                padding-right: 10px; } }
      body div#wrap section#main div.blogWrap div.postBody div.tempBack {
        padding: 45px 0 15px;
        text-align: center; }
      body div#wrap section#main div.blogWrap div.postBody article div.nocatch {
        margin-bottom: 60px; }
        @media screen and (max-width: 767px) {
          body div#wrap section#main div.blogWrap div.postBody article div.nocatch {
            margin-bottom: 0; } }
      body div#wrap section#main div.blogWrap div.postBody article div.catch img {
        width: 100%;
        margin-bottom: 30px; }
      body div#wrap section#main div.blogWrap div.postBody article h1 {
        margin-top: 0;
        text-align: left;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        font-size: 32px;
        font-weight: bold;
        margin-bottom: 15px;
        color: #303336; }
      body div#wrap section#main div.blogWrap div.postBody article h2 {
        margin-top: 0;
        text-align: left;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 30px;
        color: #303336; }
      body div#wrap section#main div.blogWrap div.postBody article p + h2, body div#wrap section#main div.blogWrap div.postBody article dl + h2, body div#wrap section#main div.blogWrap div.postBody article ul + h2, body div#wrap section#main div.blogWrap div.postBody article ol + h2 {
        margin-top: 30px; }
      body div#wrap section#main div.blogWrap div.postBody article img {
        width: 100%;
        height: auto; }
      body div#wrap section#main div.blogWrap div.postBody article p.date {
        margin-bottom: 10px;
        color: #7a7a7a;
        text-align: right; }
        body div#wrap section#main div.blogWrap div.postBody article p.date span {
          display: none !important; }
      body div#wrap section#main div.blogWrap div.postBody article ul {
        padding-left: 0; }
        body div#wrap section#main div.blogWrap div.postBody article ul li {
          margin-left: 20px; }
      body div#wrap section#main div.blogWrap div.postBody article dl.details dd:last-child {
        margin-bottom: 0.8em; }
      body div#wrap section#main div.blogWrap div.postBody article dl.details dd.sub {
        text-indent: 1em; }
      body div#wrap section#main div.blogWrap div.postBody article dl.details dd + dt {
        margin-top: 0.8em; }
      @media screen and (max-width: 767px) {
        body div#wrap section#main div.blogWrap div.postBody {
          margin-bottom: 0; }
          body div#wrap section#main div.blogWrap div.postBody article h2 {
            margin-bottom: 20px; }
          body div#wrap section#main div.blogWrap div.postBody article p + h2 {
            margin-top: 20px; } }
    body div#wrap section#main div.blogWrap aside {
      margin-bottom: 45px;
      padding-top: 138px; }
      body div#wrap section#main div.blogWrap aside div.sideLock div.fbWrap {
        margin-bottom: 30px; }
      body div#wrap section#main div.blogWrap aside div.sideLock ul.sideBanner {
        padding-left: 0;
        margin-left: 0;
        list-style-type: none; }
        @media screen and (max-width: 989px) and (min-width: 768px) {
          body div#wrap section#main div.blogWrap aside div.sideLock ul.sideBanner {
            display: none; } }
        body div#wrap section#main div.blogWrap aside div.sideLock ul.sideBanner li {
          margin-bottom: 10px; }
          body div#wrap section#main div.blogWrap aside div.sideLock ul.sideBanner li img {
            width: 100%;
            max-width: 300px; }
          body div#wrap section#main div.blogWrap aside div.sideLock ul.sideBanner li:last-child {
            margin-bottom: 0; }
        @media screen and (max-width: 767px) {
          body div#wrap section#main div.blogWrap aside div.sideLock ul.sideBanner li {
            text-align: center; }
            body div#wrap section#main div.blogWrap aside div.sideLock ul.sideBanner li img {
              margin: 0 auto;
              max-width: 300px; } }
      body div#wrap section#main div.blogWrap aside h3 {
        margin-top: 0;
        text-align: left;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 40px;
        color: #303336; }
      body div#wrap section#main div.blogWrap aside div.media {
        margin-top: 0;
        border-bottom: 1px dotted #f2f2f1;
        margin-bottom: 20px;
        padding-bottom: 20px; }
        body div#wrap section#main div.blogWrap aside div.media a {
          color: #424242; }
        body div#wrap section#main div.blogWrap aside div.media a.pull-left img {
          width: 80px;
          height: auto; }
        body div#wrap section#main div.blogWrap aside div.media dl.media-body {
          margin-bottom: 0; }
          body div#wrap section#main div.blogWrap aside div.media dl.media-body dt.media-heading {
            font-size: 16px;
            font-weight: bold; }
          body div#wrap section#main div.blogWrap aside div.media dl.media-body dd.media-excerpt {
            font-size: 11px;
            line-height: 1.2; }
      @media screen and (max-width: 767px) {
        body div#wrap section#main div.blogWrap aside {
          margin-bottom: 0;
          padding-top: 0;
          border-bottom: 1px solid #fff; }
          body div#wrap section#main div.blogWrap aside h3 {
            text-align: center;
            background-color: #303336;
            color: #fff;
            margin: 0;
            padding: 10px 0; }
          body div#wrap section#main div.blogWrap aside div.sideLock {
            margin: 0 -15px 0;
            padding: 15px 0 0; }
            body div#wrap section#main div.blogWrap aside div.sideLock div.fbWrap {
              padding: 15px;
              text-align: center;
              margin-bottom: 0; }
            body div#wrap section#main div.blogWrap aside div.sideLock ul.sideBanner {
              margin-bottom: 0;
              padding-top: 30px;
              padding-bottom: 30px;
              background-color: #f2f2f1; }
              body div#wrap section#main div.blogWrap aside div.sideLock ul.sideBanner li:last-child {
                margin-bottom: 0; }
          body div#wrap section#main div.blogWrap aside div.media {
            width: 100%;
            padding: 15px;
            margin-bottom: 0;
            border-bottom: dotted #7a7a7a 1px; } }
  body div#wrap section#main section#wrapPot div.pageBox {
    background-color: #fff;
    padding: 45px 0; }
    body div#wrap section#main section#wrapPot div.pageBox#beans {
      background-image: url(img/bg_potservice3.jpg);
      background-attachment: fixed;
      background-position: center top; }
      @media screen and (max-width: 767px) {
        body div#wrap section#main section#wrapPot div.pageBox#beans {
          background-attachment: scroll;
          padding-top: 0;
          padding-bottom: 0; }
          body div#wrap section#main section#wrapPot div.pageBox#beans h2.h2Center, body div#wrap section#main section#wrapPot div.pageBox#beans div.pageBox#about p.aboutLead, body div#wrap section#main div.pageBox#about section#wrapPot div.pageBox#beans p.aboutLead, body div#wrap section#main section#wrapPot div.pageBox#beans div.pageBox#can p.aboutLead, body div#wrap section#main div.pageBox#can section#wrapPot div.pageBox#beans p.aboutLead, body div#wrap section#main section#wrapPot div.pageBox#beans div.pageBox#gift p.aboutLead, body div#wrap section#main div.pageBox#gift section#wrapPot div.pageBox#beans p.aboutLead {
            background-color: #424242;
            color: #fff; } }
    body div#wrap section#main section#wrapPot div.pageBox#potservice {
      padding-bottom: 0; }
    body div#wrap section#main section#wrapPot div.pageBox#potservice2 {
      padding-top: 0;
      padding-bottom: 0;
      border-top: 1px dotted #7a7a7a;
      border-bottom: 1px dotted #7a7a7a; }
      body div#wrap section#main section#wrapPot div.pageBox#potservice2 div.col-12 {
        padding-top: 60px;
        padding-bottom: 60px; }
        body div#wrap section#main section#wrapPot div.pageBox#potservice2 div.col-12 h3 {
          text-align: center;
          max-width: 640px;
          color: #303336;
          font-weight: bold;
          font-size: 24px;
          margin: 0 auto 30px; }
        body div#wrap section#main section#wrapPot div.pageBox#potservice2 div.col-12 div.row {
          margin-left: 0;
          margin-right: 0; }
          body div#wrap section#main section#wrapPot div.pageBox#potservice2 div.col-12 div.row.appLink {
            padding: 30px 0 10px; }
        body div#wrap section#main section#wrapPot div.pageBox#potservice2 div.col-12 p.potTel {
          margin-top: 70px;
          text-align: center; }
          @media screen and (min-width: 768px) {
            body div#wrap section#main section#wrapPot div.pageBox#potservice2 div.col-12 p.potTel a.btn-ghostBlack {
              background-color: #424242;
              color: #fff;
              font-size: 18px; } }
        body div#wrap section#main section#wrapPot div.pageBox#potservice2 div.col-12 ol.potFlow {
          margin: 0 auto 30px;
          max-width: 640px;
          padding-left: 0;
          list-style-type: none; }
          body div#wrap section#main section#wrapPot div.pageBox#potservice2 div.col-12 ol.potFlow li {
            padding-left: 0;
            margin-left: 0;
            margin-bottom: 1.5em; }
            body div#wrap section#main section#wrapPot div.pageBox#potservice2 div.col-12 ol.potFlow li span {
              display: block;
              font-weight: bold;
              font-size: 16px;
              color: #303336;
              margin-bottom: 0.5em; }
    body div#wrap section#main section#wrapPot div.pageBox div.potOverview {
      margin-bottom: 0px; }
    body div#wrap section#main section#wrapPot div.pageBox p.lead {
      text-align: center;
      color: #50565A;
      margin-bottom: 60px; }
    body div#wrap section#main section#wrapPot div.pageBox div.potserviceDetail div.col-12 dl.potDetail {
      margin-bottom: 30px; }
      body div#wrap section#main section#wrapPot div.pageBox div.potserviceDetail div.col-12 dl.potDetail dt {
        font-weight: bold;
        font-size: 16px;
        color: #303336;
        margin-bottom: 0.7em;
        margin-top: 30px; }
      body div#wrap section#main section#wrapPot div.pageBox div.potserviceDetail div.col-12 dl.potDetail dd {
        margin-bottom: 0.5em; }
        body div#wrap section#main section#wrapPot div.pageBox div.potserviceDetail div.col-12 dl.potDetail dd.area {
          font-size: 12px;
          margin-left: 5em; }
          body div#wrap section#main section#wrapPot div.pageBox div.potserviceDetail div.col-12 dl.potDetail dd.area span {
            color: #303336;
            display: block;
            float: left;
            font-weight: bold;
            margin-bottom: 0.5em;
            margin-left: -5em; }
    body div#wrap section#main section#wrapPot div.pageBox div.potserviceDetail div.flowImg {
      max-width: 480px;
      margin: 0 auto 30px; }
      body div#wrap section#main section#wrapPot div.pageBox div.potserviceDetail div.flowImg img {
        width: 100%; }
    @media screen and (max-width: 767px) {
      body div#wrap section#main section#wrapPot div.pageBox#potservice {
        padding-top: 0; }
      body div#wrap section#main section#wrapPot div.pageBox#potservice2 {
        padding: 0; }
        body div#wrap section#main section#wrapPot div.pageBox#potservice2 div.potserviceDetail {
          border-top: none;
          border-bottom: none; }
          body div#wrap section#main section#wrapPot div.pageBox#potservice2 div.potserviceDetail div.flowImg {
            max-width: none;
            margin: 0 -15px 30px; }
            body div#wrap section#main section#wrapPot div.pageBox#potservice2 div.potserviceDetail div.flowImg img {
              width: 100%; }
          body div#wrap section#main section#wrapPot div.pageBox#potservice2 div.potserviceDetail div.col-12 {
            padding: 0px 15px 15px; }
            body div#wrap section#main section#wrapPot div.pageBox#potservice2 div.potserviceDetail div.col-12:last-child {
              border-left: 1px dotted #7a7a7a; }
            body div#wrap section#main section#wrapPot div.pageBox#potservice2 div.potserviceDetail div.col-12 h3 {
              background-color: #424242;
              padding: 10px 0;
              display: block;
              color: #fff;
              font-weight: bold;
              font-size: 16px;
              margin: 0 -15px 0px;
              text-align: center;
              max-width: none; }
            body div#wrap section#main section#wrapPot div.pageBox#potservice2 div.potserviceDetail div.col-12 div.row {
              margin-left: 0;
              margin-right: 0; }
              body div#wrap section#main section#wrapPot div.pageBox#potservice2 div.potserviceDetail div.col-12 div.row.appLink {
                padding: 0px 0 10px; }
            body div#wrap section#main section#wrapPot div.pageBox#potservice2 div.potserviceDetail div.col-12 p.potTel {
              margin-top: 30px;
              margin-bottom: 0;
              text-align: center; } }
        @media screen and (max-width: 767px) and (min-width: 768px) {
          body div#wrap section#main section#wrapPot div.pageBox#potservice2 div.potserviceDetail div.col-12 p.potTel a.btn-ghostBlack {
            background-color: #424242;
            color: #fff;
            font-size: 18px; } }
        @media screen and (max-width: 767px) and (max-width: 767px) {
          body div#wrap section#main section#wrapPot div.pageBox#potservice2 div.potserviceDetail div.col-12 p.potTel a.btn-ghostBlack {
            width: 100%;
            display: block; } }
    @media screen and (max-width: 767px) {
            body div#wrap section#main section#wrapPot div.pageBox#potservice2 div.potserviceDetail div.col-12 ol.potFlow {
              margin: 0 auto 30px;
              max-width: 480px;
              padding-left: 0;
              list-style-type: none; }
              body div#wrap section#main section#wrapPot div.pageBox#potservice2 div.potserviceDetail div.col-12 ol.potFlow li {
                padding-left: 0;
                margin-left: 0;
                margin-bottom: 0.5em; }
                body div#wrap section#main section#wrapPot div.pageBox#potservice2 div.potserviceDetail div.col-12 ol.potFlow li span {
                  display: block;
                  font-weight: bold;
                  font-size: 16px;
                  color: #303336;
                  margin-bottom: 0.5em; }
        body div#wrap section#main section#wrapPot div.pageBox#potservice2 div.col-12 {
          padding-top: 0;
          padding-bottom: 15px; }
      body div#wrap section#main section#wrapPot div.pageBox p.lead {
        margin-bottom: 10px; }
      body div#wrap section#main section#wrapPot div.pageBox img.potImage {
        margin: 0 auto 15px; }
      body div#wrap section#main section#wrapPot div.pageBox dl.potDetail {
        margin-bottom: 20px; }
        body div#wrap section#main section#wrapPot div.pageBox dl.potDetail dt {
          margin-top: 0;
          padding: 10px 15px;
          background-color: #f2f2f1;
          margin: 0 -15px 10px; }
      body div#wrap section#main section#wrapPot div.pageBox div.potOverview {
        margin-bottom: 0px; } }
  body[class*=page-] div#wrap header .navbar-brand h1 img {
    display: inline !important; }
  body[class*=page-] div#wrap header nav.navbar {
    background-color: rgba(0, 0, 0, 0.9); }
    body[class*=page-] div#wrap header nav.navbar ul#gnav li a {
      color: rgba(255, 255, 255, 0.6); }
    body[class*=page-] div#wrap header nav.navbar ul#gnav li.active a {
      color: #fff; }
  body[class*=page-] div#snsButtons {
    position: fixed;
    right: 30px;
    top: 50%; }
    body[class*=page-] div#snsButtons ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      right: 20px; }
      body[class*=page-] div#snsButtons ul li a {
        color: rgba(0, 0, 0, 0.7) !important;
        font-size: 24px; }
    body[class*=page-] div#snsButtons.navanimeOn ul li a {
      transition: color 0.3s linear;
      color: rgba(0, 0, 0, 0.7); }
    @media screen and (max-width: 767px) {
      body[class*=page-] div#snsButtons {
        right: 10px;
        bottom: 5px;
        top: auto; } }
  body.page-singlepage-other div#wrap section#main div.pageBox#sponsored {
    background-color: #fff; }
  body.page-bento-jp div#wrap section#main div#pageVisual.page-bento-jp {
    background-color: #e95817; }
    body.page-bento-jp div#wrap section#main div#pageVisual.page-bento-jp h1.h1Center {
      color: #fff; }
  body.page-other div#wrap section#main div.pageBox#blog {
    padding-bottom: 45px;
    padding-top: 30px; }
    @media screen and (max-width: 767px) {
      body.page-other div#wrap section#main div.pageBox#blog {
        padding: 0; } }

button.navbar-toggle.navbar-lool-toggle.collapsed {
  border: none; }

.navbar-default .navbar-toggle {
  border: none; }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff; }

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  background-color: transparent; }

.navbar-toggle {
  margin-right: 5px;
  margin-top: 15px; }

div#overLay {
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed;
  z-index: 1000000;
  display: none; }
  div#overLay .navbar-toggle {
    font-size: 26px;
    margin-right: 0px;
    padding-top: 0px;
    color: #fff !important;
    right: 22px;
    position: absolute;
    top: -1px; }
  div#overLay ul {
    display: block;
    margin-top: 70px;
    padding: 0;
    margin-left: 0;
    text-align: center; }
    div#overLay ul li {
      list-style-type: none;
      width: 100%; }
      div#overLay ul li a {
        display: block;
        padding: 20px 12px;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: bold;
        color: #fff; }

1
.grecaptcha-badge {
  visibility: hidden; }