@charset "utf-8";

/*==========================================================



==========================================================*/

html {
    background: #000000;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    position: relative;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

body {
    background: #000000;
    line-height: 1;
    font-family: 游ゴシック体, "Yu Gothic", YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', verdana, arial, sans-serif;
    -webkit-text-size-adjust: 100%;
    margin: 0;
    width: 100%;
    position: relative;
    overflow-x: hidden;
    z-index: 1;
}

p {
    margin: 0 0 0 0;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

iframe {
    z-index: 1 !important;
}

.pbr {
    display: none;
}

@media screen and (min-width: 1000px) {
    .br {
        display: none;
    }
    .pbr {
        display: block;
    }
}

a:focus {
    outline: none;
}

.tRed {
    color: #cc2b1c;
}

.tYel {
    color: #fabe00; 
}

/*-------#header-------*/

header {
    width: 100%;
    position: absolute;
    margin: 0 0 0 0;
    top: 0;
    left: 0;
    z-index: 9999;
}

.headerWrap {
    width: 92%;
    background: #f9be00;
    padding: 0 0 0 0;
    position: relative;
    z-index: 9999;
}

#header.top #g_navi {
    background: none;
}


/*---#g_menu----*/

#g_navi {
    background: #f9be00;
    margin: 0;
    width: 100%;
    height: auto;
    text-align: center;
    z-index: 10000;
    position: fixed;
    padding: 3% 0 2% 0;
    top: 0;
}

#g_menu .hdBox {
    width: 100%;
    padding: 3% 0 2% 0;
    overflow: hidden;
    position: fixed;
    z-index: 9999;
}

#g_menu .hdBox2 {
    width: 100%;
}

#g_navi .btn {
    width: 12.5%;
    float: left;
}

#g_navi .logo {
    width: 43%;
    margin: 0 auto 0 auto;
}

#g_navi #menuBtn {
    width: 6%;
    margin: 3% 4% 0 0;
    float: right;
}

#g_navi #menuClose {
    width: 6%;
    margin: 3% 4% 0 0;
    float: right;
}

#g_navi .navi {
    font-size: 20px;
    position: relative;
    overflow: hidden;
    display: block;
    width: 92%;
    margin: 0 auto 0 auto;
    padding: 2% 0 1% 0;
    border: 4px solid #fabe00;
    border-image: url("../img/line_bg.png") 5 round;
    background: #000000;
}

#g_navi .nav {
    width: 100%;
    margin: 3% 0 5% 0;
    font-size: 23px;
    color: #EEEEEE;
    overflow: hidden;
}

#g_navi .nav li {
    width: 60%;
    color: #FFFFFF;
    margin: 0 auto 0 auto;
    padding: 0 0 1% 0;
    float: none;
    height: auto;
    border-left: none;
}

.hdBox2 {
    padding: 2.2% 0 2% 0;
    overflow: hidden;
}

#g_navi .nav li a {
    height: auto !important;
    display: block;
}

#g_navi .nav li.txt {
    font-size: 14px;
    padding: 10px 0 0 0;
    color: #545454;
}

body div#g_navi a {
    color: #AAAAAA;
}

body div#g_navi a:hover {
    text-decoration: none;
    color: #CCCCCC;
}

#g_menu {
    background: rgba(0, 0, 0, 0.50);
    position: fixed;
    width: 100%;
    margin: 0 0 0 0;
    padding: 3% 0 0 0;
    z-index: 10000;
    display: none;
    top: 0;
    bottom: 0;
}

#g_navi .navBox {
    width: 92%;
    margin: 0 auto 0 auto;
    overflow: hidden;
    border: 4px solid #fabe00;
    border-image: url("../img/line_bg.png") 5 round;
    background: #000000 url("../img/bg_01.png.html") repeat-y;
    background-size: 100% auto;
}

#g_navi .nav li.off {
    opacity: 0.5;
}

#g_navi .nav li.nav_fb {
    display: none;
}

#g_navi .nav li.nav_tw {
    display: none;
}

#g_navi .nav li.nav_ig {
    display: none;
}

@media screen and (min-width: 1000px) {
    header {
        width: 100%;
        height: 83px;
        position: fixed;
        padding: 0 0 0 0;
        z-index: 1000;
        background: #000;
        border-bottom: 1px solid #fabe00;
    }
    .headerWrap {
        width: 1000px;
        background: none;
        padding: 24px 0 0 0;
        margin: 0 auto 0 auto;
        position: relative;
        z-index: 9999;
        overflow: hidden;
        border-bottom: 1px solid #;
    }
    #g_navi {
        padding: 0 0 0 0;
        position: relative;
    }
    #g_menu {
        padding: 0 0 0 0;
        width: 100%;
        background: none;
        position: relative;
        display: block !important;
        overflow: auto;
        overflow-x: auto;
        overflow-y: auto;
    }
    #g_menu .hdBox {
        padding: 5px 0 5px 0;
        border-bottom: none;
        z-index: 9999;
        overflow: hidden;
    }
    #g_menu .hdBox2 {
        width: auto;
        background: none;
        padding: 0 0 0 0;
        overflow: auto;
        float: left;
    }
    #g_navi .btn {
        width: 90px;
        float: left;
    }
    #g_navi .logo {
        background: url("../img/nav_logo.png") no-repeat left center;
        background-size: 100%;
        height: 44px;
        width: 142px;
        float: left;
        padding: 0 0 0 0;
        margin: 0 15px 0 0;
    }
    #g_navi .logo a {
        height: 42px;
        display: block;
    }
    #g_navi .logo:hover {
        opacity: 0.5;
        filter: alpha(opacity=50);
        -ms-filter: "alpha(opacity=50)";
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
    }
    #g_navi .logo img {
        display: none;
    }
    #g_navi .navBox {
        width: 100%;
        margin: 0 0 0 0;
        overflow: hidden;
        border: none;
        background: none;
    }
    #g_navi .nav {
        width: auto;
        float: left;
        border: none;
        margin: 0 0 0 0;
    }
    #g_navi .nav li {
        color: #fff;
        padding: 0 12px 20px 0;
        margin: 0 12px 0 0;
        float: left;
        height: auto;
        border: none;
        position: relative;
    }
    #g_navi .nav li:after {
        display: block;
        content: "";
        background: #fff;
        width: 1px;
        height: 12px;
        position: absolute;
        top: 50%;
        right: 0px;
        margin-top: -8px;
    }
    #g_navi .nav li.nav_aboutgame:after,
    #g_navi .nav li.nav_fb:after,
    #g_navi .nav li.nav_tw:after,
    #g_navi .nav li.nav_ig:after {
        display: none;
    }
    #g_navi .nav li img {
        display: none;
    }
    #g_navi .nav li a {
        display: block;
        height: 30px !important;
    }
    #g_navi .nav li.nav_story {
        background: url("../img/nav_story.png") no-repeat left center;
        background-size: auto 15px;
        width: 57px;
        height: 15px;
    }
    #g_navi .nav li.nav_story:hover {
        background: url("../img/nav_story_on.png") no-repeat left center;
        background-size: auto 15px;
    }
    #g_navi .nav li.nav_system {
        background: url("../img/nav_system.png") no-repeat left center;
        background-size: auto 15px;
        width: 81px;
        height: 15px;
    }
    #g_navi .nav li.nav_system:hover {
        background: url("../img/nav_system_on.png") no-repeat left center;
        background-size: auto 15px;
    }
    #g_navi .nav li.nav_campaign {
        background: url("../img/nav_campaign.png") no-repeat left center;
        background-size: auto 15px;
        width: 68px;
        height: 15px;
    }
    #g_navi .nav li.nav_campaign.cr,
    #g_navi .nav li.nav_campaign:hover {
        background: url("../img/nav_campaign_on.png") no-repeat left center;
        background-size: auto 15px;
    }
    #g_navi .nav li.nav_news {
        background: url("../img/nav_news.png") no-repeat left center;
        background-size: auto 15px;
        width: 51px;
        height: 15px;
    }
    #g_navi .nav li.nav_news:hover {
        background: url("../img/nav_news_on.png") no-repeat left center;
        background-size: auto 15px;
    }
    #g_navi .nav li.nav_schedule {
        background: url("../img/nav_schedule.png") no-repeat left center;
        background-size: auto 15px;
        width: 109px;
        height: 15px;
    }
    #g_navi .nav li.nav_schedule.cr,
    #g_navi .nav li.nav_schedule:hover {
        background: url("../img/nav_schedule_on.png") no-repeat left center;
        background-size: auto 15px;
    }
    #g_navi .nav li.nav_goods {
        background: url("../img/nav_goods.png") no-repeat left center;
        background-size: auto 15px;
        width: 34px;
        height: 15px;
    }
    #g_navi .nav li.nav_goods.cr,
    #g_navi .nav li.nav_goods:hover {
        background: url("../img/nav_goods_on.png") no-repeat left center;
        background-size: auto 15px;
    }
    #g_navi .nav li.nav_aboutgame {
        background: url("../img/nav_aboutgame.png") no-repeat left center;
        background-size: auto 15px;
        width: 116px;
        height: 17px;
        padding: 0 0 20px 0;
    }
    #g_navi .nav li.nav_aboutgame:hover {
        background: url("../img/nav_aboutgame_on.png") no-repeat left center;
        background-size: auto 15px;
    }
    #g_navi .nav li.nav_about {
        background: url("../img/nav_about.png") no-repeat left center;
        background-size: auto 15px;
        width: 151px;
        height: 17px;
    }
    #g_navi .nav li.nav_about:hover {
        background: url("../img/nav_about_on.png.html") no-repeat center center;
        background-size: auto 15px;
    }
    #g_navi .nav li.nav_faq {
        background: url("../img/nav_faq.png") no-repeat left center;
        background-size: auto 15px;
        width: 26px;
        height: 15px;
    }
    #g_navi .nav li.nav_faq.cr,
    #g_navi .nav li.nav_faq:hover {
        background: url("../img/nav_faq_on.png") no-repeat left center;
        background-size: auto 15px;
    }
    #g_navi .nav li.nav_staff {
        background: url("../img/nav_staff.png") no-repeat left center;
        background-size: auto 15px;
        width: 82px;
        height: 17px;
    }
    #g_navi .nav li.nav_staff.cr,
    #g_navi .nav li.nav_staff:hover {
        background: url("../img/nav_staff.png") no-repeat left center;
        background-size: auto 15px;
    }
    #g_navi .nav li.nav_fb {
        background: url("../img/nav_fb.png") no-repeat left center;
        width: 24px;
        height: 24px;
        padding: 0 0 20px 0;
        margin: -5px 5px 0 0;
        display: block;
    }
    #g_navi .nav li.nav_fb:hover {
        background: url("../img/nav_fb.png") no-repeat left center;
        opacity: 0.5;
    }
    #g_navi .nav li.nav_tw {
        background: url("../img/nav_tw.png") no-repeat left center;
        width: 24px;
        height: 24px;
        padding: 0 0 20px 0;
        margin: -5px 5px 0 0;
        display: block;
    }
    #g_navi .nav li.nav_tw:hover {
        background: url("../img/nav_tw.png") no-repeat left center;
        opacity: 0.5;
    }
    #g_navi .nav li.nav_ig {
        background: url("../img/nav_ig.png") no-repeat left center;
        width: 24px;
        height: 24px;
        padding: 0 0 20px 0;
        margin: -5px 5px 0 0;
        display: block;
    }
    #g_navi .nav li.nav_ig:hover {
        background: url("../img/nav_ig.png") no-repeat left center;
        opacity: 0.5;
    }
    #g_navi #menuBtn {
        display: none;
    }
    #g_navi #menuClose {
        display: none;
    }
    #g_navi .navi {
        display: none;
    }
}


