#cover{
    width: 100%;
    height:100%;
    position: fixed;
    z-index: 111;
    left:0;
    top:0;
    background:  #fff url(/files/user/common/images/loading.gif) no-repeat 50% 50%;
}

.camera_bar{
    bottom:50%;
}
div.section{
    background:#eee;
    height:100%;
    overflow: hidden;
    position: relative;
}
div.section h2{
    position:absolute;
    top:-13px;
    padding:14px 0 5px 160px;
    background-size: 100% 100%;
    left:0px;
    z-index: 10;
    width:80%;
    text-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.4);
    font-style: italic;
    background-image:url(/files/user/common/images/h2_red_bg.png);
}
div.section h2 a{
    color:#fff;
}
div.section h2 a:hover{
    color:#ecd277;
}
div.camera_wrap{
    position: relative;
    background-size:cover;
    background-repeat: no-repeat;
    height:100%;
}
div.camera_wrap img{
    opacity:1;
    /*
    -webkit-filter: saturate(0%) brightness(100%) blur(0px) ;
    filter: saturate(0%) brightness(100%) blur(0px) ;
    */
}

#footer{
    bottom:100px;
    border:none;
    /*
    border-top:1px dotted #000;
    */
}
#footer div.wrapper{
    padding:2%;
}

/*----------------------------------------------------------------------
/           newsTicker
/----------------------------------------------------------------------*/
div.newsTicker{
    width:80%;
    box-sizing: border-box;
    position: absolute;
    top:67px;
    padding:18px 30px 18px 160px;
    color:#fff;
    left:0;
    z-index:11;
    background:url(/files/user/common/images/news_bg.png) no-repeat ;
    background-size: 100% 100%;
}
div.newsTicker a{
    color:#ecd277;
}
div.newsTicker ul{
    overflow: hidden;
    width:80%;
    position:relative;
}
div.newsTicker li{
    position: absolute;
    white-space: nowrap;
}

/*----------------------------------------------------------------------
/           section
/----------------------------------------------------------------------*/
#introSection{
    background-color: #000;
    position: relative;
    z-index:2;
    /*background-image: url(/files/user/index/images/anime2_s4.gif);*/
    background-image: url(/files/user/index/images/top_bg.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
    #introMovie{
        /*display: none;*/
    }
#motorsportsSection{
    /*
    background-image:url(/files/user/index/images/01_bg02.jpg);
    background-attachment: fixed;
    */
}

#carpartsSection{

}

#carpartsSection ul.banner li.gold{
    background:#fff;
}
#carpartsSection ul.banner li.black{
    background:#fff;
}

#shindenprojectSection{
    /*
    background-image:url(/files/user/index/images/03_bg01.jpg);
    */
    background-repeat: no-repeat;
    background-size:cover;
    background-position: 50% 50%;

}
#bikepartsSection{

}
#mugenpowerSection{

}
#endSection{
    
    overflow: hidden;
    background:url(/files/user/index/images/bg_carbon.png);
    background: #efefef;
}
#endSection #track{
    position: absolute;
    top: 50%;
    margin: -230px 0 0 100px;
    width:100%;
}
#endSection #track img{
    display: block;
    width:60%;
    max-width: 1000px;
    margin:0 auto 0 auto;
}



/*----------------------------------------------------------------------
/           pageMenu
/----------------------------------------------------------------------*/
#pageMenu{
    position: fixed;
    top:40%;
    z-index: 100;
    left:-20px;
}
#pageMenu li{
    margin: 5px 0;
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    transform: skew(-20deg);
}
#pageMenu li.active a{
    background-color: #cc0000;
    color:#fff;
}
#pageMenu a{
    background-color: #000;
    color:#fff;
    padding:5px 13px 2px 33px;
    font-size:130%;
    font-family: 'boston_traffic';
    text-decoration: none;
    line-height:1;
}


