.large {
    font-size: 22px
}

.small {
    font-size: 10px
}

.red {
    color: #ff0000
}

.red_mild {
    color: #ff3333
}

.green {
    color: #33ff33
}

.yellow {
    color: #ff9900
}

.lemon_yellow {
    color: #fff800
}

.blue {
    color: #00ccff
}

.blue_st {
    color: #0066ff
}

.gray {
    color: #aaaaaa
}

.pink {
    color: #f08080
}

.dark_gray {
    color: #666666
}

.white {
    color: #ffffff;
    text-decoration: none
}

.defMargin {
    width: 296px;
    padding: 0 12px
}

.m-Btm0 {
    margin-bottom: 0px
}

.m-Btm4 {
    margin-bottom: 4px
}

.m-Btm5 {
    margin-bottom: 5px
}

.m-Btm8 {
    margin-bottom: 8px
}

.m-Btm10 {
    margin-bottom: 10px
}

.m-Btm12 {
    margin-bottom: 12px
}

.m-Btm15 {
    margin-bottom: 15px
}

.m-Btm20 {
    margin-bottom: 20px
}

.m-Top4 {
    margin-top: 4px
}

.m-Top5 {
    margin-top: 5px
}

.m-Top8 {
    margin-top: 8px
}

.m-Top10 {
    margin-top: 10px
}

.m-Top12 {
    margin-top: 12px
}

.m-Head_img {
    margin-top: -14px
}

.m-Cnt {
    margin-left: auto;
    margin-right: auto
}

.t-Lft {
    text-align: left !important
}

.t-Rgt {
    text-align: right !important
}

.t-Cnt {
    text-align: center !important
}

.left_float {
    float: left
}

.right_float {
    float: right
}

.displayBox {
    display: -webkit-box;
    display: -moz-box;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.v-Top {
    vertical-align: top
}

.v-Mdl {
    vertical-align: middle
}

.clearfix:after {
    content: "";
    clear: both;
    display: block
}

.l-Hgt120 {
    line-height: 120%
}

.l-Hgt140 {
    line-height: 140%
}

h2.title_img.event_red,
div.title_img.event_red {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/red/line_head_bg.jpg)
}

h2.title_img.event_red div,
div.title_img.event_red div {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/red/line_head_bottom.jpg)
}

h2.title_img.event_red:before,
div.title_img.event_red:before {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/red/line_head_top.jpg)
}

h3.title_img.event_red {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/red/line_normal_bg.jpg)
}

h3.title_img.event_red div.frame {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/red/line_normal_bottom.jpg)
}

h3.title_img.event_red:before {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/red/line_normal_top.jpg)
}

.eventH2Color_red {
    background: #922a2a !important
}

.eventPeriodColor_red {
    color: red
}

.title.inner_red {
    padding: 3px 0;
    margin-bottom: 5px;
    font-size: 16px;
    background: -webkit-linear-gradient(left, #1d1d1d 3%, #942222 51%, #1d1d1d 98%);
    text-shadow: 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d
}

.title.inner_red.m-Btm10 {
    margin-bottom: 10px
}

.medal_idol_event_red {
    width: 320px
}

.medal_idol_event_red:before {
    width: 320px;
    height: 6px;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/red/line_normal_top.jpg) center top no-repeat;
    background-size: 320px 6px;
    content: "";
    display: block
}

.medal_idol_event_red:after {
    width: 320px;
    height: 6px;
    content: "";
    display: block
}

.medal_idol_event_red .status {
    line-height: 120%;
    margin-bottom: 5px
}

.medal_idol_event_red .slideTitle {
    text-align: center;
    padding: 8px 0 14px;
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/red/line_normal_bg.jpg);
    background-size: 320px
}

.medal_idol_event_red .img {
    width: 320px;
    height: 400px;
    text-align: center;
    margin-bottom: 5px
}

.underline_event_red {
    width: 320px;
    height: 6px;
    margin-top: 36px;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/red/line_normal_bottom.jpg) center top no-repeat;
    background-size: 320px;
    z-index: 20;
    position: absolute
}

.scheduleArea.event_red {
    border: 2px solid red;
    background-color: #381313;
    color: #ffffff;
    -webkit-box-shadow: 3px 3px 3px #973434 inset, -3px -3px 3px #973434 inset
}

.scheduleArea.event_red h3.titleMin {
    background: #922a2a
}

.tab_link.event_red {
    color: #33ff33
}

.tab_link.event_red .selected {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a32d2d), color-stop(50%, #611e1e), color-stop(100%, #1d1d1d))
}

.tab_link.event_red .selected:active {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c93a3a), color-stop(50%, #882a2a), color-stop(100%, #1d1d1d))
}

.eventFBColor_red {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8b2828), color-stop(50%, #641414), color-stop(100%, #8b2828))
}

.eventFBColor_red:active,
.eventFBColor_red:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b33333), color-stop(50%, #8f1d1d), color-stop(100%, #b33333))
}

.eventBGColor01_red_grad_lr {
    background: -webkit-linear-gradient(left, #381313 0%, rgba(255, 255, 255, 0) 100%)
}

.statusArea2.event_red {
    border: 2px solid red
}

.statusArea2.event_red h3 {
    background: #381313;
    border-bottom: 0.12rem dashed red
}

.statusArea2.event_red h3.line {
    border-top: 0.12rem solid red
}

.statusArea2.event_red h2 {
    background: #381313;
    margin-bottom: 0;
    font-size: 0.8rem;
    line-height: 1.0em;
    -webkit-box-shadow: 2px 2px 2px #973434 inset, -2px 2px 2px #973434 inset, 0px 0px 0px #973434, -2px -2px 2px #973434;
    border-top: 0.1rem solid red;
    position: relative;
    margin-bottom: -5px;
    padding-top: 15px;
    padding-bottom: 10px
}

.statusArea2.event_red .title {
    background: #381313;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-shadow: 2px 2px 2px #973434 inset, -2px 2px 2px #973434 inset, 0px 0px 0px #973434, -2px -2px 2px #973434
}

.statusArea2.event_red .line_dashed_top {
    border-top: 0.12rem dashed red
}

.statusArea2.event_red .line_dashed_bottom {
    border-bottom: 0.12rem dashed red
}

.statusArea2.event_red._important {
    border: 2px solid red;
    -webkit-box-shadow: 2px 2px 2px #973434 inset, -2px -2px 2px #973434 inset, 0px 0px 0px #973434, 0px 0px 0px #973434 !important
}

.statusArea2.event_red._important h3 {
    background: #381313 !important;
    border-bottom: 0.12rem dashed red !important;
    -webkit-box-shadow: 2px 2px 2px #973434 inset, -2px 2px 2px #973434 inset, 0px 0px 0px #973434, -2px -2px 2px #973434 !important
}

.statusArea2.event_red._important h3.line {
    border-top: 0.12rem solid red !important
}

.event_red_line_dashed_bottom {
    border-bottom: 0.12rem dashed #922a2a
}

h2.title_img.event_orange,
div.title_img.event_orange {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/orange/line_head_bg.jpg)
}

h2.title_img.event_orange div,
div.title_img.event_orange div {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/orange/line_head_bottom.jpg)
}

h2.title_img.event_orange:before,
div.title_img.event_orange:before {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/orange/line_head_top.jpg)
}

h3.title_img.event_orange {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/orange/line_normal_bg.jpg)
}

h3.title_img.event_orange div.frame {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/orange/line_normal_bottom.jpg)
}

h3.title_img.event_orange:before {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/orange/line_normal_top.jpg)
}

.eventH2Color_orange {
    background: #ca5f11 !important
}

.eventPeriodColor_orange {
    color: #ffc694
}

.title.inner_orange {
    padding: 3px 0;
    margin-bottom: 5px;
    font-size: 16px;
    background: -webkit-linear-gradient(left, #1d1d1d 3%, #c1611a 51%, #1d1d1d 98%);
    text-shadow: 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d
}

.title.inner_orange.m-Btm10 {
    margin-bottom: 10px
}

.medal_idol_event_orange {
    width: 320px
}

.medal_idol_event_orange:before {
    width: 320px;
    height: 6px;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/orange/line_normal_top.jpg) center top no-repeat;
    background-size: 320px 6px;
    content: "";
    display: block
}

.medal_idol_event_orange:after {
    width: 320px;
    height: 6px;
    content: "";
    display: block
}

.medal_idol_event_orange .status {
    line-height: 120%;
    margin-bottom: 5px
}

.medal_idol_event_orange .slideTitle {
    text-align: center;
    padding: 8px 0 14px;
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/orange/line_normal_bg.jpg);
    background-size: 320px
}

.medal_idol_event_orange .img {
    width: 320px;
    height: 400px;
    text-align: center;
    margin-bottom: 5px
}

.underline_event_orange {
    width: 320px;
    height: 6px;
    margin-top: 36px;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/orange/line_normal_bottom.jpg) center top no-repeat;
    background-size: 320px;
    z-index: 20;
    position: absolute
}

.scheduleArea.event_orange {
    border: 2px solid #ffc694;
    background-color: #552609;
    color: #ffffff;
    -webkit-box-shadow: 3px 3px 3px #ad6327 inset, -3px -3px 3px #ad6327 inset
}

.scheduleArea.event_orange h3.titleMin {
    background: #ca5f11
}

.tab_link.event_orange {
    color: #33ff33
}

.tab_link.event_orange .selected {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c4670c), color-stop(50%, #924703), color-stop(100%, #1d1d1d))
}

.tab_link.event_orange .selected:active {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f18012), color-stop(50%, #c45f04), color-stop(100%, #1d1d1d))
}

.eventFBColor_orange {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c1611a), color-stop(50%, #9d4909), color-stop(100%, #c1611a))
}

.eventFBColor_orange:active,
.eventFBColor_orange:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e3792b), color-stop(50%, #cd5f0c), color-stop(100%, #e3792b))
}

.eventBGColor01_orange_grad_lr {
    background: -webkit-linear-gradient(left, #552609 0%, rgba(255, 255, 255, 0) 100%)
}

.statusArea2.event_orange {
    border: 2px solid #ffc694
}

.statusArea2.event_orange h3 {
    background: #552609;
    border-bottom: 0.12rem dashed #ffc694
}

.statusArea2.event_orange h3.line {
    border-top: 0.12rem solid #ffc694
}

.statusArea2.event_orange h2 {
    background: #552609;
    margin-bottom: 0;
    font-size: 0.8rem;
    line-height: 1.0em;
    -webkit-box-shadow: 2px 2px 2px #ad6327 inset, -2px 2px 2px #ad6327 inset, 0px 0px 0px #ad6327, -2px -2px 2px #ad6327;
    border-top: 0.1rem solid #ffc694;
    position: relative;
    margin-bottom: -5px;
    padding-top: 15px;
    padding-bottom: 10px
}

.statusArea2.event_orange .title {
    background: #552609;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-shadow: 2px 2px 2px #ad6327 inset, -2px 2px 2px #ad6327 inset, 0px 0px 0px #ad6327, -2px -2px 2px #ad6327
}

.statusArea2.event_orange .line_dashed_top {
    border-top: 0.12rem dashed #ffc694
}

.statusArea2.event_orange .line_dashed_bottom {
    border-bottom: 0.12rem dashed #ffc694
}

.statusArea2.event_orange._important {
    border: 2px solid #ffc694;
    -webkit-box-shadow: 2px 2px 2px #ad6327 inset, -2px -2px 2px #ad6327 inset, 0px 0px 0px #ad6327, 0px 0px 0px #ad6327 !important
}

.statusArea2.event_orange._important h3 {
    background: #552609 !important;
    border-bottom: 0.12rem dashed #ffc694 !important;
    -webkit-box-shadow: 2px 2px 2px #ad6327 inset, -2px 2px 2px #ad6327 inset, 0px 0px 0px #ad6327, -2px -2px 2px #ad6327 !important
}

.statusArea2.event_orange._important h3.line {
    border-top: 0.12rem solid #ffc694 !important
}

.event_orange_line_dashed_bottom {
    border-bottom: 0.12rem dashed #ca5f11
}

h2.title_img.event_green,
div.title_img.event_green {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/green/line_head_bg.jpg)
}

h2.title_img.event_green div,
div.title_img.event_green div {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/green/line_head_bottom.jpg)
}

h2.title_img.event_green:before,
div.title_img.event_green:before {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/green/line_head_top.jpg)
}

h3.title_img.event_green {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/green/line_normal_bg.jpg)
}

h3.title_img.event_green div.frame {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/green/line_normal_bottom.jpg)
}

h3.title_img.event_green:before {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/green/line_normal_top.jpg)
}

.eventH2Color_green {
    background: #255d25 !important
}

.eventPeriodColor_green {
    color: #5d9e5c
}

.title.inner_green {
    padding: 3px 0;
    margin-bottom: 5px;
    font-size: 16px;
    background: -webkit-linear-gradient(left, #1d1d1d 3%, #1b461b 51%, #1d1d1d 98%);
    text-shadow: 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d
}

.title.inner_green.m-Btm10 {
    margin-bottom: 10px
}

.medal_idol_event_green {
    width: 320px
}

.medal_idol_event_green:before {
    width: 320px;
    height: 6px;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/green/line_normal_top.jpg) center top no-repeat;
    background-size: 320px 6px;
    content: "";
    display: block
}

.medal_idol_event_green:after {
    width: 320px;
    height: 6px;
    content: "";
    display: block
}

.medal_idol_event_green .status {
    line-height: 120%;
    margin-bottom: 5px
}

.medal_idol_event_green .slideTitle {
    text-align: center;
    padding: 8px 0 14px;
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/green/line_normal_bg.jpg);
    background-size: 320px
}

.medal_idol_event_green .img {
    width: 320px;
    height: 400px;
    text-align: center;
    margin-bottom: 5px
}

.underline_event_green {
    width: 320px;
    height: 6px;
    margin-top: 36px;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/green/line_normal_bottom.jpg) center top no-repeat;
    background-size: 320px;
    z-index: 20;
    position: absolute
}

.scheduleArea.event_green {
    border: 2px solid #5d9e5c;
    background-color: #122715;
    color: #ffffff;
    -webkit-box-shadow: 3px 3px 3px #1f4722 inset, -3px -3px 3px #1f4722 inset
}

.scheduleArea.event_green h3.titleMin {
    background: #255d25
}

.tab_link.event_green {
    color: #33ff33
}

.tab_link.event_green .selected {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #215321), color-stop(50%, #1b401a), color-stop(100%, #1d1d1d))
}

.tab_link.event_green .selected:active {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #307730), color-stop(50%, #2a6429), color-stop(100%, #1d1d1d))
}

.eventFBColor_green {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #244b24), color-stop(50%, #143515), color-stop(100%, #244b24))
}

.eventFBColor_green:active,
.eventFBColor_green:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #356d35), color-stop(50%, #225a24), color-stop(100%, #356d35))
}

.eventBGColor01_green_grad_lr {
    background: -webkit-linear-gradient(left, #122715 0%, rgba(255, 255, 255, 0) 100%)
}

.statusArea2.event_green {
    border: 2px solid #5d9e5c
}

.statusArea2.event_green h3 {
    background: #122715;
    border-bottom: 0.12rem dashed #5d9e5c
}

.statusArea2.event_green h3.line {
    border-top: 0.12rem solid #5d9e5c
}

.statusArea2.event_green h2 {
    background: #122715;
    margin-bottom: 0;
    font-size: 0.8rem;
    line-height: 1.0em;
    -webkit-box-shadow: 2px 2px 2px #1f4722 inset, -2px 2px 2px #1f4722 inset, 0px 0px 0px #1f4722, -2px -2px 2px #1f4722;
    border-top: 0.1rem solid #5d9e5c;
    position: relative;
    margin-bottom: -5px;
    padding-top: 15px;
    padding-bottom: 10px
}

.statusArea2.event_green .title {
    background: #122715;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-shadow: 2px 2px 2px #1f4722 inset, -2px 2px 2px #1f4722 inset, 0px 0px 0px #1f4722, -2px -2px 2px #1f4722
}

.statusArea2.event_green .line_dashed_top {
    border-top: 0.12rem dashed #5d9e5c
}

.statusArea2.event_green .line_dashed_bottom {
    border-bottom: 0.12rem dashed #5d9e5c
}

.statusArea2.event_green._important {
    border: 2px solid #5d9e5c;
    -webkit-box-shadow: 2px 2px 2px #1f4722 inset, -2px -2px 2px #1f4722 inset, 0px 0px 0px #1f4722, 0px 0px 0px #1f4722 !important
}

.statusArea2.event_green._important h3 {
    background: #122715 !important;
    border-bottom: 0.12rem dashed #5d9e5c !important;
    -webkit-box-shadow: 2px 2px 2px #1f4722 inset, -2px 2px 2px #1f4722 inset, 0px 0px 0px #1f4722, -2px -2px 2px #1f4722 !important
}

.statusArea2.event_green._important h3.line {
    border-top: 0.12rem solid #5d9e5c !important
}

.event_green_line_dashed_bottom {
    border-bottom: 0.12rem dashed #255d25
}

h2.title_img.event_bluegreen,
div.title_img.event_bluegreen {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/bluegreen/line_head_bg.jpg)
}

h2.title_img.event_bluegreen div,
div.title_img.event_bluegreen div {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/bluegreen/line_head_bottom.jpg)
}

h2.title_img.event_bluegreen:before,
div.title_img.event_bluegreen:before {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/bluegreen/line_head_top.jpg)
}

h3.title_img.event_bluegreen {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/bluegreen/line_normal_bg.jpg)
}

h3.title_img.event_bluegreen div.frame {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/bluegreen/line_normal_bottom.jpg)
}

h3.title_img.event_bluegreen:before {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/bluegreen/line_normal_top.jpg)
}

.eventH2Color_bluegreen {
    background: #0d5a50 !important
}

.eventPeriodColor_bluegreen {
    color: #5dedd0
}

.title.inner_bluegreen {
    padding: 3px 0;
    margin-bottom: 5px;
    font-size: 16px;
    background: -webkit-linear-gradient(left, #1d1d1d 3%, #095544 51%, #1d1d1d 98%);
    text-shadow: 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d
}

.title.inner_bluegreen.m-Btm10 {
    margin-bottom: 10px
}

.medal_idol_event_bluegreen {
    width: 320px
}

.medal_idol_event_bluegreen:before {
    width: 320px;
    height: 6px;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/bluegreen/line_normal_top.jpg) center top no-repeat;
    background-size: 320px 6px;
    content: "";
    display: block
}

.medal_idol_event_bluegreen:after {
    width: 320px;
    height: 6px;
    content: "";
    display: block
}

.medal_idol_event_bluegreen .status {
    line-height: 120%;
    margin-bottom: 5px
}

.medal_idol_event_bluegreen .slideTitle {
    text-align: center;
    padding: 8px 0 14px;
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/bluegreen/line_normal_bg.jpg);
    background-size: 320px
}

.medal_idol_event_bluegreen .img {
    width: 320px;
    height: 400px;
    text-align: center;
    margin-bottom: 5px
}

.underline_event_bluegreen {
    width: 320px;
    height: 6px;
    margin-top: 36px;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/bluegreen/line_normal_bottom.jpg) center top no-repeat;
    background-size: 320px;
    z-index: 20;
    position: absolute
}

.scheduleArea.event_bluegreen {
    border: 2px solid #5dedd0;
    background-color: #123e38;
    color: #ffffff;
    -webkit-box-shadow: 3px 3px 3px #227d72 inset, -3px -3px 3px #227d72 inset
}

.scheduleArea.event_bluegreen h3.titleMin {
    background: #0d5a50
}

.tab_link.event_bluegreen {
    color: #33ff33
}

.tab_link.event_bluegreen .selected {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00806f), color-stop(50%, #094739), color-stop(100%, #1d1d1d))
}

.tab_link.event_bluegreen .selected:active {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00b39b), color-stop(50%, #0f745d), color-stop(100%, #1d1d1d))
}

.eventFBColor_bluegreen {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #007558), color-stop(50%, #015341), color-stop(100%, #007558))
}

.eventFBColor_bluegreen:active,
.eventFBColor_bluegreen:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00a87e), color-stop(50%, #028568), color-stop(100%, #00a87e))
}

