@charset "euc-jp";

/*==============================================
馬券アドバイザー
================================================
0.0 - 共通パーツ
0.1 - CTAボタン
1.0 - ウィークリーレポート
2.0 - 馬券診断
3.0 - 馬券レーティング
4.0 - 馬券スタイル
5.0 - 今週の得意レース
6.0 - リアルタイム収支
6.1 - リアルタイム収支 - 比較
7.0 - モーダル
8.0 - 馬券分析
9.0 - 馬券詳細分析
10.0 - My収支詳細分析 検索結果画面_通常
10.1 - 通常--Table
11.0 - My収支詳細分析_購入レース詳細
12.0 - 【no.65】儲かる条件_top
13.0 - 【no.66】みんなのメモラベル 詳細
14.0 - AIアドバイザーとは
15.0 - 説明用モーダル
==============================================*/

/*----------------------------------------------
# 0.0 - 共通パーツ
----------------------------------------------*/
header .Submit_Btn_Box input.Submit_Btn {
  padding: 0;
}
.Title_Sec2 {
  margin-bottom: 21px;
  margin-top: 21px;
}
.Title_Sec2 h3 {
  background: #3251BC;
  border-radius: 1em;
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
  padding: 3px 22px;
  text-align: left;
}
.ContentsTitle02 {
  color: #777;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 10px;
}
.Title_Data {
  font-size: 15px;
  font-weight: 600;
  color: #3251BC;
}
.Up {
  color: #EF5350;
}
.Down {
  color: #091C5F;
}
.Key_Color_Red {
  color: #EF5350;
}
.Key_Color_Blue {
  color: #0033AA;
}
.plus {
  font-weight: 600;
  color: #EF5350;
}
.minus {
  font-weight: 600;
  color: #31A1CB;
}

section.Contents_Box.Top_RaceMenu {
  background: #FFF;
}
/* .sort_icon {
  background: transparent;
  border: none;
  line-height: 1;
}
.sort_icon::after {
  transform: none;
} */
.tablesorter-headerDesc .sort_icon,
.tablesorter-headerAsc .sort_icon {
  background: transparent;
  border: none;
}
.tablesorter-headerDesc .sort_icon::after,
.tablesorter-headerAsc .sort_icon::after {
  transform: inherit;
  border: none;
  top: auto;
  border: 4px solid transparent;
  border-top-color: #66666687;
  bottom: -1px;
}
.tablesorter-headerAsc .sort_icon::before {
	border-width: 7px 4px;
	margin-top: -11px;
}
.tablesorter-headerAsc .sort_icon::after {
	display: none;
}
.tablesorter-headerDesc .sort_icon::before {
	display: none;
}
.tablesorter-headerDesc .sort_icon::after {
	border-width: 7px 4px;
	margin-top: -4px;
}

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }

@keyframes displayAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.AI_adviser_tab{
  width: 100%;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border:1px solid #FFFFFF;
  border-radius: 4px;
}
.AI_adviser_tab li{
  width: 50%;
  background: #3251BC;
  text-align: center;
}
.AI_adviser_tab li:nth-of-type(1){
  border-radius: 3px 0 0 3px;
}
.AI_adviser_tab li:nth-of-type(2) {
  border-radius: 0 3px 3px 0;
}
.AI_adviser_tab li.active{
  background: #FFFFFF;
}
.AI_adviser_tab li a{
  display: block;
  padding: 9px 0;
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
}
.AI_adviser_tab li.active a{
  color:#3251BC;
}
.WeeklyReport_Title h2 .master_course_badge,
.Title_Sec2 .master_course_badge,
.Advisor_CTA .master_course_badge{
  display: inline-block;
  margin-left: 7px;
  padding: 2px 6px;
  background: #9C6AD6;
  border-radius: 50px;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
  position: relative;
  top: -3px;
}
.Advisor_CTA .master_course_badge{
  top:0;
}
/*----------------------------------------------
# 0.1 - CTAボタン
----------------------------------------------*/
.Advisor_CTA a {
  border-radius: 20px;
  border: 1px solid #e0e0e0;
  display: block;
  padding: 3px;
  font-size: 12px;
  text-align: center;
  margin: 0 auto;
  color: #888;
  font-weight: bold;
  background: #FFF;
}
.Advisor_CTA a .Icon_Arrow {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin-left: 13px;
  width: 9px;
  height: 7px;
  background: url(../img/shushi/icon_sprite_column.png) no-repeat;
  -webkit-background-size: 70px auto;
  -moz-background-size: 70px auto;
  background-size: 70px auto;
  background-position: -26px -85px;
}

.Advisor_CTA02 a {
  position: relative;
  margin: 30px auto 0;
  width: 300px;
  height: 36px;
  line-height: 36px;
  background: #EDEBE5;
  border: solid 1px #D2D1CB;
  border-radius: 4px;
  display: block;
  font-size: 15px;
  text-align: center;
  color: #666;
  font-weight: bold;
}
.Advisor_CTA02 a .Icon_Arrow {
  display: inline-block;
  width: 7px;
  height: 8px;
  background: url(../img/icon/icon_arrow.png) no-repeat;
  background-size: contain;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.Advisor_CTA02 a:hover{
	background: #f9f9f9;
	color: #e36a5c;
}

.Style_Wrap .Advisor_CTA02 a {
  margin: 20px auto 10px;
}

/*----------------------------------------------
# 0.2 - My収支メニュー
----------------------------------------------*/
/* お気に入り馬メニュー */
ul.ShushiMenuList {
	margin: 20px 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 16px;
}
ul.ShushiMenuList li{
  flex: 1;
}
ul.ShushiMenuList li:last-of-type {
  margin-right: 0;
}

ul.ShushiMenuList li a.LinkBox_01{
	display: block;
	background: #f5f4f1;
	border-radius: 4px;
	border: 1px solid #e0e0e0;
	padding: 8px 0;
	box-shadow: 0 1px 0 #e0e0e0;
	text-align: center;
	color: #444;
  font-size: 16px;
	font-weight: bold;
}
ul.ShushiMenuList li.Active a.LinkBox_01{
  background-color: #3251BC;
  border-color: #3251BC;
  color: #fff;
}
ul.ShushiMenuList li a.LinkBox_01:hover{
	background: #f9f9f9;
	color: #e36a5c;
}
ul.ShushiMenuList li.Active a.LinkBox_01:hover{
  background-color: #3251BC;
  color: #fff;
}



/*----------------------------------------------
# 1.0 - ウィークリーレポート
----------------------------------------------*/
section.WeeklyReport_Wrap,
.Style_Wrap {
  position: relative;
  background: #3251BC;
  padding: 15px 10px;
}
section.WeeklyReport_Wrap{
}

section.WeeklyReport_Wrap::after,
.Style_Wrap::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -36px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translate(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 36px solid transparent;
  border-left: 36px solid transparent;
  border-top: 36px solid #3251BC;
  border-bottom: 0;
}
.WeeklyReport_Title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.WeeklyReport_Title h2 {
  color: #FFF;
  font-size: 18px;
  font-weight: 600;
}
.WeeklyReport_Title h2 span{
  position: relative;
  display: block;
  padding: 3px 8px;
  background:#6B81CE;
  font-size: 66.67%;
  font-weight: bold;
  color: #FFFFFF;
  border-radius: 8px;
}
.WeeklyReport_Title h2 span::before{
  content: '';
  display: block;
  position: absolute;
  top: 65%;
  left: 0px;
  transform: rotate(25deg);
  width: 10px;
  height: 10px;
  background: #6B81CE;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.WeeklyReport_Title h2 svg{
  position: relative;
  top: 2px;
}
.WeeklyReport_Term {
  width: 100%;
  max-width: 135px;
}
ul.Tab_Col3 li {
  width: calc(100% / 3);
}
.WeeklyReport_Term ul {
  display: flex;
  align-items: center;
  height: 32px;
}
.WeeklyReport_Term ul li {
  text-align: center;
}
.WeeklyReport_Term ul li a {
  color: #3251BC;
  background: #FFF;
  display: block;
  height: 100%;
  line-height: 33px;
  font-size: 15px;
}
.WeeklyReport_Term ul li:first-child a {
  border-radius: 4px 0 0 4px;
}
.WeeklyReport_Term ul li:last-child a {
  border-radius: 0 4px 4px 0;
}
.WeeklyReport_Term ul li:nth-child(2n) a {
  border-left: 1px solid #8FA4ED;
  border-right: 1px solid #8FA4ED;
}
.WeeklyReport_Term ul li.Active a {
  background: #8FA4ED;
  color: #FFF;
  font-weight: 600;
}


section.WeeklyReport_Wrap .w_355 {
  width: 355px;
  margin: 0 auto;
}

.AdvisorTop .WeeklyReportDate_Wrap {
  justify-content: center;
}
.WeeklyReportDate_Wrap {
  max-width: 355px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 30px auto 17px;
}
.WeeklyReportDate_Wrap div.Prev,
.WeeklyReportDate_Wrap div.Next {
  background: #FFF;
  width: 20px;
  height: 20px;
  border-radius: 20px;
}
.WeeklyReportDate_Wrap div.Prev:has(.Normal),
.WeeklyReportDate_Wrap div.Next:has(.Normal) {
  opacity: 0.3;
}
.WeeklyReportDate_Wrap div.Prev a,
.WeeklyReportDate_Wrap div.Next a,
.WeeklyReportDate_Wrap div.Prev span,
.WeeklyReportDate_Wrap div.Next span {
  display: block;
  padding: 7px;
  line-height: 0;
  font-size: 0;
  color: transparent;
}
.WeeklyReportDate_Wrap div.Prev a:after,
.WeeklyReportDate_Wrap div.Next a:after,
.WeeklyReportDate_Wrap div.Prev span:after,
.WeeklyReportDate_Wrap div.Next span:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 1px;
  background: none;
}
.WeeklyReportDate_Wrap div.Prev a:after,
.WeeklyReportDate_Wrap div.Prev span:after {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
.WeeklyReportDate_Wrap div.Next a:after,
.WeeklyReportDate_Wrap div.Next span:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.WeeklyReportDate_Wrap div.Prev a:after,
.WeeklyReportDate_Wrap div.Next a:after,
.WeeklyReportDate_Wrap div.Prev span:after,
.WeeklyReportDate_Wrap div.Next span:after {
  border-top: 2px solid #3251BC;
  border-right: 2px solid #3251BC;
}
.WeeklyReportDate_Wrap div.Date {
  font-size: 21px;
  font-weight: bold;
  line-height: 19px;
  color: #FFF;
}
.AdvisorTop .WeeklyReport_Message {
  position: relative;
  max-width: 355px;
  margin: 0 auto;
  padding: 12px;
  margin-bottom: 16px;
  background: #697FCE;
  border-radius: 8px;
}
.AdvisorTop .WeeklyReport_Message::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 18px solid transparent;
  border-left: 18px solid transparent;
  border-top: 18px solid #697fce;
  border-bottom: 0;
  border-radius: 4px;
}
.AdvisorTop .WeeklyReport_Message p {
  font-size: 14px;
  color: #FFF;
  line-height: 18px;
}

.WeeklyReport_TopCont {
  display: flex;
  gap: 0 15px;
}
.AdvisorTop .WeeklyReport_Data {
  flex-shrink: 1;
  width: 50%;
}
.WeeklyReport_TopCont .WeeklyReport_Data{
  position: relative;
}
.WeeklyReport_TopCont .WeeklyReport_Data_Inner {
  padding-bottom: 24px;
}
.WeeklyReport_TopCont .WeeklyReport_Data_Inner>.Advisor_CTA a {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 10px;
}



