@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 - AIアドバイザーとは
9.0 - 説明用モーダル
==============================================*/

/*----------------------------------------------
# 0.0 - 共通パーツ
----------------------------------------------*/
.Main_Column {
  background: #F3F3F3;
}
.Title_Sec2 {
  margin-bottom: 21px;
  margin-top: 21px;
}
.Title_Sec2 h3 {
  background: #666;
  border-radius: 12px;
  color: #FFF;
  font-size: 14px;
  padding: 5px;
  text-align: center;
}
.Title_Data {
  font-size: 15px;
  font-weight: 600;
  color: #3251BC;
}
.Up {
  color: #EF5350;
}
.Down {
  color: #091C5F;
}
.No_Data {
  display: none;
}
.Key_Color_Red {
  color: #EF5350;
}
.Key_Color_Blue {
  color: #0033AA;
}
.plus {
  font-weight: 600;
  color: #EF5350;
}
.minus {
  font-weight: 600;
  color: #31A1CB;
}
.w50 {
  width: 50%;
}
.w80 {
  width: 80%;
}
.w90 {
  width: 90%;
}
section.Contents_Box.Top_RaceMenu {
  background: #FFF;
}
.aligncenter {
  text-align: center;
}
@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: 77.78%;
  font-weight: bold;
  color: #FFFFFF;
}
.AI_adviser_tab li.active a{
  color:#3251BC;
}
.Advisor_Wrap .Top_RaceMenu{
  padding-bottom: 43px;
}
.Advisor_Wrap.App_Advisor .Top_RaceMenu {
  padding-bottom: 110px;
}
/*----------------------------------------------
# 0.1 - CTAボタン
----------------------------------------------*/
.Advisor_CTA a {
  border-radius: 20px;
  border: 1px solid #e0e0e0;
  display: block;
  padding: 10px;
  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/race/advisor/icon_sprite_column.png) no-repeat;
  -webkit-background-size: 70px auto;
  -moz-background-size: 70px auto;
  background-size: 70px auto;
  background-position: -26px -85px;
}

/*----------------------------------------------
# 1.0 - ウィークリーレポート
----------------------------------------------*/
section.WeeklyReport_Wrap,
.Style_Wrap {
  position: relative;
  background: #3251BC;
  padding: 24px 10px;
}
section.WeeklyReport_Wrap::after,
.Style_Wrap::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translate(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 24px solid transparent;
  border-left: 24px solid transparent;
  border-top: 18px solid #3251BC;
  border-bottom: 0;
}
.WeeklyReport_Title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.WeeklyReport_Title h2 {
  color: #FFF;
  font-size: 18px;
  position: relative;
}
.WeeklyReport_Title h2 span{
  position: relative;
  display: block;
  padding: 3px 8px;
  background:#6B81CE;
  font-size: 55.56%;
  font-weight: bold;
  color: #FFFFFF;
  border-radius: 8px;
}
@media screen and (max-width: 340px) {
  .WeeklyReport_Title h2 span{
    font-size: 44.45%;
  }
}
.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;
}
.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: 32px;
  font-size: 15px;
  font-weight: 600;
}
.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;
}

.WeeklyReportDate_Wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 20px auto 17px;
}
.AdvisorTop .WeeklyReportDate_Wrap{
  justify-content: center;
}
.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: 4px;
  height: 4px;
  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: 19px;
  font-weight: bold;
  line-height: 19px;
  color: #FFF;
}
.AdvisorTop .WeeklyReport_Message {
  position: relative;
  padding: 12px;
  margin-bottom: 16px;
  background: #697FCE;
  border-radius: 8px;
}
.WeeklyReport_Message.Free_Member {
  background: #FFF;
}
.AdvisorTop .WeeklyReport_Message::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -10px;
  right: 20px;
  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.Free_Member::after {
  border-top: 18px solid #FFF;
}
.AdvisorTop .WeeklyReport_Message p {
  font-size: 14px;
  color: #FFF;
  line-height: 18px;
}

.AdvisorTop .WeeklyReport_Message.Free_Member p {
  color: #EF5350;
  font-weight: 600;
}

