@charset "utf-8";
.mo{display:none;}
.container_rice{padding:0;position:relative;}

.blind {position:absolute !important; left:-9999em; width:0; height:0; margin:0; padding:0; text-indent:-9999em; overflow:hidden; font-size:0; line-height:0;} 
.m_br {display:none}

.contents_rice img{width:100%}
.contents_rice .inner{max-width:1180px;margin:0 auto;position:relative;}

.contents_rice .rice_tit{font-size:148px;letter-spacing:-0.035em;color:#535353;font-family:'NSKM';text-align:center;}
.contents_rice .rice_tit span{color:#7dad47}
.contents_rice .rice_stxt{font-size:45px;color:#535353;text-align:center;position:relative;}
.contents_rice .rice_stxt:before{display:block;content:'';width:63px;height:1px;background:#000;position:absolute;top:95px;left:50%;margin-left:-31px;}
.contents_rice .rice_stxt span{display:block;font-size:30px;margin:100px 0 60px;position:relative;line-height:36px;}

.contents_rice{position:relative;}
.contents_rice .mv_area{background:url(../images/rice/bg_mv_area01.jpg) no-repeat center 0;position:relative;}
.contents_rice .mv_area.bg02{background:url(../images/rice/bg_mv_area02.jpg) no-repeat center 0;}
.contents_rice .mv_area > div{margin:0 auto;text-align:center;}
.contents_rice .mv_area .rice_tab_area ul{text-align:center;margin-bottom:2.8%;width:46.5%;margin:0 auto 2.6%;overflow:hidden;}
.contents_rice .mv_area .rice_tab_area ul li{float:left;width:50%;}
.contents_rice .mv_area .rice_tab_area ul li a{display:block;width:100%;}
.contents_rice .mv_area .rice_tab_area .tab_cont p.txt {font-size:30px;color:#fff;line-height:39px;margin-top:70px}
.contents_rice .mv_area .rice_tab_area .tab_cont .iframeBox{position:relative;width:78.74%;margin:0 auto}
.contents_rice .mv_area .rice_tab_area .tab_cont iframe {position: absolute;width:100%;height:100%;top:0;left:0}

.contents_rice .key_word {background:url(../images/rice/bg_key_word.jpg) repeat-y center 0;padding-bottom:50px }
.contents_rice .key_word .key_word_layer{text-align:center;margin:50px auto 0;position:relative;background:rgba(255,255,255,0.6);}
.contents_rice .key_word .key_word_layer > .web {position:relative;}
.contents_rice .key_word .key_word_layer > div{position:relative;}
.contents_rice .key_word .key_word_layer > div span{position:absolute;transition:1s linear;overflow:hidden}
.contents_rice .key_word .key_word01{margin-top:0}
.contents_rice .key_word .key_word01 > div .ani01{top:14.3%;left:47.5%;width:0%;height:35px;position:absolute;}
.contents_rice .key_word .key_word01 > div .ani01 img{position:absolute;top:0;left:0;width:244px;height:35px;}
.contents_rice .key_word .key_word01 > div .ani02{top:35.68%;left:74.2%;opacity:0;width:15.3%}
.contents_rice .key_word .key_word01 > div .ani03{top:74.4%;left:42.2%;opacity:0;width:12.6%}
.contents_rice .key_word .key_word02 > div .ani01{top:10.2%;left:61.5%;opacity:0;width:11.6%}
.contents_rice .key_word .key_word02 > div .ani02{top:74.8%;left:20.8%;opacity:0;width:15.6%}
.contents_rice .key_word .key_word03 > div .ani01{top:21.6%;left:60.2%;opacity:0;width:6.7%}
.contents_rice .key_word .key_word03 > div .ani02{top:61.9%;left:32.9%;opacity:0;width:7.1%}
.contents_rice .key_word .key_word03 > div .ani03{top:77.7%;left:53.1%;opacity:0;width:9.7%}
.contents_rice .key_word .key_word04 > div .ani01{top:65.7%;left:25.8%;opacity:0;width:13.6%}
.contents_rice .key_word .key_word04 > div .ani02{top:84.2%;left:82%;opacity:0;width:6.8%}
.contents_rice .key_word .key_word01 > div .ani01.on{width:30.5%}
.contents_rice .key_word .key_word_layer div .on{opacity:1}


.contents_rice .recipe_prod{background:#d8e2ac;}
.contents_rice .recipe_prod h2{margin-bottom:65px;}
.contents_rice .recipe_prod .rice_stxt{margin-bottom:110px}
.contents_rice .recipe_prod .tab{margin:0 auto 5.5%;overflow:hidden;width:94.1%}
.contents_rice .recipe_prod .tab li{width:33.33%;float:left;}
.contents_rice .recipe_prod .tab p{color:#fff;font-size:24px;background:#000;height:64px;line-height:64px;text-align:center;}
.contents_rice .recipe_prod .tab li .thumb{position:relative;display:block;}
.contents_rice .recipe_prod .tab li .thumb:before{display:block;content:'';width:100%;height:100%;background:rgba(0,0,0,0.42);position:absolute;top:0;left:0}
.contents_rice .recipe_prod .tab li.on .thumb:before, .contents_rice .recipe_prod .tab li:hover .thumb:before{display:none}
.contents_rice .recipe_prod .tab li.on p, .contents_rice .recipe_prod .tab li:hover p{background:#84b44c}
.contents_rice .recipe_prod .tab_cont{position:relative;background:#fff}
.contents_rice .recipe_prod .tab_cont .recipe_prod01{background:url(../images/rice/bg_recipe_prod01.jpg) no-repeat center 0;background-size:auto 100%}
.contents_rice .recipe_prod .tab_cont .recipe_prod02{background:url(../images/rice/bg_recipe_prod02.jpg) no-repeat center 0;background-size:auto 100%}
.contents_rice .recipe_prod .tab_cont .recipe_prod03{background:url(../images/rice/bg_recipe_prod03.jpg) no-repeat center 0;background-size:auto 100%}
.contents_rice .recipe_prod .tab_cont > div > div{margin:0 auto;text-align:center;position:relative; }
.contents_rice .recipe_prod .tab_cont > div p{font-size:30px;color:#fff;line-height:41px;padding-top:135px;position:relative;}
.contents_rice .recipe_prod .tab_cont > div p span{color:#e5f0a2;}
.contents_rice .recipe_prod .tab_cont > div p:after{display:block;content:'';width:53px;height:53px;background:url('../images/rice/ico_more_recipe_prod.png') no-repeat 0 0;position:absolute;top:254px;left:50%;margin-left:-26px}
.contents_rice .recipe_prod .tab_cont > div a.click{display:block;width:7.9%;position:absolute;} 
.contents_rice .recipe_prod .tab_cont .recipe_prod01 div a{top:56.6%;left:57.7%} 
.contents_rice .recipe_prod .tab_cont .recipe_prod02 div a{top:56.7%;left:46.5%} 
.contents_rice .recipe_prod .tab_cont .recipe_prod03 div a{top:41.2%;left:29.3%} 
.contents_rice .recipe_prod .tab_cont .info{margin:0 auto;position:relative;display:none}
.contents_rice .recipe_prod .tab_cont .info a{position: absolute;}
.contents_rice .recipe_prod .tab_cont .info.prod01 .btn01{left:45.2%;top:60.3%;width:16.5%}
.contents_rice .recipe_prod .tab_cont .info.prod01 .btn02{left:62.4%;top:60.3%;width:17.3%}
.contents_rice .recipe_prod .tab_cont .info.prod02 .btn01{left:45.2%;top:60.3%;width:16.5%}
.contents_rice .recipe_prod .tab_cont .info.prod02 .btn02{left:62.4%;top:60.3%;width:17.3%}
.contents_rice .recipe_prod .tab_cont .info.prod03 .btn01{left:45.2%;top:60.3%;width:16.5%}
.contents_rice .recipe_prod .tab_cont .info.prod03 .btn02{left:62.4%;top:60.3%;width:17.3%}

.contents_rice .event_intro{background:#84b44c;text-align:center}
.contents_rice .event_intro > div .btn_event_intro{display:inline-block;width:34%}

.container_rice .instar_quick_area {position:absolute;top:75px;left:50%;margin-left:483px;width:107px;}
.container_rice .instar_quick_area > a{display:inline-block;}
.container_rice .instar_quick_area .rice_sns_share{margin-bottom:15px;text-align:center} 
.container_rice .instar_quick_area .rice_sns_share a{display:inline-block;width:40px;}
.container_rice .instar_quick_area .rice_sns_share a:first-child{margin-right:15px}



@media screen and (max-width:1180px) {
.container_rice .instar_quick_area{margin-left:0px;left:auto;right:0}
}



@media screen and (max-width:1024px) {
.web{display:none;}
.mo{display:block;}
img.mo,.mo img{width:100%}
.m_br {display:block;}

.contents_rice .rice_tit{font-size:45px;}
.contents_rice .rice_stxt{font-size:15px;}
.contents_rice .rice_stxt:before{width:32px;top:32px;left:50%;margin-left:-16px;}
.contents_rice .rice_stxt span{display:block;font-size:30px;margin:40px 0 20px;position:relative;line-height:1.4;}

.contents_rice{min-width:auto;overflow:hidden;}
.contents_rice .mv_area{background:url(../images/rice/bg_mv_area01_m.jpg) no-repeat center 0;background-size:100%;}
.contents_rice .mv_area.bg02{background:url(../images/rice/bg_mv_area02_m.jpg) no-repeat center 0;background-size:100%;}
.contents_rice .mv_area > div{width:auto;margin:0 auto;text-align:center;}
.contents_rice .mv_area .rice_tab_area ul{text-align:center;width:78.7%;margin:0 auto 3.4%;overflow:hidden;}
.contents_rice .mv_area .rice_tab_area ul li{display:inline-block;}
.contents_rice .mv_area .rice_tab_area ul li a{display:block;}
.contents_rice .mv_area .rice_tab_area .tab_cont p.txt {font-size:10px;color:#fff;line-height:1.4;margin-top:25px}
.contents_rice .mv_area .rice_tab_area .tab_cont .iframeBox{position:relative;width:84.2%;margin:0 auto}

.contents_rice .key_word {background:url(../images/rice/bg_key_word_m.jpg) repeat-y center 0;background-size:100%;}
.contents_rice .key_word .key_word_layer{width:95%;margin:4.6% auto 0;}
.contents_rice .key_word .key_word_layer h4{height:23px;font-size:20.5px;margin-bottom:20px;padding:0px 7.5px}
.contents_rice .key_word .key_word_layer p{font-size:10px;line-height:1.4;letter-spacing:-0.035em}
.contents_rice .key_word .key_word_layer .mo{width:100%;position: relative;}
.contents_rice .key_word .key_word_layer .mo img{width:100%}
.contents_rice .key_word .key_word01 > .mo .ani01{top:21.2%;left:40.7%;width:0;height:22.5vw;position:absolute;}
.contents_rice .key_word .key_word01 > .mo .ani01 img{position:absolute;top:0;left:0;width:22.5vw;}
.contents_rice .key_word .key_word01 > .mo .ani02{top:42.6%;left:34.6%;width:19.8%;opacity:0;}
.contents_rice .key_word .key_word01 > .mo .ani03{top:71.9%;left:41.7%;width:19.9%;opacity:0}
.contents_rice .key_word .key_word02 > .mo .ani01{top:8.0%;left:56.9%;width:18.8%;opacity:0}
.contents_rice .key_word .key_word02 > .mo .ani02{top:73.1%;left:42.9%;width:20.4%;opacity:0}
.contents_rice .key_word .key_word03 > .mo .ani01{top:15.7%;left:53.6%;width:8.8%;opacity:0}
.contents_rice .key_word .key_word03 > .mo .ani02{top:33.7%;left:68.2%;width:7.9%;opacity:0}
.contents_rice .key_word .key_word03 > .mo .ani03{top:66.6%;left:46.1%;width:12.2%;opacity:0}
.contents_rice .key_word .key_word04 > .mo .ani01{top:31.3%;left:28.7%;width:17.3%;opacity:0}
.contents_rice .key_word .key_word04 > .mo .ani02{top:84.6%;left:39.6%;width:9.1%;opacity:0}
.contents_rice .key_word .key_word01 > .mo .ani01.on{width:28.2%}
.contents_rice .key_word .key_word_layer .mo .on{opacity:1}

.contents_rice .recipe_prod .rice_stxt{}
.contents_rice .recipe_prod .tab{width:76.3%;margin:0 auto 7.4%;}
.contents_rice .recipe_prod .tab li{width:100%;position:relative;}
.contents_rice .recipe_prod .tab p{font-size:15px;background:rgba(0,0,0,0.7);height:100%;line-height:1.2;width:105px;text-align:left;position:absolute;top:0;right:0px;padding:36px 0 0 16px;box-sizing:border-box;letter-spacing:-0.025em}
.contents_rice .recipe_prod .tab li .thumb{position:relative;display:block;}
.contents_rice .recipe_prod .tab li .thumb:before{display:block;content:'';width:100%;height:100%;background:rgba(0,0,0,0.42);position:absolute;top:0;left:0}
.contents_rice .recipe_prod .tab li.on .thumb:before, .contents_rice .recipe_prod .tab li:hover .thumb:before{display:none}
.contents_rice .recipe_prod .tab li.on p, .contents_rice .recipe_prod .tab li:hover p{background:#84b44c}
.contents_rice .recipe_prod .tab_cont{position:relative;}
.contents_rice .recipe_prod .tab_cont .recipe_prod01{background:url(../images/rice/bg_recipe_prod01_m.jpg) no-repeat center 0;background-size:100% auto}
.contents_rice .recipe_prod .tab_cont .recipe_prod02{background:url(../images/rice/bg_recipe_prod02_m.jpg) no-repeat center 0;background-size:100% auto}
.contents_rice .recipe_prod .tab_cont .recipe_prod03{background:url(../images/rice/bg_recipe_prod03_m.jpg) no-repeat center 0;background-size:100% auto}
.contents_rice .recipe_prod .tab_cont > div > div{width:auto;height:auto; }
.contents_rice .recipe_prod .tab_cont > div p{font-size:15px;line-height:1.6;padding-top:40px;position:absolute;top:0;width:100%}
.contents_rice .recipe_prod .tab_cont > div p:after{width:26px;height:26px;background:url('../images/rice/ico_more_recipe_prod.png') no-repeat 0 0;background-size:100%;position:absolute;top:150px;left:50%;margin-left:-13px}
.contents_rice .recipe_prod .tab_cont > div a.click{display:block;width:133px;height:148px;position:absolute;} 
.contents_rice .recipe_prod .tab_cont > div a.click img{width:100%}
.contents_rice .recipe_prod .tab_cont .recipe_prod01 div a{top:61.8%;left:67.8%;width:13%;} 
.contents_rice .recipe_prod .tab_cont .recipe_prod02 div a{top:59.18%;left:43.2%;width:13%;} 
.contents_rice .recipe_prod .tab_cont .recipe_prod03 div a{top:41.2%;left:25.7%;width:13%;} 
.contents_rice .recipe_prod .tab_cont .info{width:auto;background:#fff}
.contents_rice .recipe_prod .tab_cont .info .thumb{position:static;}
.contents_rice .recipe_prod .tab_cont .info a{position: absolute;}
.contents_rice .recipe_prod .tab_cont .info.prod01 .btn01{left:25.1%;top:81%;width:23.4%}
.contents_rice .recipe_prod .tab_cont .info.prod01 .btn02{left:49.7%;top:81%;width:25%}
.contents_rice .recipe_prod .tab_cont .info.prod02 .btn01{left:25.1%;top:81%;width:23.4%}
.contents_rice .recipe_prod .tab_cont .info.prod02 .btn02{left:49.6%;top:81%;width:25%}
.contents_rice .recipe_prod .tab_cont .info.prod03 .btn01{left:25.1%;top:81%;width:23.4%}
.contents_rice .recipe_prod .tab_cont .info.prod03 .btn02{left:49.6%;top:81%;width:25%}

.contents_rice .event_intro{text-align:center}
.contents_rice .event_intro > div{width:auto; margin:0 auto;}
.contents_rice .event_intro > div .btn_event_intro{width:39.9%;margin-top:-3.2%}

.container_rice .instar_quick_area {position:absolute;top:20px;right:4.3%;margin-left:0px;width:16.6%;text-align:center}
.container_rice .instar_quick_area > a{width:83.3%}
.container_rice .instar_quick_area .rice_sns_share{} 
.container_rice .instar_quick_area .rice_sns_share a{display:inline-block;width:41.7%;}
.container_rice .instar_quick_area .rice_sns_share a:first-child {margin-right:12%}
}