.eventBGColor01_bluegreen_grad_lr {
    background: -webkit-linear-gradient(left, #123e38 0%, rgba(255, 255, 255, 0) 100%)
}

.statusArea2.event_bluegreen {
    border: 2px solid #5dedd0
}

.statusArea2.event_bluegreen h3 {
    background: #123e38;
    border-bottom: 0.12rem dashed #5dedd0
}

.statusArea2.event_bluegreen h3.line {
    border-top: 0.12rem solid #5dedd0
}

.statusArea2.event_bluegreen h2 {
    background: #123e38;
    margin-bottom: 0;
    font-size: 0.8rem;
    line-height: 1.0em;
    -webkit-box-shadow: 2px 2px 2px #227d72 inset, -2px 2px 2px #227d72 inset, 0px 0px 0px #227d72, -2px -2px 2px #227d72;
    border-top: 0.1rem solid #5dedd0;
    position: relative;
    margin-bottom: -5px;
    padding-top: 15px;
    padding-bottom: 10px
}

.statusArea2.event_bluegreen .title {
    background: #123e38;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-shadow: 2px 2px 2px #227d72 inset, -2px 2px 2px #227d72 inset, 0px 0px 0px #227d72, -2px -2px 2px #227d72
}

.statusArea2.event_bluegreen .line_dashed_top {
    border-top: 0.12rem dashed #5dedd0
}

.statusArea2.event_bluegreen .line_dashed_bottom {
    border-bottom: 0.12rem dashed #5dedd0
}

.statusArea2.event_bluegreen._important {
    border: 2px solid #5dedd0;
    -webkit-box-shadow: 2px 2px 2px #227d72 inset, -2px -2px 2px #227d72 inset, 0px 0px 0px #227d72, 0px 0px 0px #227d72 !important
}

.statusArea2.event_bluegreen._important h3 {
    background: #123e38 !important;
    border-bottom: 0.12rem dashed #5dedd0 !important;
    -webkit-box-shadow: 2px 2px 2px #227d72 inset, -2px 2px 2px #227d72 inset, 0px 0px 0px #227d72, -2px -2px 2px #227d72 !important
}

.statusArea2.event_bluegreen._important h3.line {
    border-top: 0.12rem solid #5dedd0 !important
}

.event_bluegreen_line_dashed_bottom {
    border-bottom: 0.12rem dashed #0d5a50
}

h2.title_img.event_blue,
div.title_img.event_blue {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/blue/line_head_bg.jpg)
}

h2.title_img.event_blue div,
div.title_img.event_blue div {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/blue/line_head_bottom.jpg)
}

h2.title_img.event_blue:before,
div.title_img.event_blue:before {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/blue/line_head_top.jpg)
}

h3.title_img.event_blue {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/blue/line_normal_bg.jpg)
}

h3.title_img.event_blue div.frame {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/blue/line_normal_bottom.jpg)
}

h3.title_img.event_blue:before {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/blue/line_normal_top.jpg)
}

.eventH2Color_blue {
    background: #013c53 !important
}

.eventPeriodColor_blue {
    color: #5be1fe
}

.title.inner_blue {
    padding: 3px 0;
    margin-bottom: 5px;
    font-size: 16px;
    background: -webkit-linear-gradient(left, #1d1d1d 3%, #014560 51%, #1d1d1d 98%);
    text-shadow: 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d
}

.title.inner_blue.m-Btm10 {
    margin-bottom: 10px
}

.medal_idol_event_blue {
    width: 320px
}

.medal_idol_event_blue:before {
    width: 320px;
    height: 6px;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/blue/line_normal_top.jpg) center top no-repeat;
    background-size: 320px 6px;
    content: "";
    display: block
}

.medal_idol_event_blue:after {
    width: 320px;
    height: 6px;
    content: "";
    display: block
}

.medal_idol_event_blue .status {
    line-height: 120%;
    margin-bottom: 5px
}

.medal_idol_event_blue .slideTitle {
    text-align: center;
    padding: 8px 0 14px;
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/blue/line_normal_bg.jpg);
    background-size: 320px
}

.medal_idol_event_blue .img {
    width: 320px;
    height: 400px;
    text-align: center;
    margin-bottom: 5px
}

.underline_event_blue {
    width: 320px;
    height: 6px;
    margin-top: 36px;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/blue/line_normal_bottom.jpg) center top no-repeat;
    background-size: 320px;
    z-index: 20;
    position: absolute
}

.scheduleArea.event_blue {
    border: 2px solid #5be1fe;
    background-color: #041f29;
    color: #ffffff;
    -webkit-box-shadow: 3px 3px 3px #013c53 inset, -3px -3px 3px #013c53 inset
}

.scheduleArea.event_blue h3.titleMin {
    background: #013c53
}

.tab_link.event_blue {
    color: #33ff33
}

.tab_link.event_blue .selected {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #005c80), color-stop(50%, #092e47), color-stop(100%, #1d1d1d))
}

.tab_link.event_blue .selected:active {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0081b3), color-stop(50%, #0f4b74), color-stop(100%, #1d1d1d))
}

.eventFBColor_blue {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006288), color-stop(50%, #013c53), color-stop(100%, #006288))
}

.eventFBColor_blue:active,
.eventFBColor_blue:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0087bb), color-stop(50%, #026085), color-stop(100%, #0087bb))
}

.eventBGColor01_blue_grad_lr {
    background: -webkit-linear-gradient(left, #041f29 0%, rgba(255, 255, 255, 0) 100%)
}

.statusArea2.event_blue {
    border: 2px solid #5be1fe
}

.statusArea2.event_blue h3 {
    background: #041f29;
    border-bottom: 0.12rem dashed #5be1fe
}

.statusArea2.event_blue h3.line {
    border-top: 0.12rem solid #5be1fe
}

.statusArea2.event_blue h2 {
    background: #041f29;
    margin-bottom: 0;
    font-size: 0.8rem;
    line-height: 1.0em;
    -webkit-box-shadow: 2px 2px 2px #013c53 inset, -2px 2px 2px #013c53 inset, 0px 0px 0px #013c53, -2px -2px 2px #013c53;
    border-top: 0.1rem solid #5be1fe;
    position: relative;
    margin-bottom: -5px;
    padding-top: 15px;
    padding-bottom: 10px
}

.statusArea2.event_blue .title {
    background: #041f29;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-shadow: 2px 2px 2px #013c53 inset, -2px 2px 2px #013c53 inset, 0px 0px 0px #013c53, -2px -2px 2px #013c53
}

.statusArea2.event_blue .line_dashed_top {
    border-top: 0.12rem dashed #5be1fe
}

.statusArea2.event_blue .line_dashed_bottom {
    border-bottom: 0.12rem dashed #5be1fe
}

.statusArea2.event_blue._important {
    border: 2px solid #5be1fe;
    -webkit-box-shadow: 2px 2px 2px #013c53 inset, -2px -2px 2px #013c53 inset, 0px 0px 0px #013c53, 0px 0px 0px #013c53 !important
}

.statusArea2.event_blue._important h3 {
    background: #041f29 !important;
    border-bottom: 0.12rem dashed #5be1fe !important;
    -webkit-box-shadow: 2px 2px 2px #013c53 inset, -2px 2px 2px #013c53 inset, 0px 0px 0px #013c53, -2px -2px 2px #013c53 !important
}

.statusArea2.event_blue._important h3.line {
    border-top: 0.12rem solid #5be1fe !important
}

.event_blue_line_dashed_bottom {
    border-bottom: 0.12rem dashed #013c53
}

h2.title_img.event_pink,
div.title_img.event_pink {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/pink/line_head_bg.jpg)
}

h2.title_img.event_pink div,
div.title_img.event_pink div {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/pink/line_head_bottom.jpg)
}

h2.title_img.event_pink:before,
div.title_img.event_pink:before {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/pink/line_head_top.jpg)
}

h3.title_img.event_pink {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/pink/line_normal_bg.jpg)
}

h3.title_img.event_pink div.frame {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/pink/line_normal_bottom.jpg)
}

h3.title_img.event_pink:before {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/pink/line_normal_top.jpg)
}

.eventH2Color_pink {
    background: #dc749f !important
}

.eventPeriodColor_pink {
    color: #e78ab1
}

.title.inner_pink {
    padding: 3px 0;
    margin-bottom: 5px;
    font-size: 16px;
    background: -webkit-linear-gradient(left, #1d1d1d 3%, #c45785 51%, #1d1d1d 98%);
    text-shadow: 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d
}

.title.inner_pink.m-Btm10 {
    margin-bottom: 10px
}

.medal_idol_event_pink {
    width: 320px
}

.medal_idol_event_pink:before {
    width: 320px;
    height: 6px;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/pink/line_normal_top.jpg) center top no-repeat;
    background-size: 320px 6px;
    content: "";
    display: block
}

.medal_idol_event_pink:after {
    width: 320px;
    height: 6px;
    content: "";
    display: block
}

.medal_idol_event_pink .status {
    line-height: 120%;
    margin-bottom: 5px
}

.medal_idol_event_pink .slideTitle {
    text-align: center;
    padding: 8px 0 14px;
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/pink/line_normal_bg.jpg);
    background-size: 320px
}

.medal_idol_event_pink .img {
    width: 320px;
    height: 400px;
    text-align: center;
    margin-bottom: 5px
}

.underline_event_pink {
    width: 320px;
    height: 6px;
    margin-top: 36px;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/pink/line_normal_bottom.jpg) center top no-repeat;
    background-size: 320px;
    z-index: 20;
    position: absolute
}

.scheduleArea.event_pink {
    border: 2px solid #e78ab1;
    background-color: #4b1934;
    color: #ffffff;
    -webkit-box-shadow: 3px 3px 3px #96335d inset, -3px -3px 3px #96335d inset
}

.scheduleArea.event_pink h3.titleMin {
    background: #dc749f
}

.tab_link.event_pink {
    color: #33ff33
}

.tab_link.event_pink .selected {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe93bf), color-stop(50%, #9c5070), color-stop(100%, #1d1d1d))
}

.tab_link.event_pink .selected:active {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fec6dd), color-stop(50%, #b36c8a), color-stop(100%, #1d1d1d))
}

.eventFBColor_pink {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ed5697), color-stop(50%, #c53170), color-stop(100%, #ed5697))
}

.eventFBColor_pink:active,
.eventFBColor_pink:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f284b3), color-stop(50%, #d5548b), color-stop(100%, #f284b3))
}

.eventBGColor01_pink_grad_lr {
    background: -webkit-linear-gradient(left, #4b1934 0%, rgba(255, 255, 255, 0) 100%)
}

.statusArea2.event_pink {
    border: 2px solid #e78ab1
}

.statusArea2.event_pink h3 {
    background: #4b1934;
    border-bottom: 0.12rem dashed #e78ab1
}

.statusArea2.event_pink h3.line {
    border-top: 0.12rem solid #e78ab1
}

.statusArea2.event_pink h2 {
    background: #4b1934;
    margin-bottom: 0;
    font-size: 0.8rem;
    line-height: 1.0em;
    -webkit-box-shadow: 2px 2px 2px #96335d inset, -2px 2px 2px #96335d inset, 0px 0px 0px #96335d, -2px -2px 2px #96335d;
    border-top: 0.1rem solid #e78ab1;
    position: relative;
    margin-bottom: -5px;
    padding-top: 15px;
    padding-bottom: 10px
}

.statusArea2.event_pink .title {
    background: #4b1934;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-shadow: 2px 2px 2px #96335d inset, -2px 2px 2px #96335d inset, 0px 0px 0px #96335d, -2px -2px 2px #96335d
}

.statusArea2.event_pink .line_dashed_top {
    border-top: 0.12rem dashed #e78ab1
}

.statusArea2.event_pink .line_dashed_bottom {
    border-bottom: 0.12rem dashed #e78ab1
}

.statusArea2.event_pink._important {
    border: 2px solid #e78ab1;
    -webkit-box-shadow: 2px 2px 2px #96335d inset, -2px -2px 2px #96335d inset, 0px 0px 0px #96335d, 0px 0px 0px #96335d !important
}

.statusArea2.event_pink._important h3 {
    background: #4b1934 !important;
    border-bottom: 0.12rem dashed #e78ab1 !important;
    -webkit-box-shadow: 2px 2px 2px #96335d inset, -2px 2px 2px #96335d inset, 0px 0px 0px #96335d, -2px -2px 2px #96335d !important
}

.statusArea2.event_pink._important h3.line {
    border-top: 0.12rem solid #e78ab1 !important
}

.event_pink_line_dashed_bottom {
    border-bottom: 0.12rem dashed #dc749f
}

h2.title_img.event_crimson,
div.title_img.event_crimson {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/crimson/line_head_bg.jpg)
}

h2.title_img.event_crimson div,
div.title_img.event_crimson div {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/crimson/line_head_bottom.jpg)
}

h2.title_img.event_crimson:before,
div.title_img.event_crimson:before {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/crimson/line_head_top.jpg)
}

h3.title_img.event_crimson {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/crimson/line_normal_bg.jpg)
}

h3.title_img.event_crimson div.frame {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/crimson/line_normal_bottom.jpg)
}

h3.title_img.event_crimson:before {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/crimson/line_normal_top.jpg)
}

.eventH2Color_crimson {
    background: #972447 !important
}

.eventPeriodColor_crimson {
    color: #f07198
}

.title.inner_crimson {
    padding: 3px 0;
    margin-bottom: 5px;
    font-size: 16px;
    background: -webkit-linear-gradient(left, #1d1d1d 3%, #9f1d43 51%, #1d1d1d 98%);
    text-shadow: 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d
}

.title.inner_crimson.m-Btm10 {
    margin-bottom: 10px
}

.medal_idol_event_crimson {
    width: 320px
}

.medal_idol_event_crimson:before {
    width: 320px;
    height: 6px;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/crimson/line_normal_top.jpg) center top no-repeat;
    background-size: 320px 6px;
    content: "";
    display: block
}

.medal_idol_event_crimson:after {
    width: 320px;
    height: 6px;
    content: "";
    display: block
}

.medal_idol_event_crimson .status {
    line-height: 120%;
    margin-bottom: 5px
}

.medal_idol_event_crimson .slideTitle {
    text-align: center;
    padding: 8px 0 14px;
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/crimson/line_normal_bg.jpg);
    background-size: 320px
}

.medal_idol_event_crimson .img {
    width: 320px;
    height: 400px;
    text-align: center;
    margin-bottom: 5px
}

.underline_event_crimson {
    width: 320px;
    height: 6px;
    margin-top: 36px;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/crimson/line_normal_bottom.jpg) center top no-repeat;
    background-size: 320px;
    z-index: 20;
    position: absolute
}

.scheduleArea.event_crimson {
    border: 2px solid #f07198;
    background-color: #35111c;
    color: #ffffff;
    -webkit-box-shadow: 3px 3px 3px #9f1d43 inset, -3px -3px 3px #9f1d43 inset
}

.scheduleArea.event_crimson h3.titleMin {
    background: #972447
}

.tab_link.event_crimson {
    color: #33ff33
}

.tab_link.event_crimson .selected {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9f1d43), color-stop(50%, #661a31), color-stop(100%, #1d1d1d))
}

.tab_link.event_crimson .selected:active {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ca2555), color-stop(50%, #8f2445), color-stop(100%, #1d1d1d))
}

.eventFBColor_crimson {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #661a31), color-stop(50%, #42111f), color-stop(100%, #661a31))
}

.eventFBColor_crimson:active,
.eventFBColor_crimson:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8f2445), color-stop(50%, #6b1b32), color-stop(100%, #8f2445))
}

.eventBGColor01_crimson_grad_lr {
    background: -webkit-linear-gradient(left, #35111c 0%, rgba(255, 255, 255, 0) 100%)
}

.statusArea2.event_crimson {
    border: 2px solid #f07198
}

.statusArea2.event_crimson h3 {
    background: #35111c;
    border-bottom: 0.12rem dashed #f07198
}

.statusArea2.event_crimson h3.line {
    border-top: 0.12rem solid #f07198
}

.statusArea2.event_crimson h2 {
    background: #35111c;
    margin-bottom: 0;
    font-size: 0.8rem;
    line-height: 1.0em;
    -webkit-box-shadow: 2px 2px 2px #9f1d43 inset, -2px 2px 2px #9f1d43 inset, 0px 0px 0px #9f1d43, -2px -2px 2px #9f1d43;
    border-top: 0.1rem solid #f07198;
    position: relative;
    margin-bottom: -5px;
    padding-top: 15px;
    padding-bottom: 10px
}

.statusArea2.event_crimson .title {
    background: #35111c;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-shadow: 2px 2px 2px #9f1d43 inset, -2px 2px 2px #9f1d43 inset, 0px 0px 0px #9f1d43, -2px -2px 2px #9f1d43
}

.statusArea2.event_crimson .line_dashed_top {
    border-top: 0.12rem dashed #f07198
}

.statusArea2.event_crimson .line_dashed_bottom {
    border-bottom: 0.12rem dashed #f07198
}

.statusArea2.event_crimson._important {
    border: 2px solid #f07198;
    -webkit-box-shadow: 2px 2px 2px #9f1d43 inset, -2px -2px 2px #9f1d43 inset, 0px 0px 0px #9f1d43, 0px 0px 0px #9f1d43 !important
}

.statusArea2.event_crimson._important h3 {
    background: #35111c !important;
    border-bottom: 0.12rem dashed #f07198 !important;
    -webkit-box-shadow: 2px 2px 2px #9f1d43 inset, -2px 2px 2px #9f1d43 inset, 0px 0px 0px #9f1d43, -2px -2px 2px #9f1d43 !important
}

.statusArea2.event_crimson._important h3.line {
    border-top: 0.12rem solid #f07198 !important
}

.event_crimson_line_dashed_bottom {
    border-bottom: 0.12rem dashed #972447
}

h2.title_img.event_parple,
div.title_img.event_parple {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/parple/line_head_bg.jpg)
}

h2.title_img.event_parple div,
div.title_img.event_parple div {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/parple/line_head_bottom.jpg)
}

h2.title_img.event_parple:before,
div.title_img.event_parple:before {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/parple/line_head_top.jpg)
}

h3.title_img.event_parple {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/parple/line_normal_bg.jpg)
}

h3.title_img.event_parple div.frame {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/parple/line_normal_bottom.jpg)
}

h3.title_img.event_parple:before {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/parple/line_normal_top.jpg)
}

.eventH2Color_parple {
    background: #312d82 !important
}

.eventPeriodColor_parple {
    color: #899aff
}

.title.inner_parple {
    padding: 3px 0;
    margin-bottom: 5px;
    font-size: 16px;
    background: -webkit-linear-gradient(left, #1d1d1d 3%, #292573 51%, #1d1d1d 98%);
    text-shadow: 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d
}

.title.inner_parple.m-Btm10 {
    margin-bottom: 10px
}

.medal_idol_event_parple {
    width: 320px
}

.medal_idol_event_parple:before {
    width: 320px;
    height: 6px;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/parple/line_normal_top.jpg) center top no-repeat;
    background-size: 320px 6px;
    content: "";
    display: block
}

.medal_idol_event_parple:after {
    width: 320px;
    height: 6px;
    content: "";
    display: block
}

.medal_idol_event_parple .status {
    line-height: 120%;
    margin-bottom: 5px
}

.medal_idol_event_parple .slideTitle {
    text-align: center;
    padding: 8px 0 14px;
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/parple/line_normal_bg.jpg);
    background-size: 320px
}

.medal_idol_event_parple .img {
    width: 320px;
    height: 400px;
    text-align: center;
    margin-bottom: 5px
}

.underline_event_parple {
    width: 320px;
    height: 6px;
    margin-top: 36px;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/parple/line_normal_bottom.jpg) center top no-repeat;
    background-size: 320px;
    z-index: 20;
    position: absolute
}

.scheduleArea.event_parple {
    border: 2px solid #899aff;
    background-color: #1d1138;
    color: #ffffff;
    -webkit-box-shadow: 3px 3px 3px #382ca2 inset, -3px -3px 3px #382ca2 inset
}

.scheduleArea.event_parple h3.titleMin {
    background: #312d82
}

.tab_link.event_parple {
    color: #33ff33
}

.tab_link.event_parple .selected {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #373391), color-stop(50%, #28246d), color-stop(100%, #1d1d1d))
}

.tab_link.event_parple .selected:active {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4540b7), color-stop(50%, #363193), color-stop(100%, #1d1d1d))
}

.eventFBColor_parple {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2778), color-stop(50%, #1a1750), color-stop(100%, #2b2778))
}

.eventFBColor_parple:active,
.eventFBColor_parple:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #39349e), color-stop(50%, #272278), color-stop(100%, #39349e))
}

.eventBGColor01_parple_grad_lr {
    background: -webkit-linear-gradient(left, #1d1138 0%, rgba(255, 255, 255, 0) 100%)
}

.statusArea2.event_parple {
    border: 2px solid #899aff
}

.statusArea2.event_parple h3 {
    background: #1d1138;
    border-bottom: 0.12rem dashed #899aff
}

.statusArea2.event_parple h3.line {
    border-top: 0.12rem solid #899aff
}

.statusArea2.event_parple h2 {
    background: #1d1138;
    margin-bottom: 0;
    font-size: 0.8rem;
    line-height: 1.0em;
    -webkit-box-shadow: 2px 2px 2px #382ca2 inset, -2px 2px 2px #382ca2 inset, 0px 0px 0px #382ca2, -2px -2px 2px #382ca2;
    border-top: 0.1rem solid #899aff;
    position: relative;
    margin-bottom: -5px;
    padding-top: 15px;
    padding-bottom: 10px
}

.statusArea2.event_parple .title {
    background: #1d1138;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-shadow: 2px 2px 2px #382ca2 inset, -2px 2px 2px #382ca2 inset, 0px 0px 0px #382ca2, -2px -2px 2px #382ca2
}

.statusArea2.event_parple .line_dashed_top {
    border-top: 0.12rem dashed #899aff
}

.statusArea2.event_parple .line_dashed_bottom {
    border-bottom: 0.12rem dashed #899aff
}

.statusArea2.event_parple._important {
    border: 2px solid #899aff;
    -webkit-box-shadow: 2px 2px 2px #382ca2 inset, -2px -2px 2px #382ca2 inset, 0px 0px 0px #382ca2, 0px 0px 0px #382ca2 !important
}

.statusArea2.event_parple._important h3 {
    background: #1d1138 !important;
    border-bottom: 0.12rem dashed #899aff !important;
    -webkit-box-shadow: 2px 2px 2px #382ca2 inset, -2px 2px 2px #382ca2 inset, 0px 0px 0px #382ca2, -2px -2px 2px #382ca2 !important
}

.statusArea2.event_parple._important h3.line {
    border-top: 0.12rem solid #899aff !important
}

.event_parple_line_dashed_bottom {
    border-bottom: 0.12rem dashed #312d82
}

h2.title_img.event_purplepink,
div.title_img.event_purplepink {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/purplepink/line_head_bg.jpg)
}

