/* --------------------------------------------------------
 Name:      ひとくちGif ｜ サントリー - app.css
 Author:    k.saruta
 Info:      ひとくちGif ｜ サントリー
----------------------------------------------------------- */
@charset "UTF-8";a,abbr,address,article,aside,audio,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,label,legend,li,main,mark,nav,ol,p,pre,q,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);line-height:1}a{text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6,p{font-weight:400}img{border-style:none;vertical-align:bottom}img,video{max-width:100%}ol,ul{list-style:none;list-style-type:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input::-webkit-search-decoration{display:none}input:focus{outline-offset:-2px}select::-ms-expand{display:none}select::-webkit-search-decoration{display:none}select:focus{outline-offset:-2px}button{background-color:transparent}textarea{resize:none}textarea::-webkit-search-decoration{display:none}textarea:focus{outline-offset:-2px}.clearfix{*zoom:1}.clearfix:after,.clearfix:before{display:table;content:""}.clearfix:after{clear:both}body{background:#fff;font-family:Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,Meiryo,メイリオ,Osaka,ＭＳ Ｐゴシック,sans-serif;font-size:16px}a,body{color:#000}a,h1,h2,h3,h4,h5,h6,p{line-height:1.8}#section-footer{border-top:1px solid #e8c57c}.page-index,.page-index[data-theme=day]{background-image:-webkit-gradient(linear,left top,left bottom,from(#ff74a8),to(#ffaf00));background-image:-webkit-linear-gradient(top,#ff74a8,#ffaf00);background-image:-moz-linear-gradient(top,#ff74a8,#ffaf00);background-image:-o-linear-gradient(top,#ff74a8,#ffaf00);background-image:linear-gradient(180deg,#ff74a8,#ffaf00)}.page-index[data-theme=day] #section-header .section-header-inner .section-header-title #section-header-day{opacity:1}.page-index[data-theme=day] .section-contents-main .spotify #section-contents-spotify-day{display:block}.page-index[data-theme=night]{background-image:-webkit-gradient(linear,left top,left bottom,from(#00002d),to(#5421c5));background-image:-webkit-linear-gradient(top,#00002d,#5421c5);background-image:-moz-linear-gradient(top,#00002d,#5421c5);background-image:-o-linear-gradient(top,#00002d,#5421c5);background-image:linear-gradient(180deg,#00002d,#5421c5)}.page-index[data-theme=night] #section-header .section-header-inner .section-header-title #section-header-night{opacity:1}.page-index[data-theme=night] .section-contents-main .spotify #section-contents-spotify-night{display:block}.page-index[data-theme=weekend]{background-image:-webkit-gradient(linear,left top,left bottom,from(#1e0032),to(#780050));background-image:-webkit-linear-gradient(top,#1e0032,#780050);background-image:-moz-linear-gradient(top,#1e0032,#780050);background-image:-o-linear-gradient(top,#1e0032,#780050);background-image:linear-gradient(180deg,#1e0032,#780050)}.page-index[data-theme=weekend] #section-header .section-header-inner .section-header-title #section-header-weekend{opacity:1}.page-index[data-theme=weekend] .section-contents-main .spotify #section-contents-spotify-weekend{display:block}.page-index[data-theme=night] #section-footer,.page-index[data-theme=weekend] #section-footer{border-top:1px solid #d1dee1}.page-index[data-theme=night] #section-footer .section-footer-outer .section-footer-drink .section-footer-drink-text p,.page-index[data-theme=night] #section-footer .section-footer-outer .section-footer-notice .section-footer-notice-text p,.page-index[data-theme=weekend] #section-footer .section-footer-outer .section-footer-drink .section-footer-drink-text p,.page-index[data-theme=weekend] #section-footer .section-footer-outer .section-footer-notice .section-footer-notice-text p{color:#fff}.page-index[data-theme=night] #section-footer .section-footer-inner,.page-index[data-theme=weekend] #section-footer .section-footer-inner{border-top:1px solid #d1dee1}.page-index[data-theme=night] #section-footer .section-footer-inner .section-footer-list ul li.line,.page-index[data-theme=weekend] #section-footer .section-footer-inner .section-footer-list ul li.line{background-color:#d1dee1}.page-index[data-theme=night] #section-footer .section-footer-inner .section-footer-list ul li a,.page-index[data-theme=weekend] #section-footer .section-footer-inner .section-footer-list ul li a{color:#fff}.page-index .section-contents-main{width:100%;overflow:hidden}.page-index .section-contents-main .section-contents-grid{position:relative;margin:10px}.page-index .section-contents-main .section-contents-grid-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;overflow:hidden;background-color:#000;background-image:-webkit-gradient(linear,left top,left bottom,from(#212121),to(#060606));background-image:-webkit-linear-gradient(top,#212121,#060606);background-image:-moz-linear-gradient(top,#212121,#060606);background-image:-o-linear-gradient(top,#212121,#060606);background-image:linear-gradient(180deg,#212121,#060606)}.page-index .section-contents-main .section-contents-grid-item:not(.no-click){cursor:pointer}.page-index .section-contents-main .section-contents-grid-item>div{height:100%;color:#fff;font-family:Lato,sans-serif;font-size:1.5em;text-transform:uppercase}.page-index .section-contents-main .video{position:relative;width:100%;height:100%}.page-index .section-contents-main .video video{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;background-image:-webkit-gradient(linear,left top,left bottom,from(#212121),to(#060606));background-image:-webkit-linear-gradient(top,#212121,#060606);background-image:-moz-linear-gradient(top,#212121,#060606);background-image:-o-linear-gradient(top,#212121,#060606);background-image:linear-gradient(180deg,#212121,#060606)}.page-index .section-contents-main .video:after{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);content:""}.page-index .section-contents-main .spotify{position:relative;width:100%;height:100%}.page-index .section-contents-main .spotify iframe{display:none;position:absolute;top:0;left:0;width:100%;height:100%;border:0}.page-index .section-contents-loading{z-index:9999;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff}.page-index .section-contents-loading .section-contents-loading-inner{-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;height:100%}.page-index .section-contents-loading #section-contents-loader{position:relative;width:100%}.page-index .section-contents-modal-left{color:#fff;cursor:pointer}.page-index .section-contents-modal-left.hide{visibility:hidden;cursor:normal}.page-index .section-contents-modal-right{color:#fff;cursor:pointer}.page-index .section-contents-modal-right.hide{visibility:hidden;cursor:normal}@media print{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;width:1280px;transform:scale(.8);transform-origin:0 0}@media print,screen and (min-width:781px){#suntoryCommonWrapper .br-pc{display:block}#suntoryCommonWrapper .br-sp{display:none}#section-footer .section-footer-outer{-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:26px 30px}#section-footer .section-footer-outer,#section-footer .section-footer-outer .section-footer-notice{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center}#section-footer .section-footer-outer .section-footer-notice .section-footer-notice-image{-moz-background-size:contain;width:95px;height:55px;overflow:hidden;background-image:url(../images/common/img_notice.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain;text-indent:-9999px}#section-footer .section-footer-outer .section-footer-notice .section-footer-notice-text{margin-left:10px}#section-footer .section-footer-outer .section-footer-drink .section-footer-drink-text p,#section-footer .section-footer-outer .section-footer-notice .section-footer-notice-text p{font-size:12px;font-weight:300;letter-spacing:-.015em;line-height:1.6}#section-footer .section-footer-outer .section-footer-drink .section-footer-drink-link{margin-top:10px}#section-footer .section-footer-outer .section-footer-drink .section-footer-drink-link a{-moz-background-size:contain;display:block;width:99px;height:15px;overflow:hidden;background-image:url(../images/common/img_notice_drink-b.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain;text-decoration:none;text-indent:-9999px}#section-footer .section-footer-inner{padding:12px 30px;border-top:1px solid #e8c57c}#section-footer .section-footer-inner .section-footer-list,#section-footer .section-footer-inner .section-footer-list ul{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}#section-footer .section-footer-inner .section-footer-list ul{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto}#section-footer .section-footer-inner .section-footer-list ul li.line{width:1px;height:20px;margin:0 23px;background-color:#000}#section-footer .section-footer-inner .section-footer-list ul li a{font-size:14px;font-weight:300;letter-spacing:-.015em;line-height:1.37143;text-decoration:none}#section-header .section-header-inner{-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;padding:15px 30px}#section-header .section-header-inner .section-header-title{position:relative;width:470px;height:160px;overflow:hidden;text-indent:-9999px}#section-header .section-header-inner .section-header-title canvas{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.page-index .section-contents-modal-left{margin-right:40px;background-image:url(../images/common/btn_modal-arrow_01.png?v=202108031600)}.page-index .section-contents-modal-left,.page-index .section-contents-modal-right{-moz-background-size:contain;width:44px;height:88px;overflow:hidden;background-position:50%;background-repeat:no-repeat;background-size:contain;text-indent:-9999px}.page-index .section-contents-modal-right{margin-left:40px;background-image:url(../images/common/btn_modal-arrow_02.png?v=202108031600)}.page-index[data-theme=day] #suntory_contents{-moz-background-size:contain;background-image:url(../images/index/bg_day.png?v=202108031600);background-position:0 0;background-repeat:no-repeat;background-size:contain}.page-index[data-theme=day] .section-contents-bottom.is-sticky{background-color:#ffac19}.page-index[data-theme=day] .section-contents-modal{-moz-background-size:contain;background-image:url(../images/index/bg_modal-day.png?v=202108031600);background-position:0 0;background-repeat:repeat-x;background-size:contain}.page-index[data-theme=day] .section-contents-modal .section-contents-modal-inner .section-contents-modal-box .section-contents-modal-box-wrapper{background-image:url(../images/common/bg_modal-frame_01.png?v=202108031600)}.page-index[data-theme=night] #suntory_contents{-moz-background-size:contain;background-image:url(../images/index/bg_night.png?v=202108031600);background-position:0 0;background-repeat:no-repeat;background-size:contain}.page-index[data-theme=night] .section-contents-bottom.is-sticky{background-color:#34168d;background-image:-webkit-gradient(linear,left top,left bottom,from(#5421c5),to(#3a1797));background-image:-webkit-linear-gradient(top,#5421c5,#3a1797);background-image:-moz-linear-gradient(top,#5421c5,#3a1797);background-image:-o-linear-gradient(top,#5421c5,#3a1797);background-image:linear-gradient(180deg,#5421c5,#3a1797)}.page-index[data-theme=night] .section-contents-modal{-moz-background-size:contain;background-image:url(../images/index/bg_modal-night.png?v=202108031600);background-position:0 0;background-repeat:repeat-x;background-size:contain}.page-index[data-theme=night] .section-contents-modal .section-contents-modal-inner .section-contents-modal-box .section-contents-modal-box-wrapper{background-image:url(../images/common/bg_modal-frame_02.png?v=202108031600)}.page-index[data-theme=weekend] #suntory_contents{-moz-background-size:contain;background-image:url(../images/index/bg_weekend.png?v=202108031600);background-position:0 0;background-repeat:no-repeat;background-size:contain}.page-index[data-theme=weekend] .section-contents-bottom.is-sticky{background-color:#780050}.page-index[data-theme=weekend] .section-contents-modal{-moz-background-size:contain;background-image:url(../images/index/bg_modal-weekend.png?v=202108031600);background-position:0 0;background-repeat:repeat-x;background-size:contain}.page-index[data-theme=weekend] .section-contents-modal .section-contents-modal-inner .section-contents-modal-box .section-contents-modal-box-wrapper{background-image:url(../images/common/bg_modal-frame_03.png?v=202108031600)}.page-index[data-theme=night] #section-footer .section-footer-outer .section-footer-drink .section-footer-drink-link a,.page-index[data-theme=weekend] #section-footer .section-footer-outer .section-footer-drink .section-footer-drink-link a{background-image:url(../images/common/img_notice_drink-w.png?v=202108031600)}.page-index[data-theme=day] .section-contents-loading,.page-index[data-theme=night] .section-contents-loading,.page-index[data-theme=weekend] .section-contents-loading{-moz-background-size:50px 50px;background-image:url(../images/common/bg_loading.jpg?v=202108031600);background-position:0 0;background-repeat:repeat;background-size:50px 50px}.page-index .section-contents-main .spotify{height:90.88889%}.page-index .spotify-title{-moz-background-size:cover;width:100%;height:0;padding-top:9.11111%;overflow:hidden;background-image:url(../images/index/img_spotify.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:cover;text-indent:-9999px}.page-index .section-contents-loading #section-contents-loader{max-width:450px}.page-index .section-contents-bottom{position:-webkit-sticky;position:sticky;bottom:0;bottom:-1px;width:100%;height:auto;padding:8px 30px}.page-index .section-contents-bottom.is-sticky{background-color:#ffac19}.page-index .section-contents-bottom .section-contents-bottom-inner{-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;justify-content:space-between}.page-index .section-contents-bottom .section-contents-bottom-inner,.page-index .section-contents-bottom .section-contents-bottom-inner .section-contents-bottom-share{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.page-index .section-contents-bottom .section-contents-bottom-inner .section-contents-bottom-share a{-moz-background-size:contain;display:block;width:29px;height:29px;overflow:hidden;background-image:url(../images/common/btn_share-fb.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain;text-decoration:none;text-indent:-9999px}.page-index .section-contents-bottom .section-contents-bottom-inner .section-contents-bottom-share a:not(:first-child){margin-left:12px}.page-index .section-contents-bottom .section-contents-bottom-inner .section-contents-bottom-share a.fb{background-image:url(../images/common/btn_share-fb.png?v=202108031600)}.page-index .section-contents-bottom .section-contents-bottom-inner .section-contents-bottom-share a.ig{background-image:url(../images/common/btn_share-ig.png?v=202108031600)}.page-index .section-contents-bottom .section-contents-bottom-inner .section-contents-bottom-share a.tw{background-image:url(../images/common/btn_share-tw.png?v=202108031600)}.page-index .section-contents-bottom .section-contents-bottom-inner .section-contents-bottom-copyright p{-moz-background-size:contain;width:248px;height:7px;margin:0 auto;overflow:hidden;background-image:url(../images/common/txt_copyright.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain;text-indent:-9999px}.page-index .section-contents-bottom .section-contents-bottom-inner .section-contents-bottom-logo a{-moz-background-size:contain;display:block;width:113px;height:16px;overflow:hidden;background-image:url(../images/common/footer_logo.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain;text-decoration:none;text-indent:-9999px}.page-index .section-contents-modal-first{display:none;z-index:9999;position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto;background-color:rgba(0,0,0,.3);opacity:0}.page-index .section-contents-modal-first .section-contents-modal-first-inner{display:table;height:100%;margin:0 auto}.page-index .section-contents-modal-first .section-contents-modal-first-inner .section-contents-modal-first-box{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;display:table-cell;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;height:100%;vertical-align:middle}.page-index .section-contents-modal-first .section-contents-modal-first-inner .section-contents-modal-first-box .section-contents-modal-first-close{position:absolute;top:26px;right:29px}.page-index .section-contents-modal-first .section-contents-modal-first-inner .section-contents-modal-first-box .section-contents-modal-first-close p{-moz-background-size:contain;width:19px;height:19px;margin-left:auto;overflow:hidden;background-image:url(../images/common/btn_modal-first-close.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain;text-indent:-9999px;cursor:pointer}.page-index .section-contents-modal-first .section-contents-modal-first-inner .section-contents-modal-first-box .section-contents-modal-first-text p,.page-index .section-contents-modal-first .section-contents-modal-first-inner .section-contents-modal-first-box .section-contents-modal-first-title p{overflow:hidden;text-indent:-9999px}.page-index .section-contents-modal-first .section-contents-modal-first-inner .section-contents-modal-first-box .section-contents-modal-first-box-wrapper{-moz-background-size:contain;position:relative;width:624px;height:500px;background-image:url(../images/common/bg_modal-first.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain}.page-index .section-contents-modal-first .section-contents-modal-first-inner .section-contents-modal-first-box .section-contents-modal-first-box-column{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.page-index .section-contents-modal{display:none;z-index:9999;position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto;opacity:0}.page-index .section-contents-modal .section-contents-modal-inner{display:table;height:100%;margin:0 auto}.page-index .section-contents-modal .section-contents-modal-inner .section-contents-modal-box{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;display:table-cell;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;height:100%;vertical-align:middle}.page-index .section-contents-modal .section-contents-modal-inner .section-contents-modal-box .section-contents-modal-close{position:absolute;top:15px;right:15px}.page-index .section-contents-modal .section-contents-modal-inner .section-contents-modal-box .section-contents-modal-close p{-moz-background-size:contain;width:33px;height:33px;margin-left:auto;overflow:hidden;background-image:url(../images/common/btn_modal-close.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain;text-indent:-9999px;cursor:pointer}.page-index .section-contents-modal .section-contents-modal-inner .section-contents-modal-box .section-contents-modal-image{position:relative;height:100%;background-color:#000}.page-index .section-contents-modal .section-contents-modal-inner .section-contents-modal-box .section-contents-modal-image video{width:100%}.page-index .section-contents-modal .section-contents-modal-inner .section-contents-modal-box .section-contents-modal-image:after{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);content:""}.page-index .section-contents-modal .section-contents-modal-inner .section-contents-modal-box .section-contents-modal-box-wrapper{-moz-background-size:contain;width:713px;height:713px;padding:35px;background-image:url(../images/common/bg_modal-frame_01.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain}.page-index .section-contents-modal .section-contents-modal-inner .section-contents-modal-box .section-contents-modal-box-column{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.page-index .section-contents-modal-age{display:none;z-index:9999;position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto;background-color:#091431;opacity:0}.page-index .section-contents-modal-age .section-contents-modal-age-inner{display:table;position:relative;width:100%;max-width:680px;height:100%;margin:0 auto;padding:55px 0}.page-index .section-contents-modal-age .section-contents-modal-age-inner .section-contents-modal-age-box{display:table-cell;vertical-align:middle}.page-index .section-contents-modal-age .section-contents-modal-age-inner .section-contents-modal-age-box .section-contents-modal-age-box-wrapper{-moz-background-size:contain;width:746px;height:402px;padding:11px;background-image:url(../images/common/bg_modal-age.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain}.page-index .section-contents-modal-age .section-contents-modal-age-inner .section-contents-modal-age-box .section-contents-modal-age-box-column{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.page-index .section-contents-modal-age .section-contents-modal-age-inner .section-contents-modal-age-box .section-contents-modal-age-title{margin-top:30px}.page-index .section-contents-modal-age .section-contents-modal-age-inner .section-contents-modal-age-box .section-contents-modal-age-title p{-moz-background-size:contain;width:186px;height:27px;margin:0 auto;overflow:hidden;background-image:url(../images/common/tit_modal-age.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain;text-indent:-9999px}.page-index .section-contents-modal-age .section-contents-modal-age-inner .section-contents-modal-age-box .section-contents-modal-age-text{margin-top:38px}.page-index .section-contents-modal-age .section-contents-modal-age-inner .section-contents-modal-age-box .section-contents-modal-age-text p{-moz-background-size:contain;width:473px;height:46px;margin:0 auto;overflow:hidden;background-image:url(../images/common/txt_modal-age.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain;text-indent:-9999px}.page-index .section-contents-modal-age .section-contents-modal-age-inner .section-contents-modal-age-box .section-contents-modal-age-button{-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;margin-top:32px}.page-index .section-contents-modal-age .section-contents-modal-age-inner .section-contents-modal-age-box .section-contents-modal-age-button .section-contents-modal-age-yes p:first-child{-moz-background-size:contain;width:134px;height:134px;margin:0 auto;overflow:hidden;background-image:url(../images/common/btn_modal-age_01.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain;text-indent:-9999px;cursor:pointer}.page-index .section-contents-modal-age .section-contents-modal-age-inner .section-contents-modal-age-box .section-contents-modal-age-button .section-contents-modal-age-yes p:nth-child(2){-moz-background-size:contain;width:106px;height:12px;margin:11px auto 0;overflow:hidden;background-image:url(../images/common/txt_modal-age_01.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain;text-indent:-9999px}.page-index .section-contents-modal-age .section-contents-modal-age-inner .section-contents-modal-age-box .section-contents-modal-age-button .section-contents-modal-age-no{margin-left:140px}.page-index .section-contents-modal-age .section-contents-modal-age-inner .section-contents-modal-age-box .section-contents-modal-age-button .section-contents-modal-age-no a{-moz-background-size:contain;display:block;width:134px;height:134px;margin:0 auto;overflow:hidden;background-image:url(../images/common/btn_modal-age_02.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain;text-decoration:none;text-indent:-9999px;cursor:pointer}.page-index .section-contents-modal-age .section-contents-modal-age-inner .section-contents-modal-age-box .section-contents-modal-age-button .section-contents-modal-age-no p{-moz-background-size:contain;width:168px;height:13px;margin:11px auto 0;overflow:hidden;background-image:url(../images/common/txt_modal-age_02.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain;text-indent:-9999px}.page-index .section-contents-scroll{-moz-background-size:contain;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);position:fixed;bottom:30px;left:50%;width:40px;height:40px;overflow:hidden;transform:translateX(-50%);background-image:url(../images/common/icon_arrow.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain;text-indent:-9999px}}@media only screen and (max-width:780px){#suntoryCommonWrapper .br-sp{display:block}#suntoryCommonWrapper .br-pc{display:none}#section-footer{margin:0 5.33333vw}#section-footer .section-footer-outer{padding:5.33333vw 0 9.33333vw}#section-footer .section-footer-outer .section-footer-notice{-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}#section-footer .section-footer-outer .section-footer-notice .section-footer-notice-image{-moz-background-size:contain;width:25.6vw;height:14.66667vw;overflow:hidden;background-image:url(../images/common/sp/img_notice.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain;text-indent:-9999px}#section-footer .section-footer-outer .section-footer-notice .section-footer-notice-text{margin-left:2.66667vw}#section-footer .section-footer-outer .section-footer-notice .section-footer-notice-text p{font-size:12px;font-size:3.2vw;font-weight:300;letter-spacing:-.03em;line-height:1.6}#section-footer .section-footer-outer .section-footer-drink{margin-top:10.66667vw}#section-footer .section-footer-outer .section-footer-drink .section-footer-drink-text p{font-size:12px;font-size:3.2vw;font-weight:300;letter-spacing:-.03em;line-height:1.6;text-align:center}#section-footer .section-footer-outer .section-footer-drink .section-footer-drink-link{margin-top:1.33333vw}#section-footer .section-footer-outer .section-footer-drink .section-footer-drink-link a{-moz-background-size:contain;display:block;width:26.66667vw;height:4vw;margin:0 auto;overflow:hidden;background-image:url(../images/common/sp/img_notice_drink-b.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain;text-decoration:none;text-indent:-9999px}#section-footer .section-footer-inner{padding:4vw 2.66667vw;border-top:1px solid #d1dee1}#section-footer .section-footer-inner .section-footer-list ul{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}#section-footer .section-footer-inner .section-footer-list ul li.line{width:.13333vw;height:5.33333vw;margin:0 4.66667vw;background-color:#000}#section-footer .section-footer-inner .section-footer-list ul li a{font-size:14px;font-size:3.73333vw;font-weight:300;letter-spacing:-.03em;line-height:1.37143;text-decoration:none}#section-header .section-header-inner{padding:4.4vw 2.66667vw}#section-header .section-header-inner .section-header-title{position:relative;width:62.66667vw;height:21.33333vw;margin:0 auto;overflow:hidden;text-indent:-9999px}#section-header .section-header-inner .section-header-title canvas{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.page-index .section-contents-modal-left{left:2vw;background-image:url(../images/common/sp/btn_modal-arrow_01.png?v=202108031600)}.page-index .section-contents-modal-left,.page-index .section-contents-modal-right{-moz-background-size:contain;position:absolute;width:5.33333vw;height:10.13333vw;overflow:hidden;background-position:50%;background-repeat:no-repeat;background-size:contain;text-indent:-9999px}.page-index .section-contents-modal-right{right:2vw;background-image:url(../images/common/sp/btn_modal-arrow_02.png?v=202108031600)}.page-index[data-theme=day] #suntory_contents{-moz-background-size:contain;background-image:url(../images/index/sp/bg_day.png?v=202108031600);background-position:0 0;background-repeat:no-repeat;background-size:contain}.page-index[data-theme=day] .section-contents-modal{-moz-background-size:cover;background-image:url(../images/index/sp/bg_modal-day.png?v=202108031600);background-position:0 0;background-repeat:no-repeat;background-size:cover}.page-index[data-theme=day] .section-contents-modal .section-contents-modal-inner .section-contents-modal-box .section-contents-modal-box-wrapper{background-image:url(../images/common/sp/bg_modal-frame_01.png?v=202108031600)}.page-index[data-theme=night] #suntory_contents{-moz-background-size:contain;background-image:url(../images/index/sp/bg_night.png?v=202108031600);background-position:0 0;background-repeat:no-repeat;background-size:contain}.page-index[data-theme=night] .section-contents-modal{-moz-background-size:cover;background-image:url(../images/index/sp/bg_modal-night.png?v=202108031600);background-position:0 0;background-repeat:no-repeat;background-size:cover}.page-index[data-theme=night] .section-contents-modal .section-contents-modal-inner .section-contents-modal-box .section-contents-modal-box-wrapper{background-image:url(../images/common/sp/bg_modal-frame_02.png?v=202108031600)}.page-index[data-theme=weekend] #suntory_contents{-moz-background-size:contain;background-image:url(../images/index/sp/bg_weekend.png?v=202108031600);background-position:0 0;background-repeat:no-repeat;background-size:contain}.page-index[data-theme=weekend] .section-contents-modal{-moz-background-size:cover;background-image:url(../images/index/sp/bg_modal-weekend.png?v=202108031600);background-position:0 0;background-repeat:no-repeat;background-size:cover}.page-index[data-theme=weekend] .section-contents-modal .section-contents-modal-inner .section-contents-modal-box .section-contents-modal-box-wrapper{background-image:url(../images/common/sp/bg_modal-frame_03.png?v=202108031600)}.page-index[data-theme=night] #section-footer .section-footer-outer .section-footer-drink .section-footer-drink-link a,.page-index[data-theme=weekend] #section-footer .section-footer-outer .section-footer-drink .section-footer-drink-link a{background-image:url(../images/common/sp/img_notice_drink-w.png?v=202108031600)}.page-index[data-theme=day] .section-contents-loading,.page-index[data-theme=night] .section-contents-loading,.page-index[data-theme=weekend] .section-contents-loading{-moz-background-size:50px 50px;background-image:url(../images/common/bg_loading.jpg?v=202108031600);background-position:0 0;background-repeat:repeat;background-size:50px 50px}.page-index .spotify-title{-moz-background-size:cover;width:100%;height:0;padding-top:9.43953%;overflow:hidden;background-image:url(../images/index/sp/img_spotify.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:cover;text-indent:-9999px}.page-index .section-contents-loading #section-contents-loader{max-width:270px;margin-left:-2.66667vw}.page-index .section-contents-main .section-contents-grid{margin:2.66667vw 4.66667vw}.page-index .section-contents-main .spotify{height:90.56047%}.page-index .section-contents-bottom{width:100%;height:auto;padding:13.33333vw 2.66667vw 10.66667vw}.page-index .section-contents-bottom .section-contents-bottom-inner{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-direction:column;align-items:center}.page-index .section-contents-bottom .section-contents-bottom-inner .section-contents-bottom-share{-webkit-box-ordinal-group:2;-webkit-order:1;-moz-box-ordinal-group:2;-ms-flex-order:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;order:1}.page-index .section-contents-bottom .section-contents-bottom-inner .section-contents-bottom-share a{-moz-background-size:contain;display:block;width:9.06667vw;height:9.06667vw;overflow:hidden;background-image:url(../images/common/sp/btn_share-fb.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain;text-decoration:none;text-indent:-9999px}.page-index .section-contents-bottom .section-contents-bottom-inner .section-contents-bottom-share a:not(:first-child){margin-left:4.66667vw}.page-index .section-contents-bottom .section-contents-bottom-inner .section-contents-bottom-share a.fb{background-image:url(../images/common/sp/btn_share-fb.png?v=202108031600)}.page-index .section-contents-bottom .section-contents-bottom-inner .section-contents-bottom-share a.ig{background-image:url(../images/common/sp/btn_share-ig.png?v=202108031600)}.page-index .section-contents-bottom .section-contents-bottom-inner .section-contents-bottom-share a.tw{background-image:url(../images/common/sp/btn_share-tw.png?v=202108031600)}.page-index .section-contents-bottom .section-contents-bottom-inner .section-contents-bottom-copyright{-webkit-box-ordinal-group:4;-webkit-order:3;-moz-box-ordinal-group:4;-ms-flex-order:3;order:3;margin-top:10vw}.page-index .section-contents-bottom .section-contents-bottom-inner .section-contents-bottom-copyright p{-moz-background-size:contain;display:block;width:61.33333vw;height:6.93333vw;overflow:hidden;background-image:url(../images/common/sp/txt_copyright.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain;text-indent:-9999px}.page-index .section-contents-bottom .section-contents-bottom-inner .section-contents-bottom-logo{-webkit-box-ordinal-group:3;-webkit-order:2;-moz-box-ordinal-group:3;-ms-flex-order:2;order:2;margin-top:10vw}.page-index .section-contents-bottom .section-contents-bottom-inner .section-contents-bottom-logo a{-moz-background-size:contain;display:block;width:32.26667vw;height:4.8vw;overflow:hidden;background-image:url(../images/common/sp/footer_logo.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain;text-indent:-9999px}.page-index .section-contents-modal-first{display:none;z-index:9999;position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto;background-color:rgba(0,0,0,.3);opacity:0}.page-index .section-contents-modal-first .section-contents-modal-first-inner{display:table;height:100%;margin:0 auto;padding:9.33333vw 0}.page-index .section-contents-modal-first .section-contents-modal-first-inner .section-contents-modal-first-box{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;display:table-cell;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;width:100%;height:100%;vertical-align:middle}.page-index .section-contents-modal-first .section-contents-modal-first-inner .section-contents-modal-first-box .section-contents-modal-first-close{position:absolute;top:5.73333vw;right:6.66667vw}.page-index .section-contents-modal-first .section-contents-modal-first-inner .section-contents-modal-first-box .section-contents-modal-first-close p{-moz-background-size:contain;width:3.73333vw;height:3.73333vw;margin-left:auto;overflow:hidden;background-image:url(../images/common/sp/btn_modal-first-close.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain;text-indent:-9999px}.page-index .section-contents-modal-first .section-contents-modal-first-inner .section-contents-modal-first-box .section-contents-modal-first-text p,.page-index .section-contents-modal-first .section-contents-modal-first-inner .section-contents-modal-first-box .section-contents-modal-first-title p{overflow:hidden;text-indent:-9999px}.page-index .section-contents-modal-first .section-contents-modal-first-inner .section-contents-modal-first-box .section-contents-modal-first-box-wrapper{-moz-background-size:contain;position:relative;width:84.66667vw;height:77.6vw;background-image:url(../images/common/sp/bg_modal-first.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain}.page-index .section-contents-modal-first .section-contents-modal-first-inner .section-contents-modal-first-box .section-contents-modal-first-box-column{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.page-index .section-contents-modal{display:none;z-index:9999;position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto;background-color:hsla(0,0%,100%,.3);opacity:0}.page-index .section-contents-modal .section-contents-modal-inner{display:table;height:100%;margin:0 auto;padding:9.33333vw 0}.page-index .section-contents-modal .section-contents-modal-inner .section-contents-modal-box{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;display:table-cell;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;width:100%;height:100%;vertical-align:middle}.page-index .section-contents-modal .section-contents-modal-inner .section-contents-modal-box .section-contents-modal-close{position:absolute;top:4vw;right:4vw}.page-index .section-contents-modal .section-contents-modal-inner .section-contents-modal-box .section-contents-modal-close p{-moz-background-size:contain;width:11.73333vw;height:11.73333vw;margin-left:auto;overflow:hidden;background-image:url(../images/common/sp/btn_modal-close.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain;text-indent:-9999px}.page-index .section-contents-modal .section-contents-modal-inner .section-contents-modal-box .section-contents-modal-image{position:relative;height:100%;background-color:#000}.page-index .section-contents-modal .section-contents-modal-inner .section-contents-modal-box .section-contents-modal-image video{width:100%}.page-index .section-contents-modal .section-contents-modal-inner .section-contents-modal-box .section-contents-modal-image:after{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);content:""}.page-index .section-contents-modal .section-contents-modal-inner .section-contents-modal-box .section-contents-modal-box-wrapper{-moz-background-size:contain;width:93.6vw;height:93.6vw;padding:6.66667vw;background-image:url(../images/common/sp/bg_modal-frame_01.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain}.page-index .section-contents-modal .section-contents-modal-inner .section-contents-modal-box .section-contents-modal-box-column{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.page-index .section-contents-modal-age{display:none;z-index:9999;position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto;background-color:#091431;opacity:0}.page-index .section-contents-modal-age .section-contents-modal-age-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.page-index .section-contents-modal-age .section-contents-modal-age-inner{display:table;position:relative;width:100%;height:100%;margin:0 auto;padding:9.33333vw 3.33333vw}.page-index .section-contents-modal-age .section-contents-modal-age-inner .section-contents-modal-age-box{display:table-cell;width:100%;vertical-align:middle}.page-index .section-contents-modal-age .section-contents-modal-age-inner .section-contents-modal-age-box .section-contents-modal-age-box-wrapper{-moz-background-size:contain;width:93.06667vw;height:102.93333vw;padding:2.66667vw;background-image:url(../images/common/sp/bg_modal-age.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain}.page-index .section-contents-modal-age .section-contents-modal-age-inner .section-contents-modal-age-box .section-contents-modal-age-box-column{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.page-index .section-contents-modal-age .section-contents-modal-age-inner .section-contents-modal-age-box .section-contents-modal-age-title{margin-top:9.33333vw}.page-index .section-contents-modal-age .section-contents-modal-age-inner .section-contents-modal-age-box .section-contents-modal-age-title p{-moz-background-size:contain;width:35.46667vw;height:5.06667vw;margin:0 auto;overflow:hidden;background-image:url(../images/common/sp/tit_modal-age.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain;text-indent:-9999px}.page-index .section-contents-modal-age .section-contents-modal-age-inner .section-contents-modal-age-box .section-contents-modal-age-text{margin-top:8vw}.page-index .section-contents-modal-age .section-contents-modal-age-inner .section-contents-modal-age-box .section-contents-modal-age-text p{-moz-background-size:contain;width:57.33333vw;height:16.53333vw;margin:0 auto;overflow:hidden;background-image:url(../images/common/sp/txt_modal-age.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain;text-indent:-9999px}.page-index .section-contents-modal-age .section-contents-modal-age-inner .section-contents-modal-age-box .section-contents-modal-age-button{-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;margin-top:9.33333vw}.page-index .section-contents-modal-age .section-contents-modal-age-inner .section-contents-modal-age-box .section-contents-modal-age-button .section-contents-modal-age-yes p:first-child{-moz-background-size:contain;width:32vw;height:32vw;margin:0 auto;overflow:hidden;background-image:url(../images/common/sp/btn_modal-age_01.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain;text-indent:-9999px;cursor:pointer}.page-index .section-contents-modal-age .section-contents-modal-age-inner .section-contents-modal-age-box .section-contents-modal-age-button .section-contents-modal-age-yes p:nth-child(2){-moz-background-size:contain;width:24vw;height:2.66667vw;margin:4.8vw auto 0;overflow:hidden;background-image:url(../images/common/sp/txt_modal-age_01.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain;text-indent:-9999px}.page-index .section-contents-modal-age .section-contents-modal-age-inner .section-contents-modal-age-box .section-contents-modal-age-button .section-contents-modal-age-no{margin-left:6.13333vw}.page-index .section-contents-modal-age .section-contents-modal-age-inner .section-contents-modal-age-box .section-contents-modal-age-button .section-contents-modal-age-no a{-moz-background-size:contain;display:block;width:32vw;height:32vw;margin:0 auto;overflow:hidden;background-image:url(../images/common/sp/btn_modal-age_02.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain;text-decoration:none;text-indent:-9999px}.page-index .section-contents-modal-age .section-contents-modal-age-inner .section-contents-modal-age-box .section-contents-modal-age-button .section-contents-modal-age-no p{-moz-background-size:contain;width:37.86667vw;height:2.93333vw;margin:4.8vw auto 0;overflow:hidden;background-image:url(../images/common/sp/txt_modal-age_02.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain;text-indent:-9999px}.page-index .section-contents-scroll{-moz-background-size:contain;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);position:fixed;bottom:4vw;left:50%;width:10.66667vw;height:10.66667vw;overflow:hidden;transform:translateX(-50%);background-image:url(../images/common/icon_arrow.png?v=202108031600);background-position:50%;background-repeat:no-repeat;background-size:contain;text-indent:-9999px}}