@charset "utf-8";
/* reset and common
============================================== */
#gundam-tribe {
    position: relative;
    width: 100%;
    min-width: 950px;
    overflow: hidden;
}
#container-sec {
    background-color: transparent;
}
#content-sec {
    margin-top: 40px;
}
.bread-box {
    position: absolute;
    margin-top: -40px;
    padding: 10px;
}
#gundam-tribe #footer-sec {
    border-top: none;
}
.head-bg {
    width: 100%;
    margin-bottom: 0;
    padding: 0;
    position: relative;
    z-index: 1;
}
.footer-bg {
    position: relative;
    padding: 10px 0;
    background: #fff;
    width: 100%;
    z-index: 1;
}
.content-bg {
    padding: 0;
    background-color: #000000;
    width: 100%;
}

.base-wid {
    background-color: transparent;
}
.content-main {
    position: relative;
}


/*  award
============================================== */
.band-award {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: url(/static/img/pages/lp/12022904/award_hof.png?v=190909) no-repeat center top;
    width: 1424px;
    height: 303px;
    margin: 0 auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-indent: -9000px\9;
}
/* header
============================================== */
.header {
    position: relative;
    width: 2550px;
    height: 860px;
    margin: 0 -800px;
    z-index: 2;
}

.header .title {
    width: 2550px;
    height: 860px;
    background: url(/static/img/pages/lp/12022904/main03.png?v=190909) no-repeat center top;
}
.header .title:after {
    content: "";
    z-index: 2;
    position: absolute;
    top: 690px;
    left: 0;
    right: 1058px;
    display: block;
    width: 183px;
    height: 182px;
    margin: 0 auto;
    background: url(/static/img/pages/lp/12022904/rocket.png?v=171106) no-repeat center top;
}
/* entry button
========================================== */
.entry-btn a {
    position: absolute;
    top: 428px;
    left: 0;
    right: 0;
    display: block;
    width: 370px;
    height: 75px;
    background: url(/static/img/pages/lp/bt_play.png?v=1) no-repeat 0 -375px;
    margin: 0 auto;
    text-indent: -9999px;
    z-index: 100;
}
.entry-btn a:hover {
    background-position: 0 -300px;
}

.entry-fix-container {
    z-index: 999;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background-color: rgba(0 ,0, 0, 0.5);
}
.entry-fix-container.is-fixed {
    position: fixed;
}
.entry-fix-container.is-fixed.is-stop {
    position: static;
}
.entry-fix-inner {
    padding: 10px 0 0;
}
.entry-fix-container .entry-btn a {
    position: static;
    margin: 0 auto;
}
.m-t-l {
    margin-top: 12px;
}
.m-b-lx3 {
    margin-bottom: 36px;
}
.m-b-lx2 {
    margin-bottom: 24px;
}
.m-l-m {
    margin-left: 8px;
}


/* campaign
============================================== */
.game-campaign {
    z-index: 1;
    position: relative;
    width: 2550px;
    height: 944px;
    margin: -46px -800px 0;
    background: url(/static/img/pages/lp/12022904/campaign_201711/bg.png?v=171106) no-repeat 0 0;
}
.game-campaign-present {
    display: block;
    z-index: 2;
    position: relative;
    top: 0;
    left: 203px;
    width: 1205px;
    height: 823px;
    background: url(/static/img/pages/lp/12022904/campaign_201711/present.png?v=171106) no-repeat 0 0;
    margin: 0 auto;
}
a.game-campaign-present-detail {
    display: block;
    position: absolute;
    right: 422px;
    bottom: 223px;
    width: 296px;
    height: 15px;
    background: url(/static/img/pages/lp/12022904/campaign_201711/btn_detail.png?v=171106) no-repeat 0 0;
}
a.game-campaign-present-follow  {
    display: block;
    position: absolute;
    top: 484px;
    left: 74px;
    width: 174px;
    height: 38px;
    background: url(/static/img/pages/lp/12022904/campaign_201711/btn_follow.png?v=171106) no-repeat 0 0;
}
a.game-campaign-present-retweet {
    display: block;
    position: absolute;
    top: 478px;
    left: 307px;
    width: 184px;
    height: 48px;
    background: url(/static/img/pages/lp/12022904/campaign_201711/btn_retweet.png?v=171106) no-repeat 0 0;
}
.game-campaign-contents {
    position: relative;
    z-index: 3;
    display: block;
    margin: -174px auto 0;
    width: 800px;
}

.game-campaign-pv {
    float: left;
    position: relative;
    display: block;
    width: 254px;
    height: 189px;
    margin-right: 20px;
    background: url(/static/img/pages/lp/12022904/campaign_201711/pv.png?v=171106) no-repeat 0 0;
}

