*{box-sizing:border-box}html,body,ul,h2,h3,hr,p{padding:0;margin:0;-webkit-margin-before:0;-webkit-margin-after:0}body,pre,span,h2,h3{font-family:"EB Garamond",Garamond,YuMincho,"游明朝","Hiragino Mincho ProN","Roboto Slab",serif;font-size:12px;letter-spacing:.2em;color:rgba(255,255,255,0.7)}body{background-color:#031a29}button{background:none;border:none;outline:none;padding:0;opacity:.7;-webkit-transition:opacity,background-image,.5s;transition:opacity,background-image,.5s;}button:hover{opacity:1}a{color:#fff;text-decoration:none;opacity:.7;-webkit-transition:opacity 1s;transition:opacity 1s;}a:hover{opacity:1}a.blank{background:url("images/icon_blank.png") no-repeat 100% 50%}h2{font-size:32px}h3{font-size:18px}hr.long{border:0;height:2px;background:url("images/h-line.png") repeat-x 0 0;background-size:100% 2px}hr.mini{border:0;width:14px;height:1px;background-color:#fff;opacity:.7;margin:60px 0}.blur{-webkit-transition:-webkit-filter 1s ease-in-out;transition:-webkit-filter 1s ease-in-out;transition:filter 1s ease-in-out;transition:filter 1s ease-in-out, -webkit-filter 1s ease-in-out;-webkit-filter:blur(30px);filter:blur(30px)}button.close{position:absolute;top:0;right:50px}button.size-m{width:80px;height:80px;background-size:80px 80px}.play_buttons{width:100%;height:136px;text-align:center;}.play_buttons .buttons{position:relative;width:100%;top:20px;text-align:center;}.play_buttons .buttons button{margin:0 20px;width:100px;height:100px;background-size:300px 100px;background-repeat:no-repeat;-webkit-transition:background-image 1s cubic-bezier(.39,.575,.565,1);transition:background-image 1s cubic-bezier(.39,.575,.565,1)}.play_buttons .buttons button{background-image:url("images/button-play-mode.png");}.play_buttons .buttons button:hover{background-image:url("images/button-play-mode-h.png")}.play_buttons .buttons button.with-webcam{background-position:0 0}.play_buttons .buttons button.with-photo{background-position:-100px 0}.play_buttons .buttons button.without-webcam{background-position:-200px 0}.play_buttons .buttons .inactive{pointer-events:none;opacity:.15}.play-shared{display:none}button.button-play{background-image:url("images/button-play.png");}button.button-play:hover{background-image:url("images/button-play-h.png")}.mask{position:fixed;width:100%;height:100%;overflow:auto;-webkit-mask-image:-webkit-gradient(linear,left 0,left 100%,from(rgba(0,0,0,0.1)),color-stop(.25,#000),color-stop(.75,#000),to(rgba(0,0,0,0.1)));mask-image:-webkit-gradient(linear,left 0,left 100%,from(rgba(0,0,0,0.1)),color-stop(.25,#000),color-stop(.75,#000),to(rgba(0,0,0,0.1)))}.page{position:relative;width:940px;margin:100px auto 100px auto}.colum2{position:relative;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.s12{font-size:12px}.s14{font-size:14px}.s16{font-size:16px}.s18{font-size:18px}.s20{font-size:20px}.s24{font-size:24px}html.en .s12.i18n{font-size:15px}html.en .s14.i18n{font-size:16px}html.en .s16.i18n{font-size:18px}html.en .s18.i18n{font-size:20px}#canvas-clip{position:absolute;left:0;top:0;width:100%;min-width:1100px;height:100%;overflow:hidden;-webkit-transition:-webkit-filter 1s ease-in-out;transition:-webkit-filter 1s ease-in-out;transition:filter 1s ease-in-out;transition:filter 1s ease-in-out, -webkit-filter 1s ease-in-out;}#canvas-clip .step1,#canvas-clip .step2{position:absolute;left:0;top:0;width:400px;height:200px;display:none;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;line-height:2em}#canvas-clip .step2 canvas.progress{position:absolute;left:100px;top:0}canvas#main{-webkit-transform-origin:left top;transform-origin:left top}#page{position:absolute;left:0;top:0;width:100%;min-width:1100px;height:100%}#loading{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}#loading .circle{width:400px;height:400px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}#loading canvas{position:absolute;width:400px;height:400px;left:0;top:0}button.button-top{background-image:url("images/button-top.png");}button.button-top:hover{background-image:url("images/button-top-h.png")}button.button-twitter{background-image:url("images/button-twitter.png");}button.button-twitter:hover{background-image:url("images/button-twitter-h.png")}button.button-facebook{background-image:url("images/button-facebook.png");}button.button-facebook:hover{background-image:url("images/button-facebook-h.png")}button.button-replay{background-image:url("images/button-replay.png");}button.button-replay:hover{background-image:url("images/button-replay-h.png")}#top{display:none;position:absolute;width:100%;min-width:1100px;height:100%;-webkit-transition:-webkit-filter 1s;transition:-webkit-filter 1s;transition:filter 1s;transition:filter 1s, -webkit-filter 1s;}#top ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;list-style:none;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}#top li.line{width:1px;height:9px;background-color:#fff;opacity:.7;font-size:0;margin-bottom:2px}#top .top_button{position:absolute;width:100%;bottom:20%;text-align:center;font-size:10px;}#top .top_button .play_buttons{margin-bottom:20px}#top .play-shared{display:none;position:absolute;bottom:22%;width:100%;text-align:center}#top .album-info{position:absolute;width:382px;height:100px;left:50px;bottom:50px;}#top .album-info .info{position:absolute;left:118px;bottom:0;width:264px;font-size:12px;line-height:1;}#top .album-info .info ul{margin-top:20px}#top .album-info .info li a{padding:0 18px 0 0;background:url("images/icon_blank.png") no-repeat 94% 50%}#top .navi{position:absolute;right:50px;bottom:50px;width:530px;line-height:1;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;}#top .navi li span{font-size:11px}#top .navi li.share{margin-right:-10px;}#top .navi li.share img{font-size:0;margin-bottom:-2px}#webcam-step1{position:relative;display:none;width:100%;height:100%;}#webcam-step1 .attention{position:absolute;width:100%;padding:30px 30px;background-color:#0f2432;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}#webcam-step1 .attention img{margin:0 20px}#webcam-step1 .please-permit{top:0;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}#webcam-step2{position:absolute;left:0;top:0;width:100%;height:100%;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}#webcam-step2 .skip{margin-top:60px}#upload-step1{position:absolute;left:0;top:0;width:100%;height:100%;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:16px;}#upload-step1 > img{margin:60px 0}#upload-step2{position:absolute;left:0;top:0;width:100%;height:100%;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}#upload-step2 .image-file{display:none}#upload-step2 .home{margin-top:30px}#upload-step3{position:absolute;left:0;top:0;width:100%;height:100%;margin-left:60px;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}#upload-step3 p{margin-bottom:30px}#upload-step3 .buttons button{margin:0;padding:0;font-size:0;margin-right:30px}#upload-step3 .buttons button.ok{background-image:url("images/upload-ok.png");}#upload-step3 .buttons button.ok:hover{background-image:url("images/upload-ok-h.png")}#upload-step3 .buttons button.retry{background-image:url("images/upload-retry.png");}#upload-step3 .buttons button.retry:hover{background-image:url("images/upload-retry-h.png")}#upload-error{position:absolute;left:0;top:0;width:100%;height:100%;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}#upload-error p{margin:20px 0;font-size:14px}#upload-error .buttons{margin-top:10px;font-size:0;}#upload-error .buttons button{margin:0 15px;padding:0}#about{display:none;}#about #concept img.i18n{width:940px;margin:0 0 80px 0}#about section{position:relative;padding:80px 0 80px 0;}#about section:not(:first-child){background:url("images/h-line.png") top repeat-x}#about ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;list-style:none}#about li a.blank{padding:0 18px 0 0;background:url("images/icon_blank.png") no-repeat 94% 80%}#about #album{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}#about #album .album_info{position:relative;margin:0 0 0 40px}#about #album .store_link{position:absolute;width:500px;bottom:0;}#about #album .store_link span{position:absolute;bottom:0}#about #album .store_link ul{position:absolute;width:410px;right:0;bottom:-2px}#about #album .store_link a{background-position:98% 60%;background-size:10px 8px;padding-right:22px}#about #kamra .info{position:absolute;left:250px;top:146px;}#about #kamra .info ul{width:238px;margin-top:22px}#about #kamra .info a{background-position:98% 60%;background-size:10px 8px;padding-right:22px}#about #kamra p{margin-top:40px;line-height:2.28}#about #kamra p.about_kamra{margin-top:60px;line-height:2.28}#about .colum{width:440px;margin-bottom:50px;}#about .colum a{position:absolute;bottom:0;padding-right:13px}#about .credit{width:440px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 0 60px 0;}#about .credit a.play{position:relative;width:140px;height:140px;opacity:1;}#about .credit a.play .photo{opacity:.5;-webkit-transition:opacity .5s;transition:opacity .5s}#about .credit a.play:hover .photo{opacity:1}#about .credit a.play img{position:absolute;width:140px;height:140px}#about .credit hr.mini{margin:0}#about .credit .info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;margin:0 0 0 26px;line-height:1;}#about .credit .info .part{margin-bottom:20px}#about .credit .info hr.mini{margin:20px 0}#about .credit .info a.blank{padding:0 10px 0 0}#about .navi{position:fixed;width:100%;top:0;line-height:1;margin-top:50px;}#about .navi a{opacity:.4;}#about .navi a:hover{opacity:1}#about .navi a.selected{opacity:1}#about .navi ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;list-style:none;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:32px;letter-spacing:.2em}#about .navi li{padding:0 18px 0 10px}#about .navi li.concept{margin-bottom:-8px}#howto{display:none;}#howto .page{margin:200px auto 200px auto}#howto .colum2{margin:200px 0 70px 0}#howto .colum{width:420px;}#howto .colum img{width:420px;height:236px;display:block}#howto .colum h4 span{display:block;white-space:nowrap}#howto .colum ul,#howto .colum li{margin:.7em;padding:0}#howto .vline{display:block;background:url("images/v-line.png") 32px 0 repeat-y;padding:0 0 10px 88px;}#howto .vline.before{height:20px}#howto .vline.after{height:40px}#howto .vline ul{margin-top:-8px;margin-bottom:50px}#howto .icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:68px;background-repeat:no-repeat;background-size:68px 68px;padding:0 0 0 88px}#howto .webcam{background-image:url("images/howto-webcam-heading.png")}#howto .photo{background-image:url("images/howto-photo-heading.png")}#howto .step1{background-image:url("images/howto-01.png")}#howto .step2{background-image:url("images/howto-02.png")}#howto .step3{background-image:url("images/howto-03.png")}#howto .step4{background-image:url("images/howto-04.png")}#howto .step5{background-image:url("images/howto-05.png")}#howto .navi{position:fixed;width:100%;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top:50px;}#howto .navi .header{display:block}#howto .hr_disclaimer{display:block;margin-top:90px}#disclaimer{margin:80px 0;}#disclaimer h3{text-align:center;margin:0 0 50px 0}#disclaimer pre{overflow:auto;white-space:pre-wrap;line-height:2em}#share{display:none;width:100%;height:100%;padding:50px;}#share .share-inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;position:relative;width:100%;height:100%}#share .share-buttons{text-align:center;font-size:0;}#share .share-buttons button{margin:0 10px}#share .share-buttons > img{margin-bottom:22px;opacity:.7}.overlay{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10000;pointer-events:none}.noise{background:url("images/noise.png");z-index:10001;opacity:.6}#stats{position:absolute;left:0;top:0;z-index:100}#_frame-counter{position:absolute;left:5px;bottom:0;z-index:100;font-size:30px}#_vcon{position:absolute;right:0;bottom:0;z-index:100;border:3px solid #333;-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:scale(.3,.3);transform:scale(.3,.3)}#_tracker-canvas{position:absolute;left:0;top:0;z-index:200;background-color:#111}