.WeeklyReport_Data {
  background: #FFF;
  padding: 10px;
  border-radius: 8px;
}
.WeeklyReport_Data h3 {
  color: #444;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}
.WeeklyReport_Data .Tab_Col2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.WeeklyReport_Data .Tab_Col2 label {
  width: 100%;
  text-align: center;
  border: 1px solid #3251BC;

}
.WeeklyReport_Data .Tab_Col2 label.Shindan {
  border-radius: 4px 0px 0px 4px;
}
.WeeklyReport_Data .Tab_Col2 label.Rating {
  border-radius: 0px 4px 4px 0px;
}
.WeeklyReport_Data .Tab_Col2 label {
  color: #3251BC;
  font-size: 14px;
  font-weight: 600;
  display: block;
  line-height: 32px;
  flex: 1 1;
  order: -1;
}
.WeeklyReport_Data .Tab_Col2 label:has(:checked) {
  background: #3251BC;
  color: #FFF;
}
.WeeklyReport_Data_Inner.Shindan_Tab_Content,
.WeeklyReport_Data_Inner.Rating_Tab_Content {
  display: none;
  width: 100%;
}
.Tab_Col2 label:has(:checked) + div {
  display: block!important;
}

.WeeklyReport_Shindan .WeeklyReport_Data_Inner {
  display: flex;
  gap: 0 10px;
  height: 100px;
}
.WeeklyReport_Shindan .WeeklyReport_RecoveryRate{
  width: 350px;
  align-items: flex-end;
  margin: 0;
}
.WeeklyReport_Shindan .WeeklyReport_HitRate{
  width: 320px;
}

.WeeklyReport_RecoveryRate {
  border-radius: 4px;
  background: #EFF3FF;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 8px 0;
}
.RecoveryRate_Value {
  font-family: Arial,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo", "メイリオ", sans-serif;
  font-size: 52px;
  color: #333;
}
.RecoveryRate_Value span {
  font-size: 34px;
}
.RecoveryRate_Wrap {
  display: flex;
  align-items: center;
  gap: 0 12px;
  line-height: 1;
}
.Up_and_Down {
  font-size: 18px;
  font-family: Arial,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo", "メイリオ", sans-serif;
}
.Up::after {
  content: "\2191";
}
.Down::after {
  content: "\2193";
}
.WeeklyReport_HitRate {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 10px;
}
.Title_Data2 {
  color: #3251BC;
  font-size: 13px;
  font-weight: 600;
}
.HitRate_Wrap,
.PurchaseAmount_Wrap,
.RecoveryRateAmount_Wrap {
  border-radius: 4px;
  background: #EFF3FF;
  padding: 5px 10px;
}
.HitRate_Wrap {
  align-self: stretch;
  width: 32%;
}
.HitRate_Value {
  font-size: 39px;
  font-family: Arial,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo", "メイリオ", sans-serif;
  color: #333;
  margin-top: 15px;
  text-align: center;
  line-height: 1;
}
.HitRate_Value span {
  font-size: 24px;
}
.HitRate_Value .Down,
.PurchaseAmount_Wrap .Down,
.RecoveryRateAmount_Wrap .Down,
.HitRate_Value .Up,
.PurchaseAmount_Wrap .Up,
.RecoveryRateAmount_Wrap .Up {
  font-size: 12px;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo", "メイリオ", sans-serif;
  margin-top: 4px;
}
.WeeklyReport_Amount {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
  width: 68%;
}
.PurchaseAmount_Wrap,
.RecoveryRateAmount_Wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.PurchaseAmount_Wrap .PurchaseAmount_Value,
.RecoveryRateAmount_Wrap .RecoveryRateAmount_Value {
  text-align: right;
  font-family: Arial,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo", "メイリオ", sans-serif;
  font-size: 21px;
  line-height: 1;
}
.RecoveryRateAmount_Wrap .RecoveryRateAmount_Value span,
.PurchaseAmount_Wrap .PurchaseAmount_Value span {
  font-size: 12px;
  margin-left: 4px;
}
.WeeklyReport_Data_Inner>.Advisor_CTA {
  margin-top: 10px;
}
.WeeklyReport_Data_Inner>.Advisor_CTA a {
  width: 180px;
  color: #3251BC;
  border-color: #3251BC;
  font-weight: normal;
  padding: 3px;
  border-radius: 12px;
}

/* 馬券レーティング */
.WeeklyReport_RatingData {
  /* display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 10px; */
}
.WeeklyReport_Data_Inner.Rating_Tab_Content {
 margin: 10px 0;
}
.WeeklyReport_RatingData>.WeeklyReport_RecoveryRate,
.WeeklyReport_RatingData>.WeeklyReport_HitRate {
  border-radius: 4px;
  background: #EFF3FF;
  padding: 10px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 10px;
}
.WeeklyReport_RatingData>.WeeklyReport_RecoveryRate .RecoveryRate_Value,
.WeeklyReport_RatingData>.WeeklyReport_HitRate .HitRate_Value {
  font-size: 33px;
  line-height: 24px;
  margin: unset;
}
.WeeklyReport_RatingData>.WeeklyReport_RecoveryRate .RecoveryRate_Value span,
.WeeklyReport_RatingData>.WeeklyReport_HitRate .HitRate_Value span {
  font-size: 21px;
}
.WeeklyReport_RatingData>.WeeklyReport_RecoveryRate img,
.WeeklyReport_RatingData>.WeeklyReport_HitRate img {
  width: 100%;
  height: 105px;
  object-fit: cover;
}

/*----------------------------------------------
# 2.0 - 馬券診断
----------------------------------------------*/
/* .Shindan_Inner,
.Rating_Inner,
.Race_Entry_Inner,
.Betting_Accuracy_Inner,
.Ticket_Type_Inner {
  padding: 0 10px;
} */

.Chart_Cont {
  display: flex;
  align-items: center;
  gap: 10px;
}
.Chart_Item {
  width: 50%;
}

.Chart_Label_Wrap {
  max-width: 400px;
  margin: 0 auto 18px;
}
.Chart_Label_Wrap ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #444444;
  font-size: 10px;
  flex-wrap: wrap;
  width: 100%;
  gap: 0 4px;
}
.Chart_Label_Wrap ul li {
  display: flex;
  align-items: center;
  gap: 3px;
}
.Chart_Label_Wrap ul li:before {
  content: '';
  display: block;
  width: 10px;
  max-width: 10px;
  min-width: 10px;
  height: 10px;
  margin-bottom: 4px;
}
/* 券種別 - BET */
.Chart_Label_Wrap ul li.bet1::before,
.Tooltip_Label_Color.bet1 {
  background: #565EB0;
}
.Chart_Label_Wrap ul li.bet2::before,
.Tooltip_Label_Color.bet2 {
  background: #CB5353;
}
.Chart_Label_Wrap ul li.bet3::before,
.Tooltip_Label_Color.bet3 {
  background: #52A455;
}
.Chart_Label_Wrap ul li.bet4::before,
.Tooltip_Label_Color.bet4 {
  background: #87599A;
}
.Chart_Label_Wrap ul li.bet5::before,
.Tooltip_Label_Color.bet5 {
  background: #529FA8;
}
.Chart_Label_Wrap ul li.bet6::before,
.Tooltip_Label_Color.bet6 {
  background: #E5A339;
}
.Chart_Label_Wrap ul li.bet7::before,
.Tooltip_Label_Color.bet7 {
  background: #4A94BC;
}
.Chart_Label_Wrap ul li.bet8::before,
.Tooltip_Label_Color.bet8 {
  background: #E4813E;
}
/* 競馬場別 - JYO */
.Chart_Label_Wrap ul li.jyo1::before,
.Tooltip_Label_Color.jyo1 {
  background: #81D4FA;
}
.Chart_Label_Wrap ul li.jyo2::before,
.Tooltip_Label_Color.jyo2 {
  background: #1976D2;
}
.Chart_Label_Wrap ul li.jyo3::before,
.Tooltip_Label_Color.jyo3 {
  background: #26A69A;
}
.Chart_Label_Wrap ul li.jyo4::before,
.Tooltip_Label_Color.jyo4 {
  background: #8BC34A;
}
.Chart_Label_Wrap ul li.jyo5::before,
.Tooltip_Label_Color.jyo5 {
  background: #FDD835;
}
.Chart_Label_Wrap ul li.jyo6::before,
.Tooltip_Label_Color.jyo6 {
  background: #F57C00;
}
.Chart_Label_Wrap ul li.jyo7::before,
.Tooltip_Label_Color.jyo7 {
  background: #8D6E63;
}
.Chart_Label_Wrap ul li.jyo8::before,
.Tooltip_Label_Color.jyo8 {
  background: #9575CD;
}
.Chart_Label_Wrap ul li.jyo9::before,
.Tooltip_Label_Color.jyo9 {
  background: #F06292;
}
.Chart_Label_Wrap ul li.jyo10::before,
.Tooltip_Label_Color.jyo10 {
  background: #BCB052;
}
/* コース別 - TRACK */
.Chart_Label_Wrap ul li.track1::before,
.Tooltip_Label_Color.track1 {
  background: #58AF4A;
}
.Chart_Label_Wrap ul li.track2::before,
.Tooltip_Label_Color.track2 {
  background: #874C11;
}
.Chart_Label_Wrap ul li.track3::before,
.Tooltip_Label_Color.track3 {
  background: #555555;
}
/* 馬場別 - BABA */
.Chart_Label_Wrap ul li.baba1::before,
.Tooltip_Label_Color.baba1 {
  background: #B3E5FC;
}
.Chart_Label_Wrap ul li.baba2::before,
.Tooltip_Label_Color.baba2 {
  background: #29B6F6;
}
.Chart_Label_Wrap ul li.baba3::before,
.Tooltip_Label_Color.baba3 {
  background: #039BE5;
}
.Chart_Label_Wrap ul li.baba4::before,
.Tooltip_Label_Color.baba4 {
  background: #0277BD;
}
/* 出走頭数別 - TOSU */
.Chart_Label_Wrap ul li.tosu1::before,
.Tooltip_Label_Color.tosu1 {
  background: #D1C4E9;
}
.Chart_Label_Wrap ul li.tosu2::before,
.Tooltip_Label_Color.tosu2 {
  background: #9575CD;
}
.Chart_Label_Wrap ul li.tosu3::before,
.Tooltip_Label_Color.tosu3 {
  background: #5E35B1;
}
.Chart_Label_Wrap ul li.tosu4::before,
.Tooltip_Label_Color.tosu4 {
  background: #311B92;
}
/* 距離別 - KYORI */
.Chart_Label_Wrap ul li.kyori1::before,
.Tooltip_Label_Color.kyori1 {
  background: #DCEDC8;
}
.Chart_Label_Wrap ul li.kyori2::before,
.Tooltip_Label_Color.kyori2 {
  background: #AED581;
}
.Chart_Label_Wrap ul li.kyori3::before,
.Tooltip_Label_Color.kyori3 {
  background: #8BC34A;
}
.Chart_Label_Wrap ul li.kyori4::before,
.Tooltip_Label_Color.kyori4 {
  background: #689F38;
}
.Chart_Label_Wrap ul li.kyori5::before,
.Tooltip_Label_Color.kyori5 {
  background: #558B2F;
}
.Chart_Label_Wrap ul li.kyori6::before,
.Tooltip_Label_Color.kyori6 {
  background: #33691E;
}
/* 本命馬オッズ別 - ODDS */
.Chart_Label_Wrap ul li.odds1::before,
.Tooltip_Label_Color.odds1 {
  background: #999999;
}
.Chart_Label_Wrap ul li.odds2::before,
.Tooltip_Label_Color.odds2 {
  background: #E53935;
}
.Chart_Label_Wrap ul li.odds3::before,
.Tooltip_Label_Color.odds3 {
  background: #C62828;
}
.Chart_Label_Wrap ul li.odds4::before,
.Tooltip_Label_Color.odds4 {
  background: #E57373;
}
.Chart_Label_Wrap ul li.odds5::before,
.Tooltip_Label_Color.odds5 {
  background: #EF9A9A;
}
.Chart_Label_Wrap ul li.odds6::before,
.Tooltip_Label_Color.odds6 {
  background: #FFCDD2;
}
.Chart_Label_Wrap ul li.odds7::before,
.Tooltip_Label_Color.odds7 {
  background: #FFEBEE;
}
/* 1Rあたりの印の数 - MARK */
.Chart_Label_Wrap ul li.mark1::before,
.Tooltip_Label_Color.mark1 {
  background: #EFEBE9;
}
.Chart_Label_Wrap ul li.mark2::before,
.Tooltip_Label_Color.mark2 {
  background: #BCAAA4;
}
.Chart_Label_Wrap ul li.mark3::before,
.Tooltip_Label_Color.mark3 {
  background: #8D6E63;
}
.Chart_Label_Wrap ul li.mark4::before,
.Tooltip_Label_Color.mark4 {
  background: #6D4C41;
}
.Chart_Label_Wrap ul li.mark5::before,
.Tooltip_Label_Color.mark5 {
  background: #E5DDA3;
}
.Chart_Label_Wrap ul li.mark6::before,
.Tooltip_Label_Color.mark6 {
  background: #BAB067;
}
.Chart_Label_Wrap ul li.mark7::before,
.Tooltip_Label_Color.mark7 {
  background: #9A8A16;
}