h2.title_img.event_purplepink div,
div.title_img.event_purplepink div {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/purplepink/line_head_bottom.jpg)
}

h2.title_img.event_purplepink:before,
div.title_img.event_purplepink:before {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/purplepink/line_head_top.jpg)
}

h3.title_img.event_purplepink {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/purplepink/line_normal_bg.jpg)
}

h3.title_img.event_purplepink div.frame {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/purplepink/line_normal_bottom.jpg)
}

h3.title_img.event_purplepink:before {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/purplepink/line_normal_top.jpg)
}

.eventH2Color_purplepink {
    background: #cd59aa !important
}

.eventPeriodColor_purplepink {
    color: #9c2a72
}

.title.inner_purplepink {
    padding: 3px 0;
    margin-bottom: 5px;
    font-size: 16px;
    background: -webkit-linear-gradient(left, #1d1d1d 3%, #a33a8a 51%, #1d1d1d 98%);
    text-shadow: 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d
}

.title.inner_purplepink.m-Btm10 {
    margin-bottom: 10px
}

.medal_idol_event_purplepink {
    width: 320px
}

.medal_idol_event_purplepink:before {
    width: 320px;
    height: 6px;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/purplepink/line_normal_top.jpg) center top no-repeat;
    background-size: 320px 6px;
    content: "";
    display: block
}

.medal_idol_event_purplepink:after {
    width: 320px;
    height: 6px;
    content: "";
    display: block
}

.medal_idol_event_purplepink .status {
    line-height: 120%;
    margin-bottom: 5px
}

.medal_idol_event_purplepink .slideTitle {
    text-align: center;
    padding: 8px 0 14px;
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/purplepink/line_normal_bg.jpg);
    background-size: 320px
}

.medal_idol_event_purplepink .img {
    width: 320px;
    height: 400px;
    text-align: center;
    margin-bottom: 5px
}

.underline_event_purplepink {
    width: 320px;
    height: 6px;
    margin-top: 36px;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/purplepink/line_normal_bottom.jpg) center top no-repeat;
    background-size: 320px;
    z-index: 20;
    position: absolute
}

.scheduleArea.event_purplepink {
    border: 2px solid #9c2a72;
    background-color: #36112a;
    color: #ffffff;
    -webkit-box-shadow: 3px 3px 3px #a3328a inset, -3px -3px 3px #a3328a inset
}

.scheduleArea.event_purplepink h3.titleMin {
    background: #cd59aa
}

.tab_link.event_purplepink {
    color: #33ff33
}

.tab_link.event_purplepink .selected {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a3328a), color-stop(50%, #79215d), color-stop(100%, #1d1d1d))
}

.tab_link.event_purplepink .selected:active {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c543a8), color-stop(50%, #a12c7c), color-stop(100%, #1d1d1d))
}

.eventFBColor_purplepink {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #421132), color-stop(50%, #79215d), color-stop(100%, #421132))
}

.eventFBColor_purplepink:active,
.eventFBColor_purplepink:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6b1b51), color-stop(50%, #a12c7c), color-stop(100%, #6b1b51))
}

.eventBGColor01_purplepink_grad_lr {
    background: -webkit-linear-gradient(left, #36112a 0%, rgba(255, 255, 255, 0) 100%)
}

.statusArea2.event_purplepink {
    border: 2px solid #9c2a72
}

.statusArea2.event_purplepink h3 {
    background: #36112a;
    border-bottom: 0.12rem dashed #9c2a72
}

.statusArea2.event_purplepink h3.line {
    border-top: 0.12rem solid #9c2a72
}

.statusArea2.event_purplepink h2 {
    background: #36112a;
    margin-bottom: 0;
    font-size: 0.8rem;
    line-height: 1.0em;
    -webkit-box-shadow: 2px 2px 2px #a3328a inset, -2px 2px 2px #a3328a inset, 0px 0px 0px #a3328a, -2px -2px 2px #a3328a;
    border-top: 0.1rem solid #9c2a72;
    position: relative;
    margin-bottom: -5px;
    padding-top: 15px;
    padding-bottom: 10px
}

.statusArea2.event_purplepink .title {
    background: #36112a;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-shadow: 2px 2px 2px #a3328a inset, -2px 2px 2px #a3328a inset, 0px 0px 0px #a3328a, -2px -2px 2px #a3328a
}

.statusArea2.event_purplepink .line_dashed_top {
    border-top: 0.12rem dashed #9c2a72
}

.statusArea2.event_purplepink .line_dashed_bottom {
    border-bottom: 0.12rem dashed #9c2a72
}

.statusArea2.event_purplepink._important {
    border: 2px solid #9c2a72;
    -webkit-box-shadow: 2px 2px 2px #a3328a inset, -2px -2px 2px #a3328a inset, 0px 0px 0px #a3328a, 0px 0px 0px #a3328a !important
}

.statusArea2.event_purplepink._important h3 {
    background: #36112a !important;
    border-bottom: 0.12rem dashed #9c2a72 !important;
    -webkit-box-shadow: 2px 2px 2px #a3328a inset, -2px 2px 2px #a3328a inset, 0px 0px 0px #a3328a, -2px -2px 2px #a3328a !important
}

.statusArea2.event_purplepink._important h3.line {
    border-top: 0.12rem solid #9c2a72 !important
}

.event_purplepink_line_dashed_bottom {
    border-bottom: 0.12rem dashed #cd59aa
}

h2.title_img.event_purple,
div.title_img.event_purple {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/purple/line_head_bg.jpg)
}

h2.title_img.event_purple div,
div.title_img.event_purple div {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/purple/line_head_bottom.jpg)
}

h2.title_img.event_purple:before,
div.title_img.event_purple:before {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/purple/line_head_top.jpg)
}

h3.title_img.event_purple {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/purple/line_normal_bg.jpg)
}

h3.title_img.event_purple div.frame {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/purple/line_normal_bottom.jpg)
}

h3.title_img.event_purple:before {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/purple/line_normal_top.jpg)
}

.eventH2Color_purple {
    background: #312d82 !important
}

.eventPeriodColor_purple {
    color: #899aff
}

.title.inner_purple {
    padding: 3px 0;
    margin-bottom: 5px;
    font-size: 16px;
    background: -webkit-linear-gradient(left, #1d1d1d 3%, #292573 51%, #1d1d1d 98%);
    text-shadow: 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d
}

.title.inner_purple.m-Btm10 {
    margin-bottom: 10px
}

.medal_idol_event_purple {
    width: 320px
}

.medal_idol_event_purple:before {
    width: 320px;
    height: 6px;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/purple/line_normal_top.jpg) center top no-repeat;
    background-size: 320px 6px;
    content: "";
    display: block
}

.medal_idol_event_purple:after {
    width: 320px;
    height: 6px;
    content: "";
    display: block
}

.medal_idol_event_purple .status {
    line-height: 120%;
    margin-bottom: 5px
}

.medal_idol_event_purple .slideTitle {
    text-align: center;
    padding: 8px 0 14px;
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/purple/line_normal_bg.jpg);
    background-size: 320px
}

.medal_idol_event_purple .img {
    width: 320px;
    height: 400px;
    text-align: center;
    margin-bottom: 5px
}

.underline_event_purple {
    width: 320px;
    height: 6px;
    margin-top: 36px;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/line/purple/line_normal_bottom.jpg) center top no-repeat;
    background-size: 320px;
    z-index: 20;
    position: absolute
}

.scheduleArea.event_purple {
    border: 2px solid #899aff;
    background-color: #1d1138;
    color: #ffffff;
    -webkit-box-shadow: 3px 3px 3px #382ca2 inset, -3px -3px 3px #382ca2 inset
}

.scheduleArea.event_purple h3.titleMin {
    background: #312d82
}

.tab_link.event_purple {
    color: #33ff33
}

.tab_link.event_purple .selected {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #373391), color-stop(50%, #28246d), color-stop(100%, #1d1d1d))
}

.tab_link.event_purple .selected:active {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4540b7), color-stop(50%, #363193), color-stop(100%, #1d1d1d))
}

.eventFBColor_purple {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2778), color-stop(50%, #1a1750), color-stop(100%, #2b2778))
}

.eventFBColor_purple:active,
.eventFBColor_purple:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #39349e), color-stop(50%, #272278), color-stop(100%, #39349e))
}

.eventBGColor01_purple_grad_lr {
    background: -webkit-linear-gradient(left, #1d1138 0%, rgba(255, 255, 255, 0) 100%)
}

.statusArea2.event_purple {
    border: 2px solid #899aff
}

.statusArea2.event_purple h3 {
    background: #1d1138;
    border-bottom: 0.12rem dashed #899aff
}

.statusArea2.event_purple h3.line {
    border-top: 0.12rem solid #899aff
}

.statusArea2.event_purple h2 {
    background: #1d1138;
    margin-bottom: 0;
    font-size: 0.8rem;
    line-height: 1.0em;
    -webkit-box-shadow: 2px 2px 2px #382ca2 inset, -2px 2px 2px #382ca2 inset, 0px 0px 0px #382ca2, -2px -2px 2px #382ca2;
    border-top: 0.1rem solid #899aff;
    position: relative;
    margin-bottom: -5px;
    padding-top: 15px;
    padding-bottom: 10px
}

.statusArea2.event_purple .title {
    background: #1d1138;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-shadow: 2px 2px 2px #382ca2 inset, -2px 2px 2px #382ca2 inset, 0px 0px 0px #382ca2, -2px -2px 2px #382ca2
}

.statusArea2.event_purple .line_dashed_top {
    border-top: 0.12rem dashed #899aff
}

.statusArea2.event_purple .line_dashed_bottom {
    border-bottom: 0.12rem dashed #899aff
}

.statusArea2.event_purple._important {
    border: 2px solid #899aff;
    -webkit-box-shadow: 2px 2px 2px #382ca2 inset, -2px -2px 2px #382ca2 inset, 0px 0px 0px #382ca2, 0px 0px 0px #382ca2 !important
}

.statusArea2.event_purple._important h3 {
    background: #1d1138 !important;
    border-bottom: 0.12rem dashed #899aff !important;
    -webkit-box-shadow: 2px 2px 2px #382ca2 inset, -2px 2px 2px #382ca2 inset, 0px 0px 0px #382ca2, -2px -2px 2px #382ca2 !important
}

.statusArea2.event_purple._important h3.line {
    border-top: 0.12rem solid #899aff !important
}

.event_purple_line_dashed_bottom {
    border-bottom: 0.12rem dashed #312d82
}

.eventTop {
    text-align: center;
    margin-bottom: 10px
}

.eventTop h1 {
    margin: 0;
    padding: 0
}

.eventTop h1.top_miniteam {
    width: 320px;
    height: 120px;
    background-size: 320px;
    position: relative
}

.eventTop h1.top_miniteam .schedule_miniteam {
    width: 295px;
    height: 19px;
    background-size: 295px;
    position: absolute;
    bottom: 12px;
    left: 12px
}

.eventTop h1.top_miniteam .schedule_miniteam span {
    display: block;
    font-size: 11px !important;
    color: #1d1d1d !important;
    line-height: 19px;
    position: absolute;
    left: 145px
}

.eventTop img {
    margin-bottom: 10px
}

.eventTop img.m-Btm0 {
    margin-bottom: 0
}

.eventTop.m-Btm0 {
    margin-bottom: 0
}

#event_header,
.event_header {
    width: 320px;
    height: 60px;
    position: relative;
    overflow-x: hidden;
    margin: 0;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

#event_header #event_logo,
.event_header #event_logo {
    position: absolute;
    left: 8px;
    top: -3px
}

#event_header #event_round_info,
.event_header #event_round_info {
    width: 138px;
    height: 27px;
    position: absolute;
    top: 14px;
    left: 112px;
    font-size: 11px;
    text-align: center;
    color: black;
    line-height: 110%;
    text-decoration: none;
    text-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff
}

#event_header #menu_button,
.event_header #menu_button {
    position: absolute;
    top: 0;
    right: 0;
    width: 64px;
    height: 60px
}

#event_header #menu_button a,
.event_header #menu_button a {
    outline: none
}

#event_header #menu_button a img,
.event_header #menu_button a img {
    width: 64px;
    height: 60px
}

#event_header #menu_button #header_menus,
.event_header #menu_button #header_menus {
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease
}

#event_header #menu_button .menu_open,
.event_header #menu_button .menu_open {
    position: absolute;
    right: 64px;
    width: 256px;
    opacity: 1
}

#event_header #menu_button .menu_colse,
.event_header #menu_button .menu_colse {
    position: absolute;
    left: 0px;
    width: 0px;
    opacity: 0
}

#event_header #header_tap_area {
    display: block;
    text-decoration: none;
    width: 300px;
    height: 60px;
    position: relative;
    background-repeat: no-repeat;
    background-size: 300px 60px
}

#event_header #header_tap_area._hover {
    opacity: 0.7
}

#event_header #menu_switch {
    position: absolute;
    top: 0;
    right: 0;
    width: 64px;
    height: 60px;
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/rich/quest/menu_icon.png) no-repeat;
    background-size: 64px
}

.event_header {
    overflow: visible
}

.event_header #header_tap_area {
    display: block;
    text-decoration: none;
    height: 60px;
    position: relative;
    background-repeat: no-repeat;
    background-size: 300px 60px
}

.event_header #header_tap_area._hover {
    opacity: 0.7
}

.epiArea_reward {
    width: 300px;
    height: 230px;
    line-height: 43px;
    margin: 0 auto;
    padding-top: 43px
}

.epiArea_reward.fes013 {
    background: url(http://mobamas.net/idolmaster/image_sp/event/pmf/epi_event_pmf.png) center -6px no-repeat;
    background-size: 320px
}

.epiArea_reward ul {
    width: 140px;
    text-align: center;
    margin-bottom: 30px;
    padding: 15px 15px 25px
}

.epiArea_reward form.bg {
    height: 75px
}

.epiArea_reward form.bg .noop {
    border: none;
    position: relative;
    top: 20px
}

.epiArea_reward .listBt a {
    display: block;
    height: 36px;
    margin-left: auto;
    margin-right: auto;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/epi_event_episodelist.png) center top no-repeat;
    background-size: 220px;
    overflow: hidden;
    line-height: 36px;
    font-size: 100%;
    color: #fff;
    text-decoration: none;
    text-shadow: 0px 0px 3px #006cff, 0px 0px 3px #006cff, 0px 0px 3px #006cff, 0px 0px 3px #006cff, 0px 0px 3px #006cff, 0px 0px 3px #006cff, 0px 0px 3px #006cff, 0px 0px 3px #006cff
}

.epiArea_reward .listBt a:active,
.epiArea_reward .listBt a:hover {
    text-shadow: 0px 0px 3px #66a7ff, 0px 0px 3px #66a7ff, 0px 0px 3px #66a7ff, 0px 0px 3px #66a7ff, 0px 0px 3px #66a7ff, 0px 0px 3px #66a7ff, 0px 0px 3px #66a7ff, 0px 0px 3px #66a7ff
}

#event_header_info {
    width: 312px;
    min-height: 40px;
    overflow: hidden;
    font-size: 11px;
    position: relative;
    margin: 0;
    padding-left: 8px;
    line-height: 100%
}

#event_header_info .user_palam_wrap {
    width: 250px;
    display: -webkit-box;
    -webkit-box-pack: center;
    background-color: #333333;
    -webkit-border-radius: 8px;
    margin: 2px 0 0 0;
    padding: 2px 0;
    line-height: 100%
}

#event_header_info .user_palam_wrap .user_palam {
    height: 18px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 11px
}

#event_header_info .newInfo {
    position: absolute;
    top: 2px;
    right: 8px;
    z-index: 10;
    text-decoration: none
}

#event_header_info .newInfo.newInfo_img_gray {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/sprite/lightbox-sf0c3cc13c5.png) no-repeat 0 -36px;
    -webkit-background-size: 311px 347px;
    background-size: 311px 347px;
    width: 35px;
    height: 35px
}

#event_header_info .newInfo.newInfo_img {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/sprite/lightbox-sf0c3cc13c5.png) no-repeat 0 0;
    -webkit-background-size: 311px 347px;
    background-size: 311px 347px;
    width: 35px;
    height: 35px
}

#event_header_info .newInfo.newInfo_img .count_text {
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: -webkit-gradient(linear, right top, left bottom, from(#fbb), to(#b00));
    -webkit-border-radius: 10px;
    border: 1px solid #fff;
    padding: 2px 4px;
    text-decoration: none;
    line-height: 1;
    color: #fff;
    font-size: 10px;
    z-index: 20
}

.idol_comment_new {
    width: 148px;
    position: relative
}

.idol_comment_new:before {
    content: '';
    display: block;
    width: 22px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 22px 16px;
    position: absolute;
    right: 4px;
    bottom: 4px;
    z-index: 5
}

.idol_comment_new.comment_attr_cute:before {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/img_fukidashi_top_cute.png)
}

.idol_comment_new.comment_attr_cool:before {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/img_fukidashi_top_cool.png)
}

.idol_comment_new.comment_attr_passion:before {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/img_fukidashi_top_passion.png)
}

.idol_comment_new.comment_attr_trainer:before {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/img_fukidashi_top_trainer.png)
}

.idol_comment_new.comment_attr_chihiro:before {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/img_fukidashi_top_trainer.png)
}

.idol_comment_new .comment_fukidashi {
    color: #1d1d1d;
    background: white;
    line-height: 130%;
    border-radius: 8px;
    text-align: left;
    padding: 4px 5px;
    height: 44px;
    font-size: 12px
}

.idol_comment_new .comment_fukidashi:before {
    margin-top: -16px !important
}

