/* ----------------------------------------------------------------------
	
	JRAカード・ポイントプログラム
    来賓室・来賓席・指定席ご招待
	
---------------------------------------------------------------------- */

/* ----- ポイントリスト ----- */
#invite_room .point_list ul.data_line_list.flex > li .data_list_unit > div.head h4 { font-size: 1.8rem; }

#invite_room .point_list ul.data_line_list.flex > li .data_list_unit > div.head h4 > span {
    font-size: 1.1rem;
    margin-left: 0.2em;
}

#invite_room .point_list ul.data_line_list.flex > li .data_list_unit > div.content {
    font-size: 1.6rem;
    display: flex;
    align-items: center;
}

/* ----- 指定席ご招待の表 ----- */
#invite_seat table.basic.seat_list tbody > tr > th { text-align: left; }
#invite_seat table.basic.seat_list thead > tr > th.items { width: 240px; }
#invite_seat table.basic.seat_list tbody > tr > td { font-size: 1.8rem; }

#invite_seat table.basic.seat_list tbody > tr > td span.unit {
    margin-top: 0;
    margin-left: 0.2em;
    font-size: 1.1rem;
}

/* ----- 指定席ご招待お申し込み方法 ----- */
#howto_seat .ex_img {
    text-align: center;
    padding: 20px;
}

#howto_seat .ex_img img { vertical-align: top; }
#howto_seat .img_line_list { background-color: #faf6eb; }


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

	959px以下

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

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

	767px以下

------------------------------------------------------------ */
@media screen and ( max-width : 767px ) {
    
    /* --- 指定席ご招待の表 --- */
    #invite_seat table.basic.seat_list tbody > tr > th,
    #invite_seat table.basic.seat_list tbody > tr > td { padding: 10px; }
    #invite_seat table.basic.seat_list tbody > tr > th { font-size: 1.2rem; }
    
    /* --- 指定席ご招待お申し込み方法 --- */
    #howto_seat .img_line_list.col2 > .item {
        width: 100%;
        padding: 10px;
    }
}

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

	639px以下

------------------------------------------------------------ */
@media screen and ( max-width : 639px ) {
	
    /* --- 指定席ご招待の表 --- */
    #invite_seat table.basic.seat_list thead > tr > th.items { width: 180px; }
    #invite_seat table.basic.seat_list tbody > tr > td { font-size: 1.5rem; }
    
    /* --- 指定席ご招待お申し込み方法 --- */
    #howto_seat .ex_img { padding: 10px 0; }
    
}

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

	479px以下

------------------------------------------------------------ */
@media screen and ( max-width : 479px ) {
    
    /* --- 指定席ご招待の表 --- */
    #invite_seat table.basic.seat_list thead > tr > th {
        line-height: 1.3;
        font-size: 1.2rem;
    }
    
    #invite_seat table.basic.seat_list thead > tr > th.items { width: 120px; }
    #invite_seat table.basic.seat_list tbody > tr > th { line-height: 1.3; }
    #invite_seat table.basic.seat_list tbody > tr > td { line-height: 1.3; }
    
    #invite_seat table.basic.seat_list tbody > tr > td span.unit {
        display: block;
        margin-left: 0;
        font-size: 1rem;
    }
    
    /* --- お申込用紙送付先住所 --- */
    #entry_form div.link_list.center > div > a > .inner { margin: 0 auto; }
    
    #entry_form div.link_list > div > a span.opt {
        display: block;
        font-size: 1.1rem;
    }
    
}

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

	374px以下

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

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

	359px以下

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