@charset "UTF-8";
/* common setting */
#header_rspv, #responsiveHead, #header {
 position: relative;
 z-index: 10000;
}
#navHeader, .nav_close, .nav_open, #Navi .child-nav-box {
 z-index: 1;
}
/* 画像リンク */
#main {
 overflow: hidden;
 background: #fff;
}
.RICE .mb1 {
 margin-bottom: 10px;
}
.RICE .mb2 {
 margin-bottom: 20px;
}
.RICE .mb3 {
 margin-bottom: 30px;
}
.RICE .mb4 {
 margin-bottom: 40px;
}
.RICE .mb5 {
 margin-bottom: 50px;
}
.RICE .mb6 {
 margin-bottom: 60px;
}
.RICE .mb7 {
 margin-bottom: 70px;
}
.RICE .mb8 {
 margin-bottom: 80px;
}
.RICE .mb9 {
 margin-bottom: 90px;
}
.RICE .mb10 {
 margin-bottom: 100px;
}
.pb1 {
 padding-bottom: 10px;
}
.pb2 {
 padding-bottom: 20px;
}
.pb3 {
 padding-bottom: 30px;
}
.pb4 {
 padding-bottom: 40px;
}
.pb5 {
 padding-bottom: 50px;
}
.pb6 {
 padding-bottom: 60px;
}
.pb7 {
 padding-bottom: 70px;
}
.pb8 {
 padding-bottom: 80px;
}
.pb9 {
 padding-bottom: 90px;
}
.pb10 {
 padding-bottom: 100px;
}
.txtC {
 text-align: center !important;
}
.txtR {
 text-align: right !important;
}
/* common setting END */
.RICE {
 position: relative;
 text-align: left;
 font-size: 17px;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.RICE div, .RICE p, .RICE a, .RICE img, .RICE ul, .RICE li, .RICE h1, .RICE h2, .RICE h3, .RICE h4, .RICE h5 {
 box-sizing: border-box;
 max-width: 100%;
}
.RICE img {
 height: auto;
 max-height: none;
}
.RICE a img {
transition-duration: 0.2s;
}
.RICE a:hover img {
 opacity: 0.7;
}

.RICE-width {
 width: 950px;
 margin-left: auto;
 margin-right: auto;
}


.RICE-Flex {
 display: flex;
 /*justify-content: space-between;*/
 justify-content: center;
}

.RICE-tatoeba-box {
 overflow: hidden;
 padding: 40px 0 10px;
}

.RICE-tatoeba-box ul {
 display: flex;
 justify-content: space-between;
    flex-flow: row wrap;
}

.RICE-tatoeba-box li {
 width: 30%;
    text-align: center;
    margin: 0 10px 30px 0;
}

.col-50 {
 flex: 0 0 50%;
}

.nidan-kaatsu {color:orangered;text-decoration: underline;}

@media only screen and (max-width: 949px) {
 .RICE-width {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
 }

}
.RICE-header .RICE-width {position: relative;}
.onModal .RICE-header{height: 100vh;}

.RICE-header h1 {
 position: absolute;
 right: 0;
 font-weight: 500;
 font-size: 18px;
 width: 80px;
 height: 80px;
 z-index: 9001;
  /*add 2021.12*/
  display: none;
}
.RICE-header h1.active img {
 opacity: 0;
}
.RICE-header h1.active {
 background: url("../images/menu-close.png") no-repeat center;
 background-size: 80px;
}
.RICE-header-menu {
 display: none;
 position: absolute;
 z-index: 9000;
 left: 0;
 top: 0;
 width: 100%;
 height: 100vh;
 padding: 40px 0;
 overflow-y: auto;
 background: #fff294;
}
.RICE-header-menu ul {
 width: 90%;
 max-width: 950px;
 height: 100%;
 min-height: 320px;
 margin: auto;
 background: #fff294 url("../images/main-rice-logo.png") no-repeat right bottom;
 background-size: 200px;
 background-position: left 340px top -60px;
}
.RICE-header-menu li {
 padding: 10px 0;
}
.RICE-header-menu li a {
 color: #963;
}
.RICE-header-menu.active {
 display: block;
}
x.Fixed {
 padding-top: 60px;
}
.Fixed .RICE-header {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 z-index: 90001;
}
.RICE-main {
 height: calc(100vh - 144px);
 min-height: 413px;
}
.RICE-main ul {
 position: relative;
 left: 50%;
 top: 0;
 height: 100%;
 width: 950px;
 transition-duration: 0s;
 margin-left: -475px;
}
.RICE-main li {
 height: 100%;
 width: 950px;
 left: 50%;
 margin-left: -475px;
 top: 0;
 text-align: center;
 overflow: hidden;
 position: absolute;
 padding-top: 0;
}
.RICE-main li em {
 text-align: center;
}
.RICE-main li.RICE-main05,
.RICE-main li.RICE-main01 {
 z-index: 4;
 display: flex;
 justify-content: center;
 align-items: center;
}
.RICE-main li.RICE-main05 img {
 max-width: 300px;
 height: auto;
 position: relative;
 margin-top: 0;
}
.RICE-main li.RICE-main01 img {
 max-width: 300px;
 opacity: 0;
 height: auto;
 position: relative;
 margin-top: 0;
 animation: scaler 8s forwards;
}
.RICE-main li.RICE-main02 {
 z-index: 2;
 align-items: center;
 display: flex;
 opacity: 0;
 justify-content: center;
}
.RICE-main li.RICE-main02 em {
 display: block;
}
.RICE-main li.RICE-main02 img {
 max-width: 300px;
 animation: scaler 8s forwards;
}
.RICE-main li.RICE-main03 {
 z-index: 1;
 display: none;
 background-image: url("../images/main-rice-img.jpg");
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
 top: 60px;
}
.RICE-main li.RICE-main03 em {
 display: none;
}
.RICE-main li.RICE-main04 {
 z-index: 3;
 display: flex;
 justify-content: flex-start;
 flex-direction: row;
 opacity: 0;
 align-items: flex-start;
}
.RICE-main li.RICE-main04 em {
 position: relative;
 left: -1%;
}
.RICE-main li.RICE-main04 img {
 min-height: 413px;
 max-height: 479px;
 height: calc(100vh - 180px);
 width: auto;
}
.RICE-main ul.noFix li {
 position: absolute;
 bottom: auto;
 top: auto;
}
@keyframes scaler {
 0% {
  transform: scale(1);
 }
 100% {
  transform: scale(1.1);
 }
}
.RICE {
 line-height: 1.75;
}
.RICE h2 {
 font-size: 30px;
 margin-bottom: 50px;
 line-height: 1.2;
 color: #673500;
 transition-duration: 1s;
 width: 100%;
 overflow: hidden;
 position: relative;
 left: -1vw;
 opacity: 0;
}
.RICE h2.inview-show {
 width: 100%;
 height: auto;
 left: 0;
 opacity: 1;
}
.RICE h2 strong {
 display: inline-block;
 border-bottom: 0 solid #673500;
 padding: 0 0 2px;
}
.RICE h2 span {
 display: inline-block;
 font-size: 0.8em;
 margin-bottom: 15px;
 border-bottom: 0 solid #673500;
}
.RICE h2 span::after {
 content: "";
 display: block;
 height: 2px;
 width: 1%;
 background: #673500;
 margin-top: 4px;
 transition-duration: 1s;
}
.RICE h2.inview-show span::after {
 width: 100%;
}
.RICE h2 strong::after {
 content: "";
 display: block;
 height: 3px;
 width: 1%;
 background: #673500;
 margin-top: 4px;
 transition-duration: 2s;
}
.RICE h2.inview-show strong::after {
 width: 100%;
}
.RICE h2 img {
 vertical-align: middle;
 width: 48px;
 margin-right: 16px;
}
.RICE p {
 padding-bottom: 20px;
}
.RICE img {
 max-width: 100%;
}
.RICE a.anchor {
 display: block;
 padding-top: 80px;
 margin-top: -80px;
 position: relative;
 z-index: -1;
}
.RICE-w720 {
 width: 720px;
 margin-left: auto;
 margin-right: auto;
}
.RICE-lead {
 background: #f9f5ea;
 padding: 80px 80px 40px;
 margin-bottom: 80px;
}
.RICE-ft01 {
 text-align: left;
 padding: 0 24px;
}
.RICE-points {
 margin-bottom: 50px;
}
.RICE-points p {
 padding: 4px;
}
.RICE-Kodawari {
 overflow: hidden;
 margin-bottom: 50px;
}
.RICE-Kodawari p {
 text-align: left;
}
.RICE-Kodawari p.RICE-Kodawari-Photo {
 float: right;
 margin: 0 0 0 50px;
}
.RICE-Kodawari h2 {
 margin-bottom: 40px;
}
.RICE-Kodawari h4 {
 text-align: left;
 color: #673500;
 margin-bottom: 20px;
}
.RICE-Kodawari h3 {
 color: #963;
 margin-bottom: 20px;
}
.RICE-FlexonPC {
 display: flex;
 justify-content: space-between;
}
.RICE-FlexonPC div {
 flex: 0 0 48%;
}
.RICE-BNR01 {
 background: #f8fddd;
 background-size: cover;
 padding: 40px 80px;
 margin-bottom: 60px;
}
.RICE-BNR01 h3 {
 margin-bottom: 20px;
 font-size: 20px;
 text-align: center;
}
.RICE-BNR01 p {
 flex: 0 0 49%;
}
.RICE-check {
 background: url("../images/ft01-bg.jpg");
 background-size: cover;
 padding: 80px 0;
 margin-bottom: 80px;
 text-align: center;
}
.RICE-check h3 {
 text-shadow: 0 0 8px #fff;
 margin-bottom: 40px;
}
.RICE-check p img {
 width: 540px;
}
.RICE-ft02 {
 background: #fdf8ee;
 background: #fffceb;
 padding: 80px 24px;
 margin-bottom: 80px;
}
.RICE-ft02 h2{
 margin-bottom: 40px;
}
.RICE-ft02-box {
 overflow: hidden;
 padding: 40px 0 10px;
}
.RICE-ft02 p {
 padding-bottom: 0;
}
.RICE-ft02-box h3 {
 color: #673500;
 font-size: 22px;
 font-weight: 500;
 margin-bottom: 20px;
 margin-top: 0;
 float: left;
 width: 45%;
}
.RICE-ft02-box p {
 float: right;
 width: 50%;
 padding-bottom: 20px;
}
.RICE-ft02-box h5 {
 font-size: 1em;
 font-weight: 400;
 float: left;
 width: 45%;
}
.RICE-ft03 {
 padding: 0 0 40px;
 margin-bottom: 120px;
 text-align: center;
 margin: auto;
}
.RICE-ft03 h3 {
 color: #673500;
 font-size: 32px;
 font-weight: 500;
 margin-bottom: 40px;
}
.RICE-ft03 h3 span {
 font-size: 0.8em;
 font-weight: normal;
}
.RICE-ft03 p{padding-bottom: 0;
  position: relative;
 }
 .RICE-ft03 b{
  display: block;
  width: 96%;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 24px 40px;
 }
.RICE-ft03 b img{}
.RICE-ft03-banner{
 padding: 40px 0;
 background: url("../images/ft03-07-bg.jpg");
 text-align: left;
}
.RICE-ft03-banner h4{
 font-size: 18px;
 margin:0 auto 20px;
 width: 720px;
}
.RICE-ft03-banner p{
 width: 720px;
 margin: auto;
}
.RICE-ft03 ul {
 padding: 40px 0;
}
.RICE-ft03 li {
 text-align: center;
 padding-bottom: 20px;
}
.RICE-ft03 li img {
 width: 540px;
}
.RICE-ft04 {
 background: #f3eee6 url("../images/ft04-bg.jpg");
 padding: 80px 0 40px;
 margin-bottom: 80px;

}
.RICE-ft04 h3 {
 color: #963;
 font-size: 32px;
 font-weight: 500;
 margin-bottom: 40px;
}
.RICE-ft04 h3 span {
 font-size: 0.8em;
 font-weight: normal;
}
.RICE-ft04 ul {
 padding: 40px 0;
 display: flex;
 justify-content:center;
}
.RICE-ft04 li {
 text-align: center;
 margin:0 10px;
 padding-bottom: 20px;
 padding: 0 2px;
 flex: 0 0 33%;
}
.RICE-ft04 li img {
 width: 540px;
}
.RICE-ft04 .RICE-ft04-inner {
 width: 650px;
 margin: auto;
}
.RICE-ft04 .RICE-ft04-inner p {
 text-align: left;
}
.RICE-ft05 {
 width: 700px;
 margin: 0 auto 100px;
 text-align: center;
}
.RICE-ft05 h3 {
 font-size: 32px;
 font-weight: 400;
 margin-bottom: 80px;
}
.RICE-ft05 h4 {
 padding: 20px;
 border-top: 1px solid #000;
 border-bottom: 1px solid #000;
 text-align: left;
 margin-bottom: 40px;
}
.RICE-ft05 .RICE-ft05-Flex {
 display: flex;
 justify-content: space-between;
 border-bottom: 1px solid #000;
 padding: 0 50px 50px;
}
.RICE-ft05 .RICE-ft05-Flex p {
 display: flex;
 justify-content: space-between;
 flex-direction: column;
}
.RICE-ft05 .RICE-ft05-Flex a {
 display: block;
}
.RICE-ft05 .RICE-ft05-Flex em {
 display: block;
 padding: 20px 0 20px;
 font-style: normal;
}
.RICE-ft05 .RICE-kakomi {
 background: #fff;
 padding: 50px 20px;
 margin-bottom: 20px;
}
.RICE-ft05 .RICE-kakomi h3 {
 font-size: 36px;
}
.RICE-ft05 ul {
 padding: 40px 0;
}
.RICE-ft05 li {
 text-align: center;
 padding-bottom: 20px;
}
.RICE-ft05 li img {
 width: 540px;
}

.Outdoor-Mosimo{
 margin: 60px 0 100px;
 background: #ffedd4;
 padding: 35px 0 50px 0;
}
.Outdoor-Mosimo h3{text-align: center; padding: 0 0 28px;}
.Outdoor-Mosimo-Wrap{
 display: flex;
 justify-content: space-between;
 flex-wrap:wrap;
 padding: 0 35px;
}
.Outdoor-Mosimo .Bloc{
 width:32%;
}
.Outdoor-Mosimo .Bloc p{
 position: relative;
}
.OutdoorBtn,
.MosimoBtn,
.RollingBtn{
 display: block;
 width: 100%;
 padding: 0 16px 30px 24px;
 position: absolute;
 bottom: 0px;
 text-align: center;
}


   







.RICE-love {
 background: url("../images/bg-rice.png");
 padding: 80px 0;
 margin-bottom: 50px;
}
.RICE-love h3 {
 color: #673500;
 font-size: 30px;
 margin-bottom: 20px;
}
.RICE-love-inner{
 width: 640px;
 margin: auto;
}
.RICE-love h4 {
 padding-bottom: 40px;
 font-weight: normal;
}
.RICE-love p {}
.gWorld-Scroller {
 z-index: 2;
 position: fixed;
 left: 50%;
 top: 70vh;
 margin-left: -436px;
 width: 1px;
 height: 64px;
 text-align: center;
 background: rgba(153, 102, 51, 0.7);
 display: inline-block;
}
.gWorld-Scroller span {
 position: relative;
 left: -4px;
 top: 0;
 width: 9px;
 height: 9px;
 display: block;
 animation: Scroller 3s infinite;
 background: #963;
 transform: rotate(-45deg);
}
@keyframes Scroller {
 0% {
  top: 0;
  opacity: 0;
 }
 10% {
  top: 0;
  opacity: 1;
 }
 90% {
  top: 64px;
  opacity: 1;
 }
 100% {
  top: 64px;
  opacity: 0;
 }
}
.Modal {
 display: block;
}
.RICE-Modal {
 position: fixed;
 top: 0;
 z-index: 5000000;
 width: 100vw;
 height: 100vh;
 overflow-y: auto;
 background: #fff;
 padding: 20px 0;
 display: none;
 -webkit-overflow-scrolling: touch;
}

.RICE-width-Modal {
 width: 950px;
 margin: auto;
 box-shadow: 0 2px 4px #ccc;
}
.RICE-Modal-inner {
 padding: 50px;
}

.RICE-Modal-Close {
 margin: 50px 0 0;
}
.RICE-Modal-Close a {
 display: block;
 margin: auto;
 background: #ffc;
 text-align: center;
 color: #111;
 padding: 20px 20px 10px;
 border: 4px solid #ff6;
 width: 100px;
}
.RICE-Modal-Close a:hover {
 background: #ffc;
}
.RICE-Modal-Close span {
 display: block;
 padding: 10px 0 0;
}


.noPC {
 display: none;
}
.noSP {
 display: block;
}
.RICE-720 {
 width: 720px;
 margin-left: auto;
 margin-right: auto;
}
.onModal{height: 100vh; overflow-y: auto;}
.onModal #header,
.onModal #responsiveHead,
.onModal #navHeader,
.onModal #footer,
.onModal .RICE-main,
.onModal .RICE-Body{display: none;}
/* SP */
@media only screen and (max-width: 949px) {
 .RICE-main ul {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  transition-duration: 0s;
  margin-left: 0;
 }
 .RICE-main li {
  width: 100%;
  left: 0;
  margin-left: 0;
 }
}
@media only screen and (max-width: 768px) {
 .noSP1{
  display: none;
 }

 .RICE-header {
  padding: 0 8px;
 }
 .RICE-main ul {
  left: 0;
  width: auto;
  margin: 0;
 }
 .RICE-main li.RICE-main02 {
  z-index: 2;
  padding-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
 }
 .RICE-main li.RICE-main03 {
  background-image: url("../images/main-rice-img_s.jpg");
 }
 .RICE-main li.RICE-main04 {
  justify-content: center;
  margin: 0;
  padding: 16px;
 }
 .RICE-main li.RICE-main04 em {
  left: 0;
 }
 .RICE-main li.RICE-main04 img {}
 .RICE-width {
  padding: 0 0;
 }
 .RICE-lead {
  padding: 24px;
  text-align: left;
  margin-bottom: 40px;
 }
 .RICE-ft01 {
  padding: 0 24px;
  text-align: left;
 }
 .RICE-Kodawari {
  margin-bottom: 40px;
  padding: 0 0;
 }
 .RICE-Kodawari h2 {
  margin-bottom: 25px;
 }
 .RICE-Kodawari p.RICE-Kodawari-Photo {
  float: none;
  margin: 0;
 }
 .RICE-FlexonPC {
  display: block;
  padding: 0 80px;
 }
 .RICE-BNR01 {
  padding: 24px;
  text-align: left;
 }
 .RICE-BNR01 h3 {
  font-size: 18px;
 }

 .RICE-ft03 {
  text-align: left;
  padding: 0 0 40px;
  margin-bottom: 40px;
 }
 .RICE-ft03 h2 {
  padding: 0 0 0 24px;
 }
 .RICE-ft03 h3 {
  text-align: center;
  font-size: 24px;
 }
 .RICE-ft03 h3 span {
  font-size: 14px;
 }
 .RICE-ft03 p {
  position: relative;
 }
 .RICE-ft03 b{
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 24px 40px;
 }
  .RICE-ft03-05 b{
   padding: 0 24px 20px;
 }

 .RICE-ft04 {
  padding: 40px 24px;
  margin-bottom: 40px;
 }
 .RICE-ft04 h3 {
  font-size: 20px;
  margin-left: -0.5em;
 }
 .RICE-ft04 h3 span {
  font-size: 15px;
 }
 .RICE-ft04 .RICE-kakomi {
  padding: 40px 15px;
 }
 .RICE-ft05 {
  padding: 24px 24px 16px;
  margin-bottom: 40px;
 }
 .RICE-ft05 h3 {
  margin-bottom: 40px;
 }
 .RICE-ft05 .RICE-ft05-Flex {
  padding: 0 0 24px;
 }
 .RICE-ft05 p {
  flex: 0 0 45%;
 }
 
 .Outdoor-Mosimo{
  padding: 40px 0 20px;
  margin: 0 0 100px;
 display: block;
 justify-content: space-between;
}
 .Outdoor-Mosimo h3{ padding: 0 24px 30px;}
 .Outdoor-Mosimo-Wrap{
  display: block;
  padding: 0 30px;
 }
.Outdoor-Mosimo .Bloc{
 width:100%;
 line-height: 0;
 padding-bottom: 16px;
}
.Outdoor-Mosimo .Bloc p{
 position: relative;
}
.OutdoorBtn,
.MosimoBtn,
.RollingBtn{
 display: block;
 width: 100%;
 padding: 0 16px 30px 24px;
 position: absolute;
 bottom: 0px;
 text-align: center;
}

 
 .RICE-love {
  padding: 40px 24px;
  margin-bottom: 80px;
 }
 .RICE-love h3 {
  font-size: 22px;
 }
 .RICE-love .RICE-love-logo img {
  width: 64vw;
 }
 .gWorld-Scroller {
  left: 50%;
  top: 77vh;
  margin-left: -45vw;
 }
}
/*-------------------------------------------------------------------------------------------*/
/* 768px以下 END */
@media only screen and (max-width: 640px) {
  .noPC {
  display: block;
 }
 .noSP {
  display: none;
 }
 #main {
  border: 0;
  background: #fff;
 }
 .RICE-header-menu{padding: 80px 0; height: 100vh;}
 .RICE-header-menu ul{
  min-height: 100vh;
 background: #fff294 url("../images/main-rice-logo.png") no-repeat 5% 300px;
 background-size: 150px;
 }
 
 
 .RICE {
  font-size: 15px;
 }
 .RICE h2 {
  font-size: 5.5vw;
  margin-bottom: 30px;
 }
/*  .RICE-Flex {
  display: block;
 }*/
  .RICE-Flex {
  display: flex;
  /*justify-content: space-between;*/
  justify-content: center;
 }

.RICE-tatoeba-box {
 overflow: hidden;
 padding: 40px 0 10px;
}

.RICE-tatoeba-box ul {
 display: flex;
 justify-content: space-between;
 
}

.RICE-tatoeba-box li {
 width: 45%;
    text-align: center;
    margin: 0 5px 30px 0;
}

    
 .col-50 {
  flex: 0 0 100%;
 }
 .RICE-ft01 h2 strong{ font-size: 4.5vw;}
 .RICE-Kodawari h2 strong{ font-size: 5.0vw;}
 
  .RICE-ft02 {
  text-align: left;
  padding: 40px 24px;
   margin-bottom: 40px;
 }
 
 .RICE-ft02 h3 {
  font-size: 18px;
 }
 .RICE-ft02-box {}
 .RICE-ft02-box h3 {
  float: none;
  width: auto;
 }
 .RICE-ft02-box p {
  float: none;
  width: auto;
 }
 .RICE-ft02-box h5 {
  float: none;
  width: auto;
 }
 .RICE-ft04 ul{
 display: block;
  padding: 0 0;
  max-width: 400px;
  margin: auto;
 }
.RICE-ft04 li{
 padding-bottom: 8px;}
 
 .RICE-ft05 p{ font-size: 3vw;}
 
 .RICE-FlexonPC {
  padding: 0 8px;
 }
 .RICE-ft03-banner{
  padding: 40px 24px;
 }
 
 .RICE-Modal{padding: 0;}
 .RICE-width-Modal{width: auto; padding: 0 20px 80px;}
 .RICE-Modal-inner{padding: 20px;}
 
}
/* End Responsive Section */
/*Humberg*/
.RICE-menu-trigger {
 cursor: pointer;
 display: block;
}
.RICE-menu-trigger, .RICE-menu-trigger span {
 display: inline-block;
 transition: all .4s;
 box-sizing: border-box;
}
.RICE-menu-trigger {
 position: relative;
 width: 28px;
 height: 15px;
}
.RICE-menu-trigger span {
 position: absolute;
 left: 0;
 width: 100%;
 height: 2px;
 background-color: #fff;
 border-radius: 0px;
}
.RICE-menu-trigger span:nth-of-type(1) {
 top: 0;
}
.RICE-menu-trigger span:nth-of-type(2) {
 bottom: 0;
}
.RICE-menu-trigger span:nth-of-type(3) {
 bottom: 0;
 display: none;
}
.RICE-menu-trigger span:nth-of-type(1) {
 animation: menu-bar01 .75s forwards;
}
.RICE-menu-trigger em {
 color: #262222;
 font-size: 10px;
 position: absolute;
 left: 0;
 bottom: -15px;
 text-align: center;
 width: 100%;
}
.RICE-menu-trigger:hover span {
 background: #fe3;
}
.RICE-menu-trigger:hover em {
 color: #c00;
}
@keyframes menu-bar01 {
 0% {
  transform: translateY(6px) rotate(45deg);
 }
 50% {
  transform: translateY(6px) rotate(0);
 }
 100% {
  transform: translateY(0) rotate(0);
 }
}
x.RICE-menu-trigger span:nth-of-type(2) {
 transition: all .25s .25s;
 opacity: 1;
}
.RICE-menu-trigger span:nth-of-type(2) {
 animation: menu-bar03 .75s forwards;
}
@keyframes menu-bar02 {
 0% {
  transform: translateY(-6px) rotate(-45deg);
 }
 50% {
  transform: translateY(-6px) rotate(0);
 }
 100% {
  transform: translateY(0) rotate(0);
 }
}
.RICE-menu-trigger.active span:nth-of-type(1) {
 animation: active-menu-bar01 .75s forwards;
}
@keyframes active-menu-bar01 {
 0% {
  transform: translateY(0) rotate(0);
 }
 50% {
  transform: translateY(6px) rotate(0);
 }
 100% {
  transform: translateY(6px) rotate(45deg);
 }
}
x.RICE-menu-trigger.active span:nth-of-type(2) {
 opacity: 0;
}
.RICE-menu-trigger.active span:nth-of-type(2) {
 animation: active-menu-bar03 .75s forwards;
}
@keyframes active-menu-bar03 {
 0% {
  transform: translateY(0) rotate(0);
 }
 50% {
  transform: translateY(-6px) rotate(0);
 }
 100% {
  transform: translateY(-6px) rotate(-45deg);
 }
}