.idol_comment_new .comment_fukidashi:after {
    margin-top: -13px !important
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cute {
    border: solid 3px #ff0073
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cute::before,
.idol_comment_new .comment_fukidashi.fukidashi_attr_cute::after {
    content: ' ';
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
    border-style: solid
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cute::before {
    border-width: 6px 12px 6px 0;
    border-color: transparent #ff0073 transparent transparent;
    left: -12px;
    margin-top: -6px;
    top: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cute::after {
    border-width: 3px 9px 3px 0;
    border-color: transparent #fff transparent transparent;
    left: -6px;
    margin-top: -3px;
    top: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cute.top_left_large::before,
.idol_comment_new .comment_fukidashi.fukidashi_attr_cute.top_left_large::after {
    content: ' ';
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
    border-style: solid
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cute.top_left_large::before {
    border-width: 0 9px 18px 9px;
    border-color: transparent transparent #ff0073 transparent;
    top: -18px;
    margin-left: -9px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cute.top_left_large::after {
    border-width: 0 6px 15px 6px;
    border-color: transparent transparent #fff transparent;
    top: -12px;
    margin-left: -6px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cute.top_left_large:before {
    top: -2px;
    left: 25%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cute.top_left_large:after {
    top: 2px;
    left: 25%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cute.top_center_large::before,
.idol_comment_new .comment_fukidashi.fukidashi_attr_cute.top_center_large::after {
    content: ' ';
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
    border-style: solid
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cute.top_center_large::before {
    border-width: 0 9px 18px 9px;
    border-color: transparent transparent #ff0073 transparent;
    top: -18px;
    margin-left: -9px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cute.top_center_large::after {
    border-width: 0 6px 15px 6px;
    border-color: transparent transparent #fff transparent;
    top: -12px;
    margin-left: -6px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cute.top_center_large:before {
    top: -2px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cute.top_center_large:after {
    top: 2px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cute.top_midright_large::before,
.idol_comment_new .comment_fukidashi.fukidashi_attr_cute.top_midright_large::after {
    content: ' ';
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
    border-style: solid
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cute.top_midright_large::before {
    border-width: 0 9px 18px 9px;
    border-color: transparent transparent #ff0073 transparent;
    top: -18px;
    margin-left: -9px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cute.top_midright_large::after {
    border-width: 0 6px 15px 6px;
    border-color: transparent transparent #fff transparent;
    top: -12px;
    margin-left: -6px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cute.top_midright_large:before {
    top: -2px;
    left: 67%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cute.top_midright_large:after {
    top: 2px;
    left: 67%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cool {
    border: solid 3px #006aff
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cool::before,
.idol_comment_new .comment_fukidashi.fukidashi_attr_cool::after {
    content: ' ';
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
    border-style: solid
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cool::before {
    border-width: 6px 12px 6px 0;
    border-color: transparent #006aff transparent transparent;
    left: -12px;
    margin-top: -6px;
    top: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cool::after {
    border-width: 3px 9px 3px 0;
    border-color: transparent #fff transparent transparent;
    left: -6px;
    margin-top: -3px;
    top: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cool.top_left_large::before,
.idol_comment_new .comment_fukidashi.fukidashi_attr_cool.top_left_large::after {
    content: ' ';
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
    border-style: solid
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cool.top_left_large::before {
    border-width: 0 9px 18px 9px;
    border-color: transparent transparent #006aff transparent;
    top: -18px;
    margin-left: -9px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cool.top_left_large::after {
    border-width: 0 6px 15px 6px;
    border-color: transparent transparent #fff transparent;
    top: -12px;
    margin-left: -6px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cool.top_left_large:before {
    top: -2px;
    left: 25%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cool.top_left_large:after {
    top: 2px;
    left: 25%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cool.top_center_large::before,
.idol_comment_new .comment_fukidashi.fukidashi_attr_cool.top_center_large::after {
    content: ' ';
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
    border-style: solid
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cool.top_center_large::before {
    border-width: 0 9px 18px 9px;
    border-color: transparent transparent #006aff transparent;
    top: -18px;
    margin-left: -9px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cool.top_center_large::after {
    border-width: 0 6px 15px 6px;
    border-color: transparent transparent #fff transparent;
    top: -12px;
    margin-left: -6px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cool.top_center_large:before {
    top: -2px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cool.top_center_large:after {
    top: 2px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cool.top_midright_large::before,
.idol_comment_new .comment_fukidashi.fukidashi_attr_cool.top_midright_large::after {
    content: ' ';
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
    border-style: solid
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cool.top_midright_large::before {
    border-width: 0 9px 18px 9px;
    border-color: transparent transparent #006aff transparent;
    top: -18px;
    margin-left: -9px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cool.top_midright_large::after {
    border-width: 0 6px 15px 6px;
    border-color: transparent transparent #fff transparent;
    top: -12px;
    margin-left: -6px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cool.top_midright_large:before {
    top: -2px;
    left: 67%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_cool.top_midright_large:after {
    top: 2px;
    left: 67%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_passion {
    border: solid 3px #fa0
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_passion::before,
.idol_comment_new .comment_fukidashi.fukidashi_attr_passion::after {
    content: ' ';
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
    border-style: solid
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_passion::before {
    border-width: 6px 12px 6px 0;
    border-color: transparent #fa0 transparent transparent;
    left: -12px;
    margin-top: -6px;
    top: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_passion::after {
    border-width: 3px 9px 3px 0;
    border-color: transparent #fff transparent transparent;
    left: -6px;
    margin-top: -3px;
    top: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_passion.top_left_large::before,
.idol_comment_new .comment_fukidashi.fukidashi_attr_passion.top_left_large::after {
    content: ' ';
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
    border-style: solid
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_passion.top_left_large::before {
    border-width: 0 9px 18px 9px;
    border-color: transparent transparent #fa0 transparent;
    top: -18px;
    margin-left: -9px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_passion.top_left_large::after {
    border-width: 0 6px 15px 6px;
    border-color: transparent transparent #fff transparent;
    top: -12px;
    margin-left: -6px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_passion.top_left_large:before {
    top: -2px;
    left: 25%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_passion.top_left_large:after {
    top: 2px;
    left: 25%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_passion.top_center_large::before,
.idol_comment_new .comment_fukidashi.fukidashi_attr_passion.top_center_large::after {
    content: ' ';
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
    border-style: solid
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_passion.top_center_large::before {
    border-width: 0 9px 18px 9px;
    border-color: transparent transparent #fa0 transparent;
    top: -18px;
    margin-left: -9px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_passion.top_center_large::after {
    border-width: 0 6px 15px 6px;
    border-color: transparent transparent #fff transparent;
    top: -12px;
    margin-left: -6px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_passion.top_center_large:before {
    top: -2px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_passion.top_center_large:after {
    top: 2px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_passion.top_midright_large::before,
.idol_comment_new .comment_fukidashi.fukidashi_attr_passion.top_midright_large::after {
    content: ' ';
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
    border-style: solid
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_passion.top_midright_large::before {
    border-width: 0 9px 18px 9px;
    border-color: transparent transparent #fa0 transparent;
    top: -18px;
    margin-left: -9px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_passion.top_midright_large::after {
    border-width: 0 6px 15px 6px;
    border-color: transparent transparent #fff transparent;
    top: -12px;
    margin-left: -6px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_passion.top_midright_large:before {
    top: -2px;
    left: 67%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_passion.top_midright_large:after {
    top: 2px;
    left: 67%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_trainer {
    border: solid 3px #5ff55f
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_trainer::before,
.idol_comment_new .comment_fukidashi.fukidashi_attr_trainer::after {
    content: ' ';
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
    border-style: solid
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_trainer::before {
    border-width: 6px 12px 6px 0;
    border-color: transparent #5ff55f transparent transparent;
    left: -12px;
    margin-top: -6px;
    top: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_trainer::after {
    border-width: 3px 9px 3px 0;
    border-color: transparent #fff transparent transparent;
    left: -6px;
    margin-top: -3px;
    top: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_trainer.top_left_large::before,
.idol_comment_new .comment_fukidashi.fukidashi_attr_trainer.top_left_large::after {
    content: ' ';
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
    border-style: solid
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_trainer.top_left_large::before {
    border-width: 0 9px 18px 9px;
    border-color: transparent transparent #5ff55f transparent;
    top: -18px;
    margin-left: -9px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_trainer.top_left_large::after {
    border-width: 0 6px 15px 6px;
    border-color: transparent transparent #fff transparent;
    top: -12px;
    margin-left: -6px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_trainer.top_left_large:before {
    top: -2px;
    left: 25%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_trainer.top_left_large:after {
    top: 2px;
    left: 25%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_trainer.top_center_large::before,
.idol_comment_new .comment_fukidashi.fukidashi_attr_trainer.top_center_large::after {
    content: ' ';
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
    border-style: solid
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_trainer.top_center_large::before {
    border-width: 0 9px 18px 9px;
    border-color: transparent transparent #5ff55f transparent;
    top: -18px;
    margin-left: -9px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_trainer.top_center_large::after {
    border-width: 0 6px 15px 6px;
    border-color: transparent transparent #fff transparent;
    top: -12px;
    margin-left: -6px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_trainer.top_center_large:before {
    top: -2px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_trainer.top_center_large:after {
    top: 2px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_trainer.top_midright_large::before,
.idol_comment_new .comment_fukidashi.fukidashi_attr_trainer.top_midright_large::after {
    content: ' ';
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
    border-style: solid
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_trainer.top_midright_large::before {
    border-width: 0 9px 18px 9px;
    border-color: transparent transparent #5ff55f transparent;
    top: -18px;
    margin-left: -9px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_trainer.top_midright_large::after {
    border-width: 0 6px 15px 6px;
    border-color: transparent transparent #fff transparent;
    top: -12px;
    margin-left: -6px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_trainer.top_midright_large:before {
    top: -2px;
    left: 67%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_trainer.top_midright_large:after {
    top: 2px;
    left: 67%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_chihiro {
    border: solid 3px #54d129
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_chihiro::before,
.idol_comment_new .comment_fukidashi.fukidashi_attr_chihiro::after {
    content: ' ';
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
    border-style: solid
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_chihiro::before {
    border-width: 6px 12px 6px 0;
    border-color: transparent #54d129 transparent transparent;
    left: -12px;
    margin-top: -6px;
    top: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_chihiro::after {
    border-width: 3px 9px 3px 0;
    border-color: transparent #fff transparent transparent;
    left: -6px;
    margin-top: -3px;
    top: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_chihiro.top_left_large::before,
.idol_comment_new .comment_fukidashi.fukidashi_attr_chihiro.top_left_large::after {
    content: ' ';
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
    border-style: solid
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_chihiro.top_left_large::before {
    border-width: 0 9px 18px 9px;
    border-color: transparent transparent #54d129 transparent;
    top: -18px;
    margin-left: -9px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_chihiro.top_left_large::after {
    border-width: 0 6px 15px 6px;
    border-color: transparent transparent #fff transparent;
    top: -12px;
    margin-left: -6px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_chihiro.top_left_large:before {
    top: -2px;
    left: 25%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_chihiro.top_left_large:after {
    top: 2px;
    left: 25%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_chihiro.top_center_large::before,
.idol_comment_new .comment_fukidashi.fukidashi_attr_chihiro.top_center_large::after {
    content: ' ';
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
    border-style: solid
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_chihiro.top_center_large::before {
    border-width: 0 9px 18px 9px;
    border-color: transparent transparent #54d129 transparent;
    top: -18px;
    margin-left: -9px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_chihiro.top_center_large::after {
    border-width: 0 6px 15px 6px;
    border-color: transparent transparent #fff transparent;
    top: -12px;
    margin-left: -6px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_chihiro.top_center_large:before {
    top: -2px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_chihiro.top_center_large:after {
    top: 2px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_chihiro.top_midright_large::before,
.idol_comment_new .comment_fukidashi.fukidashi_attr_chihiro.top_midright_large::after {
    content: ' ';
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
    border-style: solid
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_chihiro.top_midright_large::before {
    border-width: 0 9px 18px 9px;
    border-color: transparent transparent #54d129 transparent;
    top: -18px;
    margin-left: -9px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_chihiro.top_midright_large::after {
    border-width: 0 6px 15px 6px;
    border-color: transparent transparent #fff transparent;
    top: -12px;
    margin-left: -6px;
    left: 50%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_chihiro.top_midright_large:before {
    top: -2px;
    left: 67%
}

.idol_comment_new .comment_fukidashi.fukidashi_attr_chihiro.top_midright_large:after {
    top: 2px;
    left: 67%
}

.event_main_graphic {
    width: 320px;
    height: 300px;
    overflow: hidden;
    position: relative;
    background-size: 320px;
    background-repeat: no-repeat;
    z-index: 1
}

.event_main_graphic:after {
    content: '';
    display: block;
    width: 320px;
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/mask_stage_bg.png) no-repeat;
    background-size: 320px 300px;
    pointer-events: none
}

.event_main_graphic .main_idol_img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 350px;
    height: 340px;
    z-index: 20
}

.event_main_graphic .main_info_area {
    width: 148px;
    height: 176px;
    position: absolute;
    top: 12px;
    right: 8px;
    z-index: 30
}

.event_main_graphic .idol_comment_new {
    position: absolute;
    bottom: 110px;
    right: 8px
}

.event_main_graphic .idol_comment {
    background-repeat: no-repeat;
    background-size: 200px;
    width: 200px;
    height: 80px;
    color: #1d1d1d;
    position: absolute;
    top: 120px;
    right: 8px;
    z-index: 40;
    overflow: hidden
}

.event_main_graphic .idol_comment span {
    display: block;
    margin: 5px 8px 5px 18px
}

.event_main_graphic .comment_cute {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/bg_area_cute_comment.png)
}

.event_main_graphic .comment_cool {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/bg_area_cool_comment.png)
}

.event_main_graphic .comment_passion {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/bg_area_passion_comment.png)
}

.event_main_graphic .event_items {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    top: 200px;
    display: table;
    z-index: 30;
    background-color: rgba(15, 15, 15, 0.6);
    border-radius: 7px;
    padding-left: 20px
}

.event_main_graphic .event_items .items {
    display: table-cell;
    padding-right: 20px;
    font-size: 12px;
    line-height: 21px
}

.event_main_graphic .event_items .items img {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 3px
}

.event_main_graphic .btn_play_area {
    width: 320px;
    text-align: center;
    position: absolute;
    top: 232px;
    z-index: 50
}

.btn_medal_top {
    display: block;
    width: 280px;
    height: 44px;
    background-repeat: no-repeat;
    background-size: 280px 44px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    margin: 0 auto
}

.btn_medal_top .medal_val_text {
    width: 140px;
    height: 13px;
    margin: 26px auto 0;
    text-align: center;
    color: #fff;
    line-height: 16px;
    font-size: 12px;
    background: -webkit-gradient(linear, left center, right center, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0.8)), color-stop(90%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)))
}

.banner-medalchance {
    display: block;
    position: relative;
    width: 280px;
    margin: 0 auto
}

.banner-medalchance .medal_val_text {
    position: absolute;
    left: 50%;
    bottom: 4px;
    width: 140px;
    height: 13px;
    margin-left: -70px;
    text-align: center;
    color: #fff;
    line-height: 16px;
    font-size: 12px;
    background: -webkit-gradient(linear, left center, right center, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0.8)), color-stop(90%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)))
}

.scheduleArea {
    width: auto;
    text-align: center;
    overflow: hidden;
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px;
    -webkit-border-radius: 8px
}

section.title {
    width: 320px;
    text-align: center;
    margin: 0
}

section.title h1 {
    font-size: 120%;
    margin: 5px 0 0 0
}

section.title p {
    margin: 10px 0 0 0;
    line-height: 100%;
    font-size: 115%
}

.btn_frequentsEvent {
    width: auto;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    border-radius: 5px;
    -webkit-border-radius: 8px;
    border: 1px solid #666666;
    display: block;
    margin-top: 5px;
    margin-right: 30px;
    margin-left: 30px
}

.btn_frequentsEvent a {
    color: #ffffff;
    display: block;
    text-decoration: none
}

h2.title_img {
    width: 320px;
    margin-bottom: 5px;
    line-height: 120%;
    font-size: 120%;
    font-weight: bold;
    text-align: center;
    background-size: 320px;
    background-repeat: no-repeat;
    background-position: center 10px
}

h2.title_img div {
    padding: 0 0 0.65em;
    background-size: 320px;
    background-repeat: no-repeat;
    background-position: center bottom
}

h2.title_img:before {
    height: 12px;
    content: '';
    display: block;
    background-size: 320px;
    background-repeat: no-repeat
}

h2.title_img.m-Btm0,
h2.title_img.nosp {
    margin-bottom: 0px
}

h2.title_img.m-Btm5 {
    margin-bottom: 5px
}

h2.title_img.m-Btm10 {
    margin-bottom: 10px
}

h3.title_img {
    width: 320px;
    text-align: center;
    margin-bottom: 5px;
    clear: both;
    line-height: 120%;
    font-size: 120%;
    background-size: 320px;
    background-repeat: no-repeat
}

h3.title_img div.frame {
    padding: 0 0 0.6em;
    background-size: 320px;
    background-repeat: no-repeat;
    background-position: center bottom
}

h3.title_img:before {
    height: 10px;
    content: '';
    display: block;
    background-size: 320px;
    background-repeat: no-repeat
}

h3.title_img.m-Btm0,
h3.title_img.nosp {
    margin-bottom: 0px
}

h3.title_img.m-Btm5 {
    margin-bottom: 5px
}

h3.title_img.m-Btm10 {
    margin-bottom: 10px
}

.titleMin {
    width: auto;
    line-height: 120%;
    font-size: 100%;
    margin: 5px;
    padding: 2px 0;
    -webkit-border-radius: 10px
}

.crownTitle_01 {
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/line_crown_up.jpg) center top no-repeat #001a33;
    background-size: 320px;
    margin: 0 0 10px 0;
    text-align: center;
    line-height: 140%;
    font-size: 120%;
    padding: 1em 0 0
}

.crownTitle_01 div {
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/line_crown_down.jpg) center bottom no-repeat;
    background-size: 320px;
    display: block;
    padding: 0 0 1em
}

.userData {
    width: 90%;
    margin: 0 auto 10px
}

.userData li {
    margin: 0.2em 0;
    line-height: 140%
}

.attackBtn {
    width: 320px;
    overflow: hidden
}

.attackBtn ul {
    width: 325px
}

.attackBtn ul li {
    float: right;
    margin-right: 5px
}

.infortext,
.infortext_nosp {
    text-align: left
}

.infortext p,
.infortext_nosp p {
    padding-left: 1em;
    text-indent: -1em;
    line-height: 140%;
    margin-bottom: 0.6em
}

.infortext_nosp p {
    line-height: 120%;
    margin-bottom: 0.3em
}

.eventShop {
    width: 300px;
    margin: 0 auto 10px;
    text-align: left
}

.eventShop #limitShop #chiArea li {
    width: 172px
}

.eventShop #limitShop #chiArea li a {
    width: 225px;
    padding-left: 5px
}

.eventShop #limitShop #chiArea li .itemIcon {
    left: 238px
}

.fukidashi,
.fukidashi_no {
    width: auto;
    text-align: left;
    color: #1d1d1d;
    background-color: #fff
}

.fukidashi .comment,
.fukidashi_no .comment {
    height: 2em;
    display: table-cell;
    vertical-align: middle
}

.fukidashi .comment p,
.fukidashi_no .comment p {
    line-height: 100%;
    display: table-cell;
    vertical-align: middle;
    margin: 0.6em 0
}

.commentArea a {
    text-decoration: none
}

.statusArea {
    width: auto;
    overflow: hidden;
    margin: 10px 10px 0;
    padding-bottom: 8px;
    border: 2px solid #b4d5f4;
    -webkit-border-radius: 8px
}

.statusArea h3 {
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/table1_header.png) no-repeat;
    background-size: 300px;
    height: 40px;
    line-height: 32px;
    font-size: 17px;
    color: #fefefe;
    text-align: center;
    text-shadow: 0 0 3px #2D46FF, 0 0 3px #2D46FF, 0 0 3px #2D46FF, 0 0 3px #2D46FF, 0 0 3px #2D46FF, 0 0 3px #2D46FF, 0 0 3px #2D46FF, 0 0 3px #2D46FF;
    border-top: 2px solid #b4d5f4;
    -webkit-box-shadow: 1px 1px 2px #1d1d1d inset, -1px -1px 2px #1d1d1d inset
}

.statusArea h3:first-child {
    border-top: none;
    -webkit-border-radius: 6px 6px 0 0
}

.statusArea li {
    padding: 0 8px;
    line-height: 140%
}

.statusArea .process {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px
}

.statusArea.event_common {
    border: none;
    margin: 0 auto;
    padding: 0;
    z-index: 10
}

.statusArea.event_common .frame {
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/lightbox/frame_line.png) 0px 0px repeat-y;
    background-size: 290px 5px;
    width: 290px
}

.statusArea.event_common .title {
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/lightbox/frame_up_default.png) no-repeat;
    background-size: 290px;
    width: 290px;
    height: 36px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 15px;
    text-shadow: 0 0 3px #2D46FF, 0 0 3px #2D46FF, 0 0 3px #2D46FF, 0 0 3px #2D46FF, 0 0 3px #2D46FF, 0 0 3px #2D46FF, 0 0 3px #2D46FF, 0 0 3px #2D46FF
}

.statusArea.event_common:after {
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/lightbox/frame_down.png) no-repeat;
    background-size: 290px;
    content: '';
    width: 290px;
    height: 17px;
    display: block
}

.statusArea.event_common .close_btn {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/lightbox/button_exit01.png) no-repeat;
    background-size: 37px 37px;
    width: 37px;
    height: 37px;
    position: absolute;
    top: -2px;
    right: 0px;
    z-index: 20
}

.eventBt_status {
    display: block;
    width: 220px;
    height: 46px;
    margin-left: auto;
    margin-right: auto;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/dream/table_button.png) no-repeat;
    background-size: 220px;
    overflow: hidden;
    line-height: 50px;
    font-size: 115%;
    text-shadow: 0px 0px 3px #999999, 0px 0px 3px #999999, 0px 0px 3px #999999, 0px 0px 3px #999999, 0px 0px 3px #999999, 0px 0px 3px #999999, 0px 0px 3px #999999, 0px 0px 3px #999999
}

.eventBt_status.small {
    font-size: 12px;
    line-height: 48px
}

.eventBt_status a {
    color: #fff;
    text-decoration: none;
    text-shadow: 0px 0px 3px #006cff, 0px 0px 3px #006cff, 0px 0px 3px #006cff, 0px 0px 3px #006cff, 0px 0px 3px #006cff, 0px 0px 3px #006cff, 0px 0px 3px #006cff, 0px 0px 3px #006cff
}

.eventBt_status a:active,
.eventBt_status a:hover {
    text-shadow: 0px 0px 3px #66a7ff, 0px 0px 3px #66a7ff, 0px 0px 3px #66a7ff, 0px 0px 3px #66a7ff, 0px 0px 3px #66a7ff, 0px 0px 3px #66a7ff, 0px 0px 3px #66a7ff, 0px 0px 3px #66a7ff
}

.eventBt_status .long_title {
    display: block;
    text-align: left;
    padding-left: 8px;
    line-height: 48px
}

.eventBt_status .long_title.group {
    font-size: 0.85rem
}

.eventBt_status .long_title.damage {
    font-size: 0.8rem
}

.statusArea2 {
    width: auto;
    overflow: hidden;
    margin: 10px 10px 0;
    padding-bottom: 8px;
    word-break: break-all;
    -webkit-border-radius: 8px
}

.statusArea2._fix8m {
    margin: 10px 8px 0
}

.statusArea2 h3 {
    min-height: 20px;
    text-align: center;
    padding: 5px 0;
    color: #fefefe;
    -webkit-border-radius: 2px 2px 0 0
}

.statusArea2 h3.line {
    width: 100%;
    margin-top: 10px;
    -webkit-border-radius: 0
}

.statusArea2.m-Btm10 {
    margin-bottom: 10px
}

.statusArea2.m-Btm20 {
    margin-bottom: 20px
}

.itemSelect input[type="checkbox"],
#itemSelect input[type="checkbox"] {
    width: 18px;
    height: 18px;
    position: relative;
    margin-top: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #222222;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#aaa));
    -webkit-appearance: none;
    -webkit-box-sizing: border-box
}

.itemSelect input[type="checkbox"]:checked,
#itemSelect input[type="checkbox"]:checked {
    background: -webkit-gradient(linear, left top, left bottom, from(#1d1d1d), to(#444))
}

.itemSelect input[type="checkbox"]:checked:before,
#itemSelect input[type="checkbox"]:checked:before {
    width: 7px;
    height: 2px;
    display: block;
    position: absolute;
    left: 0px;
    top: 13px;
    background: #ffffff;
    content: "";
    -webkit-box-shadow: 0 1px 1px #000;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: right center
}

.itemSelect input[type="checkbox"]:checked:after,
#itemSelect input[type="checkbox"]:checked:after {
    width: 14px;
    height: 2px;
    display: block;
    position: absolute;
    left: 5px;
    top: 13px;
    background: #ffffff;
    content: "";
    -webkit-box-shadow: 0 1px 1px #000;
    -webkit-transform: rotate(-53deg);
    -webkit-transform-origin: left center
}

.shopLink {
    width: 120px;
    margin: 0 auto 5px;
    padding: 5px;
    position: relative;
    border: 1px solid #666666;
    background-color: #1d1d1d;
    -webkit-border-radius: 5px
}

.shopLink:active,
.shopLink:hover {
    background-color: #333333
}

.table_01 {
    border: 0;
    border-collapse: collapse
}

.table_01 td {
    padding: 0
}

.collabo {
    width: auto;
    height: 130px;
    margin: 0 10px 15px;
    border: #fff 2px solid;
    -webkit-border-radius: 10px;
    text-align: center
}

.collabo img {
    width: 240px;
    height: 64px;
    margin: 10px auto
}

.collabo div {
    margin: 5px 0
}

.atkForm,
.skipForm {
    -webkit-transform: scale(1)
}

.atkForm .content,
.skipForm .content {
    width: 120px;
    margin: 0 auto 5px;
    padding: 5px;
    position: relative;
    border: 1px solid #666666;
    background-color: #1d1d1d;
    -webkit-border-radius: 5px
}

.atkForm .content label,
.skipForm .content label {
    -webkit-transform: scale(1);
    display: block;
    width: 140px;
    height: 3em;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

.itemSelect label {
    -webkit-transform: scale(1);
    display: block;
    height: 3em;
    top: 0;
    left: 0;
    z-index: 10
}

#skip_frame {
    width: 98%;
    font-size: 0.75rem;
    padding: 7px 0;
    margin: 5px auto;
    border: 1px solid #666666;
    background-color: #434343;
    -webkit-border-radius: 5px
}

#skip_frame #skip_chk,
#skip_frame #call_help_members {
    float: left;
    margin-left: 15px;
    margin-top: 0;
    -webkit-transform: scale(1.5)
}

#skip_frame .skip_text {
    float: left;
    margin: 0.15rem 0 0 5px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none
}

.popup_check_area {
    width: 290px;
    height: auto;
    border: 2px solid #b4d5f4;
    margin: 0 auto;
    -webkit-border-radius: 14px;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: #1c1c1c
}

.popup_check_area .popup_check_line {
    border-bottom: 2px solid #b4d5f4;
    width: 100%
}

.popup_check_area .popup_check_title {
    width: 100%;
    text-align: center;
    background-color: #17285c;
    padding: 7px 0;
    font-size: 0.95rem;
    -webkit-border-top-left-radius: 13px;
    -webkit-border-top-right-radius: 14px;
    border-bottom: 2px solid #b4d5f4
}

.popup_check_area .popup_form {
    display: table;
    width: 100%
}

.popup_check_area .popup_form .popup_cancel {
    width: 100px;
    padding: 0
}

.popup_check_area .popup_form input[type="submit"] {
    width: 100px;
    padding: 0;
    margin-left: 10px;
    display: table-cell;
    vertical-align: top
}

.popup_check_area .popup_font_blue {
    font-size: 0.95rem;
    text-shadow: 0px 0px 3px #006cff, 0px 0px 3px #006cff, 0px 0px 3px #006cff, 0px 0px 3px #006cff, 0px 0px 3px #006cff, 0px 0px 3px #006cff, 0px 0px 3px #006cff, 0px 0px 3px #006cff
}

.popup_check_area .popup_font_red {
    font-size: 0.95rem;
    color: #ff0000;
    text-shadow: 0px 0px 3px #ffffff, 0px 0px 3px #ffffff, 0px 0px 3px #ffffff, 0px 0px 3px #ffffff, 0px 0px 3px #ffffff, 0px 0px 3px #ffffff, 0px 0px 3px #ffffff, 0px 0px 3px #ffffff
}

.popup_close_btn {
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/lightbox/button_exit01.png) no-repeat;
    background-size: 37px 37px;
    width: 37px;
    height: 37px;
    position: absolute;
    top: -2px;
    right: 10px;
    z-index: 20
}

.reward_idol_list {
    width: 266px;
    margin: 10px 10px 0px;
    overflow: hidden
}

.reward_idol_list ul {
    width: 300px
}

.reward_idol_list li {
    float: left;
    width: 130px;
    text-align: center;
    margin-right: 6px;
    margin-bottom: 15px
}

.reward_idol_list li.last_elem {
    margin-left: 68px
}

.reward_idol_list h3 {
    font-size: 10px;
    -webkit-border-radius: 6px;
    padding: 3px 2px;
    margin-bottom: 4px
}

.attribute_type_base {
    width: 20px;
    height: 20px;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/rich/icon/status_icon.png) no-repeat;
    background-size: 30px
}

.attribute_type_base.attribute_type1 {
    background-position: 0 -117px
}

.attribute_type_base.attribute_type2 {
    background-position: 0 -139px
}

.attribute_type_base.attribute_type3 {
    background-position: 0 -160px
}

#mapIdolArea .fukidashiWrap {
    position: relative;
    width: 310px;
    margin-top: 0;
    margin-left: 5px;
    margin-right: 5px
}

#mapIdolArea .fukidashiWrap a {
    color: #1d1d1d;
    text-decoration: none
}

#mapIdolArea .fukidashiWrap .fukiTop::before,
#mapIdolArea .fukidashiWrap .fukiTop::after {
    content: ' ';
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
    border-style: solid
}

#mapIdolArea .fukidashiWrap .fukiTop::before {
    border-width: 12px 6px 0 6px;
    border-color: #54d129 transparent transparent transparent;
    bottom: -12px;
    margin-left: -6px;
    left: 50%
}

#mapIdolArea .fukidashiWrap .fukiTop::after {
    border-width: 9px 3px 0 3px;
    border-color: #fff transparent transparent transparent;
    bottom: -6px;
    margin-left: -3px;
    left: 50%
}

#mapIdolArea .fukidashiWrap .fukiBtm::before,
#mapIdolArea .fukidashiWrap .fukiBtm::after {
    content: ' ';
    width: 0px;
    height: 0px;
    display: block;
    position: absolute;
    border-style: solid
}

#mapIdolArea .fukidashiWrap .fukiBtm::before {
    border-width: 0 6px 12px 6px;
    border-color: transparent transparent #54d129 transparent;
    top: -12px;
    margin-left: -6px;
    left: 50%
}

#mapIdolArea .fukidashiWrap .fukiBtm::after {
    border-width: 0 3px 9px 3px;
    border-color: transparent transparent #fff transparent;
    top: -6px;
    margin-left: -3px;
    left: 50%
}

#mapIdolArea .fukidashiWrap .fukidashi {
    color: #1d1d1d;
    border: solid 3px #54d129;
    background: #fff;
    line-height: 120%;
    border-radius: 10px;
    text-align: left;
    padding: 5px 25px 5px 10px
}

#mapIdolArea .fukidashiWrap .fukidashi.att_1 {
    border-color: #ff0073;
    background-image: none
}

#mapIdolArea .fukidashiWrap .fukidashi.att_1.voice {
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/rich/icon/commentvoice_cute.png) no-repeat 20% 95% #fff;
    background-size: 260px;
    padding: 10px 25px 20px 10px
}

#mapIdolArea .fukidashiWrap .fukidashi.att_1:before {
    border-top-color: #ff0073;
    border-bottom-color: #ff0073
}

#mapIdolArea .fukidashiWrap .fukidashi.att_2 {
    border-color: #006aff;
    background-image: none
}

#mapIdolArea .fukidashiWrap .fukidashi.att_2.voice {
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/rich/icon/commentvoice_cool.png) no-repeat 20% 95% #fff;
    background-size: 260px;
    padding: 10px 25px 20px 10px
}

#mapIdolArea .fukidashiWrap .fukidashi.att_2:before {
    border-top-color: #006aff;
    border-bottom-color: #006aff
}

#mapIdolArea .fukidashiWrap .fukidashi.att_3 {
    border-color: #fa0;
    background-image: none
}

#mapIdolArea .fukidashiWrap .fukidashi.att_3.voice {
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/rich/icon/commentvoice_passion.png) no-repeat 20% 95% #fff;
    background-size: 260px;
    padding: 10px 25px 20px 10px
}

#mapIdolArea .fukidashiWrap .fukidashi.att_3:before {
    border-top-color: #fa0;
    border-bottom-color: #fa0
}

#mapIdolArea .fukidashiWrap .fukidashi.att_4 {
    border-color: #000000;
    background-image: none
}

#mapIdolArea .fukidashiWrap .fukidashi.att_4.voice {
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/rich/icon/commentvoice_passion.png) no-repeat 20% 95% #fff;
    background-size: 260px;
    padding: 10px 25px 20px 10px
}

#mapIdolArea .fukidashiWrap .fukidashi.att_4:before {
    border-top-color: #000000;
    border-bottom-color: #000000
}

#mapIdolArea .fukidashiWrap .fukidashi .voiceIdol {
    position: absolute;
    bottom: 0;
    left: 268px
}

#mapIdolArea .fukidashiWrap .fukidashi.sub {
    padding: 10px 20px 14px 10px
}

#mapIdolArea .fukidashiWrap .fukidashi.sub .comments {
    height: 2.3em;
    display: table-cell;
    vertical-align: middle
}

#mapIdolArea .fukidashiWrap .fukidashi.sub:after,
#mapIdolArea .fukidashiWrap .fukidashi.sub:before {
    left: 15%
}

#mapIdolArea .fukidashiWrap .fukidashi.boss {
    padding: 10px
}

#mapIdolArea .fukidashiWrap .fukidashi.boss:after,
#mapIdolArea .fukidashiWrap .fukidashi.boss:before {
    left: 75%
}

#mapIdolArea .fukidashiWrap .fukidashi.position11:after,
#mapIdolArea .fukidashiWrap .fukidashi.position11:before {
    left: 50%
}

#mapIdolArea .fukidashiWrap .fukidashi.position12:after,
#mapIdolArea .fukidashiWrap .fukidashi.position12:before {
    left: 30%
}

#mapIdolArea .fukidashiWrap .fukidashi.position13:after,
#mapIdolArea .fukidashiWrap .fukidashi.position13:before {
    left: 18%
}

#mapIdolArea .fukidashiWrap .fukidashi.position22:after,
#mapIdolArea .fukidashiWrap .fukidashi.position22:before {
    left: 70%
}

#mapIdolArea .fukidashiWrap .fukidashi.position23:after,
#mapIdolArea .fukidashiWrap .fukidashi.position23:before {
    left: 80%
}

#mapIdolArea .fukidashiWrap .fukidashi.position1:after,
#mapIdolArea .fukidashiWrap .fukidashi.position1:before {
    left: 18%
}

#mapIdolArea .fukidashiWrap .fukidashi.position2:after,
#mapIdolArea .fukidashiWrap .fukidashi.position2:before {
    left: 30%
}

#mapIdolArea .fukidashiWrap .fukidashi.position3:after,
#mapIdolArea .fukidashiWrap .fukidashi.position3:before {
    left: 50%
}

#mapIdolArea .fukidashiWrap .fukidashi.position4:after,
#mapIdolArea .fukidashiWrap .fukidashi.position4:before {
    left: 70%
}

#mapIdolArea .fukidashiWrap .fukidashi.position5:after,
#mapIdolArea .fukidashiWrap .fukidashi.position5:before {
    left: 80%
}

#mapIdolArea .fukidashiWrap .fukidashi.unit1.position1:after,
#mapIdolArea .fukidashiWrap .fukidashi.unit1.position1:before {
    left: 50%
}

#mapIdolArea .fukidashiWrap .fukidashi.unit2.position1:after,
#mapIdolArea .fukidashiWrap .fukidashi.unit2.position1:before {
    left: 25%
}

#mapIdolArea .fukidashiWrap .fukidashi.unit2.position2:after,
#mapIdolArea .fukidashiWrap .fukidashi.unit2.position2:before {
    left: 75%
}

#mapIdolArea .fukidashiWrap .fukidashi.unit3.position1:after,
#mapIdolArea .fukidashiWrap .fukidashi.unit3.position1:before {
    left: 16.66667%
}

#mapIdolArea .fukidashiWrap .fukidashi.unit3.position2:after,
#mapIdolArea .fukidashiWrap .fukidashi.unit3.position2:before {
    left: 50%
}

#mapIdolArea .fukidashiWrap .fukidashi.unit3.position3:after,
#mapIdolArea .fukidashiWrap .fukidashi.unit3.position3:before {
    left: 83.33333%
}

#mapIdolArea .fukidashiWrap .fukidashi.unit4.position1:after,
#mapIdolArea .fukidashiWrap .fukidashi.unit4.position1:before {
    left: 12.5%
}

#mapIdolArea .fukidashiWrap .fukidashi.unit4.position2:after,
#mapIdolArea .fukidashiWrap .fukidashi.unit4.position2:before {
    left: 37.5%
}

#mapIdolArea .fukidashiWrap .fukidashi.unit4.position3:after,
#mapIdolArea .fukidashiWrap .fukidashi.unit4.position3:before {
    left: 62.5%
}

#mapIdolArea .fukidashiWrap .fukidashi.unit4.position4:after,
#mapIdolArea .fukidashiWrap .fukidashi.unit4.position4:before {
    left: 87.5%
}

#mapIdolArea .fukidashiWrap .fukidashi.unit5.position1:after,
#mapIdolArea .fukidashiWrap .fukidashi.unit5.position1:before {
    left: 10%
}

#mapIdolArea .fukidashiWrap .fukidashi.unit5.position2:after,
#mapIdolArea .fukidashiWrap .fukidashi.unit5.position2:before {
    left: 30%
}

#mapIdolArea .fukidashiWrap .fukidashi.unit5.position3:after,
#mapIdolArea .fukidashiWrap .fukidashi.unit5.position3:before {
    left: 50%
}

#mapIdolArea .fukidashiWrap .fukidashi.unit5.position4:after,
#mapIdolArea .fukidashiWrap .fukidashi.unit5.position4:before {
    left: 70%
}

#mapIdolArea .fukidashiWrap .fukidashi.unit5.position5:after,
#mapIdolArea .fukidashiWrap .fukidashi.unit5.position5:before {
    left: 90%
}

#mapIdolArea .fukidashiWrap .fukidashi .comments {
    height: auto
}

#mapIdolArea .fukidashiWrap .fukidashi:after,
#mapIdolArea .fukidashiWrap .fukidashi:before {
    left: 30%
}

#mapIdolArea .raid-boss-area {
    position: relative
}

#mapIdolArea .raid-boss-area .fukidashiWrap {
    position: absolute !important;
    opacity: 0.9
}

#mapIdolArea .raid-boss-area .fukidashiWrap.is-top {
    top: 2px
}

#mapIdolArea .raid-boss-area .fukidashiWrap.is-bottom {
    bottom: 2px
}

#mapIdolArea .raid-boss-area .live-area {
    position: absolute !important;
    right: 0;
    bottom: 50px
}

#mapIdolArea .raid-boss-area .battle-result-area {
    position: absolute !important;
    left: 2px;
    top: 48px
}

.list01 {
    margin: 0 0 10px;
    overflow: hidden
}

.list01 li {
    line-height: 140%;
    text-align: left
}

.raid_recovery_area .inner_txt_elm {
    position: relative;
    text-decoration: none
}

.raid_recovery_area .inner_txt_elm div {
    position: absolute;
    top: 46px;
    left: 80px;
    width: 45px;
    height: 12px;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    text-align: center
}

.button_energy_recovery_full_01 {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/sprite/button/cost_recovery-s39d643653f.png) no-repeat 0 -366px;
    -webkit-background-size: 136px 731px;
    background-size: 136px 731px;
    width: 136px;
    height: 60px
}

.button_energy_recovery_full_01_gray {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/sprite/button/cost_recovery-s39d643653f.png) no-repeat 0 -61px;
    -webkit-background-size: 136px 731px;
    background-size: 136px 731px;
    width: 136px;
    height: 60px
}

