/* gnb */
.eventGnb {position: fixed; left: 0; top: 0; width: 100%; height: 80px; padding: 0 40px;  display: flex; justify-content: space-between; align-items: center; background: rgba(0,0,0,.45); z-index: 20; }
.eventGnb__start,
.eventGnb__end {display: flex; width: 64px;}
.eventGnb__start {justify-content: flex-start;}
.eventGnb__end {justify-content: flex-end;}
.eventGnb__twitterBtn {display: block; width: 32px; height: 32px; background: url(https://st.ncjapan.co.jp/ncjapan/ncsoft/l2m/temp/event/gnb_tw.png) center no-repeat #1E1E1E; background-size: 20px;  }
.eventGnb__logoImg {display: block; }

@media screen and (max-width: 750px) {
    .eventGnb {height: 50px; padding: 0 9px;}
    .eventGnb__logoImg {width: 84px; }


    .mb-w750 .eventGnb {padding: 0 18px; height: 100px; }
    .mb-w750 .eventGnb__twitterBtn {width: 64px; height: 64px; background-size: 40px;}
    .mb-w750 .eventGnb__logoImg {width: 168px; }

}



/* footer */
.footer {background: #0E1A1A; font-size: 11px; }
.footer__upper {display: flex; justify-content: center; align-items: center; padding: 40px 10px; }
.footer__bottom {padding: 24px 20px 32px; background: #000; }
.footer__bottomLine {display: flex; justify-content: center; align-items: center; margin: 16px auto 0; }
.footer__logo {margin-right: 20px; flex-shrink: unset; }
.footer__logo img {width: 40px; }
.footer__copyright {color: rgba(255,255,255,.3); }

.footer__appBtn {display: inline-block; width: 216px; height: 84px; margin-left: 5px; margin-right: 5px; background: center/contain no-repeat #000; }
.footer__appBtn--apple {background-image: url(https://st.ncjapan.co.jp/ncjapan/ncsoft/l2m/temp/event/btn_appstore.png);}
.footer__appBtn--google {background-image: url(https://st.ncjapan.co.jp/ncjapan/ncsoft/l2m/temp/event/btn_google.png);}
.footer__appBtn--purple {background-image: url(https://st.ncjapan.co.jp/ncjapan/ncsoft/l2m/temp/event/btn_purple.png);}

.footer__sns {display: flex; justify-content: center;}
.footer__snsBtn {display: inline-block; width: 45px; height: 45px; margin-left: 10px; margin-right: 10px;  border: 1px solid #353535; border-radius: 100%; background: center no-repeat; }
.footer__snsBtn--twitter {background-image: url(https://st.ncjapan.co.jp/ncjapan/ncsoft/l2m/temp/event/footer_btn_tw.png); }
.footer__snsBtn--facebook {background-image: url(https://st.ncjapan.co.jp/ncjapan/ncsoft/l2m/temp/event/footer_btn_fb.png); }
.footer__snsBtn--line {background-image: url(https://st.ncjapan.co.jp/ncjapan/ncsoft/l2m/temp/event/footer_btn_line.png); }

@media screen and (max-width: 750px) {
    .footer__upper {padding: 20px 10px;}
    .footer__appBtn {width: 108px; height: 42px; }

    .mb-w750 .footer {font-size: 20px; }
    .mb-w750 .footer__upper {padding: 40px 10px;}
    .mb-w750 .footer__appBtn {width: 216px; height: 84px; }
    .mb-w750 .footer__logo {margin-right: 40px; }
    .mb-w750 .footer__logo img {width: 80px; }
    .mb-w750 .footer__bottom {padding: 48px 40px 64px;}
    .mb-w750 .footer__snsBtn {width: 72px; height: 72px; }
    .mb-w750 .footer__bottomLine {margin-top: 32px; }
}



/* return top button */
.eventReturnTopBtn {position: fixed; right: 30px; bottom: 30px; width: 32px; height: 32px; border-radius: 4px; background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025.414%2033.414%22%3E%20%3Cg%20id%3D%22top%22%20transform%3D%22translate(0.707%201.414)%22%3E%20%3Cpath%20id%3D%22Stroke_2%22%20data-name%3D%22Stroke%202%22%20d%3D%22M0%2C12%2C12%2C0%2C24%2C12%22%20fill%3D%22none%22%20stroke%3D%22%23595959%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20id%3D%22Stroke_5%22%20data-name%3D%22Stroke%205%22%20d%3D%22M1%2C0V32%22%20transform%3D%22translate(11)%22%20fill%3D%22none%22%20stroke%3D%22%23595959%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") rgba(255,255,255,.95) center no-repeat; background-size: 14px; visibility: hidden; opacity: 0; transition: visibility .5s, opacity .5s; z-index: 10; }
.eventReturnTopBtn.-show {visibility: visible; opacity: 1; }

@media screen and (max-width: 750px) {
    .eventReturnTopBtn {right: 10px; bottom: 10px; }
    .mb-w750 .eventReturnTopBtn {right: 20px; bottom: 20px; width: 64px; height: 64px; border-radius: 8px; background-size: 28px; }

}