@charset "UTF-8";
@import url("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/03 */
.rice_talk_main_wrap_2025 {
  width: 100%;
  height: 570px;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url("/rice/images/2503/main_img_pc.jpg");
  background-size: cover;
}
.rice_talk_main_wrap_2025 h1 {
	text-indent: -9999px;
}
@media screen and (max-width: 950px) {
  .rice_talk_main_wrap_2025 {
    height: 0;
    padding-top: 63.157%;
  }
}
@media screen and (max-width: 750px) {
  .rice_talk_main_wrap_2025 {
    background-image: url("/rice/images/2503/main_img_sp.jpg");
    background-size: contain;
    padding-top: 64%;
  }
}


/* main with gif anime 2021/12 */
.rice_talk_main_wrap {
  position: relative;
  width: 100%;
  height: 475px;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-image: url("/rice/images/2112/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 .item {
  position: absolute;
}

.rice_talk_main_wrap .rice_anime h1 {
  left:0;
  bottom:8.5%;
  width:54.94%;
}
.rice_talk_main_wrap .rice_anime .item img {
  max-width:100%;
  height:auto;
}
.rice_talk_main_wrap .rice_anime .anime {
  left:-9.5%;
  bottom:5%;
  width:61%;
}
/*.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/2112/main_img_950.jpg");
    background-size: contain;
    padding-top: 50%;
  }
  .rice_talk_main_wrap .rice_anime h1 {
    left:2%;
  }
  .rice_talk_main_wrap .rice_anime .anime {
    left:-7.5%;
  }
  /*.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/2112/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/1901/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/1901/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; } }




/* 2019/08 added button for change images */
.rice_talk_main_wrap {
    position:relative;
}

#rice_change_sp {
    display:none;
}

#rice_change_pc {
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:100%;
    max-width:950px;
    height:0;
    margin:0 auto;
    /*padding-top:32.7%;*/
    padding-top:33.894%;
    z-index:3;
}

#rice_change_pc .default {
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:100%;
    max-width:950px;
    height: 100%;
    margin:auto;
    transition:.5s ease;
    z-index:3;
}

#rice_change_pc .after {
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:100%;
    max-width:950px;
    height: 100%;
    margin:auto;
    transition:.8s ease;
    z-index:4;
    opacity:0;
}

#rice_change_pc.active .default {
    opacity:0;
}
#rice_change_pc.active .after {
    opacity:1;
}

#rice_change_pc img {
  display: block;
    max-width:100%;
    height:auto;
}

@keyframes float_btn {
  0% { transform: translateY(0) }
  30% { transform:translateY(6px) }
  50% { transform:translateY(0) }
  80% { transform:translateY(6px) }
  100% { transform: translateY(0) }
}

.btn_pc {
    position:absolute;
    top:0;
    left:53%;
    width:13.684%;
    height:0;
    max-width:130px;
    background:url("/rice/images/1908/btn_pc.png") no-repeat center top;
    background-size:contain;
    padding-top:18.94%;
    z-index:5;
    cursor:pointer;
    transition:.5s;
    animation:float_btn 2.8s linear infinite;
    transform-origin:50% 50%;
}
.btn_pc:hover {
    opacity:0.8;
}
#rice_change_pc.active .btn_pc {
    background-image:url("/rice/images/1908/btn_pc_after.png");
}


@media screen and (min-width: 768px) and (max-width: 950px) {
  /*.rice_talk_main_wrap {
    height:0;
    padding-top:33.0%;
    overflow:hidden;}
    .rice_talk_main_wrap h1 {
      position:absolute;
        top:0; }*/
}

@media screen and (max-width: 767px) {

#rice_change_pc {
    display:none;
}

#rice_change_sp {
    display:block;
}

.btn_sp {
    position:absolute;
    top:1.5%;
    right:11%;
    width:29.333%;
    height:0;
    max-width:220px;
    background:url("/rice/images/1908/btn_sp.png") no-repeat center top;
    background-size:contain;
    padding-top:40.0%;
    z-index:4;
    cursor:pointer;
    transition:.5s;
    animation:float_btn 2.8s linear infinite;
    transform-origin:50% 50%;
}
.btn_sp:hover {
    opacity:0.8;
}

#rice_change_sp .after {
    position:absolute;
    top:-100%;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
    z-index:5;
    transition:.5s ease;
}

#rice_change_sp.modal .after {
    top:0;
}

#rice_change_sp .after img {
    width:51.333%;
    padding-top:8%;
}
#rice_change_sp .after .btn_close {
    position:absolute;
    top:3%;
    right:3%;
    width:7.6%;
    height:0;
    background:url("/rice/images/1908/btn_close.png") no-repeat center top;
    background-size:contain;
    padding-top:100%;
    z-index:5;
    cursor:pointer;
}

#rice_change_sp.modal .btn_sp {
    background-image:url("/rice/images/1908/btn_sp_after.png");
}



}
/* 2019/08 added end */