.button_energy_recovery_full_02 {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/sprite/button/cost_recovery-s39d643653f.png) no-repeat 0 -488px;
    -webkit-background-size: 136px 731px;
    background-size: 136px 731px;
    width: 136px;
    height: 60px
}

.button_energy_recovery_full_02_gray {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/sprite/button/cost_recovery-s39d643653f.png) no-repeat 0 -244px;
    -webkit-background-size: 136px 731px;
    background-size: 136px 731px;
    width: 136px;
    height: 60px
}

.button_energy_recovery_half {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/sprite/button/cost_recovery-s39d643653f.png) no-repeat 0 -427px;
    -webkit-background-size: 136px 731px;
    background-size: 136px 731px;
    width: 136px;
    height: 60px
}

.button_energy_recovery_half_gray {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/sprite/button/cost_recovery-s39d643653f.png) no-repeat 0 -183px;
    -webkit-background-size: 136px 731px;
    background-size: 136px 731px;
    width: 136px;
    height: 60px
}

.button_stamina_recovery_full_01 {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/sprite/button/cost_recovery-s39d643653f.png) no-repeat 0 -610px;
    -webkit-background-size: 136px 731px;
    background-size: 136px 731px;
    width: 136px;
    height: 60px
}

.button_stamina_recovery_full_01_gray {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/sprite/button/cost_recovery-s39d643653f.png) no-repeat 0 0;
    -webkit-background-size: 136px 731px;
    background-size: 136px 731px;
    width: 136px;
    height: 60px
}

.button_stamina_recovery_full_02 {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/sprite/button/cost_recovery-s39d643653f.png) no-repeat 0 -671px;
    -webkit-background-size: 136px 731px;
    background-size: 136px 731px;
    width: 136px;
    height: 60px
}

.button_stamina_recovery_full_02_gray {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/sprite/button/cost_recovery-s39d643653f.png) no-repeat 0 -305px;
    -webkit-background-size: 136px 731px;
    background-size: 136px 731px;
    width: 136px;
    height: 60px
}

.button_stamina_recovery_half {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/sprite/button/cost_recovery-s39d643653f.png) no-repeat 0 -549px;
    -webkit-background-size: 136px 731px;
    background-size: 136px 731px;
    width: 136px;
    height: 60px
}

.button_stamina_recovery_half_gray {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/sprite/button/cost_recovery-s39d643653f.png) no-repeat 0 -122px;
    -webkit-background-size: 136px 731px;
    background-size: 136px 731px;
    width: 136px;
    height: 60px
}

.btn_coin_reward_cool {
    position: relative;
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/medal/button_medal_reward_bg_cool.png);
    background-size: 280px;
    width: 280px;
    height: 44px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    cursor: pointer;
    border-radius: 7px
}

.btn_coin_reward_cool .img_chara {
    position: absolute;
    top: -40px;
    left: 0;
    width: 160px;
    height: 155.4px
}

.btn_coin_reward_cool:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/medal/button_medal_reward_frame_cool.png);
    background-size: 280px;
    width: 280px;
    height: 44px
}

.btn_coin_reward_cute {
    position: relative;
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/medal/button_medal_reward_bg_cute.png);
    background-size: 280px;
    width: 280px;
    height: 44px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    cursor: pointer;
    border-radius: 7px
}

.btn_coin_reward_cute .img_chara {
    position: absolute;
    top: -40px;
    left: 0;
    width: 160px;
    height: 155.4px
}

.btn_coin_reward_cute:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/medal/button_medal_reward_frame_cute.png);
    background-size: 280px;
    width: 280px;
    height: 44px
}

.btn_coin_reward_passion {
    position: relative;
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/medal/button_medal_reward_bg_passion.png);
    background-size: 280px;
    width: 280px;
    height: 44px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    cursor: pointer;
    border-radius: 7px
}

.btn_coin_reward_passion .img_chara {
    position: absolute;
    top: -40px;
    left: 0;
    width: 160px;
    height: 155.4px
}

.btn_coin_reward_passion:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/medal/button_medal_reward_frame_passion.png);
    background-size: 280px;
    width: 280px;
    height: 44px
}

