/*============================
 全体
============================*/
body{
	line-height: 1.2;
	font-family: Helvetica, Arial, sans-serif, "Font Awesome 5 Free";
	user-select: none;
}

/*============================
 入力フォーム
============================*/
form .message{
	display:block;
	color:#f00;
	font-size:16px;
}
form label .error{
	display:block;
	color:#f00;
	font-size:12px;
}


/*============================
 メインコンテナ
============================*/
/* スマホ版 */
.mainContainer{
	margin-top: 86px;
}

/* PC */
@media screen and (min-width: 768px){
	.mainContainer{
		/*PC版ヘッダ*/
		/*margin-top: 140px;*/
		/*スマホ版ヘッダ*/
		margin-top: 86px;
	}
	.side-menu{
		position: sticky;
		/*top: 120px;*/
		/*スマホ版*/
		top: 86px;
	}

}


/*============================
 ヘッダ
============================*/
/* ヘッダ */
.header{
	background:#fff;
}
.header.topHeader{
	z-index:1;
	transform: translateZ(1px);
}

/* PC版 */
.header .logo.pc{
}
.header .d-flex.pc{
}
.header .d-flex.pc .btn{
	margin:2px;
}
.header .d-flex.pc .btn.btnLogin{
	margin:8px 16px;
}

/* スマホ版 */
.header .logo.sp{
	/*width: 160px;*/
	width: 192px;
    margin: 0.0rem 0.4rem 0.1rem 0.2rem;

}
.header .d-flex.sp{
}
.header .d-flex.sp .btn{
	margin:1px;
}
.header .d-flex.sp .btn.btnLogin{
	margin: 0.4rem 0.3rem;
}

/*============================
 サイドメニュー
============================*/
.sideMenuWrapper{
	padding-right: .15rem !important;
}
.side-menu{
	position: sticky;
	top: 86px;
}
#venueCalSp{

}
#venueCalSp .bootstrap-datetimepicker-widget{
	box-shadow: 0 0 0.4rem black;
}

/*============================
 コンテナ
============================*/
.mainContainer{

}
.mainContainer .card-flip{

}
.mainContainer .card-flip .card.front,
.mainContainer .card-flip .card.back
{
}
.mainContainer .card-flip .card.front > .card-header,
.mainContainer .card-flip .card.back > .card-header
{
	padding: .4rem 0.6rem;
}
.mainContainer .card-flip .card.front > .card-body,
.mainContainer .card-flip .card.back > .card-body
{
	padding:0.4em 0.5em;
    margin-bottom: 24px;
    /*overflow-x: hidden;*/
	overflow-y: scroll;
}
.mainContainer .card-flip .card.front > .card-body.home,
.mainContainer .card-flip .card.back > .card-body.home
{
	padding:0.0em 0.0em;
}
.mainContainer .card-flip .card.front > .card-body.no-scroll,
.mainContainer .card-flip .card.back > .card-body.no-scroll
{
	overflow-x: visible;
	overflow-y: visible;
}

/*============================
 新着お知らせ
============================*/
.card-body.home{
	padding: 0.0rem;
}

.card-body .card-img{
	margin-top: 7rem;
}

.card-body.home .card-img-overlay.home{
	padding: 1.2rem 1.0rem;
}


.card-body .infoList,
.card-body .discord
{
	width: 99%;
	margin-top: 2rem;
	/*opacity: 0.9;*/
}

.card-body .infoList li{
	padding: .4rem 0.6rem;
    font-size: 0.9rem;
    background-color: rgba(0, 0, 0, .5);
    text-shadow: 0.05rem 0.15rem 0.1rem #000;
    color: #fff;
}
.card-body .discord li{
	background-color: #FFFFCC;
}
/*============================
 サイト概要・利用規約・個人情報・運営会社・特定取引
============================*/
.card-body > .info,
.card-body > .condition,
.card-body > .privacy,
.card-body > .special,
.card-body > .aboutus
{
	font-size:12px;
	margin-bottom: 48px;
}
.card-body > .special .table th,
.card-body > .aboutus .table th
{
	font-size:12px;
	width:40%;
}
.card-body > .special .table td,
.card-body > .aboutus .table td
{
	font-size:12px;
}

/*============================
 開催一覧
============================*/
.venues{

}

/* スマホの開催リスト */
.venues .head{
	font-size: 14px;
	font-weight: bold;
    color: #000;
    background-color: #FF8020;
}

.venues li{
	padding: 0.7rem 0.25rem;
    font-size: 1.0rem;
}
.venues li.head{
	padding: 0.25rem;
}
/* PCの開催リスト */
@media screen and (min-width: 768px){
	.venues .head{
		padding: 0.4rem 0.3rem;
		font-size: 16px;
		font-weight: bold;
	    color: #000;
	    background-color: #FF8020;
	}
	.venues li{
		padding: 0.6rem 0.4rem;
	}
}

.venues .zoom {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.venues .zoom:hover {
	cursor: pointer;
	transform: scale(1.0, 1.1);
	box-shadow: 0 0 10px black;
}
/*============================
 開催カレンダー
============================*/
/*
 カレンダーCARD
 最上位表示
*/
card.calCard{
	position: relative;
    z-index: 99;
    transform: translateZ(99px);
}
#venueCalSp span.input-group-text{
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
	font-size: 0.75rem;
    padding: 0.4rem 0.2rem;
    text-align: center;
}
#venueCalSp span.input-group-text i{
}

/* 年月ヘッダ */
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #c3e6cb;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
	background: #c3e6cb;
    cursor: pointer;
    font-size: 0.9rem;
}
.table-sm td, .table-sm th {
    padding: 0.1rem;
}

/* 曜日枠 */
.bootstrap-datetimepicker-widget table th {
    height: 16px;
    line-height: 16px;
    width: 16px;
    font-size:12px;
}
/* 日枠 */
.bootstrap-datetimepicker-widget table td {
    height: 16px;
    line-height: 16px;
    width: 16px;
    font-size:12px;
}


/* 土曜日(月曜始まり) */
/*
.datepicker-days th.dow:nth-last-child(2),
.datepicker-days td:nth-last-child(2) {
    color: #00f;
}*/
/* 日曜日(月曜始まり) */
/*.datepicker-days th.dow:last-child,
.datepicker-days td:last-child {
    color: #f00;
}*/


/* 土曜日(日曜始まり) */
.datepicker-days th.dow:last-child,
.datepicker-days td:last-child {
    color: #00f;
}
/* 日曜日(日曜始まり) */
.datepicker-days th.dow:first-child,
.datepicker-days td:first-child {
    color: #f00;
}

/* 本日 */
.bootstrap-datetimepicker-widget table td.today {
    border: 3px solid #28a745;
    position: relative;
}
/* 本日マーク*/
.bootstrap-datetimepicker-widget table td.today:before {
    content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 10px 10px;
    border-bottom-color: #f00;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 1px;
    right: 1px;
}
/* 選択した日 */
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #c3e6cb;
    color: #000;
    font-weight:bold;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td.active.today:before {
    border-bottom-color: #f00;
}
/* 閉じるボタン */
.bootstrap-datetimepicker-widget .picker-switch td span {
	height: 2.0em;
}
.bootstrap-datetimepicker-widget a[data-action] span.fa-times:before {
	 content: "\f057\00a0閉じる";
}
/*============================
 レース一覧
============================*/
.races{
}
.races::after {
    content: '';
    width: 100%;
}
.races .raceCard{
	order: 0;

}
.races .raceCard:nth-child(n+7) {
    order: 1;
}

.races .raceCard .card-header{
	padding: .1rem 0.6rem;
}
.races .raceCard .card-header.status2{
	background: #20bf6b;
    border: 1px solid #1Ebd69;
    color: #fff;
}
.races .raceCard .card-header.status3,
.races .raceCard .card-header.status4,
.races .raceCard .card-header.status5,
.races .raceCard .card-header.status6,
.races .raceCard .card-header.status7
{
    background: #ff7675;
    border: 2px solid #ff7675;
    color: #fff;
}
.races .raceCard .card-body{
	padding: 0.4rem 0.6rem;
}

/*============================
 レース詳細
============================*/
/* ★★★★.raceは単純すぎるので後日複合クラス指定に変更すること★★★★ */
#dlgKeibaBody .card-body.race{
	padding: 0.2rem 0.1rem;
}

.race .loginAlert{
	background-color:#ffffA0;
	padding: 4px 4px 8px 4px;
}
.race .loginAlert .message{
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding: 4px 0px 4px 0px;

}
.race .loginAlert .btnRegist{
	/*margin-right:6px;*/
}
.race .loginAlert .btnLogin{
	margin-left:6px;
}
.race .loginAlert .tooltip{
	/*font-size:12px;*/
	color:#fff;
}
.race .loginAlert .tooltip.show.bs-tooltip-left{
    position: relative;
    left: 3px;
}
.race .loginAlert .tooltip.show.bs-tooltip-right{
    position: relative;
    left: -3px;
}

.race .loginAlert .tooltip.show > .tooltip-inner {
	background-color:#ff7070;
}
.race .loginAlert .tooltip.show.bs-tooltip-auto[x-placement^=top] .arrow::before,
.race .loginAlert .tooltip.show.bs-tooltip-top .arrow::before
{
    border-top-color: #ff7070;
}
.race .loginAlert .tooltip.show.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.race .loginAlert .tooltip.show.bs-tooltip-bottom .arrow::before{
    border-bottom-color:#ff7070;
}
.race .loginAlert .tooltip.show.bs-tooltip-auto[x-placement^=left] .arrow::before,
.race .loginAlert .tooltip.show.bs-tooltip-left .arrow::before{
    border-left-color:#ff7070;
}
.race .loginAlert .tooltip.show.bs-tooltip-auto[x-placement^=right] .arrow::before,
.race .loginAlert .tooltip.show.bs-tooltip-right .arrow::before{
    border-right-color:#ff7070;
}

/* レース情報 */
.race .raceInfo{
    margin: 0.2rem 0.2rem;
    padding: 0.2rem 0.4rem;
    font-size: 12px;
    /*
    border: 1px solid #ddd;
    border-radius: .25rem;
    */
}
.race .raceInfo .title{
	font-size:16px;
	font-weight:bold;
}
/* レースグレード */
.race .raceInfo .title .grade
{
    background: #c3e6cb;
    color: #000;
    font-size: 0.8rem;
    font-weight: 400;
    padding: 0.1rem 0.3rem;
    border-radius: 0.2rem;
}

.race .raceInfo .subtitle{
}
.race .raceInfo .subsubtitle{
}
.race .raceInfo .detail{
	font-size: 14px;
	font-weight:bold;

}



/* タブ（レース終了前） */
.race > .nav-tabs{
	/*border-bottom: 1px solid #dee2e6;*/
	border-bottom: 2px solid #28a745;
	font-size:14px;
	margin-top:4px;
}
/* タブ（発走中）*/
.race > .nav-tabs.mode5{
	border-bottom: 2px solid #FF8020;
}
/* タブ（レース中止）*/
.race > .nav-tabs.status9{
	border-bottom: 2px solid #ccc;
}

/* 候補馬・AI予測・実況は表示*/
.race > .nav-tabs li.nav-item.tabHorses,
.race > .nav-tabs li.nav-item.tabAiPredict,
.race > .nav-tabs li.nav-item.tabRaceLive
{
}
/* 馬券投票と払い戻しは非表示*/
.race > .nav-tabs li.nav-item.tabSearchBets,
.race > .nav-tabs li.nav-item.tabPayout
{
	display:none;
}
/* タブ（レース終了後） */
.race > .nav-tabs.status3{
	border-bottom: 2px solid #ff7675;
}
/* レース終了後実況は非表示*/
.race > .nav-tabs.status3 li.nav-item.tabSearchBets,
.race > .nav-tabs.status3 li.nav-item.tabRaceLive
{
	display:none;
}
/* 払い戻しは表示 */
.race > .nav-tabs.status3 li.nav-item.tabPayout
{
	display:block;
}
.race > .nav-tabs li.nav-item{
}
.race > .nav-tabs li.nav-item a.nav-link{
	border: 1px solid #c3e6cb;
}
.race > .nav-tabs.mode5 li.nav-item a.nav-link{
	border: 1px solid #FF8020;
}
.race > .nav-tabs.status3 li.nav-item a.nav-link{
	border: 1px solid #ff7675;
}
.race > .nav-tabs.status9 li.nav-item a.nav-link{
	border: 1px solid #888;
}


/* アクティブなタブ（レース終了前） */
.race > .nav-tabs li.nav-item a.nav-link.active{
	background-color: #28a745;
	color: #fff;
	border-color: #28a745 #28a745 #28a745;
}
/* アクティブなタブ（発走中） */
.race > .nav-tabs.mode5 li.nav-item a.nav-link.active{
	background-color: #FF8020;
	color: #222;
	font-weight:bold;
	border-color: #FF8020 #FF8020 #FF8020;
}
/* アクティブなタブ（レース終了後） */
.race > .nav-tabs.status3 li.nav-item a.nav-link.active{
	background-color: #ff7675;
	color: #fff;
	border-color: #ff7675 #ff7675 #ff7675;
}
/* アクティブなタブ（レース中止） */
.race > .nav-tabs.status9 li.nav-item a.nav-link.active{
	background-color: #eee;
    color: #000;
    border-color: #888;
}

.race > .tab-content .tab-pane .sortButtons{
	text-align:center;
	/*margin: 4px auto 6px auto;*/
	margin: 0.3rem auto 0.2rem auto;
}
.race > .tab-content .tab-pane .searchButtons{
	/*margin: 0px 4px 3px 4px;*/
	margin: 0.2rem 0.4rem;
}
/* 旧AI馬柱  */
.race > .tab-content .tab-pane .toast.toastPredictImage{
	position: absolute;
    z-index: 99;
    transform: translateZ(99px);
    margin: 0.0rem auto;
    max-width: 98%;
    left: 1%;
    right: 1%;
    box-shadow: 0 0 0.7rem black;
}
.race > .tab-content .tab-pane .toast.toastPredictImage .toast-header{
}
.race > .tab-content .tab-pane .toast.toastPredictImage .toast-header .title{
}
.race > .tab-content .tab-pane .toast.toastPredictImage .toast-body{
	padding: .0rem;
}
.race > .tab-content .tab-pane .toast.toastPredictImage .toast-body .card{
	margin: .0rem;
}
.race > .tab-content .tab-pane .toast.toastPredictImage .toast-body .footerButtons{
	padding: 0.4rem 0.4rem;
}
.race > .tab-content .tab-pane .toast.toastPredictImage .toast-body .footerButtons button{
}


/* 出走馬一覧 */
.race .horseList{
	text-align:left;
}
/* 出走馬行 */
.race .horseList li.horse{
	padding: 0.3rem 0.2rem 0.0rem 0.2rem;
}
/* 競走取消・除外・中止馬 */
.race .horseList li.horse.cancel{
	background-color:#eee;
}

/* 出走馬ラベル */
.race .horseList li.horse label{
	margin-bottom: 0px;
}
/* 出走馬チェックボックス */
.race .horseList li.horse label input[type=checkbox]{
	/*
	color: #20bf6b;
	accent-color: currentcolor;
	*/
	width:18px;
	height: calc(1.5em + .2rem + 0px);
}

.race .sortButtons .btn-primary:not(:disabled):not(.disabled).active,
.race .sortButtons .show>.btn-primary.dropdown-toggle {
    color: #000;
    font-weight:bold;
    background-color: #FFA000;
    border-color: #005cbf;
}

/* 未確定馬区切り行 */
.race .horseList li.delm{
	padding: 0.1rem 0.1rem;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	background:  #dee2e6;

}

/* 馬番号列 */
.race .horseList .horse .col-umaban{
	width:22px;
}
/* 馬情報列 */
.race .horseList .horse .col-horse{
	width:33%;
}
/* 過去レース列 */
.race .horseList .horse .col-history{
	width:33%;
	min-width:142px;
	/*margin-left:auto;*/
}
/* オッズ列 */
.race .horseList .horse .col-odds{
	/*width:24%;
	text-align: right;
	margin-left:auto;*/
}

/* 出走馬基本情報 */
.race .horseList .horse .horseBase{
	/*margin-left:2px;*/
}
/* 出走馬属性 */
.race .horseList .horse .horseAttr{
	font-size: 12px;
	color: #444;
	/*margin-left:2px;*/
}
/* 騎手調教師 */
.race .horseList .horse .horseJockey{
	font-size: 11px;
	color: #444;
	/*margin-left:2px;*/
}
.race .horseList .horse .horseOther{
	font-size: 11px;
	margin-top:2px;
}

/* 馬番 */
.race .horse .umaban {
    display: inline-block;
    font-size: 12px;
    /* margin: 0px 4px 0px 0px; */
    margin-right: 2px;
    width: 19px;
    height: 21px;
    vertical-align: middle;
    border: 1px solid #222;
    padding-top: 2px;
    padding-right: 1px;
    border-radius: 2px;
    text-align: center;
    text-shadow: none;
    font-weight: bold;
}
/* 枠色 */
span.waku1{
	color:#000;
	background-color:#fff;
}
span.waku2{
	color:#fff;
	background-color:#000;
}
span.waku3{
	color:#fff;
	background-color:#f00;
}
span.waku4{
	color:#fff;
	background-color:#00f;
}
span.waku5{
	color:#000;
	background-color:#ff0;
}
span.waku6{
	color:#fff;
	background-color:#080;
}
span.waku7{
	color:#000;
	background-color:#ffa500;
}
span.waku8{
	color:#000;
	background-color:#ffc0cb;
}
/* 馬名スマホ */
.race .horse .name{
	position: relative;
    overflow: visible;
    font-size: 13px;
    font-weight: bold;
    margin-left:0px;
}
/* 馬名PC */
@media screen and (min-width: 768px){
	.race .horse .name{
		position: relative;
	    overflow: visible;
	    font-size: 14px;
	    font-weight: bold;
	    margin-left:0px;
	}
}
/* 脚質 */
.race .horse .runStyle{
	margin-left:0px;
}

/* 性別 */
.race .horse .gendar{
	margin-left:0px;
}
/* 馬齢 */
.race .horse .age{
}
/* 馬体重 */
.race .horse .weight{
	margin-left:0px;
}
/* 調教師 */
.race .horse .trainer{
	margin-left:0px;
}
/* 騎手 */
.race .horse .jocky{
	margin-left:0px;
}
/* 斤量 */
.race .horse .handicap{
	margin-left:0px;
}

