body{background-color:#000;margin:0;padding:0;font-family:游ゴシック Medium,YuGothic,YuGothicM,Hiragino Kaku Gothic ProN,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,sans-serif}img{width:100%;margin:0}.result{opacity:0;overflow:hidden}.loading{overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;box-sizing:border-box;width:100vw;height:auto;min-height:100vh;background-size:cover;background-position:center}header{position:relative;width:100%}header .oculus{float:left;left:10px;width:5pc}header .oculus,header .pocketlogo{display:block;position:absolute;top:10px;height:auto;z-index:1}header .pocketlogo{float:right;right:5px;width:75pt}section#main{position:relative;width:100%;height:100vh;margin:0;padding:0;background-color:#000;background-image:url(../img/mainbg.jpg);background-position:bottom right;background-size:cover}section#contents,section#movies{clear:both;display:block;position:relative;width:100%;height:auto;text-align:center;padding:0;margin:0;background-color:#000}section#contents{background-image:url(../img/contents_bg.jpg);background-position:top center;background-size:cover}section#other{clear:both;display:block;position:relative;width:100%;height:auto;text-align:center;padding:0;margin:0;background-color:#000}section#main h1{top:20%;width:100%;animation-delay:0}section#main .data,section#main h1{display:block;position:absolute;left:0;right:0;margin:auto;animation-duration:1s;animation-iteration-count:1}section#main .data{top:41%;width:80%;animation-delay:.3s}section#main .read{top:60%;width:80%;animation-duration:1s;animation-delay:.6s;animation-iteration-count:1}section#main .arrow,section#main .read{display:block;position:absolute;left:0;right:0;margin:auto}section#main .arrow{top:75%;width:15%;animation-duration:1.5s;animation-delay:.9s;animation-iteration-count:infinite}@-webkit-keyframes a{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transform:translate3d(0,-7px,0);transform:translate3d(0,-7px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06)}70%{-webkit-transform:translate3d(0,-3px,0);transform:translate3d(0,-3px,0)}}@keyframes a{0%,20%,53%,80%,90%,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}40%,43%{-webkit-transform:translate3d(0,-7px,0);transform:translate3d(0,-7px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06)}70%{-webkit-transform:translate3d(0,-3px,0);transform:translate3d(0,-3px,0)}90%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounce{-webkit-animation-name:a;animation-name:a;-webkit-transform-origin:center bottom;transform-origin:center bottom}section#other .inner{width:95%;margin:0 auto;text-align:left}section#other h3{clear:both;font-family:游明朝,YuMincho,ヒラギノ明朝 ProN W3,Hiragino Mincho ProN,HG明朝E,ＭＳ\ Ｐ明朝,ＭＳ\ 明朝,serif;color:#fff;font-size:1.4em;line-height:1;font-weight:700;padding-top:3%;padding-bottom:3%;background:linear-gradient(0,#fff 25%,#dcdcdc 75%);-webkit-background-clip:text;color:transparent;border-top:1px solid;border-bottom:1px solid;border-image:linear-gradient(to right,#00dbde 0,#fc00ff 100%);border-image-slice:1}section#other p{color:#bdbdbd;font-size:.9em;line-height:1.6}section#other ul.vr{margin:3% 0;list-style-type:none}section#other ul.vr li{margin:0;padding:5%;border-bottom:1px dotted #666;color:#bdbdbd;font-size:1;line-height:1.4}section#other ul.vr li:first-child{border-top:1px dotted #666}.slider{margin:0 auto;padding:3%;width:100%}.slider img{height:auto;width:100%}.slider img,section#other img.ohira{box-sizing:border-box;border:1px solid;border-image:linear-gradient(45deg,#00dbde 0,#fc00ff 100%);border-image-slice:1}section#other img.ohira{width:80%;margin:5% auto}section#other h4{clear:both;font-family:游明朝,YuMincho,ヒラギノ明朝 ProN W3,Hiragino Mincho ProN,HG明朝E,ＭＳ\ Ｐ明朝,ＭＳ\ 明朝,serif;color:#fff;font-size:1.2em;font-weight:700;line-height:1.6;margin-bottom:5%;background:linear-gradient(0,#fff 25%,#dcdcdc 75%);-webkit-background-clip:text;color:transparent}p.notice{color:#333;font-size:.7em;line-height:1.4;text-align:center;margin-bottom:3%}.animation01{-webkit-animation-duration:1s;animation-duration:1s}.animation01,.animation02{animation-iteration-count:infinite}.animation02{-webkit-animation-duration:2s;animation-duration:2s}.elem{position:relative;margin:0;padding:0;opacity:0;transition:.3s;transform:translate(0,10%) scale(1.03,1.03)}.isAnimate{opacity:1;transform:translate(0,0) scale(1.0,1.0)}.movie-wrap{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}section#contents .contents_na .naBox{display:flex;width:100%}section#contents .contents_na .naBox a{display:block;width:33%}section#contents .contents_na .naBox img{width:100%}@media(min-width:768px){header .oculus{width:10pc;height:73px}header .pocketlogo{width:10pc;height:50px}section#main{height:100vh}.movie-wrap{position:relative;padding-bottom:0;width:8in;height:27pc;margin:0 auto;overflow:hidden}section#contents img{width:8in;margin-top:50px}section#other{padding:0 0 50px}section#other .inner{width:8in;padding:0}.slider{padding:0;width:760px}section#main h1{top:20%;width:8in}section#main .data{top:45%;width:32pc}section#main .read{top:65%;width:32pc}section#main .arrow{top:85%;width:40px}section#other h3{font-size:2}section#other p{font-size:1.2em}section#other ul.vr li{text-align:center;font-size:1.4em}p.notice{font-size:.8em}section#contents .contents_na .naBox{width:8in;margin:0 auto}section#contents .contents_na img,section#contents .movies img{margin-top:0}.thumb,section#contents .contents_na img.title{margin-top:50px}}@media(min-width:1024px) and (min-height:1366px){section#main h1{top:23%;width:8in}section#main .data{top:43%;width:700px}section#main .read{top:65%;width:40pc}section#main .arrow{top:88%;width:40px}}@media(min-width:1025px){section#main h1{top:12%;width:8in}section#main .data{top:38%;width:8in}section#main .read{top:70%;width:40pc}section#main .arrow{top:95%;width:40px}}