@charset "UTF-8";
/* media-queries.css */
@media screen and (min-width: 1681px) {
  /* 1681px以上 */
  #top-page .items.rice .imgArea {
    padding-top: 5%; } }
@media screen and (max-width: 1280px) {
  /* 1280px以下 */
  #top-page #nav ul li {
    font-size: 15px; }
    #top-page #nav ul li a {
      padding: 0.75em 1.5em; } }
@media screen and (max-width: 1080px) {
  /* 1280px以下 */
  #top-page #nav ul li {
    font-size: 14px; }
    #top-page #nav ul li a {
      padding: 0.75em 1em; } }
@media screen and (max-width: 820px) {
  /* 820px以下 */
  #header #menu {
    position: fixed; }
  #header #globalNav ul {
    width: 45%; }

  #footer .copy {
    flex-wrap: wrap;
    padding: 0 0 1em; }
    #footer .copy .txt,
    #footer .copy .links {
      width: 100%; }
    #footer .copy .txt {
      order: 2;
      padding-top: 1em; }
    #footer .copy .links {
      order: 1;
      border-top: 1px solid #808080;
      border-bottom: 1px solid #808080; }
      #footer .copy .links ul li a {
        display: block;
        padding: 1em; }

  .content {
    padding: 60px 10%; }

  .btnBox {
    margin-top: 3em; }

  #top-page .kv {
    flex-wrap: wrap; }
    #top-page .kv .imgBox,
    #top-page .kv .txtBox {
      box-sizing: border-box;
      width: 100%;
      height: 50vh; }
    #top-page .kv .imgBox {
      order: 2; }
    #top-page .kv .txtBox {
      order: 1;
      align-content: center;
      flex-wrap: wrap; }
      #top-page .kv .txtBox .title,
      #top-page .kv .txtBox .desc {
        box-sizing: border-box;
        padding: 0 15%;
        width: 100%;
        writing-mode: inherit; }
      #top-page .kv .txtBox .title {
        margin-left: 0;
        margin-top: 20%;
        margin-bottom: 2em; }
        #top-page .kv .txtBox .title h2 {
          font-size: 48px; }
      #top-page .kv .txtBox .desc p {
        font-size: 18px; }
    #top-page .kv .scroll {
      color: #FFF;
      border-color: #FFF; }
      #top-page .kv .scroll a {
        color: inherit; }
  #top-page .kv_rice {
    max-height: none; }
    #top-page .kv_rice .imgBox {
      background: no-repeat url("../images/kv_bg_rice_sp.jpg") 50% 50%;
      background-size: cover; }
    #top-page .kv_rice .txtBox {
      width: 100%;
      height: auto;
      top: 50%;
      left: 0;
      transform: translate(0%, -50%); }
      #top-page .kv_rice .txtBox .pc {
        display: none; }
      #top-page .kv_rice .txtBox .smp {
        display: block; }
      #top-page .kv_rice .txtBox img {
        width: 100%;
        height: auto; }
    #top-page .kv_rice .scroll {
      color: #FFF;
      border-color: #FFF; }
      #top-page .kv_rice .scroll a {
        color: inherit; }
  #top-page #nav {
    display: none; }
  #top-page .about {
    padding-top: 60px; }
    #top-page .about .inner {
      display: block; }
      #top-page .about .inner h3, #top-page .about .inner p {
        writing-mode: inherit; }
      #top-page .about .inner p {
        margin-left: 0;
        margin-bottom: 2em; }
        #top-page .about .inner p:last-child {
          margin-bottom: 0; }
  #top-page .rice .bnrArea {
    padding-bottom: 60px; }
    #top-page .rice .bnrArea .txtBox {
      margin-top: 3em; }
      #top-page .rice .bnrArea .txtBox .txt {
        font-size: 18px; }
      #top-page .rice .bnrArea .txtBox .btnBox {
        margin-top: 3em; }
  #top-page .rice .itemArea {
    padding-bottom: 60px;
    padding-left: 7.5%;
    padding-right: 7.5%; }
    #top-page .rice .itemArea ul {
      flex-wrap: wrap;
      padding: 0; }
      #top-page .rice .itemArea ul li {
        width: 47.5%;
        margin-bottom: 6em; }
        #top-page .rice .itemArea ul li:nth-child(3), #top-page .rice .itemArea ul li:nth-child(4) {
          margin-bottom: 0; }
        #top-page .rice .itemArea ul li .btnBox .btn a {
          width: 100%; }
  #top-page .special {
    padding-left: 7.5%;
    padding-right: 7.5%; }
  #top-page .news {
    padding-bottom: 120px; }

  .tab-none {
    display: none !important; }

  .tab {
    display: block !important; } }