/* 過去レース */
.race .horse .pastRaces{
	font-size:12px;
}
@media screen and (min-width: 768px){
	/* 過去レース列 */
	.race .horseList .horse .col-history{
		width:33%;
		min-width:144px;
	}
	.race .horse .pastRaces{
		font-size:12px;
	}
}
@media screen and (max-width: 390px){
	.race .horseList .horse .col-history{
		width:33%;
		min-width:128px;
	}
	.race .horse .pastRaces{
		font-size:10px;
	}
}
@media screen and (max-width: 390px){
	.btn-group-sm>.btn, .btn-sm {
		font-size:0.8rem
	}
}
@media screen and (max-width: 380px){
	.btn-group-sm>.btn, .btn-sm {
		font-size:0.7rem
	}
}
.race .horse .pastRaces .rank{
    border: solid 1px #aaa;
    background-color: #f4f4f4;
    margin: 0px 0px 0px -1px;
    text-align: center;
	padding: 1px 1px;
}
.race .horse .pastRaces .rank.rest{
    border: solid 1px #eee;
    background-color: #fff;
}
.race .horse .pastRaces p{
	padding:0px;
	margin:0px;
}

.race .horse .pastRaces .rank.rank0{
    background-color: #e0e0e0;
}
.race .horse .pastRaces .rank.rank1{
    background-color: #ffffaa;
}
.race .horse .pastRaces .rank.rank2{
    background-color: #bbffbb
}
.race .horse .pastRaces .rank.rank3{
    background-color: #ffeeee
}
.race .horse .pastRaces .rank.rank4{
    background-color: #ccf5ff;
}
.race .horse .pastRaces .rank.rank5{
    background-color: #ccf5ff;
}
.race .horse .pastRaces .rank.rank6{
    background-color: #e0e0e0;
}
/* 結果・評価・オッズ */
.race .horse .col-odds{
	width: 24%;
    margin-left: auto;
	font-size:11px;
}
@media screen and (max-width: 414px) {
	/* 480px以下に適用されるCSS（スマホ用） */
	.race .horse .col-odds{
		font-size:10px;
	}
}


/* ランクイン */
.race .horse .col-odds .result.rankIn .rank,	/* 着順のみBold */
.race .horse .col-odds .recommend.rankIn,
.race .horse .col-odds .win.rankIn .rank,		/* 順位のみBold */
.race .horse .col-odds .place.rankIn .rank		/* 順位のみBold */
{
	font-weight:bold;
}
.race .horse .col-odds .recommend.rankIn{
	font-size: 1.2em;
	border-bottom: solid 1px #666;
}
.race .horse .col-odds .result.rankIn.rank1 .rank,
.race .horse .col-odds .recommend.rankIn.rank1 .rank,
.race .horse .col-odds .recommend.rankIn.rank1 .value.red,
.race .horse .col-odds .win.rankIn.rank1 .rank,
.race .horse .col-odds .place.rankIn.rank1 .rank
{
	color:red;
}
/* 共通軸 */
.race .horse .col-odds .recommend.axis{
	background-color: #ffffaa;
}
/* 単系軸 */
.race .horse .col-odds .recommend.axis.axis1{
	background-color: #bbffbb;
}
/* 複系軸 */
.race .horse .col-odds .recommend.axis.axis2{
	background-color: #ccf5ff;
}
/* 警告 */
.race .horse .col-odds .recommend.alert-limit{
	background-color: #ffeeee;
}


/* ラベル */
.race .horse .col-odds .result .label,
.race .horse .col-odds .recommend .label,
.race .horse .col-odds .win .label,
.race .horse .col-odds .place .label
{
}
/* 警告 */
.race .horse .col-odds .recommend.alert-limit .label{
	text-align:center;
	margin: auto auto;
}

/* 値 */
.race .horse .col-odds .result .value,
.race .horse .col-odds .recommend .value,
.race .horse .col-odds .win .value,
.race .horse .col-odds .place .value
{
	text-align:left;
	margin-left: 2px;
}

/* 予測値1位 */
.race .horse .col-odds .recommend .value.red{
	color: #f00;
}

.race .horse .col-odds .place .value
{
	font-size:10px;
	margin-top: 1px;
	font-weight:normal;
}
/* 順位 */
.race .horse .col-odds .result .rank,
.race .horse .col-odds .recommend .rank,
.race .horse .col-odds .win .rank,
.race .horse .col-odds .place .rank
{
	margin-left:auto;
	text-align:right;
}

/*============================
 AI予測タブ
============================*/
/* AI予測 */
.race .card.predict{
}
.race .card.predict img{
    width: 100%;
    margin: 0px auto 0px auto;
}
.race > .tab-content .tab-pane .modeButtons{
	text-align:center;
	margin: 4px auto 6px auto;
}
.race .modeButtons .btn-primary:not(:disabled):not(.disabled).active,
.race .modeButtons .btn-primary:not(:disabled):not(.disabled):active,
.race .modeButtons .show>.btn-primary.dropdown-toggle {
    color: #000;
    font-weight:bold;
    background-color: #FFA000;
    border-color: #005cbf;
}
/*============================
 馬券タブ
============================*/
/* 馬券タブ */
.race .bets{
	padding: 8px;
}

/* 制限値テーブル表示 */
.race .bets .table.limit{
	font-size:0.75rem;
	color: #555;
	background-color:rgba(0,0,0,0.1);
	border: 1px solid #222;
	border-radius: 0.3em;
	border-spacing: 0;
	border-collapse: separate;
	margin-bottom: 0.5rem;
}
.race .bets .table.limit thead{
	color: #fff;
	background-color:rgba(0,0,0,1.0);
	/*display: none;*/
}
.race .bets .table.limit thead tr th.title{
	width: 28%;
}
.race .bets .table.limit thead tr th.now{
	width: 22%;
}
.race .bets .table.limit thead tr th.graph{
	width: 35%;
}
.race .bets .table.limit thead tr th.max{
	width: 15%;
}

.race .bets .table.limit thead tr:last-child th
{
	border-bottom: 2px solid #000;
}

.race .bets .table.limit tr td,
.race .bets .table.limit tr th
{
	border: none;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding: 0.1rem 0.3rem;
    line-height: 1.0rem;
}
.race .bets .table.limit tr td:first-child,
.race .bets .table.limit tr th:first-child
{
	border-left: none;
}
.race .bets .table.limit tr td:last-child,
.race .bets .table.limit tr th:last-child
{
	border-right: none;
}
.race .bets .table.limit tr:first-child td,
.race .bets .table.limit tr:first-child th
{
	border-top: none;
}
.race .bets .table.limit tr:last-child td,
.race .bets .table.limit tr:last-child th
{
	border-bottom: none;
}
/* 現在値最大値 */
.race .bets .table.limit tbody tr td.now,
.race .bets .table.limit tbody tr td.max
{
	text-align:right;
}
/* 横棒グラフ */
.race .bets .table.limit tbody tr td.graph{
	padding: 0;
}
.race .bets .table.limit tbody tr td.graph .bar{
	width:100%;
	margin: 0.15em 0.1em;
}
.race .bets .table.limit tbody tr td.graph .bar::before{
	content:'';
	width: 100%;
	height: 1.0rem;
	background: #ecf0f1;
}
.race .bets .table.limit tbody tr td.graph .bar::after{
	content: '';
	width: 100%;
	height: 1.0rem;
	background: #f00;
	transition: 0.3s;
	display: block;
	animation: bar-anim 1.2s;
}

@keyframes bar-anim{
  0%{
    width: 0px;
  }
  100%{
    width: 100%;
  }
}
/* 馬券タブ内側タブ */
.race .bets .nav-tabs{
	/*border-bottom: 1px solid #dee2e6;*/
	border-bottom: 2px solid #007bff;
	font-size:13px;
}
.race .bets  .nav-tabs li.nav-item a.nav-link{
	border: 1px solid #c3e6cb;
	padding: 0.5rem 0.5rem;
}

/* アクティブなタブ */
.race .bets .nav-tabs li.nav-item a.nav-link.active{
	background-color: #007bff;
	color: #fff;
	border-color: #007bff #007bff #007bff;
}
/* 警告色指定のアクティブタブ */
.race .bets .nav-tabs li.nav-item a.nav-link.bg-alert.active{
	background-color: #f00;
	color: #fff;
	border-color: #f00 #f00 #f00;
}

/* 馬券候補内 馬券ヘッダ*/
.race #bets #betList .betHeader {
}
/* 馬券再検索欄 */
.race #bets #betList .betResearch{
	padding: 0.2rem 0.2rem;
}
.race #bets #betList .betHeader li{
	padding: 0.4em 0.5em;
}
.race #bets #betList .betHeader li .icon{
	margin-top: 0.2em;
}
.race #bets #betList .betHeader li .type{
	flex: 0.6;
}
.race #bets #betList .betHeader li .type .name{
	font-size:14px;
	font-weight:bold;
}
/* 自動購入馬券数 */
.race #bets #betList .betHeader li .type .name .recommend_bets{
	color: #f00;
	font-size: 0.95em;
	font-weight:normal;
    margin-left: 0.1em;
}
.race #bets #betList .betHeader li .type .pop{
	font-size:12px;
}
.race #bets #betList .betHeader li .type .pop .label{
}
.race #bets #betList .betHeader li .type .pop .kumi{
	margin: 0.1em 0.3em;
	font-size:10px;
}


.race #bets #betList .betHeader li .broadTime{
	margin-top: auto;
	font-size:0.8em;
	/*flex: 0.4;*/
}
.race #bets #betList .betHeader li .broadTime .lavel{
}
.race #bets #betList .betHeader li .broadTime .val{
	/*margin-left: 0.1em;*/
}

.race #bets #betList .betHeader li .aggregate{
	flex: 1;
}
.race #bets #betList .betHeader li .aggregate .check{

}
.race #bets #betList .betHeader li .aggregate .odds{
	font-size:14px;
	font-weight:bold;
}
.race #bets #betList .betHeader li .aggregate .result{
	padding: 0.15rem 0.15rem;
}
.race #bets #betList .betHeader li .aggregate .odds .result.calcOdds{
	color: #400;
	background: #ff8;
}

.race #bets #betList .betHeader li .aggregate .result .label{
	margin-right: 0.2rem;

}
.race #bets #betList .betHeader li .aggregate .result .val{

}


/* 人気馬券枠番 */
.race #bets #betList .betHeader li .type .pop .kumi .waku{
    display: inline-block;
    margin: 0px 0px;
    width: 16px;
    height: 16px;
    border: 1px solid #222;
    /*padding-top: 2px;*/
    border-radius: 2px;
    text-align: center;
    text-shadow: none;
    font-weight: bold;
    /*line-height: 0.9;*/
    line-height: 14px;
}
.race #bets #betList .betHeader li .type .pop .kumi .sep{
	display: inline-block;
	margin: auto 0.1rem;
	font-size: 0.8rem;
	line-height: 16px;
}

.race #bets #betList .betHeader li .aggregate{
	margin-top: auto;
	margin-left: auto;
	font-size:12px;
	text-align:right;
}
.race #bets #betList .betHeader li.betBody{
	padding: 0.0em 0.0em;
	background-color: #eee;
}
/* 馬券ツール */
/*
.race #bets #betList .betHeader .toast{
    position: absolute;
    margin-left: 0.4em;
    margin-top: 0.4em;
}
.race #bets #betList .betHeader .toast.show{
    z-index: 99;
    transform: translateZ(99px);
}
.race #bets #betList .betHeader .toast .toast-header{
}
.race #bets #betList .betHeader .toast .toast-body{
    font-size:0.9em;
}
.race #bets #betList .betHeader .toast .toast-body label{
	margin-bottom: .2rem;
}
.race #bets #betList .betHeader .toast .toast-body .input_amount{
	text-align:center;
}
.race #bets #betList .betHeader .toast .toast-body .input_amount input[type="text"] {
	padding-right: 1.5rem;
	border-color: #6c757d;
}
.race #bets #betList .betHeader .toast .toast-body .input_amount button {
	padding: .25rem .5rem;
    font-size: .775rem;
}
.race #bets #betList .betHeader .toast .toast-body .input_amount button.btn-minus,
.race #bets #betList .betHeader .toast .toast-body .input_amount button.btn-plus
{
	padding: .2rem 1.5rem;
    font-size: 0.9rem;
}
.race #bets #betList .betHeader .toast .toast-body .input_amount button.btn-minus{
	border-radius: .25rem 0 0 .25rem;
    border-right: 0
}
.race #bets #betList .betHeader .toast .toast-body .input_amount button.btn-plus{
	border-radius: 0 .25rem .25rem 0;
    border-left: 0
}
.race #bets #betList .betHeader .toast .toast-body .input_amount button.btnSet {
	margin: 0 0.2em;
}
.race #bets #betList .betHeader .toast .toast-body button.btnCancel {
	margin: 0 0.2em;
}
.race #bets #betList .betHeader .toast .toast-body .d-flex .btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}
*/

/* 馬券選択画面トースト */
.race #bets #betList .betHeader li.betBody .toast{
    position: absolute;
    right:0.4em;
    padding: 0.0em 0.0em 0.3em 0.0em;
    width: 88%;
    max-width: 88%;
    box-shadow: 6px 6px 6px 0 rgba(0, 0, 0, .4);
    overflow: visible;
}
.race #bets #betList .betHeader li.betBody .toast.show{
    z-index: 99;
    transform: translateZ(99px);
}
.race #bets #betList .betHeader li.betBody .toast .toast-header{
	font-size:0.9em;
}
.race #bets #betList .betHeader li.betBody .toast .toast-body{
   	padding: 0.0em 0.4em;
}

.race #bets #betList .betHeader li.betBody .toast .footerButtons{
	margin: 0.2em 0.2em;
}
.race #bets #betList .betHeader li.betBody .toast .footerButtons button {
    font-size: 0.9em;
    margin: 0.2rem 0.2rem;

}
.race #bets #betList .betHeader li.betBody .toast .toast-body .message{
    /*padding: 0.4em 0.4em;*/
    font-size: 0.95em;
    text-align: center;
}


.race #bets #betList .betHeader li.betBody .toast  .btn-group .btn-primary:not(:disabled):not(.disabled).active,
.race #bets #betList .betHeader li.betBody .toast  .btn-group .show>.btn-primary.dropdown-toggle,
.race #bets #betList .betHeader li.betBody .toast  .btn-group button.active {
    color: #000;
    font-weight: bold;
    background-color: #FFA000;
    border-color: #005cbf;
}

.race #bets #betList .betHeader li.betBody .toast .toast-body .form-group{
	padding: 0.0rem 0.3rem;
}
.race #bets #betList .betHeader li.betBody .toast .toast-body .form-group .explain{
    margin: 0.4rem 0.0rem 0.1rem 0.0rem;
}

.race #bets #betList .betHeader li.betBody .toast .toast-body .form-group .selectBetPanel{
	display: block;
}
.race #bets #betList .betHeader li.betBody .toast .toast-body .form-group .selectBetPanel.hide{
	display: none;
}

.race #bets #betList .betHeader li.betBody .toast .toast-body .form-group .selectHorseNumSpinner{
	margin-top: 0.3rem;
}

.race #bets #betList .betHeader li.betBody .toast .toast-body .form-group .input-group
{
	width: 100%;
	margin: 0.0rem 0.6rem;
}
.race #bets #betList .betHeader li.betBody .toast .toast-body .form-group .input-group .unit
{
    position: absolute;
    right: 0;
    color: #999;
    margin-top: 0.6rem;
    margin-right: 3.5rem;
}

.race #bets #betList .betHeader li.betBody .toast .toast-body .form-group .input-group input[type="text"]
{
	border-color: #6c757d;
	min-height: 2.5em;
}

.race #bets #betList .betHeader li.betBody .toast .toast-body .form-group .input-group button.btn-minus
{
	border-radius: .25rem 0 0 .25rem;
    border-right: 0
}
.race #bets #betList .betHeader li.betBody .toast .toast-body .form-group .input-group button.btn-plus
{
	border-radius: 0 .25rem .25rem 0;
    border-left: 0
}


.race #bets #betList .betHeader li.betBody .toast .toast-body .carousel{
}
.race #bets #betList .betHeader li.betBody .toast .toast-body .carousel .carousel-inner{
	/*padding: 0.2em 0.4em;*/
	overflow: visible;
}
.race #bets #betList .betHeader li.betBody .toast .toast-body .carousel .carousel-inner label.typeName,
.race #bets #betList .betHeader li.betBody .toast .toast-body .carousel .carousel-inner label.housiki
{
	display: block;
    margin-top: 0.3em;
    margin-bottom: 0.05em;
}
.race #bets #betList .betHeader li.betBody .toast .toast-body .carousel .carousel-inner select{
}
/*
.race #bets #betList .betHeader li.betBody .toast .toast-body .footerButtons button {
    font-size: 0.9em;
}*/


/* 馬券フィルタ候補馬リスト選択項目 */
.multiselect-container .multiselect-all.active:not(.multiselect-active-item-fallback),
.multiselect-container .multiselect-all:not(.multiselect-active-item-fallback):active,
.multiselect-container .multiselect-group.active:not(.multiselect-active-item-fallback),
.multiselect-container .multiselect-group:not(.multiselect-active-item-fallback):active,
.multiselect-container .multiselect-option.active:not(.multiselect-active-item-fallback),
.multiselect-container .multiselect-option:not(.multiselect-active-item-fallback):active
{
	background-color: #ffa000 !important;
	font-weight: bold;
}

.multiselect-container .multiselect-all:focus,
.multiselect-container .multiselect-all:hover,
.multiselect-container .multiselect-group:focus,
.multiselect-container .multiselect-group:hover,
.multiselect-container .multiselect-option:focus,
.multiselect-container .multiselect-option:hover
{
    background-color: #60eeff !important;
}
.race #bets #betList .betHeader li.betBody .toast button.multiselect{
	font-size: 0.8em;
	padding: .3rem 0.8rem .3rem .3rem;
	background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .3rem center/8px 10px
}
.race #bets #betList .betHeader li.betBody .toast button.singleselect{
    font-size: 1.0em;
    padding: .0rem 0.8rem .0rem .6rem;
	background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .3rem center/8px 10px
}
.race #bets #betList .betHeader li.betBody .toast button.multiselect-option{
	font-size: 0.7em;
}
.race #bets #betList .betHeader li.betBody .toast button.singleselect-option{
	font-size: 0.8em;
}
.race #bets #betList .betHeader li.betBody .toast button.multiselect-all{
	font-size: 0.9em;
}
/* 候補馬チェックボックス */
.race #bets #betList .betHeader li.betBody .toast button.multiselect-option .form-check-input
{
	margin-left: -1.25rem;
    margin-top: 0.1rem;
}
.race #bets #betList .betHeader li.betBody .toast button.multiselect-option .form-check-label{
}
/*.race #bets #betList .betHeader li.betBody .toast button.singleselect-option .form-check-label{
	margin: 0.2em 0em 0.0em 0em;
}*/

