/* line 2, wood.scss */
.sp_only {
  display: none; }

/* line 5, wood.scss */
.pc_only {
  display: inherit; }

/* line 9, wood.scss */
.flex_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

/* line 33, wood.scss */
.mainimg {
  margin-bottom: 50px; }
  /* line 35, wood.scss */
  .mainimg img {
    width: 100%; }

/* line 40, wood.scss */
#contents {
  font-family: 'Koburina Gothic W3 JIS2004';
  color: #393939; }
  /* line 43, wood.scss */
  #contents .interview_title {
    font-family: 'A1 Gothic M';
    text-align: center;
    margin-bottom: 30px;
    color: #8EB774;
    position: relative; }
    /* line 49, wood.scss */
    #contents .interview_title .main_title {
      font-size: 38px;
      letter-spacing: 0.15em; }
    /* line 53, wood.scss */
    #contents .interview_title .mini_txt {
      font-size: 15px;
      margin-top: -30px; }
    /* line 57, wood.scss */
    #contents .interview_title .position_design {
      position: absolute;
      width: 30%;
      max-width: 150px;
      top: -40px;
      margin: 0; }
      /* line 63, wood.scss */
      #contents .interview_title .position_design.po_01 {
        left: 0; }
      /* line 66, wood.scss */
      #contents .interview_title .position_design.po_02 {
        right: 0; }
  /* line 71, wood.scss */
  #contents .interview {
    margin-bottom: 50px; }
    /* line 73, wood.scss */
    #contents .interview .left_box {
      flex: 40%;
      width: 40%;
      max-width: 40%; }
      /* line 78, wood.scss */
      #contents .interview .left_box .flex_wrap .img {
        flex: 100%;
        width: 100%;
        max-width: 100%;
        text-align: center;
        margin-bottom: 10px; }
        /* line 84, wood.scss */
        #contents .interview .left_box .flex_wrap .img img {
          width: 100%; }
      /* line 88, wood.scss */
      #contents .interview .left_box .flex_wrap .name_box {
        flex: 100%;
        width: 100%;
        max-width: 100%;
        letter-spacing: 0.1em; }
        /* line 93, wood.scss */
        #contents .interview .left_box .flex_wrap .name_box .en_name {
          font-size: 13px;
          color: #8EB774;
          margin-bottom: -8px;
          font-family: 'Koburina Gothic W6 JIS2004'; }
        /* line 99, wood.scss */
        #contents .interview .left_box .flex_wrap .name_box .jp_name {
          font-size: 18px;
          color: #8EB774;
          font-family: 'Koburina Gothic W6 JIS2004';
          margin-bottom: 5px; }
          /* line 104, wood.scss */
          #contents .interview .left_box .flex_wrap .name_box .jp_name span {
            font-family: 'Koburina Gothic W6 JIS2004';
            padding-left: 5px;
            font-size: 15px; }
      /* line 112, wood.scss */
      #contents .interview .left_box .man_history {
        letter-spacing: normal;
        font-size: 13px;
        text-align: justify;
        margin-bottom: 30px; }
      /* line 119, wood.scss */
      #contents .interview .left_box .flex_wrap .img_box {
        flex: 0 1 48%;
        width: 48%;
        max-width: 48%; }
        /* line 123, wood.scss */
        #contents .interview .left_box .flex_wrap .img_box img {
          width: 100%; }
    /* line 129, wood.scss */
    #contents .interview .right_box {
      flex: 0 1 55%;
      width: 55%;
      max-width: 55%; }
      /* line 133, wood.scss */
      #contents .interview .right_box .interview_title {
        color: #393939;
        text-align: left;
        font-size: 18px;
        letter-spacing: 0.1rem;
        font-family: 'Koburina Gothic W6 JIS2004';
        margin-bottom: 20px; }
      /* line 141, wood.scss */
      #contents .interview .right_box .interview_txt {
        text-align: justify;
        font-size: 15px;
        letter-spacing: normal;
        margin-bottom: 25px !important;
        line-height: 1.8 !important; }
  /* line 150, wood.scss */
  #contents #eat {
    width: 100%; }
    /* line 152, wood.scss */
    #contents #eat .eat_title {
      position: relative;
      margin-bottom: 10px; }
      /* line 155, wood.scss */
      #contents #eat .eat_title .title_box {
        margin: 0 auto;
        width: 60%;
        max-width: 540px; }
      /* line 160, wood.scss */
      #contents #eat .eat_title .position_design {
        position: absolute;
        width: 30%;
        max-width: 190px;
        top: -30px; }
        /* line 165, wood.scss */
        #contents #eat .eat_title .position_design.po_01 {
          left: 30px;
          z-index: -1; }
        /* line 169, wood.scss */
        #contents #eat .eat_title .position_design.po_02 {
          right: -25px; }
    /* line 174, wood.scss */
    #contents #eat .eat_txt {
      text-align: center;
      font-family: 'Koburina Gothic W6 JIS2004';
      font-size: 15px;
      margin-bottom: 40px; }
    /* line 180, wood.scss */
    #contents #eat .eat_contents {
      margin-bottom: 10px; }
      /* line 182, wood.scss */
      #contents #eat .eat_contents .eat_contents_title_en {
        text-align: left;
        font-size: 24px;
        font-family: 'Koburina Gothic W6 JIS2004';
        margin-bottom: 0;
        color: #8EB774; }
      /* line 189, wood.scss */
      #contents #eat .eat_contents .eat_contents_title_jp {
        text-align: left;
        font-size: 13px;
        font-family: 'Koburina Gothic W6 JIS2004';
        margin-bottom: 10px;
        color: #8EB774; }
    /* line 197, wood.scss */
    #contents #eat .flex_wrap {
      margin-bottom: 5px; }
      /* line 199, wood.scss */
      #contents #eat .flex_wrap .left_img {
        flex: 0 1 66.3%;
        width: 66.3%;
        max-width: 66.3%; }
      /* line 204, wood.scss */
      #contents #eat .flex_wrap .right_img {
        flex: 0 1 32%;
        width: 32%;
        max-width: 32%; }
        /* line 208, wood.scss */
        #contents #eat .flex_wrap .right_img .top_img {
          margin-bottom: 14px; }
    /* line 213, wood.scss */
    #contents #eat .shop_contents {
      font-size: 13px;
      color: #666666;
      margin-bottom: 30px; }
    /* line 219, wood.scss */
    #contents #eat .shop_txt_wrap .shop_contents_title {
      font-size: 15px;
      font-family: 'Koburina Gothic W6 JIS2004';
      margin-bottom: 10px; }
    /* line 224, wood.scss */
    #contents #eat .shop_txt_wrap .shop_txt {
      text-align: justify;
      font-size: 15px; }
    /* line 229, wood.scss */
    #contents #eat .shop_detail {
      margin-bottom: 80px;
      border-top: solid 1px #707070;
      border-bottom: solid 1px #707070;
      padding: 25px 20px; }
      /* line 235, wood.scss */
      #contents #eat .shop_detail .flex_wrap .detail_txt_wrap {
        flex: 0 1 48%;
        width: 48%;
        max-width: 48%; }
        /* line 239, wood.scss */
        #contents #eat .shop_detail .flex_wrap .detail_txt_wrap .shop_name_en {
          font-size: 15px;
          margin-bottom: -5px;
          font-family: 'Koburina Gothic W6 JIS2004'; }
        /* line 244, wood.scss */
        #contents #eat .shop_detail .flex_wrap .detail_txt_wrap .shop_name_jp {
          font-size: 13px;
          margin-bottom: 10px;
          font-family: 'Koburina Gothic W6 JIS2004'; }
        /* line 249, wood.scss */
        #contents #eat .shop_detail .flex_wrap .detail_txt_wrap .flex_wrap {
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
          justify-content: flex-start; }
          /* line 254, wood.scss */
          #contents #eat .shop_detail .flex_wrap .detail_txt_wrap .flex_wrap .left_box {
            flex: 0 1 25%;
            width: 25%;
            max-width: 25%;
            font-family: 'Koburina Gothic W6 JIS2004';
            font-size: 13px;
            padding: 0 0 4px; }
          /* line 262, wood.scss */
          #contents #eat .shop_detail .flex_wrap .detail_txt_wrap .flex_wrap .right_box {
            flex: 0 1 75%;
            width: 75%;
            max-width: 75%;
            font-size: 13px;
            word-wrap: break-word; }
            /* line 268, wood.scss */
            #contents #eat .shop_detail .flex_wrap .detail_txt_wrap .flex_wrap .right_box a {
              color: #666666; }
              /* line 270, wood.scss */
              #contents #eat .shop_detail .flex_wrap .detail_txt_wrap .flex_wrap .right_box a i {
                padding-left: 5px; }
      /* line 277, wood.scss */
      #contents #eat .shop_detail .flex_wrap .map_box {
        flex: 0 1 48%;
        width: 48%;
        max-width: 48%; }
        /* line 281, wood.scss */
        #contents #eat .shop_detail .flex_wrap .map_box iframe {
          width: 100%;
          height: 100%; }