.WeeklyReport_Data {
  background: #FFF;
  padding: 10px;
  border-radius: 8px;
}
.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_RecoveryRate {
  border-radius: 4px;
  background: #EFF3FF;
  padding: 10px;
  display: flex;
  align-items: flex-start;
  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;
  height: 66px;
}
.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 8px;
}
.Title_Data2 {
  color: #3251BC;
  font-size: 13px;
  font-weight: 600;
}
.HitRate_Wrap,
.PurchaseAmount_Wrap,
.RecoveryRateAmount_Wrap {
  border-radius: 4px;
  background: #EFF3FF;
  padding: 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: 24px;
  text-align: center;
}
.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;
}
.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 {
  color: #3251BC;
  border-color: #3251BC;
  font-weight: normal;
  padding: 6px;
  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,
.Shushi_BakenData_Inner,
.GoodMatch_Inner,
.Race_Entry_Inner,
.Betting_Accuracy_Inner,
.Ticket_Type_Inner {
  padding: 0 10px;
}
.Shushi_BakenData_Inner{
  padding-bottom: 20px;
}
.Chart_Label_Wrap {
  margin: 18px 0;
}
.Chart_Label_Wrap ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #444444;
  font-size: 10px;
}
.Chart_Label_Wrap ul li {
  display: flex;
  align-items: center;
  gap: 3px;
}
.Chart_Label_Wrap ul li:before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
}