@media screen and (max-width: 480px) {
  /* 480px以下 */
  #header h1 {
    top: 32px;
    width: 100px; }
  #header #menu {
    top: 48px;
    position: fixed; }
  #header #globalNav ul {
    padding-top: 4em;
    width: 100%; }
    #header #globalNav ul li {
      font-size: 15px; }
      #header #globalNav ul li a {
        padding: 0.75em 1em; }
      #header #globalNav ul li ul li {
        font-size: 14px; }

  #footer .logoBox {
    padding: 3em 0; }
    #footer .logoBox .logo {
      width: 100px; }
  #footer .copy {
    font-size: 11px;
    padding: 0 0 1em; }
    #footer .copy .txt {
      padding-top: 1em; }
    #footer .copy .links {
      border-bottom: none;
      padding: 0; }
      #footer .copy .links ul {
        flex-wrap: wrap; }
        #footer .copy .links ul li {
          width: 100%;
          border-bottom: 1px solid #808080; }
          #footer .copy .links ul li a {
            box-sizing: border-box;
            display: block;
            padding: 1em;
            width: 100%; }

  .content {
    padding: 48px 7.5%; }
    .content .titleBox h3 {
      font-size: 24px; }

  .btnBox {
    margin-top: 3em; }
    .btnBox .btn a {
      box-sizing: border-box;
      width: 100%; }
    .btnBox .btn .comingsoon {
      box-sizing: border-box;
      width: 100%; }
    .btnBox.bg {
      background: transparent;
      padding: 0; }
      .btnBox.bg.text {
        padding: 0; }

  #top-page .kv .imgBox {
    height: 48vh; }
  #top-page .kv .txtBox {
    height: 52vh;
    align-content: end;
    padding-bottom: 3em; }
    #top-page .kv .txtBox .title,
    #top-page .kv .txtBox .desc {
      padding: 0 10%; }
    #top-page .kv .txtBox .title {
      margin-top: 0;
      margin-bottom: 1em; }
      #top-page .kv .txtBox .title h2 {
        font-size: 28px;
        line-height: 1.6em; }
    #top-page .kv .txtBox .desc p {
      font-size: 14px;
      line-height: 1.6em; }
  #top-page .about {
    padding-top: 48px; }
    #top-page .about .inner p {
      font-size: 15px;
      line-height: 1.8em;
      margin-bottom: 1em;
      text-align: justify; }
  #top-page .items {
    padding-bottom: 0; }
    #top-page .items .titleBox {
      margin-bottom: 2em; }
    #top-page .items .txt {
      font-size: 14px;
      line-height: 1.8em;
      text-align: justify; }
    #top-page .items .imgArea ul {
      flex-wrap: wrap; }
      #top-page .items .imgArea ul li {
        width: 100%;
        margin-bottom: 4px; }
        #top-page .items .imgArea ul li:last-child {
          margin-bottom: 0; }
  #top-page .rice .bnrArea {
    padding-bottom: 48px; }
    #top-page .rice .bnrArea .txtBox {
      margin-top: 2em; }
      #top-page .rice .bnrArea .txtBox .txt {
        font-size: 16px;
        text-align: center; }
      #top-page .rice .bnrArea .txtBox .btnBox {
        margin-top: 2em; }
  #top-page .rice .itemArea {
    padding-bottom: 48px;
    padding-left: 0;
    padding-right: 0; }
    #top-page .rice .itemArea ul li {
      width: 100%;
      margin-bottom: 48px; }
      #top-page .rice .itemArea ul li:nth-child(3) {
        margin-bottom: 48px; }
      #top-page .rice .itemArea ul li .btnBox {
        margin-top: 1.5em; }
    #top-page .rice .itemArea .txtBox {
      padding-left: 7.5%;
      padding-right: 7.5%; }
  #top-page .fruit .btnWrap {
    padding-top: 48px;
    padding-bottom: 60px; }
  #top-page .fruit .btnBox {
    margin-top: 40px;
    padding-bottom: 60px; }
    #top-page .fruit .btnBox .btn {
      margin: 0 auto;
      width: 85%; }
  #top-page .special {
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 48px; }
    #top-page .special .txt {
      font-size: 15px;
      line-height: 1.8em; }
  #top-page .news {
    padding-bottom: 60px; }
    #top-page .news .titleBox {
      margin-bottom: 2em; }
    #top-page .news .newsBox ul {
      margin-bottom: 2em; }
      #top-page .news .newsBox ul li {
        flex-wrap: wrap; }
        #top-page .news .newsBox ul li a {
          flex-wrap: inherit; }
        #top-page .news .newsBox ul li .date,
        #top-page .news .newsBox ul li .txt {
          font-size: 13px;
          line-height: 1.5em;
          width: 100%; }
        #top-page .news .newsBox ul li .txt {
          text-align: justify; }

  .pc {
    display: none !important; }

  .smp-none {
    display: none !important; }

  .smp {
    display: block !important; } }