body{margin:0}.design-area-title{text-align:center;background-color:#479bd7;width:100%;height:60px;margin:0 auto;box-shadow:1px 1px 10px #00000080;position:relative}.design-area-title-child{width:100%;height:54px;top:50%;position:absolute;color:#fff;font-size:38px;margin:-27px 0 0}.design-area-main{position:relative;text-align:center;background-color:#fff;width:85%;height:calc(100% - 200px);margin:0 auto;top:20px;box-shadow:inset 2px 2px 10px #00000080,inset -2px -2px 10px #00000080}.trash-box{color:#f8bf57a8}.trash-box:hover{color:#f4a718}.purun:hover{animation:purun .8s linear 0s 1}@keyframes purun{0%{transform:scale(1) translate(0)}15%{transform:scale(.9) translateY(5%)}30%{transform:scale(1.3,.8) translateY(10%)}50%{transform:scale(.8,1.3) translateY(-10%)}70%{transform:scale(1.1,.9) translateY(5%)}to{transform:scale(1) translate(0)}}.korokoro{animation:korokoro 2.5s linear 0s 1}@keyframes korokoro{0%{transform:translate(0)}5%{transform:translate(10%) rotate(10deg)}25%{transform:translate(20%) rotate(20deg)}30%{transform:translate(-10%) rotate(-10deg)}35%{transform:translate(-15%) rotate(-15deg)}45%{transform:translate(10%) rotate(10deg)}50%{transform:translate(15%) rotate(15deg)}60%{transform:translate(-5%) rotate(-5deg)}65%{transform:translate(-7%) rotate(-7deg)}75%{transform:translate(0) rotate(0)}to{transform:translate(0) rotate(0)}}.purupuru{animation:purupuru .8s linear 0s 1}@keyframes purupuru{0%{transform:scale(1) translate(0)}20%{transform:scaleY(1.06) translate(-5%,-4%) skew(6deg)}50%{transform:scaleY(.94) translate(5%,4%) skew(-6deg)}65%{transform:scaleY(1.03) translate(2%,-2%) skew(-3deg)}80%{transform:scaleY(.97) translate(-2%,2%) skew(3deg)}to{transform:scale(1) translate(0)}}.poyon{animation:poyon 1.1s linear 0s 1}@keyframes poyon{0%{transform:scale(.8,1.4) translateY(-100%)}10%{transform:scale(.8,1.4) translateY(-15%)}20%{transform:scale(1.4,.6) translateY(30%)}30%{transform:scale(.9,1.1) translateY(-10%)}40%{transform:scale(.95,1.2) translateY(-30%)}50%{transform:scale(.95,1.2) translateY(-10%)}60%{transform:scale(1.1,.9) translateY(5%)}70%{transform:scale(1) translate(0)}to{transform:scale(1) translate(0)}}.poyooon{animation:poyooon .9s linear 0s 1}@keyframes poyooon{0%{transform:scale(1) translate(0)}10%{transform:scale(1.1,.9) translateY(5%)}40%{transform:scale(1.2,.8) translateY(15%)}50%{transform:scale(1) translate(0)}60%{transform:scale(.9,1.2) translateY(-100%)}75%{transform:scale(.9,1.2) translateY(-20%)}85%{transform:scale(1.2,.8) translateY(15%)}to{transform:scale(1) translate(0)}}.puyon{animation:puyon 1s linear 0s 1}@keyframes puyon{0%{transform:scale(1) translate(0)}40%{transform:scale(.95,1.2) translateY(-10%)}50%{transform:scale(1.1,.9) translateY(5%)}60%{transform:scale(.95,1.05) translateY(-3%)}70%{transform:scale(1.05,.95) translateY(3%)}80%{transform:scale(1) translate(0)}to{transform:scale(1) translate(0)}}.pururun{animation:pururun 1.2s linear .2s 1}@keyframes pururun{0%{transform:scale(1) translate(0)}10%{transform:scale(1) translate(10%) skew(-10deg)}60%{transform:scale(1) translate(20%) skew(-20deg)}70%{transform:scale(1) translate(-15%) skew(15deg)}80%{transform:scale(1) translate(15%) skew(-15deg)}80%{transform:scale(1) translate(5%) skew(-5deg)}90%{transform:scale(1) translate(-5%) skew(5deg)}to{transform:scale(1) translate(0)}}@keyframes rotate-z{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes rotate-x{0%{-webkit-transform:rotateZ(0deg)}to{-webkit-transform:rotateZ(360deg)}}.ずっと回転{animation:rotate-z 2s infinite;-webkit-animation:rotate-z 2s infinite}.ずっとポヨン:hover{animation:puyon 2s infinite;-webkit-animation:puyon 2s infinite}.rnd-block{width:100%;height:100%;box-sizing:border-box}.rnd-block:hover{border:1px solid black}.parts{transition:transform .3s ease-in-out}.parts:hover{transform:scale(1.2)}