.Chart_Wrap {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 0 36px;
}
.Chart_Col_1,
.Chart_Col_2 {
  width: 40%;
  position: relative;
}
.Chart_Col_1 img,
.Chart_Col_2 img {
  width: 100%;
  height: auto;
}
div[class^="Chart_Col_"] .Modal {
  display: none;
  width: 100%;
  position: absolute;
  top: calc(50% - 12px);
  left: 50%;
  transform: translate(-50%, -50%);
  background: #FFF;
  padding: 14px;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  line-height: 1.4rem;
  color: #777;
  animation-name: displayAnimation;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}
.Chart_Caption {
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  color: #444;
  margin-top: 8px;
}
.ChartDescription_Wrap {
  background: #F5F4F1;
  border-radius: 10px;
  padding: 12px 10px;
  color: #444;
  position: relative;
}
.ChartDescription_Wrap:last-of-type {
  margin-top: 20px;
}
.ChartDescription_Wrap .Title_Data3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 6px;
}
.ChartAmount_Wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  line-height: 1;
}
.PurchaseAmount_Value {
  font-size: 16px;
}
.PurchaseAmount_Value dl {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}
.ChartDescription_Wrap:before {
  position: absolute;
  left: 2px;
  top: -12px;
  content: '';
  padding-top: 28px;
  width: 40px;
  height: 0px;
  background-image: url(../img/shushi/quotation.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 60%;
}
.Commentary_Wrap {
  border: 2px solid #9DA7CB;
  border-radius: 10px;
  background-image: url(../img/shushi/dot.png),url(../img/shushi/dot.png),url(../img/shushi/dot.png),url(../img/shushi/dot.png);
  background-position: left 6px top 6px,right 6px top 6px,right 6px bottom 6px,left 6px bottom 6px;
  background-repeat: no-repeat;
  background-size: 8px;
  background-color: #FFF;
  padding: 21px 24px;
  color: #444;
  font-size: 16px;
  margin: 20px 0 40px;
}
.Commentary_Wrap p {
  line-height: 1.6rem;
  /* margin-bottom: 18px; */
}
.Commentary_Wrap p:last-child {
  margin-bottom: 0px;
}
.Commentary_Wrap p span.Bold_For_Attention {
  font-weight: 600;
}
.Commentary_Notice {
  font-weight: 600;
}
.Commentary_Notice_Top {
  margin-bottom: 24px;
}
.Commentary_Notice_Bottom {
  margin-top: 24px;
}
.Key_Race_Value,
.User_Key_Race_Value {
  color: #444;
  text-align: center;
}
.Key_Race_Value dl dd.Up {
  color: #EF5350;
}
.Key_Race_Value dl dd.Down {
  color: #31A1CB;
}
.Key_Race_Value dl dd.Up::after,
.Key_Race_Value dl dd.Down::after {
  content: "";
}
.Key_Race_Value dl,
.User_Key_Race_Value>dl {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
.Key_Race_Value dl dt,
.User_Key_Race_Value dl dt {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2rem;
}
.Key_Race_Value dl dd {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 52px;
  font-family: Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo", "メイリオ", sans-serif;
}
.WeekOnWeek_Head {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 2px;
  margin-right: 10px;
}
.WeekOnWeek_Head div:first-child {
  font-size: 13px;
  font-weight: 600;
}
.WeekOnWeek_Head div:last-child {
  font-size: 16px;
  font-weight: bold;
}
.Key_Race_Value dl dd>span {
  font-size: 34px;
  font-weight: 400;
}
.Shirushi_Per_Race_Wrap {
  margin-bottom: 18px;
}
.Shirushi_Per_Race_Inner>dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Shirushi_Per_Race_Inner>dl>dt {
  font-size: 52px;
  font-family: Arial,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo", "メイリオ", sans-serif;
  flex: auto;
  text-align: center;
}
.Shirushi_Per_Race_Inner>dl>dt span {
  font-size: 34px;
  font-weight: 400;
}
.Shirushi_Per_Race_Inner>dl>dd {
  font-family: Arial,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo", "メイリオ", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #444;
  flex: auto;
}
.Shirushi_Per_Race_Range {
  margin-bottom: 10px;
}
.Shirushi_Per_Race_Inner>dl>dd h4 {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 8px;
}
.Shirushi_Per_Race_Data {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0 10px;
}
.Shirushi_Per_Race_Data dl {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0 3px;
}
.User_Recovery_Data_Value {
  color: #444;
  text-align: center;
  font-family: Arial,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo", "メイリオ", sans-serif;
}
.User_Recovery_Data_Value dl dt {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2rem;
  margin-bottom: 10px;
}
.User_Recovery_Data_Value dl dd {
  font-size: 28px;
}
.User_Recovery_Data_Value.High dl dd {
  color: #EF5350;
}
.User_Recovery_Data_Value.Low dl dd {
  color: #31A1CB;
}
.User_Recovery_Data_Value dl dd span {
  font-size: 18px;
  font-weight: 400;
}
.AdvisorTop .Shindan_Accuracy_Inner {
  display: none;
}
.Shindan_Accuracy_Inner .Commentary_Wrap {
  margin: 40px 10px;
}
.Shindan_Accuracy_Inner .User_Score_Data_Wrap>div>div:last-child {
  background-color: #FFF;
}
.Shindan_Accuracy_Inner .User_Score_Data_Wrap>div:first-child.Highlight:before {
  margin: 0px 3px;
}

.ChartTooltipBox {
  background: rgba(0, 0, 0, 0.81);
  color: #fff;
  border-radius: 4px;
  padding: 4px;
}

.ChartTooltipBox table {
  font-family: Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo", "メイリオ", sans-serif;
  color: #FFF;
  font-size: 11px;
}

.ChartTooltipBox table tr {
  display: flex;
  align-items: center;
}

.ChartTooltipBox table td:first-child {
  display: flex;
  align-items: center;
  gap: 0 3px;
}

.ChartTooltipBox::before {
  content: "";
  border-top: 4px solid transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 4px solid rgba(0, 0, 0, 0.81);
  display: block;
  position: absolute;
  top: -8px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -4px;
}

span[class^="Tooltip_Label_Color"] {
  display: block;
  width: 12px;
  height: 12px;
}

.Tooltip_Label_Color0 {
  background: #565EB0;
}

.Tooltip_Label_Color1 {
  background: #CB5353;
}

.Tooltip_Label_Color2 {
  background: #52A455;
}

.Tooltip_Label_Color3 {
  background: #87599A;
}

.Tooltip_Label_Color4 {
  background: #529FA8;
}

.Tooltip_Label_Color5 {
  background: #E5A339;
}

.Tooltip_Label_Color6 {
  background: #4A94BC;
}

.Tooltip_Label_Color7 {
  background: #E4813E;
}
.Registration_Container {
    width: 100%;
}

/*----------------------------------------------
# 3.0 - 馬券レーティング
----------------------------------------------*/
.AdvisorTop .Rating_Wrap {
  margin-top: 50px;
}
.AdvisorTop .Race_Entry_Inner,
.AdvisorTop .Betting_Accuracy_Inner,
.AdvisorTop .Ticket_Type_Inner {
  display: none;
}
.Shirushi_Wrap,
.Key_Race_Wrap,
.User_Recovery_Data_Wrap,
.User_Key_Race_Wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.Shirushi_Value,
.Odds_Value,
.Key_Race_Value,
.User_Recovery_Data_Value,
.User_Key_Race_Value {
  background: #F5F4F1;
  border-radius: 4px;
  padding: 15px 10px;
  color: #333;
  position: relative;
  width: 50%;
}
.Shirushi_Per_Race_Inner {
  background: #F5F4F1;
  border-radius: 10px;
  padding: 15px 10px;
  color: #333;
  position: relative;
  width: 100%;
}
.Shirushi_Value::before,
.Odds_Value::before,
.Key_Race_Value::before,
.Shirushi_Per_Race_Inner::before,
.User_Recovery_Data_Value::before,
.User_Key_Race_Value::before {
  position: absolute;
  left: 2px;
  top: -12px;
  content: '';
  padding-top: 28px;
  width: 40px;
  height: 0px;
  background-image: url(../img/shushi/quotation.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 60%;
}
.Shirushi_Value dl dt,
.Odds_Value dl dt {
  color: #3251BC;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 12px;
}
.Shirushi_Value dl dd,
.Odds_Value dl dd {
  text-align: center;
  font-size: 52px;
  line-height: 1;
  font-family: Arial,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo", "メイリオ", sans-serif;
}
.Shirushi_Value dl dd span,
.Odds_Value dl dd span {
  font-size: 34px;
  margin-left: 4px;
}
.Accuracy_Inner .Commentary_Wrap {
  margin: 20px auto 40px;
}
.User_Score_Data_Wrap {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.User_Score_Wrap h4 {
  color: #444;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 20px;
}
.User_Score_Data_Wrap>div {
  text-align: center;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  border-right: 1px solid #D2D1CB;
  border-bottom: 1px solid #D2D1CB;
}
.User_Score_Data_Wrap>div:first-child {
  border-left: 1px solid #D2D1CB;
}
.User_Score_Data_Wrap>div>div {
  border-bottom: 1px solid #D2D1CB;
  padding: 14px;
  font-size: 13px;
  font-weight: 600;
}
.User_Score_Data_Wrap>div>div:last-child {
  border-bottom: unset;
}
.User_Score_Data_Wrap>div>div:first-child {
  background-color: #9DA7CB;
  color: #FFF;
  line-height: 1.0rem;
  height: 40px;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.User_Score_Data_Wrap>div>div:nth-child(2) {
  background-color: #FFF;
}
.User_Score_Data_Wrap>div>div:last-child {
  background-color: #FEEBED;
}
/* .User_Score_Data_Wrap>div.Highlight {
  position: relative;
  margin-bottom: 0;
}
.User_Score_Data_Wrap>div.Highlight:before {
  border: 3px solid red !important;
  position: absolute;
  top: -1px;
  left: -2px;
  content: "";
  width: calc(100% - -4px);
  height: calc(100% - -2px);
  display: block;
} */
.User_Key_Race_Value>dl>dt {
  color: #3251BC;
}
.User_Key_Race_Value>dl>dd {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.User_Key_Race_Value>dl>dd dl dt {
  color: #444;
  font-size: 12px;
  font-weight: 300;
}
.User_Key_Race_Value>dl>dd dl dd {
  font-size: 35px;
  font-family: Arial,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo", "メイリオ", sans-serif;
}
.User_Key_Race_Value>dl>dd dl dd span {
  font-size: 23px;
}
.Purchase_Amount_Wrap {
  margin-bottom: 20px;
}
.Purchase_Amount_Wrap h4,
.Refund_Amount_Wrap h4 {
  color: #444;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 10px;
}
/* グラフ */
canvas#WeeklyReport_RecoveryRate {
  z-index: 2;
  position: relative;
}
.WeeklyReport_RecoveryRate_Wrap {
  margin: 0 auto;
  background: #eff3ff;
  border-radius: 4px;
  position: relative;
  height: auto;
  padding: 10px;
}
.WeeklyReport_RecoveryRate_Wrap h2 {
  position: relative;
  z-index: 1;
  font-size: 15px;
  font-weight: 600;
  color: #3251BC;
}
.WeeklyReport_RecoveryRate_Inner {
  width: 100%;
  background: #d1ddff;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: end;
  border-radius: 4px 4px 0 0;
}
.WeeklyReport_RecoveryRate_Inner_Overlay {
  content: "";
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
  z-index: 4;
  cursor: pointer;
}
.WeeklyReport_RecoveryRate_BlurredWrap {
  position: relative;
  overflow: hidden;
}
.blurred_img_WeeklyReport_RecoveryRate {
  position: absolute;
  left: 0;
}
.blurred_img_WeeklyReport_RecoveryRate img {
  width: 100%;
  height: auto;
}
.User_Position_Baloon {
  position: absolute;
  background-color: #ef5350;
  color: #fff;
  padding: 1px 3px;
  border-radius: 2px;
  display: none;
  font-size: 10px;
  line-height: 1rem;
  z-index: 2;
  width: 100%;
  max-width: 36px;
}
.User_Position_Baloon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -8px;
  margin-top: -4px;
  border: 4px solid transparent;
  border-right: 4px solid #ef5350;
  z-index: 1;
}
.Top_Recovery_Rate {
  position: relative;
  color: #3251bc;
  font-weight: 600;
  font-size: 15px;
  z-index: 3;
}
.Top_Recovery_Rate span {
  color: #000;
  font-size: 10px;
  display: block;
  margin-top: 5px;
}
.Top_Recovery_Rate span.Recovery_Rate_Inline {
  display: inline;
  margin-left: 3px;
  margin-top: 0px;
}
.Top_Recovery_Rate span svg {
  vertical-align: text-top;
  margin-left: 2px;
}
.Recovery_Rate_Baloon {
  position: absolute;
  bottom: -14px;
  right: 10%;
  background: #000;
  color: #fff;
  padding: 3px 8px;
  border-radius: 2px;
  font-size: 10px;
  text-align: center;
  z-index: 3;
  display: none;
}
.Recovery_Rate_Baloon:before {
  content: "";
  position: absolute;
  top: -8px;
  right: 40%;
  transform: translateX(-40%);
  -webkit-transform: translateX(-40%);
  -ms-transform: translateX(-40%);
  margin-left: -8px;
  border: 4px solid transparent;
  border-bottom: 4px solid #000;
}


/*----------------------------------------------
# 4.0 - 馬券スタイル
----------------------------------------------*/
.Style_Wrap {
  margin-top: 0;
}
.AdvisorTop .Style_Wrap {
  margin-top: 50px;
}
.Style_Inner h2 {
  color: #FFF;
  font-size: 18px;
  font-weight: 600;
  margin: 5px 0 2px;
  line-height: 1;
}
.Style_Inner h3 {
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}

.Odds_Wrap{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 12px 0 22px;
}
.Odds_Value {
  padding: 8px 10px;
  width: auto;
  min-width: 172px;
  background: #fff;
}
ol.Conditions_List {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 9px 10px;
  color: #444;
}
ol.Conditions_List li {
  position: relative;
  width: calc(100% / 3 - 7px);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  /* gap: 0; */
  background: #FFF;
  border-radius: 4px;
  padding: 21px 0 14px;
  /* padding: 25px 0 14px; */
}
.AdvisorTop ol.Conditions_List li:nth-child(n+4) {
  display: none;
}
.Rank_RateWrap {
  display: flex;
  justify-content: center;
  gap: 0 10px;
  flex: auto;
  line-height: 1;
}
.RecoveryRate dl,
.HitRate dl {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 0 2px;
}
.RecoveryRate dl dt,
.HitRate dl dt {
  font-size: 12px;
  font-weight: 600;
}
.RecoveryRate dl dd,
.HitRate dl dd {
  font-size: 18px;
  font-family: Arial,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo", "メイリオ", sans-serif;
}
.RecoveryRate dl dd span,
.HitRate dl dd span {
  font-size: 12px;
}
.Conditions_List li .Rank {
  position: absolute;
  top: 1px;
  left: 7px;
  /* top: -4px;
  left: 7px; */
  font-size: 29px;
  font-weight: bold;
  font-family: Arial,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo", "メイリオ", sans-serif;
}
.Conditions_List li.Rank1 {
  background-color: #FFFDEB!important;
  border: none!important;
}
.Conditions_List li.Rank2 {
  background-color: #F5F4F4!important;
  border: none!important;
}
.Conditions_List li.Rank3 {
  background-color: #FFF4EF!important;
  border: none!important;
}
.Conditions_List li.Rank1 .Rank {
  color: #9D931E;
}
.Conditions_List li.Rank2 .Rank {
  color: #7F98BA;
}
.Conditions_List li.Rank3 .Rank {
  color: #B55030;
}
.Conditions_List li.Rank_Other .Rank {
  color: #888888;
}
.Conditions_List li .RaceName {
  font-size: 22px;
  font-weight: 600;
}
.Conditions_List li .RaceName span {
  color: #444;
  font-weight: normal;
  font-size: 20px;
  margin-left: 4px;
}
.Conditions_List li.Rank1 .RaceName {
  color: #9D931E;
}
.Conditions_List li.Rank2 .RaceName {
  color: #7F98BA;
}
.Conditions_List li.Rank3 .RaceName {
  color: #B55030;
}
.Style_Wrap .Advisor_CTA a {
  color: #3251BC;
  font-weight: 300;
}

.Advisor_More {
  display: none;
}
.Advisor_More.Show {
  display: block;
}
.Advisor_MoreBtn {
  width: 180px;
}
.AdvisorTop .Style_Wrap .Advisor_CTA a::before {
  content: "馬券スタイルをもっと見る";
}
.Style_Wrap .Advisor_CTA a::before {
  content: "もっと見る";
}
/*----------------------------------------------
# 5.0 - 今週の得意レース
----------------------------------------------*/
.FavorableRace_Inner h2,
.Race_Entry_Inner h2,
.Rating_Inner h2,
.Shindan_Inner h2 {
  color: #757575;
  text-align: left;
  font-size: 18px;
  font-weight: 600;
  margin: 35px 0 14px;
}
.RaceDayWrap_Inner {
  border-bottom: unset;
}
.FavorableRace_Inner .Table_Aisho .Header th:first-child {
  width: 90%;
}
.FavorableRace_Inner .Table_Aisho .Header th:nth-child(2n),
.FavorableRace_Inner .Table_Aisho .Header th:last-child {
  width: 10%;
}

table.Table_Aisho {
  margin-top: unset;
}
.Table_Aisho .Header th {
  border: 1px solid #D2D1CB;
  border-right: 1px solid transparent;
  background: #F5F4F1;
}
.Table_Aisho .Header th:last-child {
  border: 1px solid #D2D1CB;
  border-right: 1px solid #D2D1CB;
}
table.Table_Aisho td {
  border-color: #D2D1CB;
}

.Table_Aisho td:hover {
  background: #f9f9f9;
}
.Table_Aisho td a:hover {
  text-decoration: none;
}

.MyRaceCheckBtn input {
  display: block;
  height: 0;
  width: 0;
}
.MyRaceCheckBtn label {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  font-size: 0.875rem;
  cursor: pointer;
  font-weight: bold;
  margin-bottom: 0px;
}
.MyRaceCheckBtn label > span.RaceCkeckIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  width: 31px;
  height: 31px;
  border-radius: 50%;
  position: relative;
  border: 1px solid #888;
  transition: all 250ms cubic-bezier(.4,.0,.23,1);
  margin-right: 0px;
}
.MyRaceCheckBtn input[type='checkbox']:checked + label > span.RaceCkeckIcon {
  background-color: #ef5350;
  border: 1px solid #ef5350;
  box-shadow: none;
  animation: shrink-bounce 200ms cubic-bezier(.4,.0,.23,1);
}
.MyRaceCheckBtn label > span.RaceCkeckIcon::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -4px;
  width: 8px;
  height: 16px;
  border-right: 2px solid #dbdbdb;
  border-bottom: 2px solid #dbdbdb;
  transform: rotate(45deg);
  transform-origin: 50% 50%;
  box-sizing: border-box;
}

/*----------------------------------------------
# 6.0 - リアルタイム収支
----------------------------------------------*/
.Shushi_Wrap {
  position: relative;
  background: #3251BC;
  margin-bottom: 53px;
}
.Shushi_Wrap::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -36px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translate(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 36px solid transparent;
  border-left: 36px solid transparent;
  border-top: 36px solid #1A38A0;
  border-bottom: 0;
}
.Shushi_Head {
  padding: 20px 10px 10px;
}
.Shushi_Detail {
  display: flex;
  align-items: center;
  padding: 8px 16px 15px;
  background: #1A38A0;
}
.Shushi_Detail01 {
  flex-shrink: 0;
  width: 230px;
  margin-right: 10px;
}
.Shushi_Detail02 {
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

section.Shushi_Wrap h2 {
  text-align: center;
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0px;
}
section.Shushi_Wrap .Shushi_Date {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
  font-family: "メイリオ","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo", "メイリオ", sans-serif;
  padding: 5px 0 10px;
}
section.Shushi_Wrap .Shushi_Date>span {
  background: #142560;
  border-radius: 16px;
  padding: 5px 30px;
}
.Shushi_Date {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 10px;
}
.Shushi_Date div.Prev,
.Shushi_Date div.Next {
  background: #FFF;
  width: 20px;
  height: 20px;
  border-radius: 20px;
}
.Shushi_Date div.Prev:has(.Normal),
.Shushi_Date div.Next:has(.Normal) {
  opacity: 0.3;
}
.Shushi_Date div.Prev a,
.Shushi_Date div.Next a,
.Shushi_Date div.Prev span,
.Shushi_Date div.Next span {
  display: block;
  padding: 7px;
  line-height: 0;
  font-size: 0;
  color: transparent;
}
.Shushi_Date div.Prev a:after,
.Shushi_Date div.Next a:after,
.Shushi_Date div.Prev span:after,
.Shushi_Date div.Next span:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 1px;
  background: none;
}
.Shushi_Date div.Prev a:after,
.Shushi_Date div.Prev span:after {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
.Shushi_Date div.Prev a:after,
.Shushi_Date div.Next a:after,
.Shushi_Date div.Prev span:after,
.Shushi_Date div.Next span:after {
  border-top: 2px solid #3251BC;
  border-right: 2px solid #3251BC;
}
.Shushi_Date div.Next a:after,
.Shushi_Date div.Next span:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
section.Shushi_Wrap .Shushi_Total dl dt {
  font-size: 15px;
  text-align: center;
  color: #FFF;
  /* margin: 10px 0; */
}
section.Shushi_Wrap .Shushi_Total dl dd {
  margin-bottom: 10px;
  font-size: 35px;
  color: #FFF;
  font-weight: bold;
  font-family: "メイリオ","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo", "メイリオ", sans-serif;
  text-align: center;
  line-height: 1;
}
section.Shushi_Wrap .Shushi_Total dl dd span {
  font-size: 13px;
  font-family: "メイリオ","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo", sans-serif;
  margin-left: 4px;
}
section.Shushi_Wrap .Shushi_Amount {
  max-width: 480px;
  background: #2944A0;
  border-radius: 4px;
  padding: 10px;
  margin: 0 auto 2px;
  color: #FFF;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
section.Shushi_Wrap .Shushi_Amount>div {
  text-align: center;
}
section.Shushi_Wrap .Shushi_Amount div.hr {
  width: 1px;
  height: 36px;
  background: #576CB5;
  display: block;
}
section.Shushi_Wrap .Shushi_Amount>div dl dt {
  font-size: 13px;
  margin-bottom: 6px;
}
section.Shushi_Wrap .Shushi_Amount>div dl dd {
  font-family: "メイリオ","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo", "メイリオ", sans-serif;
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
}
section.Shushi_Wrap .Shushi_Amount>div dl dd span {
  font-size: 17px;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo", "メイリオ", sans-serif;
  margin-left: 2px;
}
section.Shushi_Wrap ul.TodayData_List {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
}
section.Shushi_Wrap ul.TodayData_List li {
  background: #142560;
  color: #FFF;
  border-radius: 4px;
  padding: 10px 10px;
}
section.Shushi_Wrap ul.TodayData_List li dl {
}
section.Shushi_Wrap ul.TodayData_List li dl dt {
  font-size: 13px;
  font-family: "メイリオ","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo",sans-serif;
}
section.Shushi_Wrap ul.TodayData_List li:first-child dl dt {
  font-weight: bold;
}
section.Shushi_Wrap ul.TodayData_List li dl dd {
  font-size: 17px;
  font-family: "メイリオ","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo",sans-serif;
  text-align: right;
}
section.Shushi_Wrap ul.TodayData_List li:first-child dl dd {
  font-size: 25px;
}
section.Shushi_Wrap ul.TodayData_List li dl dd span.yen {
  font-size: 12px;
}
section.Shushi_Wrap ul.TodayData_List li:first-child dl dd span {
  font-size: 19px;
}
section.Shushi_Wrap ul.TodayData_List li dl dd span {
  margin-left: 2px;
}
section.Shushi_Wrap ul.TodayData_List li dl dd span.OverBudget {
  color: #EF5350;
}
section.Shushi_Wrap .Advisor_CTA {
  margin-top: 20px;
}
section.Shushi_Wrap .Advisor_CTA a {
  background: transparent;
  color: #FFF;
  font-weight: normal;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.Graph_Contents {
  position: relative;
  padding-right: 5px;
}
.Graph_Wrap {
  background-color: #1a38a0;
  overflow-x: scroll;
  -ms-overflow-style: none;
  /*スクロールバー非表示（Firefox）*/
  scrollbar-width: none;
}
/*スクロールバー非表示（Chrome・Safari）*/
.Graph_Wrap::-webkit-scrollbar {
  display: none;
}
.scrollIndicator {
  position: absolute;
  bottom: 16px;
  width: 20px;
  height: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
  box-shadow: 2px 2px 4px rgba(26, 56, 160, 0.8);
  background: #1a38a0;
}
.scrollIndicator.left {
  left: 14px;
}
.scrollIndicator.right {
  right: 14px;
}
.Graph_Inner {
  width: 100%;
}
.Graph_Contents {
  display: flex;
}
.YAxisLabels {
  flex-shrink: 0;
  width: 45px;
  background: #1a38a0;
  padding-right: 5px;
}
.Graph_Overlay {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  background: linear-gradient(to left, rgba(26, 56, 160, 0.8), transparent);
  pointer-events: none;
  display: none;
}
.Shushi_Graph_Legend {
  margin: 0 auto;
  text-align: center;
}
.Shushi_Graph_Legend img {
  width: 45%;
  min-width: 170px;
  height: auto;
  user-select: none; /* CSS3 */
  -moz-user-select: none; /* Firefox */
  -webkit-user-select: none; /* Safari、Chromeなど */
  -ms-user-select: none; /* IE10かららしい */
}
.BakenData1_Inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 10px;
  flex-wrap: nowrap;
}
.BakenData1_Inner div {
  background: #F5F4F1;
  border-radius: 10px;
  padding: 13px 10px 6px;
  color: #444;
  margin: 0 0 5px;
  position: relative;
  width: calc(100% / 3);
}
.BakenData1_Inner div::before {
  position: absolute;
  left: 2px;
  top: -12px;
  content: '';
  padding-top: 28px;
  width: 40px;
  height: 0px;
  background-image: url(../img/shushi/quotation.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 60%;
}
.BakenData1_Inner div dl {
  display: flex;
  flex-direction: column;
  gap: 0 0;
  align-items: center;
}
.BakenData1_Inner div dl dt {
  color: #444;
  font-size: 16px;
  font-weight: bold;
}
.BakenData1_Inner div dl dd {
  color: #444;
  font-size: 52px;
  line-height: 1;
  font-family: Arial,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo", "メイリオ", sans-serif;
}
.BakenData1_Inner div dl dd span {
  font-size: 34px;
  margin-left: 2px;
}

.Title_Sec2.Triangle {
  position: relative;
  margin-bottom: 20px;
}
.Title_Sec2.Triangle::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 27px 15px 0 15px;
  border-color: #3251BC transparent transparent transparent;
  transform: rotate(-30deg);
  z-index: -1;
}
.Title_Sec2.Triangle h3 {
  display: inline-block;
  padding: 1px 33px;
  font-size: 16px;
  font-weight: bold;
}

.BakenData_2 ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.BakenData_2 ul li {
  width: calc(100% / 2 - 5px);
  margin: 5px 0;
  padding: 4px 14px;
  background: #F5F4F1;
  border-radius: 8px;
}
.BakenData_2 ul li dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.BakenData_2 ul li dl dt {
  color: #3251BC;
  font-size: 15px;
  font-weight: 600;
}
.BakenData_2 ul li dl dd {
  color: #333;
  font-size: 25px;
  font-family: Arial,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo", "メイリオ", sans-serif;
}
.BakenData_2 ul li dl dd span {
 font-size: 14px;
 margin-left: 2px;
}
.Guest_User_Block.BakenData_2 ul li {
  padding: 9px 14px;
}
.Guest_User_Block.BakenData_2 ul li dl dd img {
  width: auto;
  height: 32.5px;
}

.Shushi_BakenData_Inner .Commentary_Wrap {
  margin: 20px 0;
}
.GoodMatch_Wrap {
  margin-top: 40px;
}
.GoodMatch_Wrap .Table_Aisho td:first-child {
  width: 80%;
}
.GoodMatch_Wrap .Advisor_CTA {
  margin: 20px 0;
}

.GoodMatch_Wrap .Table_Aisho td a {
  display: flex;
}
.GoodMatch_Wrap .Table_Aisho .Header th:nth-child(2n),
.GoodMatch_Wrap .Table_Aisho .Header th:last-child {
  width: 6%;
}
.GoodMatch_Wrap table.Table_Aisho dd.Race_Data {
  margin-top: 7px;
  line-height: 1;
}
/* table.Table_Aisho td.Aisho_Data.Highlight {
  color: #fff;
  background-color: transparent;
}
table.Table_Aisho td.Aisho_Data span.Aisho_Value {
  color: #FFF;
  background: #8EC73F;
  font-size: 13px;
  text-align: center;
  display: block;
  border-radius: 4px;
  padding: 5px;
  font-weight: bold;
  margin: 0 auto;
  width: 50px;
} */

table.Table_Aisho .Race_Featured_Name {
  margin-right: 10px;
  display: flex;
  font-weight: bold;
  text-align: center;
  color: #3251BC;
  background: #fff;
  border: solid 1px #3251BC;
  width: 37px;
  height: 37px;
  padding: 5px 0;
  border-radius: 4px;
  align-items: center;
  flex-direction: column;
  gap: 2px 0;
  font-weight: bold;
  line-height: 1;
}
table.Table_Aisho span.Race_Featured_Jyo {
  font-size: 13px;
}
table.Table_Aisho span.Race_Featured_Num {
  font-size: 12px;
}
.GoodMatch_Wrap .Table_Aisho td .Race_Detail {
  color: #555;
  font-size: 13px;
}
table.Table_Aisho dt.Race_Name_Wrap span.Race_Name {
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
}
.Container_Aisho .Table_Aisho_Wrap .Icon_GradeType {
  position: relative;
  top: -2px;
  min-width: 27px;
  font-size: 11px;
  font-weight: bold;
  line-height: 10px;
  margin-left: 0;
}
/* カレンダー */
.Calendar_Icon {
  cursor: pointer;
  position: absolute;
  top: 12px;
  right: 10px;
}
.flatpickr-input {
  width: fit-content;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 1001;
}
.flatpickr-calendar {
  display: none;
}
.flatpickr-calendar.inline {
  display: none;
}
.flatpickr-calendar.Open {
  display: block;
}
.flatpickr-months .flatpickr-month,
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-weekdays,
span.flatpickr-weekday,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover {
  background: #3251BC;
}
span.flatpickr-weekday {
  color: #FFF;
}
.flatpickr-day.today {
  border: none;
  background: none;
}
.flatpickr-day.CheckedDate {
  position: relative;
}
.flatpickr-day.CheckedDate:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #EF5350;
  position: absolute;
  border-radius: 50%;
  top: 6px;
  right: 2px;
}
.flatpickr-day.SelectedDate {
  background-color: #E5E5E5;
  color: #444;
}
.flatpickr-day.Disable {
  cursor: not-allowed;
}
.Overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1000;
}
.Overlay.Show {
  display: block;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #FFF;
}

/*----------------------------------------------
# 6.1 - リアルタイム収支 - 比較
----------------------------------------------*/
.HikakuData {
  padding: 28px 0 0;
}
.HikakuData ul.HikakuData_List {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px 0;
  position: relative;
}
.HikakuData ul.HikakuData_List li>ul {
  padding-top: 8px;
  padding-left: 38px;
}
.HikakuData ul.HikakuData_List li>ul::before {
  content: "";
  display: block;
  position: absolute;
  top: 72px;
  bottom: 26px;
  left: 19px;
  width: 0;
  border-left: 1px solid #3251BC;
}
.HikakuData ul.HikakuData_List li {
  position: relative;
}
.HikakuData ul.HikakuData_List li>ul li::before {
  content: "";
  display: block;
  position: absolute;
  top: 25px;
  left: -19px;
  width: 15px;
  height: auto;
  border-top: 1px solid #3251BC;
  background-color: #F3F3F3;
}
.HikakuData ul.HikakuData_List li dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px;
  background: #FFF;
  border-radius: 8px;
  border: 1px solid #3251BC;
}
.HikakuData ul.HikakuData_List li dl dt {
  color: #3251BC;
  font-size: 15px;
  font-weight: 600;
}
.HikakuData ul.HikakuData_List li dl dd {
  color: #3251BC;
  font-size: 25px;
  font-family: Arial,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo", "メイリオ", sans-serif;
}
.HikakuData ul.HikakuData_List li dl dd span {
 font-size: 14px;
 margin-left: 2px;
}
.HikakuData ul.HikakuData_List li ul li dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px;
  background: #FFF;
  border-radius: 8px;
  border: 1px solid #FFF;
}
.HikakuData ul.HikakuData_List li ul li dl dt {
  color: #444;
  font-size: 13px;
  font-weight: 600;
}
.HikakuData ul.HikakuData_List li ul li dl dd {
  color: #444;
  font-size: 21px;
  font-family: Arial,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo", "メイリオ", sans-serif;
}
.HikakuData ul.HikakuData_List li ul li dl dd span {
 font-size: 11px;
 margin-left: 2px;
}
/*----------------------------------------------
# 7.0 - モーダル
----------------------------------------------*/
.Shushi #cboxWrapper #cboxLoadedContent{
  width: auto !important;
  margin-top: 0;
  padding: 0;
}
.Shushi #cboxWrapper #cboxContent{
  border: none !important;
  border-radius: 6px;
}
.Shushi #cboxWrapper #cboxClose {
  background: none !important;
  top: -38px !important;
  right: -12px !important;
}

