@charset "UTF-8";

/* スライダータイトル */
.cyokuzen-tabs .unitTabWrap .unitTab {
	width: 6.5rem;
}
.cyokuzen-tabs .unitTabWrap .unitTab[data-run="3"] {
	width: 8.7rem;
}

/************************************
    直前情報
************************************/
.category-cyokuzen .par-table01.tbl_cyokuzen th {
	height: 2.7rem;
}
.category-cyokuzen .par-table01.tbl_cyokuzen th.col1 {width: 2.4rem;}
.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: 5.5rem;}
.category-cyokuzen .par-table01.tbl_cyokuzen th.col5,
.category-cyokuzen .par-table01.tbl_cyokuzen th.col6 {width: 4.2rem;}
.category-cyokuzen .par-table01.tbl_cyokuzen th.col7,
.category-cyokuzen .par-table01.tbl_cyokuzen th.col8 {width: 4.1rem;}
.category-cyokuzen .par-table01.tbl_cyokuzen th.col5-8 {height: 2.2rem;}
.category-cyokuzen .par-table01.tbl_cyokuzen th.col2-8 {height: 3.1rem;}
.category-cyokuzen .par-table01.tbl_cyokuzen tbody td {
	height: 4rem;
	line-height: 1.2;
	font-size: 1.3rem;
}
.category-cyokuzen .par-table01.tbl_cyokuzen tbody td.col-buhin {
	height: 3.8rem;
	text-align: left;
	padding: 0 0.8rem 0 1.9rem;
	font-size: 1.1rem;
	font-weight: normal;
	line-height: 1.4;
}

/* ノート */
.category-cyokuzen .cyokuzen_note {
	padding: 0.7rem 1rem 1.7rem;
	font-size: 1.4rem;
	line-height: 1.6;
}

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


/************************************
    直前予想
************************************/
.category-cyokuzen_yosou .cyokuzen_yosou_inner {
	padding: 0 1rem 2.4rem;
}
.category-cyokuzen_yosou .cyokuzen_yosou_inner .par-table01 th {
	height: 4.1rem;
	text-align: left;
	padding-left: 1.5rem;
	font-size: 1.3rem;
	background-color: #f5c33c;
}
.category-cyokuzen_yosou .cyokuzen_yosou_inner .par-table01 td {
	padding: 1.2rem 1.5rem 0.9rem; 
	text-align: left;
	font-size: 1.3rem;
}
.category-cyokuzen_yosou .cyokuzen_yosou_inner .par-table01 td .cyosou_cmt {
	font-weight: normal;
	font-size: 1.3rem;
	line-height: 1.6;
}
.category-cyokuzen_yosou .cyokuzen_yosou_inner .par-table01 td .cyosou_focus {
	margin-top: 2rem;
}
.category-cyokuzen_yosou .cyokuzen_yosou_inner .cyosou_focus .focus_list li {
	display: flex;
	font-size: 1.2rem;
	line-height: 1;
	margin-bottom: 1rem;
	align-items: center;
	flex-wrap: wrap;
}
.category-cyokuzen_yosou .cyokuzen_yosou_inner .cyosou_focus .focus_list li:first-of-type {
	font-size: 1.3rem;
	line-height: 1;
}
.category-cyokuzen_yosou .cyokuzen_yosou_inner .cyosou_focus .focus_list li .par-icon_num {
	margin: 0 0.25rem;
}
.category-cyokuzen_yosou .cyokuzen_yosou_inner .cyosou_focus .focus_list li .par-icon_mark {
	width: 0.8rem;
}

