#content {background-color: #f54b7a; font-family: Shin Maru Go Medium; font-size: 18px; color: #ffffff;}
#content .shinmaruB {font-family: Shin Maru Go Bold;}
#content .hiramaru {font-family: Hiragino Maru Gothic W4 JIS2004;}
#content #headArea {position:relative; margin: 0 auto; width: 100%; height: 854px; background: url(https://static.ncsoft.jp/images/event/bns/1705movie/main.jpg) no-repeat center top; overflow:hidden;}
#content #headArea .inner {white-space: nowrap; text-indent: -9999em;}
/*#content #bodyArea .inner * {white-space: nowrap; text-indent: -9999em;}*/

#content #headArea .inner p.haderTxt {
    text-indent: 0;
    width: 100%;
    color: #FFF5CE;
    font-size: 24px;
    text-align: center;
    text-shadow: 2px 2px 3px #c51740;
    position: absolute;
    top: 620px;
    left: 50%;
    margin-left: -50%;
}
#content #cont1 {height: 717px; background: url(https://static.ncsoft.jp/images/event/bns/1705movie/cont1.jpg) no-repeat center top;}

#content .sct .contImg:before,
#content .sct .contImg:after,
#content #bodyArea .sct h2:before,
#content #bodyArea .sct h2:after {
    content: '';
}
#content .sct .contImg:before,
#content .sct .contImg:after,
#content .sct .balloon,
#content #bodyArea .sct h2:before,
#content #bodyArea .sct h2:after {
    position: absolute;
    z-index: 3;
}
#content .sct .balloon {
    white-space: nowrap; text-indent: -9999em;
}
#content #bodyArea .sct:not(#cont4) h2:before,
#content #bodyArea .sct:not(#cont4) h2:after {
    width: 170px;
    height: 1px;
    background-color: #F7FFD1;
    top: 135px;
}
#content #bodyArea .sct:not(#cont4) h2:before {
    left: 175px;
}
#content #bodyArea .sct:not(#cont4) h2:after {
    right: 160px;
}
#content #bodyArea .sct:not(#cont4) h2 {
    color: #FFF5CE;
    font-size: 40px;
    text-align: center;
    padding-top: 100px;
    text-shadow: 2px 0 5px #cc698e;
}
#content #cont1 .inner:before {
    width: 213px;
    height: 286px;
    background: url(https://static.ncsoft.jp/images/event/bns/1705movie/chara01.png) no-repeat center top;
    top: 465px;
    left: -45px;
}
#content #cont1 .inner:after {
    width: 270px;
    height: 279px;
    background: url(https://static.ncsoft.jp/images/event/bns/1705movie/chara02.png) no-repeat center top;
    top: 480px;
    right: -100px;
}
#content #cont1 .inner .balloon1 {
    width: 52px;
    height: 57px;
    background: url(https://static.ncsoft.jp/images/event/bns/1705movie/balloon01.png) no-repeat center top;
    top: 170px;
    left: 120px;
}
#content #cont1 .inner .balloon2 {
    width: 79px;
    height: 113px;
    background: url(https://static.ncsoft.jp/images/event/bns/1705movie/balloon02.png) no-repeat center top;
    top: 85px;
    right: 75px;
}
#content #cont2 {height: 709px; background: url(https://static.ncsoft.jp/images/event/bns/1705movie/cont2.jpg) no-repeat center top;}
#content #cont2 .inner:before {
    width: 232px;
    height: 271px;
    background: url(https://static.ncsoft.jp/images/event/bns/1705movie/chara03.png) no-repeat center top;
    top: 480px;
    left: -65px;
}
#content #cont2 .inner:after {
    width: 214px;
    height: 219px;
    background: url(https://static.ncsoft.jp/images/event/bns/1705movie/chara04.png) no-repeat center top;
    top: 525px;
    right: -50px;
}
#content #cont2 .inner .balloon3 {
    width: 85px;
    height: 101px;
    background: url(https://static.ncsoft.jp/images/event/bns/1705movie/balloon03.png) no-repeat center top;
    top: 115px;
    left: 45px;
}
#content #cont2 .inner .balloon4 {
    width: 382px;
    height: 368px;
    background: url(https://static.ncsoft.jp/images/event/bns/1705movie/balloon04.png) no-repeat center top;
    top: 50px;
    right: -245px;
}
#content #cont3 {height: 871px; background: url(https://static.ncsoft.jp/images/event/bns/1705movie/cont3.jpg) no-repeat center top;}
#content #cont3 .inner:before {
    width: 256px;
    height: 345px;
    background: url(https://static.ncsoft.jp/images/event/bns/1705movie/chara05.png) no-repeat center top;
    top: 495px;
    left: -82px;
}
#content #cont3 .inner:after {
    width: 216px;
    height: 267px;
    background: url(https://static.ncsoft.jp/images/event/bns/1705movie/chara06.png) no-repeat center top;
    top: 375px;
    right: -80px;
}
#content #cont3 .inner .balloon5 {
    width: 176px;
    height: 184px;
    background: url(https://static.ncsoft.jp/images/event/bns/1705movie/balloon05.png) no-repeat center top;
    top: -15px;
    right: 140px;
}
#content #cont3 .inner .balloon6 {
    width: 85px;
    height: 104px;
    background: url(https://static.ncsoft.jp/images/event/bns/1705movie/balloon06.png) no-repeat center top;
    top: 120px;
    right: 20px;
}
#content .sct .movieWrap {
    width: 825px;
    height: 0;
    background-color: #FFFFFF;
    margin: 27px auto 0;
    padding-bottom: 38.8%;
    padding-top: 30px;
    position: relative;
}
#content .sct .movieWrap.movieSoon:before {
    content: '';
    width: 855px;
    height: 487px;
    background: url(https://static.ncsoft.jp/images/event/bns/1705movie/curtain.png) no-repeat center;
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -428px;
    z-index: 2;
}
#content #bodyArea .sct .movieWrap p {
    color: #E33131;
    text-align: center;
    line-height: 1.2;
    position: relative;
    z-index: 4;
}
#content #bodyArea .sct .movieWrap p.hiramaru {
    font-size: 64px;
    margin-top: 110px;
}
#content #bodyArea .sct .movieWrap p:not(.hiramaru) {
    font-size: 88px;
    font-weight: bold;
}
#content #cont1 .movieWrap {
    border: 3px solid #ffe286;
}
#content #cont2 .movieWrap {
    border: 3px solid #c95bc1;
}
#content #cont3 .movieWrap {
    border: 3px solid #5e66f8;
}
#content .sct .movieWrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#content #cont4 {
    /*height: 1613px;
    background-image: url(https://static.ncsoft.jp/images/event/bns/1705movie/cont4_1.jpg),
                url(https://static.ncsoft.jp/images/event/bns/1705movie/cont4_2.jpg);
    background-repeat: no-repeat;
    background-position: center top, center 887px;*/
    background-color: #47BEE5;
    position: relative;
}

