/*==============================================
トップリニューアル用
後ほど統合してください。
==============================================*/




.GenreMenuArea .MenuBox,
.YosoTop .MenuBox{
  padding: 0 10px 0px;
  margin-top: 24px;
  /*margin-bottom: px;*/
}
#PremiumYoso .GenreMenuArea .MenuBox{
  padding: 0px;
  margin-top: 18px;
}
.YosoTop .MenuBox{
  /*margin-bottom:20px;*/
}

.TypeChangeMenu + .MenuBox{
  margin-top: 0;
}

.UmaiTopAbout {
  margin-bottom: 40px !important;
}
.top_recommend_bnr{
  margin-bottom: 30px;
}

.top_recommend_bnr .bnr_area{
  padding:0 10px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
}
.top_recommend_bnr ul{
  display: flex;
}
.top_recommend_bnr ul li a{
  display: block;
  width: 112px;
  height: 85px;
  overflow: hidden;
  border-radius: 4px;
}
.top_recommend_bnr ul li a img{
  width: 100%;
}
.top_recommend_bnr ul li + li{
  margin-left: 10px;
}
.RaceLiveFlashBox01{
  margin-bottom: 43px;
}


/*======================================
今週の注目レース
======================================*/

.PickupRaceArea.Contents_Box {
  padding-bottom: 9px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 1025px) {
  .PickupRaceArea.Contents_Box {
    min-height: 0;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .PickupRaceArea.Contents_Box {
    min-height: 0;
  }
}
@media only screen and (min-width: 321px) and (max-width: 766px) {
  .PickupRaceArea.Contents_Box {
    min-height: 0;
  }
}
@media only screen and (max-width: 320px) {
  .PickupRaceArea.Contents_Box {
    min-height: 0;
  }
}

.PickupRace_Slide_Area {
  padding: 0 10px;

}
.PickupRace_Slide_Area .slick-prev,
.PickupRace_Slide_Area .slick-next {
  width: 40px;
  height: 40px;
  background: transparent;
  border-radius: 0;
  top: 50%;
  margin-top: -20px;
}
.PickupRace_Slide_Area .slick-prev {
  left: -10px;
}
.PickupRace_Slide_Area .slick-next {
  right: -10px;
}
.PickupRace_Slide_Area .slick-prev:after,
.PickupRace_Slide_Area .slick-next:after {
  content: '';
  background: rgba(85,85,85,.7);
  width: 30px;
  height: 30px;
  position: absolute;
  border-radius: 50%;
  top: 5px;
  z-index: 1;
}
.PickupRace_Slide_Area .slick-prev:after {
  left: 5px;
}
.PickupRace_Slide_Area .slick-next:after {
  right: 5px;
}
.PickupRace_Slide_Area .slick-prev:before,
.PickupRace_Slide_Area .slick-next:before {
  content: "";
  display: block;
  position: absolute;
  top: 13px;
  width: 12px;
  height: 12px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-radius: 1px;
  background: none;
  z-index: 2;
}
.PickupRace_Slide_Area .slick-prev:before {
  left: 15px;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}
.PickupRace_Slide_Area .slick-next:before {
  right: 15px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.PickupRace_SlideImgBox01 {
  position: relative;
}
.PickupRace_SlideImgBox01 + .PickupRace_SlideImgBox01 {
  display: none;
}
.PickupRace_Slide_Area .PickupRace_SlideImgBox01 > a {
  display: block;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}

.PickupRace_SlideImgBox01 .PickupRace_Thumb {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.PickupRace_SlideImgBox01 .PickupRace_ThumbBg {
  background-color: #000;
  background-position: center;
      background-size: cover;
  background-repeat:no-repeat;
}
.PickupRace_SlideImgBox01 .PickupRace_ThumbBg:before {
  content:"";
  display:block;
  padding-top: 56.2%;
}
.PickupRace_SlideImgBox01 .SlideTxtArea {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: -webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.67)),color-stop(60%, rgba(0,0,0,0)),to(rgba(0,0,0,0)));
  background: -webkit-linear-gradient(bottom,rgba(0,0,0,.67),rgba(0,0,0,0) 60%,rgba(0,0,0,0));
  background: linear-gradient(to top,rgba(0,0,0,.67),rgba(0,0,0,0) 60%,rgba(0,0,0,0));
}
.PickupRace_SlideImgBox01 .SlideTxtArea .SlideTxtInner {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 20px 10px;
}
.PickupRace_SlideImgBox01 .SlideTxtArea .SlideTxtInner > img{
  margin-bottom: 6px;
  display: inline-block;
}
.PickupRace_SlideImgBox01 .SlideTxtArea .ContentMainTitle {
  color: #fff;
  font-size: 117%;
  font-weight: bold;
  margin-bottom: 9px;
  display: block;
  width:100%;
  /*overflow:hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;*/
}
.PickupRace_SlideImgBox01 .SlideTxtArea .ContentMainTitle span.Icon_GradeType {
  margin-top: 1px;
}
.PickupRace_SlideImgBox01 .SlideTxtArea p{
  color: #fff;
  font-size: 76%;
  font-weight: bold;
  display: block;
  margin-bottom: 9px;  
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .PickupRace_SlideImgBox01 .SlideTxtArea p{
    display: inline-block;
    
  }
  .PickupRace_SlideImgBox01 .SlideTxtArea p + p{
    margin-left: 10px;
  }
}
.PickupRace_SlideImgBox01 .SlideTxtArea .Content_Cate {
  color: #fff;
  font-size: 76%;
  font-weight: bold;
  display: block;
  margin-bottom: 9px;
}
.PickupRace_SlideImgBox01 .SlideTxtArea .Content_Date {
  color: #fff;
  font-size: 72%;
  display: block;
}
.PickupRace_SlideImgBox01 .SlideTxtArea .Horse {
  border-radius: 3px;
  padding: 2px;
  position: absolute;
  top: 0;
  right: 20px;
  color: #ccc;
  font-size: 72.23%;
  background: rgba(0,0,0,.5);
}
.PickupRace_Slide_Area .Content_Countdown {
  color: #fff;
  font-size: 56%;
  line-height: 2;
  background: #c53131;
  border-radius: 4px;
  padding: 2px 6px 0;
  display: inline-block;
  margin: 10px 0 7px 10px;
}

