@charset "UTF-8";*{font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif}body{color:#333}h1,h2,h3,h4,h5,h6,p{line-height:1.6em}a img{opacity:1;-webkit-transition:opacity .4s;transition:opacity .4s}a:hover img{opacity:.8}a.opacity{opacity:1;-webkit-transition:opacity .4s;transition:opacity .4s}a.opacity:hover{opacity:.8}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.center-block{display:block;margin-left:auto;margin-right:auto}.center{text-align:center}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.f-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.f-jc-sb{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.f-jc-c{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.f-jc-fe{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.f-ai-c{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.f-ai-fs{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.f-ai-fe{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.f-ac-c{-ms-flex-line-pack:center;align-content:center}.base{width:100%;max-width:1170px;margin:0 auto;padding:0 15px}.wrap{position:relative;max-width:45rem;margin:0 auto;overflow:hidden}.fade-up{-webkit-transform:translateY(1.875rem);transform:translateY(1.875rem);opacity:0;visibility:hidden;-webkit-transition:opacity 1s,visibility 1s,-webkit-transform 1s;transition:opacity 1s,visibility 1s,-webkit-transform 1s;transition:transform 1s,opacity 1s,visibility 1s;transition:transform 1s,opacity 1s,visibility 1s,-webkit-transform 1s}.fade-up.is-active{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;visibility:visible}.fade-right{-webkit-transform:translateX(-1.875rem);transform:translateX(-1.875rem);opacity:0;visibility:hidden;-webkit-transition:opacity 1s,visibility 1s,-webkit-transform 1s;transition:opacity 1s,visibility 1s,-webkit-transform 1s;transition:transform 1s,opacity 1s,visibility 1s;transition:transform 1s,opacity 1s,visibility 1s,-webkit-transform 1s}.fade-right.is-active{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;visibility:visible}.fade-left{-webkit-transform:translateX(1.875rem);transform:translateX(1.875rem);opacity:0;visibility:hidden;-webkit-transition:opacity 1s,visibility 1s,-webkit-transform 1s;transition:opacity 1s,visibility 1s,-webkit-transform 1s;transition:transform 1s,opacity 1s,visibility 1s;transition:transform 1s,opacity 1s,visibility 1s,-webkit-transform 1s}.fade-left.is-active{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;visibility:visible}.ani-reflection{position:relative;overflow:hidden}.ani-reflection::after{content:"";height:100%;width:30px;position:absolute;top:-180px;left:0;background-color:#fff;opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:reflection 3s ease-in-out infinite;animation:reflection 3s ease-in-out infinite}@-webkit-keyframes reflection{0%{-webkit-transform:scale(0) rotate(45deg);opacity:0}80%{-webkit-transform:scale(0) rotate(45deg);opacity:.5}81%{-webkit-transform:scale(4) rotate(45deg);opacity:1}100%{-webkit-transform:scale(50) rotate(45deg);opacity:0}}@keyframes reflection{0%{-webkit-transform:scale(0) rotate(45deg);opacity:0}80%{-webkit-transform:scale(0) rotate(45deg);opacity:.5}81%{-webkit-transform:scale(4) rotate(45deg);opacity:1}100%{-webkit-transform:scale(50) rotate(45deg);opacity:0}}.ani-jump{animation:floating-y 1.5s ease-in-out infinite alternate-reverse}@-webkit-keyframes floating-y{0%{-webkit-transform:translateY(-.625rem);transform:translateY(-.625rem)}100%{-webkit-transform:translateY(.625rem);transform:translateY(.625rem)}}@keyframes floating-y{0%{-webkit-transform:translateY(-.625rem);transform:translateY(-.625rem)}100%{-webkit-transform:translateY(.625rem);transform:translateY(.625rem)}}.about{position:relative}.about__ttl{position:absolute;top:7.0625rem;left:3.25rem;width:35.4375rem}.about__product{position:absolute;top:-3.75rem;right:-22.125rem;width:42.9375rem}.beer{position:relative;z-index:5}.beer__ttl{position:absolute;bottom:5.3125rem;right:4.25rem;width:16rem}.beer__product{position:absolute;top:2.6875rem;left:-7.5625rem;width:33.375rem}.appeal{position:relative}.appeal__ttl{position:absolute;bottom:7.1875rem;left:8.875rem;width:27rem}.product{position:relative;width:36.3125rem}.product__bg{-webkit-filter:drop-shadow(0 0 .9375rem rgba(0, 0, 0, .2));filter:drop-shadow(0 0 .9375rem rgba(0, 0, 0, .2))}.product__label{position:absolute;top:-1.5625rem;left:-1.0625rem;width:8.9375rem}.product__btn{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:5.625rem;width:30.1875rem}.lineup{padding:0 0 2.5rem}.webp .lineup{background:url(../../img/bg_slider.webp) no-repeat center top/cover}.no-webp .lineup{background:url(../../img/bg_slider.jpg) no-repeat center top/cover}.lineup__slider{position:relative;margin:0}.lineup__slider .slick-track{padding:4.875rem 0}.lineup__slider .slick-arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);z-index:10}.lineup__slider .slick-prev{left:1.875rem;border-bottom:2px solid #000;border-left:2px solid #000}.lineup__slider .slick-next{right:1.875rem;border-top:2px solid #000;border-right:2px solid #000}.lineup .product{margin:0 2.1875rem}.point01{position:relative}.point01__ttl{position:absolute;top:31.9375rem;left:3.9375rem;width:37.0625rem}.voice{position:relative}.voice01{position:absolute;top:9.375rem;left:7.875rem;width:33.1875rem}.voice02{position:absolute;top:29.0625rem;left:3.5rem;width:35.1875rem}.voice03{position:absolute;top:49.6875rem;left:4.375rem;width:37.8125rem}.voice__ttl{position:absolute;bottom:2.0625rem;left:9.375rem;width:25.625rem}.point02{position:relative}.point02__ttl{position:absolute;top:13.1875rem;left:10.75rem;width:23.5rem}.point03{position:relative}.point03__ttl{position:absolute;top:18.4375rem;left:8.875rem;width:26.5625rem}.list{padding:2.8125rem 0 0}.webp .list{background:url(../../img/bg_list.webp) no-repeat center center/cover}.no-webp .list{background:url(../../img/bg_list.jpg) no-repeat center center/cover}.list .box{padding:2.25rem 0 2.5rem}.list .product{margin:0 auto}.footer{padding:0 0 2.5rem}.follow{position:fixed;bottom:-1px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);max-width:45rem;width:100%;z-index:999;opacity:0;visibility:hidden;-webkit-transition:.4s;transition:.4s}.follow.active{opacity:1;visibility:visible}@media (min-width:721px){html{font-size:16px}}@media (max-width:720px){html{font-size:2.2222222222vw}}@media only screen and (min-width:768px){.sp{display:none!important}}@media only screen and (max-width:767px){.pc{display:none!important}}
/*# sourceMappingURL=../maps/layout/base.min.css.map */