/* 券種別 - 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: #FFF;
  border-radius: 10px;
  padding: 12px 10px;
  color: #444;
  margin: 16px 0;
  position: relative;
}
.ChartDescription_Wrap .Title_Data3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 6px;
}
.ChartAmount_Wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.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/race/advisor/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/race/advisor/dot.png),url(../img/race/advisor/dot.png),url(../img/race/advisor/dot.png),url(../img/race/advisor/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: 24px;
  color: #444;
  font-size: 17px;
  margin: 40px 0;
}
.Commentary_Wrap.margin-x-10 {
  margin: 40px 10px;
}
.Commentary_Wrap:has(.Commentary_Inner) {
  padding: 25px 10px;
}
.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_Wrap h3 {
  margin-bottom: 30px;
}
.Commentary_Wrap p span{
  display: block;
  margin: 10px 0;
  background: #666;
  border-radius: 12px;
  color: #FFF;
  font-size: 14px;
  padding: 5px;
  text-align: center;
}
.Commentary_Inner {
  padding: 0 14px;
  margin-bottom: 25px;
}
.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 {
  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-bottom: 6px;
}
.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 .Title_Sec2 {
  padding: 0 10px;
}
.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;
}
/*----------------------------------------------
# 3.0 - 馬券レーティング
----------------------------------------------*/
.AdvisorTop .Rating_Wrap {
  margin-top: 50px;
}
.AdvisorTop .Race_Entry_Inner,
.AdvisorTop .Betting_Accuracy_Inner,
.AdvisorTop .Ticket_Type_Inner {
  display: none;
}
.Shirushi_Wrap,
.Odds_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: #FFF;
  border-radius: 10px;
  padding: 15px 10px;
  color: #333;
  position: relative;
  width: 50%;
}
.Shirushi_Per_Race_Inner {
  background: #FFF;
  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/race/advisor/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: 42px;
  letter-spacing: -1px;
  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 .Title_Sec2 {
  padding: 0 10px;
}
.Accuracy_Inner .Commentary_Wrap {
  margin: 40px 10px;
}
.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%;
  border-right: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
}
.User_Score_Data_Wrap>div:first-child {
  border-left: 1px solid #DADADA;
}
.User_Score_Data_Wrap>div>div {
  border-bottom: 1px solid #DADADA;
  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; */
}
.User_Score_Data_Wrap>div.Highlight:before {
  /* border: 3px solid red !important;
  position: absolute;
  top: 0px;
  left: -3px;
  content: "";
  width: calc(100% - 0px);
  height: calc(100% - 6px);
  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,
.WeeklyReport_RecoveryRate_BlurredWrap {
  margin: 0 auto;
  background: #eff3ff;
  border-radius: 4px;
  position: relative;
  height: auto;
  padding: 10px;
}
.WeeklyReport_RecoveryRate_Wrap h2,
.WeeklyReport_RecoveryRate_BlurredWrap 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;
}
#ajax_ai_advisor_rating .WeeklyReport_RecoveryRate_Inner {
  height: 0;
  overflow: hidden;
  transition: height 0.6s ease;
}
.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;
}
.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: normal;
  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-bottom;
  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 20px;
}
.Style_Inner h3 {
  color: #FFF;
  text-align: center;
  font-weight: 300;
  font-size: 22px;
  margin: 20px 0 15px;
}
ol.Conditions_List {
  margin: 20px 0;
  color: #444;
}
ol.Conditions_List li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: 10px;
  background: #FFF;
  border-radius: 4px;
  padding: 12px 7px;
}
.AdvisorTop ol.Conditions_List li:nth-child(n+11) {
  display: none;
}
.Rank_RateWrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0 10px;
  flex: auto;
  margin-bottom: 4px;
}
.RecoveryRate dl,
.HitRate dl {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 0 4px;
}
.RecoveryRate dl dt,
.HitRate dl dt {
  font-size: 11px;
  font-weight: 600;
}
@media screen and (max-width: 360px){
  .RecoveryRate dl dt,
  .HitRate dl dt{
    font-size: 10px;
  }
}
.RecoveryRate dl dd,
.HitRate dl dd {
  font-size: 18px;
  font-family: Arial,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo", "メイリオ", sans-serif;
}
@media screen and (max-width: 360px){
  .RecoveryRate dl dd,
  .HitRate dl dd{
    font-size: 14px;
  }
}
.RecoveryRate dl dd span,
.HitRate dl dd span {
  font-size: 12px;
}
.Conditions_List li .Rank {
  font-size: 26px;
  font-weight: bold;
  font-family: Arial,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo", "メイリオ", sans-serif;
}
@media screen and (max-width: 360px){
  .Conditions_List li .Rank{
    font-size: 22px;
  }
}
.Conditions_List li.Rank1 {
  background-color: #FFFDEB;
}
.Conditions_List li.Rank2 {
  background-color: #F5F4F4;
}
.Conditions_List li.Rank3 {
  background-color: #FFF4EF;
}
.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: 16px;
  font-weight: 600;
}
@media screen and (max-width: 360px) {
  .Conditions_List li .RaceName{
    font-size: 14px;
  }
}
.Conditions_List li .RaceName span {
  color: #444;
  font-weight: normal;
  font-size: 14px;
  margin-left: 4px;
}
@media screen and (max-width: 360px) {
  .Conditions_List li .RaceName span {
    font-size: 11px;
  }
}
.Conditions_List li.Rank1 .RaceName {
  color: #9D931E;
}
.Conditions_List li.Rank2 .RaceName {
  color: #7F98BA;
}
.Conditions_List li.Rank3 .RaceName {
  color: #B55030;
}
.AdvisorTop .Style_Wrap .Advisor_CTA a::before {
  content: "馬券スタイルをもっと見る";
}
.Style_Wrap .Advisor_CTA a::before {
  content: "もっと見る";
}
/*----------------------------------------------
# 5.0 - 今週の得意レース
----------------------------------------------*/
.FavorableRace_Inner h2 {
  color: #757575;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  margin: 35px 0 14px;
}
.RaceDayWrap_Inner {
  border-bottom: unset;
}
table.Table_Aisho {
  margin-top: unset;
}
.Table_Aisho .Header th {
  border: 1px solid #dadada;
  border-right: 1px solid transparent;
}
.Table_Aisho .Header th:last-child {
  border: 1px solid #dadada;
  border-right: 1px solid #dadada;
}

.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;
}
.Shushi_Wrap::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translate(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 24px solid transparent;
  border-left: 24px solid transparent;
  border-top: 18px solid #1A38A0;
  border-bottom: 0;
}
.Shushi_Head {
  padding: 24px 10px 10px;
}
.Shushi_Detail {
  padding: 14px 10px 12px;
  background: #1A38A0;
}
section.Shushi_Wrap h2 {
  text-align: center;
  color: #FFF;
  margin-bottom: 8px;
}
section.Shushi_Wrap .Shushi_Date {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  font-family: Arial,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo", "メイリオ", sans-serif;
  padding: 5px;
}
section.Shushi_Wrap .Shushi_Date>span {
  background: #142560;
  border-radius: 16px;
  padding: 5px 26px;
}