.PickupRace_Slide_Area .Content_Cate {
  color: #fff;
  font-size: 78%;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 10px;
}
.PickupRaceSlideWrap02 {
  position: relative;
}
.PickupRaceSlideWrap02:before {
  content: "";
  position: absolute;
  z-index: 5450;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: auto;
  display: none;
}
.PickupRaceSlideWrap02.TouchEnd:before {
  pointer-events: none;
}
.PickupRace_Slide_Area .PickupRaceMenu {
  padding: 19px 0px 0;
}
.PickupRace_LinkBtn p {
  color: #888;
  font-size: 66.7%;
  font-weight: bold;
  margin-bottom: 12px;
}

.PickupRaceMenu .HorseName {
  color: #444;
  font-size: 89.34%;/*px*/
  font-weight: bold;
  display: inline-block;
  flex: 1;
  max-width: 11.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: auto;
}

.PickupRaceMenu .Icon_Ninki {
  color: #444;/*px*/
  font-size: 61.2%;
  line-height: 1.36;
  margin-right: 13px;
  margin-top: 1px;/*px*/
  display: inline-block;
}


@media only screen and (max-width: 374px) {
  .PickupRaceMenu .HorseName {
    width: 9.5em;
  }
}
/* 地方競馬topイチオシ予想家 */

.RaceRecommend_yosoka{
  padding: 0;
}
.RaceRecommend_yosoka .SubTitle h3{
  line-height: 1;
  padding: 10px 0;
  margin: 0;
}

.RaceRecommend_Inner{
  width: 100%;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
}
.RaceRecommend_Inner a {
  display: block;
  padding:10px 0 10px 10px;
}
.RaceRecommend_InnerBox {
  position: relative;
}

.RaceRecommend_InnerBox img{
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  margin-right: 10px;
  border-radius:4px;
}
.RaceRecommend_InnerText {
  position: relative;
  padding: 0 0 0 100px;
}

.RaceRecommend_InnerBox .YosokaTitle {
  display: inline-block;
  font-size: 10px;
  color: #777;
  border-radius: 4px;
  padding: 4px 5px;
  margin-bottom: 4px;
  text-align: center;
  background: #f0f0f0;
}

.RaceRecommend_InnerBox .YosokaInfo {
  font-size: 83.34%;
  font-weight: bold;
  line-height: 1.26;
  height: 2.4em;
  color:#545454;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 3px;
}
.RaceRecommend_InnerBox .YosokaCatchCopy {
  display: block;
  font-size: 61.12%;
  height: 1.1em;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color:#777;

}
.RaceRecommend_InnerBox .YosokaName{
  display: block;
  font-size: 77.78%;
  font-weight: bold;
  padding-top: 2px;
  padding-right: 65px;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #545454;
}

