@charset "utf-8";
#aside{float:left;position:relative;width:278px}
#aside h3{display:none}
#aside .btn_game_start{position:relative;width:100%;height:157px;text-indent:-100000px;background:url(../../../icarus-web.nefficient.jp/images/official/btn_game_start.webp) no-repeat center;cursor:pointer}
#aside .btn_game_download{position:relative;width:100%;height:43px;text-indent:-100000px;background:url(../../../icarus-web.nefficient.jp/images/official/btn_game_download.webp) no-repeat center;cursor:pointer;z-index:10}
#aside .btn_game_download a{display:block;width:100%;height:100%}
#aside .wrap_frm{position:relative;width:100%;height:180px;padding:20px 20px 0;border:1px solid #f7f7f7;background-color:#fff}
#aside .login,#aside .logout{position:relative;width:100%;height:100%}
#aside .login #frmLogin{position:relative;width:100%;height:65px}
#aside .login #frmLogin input{color:#c2c2c2}
#aside .login #frmLogin input.on{color:#333}
#aside .login #frmLogin #txtId,#aside .login #frmLogin #txtPw{width:156px;height:30px;padding:5px;border:1px solid #ebebeb;font-size:12px}
#aside .login #frmLogin #txtId{margin-bottom:5px}
#aside .login #frmLogin #txtPw{background:url(../../../icarus-web.nefficient.jp/images/official/pw_placeholder.webp) no-repeat center top}
#aside .login #frmLogin #txtPw.on{background:none}
#aside .login #frmLogin #btn_login{position:absolute;top:0;right:0;width:76px;height:100%;background-color:#2dc8da;border:1px solid #2cc3d4;color:#fff;font-size:15px;font-weight:700;letter-spacing:-1px}
#aside .login .option{margin:5px 0 10px;text-align:center;font-size:12px}
#aside .login .option a:hover{color:#666!important}
#aside .login .option a em{margin:0 5px}
#aside .login .option a span{color:#44bdd7}
#aside .login .btn_join{position:relative;width:100%;height:40px;padding-top:5px;background-color:#fd974c;border:1px solid #f19149;text-align:center}
#aside .login .btn_join a{color:#fff;font-size:18px}
#aside .login .btn_join a:hover{color:#fff!important}
#aside .logout p a{display:block;width:100%;height:100%}
#aside .logout .info{position:relative;width:100%;height:65px;font-size:12px}
#aside .logout .info:after{content:'';display:block;clear:both}
#aside .logout .info .img,#aside .logout .info .user{float:left;position:relative}
#aside .logout .info .img{width:66px}
#aside .logout .info .user{width:170px}
#aside .logout .info .user li{overflow:hidden;position:relative;width:100%;height:22px}
#aside .logout .info .user li em{margin:0 5px;color:#e6e6e6}
#aside .logout .info .user .char{margin-top:-5px;color:#569ae1;font-size:13px;font-weight:700}
#aside .logout .info .user .default{height:20px;font-size:12px}
#aside .logout .info .user .btn:after{content:'';display:block;clear:both}
#aside .logout .info .user .btn p{float:left;height:19px;margin-right:5px;text-indent:-100000px;background:url(../../../icarus-web.nefficient.jp/images/official/ui.webp) no-repeat;cursor:pointer}
#aside .logout .info .user .btn .btn_mail{width:17px;background-image:none}
#aside .logout .info .user .btn .btn_mail img.off{display:block}
#aside .logout .info .user .btn .btn_mail img.on{display:none}
#aside .logout .info .user .btn .btn_mail.on img.off{display:none}
#aside .logout .info .user .btn .btn_mail.on img.on{display:block}
#aside .logout .info .user .btn .btn_char_set{width:56px;background-position:0 -534px}
#aside .logout .info .user .btn .btn_logout{width:50px;background-position:-56px -534px}
#aside .logout .btn_mypage{position:relative;width:100%;margin:5px 0 10px;background-color:#f7f7f7;border:1px solid #eee;text-align:center;font-size:12px}
#aside .logout .btn_yp{position:relative;width:100%;height:40px;padding-top:5px;background-color:#2dc8da;border:1px solid #2cc2d4;text-align:center}
#aside .logout .btn_yp.disabled{padding-top:9px;background-color:#c9c9c9;border:none;color:#b5b5b5;text-shadow:0 1px 1px rgba(255,255,255,1)}
#aside .logout .btn_yp a{color:#fff;font-size:18px}
#aside .logout .btn_yp a:hover{color:#fff!important}
#aside .char_set{text-align:center;font-size:12px}
#aside .char_set h3{height:30px}
#aside .char_set #frmCharSet{position:relative;width:100%;height:110px}
#aside .char_set #frmCharSet p{position:relative;width:100%;height:30px;margin-bottom:5px;border:1px solid #dcdcdc}
#aside .char_set #frmCharSet p:after{content:'';display:block;clear:both}
#aside .char_set #frmCharSet p label{float:left;width:100px;height:100%;padding:5px;background-color:#dcdcdc}
#aside .char_set #frmCharSet p select{float:left;width:134px;height:100%;padding:2px 3px;border:none}
#aside .char_set #frmCharSet .btn{position:relative;width:100%;margin-top:10px}
#aside .char_set #frmCharSet .btn li{display:inline-block}
#aside .char_set #frmCharSet .btn li button{margin:0 3px;padding:5px 20px;color:#fff}
#aside .char_set #frmCharSet .btn li #btn_char_submit{border:1px solid #4e5b74;background-color:#545f79}
#aside .char_set #frmCharSet .btn li #btn_char_cancel{border:1px solid #58647d;background-color:#677594}
#aside .side_event{position:relative;width:100%;height:128px;margin-top:10px}
#aside .side_event .bnr{position:relative;width:100%;height:100%}
#aside .side_event .bnr li{display:none;position:absolute;top:0;left:0;width:100%;height:100%}
#aside .side_event .bnr li a{display:block;width:100%;height:100%}
#aside .side_event .nav{position:absolute;bottom:0;left:0;width:100%;height:30px;margin:0;padding:8px;background:url(../../../icarus-web.nefficient.jp/images/official/bg_layer.webp) repeat;border:none;color:#b5b5b5;text-align:right;font-size:12px}
#aside .side_event .nav p{display:inline-block;position:relative}
#aside .side_event .nav .cnt{top:-2px;margin-right:5px}
#aside .side_event .nav .cnt span{margin:0 2px}
#aside .side_event .nav .cnt .curr{color:#fff}
#aside .side_event .nav .btn{width:14px;height:14px;background:url(../../../icarus-web.nefficient.jp/images/official/ui.webp) no-repeat;cursor:pointer}
#aside .side_event .nav .prev{background-position:0 0}
#aside .side_event .nav .next{margin-left:-4px;background-position:-14px 0}
#aside .side_quick{position:relative;width:100%;margin-top:10px}
#aside .side_quick .bnr{position:relative;width:100%}
#aside .side_quick .bnr li{position:relative;width:100%;height:70px;margin-bottom:10px;text-indent:-100000px;background:url(../../../icarus-web.nefficient.jp/images/official/ui.webp) no-repeat;cursor:pointer}
#aside .side_quick .bnr li a{display:block;width:100%;height:100%}
#aside .side_quick .bnr li.bnr1{background-position:0 -14px}
#aside .side_quick .bnr li.bnr2{background-position:0 -84px}
#aside .side_quick .bnr li.bnr3{background-position:0 -154px}
#aside .side_quick .bnr li.bnr4{background-position:0 -836px}
#aside .side_quick .bnr li.bnr4 a{position:absolute;top:25px;width:50px;height:40px}
#aside .side_quick .bnr li.bnr4 .btn_twitter{left:50px}
#aside .side_quick .bnr li.bnr4 .btn_youtube{left:105px;width:65px}
#aside .side_quick .bnr li.bnr4 .btn_niconico{left:175px}
#aside .side_quick .bnr li.bnr5{background-position:0 -1508px}
#aside .side_quick .bnr li.bnr6{background-position:0 -1578px}
#aside .side_quick .bnr li.bnr7{background-position:0 -1648px}
#aside .side_quick .bnr li.bnr8{background-position:0 -1718px}
#aside .side_quick .bnr li.bnr9{background-position:0 -1858px}
#aside .side_quick .bnr li.bnr10{height:35px;background-position:0 -1928px}
#aside .side_quick .bnr li.bnr11{background-image: url(../../../icarus-web.nefficient.jp/images/official/bnr_guide.webp)}
#aside .side_quick .bnr li.search-widget-main{height:35px;background:none;background-color:#2dc8da;text-indent:0}
#aside .side_quick .bnr li.search-widget-main form{width:100%;height:100%}
#aside .side_quick .bnr li.search-widget-main form p{float:left;position:relative;width:100%;height:100%;padding:3px}
#aside .side_quick .bnr li.search-widget-main form p:first-child{width:84%}
#aside .side_quick .bnr li.search-widget-main form p:last-child{width:16%}
#aside .side_quick .bnr li.search-widget-main form p input{outline:none;border:none;width:100%;height:100%}
#aside .side_quick .bnr li.search-widget-main form p input[type=text]{padding:5px;background-color:#fff}
#aside .side_quick .bnr li.search-widget-main form p input[type=submit]{overflow:hidden;position:absolute;top:9px;left:13px;width:16px;height:16px;text-indent:-9999px;background:url(../../../icarus-web.nefficient.jp/images/official/ui.webp) no-repeat;background-color:transparent;background-position:-16px -1963px}
#aside .side_category{position:relative;width:100%;margin-top:10px;font-size:13px}
#aside .side_category .category,#aside .side_category .category li{position:relative;width:100%}
#aside .side_category .category li .cat{position:relative;width:100%;border-bottom:1px solid #fff}
#aside .side_category .category li .cat dd,#aside .side_category .category li .cat .sub_cat dt,#aside .side_category .category li .cat .sub_cat dd,#aside .side_category .category li .cat.on .sub_cat dd{display:none}
#aside .side_category .category li .cat.on dd,#aside .side_category .category li .cat.on .sub_cat dt,#aside .side_category .category li .cat.on .sub_cat.on dd{display:block}
#aside .side_category .category li .cat dt{height:40px;padding:8px 20px;background-repeat:no-repeat;background-image:url(../../../icarus-web.nefficient.jp/images/official/ui.webp);background-position:0 -586px;background-color:#2dc8da;border:1px solid #2cc3d4;color:#fff;font-weight:700;cursor:pointer}
#aside .side_category .category li .cat.on dt{background-position:-278px -586px;background-color:#27adbc;border:1px solid #26a8b7}
#aside .side_category .category li .cat dd{padding:8px 0;background-color:#f6f6f6;border-top:1px solid #fff;border-bottom:1px solid #f3f3f3;text-indent:10px}
#aside .side_category .category li .cat dd:before{content:'・';display:inline-block}
#aside .side_category .category li .cat dd.sub{padding:0;border:none}
#aside .side_category .category li .cat dd.sub:before{content:none}
#aside .side_category .category li .cat dd a,#aside .side_category .category li .cat dd a:hover{color:#666!important}
#aside .side_category .category li .cat dd.on a,#aside .side_category .category li .cat dd.on a:hover,#aside .side_category .category li .cat dd.on:before{color:#09a5b7!important;font-weight:700}
#aside .side_category .category li .cat .sub_cat dt{padding:8px 0;background-repeat:no-repeat;background-image:url(../../../icarus-web.nefficient.jp/images/official/ui.webp);background-position:0 -1226px;background-color:#f6f6f6;border:none;border-top:1px solid #fff;border-bottom:1px solid #f3f3f3;text-indent:10px;font-weight:400;color:#666}
#aside .side_category .category li .cat .sub_cat dt:before{content:'・';display:inline-block}
#aside .side_category .category li .cat.on .sub_cat.on dt{background-position:-278px -1226px;color:#09a5b7;font-weight:700}
#aside .side_category .category li .cat.on .sub_cat.on dd{padding:0;background-color:#005872;border:none;color:#fff;text-indent:20px;font-size:12px}
#aside .side_category .category li .cat.on .sub_cat.on dd:before{content:'・';display:inline-block}
#aside .side_category .category li .cat.on .sub_cat.on dd:nth-child(2){padding-top:10px;border-top:1px solid #12323b}
#aside .side_category .category li .cat.on .sub_cat.on dd:last-child{padding-bottom:10px;border-bottom:1px solid #12323b}
#aside .side_category .category li .cat.on .sub_cat.on dd a,#aside .side_category .category li .cat.on .sub_cat.on dd a:hover{color:#fff!important;font-weight:400}
#aside .side_category .category li .cat.on .sub_cat.on dd.on a,#aside .side_category .category li .cat.on .sub_cat.on dd.on a:hover,#aside .side_category .category li .cat.on .sub_cat.on dd.on:before{color:#2dc8da!important;font-weight:700}
#aside .side_category .category li .catB{position:relative;width:100%;border-bottom:1px solid #fff}
#aside .side_category .category li .catB dd,#aside .side_category .category li .catB .sub_catB dt,#aside .side_category .category li .catB .sub_catB dd,#aside .side_category .category li .catB.on .sub_catB dd{display:none}
#aside .side_category .category li .catB.on dd,#aside .side_category .category li .catB.on .sub_catB dt,#aside .side_category .category li .catB.on .sub_catB.on dd{display:block}
#aside .side_category .category li .catB dt{height:40px;padding:8px 20px;background-repeat:no-repeat;background-image:url(../../../icarus-web.nefficient.jp/images/official/ui.webp);background-position:0 -586px;background-color:#2dc8da;border:1px solid #2cc3d4;color:#fff;font-weight:700;cursor:pointer}
#aside .side_category .category li .catB.on dt{background-position:-278px -586px;background-color:#27adbc;border:1px solid #26a8b7}
#aside .side_category .category li .catB dd{padding:8px 0;background-color:#f6f6f6;border-top:1px solid #fff;border-bottom:1px solid #f3f3f3;text-indent:10px}
#aside .side_category .category li .catB dd:before{content:'・';display:inline-block}
#aside .side_category .category li .catB dd.sub{padding:0;border:none}
#aside .side_category .category li .catB dd.sub:before{content:none}
#aside .side_category .category li .catB dd a,#aside .side_category .category li .catB dd a:hover{color:#666!important}
#aside .side_category .category li .catB dd.on a,#aside .side_category .category li .catB dd.on a:hover,#aside .side_category .category li .catB dd.on:before{color:#09a5b7!important;font-weight:700}
#aside .side_category .category li .catB .sub_catB dt{padding:8px 0;background-repeat:no-repeat;background-image:url(../../../icarus-web.nefficient.jp/images/official/ui.webp);background-position:0 -1226px;background-color:#f6f6f6;border:none;border-top:1px solid #fff;border-bottom:1px solid #f3f3f3;text-indent:10px;font-weight:400;color:#666}
#aside .side_category .category li .catB .sub_catB dt:before{content:'・';display:inline-block}
#aside .side_category .category li .catB.on .sub_catB.on dt{background-position:-278px -1226px;color:#09a5b7;font-weight:700}
#aside .side_category .category li .catB.on .sub_catB.on dd{padding:0;background-color:#005872;border:none;color:#fff;text-indent:20px;font-size:12px}
#aside .side_category .category li .catB.on .sub_catB.on dd:before{content:'・';display:inline-block}
#aside .side_category .category li .catB.on .sub_catB.on dd:nth-child(2){padding-top:10px;border-top:1px solid #12323b}
#aside .side_category .category li .catB.on .sub_catB.on dd:last-child{padding-bottom:10px;border-bottom:1px solid #12323b}
#aside .side_category .category li .catB.on .sub_catB.on dd a,#aside .side_category .category li .catB.on .sub_catB.on dd a:hover{color:#fff!important;font-weight:400}
#aside .side_category .category li .catB.on .sub_catB.on dd.on a,#aside .side_category .category li .catB.on .sub_catB.on dd.on a:hover,#aside .side_category .category li .catB.on .sub_catB.on dd.on:before{color:#2dc8da!important;font-weight:700}
.sub #aside{position:relative;top:-7px;right:0}
#aside{position:absolute;right:3px;}
#aside .btn_game_start{background:none;text-indent:0;font-size:0;line-height:0}
#aside .btn_game_start p{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out}
#aside .btn_game_start .bg{background-position:50% 100%;background-image:url(../../../icarus-web.nefficient.jp/images/official/160421/bg_gamestart_off.webp)}
#aside .btn_game_start:hover .bg{background-image:url(../../../icarus-web.nefficient.jp/images/official/160421/bg_gamestart_on.webp)}
#aside .btn_game_start .txt{background-position:50%;background-image:url(../../../icarus-web.nefficient.jp/images/official/160421/txt_gamestart_off.webp);z-index:3}
#aside .btn_game_start:hover .txt{background-image:url(../../../icarus-web.nefficient.jp/images/official/160421/txt_gamestart_on.webp)}
#aside .btn_game_start .unicon{top:-60px;height:255px;background-image:url(../../../icarus-web.nefficient.jp/images/official/160421/img_unicon_off.webp);z-index:2}
#aside .btn_game_start:hover .unicon{top:-65px;background-image:url(../../../icarus-web.nefficient.jp/images/official/160421/img_unicon_on.webp)}
#aside .btn_game_start .effect{top:-100px;left:-36px;width:350px;height:350px;background-image:url(../../../icarus-web.nefficient.jp/images/official/160421/img_effect.webp);opacity:0;animation:shining 30s infinite}
#aside .btn_game_start:hover .effect{opacity:1}
#aside .btn_game_start .feather{top:-20px;left:-31px;width:340px;height:170px;background-image:url(../../../icarus-web.nefficient.jp/images/official/160421/img_feather.webp);opacity:0}
#aside .btn_game_start:hover .feather{opacity:0;animation:feather 1s ease-out}
@-webkit-keyframes shining {
    0%{transform:rotate(0deg) scale(0.8)}
    100%{transform:rotate(360deg) scale(1)}
}
@-moz-keyframes shining {
    0%{transform:rotate(0deg) scale(0.8)}
    100%{transform:rotate(360deg) scale(1)}
}
@-o-keyframes shining {
    0%{transform:rotate(0deg) scale(0.8)}
    100%{transform:rotate(360deg) scale(1)}
}
@keyframes shining {
    0%{transform:rotate(0deg) scale(0.8)}
    100%{transform:rotate(360deg) scale(1)}
}
@-webkit-keyframes feather {
    0%{opacity:0;transform:scale(0.5)}
    40%{opacity:1;transform:scale(1)}
    100%{opacity:0;transform:translateY(5px)}
}
@-moz-keyframes feather {
    0%{opacity:0;transform:scale(0.5)}
    40%{opacity:1;transform:scale(1)}
    100%{opacity:0;transform:translateY(5px)}
}
@-o-keyframes feather {
    0%{opacity:0;transform:scale(0.5)}
    40%{opacity:1;transform:scale(1)}
    100%{opacity:0;transform:translateY(5px)}
}
@keyframes feather {
    0%{opacity:0;transform:scale(0.5)}
    40%{opacity:1;transform:scale(1)}
    100%{opacity:0;transform:translateY(5px)}
}
#aside .wrap_frm{z-index:10}
#checkProcess {position:absolute}
#aside .new-mail{display:block;position:absolute;top:270px;left:105%;width:90px;height:115px;background:url(../../../icarus-web.nefficient.jp/images/official/icon_mail.webp) no-repeat 50%;z-index:1}
#aside .new-mail a{overflow:hidden;display:block;width:100%;height:100%;text-indent:-9999px}
#aside .side_quick .bnr li.bnr6 {
	background-image: url('../../../static.gamecom.jp/icarus/event/01_pc/bnr_pc.webp');
	background-position: 0 0;
}
#aside .side_quick .bnr li.bnr4 {
    cursor: default;
}
#aside .side_quick .bnr li.bnr4.disable-twitter {
background: url(../../../static.gamecom.jp/icarus/official/common/bnr_sns.webp)
    no-repeat 50%;
}
#aside .side_quick .bnr li.bnr4.disable-twitter .btn_youtube {
left: 77px;
}
#aside .side_quick .bnr li.bnr4.disable-twitter .btn_niconico {
left: 150px;
}