.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: 4px;
  height: 4px;
  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: 12px;
  text-align: center;
  color: #FFF;
  margin: 10px 0;
}
section.Shushi_Wrap .Shushi_Total dl dd {
  font-size: 32px;
  color: #FFF;
  font-weight: bold;
  font-family: Arial,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo", "メイリオ", sans-serif;
  text-align: center;
}
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 {
  background: #2944A0;
  border-radius: 4px;
  padding: 10px;
  margin: 10px 0 2px;
  color: #FFF;
  display: flex;
  justify-content: space-evenly;
  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: 10px;
  margin-bottom: 6px;
}
section.Shushi_Wrap .Shushi_Amount>div dl dd {
  font-family: Arial,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo", "メイリオ", sans-serif;
  font-size: 20px;
  font-weight: bold;
}
section.Shushi_Wrap .Shushi_Amount>div dl dd span {
  font-size: 11px;
  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: 12px 10px;
}
section.Shushi_Wrap ul.TodayData_List li dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
section.Shushi_Wrap ul.TodayData_List li dl dt {
  font-size: 13px;
  font-family: Arial,"ヒラギノ角ゴ 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: Arial,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo", "メイリオ", sans-serif;
}
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: 10px 0;
}
section.Shushi_Wrap .Advisor_CTA a {
  background: transparent;
  color: #FFF;
  font-weight: normal;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
section.Shushi_Wrap .Advisor_CTA a.Master_Regist_Btn{
  font-size: 12px !important;
  line-height: 1;
}

.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%;
  position: relative;
}
.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: #FFF;
  border-radius: 10px;
  padding: 12px 10px;
  color: #444;
  margin: 16px 0;
  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/race/advisor/quotation.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 60%;
}
.BakenData1_Inner div dl {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
  align-items: center;
}
.BakenData1_Inner div dl dt {
  color: #3251BC;
  font-size: 15px;
  font-weight: bold;
}
.BakenData1_Inner div dl dd {
  color: #333;
  font-size: 30px;
  font-family: Arial,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", arial, "Meiryo", "メイリオ", sans-serif;
}
.BakenData1_Inner div dl dd span {
  font-size: 19px;
  margin-left: 2px;
}
#noGraphMessage{
  position: absolute;
  top: 40%;
  left: 45%;
  width: 80%;
  transform: translate(-50%, -50%);
  background: #FFF;
  padding: 14px;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  font-size: 16px;
  line-height: 1.6rem;
  color: #777;
}

