@charset "utf-8";
/****************************
    オッズ共通
****************************/
.category-odds .par-table01{
	width :auto;
}

/* サブメニュー */
.odds_tabs .unitTabWrap {
    display: flex;
    width: 37.5rem;
    align-items: flex-start;
    align-content: flex-start;
    gap: 1.4rem 0rem;
    overflow: scroll; /* スクロールする */
    white-space: nowrap; /* 自動改行しない */
}

/* 	更新ボタン */
.noFixedOdds {
	margin: 5rem;
}

.odds_update_button {
	height: 0;
}

.odds_update_button .par-btn02 {
	display: inline-flex;
    width: 6.9rem;
    height: 3.5rem;
    font-size: 1.3rem;
    border-radius: 2.0rem;
    background-color: #1F9BFF;
    justify-content: center;
    position: relative;
	left: 28.0rem;
}

.odds_update_button .par-btn02 .update-span {
	position: relative;
    display: inline-block;
    padding-left: 1.8rem;
    line-height: 2.9rem;
}

.odds_update_button .par-btn02 .update-span:before {
    content: "";
    position: absolute;
    display: block;
    width: 2rem;
    height: 2rem;
    top: 0.5rem;
    left: -0.5rem;
    background: url(/cdn/sp/images/yosou/ico_update.svg) no-repeat center;
    background-size: 1.5rem;
}

/* 更新ボタン:非アクティブ */
#js-ajaxYosouTable[odds-reload-state="disabled"] .odds_update_button .odds_update{
	opacity: .5;
	cursor: default;
}

/* 確定オッズ */
.style_fixedOdds {
    position: unset;
    display: block;
    width: 80%;
    height: 4rem;
    margin: 0 auto 1.5rem 0;
    padding: 1.2rem 1rem;
    background-color: #d02424;
    color: #ffffff;
    text-align: left;
    font-size: 1.6rem;
    font-weight: bold;
    border-radius: 1rem;
    line-height: 1;
}

.category-odds {
	margin: auto;
	width: 34.5rem;
}

