@charset "UTF-8";
#page .inner {
  max-width: 1280px;
  margin: 0 auto;
  padding-top: 5em;
  padding-bottom: 5em; }
  #page .inner .titleBox {
    margin-bottom: 3em; }
    #page .inner .titleBox h2,
    #page .inner .titleBox .desc {
      line-height: 1.5em; }
    #page .inner .titleBox h2 {
      font-size: 240%;
      font-weight: 600; }
    #page .inner .titleBox .desc {
      font-weight: 500; }
#page.howtoeat .note {
  font-size: 80%;
  line-height: 1.5em; }
#page.howtoeat .contentWrap .main {
  background: no-repeat url("../images/howto/howto_bg.jpg") 50% 50%;
  background-size: cover;
  padding: 7.5em 5vw; }
  #page.howtoeat .contentWrap .main .titleBox {
    color: #FFF;
    margin-bottom: 3em; }
    #page.howtoeat .contentWrap .main .titleBox h2,
    #page.howtoeat .contentWrap .main .titleBox .desc {
      line-height: 1.5em; }
    #page.howtoeat .contentWrap .main .titleBox h2 {
      font-size: 240%;
      font-weight: 600; }
    #page.howtoeat .contentWrap .main .titleBox .desc {
      font-weight: 500; }
#page.howtoeat .contentWrap .about .titleBox {
  text-align: center; }
#page.howtoeat .contentWrap .about .cont01 {
  margin-bottom: 6em; }
#page.howtoeat .contentWrap .about .content h2.title {
  font-size: 200%;
  font-weight: 600;
  margin-bottom: 2em;
  text-align: center; }
#page.howtoeat .contentWrap .about .content .box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4em; }
  #page.howtoeat .contentWrap .about .content .box:last-child {
    margin-bottom: 0; }
  #page.howtoeat .contentWrap .about .content .box .txtBox {
    width: 50%; }
    #page.howtoeat .contentWrap .about .content .box .txtBox h3 {
      font-size: 150%;
      font-weight: 600;
      margin-bottom: 1em; }
    #page.howtoeat .contentWrap .about .content .box .txtBox p {
      margin-bottom: 1em; }
      #page.howtoeat .contentWrap .about .content .box .txtBox p:last-child {
        margin-bottom: 0; }
  #page.howtoeat .contentWrap .about .content .box .imgBox {
    width: 45%; }
    #page.howtoeat .contentWrap .about .content .box .imgBox .note {
      margin-top: 1em;
      text-align: right; }
  #page.howtoeat .contentWrap .about .content .box.rev .txtBox {
    order: 2; }
  #page.howtoeat .contentWrap .about .content .box.rev .imgBox {
    order: 1; }
#page.howtoeat .contentWrap .about .content ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  #page.howtoeat .contentWrap .about .content ul li {
    border: 2px solid #009040;
    border-radius: 100vh;
    box-sizing: border-box;
    color: #009040;
    display: block;
    font-weight: 500;
    margin: 0 1.333% 1em;
    padding: 1em;
    text-align: center;
    width: 23%; }
    #page.howtoeat .contentWrap .about .content ul li:first-child {
      margin-left: 0; }
    #page.howtoeat .contentWrap .about .content ul li:nth-child(4n) {
      margin-right: 0; }
    #page.howtoeat .contentWrap .about .content ul li:nth-child(5n) {
      margin-left: 0; }
#page.howtoeat .contentWrap .recipe .main {
  background: no-repeat url("../images/howto/recipe_bg.jpg") 50% 50%;
  background-size: cover;
  color: #FFF;
  position: relative;
  z-index: 0; }
  #page.howtoeat .contentWrap .recipe .main::after {
    background: rgba(0, 0, 0, 0.5);
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; }
  #page.howtoeat .contentWrap .recipe .main .inner {
    padding: 0;
    text-align: center; }
#page.howtoeat .contentWrap .recipe .cont01,
#page.howtoeat .contentWrap .recipe .cont03 {
  background: #eceae4; }