.backLink2 {
    width: 320px;
    color: #ffffff;
    line-height: 30px;
    padding: 5px 0;
    display: inline-block;
    background: -webkit-gradient(linear, left top, right bottom, from(#223a70), to(#1d1d1d));
    border-bottom: 1px solid #444444
}

.backLink2:active,
.backLink2:hover {
    background: -webkit-gradient(linear, left top, right bottom, from(#445a90), to(#1d1d1d))
}

.nextLink2 {
    width: 320px;
    color: #ffffff;
    line-height: 30px;
    padding: 5px 0;
    display: inline-block;
    background: -webkit-gradient(linear, left top, right bottom, from(#1d1d1d), to(#223a70));
    border-bottom: 1px solid #444444
}

.nextLink2:active,
.nextLink2:hover {
    background: -webkit-gradient(linear, left top, right bottom, from(#1d1d1d), to(#445a90))
}

.nextLink3 {
    width: 320px;
    color: #ffffff;
    line-height: 30px;
    padding: 5px 0;
    display: inline-block;
    background: -webkit-gradient(linear, left top, right bottom, from(#261b1b), to(#702222));
    border-bottom: 1px solid #444444
}

.nextLink3:active,
.nextLink3:hover {
    background: -webkit-gradient(linear, left top, right bottom, from(#261b1b), to(#8f4443))
}

.loading_thumb {
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/rich/quest/loading_thumb/loading_explain_001.jpg);
    background-size: 320px;
    width: 320px;
    height: 120px;
    position: relative
}

.loading_thumb .loading_chara {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 102px;
    height: 102px
}

.getup_wrap {
    position: relative
}

.getup_wrap:after {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    content: ''
}

.getup_wrap._icon .ribbon {
    position: absolute;
    top: -8px
}

.getup_wrap._banner:after {
    width: 114px;
    height: 13px;
    margin-top: -6.5px;
    margin-left: -57px;
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/icon_getup_starmemory.png);
    background-size: 114px 13px
}

.getup_wrap .number-area {
    position: absolute;
    right: 0;
    bottom: -4px
}

.getup_wrap .number-area .icon_num {
    display: inline-block;
    margin-left: -3px
}

.position._relative {
    position: relative
}

.position._absolute {
    position: absolute
}

.display._block {
    display: block
}

.display._inline {
    display: inline
}

.display._inline_block {
    display: inline-block
}

.display._none {
    display: none
}

.vertical_align._top {
    vertical-align: top
}

.vertical_align._middle {
    vertical-align: middle
}

.vertical_align._bottom {
    vertical-align: bottom
}

.box._bg_gray {
    background: #333333
}

.box._r_1 {
    -webkit-border-radius: 1px;
    -ms-border-radius: 1px;
    border-radius: 1px
}

.box._r_2 {
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px
}

.box._r_3 {
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.box._r_4 {
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

.box._r_5 {
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.box._r_6 {
    -webkit-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px
}

.box._r_7 {
    -webkit-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px
}

.box._r_8 {
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px
}

.box._r_9 {
    -webkit-border-radius: 9px;
    -ms-border-radius: 9px;
    border-radius: 9px
}

.box._r_10 {
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

.box._r_11 {
    -webkit-border-radius: 11px;
    -ms-border-radius: 11px;
    border-radius: 11px
}

.box._r_12 {
    -webkit-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px
}

.box._r_13 {
    -webkit-border-radius: 13px;
    -ms-border-radius: 13px;
    border-radius: 13px
}

.box._r_14 {
    -webkit-border-radius: 14px;
    -ms-border-radius: 14px;
    border-radius: 14px
}

.box._r_15 {
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px
}

.box._r_16 {
    -webkit-border-radius: 16px;
    -ms-border-radius: 16px;
    border-radius: 16px
}

.box._r_17 {
    -webkit-border-radius: 17px;
    -ms-border-radius: 17px;
    border-radius: 17px
}

.box._r_18 {
    -webkit-border-radius: 18px;
    -ms-border-radius: 18px;
    border-radius: 18px
}

.box._r_19 {
    -webkit-border-radius: 19px;
    -ms-border-radius: 19px;
    border-radius: 19px
}

.box._w_5 {
    width: 5%
}

.box._w_10 {
    width: 10%
}

.box._w_15 {
    width: 15%
}

.box._w_20 {
    width: 20%
}

.box._w_25 {
    width: 25%
}

.box._w_30 {
    width: 30%
}

.box._w_35 {
    width: 35%
}

.box._w_40 {
    width: 40%
}

.box._w_45 {
    width: 45%
}

.box._w_50 {
    width: 50%
}

.box._w_55 {
    width: 55%
}

.box._w_60 {
    width: 60%
}

.box._w_65 {
    width: 65%
}

.box._w_70 {
    width: 70%
}

.box._w_75 {
    width: 75%
}

.box._w_80 {
    width: 80%
}

.box._w_85 {
    width: 85%
}

.box._w_90 {
    width: 90%
}

.box._w_95 {
    width: 95%
}

.event_contents {
    position: relative;
    margin-top: -5px;
    padding-bottom: 8px
}

.event_contents._into_header {
    margin-top: -14px;
    padding-top: 14px
}

.event_contents:after {
    position: absolute;
    left: 0;
    width: 320px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: 320px 10px;
    content: ''
}

.event_contents .event_contents-bg-top {
    position: absolute;
    top: 0
}

.event_contents .event_contents-bg-top:after {
    display: block;
    position: absolute;
    z-index: 0;
    bottom: 0;
    width: 320px;
    height: 64px;
    content: ''
}

.event_contents._red {
    background-color: #381313
}

.event_contents._red:after {
    background-image: url("https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/tab/tab_large_red/line_btm.png")
}

.event_contents._pink {
    background-color: #4b1934
}

.event_contents._pink:after {
    background-image: url("https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/tab/tab_large_pink/line_btm.png")
}

.event_contents._blue {
    background-color: #041f29
}

.event_contents._blue:after {
    background-image: url("https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/tab/tab_large_blue/line_btm.png")
}

.event_contents._parple {
    background-color: #1d1138
}

.event_contents._parple:after {
    background-image: url("https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/tab/tab_large_parple/line_btm.png")
}

.area_menu_header_6btn._event .btn-popupmenu {
    position: absolute;
    right: 0
}

.area_menu_header_6btn._event .event_logo-area {
    display: block;
    position: absolute;
    z-index: 2;
    left: 48px;
    width: 222px;
    height: 34px;
    background-size: 224px;
    background-position: 2px top;
    background-repeat: no-repeat;
    text-decoration: none;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.area_menu_header_6btn._event .event_logo-area:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/header-sda549c3d1d.png) no-repeat 0 -422px;
    -webkit-background-size: 320px 528px;
    background-size: 320px 528px;
    width: 224px;
    height: 40px;
    content: ''
}

.area_menu_header_6btn._event .event_logo-area._hover:after {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/header-sda549c3d1d.png) no-repeat 0 -463px;
    -webkit-background-size: 320px 528px;
    background-size: 320px 528px;
    width: 224px;
    height: 40px
}

.area_menu_header_6btn._event .event_logo-area .logo-area {
    position: absolute;
    left: 8px;
    top: -2px
}

.area_menu_header_6btn._event .event_logo-area .round_info-area {
    position: absolute;
    top: 5px;
    left: 72px;
    padding-top: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/header-sda549c3d1d.png) no-repeat 0 -504px;
    -webkit-background-size: 320px 528px;
    background-size: 320px 528px;
    width: 144px;
    height: 24px;
    font-size: 11px;
    text-align: center;
    color: #1D1D1D;
    line-height: 100%;
    text-decoration: none;
    text-shadow: 0px 0px 1px #ffffff, 0px 0px 1px #ffffff, 0px 0px 1px #ffffff, 0px 0px 1px #ffffff, 0px 0px 1px #ffffff, 0px 0px 1px #ffffff, 0px 0px 1px #ffffff, 0px 0px 1px #ffffff
}

.area-frame_event {
    width: 304px !important;
    background-color: #08123f;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 8px 0 4px;
    -webkit-border-radius: 8px;
    padding-top: 4px
}

.area-frame_event._bd_black {
    background-color: #1d1d1d
}

.area-frame_event .area-frame_wrap {
    position: relative
}

.area-frame_event .area-frame_header {
    text-align: center;
    position: relative
}

.area-frame_event .area-frame_header:before {
    content: '';
    display: block;
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/frame-s138a7a3126.png) no-repeat 0 -70px;
    -webkit-background-size: 304px 115px;
    background-size: 304px 115px;
    width: 35px;
    height: 27px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 10px;
    padding-bottom: 2px;
    z-index: 3
}

.area-frame_event .area-frame_header:after {
    content: '';
    display: block;
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/frame-s138a7a3126.png) no-repeat 0 -42px;
    -webkit-background-size: 304px 115px;
    background-size: 304px 115px;
    width: 35px;
    height: 27px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 10px;
    padding-bottom: 2px;
    z-index: 3
}

.area-frame_event .area-frame_header .area-frame_title {
    padding: 5px 10px 10px;
    position: relative;
    word-break: break-all;
    line-height: 120%;
    z-index: 4
}

.area-frame_event .area-frame_header .area-frame_title:after {
    content: '';
    display: block;
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/frame-s138a7a3126.png) no-repeat 0 -106px;
    -webkit-background-size: 304px 115px;
    background-size: 304px 115px;
    width: 299px;
    height: 5px;
    position: absolute;
    bottom: 0;
    left: 2px
}

.area-frame_event .area-frame_header.nameArea:before,
.area-frame_event .area-frame_header.nameArea:after {
    background: none;
    display: none
}

.area-frame_event .area-frame_contents {
    width: 280px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    margin-bottom: 8px
}

.area-frame_event .area-frame_subtitle {
    text-align: left
}

.area-frame_event .area-frame_subtitle .subtitle_text {
    display: inline-block;
    background-color: #2b42ad;
    -webkit-border-radius: 12px;
    padding: 2px 8px
}

.area-frame_event .area-frame_bg_image {
    width: 304px;
    height: 100%;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/frame/body.png) repeat-y;
    background-size: 304px 1px;
    position: absolute;
    top: 0px;
    pointer-events: none
}

.area-frame_event:before {
    content: '';
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/frame-s138a7a3126.png) no-repeat 0 -21px;
    -webkit-background-size: 304px 115px;
    background-size: 304px 115px;
    width: 304px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 1;
    border-radius: 8px 8px 0 0
}

.area-frame_event:after {
    content: '';
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/frame-s138a7a3126.png) no-repeat 0 0;
    -webkit-background-size: 304px 115px;
    background-size: 304px 115px;
    width: 304px;
    height: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none
}

.area-frame_event .area-frame_more_link {
    width: 100%;
    height: 22px;
    background-color: #08123f;
    position: relative
}

.area-frame_event .area-frame_more_link:before {
    content: '';
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/common/btn-s6a7af53721.png) no-repeat 0 -200px;
    -webkit-background-size: 60px 291px;
    background-size: 60px 291px;
    width: 40px;
    height: 15px;
    position: absolute;
    top: 3px;
    right: 40px
}

.area-frame_event .area-frame_more_link .area-frame_btn_more_link {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 15px;
    text-decoration: none;
    width: 88px;
    background-position-x: 66px
}

.area-frame_event .area-frame_more_contents {
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#0733c3), to(#08123f));
    bottom: -4px;
    border-radius: 0 0 7px 7px;
    height: 23px;
    border-top: double 3px #8b98ba;
    position: relative;
    display: -webkit-box;
    -webkit-box-pack: center;
    margin-top: -6px
}

.area-frame_event .area-frame_more_contents:before {
    content: '';
    margin-top: 3px;
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/common/btn-s6a7af53721.png) no-repeat 0 -216px;
    -webkit-background-size: 60px 291px;
    background-size: 60px 291px;
    width: 60px;
    height: 15px;
    position: relative;
    z-index: 1
}

.area-frame_event .area-frame_more_contents .area-frame_btn_more_link {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/common/btn-s6a7af53721.png) no-repeat 0 -283px;
    -webkit-background-size: 60px 291px;
    background-size: 60px 291px;
    width: 13px;
    height: 8px;
    text-decoration: none;
    margin-top: 7px;
    position: relative;
    z-index: 1
}

.area-frame_event .area-frame_more_contents._close:before {
    content: '';
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/common/btn-s6a7af53721.png) no-repeat 0 -184px;
    -webkit-background-size: 60px 291px;
    background-size: 60px 291px;
    width: 40px;
    height: 15px
}

.area-frame_event .area-frame_more_contents._close .area-frame_btn_more_link {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/common/btn-s6a7af53721.png) no-repeat 0 -274px;
    -webkit-background-size: 60px 291px;
    background-size: 60px 291px;
    width: 13px;
    height: 8px
}

.area-frame_event .area-frame_line_dot {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/frame-s138a7a3126.png) no-repeat 0 -98px;
    -webkit-background-size: 304px 115px;
    background-size: 304px 115px;
    width: 282px;
    height: 5px;
    margin-left: auto;
    margin-right: auto
}

.area-frame_event .area-frame_line_solid {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/common/frame-s138a7a3126.png) no-repeat 0 -112px;
    -webkit-background-size: 304px 115px;
    background-size: 304px 115px;
    width: 299px;
    height: 3px;
    margin-left: auto;
    margin-right: auto
}

.area-frame_event.area-frame_no_image {
    background: none
}

.area-frame_event.area-frame_no_image:before,
.area-frame_event.area-frame_no_image:after {
    background: none;
    display: none
}

.area-frame_event._has_accordion {
    padding-bottom: 0
}

.area-frame_event._has_accordion:after {
    background: none
}

.area-frame_event._hd_red:before {
    background-color: #381313
}

.area-frame_event._hd_red .area-frame_header {
    background-color: #381313;
    text-shadow: -1px -1px 0px red, 1px -1px 0px red, 1px 1px 0px red, -1px 1px 0px red, 1px 2px 3px rgba(255, 0, 0, 0.6)
}

.area-frame_event._bd_red {
    background-color: #381313
}

.area-frame_event._hd_orange:before {
    background-color: #552609
}

.area-frame_event._hd_orange .area-frame_header {
    background-color: #552609;
    text-shadow: -1px -1px 0px #ffc694, 1px -1px 0px #ffc694, 1px 1px 0px #ffc694, -1px 1px 0px #ffc694, 1px 2px 3px rgba(255, 198, 148, 0.6)
}

.area-frame_event._bd_orange {
    background-color: #552609
}

.area-frame_event._hd_green:before {
    background-color: #122715
}

.area-frame_event._hd_green .area-frame_header {
    background-color: #122715;
    text-shadow: -1px -1px 0px #5d9e5c, 1px -1px 0px #5d9e5c, 1px 1px 0px #5d9e5c, -1px 1px 0px #5d9e5c, 1px 2px 3px rgba(93, 158, 92, 0.6)
}

.area-frame_event._bd_green {
    background-color: #122715
}

.area-frame_event._hd_bluegreen:before {
    background-color: #123e38
}

.area-frame_event._hd_bluegreen .area-frame_header {
    background-color: #123e38;
    text-shadow: -1px -1px 0px #5dedd0, 1px -1px 0px #5dedd0, 1px 1px 0px #5dedd0, -1px 1px 0px #5dedd0, 1px 2px 3px rgba(93, 237, 208, 0.6)
}

.area-frame_event._bd_bluegreen {
    background-color: #123e38
}

.area-frame_event._hd_blue:before {
    background-color: #041f29
}

.area-frame_event._hd_blue .area-frame_header {
    background-color: #041f29;
    text-shadow: -1px -1px 0px #5be1fe, 1px -1px 0px #5be1fe, 1px 1px 0px #5be1fe, -1px 1px 0px #5be1fe, 1px 2px 3px rgba(91, 225, 254, 0.6)
}

.area-frame_event._bd_blue {
    background-color: #041f29
}

.area-frame_event._hd_pink:before {
    background-color: #4b1934
}

.area-frame_event._hd_pink .area-frame_header {
    background-color: #4b1934;
    text-shadow: -1px -1px 0px #e78ab1, 1px -1px 0px #e78ab1, 1px 1px 0px #e78ab1, -1px 1px 0px #e78ab1, 1px 2px 3px rgba(231, 138, 177, 0.6)
}

.area-frame_event._bd_pink {
    background-color: #4b1934
}

.area-frame_event._hd_crimson:before {
    background-color: #35111c
}

.area-frame_event._hd_crimson .area-frame_header {
    background-color: #35111c;
    text-shadow: -1px -1px 0px #f07198, 1px -1px 0px #f07198, 1px 1px 0px #f07198, -1px 1px 0px #f07198, 1px 2px 3px rgba(240, 113, 152, 0.6)
}

.area-frame_event._bd_crimson {
    background-color: #35111c
}

.area-frame_event._hd_parple:before {
    background-color: #1d1138
}

.area-frame_event._hd_parple .area-frame_header {
    background-color: #1d1138;
    text-shadow: -1px -1px 0px #899aff, 1px -1px 0px #899aff, 1px 1px 0px #899aff, -1px 1px 0px #899aff, 1px 2px 3px rgba(137, 154, 255, 0.6)
}

.area-frame_event._bd_parple {
    background-color: #1d1138
}

.area-frame_event._hd_purplepink:before {
    background-color: #36112a
}

.area-frame_event._hd_purplepink .area-frame_header {
    background-color: #36112a;
    text-shadow: -1px -1px 0px #9c2a72, 1px -1px 0px #9c2a72, 1px 1px 0px #9c2a72, -1px 1px 0px #9c2a72, 1px 2px 3px rgba(156, 42, 114, 0.6)
}

.area-frame_event._bd_purplepink {
    background-color: #36112a
}

.area-frame_event._hd_purple:before {
    background-color: #1d1138
}

.area-frame_event._hd_purple .area-frame_header {
    background-color: #1d1138;
    text-shadow: -1px -1px 0px #899aff, 1px -1px 0px #899aff, 1px 1px 0px #899aff, -1px 1px 0px #899aff, 1px 2px 3px rgba(137, 154, 255, 0.6)
}

.area-frame_event._bd_purple {
    background-color: #1d1138
}

.area-frame_event .information_light {
    width: 264px;
    background-color: #333333
}

.area-popup_title {
    font-size: 13px;
    padding: 5px 18px 12px
}

.area-frame_title {
    margin-top: 2px;
    padding-bottom: 12px !important
}

.area-frame_event:after {
    z-index: 1
}

.area-frame_wrap {
    margin-top: 4px
}

h2.title_img.event_assault {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/line_head_bg.jpg)
}

h2.title_img.event_assault div {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/line_head_bottom.jpg)
}

h2.title_img.event_assault:before {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/line_head_top.jpg)
}

h3.title_img.event_assault {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/line_normal_bg.jpg)
}

h3.title_img.event_assault div.frame {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/line_normal_bottom.jpg)
}

h3.title_img.event_assault:before {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/line_normal_top.jpg)
}

.eventH2Color_assault {
    background: -webkit-gradient(radial, 50% 50%, 50, 50% 50%, 130, from(#9d4909), to(#c0621c))
}

.eventH2Color_assault_02 {
    background: -webkit-gradient(radial, 50% 50%, 50, 50% 50%, 130, from(#9d4909), to(#c0621c));
    width: auto;
    margin: 5px
}

.eventFBColor_assault {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c1611a), color-stop(50%, #9d4909), color-stop(100%, #c1611a))
}

.eventFBColor_assault:active,
.eventFBColor_assault:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e3792b), color-stop(50%, #cd5f0c), color-stop(100%, #e3792b))
}

.eventFBColor_assault_02 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #803333), color-stop(50%, #331414), color-stop(100%, #803333))
}

.eventFBColor_assault_02:active,
.eventFBColor_assault_02:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a44242), color-stop(50%, #582222), color-stop(100%, #a44242))
}

.title.inner_assault {
    padding: 3px 0;
    margin-bottom: 5px;
    font-size: 16px;
    background: -webkit-linear-gradient(left, #1d1d1d 3%, #ff8428 51%, #1d1d1d 98%);
    text-shadow: 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d
}

.title.inner_assault.m-Btm10 {
    margin-bottom: 10px
}

.title.inner_assault.event_514 {
    background: -webkit-linear-gradient(left, #1d1d1d 3%, #922 51%, #1d1d1d 98%)
}

.title.inner_assault.event_514_2 {
    background: -webkit-linear-gradient(left, #1d1d1d 3%, #26c 51%, #1d1d1d 98%)
}

.title.inner_assault.event_514_3 {
    background: -webkit-linear-gradient(left, #1d1d1d 3%, #dc8300 51%, #1d1d1d 98%)
}

.medal_color_514 {
    color: #fff800
}

.medal_color_514_2 {
    color: #408cff
}

.medal_color_514_3 {
    color: #db0046
}

.medal_idol_assault {
    width: 320px
}

.medal_idol_assault:before {
    width: 320px;
    height: 6px;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/line_hanyo_up.jpg) center top no-repeat #333;
    background-size: 320px 6px;
    content: "";
    display: block
}

.medal_idol_assault:after {
    width: 320px;
    height: 6px;
    content: "";
    display: block
}

.medal_idol_assault .status {
    line-height: 120%;
    margin-bottom: 5px
}

.medal_idol_assault .slideTitle {
    text-align: center;
    padding: 8px 0 14px;
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/line_normal_bg.jpg);
    background-size: 320px
}

.medal_idol_assault .img {
    width: 320px;
    height: 400px;
    text-align: center;
    margin-bottom: 5px
}

.underline_assault {
    width: 320px;
    height: 6px;
    margin-top: 36px;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/line_hanyo_down.jpg) center top no-repeat;
    background-size: 320px;
    z-index: 20;
    position: absolute
}

.tab_link.assault {
    color: #33ff33
}

.tab_link.assault .selected {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c4670c), color-stop(50%, #924703), color-stop(100%, #1d1d1d))
}

.tab_link.assault .selected:active {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e3792b), color-stop(50%, #c45f04), color-stop(100%, #1d1d1d))
}

#assault_header {
    position: relative
}

#assault_header #chance {
    position: absolute;
    width: 77px;
    height: 34px;
    margin-top: -46px;
    margin-left: 4px;
    background: rgba(21, 0, 11, 0.6);
    -webkit-border-radius: 5px;
    text-align: center
}