/*-------#content-------*/

#content {
    width: 100%;
    margin: 0 auto 0 auto;
    z-index: 2;
    position: relative;
    color: #fff;
}

#content.f {}

#contentinner {
    width: 100%;
    font-size: 16px;
}

#contentinner.inner {
    padding: 26% 0 0 0;
    color: #fff;
}

#contentinner.inner {
    /* background: url("../img/sp/inner_bg.png") no-repeat center top;
    background-size: 100% auto;
    background-position-y: 3%; */
}

#contentinner .contentBox {
    width: 92%;
    margin: 0 auto 0 auto;
    padding: 5% 0 0 0;
}

#contentinner .contentBox h2 {
    margin: 6% auto 0 auto;
    text-align: center;
}

#contentinner.schedule .contentBox h2 {
    margin: 0 auto 0 auto;
}

#contentinner .contentBox .video {
    margin: 5% auto 0 auto;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.video iframe,
.video object,
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.navArea {
    display: block;
    margin: 2% 0 0 0;
}

@media screen and (min-width: 1000px) {
    #contentinner.inner {
        padding: 145px 0 0 0;
    }
    #contentinner.inner {
        /* background: url("../img/inner_bg.png") no-repeat center top; */
    }
    #contentinner .contentBox {
        width: 100%;
        width: 1050px;
        margin: 0 auto 0 auto;
        padding: 0 0 0 0;
    }
    #contentinner .contentBox h2 {
        height: 25px;
        margin: 0 auto;
        text-align: center;
        background-position: center center !important;
    }
    #contentinner .contentBox .video {
        width: 451px;
        height: 254px;
        margin: 0 auto 0 auto;
        position: relative;
        padding-bottom: 0;
        overflow: hidden;
        max-width: auto;
    }
    .navArea {
        display: none;
    }
}


/*-------#main-------*/

#main {
    width: 100%;
    margin: 0 auto 0 auto;
    overflow: hidden;
    position: relative;
    z-index: -1;
}

#main .mainImg {
    margin: 0 0 0 0;
    line-height: 0;
}

@media screen and (max-width: 999px) {
    #main .subImg {
        width: 90%;
        margin: 0 auto;
    }
    #main .mainImg {
        position: relative;
    }
    #main .mainImg .bnr {
        display: block;
        position: absolute;
        right: 5%;
        bottom: 8%;
        width: 35%!important;
        background: url("../img/lockup_banner_w308xh194_over.png") no-repeat;
        background-size: 100% 100%;
    }
    #main .mainImg .bnr img:hover {
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
    #main .mainImg .bnr img {
        width: 100%!important;
    }
}

@media screen and (min-width: 1000px) {
    #main {
        width: 100%;
        min-width: 1050px;
        margin: 0 auto 0 auto;
        overflow: hidden;
        position: relative;
        z-index: 2;
    }
    #main .mainImg {
        background: url("../img/mv_bg.jpg") no-repeat center top;
        background-size: 1050px auto;
        width: 100%;
        height: 1050px;
        margin: 0 auto 0 auto;
        line-height: 0;
        position: relative;
    }
    #main .mainImg img {
        display: none;
    }
    #main .mainImg .bnr1,
    #main .mainImg .bnr2,
    #main .mainImg .bnr3 {
        display: block;
        position: absolute;
        background: url("../img/lockup_banner_w308xh194_over.png") no-repeat;
        background-size: 100% 100%;
    }
    #main .mainImg .bnr1 { right: 50%; bottom: 90px; margin-right: 150px;}
    #main .mainImg .bnr2 { left: 50%; bottom: 90px; margin-left: -150px;}
    #main .mainImg .bnr3 { left: 50%; bottom: 90px; margin-left: 150px;}
    #main .mainImg a.bnr1 img:hover,
    #main .mainImg a.bnr2 img:hover,
    #main .mainImg a.bnr3 img:hover {
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
    #main .mainImg .bnr1 img,
    #main .mainImg .bnr2 img,
    #main .mainImg .bnr3 img {
        display: block;
        width: 300px;
    }
    #main .subImg {
        width: 560px;
        margin: 0 auto 120px;
    }
}


/*-------#story-------*/

@media screen and (max-width: 999px) {
    #story {
        background: url("../img/line_01.png") repeat-x center 70px;
        background-size: 750px;
        padding: 0 0 6% 0;
    }
}
@media screen and (min-width: 1000px) {
    #story {
        margin: 0 0 0 0;
        padding: 0 0 160px 0;
        background: url("../img/line_01.png") repeat-x center 75px;
    }
}


#story {
    width: 100%;
    margin: -18% auto 0 auto;
    padding: 0 0 8% 0;
    overflow: hidden;
}

#story ul {}

#story ul li {
    margin: 3% auto 0 auto;
}

@media screen and (max-width: 999px) {
    #story {
        margin: -10% auto 0 auto;
    }
    #story ul li {
        margin: 8% auto 0 auto;
    }
    #story ul li.txt1 {
        text-align: center;
    }
    #story ul li.txt2 {
        text-align: center;
        line-height: 1.8;
    }
}

