@charset "UTF-8";
@import url("/css/1812/common.css");
#container * {
  font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; }

@media print, screen and (min-width: 768px) {
  body {
    position: relative;
    z-index: 1; }

  .sp {
    display: none !important; }

  /* CSS Document */
  #footer {
    margin-top: 111px; }

  .content {
    overflow: hidden; } }



/* main image 2025/12 */
.rice_talk_main_wrap {
  position: relative;
  width: 100%;
  height: 475px;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-image: url("/rice/images/2512/main_img_pc.jpg");
  background-size: cover;
}
.rice_talk_main_wrap .rice_anime {
  position: absolute;
  top:0;
  left:0;
  right:0;
  width:100%;
  max-width: 950px;
  height:100%;
  margin:auto;
}
.rice_talk_main_wrap .rice_anime img {
  max-width:100%;
  height:auto;
}

.rice_talk_main_wrap .rice_anime .anime {
  position: absolute;
  left:-9.5%;
  bottom:5%;
  width:61%;
}
.rice_talk_main_wrap .rice_anime h1 {
  position: absolute;
  left:0;
  bottom:245px;
  width:326px;
}
.rice_talk_main_wrap .rice_anime ul.packages {
  display: flex;
  position: absolute;
  left: 110px;
  bottom: 70px;
}
.rice_talk_main_wrap .rice_anime ul.packages li {
  height: 174px;
  margin-left: 30px;
}
.rice_talk_main_wrap .rice_anime ul.packages li img {
  height: 100%;
   filter: drop-shadow(3px 4px 6px rgb(0,0,0,0.5));
}
@media print, screen and (max-width: 950px) {
  .rice_talk_main_wrap .rice_anime .anime {
    left:-7.5%;
  }
  .rice_talk_main_wrap .rice_anime h1 {
    left:2%;
    bottom: 25.6vw;
    width: 34vw;
  }
  .rice_talk_main_wrap .rice_anime ul.packages {
    left: 14vw;
    bottom: 7vw;
  }
  .rice_talk_main_wrap .rice_anime ul.packages li {
    height: 17.8vw;
    margin-left: 3vw;
  }
}
@media print, screen and (max-width: 750px) {
  .rice_talk_main_wrap .rice_anime h1 {
    left: 4.4vw;
    bottom: 30vw;
    width: 39.4vw;
  }
  .rice_talk_main_wrap .rice_anime ul.packages {
    left: 16vw;
    bottom: 7.4vw;
  }
  .rice_talk_main_wrap .rice_anime ul.packages li {
    height: 22.8vw;
    margin-left: 4vw;
  }
}
/*.rice_talk_main_wrap .rice_anime .anime01 {
  left:-2%;
  bottom:10%;
  width:15.2%;
}
.rice_talk_main_wrap .rice_anime .anime02 {
  left:0;
  bottom:2%;
  width:53%;
}*/


/* lazyload */
.rice_talk_main_wrap .rice_anime .item img {
  opacity: 0;
}
.rice_talk_main_wrap .rice_anime  h1.item img {
  transition: opacity 1s;
}
.rice_talk_main_wrap .rice_anime .item.anime01 img {
  transition: opacity 5s;
}
.rice_talk_main_wrap .rice_anime .item.anime02 img {
  transition: opacity 5s;
}
.rice_talk_main_wrap .rice_anime .item img.lazyloaded {
  opacity: 1;
}

@media screen and (max-width: 950px) {
  .rice_talk_main_wrap {
    height:auto;
  }
  .rice_talk_main_wrap .rice_anime {
    position: static;
    height:0;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-image: url("/rice/images/2512/main_img_950.jpg");
    background-size: contain;
    padding-top: 50%;
  }
  /*.rice_talk_main_wrap .rice_anime .anime01 {
    left:-1%;
  }
  .rice_talk_main_wrap .rice_anime .anime02 {
    left:1%;
  }*/
}
@media screen and (max-width: 750px) {
  .rice_talk_main_wrap .rice_anime {
    background-image: url("/rice/images/2512/main_img_sp.jpg");
    padding-top: 64%;
  }
  .rice_talk_main_wrap .rice_anime h1 {
    /*display: none;*/
  }
  .rice_talk_main_wrap .rice_anime .anime {
    left:-7%;
    bottom:4%;
    width:73%;
  }
  /*.rice_talk_main_wrap .rice_anime .anime01 {
    left:0;
    bottom:9%;
    width:18%;
  }
  .rice_talk_main_wrap .rice_anime .anime02 {
    left:5%;
    bottom:1%;
    width:60%;
  }*/
}