.race #bets #betList .betHeader li.betBody .toast button.multiselect-all .form-check-input
{
	margin-left: -1.5rem;
    margin-top: 0.1rem;
}
.race #bets #betList .betHeader li.betBody .toast button.multiselect-all .form-check-label{
    margin-top: 0.1rem;
}

/* 馬券候補 */
.race #bets #betList .betHeader li.betBody .betList{
    margin: 0.2em 0.4em 0.4em 0.4em ;
}
.race #bets #betList .betHeader li.betBody .betList li{
	padding: 0.4em 0.8em;
	font-size: 12px;
}
.race #bets #betList .betHeader li.betBody .betList li.disabled{
	background: #ddd;
}

/* 馬券ツールボタンバー */
.race #bets #betList .betHeader li.betBody .betToolButtons{
    margin: 0.2em 0.4em;
}
.race #bets #betList .betHeader li.betBody .betToolButtons button{
	flex: 1;
    margin: 0.2em 0.2em 0.2em 0.0em;
    padding: 0.4em 0.0em;
    font-size: 0.8em;
}
.race #bets #betList .betHeader li.betBody .betToolButtons button.btnSetBuyBet
{
    margin: 0.2em 0.0em;
}

/* 馬券ソートボタンバー */
.race #bets #betList .betHeader li.betBody .betList li.sortBetButtons{
	padding: 0.0em 0.0em;
	font-size: 12px;
	background: #007bff;
}
.race #bets #betList .betHeader li.betBody .betList li.sortBetButtons button{
	padding: 0.4em 0.4em;
	/*font-size: 1.0em;*/
}

.race #bets #betList .betHeader li.betBody .betList li.sortBetButtons .btn-primary:not(:disabled):not(.disabled).active,
.race #bets #betList .betHeader li.betBody .betList li.sortBetButtons .show>.btn-primary.dropdown-toggle {
    color: #000;
    font-weight:bold;
    background-color: #FFA000;
    border-color: #005cbf;
}



.race #bets #betList .betHeader li.betBody .betList .toast .toast-body button{
	font-size:0.9em;
}
.race #bets #betList .betHeader li.betBody .betList .toast .toast-body button.btnClose{
	font-size:0.9em;
}

.race #bets #betList .betHeader li.betBody .betList li.infoHeader{
    font-size: 11px;
    font-weight:bold;
    color: #444;
    /*background: #dee2e6;*/
    background-color: #f4f4f4;
    padding: 0.2rem 0.4rem 0.2rem 2.3rem;
}
.race #bets #betList .betHeader li.betBody .betList li.infoHeader .bet{
	flex: 1;
}
.race #bets #betList .betHeader li.betBody .betList li.infoHeader .score{
	flex: 1;
	text-align: center;
}
.race #bets #betList .betHeader li.betBody .betList li.infoHeader .odds{
	flex: 1;
	text-align: right;
}

.race #bets #betList .betHeader li.betBody .betList li label{
	margin: 0.0em 0.0em;
}
.race #bets #betList .betHeader li.betBody .betList li label .check{
	padding: 0.2em 0.4em;
}
/* 馬券名称・組番*/
.race #bets #betList .betHeader li.betBody .betList li label .bet{
	padding-left: 0.4em;
	flex: 1.7;
}
.race #bets #betList .betHeader li.betBody .betList li label .bet .type{
	font-size: 12px;
	font-weight:bold;
}
.race #bets #betList .betHeader li.betBody .betList li label .bet .kumi{
	margin-top: 0.1em;
}
/* 自動選択馬券 */
.race #bets #betList .betHeader li.betBody .betList li label .bet .kumi i.selectBet,
.race #bets #buyBetList ul.orderList li.orderBody .buyBetList li label .bet .kumi i.selectBet
{
	display: none;
	color: #f00;
    margin-left: 0.2em;
}
.race #bets #betList .betHeader li.betBody .betList li label .bet .kumi i.selectBet.show,
.race #bets #buyBetList ul.orderList li.orderBody .buyBetList li label .bet .kumi i.selectBet.show
{
	display: inline;
}


/* 自動購入馬券 */
.race #bets #betList .betHeader li.betBody .betList li label .bet .kumi.recommend,
.race #bets #buyBetList ul.orderList li.orderBody .buyBetList li label .bet .kumi.recommend
{

}
.race #bets #betList .betHeader li.betBody .betList li label .bet .kumi.recommend i,
.race #bets #buyBetList ul.orderList li.orderBody .buyBetList li label .bet .kumi.recommend i
{
	color: #f00;
    margin-left: 0.2em;
}

/* 自動購入馬券マーク */
/*iタグで表示するため廃止*/
/*.race #bets #betList .betHeader li.betBody .betList li label .bet .kumi.recommend:after{
	display: block;
    position: relative;
    top: 50%;
    content: "\f113";
    content: "\f1b0";
    color: #f00;
    font-size: 14px;
    font-weight: 900;
    left: 21px;
    width: 16px;
    height: 16px;
    margin-top: -17px;
}
*/
/* 的中馬券マーク */
.race #bets #betList .betHeader li.betBody .betList li label .bet .type .hit{
    color: #ffA000;
    font-weight: bold;
}
/*iタグで表示するため廃止*/
/*
.race #bets #betList .betHeader li.betBody .betList li label .bet .type.hit:after{
	display: block;
    position: relative;
    top: 50%;
    content: "\f005";
    color: #ffc000;
    font-size: 14px;
    font-weight: 900;
    left: 21px;
    width: 16px;
    height: 16px;
    margin-top: -17px;
}*/
/* 騰落率 */
.race #bets #betList .betHeader li.betBody .betList li label .bet .type .hit .fluctuation{
	  margin-left: 0.1em;
}
.race #bets #betList .betHeader li.betBody .betList li label .bet .type .hit .fluctuation.plus{
}
.race #bets #betList .betHeader li.betBody .betList li label .bet .type .hit .fluctuation.equal{
}
.race #bets #betList .betHeader li.betBody .betList li label .bet .type .hit .fluctuation.minus{
}



/* 馬券スコア */
.race #bets #betList .betHeader li.betBody .betList li label .score{
	flex: 1;
	margin: auto 0;
}
.race #bets #betList .betHeader li.betBody .betList li label .score > div.rank0{
	font-weight:bold;
	color: #f00;
}
.race #bets #betList .betHeader li.betBody .betList li label .score > div.rank1{
	font-weight:bold;
}
.race #bets #betList .betHeader li.betBody .betList li label .score > div.target,
.race #bets #betList .betHeader li.betBody .betList li label .odds > div.odds.target
{
	/*border-bottom: 1px solid #444;*/
	text-decoration:underline;
}
.race #bets #betList .betHeader li.betBody .betList li label .score .label{
}
.race #bets #betList .betHeader li.betBody .betList li label .score .label.sort{
	font-weight:bold;
}
.race #bets #betList .betHeader li.betBody .betList li label .score .val{
	margin-left:2px;
}
.race #bets #betList .betHeader li.betBody .betList li label .score .val.top{
	font-weight:bold;
	color: #f00;
}

/* 馬券オッズ・人気*/
.race #bets #betList .betHeader li.betBody .betList li label .odds{
	margin: auto 0 auto auto;
	flex: 1;
	text-align:right;
}
.race #bets #betList .betHeader li.betBody .betList li label .odds .odds{
	font-size:12px;
	font-weight:bold;
}
.race #bets #betList .betHeader li.betBody .betList li label .odds .pop{
	font-size:11px;
}

/* 馬券・買い目候補枠番 */
.race #bets #betList .betHeader li.betBody .betList li label .bet .kumi .waku,
.race #bets #buyBetList ul.orderList li.orderBody .buyBetList li label .bet .kumi .waku,
.race #bets #buyBetList ul.orderList li.orderBody .voteList li label .bet .kumi .waku,
.race #bets #buyBetList ul.orderList li.orderBody .buyList li label .bet .kumi .waku,
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li .bet .kumi .waku,
.race #bets #betList .betHeader li.betBody .toast button.multiselect .multiselect-selected-text .waku,
.race #bets #betList .betHeader li.betBody .toast button.multiselect-option label.form-check-label .waku
{
    display: inline-block;
    margin: 0px 0px;
    width: 18px;
    height: 18px;
    border: 1px solid #222;
    /*padding-top: 2px;*/
    border-radius: 2px;
    text-align: center;
    text-shadow: none;
    font-weight: bold;
    /*line-height: 0.9;*/
    line-height: 16px;
}
/* 馬券フィルタ候補馬枠番 */
.race #bets #betList .betHeader li.betBody .toast button.multiselect-option label.form-check-label .waku
{
	margin-right: 0.1em;
}
.race #bets #betList .betHeader li.betBody .toast button.multiselect .multiselect-selected-text .waku
{
	margin-right: 0.2em;
}
/* 馬券・買い目候補セパレータ */
.race #bets #betList .betHeader li.betBody .betList li label .bet .kumi .sep,
.race #bets #buyBetList ul.orderList li.orderBody .buyBetList li label .bet .kumi .sep,
.race #bets #buyBetList ul.orderList li.orderBody .voteList li label .bet .kumi .sep,
.race #bets #buyBetList ul.orderList li.orderBody .buyList li label .bet .kumi .sep,
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li .bet .kumi .sep
{
	display: inline-block;
	margin: auto 0.1rem;
	font-size: 0.8rem;
	line-height: 18px;
}


/* 買い目タブ */
.race #bets #buyBetList{
	min-height: 420px;
}
/* 買い目注文リスト*/
.race #bets #buyBetList ul.orderList {
}


/* 買い目編集行 */
.race #bets #buyBetList ul.orderList li#orderHeadEdit{
	padding: 0.4em 0.8em;
    font-size: 12px;
}
.race #bets #buyBetList ul.orderList li#orderHeadEdit .icon{
    width: 3.5em;
    margin-left: 0.8em;
    color: #666;
}
.race #bets #buyBetList ul.orderList li#orderHeadEdit .icon .order_no
{
	font-weight: bold;
}
.race #bets #buyBetList ul.orderList li#orderHeadEdit .icon{
}
.race #bets #buyBetList ul.orderList li#orderHeadEdit .icon .order_time{
}

.race #bets #buyBetList ul.orderList li .icon.hit::before {
    display: block;
    position: absolute;
    top: 50%;
    content: "\f005";
    color: #ffc000;
    font-size: 15px;
    font-weight: 900;
    left: 1px;
    width: 18px;
    height: 18px;
    margin-top: -10px;
}

.race #bets #buyBetList ul.orderList li#orderHeadEdit .icon.edit::before {
    display: block;
    position: absolute;
    content: "\f044";
    color: #f00;
    font-size: 12px;
    font-weight:bold;
	left: 0.4em;
    top: 1.2em;
    width: 18px;
    height: 18px;
    margin-top: -10px;
}

.race #bets #buyBetList ul.orderList li#orderHeadEdit .icon.edit .label{
	font-weight:bold;
}

.race #bets #buyBetList ul.orderList li#orderHeadEdit .order{
	flex: 1;
	margin-left: 0.2em;
}
.race #bets #buyBetList ul.orderList li#orderHeadEdit .order .title{
	font-size:14px;
	font-weight:bold;
}
.race #bets #buyBetList ul.orderList li#orderHeadEdit .order .title .race_num{
}
.race #bets #buyBetList ul.orderList li#orderHeadEdit .order .other{
	font-size:12px;
}
.race #bets #buyBetList ul.orderList li#orderHeadEdit .aggregate{
	flex: 1;
    margin-left: auto;
    font-size: 12px;
    text-align: right;
    margin-top: auto;
}
.race #bets #buyBetList ul.orderList li#orderHeadEdit .aggregate .check{

}
.race #bets #buyBetList ul.orderList li#orderHeadEdit .aggregate .check .label{
	margin: 0em 0.2em;
}
.race #bets #buyBetList ul.orderList li#orderHeadEdit .aggregate .check .val{

}
.race #bets #buyBetList ul.orderList li#orderHeadEdit .aggregate .amount{
	font-size:14px;
	font-weight:bold;
}
.race #bets #buyBetList ul.orderList li#orderHeadEdit .aggregate .label{
	margin: 0em 0.2em;

}
.race #bets #buyBetList ul.orderList li#orderHeadEdit .aggregate .val{

}

.race #bets #buyBetList ul.orderList li.orderBody ul li.voteBet .check .vote_no{
	font-weight: bold;
}

.race #bets #buyBetList ul.orderList li.orderBody ul li.voteBet .amount {
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    flex: 1.0;
    margin-top: auto;
}

/* 旧版につき廃止 */
/*
.race #bets #buyBetList ul.orderList li#orderHeadEdit div > .amount{
	font-size:14px;
	font-weight:bold;
	margin-top: auto;
	text-align:right;
}
.race #bets #buyBetList ul.orderList li#orderHeadEdit div > .amount .buy_amount{
}
.race #bets #buyBetList ul.orderList li#orderHeadEdit div > .amount .hit_amount{
	color: #f00;
	display: none;
}
.race #bets #buyBetList ul.orderList li#orderHeadEdit div > .amount .hit_amount.hit{
	display: block;
}
.race #bets #buyBetList ul.orderList li#orderHeadEdit div> .amount .res_amount{
	color: #00f;
	display: none;
}
.race #bets #buyBetList ul.orderList li#orderHeadEdit div> .amount .res_amount.restore{
	display: block;
}

.race #bets #buyBetList ul.orderList li#orderHeadEdit div> .amount .label{
	margin: 0em 0.2em;

}
.race #bets #buyBetList ul.orderList li#orderHeadEdit div> .amount .val{

}
*/

/* 買い目/投票馬券/PAT馬券リスト */
.race #bets #buyBetList ul.orderList li.orderBody{
	padding: 0.0em 0.0em;
	background-color: #eee;
}
.race #bets #buyBetList ul.orderList li.orderBody ul{
    margin: 0.2em 0.4em 0.0em 0.4em;
}
.race #bets #buyBetList ul.orderList li.orderBody ul li
{
	padding: 0.4em 0.8em;
	font-size: 12px;
}

/* 買い目/PATツールボタンバー */
.race #bets #buyBetList ul.orderList li.orderBody .betToolButtons,
.race #bets #buyBetList ul.orderList li.orderBody .patToolButtons{
    margin: 0.2em 0.4em;
}
.race #bets #buyBetList ul.orderList li.orderBody .betToolButtons > button,
.race #bets #buyBetList ul.orderList li.orderBody .patToolButtons > button
{
	flex: 1;
    margin: 0.2em 0.2em 0.2em 0.0em;
    padding: 0.4em 0.0em;
    /*font-size: 0.8em;*/
}

.race #bets #buyBetList ul.orderList li.orderBody .patToolButtons > button{
	margin: 0.2em 0.3em;
	max-width: 30%;
}

/* 表示馬券タイプボタンバー*/
.race #bets #buyBetList ul.orderList li.orderBody .patToolButtons > .viewButtons
{
	margin: 0.4em auto;

}
/* PAT選択-投票馬券タイプボタンバー*/
.race #bets #buyBetList ul.orderList li.orderBody .toast.patSelect .toast-body .patVoteTypeButtons,
.race #bets #buyBetList #orderBodyEdit #voteSelect .toast-body .voteTypeButtons,
.race #bets #buyBetList #orderBodyEdit #betDelConfirm .toast-body .delTypeButtons,
.race #bets #buyBetList #orderBodyEdit #setAmount .toast-body .targetTypeButtons,
.race #bets #buyBetList #orderBodyEdit #setAmount .toast-body .setAmountTypeButtons
{
	margin: 0.8rem 2.0em 0.3rem 2.0rem;

}

.race #bets #betList .betHeader li.betBody .toast .toast-body .filterTypeButtons{
	width: 100%;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
}

.race #bets #buyBetList ul.orderList li.orderBody .toast.patSelect .toast-body .patVoteTypeButtons input[type=radio],
.race #bets #buyBetList #orderBodyEdit #voteSelect .toast-body .voteTypeButtons input[type=radio],
.race #bets #buyBetList #orderBodyEdit #betDelConfirm .toast-body .delTypeButtons input[type=radio],
.race #bets #buyBetList #orderBodyEdit #setAmount .toast-body .targetTypeButtons input[type=radio],
.race #bets #buyBetList #orderBodyEdit #setAmount .toast-body .setAmountTypeButtons input[type=radio],
.race #bets #betList .betHeader li.betBody .toast .toast-body .filterTypeButtons input[type=radio]
{
	display:none;
}
.race #bets #buyBetList ul.orderList li.orderBody .patToolButtons > .viewButtons button,
.race #bets #buyBetList ul.orderList li.orderBody .toast.patSelect .toast-body .patVoteTypeButtons label,
.race #bets #buyBetList #orderBodyEdit #voteSelect .toast-body .voteTypeButtons label,
.race #bets #buyBetList #orderBodyEdit #betDelConfirm .toast-body .delTypeButtons label,
.race #bets #buyBetList #orderBodyEdit #setAmount .toast-body .targetTypeButtons label,
.race #bets #buyBetList #orderBodyEdit #setAmount .toast-body .setAmountTypeButtons label,
.race #bets #betList .betHeader li.betBody .toast .toast-body .filterTypeButtons label
{
	font-size: 0.9em;
	margin-bottom:0;
}
.race #bets #buyBetList ul.orderList li.orderBody .patToolButtons > .viewButtons .active,
.race #bets #buyBetList ul.orderList li.orderBody .patToolButtons > .viewButtons .show>.btn-primary.dropdown-toggle,
.race #bets #buyBetList ul.orderList li.orderBody .toast.patSelect .toast-body .patVoteTypeButtons label.active,
.race #bets #buyBetList ul.orderList li.orderBody .toast.patSelect .toast-body .patVoteTypeButtons label.show>.btn-primary.dropdown-toggle,
.race #bets #buyBetList #orderBodyEdit #voteSelect .toast-body .voteTypeButtons label.active,
.race #bets #buyBetList #orderBodyEdit #voteSelect .toast-body .voteTypeButtons label.show>.btn-primary.dropdown-toggle,
.race #bets #buyBetList #orderBodyEdit #betDelConfirm .toast-body .delTypeButtons label.active,
.race #bets #buyBetList #orderBodyEdit #betDelConfirm .toast-body .delTypeButtons label.show>.btn-primary.dropdown-toggle,
.race #bets #buyBetList #orderBodyEdit #setAmount .toast-body .targetTypeButtons label.active,
.race #bets #buyBetList #orderBodyEdit #setAmount .toast-body .targetTypeButtons label.show>.btn-primary.dropdown-toggle,
.race #bets #buyBetList #orderBodyEdit #setAmount .toast-body .setAmountTypeButtons label.active,
.race #bets #buyBetList #orderBodyEdit #setAmount .toast-body .setAmountTypeButtons label.show>.btn-primary.dropdown-toggle,
.race #bets #betList .betHeader li.betBody .toast .toast-body .filterTypeButtons label.active,
.race #bets #betList .betHeader li.betBody .toast .toast-body .filterTypeButtons label.show>.btn-primary.dropdown-toggle
{
    color: #000;
    font-weight:bold;
    background-color: #FFA000;
    border-color: #005cbf;
}

