@charset "UTF-8";
/* media-queries-page.css */
@media screen and (min-width: 1680px) {
  /* 1680px以上 */ }
@media screen and (max-width: 1440px) {
  /* 1440px以下 */
  #page.howtoeat .contentWrap .inner {
    max-width: none;
    padding-left: 5vw;
    padding-right: 5vw; } }
@media screen and (max-width: 1280px) {
  /* 1280px以下 */ }
@media screen and (max-width: 1080px) {
  /* 1080px以下 */ }
@media screen and (max-width: 1023px) {
  /* 1024px以下 */
  #page.contact .contentWrap .inner, #page.business .contentWrap .inner {
    max-width: none;
    padding-left: 5vw;
    padding-right: 5vw; }
  #page.howtoeat .contentWrap .about .content ul {
    border: 2px solid #009040;
    border-radius: 0.2em;
    padding: 1em; }
    #page.howtoeat .contentWrap .about .content ul li {
      border: none;
      box-sizing: border-box;
      margin: 0;
      padding: 0.5em 1em 0.5em 1.5em;
      position: relative;
      text-align: left;
      width: 25%; }
      #page.howtoeat .contentWrap .about .content ul li::before {
        content: '・';
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%); }
  #page.howtoeat .contentWrap .recipe .recipeList ul li {
    width: 33.333%; }
  #page.wheretobuy .contentWrap .inner {
    max-width: none;
    padding-left: 5vw;
    padding-right: 5vw; }
  #page.wheretobuy .contentWrap .description ul {
    border: 2px solid #009040;
    justify-content: flex-start;
    padding: 1em; }
    #page.wheretobuy .contentWrap .description ul li {
      border: none;
      box-sizing: border-box;
      margin: 0;
      padding: 0.5em 1em 0.5em 1.5em;
      position: relative;
      text-align: left;
      width: 33.333%; }
      #page.wheretobuy .contentWrap .description ul li::before {
        content: '・';
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%); } }
@media screen and (max-width: 820px) {
  /* 820px以下 */
  #page.contact .contentWrap .inner .content .contact_form form .submit, #page.business .contentWrap .inner .content .contact_form form .submit {
    width: 50%; }
  #page.howtoeat .contentWrap .about .content ul li {
    width: 33.333%; }
  #page.howtoeat .contentWrap .recipe .cont02 .recipeList.list01 ul li {
    width: 25%; }
  #page.howtoeat .contentWrap .recipe .cont02 .recipebox .box.cooking,
  #page.howtoeat .contentWrap .recipe .cont03 .recipebox .box.cooking {
    flex-wrap: wrap; }
    #page.howtoeat .contentWrap .recipe .cont02 .recipebox .box.cooking .txtBox,
    #page.howtoeat .contentWrap .recipe .cont02 .recipebox .box.cooking .imgBox,
    #page.howtoeat .contentWrap .recipe .cont03 .recipebox .box.cooking .txtBox,
    #page.howtoeat .contentWrap .recipe .cont03 .recipebox .box.cooking .imgBox {
      width: 100%; }
    #page.howtoeat .contentWrap .recipe .cont02 .recipebox .box.cooking .txtBox,
    #page.howtoeat .contentWrap .recipe .cont03 .recipebox .box.cooking .txtBox {
      margin-bottom: 2em;
      padding: 0; }
    #page.howtoeat .contentWrap .recipe .cont02 .recipebox .box.cooking.rev .txtBox,
    #page.howtoeat .contentWrap .recipe .cont03 .recipebox .box.cooking.rev .txtBox {
      order: 1; }
    #page.howtoeat .contentWrap .recipe .cont02 .recipebox .box.cooking.rev .imgBox,
    #page.howtoeat .contentWrap .recipe .cont03 .recipebox .box.cooking.rev .imgBox {
      order: 2; } }