/* line 293, wood.scss */
.category_btn {
  margin: 0 !important;
  list-style: none !important;
  width: 100%; }
  /* line 297, wood.scss */
  .category_btn .move_btn {
    font-size: 18px;
    flex: 0 1 19%;
    width: 19%;
    max-width: 19%;
    position: relative;
    overflow: hidden;
    transition: .3s; }
    /* line 305, wood.scss */
    .category_btn .move_btn a {
      display: block;
      color: #fff;
      text-align: center;
      padding: 5px 0;
      font-family: 'Koburina Gothic W6 JIS2004'; }
    /* line 312, wood.scss */
    .category_btn .move_btn.sea {
      background: #53B3D8; }
    /* line 315, wood.scss */
    .category_btn .move_btn.woods {
      background: #8EB774; }
    /* line 318, wood.scss */
    .category_btn .move_btn.tea {
      background: #5EBA78; }
    /* line 321, wood.scss */
    .category_btn .move_btn.bamboo {
      background: #ADD77A; }
    /* line 324, wood.scss */
    .category_btn .move_btn.top {
      background: #D9688F; }
    /* line 327, wood.scss */
    .category_btn .move_btn:hover {
      opacity: 0.7;
      transition: .3s; }
      /* line 330, wood.scss */
      .category_btn .move_btn:hover a {
        text-decoration: none;
        color: #fff; }
    /* line 335, wood.scss */
    .category_btn .move_btn:after {
      position: absolute;
      content: "";
      width: 8px;
      height: 8px;
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
      top: 28%;
      right: 15px;
      transform: rotate(135deg) translate(0, -50%); }

@media screen and (max-width: 768px) {
  /* line 352, wood.scss */
  .sp_only {
    display: inherit; }

  /* line 355, wood.scss */
  .pc_only {
    display: none; }

  /* line 360, wood.scss */
  .mainimg {
    margin-bottom: 80px; }

  /* line 366, wood.scss */
  #contents .interview_title .main_title {
    font-size: 24px; }
  /* line 369, wood.scss */
  #contents .interview_title .mini_txt {
    font-size: 13px;
    margin-top: -25px; }
  /* line 373, wood.scss */
  #contents .interview_title .position_design {
    width: 100%;
    max-width: 80px; }
    /* line 376, wood.scss */
    #contents .interview_title .position_design.po_02 {
      top: auto;
      bottom: 0; }
  /* line 382, wood.scss */
  #contents .interview {
    margin-bottom: 80px; }
    /* line 384, wood.scss */
    #contents .interview .left_box {
      flex: 100%;
      width: 100%;
      max-width: 100%;
      margin-bottom: 40px; }
      /* line 389, wood.scss */
      #contents .interview .left_box .flex_wrap {
        align-items: center;
        -ms-align-items: center;
        -webkit-align-items: center;
        margin-bottom: 10px; }
        /* line 394, wood.scss */
        #contents .interview .left_box .flex_wrap .img {
          flex: 0 1 48%;
          width: 48%;
          max-width: 48%;
          margin-bottom: 0; }
        /* line 400, wood.scss */
        #contents .interview .left_box .flex_wrap .name_box {
          flex: 0 1 48%;
          width: 48%;
          max-width: 48%;
          margin-bottom: 0; }
      /* line 407, wood.scss */
      #contents .interview .left_box .man_history {
        margin-bottom: 30px; }
    /* line 411, wood.scss */
    #contents .interview .right_box {
      flex: 0 1 100%;
      width: 100%;
      max-width: 100%; }
      /* line 415, wood.scss */
      #contents .interview .right_box .interview_title {
        font-size: 16px;
        margin-bottom: 10px; }
      /* line 419, wood.scss */
      #contents .interview .right_box .interview_txt {
        font-size: 13px; }
  /* line 425, wood.scss */
  #contents #eat .eat_title {
    margin-bottom: 5px; }
    /* line 427, wood.scss */
    #contents #eat .eat_title .title_box {
      margin: 0 auto;
      width: 100%;
      max-width: 100%;
      margin-bottom: 50px; }
      /* line 432, wood.scss */
      #contents #eat .eat_title .title_box img {
        width: 100%; }
    /* line 436, wood.scss */
    #contents #eat .eat_title .position_design {
      width: 100%;
      max-width: 80px; }
      /* line 439, wood.scss */
      #contents #eat .eat_title .position_design.po_01 {
        top: -30px;
        left: 0; }
      /* line 443, wood.scss */
      #contents #eat .eat_title .position_design.po_02 {
        top: auto;
        bottom: -50px;
        right: 0; }
  /* line 450, wood.scss */
  #contents #eat .eat_txt {
    font-size: 13px; }
  /* line 453, wood.scss */
  #contents #eat .eat_contents {
    margin-bottom: 10px; }
    /* line 455, wood.scss */
    #contents #eat .eat_contents .eat_contents_title_en {
      font-size: 18px; }
    /* line 458, wood.scss */
    #contents #eat .eat_contents .eat_contents_title_jp {
      font-size: 12px; }
  /* line 462, wood.scss */
  #contents #eat .flex_wrap {
    margin-bottom: 5px; }
    /* line 464, wood.scss */
    #contents #eat .flex_wrap .left_img {
      flex: 100%;
      width: 100%;
      max-width: 100%;
      margin-bottom: 10px; }
    /* line 470, wood.scss */
    #contents #eat .flex_wrap .right_img {
      flex: 0 1 100%;
      width: 100%;
      max-width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      /* line 494, wood.scss */
      #contents #eat .flex_wrap .right_img div {
        flex: 0 1 48.5%;
        width: 48.5%;
        max-width: 48.5%; }
      /* line 499, wood.scss */
      #contents #eat .flex_wrap .right_img .top_img {
        margin-bottom: 0; }
  /* line 504, wood.scss */
  #contents #eat .shop_contents {
    font-size: 12px; }
  /* line 508, wood.scss */
  #contents #eat .shop_txt_wrap .shop_txt {
    font-size: 13px; }
  /* line 512, wood.scss */
  #contents #eat .shop_detail {
    margin-bottom: 80px;
    padding: 15px 10px; }
    /* line 516, wood.scss */
    #contents #eat .shop_detail .flex_wrap .detail_txt_wrap {
      flex: 0 1 100%;
      width: 100%;
      max-width: 100%;
      margin-bottom: 20px; }
      /* line 521, wood.scss */
      #contents #eat .shop_detail .flex_wrap .detail_txt_wrap .flex_wrap {
        margin-bottom: 0; }
        /* line 523, wood.scss */
        #contents #eat .shop_detail .flex_wrap .detail_txt_wrap .flex_wrap .left_box {
          font-size: 13px;
          margin-bottom: 0; }
        /* line 527, wood.scss */
        #contents #eat .shop_detail .flex_wrap .detail_txt_wrap .flex_wrap .right_box {
          flex: 0 1 75%;
          width: 75%;
          max-width: 75%;
          margin-bottom: 0; }
    /* line 535, wood.scss */
    #contents #eat .shop_detail .flex_wrap .map_box {
      flex: 0 1 100%;
      width: 100%;
      max-width: 100%; }
      /* line 539, wood.scss */
      #contents #eat .shop_detail .flex_wrap .map_box iframe {
        height: 180px; }

  /* line 549, wood.scss */
  .category_btn {
    width: 100vw;
    margin: 0 calc(50% - 50vw) !important; }
    /* line 552, wood.scss */
    .category_btn .move_btn {
      font-size: 14px;
      flex: 0 1 100%;
      width: 100%;
      max-width: 100%; }
      /* line 557, wood.scss */
      .category_btn .move_btn a {
        padding: 10px 0; } }

/*# sourceMappingURL=wood.css.map */