/* 金額配分トースト内カルーセル */
.race #bets #buyBetList #orderBodyEdit #setAmount .toast-body .carousel{
	max-width: 270px;
    padding: 0;
    margin: 0 auto;
}
.race #bets #buyBetList #orderBodyEdit #setAmount .toast-body .carousel .carousel-inner{
	padding: 0 0.8em;
}
.race #bets #buyBetList #orderBodyEdit #setAmount .toast-body .carousel .carousel-inner .carousel-item{
	font-size: 0.9em;
}
.race #bets #buyBetList #orderBodyEdit #setAmount .toast-body .carousel .carousel-inner .carousel-item .info{
	text-align:center;
	padding: 0.2em 0.0em;
}
.race #bets #buyBetList #orderBodyEdit #setAmount .toast-body .carousel .carousel-inner .carousel-item label{
	margin-bottom: 0.2em;
	font-weight: bold;
}

.race #bets #buyBetList ul.orderList li.orderHead{
	padding: 0.3rem 0.5rem;
}

.race #bets #buyBetList ul.orderList li.orderHead .order{

}
.race #bets #buyBetList ul.orderList li.orderHead .order .order_info{
	font-size: 0.95rem;
}
.race #bets #buyBetList ul.orderList li.orderHead .order .order_info div{
	margin-right: 0.3rem;
}
.race #bets #buyBetList ul.orderList li.orderHead .order .order_info .order_no{
	font-weight: bold;
}
.race #bets #buyBetList ul.orderList li.orderHead .order .score{
    font-size: 0.9rem;
}
.race #bets #buyBetList ul.orderList li.orderHead .order .score > .vote{
	margin-left: 2.3rem;
    width: 26%;
}

.race #bets #buyBetList ul.orderList li.orderHead .order .score > .vote .buy_count {
}
.race #bets #buyBetList ul.orderList li.orderHead .order .score > .vote .res_count {
	color: #00f;
	font-size: 0.6rem;
}

.race #bets #buyBetList ul.orderList li.orderHead .order .score .buy_count .label{
}
.race #bets #buyBetList ul.orderList li.orderHead .order .score .buy_count .val{
}


.race #bets #buyBetList ul.orderList li.orderHead .order .score .hit_amount {
    display: none;
    width: 37%;
    text-align: right;
}
.race #bets #buyBetList ul.orderList li.orderHead .order .score .hit_amount.hit {
	display: block;
    color: #f00;
}

.race #bets #buyBetList ul.orderList li.orderHead .order .score  .hit_amount .label{
}
.race #bets #buyBetList ul.orderList li.orderHead .order .score  .hit_amount .val{
}

.race #bets #buyBetList ul.orderList li.orderBody ul li label{
	margin-bottom: 0;
}

/* 買い目・投票馬券・PAT馬券チェックボックス*/
.race #bets #buyBetList ul.orderList li.orderBody ul li label .check{
    min-width: 1.0rem;
}
/* 買い目・投票馬券マーク */
.race #bets #buyBetList ul.orderList li.orderBody .buyBetList li label .check input[type=checkbox]:after,
.race #bets #buyBetList ul.orderList li.orderBody .voteList li label .check input[type=checkbox]:after,
.race #bets #buyBetList ul.orderList li .check .vote_no:after,
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteBet .order .vote_no:after
{
	content: "";
    position: absolute;
    top: 31px;
    left: 2px;
    display: block;
    width: 31px;
    height: 18px;
    background-image: url(images/bet_status.png);
    background-repeat: no-repeat;
    background-size: 31px 180px;
    background-position: 0 -180px;
}
.race #bets #buyBetList ul.orderList li.orderBody .voteList li label .check input[type=checkbox]:after{
	top: 24px;
	left: 2px;
}
.race #bets #buyBetList ul.orderList li .check .vote_no:after,
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteBet .order .vote_no:after
{
	top: 20px;
    left: 8px;
}

/* 馬券状態 [同枠] */
.race #bets #buyBetList ul.orderList li.orderBody ul li label .check input[type=checkbox].vote_status2:after{background-position: 0 0}
/* 馬券状態 [一部] */
.race #bets #buyBetList ul.orderList li.orderBody ul li label .check input[type=checkbox].vote_status3:after {background-position: 0 -18px}
/* 馬券状態 [締切] */
.race #bets #buyBetList ul.orderList li.orderBody ul li label .check input[type=checkbox].vote_status-1:after {background-position: 0 -36px;}
/* 馬券状態 [中止] */
.race #bets #buyBetList ul.orderList li.orderBody ul li label .check input[type=checkbox].vote_status-9:after {background-position: 0 -54px}
/* 馬券状態 [取消] */
.race #bets #buyBetList ul.orderList li.orderBody ul li label .check input[type=checkbox].vote_status-2:after {background-position: 0 -72px}
/* 馬券状態 [的中] */
.race #bets #buyBetList ul.orderList li.orderBody ul li label .check input[type=checkbox].hit:after,
.race #bets #buyBetList ul.orderList li .check .vote_no.hit:after,
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteBet .order .vote_no.hit:after
{background-position: 0 -90px}
/* 馬券状態 [返還] */
.race #bets #buyBetList ul.orderList li.orderBody ul li label .check input[type=checkbox].restore:after,
.race #bets #buyBetList ul.orderList li .check .vote_no.restore:after,
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteBet .order .vote_no.restore:after
 {background-position: 0 -108px}
/* 馬券状態 [不明] */
/*
.race #bets #buyBetList ul.orderList li.orderBody ul li label .check input[type=checkbox].vote_status-3:after{background-position: 0 -126px}
*/
/* 馬券状態 [上限] */
.race #bets #buyBetList ul.orderList li.orderBody ul li label .check input[type=checkbox].vote_status-3:after{background-position: 0 -144px}
/* 馬券状態 [エラー] */
.race #bets #buyBetList ul.orderList li.orderBody ul li label .check input[type=checkbox].vote_status-99:after{background-position: 0 -162px}

/* 馬券マーク */
.race #bets #buyBetList ul.orderList li.orderHead .order .score .vote:before,
.race #bets #buyBetList ul.orderList li.orderHead .order .vote_no.pat:after,
.race #bets #buyBetList ul.orderList li.orderBody .buyList li label .check .pat:after,
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteBet .order .vote_no.pat:after
{
	content: "";
    position: absolute;
    display: block;
    width: 31px;
    height: 18px;
    background-image: url(images/pat_type2.png?v=1.1);
    background-repeat: no-repeat;
    /*
    background-size: 31px 90px;
    background-position: 0 -90px;*/
	/* UMACA追加 */
    background-size: 31px 108px;
    background-position: 0 -108px;

}
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteBet .order .vote_no.pat:after
{
    top: 19px;
    left: 8px;
}
.race #bets #buyBetList ul.orderList li.orderBody .buyList li label .check .pat:after
{
    top: 19px;
    left: 7px;
}

.race #bets #buyBetList ul.orderList li.orderHead .order .score .vote:before,
.race #bets #buyBetList ul.orderList li.orderHead .order .vote_no.pat:after{
	left: 0.7rem;
}

/* 馬券マーク [エア] */
.race #bets #buyBetList ul.orderList li.orderHead .order .score.air .vote:before,
.race #bets #buyBetList ul.orderList li.orderHead .order .vote_no.pat.air:after,
.race #bets #buyBetList ul.orderList li.orderBody .buyList li label .check .pat.air:after
{background-position: 0 0}
/* 馬券マーク [PAT] */
.race #bets #buyBetList ul.orderList li.orderHead .order .score.pat .vote:before,
.race #bets #buyBetList ul.orderList li.orderHead .order .vote_no.pat.pat:after,
.race #bets #buyBetList ul.orderList li.orderBody .buyList li label .check .pat:after
{background-position: 0 -18px}
/* 馬券マーク [即PAT中央] */
.race #bets #buyBetList ul.orderList li.orderBody .buyList li label .check .pat.ipat:after,
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteBet .order .vote_no.pat.ipat:after
{background-position: 0 -36px}
/* 馬券マーク [即PAT地方] */
.race #bets #buyBetList ul.orderList li.orderBody .buyList li label .check .pat.npat:after,
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteBet .order .vote_no.pat.npat:after
{background-position: 0 -54px}
/* 馬券マーク [SPAT] */
.race #bets #buyBetList ul.orderList li.orderBody .buyList li label .check .pat.spat:after,
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteBet .order .vote_no.pat.spat:after
{background-position: 0 -72px}
/* 馬券マーク [UMACA] */
.race #bets #buyBetList ul.orderList li.orderBody .buyList li label .check .pat.umaca:after,
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteBet .order .vote_no.pat.umaca:after
{background-position: 0 -90px}


/* エア投票結果トースト */
#bets #buyBetList  #orderBodyEdit .toast{
    position: absolute;
    right:0.4em;
    padding: 0.0em 0.0em 0.3em 0.0em;
    min-width: 280px;
    box-shadow: 6px 6px 6px 0 rgba(0, 0, 0, .4);
}
#bets #buyBetList  #orderBodyEdit .toast.show{
    z-index: 99;
    transform: translateZ(99px);
}
#bets #buyBetList  #orderBodyEdit .toast .toast-header{
	font-size:0.9em;
}
#bets #buyBetList  #orderBodyEdit .toast .toast-body{
   	padding: 0.0em 0.2em;
}
#bets #buyBetList  #orderBodyEdit .toast .toast-body .message{
    padding: 0.4em 0.4em;
    font-size: 0.95em;
}
#bets #buyBetList  #orderBodyEdit .toast .toast-body button{
	font-size:0.9em;
}
#bets #buyBetList #orderBodyEdit .toast .toast-body button.btnClose{
	font-size:0.9em;
}

/* PAT選択・PAT結果トースト */
.race #bets #buyBetList ul.orderList li.orderBody .toast{
    position: absolute;
    right:0.4em;
    padding: 0.0em 0.0em 0.3em 0.0em;
    min-width: 280px;
    box-shadow: 6px 6px 6px 0 rgba(0, 0, 0, .4);
}
.race #bets #buyBetList ul.orderList li.orderBody .toast.show{
    z-index: 99;
    transform: translateZ(99px);
}
.race #bets #buyBetList ul.orderList li.orderBody .toast .toast-header{
	font-size:0.9em;
}
.race #bets #buyBetList ul.orderList li.orderBody .toast .toast-body{
   	padding: 0.0em 0.2em;
}
.race #bets #buyBetList ul.orderList li.orderBody .toast .toast-body .message{
	padding: 0.2em 0.4em;
	font-size:0.9em;
	text-align:center;
}

.race #bets #buyBetList ul.orderList li.orderBody .toast .toast-body button.btnPat{
    margin: 0.4em 0.6em;
}

.race #bets #buyBetList ul.orderList li.orderBody .toast .toast-body button.btnPat.ipat{
    color: #fff;
    border-color: #28a745;
    /*background-color: #28a745;*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(141, 190, 129)), color-stop(25%, rgb(105, 168, 91)), color-stop(50%, rgb(58, 137, 39)), color-stop(50.1%, rgb(23, 116, 1)), color-stop(75%, rgb(22, 111, 11)), to(rgb(21, 107, 1)));
    /*
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(160, 225, 160)), color-stop(50%, rgb(67, 195, 67)), color-stop(50.1%, rgb(20, 180, 20)), to(rgb(121, 255, 121)));
	*/
}
.race #bets #buyBetList ul.orderList li.orderBody .toast .toast-body button.btnPat.umaca{
    color: #000;
    border-color: rgb(255, 129, 129);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 189, 189)), color-stop(25%, rgb(255, 175, 175)), color-stop(50%, rgb(255, 155, 155)), color-stop(50.1%, rgb(255, 143, 143)), color-stop(75%, rgb(255, 137, 137)), to(rgb(255, 129, 129)));
}
.race #bets #buyBetList ul.orderList li.orderBody .toast .toast-body button.btnPat.npat{
    color: #fff;
    border-color: #983d00;
    /*background-color: #983d00;*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(218, 127, 30)), color-stop(25%, rgb(177, 84, 9)), color-stop(50%, rgb(134, 52, 11)), color-stop(50.1%, rgb(149, 93, 48)), color-stop(75%, rgb(99, 53, 22)), to(rgb(93, 60, 30))) !important;
}
.race #bets #buyBetList ul.orderList li.orderBody .toast .toast-body button.btnPat.spat{
    color: #fff;
    background-color: #006DD9;
    border-color: #006DD9
}

.race #bets #buyBetList ul.orderList li.orderBody .toast .toast-body button.btnClose{
	font-size:0.9em;
}
.race #bets #buyBetList ul.orderList li.orderBody .toast .toast-body form{
	margin-block-end: 0.6em;
}
.race #bets #buyBetList ul.orderList li.orderBody .buyBetList li label .check input[type=checkbox],
.race #bets #buyBetList ul.orderList li.orderBody .voteList li label .check input[type=checkbox],
.race #bets #buyBetList ul.orderList li.orderBody .buyList li label .check input[type=checkbox],
.race #bets #betList .betHeader li.betBody .betList li label input[type=checkbox]
{
    width: 16px;
    height: calc(1.5em + .2rem + 0px);
}

/* 買い目/投票馬券/PAT馬券 名称・組番*/
.race #bets #buyBetList ul.orderList li.orderBody .buyBetList li label .bet,
.race #bets #buyBetList ul.orderList li.orderBody .voteList li label .bet,
.race #bets #buyBetList ul.orderList li.orderBody .buyList li label .bet
{
	padding-left: 0.8em;
	flex: 1.0;
}
.race #bets #buyBetList ul.orderList li.orderBody .buyBetList li label .bet .type .title,
.race #bets #buyBetList ul.orderList li.orderBody .voteList li label .bet .type .title,
.race #bets #buyBetList ul.orderList li.orderBody .buyList li label .bet .type .title
{
	font-size:11px;
}
.race #bets #buyBetList ul.orderList li.orderBody .buyBetList li label .bet .type .title.same,
.race #bets #buyBetList ul.orderList li.orderBody .voteList li label .bet .type .title.same,
.race #bets #buyBetList ul.orderList li.orderBody .buyList li label .bet .type .title.same
{
	display:none ;
}

.race #bets #buyBetList ul.orderList li.orderBody .buyBetList li label .bet .type .name,
.race #bets #buyBetList ul.orderList li.orderBody .voteList li label .bet .type .name,
.race #bets #buyBetList ul.orderList li.orderBody .buyList li label .bet .type .name
{
	font-size:12px;
	font-weight:bold;
}


/* 買い目/投票馬券/PAT馬券オッズ・人気*/
.race #bets #buyBetList ul.orderList li.orderBody .buyBetList li label div.d-flex > .odds{
	margin-right: 0.8em;
	margin-bottom: 0.4em;
	text-align:right;
	flex: 0.6;
	margin-top: auto;
}
.race #bets #buyBetList ul.orderList li.orderBody .voteList li label div.d-flex > .odds{
	margin-right: 0.8em;
	text-align:right;
	flex: 0.6;
	margin-top: auto;
}
.race #bets #buyBetList ul.orderList li.orderBody .buyList li label div.d-flex > .odds{
	margin-right: 0.8em;
	text-align:right;
	flex: 0.6;

}

.race #bets #buyBetList ul.orderList li.orderBody .buyBetList li label .odds .odds,
.race #bets #buyBetList ul.orderList li.orderBody .voteList li label .odds .odds,
.race #bets #buyBetList ul.orderList li.orderBody .buyList li label .odds .odds
{
	font-size:11px;
	font-weight:bold;
}
.race #bets #buyBetList ul.orderList li.orderBody .buyBetList li label .odds .pop,
.race #bets #buyBetList ul.orderList li.orderBody .voteList li label .odds .pop,
.race #bets #buyBetList ul.orderList li.orderBody .buyList li label .odds .pop
{
	font-size:11px;
}
/* 買い目金額入力*/
.race #bets #buyBetList ul.orderList li.orderBody .buyBetList li label .amount{
	flex: 1.5;
}
/* 買い目金額・金額配分トースト内金額入力*/
.race #bets #buyBetList ul.orderList li.orderBody .buyBetList li label .amount .form-group{
	margin-bottom: 0;
}
.race #bets #buyBetList #orderBodyEdit #setAmount .toast-body .carousel .carousel-inner .carousel-item .form-group{
	margin-bottom: 0.4em;
}
.race #bets #betList ul.betHeader li.betBody .toast-body .card-body{
	/*padding: 0.6em 1.3em;*/
	padding: 0.8em 0.6em;
}

.race #bets #betList ul.betHeader li.betBody .toast-body .form-group{
	margin-bottom: 0.4em;
}
.race #bets #betList ul.betHeader li.betBody .toast-body .form-group label{
	margin-bottom: 0.2em;
}

.race #bets #buyBetList ul.orderList li.orderBody .buyBetList li label .amount .form-group .input-group,
.race #bets #buyBetList #orderBodyEdit #setAmount .toast-body .carousel .carousel-inner .carousel-item .form-group .input-group,
.race #bets #betList ul.betHeader li.betBody .toast-body .form-group .input-group
{
	width: 100%;
}
.race #bets #buyBetList ul.orderList li.orderBody .buyBetList li label .amount .form-group input[type="text"],
.race #bets #buyBetList #orderBodyEdit #setAmount .toast-body .carousel .carousel-inner .carousel-item .form-group input[type="text"],
.race #bets #betList ul.betHeader li.betBody .toast-body .form-group input[type="text"]

