@charset "UTF-8";
.esgu-wrap{
@-webkit-keyframes hidebtn{to{z-index:-1}}@keyframes hidebtn{to{z-index:-1}}.top-kv-slide li,.top-kv-wrap,.top-wrap{position:relative}.top-kv-wrap{box-sizing:border-box;height:700px;background-color:#e3eaef;background-position:center bottom;background-repeat:no-repeat;background-size:cover}.top-kv-slide{margin:0 auto}.top-kv-slide li{text-align:center}.top-kv-slide li img,.top-shop-btn a{display:inline-block}.concept-wrap.concept-img01::before,.top-kv-slide li::before{content:"";display:block;position:absolute;z-index:-1;left:0;top:0;background-repeat:no-repeat}.top-kv-slide li::before{width:100%;height:100%;background-image:var(--bg-image);filter:blur(6px);background-position:center;background-size:114% auto}.top-kv-cnt,.top-shop-btn{position:absolute;width:100%}.top-kv-cnt{max-width:1170px;margin:0 auto;height:100%;box-sizing:border-box;overflow:hidden;top:0;left:50%;transform:translateX(-50%)}.top-shop-btn{right:0;bottom:40px}.top-shop-btn>div{max-width:1200px;margin:0 auto;padding:0 20px;text-align:right}.top-shop-btn a{transition:opacity .4s ease}.top-shop-btn a:hover{opacity:.7}.top-esgu,.top-kc-ttl{position:absolute;transform:translateX(-50%)}.top-kc-ttl{left:50%;top:116px}.top-esgu{left:calc(50% + 284px);top:91px;box-sizing:border-box;text-align:right}.concept-wrap{box-sizing:border-box;height:600px}.concept-wrap.concept-img01::before{right:0;bottom:0;background-image:url(../img/concept_img01.jpg);background-position:center bottom;background-size:cover;transition:transform .4s ease}.concept-wrap.concept-img01 .concept-img-sp{display:none}.concept-wrap.concept-img01 .concept-img-sp img,.concept-wrap.concept-img02 .concept-img-sp img,.convenient-wrap .convenient-menu li>img,.function-cnt-img img{width:100%;height:auto}.concept-wrap.concept-img01 .concept-cnt{position:absolute;top:18%;right:14%}.concept-wrap.concept-img01 .concept-cnt .concept-lead{margin-top:30px;text-align:left}.concept-wrap.concept-img02::before{z-index:-1;left:0;top:0;right:0;bottom:0;background-image:url(../img/concept_img02.jpg);transition:transform .4s ease}.concept-wrap.concept-img02 .concept-img-sp{display:none}.concept-wrap.concept-img02 .concept-cnt{position:absolute;top:50%;left:50%;transform:translateY(calc(-50% + 10px)) translateX(-50%)}.function-cnt{max-width:1300px;margin:0 auto;padding:0 15px;position:relative}.function-cnt-detail{box-sizing:border-box;position:relative}.function-cnt-img{position:relative}.voice-link{width:160px;position:absolute;z-index:10}.voice-link a:hover{opacity:.8}.function-logo,.function-ttl{margin-bottom:50px}.function-ttl img{max-width:100%;height:auto}.function-lead{font-size:24px;margin-bottom:60px}.function-lead span{background-color:#fff;padding:0 0 0 15px}.function-lead strong{font-weight:400;color:#eb611e}.function-more{position:relative;max-width:282px;border-bottom:#222 solid 3px;z-index:5}.function-more a,.user-friendly-wrap .user-friendly-lead .user-friendly-lead-cnt .user-friendly-more a{display:block;padding:0 5%;background:url(../../common/img/icon_arrow.png) 58.3% 2px no-repeat;background-size:5% auto;transition-property:all;transition-duration:.3s}.function-more a img,.user-friendly-wrap .user-friendly-lead .user-friendly-lead-cnt .user-friendly-more a img{width:44.4%;height:auto}.function-more a:hover{background-position:64% 2px}.function-wrap{margin:125px 0}.function-wrap>div{position:relative;margin-bottom:100px;padding-top:50px}.concept-wrap.concept-img02::before,.function-wrap>div::before{content:"";display:block;background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute}.function-wrap>div.reverse .function-cnt{flex-direction:row-reverse}.function-wrap>div:last-child{margin-bottom:100px}.function-wrap>div .function-img01{position:absolute;top:0;right:0;width:71%;height:650px;background:url(../img/function_detail01_img.jpg) no-repeat;background-position:center 40%;background-size:cover}.function-wrap>div .function-img02{position:absolute;top:0;left:0;width:71%;height:650px;background:url(../img/function_detail02_img.jpg) no-repeat;background-position:center 40%!important;background-size:cover}.function-wrap>div .function-img03{position:absolute;top:0;right:0;width:71%;height:650px;background:url(../img/function_detail03_img.jpg) no-repeat;background-position:center 40%;background-size:cover}.function-wrap>div .voice-link{bottom:-4%;right:5%}.function-wrap>div:nth-child(1) .function-cnt{padding-bottom:0}.function-wrap>div:nth-child(1) .function-cnt-detail{width:54%}.function-wrap>div:nth-child(1) .function-cnt-img{position:absolute;top:0;right:0;width:71.4%;z-index:10}.function-wrap>div:nth-child(1) .function-cnt-img img,.function-wrap>div:nth-child(3) .function-cnt-img img{max-height:650px}.function-wrap>div:nth-child(1) .function-lead{text-align:left}.function-wrap>div:nth-child(1) .voice-link{bottom:-50px}.function-wrap>div:nth-child(2){margin-bottom:160px}.function-wrap>div:nth-child(2) .function-cnt::after{content:"";display:block;clear:both}.function-wrap>div:nth-child(2) .function-cnt-detail{float:right;width:54%;padding:30px 0 40px;text-align:right}.function-wrap>div:nth-child(2) .function-ttl{text-align:right}.function-wrap>div:nth-child(2) .function-logo-lead{display:flex;flex-direction:column;align-items:flex-end}.function-wrap>div:nth-child(2) .function-lead,.function-wrap>div:nth-child(2) .function-logo{clear:both}.function-wrap>div:nth-child(2) .function-lead{margin-bottom:10px}.function-wrap>div:nth-child(2) .function-more{float:right;clear:both}.function-wrap>div:nth-child(2) .function-more a{display:block;padding:0 20%;background:url(../../common/img/icon_arrow.png) 96% 2px no-repeat;background-size:5% auto}.function-wrap>div:nth-child(2) .function-more a img{width:68.4%;height:auto}.function-wrap>div:nth-child(2) .function-more a:hover{background-position:100% 2px}.function-wrap>div:nth-child(2) .voice-link{bottom:40px;left:7.2%}.function-wrap>div:nth-child(2) .function-notice{width:326px;font-size:14px;font-size:1.4rem;line-height:1.6;margin-bottom:30px}.function-wrap>div:nth-child(3) .function-cnt{padding-bottom:40px}.function-wrap>div:nth-child(3) .function-cnt-detail{width:48%}.function-wrap>div:nth-child(3) .function-cnt-img{position:absolute;top:0;right:0;width:71.4%;z-index:10}.function-wrap>div:nth-child(3) .function-lead{text-align:left}.function-wrap>div:nth-child(3) .voice-link{bottom:-50px}.convenient-wrap h2,.note-ttl-block h3,.user-friendly-wrap h2{text-align:center}.convenient-wrap h2 .for-pc{display:inline-block}.convenient-wrap h2 .for-sp{display:none}.convenient-wrap .convenient-lead{margin-top:40px;text-align:center}.convenient-wrap .convenient-menu{display:flex;flex-wrap:wrap;margin-top:60px}.convenient-wrap .convenient-menu li{position:relative;width:50%}.convenient-wrap .convenient-menu li .icon-convenient{position:absolute;left:2%;bottom:4%}.note-block{margin:80px auto 0;padding:0 20px;max-width:800px;position:relative}.note-ttl-block{margin-bottom:35px}.note-ttl-block p{text-align:center;margin-bottom:15px}.temperature-img{max-width:576px;margin:0 auto 60px}.temperature-img p{margin-bottom:10px}.temperature-img p span{background-color:#eb611e;color:#fff;font-size:14px;padding:3px 8px;margin-right:4px;border-radius:3px}.temperature-list{display:flex;justify-content:space-between;margin-top:20px}.temperature-list li{width:49.7%}.temperature-list li p{padding-right:6%}.temperature-list li img{width:100%}.temperature-lead,.temperature-notice{font-size:18px;font-weight:700}.temperature-lead{margin:15px 0 3px}.basic-notice{font-size:14px;margin-top:15px}.temperature-graph{position:relative}.note-caption{line-height:1.38;text-align:center;background-color:#eb611e;color:#fff;border-radius:10px;padding:5px 15px;margin:5px 0 10px}.user-friendly-wrap{margin-top:120px}.btn-recipe a,.user-friendly-wrap h2 .for-pc{display:inline-block}.btn-recipe a img.img-sp,.gallery-list li.hidden,.user-friendly-wrap h2 .for-sp{display:none}.user-friendly-wrap .user-friendly-lead{margin-top:60px;padding:146px 0 0;height:500px;background:url(../img/user_friendly_bg.jpg) no-repeat center;background-size:cover;box-sizing:border-box}.user-friendly-wrap .user-friendly-lead .user-friendly-lead-cnt{max-width:1110px;margin:0 auto;padding-left:30px;box-sizing:border-box}.user-friendly-wrap .user-friendly-lead .user-friendly-lead-cnt .user-friendly-more{margin-top:129px;max-width:282px;border-bottom:#222 solid 3px}.user-friendly-wrap .user-friendly-lead .user-friendly-lead-cnt .user-friendly-more a:hover{background-position:100% 2px}.bnr-23l{max-width:960px;margin:0 auto 100px;padding:0 15px}.bnr-23l a:hover{opacity:.8}.bnr-23l img{width:100%;height:auto}.mfp-iframe-intro{max-width:960px;margin:0 auto;position:relative}.mfp-close{width:48px;height:48px;right:40px;top:40px;font-size:0;background:0 0;border:0;position:absolute}.mfp-close:active{top:40px}.mfp-close::after,.mfp-close::before{content:"";display:block;background-color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}.mfp-close::before{width:67px;height:1px}.mfp-close::after{width:1px;height:67px}.mfp-move-from-top .mfp-content{transform:translateY(-100px)}.mfp-move-from-top .mfp-content,.mfp-move-from-top.mfp-bg{opacity:0;transition:all .4s ease}.mfp-move-from-top.mfp-ready .mfp-content{opacity:1;transform:translateY(0);overflow:visible}.btn-recipe a:hover,.mfp-move-from-top.mfp-ready.mfp-bg{opacity:.8}.mfp-move-from-top.mfp-removing .mfp-content{transform:translateY(-50px);opacity:0}.mfp-move-from-top.mfp-removing.mfp-bg{opacity:0}.mfp-move-from-top .mfp-bottom-bar{text-align:center}.mfp-move-from-top .mfp-bottom-bar .mfp-title{text-align:center;margin-top:-60px;color:#000;font-size:18px;font-size:1.8rem;padding-left:36px}.btn-recipe{position:absolute;top:690px;left:0;width:100%;z-index:99;opacity:0;transform:translateY(30px);transition:all .6s ease}.btn-recipe>div{max-width:1200px;margin:0 auto;padding:0 20px;text-align:right}.btn-recipe.show{opacity:1;transform:translateY(0)}.btn-recipe a{transition:opacity .4s ease}.gallery-wrap{padding:85px 0 100px;position:relative}.gallery-wrap>div,.info-link ul{margin-top:40px}.gallery-modal-detail p:first-child,.gallery-wrap>div:first-child,.info-link ul li:first-child,.movie-block>div:first-child{margin-top:0}.gallery-bg-ttl{position:absolute;top:0;left:50%;transform:translateX(-50%);opacity:.2;z-index:-1}.gallery-ttl{margin-bottom:15px}.gallery-name h3,.gallery-name p,.gallery-notice,.gallery-ttl{text-align:center}.gallery-name{margin-bottom:30px}.gallery-name p{font-size:18px;font-weight:700;margin-top:5px}.gallery-list{margin:0;padding:0;list-style:none}.gallery-list li{margin:0 15px;transition:opacity .4s ease;cursor:pointer}.gallery-list li:hover{opacity:.7}.gallery-list li img{width:250px;height:auto}.gallery-modal{max-width:500px;background-color:#fff;margin:0 auto;padding:20px;font-size:14px;line-height:1.8}.gallery-modal img{max-width:100%;height:auto}.gallery-modal-detail{max-height:120px;overflow-y:scroll;margin-top:15px}.gallery-modal-detail p{margin-top:10px}.btn-gallery-more{width:300px;margin:50px auto 0;padding:15px;text-align:center;border:#222 solid 1px;box-sizing:border-box;border-radius:50px;cursor:pointer;position:relative}.btn-gallery-more::after{content:"";display:block;width:8px;height:8px;border-right:#222 solid 1px;border-bottom:#222 solid 1px;transform:rotate(45deg);position:absolute;top:50%;right:25px;margin-top:-7px}.movie-ttl{text-align:center;margin:100px 0 60px}.movie-block{max-width:960px;margin:0 auto}.movie-block>div{display:flex;justify-content:space-between;align-items:center;margin-top:50px}.movie-block .mov-link::after{width:100px;height:99px;transform:translate(-50%,-36%)}.movie-lead{font-size:24px;line-height:1.6;margin-bottom:20px}.movie-lead span{font-size:20px}.movie-detail{width:36%;font-size:14px;line-height:1.86}.info-link-detail p,.movie-link{text-align:center}.info-link{padding:80px 20px 100px;margin-bottom:50px;background-color:#edf4f5}.info-link ul li{margin-top:15px}.info-link ul li a{display:block;text-align:center;border:#7d8081 solid 1px;border-radius:3px;color:#222;background:#fff url(../img/info_arrow.png) 10px center no-repeat;background-size:12px auto;padding:2px 2px 2px 20px}.info-link-wrap{max-width:960px;margin:0 auto;display:flex;justify-content:space-between}.info-link-img{width:58.1%}.info-link-detail{width:39%;padding:0 6.3%;box-sizing:border-box}@media only screen and (max-width:768px){.top-kv-wrap{height:auto;background-size:cover}.function-lead span,.top-kv-cnt,.top-shop-btn>div{padding:0}.top-shop-btn{right:10px;bottom:22px}.top-shop-btn a{width:80px}.top-kc-ttl{top:30px;width:160px}.top-esgu{left:auto;right:10px;top:20px;transform:translateX(0);width:60px;padding:0}.concept-wrap{border:0;height:500px}.concept-wrap.concept-img01{height:auto;padding-bottom:30px}.concept-wrap.concept-img01::before,.concept-wrap.concept-img02::before{content:none}.concept-wrap.concept-img01 .concept-img-sp{display:block}.concept-wrap.concept-img01 .concept-cnt{position:static}.concept-wrap.concept-img01 .concept-cnt h2{position:absolute;left:5%;top:8%;width:70%}.concept-wrap.concept-img01 .concept-cnt .concept-lead{margin:15px 15px 0;font-size:1.4rem;text-align:left}.concept-wrap.concept-img02{height:auto}.concept-wrap.concept-img02 .concept-img-sp{display:block}.concept-wrap.concept-img02 .concept-cnt{position:static;transform:none}.concept-wrap.concept-img02 .concept-cnt h2{position:absolute;left:50%;top:45%;width:58%;transform:translateY(calc(-50% + 10px)) translateX(-50%)}.function-cnt{display:block;padding:0 15px}.function-cnt-img{margin-bottom:30px}.voice-link{width:110px}.function-ttl{width:52.3%;padding-top:12%}.function-lead,.function-logo,.function-ttl{margin-bottom:30px;text-align:center}.function-lead{font-size:18px;margin-bottom:40px}.function-more{max-width:200px;margin:0 auto}.function-more a,.user-friendly-wrap .user-friendly-lead .user-friendly-lead-cnt .user-friendly-more a{background-position:85% 2px}.function-more a img,.user-friendly-wrap .user-friendly-lead .user-friendly-lead-cnt .user-friendly-more a img{width:50%}.function-more a:hover{background-position:90% 2px}.function-wrap{margin:30px 0}.function-wrap>div{margin-bottom:60px;padding-top:0}.function-wrap>div:last-child{margin-bottom:0}.function-wrap>div .function-img01,.function-wrap>div .function-img02,.function-wrap>div .function-img03{width:64.4%;height:0;padding-top:48%;margin-bottom:20px;background-image:url(../img/function_detail01_img_sp.jpg);background-position:center}.function-wrap>div .function-img02,.function-wrap>div .function-img03{background-image:url(../img/function_detail02_img_sp.jpg)}.function-wrap>div .function-img03{background-image:url(../img/function_detail03_img_sp.jpg)}.function-wrap>div .voice-link{bottom:15px;right:15px}.function-wrap>div:nth-child(1) .function-cnt-detail{width:auto;padding-left:0}.function-wrap>div:nth-child(1) .function-cnt-img{width:auto}.function-wrap>div:nth-child(1) .function-logo-lead{display:block}.function-wrap>div:nth-child(1) .function-logo{width:53.9%;max-width:300px;margin-bottom:0;padding:10px 15px 20px 0;text-align:left;background-color:#fff}.function-wrap>div:nth-child(1) .function-more{max-width:200px;margin:0}.function-wrap>div:nth-child(1) .voice-link{width:90px;bottom:-30px;left:220px}.function-wrap>div:nth-child(2){margin-bottom:60px}.function-wrap>div:nth-child(2) .function-cnt{padding-bottom:0}.function-wrap>div:nth-child(2) .function-cnt-detail{float:none;width:auto;padding:0}.function-wrap>div:nth-child(2) .function-ttl{position:absolute;right:15px;width:52.3%;padding-top:12%;margin-bottom:30px;text-align:center}.function-wrap>div:nth-child(2) .function-logo-lead{position:relative;padding-top:43%;text-align:right}.function-wrap>div:nth-child(2) .function-lead,.function-wrap>div:nth-child(2) .function-logo{float:none}.function-wrap>div:nth-child(2) .function-logo{width:53.9%;max-width:300px;min-width:280px;margin-bottom:0;padding:10px 0 20px 15px;text-align:left;background-color:#fff}.function-wrap>div:nth-child(2) .function-lead{width:53.9%;max-width:300px;min-width:280px;margin-bottom:0;padding:10px 0 0 15px;text-align:left}.function-wrap>div:nth-child(2) .function-more{margin:0 auto;text-align:left}.function-wrap>div:nth-child(2) .function-more a{padding:0 5%;background-position:85% 2px}.function-wrap>div:nth-child(2) .function-more a img{width:50%}.function-wrap>div:nth-child(2) .function-more a:hover{background-position:90% 2px}.function-wrap>div:nth-child(2) .voice-link{width:90px;bottom:-30px;left:auto;right:220px}.function-wrap>div:nth-child(2) .function-notice{float:none;display:block;width:53.9%;max-width:300px;min-width:280px;margin-bottom:40px;padding:10px 0 0 15px;text-align:left;font-size:1.2rem}.function-wrap>div:nth-child(3) .function-cnt{padding-bottom:0;margin-bottom:80px}.function-wrap>div:nth-child(3) .function-cnt-detail{width:auto;padding-left:0}.function-wrap>div:nth-child(3) .function-cnt-img{width:auto}.function-wrap>div:nth-child(3) .function-logo-lead{display:block}.function-wrap>div:nth-child(3) .function-logo{width:53.9%;max-width:300px;margin-bottom:0;padding:10px 15px 20px 0;text-align:left;background-color:#fff}.function-wrap>div:nth-child(3) .function-more{max-width:200px;margin:0}.function-wrap>div:nth-child(3) .voice-link{width:90px;bottom:-30px;left:220px}.convenient-wrap h2 .for-pc{display:none}.convenient-wrap h2 .for-sp{width:300px;display:inline-block}.convenient-wrap .convenient-lead{margin:20px auto 0;padding:0 15px;text-align:left}.convenient-wrap .convenient-menu{margin-top:40px}.convenient-wrap .convenient-menu li .icon-convenient{width:60px;height:auto}.note-block{margin-top:60px}.note-ttl-block{display:block;max-width:300px;margin:0 auto 35px}.note-ttl-block h3 img{width:240px}.temperature-img{margin-bottom:30px}.temperature-list{display:block}.temperature-list li{width:auto}.temperature-list li:nth-child(1){margin-bottom:30px}.temperature-notice{font-size:16px;text-align:center}.movie-lead span,.temperature-lead{font-size:16px}.note-caption{position:static;display:block;font-size:14px;width:auto;height:auto;border-radius:8px;padding:5px 15px}.user-friendly-wrap{margin-top:60px}.user-friendly-wrap h2{width:250px;margin:0 auto}.btn-recipe a img.img-pc,.user-friendly-wrap h2 .for-pc{display:none}.user-friendly-wrap h2 .for-sp{display:block}.user-friendly-wrap .user-friendly-lead{padding:30px 0 0;background:url(../img/user_friendly_bg_sp.jpg) no-repeat center bottom;background-size:cover;box-sizing:border-box}.user-friendly-wrap .user-friendly-lead .user-friendly-lead-cnt{padding:0 15px}.user-friendly-wrap .user-friendly-lead .user-friendly-lead-cnt .user-friendly-more{margin-top:20px;max-width:200px}.bnr-23l{margin-bottom:50px}.mfp-close{width:24px;height:24px;right:10px;top:10px}.mfp-close::before{width:34px}.mfp-close::after{height:34px}.mfp-move-from-top .mfp-bottom-bar .mfp-title{font-size:1.6rem;margin-top:0;color:#fff}.btn-recipe{opacity:1;transform:translateY(0);position:static}.btn-recipe>div{padding:0}.btn-recipe a img.img-sp{display:inline}.gallery-wrap{padding:50px 15px}.gallery-wrap>div{margin-top:50px}.gallery-ttl img,.movie-ttl img{width:auto;height:19px!important}.gallery-name{margin-bottom:15px}#container .gallery-name img{width:auto;height:40px}.gallery-list{margin:0 -15px}.gallery-list li{margin:0 5px}.gallery-list li img{width:150px}.gallery-modal{padding:15px}.btn-gallery-more{width:250px;padding:10px;margin-top:30px}.movie-ttl{margin:50px 0 30px}.movie-block>div{display:block}.movie-lead{font-size:20px;margin-bottom:10px}.movie-detail{width:auto;margin-bottom:20px}.info-link{padding:40px 20px}.info-link ul{margin-top:30px}.info-link ul li{margin-top:10px}.info-link-wrap{display:block}.info-link-img{width:300px;margin:0 auto 30px}.info-link-detail{width:auto;padding:0}.info-link-detail p{width:200px;margin:0 auto}}@media only screen and (min-width:500px) and (max-width:900px){.user-friendly-wrap .user-friendly-lead{padding:30px 0 0;background:url(../img/user_friendly_bg_tb.jpg) no-repeat center bottom;background-size:cover;box-sizing:border-box;height:400px}.user-friendly-wrap .user-friendly-lead .user-friendly-lead-cnt .user-friendly-more{margin-top:30px}}
}