
/* ----------------------------------------------------------------------
	
	JRAカード・ポイントプログラム　共通
	
---------------------------------------------------------------------- */

#point_nav > .sub_header { padding: 0; }

#point_nav > .sub_header > a {
    text-decoration: none;
    color: #fff;
    line-height: 1.4;
    display: block;
    padding: 10px 12px;
}

.no-touch #point_nav > .sub_header > a:hover {
    color: #fff8e1;
    background-color: #444;
}

#point_nav > .sub_header > a i { margin-right: 0.5em; }


.reserve_main .unit { margin-top: 30px; }
.reserve_main .unit + .unit { margin-top: 50px; }
.reserve_main .unit > .content { margin-top: 20px; }




/* ------------------------------------------------------------

	959px以下

------------------------------------------------------------ */
@media screen and ( max-width : 959px ) {
    
    #point_nav div.nav.pills.flap.div4 > div {
        width: 50%;
    }
    
}

/* ------------------------------------------------------------

	767px以下

------------------------------------------------------------ */
@media screen and ( max-width : 767px ) {
    
}

/* ------------------------------------------------------------

	639px以下

------------------------------------------------------------ */
@media screen and ( max-width : 639px ) {
	
    
    #point_nav div.nav.pills.flap.div4 > div {
        width: 100%;
    }
    
    #point_nav div.nav.pills.flap > div > a {
        text-align: left;
    }
    
}

/* ------------------------------------------------------------

	479px以下

------------------------------------------------------------ */
@media screen and ( max-width : 479px ) {
    
    /*#seat_reserve .section >.sub_header { font-size: 1.3rem; }*/
    
}

/* ------------------------------------------------------------

	374px以下

------------------------------------------------------------ */
@media screen and ( max-width : 374px ) {
    
}

/* ------------------------------------------------------------

	359px以下

------------------------------------------------------------ */
@media screen and ( max-width : 359px ) {
    
}