.game-campaign-gacha {
    float: left;
    position: relative;
    display: block;
    width: 254px;
    height: 189px;
    background: url(/static/img/pages/lp/12022904/campaign_201711/gacha.png?v=171106) no-repeat 0 0;
}

.game-campaign-event {
    float: right;
    position: relative;
    display: block;
    width: 254px;
    height: 189px;
    background: url(/static/img/pages/lp/12022904/campaign_201711/event.png?v=171106) no-repeat 0 0;
}
.game-campaign-event-soon {
    float: right;
    position: relative;
    display: block;
    width: 254px;
    height: 189px;
    background: url(/static/img/pages/lp/12022904/campaign_201711/event_soon.png?v=171106) no-repeat 0 0;
}

.game-campaign-pv span,
.game-campaign-gacha span,
.game-campaign-event span {
    display: block;
}


/* about
============================================== */
.game-about-wrapper {
    z-index: 1;
    position: relative;
    width: 2550px;
    height: 999px;
    margin: -300px -800px 0;
    background: url(/static/img/pages/lp/12022904/bg_about2.png?v=220414) no-repeat 0 0;
}

.game-about {
    display: block;
    z-index: 4;
    position: relative;
    top: 395px;
    right: 180px;
    width: 1187px;
    height: 733px;
    background: url(/static/img/pages/lp/12022904/about2.png?v=220414) no-repeat 0 0;
    margin: 0 auto;
}

.game-about .pv-thumb {
    position: absolute;
    left: 428px;
    top: 481px;
}


/* battle
============================================== */
.game-battle-wrapper {
    position: relative;
    width: 2550px;
    height: 2285px;
    margin: -46px -800px 0;
    background: url(/static/img/pages/lp/12022904/bg_battle.png?v=171106) no-repeat 0 0;
}

.game-battle-wrapper .game-battle {
    display: block;
    position: relative;
    right: 75px;
    top: 115px;
    width: 1463px;
    height: 2112px;
    background: url(/static/img/pages/lp/12022904/battle.png?v=171106) no-repeat 0 0;
    margin: 0 auto;
}
.game-battle #battle {
    opacity: 0;
    position: absolute;
    top: 196px;
}
.game-battle #unit {
    opacity: 0;
    position: absolute;
    top: 815px;
}
.game-battle #team {
    opacity: 0;
    position: absolute;
    top: 1413px;

}
.game-battle-menu {
    position: absolute;
    top: 134px;
    left: 162px;
    right: 0;
    width: 730px;
    display: block;
    margin: 0 auto;
}
.game-battle-menu-battle,
.game-battle-menu-unit,
.game-battle-menu-team {
    float: left;
    display: block;
    width: 236px;
    height: 74px;
}
.game-battle-menu-battle {
    margin-right: 5px;
    background: url(/static/img/pages/lp/12022904/btn_battle.png?v=171106) no-repeat 0 0;
}
.game-battle-menu-unit {
    margin-right: 5px;
    background: url(/static/img/pages/lp/12022904/btn_unit.png?v=171106) no-repeat 0 0;
}
.game-battle-menu-team {
    background: url(/static/img/pages/lp/12022904/btn_team.png?v=171106) no-repeat 0 0;
}
/* banner
============================================== */
.banner-wrap,
.banner-wiki-wrap {
    display: inline-block;
}
.banner-wrap a {
    display: block;
    background: url(/static/img/pages/lp/12022904/bnr_official.png?v=1) no-repeat center top;
    width: 410px;
    height: 88px;
}
.banner-wiki-wrap a {
    display: block;
    background: url(/static/img/pages/lp/12022904/bnr_wiki.png?v=1) no-repeat center top;
    width: 410px;
    height: 88px;
}
.banner-wrap:after {
    content: "";
    clear: none;
}
.banner-wiki-wrap:after {
    content: "";
    clear: none;
}
.content-banner {
    text-align: center;
    margin-top: 20px;
}


/* content-footer
============================================== */
.content-footer {
    text-align: center;
    margin: 15px 0;
}
.content-footer .copyright {
    color: #fff;
    font-size: 14px;
}
.content-footer .copyright .txt_big {
    vertical-align: middle;
}


/* text hidden
============================================== */
.text-hidden {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: 0;
    text-indent: -9000px\9;
}
.small {
    margin: 10px 0 20px;
}
.small a {
    color: #fff;
    text-decoration: underline;
}

/* SNS button
============================================== */
#center.epsilon-main-wid{
    position: relative;
}
#sosial_btn_container{
    position: absolute;
    top: -30px;
    right: 0;
}
#sosial_btn_container iframe{
    vertical-align: top;
}
#sosial_btn_container #fb-root.fb_reset{
    display: inline-block;
}