@charset:"UTF-8";

/* 共通タブメニュ */
.cyokuzen-tabs .unitTabWrap .unitTab,
.cyokuzen-tabs .unitTabWrap .unitTab .unitTxt,
.cyokuzen-tabs .unitTabWrap .unitTab .unitTxt:after {
    width: 6.4rem;
}

/*************************************
	欠場時
	共通レイアウトはyosou.cssに設定
	ページによるレイアウトは 各cssで変更
*************************************/
.cyokuzen .state-missed:after{
	line-height: 5.8rem;
}
.tenji .state-missed:after{
	width: 15.4rem;
	line-height: 5.4rem;
}
.oriten .state-missed:after{
	line-height: 5.4rem;
}
.oriten .state-missed.oriten_missed:after{
	width: 20.2rem;
}

/************************************
    直前情報
************************************/
.cyokuzen .par-table01 th {
	height: 2.7rem;
}
.cyokuzen .par-table01 th.col1 { width: 2.5rem; }
.cyokuzen .par-table01 th.col2,
.cyokuzen .par-table01 th.col3,
.cyokuzen .par-table01 th.col4 { width: 4.9rem; }
.cyokuzen .par-table01 th.col5,
.cyokuzen .par-table01 th.col6,
.cyokuzen .par-table01 th.col7,
.cyokuzen .par-table01 th.col8 { width: 5rem; }
.cyokuzen .par-table01 td {
	height: 2.3rem;
}
.cyokuzen .par-table01 td.col-buhin {
	width: 34.8rem;
	height: 3.5rem;
	text-align: left;
	padding: 0 1rem;
	font-size: 1rem;
	font-weight: normal;
}

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


/************************************
    スタート展示
************************************/
.tenji .par-table01 th{
	height: 2.8rem;
	line-height: 1.1;
}
.tenji .par-table01  thead th.col1,
.tenji .par-table01  thead th.col2 { width: 2.6rem; } 
.tenji .par-table01  thead th.col3,
.tenji .par-table01  thead th.col4 { width: 5.1rem; } 
.tenji .par-table01  thead th.col5 {width: 18.2rem;font-size: 1.4rem;} 
.tenji .par-table01  thead th.col6 { width: 3.5rem; } 
.tenji .par-table01 td {
    height: 2.7rem;
    padding: 0;
}
.tenji .par-table01 tr.even td {
	background-color: #f5f5f5;
}
.tenji .par-table01 tr.even td.course {
	padding: 0 0.5rem;
}

/* 展示リプレイボタン */
.tenji .replay_btn_area {
	width: 100%;
	text-align: right;
	padding: 1rem;
}
.tenji .replay_btn_area .par-btn01 {
	width: 15.3rem;
	height: 2.8rem;
	padding: 0;
	font-size: 1.4rem;
	line-height: 2.7rem;
	border-width: 1px;
}
.tenji .replay_btn_area .par-btn01:before {
    content: "";
    position: relative;
    display: inline-block;
    top: 0.3rem;
    margin-right: 0.5rem;
    width: 2rem;
    height: 1.7rem;
    background: url(/cdn/sp/images/yosou/icon_replay@2x.png) no-repeat center;
    background-size: 2rem;
}

/* 水面気象状況 */
.tenji .suitime_ttl {
	font-size: 1.2rem;
	line-height: 1;
	padding: 0 1rem 1rem;
}
.tenji .par-table02 th {
	font-size: 1rem;
	 width: 5.5rem;
	height: 2.2rem;
}
.tenji .par-table02 th.col2 { width: 9.8rem;}
.tenji .par-table02 td {
	font-size: 1rem;
	height: 2.6rem;
}


/************************************
    オリジナル展示データ
************************************/
.oriten .par-table01 th{
	width: 4.4rem;
	height: 2.8rem;
	line-height: 1.1;
}
.oriten .par-table01 th.col1 {
	width: 2.7rem;
}
.oriten .par-table01 th.col6,
.oriten .par-table01 th.col7,
.oriten .par-table01 th.col8 {
	width: 5.7rem;
}
.oriten .par-table01 td {
    height: 5.5rem;
    padding: 0;
}

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

.oriten .oriten_note_area .explanation_block {
	display: flex;
	align-items: center;
	padding: 1rem 1rem 0;
	justify-content: flex-end;
}
.oriten .oriten_note_area .grade_color_note {
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
}
.oriten .oriten_note_area .color-box {
    display: inline-block;
    vertical-align: middle;
    width: 4rem;
    line-height: 2.2rem;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    margin-left: 0.5rem;
    box-sizing: border-box;
    border: 1px solid #cecece;
}

/* 計測位置 */
.oriten .hyou_mikata {
    display: inline-block;
    text-align: right;
    margin-left: 1rem;
}
.oriten .hyou_mikata a {
    display: inline-block;
    font-size: 1.2rem;
    font-weight: bold;
    color: #000000;
    text-decoration: underline;
    line-height: 1;
}
.oriten .hyou_mikata a:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1.2rem;
    height: 1.2rem;
    background: url(/cdn/sp/images/yosou/icon_hyounomikata@2x.png) no-repeat center;
    background-size: 1.2rem;
    margin-right: 0.5rem;
}

/* ノート */
.oriten .oriten_note {
	padding: 1.5rem 1rem;
}
.oriten .oriten_note .note_ttl {
	font-size: 1.3rem;
	line-height: 1.5;
	margin-bottom: 0.5rem;
}
.oriten .yosou_notes li {
	font-size: 1rem;
	line-height: 1.5;
	padding-left: 1rem;
	text-indent: -1rem;
}