.Title_Sec2.Triangle {
  position: relative;
  margin-bottom: 10px;
}
.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: #666 transparent transparent transparent;
  transform: rotate(-30deg);
}
.BakenData_2 ul {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px 0;
}
.BakenData_2 ul li {
  padding: 14px;
  background: #FFF;
  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;
}
.BakenData_2.Guest_User_Block {
  position: relative;
}
.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;
}
.Guest_User_Block.BakenData_2 .Master_Regist_Box {
  width: 75%;
  margin: unset;
  padding: 10px;
  position: absolute;
  top: 60%;
  right: 10%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.Guest_User_Block.BakenData_2 .Master_Regist_Box .Master_Regist_MsgArea01 .Master_Regist_Msg01,
.Guest_User_Block.BakenData_2 .Master_Regist_Box .Master_Regist_MsgArea01 .Master_Regist_Msg02 {
  font-size: 13px!important;
}
.Guest_User_Block.BakenData_2 .Master_Regist_Box p.Master_Regist_Msg_Campaign01 {
  font-size: 8px !important;
  margin-bottom: 0px;
}
.Guest_User_Block.BakenData_2 .Master_Regist_Box p.Master_Regist_Msg_Campaign01 em {
  font-size: 10px !important;
}
.Guest_User_Block.BakenData_2 .Master_Regist_Btn {
  width: 100%;
  font-size: 11px !important;
  padding: 10px 4px;
}
.Guest_User_Block.BakenData_2 .Master_Regist_Txt02 > a {
  font-size: 8px !important;
  /* font-size: 10px !important; */
}
@media only screen and (max-width: 375px) {
  .Guest_User_Block.BakenData_2 .Master_Regist_Box {
    padding: 10px 6px;
  }
}

.Shushi_BakenData_Inner .Commentary_Wrap {
  margin: 20px 0;
}
.GoodMatch_Wrap {
  margin-top: 50px;
}
.GoodMatch_Wrap .Table_Aisho td:first-child {
  width: 80%;
}
.GoodMatch_Wrap .Advisor_CTA {
  margin: 20px 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-innerContainer{
  border-bottom: none;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #FFF;
}
.flatpickr-calendar .flatpickr-current-month {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 5px;
  left: 50%;
  transform: translate(-53%, 0);
}
.flatpickr-calendar .flatpickr_monthWrap {
  margin-right: 10px;
  position: relative;
}
.flatpickr-current-month {
  position: relative;
}
.flatpickr-current-month select.flatpickr-monthDropdown-months {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  direction: rtl;
  padding-right: 15px;
}
.flatpickr-calendar .flatpickr_monthWrap:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 7px solid rgba(72, 72, 72, 0.6);
  border-top-color: #fff;
  pointer-events: none;
}
.flatpickr-calendar .flatpickr-current-month .numInputWrapper {
  width: 4.5ch;
}
.flatpickr-calendar .flatpickr-months .arrowUp,
.flatpickr-calendar .flatpickr-months .arrowDown {
  width: 16px;
  opacity: 1;
  right: -23px;
  z-index: 100;
  border: none;
  padding: 0 4px 0 4px;
}
.flatpickr-calendar .flatpickr-months .arrowUp {
  top: -1px;
}
.flatpickr-calendar .flatpickr-months .arrowUp:after {
  border-bottom: 7px solid rgba(72, 72, 72, 0.6);
}
.flatpickr-calendar .flatpickr-months .arrowDown:after {
  border-top: 7px solid rgba(72, 72, 72, 0.6);
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #3251BC;
}

/*----------------------------------------------
# 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 - モーダル
----------------------------------------------*/
.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: 88.89%;
  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: 138%;
  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: 127.7%;
  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%;
  font-size: 15px;
  font-weight: bold;
  color: #444;
  background: #fff;
  padding: 15px 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 li {
  color: #666;
  font-size: 66.67%;
  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: 83.33%;
  font-weight: bold;
  line-height: 1.46;
  margin: 34px 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 - AIアドバイザーとは
----------------------------------------------*/
.About_Wrap {
  text-align: center;
  margin: 40px 0;
}
.About_Inner {
  padding: 0 20px;
}
.About_Wrap h2 {
  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;
}
.caution_inner{
  text-align: left;
  margin: 45px 10px 20px;
  padding: 21px ;
  background:#fff;
  border-radius: 10px;
}
.caution_inner p.Register_Notion{
  text-align: left;
  color:#444444;
  font-size: 13px;
  line-height: 1.76;
}
.About_Inner .Register_Notion{
  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: 85%;
}
.About_Wrap .Register_CTA,
.Commentary_Wrap .Register_CTA,
.Register_Btn_Wrap .Register_CTA {
  margin-bottom: 12px;
}
.Register_CTA a {
  text-align: center;
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
  display: block;
  background: #3251BC;
  border-radius: 4px;
  padding: 15px 5px;
}
.Register_CTA a span {
  display: block;
  font-size: 11px;
  font-weight: 400;
  margin-top: 10px;
  line-height: 1.4545;
}
.Register_Btn_Wrap .Register_Notion {
  color: #FFF;
  text-align: center;
  line-height: 1;
}
/* 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: 10px;
}
/* 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: 0%;
  left: 50%;
  transform: translate(-50%, -0%);
  -webkit-transform: translate(-50%, -0%);
  -ms-transform: translate(-50%, -0%);
  width: 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: 42px;
}
.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: 12px 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;
}

/*----------------------------------------------
# 9.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;
  text-align: center;
}
.guidance_modal_inner > h2{
  margin-top: 8px;
  font-size: 88.89%;
  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: 72.22%;
  color: #444444;
  line-height: 1.69;
}
.guidance_modal_contents img{
  width: 46.12%;
}

/* マスターコース バッジ */
.Advisor_Wrap .master_course_infoText01{
  width: 100%;
  background:#fff;
}
.Advisor_Wrap .master_course_badge{
  display: inline-block;
  margin-left: 7px;
  padding: 5px 6px;
  background: #9C6AD6;
  border-radius: 50px;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
}
.WeeklyReport_Title.Master .master_course_badge{
  margin-left: 0;
  top: -4px
}
@media screen and (max-width:320px){
  .WeeklyReport_Title.Master .master_course_badge{
    top: 3px;
  }
}
.WeeklyReport_Title.Master .master_course_badge::before{
  content: none;
}
.Shushi_Head h2.Master{
  display: flex;
  align-items: center;
  justify-content: center;
}
.Advisor_CTA a.Master{
  padding: 6px 10px;
}