@media screen and (max-width: 480px) {
  /* 480px以下 */
  #page.contact .contentWrap .inner .content .contact_form form .submit, #page.business .contentWrap .inner .content .contact_form form .submit {
    width: 80%; }
  #page.howtoeat .contentWrap .about .content .box {
    flex-wrap: wrap; }
    #page.howtoeat .contentWrap .about .content .box .txtBox,
    #page.howtoeat .contentWrap .about .content .box .imgBox {
      width: 100%; }
    #page.howtoeat .contentWrap .about .content .box .txtBox {
      margin-bottom: 2em; }
    #page.howtoeat .contentWrap .about .content .box.rev .txtBox {
      order: 1; }
    #page.howtoeat .contentWrap .about .content .box.rev .imgBox {
      order: 2; }
  #page.howtoeat .contentWrap .about .content ul li {
    width: 100%; }
  #page.howtoeat .contentWrap .recipe .main {
    background: no-repeat url("../images/howto/recipe_bg_smp.jpg") 50% 50%;
    background-size: cover; }
  #page.howtoeat .contentWrap .recipe .itemBox {
    flex-wrap: wrap; }
    #page.howtoeat .contentWrap .recipe .itemBox .txtBox,
    #page.howtoeat .contentWrap .recipe .itemBox .imgBox {
      width: 100%; }
    #page.howtoeat .contentWrap .recipe .itemBox .txtBox {
      margin-bottom: 2em; }
    #page.howtoeat .contentWrap .recipe .itemBox.rev .txtbox {
      order: 1; }
    #page.howtoeat .contentWrap .recipe .itemBox.rev .imgBox {
      order: 2; }
  #page.howtoeat .contentWrap .recipe .recipeList ul {
    margin-bottom: 2em; }
    #page.howtoeat .contentWrap .recipe .recipeList ul li {
      width: 100%; }
  #page.howtoeat .contentWrap .recipe .cont02 .recipeList.list01 ul li {
    width: 100%; }
  #page.howtoeat .contentWrap .recipe .cont02 .column2 {
    flex-wrap: wrap; }
    #page.howtoeat .contentWrap .recipe .cont02 .column2 .list04,
    #page.howtoeat .contentWrap .recipe .cont02 .column2 .list05 {
      width: 100%; }
    #page.howtoeat .contentWrap .recipe .cont02 .column2 .list04 ul {
      margin-bottom: 2em; }
  #page.howtoeat .contentWrap .recipe .cont02 .recipebox .box,
  #page.howtoeat .contentWrap .recipe .cont03 .recipebox .box {
    margin-bottom: 2em; }
    #page.howtoeat .contentWrap .recipe .cont02 .recipebox .box.item,
    #page.howtoeat .contentWrap .recipe .cont03 .recipebox .box.item {
      flex-wrap: wrap; }
      #page.howtoeat .contentWrap .recipe .cont02 .recipebox .box.item .txtBox,
      #page.howtoeat .contentWrap .recipe .cont02 .recipebox .box.item .imgBox,
      #page.howtoeat .contentWrap .recipe .cont03 .recipebox .box.item .txtBox,
      #page.howtoeat .contentWrap .recipe .cont03 .recipebox .box.item .imgBox {
        width: 100%; }
      #page.howtoeat .contentWrap .recipe .cont02 .recipebox .box.item .txtBox,
      #page.howtoeat .contentWrap .recipe .cont03 .recipebox .box.item .txtBox {
        margin-bottom: 2em;
        padding: 0; }
      #page.howtoeat .contentWrap .recipe .cont02 .recipebox .box.item.rev .txtBox,
      #page.howtoeat .contentWrap .recipe .cont03 .recipebox .box.item.rev .txtBox {
        order: 1; }
      #page.howtoeat .contentWrap .recipe .cont02 .recipebox .box.item.rev .imgBox,
      #page.howtoeat .contentWrap .recipe .cont03 .recipebox .box.item.rev .imgBox {
        order: 2; }
  #page.wheretobuy .contentWrap .description .txtBox {
    padding: 0; }
  #page.wheretobuy .contentWrap .description ul li {
    width: 100%; }
  #page.wheretobuy .contentWrap .listBox ul li {
    flex-wrap: wrap; }
    #page.wheretobuy .contentWrap .listBox ul li .imgBox,
    #page.wheretobuy .contentWrap .listBox ul li .txtBox {
      width: 100%; } }