#promo_clipstudio{background-color:#fff;font-family:"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ"," sans-serif";position:relative;line-height:1.5}#promo_clipstudio .main_inner{background:url(/images/promo/clipstudio/backcback.png) repeat-x;background-attachment:fixed;padding:30px 0}#promo_clipstudio a:hover{transition:all 0.3s ease;opacity:0.8;filter:alpha(opacity=80)}#promo_clipstudio p.ti9{text-indent:-9999px}#promo_clipstudio .box_00{width:980px;height:1910px;margin:0 auto 30px;z-index:5;position:relative;border:#ccc solid 1px}#promo_clipstudio .box_01{background:url(/images/promo/clipstudio/mainvisual_1411_06.jpg) no-repeat;height:385px;width:980px;position:relative;margin:0 auto;z-index:90}#promo_clipstudio .box_02{background:url(/images/promo/clipstudio/mainpic_02.png) no-repeat;height:245px;width:980px;position:absolute;margin:0 auto;z-index:100}#promo_clipstudio .box_03{background:url(/images/promo/clipstudio/mainpic_03.png) no-repeat;height:600px;width:980px;position:absolute;top:470px;margin:0 auto;z-index:90}#promo_clipstudio .box_04{background:url(/images/promo/clipstudio/mainpic_04.png) no-repeat;height:600px;width:980px;position:absolute;top:942px;margin:0 auto;z-index:80}#promo_clipstudio .box_05{background-color:#fff;height:400px;width:980px;position:absolute;top:1509px;margin:0 auto;z-index:70}#promo_clipstudio .box_01.after{background:url(/images/promo/clipstudio/mainvisual_1504_08.jpg) no-repeat;height:385px;width:980px;position:relative;margin:0 auto;z-index:95;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-fill-mode:linear;animation-fill-mode:linear;-webkit-animation-name:fadeOut01;animation-name:fadeOut01;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}@-webkit-keyframes fadeOut01{0%{opacity:0}25%{opacity:0}50%{opacity:1}75%{opacity:1}100%{opacity:0}}@keyframes fadeOut01{0%{opacity:0}25%{opacity:0}50%{opacity:1}75%{opacity:1}100%{opacity:0}}#promo_clipstudio .box_03 p.only{background:url(/images/promo/clipstudio/sprite.png) no-repeat 0 0;width:155px;height:145px;position:absolute;top:155px;margin-left:800px;z-index:200;display:block;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}#promo_clipstudio .box_04 .users{background:url(/images/promo/clipstudio/sprite.png) no-repeat 0 -220px;width:440px;height:290px;position:absolute;top:140px;margin-left:20px;z-index:50;display:block}#promo_clipstudio .box_04 .users p.txt01{position:relative;top:89px;margin-left:10px;color:#fff}#promo_clipstudio .box_04 .users p.txt02{position:relative;top:215px;margin-left:10px;color:#fff}#promo_clipstudio .box_04 .video{position:absolute;top:150px;left:480px;display:inline}#promo_clipstudio .box_05 p.mail{background:url(/images/promo/clipstudio/sprite.png) no-repeat 0 -160px;width:60px;height:40px;position:absolute;top:70px;margin-left:463px;z-index:50;display:block;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}#promo_clipstudio .box_05 p.txt{background:url(/images/promo/clipstudio/sprite.png) no-repeat 1px -474px;width:840px;height:90px;position:absolute;top:106px;margin-left:76px;z-index:50;display:block}#promo_clipstudio a.btn_fb{background:url(/images/promo/clipstudio/btn_fb.png) no-repeat;width:60px;height:60px;position:absolute;top:-33px;margin-left:840px;z-index:50;display:block}#promo_clipstudio a.btn_twt{background:url(/images/promo/clipstudio/btn_twt.png) no-repeat;width:64px;height:64px;position:absolute;top:-31px;margin-left:910px;z-index:50;display:block}#promo_clipstudio .box_04 a.btn_detail{background:url(/images/promo/clipstudio/sprite.png) no-repeat -157px 0;width:366px;height:82px;position:absolute;top:450px;margin-left:300px;z-index:50;display:block}#promo_clipstudio .box_05 a.btn_invite{background:url(/images/promo/clipstudio/sprite.png) no-repeat -157px -90px;width:628px;height:130px;position:absolute;top:210px;margin-left:180px;z-index:50;display:block}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.05)}100%{-webkit-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}.animated_slide{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes bounceInDown_02{0%{opacity:0;-webkit-transform:translateY(-100px)}20%{opacity:0;-webkit-transform:translateY(-100px)}40%{opacity:1;-webkit-transform:translateY(0)}}@keyframes bounceInDown_02{0%{opacity:0;transform:translateY(-100px)}20%{opacity:0;transform:translateY(-100px)}40%{opacity:1;transform:translateY(0)}}@-webkit-keyframes bounceInDown_03{0%{opacity:0;-webkit-transform:translateY(-100px)}40%{opacity:0;-webkit-transform:translateY(-100px)}60%{opacity:1;-webkit-transform:translateY(0)}}@keyframes bounceInDown_03{0%{opacity:0;transform:translateY(-100px)}40%{opacity:0;transform:translateY(-100px)}60%{opacity:1;transform:translateY(0)}}@-webkit-keyframes bounceInDown_04{0%{opacity:0;-webkit-transform:translateY(-100px)}60%{opacity:0;-webkit-transform:translateY(-100px)}80%{opacity:1;-webkit-transform:translateY(0)}}@keyframes bounceInDown_04{0%{opacity:0;transform:translateY(-100px)}60%{opacity:0;transform:translateY(-100px)}80%{opacity:1;transform:translateY(0)}}@-webkit-keyframes bounceInDown_05{0%{opacity:0;-webkit-transform:translateY(-100px)}80%{opacity:0;-webkit-transform:translateY(-100px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes bounceInDown_05{0%{opacity:0;transform:translateY(-100px)}80%{opacity:0;transform:translateY(-100px)}100%{opacity:1;transform:translateY(0)}}.bounceInDown_01{-webkit-animation-name:bounceInDown_01;animation-name:bounceInDown_01}.bounceInDown_02{-webkit-animation-name:bounceInDown_02;animation-name:bounceInDown_02}.bounceInDown_03{-webkit-animation-name:bounceInDown_03;animation-name:bounceInDown_03}.bounceInDown_04{-webkit-animation-name:bounceInDown_04;animation-name:bounceInDown_04}.bounceInDown_05{-webkit-animation-name:bounceInDown_05;animation-name:bounceInDown_05}