.RaceRecommend_InnerBox .yosoka_fav_num{
  position: absolute;
  bottom: 0;
  right: 9px;
  padding-left: 15px;
  color: #777;
  font-size: 0.8125rem;
  line-height: 1.4;
}
.RaceRecommend_InnerBox .yosoka_fav_num span{
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  width: 11px;
  height: 11px;
  text-indent: -9999px;
  overflow: hidden;
  /* background: url(../../img/yoso/icon/icon_fav01.png) no-repeat;
  background-size: contain; */
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 17"><path fill="%23646464" d="M242.729,440.941a.5.5,0,0,0-.4-.336l-5.616-.789-2.527-5.025a.5.5,0,0,0-.894,0l-2.493,5.039-5.616.826a.5.5,0,0,0-.4.336.484.484,0,0,0,.129.5l4.075,3.906-.942,5.533a.484.484,0,0,0,.2.482.5.5,0,0,0,.292.095.477.477,0,0,0,.233-.058l5.013-2.627,5.028,2.6a.515.515,0,0,0,.229.055.5.5,0,0,0,.5-.494.379.379,0,0,0-.015-.113l-.972-5.5,4.049-3.928a.481.481,0,0,0,.133-.508Zm-5.061,3.914a.485.485,0,0,0-.14.439l.846,4.8-4.367-2.255a.511.511,0,0,0-.466,0l-4.352,2.28.816-4.806a.489.489,0,0,0-.144-.435l-3.532-3.391,4.873-.716a.493.493,0,0,0,.373-.27l2.165-4.375,2.195,4.363a.507.507,0,0,0,.377.271l4.877.687Zm0,0" transform="translate(-224.754 -434.517)" /></svg>');
  background-size: contain;
  background-repeat: no-repeat;
}
.PickupRaceMenu_Wrap {
  padding-bottom: 3px;
}

.PickupRaceMenu_Wrap a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 0 12px;
}
.RaceYosokaTitleArea p {
  font-size: 66.67%;
  color: #666;
  height: 1.4em;
}


/* 地方競馬top予想中 */
.PickupRaceMenu_Wrap .RaceYosoCount {
  color: #d98f00;
  font-size: 124%;
  font-weight: bold;
}
.PickupRaceMenu_Wrap .RaceYosoCount::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../../img/yoso/icon/icon_sprite_sp_yoso.png?181105) no-repeat;
  -webkit-background-size: 164px 400px;
  -moz-background-size: 164px 400px;
  -o-background-size: 164px 400px;
  background-size: 164px 400px;
  width: 19px;
  height: 16px;
  background-position: -100px -345px;
  vertical-align: middle;
}

.ThumbList {
  height: 37px;
}
.ThumbList .Thumb {
  display: block;
  text-align: left;
  padding: 0;
  width: auto;
}
.ThumbList .PickupRace, .ThumbList .AnaumaRace {
  position: relative;
}
.ThumbList .Thumb span {
  display: inline-block;
  position: relative;
}
.ThumbList .Thumb img {
  display: inline-block;
  width: 34px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0;
  margin-left: 6px;
}

.YosoPersonAri .ThumbList .Thumb img,
.YosoPersonAri .ThumbList .Thumb > img + span img
.YosoPersonAri .ThumbList .Thumb > span + span img {
  width: 39px;
  margin-left: 5px;
}
@media screen and (max-width: 374px) {
  .ThumbList .Thumb{
    width: 170px;
  }
  .YosoPersonAri .ThumbList .Thumb img,
  .YosoPersonAri .ThumbList .Thumb > img + span img
  .YosoPersonAri .ThumbList .Thumb > span + span img {
    width: 28px;
  }
}

.ThumbList .Thumb img:first-child {
  border: 0;
  margin-left: 6px;
}
.ThumbList .Thumb img + span img, .AttentionRace .ThumbList .Thumb span+span img {
  border-color: #b9b6a9;
}
.ThumbList .Thumb > span:first-child img {
  margin-left: 0;
}
.ThumbList .PickupRace:after,
.ThumbList .AnaumaRace:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 1px;
  right: -2px;
  width: 11px;
  height: 24px;
  background-image: url(../../img/yoso/general/flg_sprite_sp_baken.png?20220331);
  -webkit-background-size: 31px auto;
  -moz-background-size: 31px auto;
  -ms-background-size: 31px auto;
  -o-background-size: 31px auto;
  background-size: 31px auto;
  background-position: 0 0;
  background-repeat: no-repeat;
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
  z-index: 10;
}
.ThumbList .AnaumaRace:after {
  background-position: -12px 0;
}

