@charset "utf-8";

/* ===========================================
 * 直前情報
 * ======================================== */
.category-cyokuzen .par-table01.tbl_cyokuzen th {
	height: 1rem;
}

.category-cyokuzen .par-table01.tbl_cyokuzen th.col1 {
	width: 3rem;
}

.category-cyokuzen .par-table01.tbl_cyokuzen th.col2,
.category-cyokuzen .par-table01.tbl_cyokuzen th.col3,
.category-cyokuzen .par-table01.tbl_cyokuzen th.col4 {
	width: 5rem;
	border-radius: 0rem;
}

.category-cyokuzen .par-table01.tbl_cyokuzen th.col5,
.category-cyokuzen .par-table01.tbl_cyokuzen th.col6 {
	width: 4.5rem;
}

.category-cyokuzen .par-table01.tbl_cyokuzen th.col7,
.category-cyokuzen .par-table01.tbl_cyokuzen th.col8 {
	width: 4.5rem;
	border-radius: 0rem;
}

.category-cyokuzen .par-table01.tbl_cyokuzen th.col5-8 {
	height: 2.2rem;
}

.category-cyokuzen .par-table01.tbl_cyokuzen th.col2-8 {
	height: 6rem;
}

.category-cyokuzen .par-table01.tbl_cyokuzen tbody td {
	height: 4.2rem;
	line-height: 1.2;
	font-size: 1.4rem;
	font-weight: bold;
}

.category-cyokuzen .par-table01.tbl_cyokuzen tbody td.col1.tei_color6.waku{
} 

.category-cyokuzen .par-table01.tbl_cyokuzen tbody td.col1.tei_sub_color6.waku.racer_name{
} 

.category-cyokuzen .par-table01.tbl_cyokuzen tbody td.col2{
} 

.category-cyokuzen .par-table01.tbl_cyokuzen tbody td.col4{
} 

.category-cyokuzen .par-table01.tbl_cyokuzen tbody td.col5{
} 

.category-cyokuzen .par-table01.tbl_cyokuzen tbody td.col6{
} 

.category-cyokuzen .par-table01.tbl_cyokuzen tbody td.col7{
} 

.category-cyokuzen .par-table01.tbl_cyokuzen tbody td.col8{
} 

.category-cyokuzen .par-table01.tbl_cyokuzen .sub-td {
}

.category-cyokuzen .par-table01.tbl_cyokuzen tbody td.col-buhin {
	height: 8rem;
	text-align: left;
	padding: 0.8rem;
	font-size: 1.1rem;
	font-weight: normal;
	line-height: 1.4;
	vertical-align: middle;
}

/* ノート */
.category-cyokuzen .cyokuzen_note {
	padding: 0.5rem 1.6rem 0rem;
	font-size: 1.0rem;
	line-height: 1.6;
}

/* ************************************
	欠場時
	共通レイアウトはyosou.cssに設定
	ページによるレイアウトは 各cssで変更
************************************ */
.category-cyokuzen .tbl_cyokuzen .state-missed:after {
	width: 37.3rem;
	line-height: 8.3rem;
}

/* ***********************************
    直前予想
*********************************** */
.category-cyokuzen_yosou {
	width: 34.5rem;
}

.cyokuzen_yosou_area {
	display: flex;
}

.category-cyokuzen_yosou .cyokuzen_data .par-table01{
	border-collapse: separate;
	border-spacing: 0;
	padding: 1rem 0;
}

.category-cyokuzen_yosou .cyokuzen_data .par-table01 th{
	height: 2rem;
	font-size: 1.1rem !important;
}

.category-cyokuzen_yosou .cyokuzen_data .par-table01 td.honmei,
.category-cyokuzen_yosou .cyokuzen_data .par-table01 th.neraime{
	border-radius: 0;
}

.category-cyokuzen_yosou .cyokuzen_data .par-table01 th,
.category-cyokuzen_yosou .cyokuzen_data .par-table01 td{
	width: 16rem;
}

.category-cyokuzen_yosou .cyokuzen_data .par-table01 td ul.focus_jlist {
	gap: 1rem !important;
	margin:0.5rem 0 !important;
	display:flex;
	justify-content: center;
}

.category-cyokuzen_yosou .cyokuzen_data .par-table01.th_only{
	width: 60%;
}

.category-cyokuzen_yosou .cyokuzen_data .par-table01.th_only th{
	border-radius: 0.6rem;
}