#assault_header #chance #chance_time {
    font-size: 10px;
    vertical-align: text-bottom
}

#assault_header .comment_cute {
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/bg_area_cute_comment.png) no-repeat;
    background-size: 200px;
    width: 200px;
    height: 80px;
    color: #1d1d1d;
    position: absolute;
    margin-left: 117px;
    margin-top: -146px;
    overflow: hidden
}

#assault_header .comment_cute span {
    display: block;
    margin: 5px 8px 5px 18px
}

#assault_header .comment_cool {
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/bg_area_cool_comment.png) no-repeat;
    background-size: 200px;
    width: 200px;
    height: 80px;
    color: #1d1d1d;
    position: absolute;
    margin-left: 117px;
    margin-top: -146px;
    overflow: hidden
}

#assault_header .comment_cool span {
    display: block;
    margin: 5px 8px 5px 18px
}

#assault_header .comment_passion {
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/bg_area_passion_comment.png) no-repeat;
    background-size: 200px;
    width: 200px;
    height: 80px;
    color: #1d1d1d;
    position: absolute;
    margin-left: 117px;
    margin-top: -146px;
    overflow: hidden
}

#assault_header .comment_passion span {
    display: block;
    margin: 5px 8px 5px 18px
}

#assault_header .items {
    background-color: rgba(15, 15, 15, 0.6);
    border-radius: 7px;
    display: -webkit-box;
    -webkit-box-pack: center;
    position: absolute;
    right: 4px;
    bottom: 12px
}

#assault_header .items .item {
    margin: 5px 11.5px 1px;
    font-size: 12px;
    text-align: center
}

.assault_header_btn {
    position: relative;
    margin-bottom: 10px
}

.assault_header_btn .stg_btn {
    display: -webkit-box;
    width: 310px;
    margin: 0 auto
}

.assault_header_btn .stg_btn div.Btn-m {
    width: 150px;
    margin: 0 3px;
    text-align: center;
    font-size: 0.7rem
}

.stageBtn_assault {
    width: 150px;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative
}

.stageBtn_assault .val {
    display: block;
    width: 70px;
    text-align: center;
    position: absolute;
    top: 39px;
    left: 66px;
    font-size: 14px;
    z-index: 10;
    color: #000
}

.stageBtn_assault div {
    width: 123px;
    text-align: center;
    position: absolute;
    bottom: 8px;
    left: 12px;
    font-size: 14px;
    z-index: 10;
    color: #000
}

.stageBtn_assault label {
    -webkit-transform: scale(1);
    transform: scale(1);
    display: block;
    width: 82px;
    text-align: center;
    position: absolute;
    top: 56px;
    left: 66px;
    font-size: 14px;
    z-index: 10;
    color: #fff;
    text-shadow: 2px 0px 2px #000, -2px 0px 2px #000, 0px 2px 2px #000, 0px -2px 2px #000;
    cursor: pointer
}

.work_area {
    background-color: #333333;
    border: 1px solid #bbbbbb;
    -webkit-border-radius: 15px;
    -webkit-box-shadow: 3px 3px 3px #555566 inset, 3px -3px 3px #555566 inset, -3px 3px 3px #555566 inset, -3px -3px 3px #555566 inset;
    padding: 10px 0
}

.assaultMenu {
    width: auto;
    margin: 0 10px 5px
}

.assaultMenu.m-Btm0 {
    margin-bottom: 0
}

.assaultMenu.m-Btm10 {
    margin-bottom: 10px
}

.assaultMenu .top_menu_01 {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/sprite/top-s760798062e.png) no-repeat 0 -214px;
    -webkit-background-size: 90px 458px;
    background-size: 90px 458px;
    width: 90px;
    height: 60px
}

.assaultMenu .top_menu_02 {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/sprite/top-s760798062e.png) no-repeat 0 -61px;
    -webkit-background-size: 90px 458px;
    background-size: 90px 458px;
    width: 90px;
    height: 60px
}

.assaultMenu .top_menu_03 {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/sprite/top-s760798062e.png) no-repeat 0 0;
    -webkit-background-size: 90px 458px;
    background-size: 90px 458px;
    width: 90px;
    height: 60px
}

.assaultMenu .top_menu_04 {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/sprite/top-s760798062e.png) no-repeat 0 -413px;
    -webkit-background-size: 90px 458px;
    background-size: 90px 458px;
    width: 90px;
    height: 45px
}

.assaultMenu .top_menu_05 {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/sprite/top-s760798062e.png) no-repeat 0 -122px;
    -webkit-background-size: 90px 458px;
    background-size: 90px 458px;
    width: 90px;
    height: 45px
}

.assaultMenu .top_menu_06 {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/sprite/top-s760798062e.png) no-repeat 0 -367px;
    -webkit-background-size: 90px 458px;
    background-size: 90px 458px;
    width: 90px;
    height: 45px
}

.assaultMenu .top_menu_07 {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/sprite/top-s760798062e.png) no-repeat 0 -168px;
    -webkit-background-size: 90px 458px;
    background-size: 90px 458px;
    width: 90px;
    height: 45px
}

.assaultMenu .top_menu_08 {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/sprite/top-s760798062e.png) no-repeat 0 -275px;
    -webkit-background-size: 90px 458px;
    background-size: 90px 458px;
    width: 90px;
    height: 45px
}

.assaultMenu .top_menu_09 {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/sprite/top-s760798062e.png) no-repeat 0 -321px;
    -webkit-background-size: 90px 458px;
    background-size: 90px 458px;
    width: 90px;
    height: 45px
}

.assaultMenu div a {
    margin: 0 auto 5px auto
}

.scheduleArea.event_assault {
    border: 2px solid #ffc694;
    background-color: #552609;
    -webkit-box-shadow: 3px 3px 3px #ad6327 inset, -3px -3px 3px #ad6327 inset;
    color: #ffffff
}

.scheduleArea.event_assault h3.titleMin {
    background: #ca5f11
}

.assaultArea {
    width: auto;
    margin-right: 10px;
    margin-left: 10px;
    padding: 5px;
    color: #ffffff;
    line-height: 140%;
    -webkit-border-radius: 8px
}

.assaultArea.type_01 {
    background: #333333
}

.assaultArea.type_01.m-LR0 {
    margin-left: 0;
    margin-right: 0
}

.assaultArea.type_02 {
    border: 1px solid #ddd;
    padding: 10px 5px
}

.assaultArea.type_02 .titleH2 {
    margin: 0 4px 5px
}

.assaultArea.type_02 .title.inner_assault {
    font-size: 18px;
    margin-top: 5px
}

.assaultArea.type_02 .livebutton {
    text-align: center
}

.assaultArea.type_02 .livebutton .displayBox {
    width: 280px
}

.assaultArea.type_02 .livebutton input[type="submit"] {
    border: none;
    margin: 0 5px
}

.assaultArea.type_02 .livebutton input[type="submit"].f_1 {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/sprite/raid-s7c05464552.png) no-repeat 0 -678px;
    -webkit-background-size: 135px 804px;
    background-size: 135px 804px;
    width: 130px;
    height: 54px
}

.assaultArea.type_02 .livebutton input[type="submit"].f_3 {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/sprite/raid-s7c05464552.png) no-repeat 0 -403px;
    -webkit-background-size: 135px 804px;
    background-size: 135px 804px;
    width: 130px;
    height: 54px
}

.assaultArea.type_02 .livebutton input[type="submit"].g_1 {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/sprite/raid-s7c05464552.png) no-repeat 0 -238px;
    -webkit-background-size: 135px 804px;
    background-size: 135px 804px;
    width: 130px;
    height: 54px
}

.assaultArea.type_02 .livebutton input[type="submit"].g_3 {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/sprite/raid-s7c05464552.png) no-repeat 0 -61px;
    -webkit-background-size: 135px 804px;
    background-size: 135px 804px;
    width: 130px;
    height: 54px
}

.assaultArea.type_02 .livebutton input[type="submit"].m_1 {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/sprite/raid-s7c05464552.png) no-repeat 0 -513px;
    -webkit-background-size: 135px 804px;
    background-size: 135px 804px;
    width: 130px;
    height: 54px
}

.assaultArea.type_02 .livebutton input[type="submit"].m_3 {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/sprite/raid-s7c05464552.png) no-repeat 0 -348px;
    -webkit-background-size: 135px 804px;
    background-size: 135px 804px;
    width: 130px;
    height: 54px
}

.assaultArea.type_02 .livebutton input[type="submit"].n_1 {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/sprite/raid-s7c05464552.png) no-repeat 0 -623px;
    -webkit-background-size: 135px 804px;
    background-size: 135px 804px;
    width: 130px;
    height: 54px
}

.assaultArea.type_02 .livebutton input[type="submit"].n_3 {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/sprite/raid-s7c05464552.png) no-repeat 0 -458px;
    -webkit-background-size: 135px 804px;
    background-size: 135px 804px;
    width: 130px;
    height: 54px
}

.assaultArea.type_02 .livebutton input[type="submit"].r_1 {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/sprite/raid-s7c05464552.png) no-repeat 0 -568px;
    -webkit-background-size: 135px 804px;
    background-size: 135px 804px;
    width: 130px;
    height: 54px
}

.assaultArea.type_02 .livebutton input[type="submit"].r_3 {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/sprite/raid-s7c05464552.png) no-repeat 0 -293px;
    -webkit-background-size: 135px 804px;
    background-size: 135px 804px;
    width: 130px;
    height: 54px
}

.assaultArea.type_03 {
    background: #333333;
    border: 1px solid #aaaaaa;
    margin: 10px;
    padding: 10px 0;
    text-align: center
}

.assaultArea.type_03 .title {
    width: auto;
    margin-right: 10px;
    margin-left: 10px;
    background: #5e5e5e;
    -webkit-border-radius: 10px
}

.assaultArea.type_04 {
    margin: 10px 5px;
    padding: 10px 5px;
    background: -webkit-gradient(radial, 50% 50%, 50, 50% 50%, 130, from(#222), to(#333));
    border: 1px solid #aaaaaa;
    text-align: center;
    line-height: 120%
}

.assaultArea.type_chapterItem,
.assaultArea.type_raidInfo {
    background: #0c0c0c;
    border: 1px solid #5e5e5e;
    margin: 10px;
    padding: 5px;
    -webkit-border-radius: 10px
}

.assaultArea .recoverList {
    margin: 10px 5px
}

.assaultArea .recoverList .assaultArea {
    margin: 0px;
    padding: 0 0 5px 5px;
    -webkit-border-radius: 8px;
    background: #333333
}

.assaultArea .recoverList .container {
    width: 50%;
    height: 70px;
    overflow: hidden;
    position: relative
}

.assaultArea .recoverList .container .btn {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/sprite/raid-s7c05464552.png) no-repeat 0 -116px;
    -webkit-background-size: 135px 804px;
    background-size: 135px 804px;
    width: 135px;
    height: 60px
}

.assaultArea .recoverList .container .btn_auto {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/sprite/raid-s7c05464552.png) no-repeat 0 -177px;
    -webkit-background-size: 135px 804px;
    background-size: 135px 804px;
    width: 135px;
    height: 60px
}

.assaultArea .recoverList .container .btn_g {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/sprite/raid-s7c05464552.png) no-repeat 0 0;
    -webkit-background-size: 135px 804px;
    background-size: 135px 804px;
    width: 135px;
    height: 60px
}

.assaultArea .recoverList .container .txt {
    font-size: 11px;
    position: absolute;
    text-shadow: 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d, 0px 0px 3px #1d1d1d;
    top: 44px;
    left: 90px
}

#raid_boss_info {
    position: relative;
    width: 310px;
    padding: 5px;
    background-color: #434343;
    border-radius: 7px
}

#raid_boss_info .hp_gauge {
    position: relative;
    bottom: 0;
    left: 0
}

#raid_boss_info .hp_gauge .hp_text {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto
}

#raid_boss_info .lifeText {
    position: absolute;
    top: 4px;
    left: 24px;
    right: 0;
    margin: auto;
    font-size: 10px;
    text-shadow: 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000;
    color: white;
    letter-spacing: 0.6px
}

#raid_boss_info .bossLifeGauge {
    width: 219px;
    height: 13px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    left: 7px;
    top: 3px;
    background: black
}

#raid_boss_info .bossLifeGauge .inner {
    float: left;
    width: 100%;
    height: 13px;
    background: -webkit-gradient(linear, left top, left bottom, from(#d8ffb3), to(#5fb60a))
}

.bossLifeGaugeWrap {
    position: relative;
    text-align: center;
    margin: 4px auto;
    height: 18px;
    width: 240px
}

.bossLifeGaugeWrap .gaugeImg {
    width: 240px;
    height: 20px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0
}

#bpImg.assault img {
    margin-left: -5px
}

.assault_box {
    margin-top: 15px;
    width: 300px
}

.assault_box .minibox {
    width: 145px;
    margin-right: 10px
}

.assault_box .minibox .home {
    width: 144px !important;
    line-height: 30px;
    padding: 5px 10px;
    height: auto;
    width: auto
}

.display_on {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/sprite/raid-s7c05464552.png) no-repeat 0 -769px;
    -webkit-background-size: 135px 804px;
    background-size: 135px 804px;
    width: 79px;
    height: 35px;
    left: 241px;
    position: relative
}

.display_off {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/sprite/raid-s7c05464552.png) no-repeat 0 -733px;
    -webkit-background-size: 135px 804px;
    background-size: 135px 804px;
    width: 79px;
    height: 35px;
    left: 241px;
    position: relative
}

.assaultTitle_01 {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    background: #444444;
    -webkit-border-radius: 10px
}

.assaultTitle_02 {
    width: 320px;
    color: #ffffff;
    line-height: 30px;
    padding: 5px 0;
    display: inline-block;
    background: -webkit-gradient(linear, left top, right bottom, from(#1d1d1d), to(#223a70));
    border-bottom: 1px solid #444444
}

.assaultButton_01 {
    width: 220px;
    height: 35px;
    line-height: 35px;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    margin: 0;
    padding: 0px 10px;
    border: 1px solid #666666;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444), color-stop(50%, #1d1d1d), color-stop(100%, #444));
    font-weight: bold;
    font-size: 125%
}

.assaultButton_01.m-Btm5 {
    margin-bottom: 5px
}

.eventBt_assault_mini {
    font-size: 90%;
    padding: 5px 10px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444), color-stop(50%, #1d1d1d), color-stop(100%, #444));
    text-decoration: none;
    color: #fff;
    border: 1px solid #666;
    -webkit-border-radius: 5px
}

.statusArea.assault h3 {
    width: 289px;
    -webkit-border-radius: 4px;
    font-size: 1rem;
    padding: 8px 0 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2228b8), color-stop(100%, #1f1f1f))
}

.statusArea.assault .line {
    width: 300px;
    border: 0.12rem dashed #b4d5f4;
    -webkit-border-radius: 8px
}

.assult_Info {
    width: 312px;
    text-align: center;
    overflow: hidden;
    -webkit-border-radius: 8px;
    border: 2px solid #FA8739;
    -webkit-box-shadow: 3px 3px 3px #583312 inset, -3px -3px 3px #BD6F2C inset;
    padding-bottom: 15px
}

.assult_Info h3 {
    width: 289px;
    -webkit-border-radius: 4px;
    font-size: 1rem;
    padding: 8px 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #803333), color-stop(100%, #1f1f1f))
}

.assult_Info .inner {
    width: 289px;
    overflow: hidden;
    margin: 15px auto 0;
    -webkit-border-radius: 8px;
    border: 2px solid #FA8739;
    padding-bottom: 8px
}

.assult_Info .inner li {
    padding: 0 8px;
    line-height: 140%
}

.assult_Info .line {
    width: 300px;
    border: 0.12rem dashed #FA8739;
    -webkit-border-radius: 8px
}

#clpRecover3_1 {
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/button/button_recovery_03.jpg) no-repeat;
    background-size: 130px 55px;
    width: 130px;
    height: 55px
}

#lpRecover3_1 {
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/button/button_recovery_01.jpg) no-repeat;
    background-size: 130px 55px;
    width: 130px;
    height: 55px
}

#recovery3_1_gray {
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/button/button_recovery_01_gray.jpg) no-repeat;
    background-size: 130px 55px;
    width: 130px;
    height: 55px
}

.assault_voltage_chance {
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.assault_voltage_chance:before {
    width: 320px;
    height: 50px;
    display: block;
    content: " ";
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/voltage/voltage_chance_title.png) center top no-repeat;
    background-size: 320px 50px
}

.assault_voltage_chance:after {
    width: 320px;
    height: 40px;
    display: block;
    content: " ";
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/voltage/voltage_chance_line_bottom.png) center top no-repeat;
    background-size: 320px 40px
}

.assault_voltage_chance .voltage_content {
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/voltage/voltage_chance_line_side.png) repeat-y;
    background-size: 320px 60px;
    width: 320px;
    display: -webkit-box;
    display: -moz-box
}

.assault_voltage_chance .voltage_content .rank {
    text-align: left;
    margin: -5px 0 0 20px;
    padding: 7px 10px;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-border-radius: 7px;
    position: relative
}

.assault_voltage_chance .voltage_content .chance_point {
    padding: 3px 0;
    margin-left: 30px;
    position: relative;
    text-shadow: 0px 0px 3px #333, 0px 0px 3px #333, 0px 3px 3px #333, 0px 0px 3px #333, 0px 0px 3px #333, 0px 0px 3px #333, 0px 0px 3px #333, 0px 0px 3px #333
}

.assault_voltage_chance .voltage_content .chance_point .bar {
    text-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 9px;
    border: 1px solid #fff;
    height: 18px;
    display: -webkit-box;
    display: -moz-box;
    overflow: hidden;
    float: right;
    margin-left: 4px;
    text-align: center
}

.assault_voltage_chance .voltage_content .chance_point .bar span {
    display: block;
    width: 28px
}

.assault_voltage_chance .voltage_content .chance_point .bar span.line {
    border-right: 1px #fff solid
}

.assault_voltage_chance .voltage_content .chance_point .bar span.point {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0a5af), color-stop(0.33, #e66d7d), color-stop(0.66, #dc334a), color-stop(1, #ce1c34))
}

.assault_voltage_chance .voltage_content .chance_point span.pt {
    position: relative
}

.assault_voltage_chance .voltage_content .reset_item {
    border: 1px solid #fff;
    -webkit-border-radius: 9px;
    margin-top: 12px;
    width: 75px;
    height: 100px;
    overflow: hidden;
    text-align: center
}

.assault_voltage_chance .voltage_content .reset_item span {
    display: block;
    padding: 5px;
    border-bottom: 1px solid #fff;
    background-color: rgba(0, 0, 0, 0.6)
}

.assault_voltage_chance .voltage_content .pop_link {
    margin: 135px 0 0 -178px;
    width: 160px;
    background: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(0, 0, 0, 0.6)), color-stop(0.65, rgba(0, 0, 0, 0)));
    border: 0
}

.assault_voltage_chance .voltage_content .pop_link:hover,
.assault_voltage_chance .voltage_content .pop_link:active {
    background: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(50, 50, 50, 0.6)), color-stop(0.65, rgba(50, 50, 50, 0)));
    cursor: pointer
}

.assault_voltage_chance .voltage_content .item_img {
    margin-left: 20px;
    position: relative;
    z-index: 1
}

.assault_voltage_chance .voltage_content .item_img img {
    width: 60px;
    height: 60px;
    margin-bottom: 5px
}

.assault_voltage_chance .voltage_content .item_name {
    position: relative;
    z-index: 1;
    margin: 22px 0 0 5px;
    width: 215px;
    text-align: left;
    text-shadow: 0px 0px 3px #333, 0px 0px 3px #333, 0px 3px 3px #333, 0px 0px 3px #333, 0px 0px 3px #333, 0px 0px 3px #333, 0px 0px 3px #333, 0px 0px 3px #333
}

.assault_voltage_chance .voltage_content .white_line {
    border-top: 1px #fff solid;
    width: 265px;
    height: 10px;
    margin: 5px 0 0 30px
}

.assault_voltage_chance .voltage_content .srare_end {
    width: 278px;
    margin: 5px auto;
    border: 1px solid #fff;
    position: relative;
    text-align: center;
    z-index: 1;
    -webkit-border-radius: 9px
}

.assault_voltage_chance .voltage_content .srare_end .srare_info {
    display: -webkit-box;
    display: -moz-box
}

.assault_voltage_chance .voltage_content .srare_end .srare_info img {
    margin-left: 10px
}