/* ボタン */
.category-cyokuzen_yosou .mikuni_cyokuzen_btn .par-btn01 {
	display: block;
	width: 33.5rem;
	margin: 0 auto;
	font-size: 1.6rem;
	background-image: url(/cdn/sp/images/yosou/ico_chokuzenyosou.png);
	background-repeat: no-repeat;
	background-position: right 2rem center;
	background-size: 1.4rem;
}
.category-cyokuzen_yosou .content_divider {
	display: block;
	width: 33.5rem;
	height: 0.5rem;
	margin: 2rem auto 0 auto;
	background-image: radial-gradient(var(--orange2) 22%, #ffffff 26%);
	background-position: -0.5rem -0.5rem;
	background-size: 1.5rem 1.5rem;
}

/************************************
    スタート展示
************************************/
.category-tenji .par-table01.tbl_tenji th{
	height: 8rem;
}
.category-tenji .par-table01.tbl_tenji  thead th.col1 { width: 2.4rem; line-height: 1; } 
.category-tenji .par-table01.tbl_tenji  thead th.col2 { width: 2.5rem; } 
.category-tenji .par-table01.tbl_tenji  thead th.col3 { width: 5.8rem; } 
.category-tenji .par-table01.tbl_tenji  thead th.col4 {width: 5.9rem;} 
.category-tenji .par-table01.tbl_tenji  thead th.col5 {width: 14.8rem;} 
.category-tenji .par-table01.tbl_tenji  thead th.col6 {width: 4.1rem;} 
.category-tenji .par-table01.tbl_tenji td {
    height: 7.8rem;
    padding: 0;
}
.category-tenji .par-table01.tbl_tenji tr td.course {line-height: 1.1;}
.category-tenji .par-table01.tbl_tenji .com-yosou-suimen .suimen_div {
	justify-content: flex-start;
	height: 7.8rem;
}
.category-tenji .par-table01.tbl_tenji .com-yosou-suimen .com-yosou-boat{
	margin-right: 2.6rem;
}

/* ノート */
.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 1rem;
}
.category-tenji .suimen_ttl {
	display: block;
	width: 100%;
	padding-left: 1.6rem;
	line-height: 4rem;
	font-size: 1.3rem;
	font-weight: bold;
	border-top: 0.3rem solid #f5c33c;
	background-color: #f5c33c;
	margin-bottom: 1rem;
}
.category-tenji .par-table01.tbl_suimen thead th {
	width: 11.1rem;
	height: 3rem;
	font-size: 1.4rem;
}
.category-tenji .par-table01.tbl_suimen thead th.col2 {width: 6.7rem;}
.category-tenji .par-table01.tbl_suimen tbody td {
	height: 3.8rem;
	padding: 0;
	border-top: 0;
}
.category-tenji .par-table01.tbl_suimen tbody td.col2 {
	letter-spacing: -0.06em;
}

/* 展示リプレイボタン */
.category-tenji .replay_btn_area {
	width: 100%;
	text-align: left;
	padding: 1rem 1rem 2rem;
}
.category-tenji .replay_btn_area .par-btn02 {
	width: 33.5rem;
	height: 5rem;
	line-height: 4.8rem;
	font-size: 1.6rem;
	border-radius: 0.6rem;
}
.category-tenji .replay_btn_area .par-btn02 span {
	position: relative;
	display: inline-block;
	line-height: 1;
}
.category-tenji .replay_btn_area .par-btn02 span::before {
	content: "";
	position: relative;
	display:inline-block;
	vertical-align: middle;
	width: 1.3rem;
	height: 1.4rem;
	margin-right: 1rem;
	background: url(/cdn/sp/images/yosou/ico_tenji_replay.png) no-repeat center;
	background-size: 1.3rem;
}
/*************************************
	欠場時
	共通レイアウトはyosou.cssに設定
	ページによるレイアウトは 各cssで変更
*************************************/
.category-tenji .par-table01.tbl_tenji .state-missed:after{
	width: 16.4rem;
	line-height: 7.8rem;
	height: 7.8rem;
}


/************************************
    オリジナル展示データ
************************************/
.category-oriten .par-table01.tbl_oriten th{
	height: 4rem;
	width: 5.4rem;
}
.category-oriten .par-table01.tbl_oriten th.col1 {width: 2.4rem;}
.category-oriten .par-table01.tbl_oriten th.col2 {width: 6.1rem;}
.category-oriten .par-table01.tbl_oriten td{ height: 3.8rem; }
.category-oriten .par-table01.tbl_oriten td.col5-7 {
	font-size: 1.2rem;
}

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

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

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

