@import url("https://fonts.googleapis.com/css?family=Roboto:400,700");.skin_cover,.skin_go{background-color:#171c34}.skin_cover #menu button,.skin_go #menu button{background-color:#007ac1}.skin_cover #article_body #title,.skin_go #article_body #title{border-bottom-color:white;border-bottom-width:2px;border-bottom-style:solid}.skin_cover #article_body #pages::-webkit-scrollbar,.skin_go #article_body #pages::-webkit-scrollbar{border-color:#007ac1}.skin_cover #article_body #pages::-webkit-scrollbar-thumb,.skin_go #article_body #pages::-webkit-scrollbar-thumb{background-color:#007ac1}.skin_cover #register input[type="email"],.skin_go #register input[type="email"]{color:#007ac1}.skin_cover #register button,.skin_go #register button{background-color:#007ac1}.skin_cover #register button:hover,.skin_go #register button:hover{background-color:#3c93de}.skin_cover #background{background-image:url(../images/hd/arcade.jpg)}.skin_go #background{background-image:url(../images/hd/music.jpg);background-color:#060a0d}.skin_search{background-color:#281f16}.skin_search #background{background-image:url(../images/hd/library.jpg)}.skin_search #menu button{background-color:#1dbbe9}.skin_search #article_body #title{border-bottom-color:#1dbbe9;border-bottom-width:2px;border-bottom-style:solid}.skin_search #article_body #pages::-webkit-scrollbar{border-color:#1dbbe9}.skin_search #article_body #pages::-webkit-scrollbar-thumb{background-color:#1dbbe9}.skin_search #register input[type="email"]{color:#1dbbe9}.skin_search #register button{background-color:#1dbbe9}.skin_search #register button:hover{background-color:#4dd9ff}.skin_collect{background-color:#171c34}.skin_collect #background{background-image:url(../images/hd/vinyl.jpg)}.skin_collect #menu button{background-color:#007ac1}.skin_collect #article_body #title{border-bottom-color:#007ac1;border-bottom-width:2px;border-bottom-style:solid}.skin_collect #article_body #pages::-webkit-scrollbar{border-color:#007ac1}.skin_collect #article_body #pages::-webkit-scrollbar-thumb{background-color:#007ac1}.skin_collect #register input[type="email"]{color:#007ac1}.skin_collect #register button{background-color:#007ac1}.skin_collect #register button:hover{background-color:#3c93de}.skin_connect{background-color:#5f3738}.skin_connect #background{background-image:url(../images/hd/concert_with_friends.jpg)}.skin_connect #menu button{background-color:#f29400}.skin_connect #article_body #title{border-bottom-color:#f29400;border-bottom-width:2px;border-bottom-style:solid}.skin_connect #article_body #pages::-webkit-scrollbar{border-color:#f29400}.skin_connect #article_body #pages::-webkit-scrollbar-thumb{background-color:#f29400}.skin_connect #register input[type="email"]{color:#f29400}.skin_connect #register button{background-color:#f29400}.skin_connect #register button:hover{background-color:#ffae2b}.skin_share{background-color:#171f21}.skin_share #background{background-image:url(../images/hd/meal_with_friends.jpg)}.skin_share #menu button{background-color:#e2001a}.skin_share #article_body #title{border-bottom-color:#e2001a;border-bottom-width:2px;border-bottom-style:solid}.skin_share #article_body #pages::-webkit-scrollbar{border-color:#e2001a}.skin_share #article_body #pages::-webkit-scrollbar-thumb{background-color:#e2001a}.skin_share #register input[type="email"]{color:#e2001a}.skin_share #register button{background-color:#e2001a}.skin_share #register button:hover{background-color:#ff3c2c}.tc0{color:#707070}.tc1{color:#1dbbe9}.tc2{color:#007ac1}.tc3{color:#f29400}.tc4{color:#e2001a}.lnkc0,.lnkc1,.lnkc2,.lnkc3,.lnkc4{background-color:transparent;transition:background-color 0.2s ease-in, color 0.2s ease-in, padding-left 0.2s ease-in;cursor:pointer}.lnkc0{color:#707070}.lnkc1{color:#1dbbe9}.lnkc2{color:#007ac1}.lnkc3{color:#f29400}.lnkc4{color:#e2001a}.lnkc0:hover,.lnkc1:hover,.lnkc2:hover,.lnkc3:hover,.lnkc4:hover{padding-left:8px;color:white}.lnkc0:hover{background-color:#707070}.lnkc1:hover{background-color:#1dbbe9}.lnkc2:hover{background-color:#007ac1}.lnkc3:hover{background-color:#f29400}.lnkc4:hover{background-color:#e2001a}@keyframes background_zoom{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}iframe{display:none}body{font-family:roboto;font-size:12pt;font-weight:400;margin:0;padding:0;overflow-x:hidden;color:#707070}body::after{position:absolute;width:0;height:0;overflow:hidden;z-index:-1;content:url(../images/logo/wano.svg) url(../images/icons/burger.svg) url(../images/icons/cross.svg) url(../images/icons/mail_white.png) url(../images/icons/facebook.svg) url(../images/icons/linkedin.svg) url(../images/icons/twitter.svg) url(../images/icons/blue_scroll_arrow.svg) url(../images/icons/scroll_arrow.svg) url(../images/hd/arcade.jpg) url(../images/hd/concert_with_friends.jpg) url(../images/hd/library.jpg) url(../images/hd/vinyl.jpg) url(../images/hd/meal_with_friends.jpg) url(../images/hd/music.jpg)}#background{position:fixed;width:100%;height:100%;z-index:-1;will-change:transform;background-size:100%;background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-attachment:fixed;animation-name:background_zoom;animation-duration:30s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}a{text-decoration:none}input:focus{outline:none}header{width:100vw;height:10vh}article{width:488px;height:720px;left:100vw;margin-left:-558px;padding-left:32px;padding-right:32px;position:relative;background-color:white;border-left:3px solid rgba(224,224,224,0.25);border-right:3px solid white}#article_head{width:100%;height:64px;padding-top:24px;margin-bottom:64px}#article_head #menu{position:absolute;display:block;width:48px;height:48px;right:32px}#article_head #menu button{position:absolute;z-index:99;width:48px;height:48px;border:none;text-decoration:none;outline:none;mask-repeat:no-repeat;mask-position:5pt 5pt;mask-size:48px;-webkit-mask-repeat:no-repeat;-webkit-mask-position:5pt 5pt;-webkit-mask-size:48px;cursor:pointer}#article_head #menu .burger{mask-image:url(../images/icons/burger.svg);-webkit-mask-image:url(../images/icons/burger.svg);transform:rotate(0deg);-webkit-transform:rotate(0deg);transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out, mask-image 0.1s, -webkit-mask-image 0.1s}#article_head #menu .cross{background-color:#e2001a;mask-image:url(../images/icons/cross.svg);-webkit-mask-image:url(../images/icons/cross.svg);transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out, mask-image 0.1s, -webkit-mask-image 0.1s}#article_head #menu #panel{background-color:white;width:280px;height:280px;box-shadow:0px 2px 16px #888;position:absolute;top:-8px;left:-222px;z-index:90;border-radius:5px}#article_head #menu #panel ul{list-style:none;font-size:24pt;line-height:140%;padding:0 0 0 16px;margin-top:16px}#article_head #menu #panel #logo{margin:16px;width:64px;height:64px;cursor:pointer;background-image:url(../images/logo/wano.svg);background-repeat:no-repeat}#article_head #menu #panel::before{content:" ";background-color:rgba(255,255,255,0.6);width:100%;height:100%;position:fixed;top:0;left:0;z-index:-1}#article_head #menu .off{visibility:hidden;opacity:0;transition:opacity 0.2s ease-in, visibility 0.2s}#article_head #menu .on{opacity:1;visibility:visible;transition:visible 0s, opacity 0.2s ease-in}#article_head #main_logo{width:100px;height:100px;cursor:pointer;background-image:url(../images/logo/wano.svg);background-repeat:no-repeat;background-color:white;border:4px solid white}#article_body{width:calc(100% - 48px);overflow-y:hidden;position:absolute}#article_body section{min-height:48px}#article_body section div,#article_body section ul{font-size:36pt;margin-bottom:16px;margin-top:0px;padding:0}#article_body section ul{list-style:none;display:block}#article_body section #summary,#article_body section #search,#article_body section #collect,#article_body section #connect,#article_body section #share,#article_body section #go{font-size:16pt}#article_body section #summary{padding-top:200px}#article_body section #search,#article_body section #collect,#article_body section #connect,#article_body section #share,#article_body section #go{padding-top:72px;padding-bottom:64px}#article_body section #go{font-size:16pt;text-align:center;padding-left:48px;padding-right:48px;padding-bottom:0px}#article_body section #go p{padding-left:40px;padding-right:40px}#article_body section #go span{font-size:22pt;font-weight:bold}#article_body section #go span:nth-child(2n){width:58%;float:left}#article_body section #go span:nth-child(2n+1){width:41%;float:right}#article_body section #go span:nth-child(4),#article_body section #go span:nth-child(5){margin-bottom:24px}#article_body #title{perspective:600px;background-color:white;padding-right:8px;padding-top:8px;width:calc(100% - 48px);z-index:10}#article_body #title div,#article_body #title ul{line-height:90%}#article_body #title,#article_body #title_summary,#article_body #title_search,#article_body #title_collect,#article_body #title_connect,#article_body #title_share,#article_body #title_go{position:absolute}#article_body #title_summary,#article_body #title_search,#article_body #title_collect,#article_body #title_connect,#article_body #title_share,#article_body #title_go{backface-visibility:hidden;transform-style:preserve-3d;transition:transform 0.4s ease-out}#article_body .hide_title_before{transform:translateY(50px) rotateX(180deg) scale(0.5)}#article_body .hide_title_after{transform:translateY(-50px) rotateX(-180deg) scale(0.5)}#article_body .show_title{transform:rotateX(0deg)}#article_body #title_go{font-size:54pt;width:100%;text-align:center}#article_body #pages{height:400px;overflow-y:auto;padding-right:32px;transform:translateZ(0);will-change:transform}#article_body #pages::-webkit-scrollbar{width:8px;border-right:1px solid}#article_body #pages::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px white}#article_footer{height:140px;width:calc(100% - 58px);text-align:center;position:absolute;bottom:0}#register{width:calc(100% - 32px);box-shadow:0px 2px 16px #888;border-radius:5px;text-align:start;margin:16px}#register input[type="email"]{height:48px;width:calc(100% - 112px);font-size:14pt;border-radius:5px 0 0 5px;border:0;margin:0;padding:0 16px}#register input[type="email"]::placeholder{color:#BBB}#register input[type="submit"]{display:none}#register button{display:inline-block;position:absolute;border:none;text-decoration:none;outline:none;height:48px;width:80px;border-radius:0 5px 5px 0;background-image:url(../images/icons/mail_white.png);background-repeat:no-repeat;background-position-x:16px;transition:background-color 0.2s ease-in;cursor:pointer;margin:0;padding:0;font-size:14pt;color:white}#register button:hover{background-image:url(../images/icons/mail_white.png)}#register .clicked{transform:translate(calc(80px - 100%));width:calc(100% - 32px);border-radius:5px;transition:transform 0.3s ease-out, width 0.3s ease-in-out 0.3s}#store_links{text-align:center;color:#888888;padding:16px;font-size:14pt;text-transform:uppercase}#store_links img{vertical-align:middle;border-radius:5px;padding:4px;margin-left:16px;background-color:white;box-shadow:0px 2px 16px #888}#square_animation{width:100vw;height:720px;float:left;image-rendering:pixelated}.layout_group{width:100vw;height:720px}#facebook_link,#linkedin_link,#twitter_link,#instagram_link{width:28px;height:28px;float:right;display:inline;background-repeat:no-repeat;background-size:28px;transition:background-size 0.2s ease-in-out, width 0.2s ease-in-out, height 0.2s ease-in-out;cursor:pointer;margin-top:16px;margin-left:8pt}#facebook_link:hover,#linkedin_link:hover,#twitter_link:hover,#instagram_link:hover{width:36px;height:36px;background-size:36px}#facebook_link{background-image:url(../images/icons/facebook.svg)}#linkedin_link{background-image:url(../images/icons/linkedin.svg)}#instagram_link{background-image:url(../images/icons/instagram.svg)}#twitter_link{background-image:url(../images/icons/twitter.svg);margin-right:32px}#bottom_blue_arrow{background-image:url(../images/icons/blue_scroll_arrow.svg);display:inline-block;width:80px;height:49px}#bottom_arrow{content:url(../images/icons/scroll_arrow.svg);width:32px;height:32px;margin-top:16px !important;margin-left:calc(50% - 16px);cursor:pointer}footer{font-size:10pt;width:100vw;height:82px;position:absolute;top:calc(100vh - 82px);text-align:center}footer #mention{color:white;position:absolute;bottom:32px;margin-left:32px}footer #mention a{color:white;font-weight:bold}@media screen and (max-height: 892px){footer{position:relative;top:0px}}@media only screen and (min-width: 1600px){#layout_group>canvas{width:calc(50vw + 242px)}article{left:calc(50vw + 242px);margin-left:0px}footer{left:calc(50vw - 800px);width:1600px}}@media only screen and (max-width: 1068px) and (max-height: 768px){body{font-size:10pt}article,#square_animation{height:575px}#article_body section div,#article_body section ul{font-size:24pt}#article_body section #summary,#article_body section #search,#article_body section #collect,#article_body section #connect,#article_body section #share,#article_body section #go{font-size:11pt}#article_body section #summary{padding-top:130px}#article_body section #go{padding-top:64px}#article_body section #go span{font-size:20pt}#article_body section #go span:nth-child(4),#article_body section #go span:nth-child(5){margin-bottom:8px}#article_body #pages{height:255px}#article_body #title_go{font-size:48pt}#bottom_blue_arrow{width:48px;height:29px}}@media only screen and (max-width: 768px){body{width:100%;background-size:contain;background-position-y:-64px;min-width:0px}body::after{content:url(../images/logo/wano.svg) url(../images/icons/burger.svg) url(../images/icons/cross.svg) url(../images/icons/mail_white.png) url(../images/icons/facebook.svg) url(../images/icons/linkedin.svg) url(../images/icons/twitter.svg) url(../images/icons/instagram.svg) url(../images/icons/scroll_arrow.svg) url(../images/sd/arcade.jpg) url(../images/sd/concert_with_friends.jpg) url(../images/sd/library.jpg) url(../images/sd/vinyl.jpg) url(../images/sd/meal_with_friends.jpg) url(../images/sd/music.jpg) url(../images/sd/thankyou.jpg)}header{width:100%;height:10%}#layout_group>canvas{display:none}article{width:calc(100% - 70px);left:0px;margin-left:0px;margin-top:40%;height:388px}#article_head{padding-top:0px;margin-bottom:0px;height:16px}#article_head #menu{display:none}#article_head #main_logo{left:25px;top:-96px;width:96px;height:96px;position:absolute;border:10px solid white;border-radius:13px;background-position-x:3px}#article_body{width:calc(100% - 29px)}#article_body #title{width:calc(100% - 36px)}#article_body #title_go{font-size:40pt}#article_body #pages{height:308px;padding-right:28px}#article_body section{min-height:32px}#article_body section div,#article_body section ul{font-size:20pt;margin-bottom:8px}#article_body section #summary:after,#article_body section #search:after,#article_body section #collect:after,#article_body section #connect:after,#article_body section #share:after{margin-top:16px}#article_body section #summary,#article_body section #search,#article_body section #collect,#article_body section #connect,#article_body section #share,#article_body section #go{font-size:11pt}#article_body section #summary{padding-top:114px}#article_body section #search,#article_body section #collect,#article_body section #connect,#article_body section #share,#article_body section #go{padding-top:54px;padding-bottom:64px}#article_body section #go{padding-left:24px;padding-right:24px}#article_body section #go p{padding-left:24px;padding-right:24px;margin-top:10px;margin-bottom:10px}#article_body section #go span{font-size:16pt}#article_body section #go span:nth-child(4),#article_body section #go span:nth-child(5){margin-bottom:16px}#square_animation{display:none}#register{width:100%;margin:8px 0}#register input[type="email"]{font-size:11pt}#register .clicked{width:100%}#store_links{padding:8px;font-size:12pt}#twitter_link{margin-right:0px}#bottom_blue_arrow{width:48px;height:29px}#summary #bottom_arrow{margin-top:8px !important}#facebook_link,#linkedin_link,#twitter_link{float:none;left:100%;display:block;position:sticky;margin-top:10px;background-position-x:100%;background-size:28px}#article_footer{height:120px}footer{position:relative;width:100%;text-align:center;top:0px;z-index:-1}footer #social{position:relative;top:-574px}footer #mention{color:#707070;display:block;position:relative;top:8px;margin-left:0px}footer #mention a{color:#f29400;font-weight:bold}footer #mention #earth_link{color:#1dbbe9}#background{top:0px;background-position-y:-20px}.skin_cover #background{background-image:url(../images/sd/arcade.jpg)}.skin_search #background{background-image:url(../images/sd/library.jpg);background-position-y:-10px}.skin_collect #background{background-image:url(../images/sd/vinyl.jpg);background-position-y:-46px}.skin_connect #background{background-image:url(../images/sd/concert_with_friends.jpg);background-position-y:-80px}.skin_share #background{background-image:url(../images/sd/meal_with_friends.jpg);background-position-y:-30px}.skin_go #background{background-image:url(../images/sd/music.jpg)}}@media only screen and (max-width: 768px) and (min-width: 520px){#article_body section #go{padding-left:96px;padding-right:96px}}@media only screen and (max-width: 768px) and (min-height: 700px){article{height:438px}#article_body #pages{height:358px}#article_body section div{margin-bottom:58px}footer #social{top:-630px}}@media only screen and (max-width: 768px) and (min-height: 900px){article{height:538px}#article_body #pages{height:458px}#article_body section div{margin-bottom:158px}footer #social{top:-730px}}

/*# sourceMappingURL=style.css.map */