@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");#yasai-contents #bistrohome_container{font-family:'Noto Sans JP', sans-serif;font-weight:700;letter-spacing:0.05em}@media only screen and (max-width: 750px){#yasai-contents #bistrohome_container{letter-spacing:0em}}@media only screen and (max-width: 1000px){#yasai-contents .inner{width:100%;min-width:0;padding:0 27px}}#yasai-contents .border{font-size:0}#yasai-contents #mv{position:relative}#yasai-contents #mv img{width:100%;height:auto}@media only screen and (max-width: 1200px){#yasai-contents #mv{padding-top:90px}}#yasai-contents #mv ul.slider{position:relative;width:100vw;height:calc(950 / 1920 * 100vw)}@media only screen and (max-width: 750px){#yasai-contents #mv ul.slider{height:calc(500 / 375 * 100vw)}}#yasai-contents #mv ul.slider li{position:absolute;top:0;left:0;height:100%;overflow:hidden;width:0;transition:width .8s ease-in-out}#yasai-contents #mv ul.slider li .text{position:absolute;width:100vw;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center}#yasai-contents #mv ul.slider li .text .text01{width:calc(660 / 1400 * 100%)}@media only screen and (max-width: 750px){#yasai-contents #mv ul.slider li .text .text01{width:100%}}#yasai-contents #mv ul.slider li .bg{position:absolute;width:100vw;height:100%}#yasai-contents #mv ul.slider li.show{width:100vw}#yasai-contents #mv ul.slider li.animation .text{opacity:0;transition:all .6s ease-in .6s}#yasai-contents #mv ul.slider li.animation.show .text{opacity:1}#yasai-contents #mv ul.slider li.animation .bg{transform:scale(1.1);transition:transform 6s ease-out}#yasai-contents #mv ul.slider li.animation.show .bg{transform:scale(1)}#yasai-contents #mv ul.pointers{position:absolute;bottom:53px;display:flex;justify-content:center;width:100%;z-index:7500}@media only screen and (max-width: 750px){#yasai-contents #mv ul.pointers{bottom:32px}}#yasai-contents #mv ul.pointers li.pointer{width:10px;height:10px;background-color:#F2F2F2;border-radius:50%;margin:0 8px;cursor:pointer}#yasai-contents #mv ul.pointers li.pointer.selected{background-color:#FF9300;text-align:center}#yasai-contents #mv .kv_foot{position:relative;font-size:0;margin-top:-2px}#yasai-contents .wood_area{background-image:url(/yasai/bistrohome/img/bg_wood.jpg);background-size:100% auto}@media only screen and (max-width: 750px){#yasai-contents .wood_area{background-size:1000px auto}}#yasai-contents h2.title{display:block;font-size:0;padding-bottom:0;margin:0 auto;background-image:none}#yasai-contents h3.title{display:block;font-size:0;padding-bottom:0;margin:0 auto}#yasai-contents .img{margin:0 auto}#yasai-contents #sec_use{padding-top:80px;background-image:url(/yasai/bistrohome/img/sec_use_bg.png);background-size:1400px auto;background-position:center top;background-repeat:no-repeat}@media only screen and (max-width: 750px){#yasai-contents #sec_use{background-image:url(/yasai/bistrohome/img/sp/sec_use_bg.png);background-size:100% auto}}#yasai-contents #sec_use h2.title{width:318px;margin-bottom:45px}@media only screen and (max-width: 750px){#yasai-contents #sec_use h2.title{width:222px;margin-bottom:36px}}#yasai-contents #sec_use h3.title1{width:531px;margin-top:44px}@media only screen and (max-width: 750px){#yasai-contents #sec_use h3.title1{width:320px;margin-top:40px}}#yasai-contents #sec_use .img1{width:394px;margin-top:13px}@media only screen and (max-width: 750px){#yasai-contents #sec_use .img1{width:251px;margin-top:23px}}#yasai-contents #sec_use h3.title2{width:739px;margin-top:44px}@media only screen and (max-width: 750px){#yasai-contents #sec_use h3.title2{width:290px;margin-top:23px}}#yasai-contents #sec_use .img2{width:734px;margin-top:25px}@media only screen and (max-width: 750px){#yasai-contents #sec_use .img2{width:344px;margin-top:11px}#yasai-contents #sec_use .img2 img{margin-left:-12px}}#yasai-contents #sec_use .img3{max-width:385px;margin-top:25px}@media only screen and (max-width: 750px){#yasai-contents #sec_use .img3{width:260px;margin-top:11px}}#yasai-contents #sec_use p.body{text-align:center;font-size:20px;line-height:2;margin-top:25px}@media only screen and (max-width: 750px){#yasai-contents #sec_use p.body{font-size:15px}}#yasai-contents #sec_use ul.notes{margin-top:10px}@media only screen and (max-width: 750px){#yasai-contents #sec_use ul.notes{width:calc(100% + 54px);margin-left:-27px}}#yasai-contents #sec_use ul.notes li{font-weight:400;text-align:center;color:#EA541C;font-size:13px}@media only screen and (max-width: 750px){#yasai-contents #sec_use ul.notes li{font-size:10px}}#yasai-contents #sec_use h3.title3{width:729px;margin-top:60px}@media only screen and (max-width: 750px){#yasai-contents #sec_use h3.title3{width:268px;margin-top:31px}}#yasai-contents #sec_use .btn{margin:0 auto;width:548px;margin-top:40px;transition:all .2s linear}#yasai-contents #sec_use .btn:hover{opacity:.75}@media only screen and (max-width: 750px){#yasai-contents #sec_use .btn{width:320px;margin-top:20px}}#yasai-contents #sec_movie{padding-top:80px;background-image:url(/yasai/bistrohome/img/sec_movie_bg.png);background-size:1400px auto;background-position:center top;background-repeat:no-repeat}@media only screen and (max-width: 750px){#yasai-contents #sec_movie{background-image:url(/yasai/bistrohome/img/sp/sec_movie_bg.png);background-size:100% auto;padding-top:40px}}#yasai-contents #sec_movie h2.title{width:318px;margin-top:70px}@media only screen and (max-width: 750px){#yasai-contents #sec_movie h2.title{width:223px;margin-top:50px}}#yasai-contents #sec_movie .video_thumb{width:650px;margin:0 auto;margin-top:30px}@media only screen and (max-width: 750px){#yasai-contents #sec_movie .video_thumb{width:100%}}#yasai-contents #sec_movie .icon_video_play:before{width:80px;height:80px}@media only screen and (max-width: 750px){#yasai-contents #sec_movie .icon_video_play:before{width:50px;height:50px}}@media only screen and (max-width: 750px){#yasai-contents #sec_movie .icon_video_play:after{width:16px;height:20px;background-size:cover}}#yasai-contents #sec_lineup{padding-top:100px;background-color:transparent;background-image:url(/yasai/bistrohome/img/sec_lineup_bg.png);background-size:1400px auto;background-position:center top;background-repeat:no-repeat}@media only screen and (max-width: 750px){#yasai-contents #sec_lineup{background-image:url(/yasai/bistrohome/img/sp/sec_lineup_bg.png);background-size:100% auto;background-position:center bottom;padding-top:56px}}#yasai-contents #sec_lineup h2.title{width:483px;margin-top:66px}@media only screen and (max-width: 750px){#yasai-contents #sec_lineup h2.title{width:314px;margin-top:44px}}#yasai-contents #sec_lineup .products{display:flex;justify-content:space-between;width:550px;margin:0 auto;margin-top:31px}@media only screen and (max-width: 750px){#yasai-contents #sec_lineup .products{width:100%;max-width:324px}}#yasai-contents #sec_lineup .products .product{text-align:center}#yasai-contents #sec_lineup .products .product .img{width:105px;filter:drop-shadow(10px 10px 10px rgba(0,0,0,0.3))}@media only screen and (max-width: 750px){#yasai-contents #sec_lineup .products .product .img{width:73px}}#yasai-contents #sec_lineup .products .product p{margin-top:15px;font-size:16px;letter-spacing:0;font-weight:400}@media only screen and (max-width: 750px){#yasai-contents #sec_lineup .products .product p{font-size:14px}}#yasai-contents #sec_lineup .products .product a.btn{max-width:245px;height:50px;margin-top:18px;background-color:#552E00;border:solid 1px #552E00;color:#FFF}@media only screen and (max-width: 750px){#yasai-contents #sec_lineup .products .product a.btn{font-size:14px;max-width:155px;height:35px;justify-content:left;padding-left:18px}}#yasai-contents #sec_lineup .products .product a.btn:after{background-image:url(/yasai/shared/img/arrow_right_wht.svg)}@media only screen and (max-width: 750px){#yasai-contents #sec_lineup .products .product a.btn:after{right:12px}}#yasai-contents #sec_lineup .products .product a.btn:hover{background-color:#FFF;border:solid 1px #552E00;color:#552E00}#yasai-contents #sec_lineup .products .product a.btn:hover:after{background-image:url(/yasai/bistrohome/img/arrow_brown.svg)}#yasai-contents .blackboard_area{background-image:url(/yasai/bistrohome/img/bg_blackboard.jpg);background-size:100% auto;margin-bottom:100px}#yasai-contents .blackboard_area .bg_area{background-image:url(/yasai/bistrohome/img/bg_blackboard.png);background-size:1400px auto;background-position:center top;background-repeat:no-repeat}@media only screen and (max-width: 750px){#yasai-contents .blackboard_area .bg_area{background-image:url(/yasai/bistrohome/img/sp/bg_blackboard.png);background-size:100% auto}}#yasai-contents .blackboard_area .blackboard_top{transform:scale(-1, -1);font-size:0}#yasai-contents .blackboard_area .blackboard_bottom{padding-top:80px}@media only screen and (max-width: 750px){#yasai-contents .blackboard_area .blackboard_bottom{padding-top:40px}}#yasai-contents .blackboard_area .title_recipe{width:833px;margin:0 auto;margin-top:100px}@media only screen and (max-width: 750px){#yasai-contents .blackboard_area .title_recipe{width:100%;max-width:342px;margin-top:50px}}#yasai-contents .blackboard_area .inner{padding:0}#yasai-contents .blackboard_area h2{background-image:none}#yasai-contents .blackboard_area a.btn{width:300px;height:50px;margin-top:20px;color:#552E00;cursor:pointer}@media only screen and (max-width: 750px){#yasai-contents .blackboard_area a.btn{width:155px;height:35px}#yasai-contents .blackboard_area a.btn:after{right:13px}}#yasai-contents .blackboard_area a.btn:after{background-image:url(/yasai/bistrohome/img/arrow_brown.svg)}#yasai-contents .blackboard_area a.btn:hover{background-color:#FF5800}#yasai-contents .blackboard_area #sec_microwave{padding-top:80px}@media only screen and (max-width: 750px){#yasai-contents .blackboard_area #sec_microwave{padding-top:60px}}#yasai-contents .blackboard_area #sec_microwave h2.title{width:571px}@media only screen and (max-width: 750px){#yasai-contents .blackboard_area #sec_microwave h2.title{width:100%;max-width:317px}}#yasai-contents .blackboard_area #sec_main{padding-top:80px}@media only screen and (max-width: 750px){#yasai-contents .blackboard_area #sec_main{padding-top:40px}}#yasai-contents .blackboard_area #sec_main h2.title{width:497px}@media only screen and (max-width: 750px){#yasai-contents .blackboard_area #sec_main h2.title{width:100%;max-width:269px}}#yasai-contents .blackboard_area #sec_pasta{padding-top:80px}@media only screen and (max-width: 750px){#yasai-contents .blackboard_area #sec_pasta{padding-top:40px}}#yasai-contents .blackboard_area #sec_pasta h2.title{width:497px}@media only screen and (max-width: 750px){#yasai-contents .blackboard_area #sec_pasta h2.title{width:100%;max-width:238px}}#yasai-contents .blackboard_area #sec_pasta .recipes .recipe:last-child{margin:0;margin-bottom:24px}#yasai-contents .blackboard_area .recipes{display:flex;justify-content:space-between;flex-flow:row wrap;max-width:842px;margin:0 auto;margin-top:32px}@media only screen and (max-width: 750px){#yasai-contents .blackboard_area .recipes{justify-content:space-around;margin-top:15px}}#yasai-contents .blackboard_area .recipes .recipe{cursor:pointer;width:calc( 372 / 842 * 100% );margin-bottom:24px}@media only screen and (max-width: 750px){#yasai-contents .blackboard_area .recipes .recipe{width:50%;max-width:160px}#yasai-contents .blackboard_area .recipes .recipe#recipe3{max-width:183px}#yasai-contents .blackboard_area .recipes .recipe#recipe5{max-width:182px}#yasai-contents .blackboard_area .recipes .recipe#recipe6{max-width:200px}#yasai-contents .blackboard_area .recipes .recipe#recipe7{max-width:182px}}#yasai-contents .blackboard_area .recipes .recipe:hover .btn{background-color:#FF5800}#yasai-contents .blackboard_area .recipes .recipe:last-child{margin:auto}#yasai-contents #modal .modal{top:0;left:0;position:fixed;z-index:175010;width:100vw;height:100vh;padding:10vh 0;overflow-y:scroll;background-color:#000;opacity:0;pointer-events:none;transition:opacity 0.4s ease}@media only screen and (max-width: 750px){#yasai-contents #modal .modal{padding:0}}#yasai-contents #modal .modal.show{opacity:1;pointer-events:all}#yasai-contents #modal .modal .bg_area{position:absolute;width:100vw;height:100vh;background-color:#000}#yasai-contents #modal .modal .recipe{position:relative;max-width:700px;margin:0 auto}#yasai-contents #modal .modal .btn_close{position:fixed;top:10px;right:10px;cursor:pointer}
/*# sourceMappingURL=bistrohome.css.map */
