@charset "UTF-8";
/* page-media-queries.css */
@media screen and (min-width: 1681px) {
  /* 1681px以上 */ }
@media screen and (max-width: 1280px) {
  /* 1280px以下 */
  #page .contentWrap .lineUp {
    padding-left: 10%;
    padding-right: 10%; } }
@media screen and (max-width: 820px) {
  /* 820px以下 */
  #page .contentWrap .titleBox .txtBox h2 {
    font-size: 24px; }
  #page .contentWrap .titleBox .txtBox p {
    font-size: 15px;
    line-height: 1.8em;
    text-align: left; }
  #page .contentWrap .descBox {
    padding-bottom: 60px; }
    #page .contentWrap .descBox .box .txtBox {
      padding: 0 5%; }
    #page .contentWrap .descBox .box .imgBox.small img {
      padding-left: 15%;
      width: 85%; }
  #page .contentWrap .lineUp .btnWrap {
    padding-left: 0;
    padding-right: 0; }
  #page .contentWrap .lineUp .btnBox .btn a {
    box-sizing: border-box;
    width: 60%; }
  #page .contentWrap .itemArea {
    padding-top: 60px; }
    #page .contentWrap .itemArea ul {
      flex-wrap: wrap;
      padding: 0; }
      #page .contentWrap .itemArea ul li {
        width: 47.5%;
        margin-bottom: 6em; }
        #page .contentWrap .itemArea ul li:nth-child(3), #page .contentWrap .itemArea ul li:nth-child(4) {
          margin-bottom: 0; }
        #page .contentWrap .itemArea ul li .btnBox .btn a {
          width: 100%; }
  #page.rice .contentWrap .lineUp .items ul li .txtBox .btnBox {
    margin-top: 2em; }
    #page.rice .contentWrap .lineUp .items ul li .txtBox .btnBox .btn a {
      box-sizing: border-box;
      font-size: 15px;
      margin-left: 0;
      width: 75%; }
  #page.mochi .contentWrap .lineUp .items ul {
    padding: 0; }
  #page.mochi .contentWrap .lineUp .items.column3 ul li {
    width: 50%; }
  #page.momo .contentWrap .lineUp .inner.descBox {
    padding-top: 40px; }
    #page.momo .contentWrap .lineUp .inner.descBox .box {
      flex-wrap: wrap;
      padding: 0; }
      #page.momo .contentWrap .lineUp .inner.descBox .box .imgBox,
      #page.momo .contentWrap .lineUp .inner.descBox .box .txtBox {
        width: 100%; }
      #page.momo .contentWrap .lineUp .inner.descBox .box .txtBox {
        text-align: center;
        padding: 40px 0 0 0; }
        #page.momo .contentWrap .lineUp .inner.descBox .box .txtBox h2 {
          text-align: center; }
  #page.contact .contentWrap .pageContent .inner {
    box-sizing: border-box;
    width: 100%;
    padding: 60px 7.5%; }
    #page.contact .contentWrap .pageContent .inner .wpcf7-form label.narrow {
      width: 100%; } }