#content #cont4:before {
    content: '';
    width: 100%;
    height: 12px;
    position: absolute;
    top: 0;
    background: url(https://static.ncsoft.jp/images/event/bns/1705movie/bg_cont4_top.gif) repeat-x center;
}
#content #cont4 .inner:before {
    content: '';
    width: 116px;
    height: 135px;
    background: url(https://static.ncsoft.jp/images/event/bns/1705movie/balloon07.png) repeat-x center;
    position: absolute;
    top: -20px;
    right: 70px;
}
#content #bodyArea #cont4 h2 {
    width: 1002px;
    height: 140px;
    text-indent: -9999em;
    background: url(https://static.ncsoft.jp/images/event/bns/1705movie/ttl_cont4.png) repeat-x center;
    margin: 70px auto 0;
}
.ribbonWrap {
    text-align: center;
    margin-top: 60px;
}
#content #bodyArea #cont4 h3 {
    display: inline-block;
    color: #47BEE5;
    font-size: 30px;
    position: relative;
}
#content #bodyArea #cont4 h3:before,
#content #bodyArea #cont4 h3:after {
    content: '';
    width: 47px;
    height: 54px;
    position: absolute;
    top: 15px;
    z-index: 1;
}
#content #bodyArea #cont4 h3:before {
    background: url(https://static.ncsoft.jp/images/event/bns/1705movie/bg_ribbon_l.png) repeat-x center;
    left: -30px;
}
#content #bodyArea #cont4 h3:after {
    background: url(https://static.ncsoft.jp/images/event/bns/1705movie/bg_ribbon_r.png) repeat-x center;
    right: -30px;
    left: auto;
}
#content #cont4 h3 span {
    padding: 7px 25px;
    background-color: #FFFFFF;
    -webkit-border-radius: 15px;
            border-radius: 15px;
    font-weight: bold;
    position: relative;
    z-index: 2;
}
#content #cont4 .date {
    margin-top: 45px;
    text-align: center;
}
#content #cont4 .date li {
    display: inline-block;
    font-size: 54px;
    color: #FFF;
    font-weight: bold;
    line-height: 1.2;
    vertical-align: top;
    letter-spacing: 0.1em;
    text-shadow: 0 4px 10px #3daace;
}
#content #cont4 .date li span {
    color: #A2FFE4;
    font-size: 94px;
}
#content #cont4 .date li i {
    font-size: 20px;
    color: #A2FFE4;
    display: block;
    font-style: normal;
}
#content #cont4 .date li.dateNami {
    margin-top: 20px;
}
#content #cont4 .noteWrap {
    width: 980px;
    margin: 40px auto 0;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    padding: 12px 0 35px;
    position: relative;
}
#content #cont4 .noteWrap .shinmaruB:after {
    content: '';
    width: 60px;
    height: 60px;
    background: url(https://static.ncsoft.jp/images/event/bns/1705movie/icon_arrow.png) no-repeat center;
    position: absolute;
    bottom: -31px;
    left: 50%;
    margin-left: -30px;
}
#content #cont4 .noteWrap .noteBlock {
    width: 840px;
    margin: 0 auto 20px;
    padding: 20px 30px;
    color: #000000;
    font-size: 28px;
    line-height: 1.4;
    background-color: #FFFFFF;
    -webkit-border-radius: 15px;
            border-radius: 15px;
    box-shadow: 0 4px 10px #3daace;
}
#content #cont4 .noteWrap .noteBlock span {
    color: #2768ED;
}
#content #cont4 .noteWrap p:not(.noteBlock) {
    font-size: 30px;
    text-align: center;
}
#content #cont4 .campaignWrap {
    background: url(https://static.ncsoft.jp/images/event/bns/1705movie/campaign_item.png) no-repeat center top;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 100px;
}
#content #cont4 .campaignWrap li {
    display: inline-block;
    margin: 310px 15px 0;
    width: 220px;
    vertical-align: top;
}
#content #cont4 .campaignWrap li .campaign {
    border: 2px solid #ffffff;
    text-align: left;
    -webkit-border-radius: 0 0 10px 10px/ 0 0 10px 10px;
            border-radius: 0 0 10px 10px/ 0 0 10px 10px;
}
#content #cont4 .campaignWrap li dl dt {
    font-size: 22px;
    padding: 5px 0 5px;
    position: relative;
}
#content #cont4 .campaignWrap li dl dt:before {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #FFFFFF;
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 2;
}
#content #cont4 .campaignWrap li dl dt span {
    background-color: #47BEE5;
    position: relative;
    z-index: 3;
    padding: 0 20px 0 10px;
}
#content #cont4 .campaignWrap li dl dd {
    font-size: 16px;
    padding: 0 5px;
}
#content #cont4 .campaignBtn {
    margin-top: 15px;
    padding: 0 5px 10px;
}
#content #cont4 .campaignBtn a {
    display: block;
    color: #148DCD;
    font-size: 16px;
    background-color: #FFE8E8;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 10px;
            border-radius: 10px;
    box-shadow: 0 2px 5px #3daace;
}
#content #cont4 .campaign1 dl dt {
    color: #FFE8E8;
}
#content #cont4 .campaign1 .campaignBtn a {
    background-color: #FFE8E8;
    border-bottom: 3px solid #c4cdd6;
}
#content #cont4 .campaign2 dl dt {
    color: #e2eeff;
}
#content #cont4 .campaign2 .campaignBtn a {
    background-color: #e2eeff;
    border-bottom: 3px solid #add3ec;
}
#content #cont4 .campaign3 dl dt {
    color: #ffffff;
}
#content #cont4 .campaign3 .campaignBtn a {
    background-color: #ffffff;
    border-bottom: 3px solid #c4e2ec;
}
#content #cont4 .campaign4 dl dt {
    color: #e8ffea;
}
#content #cont4 .campaign4 dl dd .iconPlus {
    font-size: 12px;
}
#content #cont4 .campaign4 dl dd .iconPlus i {
    width: 22px;
    height: 22px;
    display: inline-block;
    text-indent: -9999em;
    background: url(https://static.ncsoft.jp/images/event/bns/1705movie/icon_plus.png) no-repeat center;
    margin-right: 5px;
}
#content #cont4 .campaign4 .campaignBtn a {
    background-color: #e8ffea;
    border-bottom: 3px solid #b2e2d8;
}
#content #cont4 .campaign .campaignBtn a:hover {
    border-bottom: none;
    margin-top: 18px;
}
#content #cont4 .date:before {
    width: 142px;
    height: 135px;
    background: url(https://static.ncsoft.jp/images/event/bns/1705movie/balloon08.png) no-repeat center top;
    top: 240px;
    left: 200px;
}
#content #cont4 .date:after {
    width: 65px;
    height: 64px;
    background: url(https://static.ncsoft.jp/images/event/bns/1705movie/balloon09.png) no-repeat center top;
    top: 450px;
    right: 120px;
}
#content #cont4 .noteWrap:before {
    width: 96px;
    height: 124px;
    background: url(https://static.ncsoft.jp/images/event/bns/1705movie/balloon10.png) no-repeat center top;
    top: -30px;
    left: 0;
}
#content #cont4 .noteWrap:after {
    width: 176px;
    height: 195px;
    background: url(https://static.ncsoft.jp/images/event/bns/1705movie/balloon11.png) no-repeat center top;
    top: 245px;
    right: -35px;
}

#eventFooter p {
    position: relative;
    z-index: 9;
}