@media screen and (min-width: 1000px) {
    #story {
        width: 100%;
        margin: 0 auto;
        padding: 30px 0 140px 0;
    }
    #story h2 {
        background: url("../img/story_tit.png") no-repeat;
        background-size: 122px 25px;
    }
    #story h2 img {
        display: none;
    }
    #story ul {
        margin: 60px auto 0 auto;
    }
    #story ul li {
        margin: 0 auto 0 auto;
    }
    #story ul li img {
        display: none;
    }
    #story ul li.txt1 {
        text-align: center;
        font-size: 24px;
        margin: 0 auto 55px auto;
    }
    #story ul li.txt2 {
        text-align: center;
        font-size: 18px;
        line-height: 2.1;
    }
}


/*-------#system-------*/

#system {
    width: 100%;
    margin: -18% auto 0 auto;
    padding: 0 0 8% 0;
    overflow: hidden;
}

#system ul {}

#system ul li {
    margin: 3% auto 0 auto;
}

@media screen and (max-width: 999px) {
    #system {
        width: 100%;
        margin: 0 auto;
        padding: 0 0 5% 0;
        overflow: hidden;
        background: url("../img/line_02.png") repeat-x center 70px;
        background-size: 750px;
    }

    #system ul {
        padding: 0 10%;
    }

    #system ul li {
        margin: 10% auto 0 auto;
    }
    #system ul li span {
        display: block;
        line-height: 1.5;
        margin-top: 5px;
        font-size: 14px;
    }
}

@media screen and (min-width: 1000px) {
    #system {
        background: url("../img/line_02.png") repeat-x center 75px;
        width: 100%;
        margin: 0 auto;
        padding: 0 0 150px 0;
    }
    #system h2 {
        background: url("../img/system_tit.png") no-repeat;
        background-size: 178px 26px;
    }
    #system h2 img {
        display: none;
    }
    #system ul {
        margin: 60px auto 0 auto;
        width: 964px;
    }
    #system ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
    #system ul li {
        float: left;
        margin-top: 0;
    }
    #system ul li img {
        display: none;
    }
    #system ul li.img1 {
        background: url("../img/system_img1.png") no-repeat center top;
        background-size: 100%;
        width: 305px;
        padding-top: 280px;
    }
    #system ul li.img2 {
        background: url("../img/system_img2.png") no-repeat center top;
        background-size: 100%;
        width: 305px;
        margin-left: 25px;
        padding-top: 280px;
    }
    #system ul li.img3 {
        background: url("../img/system_img3.png") no-repeat center top;
        background-size: 100%;
        width: 305px;
        float: right;
        padding-top: 280px;
    }
    #system ul li span {
        display: block;
        line-height: 1.8;
    }
}


/*-------#news-------*/

#news {
    width: 100%;
    margin: 5% auto 0 auto;
    padding: 0 0 5% 0;
    background: url("../img/line_01.png") repeat-x center top;
    overflow: hidden;
}

#news .contentBox {
    padding: 5% 0 0 0;
}

#news ul {
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 2% 0 4% 0;
}

#news ul li {
    font-size: 14px;
    text-align: left;
    padding: 3% 0 1% 0;
    color: #fff;
    line-height: 1.4;
}

#news ul li .date {
    color: #fabe00;
    float: left;
    clear: left;
}

#news ul li dd {
    margin: 0 0 0 23%;
}

@media screen and (max-width: 999px) {
    #news {
        background: url("../img/line_01.png") repeat-x center 70px;
        background-size: 750px;
        padding: 0 0 4% 0;
        position: relative;
        overflow: inherit;
    }
    #news:before {
        display: block;
        content: "";
        background: url("../img/sp/bg_item_01.png") no-repeat left center;
        background-size: cover;
        width: 100%;
        padding-top: 70.625%;
        position: absolute;
        top: -50%;
        left: 0;
        z-index: -1;
    }
    #news h2 {
        margin-top: 2%!important;
    }
    #news ul {
        padding: 0;
    }
}

@media screen and (min-width: 1000px) {
    #news .contentBox {
        padding: 0 0 0 0;
    }
    #news {
        width: 100%;
        padding: 0 0 100px 0;
        background: url("../img/line_01.png") repeat-x center 75px;
    }
    #news h2 {
        background: url("../img/news_tit.png") no-repeat;
        background-size: 113px 27px;
        /* margin-top: -90px!important; */
    }
    #news h2 img {
        display: none;
    }
    #news ul {
        padding: 50px 0 0 0;
    }
    #news ul li {
        font-size: 16px;
        padding: 0 0 25px 0;
        color: #fff;
    }
    #news ul li .date {
        font-size: 16px;
        color: #fff;
        padding: 0 0 0 100px;
    }
    #news ul li dd {
        color: #fff;
        font-size: 16px;
        margin: 0 0 0 200px;
    }
}


/*-------#schedule-------*/

#schedule {
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0 0 8% 0;
    overflow: hidden;
    background: url("../img/line_01.png") repeat-x center top;
}

#schedule ul {
    width: 103%;
    overflow: hidden;
    padding: 0 0 0 0;
    margin: 0 auto 0 auto;
}

#schedule ul li {
    width: 30.33333%;
    margin: 0 auto 3% auto;
    padding: 0 0 0 0;
    line-height: 0;
}

#schedule ul li p {
    margin: 0 0 0 0;
}

#schedule ul li.eventx {
    display: block;
}

#schedule ul li.eventxx {
    display: none;
}

#schedule .txt {
    margin: 3% auto 0 auto;
}

#schedule .finish { text-align: center; margin-top: 40px;}
#schedule .finish a { color: #fff; text-decoration: underline;}
#schedule .finish a:hover { text-decoration: none;}

@media screen and (max-width: 999px) {
    #schedule {
        background: url("../img/line_01.png") repeat-x center 70px;
        background-size: 750px;
        padding: 0 0 6% 0;
    }
    #schedule h2 {
        margin-top: 5%!important;
        margin-bottom: 5%!important;
    }
    #schedule .finish { margin-top: 10px;}
}

@media screen and (min-width: 1000px) {
    #schedule {
        margin: 0 0 0 0;
        padding: 0 0 160px 0;
        background: url("../img/line_01.png") repeat-x center 75px;
    }
    #schedule h2 {
        background: url("../img/schedule_tit.png") no-repeat;
        background-size: 234px 27px;
        /* margin-top: -70px!important; */
    }
    #schedule h2 img {
        display: none;
    }
    #schedule ul {
        width: 300px;
        overflow: hidden;
        padding: 0 0 0 0;
        margin: 70px auto 0 auto;
    }
    #schedule ul li {
        width: 300px;
        height: 260px;
        margin: 0 30px 0 0;
        float: left;
        line-height: 0;
    }
    #schedule ul li:last-child { margin: 0;}
    #schedule ul li img {
        display: none;
    }
    #schedule ul li p {
        width: 300px;
        height: 260px;
        margin: 0 0 0 0;
    }
    #schedule ul li a p:hover {
        opacity: 0.5;
        filter: alpha(opacity=50);
        -ms-filter: "alpha(opacity=50)";
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
    }
    #schedule ul li.event1 p {
        background: url("../img/schedule_btn01.png") no-repeat 0 0;
    }
    #schedule ul li.event2 p {
        background: url("../img/schedule_btn02.png") no-repeat 0 0;
    }
    #schedule ul li.event3 p {
        background: url("../img/schedule_btn03.png") no-repeat 0 0;
    }
    #schedule ul li.event4 p {
        background: url("../img/schedule_btn04.png") no-repeat 0 0;
    }
    #schedule ul li.event5 p {
        background: url("../img/schedule_btn05.png") no-repeat 0 0;
    }
    #schedule ul li.event6 p {
        background: url("../img/schedule_btn06.png") no-repeat 0 0;
    }
    #schedule ul li.event7 p {
        background: url("../img/schedule_btn07.png") no-repeat 0 0;
    }
    #schedule ul li.event8 p {
        background: url("../img/schedule_btn08.png") no-repeat 0 0;
    }
    #schedule ul li.event9 p {
        background: url("../img/schedule_btn09.png.html") no-repeat 0 0;
    }
    #schedule ul li.event10 p {
        background: url("../img/schedule_btn10.png.html") no-repeat 0 0;
    }
    #schedule ul li.event11 p {
        background: url("../img/schedule_btn11.png.html") no-repeat 0 0;
    }
    #schedule ul li.event12 p {
        background: url("../img/schedule_btn12.png.html") no-repeat 0 0;
    }
    #schedule ul li.event13 p {
        background: url("../img/schedule_btn13.png.html") no-repeat 0 0;
    }
    #schedule ul li.event14 p {
        background: url("../img/schedule_btn14.png.html") no-repeat 0 0;
    }
    #schedule ul li.event15 p {
        background: url("../img/schedule_btn15.png.html") no-repeat 0 0;
    }
    #schedule ul li.event16 p {
        background: url("../img/schedule_btn16.png.html") no-repeat 0 0;
    }
    #schedule ul li.event17 p {
        background: url("../img/schedule_btn17.png.html") no-repeat 0 0;
    }
    #schedule ul li.event18 p {
        background: url("../img/schedule_btn18.png.html") no-repeat 0 0;
    }
    #schedule ul li.event19 p {
        background: url("../img/schedule_btn19.png.html") no-repeat 0 0;
    }
    #schedule ul li.eventx {
        display: none;
    }
    #schedule ul li.eventxx {
        display: block;
    }
    #schedule .txt {
        margin: 40px auto 0 auto;
        width: 500px;
    }
    #schedule .contentBox p {line-height: 1.0px}
}


