body,img{margin:0}.loading,section#main{background-size:cover}section#main .data,section#main .package,section#main h1{animation-iteration-count:1;animation-duration:.5s}.loading,.movie-wrap,.result{overflow:hidden}body{padding:0;background-image:url(../img/bg_yellow.png);background-color:#fff;font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif}img{width:100%}.result{opacity:0}.loading{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-position:center}header{position:relative;width:100%}header .nintendo,header .pocketlogo{position:absolute;z-index:3;display:block;height:auto}header .nintendo{float:left;left:0;top:0;width:50px}header .pocketlogo{float:right;right:5px;top:10px;width:100px}section#contents,section#main{position:relative;width:100%;margin:0;padding:0}section#main{height:100vh;background-image:url(../img/main_sp.jpg);background-position:bottom center}section#contents{clear:both;display:block;height:auto;text-align:center;background-image:url(../img/bg_color.png);border-bottom:1px solid #999}section#main .arrow,section#main .cero_ci,section#main .data,section#main .package,section#main h1{position:absolute;right:0;margin:auto;left:0;display:block}section#main h1{top:8%;width:65%;animation-delay:1s}section#main .package{bottom:18%;width:100%;animation-delay:1.5s}section#main .data{bottom:15%;width:90%;animation-delay:2s}section#main .arrow{bottom:10%;width:8%;animation-duration:.5s;animation-delay:0s;animation-iteration-count:infinite}section#main .cero_ci{bottom:3%;width:100%}@-webkit-keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-7px,0);transform:translate3d(0,-7px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-3px,0);transform:translate3d(0,-3px,0)}90%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-7px,0);transform:translate3d(0,-7px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-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:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}.movie-wrap{position:relative;padding-bottom:56.25%;height:0}.movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}section#contents .mynintendo{display:block;width:100%;background-color:#e90000}section#contents .amazon{display:block;width:100%;background-color:#eee}section#contents .rakuten{display:block;width:100%;background-color:#fff}section#contents .amazon img,section#contents .mynintendo img,section#contents .rakuten img{width:80%;height:auto}@media (min-width:768px){header .nintendo{width:100px;height:auto}header .pocketlogo{width:160px;height:50px}section#main{position:relative;margin:0;padding:61.25% 0 0;width:100%;height:auto;overflow:hidden;background-image:url(../img/main_pc.jpg);background-repeat:no-repeat;background-size:contain}section#main h1{top:0;width:35%}section#main .package{bottom:5%;width:60%}section#main .data{bottom:3%;width:50%}section#main .arrow,section#main .cero_ci{display:none}section#contents .amazon img,section#contents .mynintendo img,section#contents .rakuten img{width:250px;margin:0 auto}}@media (min-width:980px){section#main{width:1024px;height:627px;margin:0 auto;padding:0}section#main h1{top:3%;width:35%}section#contents{padding-top:50px}.movie-wrap{width:780px;height:439px;margin:0 auto 50px;padding:0}section#contents .shop-box{display:flex}}