{
	/*padding-right: 1.0rem;*/
	border-color: #6c757d;
	min-height: 2.5em;
}
.race #bets #buyBetList ul.orderList li.orderBody .buyBetList li label .amount .form-group button,
.race #bets #buyBetList #orderBodyEdit #setAmount .toast-body .carousel .carousel-inner .carousel-item .form-group button
/*,.race #bets #betList ul.betHeader li.betBody .toast-body .form-group button*/
{
	/*
	flex: 1;
    padding: 0.4em 0.0em;
	font-size: 1.0em;
    max-width: 2.8em;
    */
}
.race #bets #buyBetList ul.orderList li.orderBody .buyBetList li label .amount .form-group button.btn-minus,
.race #bets #buyBetList #orderBodyEdit #setAmount .toast-body .carousel .carousel-inner .carousel-item .form-group button.btn-minus,
.race #bets #betList ul.betHeader li.betBody .toast-body .form-group button.btn-minus
{
	border-radius: .25rem 0 0 .25rem;
    border-right: 0
}
.race #bets #buyBetList ul.orderList li.orderBody .buyBetList li label .amount .form-group button.btn-plus,
.race #bets #buyBetList #orderBodyEdit #setAmount .toast-body .carousel .carousel-inner .carousel-item .form-group button.btn-plus,
.race #bets #betList ul.betHeader li.betBody .toast-body .form-group button.btn-plus
{
	border-radius: 0 .25rem .25rem 0;
    border-left: 0
}

/* 想定払戻金額 */
.race #bets #buyBetList ul.orderList li.orderBody .buyBetList li label .amount .dividend{
	text-align: center;
    font-size: 0.9em;
    font-weight: bold;
    margin-bottom: 0.1em;
}

/* 投票馬券・PAT馬券 合計金額 */
.race #bets #buyBetList ul.orderList li.orderBody .voteList li .amount,
.race #bets #buyBetList ul.orderList li.orderBody .buyList li .amount
{
	font-size:14px;
	font-weight:bold;
	text-align:right;
	flex: 1.0;
}
.race #bets #buyBetList ul.orderList li.orderBody .voteList li .amount .buy_amount,
.race #bets #buyBetList ul.orderList li.orderBody .buyList li .amount .buy_amount
{
}
.race #bets #buyBetList ul.orderList li.orderBody .voteList li .amount .buy_amount.restore,
.race #bets #buyBetList ul.orderList li.orderBody .buyList li .amount .buy_amount.restore
{
	text-decoration: line-through;
}

.race #bets #buyBetList ul.orderList li.orderBody .voteList li .amount .hit_amount,
.race #bets #buyBetList ul.orderList li.orderBody .buyList li .amount .hit_amount
{
	color: #f00;
	display: none;
}
.race #bets #buyBetList ul.orderList li.orderBody .voteList li .amount .hit_amount.hit,
.race #bets #buyBetList ul.orderList li.orderBody .buyList li .amount .hit_amount.hit
{
	display: block;
}
.race #bets #buyBetList ul.orderList li.orderBody .voteList li .amount .res_amount,
.race #bets #buyBetList ul.orderList li.orderBody .buyList li .amount .res_amount
{
	color: #00f;
	display: none;
}
.race #bets #buyBetList ul.orderList li.orderBody .voteList li .amount .res_amount.restore,
.race #bets #buyBetList ul.orderList li.orderBody .buyList li .amount .res_amount.restore
{
	display: block;
}
.race #bets #buyBetList ul.orderList li.orderBody .voteList li .amount .label,
.race #bets #buyBetList ul.orderList li.orderBody .buyList li .amount .label
{
	margin: 0em 0.2em;

}
.race #bets #buyBetList ul.orderList li.orderBody .voteList li .amount .val,
.race #bets #buyBetList ul.orderList li.orderBody .buyList li .amount .val
{

}

/*============================
 払い戻しタブ
============================*/
.race .card.payout{
}
.race .card.payout ul{
	margin: 0px;
	padding: 0px;
}
.race .card.payout ul li{
	display: flex;
	border: 0px;
    border-top: 1px solid #ddd;
	margin: 0px;
	padding: 0px;
}
.race .card.payout ul li .kind{
	background-color: #fee;
    width: 4em;
    font-size: 14px;
    font-weight: bold;
	padding: 4px 6px;
}
.race .card.payout ul li .kind.win{
	background-color: #1413ee;
	color:#fff;
}
.race .card.payout ul li .kind.place{
	background-color: #dbebfe;
}
.race .card.payout ul li .kind.bracket{
	background-color: #23ab0c;
	color:#fff;
}
.race .card.payout ul li .kind.bracketExacta{
	background-color: #ed9bff;
}
.race .card.payout ul li .kind.quinella{
	background-color: #0b0a7c;
	color:#fff;
}
.race .card.payout ul li .kind.exacta{
	background-color: #dce316;
}
.race .card.payout ul li .kind.wide{
	background-color: #07a0e4;
}
.race .card.payout ul li .kind.trio{
	background-color: #a43f18;
	color:#fff;
}
.race .card.payout ul li .kind.trifecta{
	background-color: #fd6d0a;
}
.race .card.payout ul li .kumi{
    font-size: 12px;
    font-weight: bold;
	padding: 4px 6px;
}
.race .card.payout ul li .kumi p{
    margin: 3px 0px;
    padding: 0px;
    font-weight: bold;
}

/* 組番号 */
.race .card.payout ul li .kumi .umaban {
    display: inline-block;
    font-size: 12px;
    /*margin-right: 4px;*/
    width: 20px;
    height: 20px;
    vertical-align: middle;
    border: 1px solid #222;
    padding-top: 2px;
    padding-right: 1px;
    border-radius: 2px;
    text-align: center;
    text-shadow: none;
    font-weight: bold;
}
.race .card.payout ul li .pop{
	font-size: 14px;
	padding: 4px 6px;
}
.race .card.payout ul li .pop p{
    margin: 5px 0px;
    padding: 0px;
}

.race .card.payout ul li .amount{
    margin-left: auto;
	font-size: 14px;
	padding: 4px 6px;
}
.race .card.payout ul li .amount p{
    margin: 5px 0px;
    padding: 0px;
    font-weight: bold;
    text-align: right;
}
/*============================
 レース一覧・タイムライン・競馬ライブ
============================*/
/* カードヘッダ */
.timeline.card-header,
.races.card-header,
.live.card-header
{

}
/* カードヘッダ タイトル*/
.timeline.card-header span,
.races.card-header span,
.live.card-header span
{

}
/* カード中身 */
.timeline.card-body,
.races.card-body,
.live.card-body
{

}

/* 更新情報ティッカー */
.timeline.card-body .card.ticker,
.races.card-body .card.ticker,
.live.card-body .card.ticker
{
	font-size:0.8rem;
	margin-bottom:0.5rem;
}
.timeline.card-body .card.ticker .card-header,
.races.card-body .card.ticker .card-header,
.live.card-body .card.ticker .card-header
{
	font-size: 0.75rem;
    padding: 0.25rem 0.2rem;
    border-bottom: 0;
    min-width: 4.0rem;
}
.timeline.card-body .card.ticker .card-header:first-child,
.races.card-body .card.ticker .card-header:first-child,
.live.card-body .card.ticker card-header:first-child
{
	border-radius:0;
	border-right: 1px solid rgba(0, 0, 0, .125);
}

.timeline.card-body .card.ticker .card-body,
.races.card-body .card.ticker .card-body,
.live.card-body .card.ticker .card-body
{
	padding: 0.25rem 0.25rem;
}

/* 更新情報トースト */
.timeline.card-body .toast,
.races.card-body .toast,
.live.card-body .toast
{
	position: absolute;
	z-index: 99;
	transform: translateZ(99px);
}

/* レースリスト */
.timeline.card-body .card-columns,
.races.card-body .card-columns,
.live.card-body .card-columns
{
	padding-bottom: 2.0rem;
}
/* レースカード */
.timeline.card-body .card-columns .raceCard,
.races.card-body .card-columns .raceCard
{
	margin-bottom: .2rem;
}
/* レースカード(未発走時) */
.timeline.card-body .card-columns .raceCard.mode1,
.timeline.card-body .card-columns .raceCard.mode2,
.timeline.card-body .card-columns .raceCard.mode3,
.races.card-body .card-columns .raceCard.mode0,
.races.card-body .card-columns .raceCard.mode1,
.races.card-body .card-columns .raceCard.mode2,
.races.card-body .card-columns .raceCard.mode3
{
    border: 1px solid #1Ebd69;
}
/* レースカード(発走中) */
.timeline.card-body .card-columns .raceCard.mode5,
.races.card-body .card-columns .raceCard.mode5
{
    border: 1px solid #FF8020;
}
/* レースカード(確定) */
.timeline.card-body .card-columns .raceCard.mode6,
.timeline.card-body .card-columns .raceCard.mode7,
.races.card-body .card-columns .raceCard.mode6,
.races.card-body .card-columns .raceCard.mode7
{
    border: 1px solid #ff7675;
}
/* レースカード(取止め・中止) */
.races.card-body .card-columns .raceCard.status9{
	/*border: 1px solid rgba(0, 0, 0, .125);*/
	border: 2px solid #ccc;
}


/* レースカード・ヘッダ */
.timeline.card-body .card-columns .raceCard .raceHeader,
.races.card-body .card-columns .raceCard .raceHeader
{
	text-align:center;
	padding: .4rem 0.5rem;
	border:0;
}
/* PC */
@media screen and (min-width: 768px){
	.timeline.card-body .card-columns .raceCard .raceHeader,
	.races.card-body .card-columns .raceCard .raceHeader{
		max-width: 7.0rem;
	}
}
/* レースカード・ヘッダ(未発走時) */
.timeline.card-body .card-columns .raceCard.mode1 .raceHeader,
.timeline.card-body .card-columns .raceCard.mode2 .raceHeader,
.timeline.card-body .card-columns .raceCard.mode3 .raceHeader,
.races.card-body .card-columns .raceCard.mode0 .raceHeader,
.races.card-body .card-columns .raceCard.mode1 .raceHeader,
.races.card-body .card-columns .raceCard.mode2 .raceHeader,
.races.card-body .card-columns .raceCard.mode3 .raceHeader
{
	background: #20bf6b;
    color: #fff;
}
/* レースカード・ヘッダ(発走中) */
.timeline.card-body .card-columns .raceCard.mode5 .raceHeader,
.races.card-body .card-columns .raceCard.mode5 .raceHeader
{
	background: #FF8020;
    color: #000;
}
/* レースカード・ヘッダ(確定) */
.timeline.card-body .card-columns .raceCard.mode6 .raceHeader,
.timeline.card-body .card-columns .raceCard.mode7 .raceHeader,
.races.card-body .card-columns .raceCard.mode6 .raceHeader,
.races.card-body .card-columns .raceCard.mode7 .raceHeader
{
	background: #ff7675;
    color: #fff;
}
/* レースカード(取止め・中止)*/
.races.card-body .card-columns .raceCard.status9 .raceHeader{
	background: rgba(0, 0, 0, .03);
	color: #f00;
}

/* レースカード・ヘッダ・競馬場名 */
.timeline.card-body .card-columns .raceCard .raceHeader .placeName,
.races.card-body .card-columns .raceCard .raceHeader .placeName
{
	font-size:14px;
	font-weight:bold;
	line-height: 1.2;
}
/* レースカード・ヘッダ・レース番号 */
.timeline.card-body .card-columns .raceCard .raceHeader .raceNum,
.races.card-body .card-columns .raceCard .raceHeader .raceNum
{
	font-size:16px;
	font-weight:bold;
	line-height: 1.2;
}

/* レースカード・ヘッダ・レース状態 */
.timeline.card-body .card-columns .raceCard .raceHeader .raceStatus,
.races.card-body .card-columns .raceCard .raceHeader .raceStatus
{
}
.timeline.card-body .card-columns .raceCard .raceHeader .raceStatus div,
.races.card-body .card-columns .raceCard .raceHeader .raceStatus div
{
	display:none;
}
/* レースカード・ヘッダ・発走時刻(未発走+発走中) */
.timeline.card-body .card-columns .raceCard.mode1 .raceHeader .raceStatus div.wait,
.timeline.card-body .card-columns .raceCard.mode2 .raceHeader .raceStatus div.wait,
.timeline.card-body .card-columns .raceCard.mode3 .raceHeader .raceStatus div.wait,
.timeline.card-body .card-columns .raceCard.mode5 .raceHeader .raceStatus div.wait,
.races.card-body .card-columns .raceCard.mode0 .raceHeader .raceStatus div.wait,
.races.card-body .card-columns .raceCard.mode1 .raceHeader .raceStatus div.wait,
.races.card-body .card-columns .raceCard.mode2 .raceHeader .raceStatus div.wait,
.races.card-body .card-columns .raceCard.mode3 .raceHeader .raceStatus div.wait,
.races.card-body .card-columns .raceCard.mode5 .raceHeader .raceStatus div.wait
{
	font-size:12px;
	display:block;
}
/* レースカード・ヘッダ・レース状態(発走中) */
.timeline.card-body .card-columns .raceCard.mode5 .raceHeader .raceStatus div.start,
.races.card-body .card-columns .raceCard.mode5 .raceHeader .raceStatus div.start
{
	display:block;
	font-size:16px;
	font-weight:bold;
	line-height: 1.2;
}
/* レースカード・ヘッダ・レース状態(確定) */
.timeline.card-body .card-columns .raceCard.mode6 .raceHeader .raceStatus div.end,
.timeline.card-body .card-columns .raceCard.mode7 .raceHeader .raceStatus div.end,
.races.card-body .card-columns .raceCard.mode6 .raceHeader .raceStatus div.end,
.races.card-body .card-columns .raceCard.mode7 .raceHeader .raceStatus div.end
{
	display:block;
	font-size:14px;
	font-weight:bold;
	line-height: 1.2;
}

/* レース一覧取り止めレース表示 */
.races.card-body .card-columns .raceCard.status9 .raceHeader .raceStatus div.start,
.races.card-body .card-columns .raceCard.status9 .raceHeader .raceStatus div.wait,
.races.card-body .card-columns .raceCard.status9 .raceHeader .raceStatus div.end
{
	display:none;
}
.races.card-body .card-columns .raceCard.status9 .raceHeader .raceStatus div.suspend{
	display:block;
	font-size:14px;
	font-weight:bold;
	line-height: 1.2;
}



/* レースカード・ボディ */
.timeline.card-body .card-columns .raceCard .raceBody,
.races.card-body .card-columns .raceCard .raceBody
{
	padding: 0.4rem 0.6rem;
	color: #000;
}
/* レースカード・ボディ・レース情報 */
.timeline.card-body .card-columns .raceCard .raceBody .raceInfo,
.races.card-body .card-columns .raceCard .raceBody .raceInfo
{
}
/* レースグレード */
.timeline.card-body .card-columns .raceCard .raceBody .raceInfo .grade,
.races.card-body .card-columns .raceCard .raceBody .raceInfo .grade
{
	background: #c3e6cb;
    color: #000;
    font-size: 0.75rem;
    font-weight: 400;
    padding: 0.1rem 0.2rem;
}
/* レースタイトル */
.timeline.card-body .card-columns .raceCard .raceBody .raceInfo .title,
.races.card-body .card-columns .raceCard .raceBody .raceInfo .title
{
	font-size: 1rem;
    font-weight:bold;
}
/* レースタイトル */
.timeline.card-body .card-columns .raceCard .raceBody .raceInfo .title,
.races.card-body .card-columns .raceCard .raceBody .raceInfo .title
{
	font-size: 1rem;
    font-weight:bold;
}
/* レースサブタイトル */
.timeline.card-body .card-columns .raceCard .raceBody .raceInfo .subtitle,
.races.card-body .card-columns .raceCard .raceBody .raceInfo .subtitle
{
	font-size: 0.9rem;
}
/* レース情報 */
.timeline.card-body .card-columns .raceCard .raceBody .raceInfo .info,
.races.card-body .card-columns .raceCard .raceBody .raceInfo .info
{
	font-size: 0.9rem;
	color: #444;
}
/* モードアイコン */
.timeline.card-body .card-columns .raceCard .raceBody .raceIcons,
.races.card-body .card-columns .raceCard .raceBody .raceIcons
{
	font-size: 0.8rem;
	color: #888;
}
/* モードアイコン個別 */
.timeline.card-body .card-columns .raceCard .raceBody .raceIcons div,
.races.card-body .card-columns .raceCard .raceBody .raceIcons div
{
	margin:3px 3px 0px 0px;
	padding: 3px 6px 3px 6px;
	border-radius: 0.25rem;
	background: #CCC;
}
/* モードアイコン個別-チェックマーク */
.timeline.card-body .card-columns .raceCard .raceBody .raceIcons div i,
.races.card-body .card-columns .raceCard .raceBody .raceIcons div i
{
	margin-right:2px;
	font-size: 0.7rem;
}
/* 速報アイコン */
.timeline.card-body .card-columns .raceCard .raceBody .raceIcons div.sokuho,
.races.card-body .card-columns .raceCard .raceBody .raceIcons div.sokuho
{
}

