@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);html{background:#f5f5f5}body{background:#f5f5f5;font-size:16px;font-family:'Roboto','Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{margin:0;font-family:'Roboto','Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',Arial,sans-serif}h2{font-size:36px;font-weight:normal;margin-bottom:.2em}a{color:#00BCD4}a:visited{color:#00BCD4}a:hover,a:active,a:focus{color:#00a5bb}section{box-sizing:border-box;clear:both;display:block;margin-left:-15px;margin-right:-15px;position:relative}.button{color:#fff;background:#00BCD4;cursor:pointer;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;display:inline-block;padding:12px 15px;text-decoration:none}.button:visited{color:#fff}.button:hover,.button:active,.button:focus{color:#f2f2f2}a.button:hover{text-decoration:none}.button.white{color:#00BCD4;background:#fff}.button.white:visited{color:#00BCD4}.button.white:hover,.button.white:active,.button.white:focus{color:#00a5bb}.card{background:#fff;padding:20px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);-moz-box-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2);-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px}.card h3{font-weight:normal;font-size:36px}.wordwrap{display:inline-block}#cinema-screen{-webkit-transition:opacity .5s linear 0;-moz-transition:opacity .5s linear 0;-ms-transition:opacity .5s linear 0;-o-transition:opacity .5s linear 0;transition:opacity .5s linear 0;height:100%;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:-10}#cinema-screen.active{opacity:1;z-index:300}#cinema-screen iframe{height:100%;width:100%}#screen-close{color:#fff;cursor:pointer;position:fixed;right:50px;text-align:center;top:50px;width:70px;z-index:600}#screen-close img{width:100%}.hero h2{font-size:60px;font-weight:100}header{-webkit-transition-duration:.5s;transition-duration:.5s;background:rgba(255,255,255,0);box-sizing:border-box;display:block;left:0;margin-top:0;padding:20px 10px;position:fixed;top:0;width:100%;z-index:100}header h1{display:inline-block;float:left;font-size:28px;font-weight:normal;line-height:1.5;margin:0;padding:0;vertical-align:-5px}header h1 a,header h1 a:visited{-webkit-transition:color .5s linear 0;-moz-transition:color .5s linear 0;-ms-transition:color .5s linear 0;-o-transition:color .5s linear 0;transition:color .5s linear 0;color:#424242}header h1 a:hover,header h1 a:active,header h1 a:focus{color:#424242;text-decoration:none}header #logo{vertical-align:middle;width:120px}header nav{display:inline-block;float:right}header ul{list-style:none;margin:0;padding:0}header li{float:left;display:block;padding:10px 0 0 21px}header li.active{font-weight:bold;color:#00a5bb}header li .button{margin-top:-4px;padding:4px 10px}header.active{background:#fff;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);-moz-box-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2)}#make header nav a{color:#fff}#make header.active nav a{color:#00BCD4}#make header.active nav a.button{color:#fff}footer .plus-button{margin-top:1em;text-align:center}#index-hero{background-image:url(../images/movie_thumbnail.jpg);background-position:50% 75%;background-repeat:no-repeat;background-size:cover;height:800px;position:relative;text-align:center}#index-hero h2{padding-top:200px}#index-hero #play-button{-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;border-radius:50px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);-moz-box-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2);-webkit-transition:background .2s linear 0,box-shadow .2s linear 0;-moz-transition:background .2s linear 0,box-shadow .2s linear 0;-ms-transition:background .2s linear 0,box-shadow .2s linear 0;-o-transition:background .2s linear 0,box-shadow .2s linear 0;transition:background .2s linear 0,box-shadow .2s linear 0;background:#00BCD4;height:100px;left:50%;margin-left:-50px;margin-top:-50px;cursor:pointer;position:absolute;top:50%;width:100px}#index-hero #play-button img{padding:10px;width:80%}#index-hero #play-button:hover{-webkit-box-shadow:0 3px 6px rgba(0,0,0,.25);-moz-box-shadow:0 3px 6px rgba(0,0,0,.25);box-shadow:0 3px 6px rgba(0,0,0,.25);background:#00c5de}#usecase{background-image:url(../images/usecase.jpg);background-repeat:no-repeat;background-position:20% 50%;background-size:cover;height:600px}#usecase .content-panel{margin-left:16px;margin-top:-150px;max-width:350px;min-height:300px;position:absolute;top:50%}#technology{background-image:url(../images/technology.jpg);background-repeat:no-repeat;background-position:90% 50%;background-size:cover;color:#fff;height:600px}#technology .maia-aux{position:relative;height:100%}#technology .content-panel{min-height:300px;position:absolute;right:0;bottom:0;max-width:350px}#design{background:#00BCD4;color:#fff;height:600px;overflow:hidden;text-align:center}#design .content-panel{max-width:600px;margin:100px auto}#design #design-piropiros{bottom:-100px;left:0;position:absolute;width:100%}#design .design-piropiro{width:100px}#specs{height:600px}#specs #specs-detail{background:#455A64;border:solid 5px #fff;box-sizing:border-box;color:#fff;float:left;height:100%;padding:20px;width:40%}#specs #specs-detail h2{margin-bottom:15px}#specs .expand-button{display:none}#specs #specs-detail-list{font-size:13px}#specs #specs-images{box-sizing:border-box;float:left;height:100%;position:relative;width:60%}#specs #specs-images-1{float:left;height:100%;width:66%}#specs #specs-images-1-1{background-image:url(../images/piro-variation.jpg);background-repeat:no-repeat;background-size:cover;background-position:50% 90%;border-top:solid 5px #fff;border-bottom:solid 5px #fff;box-sizing:border-box;height:55%}#specs #specs-images-1-2{background-image:url(../images/piro-zoom.jpg);background-repeat:no-repeat;background-size:cover;background-position:50% 50%;border-bottom:solid 5px #fff;box-sizing:border-box;height:45%}#specs #specs-images-2{background-image:url(../images/piro-vertical.jpg);background-repeat:no-repeat;background-size:cover;background-position:50% 50%;border:solid 5px #fff;box-sizing:border-box;float:left;height:100%;width:34%}#trynow{overflow:hidden;padding:75px 50px 25px 50px;text-align:center}#trynow .try-item{box-sizing:border-box;padding:50px}#trynow .try-item h3{font-size:28px;font-weight:normal;margin-bottom:12px}#download{background:#00BCD4;color:#fff;text-align:center;overflow:hidden}#download .content-panel{max-width:600px;margin:100px auto}#make-hero{background-image:url(../images/make.jpg);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;color:#fff;height:400px}#make-hero h2{padding-top:250px}#materials{height:300px;margin-top:-50px}.step{border-bottom:solid 1px rgba(0,0,0,.12);min-height:150px;padding-top:16px}.step .step-media{border:solid 1px #ddd;float:left;margin-bottom:16px;margin-right:16px;width:200px}.step .step-contents{min-width:250px;overflow:hidden}.step .step-contents h4{font-size:21px;font-weight:normal}.step .step-contents ul{margin-top:-10px}.step:last-child{border-bottom:none}#try-hero{background-image:url(../images/try.jpg);background-position:40% 60%;background-repeat:no-repeat;background-size:cover;height:400px}#try-hero h2{float:right;text-align:right;padding-top:180px}#howtoplay h3{font-size:28px;font-weight:normal;margin-top:30px;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}#howtoplay #play-steps{margin-top:30px}#howtoplay .play-step-image{height:190px}#playnow{text-align:center;margin-bottom:30px}.disclaimer{font-size:13px;text-align:center}@media screen and (max-width:767px){body{font-size:13px}h2{font-size:28px}.hero h2{font-size:48px;padding-top:130px}header{padding:10px}header #logo{width:90px}header h1{font-size:21px}header li{padding:10px 0 0 20px}#index-hero{height:600px}#index-hero h2{padding-top:150px}#index-hero #play-button{-webkit-border-radius:35px;-moz-border-radius:35px;-ms-border-radius:35px;border-radius:35px;height:70px;width:70px;margin-left:-35px;margin-top:38px}#index-hero #play-button img{padding:7px}#usecase{background-position:50% 50%;height:400px}#usecase .content-panel{bottom:0;box-sizing:border-box;color:#fff;margin-left:0;margin-top:auto;max-width:none;min-height:0;padding:80px 16px 16px 16px;top:auto;width:100%;background:-webkit-linear-gradient(transparent,rgba(0,0,0,.8));background:-o-linear-gradient(transparent,rgba(0,0,0,.8));background:-moz-linear-gradient(transparent,rgba(0,0,0,.8));background:linear-gradient(transparent,rgba(0,0,0,.8))}#technology{background-position:20% 60%;background-size:250%;height:400px}#technology .content-panel{box-sizing:border-box;color:#fff;margin-top:auto;max-width:none;min-height:0;padding:80px 16px 16px 16px;right:auto;width:100%;background:-webkit-linear-gradient(transparent,rgba(0,0,0,.8));background:-o-linear-gradient(transparent,rgba(0,0,0,.8));background:-moz-linear-gradient(transparent,rgba(0,0,0,.8));background:linear-gradient(transparent,rgba(0,0,0,.8))}#design{height:400px}#design .content-panel{margin:25px auto;padding:16px}#design #design-piropiros{bottom:-10%}#design .design-piropiro{max-width:65px;width:15%}#specs #specs-detail{-webkit-transition:height .2s linear 0;-moz-transition:height .2s linear 0;-ms-transition:height .2s linear 0;-o-transition:height .2s linear 0;transition:height .2s linear 0;height:70%;overflow:hidden;padding:10px;width:100%}#specs #specs-detail.expanded{height:135%}#specs .expand-button{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);-moz-box-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2);-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;border-radius:25px;-webkit-transition:background .2s linear 0,box-shadow .2s linear 0;-moz-transition:background .2s linear 0,box-shadow .2s linear 0;-ms-transition:background .2s linear 0,box-shadow .2s linear 0;-o-transition:background .2s linear 0,box-shadow .2s linear 0;transition:background .2s linear 0,box-shadow .2s linear 0;background:#00BCD4;cursor:pointer;display:block;height:50px;left:50%;margin-left:-25px;position:absolute;text-align:center;top:-30px;width:50px}#specs .expand-button:hover{-webkit-box-shadow:0 3px 6px rgba(0,0,0,.25);-moz-box-shadow:0 3px 6px rgba(0,0,0,.25);box-shadow:0 3px 6px rgba(0,0,0,.25);background:#00c5de}#specs .expand-button .expand-button-image{background-image:url(../images/unfold_more.svg);width:70%;height:70%;margin:7px auto;background-size:cover}#specs .expand-button.expanded .expand-button-image{background-image:url(../images/unfold_less.svg)}#specs #specs-images{width:100%;border-left:solid 5px #fff}#specs #specs-images-1-1{border-top:none}#specs #specs-images-2{border-top:none}#trynow{padding:0}#trynow .content-panel{margin:25px auto;padding:16px}#trynow .try-item{padding:25px 0 0 0}#download{padding:0}#download .content-panel{margin:25px auto;padding:16px}#make-hero h2{padding-top:200px;width:240px}#make-hero .content-panel{padding:16px}#try-hero h2{width:240px}#try-hero .content-panel{padding:16px}#materials{padding:0 15px}#steps{padding:0 15px}}@media screen and (max-width:480px){.step .step-media{width:100%}}@media screen and (max-width:414px){header.hidden{margin-top:-70px}}