#page.howtoeat .contentWrap .recipe .itemBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4em; }
  #page.howtoeat .contentWrap .recipe .itemBox .txtBox {
    width: 50%; }
    #page.howtoeat .contentWrap .recipe .itemBox .txtBox h3 {
      font-size: 150%;
      font-weight: 600;
      margin-bottom: 1em; }
    #page.howtoeat .contentWrap .recipe .itemBox .txtBox p {
      margin-bottom: 1em; }
      #page.howtoeat .contentWrap .recipe .itemBox .txtBox p:last-child {
        margin-bottom: 0; }
  #page.howtoeat .contentWrap .recipe .itemBox .imgBox {
    width: 45%; }
  #page.howtoeat .contentWrap .recipe .itemBox.rev .txtBox {
    order: 2; }
  #page.howtoeat .contentWrap .recipe .itemBox.rev .imgBox {
    order: 1; }
#page.howtoeat .contentWrap .recipe .recipeList h3.title {
  color: #009040;
  font-size: 120%;
  font-weight: 600;
  margin-bottom: 1em;
  text-align: center; }
#page.howtoeat .contentWrap .recipe .recipeList ul {
  background: #FFF;
  border-radius: 0.2em;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 4em;
  padding: 1em 1em 0; }
  #page.howtoeat .contentWrap .recipe .recipeList ul li {
    box-sizing: border-box;
    color: #009040;
    display: block;
    line-height: 1.5em;
    margin: 0 0 1em;
    padding: 0 1em 0 1.25em;
    position: relative;
    width: 25%; }
    #page.howtoeat .contentWrap .recipe .recipeList ul li::before {
      content: '・';
      display: block;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%); }
    #page.howtoeat .contentWrap .recipe .recipeList ul li h3 {
      font-size: 90%;
      font-weight: 500; }
    #page.howtoeat .contentWrap .recipe .recipeList ul li p {
      font-size: 80%; }
#page.howtoeat .contentWrap .recipe .cont01 .recipeList ul {
  margin-bottom: 0; }