/*-------#aboutGame-------*/

#aboutGame {
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    overflow: hidden;
    background: url("../img/line_02.png") repeat-x center top;
}

#aboutGame .txt1 {
    margin: 4% auto 0 auto;
}

#aboutGame .txt1 .t1 {
    margin: 4% auto 0 auto;
    font-size: 14px;
    line-height: 1.6;
}

ul.link2site {
    width: 100%;
    display: table;
    margin: 5% auto 10% auto;
    padding: 0;
    list-style: none;
}

ul.link2site li {
    width: 32%;
    float: left;
    margin-right: 2%;
}

ul.link2site li:last-child {
    margin-right: 0;
}

ul.link2site li a {
    display: block;
    padding: 3% 0 4% 0;
    color: #fff;
    height: 20px;
    font-size: 13px;
    text-decoration: none;
    text-align: center;
    border-radius: 2px;
    line-height: 20px;
    font-weight: normal;
}

ul.link2site li.link-item-web a {
    background: #32b16c;
    font-size: 11px;
}

ul.link2site li.link-item-twitter a {
    background: #55acee;
}

ul.link2site li.link-item-twitter img {
    width: 10%;
    height: auto;
}

ul.link2site li.link-item-facebook a {
    background: #3b5a9a;
}

ul.link2site li.link-item-facebook img {
    width: 5%;
    height: auto;
}

#aboutGame ul.link2site.pc {
    display: none;
}

ul.link2site li a:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)";
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
}

@media screen and (max-width: 999px) {
    #aboutGame {
        background: url("../img/line_02.png") repeat-x center 70px;
        background-size: 750px;
        padding: 0 0 4% 0;
    }
    #aboutGame .video {
        padding-bottom: 0!important;
        height: auto!important;
    }
    #aboutGame .video iframe {
        position: relative!important;
    }
    #aboutGame ul.link2site {
        margin-bottom: 0!important;
    }
}

@media screen and (min-width: 1000px) {
    #aboutGame {
        padding: 0 0 0 0;
        background: url("../img/line_02.png") repeat-x center 45px;
    }
    #aboutGame h2 {
        background: url("../img/game_tit.png") no-repeat;
        background-size: 249px 25px;
    }
    #aboutGame h2 img {
        display: none;
    }
    #aboutGame .txt1 {
        width: 960px;
        margin: 50px auto 0 auto;
        overflow: hidden;
    }
    #aboutGame .txt1 .video {
        width: 451px;
        height: 254px;
        margin: 5px 0 0 0;
        float: left;
        overflow: visible;
    }
    #aboutGame .txt1 ul {
        margin: 285px 0 0 0;
    }
    #aboutGame .txt1 .t1 {
        width: 451px;
        float: right;
        font-size: 16px;
        margin: 0 0 50px 0;
        line-height: 32px;
    }
    ul.link2site {
        width: 455px;
        display: table;
        margin: 0px auto 0px auto;
        padding: 0;
        list-style: none;
    }
    ul.link2site li {
        width: 145px;
        float: left;
        margin-right: 8px;
    }
    ul.link2site li:last-child {
        margin-right: 0;
    }
    ul.link2site li a {
        display: block;
        margin: 0 0 0 0;
        padding: 5px 0 5px 0;
        color: #fff;
        height: auto;
        font-size: 18px;
        text-decoration: none;
        text-align: center;
        border-radius: 5px;
        line-height: 30px;
        font-weight: bold;
    }
    ul.link2site li.link-item-web a {
        background: #32b16c;
        font-size: 16px;
    }
    ul.link2site li.link-item-twitter a {
        background: #55acee;
    }
    ul.link2site li.link-item-facebook a {
        background: #3b5a9a;
    }
    ul.link2site li.link-item-twitter img {
        width: 20px;
        height: auto;
        padding: 3px 0 0 0;
    }
    ul.link2site li.link-item-facebook img {
        width: 9px;
        height: auto;
        padding: 3px 0 0 0;
    }
    #aboutGame ul.link2site.pc {
        display: none;
    }
    #aboutGame ul.link2site.pc {
        display: block;
    }
    #aboutGame ul.link2site.sp {
        display: none;
    }
}


/*-------#about-------*/

#about {
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0 0 9% 0;
    overflow: hidden;
}

#about .contentBox {
    background: url("../img/bg_02.png.html") repeat;
    background-size: 100% auto;
    padding: 0 4px 0 0;
}

#about .txt1 {
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    border: 4px solid #eff2d4;
    border-image: url("../img/line_bg.png") 5 round;
    border-top: 0px;
}

#about .txt1 .t1 {
    margin: 0 auto 0 auto;
    padding: 0 5% 0 5%;
    font-size: 13px;
    color: #dcdddd;
    line-height: 1.4;
}

#about .txt1 .t1 .img {
    width: 100%;
    height: auto;
}

#about .txt1 .t2 {
    margin: 4% auto 0 auto;
    padding: 0 5% 0 5%;
    font-size: 13px;
    color: #dcdddd;
    line-height: 1.4;
}

#about ul.link2site {
    width: 70%;
    display: table;
    margin: 8% auto 8% auto;
    padding: 0 0 0 0;
    font-size: 13px;
    padding: 0 0 0 0;
    list-style: none;
}

#about ul.link2site li {
    width: 48%;
    float: left;
    margin-right: 2%;
}

#about ul.link2site.pc {
    display: none;
}

@media screen and (min-width: 1000px) {
    #about {
        padding: 0 0 0 0;
    }
    #about .contentBox {
        background: url("../img/bg_02.png.html") repeat;
        background-size: 100% auto;
    }
    #about h2 {
        background: url("../img/about_tit.png.html") no-repeat;
        background-size: 580px 46px;
    }
    #about h2 img {
        display: none;
    }
    #about .txt1 {
        width: 1042px;
        margin: 0 auto 0 auto;
        overflow: hidden;
        font-size: 16px;
        border: 4px solid #eff2d4;
        border-top: 0px;
        border-image: url("../img/line_bg.png") 5 round;
    }
    #about .txt1 .t1 {
        width: 450px;
        margin: 40px 0 0 45px;
        padding: 0 0 0 0;
        float: left;
        font-size: 16px;
        line-height: 32px;
    }
    #about .txt1 .t1 .img {
        width: 450px;
        height: 220px;
    }
    #about .txt1 .t1 p {
        width: 451px;
        margin: 0 0 20px 0;
    }
    #about .txt1 .t2 {
        width: 451px;
        float: right;
        padding: 0 0 0 0;
        margin: 40px 45px 40px 0;
        font-size: 16px;
        line-height: 32px;
    }
    #about ul.link2site {
        padding: 0 0 0 80px;
        margin: 0 0 0 0;
    }
    #about ul.link2site.pc {
        display: block;
    }
    #about ul.link2site.sp {
        display: none;
    }
}


/*-------#details-------*/

#contentinner.inner.schedule {
    background: url("../img/bg_item_04.png") no-repeat center 120px;
}
@media screen and (max-width:999px) {
    #contentinner.inner.schedule {
        background-position: center 3%;
        background-size: 100%;
    }
}

.detailsWrap {
    width: 100%;
}

