@import url("https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap");*{box-sizing:border-box;margin:0;padding:0;font-style:inherit;font-weight:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;text-decoration:none;border:0;outline:0;-webkit-tap-highlight-color:transparent}html{width:100%;height:100%;font-size:62.5%}body{position:relative;width:100%;height:100%;font-size:1.0rem;line-height:1;font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pr6N", "Hiragino Kaku Gothic Pr6N", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ StdN", "Hiragino Kaku Gothic StdN", "Segoe UI", Verdana, "メイリオ", Meiryo, sans-serif;color:#000;background-color:#ffffff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}aside,dialog,figure,footer,header,main,menu,nav,section{display:block}audio,canvas,video{display:inline-block}table{border-collapse:collapse;border-spacing:0}ul,ol{list-style:none}input,select{vertical-align:middle}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}#suntoryCommonHeader,#suntorySubCommonHeader{display:none}.GlobalHeader{position:relative;z-index:20;min-width:960px;width:100%;height:60px;background-color:#000}.GlobalHeader img{width:100%}.GlobalHeader__container{display:flex;align-items:center;justify-content:space-between;margin:0 auto;min-width:960px;max-width:1164px;width:100%;height:60px}.GlobalHeader__logo{width:112px}.GlobalHeader__menu{display:flex;align-items:center;justify-content:space-between;width:480px}.GlobalHeader__menu li{background-position:left top;background-size:100%;background-repeat:no-repeat}.GlobalHeader__menu li.in img{opacity:0}.GlobalHeader__menu li.products{background-image:url("/assets/2019/img/common/menu_products_on.png")}.GlobalHeader__menu li.contents{background-image:url("/assets/2019/img/common/menu_contents_on.png")}.GlobalHeader__menu li.campaign{background-image:url("/assets/2019/img/common/menu_campaign_on.png")}.GlobalHeader__menu li.history{background-image:url("/assets/2019/img/common/menu_history_on.png")}.GlobalHeader__menu li a img{opacity:1;transition:opacity 0.1s linear}.GlobalHeader__menu li a:hover img{opacity:0;transition:opacity 0.1s linear}.GlobalHeader__sns{display:flex;align-items:center;justify-content:flex-end;width:112px}.GlobalHeader__sns li{width:30px}.GlobalHeader__sns li:nth-child(2){margin-left:10px}.GlobalHeader__sns li a{opacity:1;transition:opacity 0.1s linear}.GlobalHeader__sns li a:hover{opacity:0.5;transition:opacity 0.1s linear}.GlobalMain{min-width:960px;width:100%;height:100%;background-color:#000}.GlobalPageTop{position:fixed;right:30px;bottom:-100px;z-index:100;box-sizing:border-box;width:50px;height:50px;border:2px solid #fff;border-radius:50%;text-indent:-9999px;font-size:0rem}.GlobalPageTop a{display:block;width:100%;height:100%}.GlobalPageTop a:after{position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-8px;width:14px;height:14px;border:0;border-top:3px solid #fff;border-right:3px solid #fff;content:"";transform:rotate(-45deg)}.GlobalPageTop a:hover span{opacity:0.5;transition:opacity 0.1s linear}.GlobalPageTop a span{display:block;width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:0.1;transition:opacity 0.1s linear}.u_hidden{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(0px 0px 99.9% 99.9%);clip-path:inset(0px 0px 99.9% 99.9%);padding:0;width:1px;height:1px;border:0}img,source{width:100%;height:auto}.main__container{width:100%;background-color:#000000;line-height:0}.main__content{margin:0 auto;min-width:960px;max-width:1920px;width:100%}.cover__container{position:relative;top:-60px;z-index:10;-webkit-clip-path:polygon(0 0, 100% 0, 100% 90%, 0 100%);clip-path:polygon(0 0, 100% 0, 100% 90%, 0 100%);width:100%}.cover__bg{padding-top:calc(942/960*100%)}.cover__note{position:absolute;top:calc(1.5% + 50px);right:0;left:0;margin:0 auto;max-width:1164px;width:100%;color:#ffffff;font-weight:500;font-size:1.1rem;font-size:1.15vw;font-family:"Noto Sans JP", sans-serif;line-height:1}.cover__news{position:absolute;top:63%;left:2%;width:44%}.cover__news .title{width:22%}.cover__news .content{margin-top:30px;width:100%;opacity:1;transition:opacity 0.4s ease}.cover__news .content:hover{opacity:0.6;transition:opacity 0.4s ease}.cover__products{position:absolute;top:63%;right:4%;width:40%}.cover__products .title{width:46%}.cover__products .list{display:flex;align-items:flex-start;flex-flow:row nowrap;justify-content:space-between;margin-top:14px;width:100%}.cover__products .list .item{opacity:1;transition:opacity 0.4s ease}.cover__products .list .item:hover{opacity:0.6;transition:opacity 0.4s ease}.cover__products .list .item--nama{width:calc(372/1080/1.4*100%)}.cover__products .list .item--special{width:calc(268/1080/1.4*100%)}.cover__products .list .item--refresh{width:calc(268/1080/1.4*100%)}.cover__products .list .item--cola{width:calc(172/1080/1.4*100%)}.products1__container{position:relative;z-index:11;-webkit-clip-path:polygon(0 10%, 100% 0, 100% 90%, 0 100%);clip-path:polygon(0 10%, 100% 0, 100% 90%, 0 100%);margin-top:calc((12% + 60px)*-1);width:100%}.products1__title{position:absolute;top:14%;left:2%;width:18%}.products1__product{position:absolute;top:50%;left:16%;width:31%;transform:translate(0, -40%)}.products1__desc{position:absolute;top:50%;left:54%;padding:24px;width:420px;background-color:rgba(255,255,255,0.8);transform:translate(0, -40%)}.products2__container{position:relative;z-index:8;-webkit-clip-path:polygon(0 0, 100% 0, 100% 90%, 0 100%);clip-path:polygon(0 0, 100% 0, 100% 90%, 0 100%);margin-top:-10%;width:100%}.products2__product{position:absolute;top:50%;left:25%;width:22%;transform:translate(0, -40%)}.products2__desc{position:absolute;top:50%;left:55%;padding:48px 32px;width:420px;background-color:rgba(255,255,255,0.8);transform:translate(0, -40%)}.products3__container{position:relative;z-index:7;-webkit-clip-path:polygon(0 10%, 100% 0, 100% 100%, 0 100%);clip-path:polygon(0 10%, 100% 0, 100% 100%, 0 100%);margin-top:-20%;width:100%}.products3__product{position:absolute;top:50%;left:24%;width:17%;transform:translate(0, -40%)}.products3__desc{position:absolute;top:50%;left:55%;padding:48px 32px;width:420px;background-color:rgba(255,255,255,0.8);transform:translate(0, -40%)}.u-h2{color:#000000;font-weight:900;font-size:2.46em;font-family:"Inter", "Noto Sans JP", sans-serif;line-height:1.2}.u-ff__roboto{font-weight:700;font-size:2.8rem;font-family:"Roboto", sans-serif}.u-p{margin-top:24px;color:#000000;font-weight:900;font-size:1.8rem;font-family:"Inter", "Noto Sans JP", sans-serif;line-height:1.6}.u-links{display:flex;align-items:flex-start;flex-flow:row nowrap;justify-content:flex-start}.u-links .link{display:block;width:100px;height:40px;border:1px solid #000000;background-color:#c9caca;color:#000000;text-align:center;white-space:nowrap;font-weight:700;font-size:1.5rem;font-family:"Inter", "Noto Sans JP", sans-serif;line-height:40px;transition:all 0.3s ease}.u-links .link--nama{padding:0 10px;width:auto;font-size:1.4rem}.u-links .link--namazero{margin-left:10px;padding:0 10px;width:auto;font-size:1.4rem}.u-links .link--special{margin-left:10px;width:158px}.u-links .link:hover{background-color:#262626;color:#f4f4f4;transition:all 0.3s ease}.u-mt_24{margin-top:24px}.u-mt_80{margin-top:80px}.u-fs_small{font-weight:700;font-size:1.2rem}.u-fs_tiny{font-weight:700;font-size:1.0rem}.u-ml_minus{margin-left:-0.5em}.mfp-zoom-in .mfp-with-anim{opacity:0;transition:all 0.2s ease-in-out;transform:scale(0.5)}.mfp-zoom-in.mfp-bg{background-color:#000000;opacity:0;transition:all 0.3s ease-out}.mfp-zoom-in.mfp-ready .mfp-with-anim{opacity:1;transform:scale(1)}.mfp-zoom-in.mfp-ready.mfp-bg{opacity:0.9}.mfp-zoom-in.mfp-removing .mfp-with-anim{opacity:0;transform:scale(0.8)}.mfp-zoom-in.mfp-removing.mfp-bg{opacity:0}.mfp_close{position:absolute;top:15px;right:0;display:block;width:40px;height:40px;background-color:transparent;cursor:pointer}.Popup__lineup{position:relative;margin:0 auto;padding:15px 0;width:960px;line-height:0}.Popup__lineup img{display:block}
