@charset "utf-8";

/* ===========================================
 * ボートデータ
 * ======================================== */
/* ****** 見出し ******** */
.par-title01 {
	min-height: 0;
	background: unset;
	padding: 0;
	border-left: none;
	color: var(--MAIN_COLOR, #003288);
}

/* ****** ソートアイコン ******** */
.category_boat .boatrank .com-container .attention .par-sort_wrapper {
    display: contents;
}

.category_boat .boatrank .com-container .attention .par-sort_wrapper i.par-ico_sort {
    margin-right: 4px;
    margin-left: 2px;
}

/* ****** 注意書き ******** */
.category_boat .boatrank .com-container .attention {
    font-size: 16px;
}

.category_boat .boatrank .com-container .attention .use-time {
    font-size: 16px;
    padding-top: 3px;
}

/* ****** テーブル ******** */
/* 奇数行に色付け */
.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_boat .par-sort_wrapper {
    flex-direction: column;
    justify-content: flex-end;
}

.category_boat .par-table01 th span {
    display: inline-block;
    width: 100px;
    height: 27px;
}

.category_boat .boatrank .com-container .par-table01 i.par-ico_sort {
    margin: 5px 0 9px;
}

.category_boat .boatrank .com-container td {
/*    height: 56px;*/
    font-size: 16px;
}

.category_boat .boatrank .com-container td a {
    text-decoration-line: underline;
}

.category_boat .boatrank .com-container th {
    width: 100px;
    height: 72px;
    padding: 0;
}

.category_boat .boatrank .com-container th.col1 {
    width: 95px;
}

.category_boat .boatrank .com-container th.col2,
.category_boat .boatrank .com-container th.col3,
.category_boat .boatrank .com-container th.col4,
.category_boat .boatrank .com-container th.col5,
.category_boat .boatrank .com-container th.col6,
.category_boat .boatrank .com-container th.col7,
.category_boat .boatrank .com-container th.col8,
.category_boat .boatrank .com-container th.col9 {
    width: 133px;
}

/* ********** 別CSSのソート表示を停止 ********** */
.category_boat .guide i.par-ico_sort:after,
.category_boat .par-sort_wrapper i.par-ico_sort:after,
.par-sort_wrapper.selected i.par-ico_sort.asc_sort:after,
.par-sort_wrapper.selected i.par-ico_sort.desc_sort:after{
    content: none;
}

/* ********** ソートボタン下向き未選択 ********** */
.category_boat .guide i.par-ico_sort,
.category_boat .par-sort_wrapper i.par-ico_sort{
	background-image: url("/cdn/pc/images/datafile/btn_w_down.svg");
    background-position: center center;
    background-repeat: no-repeat;
}

/* ********** ソートボタン上向き未選択 ********** */
.category_boat .par-sort_wrapper i.par-ico_sort.asc_sort{
	background-image: url("/cdn/pc/images/datafile/btn_w_up.svg");
    background-position: center center;
    background-repeat: no-repeat;
}

/* ********** ソートボタン下向き選択中 ********** */
.par-sort_wrapper.selected i.par-ico_sort{
	background-image: url("/cdn/pc/images/datafile/btn_blue_down.svg");
    background-position: center center;
    background-repeat: no-repeat;
}

/* ********** ソートボタン上向き選択中 ********** */
.par-sort_wrapper.selected i.par-ico_sort.asc_sort{
	background-image: url("/cdn/pc/images/datafile/btn_blue_down.svg");
    background-position: center center;
    background-repeat: no-repeat;
    transform: rotate(180deg);
}