#details {
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0 0 5% 0;
    background: url("../img/line_02.png") repeat-x center bottom;
}
#details2 {
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0;
    background: url("../img/line_02.png") repeat-x center top;
}
#details2 .dfWrap {
    padding-top: 95px;
}
#details2 h2 {
    background: none;
    margin-bottom: 60px!important;
    font-size: 28px;
}

#details .contentBox {
    width: 92%;
    margin: 0 auto 0 auto;
    padding: 0 4px 0 0;
}

#details .contentBox ul.detailsBox {
    margin: 0 auto 0 auto;
    padding: 0 0 5% 0;
    width: 100%;
}

#details .contentBox ul .img {
    width: 35%;
    margin: 3% 0 0 3%;
    float: left;
}

#details .contentBox ul .txtWrap .tit {
    width: 59%;
    text-align: left;
    float: left;
    margin: 15% 0 15% 3%;
    overflow: hidden;
}

@media screen and (max-width: 999px) {
    #details .contentBox ul.detailsBox .img {
        width: 100%;
        margin-left: 0;
    }
    #details .contentBox ul .txtWrap .tit {
        clear: left;
        width: 100%;
        box-sizing: border-box;
        margin: 10% 0 3% 0;
        padding: 0 5% 0 5%;
    }
    #details .contentBox ul .txtWrap .tit .t1 {
        margin-bottom: 3%!important;
    }
}

#details .contentBox ul .txtWrap .tit .t1 {
    background: #b2311f;
    font-size: 12px;
    float: left;
    color: #fff;
    padding: 3% 3% 2% 3%;
    margin: 0 0 6% 0;
}

#details .contentBox ul .txtWrap .tit .t2 {
    font-size: 10px;
    clear: left;
    color: #fabe00;
    margin: 0 0 4% 0;
}

#details .contentBox ul .txtWrap .tit .t3 {
    font-size: 18px;
    margin: 3% 0 0 0;
}

#details .contentBox ul .txtWrap .tit .t4 {
    clear: left;
    line-height: 1.4;
}

#details .contentBox ul .txtWrap .tit .t3 span {
    font-size: 18px;
    color: #ddd8af;
    font-weight: normal;
}

#details .contentBox .txt {
    color: #fff;
    padding: 0 5% 0 5%;
    text-align: left;
    font-size: 13px;
    clear: left;
}

#details .contentBox .txt p {
    margin: 0 auto 0 auto;
    line-height: 1.4;
    font-size: 16px;
}

#details .contentBox .txt p span {
    font-size: 13px;
}
#details .contentBox .txt .btn {
    margin-top: 10%;
}
#details .contentBox .txt .btn img {
    width: 100%;
}

.detailsWrap {
    margin: 10% auto 0 auto;
}

.detailsWrap h3 {
    text-align: left;
    color: #fabe00;
    font-size: 16px;
    margin: 3% auto 0 auto;
    font-weight: normal;
}

.detailsWrap a {
    text-decoration: underline;
    color: #fff;
}

.detailsWrap a:hover {
    text-decoration: none;
}

.detailsWrap .txtBox {
    width: 100%;
    margin: 3% auto 0 auto;
    padding: 1.70% 0 0 0;
    font-size: 18px;
}

.detailsWrap .txtBox a {
    color: #fff;
    text-decoration: underline;
}

.detailsWrap .txtBox a:hover {
    text-decoration: none;
}

.detailsWrap .txtBox div {
    padding: 0 0 1.70% 0;
}

.detailsWrap .txtBox div p {
    margin: 0 0 0 0;
    padding: 2% 5% 2% 5%;
    font-size: 16px;
}

.detailsWrap .txtBox p {
    line-height: 1.5;
}

.detailsWrap .txtBox span {
    font-weight: bold;
    font-size: 12px;
}

.detailsWrap .txt {
    margin: 3% auto 0 auto;
    color: #fff;
    line-height: 1.7;
    font-size: 13px;
}

.dfWrap {
    width: 92%;
    margin: 0 auto 10% auto;
    padding: 0 4% 5% 4%;
    overflow: hidden;
}

.dfWrap h2 {
    font-size: 20px;
    color: #fabe00;
    font-weight: normal;
}

.detailsWrap .txt {
    overflow: hidden;
}

.detailsWrap .txtBox a {
    color: #fabe00;
    font-size: 13px;
    text-decoration: underline;
    font-weight: normal;
}

.detailsWrap .txtBox div p {
    font-size: 14px;
    line-height: 1.4;
    padding: 0 0 0 0;
}

.detailsWrap .txtBox {
    margin: 3% 0 3% 0;
    padding: 0 0 0 0;
    overflow: hidden;
}

.detailsWrap .txtBox div {
    padding: 0 0 0 0;
}

.detailsWrap .txtBox span {
    font-size: 12px;
    line-height: 1.4;
    font-weight: normal;
    color: #fff;
}

.detailsWrap .txtBox .f18 {
    font-size: 16px;
    color: #fff;
}

.detailsWrap .txtBox span.f18 {
    font-weight: bold;
}

.detailsWrap .txtBox .f18g {
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
}

#detailsWarning.detailsWrap .txtBox p {
    font-size: 11px;
    line-height: 1.8;
}

#detailsWarning.detailsWrap .txtBox p span {
    font-size: 11px;
    font-weight: bold;
    color: #fff;
}

#detailsSale.detailsWrap .txtBox .f18 {
    font-size: 14px !important;
}

.detailsWrap .txtBox .f14 {
    font-size: 12px !important;
    color: #fff;
}

.detailsWrap .txtBox .f14 a {
    color: #fff;
}

.detailsWrap .txtBox span a {
    color: #fff;
}

@media screen and (min-width: 1000px) {
    #details {
        padding: 0 0 90px 0;
    }
    .detailsWrap {
        margin: 50px auto 0 auto;
    }
    .detailsWrap .txt {
        margin: 0 0 0 0;
    }
    #details.detailsWrap .contentBox {
        background: none;
    }
    #details h2 {
        background: url("../img/schedule_tit.png") no-repeat;
        background-size: 234px 27px;
    }
    #details h2 img {
        display: none;
    }
    #details h2.device {
        background: none;
        margin-bottom: 25px!important;
        font-size: 28px;
    }
    #details .contentBox ul {
        width: 950px;
        margin: 0 auto 0 auto;
        overflow: hidden;
    }
    #details .contentBox ul.detailsBox {
        width: 950px;
        margin: 35px auto 0 auto;
        padding: 0 0 0 0;
    }
    #details .contentBox ul .img {
        width: 380px;
        margin: 0 0 0 50px;
        float: left;
    }
    #details .contentBox ul .txtWrap {
        width: 435px;
        float: right;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }
    #details .contentBox ul .txtWrap .tit {
        text-align: left;
        margin: 0 0 10px 0;
        width: 450px;
        float: left;
        clear: left;
        overflow: hidden;
    }
    #details .contentBox ul .txtWrap .tit .t1 {
        background: #b2311f;
        font-size: 16px;
        float: left;
        color: #fff;
        padding: 6px 10px 5px 10px;
        margin: 0 0 15px 0;
    }
    #details .contentBox ul .txtWrap .tit .t2 {
        font-size: 18px;
        clear: left;
        color: #fabe00;
    }
    #details .contentBox ul .txtWrap .tit .t3 {
        font-size: 35px;
        margin: 15px 0 0 0;
        line-height: 1.2;
        color: #fff;
    }
    #details .contentBox ul .txtWrap .tit .t3 span {
        font-size: 25px;
        color: #fff;
    }
    #details .contentBox ul .txtWrap .tit .t4 {
        font-size: 25px;
        line-height: 1.4;
        color: #fff;
        clear: both;
    }
    #details .contentBox ul .txtWrap .txt {
        text-align: left;
        padding: 0 0 0 0;
    }
    #details .contentBox .txt p {
        margin: 0 0 0 0;
        font-size: 18px;
        line-height: 1.4;
    }
    #details .contentBox .txt .btn {
        margin-top: 35px;
    }
    #details .contentBox .txt span {
        font-size: 14px;
    }
    #details .contentBox .txt p span {
        font-size: 16px;
    }
    #details .contentBox .txt p a {
        font-size: 22px;
    }
    #details .contentBox ul .txtWrap .txt h3 {
        text-align: left;
        font-size: 16px;
        margin: 15px 0 0 0;
        font-weight: normal;
    }
    #details .contentBox {
        width: 100%;
        padding: 0 0 0 0;
    }
    #contentinner .dfWrap .detailsWrap .contentBox {
        width: 580px;
    }
    .dfWrap {
        width: 1042px;
        margin: 0 auto 0 auto;
        padding: 80px 0 10px 0;
        overflow: hidden;
    }
    .dfWrap .detailsWrap {
        width: 580px;
        margin: 0 auto 0 auto;
    }
    .dfWrap #detailsJoin {
        margin-top: 60px;
    }
    .dfWrap h2 {
        font-size: 25px;
        color: #fabe00;
    }
    .detailsWrap .txt {
        overflow: hidden;
    }
    .detailsWrap .txtBox a {
        color: #fabe00;
        font-size: 18px;
        text-decoration: underline;
        font-weight: bold;
    }
    .detailsWrap .txtBox span a {
        text-decoration: underline;
        font-size: 14px;
        line-height: 1.5;
        font-weight: normal;
        color: #fabe00;
    }
    .detailsWrap .txtBox div p {
        font-size: 16px;
        line-height: 1.6;
        padding: 0 0 0 0;
    }
    .detailsWrap .txtBox {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        overflow: hidden;
    }
    .detailsWrap .txtBox div {
        padding: 0 0 15px 0;
    }
    .detailsWrap .txtBox span {
        font-size: 14px;
        line-height: 1.5;
        font-weight: normal;
        color: #fff;
    }
    .detailsWrap .txtBox strong {
        font-weight: normal;
        color: #fabe00;
    }
    .detailsWrap .txtBox .f14 {
        font-size: 14px;
        color: #fff;
    }
    .detailsWrap .txtBox .f14 a {
        color: #fff;
    }
    .detailsWrap .txtBox .f18 {
        font-size: 18px;
        color: #fff;
    }
    .detailsWrap .txtBox span.f18 {
        font-weight: bold;
    }
    .detailsWrap .txtBox .f18g {
        font-size: 18px;
        line-height: 1.5;
        color: #fff;
    }
    #detailsWarning.detailsWrap .txtBox p {
        font-size: 14px;
        line-height: 1.8;
    }
    #detailsWarning.detailsWrap .txtBox p span {
        font-size: 18px;
        color: #fff;
    }
    #detailsSale.detailsWrap .txtBox .f18 {
        font-size: 18px !important;
    }
}


