@charset "utf-8";#loading,html.is-loading,html.is-loading body{overflow:hidden}body,div,html{margin:0;padding:0;-webkit-user-select:none}body,div,html,img{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#cover,#movie-base video,#offscreen,#ui-base,#ui-bg,#world{position:absolute}#cover,#inner-wrapper,#movie-base,#offscreen,#ui-base,#ui-bg,#world,body,html{width:100%;height:100%}#movie-base,#movie-base p .movie-skip-pc,#offscreen,.pc #movie-base p .movie-skip-sp{display:none}#cover,#movie-base,#offscreen,#picture,#select-menu,body,html{background-color:#000}#loading,div{text-align:center}div{line-height:0}img{border:0;user-select:none;-moz-user-select:none;-ms-user-select:none;-ms-interpolation-mode:bicubic;-webkit-user-select:none}#inner-wrapper{position:fixed}#ui-base .loading-text{position:absolute;bottom:30px;left:50%;margin:0 0 0 -45px;-webkit-animation:flashing 1.6s linear infinite;animation:flashing 1.6s linear infinite;display:none}#movie-base{position:fixed}#movie-base video{top:50%;left:50%}#picture,.pic{left:0;height:100%;position:absolute;top:0;width:100%}.pc #movie-base video{top:0}#movie-base p{position:absolute;bottom:36px;right:0;padding:0 25px 10px 5px;margin:0;border-bottom:1px solid #fff;z-index:1}.pc #movie-base p{padding:0 30px 10px 0;bottom:30px;cursor:pointer;transition:all .1s}.pc #movie-base p .movie-skip-pc{display:block}#picture,#select-menu,#select-menu.mv-play .bg-attention,.pc #select-menu .select-bg-l,.pc #select-menu .select-bg-r,.pc #select-menu .select-deco,.pic{display:none}.pc #movie-base p:hover{opacity:.3}#paper{position:absolute;width:100%;height:100%;background-image:url(../image/bg.png);opacity:.16}#corner{position:absolute;width:100%;height:100%;background-image:url(../image/corner.png);opacity:.4}#pic001{background:url(../image/pictures/01/bg.jpg) repeat-x;background-size:auto 100%}#pic001 img{height:100%;width:auto;position:absolute;top:0;left:50%}#select-menu{position:fixed;width:100%;height:62px;left:0;bottom:0}.pc #select-menu .select-btn-wrap{position:relative;width:370px;margin:0 auto}#select-menu .bg-attention{position:absolute;width:100%;height:auto;left:0;bottom:62px;pointer-events:none}#select-menu .select-bg-l{position:absolute;left:0;bottom:4px}#select-menu .select-bg-r{position:absolute;right:0;bottom:4px}#select-menu .select-deco{position:absolute;top:12px;margin-left:-4px}#select-menu .select-deco.deco01{left:26%}#select-menu .select-deco.deco02{left:50%}#select-menu .select-deco.deco03{left:74%}#select-menu .select-btn,#select-menu .select-ripple{position:absolute;top:-36px;width:24%;height:86px;transition-property:all;transition-duration:280ms;transition-timing-function:ease-out;opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px)}.pc #select-menu .select-btn{cursor:pointer}.pc #select-menu .select-btn,.pc #select-menu .select-ripple{top:-45px}#select-menu .select-btn.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}#select-menu .select-ripple.ripple0,#select0{left:2%;transition-delay:.2s}#select-menu .select-ripple.ripple1,#select1{left:26%;transition-delay:240ms}#select-menu .select-ripple.ripple2,#select2{left:50%;transition-delay:280ms}#select-menu .select-ripple.ripple3,#select3{left:74%;transition-delay:320ms}#select-menu .select-ripple.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}#select-menu .select-ripple::after{content:"";display:block;position:absolute;top:13px;left:50%;margin-left:-28px;width:55px;height:55px;border-radius:50%;opacity:.4}#select-menu .select-ripple.ripple0::after{background-color:#e1e200}#select-menu .select-ripple.ripple1::after{background-color:#00a457}#select-menu .select-ripple.ripple2::after{background-color:#426aec}#select-menu .select-ripple.ripple3::after{background-color:#e9669c}#select-menu .select-ripple.add-transition::after{transition:all 1s cubic-bezier(.19,1,.22,1)}#select-menu .select-ripple.add-transition.valid::after{opacity:0;-webkit-transform:scale(3);transform:scale(3)}@-webkit-keyframes floating{0%,100%{-webkit-transform:translateY(-10px)}50%{-webkit-transform:translateY(0)}}@keyframes floating{0%,100%{transform:translateY(-10px)}50%{transform:translateY(0)}}#select-menu .select-btn::before{content:"";position:absolute;top:-15px;left:50%;width:13px;height:19px;margin-left:-6px;background:url(../image/ui/btn_attention.png) no-repeat;background-size:13px 19px;opacity:0;display:none}#select-menu.opening .select-btn::before{display:block;transition-property:all;transition-duration:.3s;transition-timing-function:linear}#select-menu.offscreen .select-btn::before{opacity:1;display:block;-webkit-animation:floating 1.4s cubic-bezier(.42,0,.58,1) infinite;animation:floating 1.4s cubic-bezier(.42,0,.58,1) infinite}#select-menu .select-btn .btn-icon{position:absolute;top:0;left:50%;margin-left:-42px;width:84px}@-webkit-keyframes circle_rotate{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(-360deg)}}@keyframes circle_rotate{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}#select-menu .select-btn .btn-icon img{position:absolute;top:0;left:0}#select-menu .select-btn .btn-icon img.light{opacity:0;transition:all 180ms linear}#select-menu.mv-play .select-btn .btn-icon img.light{-webkit-animation:circle_rotate 3s linear infinite;animation:circle_rotate 3s linear infinite}#select-menu .select-btn .btn-icon img.bg{top:14px;left:13px}#select-menu .select-btn .btn-icon img.icon{top:13px;left:14px}#select-menu.mv-play .select-btn .btn-icon img.icon{-webkit-animation:circle_rotate 10s linear infinite;animation:circle_rotate 10s linear infinite}#select-menu .select-btn p{position:absolute;top:58px;left:50%;opacity:.4;line-height:1;transition:all 180ms linear}#select0 p{margin-left:-31px}#select1 p{margin-left:-45px}#select2 p{margin-left:-25px}#select3 p{margin-left:-51px}@media screen and (max-width:340px){#select-menu .select-btn p img{width:auto;height:7px}#select-menu #select3.select-btn p img{width:auto;height:6px}#select0 p{margin-left:-25px}#select1 p{margin-left:-35px}#select2 p{margin-left:-19px}#select3 p{margin-left:-44px}}#select-menu .select-btn.valid .btn-icon.btn-play{transition:all 180ms linear;opacity:0}#select-menu .select-btn.valid .btn-icon.btn-valid .light,#select-menu .select-btn.valid p{opacity:1}#seek-bar{position:absolute;left:0;bottom:0;width:100%;height:4px;background:#9f9f9f;transition-property:all;transition-duration:.3s;transition-timing-function:linear;opacity:0}.pc #seek-bar{height:2px}#seek-bar.show{opacity:1}#seek-bar .seek-current{background:red;height:100%;width:100%;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(0);transform:scaleX(0)}#tap-scroll,#tap-scroll-pc{bottom:0;width:150%;height:172px;background-size:contain;background-repeat:repeat-x;position:absolute}#tap{position:absolute;width:100%;height:232px;bottom:-232px}#tap-scroll{background-image:url(../image/tap/tap.png);-webkit-animation:tap-scroll 3s linear infinite;animation:tap-scroll 3s linear infinite}@-webkit-keyframes tap-scroll{0%{-webkit-transform:translate3d(0,0,0);transform:translateX(0)}100%{-webkit-transform:translate3d(-130px,0,0);transform:translateX(-130px)}}@keyframes tap-scroll{0%{-webkit-transform:translate3d(0,0,0);transform:translateX(0)}100%{-webkit-transform:translate3d(-130px,0,0);transform:translateX(-130px)}}#tap-scroll-pc{background-image:url(../image/tap/click.png);-webkit-animation:tap-scroll-pc 3s linear infinite;animation:tap-scroll-pc 3s linear infinite}@-webkit-keyframes tap-scroll-pc{0%{-webkit-transform:translate3d(0,0,0);transform:translateX(0)}100%{-webkit-transform:translate3d(-395px,0,0);transform:translateX(-395px)}}@keyframes tap-scroll-pc{0%{-webkit-transform:translate3d(0,0,0);transform:translateX(0)}100%{-webkit-transform:translate3d(-395px,0,0);transform:translateX(-395px)}}#tap-mark{position:absolute;top:0;left:50%;width:100px;height:100px;margin-left:-50px;-webkit-animation:flickerAnimation .7s infinite;-moz-animation:flickerAnimation .7s infinite;-o-animation:flickerAnimation .7s infinite;animation:flickerAnimation .7s infinite}@keyframes flickerAnimation{0%{opacity:0;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{opacity:1;-webkit-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}100%{opacity:0;-webkit-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}}@-o-keyframes flickerAnimation{0%{opacity:0;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{opacity:1;-webkit-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}100%{opacity:0;-webkit-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}}@-moz-keyframes flickerAnimation{0%{opacity:0;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{opacity:1;-webkit-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}100%{opacity:0;-webkit-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}}@-webkit-keyframes flickerAnimation{0%{opacity:0;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{opacity:1;-webkit-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}100%{opacity:0;-webkit-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}}#pic004{background-image:url(../image/pictures/04/bg.jpg);background-size:cover;background-position:top center}#pic004 .sprite{position:absolute;left:0;top:0;width:3840px;height:5400px;image-rendering:pixelated}#pic004 .sprite-wrapper{position:relative;height:100%;overflow:hidden}#pic004 .bottle-wrapper{position:relative}#pic004 .bottle{width:767px;height:279px;position:absolute;top:0;right:0}#loading,.pc #loading .pc-center{position:absolute;width:100%;left:0}#loading{top:0;min-height:100%;z-index:110;display:none}.is-loading #loading{display:block}#loading p{padding:0;margin:0;line-height:1}#loading .loading-logo{margin:46px 0 15px}.pc #loading .pc-center{top:50%;margin-top:-160px}.pc #loading .loading-logo{width:129px;height:auto;margin:0 0 15px}.pc #loading .loading-title{width:167px;height:auto}#loading ul{position:relative;display:block;width:100%;height:49px;margin:44px 0 18px;padding:0;text-align:left}.pc #loading ul{width:440px;margin:38px auto 28px}#loading ul li{position:absolute;top:0;left:0;display:block;margin-left:-17px;transform-origin:center center;opacity:0;-webkit-transform:scale(.6);transform:scale(.6)}.pc #loading ul li img{width:37px;height:auto}@-webkit-keyframes sableAnimation01{0%,100%,80%{-webkit-transform:scale(.6);opacity:0}20%,60%{-webkit-transform:scale(1);opacity:1}}@keyframes sableAnimation01{0%,100%,80%{transform:scale(.6);opacity:0}20%,60%{transform:scale(1);opacity:1}}#loading.animation .sable01{left:71%;-webkit-animation:sableAnimation01 1.6s linear infinite;animation:sableAnimation01 1.6s linear infinite}@-webkit-keyframes sableAnimation02{0%,100%,70%{-webkit-transform:scale(.6);opacity:0}20%,50%{-webkit-transform:scale(1);opacity:1}}@keyframes sableAnimation02{0%,100%,70%{transform:scale(.6);opacity:0}20%,50%{transform:scale(1);opacity:1}}#loading.animation .sable02{left:57%;-webkit-animation:sableAnimation02 1.6s linear infinite;animation:sableAnimation02 1.6s linear infinite}@-webkit-keyframes sableAnimation03{0%,100%,60%{-webkit-transform:scale(.6);opacity:0}20%,40%{-webkit-transform:scale(1);opacity:1}}@keyframes sableAnimation03{0%,100%,60%{transform:scale(.6);opacity:0}20%,40%{transform:scale(1);opacity:1}}#loading.animation .sable03{left:43%;-webkit-animation:sableAnimation03 1.6s linear infinite;animation:sableAnimation03 1.6s linear infinite}@-webkit-keyframes sableAnimation04{0%,100%,50%{-webkit-transform:scale(.6);opacity:0}20%,30%{-webkit-transform:scale(1);opacity:1}}@keyframes sableAnimation04{0%,100%,50%{transform:scale(.6);opacity:0}20%,30%{transform:scale(1);opacity:1}}#loading.animation .sable04{left:29%;-webkit-animation:sableAnimation04 1.6s linear infinite;animation:sableAnimation04 1.6s linear infinite}@-webkit-keyframes flashing{0%,100%,80%{opacity:1}40%{opacity:0}}@keyframes flashing{0%,100%,80%{opacity:1}40%{opacity:0}}#loading .loading-text{-webkit-animation:flashing 1.6s linear infinite;animation:flashing 1.6s linear infinite;margin-bottom:46px}.pc #loading .loading-text img{width:90px;height:auto}.pc #loading .loading-sound{position:absolute;left:50%;bottom:30px;margin-left:-123px}.pc #loading .loading-sound img{width:246px;height:auto}#loading .loading-attention{margin-top:40px}.pc #loading .loading-attention{display:none}@media screen and (max-height:500px){#loading .loading-logo{margin:20px 0 10px}#loading ul{margin:26px 0 18px}#loading .loading-text{margin-bottom:26px}#loading .loading-attention{margin-top:26px;margin-bottom:26px}#loading{height:100%;overflow:auto}}.loading-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}#wrapperPc .loading-bg{z-index:2;background:rgba(0,0,0,.86)}#wrapperRecommend-base{width:100%;height:100%;background:#000}.pc-mv-logo,.pc-mv-title{margin:0;padding:0;line-height:1;text-align:left;position:absolute;top:24px;display:none;z-index:200}.pc .pc-mv-logo{display:block;left:30px}.pc .pc-mv-title{display:block;right:30px}