@charset "UTF-8";

/* 展示リプレイボタン */
.tenji_button{
    position: absolute;
    bottom: 5px;
	right: 0;
    display: inline-block;
}
.tenji_button a {
	position: relative;
    width: 121px;
	height: 39px;
	line-height: 39px;
	padding-left: 38px;
    text-decoration: none;
    color: #FFFFFF;
	font-family: 'Mplus1p';
    font-size: 12px;
    font-weight: bold;
	border-radius: 19px;
	background-image: linear-gradient(to right, #1f5192, #19447b);
}
.tenji_button a:before {
	content: '';
	position: absolute;
	display: inline-block;
	width: 22px;
	height: 22px;
	top: 8.5px;
	left: 10px;
	background-image: url(/cdn/pc/images/top/icon_replay.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 22px;
}


/****************************
直前情報テーブル
*************************  */
.category-cyokuzen .par-table01.cyokuzen .border_bold {
	border-left: 6px solid #baccd6;
}
.category-cyokuzen .par-table01.cyokuzen th { height: 22px; }
.category-cyokuzen .par-table01.cyokuzen th.col1 { width: 32px; }
.category-cyokuzen .par-table01.cyokuzen th.col2 { width: 38px; }
.category-cyokuzen .par-table01.cyokuzen th.col3 { width: 131px; }
.category-cyokuzen .par-table01.cyokuzen th.col4 { width: 94px; }
.category-cyokuzen .par-table01.cyokuzen th.col5 { width: 94px; height: 18px; }
.category-cyokuzen .par-table01.cyokuzen th.col6 { width: 97px; }
.category-cyokuzen .par-table01.cyokuzen th.col7 { width: 48px; }
.category-cyokuzen .par-table01.cyokuzen th.col8,
.category-cyokuzen .par-table01.cyokuzen th.col9,
.category-cyokuzen .par-table01.cyokuzen th.col10 { width: 45px; }

.category-cyokuzen .par-table01.cyokuzen td { font-size: 10px; }
.category-cyokuzen .par-table01.cyokuzen td.col2 { font-size: 16px; }
.category-cyokuzen .par-table01.cyokuzen td.col5 { height: 15px; }
.category-cyokuzen .par-table01.cyokuzen td.col-buhin {
    height: 30px;
    padding: 0 8px;
    text-align: left;
	font-size: 10px;
    font-weight: normal;
	line-height: 1.2;
}

/* ノート */
.category-cyokuzen .cyokuzen_note {
	font-family: 'Mplus1p';
    font-size: 14px;
    line-height: 1.4;
}

/* 直前予想ボタン */
.category-cyokuzen .btn_area {
    display: block;
    width: 100%;
    text-align: right;
    margin-top: 20px;
	padding-bottom: 4px;
}
.category-cyokuzen .btn_area .par-btn01 {
	width: 230px;
	line-height: 16px;
	padding: 11px 10px;
}
.category-cyokuzen .btn_area .par-btn01 span {
	display: flex;
	position: relative;
	text-align: center;
	align-items: center;
	font-size: 16px;
	justify-content: center;
}
.category-cyokuzen .btn_area .par-btn01 span:before {
	content: '';
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 31px;
	height: 28px;
	right: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(/cdn/pc/images/top/icon_forecast.svg);
	background-size: 31px;
}

/* 欠場 */
.category-cyokuzen .par-table01.cyokuzen .state-missed:after{
	width: 670px;
	height: 60px;
    line-height: 60px;
}

/****************************
スタート展示データテーブル
*************************  */
.category-cyokuzen .par-table01.tenji th.col1 { width: 40px; }
.category-cyokuzen .par-table01.tenji th.col2 { width: 32px; }
.category-cyokuzen .par-table01.tenji th.col3 { width: 39px; }
.category-cyokuzen .par-table01.tenji th.col4 { width: 131px; }
.category-cyokuzen .par-table01.tenji th.col5 { width: 93px; }
.category-cyokuzen .par-table01.tenji th.col6 { width: 292px; }
.category-cyokuzen .par-table01.tenji th.col7 { width: 42px; }

.category-cyokuzen .par-table01.tenji td { font-size: 10px; }
.category-cyokuzen .par-table01.tenji td.col1 { padding: 0 10px; }
.category-cyokuzen .par-table01.tenji td.col3 { font-size: 16px; }

/* 欠場 */
.category-cyokuzen .par-table01.tenji .state-missed:after{
	width: 334px;
	height: 60px;
    line-height: 60px;
}

/* 水面気象状況 */
.category-cyokuzen .suimen_area {
	display: flex;
	width: 100%;
	align-items: flex-start;
	justify-content: space-between;
}
.category-cyokuzen .suimen_area .left_block {
	position: relative;
	display: block;
	width: 404px;
	height: 195px;
	background-image: url(/cdn/pc/images/yosou/bg_suimenkisyou.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
/* 風向アイコン */
.category-cyokuzen .suimen_area .left_block .wind_direction{
    position: absolute;
    top: 66px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 72px;
    height: 72px;
    background-size: auto;
    background-repeat: no-repeat;
	background-position: top center;
}
.category-cyokuzen .suimen_area .left_block .wind_direction[directionno*="d-"]{
    background-image: url(/cdn/pc/images/yosou/wind_arrow1.png);
}
.category-cyokuzen .suimen_area .left_block .wind_direction[directionno="d-1"]{
    background-image: url(/cdn/pc/images/yosou/wind_arrow1.png);
}
.category-cyokuzen .suimen_area .left_block .wind_direction[directionno="d-2"]{
    background-image: url(/cdn/pc/images/yosou/wind_arrow2.png);
}
.category-cyokuzen .suimen_area .left_block .wind_direction[directionno="d-3"]{
    background-image: url(/cdn/pc/images/yosou/wind_arrow3.png);
}
.category-cyokuzen .suimen_area .left_block .wind_direction[directionno="d-4"]{
    background-image: url(/cdn/pc/images/yosou/wind_arrow4.png);
}
.category-cyokuzen .suimen_area .left_block .wind_direction[directionno="d-5"]{
    background-image: url(/cdn/pc/images/yosou/wind_arrow5.png);
}
.category-cyokuzen .suimen_area .left_block .wind_direction[directionno="d-6"]{
    background-image: url(/cdn/pc/images/yosou/wind_arrow6.png);
}
.category-cyokuzen .suimen_area .left_block .wind_direction[directionno="d-7"]{
    background-image: url(/cdn/pc/images/yosou/wind_arrow7.png);
}
.category-cyokuzen .suimen_area .left_block .wind_direction[directionno="d-8"]{
    background-image: url(/cdn/pc/images/yosou/wind_arrow8.png);
}
.category-cyokuzen .suimen_area .left_block .wind_direction[directionno="d-9"]{
    background-image: url(/cdn/pc/images/yosou/wind_arrow9.png);
}
.category-cyokuzen .suimen_area .left_block .wind_direction[directionno="d-10"]{
    background-image: url(/cdn/pc/images/yosou/wind_arrow10.png);
}
.category-cyokuzen .suimen_area .left_block .wind_direction[directionno="d-11"]{
    background-image: url(/cdn/pc/images/yosou/wind_arrow11.png);
}
.category-cyokuzen .suimen_area .left_block .wind_direction[directionno="d-12"]{
    background-image: url(/cdn/pc/images/yosou/wind_arrow12.png);
}
.category-cyokuzen .suimen_area .left_block .wind_direction[directionno="d-13"]{
    background-image: url(/cdn/pc/images/yosou/wind_arrow13.png);
}
.category-cyokuzen .suimen_area .left_block .wind_direction[directionno="d-14"]{
    background-image: url(/cdn/pc/images/yosou/wind_arrow14.png);
}
.category-cyokuzen .suimen_area .left_block .wind_direction[directionno="d-15"]{
    background-image: url(/cdn/pc/images/yosou/wind_arrow15.png);
}
.category-cyokuzen .suimen_area .left_block .wind_direction[directionno="d-16"]{
    background-image: url(/cdn/pc/images/yosou/wind_arrow16.png);
}


.category-cyokuzen .suimen_area .right_block {
	width: 246px;
	display: block;
}
.category-cyokuzen .suimen_area .right_block .par-table01 {
	table-layout: fixed;
}
.category-cyokuzen .suimen_area .right_block .par-table01 th { 
	width: 82px;
	height: 27px;
	font-size: 12px;
}
.category-cyokuzen .suimen_area .right_block .par-table01 td { 
	height: 70px;
	font-weight: normal;
}

/****************************
オリジナル展示データテーブル
*************************  */
.category-cyokuzen .par-table01.oriten th { width: 78px; }
.category-cyokuzen .par-table01.oriten th.col1 { width: 32px; }
.category-cyokuzen .par-table01.oriten th.col2 { width: 38px; }
.category-cyokuzen .par-table01.oriten th.col3 { width: 131px; }

.category-cyokuzen .par-table01.oriten td { font-size: 11px; }
.category-cyokuzen .par-table01.oriten td.col2 { font-size: 16px; }

/* ランキング色 */
.category-cyokuzen.oriten_content .rank_1 {
    background-color: #fdc57d !important;
}
.category-cyokuzen.oriten_content .rank_2 {
    background-color: #fbe481 !important;
}

/* ノート */
.category-cyokuzen.oriten_content .oriten_note {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: flex-start;
}
.category-cyokuzen.oriten_content .oriten_note .left_note {
	width: 550px;
}
.category-cyokuzen.oriten_content .oriten_note .note_ttl {
	font-family: 'Mplus1p';
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
}
.category-cyokuzen.oriten_content .oriten_note .grade_color_note {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.category-cyokuzen.oriten_content .oriten_note .color_box {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    line-height: 27px;
    font-family: 'Mplus1p';
	font-size: 12px;
	font-weight: bold;
    text-align: center;
    margin-left: 5px;
	box-sizing: border-box;
	border: 1px solid #baccd6;
}

/* 計測位置 */
.category-cyokuzen .oriten_keisoku {
    width: 100%;
    height: auto;
	text-align: right;
	font-size: 0;
	margin-top: 10px;
}
.category-cyokuzen .oriten_keisoku a {
    display: inline-block;
	font-family: 'Mplus1p';
    font-size: 12px;
	color: #111429;
    line-height: 17px;
}
.category-cyokuzen .oriten_keisoku a:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background: url(/cdn/pc/images/yosou/icon_question1_1.png) no-repeat center;
    background-size: 14px;
    margin-right: 6px;
}

/* 欠場 */
.category-cyokuzen .par-table01.oriten .state-missed:after{
	width: 670px;
	height: 60px;
    line-height: 60px;
}
.category-cyokuzen .par-table01.oriten .state-missed.oriten_missed:after{
	width: 435px;
}