/*-------innner-------*/

.innerWrap {
    width: 100%;
}

br.pc {
    display: none;
}

br.sp {
    display: block;
}

#mv {
    width: 100%;
    margin: 0 auto 0 auto;
}

#mv .contentBox {
    width: 92%;
    margin: 0 auto 0 auto;
    padding: 0 4px 0 0;
}

.itWrap {
    width: 92%;
    margin: 0 auto 18% auto;
    padding: 0 0 5% 0;
    overflow: hidden;
    background: url("../img/line_01.png") repeat-x center top;
}

.itWrap h2 {
    font-size: 16px;
    color: #fabe00;
}

.innerWrap .txt {
    overflow: hidden;
}

.innerWrap .txtBox a {
    color: #b2311f;
    font-size: 12px;
    text-decoration: underline;
    font-weight: normal;
}

.innerWrap .txtBox div p {
    font-size: 12px;
    line-height: 1.4;
    padding: 0 0 0 0;
}

.innerWrap .txtBox {
    margin: 3% 0 3% 0;
    padding: 0 0 0 0;
    overflow: hidden;
}

.innerWrap .txtBox div {
    padding: 0 0 0 0;
}

.innerWrap .txtBox span {
    font-size: 12px;
    line-height: 1.5;
    font-weight: normal;
}

.innerWrap .txtBox .f18 {
    font-size: 12px;
    color: #fff;
}

.innerWrap .txtBox span.f18 {
    font-weight: bold;
}

.innerWrap .txtBox .f18g {
    font-size: 12px;
    line-height: 1.5;
    color: #fabe00;
}

.innerWrap .txtBox.txtA p {
    font-size: 11px;
    line-height: 1.8;
}

.innerWrap .txtBox.txtA p span {
    font-size: 11px;
    font-weight: bold;
    color: #fff;
}

.faq .innerWrap .txtBox a {
    color: #fff;
}

@media screen and (min-width: 1000px) {
    #mv {
        background: none;
    }
    .innerWrap {
        margin: 50px auto 0 auto;
    }
    br.pc {
        display: block;
    }
    br.sp {
        display: none;
    }
    .innerWrap .txt {
        margin: 0 0 0 0;
    }
    #mv.innerWrap .contentBox {
        background: none;
    }
    #mv h2 img {
        display: none;
    }
    h3.ttl img {
        display: none;
    }
    #mv .contentBox {
        width: 100%;
        padding: 0 0 0 0;
    }
    #contentinner .itWrap .innerWrap .contentBox {
        width: 560px;
    }
    .itWrap {
        width: 100%;
        min-width: 1042px;
        margin: 30px auto 0 auto;
        padding: 30px 0 30px 0;
        overflow: hidden;
    }
    .itWrap .innerWrap {
        width: 560px;
        margin: 0 auto 0 auto;
    }
    .itWrap h2 {
        font-size: 25px;
        color: #fabe00;
        font-weight: normal;
        margin-bottom: 20px !important;
    }
    .innerWrap .txt {
        overflow: hidden;
    }
    .innerWrap .txtBox a {
        color: #b2311f;
        font-size: 18px;
        text-decoration: underline;
        font-weight: bold;
    }
    .innerWrap .txtBox span a {
        text-decoration: underline;
        font-size: 14px;
        line-height: 1.5;
        font-weight: normal;
        color: #fff;
    }
    .innerWrap .txtBox div p {
        font-size: 18px;
        line-height: 1.6;
        padding: 0 0 0 0;
    }
    .innerWrap .txtBox {
        margin: 0 0 30px 0;
        padding: 0 0 0 0;
        overflow: hidden;
    }
    .innerWrap .txtBox div {
        padding: 0 0 15px 0;
    }
    .innerWrap .txtBox span {
        font-size: 14px;
        line-height: 1.5;
        font-weight: normal;
    }
    .innerWrap .txtBox .f18 {
        font-size: 18px;
        color: #fff;
    }
    .innerWrap .txtBox span.f18 {
        font-weight: bold;
    }
    .innerWrap .txtBox .f18g {
        font-size: 18px;
        line-height: 1.5;
        color: #fabe00;
    }
    .innerWrap .txtBox .f18g a {
        font-size: 18px;
        color: #fabe00;
    }
    .innerWrap .txtBox.txtA p {
        font-size: 14px;
        line-height: 1.8;
    }
    .innerWrap .txtBox.txtA p span {
        font-size: 18px;
        color: #fff;
    }
}


/*--#faq---*/

.faq .itWrap {
    background: none;
    padding-bottom: 0!important;
}
.faq .txtBox {
    margin-bottom: 0!important;
}
@media screen and (max-width: 999px) {
    #contentinner.faq {
        background: url("../img/bg_item_03.png") no-repeat center 5%;
        background-size: 100%;
    }
}

@media screen and (min-width: 1000px) {
    #mv h2.faq {
        background: url("../img/faq_tit.png") no-repeat;
        background-size: 150px 27px;
        margin: 0 auto;
    }
    .faq .txtBox p,
    .faq .txtBox p a,
    .faq .txtBox p .f18g {
        font-size: 16px!important;
        font-weight: normal!important;
    }
}


/*-------twbox-------*/

.instaBox .ttl {
    padding: 10px 10px 5px 10px;
    font-size: 27px;
    line-height: 36px;
    font-weight: 300;
    color: #1b95e0;
    text-decoration: none;
    outline: 0;
    text-align: left;
}
.instaBox .link {
    text-align: right;
    padding: 10px 15px 15px 15px;
    font-size: 12px;
}
.instaBox .link a {
    color: #55acee;
    text-decoration: none;
    outline: 0;
}
.instaBox #instafeed:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.instaBox #instafeed li {
    display: block;
    width: 150px;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
}
.instaBox #instafeed li a {
    display: block;
    width: 100%;
    text-align: center;
    cursor: pointer;
    background: #111111;
    line-height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.instaBox #instafeed li a img {
    max-width: 140px;
    max-height: 140px;
}