.assault_voltage_chance .voltage_content .srare_end .srare_info div {
    width: 190px;
    height: 35px;
    margin: 25px 0 0 5px;
    text-align: left;
    text-shadow: 0px 0px 3px #333, 0px 0px 3px #333, 0px 3px 3px #333, 0px 0px 3px #333, 0px 0px 3px #333, 0px 0px 3px #333, 0px 0px 3px #333, 0px 0px 3px #333
}

.assault_voltage_chance .voltage_content .rank_up {
    width: 100%;
    margin: 0 0 -3px;
    position: relative;
    text-align: center;
    z-index: 1;
    text-shadow: 0px 0px 3px #333, 0px 0px 3px #333, 0px 3px 3px #333, 0px 0px 3px #333, 0px 0px 3px #333, 0px 0px 3px #333, 0px 0px 3px #333, 0px 0px 3px #333
}

.assault_voltage_chance .voltage_content .rank_up span {
    font-size: 1rem
}

.assault_voltage_chance .voltage_content .sball_1 {
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/voltage/voltage_chance_sr_gauge1.png) center top no-repeat;
    background-size: 288px 84px;
    width: 288px;
    height: 84px;
    position: relative;
    z-index: 3;
    margin-left: 17px;
    margin-top: -22px
}

.assault_voltage_chance .voltage_content .sball_1 .ball {
    position: absolute;
    margin: 49px 0 0 14px
}

.assault_voltage_chance .voltage_content .sball_1 .ball img {
    margin-left: -0.2rem;
    margin-bottom: -0.1rem
}

.assault_voltage_chance .voltage_content .srare_1 {
    position: relative;
    z-index: 2;
    width: 64px;
    height: 65px;
    margin-left: -73px;
    margin-top: -15px
}

.assault_voltage_chance .voltage_content .sball_2 {
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/voltage/voltage_chance_sr_gauge2.png) center top no-repeat;
    background-size: 288px 84px;
    width: 288px;
    height: 84px;
    position: relative;
    z-index: 3;
    margin-left: 17px;
    margin-top: -7px
}

.assault_voltage_chance .voltage_content .sball_2 .ball {
    position: absolute;
    margin: 28px 0 0 14px
}

.assault_voltage_chance .voltage_content .sball_2 .ball img {
    margin-left: -0.2rem;
    margin-bottom: -0.1rem
}

.assault_voltage_chance .voltage_content .srare_2 {
    position: relative;
    z-index: 2;
    width: 64px;
    height: 65px;
    margin-left: -73px
}

.assault_voltage_chance .voltage_content .skip {
    cursor: pointer;
    text-shadow: 0px 0px 3px #333, 0px 0px 3px #333, 0px 3px 3px #333, 0px 0px 3px #333, 0px 0px 3px #333, 0px 0px 3px #333, 0px 0px 3px #333, 0px 0px 3px #333;
    width: 100%;
    text-align: center
}

.assault_voltage_chance .voltage_content .skip li {
    vertical-align: middle;
    display: inline-block
}

.assault_voltage_chance .voltage_content .skip li img {
    margin: 0
}

.assault_voltage_chance .voltage_content .notice {
    width: 265px;
    font-size: 0.6rem;
    margin: 10px auto 0;
    padding: 5px;
    text-align: left;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 6px
}

.assault_voltage_chance .voltage_line {
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/voltage/voltage_chance_line_joint.png) center top no-repeat;
    background-size: 320px 55px;
    width: 320px;
    height: 55px;
    position: relative;
    margin-top: -15px;
    z-index: 0
}

#assault_voltagelist {
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

#assault_voltagelist .voltage_mask {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.8;
    z-index: 13;
    display: none
}

#assault_voltagelist .voltage_area {
    width: 285px;
    height: auto;
    top: 0px;
    left: 0px;
    display: none;
    z-index: 16
}

#assault_voltagelist .voltage_area:before {
    width: 285px;
    height: 44px;
    display: block;
    content: " ";
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/voltage/voltage_chance_reward_title.png) -11px 0 no-repeat;
    background-size: 308px 48px
}

#assault_voltagelist .voltage_area:after {
    width: 285px;
    height: 35px;
    display: block;
    content: " ";
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/voltage/voltage_chance_reward_line_bottom.png) -11px 0 no-repeat;
    background-size: 308px 38px
}

#assault_voltagelist .voltage_area .voltage_content {
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/voltage/voltage_chance_reward_line_side.png) -11px 58px repeat-y;
    background-size: 308px 28px;
    width: 285px;
    display: -webkit-box;
    display: -moz-box;
    vertical-align: middle
}

#assault_voltagelist .voltage_area .voltage_content .item_img {
    margin-left: 20px
}

#assault_voltagelist .voltage_area .voltage_content .item_img img {
    width: 60px;
    height: 60px;
    margin-bottom: 5px
}

#assault_voltagelist .voltage_area .voltage_content .item_name {
    margin: 22px 0 0 5px;
    text-shadow: 0px 0px 3px #333, 0px 0px 3px #333, 0px 3px 3px #333, 0px 0px 3px #333, 0px 0px 3px #333, 0px 0px 3px #333, 0px 0px 3px #333, 0px 0px 3px #333
}

#assault_voltagelist .voltage_area .voltage_content .white_line {
    border-top: 1px #fff solid;
    width: 245px;
    height: 5px;
    margin-left: 20px
}

#assault_voltagelist .voltage_area .voltage_content .vpop_link {
    width: 247px;
    background: rgba(0, 0, 0, 0.6);
    margin-left: 6px
}

#assault_voltagelist .voltage_area .voltage_content .close_button {
    margin: 10px 0 0 75px
}

.assault_srare_ball {
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: hidden;
    -webkit-border-radius: 10px
}

.assault_srare_ball:before {
    width: 320px;
    height: 30px;
    display: block;
    content: " ";
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/voltage/voltage_chance_top.png) center top no-repeat;
    background-size: 320px 30px
}

.assault_srare_ball:after {
    width: 320px;
    height: 40px;
    display: block;
    content: " ";
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/voltage/voltage_chance_line_bottom.png) center top no-repeat;
    background-size: 320px 40px
}

.assault_srare_ball .voltage_content {
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/voltage/voltage_chance_line_side.png) repeat-y;
    background-size: 320px 60px;
    width: 100%;
    display: -webkit-box;
    display: -moz-box
}

.assault_srare_ball .voltage_content .title {
    width: 100%;
    text-align: center;
    margin-top: -12px;
    text-shadow: 0px 0px 3px #333, 0px 0px 3px #333, 0px 3px 3px #333, 0px 0px 3px #333, 0px 0px 3px #333, 0px 0px 3px #333, 0px 0px 3px #333, 0px 0px 3px #333;
    color: #FFE841;
    font-size: 1.2rem
}

.assault_srare_ball .voltage_content .item_img {
    width: 100%;
    text-align: center
}

.assault_srare_ball .voltage_content .item_img img {
    width: 60px;
    height: 60px;
    margin-bottom: 5px
}

.assault_srare_ball .voltage_content .nothing {
    margin-top: 18px;
    margin-bottom: -15px;
    text-align: center;
    width: 100%;
    text-shadow: 0px 0px 3px #333, 0px 0px 3px #333, 0px 3px 3px #333, 0px 0px 3px #333, 0px 0px 3px #333, 0px 0px 3px #333, 0px 0px 3px #333, 0px 0px 3px #333
}

.assault_srare_ball .voltage_content .vpop_link_1 {
    position: relative;
    width: 268px;
    background: rgba(0, 0, 0, 0.6);
    margin: 9px 0 -14px 13px
}

.assault_srare_ball .voltage_content .sball_1 {
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/voltage/voltage_chance_sr_gauge1.png) center top no-repeat;
    background-size: 288px 84px;
    width: 288px;
    height: 84px;
    position: absolute;
    z-index: 3;
    margin-top: -6px;
    margin-left: 20px
}

.assault_srare_ball .voltage_content .sball_1 .ball {
    position: absolute;
    margin: 50px 0 0 14px
}

.assault_srare_ball .voltage_content .sball_1 .ball img {
    margin-left: -0.2rem;
    margin-bottom: -0.1rem
}

.assault_srare_ball .voltage_content .srare_1 {
    position: relative;
    z-index: 2;
    width: 64px;
    height: 65px;
    margin: 2px 0 0 232px
}

.assault_srare_ball .voltage_content .vpop_link_2 {
    position: relative;
    width: 268px;
    background: rgba(0, 0, 0, 0.6);
    margin: 14px 0 -14px 13px
}

.assault_srare_ball .voltage_content .sball_2 {
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/voltage/voltage_chance_sr_gauge2.png) center top no-repeat;
    background-size: 288px 84px;
    width: 288px;
    height: 84px;
    position: absolute;
    z-index: 3;
    margin-top: -4px;
    margin-left: 17px
}

.assault_srare_ball .voltage_content .sball_2 .ball {
    position: absolute;
    margin: 28px 0 0 14px
}

.assault_srare_ball .voltage_content .sball_2 .ball img {
    margin-left: -0.2rem;
    margin-bottom: -0.1rem
}

.assault_srare_ball .voltage_content .srare_2 {
    position: relative;
    z-index: 2;
    width: 64px;
    height: 65px;
    margin: 0 0 0 232px
}

.assault_ballon_1 {
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/event_story_balloon_1.png) no-repeat;
    background-size: 220px;
    width: 220px;
    height: 100px;
    color: #1d1d1d;
    position: relative;
    margin-left: -22px;
    margin-top: 25px;
    overflow: hidden
}

.assault_ballon_1 .comment {
    display: block;
    text-align: left;
    margin-top: 6px;
    margin-right: 8px;
    margin-bottom: 10px;
    margin-left: 18px;
    word-break: break-all;
    line-height: 120%
}

.assault_ballon_2 {
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/event_story_balloon_2.png) no-repeat;
    background-size: 220px;
    width: 220px;
    height: 100px;
    color: #1d1d1d;
    position: relative;
    margin-left: -22px;
    margin-top: 25px;
    overflow: hidden
}

.assault_ballon_2 .comment {
    display: block;
    text-align: left;
    margin-top: 6px;
    margin-right: 8px;
    margin-bottom: 10px;
    margin-left: 18px;
    word-break: break-all;
    line-height: 120%
}

.assault_ballon_3 {
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/event_story_balloon_3.png) no-repeat;
    background-size: 220px;
    width: 220px;
    height: 100px;
    color: #1d1d1d;
    position: relative;
    margin-left: -22px;
    margin-top: 25px;
    overflow: hidden
}

.assault_ballon_3 .comment {
    display: block;
    text-align: left;
    margin-top: 6px;
    margin-right: 8px;
    margin-bottom: 10px;
    margin-left: 18px;
    word-break: break-all;
    line-height: 120%
}

.assault_ballon {
    background-size: 220px;
    background-repeat: no-repeat;
    width: 220px;
    height: 100px;
    color: #1d1d1d;
    position: relative;
    margin-top: 8px;
    overflow: hidden
}

.assault_ballon.normal {
    margin-left: -10px
}

.assault_ballon.normal.ballon_attr_1 {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/event_story_balloon2_left_1.png)
}

.assault_ballon.normal.ballon_attr_2 {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/event_story_balloon2_left_2.png)
}

.assault_ballon.normal.ballon_attr_3 {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/event_story_balloon2_left_3.png)
}

.assault_ballon.normal.ballon_attr_no {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/event_story_balloon2_left_4.png)
}

.assault_ballon.normal .idol_name {
    height: 26px;
    text-align: left;
    margin-left: 27px;
    line-height: 27px
}

.assault_ballon.normal .comment {
    text-align: left;
    margin-left: 20px;
    margin-top: 2px;
    word-break: break-all;
    line-height: 120%
}

.assault_ballon.reverse {
    margin-left: 5px
}

.assault_ballon.reverse.ballon_attr_1 {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/event_story_balloon2_right_1.png)
}

.assault_ballon.reverse.ballon_attr_2 {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/event_story_balloon2_right_2.png)
}

.assault_ballon.reverse.ballon_attr_3 {
    background-image: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/event_story_balloon2_right_3.png)
}

.assault_ballon.reverse .idol_name {
    height: 26px;
    text-align: left;
    margin-left: 19px;
    line-height: 27px
}

.assault_ballon.reverse .comment {
    text-align: left;
    margin-left: 8px;
    margin-right: 17px;
    word-break: break-all;
    line-height: 120%
}

.assault_story_btn {
    color: #33ff33
}

.assault_story_btn.story_selected {
    color: #ffffff
}

.assault_ballon_all {
    width: 220px;
    height: 100px;
    color: #1d1d1d;
    position: relative;
    overflow: hidden
}

.assault_ballon_all.normal {
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/event_story_balloon_1.png) no-repeat;
    background-size: 220px;
    margin-left: -10px
}

.assault_ballon_all.reverse {
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/event/assault/event_story_balloon_1.png) no-repeat;
    background-size: 220px;
    margin-right: 10px
}

.assault_ballon_all .idol_name {
    height: 26px;
    text-align: left;
    margin-left: 18px;
    line-height: 26px
}

.assault_ballon_all .comment {
    text-align: left;
    margin-left: 18px;
    word-break: break-all;
    line-height: 120%
}

.assault_auto_btn {
    width: 120px;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    display: block;
    text-decoration: none;
    border: 1px solid #666666;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444), color-stop(50%, #1d1d1d), color-stop(100%, #444));
    margin: 0 auto;
    width: 200px;
    height: 50px;
    position: relative
}

.assault_auto_btn a {
    color: #ffffff;
    display: block;
    text-decoration: none
}

.assault_auto_btn:active,
.assault_auto_btn:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666), color-stop(50%, #333), color-stop(100%, #666))
}

.assault_auto_btn img {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 5px;
    left: 8px;
    -webkit-border-radius: 5px
}

.assault_auto_btn .assault_auto_info {
    position: absolute;
    top: 11px;
    left: 50px;
    width: 145px;
    height: 40px;
    font-size: 0.7rem;
    line-height: 1rem
}

.story_btn_area .btn_cancel_line_2.selected {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/common/btn_new-s795bd8899a.png) no-repeat 0 -1500px;
    -webkit-background-size: 280px 2088px;
    background-size: 280px 2088px;
    width: 136px;
    height: 36px;
    color: #aaaaaa
}

.story_btn_area .btn_cancel_line_3.selected {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/common/btn_new-s795bd8899a.png) no-repeat 0 -1537px;
    -webkit-background-size: 280px 2088px;
    background-size: 280px 2088px;
    width: 88px;
    height: 36px;
    color: #aaaaaa
}

.story_btn_area .btn_cancel_line_4.selected {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/common/btn_new-s795bd8899a.png) no-repeat 0 -1574px;
    -webkit-background-size: 280px 2088px;
    background-size: 280px 2088px;
    width: 64px;
    height: 36px;
    color: #aaaaaa
}

.story_btn_area .btn_cancel_line_5.selected {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/common/btn_new-s795bd8899a.png) no-repeat 0 -1611px;
    -webkit-background-size: 280px 2088px;
    background-size: 280px 2088px;
    width: 50px;
    height: 36px;
    color: #aaaaaa
}

.story_btn_area .btn_cancel_line_6.selected {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/common/btn_new-s795bd8899a.png) no-repeat 0 -1459px;
    -webkit-background-size: 280px 2088px;
    background-size: 280px 2088px;
    width: 40px;
    height: 40px;
    color: #aaaaaa
}

.story_btn_area .btn_decision_line_2.selected {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/common/btn_new-s795bd8899a.png) no-repeat 0 -1011px;
    -webkit-background-size: 280px 2088px;
    background-size: 280px 2088px;
    width: 136px;
    height: 36px;
    color: #aaaaaa
}

.story_btn_area .btn_decision_line_3.selected {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/common/btn_new-s795bd8899a.png) no-repeat 0 -1159px;
    -webkit-background-size: 280px 2088px;
    background-size: 280px 2088px;
    width: 88px;
    height: 36px;
    color: #aaaaaa
}

.story_btn_area .btn_decision_line_4.selected {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/common/btn_new-s795bd8899a.png) no-repeat 0 -1196px;
    -webkit-background-size: 280px 2088px;
    background-size: 280px 2088px;
    width: 64px;
    height: 36px;
    color: #aaaaaa
}

.story_btn_area .btn_decision_line_5.selected {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/common/btn_new-s795bd8899a.png) no-repeat 0 -1233px;
    -webkit-background-size: 280px 2088px;
    background-size: 280px 2088px;
    width: 50px;
    height: 36px;
    color: #aaaaaa
}

.story_btn_area .btn_decision_line_6.selected {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/common/btn_new-s795bd8899a.png) no-repeat 0 -933px;
    -webkit-background-size: 280px 2088px;
    background-size: 280px 2088px;
    width: 40px;
    height: 40px;
    color: #aaaaaa
}

.story_btn_area .btn_decision_sub_line_2.selected {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/common/btn_new-s795bd8899a.png) no-repeat 0 -974px;
    -webkit-background-size: 280px 2088px;
    background-size: 280px 2088px;
    width: 136px;
    height: 36px;
    color: #aaaaaa
}

.story_btn_area .btn_decision_sub_line_3.selected {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/common/btn_new-s795bd8899a.png) no-repeat 0 -1048px;
    -webkit-background-size: 280px 2088px;
    background-size: 280px 2088px;
    width: 88px;
    height: 36px;
    color: #aaaaaa
}

.story_btn_area .btn_decision_sub_line_4.selected {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/common/btn_new-s795bd8899a.png) no-repeat 0 -1085px;
    -webkit-background-size: 280px 2088px;
    background-size: 280px 2088px;
    width: 64px;
    height: 36px;
    color: #aaaaaa
}

.story_btn_area .btn_decision_sub_line_5.selected {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/common/btn_new-s795bd8899a.png) no-repeat 0 -1122px;
    -webkit-background-size: 280px 2088px;
    background-size: 280px 2088px;
    width: 50px;
    height: 36px;
    color: #aaaaaa
}

.story_btn_area .btn_icon_popup.selected {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/common/btn_new-s795bd8899a.png) no-repeat 0 -2072px;
    -webkit-background-size: 280px 2088px;
    background-size: 280px 2088px;
    width: 16px;
    height: 16px;
    color: #aaaaaa
}

.story_btn_area .btn_important_line_1.selected {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/common/btn_new-s795bd8899a.png) no-repeat 0 -1915px;
    -webkit-background-size: 280px 2088px;
    background-size: 280px 2088px;
    width: 280px;
    height: 28px;
    color: #aaaaaa
}

.story_btn_area .btn_normal_line_2.selected {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/common/btn_new-s795bd8899a.png) no-repeat 0 -1270px;
    -webkit-background-size: 280px 2088px;
    background-size: 280px 2088px;
    width: 136px;
    height: 36px;
    color: #aaaaaa
}

.story_btn_area .btn_normal_line_3.selected {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/common/btn_new-s795bd8899a.png) no-repeat 0 -1348px;
    -webkit-background-size: 280px 2088px;
    background-size: 280px 2088px;
    width: 88px;
    height: 36px;
    color: #aaaaaa
}

.story_btn_area .btn_normal_line_4.selected {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/common/btn_new-s795bd8899a.png) no-repeat 0 -1385px;
    -webkit-background-size: 280px 2088px;
    background-size: 280px 2088px;
    width: 64px;
    height: 36px;
    color: #aaaaaa
}

.story_btn_area .btn_normal_line_5.selected {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/common/btn_new-s795bd8899a.png) no-repeat 0 -1422px;
    -webkit-background-size: 280px 2088px;
    background-size: 280px 2088px;
    width: 50px;
    height: 36px;
    color: #aaaaaa
}

.story_btn_area .btn_normal_line_6.selected {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/common/btn_new-s795bd8899a.png) no-repeat 0 -1307px;
    -webkit-background-size: 280px 2088px;
    background-size: 280px 2088px;
    width: 40px;
    height: 40px;
    color: #aaaaaa
}

.story_btn_area .btn_sup_line_2.selected {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/common/btn_new-s795bd8899a.png) no-repeat 0 -1648px;
    -webkit-background-size: 280px 2088px;
    background-size: 280px 2088px;
    width: 136px;
    height: 36px;
    color: #aaaaaa
}

.story_btn_area .btn_sup_line_3.selected {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/common/btn_new-s795bd8899a.png) no-repeat 0 -1722px;
    -webkit-background-size: 280px 2088px;
    background-size: 280px 2088px;
    width: 88px;
    height: 36px;
    color: #aaaaaa
}

.story_btn_area .btn_sup_line_4.selected {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/common/btn_new-s795bd8899a.png) no-repeat 0 -1878px;
    -webkit-background-size: 280px 2088px;
    background-size: 280px 2088px;
    width: 64px;
    height: 36px;
    color: #aaaaaa
}

.story_btn_area .btn_sup_line_5.selected {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/common/btn_new-s795bd8899a.png) no-repeat 0 -1981px;
    -webkit-background-size: 280px 2088px;
    background-size: 280px 2088px;
    width: 50px;
    height: 36px;
    color: #aaaaaa
}

.story_btn_area .btn_sup_line_6.selected {
    display: block;
    background: url(https://lodipot.github.io/mika_backup/gallery/css/image/event_carnival/ui/common/btn_new-s795bd8899a.png) no-repeat 0 -1759px;
    -webkit-background-size: 280px 2088px;
    background-size: 280px 2088px;
    width: 40px;
    height: 40px;
    color: #aaaaaa
}