#page.howtoeat .contentWrap .recipe .cont02 .recipebox,
#page.howtoeat .contentWrap .recipe .cont03 .recipebox {
  background: #eceae4;
  border-radius: 0.2em;
  margin-bottom: 4em;
  padding: 2em; }
  #page.howtoeat .contentWrap .recipe .cont02 .recipebox h3.title,
  #page.howtoeat .contentWrap .recipe .cont03 .recipebox h3.title {
    background: #009040;
    border-radius: 100vh;
    box-sizing: border-box;
    color: #FFF;
    font-size: 120%;
    font-weight: 600;
    margin-bottom: 2em;
    padding: 0.5em;
    text-align: center;
    width: 100%; }
  #page.howtoeat .contentWrap .recipe .cont02 .recipebox .box,
  #page.howtoeat .contentWrap .recipe .cont03 .recipebox .box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4em; }
    #page.howtoeat .contentWrap .recipe .cont02 .recipebox .box:last-child,
    #page.howtoeat .contentWrap .recipe .cont03 .recipebox .box:last-child {
      margin-bottom: 0; }
    #page.howtoeat .contentWrap .recipe .cont02 .recipebox .box.item .txtBox,
    #page.howtoeat .contentWrap .recipe .cont03 .recipebox .box.item .txtBox {
      width: 65%; }
    #page.howtoeat .contentWrap .recipe .cont02 .recipebox .box.item .imgBox,
    #page.howtoeat .contentWrap .recipe .cont03 .recipebox .box.item .imgBox {
      width: 35%; }
    #page.howtoeat .contentWrap .recipe .cont02 .recipebox .box.cooking .txtBox,
    #page.howtoeat .contentWrap .recipe .cont03 .recipebox .box.cooking .txtBox {
      width: 50%; }
    #page.howtoeat .contentWrap .recipe .cont02 .recipebox .box.cooking .imgBox,
    #page.howtoeat .contentWrap .recipe .cont03 .recipebox .box.cooking .imgBox {
      width: 45%; }
    #page.howtoeat .contentWrap .recipe .cont02 .recipebox .box .txtBox,
    #page.howtoeat .contentWrap .recipe .cont03 .recipebox .box .txtBox {
      box-sizing: border-box;
      padding: 2em; }
      #page.howtoeat .contentWrap .recipe .cont02 .recipebox .box .txtBox .time,
      #page.howtoeat .contentWrap .recipe .cont02 .recipebox .box .txtBox .comment,
      #page.howtoeat .contentWrap .recipe .cont03 .recipebox .box .txtBox .time,
      #page.howtoeat .contentWrap .recipe .cont03 .recipebox .box .txtBox .comment {
        color: #009040;
        font-size: 120%;
        font-weight: 600; }
      #page.howtoeat .contentWrap .recipe .cont02 .recipebox .box .txtBox .time,
      #page.howtoeat .contentWrap .recipe .cont03 .recipebox .box .txtBox .time {
        display: flex;
        align-items: center;
        position: relative; }
        #page.howtoeat .contentWrap .recipe .cont02 .recipebox .box .txtBox .time::before,
        #page.howtoeat .contentWrap .recipe .cont03 .recipebox .box .txtBox .time::before {
          background: no-repeat url("../images/howto/icon_timer.svg") 50% 50%;
          background-size: contain;
          content: '';
          display: block;
          margin-right: 0.5em;
          width: 1.4em;
          height: 1.4em;
          position: relative; }
      #page.howtoeat .contentWrap .recipe .cont02 .recipebox .box .txtBox .comment,
      #page.howtoeat .contentWrap .recipe .cont03 .recipebox .box .txtBox .comment {
        margin-bottom: 1em; }
      #page.howtoeat .contentWrap .recipe .cont02 .recipebox .box .txtBox .material,
      #page.howtoeat .contentWrap .recipe .cont03 .recipebox .box .txtBox .material {
        margin-bottom: 2em; }
      #page.howtoeat .contentWrap .recipe .cont02 .recipebox .box .txtBox h3,
      #page.howtoeat .contentWrap .recipe .cont03 .recipebox .box .txtBox h3 {
        color: #009040;
        font-size: 108%;
        font-weight: 500;
        margin-bottom: 0.5em; }
      #page.howtoeat .contentWrap .recipe .cont02 .recipebox .box .txtBox .note,
      #page.howtoeat .contentWrap .recipe .cont03 .recipebox .box .txtBox .note {
        margin-top: 1em; }
    #page.howtoeat .contentWrap .recipe .cont02 .recipebox .box.rev .imgBox,
    #page.howtoeat .contentWrap .recipe .cont03 .recipebox .box.rev .imgBox {
      order: 1; }
    #page.howtoeat .contentWrap .recipe .cont02 .recipebox .box.rev .txtBox,
    #page.howtoeat .contentWrap .recipe .cont03 .recipebox .box.rev .txtBox {
      order: 2; }
#page.howtoeat .contentWrap .recipe .cont02 .recipeList h3.title,
#page.howtoeat .contentWrap .recipe .cont03 .recipeList h3.title {
  background: #009040;
  border-radius: 100vh;
  color: #FFF;
  padding: 0.5em; }
#page.howtoeat .contentWrap .recipe .cont02 .recipeList ul,
#page.howtoeat .contentWrap .recipe .cont03 .recipeList ul {
  background: rgba(0, 144, 64, 0.1);
  border-radius: 0.2em; }
#page.howtoeat .contentWrap .recipe .cont02 .recipeList.list01 ul li,
#page.howtoeat .contentWrap .recipe .cont03 .recipeList.list01 ul li {
  width: 20%; }
#page.howtoeat .contentWrap .recipe .cont02 .column2,
#page.howtoeat .contentWrap .recipe .cont03 .column2 {
  display: flex;
  justify-content: space-between; }
  #page.howtoeat .contentWrap .recipe .cont02 .column2 .recipeList ul,
  #page.howtoeat .contentWrap .recipe .cont03 .column2 .recipeList ul {
    margin-bottom: 0; }
  #page.howtoeat .contentWrap .recipe .cont02 .column2 .list04,
  #page.howtoeat .contentWrap .recipe .cont02 .column2 .list05,
  #page.howtoeat .contentWrap .recipe .cont03 .column2 .list04,
  #page.howtoeat .contentWrap .recipe .cont03 .column2 .list05 {
    width: 48%; }
    #page.howtoeat .contentWrap .recipe .cont02 .column2 .list04 ul li,
    #page.howtoeat .contentWrap .recipe .cont02 .column2 .list05 ul li,
    #page.howtoeat .contentWrap .recipe .cont03 .column2 .list04 ul li,
    #page.howtoeat .contentWrap .recipe .cont03 .column2 .list05 ul li {
      width: 100%; }
