@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}50%{opacity:1}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}50%{opacity:1}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes touchMeBtn{0%{-webkit-transform:translateY(-5%);transform:translateY(-5%)}50%{-webkit-transform:translateY(10%);transform:translateY(10%)}100%{-webkit-transform:translateY(-5%);transform:translateY(-5%)}}@keyframes touchMeBtn{0%{-webkit-transform:translateY(-5%);transform:translateY(-5%)}50%{-webkit-transform:translateY(10%);transform:translateY(10%)}100%{-webkit-transform:translateY(-5%);transform:translateY(-5%)}}@-webkit-keyframes characterInLeft{0%{opacity:0;-webkit-transform:rotate(-20deg) translateY(-150%);transform:rotate(-20deg) translateY(-150%)}10%{opacity:1}100%{opacity:1;-webkit-transform:rotate(0deg) translateY(8%);transform:rotate(0deg) translateY(8%)}}@keyframes characterInLeft{0%{opacity:0;-webkit-transform:rotate(-20deg) translateY(-150%);transform:rotate(-20deg) translateY(-150%)}10%{opacity:1}100%{opacity:1;-webkit-transform:rotate(0deg) translateY(8%);transform:rotate(0deg) translateY(8%)}}@-webkit-keyframes characterInRight{0%{opacity:0;-webkit-transform:rotate(20deg) translateY(-150%);transform:rotate(20deg) translateY(-150%)}10%{opacity:1}100%{opacity:1;-webkit-transform:rotate(0deg) translateY(8%);transform:rotate(0deg) translateY(8%)}}@keyframes characterInRight{0%{opacity:0;-webkit-transform:rotate(20deg) translateY(-150%);transform:rotate(20deg) translateY(-150%)}10%{opacity:1}100%{opacity:1;-webkit-transform:rotate(0deg) translateY(8%);transform:rotate(0deg) translateY(8%)}}@-webkit-keyframes characterInEnd{0%{-webkit-transform:translateY(8%);transform:translateY(8%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes characterInEnd{0%{-webkit-transform:translateY(8%);transform:translateY(8%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes showInfoBoard{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}50%{opacity:1}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes showInfoBoard{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}50%{opacity:1}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes tutorialRotate1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}80%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes tutorialRotate1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}80%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@-webkit-keyframes tutorialRotate2{0%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}50%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}100%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}}@keyframes tutorialRotate2{0%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}50%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}100%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}}@-webkit-keyframes tutorialFingerWrap1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}80%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes tutorialFingerWrap1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}80%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@-webkit-keyframes tutorialFingerWrap2{0%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}80%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes tutorialFingerWrap2{0%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}80%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes tutorialFinger1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}80%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}100%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}}@keyframes tutorialFinger1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}80%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}100%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}}@-webkit-keyframes tutorialFinger2{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}80%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes tutorialFinger2{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}80%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@-webkit-keyframes finishTxt{0%{opacity:0;-webkit-transform:translateY(100%) scale(0.5);transform:translateY(100%) scale(0.5)}10%{opacity:1}100%{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes finishTxt{0%{opacity:0;-webkit-transform:translateY(100%) scale(0.5);transform:translateY(100%) scale(0.5)}10%{opacity:1}100%{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@-webkit-keyframes rightToLeftIn{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}10%{opacity:1}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes rightToLeftIn{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}10%{opacity:1}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes leftToRightOut{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}90%{opacity:1}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes leftToRightOut{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}90%{opacity:1}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes flyPit{0%{opacity:0;-webkit-transform:translateY(250%) rotate(315deg);transform:translateY(250%) rotate(315deg)}10%{opacity:1}100%{opacity:1;-webkit-transform:translateY(0) rotate(360deg);transform:translateY(0) rotate(360deg)}}@keyframes flyPit{0%{opacity:0;-webkit-transform:translateY(250%) rotate(315deg);transform:translateY(250%) rotate(315deg)}10%{opacity:1}100%{opacity:1;-webkit-transform:translateY(0) rotate(360deg);transform:translateY(0) rotate(360deg)}}@-webkit-keyframes bgCapsuleLight{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes bgCapsuleLight{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}body{background:#fff;font-size:15px;line-height:1.8em}a{color:#000;text-decoration:none}.blue_bg{background:url(/library/stories/pit/snowman/img/008/bg_blue.png) repeat-y;background-size:contain}#header{height:40px;border-bottom:solid 2px #009944}#header .logo{width:96px;margin:14px auto 14px 5%}.clearfix:after{content:'';display:table;clear:both}.pt5{padding-top:5px}.pt10{padding-top:10px}.pb15{padding-bottom:0}.pt15{padding-top:15px}.pb30{padding-bottom:30px}footer p.info{padding:30px 0 20px;color:#3b5998;background-color:#f5f5f5}footer p.info span{display:block;margin:0 auto;width:236px;height:0;padding-bottom:18px;background:url(/library/stories/pit/snowman/img/020/txt_sns_info.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px}.social_media{background-color:#fff}.social_media ul{width:82.8%;margin:20px auto;font-size:0}.social_media ul li{display:inline-block;width:25%;text-align:center}.social_media ul li:last-child{margin-right:0}.footer_bottom{border-top:solid 10px #009944;padding:26px 3.25% 20px}.footer_bottom img{width:70px;float:left}.footer_bottom p{color:#009944;font-size:10px;text-align:right}.footer_bottom p span{display:inline-block;margin:0 auto}.contents_wrap{position:relative;max-width:960px;margin:0 auto}.contents_wrap .canvas_wrap{position:relative;width:100%}.contents_wrap .canvas_wrap .inner_wrap{position:relative;overflow:hidden}.contents_wrap .complete_img{display:none;position:absolute;top:0;left:0;right:0;bottom:0}.contents_wrap .complete_img img{width:100%;height:auto}.contents_wrap .canvas_area{position:relative;width:100%;height:0;padding-bottom:132%}.contents_wrap canvas{position:absolute;left:0;right:0;bottom:0;width:100%;height:100%;vertical-align:middle;-webkit-transition:-webkit-transform 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);transition:-webkit-transform 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);transition:transform 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);transition:transform 1.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1.6s cubic-bezier(0.165, 0.84, 0.44, 1)}.contents_wrap canvas.stamp{display:none;height:75.75758%}.contents_wrap .part1 .snowman_1{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.contents_wrap .part1 .snowman_2{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}.contents_wrap .part2 .snowman_1{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}.contents_wrap .part2 .snowman_2{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.contents_wrap .part3 .snowman_1{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.contents_wrap .part3 .snowman_2{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.contents_wrap .part4 .bg_area,.contents_wrap .part4 .canvas_area{margin-top:-32%;-webkit-transition:margin 1s ease-out;transition:margin 1s ease-out}.contents_wrap .part4 .snowman_1{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.contents_wrap .part4 .snowman_2{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.contents_wrap .part4 .stamp{display:inherit}.contents_wrap .ctrl_area{display:none}.contents_wrap .ctrl_area:before{content:url(/library/stories/pit/snowman/img/020/btn_parts_eye.png) url(/library/stories/pit/snowman/img/020/btn_parts_nose_2.png) url(/library/stories/pit/snowman/img/020/btn_parts_mouth.png) url(/library/stories/pit/snowman/img/020/btn_parts_other_2.png);display:none}.contents_wrap .ctrl_area .ctrl_btn{border-top:solid 2px #fc9696;border-top-width:.53333vw}.contents_wrap .ctrl_area .ctrl_btn>ul{display:none;background-color:#ffffeb}.contents_wrap .ctrl_area .ctrl_btn>ul.selected{display:-webkit-box;display:-ms-flexbox;display:flex}.contents_wrap .ctrl_area .ctrl_btn>ul li{position:relative;width:16.66667%}.contents_wrap .ctrl_area .ctrl_btn>ul li:before{content:"";display:block;position:absolute;top:0;left:-.8%;bottom:0;width:1.6%;height:28.8%;margin:auto 0;background-color:#999}.contents_wrap .ctrl_area .ctrl_btn>ul li:first-child:before{content:none}.contents_wrap .ctrl_area .ctrl_btn>ul li.selected{background-color:rgba(252,150,150,0.3)}.contents_wrap .ctrl_area .ctrl_btn>ul li span{display:block;height:0;padding-bottom:100%;background-size:cover;text-indent:-9999px;cursor:pointer}.contents_wrap .ctrl_area .ctrl_btn > ul li span.blankspace{cursor: none}.contents_wrap .ctrl_area .ctrl_btn>ul li:nth-child(1) span{background-position:0 0}.contents_wrap .ctrl_area .ctrl_btn>ul li:nth-child(2) span{background-position:20% 0}.contents_wrap .ctrl_area .ctrl_btn>ul li:nth-child(3) span{background-position:40% 0}.contents_wrap .ctrl_area .ctrl_btn>ul li:nth-child(4) span{background-position:60% 0}.contents_wrap .ctrl_area .ctrl_btn>ul li:nth-child(5) span{background-position:80% 0}.contents_wrap .ctrl_area .ctrl_btn>ul li:nth-child(6) span{background-position:100% 0}.contents_wrap .ctrl_area .ctrl_btn>ul.ctrl_eye li span{background-image:url(/library/stories/pit/snowman/img/020/btn_parts_eye.png)}.contents_wrap .ctrl_area .ctrl_btn>ul.ctrl_nose li span{background-image:url(/library/stories/pit/snowman/img/020/btn_parts_nose_2.png)}.contents_wrap .ctrl_area .ctrl_btn>ul.ctrl_mouth li span{background-image:url(/library/stories/pit/snowman/img/020/btn_parts_mouth.png)}.contents_wrap .ctrl_area .ctrl_btn>ul.ctrl_other li span{background-image:url(/library/stories/pit/snowman/img/020/btn_parts_other_2.png)}.contents_wrap .ctrl_area .ctrl_tabs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.contents_wrap .ctrl_area .ctrl_tabs li{width:24.8%;background-color:#fc9696}@media screen and (max-width: 374px){.contents_wrap .ctrl_area .ctrl_tabs li{width:24.6875%}}.contents_wrap .ctrl_area .ctrl_tabs li a{display:block;height:0;padding-bottom:59.67742%;background-repeat:no-repeat;background-position:50% 0;background-size:cover;text-indent:-9999px}.contents_wrap .ctrl_area .ctrl_tabs li.selected{background-color:#ffffeb}.contents_wrap .ctrl_area .ctrl_tabs li.selected a{background-position:50% 100%}.contents_wrap .ctrl_area .ctrl_tabs li.eye a{background-image:url(/library/stories/pit/snowman/img/020/btn_tab_eye.png)}.contents_wrap .ctrl_area .ctrl_tabs li.nose a{background-image:url(/library/stories/pit/snowman/img/020/btn_tab_nose.png)}.contents_wrap .ctrl_area .ctrl_tabs li.mouth a{background-image:url(/library/stories/pit/snowman/img/020/btn_tab_mouth.png)}.contents_wrap .ctrl_area .ctrl_tabs li.other a{background-image:url(/library/stories/pit/snowman/img/020/btn_tab_other.png)}.contents_wrap .next_btn{width:50.53333%}.contents_wrap .next_btn a{display:block;width:100%;height:0;padding-bottom:34.56464%;background:url(/library/stories/pit/snowman/img/020/btn_next.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px}.contents_wrap .complete_btn{display:none;position:absolute;top:0;right:0;width:24.93333%;margin-top:-9.46667%;-webkit-animation:rightToLeftIn 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 2s backwards;animation:rightToLeftIn 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 2s backwards}.contents_wrap .complete_btn.hide{-webkit-animation:leftToRightOut 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;animation:leftToRightOut 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}.contents_wrap .complete_btn a{display:block;width:100%;height:0;padding-bottom:75.93583%;background:url(/library/stories/pit/snowman/img/020/btn_complete.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px}.contents_wrap .finish_light{display:none;position:absolute;top:0;left:-2.93333%;right:-2.93333%;margin-top:14.4%;-webkit-animation:fadeIn 0.6s ease-out 2.2s backwards, bgCapsuleLight 20s linear infinite;animation:fadeIn 0.6s ease-out 2.2s backwards, bgCapsuleLight 20s linear infinite;width:105.86667%;height:0;padding-bottom:105.86667%;background:url(/library/stories/pit/snowman/img/020/bg_light.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px}.contents_wrap .section_group{overflow:hidden}.contents_wrap .section_group img{max-width:100%;height:auto}.contents_wrap .section_1{position:absolute;top:0;left:0;right:0;height:100%}.contents_wrap .section_1 h2{position:relative;width:93.73333%;height:0;margin:5.33333% 0 0 3.73333%;padding-bottom:90%;background:url(/library/stories/pit/snowman/img/020/info_00.png) no-repeat;background-size:contain}.contents_wrap .section_1 h2 .txt1,.contents_wrap .section_1 h2 .txt2{display:block}.contents_wrap .section_1 h2 .txt1{position:absolute;top:11.25926%;left:15.22048%;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:scaleIn 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s backwards;animation:scaleIn 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s backwards;width:68.27881%;height:0;padding-bottom:10.24182%;background:url(/library/stories/pit/snowman/img/020/info_00_txt1.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px}.contents_wrap .section_1 h2 .txt2{position:absolute;top:25.33333%;left:17.3542%;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:scaleIn 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.1s backwards;animation:scaleIn 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.1s backwards;width:64.01138%;height:0;padding-bottom:34.1394%;background:url(/library/stories/pit/snowman/img/020/info_00_txt2.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px}.contents_wrap .section_1 .start_btn{position:absolute;top:0;left:0;right:0;margin-top:66.26667%;-webkit-animation:fadeIn 0.4s ease-out 2.6s backwards;animation:fadeIn 0.4s ease-out 2.6s backwards}.contents_wrap .section_1 .start_btn a{display:block;margin-left:25.06667%;-webkit-animation:touchMeBtn 2s ease-in-out 2.6s infinite;animation:touchMeBtn 2s ease-in-out 2.6s infinite;width:50.53333%;height:0;padding-bottom:17.46667%;background:url(/library/stories/pit/snowman/img/020/btn_start.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px}.contents_wrap .section_1 .char_pit{position:absolute;top:0;left:0;width:21.73333%;margin:43.2% 0 0 2.93333%;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%;-webkit-animation:characterInLeft 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 2.1s backwards,characterInEnd 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 2.7s;animation:characterInLeft 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 2.1s backwards,characterInEnd 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 2.7s}.contents_wrap .section_1 .char_snow{position:absolute;top:0;left:0;width:23.86667%;margin:45.06667% 0 0 76.13333%;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation:characterInRight 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 2.2s backwards,characterInEnd 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 2.8s;animation:characterInRight 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) 2.2s backwards,characterInEnd 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 2.8s}.contents_wrap .section_2{display:none;position:absolute;top:0;left:0;right:0;height:100%}.contents_wrap .section_2 h2{margin:5.33333% 0 0 3.73333%;-webkit-animation:showInfoBoard 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.5s backwards;animation:showInfoBoard 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.5s backwards;width:93.73333%;height:0;padding-bottom:47.6%;background:url(/library/stories/pit/snowman/img/020/info_01.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px}.contents_wrap .section_2 .char_pit{position:absolute;top:0;left:0;width:14.66667%;margin:16.53333% 0 0 2.13333%;-webkit-animation:fadeIn 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2.3s backwards;animation:fadeIn 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2.3s backwards}.contents_wrap .section_2 .tutorial_wrap{-webkit-animation:fadeIn 1s ease-out 2s backwards;animation:fadeIn 1s ease-out 2s backwards}.contents_wrap .section_2 .more_txt{display:none;margin:29.06667% 0 0 11.73333%;-webkit-animation:fadeInUp 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);animation:fadeInUp 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);width:77.73333%;height:0;padding-bottom:16.13333%;background:url(/library/stories/pit/snowman/img/020/txt_just_bit.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px}.contents_wrap .section_2 .more_txt.hide{-webkit-animation:fadeOutUp 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;animation:fadeOutUp 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}.contents_wrap .section_2 .tutorial_arrow,.contents_wrap .section_4 .tutorial_arrow{position:absolute;top:0;left:0;right:0;margin:88.93333% auto 0;width:33.06667%;height:0;padding-bottom:31.46667%;background:url(/library/stories/pit/snowman/img/020/tutorial_arrow_1.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px;-webkit-animation:tutorialRotate1 2s ease-out 0.2s infinite;animation:tutorialRotate1 2s ease-out 0.2s infinite}.contents_wrap .section_2 .tutorial_finger,.contents_wrap .section_4 .tutorial_finger{position:absolute;top:0;left:0;right:0;width:12.93333%;margin:104% 0 0 63.06667%;-webkit-transform-origin:-120% 0;-ms-transform-origin:-120% 0;transform-origin:-120% 0}.contents_wrap .section_2 .tutorial_finger span,.contents_wrap .section_4 .tutorial_finger span{display:block;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:0;padding-bottom:139.17526%;background:url(/library/stories/pit/snowman/img/020/tutorial_finger_1.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px}.contents_wrap .section_2 .tutorial_finger.animate_start,.contents_wrap .section_4 .tutorial_finger.animate_start{-webkit-animation:tutorialFingerWrap1 2s ease-out;animation:tutorialFingerWrap1 2s ease-out}.contents_wrap .section_2 .tutorial_finger.animate_start span,.contents_wrap .section_4 .tutorial_finger.animate_start span{-webkit-animation:tutorialFinger1 2s ease-out;animation:tutorialFinger1 2s ease-out}.contents_wrap .section_2 .tutorial_finger.animate_end,.contents_wrap .section_4 .tutorial_finger.animate_end{-webkit-animation:tutorialFingerWrap2 2s ease-out;animation:tutorialFingerWrap2 2s ease-out}.contents_wrap .section_2 .tutorial_finger.animate_end span,.contents_wrap .section_4 .tutorial_finger.animate_end span{-webkit-animation:tutorialFinger2 2s ease-out;animation:tutorialFinger2 2s ease-out}.contents_wrap .section_3{display:none;position:absolute;top:0;left:0;right:0}.contents_wrap .section_3 .finish_txt{margin:26.8% 0 0 10.26667%;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:finishTxt 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) backwards;animation:finishTxt 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) backwards;width:80.53333%;height:0;padding-bottom:20.66667%;background:url(/library/stories/pit/snowman/img/020/txt_finish_1.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px}.contents_wrap .section_3 .next_btn{margin:5.73333% 0 0 25.06667%;-webkit-animation:fadeInDown 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s backwards;animation:fadeInDown 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s backwards}.contents_wrap .section_4{display:none;position:absolute;top:0;left:0;right:0;height:100%}.contents_wrap .section_4 h2{margin:5.33333% 0 0 3.73333%;-webkit-animation:showInfoBoard 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.5s backwards;animation:showInfoBoard 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.5s backwards;width:93.73333%;height:0;padding-bottom:47.6%;background:url(/library/stories/pit/snowman/img/020/info_02.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px}.contents_wrap .section_4 .char_pit{position:absolute;top:0;left:0;width:14.66667%;margin:30.53333% 0 0 -.66667%;-webkit-animation:fadeIn 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2.3s backwards;animation:fadeIn 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2.3s backwards}.contents_wrap .section_4 .tutorial_wrap{-webkit-animation:fadeIn 1s ease-out 2s backwards;animation:fadeIn 1s ease-out 2s backwards}.contents_wrap .section_5{display:none;position:absolute;top:0;left:0;right:0;height:100%}.contents_wrap .section_5 h2{margin:5.33333% 0 0 3.73333%;-webkit-animation:showInfoBoard 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.5s backwards;animation:showInfoBoard 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.5s backwards;width:93.73333%;height:0;padding-bottom:47.6%;background:url(/library/stories/pit/snowman/img/020/info_03.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px}.contents_wrap .section_5 .char_pit{position:absolute;top:0;left:0;width:14.8%;margin:12.8% 0 0 78.4%;-webkit-animation:fadeIn 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2.3s backwards;animation:fadeIn 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2.3s backwards}.contents_wrap .section_5 .tutorial_wrap{-webkit-animation:fadeIn 1s ease-out 2s backwards;animation:fadeIn 1s ease-out 2s backwards}.contents_wrap .section_5 .tutorial_arrow{position:absolute;top:0;left:0;right:0;margin:72.4% 0 0 14.93333%;-webkit-transform-origin:80% 200%;-ms-transform-origin:80% 200%;transform-origin:80% 200%;-webkit-animation:tutorialRotate2 2.5s ease-out 2s infinite;animation:tutorialRotate2 2.5s ease-out 2s infinite;width:17.06667%;height:0;padding-bottom:10.53333%;background:url(/library/stories/pit/snowman/img/020/tutorial_arrow_2.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px}.contents_wrap .section_5 .tutorial_finger{position:absolute;top:0;left:0;right:0;margin:80.4% 0 0 21.86667%;-webkit-transform-origin:80% 120%;-ms-transform-origin:80% 120%;transform-origin:80% 120%;-webkit-animation:tutorialRotate2 2.5s ease-out 2s infinite;animation:tutorialRotate2 2.5s ease-out 2s infinite;width:14.13333%;height:0;padding-bottom:17.06667%;background:url(/library/stories/pit/snowman/img/020/tutorial_finger_2.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px}.contents_wrap .section_6{display:none;position:absolute;top:0;left:0;right:0}.contents_wrap .section_6 .finish_txt{margin:16% 0 0 14.8%;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:finishTxt 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s backwards;animation:finishTxt 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s backwards;width:71.46667%;height:0;padding-bottom:38.4%;background:url(/library/stories/pit/snowman/img/020/txt_finish_2.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px}.contents_wrap .section_6 .next_btn{margin:17.33333% 0 0 25.06667%;-webkit-animation:fadeInDown 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 1.3s backwards;animation:fadeInDown 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 1.3s backwards}.contents_wrap .section_7{display:none;position:absolute;top:0;left:0;right:0;height:100%}.contents_wrap .section_7 h2{margin:21.86667% 0 0 3.73333%;-webkit-animation:showInfoBoard 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s backwards;animation:showInfoBoard 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s backwards;width:93.73333%;height:0;padding-bottom:57.33333%;background:url(/library/stories/pit/snowman/img/020/info_04.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px}.contents_wrap .section_7 .char_pit{position:absolute;top:0;left:0;width:14.66667%;margin:30% 0 0 3.06667%;-webkit-animation:fadeIn 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.8s backwards;animation:fadeIn 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.8s backwards}.contents_wrap .section_8{display:none;position:absolute;top:0;left:0;right:0;height:100%}.contents_wrap .section_8:before{content:"";display:block;position:absolute;top:0;left:0;right:0;padding-bottom:100%;background-color:#fff;-webkit-animation:fadeIn 0.05s linear 1s both, fadeOut 0.4s linear 1.4s forwards;animation:fadeIn 0.05s linear 1s both, fadeOut 0.4s linear 1.4s forwards}.contents_wrap .section_8 .finish_txt{position:absolute;top:0;left:0;margin:2.66667% 0 0 17.33333%;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:finishTxt 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2.8s backwards;animation:finishTxt 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2.8s backwards;width:66.4%;height:0;padding-bottom:22.4%;background:url(/library/stories/pit/snowman/img/020/txt_finish_3.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px}.contents_wrap .section_8 .char_pit{position:absolute;top:0;left:0;width:18.4%;margin:4.4% 0 0 9.86667%;-webkit-animation:flyPit 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 3.5s backwards;animation:flyPit 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 3.5s backwards}.contents_wrap .section_9{display:none;background-color:#fffdec}.contents_wrap .section_9 h2{margin:0 0 3.06667%;width:100%;height:0;padding-bottom:14.13333%;background:url(/library/stories/pit/snowman/img/020/ttl_save.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px;background-color:#f16c6c}.contents_wrap .section_9 .notice_txt{margin:0 auto 5.2%;width:84%;height:0;padding-bottom:14.53333%;background:url(/library/stories/pit/snowman/img/020/txt_notice.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px}.contents_wrap .section_9 .retry_btn{margin-bottom:7.73333%}.contents_wrap .section_9 .retry_btn a{display:block;margin-left:5.2%;width:90.26667%;height:0;padding-bottom:17.46667%;background:url(/library/stories/pit/snowman/img/020/btn_retry.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px}.contents_wrap .section_9 .social_media{padding:6.4% 0 1.86667%}.contents_wrap .section_9 .social_media h3{margin:0 auto 6.4%;width:89.33333%;height:0;padding-bottom:8%;background:url(/library/stories/pit/snowman/img/020/txt_sns_info.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px}.notice_portrait{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;background:url(/library/stories/pit/snowman/img/020/coution.png) no-repeat 50% 50%;background-size:cover;text-indent:-9999px}.notice_portrait.is_hidden{display:none}