/* ウマい車券 svgアイコン変更に伴うcss */

/* あとで消す用のもの */
.YosoTop .MenuBox ul.Btn_List_01 li a:before,
.GenreMenuArea .MenuBox ul.Btn_List_01 li a:before{
	content:none;
	background:none;
}
.YosoTop .YosokaLinkBtn01 a:after,
.YosoDetail .YosokaLinkBtn01 a:after{
	content:none;
	background:none;
}
/* あとで消す用のもの */

.YosoTop .Icon_Yoso01,
.GenreMenuArea .Icon_Yoso01,
.RaceMenuSub .Icon_Yoso01{
	margin: 0 auto 5px;
}
.Icon_Yoso01 {
	display: block;
	width: 30px;
	height: 24px;
	fill: #e03d3d;
}
.Icon_Yoso01.Icon_star {
	height: 20px;
	fill: #e03d3d;
	margin-bottom: 9px;
}
.YosokaLinkBtn01 .Icon_Arrow {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	margin-top: -2px;
	margin-left: 13px;
	width: 10px;
}
.yosoka_fav_num .Icon_Yoso01.Icon_star{
	position: absolute;
	top: 4px;
	right: 0;
	width: 11px;
	height:11px;
	margin-right:13px;
	fill:#666666;
}
.Icon_Yoso01.Icon_Yoso01_racecard {
	width: 29px;
	fill: #008aff;
}
.Icon_Yoso01.Icon_Yoso01_odds {
	fill: #4dab24;
}
.Icon_Yoso01.Icon_Yoso01_result {
	width: 23.5px;
	fill: #f2b510;
}
.Icon_Yoso01.Icon_recovery,
.Icon_Yoso01.Icon_HitRate,
.Icon_Yoso01.Icon_Umai,
.Icon_Yoso01.Icon_Sales,
.Icon_Yoso01.Icon_Bookmark{
	display: inline-block;
	width:26px;
	height:22px;
	margin-right: 5px;
	position: relative;
	top:5px;
  margin-bottom: 0 !important;
}
.Icon_Yoso01.Icon_HitRate{
	width:20px;
	top:3px;
}
.Icon_Yoso01.Icon_Umai{
	width: 22px;
}
.Icon_Yoso01.Icon_Sales{
	width: 22px;
	top: 3px;
}
.Icon_Yoso01.Icon_Bookmark{
	width: 20px;
}
.RankingByCategory .ContentsBoxRanking .SubTitle .RecoveryIcon:before,
.RankingByCategory .ContentsBoxRanking .SubTitle .HitRateIcon:before,
.RankingByCategory .ContentsBoxRanking .SubTitle .UmaiIcon:before,
.RankingByCategory .ContentsBoxRanking .SubTitle .SalesIcon:before,
.RankingByCategory .ContentsBoxRanking .SubTitle .BookmarkIcon:before{
	content:none;
}


/*==============================================
★　2310　ウマい車券 - TOP リニューアル
==============================================*/
/*==============================================
★　カルーセル
==============================================*/
.Slide_List{
  display: none;
}
.YosoTopSlide {
  margin: 20px 0 0px 10px;
}

.YosoTopSlide .Slide_List li {
  position: relative;
}
.slick-initialized .slick-slide {
  margin-right: 10px;
}

.YosoTopSlide .Slide_List li img {
  border-radius: 4px;
	width: 100%;
}

.YosoTopSlide .SlideTxtArea {
  left: 0;
  bottom: 0;
  height: 90px;
  position: absolute;
  width: 100%;
  border-radius: 0 0 4px 4px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(85%, rgba(0, 0, 0, 0.85)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 85%);
}

.YosoTopSlide .SlideTxtArea .SlideTxtInner {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
}