.BatchInput_Form {
  border-top: none;
}
.BatchInput_Form {
  position: relative;
  border-radius: 12px;
  background: #fff;
  z-index: 1100;
  padding-bottom: 20px;
}
.BatchInput_Header {
  border: none;
}
.BatchInput_Header {
  padding: 30px 20px 0;
  position: relative;
}
.BatchInput_Header .Title {
  text-align: center;
}
.BatchInput_Header .Title {
  font-size: 16px;
  font-weight: bold;
  color: #444;
  margin-bottom: 16px;
}
.BatchInput_Header .BatchInputValue {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 18px;
}
.BetCountBtnWrap {
  display: inline-block;
  width: 30px;
  min-width: 30px;
}
.BetCountBtn {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  background: #fff;
  border: 1px solid #707070;
  border-radius: 12px;
  text-align: center;
  overflow: hidden;
  text-indent: -50px;
}
.BetCountBtn.Plus::before,
.BetCountBtn.Minus::before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  border-top: 1px solid #888;
  transform: translateX(-50%);
}
.BetCountBtn.Plus::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  border-left: 1px solid #888;
  transform: translateY(-50%);
}
.BetCountBtnWrap .BetCountBtn + .BetCountBtn {
  margin-top: 10px;
}
.BatchInputValue input[type="number"] {
  font-family: "ヒラギノ角ゴ ProN W3",ArialMT,"Hiragino Kaku Gothic ProN";
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 60px;
  max-width: 4.5em;
  text-align: right;
  font-size: 23px;
  font-weight: bold;
  margin: 0 2px 0 4px;
  padding: 4px;
  color: #666;
  border: 1px solid #707070;
  border-radius: 4px;
  letter-spacing: -0.1px;
}
.BatchInputValue > div {
  color: #666;
  font-size: 23px;
  font-weight: bold;
  margin-left: 4px;
  line-height: 60px;
}
.BatchInputValue > div > span {
  font-weight: normal;
  font-size: 74%;
}
.BatchInput_Form .Type_Btn {
  padding: 20px 10px 0;
  background: #FFF;
  border: unset;
}
.BatchInput_Form .Type_Btn ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.BatchInput_Form .Type_Btn ul li {
  width: calc(50% - 5px)!important;
}
.BatchInput_Form .Type_Btn ul li + li {
  margin-top: 0px;
}
.BatchInput_Form .Type_Btn .Btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 4px;
  width: 100%;
  height: 47px;
  font-size: 15px;
  font-weight: bold;
  color: #444;
  background: #fff;
  padding: 12px 14px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #888;
  box-shadow: none;
}
.BatchInput_Form .Type_Btn .Btn.SubmitBtn01 {
  display: inline-block;
  color: #fff;
  background: #3251bc;
  text-align: center;
  vertical-align: top;
  border: none;
  border-radius: 4px;
  border: 1px solid #3251bc;
}
.BatchInput_Form .Tab01 {
  margin: 10px 8px;
}
.BatchInput_Form .Tab01 ul {
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
  border: 1px solid #888;
}
.BatchInput_Form .Tab01 ul li {
  color: #666;
  font-size: 13px;
  width: 50%;
  line-height: 30px;
  text-align: center;
  display: block;
  height: 30px;
  background: #fff;
  overflow: hidden;
  cursor: pointer;
}
.BatchInput_Form .Tab01 ul li.Active {
  background: #888;
  color: #fff;
  font-weight: bold;
  cursor: default;
}
.BatchInput_Text {
  text-align: center;
  color: #444444;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.46;
  margin: 30px 0;
}
.Tab-Content {
  display: none;
}
.Tab-Content.Show {
  display: block;
}
#cboxWrapper #cboxLoadedContent {
  position: relative;
  background-color: #fff;
  border-radius: 6px;
}
#cboxWrapper #cboxClose {
  position: absolute;
  top: -15px;
  right: -10px;
  width: 40px;
  height: 40px;
  background: #fff;
  border: 3px solid #b4b2a0;
  border-radius: 50%;
}
#cboxWrapper #cboxClose {
  top: -3px;
  right: -5px;
  background: none;
  border: none;
  height: 30px;
}
#cboxWrapper #cboxClose::before,
#cboxWrapper #cboxClose::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 3px;
  background-color: #b5b29f;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-origin: center;
  transform-origin: center;
}
#cboxWrapper #cboxClose::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
#cboxWrapper #cboxClose::before {
  background-color: #fff;
  border-radius: 3px;
}
#cboxWrapper #cboxClose:after {
  background-color: #fff;
  border-radius: 3px;
}
#cboxWrapper #cboxClose::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