@media screen and (max-width: 480px) {
  /* 480px以下 */
  #page .contentWrap .titleBox .imgBox {
    height: 50vh; }
    #page .contentWrap .titleBox .imgBox.imgBox2 {
      height: 50vh; }
  #page .contentWrap .titleBox .txtBox {
    padding-left: 7.5%;
    padding-right: 7.5%;
    text-align: left; }
    #page .contentWrap .titleBox .txtBox h2 {
      font-size: 20px;
      margin-bottom: 1.5em; }
    #page .contentWrap .titleBox .txtBox p {
      font-size: 15px;
      line-height: 1.8em;
      margin-bottom: 1em;
      text-align: justify; }
  #page .contentWrap .descBox .titleBox {
    padding-left: 7.5%;
    padding-right: 7.5%;
    text-align: left; }
  #page .contentWrap .descBox .box {
    display: block;
    padding: 1.5em 0; }
    #page .contentWrap .descBox .box:first-child {
      padding-top: 0; }
    #page .contentWrap .descBox .box:last-child {
      padding-bottom: 0; }
    #page .contentWrap .descBox .box h3 {
      font-size: 20px; }
    #page .contentWrap .descBox .box .imgBox,
    #page .contentWrap .descBox .box .txtBox {
      width: 100%; }
    #page .contentWrap .descBox .box .imgBox {
      margin-bottom: 1.5em; }
      #page .contentWrap .descBox .box .imgBox.large img {
        padding-right: 7.5%;
        width: 92.5%; }
      #page .contentWrap .descBox .box .imgBox.small img {
        padding-left: 7.5%;
        width: 92.5%; }
      #page .contentWrap .descBox .box .imgBox.medium img {
        padding-left: 0;
        padding-right: 7.5%;
        width: 92.5%; }
    #page .contentWrap .descBox .box .txtBox {
      padding: 0 7.5%;
      text-align: justify; }
  #page .contentWrap .itemList .inner {
    padding: 0 7.5%; }
    #page .contentWrap .itemList .inner ul li {
      width: 48%; }
    #page .contentWrap .itemList .inner .note {
      margin-top: 0;
      text-align: left; }
  #page .contentWrap .chartBox {
    padding: 60px 0; }
    #page .contentWrap .chartBox .imgBox {
      margin-bottom: 2em; }
    #page .contentWrap .chartBox .txtBox {
      padding: 0 7.5%; }
  #page .contentWrap .lineUp .titleBox {
    margin-top: 2em;
    margin-bottom: 2em; }
    #page .contentWrap .lineUp .titleBox h3 {
      font-size: 24px; }
  #page .contentWrap .lineUp .items ul {
    flex-wrap: wrap; }
    #page .contentWrap .lineUp .items ul li {
      margin-bottom: 3em;
      width: 100%; }
  #page .contentWrap .lineUp .btnWrap {
    padding: 0; }
  #page .contentWrap .lineUp .btnBox .btn a {
    width: 100%; }
  #page .contentWrap .itemArea {
    padding-top: 48px; }
    #page .contentWrap .itemArea ul li {
      width: 100%;
      margin-bottom: 48px; }
      #page .contentWrap .itemArea ul li:nth-child(3) {
        margin-bottom: 48px; }
  #page.rice .contentWrap .lineUp .items ul {
    margin-bottom: 48px; }
    #page.rice .contentWrap .lineUp .items ul li {
      flex-wrap: wrap; }
      #page.rice .contentWrap .lineUp .items ul li .imgBox {
        margin-bottom: 1.5em;
        width: 100%; }
      #page.rice .contentWrap .lineUp .items ul li .txtBox {
        width: 100%; }
        #page.rice .contentWrap .lineUp .items ul li .txtBox h3 {
          font-size: 20px;
          line-height: 1.5em; }
        #page.rice .contentWrap .lineUp .items ul li .txtBox .btnBox .btn a {
          margin-left: auto;
          width: 100%; }
  #page.udon .contentWrap .titleBox .imgBox {
    background-position: 35% 50%; }
  #page.mochi .contentWrap .lineUp .items ul {
    padding: 0; }
    #page.mochi .contentWrap .lineUp .items ul li {
      width: 100%; }
  #page.mochi .contentWrap .lineUp .items.column3 ul li {
    width: 100%; }
  #page.momo .contentWrap .itemList .inner ul li {
    width: 100%; }
    #page.momo .contentWrap .itemList .inner ul li .txtBox .name .small {
      font-size: 68%; }
    #page.momo .contentWrap .itemList .inner ul li .txtBox .desc {
      text-align: left; }
  #page.momo .contentWrap .lineUp .items ul {
    padding: 0;
    justify-content: space-between; }
    #page.momo .contentWrap .lineUp .items ul li {
      width: 100%;
      width: 48%; }
  #page.momo .contentWrap .lineUp .inner .txtBox.desc {
    margin-bottom: 2em;
    text-align: left; }
    #page.momo .contentWrap .lineUp .inner .txtBox.desc h2 {
      font-size: 24px;
      margin-bottom: 1.25em; }
    #page.momo .contentWrap .lineUp .inner .txtBox.desc p {
      margin-bottom: 1em; }
      #page.momo .contentWrap .lineUp .inner .txtBox.desc p:last-child {
        margin-bottom: 0; }
  #page.momo .contentWrap .lineUp .inner.descBox {
    padding-top: 0; }
    #page.momo .contentWrap .lineUp .inner.descBox .box .imgBox {
      margin-bottom: 0; }
      #page.momo .contentWrap .lineUp .inner.descBox .box .imgBox.large img {
        padding-right: 0;
        width: 100%; }
    #page.momo .contentWrap .lineUp .inner.descBox .box .txtBox {
      padding: 40px 0 0 0;
      text-align: left; }
    #page.momo .contentWrap .lineUp .inner.descBox.last {
      padding-top: 60px; }
      #page.momo .contentWrap .lineUp .inner.descBox.last .txtBox {
        text-align: left; }
  #page.momo .contentWrap .lineUp .btnWrap {
    padding-top: 60px; }
  #page.contact .contentWrap .pageContent .inner {
    padding-top: 48px;
    padding-bottom: 48px; }
    #page.contact .contentWrap .pageContent .inner .wpcf7-form {
      margin-top: 48px; }
      #page.contact .contentWrap .pageContent .inner .wpcf7-form .wpcf7-submit {
        width: 75%; } }