.timeline.card-body .card-columns .raceCard.mode1 .raceBody .raceIcons div.sokuho,
.timeline.card-body .card-columns .raceCard.mode2 .raceBody .raceIcons div.sokuho,
.timeline.card-body .card-columns .raceCard.mode3 .raceBody .raceIcons div.sokuho,
.timeline.card-body .card-columns .raceCard.mode5 .raceBody .raceIcons div.sokuho,
.timeline.card-body .card-columns .raceCard.mode6 .raceBody .raceIcons div.sokuho,
.timeline.card-body .card-columns .raceCard.mode7 .raceBody .raceIcons div.sokuho,
.races.card-body .card-columns .raceCard.mode1 .raceBody .raceIcons div.sokuho,
.races.card-body .card-columns .raceCard.mode2 .raceBody .raceIcons div.sokuho,
.races.card-body .card-columns .raceCard.mode3 .raceBody .raceIcons div.sokuho,
.races.card-body .card-columns .raceCard.mode5 .raceBody .raceIcons div.sokuho,
.races.card-body .card-columns .raceCard.mode6 .raceBody .raceIcons div.sokuho,
.races.card-body .card-columns .raceCard.mode7 .raceBody .raceIcons div.sokuho
{
	background: #20bf6b;
	color: #fff;
}
.timeline.card-body .card-columns .raceCard .raceBody .raceIcons div.sokuho i,
.races.card-body .card-columns .raceCard .raceBody .raceIcons div.sokuho i
{
}
/* 予測アイコン */
.timeline.card-body .card-columns .raceCard .raceBody .raceIcons div.yosoku,
.races.card-body .card-columns .raceCard .raceBody .raceIcons div.yosoku
{
}
.timeline.card-body .card-columns .raceCard.mode2 .raceBody .raceIcons div.yosoku,
.timeline.card-body .card-columns .raceCard.mode3 .raceBody .raceIcons div.yosoku,
.timeline.card-body .card-columns .raceCard.mode5 .raceBody .raceIcons div.yosoku,
.timeline.card-body .card-columns .raceCard.mode6 .raceBody .raceIcons div.yosoku,
.timeline.card-body .card-columns .raceCard.mode7 .raceBody .raceIcons div.yosoku,
.races.card-body .card-columns .raceCard.mode2 .raceBody .raceIcons div.yosoku,
.races.card-body .card-columns .raceCard.mode3 .raceBody .raceIcons div.yosoku,
.races.card-body .card-columns .raceCard.mode5 .raceBody .raceIcons div.yosoku,
.races.card-body .card-columns .raceCard.mode6 .raceBody .raceIcons div.yosoku,
.races.card-body .card-columns .raceCard.mode7 .raceBody .raceIcons div.yosoku
{
	background: #20bf6b;
	color: #fff;
}
.timeline.card-body .card-columns .raceCard .raceBody .raceIcons div.yosoku i,
.races.card-body .card-columns .raceCard .raceBody .raceIcons div.yosoku i
{
}
.timeline.card-body .card-columns .raceCard.mode1 .raceBody .raceIcons div.yosoku i,
.races.card-body .card-columns .raceCard.mode1 .raceBody .raceIcons div.yosoku i
{
	display:none;
}
/* 払い戻しアイコン */
.timeline.card-body .card-columns .raceCard .raceBody .raceIcons div.payout,
.races.card-body .card-columns .raceCard .raceBody .raceIcons div.payout
{
}
.timeline.card-body .card-columns .raceCard.mode6 .raceBody .raceIcons div.payout,
.timeline.card-body .card-columns .raceCard.mode7 .raceBody .raceIcons div.payout,
.races.card-body .card-columns .raceCard.mode6 .raceBody .raceIcons div.payout,
.races.card-body .card-columns .raceCard.mode7 .raceBody .raceIcons div.payout
{
	background: #20bf6b;
	color: #fff;
}
.timeline.card-body .card-columns .raceCard .raceBody .raceIcons div.payout i,
.races.card-body .card-columns .raceCard .raceBody .raceIcons div.payout i
{
}
.timeline.card-body .card-columns .raceCard.mode1 .raceBody .raceIcons div.payout i,
.timeline.card-body .card-columns .raceCard.mode2 .raceBody .raceIcons div.payout i,
.timeline.card-body .card-columns .raceCard.mode3 .raceBody .raceIcons div.payout i,
.timeline.card-body .card-columns .raceCard.mode5 .raceBody .raceIcons div.payout i,
.races.card-body .card-columns .raceCard.mode1 .raceBody .raceIcons div.payout i,
.races.card-body .card-columns .raceCard.mode2 .raceBody .raceIcons div.payout i,
.races.card-body .card-columns .raceCard.mode3 .raceBody .raceIcons div.payout i,
.races.card-body .card-columns .raceCard.mode5 .raceBody .raceIcons div.payout i
{
	display:none;
}
/* 着順アイコン */
.timeline.card-body .card-columns .raceCard .raceBody .raceIcons div.result,
.races.card-body .card-columns .raceCard .raceBody .raceIcons div.result
{
}
.timeline.card-body .card-columns .raceCard.mode6 .raceBody .raceIcons div.result,
.timeline.card-body .card-columns .raceCard.mode7 .raceBody .raceIcons div.result,
.races.card-body .card-columns .raceCard.mode6 .raceBody .raceIcons div.result,
.races.card-body .card-columns .raceCard.mode7 .raceBody .raceIcons div.result
{
	background: #20bf6b;
	color: #fff;
}
.timeline.card-body .card-columns .raceCard .raceBody .raceIcons div.result i,
.races.card-body .card-columns .raceCard .raceBody .raceIcons div.result i
{
}
.timeline.card-body .card-columns .raceCard.mode1 .raceBody .raceIcons div.result i,
.timeline.card-body .card-columns .raceCard.mode2 .raceBody .raceIcons div.result i,
.timeline.card-body .card-columns .raceCard.mode3 .raceBody .raceIcons div.result i,
.timeline.card-body .card-columns .raceCard.mode5 .raceBody .raceIcons div.result i,
.races.card-body .card-columns .raceCard.mode1 .raceBody .raceIcons div.result i,
.races.card-body .card-columns .raceCard.mode2 .raceBody .raceIcons div.result i,
.races.card-body .card-columns .raceCard.mode3 .raceBody .raceIcons div.result i,
.races.card-body .card-columns .raceCard.mode5 .raceBody .raceIcons div.result i
{
	display:none;
}



/*============================
 ライブ
============================*/
.live{

}
/* ライブ配信 */
.live.card-body{

}
/* ライブ配信リスト */
.live.card-body .card-columns{
	padding-bottom: 3.0rem;
}
/* ライブ配信カード */
.live.card-body .card-columns .videoCard{
	display: inline-block;
    width:100%;
}
/* ライブ配信カードヘッダ */
.live.card-body .card-columns .videoCard .videoHeader{
	max-width: 320px;
}
/* ライブ配信カードヘッダ画像 */
.live.card-body .card-columns .videoCard .videoHeader img.card-img-top{
	/*max-width:120px;*/
}

/* ライブ配信カード情報 */
.live.card-body .card-columns .videoCard .videoInfo{
	padding: 0.5rem;
}
/* 配信カード情報-タイトル */
.live.card-body .card-columns .videoCard .videoInfo .title{
	font-size:12px;
}
/* モードアイコン */
.live.card-body .card-columns .videoCard .videoInfo .videoIcons{
	font-size: 0.8rem;
	color: #888;
}
/* モードアイコン個別 */
.live.card-body .card-columns .videoCard .videoInfo .videoIcons div{
	margin:3px 3px 0px 0px;
	padding: 3px 6px 3px 6px;
	border-radius: 0.25rem;
	background: #CCC;
	font-size:10px;
}


/* 配信カード情報-開始時間 */
.live.card-body .card-columns .videoCard .videoInfo .videoIcons .startAt{
	background: #20bf6b;
	color: #fff;
}
/* 配信カード情報-チャット */
.live.card-body .card-columns .videoCard .videoInfo .videoIcons .chat{

}
/* 配信カード情報-チャット有 */
.live.card-body .card-columns .videoCard .videoInfo .videoIcons .chat.chat0{
}
/* 配信カード情報-チャット無 */
.live.card-body .card-columns .videoCard .videoInfo .videoIcons .chat.chat1{
	background: #20bf6b;
	color: #fff;
}

/* 配信カード情報-配信状態 */
.live.card-body .card-columns .videoCard .videoInfo .videoIcons .status{

}
/* 配信カード情報-配信状態[予約] */
.live.card-body .card-columns .videoCard .videoInfo .videoIcons .status.status0{

}
/* 配信カード情報-配信状態[ライブ] */
.live.card-body .card-columns .videoCard .videoInfo .videoIcons .status.status1{
	background: #20bf6b;
	color: #fff;
}
/* 配信カード情報-配信状態[アーカイブ] */
.live.card-body .card-columns .videoCard .videoInfo .videoIcons .status.status2{

}

/* サウンド状態 */
.live.card-body .card-columns .videoCard .videoInfo .sound{
    position: relative;
	margin-top:auto;
	margin-left:auto;
    top: 4px;
    left: 4px;
}
.live.card-body .card-columns .videoCard .videoInfo .sound i{
	color: #aaa;
}
.live.card-body .card-columns .videoCard .videoInfo .sound.active i{
	color: #f00;
}

/* ビデオメッセージ */
#raceLive .videoCard .message,
.live.card-body .card-columns .videoCard .message{
	font-size:14px;
	font-weight:bold;
}

/* ビデオ再生ボタン */
#raceLive .videoCard .video-js .vjs-big-play-button,
.live.card-body .card-columns .videoCard .video-js .vjs-big-play-button {
    font-size: 2em;
}
/* ビデオコントロールバー 全画面ボタン */
#raceLive .videoCard .video-js .vjs-fullscreen-control,
.live.card-body .card-columns .videoCard .video-js .vjs-fullscreen-control{
	/*margin-left:auto;*/
}
/* ビデオコントロールバー PIPボタン */
#raceLive .videoCard .video-js .vjs-picture-in-picture-control,
.live.card-body .card-columns .videoCard .video-js .vjs-picture-in-picture-control{
	margin-left:auto;
}

/* VideoJSコントロールバー */
.video-js .vjs-control-bar {
	height: 4.2em;
}
.vjs-button > .vjs-icon-placeholder:before {
    font-size: 2.7em;
    line-height: 1.5;
}
.video-js .vjs-volume-bar {
    margin: 1.9em 0.45em;
}

/* プログレスバー */
.vjs-live .vjs-progress-control {
	margin-top: 1.9em;
}

/* LIVEボタン */
.video-js .vjs-live-control{
	display:none;
}
/* フルスクリーン表示時センタリング */
.video-js.vjs-fullscreen video{
	/*
    position: relative;
    top: 50%;
    transform: translateY(-50%);*/
	transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

/*============================
 ユーザ登録・コース入会
============================*/
.regist.card-body{

}
.regist.card-body .userRegist{

}
.regist.card-body .userRegistInfo{
	font-size: 1.0rem;
	padding: 0.6rem 1.0rem;
}
.regist.card-body .userRegistInfo .form-group {
	margin: 0.3rem 0.3rem;
}

.regist.card-body .service{

}

.regist.card-body .service .serviceName{
    font-size: 1.0rem;
	padding: 0.3rem 0.3rem;
    background-color: rgba(0, 0, 0, .03);
}
.regist.card-body .service .serviceInfo{
	font-size: 0.9rem;
	padding: 0.6rem 1.0rem;
}



/*============================
 マイページ
============================*/
.mypage{

}
/* マイページ */
.mypage.card-body{

}

.mypage .tabConfig{
	border-bottom: 1px solid #007bff;
}
.mypage .tabConfig li.nav-item{
	margin-bottom: 0;
}
.mypage .tabConfig li.nav-item a.nav-link {
	font-size: 0.85rem;
	font-weight:bold;
	border-color: #dee2e6 #dee2e6 #fff;
	padding: .5rem 0.6rem;
}
/* アクティブなタブ */
.mypage .tabConfig li.nav-item a.nav-link.active {
	/*
	background-color: rgba(0, 0, 0, .03);
    color: #000;
    border-color: #dee2e6 #dee2e6 #fff;*/
   	background-color: #007bff;
	color: #fff;
	border-color: #007bff #007bff #007bff;
}

.mypage .tabConfigContent{
	border : 1px solid #dee2e6;
	margin: 0.0rem 0.0rem 0.8rem 0.0rem;
}
.mypage .tabConfigContent .tab-pane{
	font-size: 1.0rem;
	margin: 0.6rem 0.6rem;
}

.mypage .voteList,
.mypage .courseList,
.mypage .paymentList
{
	margin: 0.0rem 0.0rem 0.8rem 0.0rem;
}
.mypage .voteList .head,
.mypage .courseList .head,
.mypage .paymentList .head
{
    padding: 0.3rem 0.3rem;
    background-color: rgba(0, 0, 0, .03);
}
.mypage .voteList .head .title,
.mypage .courseList .head .title,
.mypage .paymentList .head .title
{
    font-weight: bold;
    font-size: 1.0rem;
    padding: 0.15rem 0.3rem;
}
.mypage .voteList .head .search button,
.mypage .paymentList .head .search button
{
    font-size: 0.8rem;
	padding: .1rem .5rem;
    border-radius: .2rem;
}

.mypage .voteList .vote{
	padding: 0.3rem 0.3rem;
}
/*
.mypage .voteList .vote LABEL{
	margin-bottom: 0px;
}
.mypage .voteList .vote LABEL .d-flex{
}
*/

.mypage .voteList .vote a,
.mypage .voteList .vote a:hover
{
	color: #222;
	text-decoration: none;
}

.mypage .voteList .vote a .d-flex{
}

.mypage .voteList .vote .date{
    font-weight: bold;
    font-size: 0.95rem;
}
.mypage .voteList .vote .score{
    font-size: 0.9rem;
}
.mypage .voteList .vote .score.air{
}
.mypage .voteList .vote .score.pat{
}

.mypage .voteList .vote .score > .order {
	margin-left: 2.3rem;
	width: 30%;
}
.mypage .voteList .vote .score > .order .order_count{
}
.mypage .voteList .vote .score > .order .res_count{
	color: #00f;
	font-size: 0.6rem;
    margin-left: -3px;
}

.mypage .voteList .vote .score .hit_amount{
	display: none;
	width: 35%;
	text-align:right;
}
.mypage .voteList .vote .score .hit_amount.hit{
	display: block;
	color: #f00;
}
.mypage .voteList .vote .score .hit_amount .label{
}
.mypage .voteList .vote .score .hit_amount .val{
}

/*
.mypage .voteList .vote .score .res_amount{
	display: none;
}
.mypage .voteList .vote .score .res_amount.restore{
	display: block;
	color: #00f;
}
*/
.mypage .voteList .vote .score  .buy_amount{
	width: 35%;
	text-align:right;
}
.mypage .voteList .vote .score .buy_amount .label{
}
.mypage .voteList .vote .score .buy_amount .val{
}


/* PATマーク */
.mypage .voteList .vote .score > .order:before,
#dlgVoteHistory .modal-body .voteHistory ul.orderList li.orderHead .order .score .vote:before,
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteHead .sum .order:before,
.race #bets #buyBetList ul.orderList li.orderBody ul li.voteHead .sum .order:before
{
	content: "";
    position: absolute;
    left: 0.4rem;
    display: block;
    width: 31px;
    height: 18px;
    background-image: url(images/pat_type.png?a=b);
    background-repeat: no-repeat;
    /*background-size: 31px 90px;
    background-position: 0 -90px;*/
    /* UMACA追加 */
    background-size: 31px 108px;
    background-position: 0 -108px;

}
#dlgVoteHistory .modal-body .voteHistory ul.orderList li.orderHead .order .score .vote:before{
	left: 0.7rem;
}
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteHead .sum .order:before,
.race #bets #buyBetList ul.orderList li.orderBody ul li.voteHead .sum .order:before
{
    left: 0.25rem;
    top: 0.16rem;
}
/* 馬券マーク [エア] */
.mypage .voteList .vote .score.air > .order:before,
#dlgVoteHistory .modal-body .voteHistory ul.orderList li.orderHead .order .score.air .vote:before,
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteHead .sum.air .order:before,
.race #bets #buyBetList ul.orderList li.orderBody ul li.voteHead .sum.air .order:before
{
	background-position: 0 0
}
/* 馬券マーク [PAT] */
.mypage .voteList .vote .score.pat > .order:before,
#dlgVoteHistory .modal-body .voteHistory ul.orderList li.orderHead .order .score.pat .vote:before,
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteHead .sum.pat .order:before,
.race #bets #buyBetList ul.orderList li.orderBody ul li.voteHead .sum.pat .order:before
{
	background-position: 0 -18px
}

/* 投票履歴ダイアログ */
#dlgVoteHistory{

}
#dlgVoteHistory .modal-body{
	padding:0;
}
#dlgVoteHistory .modal-body .voteHistory{
	padding:0;
}

#dlgVoteHistory .modal-body .voteHistory .scorePanel{
	text-align: center;
}
#dlgVoteHistory .modal-body .voteHistory .scorePanel .voteTypeButtons{
	margin: 0.5rem auto;
}
/* 投票タイプ切替ボタン */
#dlgVoteHistory .modal-body .voteHistory .scorePanel .voteTypeButtons .btn-primary:not(:disabled):not(.disabled).active,
#dlgVoteHistory .modal-body .voteHistory .scorePanel .voteTypeButtons .btn-primary:not(:disabled):not(.disabled):active,
#dlgVoteHistory .modal-body .voteHistory .scorePanel .voteTypeButtons .show>.btn-primary.dropdown-toggle {
    color: #000;
    font-weight:bold;
    background-color: #FFA000;
    border-color: #005cbf;
}

/* 投票タイプ別成績カルーセル */
#dlgVoteHistory .modal-body .voteHistory .scorePanel .score.carousel{
    padding: 0;
    margin: 0 auto;
}
#dlgVoteHistory .modal-body .voteHistory .scorePanel .score .carousel-inner{
	padding: 0 0.6rem;
}

/* 投票タイプ別成績 */
#dlgVoteHistory .modal-body .voteHistory .scorePanel .score .carousel-inner .carousel-item{
    /*margin: 0.5em 0.5em;
    border: 1px solid #ccc;
    border-radius: 2px;*/
    text-align:left;
    font-size:0.9em;
}
/* エア投票成績 */
#dlgVoteHistory .modal-body .voteHistory .scorePanel .score .carousel-inner .carousel-item.air{
}
/* PAT投票成績 */
#dlgVoteHistory .modal-body .voteHistory .scorePanel .score .carousel-inner .carousel-item.pat{
}
#dlgVoteHistory .modal-body .voteHistory .scorePanel .score .carousel-inner .carousel-item li{
    padding: 0.2rem 0.5rem;
}
#dlgVoteHistory .modal-body .voteHistory .scorePanel .score .carousel-inner .carousel-item li > div{
	border-bottom: 1px dotted #ccc;
    padding: 0 0.5rem;
    line-height: 1.5rem;
    color: #777;
    font-weight: bold;
}
#dlgVoteHistory .modal-body .voteHistory .scorePanel .score .carousel-inner .carousel-item li > div .label{

}
#dlgVoteHistory .modal-body .voteHistory .scorePanel .score .carousel-inner .carousel-item li > div .val{
	text-align: right;
}
#dlgVoteHistory .modal-body .voteHistory .scorePanel .score .carousel-inner .carousel-item li > div:last-of-type {
    border-bottom: none;
}


/* 推移グラフラッパー */
#dlgVoteHistory .modal-body .voteHistory .scorePanel .chartWrapper{
	padding: 0.5rem 0.4rem;
}
/* 推移グラフ */
#dlgVoteHistory .modal-body .voteHistory .scorePanel .chartWrapper canvas{
}