/*----------------------------------------------
# 8.0 - 馬券分析
----------------------------------------------*/
/* 収支分析 */
.Result_Total {
  margin: 0 0 20px;
  padding: 20px 40px;
  background: #F4F2EC;
  border-radius: 8px;
}
.Result_Total_DayWrap{
	width:63.15%;
  max-width: 150px;
	margin:auto;
	text-align: center;
	position: relative;
}
@media screen and (min-width:768px){
	.Result_Total_DayWrap{
		width: 45.15%;
	}
}
.Result_Total_DayPrev,
.Result_Total_DayNext {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
}
.Result_Total_DayPrev {
	left: 0;
}
.Result_Total_DayNext {
	right: 0;
}
.Result_Total_DayPrev a,
.Result_Total_DayNext a{
	display: block;
	line-height: 0;
	font-size: 0;
	color: transparent;
}
.Result_Total_DayPrev a:after,
.Result_Total_DayNext a:after{
	content: "";
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 1px;
	background: none;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
.Result_Total_DayPrev a:after {
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
.Result_Total_DayNext a:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.Result_Total_DayPrev a:before,
.Result_Total_DayNext a:before{
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background: #ACACAC;
	border-radius: 50px;
	position: absolute;
}
.Result_Total_DayPrev a:before{
	top: 50%;
	transform: translate(-35%, -50%);
}
.Result_Total_DayNext a:before{
	top: 50%;
	transform: translate(-25%, -50%);
}
.Result_Total_Date{
	font-size:83.34%;
	font-weight: bold;
}
.profit_analysis .Result_Total h3{
	margin-bottom:24px;
	text-align: center;
	color:#444444;
	font-size:111%;
	font-weight: bold;
}
.profit_analysis .Result_Total .Result_Total_Date p{
	color: #5C5D5E;
	font-weight: bold;
}
.profit_analysis .Result_Total_PriceWrap > dl{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.profit_analysis .Result_Total_PriceWrap > dl dt {
  font-size: 16px;
  font-weight: bold;
}
.profit_analysis .Result_Total_PriceWrap > dl dd {
  margin-left: 8px;
  margin-top: 0;
  color: #EF5350;
}

.Result_Total_PriceWrap{
	width:100%;
	margin:18px auto 0;
	text-align: center;
}
.Result_Total_PriceWrap > dl{
	margin-bottom:20px;
}
.Result_Total_PriceWrap > dl dt{
	font-size:66.67%;
}
.Result_Total_PriceWrap > dl dd{
	margin-top:6px;
	font-size: 35px;
	font-weight: bold;
}
.Result_Total_PriceWrap > dl dd span{
	margin-left:6px;
	font-size:56.67%;
	font-weight: bold;
	color:#5C5D5E;
}
.Result_Total_PriceDetail{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 30px;
  background: #FFFFFF;
  border-radius: 3px;
  border: 1px solid #D2D1CB;
  flex-wrap: wrap;
  gap: 0 50px;
}
.Result_Total_PriceDetail_Inner {
  width: calc(50% - 25px);
}
.profit_analysis .Result_Total_PriceDetail dl:first-of-type {
  border: none;
}
.profit_analysis .Result_Total_PriceDetail dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0px 10px;
  align-items: center;
  padding: 10px 0;
}
.profit_analysis .Result_Total_PriceDetail dl:nth-child(2) {
  border-bottom: 1px dotted #DADADA;
  border-top: 1px dotted #DADADA;
}
.profit_analysis .Result_Total_PriceDetail dt {
  text-align: left;
  color: #666666;
  font-size: 12px;
}
.profit_analysis .Result_Total_PriceDetail dd {
  text-align: right;
}
.Result_Total_PriceDetail dd{
	font-size: 14px;
	font-weight: bold;
}
.Result_Total_PriceDetail dd span{
	font-size:58.83%;
}
.Jyo_Select {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  width: 100%;
}
.Jyo_Select select {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 10px 15px;
  outline: 0;
  border: 0;
  border-radius: 0;
  background: #E2E0DA;
  color: #444;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}
option {
  font-weight: normal;
  display: block;
  min-height: 1.2em;
  padding: 0px 2px 1px;
  white-space: nowrap;
}
.select__arrow {
  position: absolute;
  top: 14px;
  right: 15px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #585858 transparent transparent transparent;
}
.Analytics_Detail_ButtonWrap {
  margin-bottom: 42px;
}
a.Analytics_Detail_Button {
  background: #EDEBE5;
  border: 1px solid #D2D1CB;
  border-radius: 4px;
  color: #666;
  font-size: 15px;
  font-weight: 600;
  padding: 7px;
  margin: 0 auto;
  display: block;
  width: 40%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Plus_Icon {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1;
  width: 0.8em;
  height: 0.1em;
  background: currentColor;
  border-radius: 0.1em;
  position: relative;
  margin-right: 5px;
}
.Plus_Icon::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: inherit;
  transform: rotate(90deg);
}
.Result_Total_DayWrap select {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 10px 15px;
  outline: 0;
  border: 0;
  border-radius: 0;
  background: #FFF;
  color: #666;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  border: 1px solid #D2D1CB;
}

/* 馬券分析サマリー */
.Title_Sec {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-end;
  align-items: center;
  margin: 21px 10px 21px;
}
.profit_analysis .Title_Sec {
  margin: 21px 0px 21px;
}
.Title_Sec h2 {
  color: #777;
  font-weight: bold;
  line-height: 1.37;
  margin-right: auto;
}
.Title_BtnMore {
  display: block;
}
.Title_BtnMore a {
  color: #666;
  font-size: 13px;
  font-weight: bold;
  display: block;
  border-radius: 2px;
  background: #EDEBE5;
  line-height: 2.18;
  padding: 0 1.2em;
  margin-left: 8px;
  white-space: nowrap;
  border: 1px solid #D2D1CB;
}
.MyShushiItemCategory ul.profit_item_list {
  justify-content: flex-start;
  gap: 0 23px;
  background: #F4F2EC;
  border: 1px solid #D9D8CE;
  border-radius: 0px;
  padding: 10px;
}
.MyShushiItemCategory ul.profit_item_list li {
  padding-right: unset;
}
.MyShushiItemCategory ul.profit_item_list li+ li {
  border-left: 1px solid #CCCBC1;
  padding-left: 8px;
}
.MyShushiItemCategory ul.profit_item_list li a {
  font-size: 12px;
  padding: 10px 20px;
  text-align: center;
  border: unset;
  line-height: unset;
}
.MyShushiItemCategory ul.profit_item_list li.active a {
  background: #808080;
  color: #FFF;
  border-radius: 4px;
}
.MyShushiItemCategory ul.profit_item_list li.active a:after {
  content: unset;
}
.profit_item {
  margin-bottom: 20px;
}
ul.profit_item_list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 20px;
  background: #EDEBE5;
  border: 1px solid #D2D1CB;
  border-radius: 2px;
  padding: 0 20px;
}
ul.profit_item_list li a {
  color: #444444;
  font-size: 14px;
  display: block;
  padding: 6px 0;
}
ul.profit_item_list li.active a {
  font-weight: 600;
  position: relative;
}
ul.profit_item_list li.active a:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #444;
  position: absolute;
  bottom: 5px;
  left: 0;
}
.BettingPerformanceBlock ul {
  column-count: 2;
}
.BettingPerformanceBlock ul li:nth-child(odd) {
  margin-bottom: 10px;
}
.BettingPerformanceBlock ul li dl {
  display: flex;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #DADADA;
}
.BettingPerformanceBlock ul li dl dt {
  flex: auto;
  background: #EDEBE5;
  padding: 22px 8px;
  width: 50%;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-right: 1px solid #DADADA;
  color: #444;
  font-size: 13px;
}
.BettingPerformanceBlock ul li dl dt span {
  font-size: 14px;
  font-weight: 600;
}
.BettingPerformanceBlock ul li dl dd {
  width: 50%;
  font-size: 15px;
  font-weight: 600;
}
.BettingPerformanceBlock ul li dl dd a {
  display: flex;
  padding: 22px 18px;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  color: #444;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.Table_Itemized_Title {
  background: #EDEBE5;
  padding: 10px;
}
.Table_Itemized_Title h3 {
  font-size: 13px;
  color: #444;
  font-weight: bold;
}
.Table_Itemized_Wrap table {
  width: 100%;
}
.Table_Itemized_Wrap table th {
  color: #FFF;
  background: #8D8D8D;
  font-size: 13px;
  padding: 8px;
}
.Table_Itemized_Wrap table th:first-child {
  background: #555;
}
.Table_Itemized_Wrap table td {
  font-size: 14px;
  color: #444;
  font-weight: bold;
  padding: 8px;
  border-right: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  text-align: right;
}
.Table_Itemized_Wrap table td:last-child {
  border-right: none;
}
.Table_Itemized_Wrap table td:first-child {
  text-align: left;
}
.Table_Itemized_Wrap table td:nth-child(2),
.Table_Itemized_Wrap table td:nth-child(3) {
  text-align: center;
}
.Table_Shirushi_Wrap {
  overflow-x: scroll;
  margin-bottom: 28px;
  /* IE, Edge 対応 */
  -ms-overflow-style: none;
  /* Firefox 対応 */
  scrollbar-width: none;
}
/* Chrome, Safari 対応 */
.box::-webkit-scrollbar {
  display:none;
}
.Table_Shirushi_Wrap table {
  width: 100%;
  border-collapse: collapse;
  white-space: nowrap;
  border: 1px solid #D9D9D9;
  table-layout: fixed;
}
.Table_Shirushi_Wrap table th {
  padding: 10px 8px;
  vertical-align: middle;
}
.Table_Shirushi_Wrap table th {
  line-height: 1.2;
  font-size: 13px;
  font-weight: 600;
  color: #FFF;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  width: 80px;
  background: #8D8D8D;
}
.Table_Shirushi_Wrap table th:first-child {
  width: 60px!important;
}
.Table_Shirushi_Wrap table th + th,
.Table_Shirushi_Wrap table td + td {
  border-left: 1px solid #D9D9D9;
}
.Table_Shirushi_Wrap table td {
  color: #444;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  padding: 4px 8px;
}
.Table_Shirushi_Values td:first-child {
  text-align: center;
  font-size: 16px;
  font-weight: normal;
}
.Table_Shirushi_Wrap span[class^="Shirushi_"] {
  font-size: 159%;
}
.Table_Shirushi_Values td.Highlight {
  color: #D64646;
  font-weight: 600;
}
.Table_Shirushi_Wrap td.Table_Analytics_Values {
  background: #EDEBE5;
  font-size: 15px;
  color: #333;
  text-align: left;
  font-weight: normal;
}
.Table_Shirushi_Values img {
  width: 60px;
  height: 25px;
  vertical-align: middle;
}
.Guest_User_Block{
  position: relative;
}
.BettingPerformanceBlock.Guest_User_Block{
  margin-bottom: 0;
}
.Guest_User_Block .Master_Regist_Box{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.BettingPerformanceBlock.Guest_User_Block .Master_Regist_Box{
  position: relative;
  top: -40px;
  left: 0;
  transform: inherit;
}
/*----------------------------------------------
# 9.0 - 馬券詳細分析
----------------------------------------------*/
.Table_Search_Detail_Wrap table {
  width: 100%;
}
.Table_Search_Detail_Wrap table th,
.Table_Search_Detail_Wrap table td {
  border: 1px solid #D3D2C8;
}
.Table_Search_Detail_Wrap table th {
  font-size: 13px;
  background: #F2F0E9;
  padding: 17px 12px;
  text-align: left;
  width: 24%;
}
.Search_Detail_Box {
  margin: 10px 20px;
}
.Search_Detail_Box:has(.Search_Detail_Input02) {
  text-align: center;
}
.SearchDetail_Check {
  display: flex;
  align-items: center;
  gap: 4px 16px;
  flex-wrap: wrap;
}
.SearchDetail_Check.Vertical li {
  margin-right: 0;
  margin-bottom: 20px;
  width: 50%;
}
.Search_Detail_Form input {
  background: transparent;
  border: 0 none;
  color: #444;
}
.SearchDetail_Check input[type=checkbox] {
  display: none;
}
.SearchDetail_Check label {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin-top: 5px;
  padding: 0 0 0 27px;
  box-sizing: border-box;
  position: relative;
  color: #444;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.SearchDetail_Check label::before {
  background: #fff;
  border: 2px solid #BFBFBF;
  content: "";
  display: block;
  height: 16px;
  width: 16px;
  left: 0px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
}
.SearchDetail_Check label::after {
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: "";
  display: block;
  height: 8px;
  width: 4px;
  left: 7px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
}
.SearchDetail_Check .CheckBox:checked + label:before {
  background: #3251BC;
  border: 2px solid #3251BC;
}
.SearchDetail_Check .CheckBox:checked + label:after {
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.Date_Select_Wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 30px;
  margin: 20px 0 10px;
}
.Date_Select_Inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 10px;
}
.Date_Select_Title {
  color: #666;
  font-size: 15px;
  font-weight: 600;
}
.Date_Select_Wrap ul {
  display: flex;
  align-items: center;
  gap: 0 10px;
}
.Date_Select_Wrap ul li {
  position: relative;
}
.Date_Select_Wrap ul li:before {
  display: block;
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 4.5px 0px 4.5px;
  border-color: #585858 transparent transparent transparent;
  top: 0;
  bottom: 0;
  right: 11px;
  margin: auto;
}
.Date_Select_Wrap select {
  border: 1px solid #CACACA;
  border-radius: 4px;
  padding: 8px 26px 8px 10px;
  color: #444;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.Tilde_Wrap {
  font-weight: 600;
}
.Search_Detail_Btn_Wrap {
  padding: 20px 0;
  border-bottom: 1px solid #D3D2C8;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 10px;
}
.Search_Detail_Btn a {
  color: #666;
  font-size: 15px;
  font-weight: bold;
  background: #EDEBE5;
  border: 1px solid #D2D1CB;
  border-radius: 4px;
  padding: 10px 45px;
  display: block;
}
.Search_Detail_Input,
.Search_Detail_Input02 {
  display: inline-block;
}
.Search_Detail_Input02 div {
  float: left;
  margin-right: 8px;
  width: 80px;
}
.Search_Detail_Input.Small div,
.Search_Detail_Input02.Small div {
  width: 110px;
}
.Search_Detail_Input.Md div,
.Search_Detail_Input02.Md div {
  width: 125px;
}
.Search_Detail_Form input[type=text],
.Search_Detail_Form input[type=number] {
  width: 100%;
  background: #fff;
  border: 1px solid #DADADA;
  border-radius: 6px;
  overflow: hidden;
  line-height: 1.4;
  padding: 7px 8px;
  font-size: 0.9375rem;
  cursor: pointer;
}
.Search_Detail_Input02 input[type=number] {
  font-size: 16px;
  font-weight: 600;
  color: #2752C3;
  text-align: right;
}
.Search_Detail_Input > span,
.Search_Detail_Input02 > span,
.Search_Detail_Select > span {
  position: relative;
  float: left;
  margin-right: 8px;
  top: 11px;
  color: #444;
  font-weight: 300;
  font-size: 15px;
}
.Search_Detail_Input02 > span {
  color: #2752C3;
  font-weight: 600;
}

/*-- レンジスライダー --*/
.noUiSlider_wrap {
  padding-bottom: 18px !important;
}

.noUi-target {
  margin: 0 18px;
}

.noUiSlider_wrap .num_wrap {
  margin: 22px 0 44px;
  text-align: center;
}

.noUiSlider_wrap .num_wrap > span {
  color: #444;
  font-size: 15px;
}

.num_wrap.part02 {
  color: #2752C3;
}
.num_wrap.part02 > span {
  color: #2752C3;
  font-weight: bold;
}

.noUi-horizontal .noUi-handle {
  width: 20px;
  height: 20px;
  border-radius: 100px;
  border: solid 4px #2752C3;
  top: -8px;
  box-shadow: none;
  right: -10px;
}

.noUi-horizontal .noUi-handle::before,
.noUi-horizontal .noUi-handle::after {
  content: none;
}

.noUi-target {
  background: transparent;
  border: none;
  box-shadow: none;
}
.noUi-target::after {
  background-color: #BFBFBF;
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  background-size: contain;
  top: 0%;
  left: 0%;
}

.noUi-connect {
  background-color: #2752C3;
  height: 4px;
}

.noUi-connects {
  height: 4px;
  cursor: pointer;
}

.noUi-pips {
  z-index: -1;
}

.noUi-pips-horizontal {
  top: 0;
  padding: 0;
}

.noUi-value {
  top: -28px;
  color: #444;
  font-size: 0.6875rem;
}
#range_slider03 .noUi-value {
  display: none;
}