@media screen and (min-width: 1000px) {
    .snsArea {
        width: 960px;
        padding: 0 45px;
        margin: 30px auto 0 auto;
    }
    .snsArea:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
    }
    .twbox {
        width: 451px;
        float: left;
    }
    .instaBox {
        width: 451px;
        float: right;
    }
    .twbox .txt {
        margin: 80px auto 0 auto;
        font-size: 17px;
        line-height: 1.8;
    }
}
@media screen and (max-width: 999px) {
    .twbox {
        width: 84%;
        text-align: center;
        margin: 2% auto 0 auto;
    }
    .instaBox {
        max-width: 450px;
        width: 86%;
        text-align: center;
        margin: 2% auto 0 auto;
    }
    .twbox .txt {
        margin: 12% auto 0 auto;
        font-size: 12px;
        color: #cccccc;
        line-height: 1.6;
    }
}
@media screen and (max-width: 550px) {
    .instaBox #instafeed li {
        width: 33.3333%;
    }
    .instaBox #instafeed li a img {
        max-width: 100px;
        max-height: 100px;
    }
}

/*-------#share-------*/

#share {
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 5% 0 8% 0;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

#share h2 {
    margin: 9% auto 0 auto;
    text-align: center;
}

#share ul {
    width: 25%;
    margin: 0 auto 0 auto;
}
#share ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#share ul li {
    width: 46%;
    margin: 3% 2% 0 2%;
    float: left;
    text-align: center;
}

#share ul li img {
    width: 100%;
    height: auto;
}
@media screen and (max-width: 999px) {
    #share {
        padding: 0 0 8% 0;
        position: relative;
        overflow: inherit;
    }
    #share:before {
        display: block;
        content: "";
        background: url("../img/sp/bg_item_02.png") no-repeat left center;
        background-size: cover;
        width: 100%;
        padding-top: 51.718%;
        position: absolute;
        top: 2%;
        left: 0;
        z-index: -1;
    }
    #share ul {
        width: 60%;
        text-align: center;
        letter-spacing: -0.4em;
        margin-top: 7%;
    }
    #share ul li {
        width: 16%;
        margin: 0 5%;
        line-height: 0;
        letter-spacing: normal;
        display: inline-block;
        float: none;
    }
}
@media screen and (min-width: 1000px) {
    #share {
        margin: 50px 0 0 0;
        padding: 0 0 0 0;
    }
    #share h2 {
        height: 30px;
        background: url("../img/share_tit.png") no-repeat;
        background-size: 134px 25px;
        margin: 30px auto 0 auto;
        text-align: center;
        background-position: center center !important;
    }
    #share h2 img {
        display: none;
    }
    #share ul {
        width: 228px;
        margin: 0 auto 0 auto;
    }
    #share ul li {
        width: 56px;
        margin: 40px 10px 0 10px;
        float: left;
    }
}


/*-------footer-------*/

#footer {
    width: 100%;
    text-align: center;
    margin: 0 0 0 0;
    padding: 0 0 5% 0;
    position: relative;
}

#footer .txt {
    width: 90%;
    margin: 0 auto 8% auto;
}

#footer .txt img {
    display: block;
    width: 100%;
    height: auto;
}

#footer .logo {
    width: 24%;
    margin: 0 auto 30% auto;
}

#footer .copyright01 {
    font-size: 12px;
    margin: 0 0 2% 0;
    color: #fff;
}

#footer .copyright02 {
    font-size: 12px;
    margin: 0 0 2% 0;
    color: #fff;
}
@media screen and (max-width: 999px) {
    #footer .logo {
        margin: 0 auto 10% auto;
    }
    #footer .copyright01,
    #footer .copyright02 {
        font-size: 10px;
    }
}

@media screen and (min-width: 1000px) {
    #footer {
        background: none;
        width: 100%;
        text-align: center;
        margin: 0 0 0 0;
        padding: 0 0 40px 0;
        z-index: 2;
    }
    #footer .txt {
        background: url("../img/ft_txt.png") no-repeat center top;
        width: 562px;
        height: 43px;
        margin: 40px auto 50px auto;
    }
    #footer .txt img {
        display: none;
    }
    #footer .txt img {
        width: 562px;
    }
    #footer .logo {
        width: 580px;
        margin: 60px auto;
    }
    #footer .logo img {
        width: 136px;
    }
    #footer .copyright01 {
        font-size: 12px;
        margin: 0 0 15px 0;
        color: #cccccc;
    }
    #footer .copyright02 {
        font-size: 13px;
        margin: 0 0 10px 0;
        color: #cccccc;
    }
}


/*-------bgItemBox-------*/

.bgItemBox {
    display: none;
}

@media screen and (min-width: 1000px) {
    .bgItemBox {
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
    }
    .bgItemBox div {
        position: absolute;
    }
    .bgItemBox .bg01 {
        background: url("../img/bg_item_01.png") no-repeat left center;
        width: 964px;
        height: 452px;
        top: 2500px;
        left: 50%;
        margin-left: -482px;
    }
    .bgItemBox .bg02 {
        background: url("../img/bg_item_02.png") no-repeat left center;
        width: 1149px;
        height: 327px;
        bottom: 200px;
        left: 50%;
        margin-left: -575px;
    }
    .bgItemBox .bg03 {
        background: url("../img/bg_item_03.png") no-repeat left center;
        width: 964px;
        height: 2348px;
        top: 117px;
        left: 50%;
        margin-left: -482px;
    }
    .bgItemBox .bg04 {
        background: url("../img/bg_item_01.png") no-repeat left center;
        width: 539px;
        height: 535px;
        top: 3600px;
        right: 0;
    }
    .bgItemBox .bg05 {
        background: url("../img/bg_item_02.png") no-repeat left center;
        width: 396px;
        height: 584px;
        top: 3774px;
        left: 0;
    }
    .bgItemBox .bg06 {
        background: url("../img/bg_item_03.png") no-repeat left center;
        width: 100%;
        height: 1140px;
        top: 4384px;
        left: 0;
    }
}

.scheduleBox {
    display: table;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 80px;
    background: url("../img/bg_item_01.png") no-repeat center center;
}
.scheduleBox .detailsWrap,
.scheduleBox .contentBox { width: auto!important;}
.scheduleBox .device {
    background: none;
    margin-bottom: 40px!important;
    font-size: 28px;
}
.scheduleBox .boxL {
    display: table-cell;
    width: 50%;
    padding-right: 60px;
    box-sizing: border-box;
    border-right: 1px dashed #fabe00;
}
.scheduleBox .boxL table {
    margin-bottom: 40px;
    width: 100%;
}
.scheduleBox .boxL table:last-child { margin-bottom: 0;}
.scheduleBox .boxL table thead th {
    color: #fabe00;
    font-size: 16px;
    text-align: left;
    font-weight: normal;
    white-space: nowrap;
}
.scheduleBox .boxL table tbody th {
    text-align: right;
    font-size: 16px;
    padding-top: 15px;
    font-weight: normal;
    width: 20%;
    padding-right: 20px;
    white-space: nowrap;
}
.scheduleBox .boxL table tbody td {
    font-size: 16px;
    text-align: left;
    padding-top: 15px;
    width: 80%;
}
.scheduleBox .boxR {
    display: table-cell;
    width: 50%;
    padding-left: 60px;
    box-sizing: border-box;
}
.scheduleBox .boxR table th {
    text-align: left;
    font-size: 16px;
    padding-bottom: 5px;
}
.scheduleBox .boxR table td {
    text-align: right;
    font-size: 16px;
    padding: 0 0 5px 10px;
}
.scheduleBox .boxR a {
    font-size: 20px;
}
.scheduleBox .boxR .detailsWrap {
    margin-top: 60px;
}
.scheduleBox .boxR .detailsWrap:first-child {
    margin-top: 0;
}
#detailsInformation {
    margin-top: 80px;
}