/*----------------------------------------------------------------------
/           banner 
/----------------------------------------------------------------------*/
ul.banner{
    position: absolute;
    bottom:120px;
    right:30px;
    z-index: 19;
    white-space: nowrap;
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    transform: skew(-20deg);
    border:1px solid #fff;
    box-shadow:0 0 7px  3px rgba( 255, 255, 255, 0.5);
}

ul.banner li{
    float: left;
    width:170px;
    height:70px;
    margin:0 0px;
    float: left;
    overflow: hidden;
    background: #fff;
    box-sizing: border-box;
    border:5px solid red;
    transition: transform 0.2s linear;

    cursor: pointer;
    white-space: nowrap;
}
ul.banner li:nth-child(1) {
    border-color:#cc0000;
}
ul.banner li:nth-child(2) {
    border-color:#ad9a58;
}
ul.banner li:nth-child(3) {
    border-color:#000;
}
ul.banner li img{
    position:relative;
    top:0;
    left: 50%;
    display: block;
    margin: 0 auto;
    height:100%;
    -webkit-transform: skew(20deg) translateX(-50%);
    -moz-transform: skew(20deg) translateX(-50%);
    -o-transform: skew(20deg) translateX(-50%);
    -ms-transform: skew(20deg) translateX(-50%);
    transform: skew(20deg) translateX(-50%);
}
ul.banner li:hover{

}
/*----------------------------------------------------------------------
/           medama
/----------------------------------------------------------------------*/
div.medama{
    position: absolute;
    left:25px;
    top:15px;
    width:120px;
    z-index:22;
}
div.medama img{
    display: block;
    width: 100%;
}


/*====================================================================
    media query
====================================================================*/

br.forLarge{
}

/*
    pc
*/
@media screen and (max-width: 1350px) {

}


/*
    for Nav
*/
@media screen and (max-width: 1100px) {


}
/*
    TAB
*/
@media screen and (max-width: 991px){
    #introMovie{
        display: none;
    }
    #introSection{
        background-size:100% auto 
        /*
        background-image: url(/files/user/index/images/anime2_s4.gif);
        background-image: url(/files/user/index/images/top_bg.jpg);
        background-size:cover;
        background-repeat: no-repeat;
        background-position: 50% bottom;
        */
    }
}

/*
    iphone landspcae
*/
@media only screen and (max-width: 736px) {

}

/*
    SP
*/
@media screen and (max-width:479px) {
    #pageMenu{
        position: static;
        display: none;
    }
    ul.banner{
        width: 94%;
        margin:0 auto;
        left:3%;
    }
    ul.banner li{
        width: 33.33% !important;
        float: left !important;
        height: auto;
        border-width:3px;
    }
    
    ul.banner li:nth-child(3) {
/*width: 34% !important;*/
    }
    
    ul.banner li img{
        height: auto;
        width:120%;
    }
    /*
    ul.banner li img,
    ul.banner li{
        -webkit-transform: skew(0deg);
        -moz-transform: skew(0deg);
        -o-transform: skew(0deg);
    }
    ul.banner {
        width: 60%;
        left: 10%;
        top:130px;
        bottom: auto !important;
    }
    ul.banner li{
        border-width:5px;
        display: block;
        float:none;
        width:100% !important;
    }
    */
    #endSection #track{
        position: static;
        margin:0;
        padding:30px 0;
    }
    #endSection #track img{
        width: 90%;
    }
    div.medama{
        width:15%;
        left:3%;
        top:5px;
    }
    div.section h2{
        padding:15px 0 25px 21%;
        background-size: 130% 100%;
    }
    div.newsTicker{
        font-size:80%;
        padding:18px 3% ;
        width: 100%;
        background-size: 130% 100%;
        top:50px;
    }
    div.newsTicker ul{
        width:100%;
    }
    div.section{
        overflow: visible;
    }
    div#endSection div.fp-tableCell,
    div#endSection{
        height: auto !important;
    }


}