@charset "utf-8";@media screen and (min-width: 641px){@-webkit-keyframes simpleFadeIn{0%{opacity:0}100%{opacity:1}}@keyframes simpleFadeIn{0%{opacity:0}100%{opacity:1}}h2{text-align:center;overflow:hidden}.inner span.subttl{display:block;width:0;position:absolute;z-index:1;overflow:hidden}#contents_block{background:url(../common/img/bg_content.png) center top}#about,#tasty,#products,#movie,#voice,#event,#diabetes,#sunaolife{position:relative;z-index:1}#about h2 img,#tasty h2 img,#products h2 img,#movie h2 img,#voice h2 img,#event h2 img,#diabetes h2 img,#sunaolife h2 img{width:auto;height:100%}#about .bg,#tasty .bg,#products .bg,#movie .bg,#voice .bg,#event .bg,#diabetes .bg,#sunaolife .bg{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;-webkit-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s}#about .bg img,#tasty .bg img,#products .bg img,#movie .bg img,#voice .bg img,#event .bg img,#diabetes .bg img,#sunaolife .bg img{width:100%;height:auto}#about a:hover .bg,#tasty a:hover .bg,#products a:hover .bg,#movie a:hover .bg,#voice a:hover .bg,#event a:hover .bg,#diabetes a:hover .bg,#sunaolife a:hover .bg{opacity:.8}.arrow{position:absolute;width:46px;height:4px;-webkit-transition-property:width;-o-transition-property:width;transition-property:width;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s}.arrow::before,.arrow::after{content:'';position:absolute;background-color:#5A2800;border-radius:1px;height:1px;-webkit-transition-property:width;-o-transition-property:width;transition-property:width}.arrow::before{bottom:0;width:100%}.arrow::after{bottom:2px;right:0;width:8px;-webkit-transform:rotate(35deg);-ms-transform:rotate(35deg);transform:rotate(35deg)}a:hover .arrow{width:73px}#mvWrap{position:relative}#mv{position:relative;height:645px;background:none}#mv .mv_inner{position:relative;display:block;width:980px;margin:0 auto}#mv .ttl{position:absolute;top:122px;left:108px;width:447px;z-index:1}#mv .catch{position:absolute;top:308px;left:144px;width:350px;z-index:1}#mv .ttl img,#mv .catch img{width:100%}#mv .inner{top:327px;text-align:left;z-index:1}#mv .logo{position:absolute;top:78px;right:3px;width:199px}#mv .logo img{width:100%}#mv .visual{position:absolute;top:0;left:50%;width:3600px;margin-left:-1800px}#mv .visual img{width:100%}#mv .decoration{margin-left:-640px}#mv .pkg{position:absolute;left:70px;top:-55px}#mv .pkg img{width:169px}#mv .pkg .notice{display:inline-block;position:absolute;right:-8px;bottom:-2px;padding:2px 5px;font-size:10px;background-color:rgba(255,0,0,0.25)}#mv p.txt{width:206px;position:absolute;bottom:-195px;right:224px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}#mv p.txt img{width:101px}#mv p.notes{position:absolute;right:-0.5%;top:210px;width:104%;font-size:10px;line-height:1.4;text-align:right;z-index:3;color:#333}#nav.topnav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#nav.topnav li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:73px}#nav.topnav ul{position:relative;padding:18px 0}#nav.topnav ul::before,#nav.topnav ul::after{content:'';position:absolute;left:0;width:100%;height:4px;background:url(../img/bg_gnav.png) no-repeat;background-size:100% auto}#nav.topnav ul::before{top:0}#nav.topnav ul::after{bottom:0}#nav.topnav ul li a:hover{background-position:center top!important}#nav.topnav ul li a b{display:none}#nav.topnav ul li:first-child + li a{height:44px;background-size:auto 100%;background-position:center top;background-repeat:no-repeat;background-image:url(../img/btn_top-about.png)}#nav.topnav ul li:first-child + li a:hover{background-image:url(../img/btn_top-about_hover.png)}#nav.topnav ul li:first-child + li ~ li a{position:relative}#nav.topnav ul li:first-child + li ~ li a:before{content:'';position:absolute;top:50%;left:0;margin-top:-10px;width:1px;height:20px;background-color:#000}#nav.topnav ul li:first-child + li + li a{height:44px;background-size:auto 100%;background-position:center top;background-repeat:no-repeat;background-image:url(../img/btn_top-commit.png)}#nav.topnav ul li:first-child + li + li a:hover{background-image:url(../img/btn_top-commit_hover.png)}#nav.topnav ul li:first-child + li + li + li a{height:44px;background-size:auto 100%;background-position:center top;background-repeat:no-repeat;background-image:url(../img/btn_top-products.png)}#nav.topnav ul li:first-child + li + li + li a:hover{background-image:url(../img/btn_top-products_hover.png)}#nav.topnav ul li:first-child + li + li + li + li a{height:44px;background-size:auto 100%;background-position:center top;background-repeat:no-repeat;background-image:url(../img/btn_top-movie.png)}#nav.topnav ul li:first-child + li + li + li + li a:hover{background-image:url(../img/btn_top-movie_hover.png)}#nav.topnav ul li:first-child + li + li + li + li + li a{height:44px;background-size:auto 100%;background-position:center top;background-repeat:no-repeat;background-image:url(../img/btn_top-voice.png)}#nav.topnav ul li:first-child + li + li + li + li + li a:hover{background-image:url(../img/btn_top-voice_hover.png)}#nav.topnav ul li:first-child + li + li + li + li + li + li a{height:44px;background-size:auto 100%;background-position:center top;background-repeat:no-repeat;background-image:url(../img/btn_top-event.png)}#nav.topnav ul li:first-child + li + li + li + li + li + li a:hover{background-image:url(../img/btn_top-event_hover.png)}#nav.topnav ul li:first-child + li + li + li + li + li + li + li a{height:44px;background-size:auto 100%;background-position:center top;background-repeat:no-repeat;background-image:url(../img/btn_top-diabetes.png)}#nav.topnav ul li:first-child + li + li + li + li + li + li + li a:hover{background-image:url(../img/btn_top-diabetes_hover.png)}#nav.topnav ul li:first-child + li + li + li + li + li + li + li + li a{height:44px;background-size:auto 100%;background-position:center top;background-repeat:no-repeat;background-image:url(../img/btn_top-life.png)}#nav.topnav ul li:first-child + li + li + li + li + li + li + li + li a:hover{background-image:url(../img/btn_top-life_hover.png)}.hover{display:inline-block;text-align:left}.linkArea{display:block;text-align:center}#about{position:relative;margin-top:110px}#about .inner{width:760px;height:360px;position:relative;z-index:0}#about h2{position:absolute;top:99px;right:136px;margin-bottom:16px;height:131px;z-index:2}#about .arrow{top:248px;left:484px}#about::before{content:'';position:absolute;top:12px;right:0;width:150px;height:150px;background:url(../img/dress_vanila.png) no-repeat;background-size:contain;z-index:-1}#tasty{margin-top:30px;position:relative}#tasty .inner{width:760px;height:360px;position:relative;z-index:0}#tasty h2{position:absolute;top:94px;left:50%;margin-left:-146px;height:130px;z-index:2}#tasty .arrow{top:240px;left:50%;margin-left:-23px}#tasty::before{content:'';position:absolute;top:-117px;left:-44px;width:256px;height:250px;background:url(../img/dress_chocolate.png) no-repeat;background-size:contain;z-index:-1}#products{margin-top:30px;position:relative}#products .inner{width:800px;height:1017px;position:relative;z-index:0}#products .risotto{display:inline-block}#products .risotto .wrapper{position:relative}#products .risotto .wrapper .btn-box{position:absolute;top:-294px;right:-8px;width:209px;z-index:2}#products .risotto .wrapper .btn-box .arrow{top:150px;left:66px;bottom:10px;margin-left:0;-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg);z-index:500;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#products .risotto:hover .wrapper .btn-box .arrow{top:162px;left:52px;width:65px}#products .risotto .wrapper .btn-box .arrow::before,#products .risotto .wrapper .btn-box .arrow::after{background-color:#FFF}#products .risotto .wrapper .btn-box .arrow::before{right:0}#products .risotto .wrapper .btn-box .normal{position:relative;width:100%;z-index:100;-webkit-transition:.5s all ease;-o-transition:.5s all ease;transition:.5s all ease}#products .risotto:hover .wrapper .btn-box .normal{opacity:0;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}#products .risotto .wrapper .btn-box .active{position:absolute;top:0;left:0;width:100%;-webkit-transition:.5s all ease;-o-transition:.5s all ease;transition:.5s all ease}#products .risotto:hover .wrapper .btn-box .active{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}#products h2{position:absolute;top:63px;left:50%;margin-left:-168px;height:132px;z-index:2}#products .arrow{top:214px;left:50%;margin-left:-23px}#products::before{content:'';position:absolute;top:-48px;right:20px;width:232px;height:200px;background:url(../img/dress_berry.png) no-repeat;background-size:contain;z-index:-1}#products::after{content:'';position:absolute;bottom:-30px;left:2px;width:234px;height:243px;background:url(../img/dress_nuts.png) no-repeat;background-size:contain;z-index:-1}#movie{margin-top:30px;position:relative}#movie .inner{width:760px;height:360px;position:relative;z-index:0}#movie h2{position:absolute;top:95px;left:114px;height:130px;z-index:2}#movie .arrow{top:243px;left:220px}#movie::after{content:'';position:absolute;top:188px;right:-27px;width:207px;height:247px;background:url(../img/dress_milk.png) no-repeat;background-size:contain;z-index:-1}#voice{margin-top:30px;position:relative}#voice .inner{width:760px;height:360px;position:relative;z-index:0}#voice h2{position:absolute;top:92px;left:50%;margin-left:-100px;height:132px;z-index:2}#voice .arrow{top:240px;left:50%;margin-left:-23px}#event{margin-top:16px;position:relative;z-index:3}#event .inner{width:760px;height:374px;position:relative;z-index:0}#event h2{position:absolute;top:85px;left:50%;margin-left:-113px;height:185px;z-index:2}#event .arrow{top:288px;left:50%;margin-left:-23px}#event::before{content:'';position:absolute;top:-74px;left:0;width:162px;height:157px;background:url(../img/dress_vanilla_left.png) no-repeat;background-size:contain;z-index:-1}#diabetes{margin-top:30px;position:relative;z-index:2}#diabetes .inner{width:760px;height:360px;position:relative;z-index:0}#diabetes .subttl{position:absolute;top:40px;left:225px;width:142px}#diabetes .subttl img{width:100%;height:auto}#diabetes h2{position:absolute;top:100px;left:50%;margin-left:-162px;height:201px;z-index:2}#diabetes::before{content:'';position:absolute;top:-184px;right:3px;width:193px;height:408px;background:url(../img/dress_flour.png) no-repeat;background-size:contain;z-index:-1}#sunaolife{margin:30px 0 85px;position:relative}#sunaolife .inner{width:760px;height:360px;position:relative;z-index:0}#sunaolife h2{position:absolute;top:70px;left:50%;margin-left:-115px;height:180px;z-index:2}#sunaolife::before{content:'';position:absolute;top:-217px;left:-36px;width:388px;height:388px;background:url(../img/dress_butter.png) no-repeat;background-size:contain;z-index:-1}.cpbnr p{background:url(../common/img/line_bnrArea.gif) repeat-x top center;padding:50px 0;text-align:center}.cpbnr p a{display:inline-block}.bnr_area{padding:50px 0;background:url(../common/img/line_bnrArea.gif) repeat-x top center,#fff}.bnr_area a{width:600px;display:block;margin:0 auto;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.bnr_area a:hover{opacity:.8}.bnr_area a img{width:100%}}