@charset "utf-8";

/* ===========================================
 * モーター抽選結果・前検タイムランキング
 * ======================================== */
/* 共通 */
main #com_content_wrapper .com_content {
    padding: 0 0 40px 0;
}

/* ****** コメント ******* */
.category_timerank .category-guide {
    padding: 0 40px;
    margin-bottom: 40px;
    margin-top: 40px;
    font-size: 16px;
}
/* ****** 緑タブ ******* */
.category_timerank .kubun_tab .par-tab01 {
    padding: 0 40px;
    gap: 3px;
	border-bottom: 3px solid var(--MAIN_BLACK, #000000);
}
.category_timerank .par-tab01 .par-tab_li {
    width: 555px;
}
.category_timerank .kubun_tab .par-tab01 .par-tab_li:first-child {
    padding-right: 1px;
}

.category_timerank .kubun_tab .par-tab01 .par-tab_li a span {
    font-size: 16px;
    width: 555px;
    background-color: #F4BD08;
    color: var(--MAIN_BLACK, #000000);
    border-top: 3px solid var(--MAIN_BLACK, #000000);
    border-left: 3px solid var(--MAIN_BLACK, #000000);
    border-right: 3px solid var(--MAIN_BLACK, #000000);
    border-radius: 8px 8px 0px 0px;
}

.category_timerank .par-tab01 .par-tab_li.selected .par-tab_item .par-tab_item_cell{
    height: 57px;
    background-color: #FFFFFF;
    color: var(--MAIN_BLACK, #000000);
    border-top: 3px solid var(--MAIN_BLACK, #000000);
    border-left: 3px solid var(--MAIN_BLACK, #000000);
    border-right: 3px solid var(--MAIN_BLACK, #000000);
    border-bottom: 3px solid var(--MAIN_BLACK, #000000);
    border-radius: 8px 8px 0px 0px;
}
.category_timerank .par-tab01 .par-tab_li.selected .par-tab_item .par-tab_item_cell::after {
    position: absolute;
    top: 3px;
    width: 535px;
    height: 52px;
}

/* ****** ソートアイコン ******* */
.category_timerank .par-sort_wrapper i.par-ico_sort {    
    margin-left: 8px;
}

.category_timerank .par-sort_wrapper.selected i.par-ico_sort.asc:after {
    
}

.category_timerank .par-sort_wrapper.selected i.par-ico_sort.desc:after {
    
}

.category_timerank .category-guide .par-sort_wrapper {
    display: contents;
}

.category_timerank .category-guide .par-sort_wrapper i.par-ico_sort {
    margin-left: 0;
    margin-right: 5px;
    top: 2px;
}

/* **** 複数区分タブメニュー ***** */
.category_timerank .kubun_tab {
    margin-top: 40px;
}

/****************************************
*
* Table CSS
*
****************************************/
.category_timerank .tableBlock {
    padding: 0 40px;
}

.category_timerank .kubun_title {
    font-size: 14px;
    font-weight: bold;
}

/* テーブル */
/* group & normal */
/* 奇数行に色付け */
.par-table01.normal tbody tr:nth-of-type(odd) td,
.par-table01.group tbody:nth-of-type(odd) tr td {
	background-color: #FFFFFF;
}
/* 偶数行に色付け */
.par-table01.normal tbody tr:nth-of-type(even) td,
.par-table01.group tbody:nth-of-type(even) tr td {
	background-color: var(--BASE_BACKGROUND03, #EEEEEE);
}

.category_timerank .par-table01 thead tr th {
    height: 72px;
    font-size: 14px;
    font-weight: normal;
}

.category_timerank .par-table01 th.col5-6,
.category_timerank .par-table01 th.col7-8,
.category_timerank .par-table01 th.col5,
.category_timerank .par-table01 th.col6,
.category_timerank .par-table01 th.col7,
.category_timerank .par-table01 th.col8 {
    height: 32px;
}

.category_timerank .par-table01 th.col0 {
    width: 60px;
}

.category_timerank .par-table01 th.col1,
.category_timerank .par-table01 th.col4,
.category_timerank .par-table01 th.col9 {
    width: 100px;
    padding-top: 5px;
}

.category_timerank .par-table01 th.col1 a,
.category_timerank .par-table01 th.col9 a {
    padding-top: 12px;
}

.category_timerank .par-table01 th.col2 {
    width: 100px;
    padding: 25px 0 8px 0;
}

.category_timerank .par-table01 th.col2 .par-sort_wrapper,
.category_timerank .par-table01 th.col1 .par-sort_wrapper,
.category_timerank .par-table01 th.col9 .par-sort_wrapper {
    display: grid;
}

.category_timerank .par-table01 th.col2 .par-sort_wrapper i {
    margin-left: 20px;
    margin-top: 17px;
}

.category_timerank .par-table01 th.col1 .par-sort_wrapper i {
    margin-left: 7px;
    margin-top: 15px;
}

.category_timerank .par-table01 th.col9 .par-sort_wrapper i {
    margin-left: 28px;
    margin-top: 15px;
}

.category_timerank .par-table01 th.col3 {
    width: 160px;
}

.category_timerank .par-table01 th.col5-6,
.category_timerank .par-table01 th.col7-8 {
    width: 240px;
}

.category_timerank .par-table01 th.col5,
.category_timerank .par-table01 th.col6,
.category_timerank .par-table01 th.col7,
.category_timerank .par-table01 th.col8,
.category_timerank .par-table01 th.col9 {
    width: 120px;
}

.category_timerank .par-table01 th.col10 .par-sort_wrapper {
    display: contents;
}

.category_timerank .par-table01 tbody td {
    height: 36px ;
    font-size: 16px;
}

.category_timerank .par-table01 tbody td.col1 div {
    width: 44px;
    height: 24px;
    border-radius: 44px;
    font-size: 14px;
}

.category_timerank .par-table01 tbody td.col3 a {
    color: #121212;
    text-decoration: underline;
}

.category_timerank .par-table01 tbody td.top_rank {
    background-color: #FFEFA8 !important;
}

.category_timerank .color-box {
	display: inline-flex;
	width: 1.7rem;
	height: 1.7rem;
	margin-left: 0.6rem;
	margin-right: 0.4rem;
	align-items: center;
	border: 1px solid #707070;
    background-color: #FFEFA8;
}