/*******************************************
PC
********************************************/

#wrap{
    display: block;
    background-image:
        url("../img/pc/bgIndexSpark.png"),
        url("../img/common/bgGrad.png"),
        url("../img/common/bgFire.png"),
        url("../img/common/bgRed.jpg");
    background-repeat:
        no-repeat,
        repeat-x,
	    no-repeat,
	    repeat;
    background-position:
        top center,
        0 0,
	    center bottom,
	    0 0;
    background-blend-mode:
        screen,
        normal,
        normal,
        normal;
    width: 100%;
    height: auto;
} /* other */

_:lang(x)::-ms-backdrop, #wrap{
    background-image:
        none,
        url("../img/common/bgGrad.png"),
        url("../img/common/bgFire.png"),
        url("../img/common/bgRed.jpg");
    background-repeat:
        no-repeat,
        repeat-x,
	    no-repeat,
	    repeat;
    background-position:
        0 0,
        0 0,
	    center bottom,
	    0 0;
    background-blend-mode:
        normal,
        normal,
        normal,
        normal;
} /* IE11 (火花背景削除) */

_:-ms-lang(x)::backdrop, #wrap{
    background-image:
        none,
        url("../img/common/bgGrad.png"),
        url("../img/common/bgFire.png"),
        url("../img/common/bgRed.jpg");
    background-repeat:
        no-repeat,
        repeat-x,
	    no-repeat,
	    repeat;
    background-position:
        0 0,
        0 0,
	    center bottom,
	    0 0;
    background-blend-mode:
        normal,
        normal,
        normal,
        normal;
} /* Edge (火花背景削除) */

/**********/

#mainBox{
    height: 880px;
}

#mainBox h1,
#mainBox h2,
#mainBox .startBox{
    width: 100%;
    overflow: hidden;
    background-repeat:no-repeat;
    background-position:top center;
    font-size:0;
}

h1{
    height: 0;
    padding: 240px 0 0;
    background-image:url("../img/pc/topLogo.png");
}

h2{
    height: 0;
    padding: 120px 0 0;
    background-image:url("../img/pc/topTtl.png");
}

.startBox{
    height: 520px;
    background-image:url("../img/pc/topBgStart.png");
}

p.startBtn{
    margin: 192px auto 0;
}

p.startBtn a{
    background-image:url("../img/pc/btnStart.png");
    background-repeat:no-repeat;
    background-position:0 0;
}

p.officialBtn{
    margin: 74px auto 0;
}


/*******************************************
SP
********************************************/
@media screen and ( max-width:1000px ){

/**********/

#wrap{
    background-size:
        180% auto,
        auto auto, 
        250% auto,
        auto auto; 
}/* other */
    
_:lang(x)::-ms-backdrop, #wrap{
    background-size:
        180% auto,
        auto auto, 
        250% auto,
        auto auto; 
}/* IE11 (火花背景削除) */
    
_:-ms-lang(x)::backdrop, #wrap{
    background-size:
        180% auto,
        auto auto, 
        250% auto,
        auto auto; 
}/* Edge (火花背景削除) */
    
/**********/
    
#mainBox{
    height: auto;
}

h1{
    padding: 110.6% 0 0;
    background-image:url("../img/sp/topLogo.png");
    background-size: 100% auto;
}

h2{
    display: none;
}

.startBox{
    height: 40%;
    background-image:url("../img/sp/topBgStart.png");
    background-size: 100% auto;
}

p.startBtn{
    margin: 30% auto 0;
}

p.startBtn a{
    background-image:none;
}

p.officialBtn{
    margin: 9% auto 0;
}
    
/**********/
    
}