@charset "UTF-8";

/*
===========================================================================
|           site common style
===========================================================================
*/
#introduction{
    background-image:url(../images/top_image.jpg);
    background-size: auto 100% ;
    background-position: right 0 ;
    background-color:#191516;
    color: #ccc;
}
#introduction h2 {
    color: #d63a40
}
#seriesIndex #introduction div.copy{
    float:left;
    margin-left:5%;
}

/*----------------------------------------------------------------------
/   seat index
/----------------------------------------------------------------------*/
#seatIndex{

}

/*----------------------------------------------------------------------
/   series Index
/----------------------------------------------------------------------*/
#seriesIndex section#seriesIntroduction{
    background: #fff;
    border-top:1px dotted #ddd;
}



/*----------------------------------------------------------------------
/   seat detail
/----------------------------------------------------------------------*/
#seatDetail{

}

#seatDetail section#seatIntroduction{
    background: #fff;
    border-top:1px dotted #ddd;
}

#seatDetail #railSearch{
    background: #eee;
    padding-top:60px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,dddddd+58 */
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #dddddd 58%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#dddddd 58%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #eeeeee 0%,#dddddd 58%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */

}
#seatDetail #railSearch:before{
    content:'a';
    position: absolute;
    content: ' ';
    width: 0px;
    height: 0px;
    lien-height:0;
    border: 40px solid transparent;
    border-top: 30px solid #fff;
    display: inline-block;
    margin:0 auto 0 -40px;
    position: absolute;
    left:50%;
    top:0;
}
#seatDetail div.option{

}
/*=====================================================
    device
=======================================================*/

/*
    TAB
    */
@media screen and (max-width: 991px) {
    #seriesIndex #introduction div.copy{
        margin:0;
        background: rgba( 0, 0, 0, 0.6);
        box-sizing: border-box;
        padding:12px 18px;
        width:60%;
    }
}


/*
    SPHONE
    */
@media screen and (max-width: 479px) {
    #introduction{
        background-size: auto 60%;
    }
    #seriesIndex #introduction div.copy{
        width:auto;
    }
    #seriesIndex #introduction div.copy{
        width:auto;
        padding:20px 0;
        background: transparent;
    }
}