body
{
    background: url("../images/pc/common/bg.png");
}

#header
{
    background: #000;
    height: 699px;
    width: 100%;
}

#header .kv
{
    height: 700px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

#header .kv h1
{
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    display: block;
    width: 578px;
    height: 320px;
    background-image: url("../images/pc/header/logo.png");
    background-repeat: no-repeat;
    background-size: 578px 320px;
    background-position: 0px 0px;
    position: absolute;
    bottom: 91px;
    left: 50%;
    margin-left: -289px;
    z-index: 3;
}

#header .kv h2
{
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    display: block;
    width: 748px;
    height: 61px;
    background-image: url("../images/pc/header/event.png");
    background-repeat: no-repeat;
    background-size: 748px 61px;
    background-position: 0px 0px;
    position: absolute;
    bottom: 22px;
    left: 50%;
    margin-left: -375px;
    z-index: 3;
}

#header .kv .img-set
{
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    display: block;
    width: 2800px;
    height: 700px;
    background-image: url("../images/pc/header/img-set.png");
    background-repeat: no-repeat;
    background-size: 2800px 700px;
    background-position: 0px 0px;
    position: absolute;
    left: 50%;
    margin-left: -1400px;
}

#currentstatus
{
    position: relative;
    margin-top: 81px;
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
    font-family: serif;
    z-index: 10;
}

#currentstatus .container
{
    margin: 0 auto 8px;
    width: 1001px;
    height: 198px;
    padding-top: 24px;
    position: relative;
}

#currentstatus .container h2
{
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    display: block;
    width: 209px;
    height: 42px;
    background-image: url("../images/pc/currentstatus/title.png");
    background-repeat: no-repeat;
    background-size: 209px 42px;
    background-position: 0px 0px;
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -104.5px;
}

#currentstatus .container ul
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#currentstatus .container ul .conquerdarea
{
    display: block;
    width: 492px;
    height: 161px;
    background-image: url("../images/pc/currentstatus/conquerdarea.png");
    background-repeat: no-repeat;
    background-size: 492px 161px;
    background-position: 0px 0px;
    position: relative;
}

#currentstatus .container ul .conquerdarea .current_num_wrap
{
    display: inline-block;
    text-align: center;
    width: 72px;
    height: 56px;
    position: absolute;
    top: 73px;
    left: 127px;
}

#currentstatus .container ul .conquerdarea .current_num
{
    display: inline-block;
}

#currentstatus .container ul .conquerdarea .total_num
{
    display: inline-block;
    width: 72px;
    height: 56px;
    position: absolute;
    top: 73px;
    left: 297px;
}

#currentstatus .container ul .conquerdarea .total_num .num1
{
    position: absolute;
    left: 0px;
}

#currentstatus .container ul .conquerdarea .total_num .num0
{
    position: absolute;
    right: 5px;
}

#currentstatus .container ul .conquerdarea .num_box
{
    display: inline-block;
    margin: 0 auto;
    width: 36px;
    height: 56px;
    background: url("../images/pc/currentstatus/num.png");
    background-size: 100%;
    background-repeat: no-repeat;
}

#currentstatus .container ul .conquerdarea .num0
{
    background-position: 0 0px;
}

#currentstatus .container ul .conquerdarea .num1
{
    background-position: 0 -56px;
}

#currentstatus .container ul .conquerdarea .num2
{
    background-position: 0 -112px;
}

#currentstatus .container ul .conquerdarea .num3
{
    background-position: 0 -168px;
}

#currentstatus .container ul .conquerdarea .num4
{
    background-position: 0 -224px;
}

#currentstatus .container ul .conquerdarea .num5
{
    background-position: 0 -280px;
}

#currentstatus .container ul .conquerdarea .num6
{
    background-position: 0 -336px;
}

#currentstatus .container ul .conquerdarea .num7
{
    background-position: 0 -392px;
}

#currentstatus .container ul .conquerdarea .num8
{
    background-position: 0 -448px;
}

#currentstatus .container ul .conquerdarea .num9
{
    background-position: 0 -504px;
}

#currentstatus .container ul .conquerdarea .complete .num0
{
    margin: 0 0 0 -5px;
}

#currentstatus .container ul .totalbattle
{
    display: block;
    width: 492px;
    height: 161px;
    background-image: url("../images/pc/currentstatus/totalbattle.png");
    background-repeat: no-repeat;
    background-size: 492px 161px;
    background-position: 0px 0px;
    position: relative;
    margin: 0 auto;
    text-align: center;
}

#currentstatus .container ul .totalbattle .totalbattle_num
{
    display: inline-block;
    margin: 71px 0 0 3px;
}

#currentstatus .container ul .totalbattle .totalbattle_num .comma
{
    display: block;
    width: 18px;
    height: 23px;
    background-image: url("../images/pc/currentstatus/comma.png");
    background-repeat: no-repeat;
    background-size: 18px 23px;
    background-position: 0px 0px;
    margin-top: 35px;
    margin-left: -1px;
    display: inline-block;
}

#currentstatus .container ul .totalbattle .totalbattle_num .comma2
{
    display: block;
    width: 18px;
    height: 23px;
    background-image: url("../images/pc/currentstatus/comma.png");
    background-repeat: no-repeat;
    background-size: 18px 23px;
    background-position: 0px 0px;
    margin-top: 35px;
    margin-left: 2px;
    display: inline-block;
}

#currentstatus .container ul .totalbattle .totalbattle_num .num_box
{
    margin: 0 auto;
    width: 36px;
    height: 56px;
    background: url("../images/pc/currentstatus/num.png");
    background-size: 100%;
    background-repeat: no-repeat;
    display: inline-block;
}

#currentstatus .container ul .totalbattle .totalbattle_num .num0
{
    background-position: 0 0px;
}

#currentstatus .container ul .totalbattle .totalbattle_num .num1
{
    background-position: 0 -56px;
}

#currentstatus .container ul .totalbattle .totalbattle_num .num2
{
    background-position: 0 -112px;
}

#currentstatus .container ul .totalbattle .totalbattle_num .num3
{
    background-position: 0 -168px;
}

#currentstatus .container ul .totalbattle .totalbattle_num .num4
{
    background-position: 0 -224px;
}

#currentstatus .container ul .totalbattle .totalbattle_num .num5
{
    background-position: 0 -280px;
}

#currentstatus .container ul .totalbattle .totalbattle_num .num6
{
    background-position: 0 -336px;
}

#currentstatus .container ul .totalbattle .totalbattle_num .num7
{
    background-position: 0 -392px;
}

#currentstatus .container ul .totalbattle .totalbattle_num .num8
{
    background-position: 0 -448px;
}

#currentstatus .container ul .totalbattle .totalbattle_num .num9
{
    background-position: 0 -504px;
}

#currentstatus .container .button_wrap
{
    width: 1001px;
    margin: 9px auto 0;
    position: relative;
}

#currentstatus .container .button_wrap .button
{
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    display: block;
    width: 338px;
    height: 58px;
    background-image: url("../images/pc/currentstatus/btn.png");
    background-repeat: no-repeat;
    background-size: 338px 58px;
    background-position: 0px 0px;
    position: absolute;
    top: 0;
    left: 85px;
}

#currentstatus .container .button_wrap .button_facebook
{
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    display: block;
    width: 338px;
    height: 58px;
    background-image: url("../images/pc/currentstatus/btn_to_facebook.png");
    background-repeat: no-repeat;
    background-size: 338px 58px;
    background-position: 0px 0px;
    position: absolute;
    top: 0;
    left: 589px;
}

#info .event p
{
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    background: url("../images/pc/info/eventinformation.png") top center no-repeat;
    height: 493px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 5;
}

#info .game
{
    width: 1002px;
    margin: -20px auto 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#info .game li:nth-of-type(1)
{
    display: block;
    width: 317px;
    height: 568px;
    background-image: url("../images/pc/info/step1.png");
    background-repeat: no-repeat;
    background-size: 317px 568px;
    background-position: 0px 0px;
    position: relative;
    z-index: 1;
}

#info .game li:nth-of-type(1) a
{
    display: block;
    position: absolute;
    width: 100px;
    height: 30px;
    top: 515px;
    left: 29px;
}

#info .game li:nth-of-type(2)
{
    display: block;
    width: 317px;
    height: 568px;
    background-image: url("../images/pc/info/step2.png");
    background-repeat: no-repeat;
    background-size: 317px 568px;
    background-position: 0px 0px;
    position: relative;
    margin-left: 1px;
    z-index: 2;
}

#info .game li:nth-of-type(3)
{
    display: block;
    width: 317px;
    height: 568px;
    background-image: url("../images/pc/info/step3.png");
    background-repeat: no-repeat;
    background-size: 317px 568px;
    background-position: 0px 0px;
    position: relative;
    z-index: 1;
}

#info .game li:nth-of-type(2):after
{
    position: absolute;
    display: block;
    width: 49px;
    height: 97px;
    background-image: url("../images/pc/info/arrow.png");
    background-repeat: no-repeat;
    background-size: 49px 97px;
    background-position: 0px 0px;
    display: block;
    content: "";
    top: 237px;
    left: -27px;
}

#info .game li:nth-of-type(3):after
{
    position: absolute;
    display: block;
    width: 49px;
    height: 97px;
    background-image: url("../images/pc/info/arrow.png");
    background-repeat: no-repeat;
    background-size: 49px 97px;
    background-position: 0px 0px;
    display: block;
    content: "";
    top: 237px;
    left: -26px;
}

#info .game li:nth-of-type(1) p,
  #info .game li:nth-of-type(2) p,
  #info .game li:nth-of-type(3) p
{
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
}

#info .incentiveinfo
{
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    display: block;
    width: 1002px;
    height: 83px;
    background-image: url("../images/pc/info/incentiveinfo.png");
    background-repeat: no-repeat;
    background-size: 1002px 83px;
    background-position: 0px 0px;
    margin: 16px auto 58px;
}

#map h2
{
    margin: 0 auto 25px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    display: block;
    width: 1000px;
    height: 148px;
    background-image: url("../images/pc/map/title.png");
    background-repeat: no-repeat;
    background-size: 1000px 148px;
    background-position: 0px 0px;
}

#map .container
{
    height: 792px;
    width: 100%;
    background: url("../images/pc/map/bg2.png");
    position: relative;
}

#map .container .masu
{
    height: 792px;
    width: 100%;
    background: url("../images/pc/map/bg.png");
}

#map .container .map_wrap
{
    display: block;
    width: 614px;
    height: 667px;
    background-image: url("../images/pc/map/map_base.png");
    background-repeat: no-repeat;
    background-size: 614px 667px;
    background-position: 0px 0px;
    position: absolute;
    top: 38px;
    left: 50%;
    margin-left: -307px;
}

#map .container .map_wrap .area1
{
    background: url("../images/pc/map/map_area_1.png");
    width: 314px;
    height: 285px;
    background-size: 628px 285px;
    background-position: left;
    position: absolute;
    top: 8px;
    left: 294px;
}

#map .container .map_wrap .area1 .pin1
{
    z-index: 5;
    background: url("../images/pc/map/map_pin_1.png");
    width: 91px;
    height: 129px;
    background-size: 182px 129px;
    background-position: left;
    position: absolute;
    top: 63px;
    left: 94px;
}

#map .container .map_wrap .area2
{
    background: url("../images/pc/map/map_area_2.png");
    width: 217px;
    height: 215px;
    background-size: 434px 215px;
    background-position: left;
    position: absolute;
    top: 240px;
    left: 88px;
}

#map .container .map_wrap .area2 .pin2
{
    z-index: 5;
    background: url("../images/pc/map/map_pin_2.png");
    width: 91px;
    height: 129px;
    background-size: 182px 129px;
    background-position: left;
    position: absolute;
    top: 37px;
    left: 57px;
}

#map .container .map_wrap .area3
{
    background: url("../images/pc/map/map_area_3.png");
    width: 336px;
    height: 253px;
    background-size: 672px 253px;
    background-position: left;
    position: absolute;
    top: 409px;
    left: 170px;
    z-index: 100;
}

#map .container .map_wrap .area3 .pin3
{
    z-index: 5;
    background: url("../images/pc/map/map_pin_3.png");
    width: 91px;
    height: 129px;
    background-size: 182px 129px;
    background-position: left;
    position: absolute;
    top: -43px;
    left: 180px;
}

#map .container .map_wrap .area4
{
    background: url("../images/pc/map/map_area_4.png");
    width: 170px;
    height: 191px;
    background-size: 340px 191px;
    background-position: left;
    position: absolute;
    top: 257px;
    left: 388px;
}

#map .container .map_wrap .area4 .pin4
{
    z-index: 5;
    background: url("../images/pc/map/map_pin_4.png");
    width: 91px;
    height: 129px;
    background-size: 182px 129px;
    background-position: left;
    position: absolute;
    top: -10px;
    left: 42px;
}

#map .container .map_wrap .area5
{
    background: url("../images/pc/map/map_area_5.png");
    width: 188px;
    height: 142px;
    background-size: 376px 142px;
    background-position: left;
    position: absolute;
    top: 134px;
    left: 104px;
}

#map .container .map_wrap .area5 .pin5
{
    z-index: 5;
    background: url("../images/pc/map/map_pin_5.png");
    width: 91px;
    height: 129px;
    background-size: 182px 129px;
    background-position: left;
    position: absolute;
    top: -23px;
    left: 61px;
}

#map .container .map_wrap .area6
{
    background: url("../images/pc/map/map_area_6.png");
    width: 185px;
    height: 175px;
    background-size: 370px 175px;
    background-position: left;
    position: absolute;
    top: 289px;
    left: 248px;
}

#map .container .map_wrap .area6 .pin6
{
    z-index: 5;
    background: url("../images/pc/map/map_pin_6.png");
    width: 91px;
    height: 129px;
    background-size: 182px 129px;
    background-position: left;
    position: absolute;
    top: 14px;
    left: 31px;
}

#map .container .map_wrap .area7
{
    background: url("../images/pc/map/map_area_7.png");
    width: 164px;
    height: 141px;
    background-size: 328px 141px;
    background-position: left;
    position: absolute;
    top: 170px;
    left: 255px;
}

#map .container .map_wrap .area7 .pin7
{
    z-index: 5;
    background: url("../images/pc/map/map_pin_7.png");
    width: 91px;
    height: 129px;
    background-size: 182px 129px;
    background-position: left;
    position: absolute;
    top: -29px;
    left: 37px;
}

#map .container .map_wrap .area8
{
    background: url("../images/pc/map/map_area_8.png");
    width: 176px;
    height: 150px;
    background-size: 352px 150px;
    background-position: left;
    position: absolute;
    top: 5px;
    left: 12px;
}

#map .container .map_wrap .area8 .pin8
{
    z-index: 5;
    background: url("../images/pc/map/map_pin_8.png");
    width: 91px;
    height: 129px;
    background-size: 182px 129px;
    background-position: left;
    position: absolute;
    top: -30px;
    left: 59px;
}

#map .container .map_wrap .area9
{
    background: url("../images/pc/map/map_area_9.png");
    width: 239px;
    height: 186px;
    background-size: 478px 186px;
    background-position: left;
    position: absolute;
    top: 357px;
    left: 5px;
}

#map .container .map_wrap .area9 .pin9
{
    z-index: 5;
    background: url("../images/pc/map/map_pin_9.png");
    width: 91px;
    height: 129px;
    background-size: 182px 129px;
    background-position: left;
    position: absolute;
    top: -15px;
    left: 51px;
}

#map .container .area.conquerd
{
    background-position: right;
    opacity: 0;
}

#map .container .area.conquerd .pin
{
    background-position: right;
    opacity: 0;
}

#map .container .scale
{
    display: block;
    width: 351px;
    height: 21px;
    background-image: url("../images/pc/map/scale.png");
    background-repeat: no-repeat;
    background-size: 351px 21px;
    background-position: 0px 0px;
    position: absolute;
    bottom: 90px;
    right: 50%;
    margin-right: 147px;
}

#map .container .text
{
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    display: block;
    width: 308px;
    height: 44px;
    background-image: url("../images/pc/map/text.png");
    background-repeat: no-repeat;
    background-size: 308px 44px;
    background-position: 0px 0px;
    position: absolute;
    bottom: 87px;
    left: 50%;
    margin-left: 192px;
}

#map .container .guide
{
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    display: block;
    width: 999px;
    height: 30px;
    background-image: url("../images/pc/map/guide.png");
    background-repeat: no-repeat;
    background-size: 999px 30px;
    background-position: 0px 0px;
    position: absolute;
    bottom: 38px;
    left: 50%;
    margin-left: -499.5px;
}

#list .list_box
{
    background: url("../images/pc/list/bg.png") top left no-repeat;
    width: 980px;
    height: 988px;
    margin: 39px auto 80px;
    padding: 10px;
}

#list .list_box li
{
    height: 90px;
    width: 980px;
    margin-bottom: 10px;
    position: relative;
}

#list .list_box li p
{
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
}

#list .list_box li .bar
{
    width: 255px;
    height: 90px;
    position: absolute;
    left: 368px;
    top: 0;
}

#list .list_box li .bar .frame
{
    position: absolute;
    z-index: 5;
    left: 13px;
    top: 17px;
    display: block;
    width: 228px;
    height: 36px;
    background-image: url("../images/pc/list/frame.png");
    background-repeat: no-repeat;
    background-size: 228px 36px;
    background-position: 0px 0px;
}

#list .list_box li .bar .gauge-wrap
{
    position: absolute;
    z-index: 4;
    left: 23px;
    top: 27px;
    width: 209px;
}

#list .list_box li .bar .gauge
{
    width: 0;
    background: url("../images/pc/list/bar2.png");
    height: 16px;
    border-radius: 10px;
    box-shadow: inset 2px 0 1px 0 #ffff4d,inset -2px 0px 1px 0px #ffff4d;
}

#list .list_box li .bar .gauge.conquerd
{
    display: block;
    width: 208px;
    height: 16px;
    background-image: url("../images/pc/list/bar.png");
    background-repeat: no-repeat;
    background-size: 208px 16px;
    background-position: 0px 0px;
    opacity: 0;
}

#list .list_box li .bar .bg
{
    position: absolute;
    z-index: 3;
    left: 20px;
    top: 25px;
    display: block;
    width: 214px;
    height: 20px;
    background-image: url("../images/pc/list/barguide.png");
    background-repeat: no-repeat;
    background-size: 214px 20px;
    background-position: 0px 0px;
}

#list .list_box li .bar .num
{
    font-size: 12px;
    color: #FFF;
    z-index: 5;
    display: inline-block;
    width: 255px;
    text-align: center;
    text-indent: 0px;
    position: absolute;
    bottom: 13px;
}

#list .list_box li .incentive
{
    width: 228px;
    height: 46px;
    padding: 20px 0;
    position: absolute;
    left: 622px;
    top: 2px;
}

#list .list_box li .incentive .item
{
    display: block;
    width: 46px;
    height: 46px;
    background-image: url("../images/pc/list/orb.png");
    background-repeat: no-repeat;
    background-size: 46px 46px;
    background-position: 0px 0px;
    position: absolute;
    left: 45px;
    top: 20px;
}

#list .list_box li .incentive .x
{
    display: block;
    width: 12px;
    height: 10px;
    background-image: url("../images/pc/list/x.png");
    background-repeat: no-repeat;
    background-size: 12px 10px;
    background-position: 0px 0px;
    position: absolute;
    top: 40px;
    left: 113px;
}

#list .list_box li .incentive .num_wrap
{
    width: 46px;
    position: absolute;
    right: 39px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#list .list_box li .incentive .num_wrap .num_box
{
    margin: 8px 0;
    width: 23px;
    height: 33px;
    background-size: 100%;
    background-repeat: no-repeat;
}

#list .list_box li .incentive .num_wrap .num0
{
    background: url("../images/pc/list/num_0.png");
}

#list .list_box li .incentive .num_wrap .num1
{
    background: url("../images/pc/list/num_1.png");
}

#list .list_box li .incentive .num_wrap .num2
{
    background: url("../images/pc/list/num_2.png");
}

#list .list_box li .incentive .num_wrap .num3
{
    background: url("../images/pc/list/num_3.png");
}

#list .list_box li .incentive .num_wrap .num4
{
    background: url("../images/pc/list/num_4.png");
}

#list .list_box li .incentive .num_wrap .num5
{
    background: url("../images/pc/list/num_5.png");
}

#list .list_box li .incentive .num_wrap .num6
{
    background: url("../images/pc/list/num_6.png");
}

#list .list_box li .incentive .num_wrap .num7
{
    background: url("../images/pc/list/num_7.png");
}

#list .list_box li .incentive .num_wrap .num8
{
    background: url("../images/pc/list/num_8.png");
}

#list .list_box li .incentive .num_wrap .num9
{
    background: url("../images/pc/list/num_9.png");
}

#list .list_box li .button
{
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    display: block;
    width: 100px;
    height: 80px;
    background-image: url("../images/pc/list/btn.png");
    background-repeat: no-repeat;
    background-size: 100px 80px;
    background-position: 0px 0px;
    position: absolute;
    right: 15px;
    top: 6px;
}

#list .list_box li.conquerd
{
    background-position: top right;
    opacity: 0;
}

#list .list_box .chara_01
{
    background: url("../images/pc/list/list_01.png") top left no-repeat;
}

#list .list_box .chara_02
{
    background: url("../images/pc/list/list_02.png") top left no-repeat;
}

#list .list_box .chara_03
{
    background: url("../images/pc/list/list_03.png") top left no-repeat;
}

#list .list_box .chara_04
{
    background: url("../images/pc/list/list_04.png") top left no-repeat;
}

#list .list_box .chara_05
{
    background: url("../images/pc/list/list_05.png") top left no-repeat;
}

#list .list_box .chara_06
{
    background: url("../images/pc/list/list_06.png") top left no-repeat;
}

#list .list_box .chara_07
{
    background: url("../images/pc/list/list_07.png") top left no-repeat;
}

#list .list_box .chara_08
{
    background: url("../images/pc/list/list_08.png") top left no-repeat;
}

#list .list_box .chara_09
{
    background: url("../images/pc/list/list_09.png") no-repeat top left;
}

#list .list_box .chara_09 .incentive .item
{
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    display: block;
    width: 118px;
    height: 25px;
    background-image: url("../images/pc/list/incentive.png");
    background-repeat: no-repeat;
    background-size: 118px 25px;
    background-position: 0px 0px;
    left: 56px;
    top: 32px;
}

#list .list_box .chara_09 .incentive .x
{
    left: 150px;
}

#list .list_box .chara_09 .incentive .num_wrap
{
    width: 46px;
    position: absolute;
    right: 2px;
}

#list .list_box .chara_10
{
    height: 90px;
    width: 980px;
    background: url("../images/pc/list/list_10.png") no-repeat top left;
}

#list .list_box .chara_10 .incentive .item
{
    display: block;
    width: 46px;
    height: 46px;
    background-image: url("../images/pc/list/orb.png");
    background-repeat: no-repeat;
    background-size: 46px 46px;
    background-position: 0px 0px;
    left: 91px;
}

#list .list_box .chara_10 .incentive .x
{
    left: 156px;
}

#list .list_box .chara_10 .incentive .num_wrap
{
    width: 46px;
    position: absolute;
    right: -5px;
}

#facebook hr
{
    display: block;
    width: 1000px;
    height: 40px;
    background-image: url("../images/pc/caution/hr.png");
    background-repeat: no-repeat;
    background-size: 1000px 40px;
    background-position: 0px 0px;
    border: none;
    margin: 0 auto 60px;
}

#facebook h2
{
    display: block;
    width: 1000px;
    height: 100px;
    background-image: url("../images/pc/facebook/title.png");
    background-repeat: no-repeat;
    background-size: 1000px 100px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    margin: 0 auto 47px;
}

#facebook .banner a
{
    display: block;
    width: 752px;
    height: 200px;
    background-image: url("../images/pc/facebook/banner.png");
    background-repeat: no-repeat;
    background-size: 752px 200px;
    background-position: 0px 0px;
    margin: 0 auto 27px;
    cursor: pointer;
}

#facebook .info
{
    display: block;
    width: 506px;
    height: 29px;
    background-image: url("../images/sp/facebook/h3.png");
    background-repeat: no-repeat;
    background-size: 506px 29px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    margin: 0 auto 70px;
}

#facebook ul
{
    text-align: center;
    width: 512px;
    margin: 10px auto 0;
}

#facebook ul li
{
    display: inline-block;
    width: 512px;
    margin-bottom: 50px;
}

#facebook ul li.live-0422 h4
{
    display: block;
    width: 313px;
    height: 23px;
    background-image: url("../images/sp/facebook/h4_0422.png");
    background-repeat: no-repeat;
    background-size: 313px 23px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    margin: 0 auto 20px;
}

#facebook ul li.live-0423 h4
{
    display: block;
    width: 313px;
    height: 23px;
    background-image: url("../images/sp/facebook/h4_0423.png");
    background-repeat: no-repeat;
    background-size: 313px 23px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    margin: 0 auto 20px;
}

#facebook ul li img
{
    width: 512px;
    height: 280px;
}

#facebook ul li iframe
{
    width: 512px;
    height: 320px;
}

#caution hr
{
    display: block;
    width: 1000px;
    height: 40px;
    background-image: url("../images/pc/caution/hr.png");
    background-repeat: no-repeat;
    background-size: 1000px 40px;
    background-position: 0px 0px;
    border: none;
    margin: 0 auto 60px;
}

#caution h2
{
    display: block;
    width: 1000px;
    height: 100px;
    background-image: url("../images/pc/caution/title.png");
    background-repeat: no-repeat;
    background-size: 1000px 100px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    margin: 0 auto 25px;
}

#caution .container
{
    width: 997px;
    margin: 0 auto 35px;
    font-size: 12px;
    line-height: 24px;
    color: #FFF;
    font-weight: normal;
}

#caution .container p:not(:last-child)
{
    margin-bottom: 24px;
}

#sns
{
    margin: -3px auto 0px;
    width: 632px;
    height: 152px;
    position: relative;
}

#sns .title
{
    pointer-events: none;
    display: block;
    width: 152px;
    height: 152px;
    background-image: url("../images/pc/sns/title.png");
    background-repeat: no-repeat;
    background-size: 152px 152px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: absolute;
    z-index: 5;
    top: -1px;
    left: 50%;
    margin-left: -76px;
}

#sns .facebook
{
    display: block;
    width: 312px;
    height: 114px;
    background-image: url("../images/pc/sns/facebook.png");
    background-repeat: no-repeat;
    background-size: 312px 114px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: absolute;
    left: 0px;
    top: 18px;
}

#sns .youtube_btn
{
    display: block;
    width: 312px;
    height: 114px;
    background-image: url("../images/pc/sns/youtube.png");
    background-repeat: no-repeat;
    background-size: 312px 114px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    position: absolute;
    right: 0px;
    top: 18px;
}

#footer
{
    margin-top: 51px;
    width: 100%;
    height: 684px;
    background: url("../images/pc/footer/bg2.jpg") center 686px;
}

#footer .link
{
    width: 100%;
    background: url("../images/pc/footer/bg.png");
    margin: 0 auto;
    text-align: center;
    padding: 25px 0;
    height: 20px;
}

#footer .link li
{
    display: inline-block;
    color: #FFF;
    font-size: 17px;
    line-height: 20px;
}

#footer .link li a
{
    color: #FFF;
    margin: 0px 20px;
}

#footer .download ul
{
    width: 300px;
    margin: 100px auto 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#footer .download ul li:nth-of-type(1) a
{
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    display: block;
    width: 141px;
    height: 42px;
    background-image: url("../images/pc/download/appstore.png");
    background-repeat: no-repeat;
    background-size: 141px 42px;
    background-position: 0px 0px;
}

#footer .download ul li:nth-of-type(2) a
{
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    display: block;
    width: 141px;
    height: 42px;
    background-image: url("../images/pc/download/googleplay.png");
    background-repeat: no-repeat;
    background-size: 141px 42px;
    background-position: 0px 0px;
}

#footer .download p
{
    color: #FFF;
    text-align: center;
    font-size: 12px;
    line-height: 22px;
}

#footer .download p:last-child
{
    margin-top: 23px;
}

#footer .xflag
{
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    display: block;
    width: 122.5px;
    height: 141.4px;
    background-image: url("//www.monster-strike.com/assets/images/common/common_xflag_logo.png");
    background-repeat: no-repeat;
    background-size: 122.5px 141.4px;
    background-position: 0px 0px;
    margin: 40px auto 48px;
}

#footer address
{
    font-size: 12px;
    text-align: center;
    color: #FFF;
}

#dialog
{
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    outline: 0;
    z-index: 999;
    opacity: 0;
    pointer-events: auto;
}

#dialog .dialog-box
{
    width: 100%;
    overflow-x: hidden;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    display: -webkit-box;
    display: -moz-box;
    height: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.8);
}

#dialog .dialog-box.firefox
{
    display: block;
    padding: 80px 0 0;
}

#dialog .bg-layer
{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    left: 0;
    top: 0;
}

#dialog .dialog-contents .chara
{
    display: none;
    background: url("../images/sp/dialog/chara01.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 1200px 648px;
    width: 600px;
    height: 648px;
    margin: 0 auto;
    position: relative;
}

#dialog .dialog-contents .chara.chara_01
{
    background-image: url("../images/sp/dialog/chara01.png");
}

#dialog .dialog-contents .chara.chara_02
{
    background-image: url("../images/sp/dialog/chara02.png");
}

#dialog .dialog-contents .chara.chara_03
{
    background-image: url("../images/sp/dialog/chara03.png");
}

#dialog .dialog-contents .chara.chara_04
{
    background-image: url("../images/sp/dialog/chara04.png");
}

#dialog .dialog-contents .chara.chara_05
{
    background-image: url("../images/sp/dialog/chara05.png");
}

#dialog .dialog-contents .chara.chara_06
{
    background-image: url("../images/sp/dialog/chara06.png");
}

#dialog .dialog-contents .chara.chara_07
{
    background-image: url("../images/sp/dialog/chara07.png");
}

#dialog .dialog-contents .chara.chara_08
{
    background-image: url("../images/sp/dialog/chara08.png");
}

#dialog .dialog-contents .chara.chara_09
{
    background-image: url("../images/sp/dialog/chara09.png");
}

#dialog .dialog-contents .chara.conquerd
{
    background-position: right;
}

#dialog .dialog-contents .bar
{
    width: 546px;
    height: 45px;
    position: absolute;
    top: 142px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#dialog .dialog-contents .bar .frame
{
    display: block;
    width: 546px;
    height: 56px;
    background-image: url("../images/sp/list/frame.png");
    background-repeat: no-repeat;
    background-size: 546px 56px;
    background-position: 0px 0px;
    z-index: 5;
}

#dialog .dialog-contents .bar .gauge-wrap
{
    position: absolute;
    z-index: 4;
    left: 17px;
    top: 17px;
    width: 512px;
    max-width: 512px;
}

#dialog .dialog-contents .bar .gauge
{
    width: 0;
    background-image: url("../images/sp/list/bar2.png");
    background-size: 26px 22px;
    height: 22px;
    border-radius: 12px;
    box-shadow: inset 1px 0 1px 0 #ffff4d,inset -1px 0px 1px 0px #ffff4d;
    max-width: 512px;
}

#dialog .dialog-contents .bar .gauge.conquerd
{
    display: block;
    width: 512px;
    height: 22px;
    background-image: url("../images/sp/list/bar.png");
    background-repeat: no-repeat;
    background-size: 512px 22px;
    background-position: 0px 0px;
}

#dialog .dialog-contents .bar .bg
{
    display: block;
    width: 520px;
    height: 30px;
    background-image: url("../images/sp/list/barguide.png");
    background-repeat: no-repeat;
    background-size: 520px 30px;
    background-position: 0px 0px;
    position: absolute;
    z-index: 3;
    left: 12px;
    top: 13px;
}

#dialog .dialog-contents .bar .num
{
    font-size: 18px;
    color: #FFF;
    z-index: 5;
    display: inline-block;
    width: 546px;
    text-align: center;
    text-indent: 0;
    position: absolute;
    top: 69px;
}

#dialog .dialog-contents .schedule
{
    width: 534px;
    height: 340px;
    overflow-y: scroll;
    position: absolute;
    top: 270px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    line-height: 1.6;
}

#dialog .dialog-contents .schedule .time
{
    margin: 10px 0 0;
}

#dialog .dialog-contents .dialog-close
{
    display: block;
    width: 158px;
    height: 78px;
    background-image: url("../images/sp/dialog/close.png");
    background-repeat: no-repeat;
    background-size: 158px 78px;
    background-position: 0px 0px;
    margin: 8px auto 0;
    display: none;
}