#page.howtoeat .contentWrap .recipe .cont03 .recipebox {
  background: #FFF;
  margin-bottom: 0; }
#page.wheretobuy .contactBox .inner .content .txt {
  margin-bottom: 2em; }
#page.wheretobuy .contentWrap .main {
  background: no-repeat url("../images/where/where_bg.jpg") 50% 50%;
  background-size: cover;
  padding: 7.5em 5vw; }
  #page.wheretobuy .contentWrap .main .titleBox {
    color: #FFF;
    margin-bottom: 3em; }
    #page.wheretobuy .contentWrap .main .titleBox h2,
    #page.wheretobuy .contentWrap .main .titleBox .desc {
      line-height: 1.5em; }
    #page.wheretobuy .contentWrap .main .titleBox h2 {
      font-size: 240%;
      font-weight: 600; }
    #page.wheretobuy .contentWrap .main .titleBox .desc {
      font-weight: 500; }
#page.wheretobuy .contentWrap .cont01 {
  border-bottom: 1px solid #eceae4; }
#page.wheretobuy .contentWrap .description .txtBox {
  margin-bottom: 4em;
  padding-left: 10vw;
  padding-right: 10vw; }
#page.wheretobuy .contentWrap .description ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center; }
  #page.wheretobuy .contentWrap .description ul li {
    border: 2px solid #009040;
    border-radius: 100vh;
    color: #009040;
    display: block;
    margin: 0 1% 2em;
    padding: 0.75em 1em 0.5em;
    text-align: center;
    width: 28%; }
    #page.wheretobuy .contentWrap .description ul li h3 {
      font-size: 128%;
      font-weight: 500; }
    #page.wheretobuy .contentWrap .description ul li p {
      font-size: 90%;
      font-weight: 500; }
#page.wheretobuy .contentWrap .listBox {
  padding-left: 10vw;
  padding-right: 10vw; }
  #page.wheretobuy .contentWrap .listBox ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1em; }
    #page.wheretobuy .contentWrap .listBox ul li:last-child {
      margin-bottom: 0; }
    #page.wheretobuy .contentWrap .listBox ul li .imgBox {
      width: 30%; }
    #page.wheretobuy .contentWrap .listBox ul li .txtBox {
      width: 65%; }
      #page.wheretobuy .contentWrap .listBox ul li .txtBox h3 {
        font-size: 128%;
        font-weight: 600;
        margin-bottom: 1em; }
      #page.wheretobuy .contentWrap .listBox ul li .txtBox address {
        margin-top: 1em; }
