@charset "utf-8";

/* ===========================================
 * オッズ
 * ======================================== */
/* 更新ボタン:アクティブ */
.odds_update_button {
	position: absolute;
	top: 0;
	right: 0;
}

.odds_update_button .par-btn02 {
	position: relative;
	display: flex;
	width: 62px;
	height: 26px;
	padding-left: 20px;
	background: var(--MAIN_COLOR, #2160AF);
	border-radius: 32px;
	color: #FFFFFF;
	font-size: 13px;
}

.odds_update.par-btn02 .update-span {
	padding-top: 4px;
}

.odds_update.par-btn02 .update-span:before {
	content: '';
    position: absolute;
    background: url(/cdn/pc/images/yosou/ico_reload.svg) no-repeat;
    background-size: 14px 12.91px;
    width: 14px;
    height: 12.91px;
	top: 50%;
    left: 8px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

/* 更新ボタン:非アクティブ */
.odds_update[data-state="disabled"] {
	opacity: .5;
	cursor: auto;
}

.sub-tabs.odds_tabs {
	display: inline-flex;
	align-items: center;
	align-content: flex-start;
	gap: 4px 0;
	flex-wrap: wrap;
}

.yosou-content .sub-tabs.odds_tabs li.link {
	height: 18px;
}

.yosou-content .sub-tabs.odds_tabs li.link a {
	padding-top: 5px;
}

.yosou-content .sub-tabs.js-sub_tabs.odds_tabs {
	display: flex;
	justify-content: space-between;
}

/* オッズ注釈 */
.odds_notice {
	font-size: 12px;
	line-height: 1.3; 
}

.cmt_wait_update {
	margin: 15px 0;
	font-size: 16px;
	font-weight: bold;
}

/* 上位3位の場合 */
.category-odds .upper1_color {
	background-color: #FF00007E;
}

.category-odds .upper2_color {
	background-color: #F4BD067F;
}

.category-odds .upper3_color {
	background-color: #55BC417F;
}

.category-odds .upper_color {
	display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    bottom: 25px;
    right: 4px;
    font-size: 12px;
}

.category-odds .upper_color .color-box {
	display: inline-flex;
	width: 12px;
	height: 12px;
	margin-left: 6px;
	margin-right: 4px;
}

/* 確定オッズ */
.style_fixedOdds {
	display: block;
	width: 100%;
	height: 40px;
	margin: 10px auto 12px;
	padding: 12px 0;
	background-color: #d02424;
	color: #ffffff;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	border-radius: 0;
	line-height: 1;
}

.style_fixedOdds::after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	bottom: -10px;
	right: calc(50% - 8px);
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 10px solid var(--red);
}

/* オッズタイトル */
.category-odds .result_ttl {
	display: flex;
	width: 751px;
	height: 25px;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.6;
	background-color: #22328E;
	border: 1px solid #D9D9D9;
	justify-content: center;
	align-items: center;
}

.category-odds .ninki_kouhai_block .result_ttl {
	width: 180px;
	border-bottom: none;
}

.category-odds .ninki_kouhai_block .par-icon_num {
	width: 20px;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
}

.odds-mt {
	margin-top: 20px;
}

/* オッズ */
.category-odds,
.category-odds .oddsTable {
	width: 750px;
}

.category-odds .oddsTable {
	display: table;
}

.category-odds .block {
	display: table-cell;
	vertical-align: top;
	width: 155px;
}

.category-odds .block:not(:first-child) td {
	border-left: 1px;
}

.category-odds .block:first-child td {
	border-left: #dddddd 1px solid;
}

.category-odds thead td,
.category-odds tbody td {
	font-weight: bold;
	padding: 0;
}

.oddsTable .par-table01 td {
	height: 20px;
	font-size: 12px;
	width: 80px;
}

.category-odds .par-table01 td.racer {
	width: 90px;
	font-size: 12px;
	height: 40px;
}

.category-odds .par-table01 td.teiban {
	width: 22px;
	font-size: 16px;
	font-weight: bold;
}

.category-odds .par-table01 td.teiban-racer {
	border-bottom: 0;
	font-size: 16px;
	font-weight: bold;
}


.category-odds .par-table01 td.teiban-racer a {
	text-decoration: underline;
}

.category-odds .par-table01 td.teiban a {
	text-decoration: underline;
}

.category-odds .par-table01 td .chaku_1 {
	border-bottom: 0 !important;
}

.n2c {
	height: 40px !important;
}

.chaku_left1 {
	border-top: 0 !important; 
}

.category-odds .par-table01.odds3Fuk td.tei_sub,
.category-odds .par-table01.oddskFuk td.tei_sub,
.category-odds .par-table01.odds2Tan td.tei_sub,
.category-odds .par-table01.odds2Fuk td.tei_sub,
.category-odds .par-table01.odds3Tan td.tei_sub {
	height: 28px;
}

.category-odds .par-table01 td.tei_sub {
	font-size: 16px;
	height: 24px;
	width: 22px;
}

.category-odds .par-table01 td.odds {
	text-align: right;
	padding-right: 4px;
	line-height: 1;
	font-size: 16px;
	height: 28px;
	width: 82px;
	overflow: hidden;
}

/* オッズテーブル幅固定 */
.category-odds .par-table01.odds3Tan,
.category-odds .par-table01.odds2Tan {
	width: 125px;
}

.category-odds .par-table01.odds3Fuk {
	width: 187.5px;
}

.category-odds .par-table01.oddskFuk,
.category-odds .par-table01.odds2Fuk {
	width: 150px;
}

.category-odds .par-table01.oddsTan,
.category-odds .par-table01.oddsFuk {
	width: 125px;
}

/* オッズテーブル幅固定:終了 */
.category-odds .par-table01.odds3Tan td.odds {
	width: 59px;
}

.category-odds .par-table01 td.odds.odd_color-2 {
	width: 107px;
}

.category-odds .par-table01 td.odds.odd_color-3 {
	width: 122px;
}

.category-odds .par-table01 tbody {
	width: 126px;
	font-size: 12px;
}

.category-odds .par-table01.normal tbody tr {
	height: 34px;
}

/* 欠場 */
.category-odds .par-table01 .odds.ketsujyo {
	text-align: center;
	padding-right: 0 !important;
}

/* 赤字 */
.category-odds .par-table01 .color_red {
	color: var(--red);
}

/* 3連単 */


/* 2連単・2連複 & 3連複・拡連複・単勝・複勝 */
.category-odds.odds2 .oddsTable,
.category-odds.odds3 .oddsTable {
	display: block;
	border-left: 1px solid #D9D9D9;
}

.category-odds.odds2 .par-table01 tr:first-child td {
	width: 125px !important;
}

.category-odds.odds3 .par-table01 tr:first-child td {
	width: 188px !important;
}

.category-odds.odds2 .par-table01 tr:first-child td,
.category-odds.odds3 .par-table01 tr:first-child td {
	border-top: 0;
}

.category-odds.odds2 .block:first-of-type .par-table01 td,
.category-odds.odds3 .block:first-of-type .par-table01 td {
	border-left: #dddddd 0 solid;
}

.category-odds.odds3 .block {
	width: 188px;
}

.category-odds.odds2 .str2Fuk .par-table01 td.teiban-racer a {
	font-size: 16px;
}

/* 3連複・拡連複・単勝・複勝 */
.category-odds.odds3 .oddsTable.strKTan,
.category-odds.odds3 .oddsTable.strFuk {
	border-bottom: 0;
}

/* 人気・高配当 */
.category-odds .odds4 {
	padding-bottom: 18px;
}

.category-odds .odds4 .ninki_kouhai_block {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.category-odds .odds4 .box {
	width: 180px;
}

.category-odds .odds4 .par-table01 td {
	height: 30px;
}

.category-odds .odds4 .par-table01 tbody td.col1:first-child {
	width: 20px;
}

.category-odds .odds4 .par-table01 tbody td.col2 {
	width: 109px;
	text-align: center;
}

.category-odds .odds4 .par-table01 tbody td.col3 {
	border-left: 1px solid #bbbbbb;
	text-align: center;
	width: 53px;
}

.category-odds .odds4 .par-icon_mark {
	width: 15px;
}

/* ***************************************
　結果 (競走成績、払い戻し、水面気象情報)
****************************************/
.category-oddsResult.result .result_tbl {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.blank3 {
	height: 30px;
	margin: 5px 0;
}

/* 競走成績 */
.left_block {
	width: 504px;
}

.seiseki_area .par-table01 thead th {
	height: 25px;
	font-size: 11px;
}

.seiseki_area .par-table01 thead th.row1 {
	height: 25px;
}

.seiseki_area .par-table01 thead th.col1,
.seiseki_area .par-table01 thead th.col2 {
	width: 30px;
	font-size: 11px;
}

.seiseki_area .par-table01 thead th.col3-1 {
	width: 131px;
	line-height: 1.6;
}

.seiseki_area .par-table01 thead th.col3-2 {
	width: 54px;
	line-height: 1.6;
}

.seiseki_area .par-table01 thead th.col4 {
	width: 253px;
}

.seiseki_area .par-table01 tbody td {
	height: 90px;
	font-weight: bold;
	font-size: 12px;
	padding: 0;
}

.seiseki_area .par-table01 tbody td.col1,
.seiseki_area .par-table01 tbody td.col2,
.seiseki_area .par-table01 tbody td.col3 {
	border-bottom: 2px solid #22328E;
}

.seiseki_area .par-table01 tbody td.col3.result_time {
	position: relative;
}

.seiseki_area .par-table01 tbody td.col3.result_time::after {
	content: '';
    position: absolute;
    width: 283px;
    border-bottom: 2px solid #22328E;
    top: 100%;
    z-index: 1;
}

.seiseki_area .par-table01 thead th {
	font-weight: normal;
}

.seiseki_area .par-table01 td.col3-1 {
	font-size: 16px;
	font-weight: bold;
}

.seiseki_area .par-table01 td.col3-2 {
	vertical-align: top;
	text-align: left;
	padding-left: 15px;
	padding-top: 20px;
	line-height: 1;
	font-size: 16px;
}

.category-oddsResult .seiseki_area .par-table01 td.col3 .racer-namelink {
	display: block;
	color: #121212;
	font-size: 16px;
	text-decoration: underline;
	font-weight: bold;
}

.seiseki_area .par-table01 td.col3 .racer-time {
	display: block;
}

.seiseki_area .par-table01 tbody tr:nth-of-type(even) td {
	background-color: var(--BASE_BACKGROUND03, #F1F9FF);
}

/* 水面ボートエリア */
.seiseki_area .com-yosou-suimen .com-yosou-boat {
	width: 130px;
}

.seiseki_area .com-yosou-suimen .suimen_div .st_area {
	width: 80ox;
	padding-right: 9px;
}

.seiseki_area .com-yosou-suimen .suimen_div .st_area .item_st,
.seiseki_area .com-yosou-suimen .suimen_div .st_area .item_kimari {
	display: block;
	line-height: 1;
}

.seiseki_area .com-yosou-suimen .suimen_div .st_area .item_kimari {
	margin-top: 4px;
	letter-spacing: -0.1em;
}

/* 欠場 */
.seiseki_area .state-missed:after {
	width: 502px;
	height: 88px;
	line-height: 88px;
}

/* 払い戻し */
.right_block {
	width: 230px;
}

.harai_area .par-table01 thead th {
	height: 25px;
	font-size: 10px;
	font-weight: normal;
}

.harai_area .par-table01 tbody th {
	width: 30px;
	background-color: #22328E;
	color: #fff;
	font-size: 11px;
	line-height: 17px;
	border: 1px solid #bbbbbb;
	font-weight: normal;
}

.harai_area .par-table01.table_harai {
	height: 571px;
}

.harai_area .par-table01 tbody td {
	height: 36px;
}

.category-oddsResult .suimen_area {
	margin-bottom: 50px;
}

.harai_area .par-table01 tbody td.col2 {
	width: 60px;
	padding-left: 6px;
	text-align: left;
	border: none;
    border-top: 1px solid #AAAAAA;
    border-left: 1px solid #AAAAAA;
}

.harai_area .par-table01 tbody td.col2 .par-icon_num {
	width: 16px;
    height: 16px;
	padding-top: 2px;
	font-size: 10px;
	font-weight: bold;
}

.harai_area .par-table01 tbody td.col3 {
	width: 50px;
	font-size: 10px;
	text-align: right;
	padding-right: 2px;
	border: none;
    border-top: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
	font-weight: bold;
}

.harai_area .par-table01 tbody td.col4 {
	width: 30px;
	font-size: 12px;
	font-weight: bold;
}

.harai_area .par-table01 tbody td.col-cancel {
	height: 560px;
}

.harai_area .par-table01 .col .henkan {
	height: 34px;
}

.harai_area .par-table01 .col .note {
	height: 34px;
}

.harai_area .par-table01 .col-henkan .par-icon_num {
	margin: 2px;
	height: 18px;
}

.harai_area .par-table01 .par-icon_mark {
	padding-bottom: 0px;
}

/* 水面気象 */
.suimen_area table.par-table01 {
	width: 504px;
}

.suimen_area .par-table01 thead th {
	width: 83px;
	height: 25px;
	font-size: 11px;
	border-left: 0;
	font-weight: normal;
}

.suimen_area .par-table01 thead th:first-child {
	border-left: 1px solid #dddddd;
}

.suimen_area .par-table01 tbody td {
	height: 48px;
	border-top: 0;
	border-left: 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
}

.suimen_area .par-table01 tbody td:first-child {
	border-left: 1px solid #bbbbbb;
}

.oddsResult_btn_area .par-btn02 {
	position: relative;
	width: 157px;
	height: 50px;
	display: flex;
	line-height: 1.3;
	font-size: 16px;
	border-radius: 8px;
	background-color: #22328E;
	align-items: center;
	background-image: url(/cdn/pc/images/common/ico_circle_arrow_w.svg);
	background-repeat: no-repeat;
	background-size: auto;
	background-position-x: 125px;
	background-position-y: 16.5px;
	box-shadow: none;
	bottom: 40px;
    left: 11px;
}

.oddsResult_btn_area .par-btn02>span {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding-left: 0;
	line-height: 1;
	margin-right: 30px;
}

.oddsResult_btn_area .par-btn02>span::before {
	content: "";
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 19px;
	height: 100%;
	top: 0;
	margin-right: 10px;
}

.oddsResult_btn_area .par-btn02 > .replay-span::before {
	width: 20px;
	height: 20px;
	background: url(/cdn/pc/images/yosou/ico_replay.svg) no-repeat center;
	background-size: 20px;
}

.oddsResult_btn_area .par-btn02>.res-list-span::before {
	background: url(/cdn/pc/images/yosou/ico_raceresult.png) no-repeat center;
	background-size: 19px;
}

.category-oddsResult .par-title03-2-r {
	/* margin: 0 0 15px;
	background-image: linear-gradient(90deg, var(--MAIN_COLOR, #2160AF) 24%, #d9d9d9 24%);
	background-repeat: no-repeat;
	background-size: 125% 5%;
	background-position: bottom; */
	display: flex;
	color: #000000;
	padding: 8px 0 5px 0;
	font-weight: bold;
	font-size: 20px;
}

.category-oddsResult .par-title03-2-l {
	/* margin: 0 0 16px;
	background-image: linear-gradient(90deg, var(--MAIN_COLOR, #2160AF) 16.5%, #d9d9d9 16.5%);
	background-repeat: no-repeat;
	background-size: 125% 5%;
	background-position: bottom;
	color: #000000; */
	display: flex;
	padding: 8px 0 5px 0;
	font-weight: bold;
	font-size: 20px;
}

.category-oddsResult .par-title03-2-r::before {
	content: "";
    background-color: var(--MAIN_COLOR, #D02424);
    display: block;
    width: 8px;
    height: 24px;
	margin-top: 2px;
    margin-right: 8px;
}

.category-oddsResult .par-title03-2-l::before {
	content: "";
    background-color: var(--MAIN_COLOR, #D02424);
    display: block;
    width: 8px;
    height: 24px;
	margin-top: 2px;
    margin-right: 8px;
}

/* 発売票数の表 */
.harai {
	width: 600px;
	border: #dddddd 1px solid;
	margin: 10px 0 20px 150px;
}

.harai th {
	width: 76px;
	background: #22328E;
	color: #fff;
	font-size: 11px;
	padding: 5px 0;
}

.harai .info-tag {
	display: flex;
	position: relative;
	font-size: 11px;
	font-weight: normal;
	justify-content: center;
}

.harai .info-text {
	width: 70px;
	position: relative;
	color: #113952;
	border-left: #dddddd 1px solid;
	padding: 0 0 0 10px;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
}

.harai .info-text-r {
	width: 100px;
	position: relative;
	vertical-align: middle;
	padding-right: 10px;
	margin: auto 0;
}

.harai .info-text-r p {
	text-align: right;
	font-size: 16px;
	font-weight: bold;
}

.harai .info-text-r .pink {
	color: #ed23b6;
}

.harai .info-text div span {
	color: #000000;
	font-size: 16px;
	font-weight: normal;
}

.harai .info-text span {
	position: absolute;
	right: 8px;
	color: #000000;
	font-size: 16px;
	font-weight: normal;
}

.blank2 {
	height: 30px;
	margin: 30px 0;
}

/* num-icon */
.category-odds.u-pt_50 .sorry_yosou.info .sorry_info p {
	padding-top: 68px;
}

.category-odds.u-pt_50 .sorry_yosou.info .sorry_info {
	margin-bottom: 45px;
}