@charset "UTF-8";@-webkit-keyframes load_ani{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(-1,1,1);transform:scale3d(-1,1,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes load_ani{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(-1,1,1);transform:scale3d(-1,1,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}html{height:100%;font-size:100%}body{margin:0;padding:0;height:100%;line-height:1.6;font-family:"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;font-size:1rem}header{margin:0;padding:0;background:#000}header h1{margin:0;padding:1em;font-size:1em;color:#fff}#wrap{padding:1em;border-top:1px solid #737373;border-bottom:1px solid #000}#wrap .container{padding:0}.container{margin:0}.container p{padding:0 1em;font-size:1em}.sample{margin:.5em;padding:.5em;background:#eaeaea}.sample h4{font-size:1rem;margin:0;padding:0}.sample-item{cursor:pointer}body.loading .gallery{opacity:.5;pointer-events:none}.gallery{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.gallery .current img{-webkit-box-shadow:0 0 5px #0099ca;box-shadow:0 0 5px #0099ca}.gallery>*{display:inline-block;margin:0 1%;width:calc(100% / 5 - 2%);opacity:.5}.gallery .current{opacity:1}.gallery img{vertical-align:bottom;height:auto;max-width:100%}.controller{padding:1em}.controller h4{margin:0;padding:0}.controller p{font-size:.8em;margin:0;padding:0}.notes{padding:1em;font-size:.8em;border-top:1px solid #737373}.notes::before{content:"⚠ ご利用の前に"}label{font-size:.8em;line-height:1}#show_dots:checked~* .point{display:block}#result{position:relative;display:inline-block;overflow:hidden;vertical-align:bottom}#result p{font-size:.8em;color:#454545}#result::before{content:"😃";position:absolute;top:50%;left:50%;margin-top:-1.5rem;margin-left:-1.5rem;line-height:1;opacity:0;display:none;z-index:1;font-size:3rem}#result::after{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:#cacaca;opacity:0;display:none}#result img{max-width:100%;height:auto;vertical-align:bottom}#result canvas{max-width:100%;height:auto;position:absolute;top:0;left:0;vertical-align:bottom}#result .mesen{position:absolute;background:#000;height:1em;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}#result .point{position:absolute;z-index:1;display:none;width:.5em;height:.5em}#result .point::before{content:"";display:block;width:.5em;height:.5em;background:rgba(255,255,255,.5);border-radius:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:1;-webkit-box-shadow:0 0 2px #0099ca;box-shadow:0 0 2px #0099ca}#result .point:hover::before{background:#0099ca}#result .point::after{display:none;width:4em;color:#fff;background:#000;padding:.3em 1em;line-height:1.2;position:absolute;left:10px;top:-.5em;opacity:0;font-size:.8em}#result .point:hover::after{display:inline-block;opacity:.8}#result .pose0::before{-webkit-box-shadow:0 0 2px #00f;box-shadow:0 0 2px #00f}#result .pose0:hover::before{background:#00f}#result .pose0.part-nose::after{content:"pose 0: nose"}#result .pose0.part-leftEye::after{content:"pose 0: leftEye"}#result .pose0.part-rightEye::after{content:"pose 0: rightEye"}#result .pose0.part-leftEar::after{content:"pose 0: leftEar"}#result .pose0.part-rightEar::after{content:"pose 0: rightEar"}#result .pose0.part-leftShoulder::after{content:"pose 0: leftShoulder"}#result .pose0.part-rightShoulder::after{content:"pose 0: rightShoulder"}#result .pose0.part-leftElbow::after{content:"pose 0: leftElbow"}#result .pose0.part-rightElbow::after{content:"pose 0: rightElbow"}#result .pose0.part-leftWrist::after{content:"pose 0: leftWrist"}#result .pose0.part-rightWrist::after{content:"pose 0: rightWrist"}#result .pose0.part-leftHip::after{content:"pose 0: leftHip"}#result .pose0.part-rightHip::after{content:"pose 0: rightHip"}#result .pose0.part-leftKnee::after{content:"pose 0: leftKnee"}#result .pose0.part-rightKnee::after{content:"pose 0: rightKnee"}#result .pose0.part-leftAnkle::after{content:"pose 0: leftAnkle"}#result .pose0.part-rightAnkle::after{content:"pose 0: rightAnkle"}#result .pose1::before{-webkit-box-shadow:0 0 2px red;box-shadow:0 0 2px red}#result .pose1:hover::before{background:red}#result .pose1.part-nose::after{content:"pose 1: nose"}#result .pose1.part-leftEye::after{content:"pose 1: leftEye"}#result .pose1.part-rightEye::after{content:"pose 1: rightEye"}#result .pose1.part-leftEar::after{content:"pose 1: leftEar"}#result .pose1.part-rightEar::after{content:"pose 1: rightEar"}#result .pose1.part-leftShoulder::after{content:"pose 1: leftShoulder"}#result .pose1.part-rightShoulder::after{content:"pose 1: rightShoulder"}#result .pose1.part-leftElbow::after{content:"pose 1: leftElbow"}#result .pose1.part-rightElbow::after{content:"pose 1: rightElbow"}#result .pose1.part-leftWrist::after{content:"pose 1: leftWrist"}#result .pose1.part-rightWrist::after{content:"pose 1: rightWrist"}#result .pose1.part-leftHip::after{content:"pose 1: leftHip"}#result .pose1.part-rightHip::after{content:"pose 1: rightHip"}#result .pose1.part-leftKnee::after{content:"pose 1: leftKnee"}#result .pose1.part-rightKnee::after{content:"pose 1: rightKnee"}#result .pose1.part-leftAnkle::after{content:"pose 1: leftAnkle"}#result .pose1.part-rightAnkle::after{content:"pose 1: rightAnkle"}#result .pose2::before{-webkit-box-shadow:0 0 2px #ff0;box-shadow:0 0 2px #ff0}#result .pose2:hover::before{background:#ff0}#result .pose2.part-nose::after{content:"pose 2: nose"}#result .pose2.part-leftEye::after{content:"pose 2: leftEye"}#result .pose2.part-rightEye::after{content:"pose 2: rightEye"}#result .pose2.part-leftEar::after{content:"pose 2: leftEar"}#result .pose2.part-rightEar::after{content:"pose 2: rightEar"}#result .pose2.part-leftShoulder::after{content:"pose 2: leftShoulder"}#result .pose2.part-rightShoulder::after{content:"pose 2: rightShoulder"}#result .pose2.part-leftElbow::after{content:"pose 2: leftElbow"}#result .pose2.part-rightElbow::after{content:"pose 2: rightElbow"}#result .pose2.part-leftWrist::after{content:"pose 2: leftWrist"}#result .pose2.part-rightWrist::after{content:"pose 2: rightWrist"}#result .pose2.part-leftHip::after{content:"pose 2: leftHip"}#result .pose2.part-rightHip::after{content:"pose 2: rightHip"}#result .pose2.part-leftKnee::after{content:"pose 2: leftKnee"}#result .pose2.part-rightKnee::after{content:"pose 2: rightKnee"}#result .pose2.part-leftAnkle::after{content:"pose 2: leftAnkle"}#result .pose2.part-rightAnkle::after{content:"pose 2: rightAnkle"}#result .pose3::before{-webkit-box-shadow:0 0 2px #0ff;box-shadow:0 0 2px #0ff}#result .pose3:hover::before{background:#0ff}#result .pose3.part-nose::after{content:"pose 3: nose"}#result .pose3.part-leftEye::after{content:"pose 3: leftEye"}#result .pose3.part-rightEye::after{content:"pose 3: rightEye"}#result .pose3.part-leftEar::after{content:"pose 3: leftEar"}#result .pose3.part-rightEar::after{content:"pose 3: rightEar"}#result .pose3.part-leftShoulder::after{content:"pose 3: leftShoulder"}#result .pose3.part-rightShoulder::after{content:"pose 3: rightShoulder"}#result .pose3.part-leftElbow::after{content:"pose 3: leftElbow"}#result .pose3.part-rightElbow::after{content:"pose 3: rightElbow"}#result .pose3.part-leftWrist::after{content:"pose 3: leftWrist"}#result .pose3.part-rightWrist::after{content:"pose 3: rightWrist"}#result .pose3.part-leftHip::after{content:"pose 3: leftHip"}#result .pose3.part-rightHip::after{content:"pose 3: rightHip"}#result .pose3.part-leftKnee::after{content:"pose 3: leftKnee"}#result .pose3.part-rightKnee::after{content:"pose 3: rightKnee"}#result .pose3.part-leftAnkle::after{content:"pose 3: leftAnkle"}#result .pose3.part-rightAnkle::after{content:"pose 3: rightAnkle"}#result .pose4::before{-webkit-box-shadow:0 0 2px #f0f;box-shadow:0 0 2px #f0f}#result .pose4:hover::before{background:#f0f}#result .pose4.part-nose::after{content:"pose 4: nose"}#result .pose4.part-leftEye::after{content:"pose 4: leftEye"}#result .pose4.part-rightEye::after{content:"pose 4: rightEye"}#result .pose4.part-leftEar::after{content:"pose 4: leftEar"}#result .pose4.part-rightEar::after{content:"pose 4: rightEar"}#result .pose4.part-leftShoulder::after{content:"pose 4: leftShoulder"}#result .pose4.part-rightShoulder::after{content:"pose 4: rightShoulder"}#result .pose4.part-leftElbow::after{content:"pose 4: leftElbow"}#result .pose4.part-rightElbow::after{content:"pose 4: rightElbow"}#result .pose4.part-leftWrist::after{content:"pose 4: leftWrist"}#result .pose4.part-rightWrist::after{content:"pose 4: rightWrist"}#result .pose4.part-leftHip::after{content:"pose 4: leftHip"}#result .pose4.part-rightHip::after{content:"pose 4: rightHip"}#result .pose4.part-leftKnee::after{content:"pose 4: leftKnee"}#result .pose4.part-rightKnee::after{content:"pose 4: rightKnee"}#result .pose4.part-leftAnkle::after{content:"pose 4: leftAnkle"}#result .pose4.part-rightAnkle::after{content:"pose 4: rightAnkle"}#result .pose5::before{-webkit-box-shadow:0 0 2px #f93;box-shadow:0 0 2px #f93}#result .pose5:hover::before{background:#f93}#result .pose5.part-nose::after{content:"pose 5: nose"}#result .pose5.part-leftEye::after{content:"pose 5: leftEye"}#result .pose5.part-rightEye::after{content:"pose 5: rightEye"}#result .pose5.part-leftEar::after{content:"pose 5: leftEar"}#result .pose5.part-rightEar::after{content:"pose 5: rightEar"}#result .pose5.part-leftShoulder::after{content:"pose 5: leftShoulder"}#result .pose5.part-rightShoulder::after{content:"pose 5: rightShoulder"}#result .pose5.part-leftElbow::after{content:"pose 5: leftElbow"}#result .pose5.part-rightElbow::after{content:"pose 5: rightElbow"}#result .pose5.part-leftWrist::after{content:"pose 5: leftWrist"}#result .pose5.part-rightWrist::after{content:"pose 5: rightWrist"}#result .pose5.part-leftHip::after{content:"pose 5: leftHip"}#result .pose5.part-rightHip::after{content:"pose 5: rightHip"}#result .pose5.part-leftKnee::after{content:"pose 5: leftKnee"}#result .pose5.part-rightKnee::after{content:"pose 5: rightKnee"}#result .pose5.part-leftAnkle::after{content:"pose 5: leftAnkle"}#result .pose5.part-rightAnkle::after{content:"pose 5: rightAnkle"}#result .pose6::before{-webkit-box-shadow:0 0 2px #9f3;box-shadow:0 0 2px #9f3}#result .pose6:hover::before{background:#9f3}#result .pose6.part-nose::after{content:"pose 6: nose"}#result .pose6.part-leftEye::after{content:"pose 6: leftEye"}#result .pose6.part-rightEye::after{content:"pose 6: rightEye"}#result .pose6.part-leftEar::after{content:"pose 6: leftEar"}#result .pose6.part-rightEar::after{content:"pose 6: rightEar"}#result .pose6.part-leftShoulder::after{content:"pose 6: leftShoulder"}#result .pose6.part-rightShoulder::after{content:"pose 6: rightShoulder"}#result .pose6.part-leftElbow::after{content:"pose 6: leftElbow"}#result .pose6.part-rightElbow::after{content:"pose 6: rightElbow"}#result .pose6.part-leftWrist::after{content:"pose 6: leftWrist"}#result .pose6.part-rightWrist::after{content:"pose 6: rightWrist"}#result .pose6.part-leftHip::after{content:"pose 6: leftHip"}#result .pose6.part-rightHip::after{content:"pose 6: rightHip"}#result .pose6.part-leftKnee::after{content:"pose 6: leftKnee"}#result .pose6.part-rightKnee::after{content:"pose 6: rightKnee"}#result .pose6.part-leftAnkle::after{content:"pose 6: leftAnkle"}#result .pose6.part-rightAnkle::after{content:"pose 6: rightAnkle"}#result .pose7::before{-webkit-box-shadow:0 0 2px #93f;box-shadow:0 0 2px #93f}#result .pose7:hover::before{background:#93f}#result .pose7.part-nose::after{content:"pose 7: nose"}#result .pose7.part-leftEye::after{content:"pose 7: leftEye"}#result .pose7.part-rightEye::after{content:"pose 7: rightEye"}#result .pose7.part-leftEar::after{content:"pose 7: leftEar"}#result .pose7.part-rightEar::after{content:"pose 7: rightEar"}#result .pose7.part-leftShoulder::after{content:"pose 7: leftShoulder"}#result .pose7.part-rightShoulder::after{content:"pose 7: rightShoulder"}#result .pose7.part-leftElbow::after{content:"pose 7: leftElbow"}#result .pose7.part-rightElbow::after{content:"pose 7: rightElbow"}#result .pose7.part-leftWrist::after{content:"pose 7: leftWrist"}#result .pose7.part-rightWrist::after{content:"pose 7: rightWrist"}#result .pose7.part-leftHip::after{content:"pose 7: leftHip"}#result .pose7.part-rightHip::after{content:"pose 7: rightHip"}#result .pose7.part-leftKnee::after{content:"pose 7: leftKnee"}#result .pose7.part-rightKnee::after{content:"pose 7: rightKnee"}#result .pose7.part-leftAnkle::after{content:"pose 7: leftAnkle"}#result .pose7.part-rightAnkle::after{content:"pose 7: rightAnkle"}#result .pose8::before{-webkit-box-shadow:0 0 2px #3f9;box-shadow:0 0 2px #3f9}#result .pose8:hover::before{background:#3f9}#result .pose8.part-nose::after{content:"pose 8: nose"}#result .pose8.part-leftEye::after{content:"pose 8: leftEye"}#result .pose8.part-rightEye::after{content:"pose 8: rightEye"}#result .pose8.part-leftEar::after{content:"pose 8: leftEar"}#result .pose8.part-rightEar::after{content:"pose 8: rightEar"}#result .pose8.part-leftShoulder::after{content:"pose 8: leftShoulder"}#result .pose8.part-rightShoulder::after{content:"pose 8: rightShoulder"}#result .pose8.part-leftElbow::after{content:"pose 8: leftElbow"}#result .pose8.part-rightElbow::after{content:"pose 8: rightElbow"}#result .pose8.part-leftWrist::after{content:"pose 8: leftWrist"}#result .pose8.part-rightWrist::after{content:"pose 8: rightWrist"}#result .pose8.part-leftHip::after{content:"pose 8: leftHip"}#result .pose8.part-rightHip::after{content:"pose 8: rightHip"}#result .pose8.part-leftKnee::after{content:"pose 8: leftKnee"}#result .pose8.part-rightKnee::after{content:"pose 8: rightKnee"}#result .pose8.part-leftAnkle::after{content:"pose 8: leftAnkle"}#result .pose8.part-rightAnkle::after{content:"pose 8: rightAnkle"}#result .pose9::before{-webkit-box-shadow:0 0 2px #39f;box-shadow:0 0 2px #39f}#result .pose9:hover::before{background:#39f}#result .pose9.part-nose::after{content:"pose 9: nose"}#result .pose9.part-leftEye::after{content:"pose 9: leftEye"}#result .pose9.part-rightEye::after{content:"pose 9: rightEye"}#result .pose9.part-leftEar::after{content:"pose 9: leftEar"}#result .pose9.part-rightEar::after{content:"pose 9: rightEar"}#result .pose9.part-leftShoulder::after{content:"pose 9: leftShoulder"}#result .pose9.part-rightShoulder::after{content:"pose 9: rightShoulder"}#result .pose9.part-leftElbow::after{content:"pose 9: leftElbow"}#result .pose9.part-rightElbow::after{content:"pose 9: rightElbow"}#result .pose9.part-leftWrist::after{content:"pose 9: leftWrist"}#result .pose9.part-rightWrist::after{content:"pose 9: rightWrist"}#result .pose9.part-leftHip::after{content:"pose 9: leftHip"}#result .pose9.part-rightHip::after{content:"pose 9: rightHip"}#result .pose9.part-leftKnee::after{content:"pose 9: leftKnee"}#result .pose9.part-rightKnee::after{content:"pose 9: rightKnee"}#result .pose9.part-leftAnkle::after{content:"pose 9: leftAnkle"}#result .pose9.part-rightAnkle::after{content:"pose 9: rightAnkle"}body.loading .controller{opacity:.5;pointer-events:none}body.loading #result::before{display:block;opacity:1;-webkit-animation:load_ani 2s infinite;animation:load_ani 2s infinite}body.loading #result::after{display:block;opacity:1}