/* オッズタイトル */
.category-odds .result_ttl {
	display: flex;
	color: #fff;
	width: 100%;
	height: 2.5rem;
	justify-content: flex-start;
	align-items: center;
	font-size: 1.1rem;
	font-weight: normal;
	padding-left: 1rem;
	line-height: 1.6;
	background-color: var(--MAIN_COLOR, #003288);;
	border: 0.1rem solid #898989;
	border-bottom: 0;
}

/* テーブル */
.category-odds .par-table01 td {
	height: 2.8rem;
	line-height: 1;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
}

.category-odds .par-table01 td.odds {
	text-align: right;
	padding-right: 0.6rem;
}

.category-odds .par-table01 td.odds.ketsujyo { 
    text-align: center; 
}

/* 選手名 */
.category-odds .racer-namelink {
	text-decoration: underline;
	border: none;
	color: #ffffff;
	font-size: 1.2rem;
}

.category-odds .tei_color1 .racer-namelink,
.category-odds .tei_color5 .racer-namelink {
	color: #000000;
}

.category-odds .yosou_notes li {
	padding: 0;
}

.category-odds .yosou_notes li {
	font-size: 1.1rem;
}

/***************************
* 3連単 odds1
****************************/
.line-group .list-group .par-table01 th.racer_name span{
	margin-left: -1rem;
	margin-right: 0.2rem;
	height: 1.7rem;
	border:0.1rem solid #FFFFFF;
}

.category-odds .odds3ten_name_block{
	background-color: #FFFFFF;
}

.category-odds.odds1 .oddsTable {
	background-color: #fff;
}

.category-odds.odds1 .odds3ten_block:not(:last-of-type) {
	padding-bottom: 0rem;
}

.category-odds.odds1 .odds3ten_name_block {
	display: flex;
	width: 100%;
}

.category-odds.odds1 .odds3ten_name_block li {
	text-align: center;
	height: 3rem;
	line-height: 2.4rem;
	font-size: 1.4rem;
	font-weight: bold;
	border-right: 0.1rem solid #898989;
	padding-top: 0.3rem;
}

.category-odds.odds1 .odds3ten_name_block li:nth-of-type(1) {
	width: 3rem;
	border-right:none;
}

.category-odds.odds1 .odds3ten_name_block li:nth-of-type(2) {
	width: 100%;
	border-left:none;
}

.category-odds.odds1 .odds3ten_odds_block {
	display: flex;
	width: 100%;
}

.category-odds.odds1 .odds3ten_name_block li th{
	border-right: 0.1rem solid #FFF;
}

.category-odds.odds1 .odds3ten_name_block span{
	margin-left: 0.5rem;
	height: 1.7rem;
	border:0.1rem solid #FFFFFF;
}

.category-odds.odds1 .odds3ten_odds_block .par-table01 td.chaku2 {width: 1.6rem; font-size: 1.1rem !important;font-weight: bold;}
.category-odds.odds1 .odds3ten_odds_block .par-table01 td.chaku3 {width: 1.6rem; font-size: 1.1rem !important;font-weight: bold;}
.category-odds.odds1 .odds3ten_odds_block .par-table01 td.odds { width: 5rem; font-size: 1.1rem !important; padding-right: 0.5rem; font-weight: bold;}
.category-odds.odds1 .odds3ten_odds_block .par-table01 td.chaku3.tei_color1 {font-weight: bold; background-color: #ffffff !important;}

.category-odds.odds1 .odds3ten_odds_block .par-table01 td.chaku2 ,
.category-odds.odds1 .odds3ten_odds_block .par-table01 td.chaku3 {
	width: 1.5rem!important;
}

.category-odds.odds1 .tei_color1 {
	border-left: 0.1rem solid #898989;
	border-top: 0.1rem solid #898989;
}

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

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

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

.category-odds.odds1 .upper_color {
	display: flex;
    align-items: center;
    font-size: 1.2rem;
}

.category-odds.odds1 .upper_color .color-box {
	display: inline-flex;
	width: 1.2rem;
	height: 1.2rem;
	margin-left: 0.6rem;
	margin-right: 0.4rem;
}

.category-odds.odds1 .upper_color .color-box.upper1_color {
	margin-left: 0;
}

/***************************
* 2連単・2連複 odds2
* 3連複・拡連複・単勝・複勝 odds3
****************************/
.category-odds.odds2 .oddsTable,
.category-odds.odds3 .oddsTable {
	background-color: #ffffff;
}

.line-group{
	display: table;
	table-layout: fixed;
	width: 100%;
	background-color: #ffffff;
}

.line-group .list-group {
	display: table-cell;
	/* width: 11.8rem; */
}

.line-group .list-group .par-table01 {
	font-size: 1.4rem;
}

.line-group .list-group .par-table01 th {
	border-top: 0.1rem solid #D9D9D9;
	height: 3.5rem!important;
}

.line-group .list-group:last-child .par-table01 th:last-child {
	border-right: 0.1rem solid #D9D9D9;
}

.line-group .list-group .par-table01 th.chaku1 {
	width: 2.4rem;
	font-size: 1.4rem;
	font-weight: bold;
	border-radius: 0rem
}

.line-group .list-group .par-table01 th.chaku1.odds2 {
	width: 1.6rem;
	border: 0.1rem solid #898989;
}

.line-group .list-group .par-table01 th.chaku1.odds3-1 {
	width: 2.5rem;
	font-size: 1.4rem !important;
	border-top: none;
	border-left: 0.1rem solid #898989;
}

.line-group .list-group .par-table01 th.chaku1.odds3-2 {
	width: 1.6rem;
	font-size: 1.4rem !important;	
}

.line-group .list-group .par-table01 th.chaku1.odds3 {
	width: 1.6rem;
}

.line-group .list-group .par-table01 th.racer_name {
	width: 11.5rem;
	font-size: 1.1rem !important;
	font-weight: bold;
	border: 0.1rem solid #898989;
	border-bottom: none;
	border-radius: 0rem;
	padding:0.5rem
}

.line-group .list-group .par-table01 th.racer_name span{
	margin-left: 0.2rem;
	height: 1.7rem;
	border:0.1rem solid #FFFFFF;
}

 .line-group .list-group .par-table01 .chaku2tei_1{border-top: 0.1rem solid var(--TEI_COLOR_1, #FFFFFF) !important;background-color: var(--TEI_COLOR_1, #FFFFFF) !important;}
 .line-group .list-group .par-table01 .chaku2tei_2{border-top: 0.1rem solid var(--TEI_COLOR_2, #777777) !important;background-color: var(--TEI_COLOR_2, #777777) !important;}
 .line-group .list-group .par-table01 .chaku2tei_3{border-top: 0.1rem solid var(--TEI_COLOR_3, #EB3C5E) !important;background-color: var(--TEI_COLOR_3, #EB3C5E) !important;}
 .line-group .list-group .par-table01 .chaku2tei_4{border-top: 0.1rem solid var(--TEI_COLOR_4, #4D97EF) !important;background-color: var(--TEI_COLOR_4, #4D97EF) !important;}
 .line-group .list-group .par-table01 .chaku2tei_5{border-top: 0.1rem solid var(--TEI_COLOR_5, #F6E058) !important;background-color: var(--TEI_COLOR_5, #F6E058) !important;}
 .line-group .list-group .par-table01 .chaku2tei_6{border-top: 0.1rem solid var(--TEI_COLOR_6, #47AA72) !important;background-color: var(--TEI_COLOR_6, #47AA72) !important;}

/* odds2 */
.category-odds.odds2 .oddsTable.str2Tan {
	margin-bottom: 0.9rem;
}

.category-odds.odds2 .oddsTable.str2Tan .line-group {
	border-bottom: 0;
}

.category-odds.odds2 .oddsTable.str2Tan .line-group:not(:last-of-type),
.category-odds.odds2 .oddsTable.str2Fuk .line-group:not(:last-of-type) {
	margin-bottom: 0.0rem;
}

.category-odds.odds2 .par-table01 td.chaku2 {width: 2.5rem; height: 2.8rem;font-size: 1.4rem !important;font-weight: bold;}


/* odds3 */
.category-odds.odds3 .odds3ten_odds_block .par-table01 td.chaku3 {width: 1.6rem; font-size: 1.4rem !important;font-weight: bold;}
.category-odds.odds3 .str3Fuk .par-table01 td.chaku2 {width: 2rem; height: 2.8rem;font-size: 1.4rem !important;font-weight: bold;}
.category-odds.odds3 .str3Fuk .par-table01 td.chaku3 {width: 2rem;font-size: 1.4rem!important;font-weight: bold;}

.category-odds.odds3 .oddsTable.str3Fuk,
.category-odds.odds3 .oddsTable.strKFuk,
.category-odds.odds3 .oddsTable.strKTan {
	margin-bottom: 2rem;
}

.category-odds.odds3 .oddsTable.strKTan .line-group,
.category-odds.odds3 .oddsTable.strFuk .line-group {
	border-bottom: 0;
	
}

.category-odds.odds3 .oddsTable.str3Fuk .line-group:not(:last-of-type),
.category-odds.odds3 .oddsTable.strKFuk .line-group:not(:last-of-type),
.category-odds.odds3 .oddsTable.strKTan .line-group:not(:last-of-type),
.category-odds.odds3 .oddsTable.strFuk .line-group:not(:last-of-type) {
	margin-bottom: 0rem;
}

.category-odds  .strKFuk .chaku2 {
	color: #000000 !important;
	width: 2rem;
}

.category-odds .strKFuk .odds3-2 {
	border-top: none;
	width: 2rem;
}

.category-odds.odds3 .oddsTable.str3Fuk .line-group .list-group:first-child tr:last-child td {
	border-bottom: 0.1rem solid #D9D9D9;
}

.line-group .list-group .par-table01 .syou_sub {
	border-top: none;
	width: 2rem;
}

/***************************
* 人気・高配当 odds4
****************************/
.category-odds .odds4 .ninki_kouhai_block .par-table01{
    width: 16.5rem;
}
.category-odds .odds4 .ninki_kouhai_block {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	padding: 0;
	margin-top: 5rem;
}

.category-odds .odds4 .ninki_kouhai_block .box_l {
    width: 18rem;
}

.category-odds .odds4 .ninki_kouhai_block .box_r {
    width: 18rem;
}

.category-odds .odds4 .ninki_kouhai_block:not(:last-of-type) {
	margin-bottom: 2rem;
}

.category-odds .odds4 .par-table01 th {
    height: 3rem;
}

.category-odds .odds4 .par-table01 tr {
	height: 3rem;
}

.category-odds .odds4 .par-table01 td {
	height: 3rem;
	font-size: 1.4rem;
}

.category-odds .odds4 .par-table01 td.col1 {
	width: 2rem;
	height: 3rem;
	font-size: 1.3rem;
	font-weight: bold;
}

.category-odds .odds4 .par-table01 td.col2 {
	text-align: center;
	width: 10.9rem;
}

.category-odds .odds4 .par-table01 td .par-icon_num {
	border-radius: 0.3rem !important;
}

.category-odds .odds4 .par-table01 td.col3 {
    width: 4.3rem;
	font-size: 1.2rem;
    text-align: center;	
}

.category-odds .odds4 .ninki_kouhai_block .box:last-child .par-table01 th,
.category-odds .odds4 .ninki_kouhai_block .box:last-child .par-table01 td {
	border-left: none;
}

.category-odds .odds4 .box_l {
	padding: 0;
}

.category-odds .odds4 .box_r {
	padding: 0;
}

/****************************
競走成績
*************************  */
.category-oddsResult .cmt_wait_update {
	padding: 1.5rem;
}

.category-oddsResult .seiseki_area {
	padding-top: 2rem;
	margin: 0 1.6rem;
}

.category-oddsResult .seiseki_area .sub-td {
	position: relative;
}

.category-oddsResult .seiseki_area .par-table01.table_seiseki th {
	height: 5.9rem;
	font-size: 1.4rem !important;
}

.category-oddsResult .seiseki_area .par-table01 th {
	height: 4.6rem;
	font-size: 1.3rem;
	line-height: 1.3;
}

.category-oddsResult .seiseki_area .par-table01 th.result_ttl {
	height: 3.3rem;
}

.category-oddsResult .seiseki_area .par-table01 thead {
	font-size: 1.4rem;
}

.category-oddsResult .seiseki_area .harai_area .par-table01 th.col1-henkan {
	height: 5rem;
}

.category-oddsResult .seiseki_area .par-table01 th.col1 {
	width: 2.5rem;
}

.category-oddsResult .seiseki_area .par-table01 th.col2 {
	width: 2.5rem;
}

.category-oddsResult .seiseki_area .par-table01 th.col3 {
	width: 12rem;
}

.category-oddsResult .seiseki_area .suimen_area .par-table01 th {
	width: 11.2rem;
	height: 3rem;
}

.category-oddsResult .seiseki_area .suimen_area .par-table01 td {
	height: 4.9rem;
}

.category-oddsResult .seiseki_area .suimen_area .par-table01 td.col3 {
	text-align: center;
}

.category-oddsResult .seiseki_area .par-table01 th.col4 {
	width: 17rem;
}

.category-oddsResult .seiseki_area .par-table01 td {
	height: 6.4rem;
	font-size: 1.3rem;
}

.category-oddsResult .seiseki_area .par-table01 td.col1.chaku {
	font-size: 1.6rem !important;
	font-weight: bold!important;
}

.category-oddsResult .seiseki_area .par-table01 td.col2 {
	font-size: 1.6rem !important;
	font-weight: bold !important;
}

.category-oddsResult .seiseki_area .par-table01 td.col3 {
	vertical-align: top;
	text-align: left;
	vertical-align: middle;
	line-height: 1;
	font-size: 1.4rem;
}

.category-oddsResult .seiseki_area .par-table01.table_seiseki td.col1::after {
	content: '';
    position: absolute;
    width: 34.2rem;
    left: 0;
    bottom: -0.1rem;
    z-index: 1;
}

.category-oddsResult .seiseki_area .par-table01 td.col3 .name_time {
	width: fit-content;
	margin: 0 auto;
}

.category-oddsResult .seiseki_area .par-table01 td.col3 .racer-namelink {
	display: block;
	color: #121212;
	text-decoration: underline;
	font-size: 1.6rem;
	margin-bottom: 0.5rem;
}

.category-oddsResult .seiseki_area .par-table01 tbody .item_time{
	display: inline-block;
	font-size: 1.4rem;
}

/* 水面ボートエリア */
.category-oddsResult .seiseki_area .suimen_div {
	height: 6.4rem;
	padding-left: 1rem;
}

.category-oddsResult .seiseki_area .suimen_div .com-yosou-boat {
	width: 8rem;
	height: 6.4rem;
}

.category-oddsResult .seiseki_area .suimen_div .boat {
	padding-top: 2.5rem;
}

.category-oddsResult .seiseki_area .suimen_div .st_area {
	width: 8rem;
	line-height: 1;
	font-size: 1.2rem;
	padding-left: 1.1rem;
}

.category-oddsResult .seiseki_area .suimen_div .item_st {
	padding-right: 1rem;
}

.category-oddsResult .seiseki_area .suimen_div .item_kimari {
	display: block;
	width: 6rem;
	margin-top: 0.4rem;
	letter-spacing: -0.3em;
}

/* 欠場 */
.category-oddsResult .seiseki_area .par-table01 .state-missed:after {
	width: 34.3rem;
	line-height: 6.4rem;
	height: 6.4rem;
}

/****************************
払い戻し
*************************  */
.category-oddsResult .harai_area {
	margin-top: 1.8rem;
}

.category-oddsResult .harai_area h3{
	margin: 1rem 1.6rem;
}

.category-oddsResult .harai_area .par-table01 thead th { 
	height: 3rem;
	font-size: 1.2rem;
}

.category-oddsResult .harai_area .par-table01 thead th.col2 {
	width: 6.1rem;
}

.category-oddsResult .harai_area .par-table01 tbody th {
	width: 6rem;
	text-align: center;
	font-size: 1.4rem !important;
	background-color: #003288;
	border-color: #bbbbbb;
}

.category-oddsResult .harai_area .par-table01 tbody td { 
	height: 5rem;
	font-size: 1.4rem;
}

.category-oddsResult .harai_area .par-table01 tbody td.col2 {
	width: 10rem;
	text-align: left;
	padding-left: 1.6rem;
	border-right: none;
}

.category-oddsResult .harai_area .par-table01 tbody td.col2 .par-icon_num {
	border-radius: 0.3rem !important;
}

.category-oddsResult .harai_area .par-table01 tbody td.col3 {
	width: 11rem;
	font-size: 1.4rem !important;
	padding-right: 0.5rem;
	text-align: right;
	border-left: none;
}

.category-oddsResult .harai_area .par-table01 tbody td.col4 {
	width: 4rem;
}

.category-oddsResult .harai_area .par-table01 tbody td.col-henkan > span {
	margin: 0 0.1rem;
}
.category-oddsResult .harai_area .par-table01 .col-cancel { 
    height: 7rem;
}

/****************************
水面気象
*************************  */
.category-oddsResult .suimen_area {
	padding: 3rem 0 2rem;
}

.category-oddsResult .suimen_area .par-table01 {
	table-layout: fixed;
}

.category-oddsResult .suimen_area .par-table01 th {
    height: 3rem;
	width: 11.4rem;
	font-size: 1.4rem !important;
}

.category-oddsResult .suimen_area .par-table01 td {
	height: 3.9rem;
	width: 11.4rem;
	font-size: 1.4rem !important;
	border-top: 0;
}

.category-oddsResult .suimen_area .par-table01 td.col2 {
	font-size: 1.4rem !important;
	line-height: 1.8rem;
}

/****************************
ボタンエリア（結果）
*************************  */
.category-oddsResult .oddsResult_btn_area {
	text-align: right;
}

.category-oddsResult .oddsResult_btn_area .par-btn02 {
    position: relative;
    display: inline-block;
    width: 15.7rem;
    height: 5rem;
    border-radius: 0.8rem;
    background: #0052E0;
    color: #FFF;
    text-align: center;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: bold;
    line-height: 5rem;
    letter-spacing: 0.0096rem;
    background-image: url(/cdn/sp/images/common/ico_circle_arrow_w.svg);
    background-repeat: no-repeat;
    background-size: 1.6rem;
    background-position-x: 12.5rem;
    background-position-y: 1.7rem;
    box-shadow: none;
}

.category-oddsResult .oddsResult_btn_area .par-btn02 span {
	position: relative;
    display: flex;
    justify-content: center;
    font-size: 1.6rem;
    
}

.category-oddsResult .oddsResult_btn_area .par-btn02 span::before {
	content: "";
	position: relative;
	display:inline-block;
	vertical-align: middle;
	width: 1.8rem;
	height: 1.8rem;
	margin-right: 1rem;
}

.category-oddsResult .oddsResult_btn_area .par-btn02.btn-replay span::before {
	content: "";
    position: absolute;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    top: 1.5rem;
	left: 1.6rem;
    background-image: url(/cdn/sp/images/yosou/ico_replay.svg);
    background-repeat: no-repeat;
    background-size: 2rem;
}

.category-oddsResult .oddsResult_btn_area .par-btn02.btn-result span::before {
	width: 1.9rem;
	height: 1.9rem;
	background: url(/cdn/sp/images/yosou/ico_raceresult.png) no-repeat center;
	background-size: 1.9rem;
}

.harai {
    width: 34.5rem;
    border: 0.1rem solid var(--MAIN_COLOR, #003288);
    margin: 0.8rem 0rem 0.8rem 0rem;
}

.harai tr {
	height: 2.2rem;
}

.harai th {
	width: 4rem;
	height: 7.5rem;
	background: var(--MAIN_COLOR, #003288);
	color: #fff;
	vertical-align: middle;
	font-size: 1.2rem;
}

.harai td {
	vertical-align: middle;
}

.harai .amount_name {
	display: flex;
	color: var(--MAIN_COLOR, #003288);
    font-size: 1.2rem;
	margin-left: 0.8rem;
    font-weight: bold;
}

.harai .amount {
    display: inline-flex;
    align-items: center;
    position: absolute;
    height: 100%;
    top: 0;
    right: 0.8rem;
    font-size: 1.6rem;
    font-weight: bold;
    color: #000;
}

.harai .info-tag {
    align-items: inherit;
    font-size: 1.1rem;
    font-weight: normal;
	position: relative;
}

.harai .amount.pink {
	color: #ED23B6;	
}

.harai .info-text_1 {
    position: relative;
    width: 14.2rem;
    border-bottom: 0.1rem solid var(--MAIN_COLOR, #003288);
}

.harai .info-text_1 div {
	position: relative;
    text-align: right;
    top: -1.1rem;
}

.harai .info-text_2 {
    position: relative;
    width: 15rem;
    border-bottom: 0.1rem solid var(--MAIN_COLOR, #003288);
}

.harai .info-text_2 div {
	position: relative;
    text-align: right;
    top: -1.1rem;
}

.harai .info-text_3 {
	position: relative;
    width: 15rem;
    border-bottom: 0.1rem solid var(--MAIN_COLOR, #003288);
}

.harai .info-text_3 div {
	position: relative;
    text-align: right;
    top: -1.1rem;
}

.odds3ten_name_block_1{background-color: var(--TEI_COLOR_1, #FFFFFF) !important;}
.odds3ten_name_block_2{background-color: var(--TEI_COLOR_2, #777777) !important;}
.odds3ten_name_block_3{background-color: var(--TEI_COLOR_3, #EB3C5E) !important;}
.odds3ten_name_block_4{background-color: var(--TEI_COLOR_4, #4D97EF) !important;}
.odds3ten_name_block_5{background-color: var(--TEI_COLOR_5, #F6E058) !important;}
.odds3ten_name_block_6{background-color: var(--TEI_COLOR_6, #55BC42) !important;}