/*@media screen and (min-width: 769px) and (min-width: 951px) {
  .rice_talk_main_wrap {
    position: relative;
    height: 475px;
    overflow: hidden; }
    .rice_talk_main_wrap h1 {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .rice_talk_main_wrap .gohan_movie_box {
      position: absolute;
      left: 50%;
      top: 14px;
      margin-left: -72px;
      border: 2px solid #fff; }
      .rice_talk_main_wrap .gohan_movie_box img {
        width: 521px; } }
@media screen and (min-width: 768px) and (min-width: 1600px) {
  .rice_talk_main_wrap {
    height: 20vw; }
    .rice_talk_main_wrap h1 {
      width: 100%; }
      .rice_talk_main_wrap h1 img {
        width: 100%; } }
@media screen and (min-width: 768px) and (max-width: 950px) {
  .rice_talk_main_wrap {
    height: auto; }
    .rice_talk_main_wrap h1 {
      text-align: center;
      margin-left: -31.5vw; }
      .rice_talk_main_wrap h1 img {
        width: 164vw; }
    .rice_talk_main_wrap .gohan_movie_box {
      padding-top: 30px;
      padding-bottom: 30px; } }*/

@media print, screen and (min-width: 768px) {
  .rice_bg01 {
    background: url("/rice/images/2512/bg01.png") 0 0 repeat;
    padding: 35px 0; }
    .rice_bg01 h2 {
      color: #000000;
      font-size: 1.384rem;
      font-weight: 700;
      line-height: 166%; }
    .rice_bg01 .rice_list01_wrap {
      margin: 0 auto; } }
    @media screen and (min-width: 768px) and (max-width: 1031px) {
      .rice_bg01 .rice_list01_wrap {
        margin: 0 20px; } }
@media print, screen and (min-width: 768px) {
      .rice_bg01 .rice_list01_wrap .list01 {
        *zoom: 1;
        margin: 0 -11px;
        display: inline-block; }
        .rice_bg01 .rice_list01_wrap .list01:after {
          content: ".";
          display: block;
          clear: both;
          height: 0;
          visibility: hidden; }
        .rice_bg01 .rice_list01_wrap .list01 > * {
          float: left;
          vertical-align: top;
          margin: 0 11px;
          width: calc(25% - 22px); }
          .rice_bg01 .rice_list01_wrap .list01 > *:nth-child(4n + 1) {
            clear: left; }
        .rice_bg01 .rice_list01_wrap .list01 li {
          margin-bottom: 20px; } }
        @media screen and (min-width: 768px) and (min-width: 1031px) {
          .rice_bg01 .rice_list01_wrap .list01 li {
            width: 230px; } }


@media print, screen and (min-width: 768px) {
  .recipe_box01 {
    padding: 80px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f8f8f8; }
    .recipe_box01 .recipe_box01_wrap01 {
      display: table;
      margin: 0 auto;
      width: 100%;
      max-width: 950px;
      margin: 0 auto; }
      .recipe_box01 .recipe_box01_wrap01 > * {
        display: table-cell;
        vertical-align: top;
        padding: 0 17.5px; }
        .recipe_box01 .recipe_box01_wrap01 > *:first-child {
          padding-left: 0; }
        .recipe_box01 .recipe_box01_wrap01 > *:last-child {
          padding-right: 0; }
    .recipe_box01 .recipe_box01_ttlbox01 {
      width: 283px; }
      .recipe_box01 .recipe_box01_ttlbox01 p {
        padding-top: 20px;
        text-align: left;
        color: #000000;
        font-size: 1.076rem;
        font-weight: 500;
        line-height: 185%; }
    .recipe_box01 .recipe_box01_ttlbox01_link01 ul {
      *zoom: 1;
      margin: 0 -5px; }
      .recipe_box01 .recipe_box01_ttlbox01_link01 ul:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden; }
      .recipe_box01 .recipe_box01_ttlbox01_link01 ul > * {
        float: left;
        vertical-align: top;
        margin: 0 5px;
        width: calc(25% - 10px);
        /*width: calc(33.3333333333% - 25px);４列*/ }
        .recipe_box01 .recipe_box01_ttlbox01_link01 ul > *:nth-child(4n + 1) {
          clear: left; }
      .recipe_box01 .recipe_box01_ttlbox01_link01 ul li {
        margin-bottom: 20px; }
        .recipe_box01 .recipe_box01_ttlbox01_link01 ul li img {
          width: 100%; }
    .recipe_box01 .btn01 {
      margin-top: 20px; }

  #product #carouselWrap {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 20px 0; }
  #product .bx-wrapper {
    margin: 0 auto; }
  #product .bx-controls {
    display: none; }
  #product .btn01 {
    margin-top: 30px; } }

    @media screen and (min-width: 768px) and (max-width: 975px) {
      .recipe_box01 .recipe_box01_wrap01 > * {
        display: block; } }
    @media screen and (min-width: 768px) and (max-width: 975px) {
      .recipe_box01 .recipe_box01_ttlbox01 {
        width: 100%;
        text-align: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 20px 20px !important; }
        .recipe_box01 .recipe_box01_ttlbox01 p {
          text-align: center;        } }