#page.contact .contentWrap .inner, #page.business .contentWrap .inner {
  max-width: 800px; }
  #page.contact .contentWrap .inner .content ul.select, #page.business .contentWrap .inner .content ul.select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 3em;
    margin-bottom: 3EM; }
    #page.contact .contentWrap .inner .content ul.select li, #page.business .contentWrap .inner .content ul.select li {
      text-align: center;
      width: 49%; }
      #page.contact .contentWrap .inner .content ul.select li.current,
      #page.contact .contentWrap .inner .content ul.select li a, #page.business .contentWrap .inner .content ul.select li.current,
      #page.business .contentWrap .inner .content ul.select li a {
        box-sizing: border-box;
        display: block;
        padding: 1em; }
      #page.contact .contentWrap .inner .content ul.select li.current, #page.business .contentWrap .inner .content ul.select li.current {
        background: #009040;
        border: 1px solid #009040;
        color: #FFF; }
      #page.contact .contentWrap .inner .content ul.select li a, #page.business .contentWrap .inner .content ul.select li a {
        border: 1px solid #009040; }
        #page.contact .contentWrap .inner .content ul.select li a:hover, #page.business .contentWrap .inner .content ul.select li a:hover {
          opacity: 1;
          background: #009040;
          color: #FFF; }
  #page.contact .contentWrap .inner .content .contact_form form label, #page.business .contentWrap .inner .content .contact_form form label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2em;
    width: 100%; }
    #page.contact .contentWrap .inner .content .contact_form form label.wide, #page.business .contentWrap .inner .content .contact_form form label.wide {
      flex-wrap: wrap; }
      #page.contact .contentWrap .inner .content .contact_form form label.wide .txt,
      #page.contact .contentWrap .inner .content .contact_form form label.wide .wpcf7-form-control-wrap, #page.business .contentWrap .inner .content .contact_form form label.wide .txt,
      #page.business .contentWrap .inner .content .contact_form form label.wide .wpcf7-form-control-wrap {
        width: 100%; }
      #page.contact .contentWrap .inner .content .contact_form form label.wide .txt, #page.business .contentWrap .inner .content .contact_form form label.wide .txt {
        margin-bottom: 1em; }
    #page.contact .contentWrap .inner .content .contact_form form label .txt, #page.business .contentWrap .inner .content .contact_form form label .txt {
      display: block;
      width: 20%; }
    #page.contact .contentWrap .inner .content .contact_form form label .wpcf7-form-control-wrap, #page.business .contentWrap .inner .content .contact_form form label .wpcf7-form-control-wrap {
      display: block;
      width: 80%; }
      #page.contact .contentWrap .inner .content .contact_form form label .wpcf7-form-control-wrap input,
      #page.contact .contentWrap .inner .content .contact_form form label .wpcf7-form-control-wrap textarea, #page.business .contentWrap .inner .content .contact_form form label .wpcf7-form-control-wrap input,
      #page.business .contentWrap .inner .content .contact_form form label .wpcf7-form-control-wrap textarea {
        width: 100%; }
    #page.contact .contentWrap .inner .content .contact_form form label .red, #page.business .contentWrap .inner .content .contact_form form label .red {
      color: #d7000f;
      font-size: 83%;
      margin-top: 0.075em;
      margin-left: 0.5em; }
  #page.contact .contentWrap .inner .content .contact_form form .wpcf7-form-control, #page.business .contentWrap .inner .content .contact_form form .wpcf7-form-control {
    background: #FFF;
    border: 1px solid #eceae4;
    border-radius: 0.25em;
    box-sizing: border-box;
    padding: 1em; }
  #page.contact .contentWrap .inner .content .contact_form form .submit, #page.business .contentWrap .inner .content .contact_form form .submit {
    background: #009040;
    border: 1px solid #009040;
    border-radius: 100vh;
    margin: 0 auto;
    position: relative;
    width: 400px;
    transition: all .35s; }
    #page.contact .contentWrap .inner .content .contact_form form .submit::after, #page.business .contentWrap .inner .content .contact_form form .submit::after {
      background: #FFF;
      border-radius: 100vh;
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      right: 2em;
      width: 5px;
      height: 5px;
      transform: translateY(-50%); }
    #page.contact .contentWrap .inner .content .contact_form form .submit:hover, #page.business .contentWrap .inner .content .contact_form form .submit:hover {
      background: transparent;
      color: #009040; }
      #page.contact .contentWrap .inner .content .contact_form form .submit:hover::after, #page.business .contentWrap .inner .content .contact_form form .submit:hover::after {
        background: #009040; }
    #page.contact .contentWrap .inner .content .contact_form form .submit .wpcf7-submit, #page.business .contentWrap .inner .content .contact_form form .submit .wpcf7-submit {
      background: transparent;
      border: none;
      color: #FFF;
      cursor: pointer;
      display: block;
      font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
      font-weight: 500;
      width: 100%;
      transition: all .35s; }
      #page.contact .contentWrap .inner .content .contact_form form .submit .wpcf7-submit:hover, #page.business .contentWrap .inner .content .contact_form form .submit .wpcf7-submit:hover {
        background: transparent;
        color: #009040; }
  #page.contact .contentWrap .inner .content .contact_form form .wpcf7-spinner, #page.business .contentWrap .inner .content .contact_form form .wpcf7-spinner {
    display: none; }
  #page.contact .contentWrap .inner .content .contact_form form .wpcf7-response-output, #page.business .contentWrap .inner .content .contact_form form .wpcf7-response-output {
    text-align: center; }