.YosoTopSlide .SlideTxtArea .SlideTxtInner .ContentMainTitle {
  color: #fff;
  font-size: 1.0625rem;
  line-height: 1.375;
  font-weight: bold;
  width: 100%;
  height: 44px;
  margin: 8px 0;
  padding: 0 10px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.YosoTopSlide .slick-list {
  padding: 0 7% 0 0 !important;
}

.YosoTopSlide .slick-dots li {
  width: 30px;
  height: 5px;
  background: #D9D9D9;
}

.YosoTopSlide .slick-dots li button {
  width: 30px;
  height: 5px;
}

.YosoTopSlide .slick-dots li button:before {
  width: 30px;
  height: 5px;
}

.YosoTopSlide .slick-dots li.slick-active {
  width: 30px;
  height: 5px;
}

.YosoTopSlide .slick-dots li.slick-active button:before {
  background: #747474;
}

/*==============================================
★注目レース・発走直前レース
==============================================*/
.RaceList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
	padding-left: 10px;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}

.RaceList::-webkit-scrollbar{
  display:none;
}
/*注目レース*/
.RaceList .PickupRaceList {
/*  width: 37%;*/
  min-width: 129px;
}

.RaceList .PickupRaceList .Race {
  color: #444;
  display: inline-block;
  font-size: 1rem;
  max-width: 7em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.RaceList .PickupRaceList .RaceTitle {
  color: #444;
  display: block;
  font-size: 1rem;
  /* max-width: 7em; */
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.RaceList .PickupRaceList .Icon_GradeType,
.RaceList .TodayRaceList .Icon_GradeType {
  min-width: 25px;
  font-weight: 600;
  font-style: normal;
  vertical-align: top;
}

.RaceList .PickupRaceList .StartTime {
  color: #444;
  font-weight: normal;
}

.RaceList .PickupRaceList .RaceYosoPeople {
  display: inline-block;
}

.RaceList .PickupRaceList .RaceYosoText {
  display: inline-block;
}

.RaceList .PickupRaceList a {
  padding: 12px 9px 6px;
}

.RaceList .PickupRaceList a > span {
  padding: 0px 0 6px;
}

/*発走直前レース*/
.RaceList .TodayRaceList {
  width: 26%;
  min-width: 86px;
}

.RaceList .TodayRaceList .Race {
  color: #444;
  font-size: 0.8125rem;
}

.RaceList .TodayRaceList .RaceYosoCount {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  color: #ce9200;
  font-size: 0.9375rem;
  font-weight: bold;
}
.RaceList .TodayRaceList .RaceYosoCount:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 15px;
  height: 14px;
  background-image: url(../../img/yoso/icon/icon_sprite_sp_yoso.png?181105);
  background-repeat: no-repeat;
  background-position: -100px -345px;
  background-size: 164px 400px;
}

.RaceList .TodayRaceList .TimeLimit {
  margin-top: 6px;
  padding: 3px 0 3px;
  color: #fff;
  font-size: 0.625rem;
  background-color: #535767;
  border-radius: 0 0 4px 4px;
}

.RaceList .TodayRaceList .TimeLimit em {
  font-size: 0.875rem;
  vertical-align: -1px;
}

.RaceList .TodayRaceList .TimeLimit span {
  font-size: 0.75rem;
}

.RaceList .TodayRaceList a {
  padding: 12px 0px 0;
  text-align: center;
}

.RaceList .TodayRaceList a > span {
  padding: 0px 0 3px;
}

.RaceList > li {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-right: 10px;
}

.RaceList > li .StartTime {
  font-size: 0.75rem;
  font-weight: normal;
}

@media screen and (max-width: 360px) {
  .RaceList > li .StartTime {
    font-size: 12px;
    font-size: 3.2vw;
  }
}

.RaceList > li .RaceYosoPeople {
  font-size: 0.75rem;
}

.RaceList > li .RaceYosoPeople em {
  margin-right: 3px;
  color: #CE9221;
  font-size: 0.9375rem;
}

.RaceList > li .RaceYosoText {
  font-size: 0.6875rem;
  color: #757575;
}

.RaceList > li a {
  display: block;
  color: #666;
  background-color: #F3F3F3;
  border-radius: 4px;
}

.RaceList > li a > span {
  display: block;
  font-weight: 600;
  color: #666666;
}

/*==============================================
★　おすすめ予想家
==============================================*/
.PickUpYosoka_Inner {
  margin: 0px 10px 40px;
}
.PickUp_Ranking .RankingListWrap {
  padding: 0!important;
}
.Side_Column .TopPickUpYosoka{
  display: none;
}
/* pc表示:*/
@media screen and (min-width: 768px){
  .PickUpYosoka_Inner {
    margin: 0px 0 40px;
  }
  .Side_Column .TopPickUpYosoka{
    display: block;
  }
  .Main_Column .TopPickUpYosoka{
    display: none;
  }
  .PickUpYosoka_Text .YosokaName {
    font-size: 1rem;
  }
  .PickUpYosoka_Text .Explan {
    font-size: 0.875rem;
  }
}
/*==============================================
2. ランキング　大
==============================================*/
.RankingByCategory{
	margin-bottom: 41px;
}
.Ranking_L .Title_Sec{
	margin:24px 10px 18px;
}
.RankingInner {
	width: 100%;
	overflow-y: auto;
}
.RankingInner::-webkit-scrollbar{
  display:none;
}
.RankingInner ul{
	display: flex;
	padding-left: 10px;
}
.RankingInner ul li{
	width: 90px;
	margin-right: 10px;
	flex-shrink: 0;
}
.RankingInner ul li a{
	position: relative;
	overflow: hidden;
	border-radius: 4px;
  color: #444444;
}
.RankingInner ul li .YosokaImg{
	position: relative;
	width: 90px;
	height: 90px;
	border-radius: 4px;
	margin-bottom: 5px;
	overflow: hidden;
	border:1px solid #DADADA;
}

.Ranking_L .RankingInner ul li .YosokaImg{
	height: 125px;
}
.Ranking_L.rank .RankingInner ul li .YosokaImg{
	margin-bottom: 18px;
}
.RankingInner ul li .YosokaImg img{
	width: 100%;
	height: 100%;
	border-radius: 4px;
}
.RankingInner ul li p.YosokaName{
	font-size: 77.77%;
	color: #444444;
  line-height: 1.2;
}
.RankingInner ul li .Rank{
	position: absolute;
	bottom: 13px;

}
.RankingInner ul li .Rank img{
	height: 52px;
}

.Ranking_L ,
.Ranking_Category{
	margin-bottom: 21px;
}
.PickUpYosoka .now-showing,
.RankingByCategory .now-showing {
  position: absolute;
  /* content: '公開中'; */
  padding: 2px 0;
  text-align: center;
  color: #fff;
  width: 100%;
  border-radius: 0 0 4px 4px;
  bottom: 0px;
  left: 0;
  background: #E03D3D;
  font-size: 55%;
  line-height: 1;
}
.PickUpYosoka .now-showing {
  border-radius: 0;
}

.Ranking_L.rank .now-showing{
	text-align: right;
	padding-right: 5px;
}
.Ranking_Category .SubTitle{
	padding-left: 10px;
	margin-bottom: 0px;
}
.RankingByCategory .Ranking_Category .SubTitle h3{
	font-size: 83.3333%;
	margin-bottom: 3px;
}
.Ranking_Category li a .new:after {
    display: block;
    position: absolute;
    content: 'NEW';
    color: #fff;
    font-size: 55.5556%;
    font-weight: bold;
    width: 70px;
    text-align: center;
    background-color: #B53E38;
    top: -27px;
    left: -34px;
    padding: 37px 0 2px;
    transform: rotate(-45deg);
}
/* 予想家ピックアップ*/
.YosokaPickUp_bnr ul{
	display: flex;
	padding-left:10px;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	margin:31px 0 20px;
}
.YosokaPickUp_bnr ul::-webkit-scrollbar{
  display:none;
}
.YosokaPickUp_bnr ul li{
	margin-right: 10px;
}
.YosokaPickUp_bnr ul li a{
	position: relative;
}
.YosokaPickUp_bnr ul li a img{
	width: 218px;
	height: 65px;
	border-radius: 4px;
}


/*ランキング横スクロール矢印*/
.RankingByCategory .slick-prev.slick-disabled, .slick-next.slick-disabled {
    visibility: hidden;
}
.RankingByCategory .slick-prev, .slick-next {
    position: absolute;
    display: block;
    width: 28px;
    height: 28px;
    line-height: 0;
    font-size: 0;
    border-radius: 23px;
    background: rgba(157, 157, 157, .7);
    color: transparent;
    padding: 0;
    border: none;
    outline: none;
    z-index: 10;
    padding: 0;
    top: 30px;
    cursor: pointer;
}
.RankingByCategory .Slick_L .slick-slider .slick-prev,
.RankingByCategory .Slick_L .slick-slider .slick-next {
    top: 45px;
}
.RankingByCategory .slick-prev {
    left: 0;
}
.RankingByCategory .slick-next {
    right: 0;
}
.RankingByCategory .slick-prev:before, .slick-next:before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    background: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.RankingByCategory .slick-next:before {
    right: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.RankingByCategory .slick-prev:before {
    left: 2px;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}