@media screen and (max-width: 767px) {
    .recipe_box01 .recipe_box01_wrap01 {
      display: block;
      margin: 0 auto;
      width: 100%;
      max-width: 950px;
      margin: 0 auto; }
      .recipe_box01 .recipe_box01_wrap01 > * {
        display: table-cell;
        vertical-align: top;
        padding: 0; }
    .recipe_box01 .recipe_box01_ttlbox01 {
      display: block;
      width: 100%;
      margin: 0 auto 2em; }
    .recipe_box01 .recipe_box01_ttlbox01 h3 img {
      max-width: 100%;
      margin: auto; }
    .recipe_box01 .recipe_box01_ttlbox01_link01 {
      display: block;
      margin: 20px auto;
      text-align:center; }
      .recipe_box01 .recipe_box01_ttlbox01_link01 ul {
        *zoom: 1;
        margin: 0 auto; }
        .recipe_box01 .recipe_box01_ttlbox01_link01 ul:after {
          content: ".";
          display: block;
          clear: both;
          height: 0;
          visibility: hidden; }
        .recipe_box01 .recipe_box01_ttlbox01_link01 ul > * {
          float: left;
          vertical-align: top;
          margin: 0 10px;
          width: calc(50% - 20px); }
          .recipe_box01 .recipe_box01_ttlbox01_link01 ul > *:nth-child(2n + 1) {
            clear: left; }
        .recipe_box01 .recipe_box01_ttlbox01_link01 ul li {
          margin-bottom: 20px; }
          .recipe_box01 .recipe_box01_ttlbox01_link01 ul li img {
            width: 100%; }
    .recipe_box01 .btn01 {
      margin-top: 20px; }
}
@media screen and (max-width: 767px) {
  body {
    position: relative;
    z-index: 2; }

  .pc {
    display: none !important; }

  /* CSS Document */
  #footer {
    padding-top: 50px; }

  .content {
    overflow: hidden; }

  /*.rice_talk_main_wrap h1 {
    text-align: center; }
    .rice_talk_main_wrap h1 img {
      width: 100%; }
  .rice_talk_main_wrap .gohan_movie_box {
    width: 100%; }
    .rice_talk_main_wrap .gohan_movie_box img {
      width: 100%; }*/

  .rice_bg01 {
    background: url("/rice/images/2512/bg01.png") 0 0 repeat;
    padding: 35px 0; }
    .rice_bg01 h2 {
      color: #000000;
      font-size: 1.384rem;
      font-weight: 700;
      line-height: 166%;
	  letter-spacing: -0.3px; }
    .rice_bg01 .rice_list01_wrap {
      margin: 0 auto; }
      .rice_bg01 .rice_list01_wrap .list01 {
        width: auto; }

  .recipe_box01 {
    padding: 50px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f8f8f8; }
    .recipe_box01 .recipe_box01_wrap01 {
      display: block;
      margin: 0 auto; }
    .recipe_box01 .recipe_box01_ttlbox01 p {
      padding-top: 20px;
      text-align: left;
      color: #000000;
      font-size: 1.076rem;
      font-weight: 500;
      line-height: 185%; }

  #product #carouselWrap {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 20px 0; }
  #product .bx-wrapper {
    margin: 0 auto; }
  #product .bx-controls {
    display: none; }
  #product .btn01 {
    margin-top: 30px; } }