/* ----------------------------------------------------------------------
	
	抽選発売申込状況
	
---------------------------------------------------------------------- */

/* - レイアウト
---------------------------------------------------------------------- */
.kaisai_tab + .unit { margin-top: 20px; }

.reserve_main .unit > .contents_header > h2 > span.opt { font-size: 1.2rem; }


/* - 申込期間・確認期間
---------------------------------------------------------------------- */
.reserve_main .unit ul.data_line_list > li .data_list_unit > div.head { font-size: 1.3rem; }
.reserve_main .unit ul.data_line_list > li .data_list_unit > div.content { font-size: 1.2rem; }
.reserve_main .unit ul.data_line_list > li .data_list_unit > div.content span.start { margin-right: 0.5em; font-size: 1.4rem; }
.reserve_main .unit ul.data_line_list > li .data_list_unit > div.content span.end { font-size: 1.4rem; margin-left: 0.5em; }


/* - 表
---------------------------------------------------------------------- */
.status_list { margin-top: 30px; }

.status_list table.basic thead > tr > th { font-weight: normal; }
.status_list table.basic thead > tr > th.category { /*width: 150px;*/ }
.status_list table.basic thead > tr > th.seat { width: 150px; }
.status_list table.basic thead > tr > th.seat_people,
.status_list table.basic thead > tr > th.seat_num { width: 160px; }
.status_list table.basic thead > tr > th .pc { display: inline; }

.status_list table.basic tbody > tr > td.type .seat { font-size: 1.5rem; }

.status_list table.basic tbody > tr > td.type .price {
    border-top: 1px dashed #ccc;
    padding-top: 10px;
    margin-top: 10px;
    font-size: 1.4rem;
}

.status_list table.basic tbody > tr > td.people_num,
.status_list table.basic tbody > tr > td.seat_num { background-color: #f9f5de; }

.status_list table.basic tbody > tr > td.odds { background-color: #f9f5de; font-size: 1.2rem; }
.status_list table.basic tbody > tr > td.odds strong { font-size: 1.8rem; margin-right: 0.1em; }

.status_list table.basic br.sp { display: none; }


/* ------------------------------------------------------------
	アニメーション
------------------------------------------------------------ */
@keyframes obj_fade_in {
    from{ opacity: 0; }
    to{ opacity: 1; }
}

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

	959px以下

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

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

	767px以下

------------------------------------------------------------ */
@media screen and ( max-width : 767px ) {
    
    /* --- 開催タブ --- */
    .kaisai_tab div.nav.tab { display: table; }
    .kaisai_tab div.nav.tab > div { display: table-cell; }
    .kaisai_tab div.nav.tab > div { border-left: 1px solid #fff; }
    .kaisai_tab  div.nav.tab > div:first-child { border-left: none; }
    div.nav.tab > div.current > a:after { display: block; }
    
    /* --- 表 --- */
    .status_list table.basic thead > tr > th.category { width: 100px; }
    .status_list table.basic thead > tr > th.seat { width: 110px; }
    .status_list table.basic thead > tr > th.people_num { width: 110px; }
    .status_list table.basic thead > tr > th.seat_num { width: 110px; }
    
}

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

	639px以下

------------------------------------------------------------ */
@media screen and ( max-width : 639px ) {
	
    /* --- 表 --- */
    .status_list table.basic thead > tr > th.category { width: auto; }
    .status_list table.basic thead > tr > th.seat { width: auto; }
    .status_list table.basic thead > tr > th.people_num { width: auto; }
    .status_list table.basic thead > tr > th.seat_num { width: auto; }
    .status_list table.basic tbody > tr > td.type .seat { font-size: 1.3rem; }
    .status_list table.basic tbody > tr > td.type .price { font-size: 1.3rem; }
    
}

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

	479px以下

------------------------------------------------------------ */
@media screen and ( max-width : 479px ) {
    
    .reserve_main .unit > .contents_header > h2 { line-height: 1.4; }
    .reserve_main .unit > .contents_header > h2 > span.opt { display: block; }
    
    .reserve_main .unit ul.data_line_list > li .data_list_unit > div.content span.end {
        font-size: 1.4rem;
        display: block;
        margin-left: 0;
    }
    
    /* --- 表 --- */
    .status_list table.basic thead > tr > th { padding: 10px 5px; font-size: 1.2rem; }
    
    /*.status_list table.basic thead > tr > th.type { width: 100px; }*/
    .status_list table.basic thead > tr > th .pc { display: none; }
    
    /*.status_list table.basic thead > tr > th.odds { width: 100px; }*/
    
    .status_list table.basic tbody > tr > td {
        font-size: 1.2rem;
        padding: 8px 5px;
        line-height: 1.3;
    }
    
    .status_list table.basic tbody > tr > td.type .seat { font-size: 1.1rem; line-height: 1.3; }
    
    .status_list table.basic tbody > tr > td.type .price {
        font-size: 1.1rem;
        line-height: 1.3;
        margin-top: 6px;
        padding-top: 0;
        border-top: none;
    }
    
    .status_list table.basic tbody > tr > td.odds strong { font-size: 1.5rem; }
    
    .status_list table.basic br.sp { display: block; }
}


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

	374px以下

------------------------------------------------------------ */
@media screen and ( max-width : 374px ) {
    
    /* --- 表 --- */
    /*.status_list table.basic thead > tr > th.type { width: 100px; }*/
    
}

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

	359px以下

------------------------------------------------------------ */
@media screen and ( max-width : 359px ) {
    
    /* --- 開催タブ --- */
    .kaisai_tab div.nav.tab > div > a { font-size: 1.3rem; }
    
    /* --- 表 --- */
    /*.status_list table.basic thead > tr > th.category { width: 44px; }*/
    .status_list table.basic thead > tr > th.odds { width: 100px; }
    
}