@media screen and (max-width:999px) {
    .scheduleBox .device {
        font-size: 20px;
        margin-bottom: 10%!important;
    }
    .scheduleBox .boxL table {
        margin-bottom: 10%!important;
    }
    #details h2 {
        padding: 5% 0 5% 0;
    }
    .scheduleBox,
    .scheduleBox .boxL,
    .scheduleBox .boxR {
        display: block;
        border: none;
        width: 100%;
        padding: 0;
    }
    #detailsSaleSystem .scticket {
        width:100%;
        margin: 0 auto;
        padding-bottom: 20px;
    }
    #detailsSaleSystem .scticket img {
        width:100%;
        height:100%;
    }
    #detailsSaleSystem img {
        height: 20px;
    }
    .scheduleBox .boxR a {
        font-size: 14px;
    }
    .scheduleBox .boxR .detailsWrap {
        margin-top: 10%;
    }
    .scheduleBox {
        margin-bottom: 0;
        background-size: 100%;
    }
    .scheduleBox th,
    .scheduleBox td {
        font-size: 14px!important;
    }
    #details2 .dfWrap {
        padding-top: 10%;
    }
    #details2 h2 {
        font-size: 20px;
        margin-bottom: 10%!important;
    }
    #detailsInformation {
        margin-top: 10%;
    }
}

@media screen and (max-width: 999px) {
    .storyWrap,.systemWrap,.newsWrap,.scheduleWrap,.aboutGameWrap,.goodsWrap,.cmWrap {
        margin-top: -70px!important;
        padding-top: 70px!important;
    }
    #detailsSaleSystem {
        margin-top: -15%!important;
        padding-top: 25%!important;
    }
}

@media screen and (min-width: 1000px) {
    .storyWrap,.systemWrap,.newsWrap,.scheduleWrap,.aboutGameWrap,.goodsWrap,.cmWrap {
        margin-top: -150px!important;
        padding-top: 150px!important;
    }
    #detailsSaleSystem {
        margin-top: -90px!important;
        padding-top: 150px!important;
    }
}

/*-------campaign-------*/
.campaign h2 {
    background: url("../img/campaign_tit.png") no-repeat;
    background-size: 501px 27px;
    height: 27px;
}
.campaign h3.ttl {
    background: url("../img/campaign_tit2.png") no-repeat;
    background-size: 159px 27px;
    height: 27px;
    margin: 0 auto 50px!important;
    text-align: center;
    background-position: center center !important;
}
.campaign .itWrap {
    background: none;
    margin-top: 0;
    padding-bottom: 40px;
}
.campaign .itWrap h3 {
    text-align: center;
    line-height: 0;
    margin-bottom: 40px;
}
.campaign .itWrap p {
    text-align: center;
    line-height: 2.1;
    font-size: 18px;
}
.campaign .itWrap .pic {
    line-height: 0;
    margin-bottom: 60px;
}
.campaign .itWrap img {
    max-width: 100%;
}
.campaign table {
    width: 100%;
    max-width: 900px;
    margin: 35px auto 0;
}
.campaign table th {
    text-align: right;
    font-size: 16px;
    vertical-align: top;
    color: #fabe00;
    white-space: nowrap;
    line-height: 2.1;
}
.campaign table td {
    line-height: 2.1;
    font-size: 16px;
    letter-spacing: 0;
    padding-bottom: 15px;
}
.campaign table td .caption {
    font-size: 14px;
    text-indent: 1em;
    display: block;
}
.campaign table td ul li {
    position: relative;
    padding-left: 200px;
}
.campaign table td ul li a {
    position: absolute;
    left: 0;
    top: 0;
    color: #fabe00;
    text-decoration: underline;
}
.campaign table td ul li a:hover {
    text-decoration: none;
}
.campaign .campaignBox {
    background: url("../img/line_02.png") repeat-x center top;
    padding-top: 70px;
}
.campaign .campaignBox table { margin-top: 40px;}
.campaign .campaignList {
    text-align: center;
    letter-spacing: -0.4em;
}
.campaign .campaignList li {
    display: inline-block;
    letter-spacing: normal;
    margin: 0 5px;
}
.campaign .campaignLink {
    background: url("../img/line_02.png") repeat-x center top;
    padding-top: 100px;
}
.campaign .campaignLink p {
    text-align: center;
    font-size: 11px;
    line-height: 1;
    margin-bottom: 20px;
}
.campaign .campaignLink ul {
    text-align: center;
    letter-spacing: -0.4em;
}
.campaign .campaignLink ul li {
    display: inline-block;
    letter-spacing: normal;
}
.campaign h4 {
    width: 100%;
    max-width: 900px;
    margin: 50px auto 0;
}
.campaign h4 span {
    background: #b2311f;
    font-size: 16px;
    color: #fff;
    padding: 6px 10px;
}

@media screen and (max-width: 999px) {
    .campaign .campaignBox,
    .campaign .campaignLink {
        background: url("../img/line_02.png") repeat-x center top;
        background-size: 750px;
        padding: 50px 3% 0;
    }
    .campaign h2,
    .campaign h3.ttl { background: none; height: auto; margin: 0 auto 6% auto!important;}
    .campaign h2 {
        padding: 5% 0 5% 0;
    }
    .campaign .itWrap .pic { margin-bottom: 30px;}
    .campaign p {
        font-size: 12px!important;
        line-height: 1.4!important;
    }
    .campaign table {
        margin: 30px auto 20px;
    }
    .campaign table,
    .campaign table tr,
    .campaign table th,
    .campaign table td {
        display: block;
        text-align: left;
        font-size: 12px;
        line-height: 1.4;
    }
    .campaign table td { margin-top: 5px;}
    .campaign table td .caption {
        font-size: 10px;
        line-height: 1.4;
        text-indent: 0;
        margin-top: 5px;
    }
    .campaign table td ul li { padding-left: 0;}
    .campaign table td ul li a { display: block; position: relative;}
    .campaign .campaignList { letter-spacing: 0; padding: 0 10%; margin-top: 10%;}
    .campaign .campaignList li { display: block; margin: 5% 0 0 0;}
    .campaign .campaignLink { padding-top: 50px;}
    .itWrap {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .campaign .campaignLink p { margin-bottom: 10px;}
    .campaign .campaignLink ul { letter-spacing: 0; padding-bottom: 50px;}
    .campaign .campaignLink ul li { display: block; margin-bottom: 10px;}
}


/*-------#goods-------*/

#goods {
    width: 100%;
    margin: -18% auto 0 auto;
    padding: 0 0 8% 0;
    overflow: hidden;
}

#goods ul {}

#goods ul li {
    margin: 3% auto 0 auto;
}

@media screen and (max-width: 999px) {
    #goods {
        width: 100%;
        margin: 0 auto;
        padding: 0 0 5% 0;
        overflow: hidden;
        background: url("../img/line_02.png") repeat-x center 70px;
        background-size: 750px;
    }

    #goods ul {
        padding: 0 10%;
    }

    #goods ul li {
        margin: 10% auto 0 auto;
    }
    #goods ul li span {
        display: block;
        line-height: 1.5;
        margin-top: 5px;
        font-size: 14px;
    }
    #goods .caption {
        padding: 1% 10% 0 10%;
        text-align: right;
        font-size: 12px;
    }
}

@media screen and (min-width: 1000px) {
    #goods {
        background: url("../img/line_02.png") repeat-x center 75px;
        width: 100%;
        margin: 0 auto;
        padding: 0 0 175px 0;
    }
    #goods h2 {
        background: url("../img/goods_tit.png") no-repeat;
        background-size: 204px 34px;
    }
    #goods h2 img {
        display: none;
    }
    #goods ul {
        margin: 60px auto 0 auto;
        width: 930px;
    }
    #goods ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
    #goods ul li {
        float: left;
        margin-top: 0;
    }
    #goods ul li:nth-child(1) { margin: 0 30px 20px 0;}
    #goods ul li:nth-child(2) { margin: 0 0 20px 0;}
    #goods ul li:nth-child(3) { margin: 0 30px 0 0;}
    #goods ul li:nth-child(4) { margin: 0 0 0 0;}
    #goods .caption {
        margin: 10px auto 0 auto;
        width: 930px;
        text-align: right;
        font-size: 14px;
    }
}




#cm .contentBox {
    width: 100%;
    max-width: 700px;
}

#cm .youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
#cm .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
@media screen and (max-width: 999px) {
    #cm {
        background: url("../img/line_01.png") repeat-x center 70px;
        background-size: 750px;
        padding: 0 4% 6% 4%;
    }
    #cm h2 {
        margin-bottom: 20px!important;
    }
}
@media screen and (min-width: 1000px) {
    #cm {
        margin: 0 0 0 0;
        padding: 0 0 160px 0;
        background: url("../img/line_01.png") repeat-x center 75px;
    }
    #cm h2 {
        background: url("../img/cm_tit.png") no-repeat;
        background-size: 45px 25px;
        margin-bottom: 60px!important;
    }
    #cm h2 img {
        display: none;
    }
}