/* ランキング説明 */
.category-oriten .grade_color_note {
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	height: 2.7rem;
}
.category-oriten .color_box {
    display: inline-block;
    vertical-align: middle;
    width: 3.8rem;
    line-height: 2.5rem;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    border: 1px solid #bbbbbb;
}
.category-oriten .color_box.rank_2 {
	border-left: 0;
}
/* 計測位置 */
.category-oriten .hyou_mikata {
    display: inline-block;
    text-align: right;
}
.category-oriten .hyou_mikata {
    width: 7.9rem;
    text-align: right;
	margin-left: 1rem;
}
.category-oriten .hyou_mikata a {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.8rem;
    padding-left: 2.3rem;
    background: url(/cdn/sp/images/yosou/ico_tooltip.png) no-repeat left center;
    background-size: 1.8rem;
}

/* タイムノート */
.oriten_note .note_ttl {
	padding: 0 1.5rem 0 1rem;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.6;
}
.oriten_note .yosou_notes {
	padding: 0.6rem 0.8rem 1.5rem 1rem;
}
.oriten_note .yosou_notes li:not(:first-child) {
	padding-right: 1.2rem;
}


/************************************
    能力指数
************************************/
.category-nouryoku .par-table01 th {
	height: 8.5rem;
}
.category-nouryoku .par-table01 th.col1 {width: 2.4rem;}
.category-nouryoku .par-table01 th.col2 {width: 17.6rem;}
.category-nouryoku .par-table01 th.col3 {width: 2.5rem;}
.category-nouryoku .par-table01 th.col4 {width: 5.2rem;}
.category-nouryoku .par-table01 th.col5 {width: 7.8rem;}

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

.category-nouryoku .par-table01 td{
	height: 7.4rem;
}

/* 青色 */
.category-nouryoku .par-table01.tbl_nouryoku td.rank_3 {
	background-color: #c3dcf5 !important;
}
.category-nouryoku .par-table01.tbl_nouryoku td .blue_color {
	border: 1px solid #4494d5;
}
.category-nouryoku .par-table01.tbl_nouryoku td .blue_color.colored {
	background-color: #c3dcf5 !important;
}
/* 黄色 */
.category-nouryoku .par-table01.tbl_nouryoku td.rank_2 {
	background-color: #fff8d9 !important;
}
.category-nouryoku .par-table01.tbl_nouryoku td .yellow_color {
	border: 1px solid #cba013;
}
.category-nouryoku .par-table01.tbl_nouryoku td .yellow_color.colored {
	background-color: #ffedb2 !important;
}
/* ピンク色 */
.category-nouryoku .par-table01.tbl_nouryoku td.rank_1 {
	background-color: #ffdbc6 !important;
}
.category-nouryoku .par-table01.tbl_nouryoku td .pink_color {
	border: 1px solid #d65e15;
}
.category-nouryoku .par-table01.tbl_nouryoku td .pink_color.colored { 
	background-color: #ffdbc6 !important;
}

.category-nouryoku .par-table01.tbl_nouryoku .level_block {
	display: flex;
	width: 100%;
	height: 3rem;
	justify-content: center;
}
.category-nouryoku .par-table01.tbl_nouryoku .level_block > span {
	display: inline-block;
	vertical-align: middle;
	width: 0.8rem;
	height: 3rem;
	box-sizing: border-box;
	margin-right: 0.1rem;
}
.category-nouryoku .par-table01.tbl_nouryoku .level_block > span.spLevel {
	width: 0.8rem;
}
.category-nouryoku .par-table01.tbl_nouryoku .level_block > span:last-child {
	margin-right: 0;
}

/* 表の見方 */
.category-nouryoku .hyou_mikata {
    width: 100%;
    text-align: right;
    padding: 1rem 1rem 2rem 0;
}
.category-nouryoku .hyou_mikata a {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.8rem;
    padding-left: 2.3rem;
    background: url(/cdn/sp/images/yosou/ico_tooltip.png) no-repeat left center;
    background-size: 1.8rem;
}
/*************************************
	欠場時
	共通レイアウトはyosou.cssに設定
	ページによるレイアウトは 各cssで変更
*************************************/
.category-nouryoku .state-missed:after{
	line-height: 7.4rem;
	height: 7.4rem;
}