.only-pc{display:block}@media screen and (max-width: 1024px){.only-pc{display:none}}.only-tab{display:none}@media screen and (max-width: 1024px){.only-tab{display:block}}.only-sp{display:none}@media screen and (max-width: 767px){.only-sp{display:block}}body{font-family:"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",sans-serif}img{width:100%;height:auto}p{text-align:justify;font-size:18px;line-height:2;letter-spacing:.05em}@media screen and (max-width: 1024px){p{font-size:16px}}@media screen and (max-width: 767px){p{font-size:14px}}.container{padding:0 80px}.fixed-bg{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:-100;overflow:hidden}.bubble{position:absolute;background:url(../../assets/img/lp/hinode-sour/bubble.png) no-repeat center center/contain;mix-blend-mode:screen;width:20px;height:20px;opacity:.8;-webkit-animation:bubbleAnimation linear infinite;animation:bubbleAnimation linear infinite}@-webkit-keyframes bubbleAnimation{0%{-webkit-transform:translateY(100vh) translateX(0);transform:translateY(100vh) translateX(0)}25%{-webkit-transform:translateY(-60vh) translateX(50px);transform:translateY(-60vh) translateX(50px)}50%{-webkit-transform:translateY(-120vh) translateX(-50px);transform:translateY(-120vh) translateX(-50px)}75%{-webkit-transform:translateY(-180vh) translateX(50px);transform:translateY(-180vh) translateX(50px)}100%{-webkit-transform:translateY(-240vh) translateX(0);transform:translateY(-240vh) translateX(0)}}@keyframes bubbleAnimation{0%{-webkit-transform:translateY(100vh) translateX(0);transform:translateY(100vh) translateX(0)}25%{-webkit-transform:translateY(-60vh) translateX(50px);transform:translateY(-60vh) translateX(50px)}50%{-webkit-transform:translateY(-120vh) translateX(-50px);transform:translateY(-120vh) translateX(-50px)}75%{-webkit-transform:translateY(-180vh) translateX(50px);transform:translateY(-180vh) translateX(50px)}100%{-webkit-transform:translateY(-240vh) translateX(0);transform:translateY(-240vh) translateX(0)}}.loading{display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;width:100%;height:100vh;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:999}.loading__inner{max-width:240px}@media screen and (max-width: 767px){.loading__inner{max-width:50%}}.loading .loading__line{position:absolute;width:100%;height:11%;background:#000;left:0;z-index:-1}.loading .loading__line--01{top:0}.loading .loading__line--02{top:10%}.loading .loading__line--03{top:20%}.loading .loading__line--04{top:30%}.loading .loading__line--05{top:40%}.loading .loading__line--06{top:50%}.loading .loading__line--07{top:60%}.loading .loading__line--08{top:70%}.loading .loading__line--09{top:80%}.loading .loading__line--10{top:90%}.title{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#fff;font-size:34px;font-weight:bold;padding:40px 0 20px;margin:0 auto}@media screen and (max-width: 767px){.title{font-size:7vw}}.title::before{content:"";position:absolute;background:url(../../assets/img/lp/hinode-sour/obj.svg) no-repeat center center/contain;width:30px;height:30px;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.title::after{content:"";position:absolute;background:-webkit-gradient(linear, left top, right top, from(#DE0000), color-stop(33%, #DE0000), color-stop(33%, #FFD500), color-stop(66%, #FFD500), color-stop(66%, #8C0044), to(#8C0044));background:linear-gradient(90deg, #DE0000 0%, #DE0000 33%, #FFD500 33%, #FFD500 66%, #8C0044 66%, #8C0044 100%);width:230px;height:3px;left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.fixed-btn{position:fixed;background:-webkit-gradient(linear, left top, right top, from(#DE0000), color-stop(50%, #FFD500), to(#FE347E));background:linear-gradient(90deg, #DE0000 0%, #FFD500 50%, #FE347E 100%);font-family:"Barlow",sans-serif;font-size:40px;font-weight:700;font-style:italic;clip-path:polygon(5% 0%, 100% 0, 100% 100%, 0% 100%);right:0;bottom:30px;padding:5px 30px;z-index:100;-webkit-transition:.2s;transition:.2s}@media(hover: hover){.fixed-btn:hover{padding:5px 40px}}@media screen and (max-width: 767px){.fixed-btn{width:100%;font-size:8vw;clip-path:none;bottom:0;border:7px solid #000;text-align:center}}.fixed-campaign{position:fixed;background:#06c655;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:10px;padding:20px;right:20px;bottom:20px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);z-index:100}@media screen and (max-width: 767px){.fixed-campaign{max-width:300px;padding:14px}}.fixed-campaign__text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#ffff01;font-size:20px;font-weight:bold;line-height:1.4;margin:0 auto}@media screen and (max-width: 767px){.fixed-campaign__text{font-size:14px}}.fixed-campaign__note{display:grid;place-content:center;background:#ffff01;max-width:220px;border-radius:30px;font-size:14px;font-weight:bold;line-height:1;margin:8px auto 0;padding:8px}@media screen and (max-width: 767px){.fixed-campaign__note{font-size:12px}}.fixed-campaign__close{position:absolute;background:#ddd;width:24px;aspect-ratio:1;border-radius:50%;top:-12px;right:12px;cursor:pointer}.fixed-campaign__close::before,.fixed-campaign__close::after{content:"";position:absolute;width:60%;height:2px;background:#000;top:50%;left:50%;translate:-50% -50%}.fixed-campaign__close::before{rotate:45deg}.fixed-campaign__close::after{rotate:-45deg}.mv{position:fixed;width:50%;height:100vh;top:0;left:0}@media screen and (max-width: 1024px){.mv{position:initial;width:100%;height:auto}}.mv__inner{position:relative;width:100%;aspect-ratio:3/4;min-height:580px;max-height:100vh}@media screen and (max-width: 1024px){.mv__inner{aspect-ratio:768/1024;max-height:initial}}@media screen and (max-width: 767px){.mv__inner{aspect-ratio:9/14;height:100%;min-height:initial}}.mv__title{position:absolute;width:90%;max-width:700px;top:5%;left:50%;translate:-50% 0;z-index:1}.mv__title::before,.mv__title::after{content:"";position:absolute;background:url(../../assets/img/lp/hinode-sour/obj.svg) no-repeat center center/cover;width:8%;aspect-ratio:1/1}.mv__title::before{top:0;left:0;-webkit-transform:scale(-1, 1);transform:scale(-1, 1)}.mv__title::after{top:38%;right:24%}.mv__products-wrap{position:absolute;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8%;width:65%;bottom:5%;left:50%;translate:-50% 0}@media screen and (max-width: 1024px){.mv__products-wrap{width:65%}}@media screen and (max-width: 767px){.mv__products-wrap{width:72%;bottom:10%}}.mv__products{-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-filter:drop-shadow(10px 10px 14px rgba(0, 0, 0, 0.5));filter:drop-shadow(10px 10px 14px rgba(0, 0, 0, 0.5))}.mv__notation{position:absolute;width:14%;max-width:160px;right:5%;bottom:5%}.mv__splash{position:fixed;width:50%;mix-blend-mode:hard-light;left:0;bottom:0;z-index:-1}@media screen and (max-width: 1024px){.mv__splash{position:absolute;width:100%}}.contents{width:50%;margin-left:50%}@media screen and (max-width: 1024px){.contents{width:100%;margin:0}}.intro{position:relative;background:#000;width:100%;height:100vh;min-height:800px}@media screen and (max-width: 767px){.intro{height:auto;min-height:initial}}.intro__line{position:absolute;background:-webkit-gradient(linear, left top, right top, from(#DE0000), color-stop(50%, #FFD500), to(#FE347E));background:linear-gradient(90deg, #DE0000 0%, #FFD500 50%, #FE347E 100%);width:100%;height:10px;top:0;left:0;-webkit-transform-origin:right;transform-origin:right}.intro__inner{width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align:center}@media screen and (max-width: 767px){.intro__inner{position:initial;-webkit-transform:none;transform:none;padding:60px 20px}}.intro__logo{position:relative;max-width:240px;margin:0 auto 40px;padding:0 0 30px 0}@media screen and (max-width: 767px){.intro__logo{max-width:180px;margin:0 auto 30px}}.intro__logo::before{content:"";position:absolute;width:115%;height:3px;background:-webkit-gradient(linear, left top, right top, from(#DE0000), color-stop(33%, #DE0000), color-stop(33%, #FFD500), color-stop(66%, #FFD500), color-stop(66%, #8C0044), to(#8C0044));background:linear-gradient(90deg, #DE0000 0%, #DE0000 33%, #FFD500 33%, #FFD500 66%, #8C0044 66%, #8C0044 100%);left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.intro__text{color:#fff;font-size:26px;font-weight:bold;text-align:center}@media screen and (max-width: 767px){.intro__text{font-size:5vw}}.intro__text+.intro__text{margin-top:60px}@media screen and (max-width: 767px){.intro__text+.intro__text{margin-top:40px}}.scroll{width:40px;height:40px;border:1px solid #fff;border-radius:50%;position:relative;-webkit-animation:down 1.5s infinite;animation:down 1.5s infinite;margin:30px auto 0}.scroll::before{content:"";position:absolute;top:11px;left:12px;width:13px;height:13px;border-left:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@-webkit-keyframes down{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translateY(15px);transform:translateY(15px)}40%{-webkit-transform:translate(0);transform:translate(0)}}@keyframes down{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translateY(15px);transform:translateY(15px)}40%{-webkit-transform:translate(0);transform:translate(0)}}.products__mv{position:relative;aspect-ratio:7/3;background:url(../../assets/img/lp/hinode-sour/image_bg.jpg) no-repeat top center/cover}@media screen and (max-width: 767px){.products__mv{aspect-ratio:5/3}}.products__title-area{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.products__item{position:relative}.products__bg{position:absolute;z-index:-1}.products__bg--cola01{top:0;right:0;width:300px}@media screen and (max-width: 767px){.products__bg--cola01{width:50%}}.products__bg--cola02{left:-30px;bottom:-50px;width:300px}@media screen and (max-width: 767px){.products__bg--cola02{width:60%}}.products__bg--ginger01{top:0;right:0;width:200px}@media screen and (max-width: 767px){.products__bg--ginger01{width:30%}}.products__bg--ginger02{left:-30px;bottom:-50px;width:500px}@media screen and (max-width: 767px){.products__bg--ginger02{width:80%}}.products__bg--red01{top:0;right:0;width:280px}@media screen and (max-width: 767px){.products__bg--red01{width:60%}}.products__bg--red02{left:-30px;bottom:-200px;width:600px}@media screen and (max-width: 767px){.products__bg--red02{left:-40%;bottom:-10%;width:120%}}.products__body{padding:70px}@media screen and (max-width: 767px){.products__body{padding:60px 20px}}.products__img-area{position:relative}.products__img-area::before{content:"";position:absolute;width:100%;height:10px;top:0;left:0}.products__img-area--cola::before{background:#000}.products__img-area--ginger::before{background:#ff9401}.products__img-area--red::before{background:#fe347e}.products__name{position:absolute;width:auto;height:9%;bottom:5%}.products__name--ginger{right:5%}.products__name--red,.products__name--cola{left:5%}.products__detail{background:#fff;padding:50px}@media screen and (max-width: 767px){.products__detail{padding:25px}}.products__title{font-size:28px;font-weight:bold;text-align:center;line-height:1.4}@media screen and (max-width: 767px){.products__title{font-size:6vw}}.products__lead{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:23px;font-weight:bold;border:1px solid #000;line-height:1.15;margin:20px auto 30px;padding:5px 15px}@media screen and (max-width: 767px){.products__lead{font-size:4.2vw;margin:15px auto 25px}}.products__lead--cola{color:#fff;background:#de0000}.products__lead--ginger{background:#ffd500}.products__lead--red{color:#fff;background:#8c0044}.products__text{font-weight:bold;text-align:center}.products__text+.products__text{margin-top:30px}@media screen and (max-width: 767px){.products__text+.products__text{margin-top:20px}}.products__img{display:block;width:80%;margin:20px auto}@media screen and (max-width: 767px){.products__img{width:100%}}.products__grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}@media screen and (max-width: 767px){.products__grid{grid-template-columns:auto}}.products__explain{display:grid;place-content:center;border:1px solid #000;font-weight:bold;font-size:14px;line-height:1.4}.products__explain--top{background:#000;color:#fff;padding:5px 10px}.products__explain--bottom{grid-column:1/3;padding:10px 20px}@media screen and (max-width: 767px){.products__explain--bottom{grid-column:auto;padding:10px}}.how-to{background:#000}.how-to__inner{padding:70px}@media screen and (max-width: 767px){.how-to__inner{padding:60px 20px}}.how-to__body{background:#fff;padding:40px 40px 20px 40px;margin-top:60px}@media screen and (max-width: 767px){.how-to__body{padding:10px 20px;margin-top:40px}}.how-to__break{display:block;max-width:350px;margin:30px auto}.how-to__text{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-weight:bold;text-align:center;line-height:1.4;padding:0 20px;margin:0 auto}.how-to__text span{font-size:1.15em}.how-to__text::before,.how-to__text::after{content:"";position:absolute;background:#000;width:1px;height:100%;top:0}.how-to__text::before{left:0;-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}.how-to__text::after{right:0;-webkit-transform:rotate(20deg);transform:rotate(20deg)}.arrange{background:#000}.arrange__inner{padding:70px}@media screen and (max-width: 767px){.arrange__inner{padding:60px 20px}}.arrange__body{margin-top:60px;display:grid;gap:60px}@media screen and (max-width: 767px){.arrange__body{margin-top:40px;gap:40px}}.campaign{background:#06c655}.campaign__inner{padding:70px}@media screen and (max-width: 767px){.campaign__inner{padding:60px 20px}}.campaign__body{background:#fff}.campaign__title{padding:20px 20px 0}.campaign__content{padding:20px 30px}@media screen and (max-width: 767px){.campaign__content{padding:20px 15px}}.campaign__lead{color:#de0000;font-weight:bold;line-height:1.4}.campaign__index{background:#ffff01;text-align:center;font-weight:bold;padding:5px;margin:20px 0 15px}@media screen and (max-width: 767px){.campaign__index{font-size:16px}}.campaign__text{font-size:16px;font-weight:bold;line-height:1.4}@media screen and (max-width: 767px){.campaign__text{font-size:14px}}.campaign__text:has(+.campaign__note){margin-bottom:5px}.campaign__note{font-size:14px;line-height:1.4;padding-left:16px;text-indent:-16px}@media screen and (max-width: 767px){.campaign__note{font-size:12px}}.shop{position:relative;background:url(../../assets/img/lp/hinode-sour/bg_shop.jpg) no-repeat center center/cover}.shop__inner{padding:70px 70px 100px}@media screen and (max-width: 767px){.shop__inner{padding:60px 20px}}.shop__link{display:block;margin-top:60px;-webkit-transition:.2s;transition:.2s}@media(hover: hover){.shop__link:hover{-webkit-filter:drop-shadow(0 0 10px rgba(0, 0, 0, 0.3));filter:drop-shadow(0 0 10px rgba(0, 0, 0, 0.3));-webkit-transform:scale(1.02);transform:scale(1.02)}}.shop img{display:block;max-width:450px;margin:0 auto}.footer{position:relative;background:#000;padding:40px 30px}@media screen and (max-width: 767px){.footer{padding:40px 20px 80px}}.footer::before{content:"";position:absolute;background:-webkit-gradient(linear, left top, right top, from(#DE0000), color-stop(50%, #FFD500), to(#FE347E));background:linear-gradient(90deg, #DE0000 0%, #FFD500 50%, #FE347E 100%);width:100%;height:10px;top:0;left:0}.footer p{color:#fff;font-size:16px;text-align:center}@media screen and (max-width: 767px){.footer p{font-size:13px}}.bottom-slide{-webkit-transform:translateY(20%);transform:translateY(20%);opacity:0;-webkit-transition:1.15s;transition:1.15s}.bottom-slide.show{-webkit-transform:none;transform:none;opacity:1}/*# sourceMappingURL=lp-hinode-sour.css.map */