#dlgVoteHistory .modal-body .voteHistory .orderList{
	margin: 0.0rem 0.6rem;
}
#dlgVoteHistory .modal-body .voteHistory .orderList li{
    padding: 0.3rem 0.5rem;
}

#dlgVoteHistory .modal-body .voteHistory .orderList li.head
{
    background-color: rgba(0, 0, 0, .03);
}

/* 馬券詳細ヘッダ */
#dlgVoteHistory .modal-body .vot.story .orderList li.orderHead{
}


#dlgVoteHistory .modal-body .voteHistory .orderList li.orderHead label{
	width: 100%;
	margin-bottom: 0px;
}

#dlgVoteHistory .modal-body .voteHistory .orderList li.orderHead .order{
}
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderHead .order .order_info{
    font-size: 0.95rem;
}
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderHead .order .order_info div{
    margin-right:0.3rem;
}
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderHead .order .order_info .order_no{
    font-weight: bold;
}

#dlgVoteHistory .modal-body .voteHistory .orderList li.orderHead .order .score{
	font-size: 0.9rem;
}

#dlgVoteHistory .modal-body .voteHistory .orderList li.orderHead .order .score > .vote {
	margin-left: 2.4rem;
	width: 26%;
}
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderHead .order .score > .vote .buy_count {
}
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderHead .order .score > .vote .res_count {
	color: #00f;
	font-size: 0.6rem;
    margin-left: -3px;
}

#dlgVoteHistory .modal-body .voteHistory .orderList li.orderHead .order .score .buy_count .label{
}
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderHead .order .score .buy_count .val{
}


#dlgVoteHistory .modal-body .voteHistory .orderList li.orderHead .order .score .hit_amount{
	display: none;
	width: 37%;
	text-align:right;
}
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderHead .order .score .hit_amount.hit{
	display: block;
	color: #f00;
}
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderHead .order .score .hit_amount .label{
}
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderHead .order .score .hit_amount .val{
}

/* 馬券詳細Body */
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody {
    padding: 0.0em 0.0em;
    background-color: #eee;
}


#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .closeButtons{
	margin-top: 0.2rem;
}

#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList{
	margin: 0.2em 0.4em 0.0em 0.4em;
}
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li
{
	padding: 0.4em 0.8em;
	font-size: 12px;
}
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteHead,
.race #bets #buyBetList ul.orderList li.orderBody ul li.voteHead
{
	font-weight:bold;
	color: #444;
    background-color: #eeffff;

}
/* 馬券集計行 */
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteHead .order,
.race #bets #buyBetList ul.orderList li.orderBody ul li.voteHead .order
{
    min-width: 1.0rem;
}
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteHead .order .buy_count,
.race #bets #buyBetList ul.orderList li.orderBody ul li.voteHead .buy_count
{
	margin-left: 1.8rem;
}
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteHead .order .res_count,
.race #bets #buyBetList ul.orderList li.orderBody ul li.voteHead .order .res_count
{
	color: #00f;
}

#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteHead .hit_amount,
.race #bets #buyBetList ul.orderList li.orderBody ul li.voteHead .hit_amount
{
	color: #f00;
	display: none;
}
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteHead .hit_amount.hit,
.race #bets #buyBetList ul.orderList li.orderBody ul li.voteHead .hit_amount.hit
{
	display: block;
}

#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteHead .buy_amount,
.race #bets #buyBetList ul.orderList li.orderBody ul li.voteHead  .buy_amount
{
}

#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteBet .order {
    min-width: 1.0rem;
}
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteBet .order .vote_no{
	font-weight:bold;
}

#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteBet .bet {
    padding-left: 0.8em;
    flex: 1.0;
}
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteBet .bet .type{
}
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteBet .bet .type .title{
	font-size:11px;
}

#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteBet .bet .type .title.same
{
	display:none ;
}
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteBet .bet .type .name
{
	font-size:12px;
	font-weight:bold;
}

#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteBet div.d-flex > .odds {
    margin-right: 0.8em;
    text-align: right;
    flex: 0.6;
    margin-top: auto;
}
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteBet div.d-flex > .odds .odds{
	font-size: 11px;
    font-weight: bold;
}
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteBet div.d-flex > .odds .pop{
	font-size: 11px;
}
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteBet .amount {
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    flex: 1.0;
    margin-top: auto;
}
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteBet .amount .buy_amount{

}
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteBet .amount .buy_amount.restore{
	text-decoration: line-through;
}

#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteBet .amount .hit_amount {
    color: #f00;
    display: none;
}
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteBet .amount .hit_amount.hit {
	display: block;
}

#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteBet .amount .res_amount {
    color: #00f;
    display: none;
}
#dlgVoteHistory .modal-body .voteHistory .orderList li.orderBody .voteList li.voteBet .amount .res_amount.restore{
	display: block;
}

/* 設定タブ */
.mypage .tabConfig{

}
.mypage .tabConfig .nav-item{
}
.mypage .tabConfig .nav-item a{
}

/* AI設定 */
.mypage .tabConfigContent #aiConfig{
}

.mypage .tabConfigContent #aiConfig .profile{
}

.mypage .tabConfigContent #aiConfig label.form-label,
.mypage .tabConfigContent #aiConfig .agents label.form-label,
.mypage .tabConfigContent #toolConfig label.form-label,
.mypage .tabConfigContent #patConfig label.form-label,
.mypage .tabConfigContent #generalConfig label.form-label
{
	display:block;
	margin:0.4rem 0.2rem 0.2rem 0.1rem;
}
.mypage .tabConfigContent #aiConfig label.form-label .explain,
.mypage .tabConfigContent #aiConfig .agents .explain,
.mypage .tabConfigContent #toolConfig label.form-label .explain,
.mypage .tabConfigContent #patConfig label.form-label .explain,
.mypage .tabConfigContent #generalConfig label.form-label .explain

{
	font-size: 0.7rem;
	color: #888;
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
}
.mypage .tabConfigContent #aiConfig .profile form{
	margin-bottom: 0.1rem;
}
.mypage .tabConfigContent #aiConfig .profile input[type=text]{
	width: 90%;
}
.mypage .tabConfigContent #aiConfig .profile input[name=api_key]{
	width: 90%;
    padding: 0.2rem 1.5rem 0.2rem 0.5rem;
    text-overflow: ellipsis;
}
.mypage .tabConfigContent #aiConfig .profile .toggleApiKeyPassword{
	position: relative;
    left: -1.5rem;
}

.mypage .tabConfigContent #aiConfig .multiselect-container.dropdown-menu.show{
	/*
	overflow-y:scroll;
	padding: 0.2rem 0.0rem
	*/
	box-shadow: 0.05rem 0.0rem 0.2rem #AAA;
}
.mypage .tabConfigContent #aiConfig .multiselect-container .multiselect-all,
.mypage .tabConfigContent #aiConfig .multiselect-container .multiselect-group,
.mypage .tabConfigContent #aiConfig .multiselect-container .multiselect-option {
    /*padding: .1rem .15rem .1rem .75rem;*/
}


.mypage .tabConfigContent #aiConfig button.singleselect{
    padding: .0rem 0.8rem .0rem .6rem;
	background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .3rem center/8px 10px
}
.mypage .tabConfigContent #aiConfig button.singleselect.disabled{
	background: #e9ecef url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .3rem center/8px 10px
}
.mypage .tabConfigContent #aiConfig button.singleselect-option{
}
.mypage .tabConfigContent #aiConfig .infomation button.singleselect-option{
	font-size: 0.8em;
}
.mypage .tabConfigContent #aiConfig .agents button.singleselect-option
{
	font-size: 0.875em;
}

.mypage .tabConfigContent #aiConfig button.singleselect-option .form-check-input
{
	margin-left: -1.5rem;
    margin-top: 0.25rem;
    width: 0.8rem;
    height: 0.8rem;
}
/* AIモデルリスト用チェックボックス */
.mypage .tabConfigContent #aiConfig button.singleselect-option.aiModel .form-check-input{
    margin-top: 0.1rem;
}
.mypage .tabConfigContent #aiConfig button.singleselect-option .form-check-label{
	margin-left: -0.5rem;
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
}
/* infomation内モデルリストのラジオボタンは非表示 */
/*.mypage .tabConfigContent #aiConfig .infomation button.singleselect-option .form-check-input
{
	margin-left: -1.5rem;
    margin-top: 0.4rem;
    display:none;
}
*/
/*.mypage .tabConfigContent #aiConfig .infomation button.singleselect-option .form-check-label
{
	margin-left: -1.5rem;
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
}*/

.mypage .tabConfigContent #aiConfig .profile .infomation{
	margin-top: 0.4rem;
}

.mypage .tabConfigContent #aiConfig .profile .infomation .card-header{
	padding: 0.3rem 0.75rem;
}

.mypage .tabConfigContent #aiConfig .profile .infomation .card-body{
	padding: 0.3rem 1.2rem 0.6rem 1.2rem;
}

.mypage .tabConfigContent #aiConfig .profile .infomation .emphasis{
	font-weight: bold;
}

.mypage .tabConfigContent #aiConfig .profile .infomation .message{
	font-size:0.85rem;
	color:#222;
}

.mypage .tabConfigContent #aiConfig .profile .infomation .error{
	font-size:0.85rem;
	color:#f00;
}

.mypage .tabConfigContent #aiConfig .profile .infomation .btnMakeApiKey{
	margin-top: 0.4rem;
}

.mypage .tabConfigContent #aiConfig .profile .infomation .profileButtons{

}

.mypage .tabConfigContent #aiConfig .profile .infomation .profileButtons button{
	margin: 0.0rem 0.1rem;
}

/* AIエージェント */
.mypage .tabAgents{
	border-bottom: 1px solid #007bff;
}
.mypage .tabAgents li.nav-item{
	margin-bottom: 0;
}
.mypage .tabAgents li.nav-item a.nav-link {
	font-size: 0.85rem;
	font-weight:bold;
	border-color: #dee2e6 #dee2e6 #fff;
	padding: .5rem 0.6rem;
}
.mypage .tabAgents li.nav-item a.nav-link.active {
	/*
	background-color: rgba(0, 0, 0, .03);
    color: #000;
    border-color: #dee2e6 #dee2e6 #fff;*/
    background-color: #007bff;
	color: #fff;
	border-color: #007bff #007bff #007bff;

}
.mypage .tabAgentsContent{
	border : 1px solid #dee2e6;
	margin: 0.0rem 0.0rem 1.5rem 0.0rem;
}
.mypage .tabAgentsContent .tab-pane{
	font-size: 1.0rem;
	margin: 0.6rem 0.6rem;
}
.mypage .tabAgentsContent form{
	margin-bottom: 0.5rem;
}
.mypage .tabAgentsContent form input[type=text]{
}
.mypage .tabAgentsContent form input[type=range]{
	margin-bottom: 1.2rem;
}


.mypage .tabAgentsContent .form-label .btn{
	font-size: 0.8rem;
    border-radius: 0.3rem;
}

.mypage .tabAgentsContent .card.editPrompt{
	margin: 0.6rem 0.0rem;
	padding: 0.0rem;
}
.mypage .tabAgentsContent .card.editPrompt .card-header{
	padding: 0.0rem;
}
.mypage .tabAgentsContent .card.editPrompt .card-header button{
}
.mypage .tabAgentsContent .card.editPrompt .card-body{
	padding: 0.1rem 0.5rem 0.5rem 0.5rem;
}

.mypage .tabAgentsContent .card.editPrompt .card-body textarea{
	font-size:0.8rem;
	line-height: 0.9rem;
	padding: .15rem .3rem;
}

.mypage .tabAgentsContent .quickPrompts{

}
.mypage .tabAgentsContent .quickPrompts .quickPrompt{

}
.mypage .tabAgentsContent .quickPrompts .quickPrompt .form-inline{
	margin: 0.2rem 0.0rem
}
.mypage .tabAgentsContent .quickPrompts .quickPrompt .form-inline .btn{
	font-size: 0.8rem;
    border-radius: 0.3rem;
}
.mypage .tabAgentsContent  .quickPrompts .quickPrompt input[type=checkbox]{
	width: 1.1rem;
    margin-right: 0.2rem;
}
.mypage .tabAgentsContent  .quickPrompts .quickPrompt input[type=text]{
	width:70%;
    padding: 0.0rem .4rem;
    height: calc(1.2em + .5rem + 2px);
    font-size: 0.9rem;

}
.mypage .tabAgentsContent .quickPrompts .quickPrompt textarea{
	font-size:0.8rem;
	line-height: 0.9rem;
	padding: .15rem .3rem;
}


.mypage .tabAgentsContent .quickPromptbuttons{
}

.mypage .tabAgentsContent .quickPromptbuttons .btn.btnPlus{
	margin-top: 0.0rem;
	border-radius: 0.4rem;
	font-size: 0.8rem;
}
.mypage .tabAgentsContent .quickPromptbuttons .limit{
	font-weight: bold;
    margin: 0.0rem 0.0rem;
    padding: 0.0rem 0.5rem;
    border: 1px solid #ccc;
    border-radius: 0.2rem;
    line-height: 2.0rem;
}

/* ツール設定 */
.mypage .tabConfigContent #toolConfig{
}

.mypage .tabConfigContent #toolConfig .toolList,
.mypage .tabConfigContent #patConfig .patList
{
	margin-bottom: 6.0rem;
}


.mypage .tabConfigContent #toolConfig .btn-group .btn-primary:not(:disabled):not(.disabled).active,
.mypage .tabConfigContent #toolConfig .btn-group .show>.btn-primary.dropdown-toggle,
.mypage .tabConfigContent #toolConfig .betTypeButtons button.active {
    color: #000;
    font-weight:bold;
    background-color: #FFA000;
    border-color: #005cbf;
}

/* PAT設定 */
.mypage .tabConfigContent #patConfig{
}


/* 一般設定 */
.mypage .tabConfigContent #generalConfig{
}

.mypage .tabConfigContent #generalConfig .configButtons{
	margin: 0.4rem 0.6rem;
	text-align: center;
}

.mypage .tabConfigContent #generalConfig .configButtons button{
	margin: 0.4rem 0.6rem;
}

/* 設定画面共通 */
.mypage .tabConfigContent .list-group{

}
.mypage .tabConfigContent .list-group .list-group-item{
	padding: 0.3rem 0.75rem;
}



/* トースト */
.mypage .toast{
	position: absolute;
    min-width: 280px;
    z-index: 99;
    transform: translateZ(99px);
	border: 1px solid rgba(0, 0, 0, .3);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .3);
}

.mypage .tabConfigContent #toolConfig .toast,
.mypage .tabConfigContent #patConfig .toast
{
	min-width: 300px;
}
.mypage .tabConfigContent #patConfig .toast.patToast
{
	min-width: 320px;
	margin-left: -0.5rem;
}

.mypage .tabConfigContent #toolConfig .toast .message
{
	font-size: 0.8rem;
	margin-bottom: 0.3rem;
}

.mypage .tabConfigContent #toolConfig .toast .message .betType{
	font-size: 1.0rem;
	font-weight: bold;
}

.mypage .tabConfigContent #toolConfig .toast .explain,
.mypage .tabConfigContent #patConfig .toast .explain
{
	text-align: center;
    font-size: 0.8rem;
    font-weight: bold;
    margin: 0.2rem 0.1rem;
}

.mypage .tabConfigContent #toolConfig .toast .danger,
.mypage .tabConfigContent #patConfig .toast .danger
{
	font-size: 0.7rem;
    color: #f00;
    font-weight: bold;
    text-align: left;
}

.mypage .tabConfigContent #toolConfig .toast .form-group,
.mypage .tabConfigContent #patConfig .toast .form-group
{
	text-align:center;
	margin: 0.0rem;
}

.mypage .tabConfigContent #toolConfig .toast .form-group .btn-group,
.mypage .tabConfigContent #patConfig .toast .form-group .btn-group
{
	margin-bottom: 0.2rem;
}

.mypage .tabConfigContent #toolConfig .toast .form-group .selectBetTypeButtons
{
	margin: 0.3rem 1.0rem;
}
.mypage .tabConfigContent #toolConfig .toast .form-group .selectBetTypeButtons button
{
	margin: 0.0rem 0.2rem;
}

.mypage .tabConfigContent #toolConfig .toast .footerButtons{
	padding-top: 0.5rem;
}

.mypage .tabConfigContent #toolConfig .toast .form-group .hide{
	display:none;
}

.mypage .tabConfigContent #toolConfig .toast .form-group .selectHorseNumSpinner{
	margin-top: 0.3rem;
}

.mypage .tabConfigContent #toolConfig .toast .form-group .input-group,
.mypage .tabConfigContent #patConfig .toast .form-group .input-group
{
	width: 100%;
	margin: 0.2rem 0.6rem;
}
.mypage .tabConfigContent #toolConfig .toast .form-group .input-group .unit,
.mypage .tabConfigContent #patConfig .toast .form-group .input-group .unit
{
    position: absolute;
    right: 0;
    color: #999;
    margin-top: 0.6rem;
    margin-right: 3.5rem;
}

.mypage .tabConfigContent #toolConfig .toast .form-group .input-group input[type="text"],
.mypage .tabConfigContent #patConfig .toast .form-group .input-group input[type="text"]
{
	border-color: #6c757d;
	min-height: 2.5em;
}

.mypage .tabConfigContent #toolConfig .toast .form-group .input-group button.btn-minus,
.mypage .tabConfigContent #patConfig .toast .form-group .input-group button.btn-minus
{
	border-radius: .25rem 0 0 .25rem;
    border-right: 0
}
.mypage .tabConfigContent #toolConfig .toast .form-group .input-group button.btn-plus,
.mypage .tabConfigContent #patConfig .toast .form-group .input-group button.btn-plus
{
	border-radius: 0 .25rem .25rem 0;
    border-left: 0
}

.mypage .tabConfigContent #patConfig .toast .form-group.form-check{
	margin: 0.5rem 1.0rem;
	padding: 0.0rem;
	border: 1px solid #AAA;
	border-radius: 0.2rem;
}

.mypage .tabConfigContent #patConfig .toast .form-group.form-check label{
	margin: 0.0rem;
	padding: 0.5rem 0.6rem;
}

.mypage .tabConfigContent #patConfig .toast .form-group.form-check .form-check-input{
	margin-top: .1rem;
}

/* AIアシスタント トースト */
.mypage .tabAgentsContent .toast{
	position: absolute;
    min-width: 240px;
    z-index: 99;
    transform: translateZ(99px);
    right: 0rem;
	border: 1px solid rgba(0, 0, 0, .3);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .3);
}

