@charset "UTF-8";#promo_tatarikon section[class^=box_0]{position:relative;background-color:#e8e8e8}#promo_tatarikon section[class^=box_0] img{width:100%;height:auto;vertical-align:bottom}#promo_tatarikon section[class^=box_0] p{position:absolute;left:0}#promo_tatarikon .inner{overflow:hidden}.box_btn{width:100%;position:absolute}.box_01 .box_btn{bottom:16%}.box_02 .btn_plus .box_btn{bottom:59.6%;z-index:100}.box_02 .box_btn{bottom:6.3%}a.btn_cart{background:url(/images/promo/yareruko2_touch/btn_cart.png) no-repeat;background-size:contain;height:90%;width:50%;padding-top:16%;display:block;position:absolute;margin-left:50%;overflow:hidden;text-indent:100%;white-space:nowrap}a.btn_cart.cart_in{background:url(/images/promo/yareruko2_touch/btn_cartin.png) no-repeat;background-size:contain}a.btn_cart.purchased{background:url(/images/promo/yareruko2_touch/btn_purchased.png) no-repeat;background-size:contain;pointer-events:none}a.btn_details{background:url(/images/promo/yareruko2_touch/btn_detail.png) no-repeat;background-size:contain;height:90%;width:50%;padding-top:16%;display:block;position:absolute;overflow:hidden;text-indent:100%;white-space:nowrap}a.btn_prequel{background:url(/images/promo/yareruko2_touch/btn_prequel.png) no-repeat;background-size:contain;height:100%;width:100%;padding-top:18%;display:block;position:absolute;overflow:hidden;text-indent:100%;white-space:nowrap;left:9%}#promo_tatarikon section.box_01 h1{background:url(/images/promo/tatarikon_touch/mainbg_01.jpg) no-repeat center top;background-size:contain;width:100%;height:0;padding-top:116.25%;line-height:200%;overflow:hidden}#promo_tatarikon section.box_01 .btn_twt{background:url(/images/promo/tatarikon_touch/pic_twitt_01.png) no-repeat;background-size:contain;height:0;padding-top:14.7%;width:14.7%;position:absolute;top:1%;left:50%;margin-left:34%;display:block;float:left;overflow:hidden;text-indent:100%;white-space:nowrap;z-index:70}#promo_tatarikon section.box_01 div.mainPic_01{position:absolute;width:100%;padding-top:29.6%;height:0;background:url(/images/promo/tatarikon_touch/img_01.png) no-repeat 0 0;background-size:contain;top:15.7%;left:50%;margin-left:-50%;text-indent:-9999px;overflow:hidden;z-index:10}#promo_tatarikon .leftBox{-webkit-animation:fadeInUp2 1.5s ease 0s both 1;animation:fadeInUp2 1.5s ease 0s both 1}@-webkit-keyframes fadeInUp2{0%{-webkit-transform:translateY(40px);opacity:0}to{opacity:1}}@keyframes fadeInUp2{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}#promo_tatarikon .leftBox .present{background:url(/images/promo/tatarikon_touch/present.png) no-repeat center top;background-size:contain;width:55%;height:0;padding-top:37.78125%;line-height:200%;left:50%;margin-left:-49%;position:absolute;margin-top:-72%}#promo_tatarikon .leftBox .presentBtn{background:url(/images/promo/tatarikon_touch/btn_present.png) no-repeat center top;background-size:contain;width:23%;height:0;padding-top:22.78125%;line-height:200%;left:50%;margin-left:22%;position:absolute;margin-top:-78%;display:block;float:left;overflow:hidden;text-indent:100%;white-space:nowrap;-webkit-animation:btnBounce01 2s linear .5s infinite both;animation:btnBounce01 2s linear .5s infinite both}@-webkit-keyframes btnBounce01{0%,20%{-webkit-transform:translateY(0px)}24%{-webkit-transform:translateY(-5px)}28%{-webkit-transform:translateY(0px)}32%{-webkit-transform:translateY(-2px)}36%{-webkit-transform:translateY(0px)}40%,to{-webkit-transform:translateY(0px)}}@keyframes btnBounce01{0%,20%{transform:translateY(0)}24%{transform:translateY(-5px)}28%{transform:translateY(0)}32%{transform:translateY(-2px)}36%{transform:translateY(0)}40%,to{transform:translateY(0)}}#promo_tatarikon section.box_02.bee h1{background:url(/images/promo/tatarikon_touch/title_bee.jpg) no-repeat center top;background-size:contain;width:100%;height:0;padding-top:21.7%;line-height:200%;overflow:hidden}#promo_tatarikon section.box_02.bee .work_btn{background-color:#898989}#promo_tatarikon section.box_02.bee .work_btn a.link_sample:after,.work_btn a.link_demo:after{border-left:solid 1px #424242}#promo_tatarikon section.box_02 .img.coming{display:block}#promo_tatarikon section.box_02 .img{display:none}#promo_tatarikon section.box_04 h1{background:url(/images/promo/tatarikon_touch/mainbg_03.png) no-repeat center top;background-size:contain;width:100%;height:0;padding-top:30.78125%;line-height:200%;overflow:hidden}#promo_tatarikon section.box_04 a.btn_03{background:url(/images/promo/tatarikon_touch/btn_03.png) no-repeat center top;background-size:contain;width:52%;height:0;padding-top:13.78125%;line-height:200%;overflow:hidden;position:absolute;left:50%;margin-left:-13%;top:40%}#promo_tatarikon section.box_03 .privilege{background:url(/images/promo/tatarikon_touch/btn_02.png) no-repeat center top;background-size:contain;width:69%;height:0;padding-top:15.78125%;position:absolute;line-height:200%;overflow:hidden;left:50%;margin-left:-33%;top:40%}#promo_tatarikon section.box_03 .privilege.on{background:url(/images/promo/tatarikon_touch/btn_01.png) no-repeat center top;background-size:contain;z-index:50}#promo_tatarikon section.box_03 .privilege.privilege_02{top:81%}#promo_tatarikon p.play a{color:#ffc801}#promo_tatarikon p.play{padding:1% 0;color:#fff;bottom:4%;width:100%;line-height:1;text-align:center;background:-moz-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,.9) 20%,rgba(0,0,0,.9) 80%,rgba(0,0,0,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(0,0,0,0)),color-stop(20%,rgba(0,0,0,.9)),color-stop(80%,rgba(0,0,0,.9)),color-stop(100%,rgba(0,0,0,0)));background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,.9) 20%,rgba(0,0,0,.9) 80%,rgba(0,0,0,0) 100%);background:-o-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,.9) 20%,rgba(0,0,0,.9) 80%,rgba(0,0,0,0) 100%);background:-ms-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,.9) 20%,rgba(0,0,0,.9) 80%,rgba(0,0,0,0) 100%);background:linear-gradient(to right,#0000,#000000e6 20% 80%,#0000)}