.noUi-marker-horizontal.noUi-marker {
  margin-top: -7px;
  border-radius: 1px;
}

.noUi-marker-large {
  background: #BFBFBF;
}

.noUi-marker-normal {
  background: transparent;
}


/*----------------------------------------------
# 10.0 - My収支詳細分析 検索結果画面_通常
----------------------------------------------*/
.Title_Result_Num {
  color: #D64646;
}

.Analytics_Results_Conditions_Detail {
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 10px;
  margin: 18px 0px 18px 10px;
}
.Analytics_Results_Hits {
  font-size: 15px;
  font-weight: 600;
  color: #333;
}
.Analytics_Results_Value {
  overflow-x: scroll;
  overflow-y: hidden;
  /* IE, Edge 対応 */
  -ms-overflow-style: none;
  /* Firefox 対応 */
  scrollbar-width: none;
}
/* Chrome, Safari 対応 */
.box::-webkit-scrollbar {
  display:none;
}
.Analytics_Results_Value ul {
  display: flex;
  align-items: center;
  width: 100%;
  white-space: nowrap;
  gap: 5px;
}
.Analytics_Results_Value ul li {
  width: 100%;
  color: #333;
  font-size: 14px;
}
.Analytics_Results_Value ul li input {
  -webkit-appearance: none;
}
.Close_Icon {
  display: inline-block;
  color: #444;
  line-height: 1;
  width: 1em;
  height: 0.1em;
  background: currentColor;
  border-radius: 0.1em;
  position: relative;
  transform: rotate(45deg);
  margin-bottom: 4px;
  margin-left: 3px;
}
.Close_Icon::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: inherit;
  transform: rotate(90deg);
}