.mypage .tabAgentsContent .agentSaveButtons{
	margin-bottom: 1.0rem;
}

/* 設定保存アラートのみ中央寄せ */
.mypage .tabAgentsContent .agentSaveButtons .toast{
	right: unset;
}

.mypage  .toast .toast-header{
	background: #eee;
}
.mypage  .toast .toast-header .title{
}

.mypage  .toast .toast-body{
	/*padding: .75rem .75rem .2rem .75rem;*/
	padding: .6rem .6rem .3rem .6rem;
}

.mypage  .toast .toast-body .message{
}

/* PAT接続トースト */
.mypage  .toast.patToast .toast-body{
	padding: 0;
}
.mypage  .toast.patToast .toast-body .inner-padding{
	padding: .3rem .8rem;
}
.mypage  .toast.patToast .toast-body .config .inner-padding.collapse{
	background: #FF8;
	border-bottom: 1px solid #ccc;
}
.mypage  .toast.patToast .toast-body .inner-padding .message{
	text-align: center;
	font-size: 0.8rem;
	font-weight: bold;
	color: #f00;
}
.mypage  .toast.patToast .toast-body .footerButtons{
	padding: .2rem;
}
.mypage  .toast.patToast .toast-body .pat .footerButtons{
	border-top: 2px solid #ccc;
}

.mypage  .toast .toast-body .message .list-group{
	margin-top:0.3rem;
}

.mypage  .toast .toast-body .message .list-group .list-group-item{
	padding: .4rem 0.7rem;
}

/*============================
 コンテンツカード
============================*/
.card.zoom {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index:1;
	transform: translateZ(1px);
}
.card.zoom:hover,
.card.zoom.active
{
	cursor: pointer;
	box-shadow: 0 0 10px black;
	z-index:10;
	transform: scale(1.01, 1.1) translateZ(10px);
}

.card.zoom.videoCard {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index:1;
	transform: translateZ(1px);
}
.card.zoom.videoCard.active {
	cursor: pointer;
	box-shadow: 0 0 10px black;
	z-index:10;
	transform: scale(1.01, 1.1) translateZ(10px);
}

.card.videoCard .videoHeader video-js{
	aspect-ratio: 16 / 9;
    width: 100%;
    height: auto;
}

.card.zoom.videoCard .videoHeader video-js{
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index:1;
	transform: translateZ(1px);
}
.card.zoom.videoCard.active .videoHeader video-js{
	cursor: pointer;
	box-shadow: 0 0 10px black;
	z-index:10;
	transform: scale(1.5, 1.5) translateX(5%) translateZ(10px);
}
/* PC */
@media screen and (min-width: 768px){
	.card.zoom.videoCard.active video-js{
		cursor: pointer;
		box-shadow: 0 0 10px black;
		z-index:10;
		transform: scale(1.01, 1.1) translateZ(10px);
	}
	.card.zoom.videoCard.active .videoHeader video-js{
		cursor: pointer;
		box-shadow: 0 0 10px black;
		z-index:10;
		transform: scale(1.1, 1.1) translateZ(10px);
	}
}

/*============================
 ダイアログ
============================*/
.modal-dialog .modal-header{
	padding:0.3rem 0.8rem
}
.modal-dialog .modal-header .modal-title{
	font-size: 16px;
}
.modal-dialog .modal-footer{
	padding:0.3rem 0.8rem
}

/* ログインダイアログ */
#loginDialog{
}
#loginDialog .modal-content{
	box-shadow: 0 0 10px black;
}

/* ログアウトダイアログ */
#logoutDialog{
}
#logoutDialog .modal-content{
	box-shadow: 0 0 10px black;
}

/* メンテナンスダイアログ */
#dlgMentenance{

}
/* お知らせダイアログ */
#dlgNotice{

}

/* レース詳細ダイアログ */
#dlgKeiba{

}
#dlgKeiba .modal-dialog{
	/*中央寄せが無効になるのでNG*/
	margin: .4rem auto 0.2rem auto;
	width: 98%;
}
#dlgKeiba .modal-header{
	padding:0.3rem 0.8rem
}
#dlgKeiba .modal-header .modal-title{
	font-size: 16px;
}
#dlgKeiba .modal-body{
	padding:0;
}
/* AIチャット*/
#dlgKeiba .modal-body .agent{
	padding: 0.2rem 0.5rem;
	max-height: 100%;
}
#dlgKeiba .modal-body .agent .develop{
	font-size: 0.8rem;
    margin-bottom: 0.2rem;
    padding: 0.3rem 0.6rem;
    color: #fff;
    background-color: #ff7070;
    border-radius: 0.6rem;
    text-align: center;
}
#dlgKeiba .modal-body .agent .message{
	font-size: 0.9rem;
}

#dlgKeiba .modal-body .agent .form-group{
	margin-bottom: 0.2rem;
}
#dlgKeiba .modal-body .agent .form-group form{
	margin-bottom: 0.0rem;
}
#dlgKeiba .modal-body .agent .form-group form textarea{
}

#dlgKeiba .modal-body .agent .form-group form .chatButtons{
	margin-top: 0.2rem;
}

#dlgKeiba .modal-body .agent .form-group form .chatButtons .multiselect-native-select{
	flex: 0.4;
}
#dlgKeiba .modal-body .agent .form-group form .chatButtons .multiselect-native-select button.singleselect{
    font-size: 0.9em;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#dlgKeiba .modal-body .agent .form-group form .chatButtons .multiselect-native-select button.singleselect-option {
    font-size: 0.9em;
    padding: .15rem .3rem;
}

#dlgKeiba .modal-body .agent .form-group form .chatButtons .multiselect-native-select button.singleselect-option .form-check-input {
    margin-top: 0.1rem;
    width: 0.8rem;
    height: 0.8rem;
    display:none;
}

#dlgKeiba .modal-body .agent .form-group form .chatButtons .multiselect-native-select button.singleselect-option .form-check-label {
	margin-top: 0.1rem;
	margin-left: -1.2rem;

}

#dlgKeiba .modal-body .agent .form-group form .chatButtons .btnSendChat{
	font-size: 0.9rem;
	margin-left:auto;
	border-radius: 0.3rem;
	padding: .25rem 1.0rem;
}

#dlgKeiba .modal-body .agent .form-group form .chatButtons .multiselect-container.dropdown-menu.show{
	box-shadow: 0.05rem 0.0rem 0.2rem #AAA;
}

#dlgKeiba .modal-body .agent .chat-history{
	overflow-y: scroll;
}

#dlgKeiba .modal-body .agent .chat-history .loading::after {
  /*content: "Thinking...\f128";*/
  content: "Thinking...";
  display: block;
  font-size: 80%;
  font-style: italic;
  font-weight: 600;
  margin: 16px 0;
}

#dlgKeiba .modal-body .agent .chat-history .loading {
  opacity: 0.5;
}

#dlgKeiba .modal-body .agent .chat-history .error {
  color: red;
}

#dlgKeiba .modal-body .agent .chat-history button{
	margin: 1.5rem 1.5rem;
	border: 1px solid #bbb;
	border-radius: 0.5rem;
}
#dlgKeiba .modal-body .agent .chat-history button .name{
}
#dlgKeiba .modal-body .agent .chat-history button .explain{
	font-size: 0.9rem;
}

#dlgKeiba .modal-body .agent .chat-history .history-item {
  align-items: start;
  display: flex;
  justify-content: center;
  border: solid 1px #eee;
  border-radius: 0.4rem 0.4rem;
  margin-bottom: 0.2rem;
}


#dlgKeiba .modal-body .agent .chat-history .history-item .name {
    flex-shrink: 0;
    font-size: 80%;
    margin: 0.5rem 0.3rem;
    opacity: 0.8;
    text-align: center;
    width: 2.5rem;
}

#dlgKeiba .modal-body .agent .chat-history .history-item.user-role {
	background: rgba(127, 127, 127, 0.1);
}

#dlgKeiba .modal-body .agent .chat-history .history-item.user-role .name{
}
#dlgKeiba .modal-body .agent .chat-history .history-item.user-role .userIcon{
	font-size: 1.5rem;
}


#dlgKeiba .modal-body .agent .chat-history .history-item.model-role {
}

#dlgKeiba .modal-body .agent .chat-history .history-item > blockquote {
  flex-grow: 1;
  margin: 0;
  padding: 0.3rem 0.0rem 0.2rem 0.2rem;
  font-size: 80%;
}

#dlgKeiba .modal-body .agent .chat-history .history-item > blockquote p{
    margin-top: 0;
    margin-bottom: 0.2rem;
}

/* マークダウンテーブル */
/*
#dlgKeiba .modal-body .agent .chat-history .history-item > blockquote table{
	font-size: 0.8rem;
	border-radius: 0.3rem 0.3rem;
	overflow: hidden;
}
#dlgKeiba .modal-body .agent .chat-history .history-item > blockquote table td,
#dlgKeiba .modal-body .agent .chat-history .history-item > blockquote table th
{
    padding: 0.1rem 0.3rem;
}
*/
#dlgKeiba .modal-body .agent .chat-history .history-item > blockquote table{
	font-size:0.75rem;
	color: #333;
	border: 1px solid #222;
	border-radius: 0.3em;
	border-spacing: 0;
	border-collapse: separate;
	margin-bottom: 0.5rem;
}
#dlgKeiba .modal-body .agent .chat-history .history-item > blockquote table thead{
	color: #fff;
	background-color:rgba(0,0,0,1.0);
}
#dlgKeiba .modal-body .agent .chat-history .history-item > blockquote table thead tr:last-child th
{
	border-bottom: 2px solid #000;
}

#dlgKeiba .modal-body .agent .chat-history .history-item > blockquote table tr td,
#dlgKeiba .modal-body .agent .chat-history .history-item > blockquote table tr th
{
	border: none;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding: 0.1rem 0.3rem;
    line-height: 1.0rem;
}
#dlgKeiba .modal-body .agent .chat-history .history-item > blockquote table tr td:first-child,
#dlgKeiba .modal-body .agent .chat-history .history-item > blockquote table tr th:first-child
{
	border-left: none;
}
#dlgKeiba .modal-body .agent .chat-history .history-item > blockquote table tr td:last-child,
#dlgKeiba .modal-body .agent .chat-history .history-item > blockquote table tr th:last-child
{
	border-right: none;
}
#dlgKeiba .modal-body .agent .chat-history .history-item > blockquote table tr:first-child td,
#dlgKeiba .modal-body .agent .chat-history .history-item > blockquote table tr:first-child th
{
	border-top: none;
}
#dlgKeiba .modal-body .agent .chat-history .history-item > blockquote table tr:last-child td,
#dlgKeiba .modal-body .agent .chat-history .history-item > blockquote table tr:last-child th
{
	border-bottom: none;
}

#dlgKeiba .modal-body .agent .chat-history .history-item > blockquote h1
{
	font-size:1.3rem;
	font-weight: bold;
	margin-bottom: .1rem;
}
#dlgKeiba .modal-body .agent .chat-history .history-item > blockquote h2
{
	font-size:1.2rem;
	font-weight: bold;
	margin-bottom: .1rem;
}
#dlgKeiba .modal-body .agent .chat-history .history-item > blockquote h3,
#dlgKeiba .modal-body .agent .chat-history .history-item > blockquote h4
{
	font-size:1.1rem;
	font-weight: bold;
	margin-bottom: .1rem;
}
#dlgKeiba .modal-body .agent .chat-history .history-item > blockquote h5,
#dlgKeiba .modal-body .agent .chat-history .history-item > blockquote h6
{
	font-size:1.0rem;
	font-weight: bold;
	margin-bottom: .1rem;
}

#dlgKeiba .modal-body .agent .chat-history .history-item > blockquote pre,
#dlgKeiba .modal-body .agent .chat-history .history-item > blockquote pre code
{
	overflow: hidden;
	overflow-wrap: anywhere;
}

#dlgKeiba .modal-body .agent .chat-history .history-item > blockquote pre code svg
{
	vertical-align: baseline;
}

#dlgKeiba .modal-footer .btnBetSearch{
	margin-right:auto;
}
#dlgKeiba .modal-footer .btnReload{
	position: absolute;
    right: 1.0rem;
}

/* 利用規約ダイアログ */
#dlgCondition{
}
#dlgCondition .modal-body{
    font-size:12px;
}
#dlgCondition .modal-body .card-body{
	padding:0px;
}

/* 会員登録ダイアログ */
#dlgRegistMember{
}
#dlgRegistMember .modal-body{
}
#dlgRegistMember .modal-body .card-body{
	padding:0px;
}

/* 決済ダイアログ */
#dlgPayment{
}
#dlgPayment .modal-body{
	padding:0px;
	/*min-height:480px;*/
}
#dlgPayment .modal-body .card-body{
	/*padding:0px;*/
	min-height:480px;
}
#dlgPayment .modal-body .card-body iframe{
	width:100%;
	min-height:480px;
}

/* 退会確認ダイアログ */
#dlgUnsubscribe{
}
#dlgUnsubscribe .modal-body{
}
#dlgUnsubscribe .modal-body .card-body{
}
#dlgUnsubscribe .modal-body .card-body .toast{
	position: absolute;
}

/* PATダイアログ */
#dlgPat{

}
#dlgPat .modal-dialog.modal-dialog-scrollable{
	max-height: calc(100% - 3.0rem);
    min-height: calc(100% - 3.0rem);
}

#dlgPat .modal-body{
}


/*============================
 ツールチップ
============================*/
#horses .sortButtons .tooltip.tooltip-danger,
#horses .searchButtons .tooltip.tooltip-danger,
#bets #betList .sortBetButtons .tooltip.tooltip-danger,
#bets #betList .betResearch .tooltip.tooltip-danger,
#horses .predictArea .modeAlert .tooltip.tooltip-danger
{
	font-size:11px;
}

#horses .predictArea .modeAlert .tooltip.tooltip-danger{
	top: -44px;
    left: 8px;
}

#horses .sortButtons .tooltip.tooltip-danger > .tooltip-inner,
#horses .searchButtons .tooltip.tooltip-danger > .tooltip-inner,
#bets #betList .sortBetButtons .tooltip.tooltip-danger > .tooltip-inner,
#bets #betList .betResearch .tooltip.tooltip-danger > .tooltip-inner,
#horses .predictArea .modeAlert .tooltip.tooltip-danger > .tooltip-inner
{
	/*color:#000;*/
	background-color:#ff7070;
}
/*
#horses .sortButtons .tooltip.tooltip-danger .arrow,
#horses .searchButtons .tooltip.tooltip-danger .arrow,
#bets #betList .sortBetButtons .tooltip.tooltip-danger .arrow,
#bets #betList .betResearch .tooltip.tooltip-danger .arrow,
#horses .predictArea .modeAlert .tooltip.tooltip-danger .arrow
{
    border-top-color: #ff7070;
}*/
#horses .sortButtons > .bs-tooltip-auto[x-placement^=top] .arrow::before,
#horses .sortButtons > .bs-tooltip-top .arrow::before,
#horses .searchButtons > .bs-tooltip-auto[x-placement^=top] .arrow::before,
#horses .searchButtons > .bs-tooltip-top .arrow::before,
#bets #betList .sortBetButtons .bs-tooltip-auto[x-placement^=top] .arrow::before,
#bets #betList .sortBetButtons .bs-tooltip-top .arrow::before,
#bets #betList .betResearch .bs-tooltip-auto[x-placement^=top] .arrow::before,
#bets #betList .betResearch .bs-tooltip-top .arrow::before,
#horses .predictArea .modeAlert > .bs-tooltip-auto[x-placement^=top] .arrow::before,
#horses .predictArea .modeAlert > .bs-tooltip-top .arrow::before
{
    border-top-color: #ff7070;
}
#horses .sortButtons > .bs-tooltip-auto[x-placement^=bottom] .arrow::before,
#horses .sortButtons >.bs-tooltip-bottom .arrow::before,
#horses .searchButtons > .bs-tooltip-auto[x-placement^=bottom] .arrow::before,
#horses .searchButtons >.bs-tooltip-bottom .arrow::before,
#bets #betList .sortBetButtons > .bs-tooltip-auto[x-placement^=bottom] .arrow::before,
#bets #betList .sortBetButtons >.bs-tooltip-bottom .arrow::before,
#bets #betList .betResearch > .bs-tooltip-auto[x-placement^=bottom] .arrow::before,
#bets #betList .betResearch >.bs-tooltip-bottom .arrow::before,
#horses .predictArea .modeAlert > .bs-tooltip-auto[x-placement^=bottom] .arrow::before,
#horses .predictArea .modeAlert >.bs-tooltip-bottom .arrow::before
{
    border-bottom-color:#ff7070;
}
#horses .sortButtons > .bs-tooltip-auto[x-placement^=left] .arrow::before,
#horses .sortButtons >.bs-tooltip-left .arrow::before,
#horses .searchButtons > .bs-tooltip-auto[x-placement^=left] .arrow::before,
#horses .searchButtons >.bs-tooltip-left .arrow::before,
#bets #betList .sortBetButtons > .bs-tooltip-auto[x-placement^=left] .arrow::before,
#bets #betList .sortBetButtons >.bs-tooltip-left .arrow::before,
#bets #betList .betResearch > .bs-tooltip-auto[x-placement^=left] .arrow::before,
#bets #betList .betResearch >.bs-tooltip-left .arrow::before,
#horses .predictArea .modeAlert > .bs-tooltip-auto[x-placement^=left] .arrow::before,
#horses .predictArea .modeAlert >.bs-tooltip-left .arrow::before
{
    border-left-color:#ff7070;
}
#horses .sortButtons > .bs-tooltip-auto[x-placement^=right] .arrow::before,
#horses .sortButtons >.bs-tooltip-right .arrow::before,
#horses .searchButtons > .bs-tooltip-auto[x-placement^=right] .arrow::before,
#horses .searchButtons >.bs-tooltip-right .arrow::before,
#bets #betList .sortBetButtons > .bs-tooltip-auto[x-placement^=right] .arrow::before,
#bets #betList .sortBetButtons >.bs-tooltip-right .arrow::before,
#bets #betList .betResearch > .bs-tooltip-auto[x-placement^=right] .arrow::before,
#bets #betList .betResearch >.bs-tooltip-right .arrow::before,
#horses .predictArea .modeAlert > .bs-tooltip-auto[x-placement^=right] .arrow::before,
#horses .predictArea .modeAlert >.bs-tooltip-right .arrow::before
{
    border-right-color:#ff7070;
}