.category-cyokuzen_yosou .cyokuzen_data .par-table01 td{
	
}

.category-cyokuzen_yosou .focus_list{
	display:flex;
	align-items: center;
	flex-direction: row;
	gap: 1rem 2rem;
	margin: 1rem;
	flex-wrap: wrap;
}

.category-cyokuzen_yosou .z_focus{
	display:flex;
	align-items: center;
}

.category-cyokuzen_yosou .z_focus .tate{
	display:flex;
	flex-direction: column;
	gap: 1rem;
}

.category-cyokuzen_yosou .yosou_sub_ttl {
	display: flex;
    align-items: center;
	font-size: 1.8rem;
	margin-bottom: 1rem;
	color: var(--MAIN_COLOR, #2160AF);
}

.category-cyokuzen_yosou .t_comments .col1{
	width: 1rem !important;
}

.category-cyokuzen_yosou .t_comments .col2{
	width: 7.5rem !important;
}

.category-cyokuzen_yosou .t_comments .cyoku_comment{
	width: auto !important;
}

.category-cyokuzen_yosou .t_comments .col4{
	width: 3.5rem !important;
}

.category-cyokuzen_yosou .t_comments .cyoku_comment .comment-area{
	display: flex;
}

.category-cyokuzen_yosou .t_comments .cyoku_comment .comment-area .tag{
	margin: 0rem 0.5rem 0rem 0.5rem;
	align-content:center;
}

.category-cyokuzen_yosou .t_comments .cyoku_comment .comment-area .comment{
	margin-left: 2.5rem;
}

.category-cyokuzen_yosou .par-icon_num {
	font-size: 1.2rem;
	width: 2.3rem;
	height: 2.3rem;
}

.category-cyokuzen_yosou .par-icon_mark {
	display: inline-block;
	vertical-align: middle;
	width: 1.2rem;
	line-height: 1;
	text-align: center;
	font-size: 1.2rem;
	font-weight: normal;
}


/* ***********************************
    スタート展示
*********************************** */
.category-tenji .par-table01.tbl_tenji th {
	height: 5.4rem;
}

.category-tenji .par-table01.tbl_tenji thead th.col1 {
	width: 2rem;
	line-height: 1;
}

.category-tenji .par-table01.tbl_tenji thead th.col2 {
	width: 2rem;
}

.category-tenji .par-table01.tbl_tenji thead th.col3 {
	width: 3.2rem;
}

.category-tenji .par-table01.tbl_tenji thead th.col4 {
	width: 5.7rem;
}

.category-tenji .par-table01.tbl_tenji thead th.col5 {
	width: 2.5rem;
}

.category-tenji .par-table01.tbl_tenji thead th.col6 {
	width: 9.5rem;
}

.category-tenji .par-table01.tbl_tenji thead th.col7 {
	width: 4.5rem;
}

.category-tenji .par-table01.tbl_tenji td {
	height: 8.4rem;
	padding: 0;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 0;
	border-bottom: 0.1rem solid #898989;
}

.category-tenji .par-table01.tbl_tenji td.racer_name {
	line-height: 0.9;
}

.category-tenji .par-table01.tbl_tenji tbody tr {
	position: relative;
}

.category-tenji .par-table01.tbl_tenji tr td.course span {
	line-height: 1.1rem;
	display: inline-block;
	writing-mode: tb-rl;
	text-orientation: upright;
}

.category-tenji .par-table01.tbl_tenji .com-yosou-suimen .suimen_div {
	justify-content: flex-start;
	height: 8.4rem;
}

/* ノート */
.category-tenji .sd_notes {
	display: block;
	color: #ffffff;
	margin: 1.6rem 1rem 2.4rem;
	font-size: 1.2rem;
	line-height: 1.8rem;
}

/* 水面気象状況 */
.category-tenji .suimen_block {
	padding: 0;
}

.category-tenji .suimen_ttl {
	display: block;
	width: 100%;
	line-height: 1.4rem;
	font-size: 1.4rem;
	color: var(--MAIN_COLOR, #003288);
	font-weight: bold;
	margin: 1rem 0;
}

.category-tenji table.par-table01.has-border.tbl_suimen {
	width: 34.5rem;
	margin: 0 auto;
}

.category-tenji .par-table01.tbl_suimen thead th {
	width: 6.25rem;
	height: 3rem;
	font-size: 1.4rem !important;
}

.category-tenji .par-table01.tbl_suimen tbody td.col1 {
	
}

.category-tenji .par-table01.tbl_suimen thead th.col2 {
	width: 6.7rem;
}

.category-tenji .par-table01.tbl_suimen tbody td {
	height: 4rem;
	padding: 0;
	border-top: 0;
	font-size: 1.4rem;
    font-weight: bold;
}

.category-tenji .par-table01.tbl_suimen tbody td.col2 {
	letter-spacing: -0.06em;
	font-size:1.3rem;
}

.category-tenji .suimen_block .sumimen_direction_area {
	width: 36rem;
	height: 18rem;
	margin: 0 auto;
	margin-bottom: 1.8rem;
	background: url(/cdn/sp/images/yosou/img_suimen.png) center center no-repeat;
	background-size: contain;
	display: flex;
	justify-content: center;
	align-items: center;
}

.category-tenji .suimen_block .sumimen_direction_area .sumimen_direction_block {
	width: 5rem;
	height: 5rem;
}

.category-tenji .sumimen_direction_block .direction:before {
	content: "";
	background: url(/cdn/sp/images/yosou/img_suimen_arrow.svg) center center no-repeat;
	background-size: contain;
	width: 5rem;
	height: 5rem;
	transform: rotate(0);
	display: none;
}

/* 無風 */
.category-tenji .sumimen_direction_block .sumimen_direction::before {
	display: none;
}

/* 東南東 */
.category-tenji .sumimen_direction_block .sumimen_direction01::before {
	display: inline-block;
	transform: rotate(-213.5deg);
}

/* 南東 */
.category-tenji .sumimen_direction_block .sumimen_direction02::before {
	display: inline-block;
	transform: rotate(-191deg);
}

/* 南南東 */
.category-tenji .sumimen_direction_block .sumimen_direction03::before {
	display: inline-block;
	transform: rotate(-168.5deg);
}

/* 南 */
.category-tenji .sumimen_direction_block .sumimen_direction04::before {
	display: inline-block;
	transform: rotate(-146deg);
}

/* 南南西 */
.category-tenji .sumimen_direction_block .sumimen_direction05::before {
	display: inline-block;
	transform: rotate(-123.5deg);
}

/* 南西 */
.category-tenji .sumimen_direction_block .sumimen_direction06::before {
	display: inline-block;
	transform: rotate(-101deg);
}

/* 西南西 */
.category-tenji .sumimen_direction_block .sumimen_direction07::before {
	display: inline-block;
	transform: rotate(-78.5deg);
}

/* 西 */
.category-tenji .sumimen_direction_block .sumimen_direction08::before {
	display: inline-block;
	transform: rotate(-56deg);
}

/* 西北西 */
.category-tenji .sumimen_direction_block .sumimen_direction09::before {
	display: inline-block;
	transform: rotate(-33.5deg);
}

/* 北西 */
.category-tenji .sumimen_direction_block .sumimen_direction10::before {
	display: inline-block;
	transform: rotate(-11deg);
}

/* 北北西 */
.category-tenji .sumimen_direction_block .sumimen_direction11::before {
	display: inline-block;
	transform: rotate(11.5deg);
}

/* 北 */
.category-tenji .sumimen_direction_block .sumimen_direction12::before {
	display: inline-block;
	transform: rotate(34deg);
}

/* 北北東 */
.category-tenji .sumimen_direction_block .sumimen_direction13::before {
	display: inline-block;
	transform: rotate(56.5deg);
}

/* 北東 */
.category-tenji .sumimen_direction_block .sumimen_direction14::before {
	display: inline-block;
	transform: rotate(79deg);
}

/* 東北東 */
.category-tenji .sumimen_direction_block .sumimen_direction15::before {
	display: inline-block;
	transform: rotate(101.5deg);
}

/* 東 */
.category-tenji .sumimen_direction_block .sumimen_direction16::before {
	display: inline-block;
	transform: rotate(124deg);
}

/* 展示リプレイボタン */
.category-tenji .replay_btn_area {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	padding: 1.4rem 1.2rem 4rem;
}

.category-tenji .replay_btn_area .par-btn02 {
	width: 17.6rem;
	height: 5rem;
	border-radius: 0.6rem;
	margin: 0;
	background-color: #22328E;
}	

.category-tenji .replay_btn_area .par-btn02 span {
	margin-left: 1rem;
	font-size: 1.6rem;
}

.category-tenji .replay_btn_area .par-btn02::before {
	content: '';
    position: absolute;
    background: url(/cdn/sp/images/yosou/ico_replay.svg) no-repeat;
    background-size: contain;
    width: 2rem;
    height: 2rem;
	top: 50%;
    left: 1.5rem;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.category-tenji .replay_btn_area .par-btn02::after {
	content: '';
    position: absolute;
    background: url(/cdn/sp/images/common/ico_circle_arrow_w.svg) no-repeat;
    background-size: contain;
    width: 1.6rem;
    height: 1.6rem;
	top: 52%;
    right: 1.2rem;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.category-tenji h4 {
	font-size: 1.4rem;
	padding: 1rem 0rem;
}

/* ************************************
	欠場時
	共通レイアウトはyosou.cssに設定
	ページによるレイアウトは 各cssで変更
************************************ */
.category-tenji .par-table01.tbl_tenji .state-missed:after {
	width: 37.3rem;
	line-height: 8.35rem;
	height: 8.35rem;
}

/* ***********************************
    オリジナル展示データ
*********************************** */
.category-oriten .par-table01.tbl_oriten th {
	height: 2.95rem;
	width: 6.9rem;
}

.category-oriten .par-table01.tbl_oriten th.col1 {
	width: 3rem;
}

.category-oriten .par-table01.tbl_oriten th.col2 {
	width: 6.9rem;
	border-radius: 0rem;
}

.category-oriten .par-table01.tbl_oriten th.col3,
.category-oriten .par-table01.tbl_oriten th.col4{
	width: 5rem;
}

.category-oriten .par-table01.tbl_oriten td {
	height: 4.2rem;
	font-size: 1.7rem;
    font-weight: bold;
	line-height: 1.2;
}

.category-oriten .par-table01.tbl_oriten tbody td.col1.tei_color6.waku{
} 

.category-oriten .par-table01.tbl_oriten tbody td.col1.tei_sub_color6.waku.racer_name{
} 

.category-oriten .par-table01.tbl_oriten tbody td.col2{
	height: 4.2rem;
}

.category-oriten .par-table01.tbl_oriten tbody td.col2 .col2_list{
	height: 100%;
	display: flex;
	flex-direction: column;
}

.category-oriten .par-table01.tbl_oriten tbody td.col2 .col2_list .col2_data{
	display: flex;
	justify-content: center;
	height: 100%;
	align-items: center;
}

.category-oriten .par-table01.tbl_oriten tbody td.col2 .col2_list .col2_data:first-child{
	border-bottom: 0.1rem solid #898989;
}

.category-oriten .par-table01.tbl_oriten tbody td.col3{
} 

.category-oriten .par-table01.tbl_oriten tbody td.col4{
} 

.category-oriten .par-table01.tbl_oriten tbody td.col5{
} 

.category-oriten .par-table01.tbl_oriten tbody td.col6{
} 

.category-oriten .par-table01.tbl_oriten tbody td.col7{
} 

.category-oriten .par-table01.tbl_oriten td.col5-7 {
	font-size: 1.2rem;
}

.category-oriten .par-table01.tbl_oriten .sub-td {
	height: 2.1rem;
}

/* ランキング色 */
.category-oriten .rank_1 {
	background-color: #f14f4f !important;
}

.category-oriten .rank_2 {
	background-color: #FFE953 !important;
}

/* ************************************
	欠場時
	共通レイアウトはyosou.cssに設定
	ページによるレイアウトは 各cssで変更
************************************ */
.category-oriten .tbl_oriten .state-missed:after {
	line-height: 7.6rem;
	height: 8.4rem;
	width: 37.3rem;
}

/* タイムデータなし時の欠場 */
.category-oriten .tbl_oriten .state-missed.oriten_missed:after {
	width: 37.3rem;
}

/* ランキング説明・計測位置 */
.category-oriten .rank_and_keisoku {
    display: flex;
	justify-content: flex-end;
	align-items: center;
    margin: 1rem 0 2rem 0;
    padding: 0 1.6rem;
    gap: 1rem;
}

.category-oriten .hyou_mikata.oriten_keisoku {
	display: inline-flex;
}

/* ランキング説明 */
.category-oriten .color_box {
	display: inline-block;
	vertical-align: middle;
	width: 4.8rem;
	line-height: 2.0rem;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	border: 0.1rem solid #bbbbbb;
}

.category-oriten .grade_color_note {
	display: flex;
    gap: 0.5rem;
}

/* 計測位置 */
.category-oriten .hyou_mikata a {
	display: inline-block;
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 1.8rem;
	padding-left: 1.89em;
	background: url(/cdn/sp/images/yosou/ico_exclamation.svg) no-repeat left center;
	background-size: 1.4rem;
	color: #000000;
}

/* タイムノート */
.oriten_note .note_ttl {
	padding: 0 0.9rem;
}

.oriten_note .note_ttl {
	padding-bottom: 0.5rem;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.6;
}

.oriten_note .yosou_notes {
	padding: 0rem 0.8rem 0rem 1rem;
}

.oriten_note .yosou_notes li:not(:first-child) {
	padding-right: 1.2rem;
}

/* ***********************************
    能力指数
*********************************** */
.category-nouryoku .par-table01 th {
	height: 6.8rem;
}
.category-nouryoku .par-table01 {
  width: 90% !important;
  table-layout: fixed !important;
}

.category-nouryoku .par-table01 th.col1 {
	width: 2rem;
}

.category-nouryoku .par-table01 th.col2 {
	width: 17.6rem;
}

.category-nouryoku .par-table01 th.col3 {
	width: 4.2rem;
}

.category-nouryoku .par-table01 th.col4 {
	width: 10.5rem;
}

.category-nouryoku .par-table01 th.col5 {
	width: 15.5rem;
}

.category-nouryoku .par-table01 td.cpLevel {
	width: 1.2rem;
}

.category-nouryoku .par-table01 td.spLevel {
	width: 1.2rem;
}

.category-nouryoku .par-table01.players_info_tbl td.waku {
	width: 2rem !important;
}

.category-nouryoku .par-table01 td {
	width: 2rem !important;
	height: 8.4rem;
}

/* 青色 */
.category-nouryoku .par-table01.tbl_nouryoku td.rank_3 {
	background-color: #e5edfc !important;
}
.category-nouryoku .par-table01.tbl_nouryoku td .blue_color {
	border: 1px solid #b5cbf2;
}
.category-nouryoku .par-table01.tbl_nouryoku td .blue_color.colored {
	background-color: #d2dff7 !important;
}

/* 黄色 */
.category-nouryoku .par-table01.tbl_nouryoku td.rank_2 {
	background-color: #fefcd5 !important;
}
.category-nouryoku .par-table01.tbl_nouryoku td .yellow_color {
	border: 1px solid #dbd9b1;
}
.category-nouryoku .par-table01.tbl_nouryoku td .yellow_color.colored {
	background-color: #f7f3b1 !important;
}

/* ピンク色 */
.category-nouryoku .par-table01.tbl_nouryoku td.rank_1 {
	background-color: #fad5d5 !important;
}
.category-nouryoku .par-table01.tbl_nouryoku td .pink_color {
	border: 1px solid #deb1b1;
}
.category-nouryoku .par-table01.tbl_nouryoku td .pink_color.colored { 
	background-color: #f8c2c2 !important;
}

.category-nouryoku .par-table01.tbl_nouryoku .level_block {
	display: flex;
	justify-content: center;
}

.category-nouryoku .par-table01.tbl_nouryoku .level_block>span {
	display: inline-block;
	vertical-align: middle;
	width: 1.4rem;
	height: 5rem;
	box-sizing: border-box;
	border-radius: 0.2rem;
	margin-right: 0.2rem;
}

.category-nouryoku .par-table01.tbl_nouryoku td {
}

.category-nouryoku .par-table01.tbl_nouryoku td.col3 {
	font-size: 1.2rem;
	font-weight: bold;
}

.category-nouryoku .par-table01.tbl_nouryoku .level_block>span:last-child {
	margin-right: 0;
}

/* 表の見方 */
.category-nouryoku .hyou_mikata {
	width: 100%;
	text-align: right;
	margin-top:-0.4rem;
	padding: 1rem 2.4rem 0rem 0;
}

.category-nouryoku .hyou_mikata a {
	color: #000;
	display: inline-block;
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.8rem;
	padding-left: 1.8rem;
	background: url(/cdn/sp/images/yosou/ico_question.svg) no-repeat left center;
	background-size: 1.4rem;
}

/* ************************************
	欠場時
	共通レイアウトはyosou.cssに設定
	ページによるレイアウトは 各cssで変更
*************************************/
.category-nouryoku .state-missed:after {
	width: 37.3rem;
	line-height: 7.4rem;
	height: 8.4rem;
}