/*----------------------------------------------
# 10.1 - 通常--Table
----------------------------------------------*/
table.Table_Analytics {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
  background: #fff;
  margin-top: 10px;
  border-bottom: 1px solid #E2E2E2;
  margin-bottom: 28px;
}
table.Table_Analytics .Header th {
  background: #8D8D8D;
  font-size: 13px;
  font-weight: 600;
  color: #FFF;
  padding: 10px 1px;
  vertical-align: middle;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}
table.Table_Analytics th,
table.Table_Analytics td {
  padding: 48px 8px 10px;
  vertical-align: middle;
  border: 1px solid #D9D9D9;
}
td.Table_Analytics_Values {
  background: #E2E2E2;
  font-size: 15px;
  color: #333;
}
.Table_Analytics_Values_Wrap {
  position: relative;
}
.Table_Analytics_Values_Wrap .Table_Analytics_Values {
  content: "";
  width: 720px;
  height: auto;
  display: flex;
  align-items: center;
  background: #EDEBE5;
  font-size: 15px;
  font-weight: normal;
  z-index: 1;
  position: absolute;
  top: -48px;
  left: -9px;
  text-align: left;
  padding: 10px 8px;
  color: #333;
  word-break: break-all;
  line-height: 1.2rem;
}
td.Recovery_Rate_Value,
td.Hit_Rate_Value,
td.Amount_Value,
td.Refund_Value,
td.PurchaseRace_Count_Value,
td.WinningRace_Count_Value {
  font-size: 14px;
  font-weight: 600;
  text-align: right;
}
td.PurchaseRace_Count_Value,
td.WinningRace_Count_Value {
  color: #0033AA;
}

.tablesorter-header-inner>.sort_icon,
.Table_Analytics_Wrap .Table_Analytics .sort_icon {
  padding-right: 18px;
  position: relative;
  color: #FFF;
  right: -12px;
  bottom: 2px;
}
.Table_Analytics_Wrap .tablesorter-header-inner>.sort_icon,
.Table_Analytics_Wrap .Table_Analytics .sort_icon {
  background: unset;
  border-bottom: none;
}
.tablesorter-header-inner>.sort_icon::before,
.tablesorter-header-inner>.sort_icon::after {
  border: 4px solid transparent;
  content: "";
  display: block;
  height: 0;
  right: 5px;
  top: 70%;
  position: absolute;
  width: 0;
}
.tablesorter-header-inner>.sort_icon::before,
.Table_Analytics_Wrap .Table_Analytics .sort_icon::before {
  border-bottom-color: #FFF;
  margin-top: -12px;
}
.tablesorter-header-inner>.sort_icon::after,
.Table_Analytics_Wrap .Table_Analytics .sort_icon::after {
  border-top-color: #FFF;
  margin-top: -1px;
}
.Table_Analytics_Wrap .tablesorter-header-inner>.sort_icon::after,
.Table_Analytics_Wrap .Table_Analytics .sort_icon::after {
  -webkit-transform: rotateZ(0deg);
  -ms-transform: rotate(0deg);
  transform: rotateZ(0deg);
}

/*----------------------------------------------
# 11.0 - My収支詳細分析_購入レース詳細
----------------------------------------------*/
.Selected_Condition_Wrap {
  padding: 0 10px;
  margin-bottom: 20px;
}
.Selected_Condition_Inner {
  color: #444;
  background: #FFF;
  border: 1px solid #BFBFBF;
  border-radius: 4px;
  padding: 12px 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.Selected_Condition_Title {
  margin-right: 21px;
  text-align: center;
  font-size: 11px;
  flex-shrink: 0;
}
.Selected_Condition_Value {
  position: relative;
  font-size: 14px;
  font-weight: 600;
  word-wrap: break-word;
  word-break: break-all;
  line-height: 1.2rem;
  flex-grow: 1;
}
.Selected_Condition_Value:before {
  position: absolute;
  top: 0;
  right: 100%;
  margin: 0 10px;
  content: "";
  width: 1px;
  height: 100%;
  background-color: #444;
}

.Balance_ListItem .Kakutei, .Balance_ListItem .miKakutei {
  padding: 4px;
  margin-right: 10px;
  color: #fff;
  font-size: 14px;
  border-radius: 4px;
  width: 26px;
  height: 26px;
  text-align: center;
}
.Balance_ListItem a {
  font-size: 18px;
}
.Balance_ListItem div div {
  max-width: unset;
}
.Balance_ListItem div dt {
  font-size: 12px;
}
.Balance_ListItem div dd {
  font-size: 14px;
}
.Balance_ListItem div dd span {
  font-size: 12px;
}
.Balance_ListToggle span.label {
  width: 50px;
  padding: 6px 0;
  font-size: 12px;
}
.Balance_ListToggle .Balance_ListToggleItem,
.ListToggleItem_02 dl, .ListToggleItem_02_develop dl {
  font-size: 14px;
}
.Balance_ListToggle span.date {
  font-size: 12px;
}
.develop_toggle {
  font-size: 12px;
}

.ipat_history_list {
  margin: unset;
}
.ipat_history_list .Balance_List {
  margin-bottom: 0;
}
.ListToggleItem_02 .Arrow01 span.UmaBan,
.ListToggleItem_02_develop .Arrow01 span.UmaBan,
.ListToggleItem_03 span.Wakuban {
  width: 24px;
  height: 24px;
  padding: 3px 0;
  font-size: 14px;
}
.UmaBan {
  display: inline-block;
  width: 26px;
  font-size: 122%;
  font-weight: bold;
  color: #333;
  text-align: center;
  border: 1px solid #333;
  border-radius: 2px;
  padding: 4px 0px 4px 0px;
  position: relative;
}
@media screen and (min-width: 766px) {
  #select_kumiawase .WakuBan, .RaceOdds_Result_Table02 .WakuBan {
      font-size: 14px;
      padding: 3px 0px;
      width: 24px;
      height: 24px;
  }
}
/*----------------------------------------------
# 14.0 - AIアドバイザーとは
----------------------------------------------*/
.About_Wrap {
  text-align: center;
  margin: 40px 0;
}
.About_Inner {
  padding: 0 20px;
}
.About_Wrap h2 {
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  color: #3251BC;
  margin-bottom: 16px;
}
.About_Wrap p {
  color: #666;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 23px;
}
p.Look {
  color: #EF5350;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 12px;
}
p.Register_Notion {
  color: #707070;
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
}
.About_Inner p.Register_Notion{
  width: 480px;
  margin: auto;
  text-align: left;
}
.Commentary_Wrap p.Look {
  text-align: center;
}
.Register_Btn_Wrap p.Look {
  color: #FFF;
}
.Img_About_Wrap {
  margin-bottom: 23px;
}
.Img_About_Wrap img {
  width: 56%;
}
.About_Wrap .Register_CTA,
.Commentary_Wrap .Register_CTA,
.Register_Btn_Wrap .Register_CTA {
  margin-bottom: 12px;
}
.About_Wrap .Register_CTA {
  width: 70%;
  margin: 0 auto 12px;
}
.Register_CTA a {
  text-align: center;
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
  display: block;
  background: #3251BC;
  border-radius: 4px;
  padding: 15px;
}
.Register_CTA a span {
  display: block;
  font-size: 11px;
  font-weight: 400;
  margin-top: 10px;
}
.Register_Btn_Wrap .Register_Notion {
  color: #FFF;
  text-align: center;
}
/* Register_CTA フッター吸着 */
.Register_Btn_Wrap {
  position: fixed;
  bottom: -100px;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  color: #FFF;
  text-align: center;
  display: none;
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 20;
}
.Register_Btn_Wrap.show {
  display: block;
  opacity: 1;
  bottom: 0;
}
.Register_Btn_Wrap.hide {
  display: block;
  opacity: 0;
  bottom: -100px;
}
@media only screen and (min-width: 1025px) {
  .Register_Btn_Inner {
    width: 480px;
    margin: 0 auto;
    padding: 20px;
  }
}
.Register_Btn_Inner {
  padding: 20px;
}
/* CREATIVE_TASK-6756 馬券アドバイザー 会員別表示 */
.blurred_img_rating_message,
.blurred_img_shindan_message {
  position: relative;
}
.blurred_img_rating_message img,
.blurred_img_shindan_message img {
  width: 100%;
  height: auto;
}
.Guest_User_Block .Aisho_Blurred_Wrap {
  overflow: unset;
  margin: unset;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.Guest_User_Block .Aisho_Blurred_Wrap .Master_Regist_Box {
  /* position: unset;
  transform: unset;
  width: 100%;
  margin: unset; */
}
.Guest_User_Block.Commentary_Wrap p.Master_Regist_Msg01 {
  margin-bottom: 0;
}
.Guest_User_Block .Master_Regist_Box .Master_Regist_MsgArea01 {
  margin-bottom: 16px;
}
.Guest_User_Block .Master_Regist_Msg_Campaign01 {
  margin-bottom: 10px;
}

.Guest_User_Block .Refund_Amount_Data_Wrap {
  position: relative;
}
.Guest_User_Block .blurred_img_bar {
  position: absolute;
  bottom: 20px;
  right: 8px;
}
.Guest_User_Block .blurred_img_bar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 430px){
  .Guest_User_Block .blurred_img_bar {
    position: absolute;
    bottom: 16px;
    right: 10px;
  }
}
.Guest_User_Block .Shirushi_Value:nth-of-type(2) dl dd {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.Guest_User_Block .Shirushi_Value dl dd img {
  width: auto;
  height: 52px;
}
.Guest_User_Block .User_Key_Race_Value img {
  width: auto;
  height: 35px;
}

.User_Score_Data_Wrap.Guest_User_Block img {
  height: 18px;
  width: auto;
}
.User_Score_Data_Wrap.Guest_User_Block div div:has(img) {
  padding: 14.23px 4px;
}
.Title_Data3:has(img) {
  display: flex;
  align-items: center;
}
.Title_Data3 span img {
  max-height: 28px;
}
dd.minus:has(img),
dd.plus:has(img) {
  display: flex;
  align-items: self-end;
  justify-content: center;
}
dd.minus img,
dd.plus img {
  max-height: 24px;
}
.Discription_Container {
    background-color: #F5F4F1;
    padding: 1rem 0;
}
.BakenData_2.Guest_User_Block + .caution_inner{
  margin-top:100px;
}
.caution_inner{
  text-align: left;
  margin: 30px 0 20px;
  padding: 21px ;
  background: #F5F4F1;
  border-radius: 10px;
}
.caution_inner p.Register_Notion{
  text-align: left;
  color:#444444;
  font-size: 13px;
  line-height: 1.76;
}

/*----------------------------------------------
# 15.0 - 説明用モーダル
----------------------------------------------*/
.guidance_modal_bg{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  visibility: visible;
  overflow: visible;
  transition: opacity 0.7s, transform 0s 0.5s;
}
.guidance_modal {
  position: fixed;
  bottom: 0%;
  left: 50%;
  transform: translate(-50%,100%);
  z-index: 10000;
  width: 100%;
  max-width: 480px;
  max-height: 80vh;
  min-height: 530px;
  opacity: 0;
}
.guidance_modal > .guidance_modal_inner{
  position: relative;
  border-radius: 12px 12px 0 0;
  background: #fff;
  width: 100%;
  height: 100vh;
  margin: 36px auto -10px;
  max-width: 480px;
  overflow: hidden;
}
.guidance_modal.OpenDraw {
  animation: HalfModalIn 0.6s forwards;
}
@keyframes HalfModalIn {
  0% {
    opacity: 0;
    transform: translate(-50%,100%);
  }
  60% {
    transform: translate(-50%,-10px);
  }
  100% {
    transform: translate(-50%,0%);
  }
  20%,100% {
    opacity: 1;
  }
}
.guidance_modal.SlideOut {
  animation: HalfModalOut 0.4s forwards;
}
@keyframes HalfModalOut {
  0% {
    opacity: 1;
    transform: translate(-50%,0%);
  }
  100% {
    transform: translate(-50%,100%);
  }
  20%,100% {
    opacity: 0;
  }
}
.guidance_modal .HalfModal_CloseBtn{
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 10;
  display: inline-block;
  width: 34px;
  height: 34px;
  overflow: hidden;
  cursor: pointer;
  text-indent: 200%;
  white-space: nowrap;
  background: #fff;
  border-radius: 50%;
}
.guidance_modal .HalfModal_CloseBtn::before,
.guidance_modal .HalfModal_CloseBtn::after {
  content: '';
  height: 2px;
  width: 27px;
  display: block;
  background: #333;
  position: absolute;
  top: 16px;
  left: 4px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.guidance_modal .HalfModal_CloseBtn::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
.guidance_modal .HalfModal_CloseBtn{
  margin: 0;
  background:none;
  top: -5px;
  right: 8px;
}
.guidance_modal .HalfModal_CloseBtn::before,
.guidance_modal .HalfModal_CloseBtn::after{
  background:#fff;
  height: 3px;
  border-radius: 14px;
}
.no-scroll {
  overflow: hidden;
  position: fixed;
  width: 100%;
}
.guidance_modal_inner > svg{
  margin: 35px auto 0;
  display: block;
  width: 45px;
  height: 45px;
  text-align: center;
}
.guidance_modal_inner > h2{
  margin-top: 6px;
  font-size: 16px;
  font-weight: bold;
  color:#444444;
  text-align: center;
}
.guidance_modal_contents{
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 20px;
  margin:15px 20px 0;
  padding: 15px 10px 15px 15px;
  background:#F3F3F3;
  border-radius: 4px;
}
.guidance_modal_contents p{
  width: 49.35%;
  font-size: 14px;
  color: #444444;
  line-height: 1.69;
}
.guidance_modal_contents img{
  width: 46.12%;
}