@charset "utf-8";
/*==============================================
yoso_sp_nk01.css
厳選予想
	00.厳選予想共通部品
	01.ご利用明細
	02.予想購入の確認
	03.厳選予想リスト
	04.予想家ランキング
	05.予想家プロフィール .YosokaProfArea01
	06.予想詳細 body.YosoDetail
	07.予想TOP body.YosoTop
	08.的中情報
	09.好調予想家専用LP
	10.緊急情報
	11.イチオシ予想家の決断
	12. ウマいボタン
	13. 調子偏差値ページの導線
	14.お気に入り予想家一覧（通知設定）

	==============================================*/

/*==============================================
00. 厳選予想共通部品
==============================================*/
#colorbox.goods_list{
	overflow: visible !important;
}
#colorbox.goods_list #cboxLoadedContent{
	/*width: 646px;*/
	max-width: none !important;
}
#colorbox.goods_list #cboxClose{
	    right: -9px !important;
}
/*-- カラム構成 --*/
@media only screen and (max-width: 766px) and (min-width: 320px) {
	.Contents {
		margin-top: 1px;
	}
	.Main_Column {
	    margin-bottom: 43px;
	}
	.Side_Column + .tipstar_coopeBnr01{
		margin-top: 22px;
	}
}

@media only screen and (min-width: 1025px){
	.Side_Column + .tipstar_coopeBnr01{
		margin-top: 43px;
	}

}

/* JRA NAR change */
.TypeChangeMenu {
	padding: 18px 10px;
	background-color: #fff;
}
.TypeChangeMenu ul li {
	float: left;
	width: 50%;
}
.TypeChangeMenu ul li a {
	display: block;
	padding: 7px 6px 6px;
	color: #666;
	text-align: center;
	font-size: 66.6%;
	line-height: 1.2;
	background-color: #fff;
	border: 1px solid #c9c9c9;
	border-radius: 6px 0 0 6px;
}
.TypeChangeMenu ul li:last-child a {
	margin-right: 0;
	border-left: 0;
	border-radius: 0 6px 6px 0;
}
.TypeJraYoso .TypeChangeMenu ul li.Active a {
	color: #fff;
	font-weight: 700;
	background-color: #3251bc;
}
.TypeNarYoso .TypeChangeMenu ul li.Active a {
	color: #fff;
	font-weight: 700;
	background-color: #bf552e;
}
/* メニューnewアイコン */
.TypeChangeMenu ul li span.MenuNewIcon {
	font-size: 66.7%;
	font-weight: bold;
	color: #fff;
	text-align: center;
	display: inline-block;
	width: 30px;
	line-height: 30px;
	border-radius: 30px;
	background: #c03;
	margin: -9px 0 -9px 2px;
	vertical-align: middle;
	border: 1px solid #fff;
}

/* gernre_header */
.GenreMenuWrap {
	padding-bottom: 7px;
}
.GenreMenuWrap ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background-color: #e3e3e4;
}
.GenreMenuWrap ul li {
	width: 100%;
}
.GenreMenuWrap .Col4 li {
	width: 25%;
}
.GenreMenuWrap .Col5 li {
	width: 20%;
}
.GenreMenuWrap ul a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 35px;
	padding-bottom: 1px;
	color: #666;
	font-size: 78%;
	font-weight: 400;
	text-align: center;
	line-height: 1.2;
	background-color: #e3e3e4;
	border-top: 2px solid #e3e3e4;
}
.TypeJraYoso .GenreMenuWrap ul .Active a,
.TypeNarYoso .GenreMenuWrap ul .Active a {
	color: #666;
	font-weight: 700;
	background-color: #fff;
	border-bottom: 0;
}

@media screen and (max-width: 359px) {
	.GenreMenuWrap ul a {
		font-size: 0.75rem;
	}
}


/* section_header */
.Title_Sec_Btn {
	position: absolute;
	top: 3px;
	right: 8px;
}
.Title_Sec_Btn a {
	display: inline-block;
	color: #333;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-shadow: 0px 1px 3px rgba(146, 151, 165, 0.5);
	background: #fff;
	font-size: 100%;
	font-weight: bold;
	padding: 4px 8px 3px;
}
/* 予想共通タブ */
.CommonTab {
	padding: 16px 40px 0;
	border-bottom: 1px solid #215FC9;
	background: #eee;
}
.CommonTab ul {
	display: table;
	width: 100%;
}
.CommonTab ul li {
	display: table-cell;
}
.CommonTab .Tab2 li {
	width: 50%;
}
.CommonTab .Tab3 li {
	width: 33.3%;
}
.CommonTab .Tab4 li {
	width: 25;
}
.CommonTab ul a {
	background: #fff;
	border-radius: 5px 5px 0 0;
	box-shadow: 0 0 10px rgba(146, 151, 165, .5);
	color: #5f5f5f;
	display: block;
	font-size: 83.4%;
	font-weight: bold;
	padding: 13px 0;
	text-align: center;
	margin-left: 4px;
}
.CommonTab ul .Active a {
	color: #fff;
	background: #2b71d9;
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #2b71d9), color-stop(1, #215fc7) );
	background-image: -moz-linear-gradient(bottom, #2b71d9 0%, #215fc7 100%);
	background-image: -webkit-linear-gradient(bottom, #2b71d9 0%, #215fc7 100%);
	background-image: -ms-linear-gradient(bottom, #2b71d9 0%, #215fc7 100%);
	background-image: linear-gradient(to bottom, #2b71d9 0%, #215fc7 100%);
	box-shadow: 0 0 10px rgba(146, 151, 165, .3), 0 2px 2px rgba(255,255,255,.5) inset;
	padding: 17px 0 13px;
}
/* pager1 */
.Common_Pager_Type1 {
	border-bottom: 1px solid #ccc;
	background: #fff;
	position: relative;
	padding: 20px 8px;
}
.Common_Pager_Type1 p.Page_Info {
	font-size: .7em;
	color: #777;
	text-align: center;
	margin-left: -8em;
	position: absolute;
	top: 30px;
	left: 50%;
	width: 16em;
}
.Common_Pager_Type1 ul.Pager_Arrow {
	position: relative;
	z-index: 100;
}
.Common_Pager_Type1 ul.Pager_Arrow li.Prev_Page {
	float: left;
}
.Common_Pager_Type1 ul.Pager_Arrow li.Next_Page {
	float: right;
}
.Common_Pager_Type1 ul.Pager_Arrow li {
	display: block;
	color: #000;
	font-size: .7em;
	border: 1px solid #d7d8d9;
	border-radius: 4px;
	background: #f1f2f3;
	background-image: -moz-linear-gradient(top, #f7f8f9, #f1f2f3);
	background-image: -webkit-gradient(linear,left top,left bottom, from(#f7f8f9), to(#f1f2f3) );
	background-image: linear-gradient(to bottom, #f7f8f9, #f1f2f3);
	text-align: center;
	text-shadow: white 0px 1px 0px;
}
.Common_Pager_Type1 ul.Pager_Arrow li.Prev_None div {
	color: #999;
	font-weight: bold;
	padding: 12px 6px 12px 4px;
}
.Common_Pager_Type1 ul.Pager_Arrow li a {
	display: block;
	color: #000;
}
.Common_Pager_Type1 ul.Pager_Arrow li.Next_Page a {
	padding: 12px 4px 12px 6px;
}

.Common_Pager_Type1 ul.Page_Link {
	display: table;
	margin: 8px auto 0 auto;
}
.Common_Pager_Type1 ul.Page_Link li {
	display: table-cell;
	width: 42px;
	text-align: center;
	font-size: .8em;
	border-top: 1px solid #d7d8d9;
	border-left: 1px solid #d7d8d9;
	border-bottom: 1px solid #d7d8d9;
	background: #f1f2f3;
	background-image: -moz-linear-gradient(top, #f7f8f9, #f1f2f3);
	background-image: -o-linear-gradient(top, #f7f8f9, #f1f2f3);
	background-image: -webkit-gradient(linear,left top,left bottom, from(#f7f8f9), to(#f1f2f3) );
	background-image: linear-gradient(to bottom, #f7f8f9, #f1f2f3);
}
.Common_Pager_Type1 ul.Page_Link li.Page_Active {
	padding: 12px 8px;
	color: #fff !important;
	font-weight: bold;
	font-size: .8em;
	text-align: center;
	text-shadow: #27436e 0px -1px 0px;
	background: #7aa5fe;
	background-image: -moz-linear-gradient(top, #96b8ff 0, #7aa5fe 50%);
	background-image: -o-linear-gradient(top, #96b8ff 0, #7aa5fe 50%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0 ,#96b8ff), color-stop(0.5 , #7aa5fe) );
	background-image: linear-gradient(to bottom, #96b8ff 0, #7aa5fe 50%);
	border: 1px solid #7aa5fe;
}
.Common_Pager_Type1 ul.Page_Link li:first-child {
	border-top-left-radius: 4px 4px;
	border-bottom-left-radius: 4px 4px;
}
.Common_Pager_Type1 ul.Page_Link li:last-child {
	width: 80px;
	border-right: 1px solid #d7d8d9;
	border-bottom-right-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
}
.Common_Pager_Type1 ul.Page_Link li a {
	padding: 12px 8px;
	color: #000;
}
/* pager2 */
.CommonPager {
	margin: 10px;
}
.CommonPager ul {
	display: table;
	margin: 4px auto 0;
	max-width: 300px;
}
.CommonPager ul li {
	display: table-cell;
	font-size: 0.875rem;
	text-align: center;
	vertical-align: middle;
}
.CommonPager ul li > a,
.CommonPager ul li > span {
	display: inline-block;
	min-width: 28px;
	height: 28px;
	padding: 7px 6px 5px;
	color: #666;
	text-align: center;
}
.CommonPager ul li .Active {
	font-weight: 700;
}
.CommonPager ul li:first-child {
	padding-right: 10px;
}
.CommonPager ul li:last-child {
	padding-left: 10px;
}
.CommonPager ul li:first-child,
.CommonPager ul li:last-child,
.CommonPager ul li .Prev,
.CommonPager ul li .Next,
.CommonPager ul + ul li a {
	position: relative;
	width: 38px;
	height: 28px;
	font-size: 0;
	text-indent: -9999px;
	overflow: hidden;
}
.CommonPager ul li:first-child a,
.CommonPager ul li:last-child a,
.CommonPager ul li .Prev,
.CommonPager ul li .Next {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 28px;
	z-index: 2;
}
.CommonPager ul li:first-child a,
.CommonPager ul li .Prev {
	left: 0;
}
.CommonPager ul li:last-child a,
.CommonPager ul li .Next {
	right: 0;
}
.CommonPager ul li:first-child::before,
.CommonPager ul li:last-child::after {
	content: "";
	position: absolute;
	top: 50%;
	display: block;
	width: 6px;
	height: 6px;
	border: 0 solid #999;
	border-width: 2px 2px 0 0;
	transform: translate(-50%, -50%);
	z-index: 1;
}
.CommonPager ul li:first-child::before {
	left: 10px;
	transform: translateY(-50%) rotate(225deg);
}
.CommonPager ul li:last-child::after {
	right: 10px;
	transform: translateY(-50%) rotate(45deg);
}
.CommonPager ul + ul li:first-child,
.CommonPager ul + ul li:last-child {
	width: 58px;
}
.CommonPager ul + ul li:first-child::after,
.CommonPager ul + ul li:last-child::before {
	content: "";
	position: absolute;
	top: 50%;
	display: block;
	width: 6px;
	height: 6px;
	border: 0 solid #999;
	border-width: 2px 2px 0 0;
	transform: translate(-50%, -50%);
	z-index: 1;
}
.CommonPager ul + ul li:first-child::after {
	left: 15px;
	transform: translateY(-50%) rotate(225deg);
}
.CommonPager ul + ul li:last-child::before {
	right: 15px;
	transform: translateY(-50%) rotate(45deg);
}

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

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

/*---- TOP用メニュー　 ----*/
.MenuBox .MenuTitle{
    position: relative;
    margin-top: 10px;
    height: 13px;
    text-align: center;
    border-top: 1px solid #E03D3D;
}
.MenuBox .MenuTitle svg{
    position: relative;
    top: -13px;
    display: inline-block;
    min-width: 65px;
    padding: 0 8px;
    margin: auto;
    font-size: 61.11%;
    font-weight: bold;
    background-color: #fff;
    fill: #E03D3D;
}
.MenuBox .MenuTitle span{
	font-size: 0;
}
.MenuBox ul{
  display: flex;
  width: 100%;
  /*margin: 0 0px 30px;*/
}
.MenuBox ul li{
  width: 33%;
  width: calc(100% / 3);
}
.MenuBox ul.Btn_List_01 li a{
  border: none;
}
.MenuBox ul.Btn_List_01 li:first-child {
  border-right: solid 1px #dedede;
}
.MenuBox ul.Btn_List_01 li:last-child {
  border-left: solid 1px #dedede;
}
.MenuBox ul.Btn_List_01 li a svg{
  display: block;
  content:'';
  margin:0 auto 8.1px;
  height: 18px;
  width: 28px;
  fill: #E03D3D;
}
ul.Btn_List_01 li a{
  font-size: 73%;
  font-weight: bold;
}

/*-- メニュー下バナー --*/
.MenuBox + .tipstar_coopeBnr01.umai{
	margin-bottom: 30px;
}
/*-- 的中速報 --*/
#umai_hitting_report{
    margin: 10px 10px 20px;
}
.HittingReport #umai_hitting_report{
    margin: 0px;
}
.GensenYosoHitTickerBox {
  position: relative;
  height: 20px;
  padding-left: 65px;

  font-size: 0.75rem;
  overflow: hidden;
  background-color: #fff;
}
.GensenYosoHitTickerBox .HitNewsTitle {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 20px;
  padding: 4px 0;
  color: #fff;
  font-size: 0.6875rem;
  font-weight: 700;
  text-align: center;
  overflow: hidden;
  background-color:#E03D3D;
  z-index: 10;
  border-radius: 4px;
}
.GensenYosoHitTickerBox .HitNewsTitle span {
  display: block;
  line-height: 1.2;
  width: 60px;
  height: 20px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  overflow: hidden;
  z-index: 10;
  border-radius: 20px;
}
.GensenYosoHitTickerBox .NewsTickerWrap > a{
  display: block;

}
.GensenYosoHitTickerBox .tickercontainer {
  position: relative;
  width: 100%;
  height: 20px;
  overflow: hidden;
}
.GensenYosoHitTickerBox .NewsTickerWrap::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 20px;
  background-color: #fff;
  z-index: 10;
}
.GensenYosoHitTickerBox .tickercontainer::before {
  display: none;
}
.GensenYosoHitTickerBox .NewsTickerWrap::after {
  content: '';
  position: absolute;
  top: 5px;
  right: 10px;
  display: block;
  width: 7px;
  height: 7px;
  border-top: 2px solid #888;
  border-right: 2px solid #888;
  border-radius: 1px;
  -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
  z-index: 10;
}
.GensenYosoHitTickerBox .tickercontainer::after {
  display: none;
}
.tickercontainer .mask {
  position: relative;
  width: 90%;
}
.GensenYosoHitTickerBox #NewsTickerList {
  overflow: hidden;
  position: relative;
}
.GensenYosoHitTickerBox #NewsTickerList li {
  float: left;
  padding-right: 8em;
  color: #00f;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
}
.GensenYosoHitTickerBox a #NewsTickerList li {
  color: #444;
  font-size: 13px;/*px*/
}
.GensenYosoHitTickerBox #NewsTickerList li strong {
  color: #ef5350;
  font-weight: 700;
}
.GensenYosoHitTickerBoxx a strong {
  color: #ef5350;
}

/* 画像マスキング */
.Masking {
	display: inline-block;
	position: relative;
	overflow: hidden;
}
.Mask01 {
	border-radius: 3px;
	width: 32px;
	height: 32px;
	vertical-align: middle;
}
.Mask02 {
	border: 2px solid #e9af1d;
	border-radius: 50%;
	width: 34px;
	height: 34px;
}
.Mask02 img{
	width: 34px;
	height: 34px;
	border-radius: 50%;
}
.Mask03 {
	border-radius: 3px;
	width: 42px;
	height: 42px;
	vertical-align: middle;
}
/*---- ウマい馬券とは ----*/
.howtoUmai{
  padding: 0 10px;
  margin: 0 0 10px;
  text-align: center;
}
.howtoUmai a{
  position: relative;
  width: 100%;
  padding: 0px 0 9px;
  font-size: 72.2222%;
  text-align: center;
  /*border: 1px solid #3150BB;*/
  border-radius: 4px;
  font-weight: bold;
}
.howtoUmai a span.point{
  position: absolute;
  padding: 4px 21px 3px;
  height: 18px;
  color: #fff;
  font-size: 84.6154%;

  font-weight: bold;
  left: 0;
  right: 0;
  top: -10px;
  width: 120px;
  margin: auto;
  background-color: #3150BB;
  border-radius: 18px;
}
.howtoUmai a svg{
  width: 14px;
  height: 14px;
  fill: #3150BB;
  vertical-align: -1px;
}
.howtoUmai a svg.arrow{
  /*position: absolute;*/
  fill: #3150BB;
  margin-left: 19px;
  width: 6px;
  height: 10px;
  vertical-align: baseline;
}
/*---- 最近購入した予想家 ----*/
.PurchaseHistory{
	margin-bottom: 20px;
  /* margin-bottom: 43px; */
  /* padding: 10px 0px 5px; */
  /* background: #f3f3f3; */
}
 .SubTitle h3.PurchaseHistory_title {
    margin-bottom: 10px;
		font-weight: normal;
}
.PurchaseHistory h3{
  padding: 0 10px;
}
.PurchaseHistory .HistoryYosokaList{
}
.PurchaseHistory .HistoryYosokaList ul{
  display: flex;
  padding-left:10px;
  white-space: nowrap;
  overflow-x: auto;
	overflow-y: hidden;
}
.PurchaseHistory .HistoryYosokaList ul li{
  margin-right: 10px;
    /* padding-bottom: 5px; */
    position: relative;
}
.PurchaseHistory .HistoryYosokaList ul li a{
	display: inline-block;
	color: #555555;
}
.PurchaseHistory .HistoryYosokaList ul li a img{
  width: 70px;
  height: 70px;
  border-radius: 4px;
}/*
.PurchaseHistory .HistoryYosokaList ul li::after{
    display: block;
    position: absolute;
    content: '公開中';
    padding: 2px 0;
    text-align: center;
    color: #fff;
    width: 70px;
    border-radius: 0 0 4px 4px;
    bottom: 29px;
    left: 0;
    background: #B53E38;
    font-size: 55%;
    line-height: 1;
}*/
.PurchaseHistory .HistoryYosokaList ul li a div{
  display: flex;
  align-items: center;
  font-size: 72.2222%;
  font-weight: bold;
  color: #555555;
  padding-top: 10px;
  height: 12px;
  text-align: center;
  box-sizing: content-box;
}
.PurchaseHistory .HistoryYosokaList ul li a div span{
    display: block;
    position: absolute;
    content: '公開中';
    padding: 2px 0;
    text-align: center;
    color: #fff;
    width: 70px;
    border-radius: 0 0 4px 4px;
    bottom: 25px;
    left: 0;
    background: #E03D3D;
    font-size: 55%;
    line-height: 1;
}
.PurchaseHistory .HistoryYosokaList ul li a div .YosokaName {
  display: inline-block;
  width: 4em;
  overflow: hidden;
  line-height: initial;
  margin: 0 auto;
	font-weight: normal;
}


/*---- 開催レース攻略 ----*/
.RaceTips{

	margin-bottom: 30px;
}
.RaceTips .TipsBox {
		padding: 0 10px;
}
.RaceTips .TipsBox .Head{
	padding: 10px;
	color: #fff;
	background-color: #E03D3D;
	border: 1px solid #E03D3D;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.RaceTips .TipsBox .Head .Date{
	font-size: 61.1111%;
	margin-bottom: 5px;
}
.RaceTips .TipsBox .Head .RaceName{
	font-size: 100%;
	font-weight: bold;
}
.RaceTips .TipsBox .Head .RaceName span.Icon_GradeType{
	margin-right: 5px;
	vertical-align: 3px;
}
.RaceTips .TipsBox .Body{
	padding: 10px;
	border: 1px solid #E1E1E1;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.RaceTips .TipsBox .Body .Yosoka{
	display: flex;
	margin-bottom: 10px;
}
.RaceTips .TipsBox .Body .Yosoka .Image{
	width: 72px;
	height: 72px;
	margin-right: 10px;
	border: 1px solid #F0F0F0;
	border-radius: 4px;
	overflow: hidden;
}
.RaceTips .TipsBox .Body .Yosoka .Image img{
	width: 100%;
}
.RaceTips .TipsBox .Body .Yosoka .Catch{
	display: inline-block;
	padding: 4px 5px;
	margin-bottom: 5px;
	color: #777777;
	font-size: 55.5556%;
	background: #F0F0F0;
	border-radius: 4px;
}
.RaceTips .TipsBox .Body .Yosoka .Title{
	font-size: 83.3333%;
	font-weight: bold;
	color: #545454;
	margin-bottom: 10px;
}
.RaceTips .TipsBox .Body .Yosoka .Name{
	color: #888888;
	font-size: 66.6667%;
	font-weight: bold;
}
.RaceTips .TipsBox .Body .Link a{
	display: block;
	width: 100%;
	max-width: 332px;
	margin: auto;
	text-align: center;
	height: 30px;
	line-height: 28px;
	font-size: 72.2222%;
	font-weight: bold;
	color: #E03D3D;
	border-radius: 4px;
	border: 1px solid #E03D3D;
}
.RaceTips .TipsBox .Body .Link a svg{
	position: relative;
	fill: #E03D3D;
	top: 2px;
	margin-right: 6px;
}
/*---- 今日の注目競輪レース ----*/
.GradeRaceThisweeek{
  padding: 0 10px;
  margin-bottom: 35px;
}
.GradeRaceThisweeek .GradeRaceList{
    display: flex;
    flex-wrap: wrap;
}
.GradeRaceThisweeek .GradeRaceList a{
  padding: 8px 14px 7px 14px;
  margin:0 6px 8px 0 ;
  height: 30px;
  font-size: 83.3333%;
  color: #3150BB;
  font-weight: bold;
  border: 1px solid #E1E1E1;
  border-radius: 30px;
  max-width: 40%;
  max-width: calc(50% - 12px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  /*line-height: 1;*/
}
.GradeRaceThisweeek .GradeRaceList a span{
	position: relative;
	vertical-align: middle;
	top: -2px;
	margin-right: 5px;
}


/*--- 的中速報（レース予想タブ型スライダー） ---*/
.umai_big_win_view_today > p{
	margin: 13px 10px 30px;
	padding: 15px 18px;
	color: #888;
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.6;
	background-color: #f3f3f3;
	border-radius: 7px;
}
.HittingReport {
min-height: 402px;
}

.HittingReport .HittingReportList {
overflow-x: auto;
}
.HittingReport .HittingReportList .StateArea {
display: none;
}

.HittingReport .HittingReportList ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 10px;
}

.HittingReport .HittingReportList li {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 307px;
-ms-flex-wrap: 307px;
flex-wrap: 307px;
white-space: normal;
margin-right: 10px;
}

/*的中スタンプ*/
.HittingReport .HittingReportList li.Hit:after {
content: '';
display: inline-block;

background-image: url(../../img/yoso/general/img_hit_stamp.png);
/* 移植後消してください */
background-repeat: no-repeat;
background-size: contain;
background-position: center 0;

-ms-background-size: 77px 77px;
background-size: 77px 77px;
width: 77px;
height: 77px;
position: absolute;
top: 2px;
right: -10px;
}
/*高額払い戻しスタンプ*/
.HittingReport .HittingReportList li.Hit.High:after {
content: '';
display: inline-block;

background-image: url(../../img/yoso/general/img_expensive_stamp.png);
/* 移植後消してください */
background-repeat: no-repeat;
background-size: contain;
background-position: center 0;

-ms-background-size: 77px 77px;
background-size: 77px 77px;
width: 77px;
height: 77px;
position: absolute;
top: 2px;
right: -10px;
}

/*100万越えスタンプ*/
.HittingReport .HittingReportList li.Hit.Rainbow:after {
content: '';
display: inline-block;

background-image: url(../../img/yoso/general/img_million_stamp.png);
/* 移植後消してください */
background-repeat: no-repeat;
background-size: contain;
background-position: center 0;

-ms-background-size: 77px 77px;
background-size: 77px 77px;
width: 77px;
height: 77px;
position: absolute;
top: 2px;
right: -10px;
}

.HittingReport .ProYosoka_Box {
position: relative;
width: 307px;
height: 100%;
padding: 10px 10px 20px;
border: 1px solid #cacaca;
border-radius: 6px;
}

.HittingReport .HittingReportList .Yosoka {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.HittingReport .HittingReportList .Yosoka .Profile {
position: relative;
min-height: 65px;
}

.HittingReport .HittingReportList .Yosoka .YosokaImage {
	position: relative;
	width: 79px;
	height: 79px;
	margin-right: 11px;
}

.HittingReport .HittingReportList .Yosoka .YosokaImage .now-showing {
	position: absolute;
	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;
}

.HittingReport .HittingReportList .Yosoka .YosokaImage img {
width: 100%;
vertical-align: bottom;
border-radius: 4px;
}

.HittingReport .HittingReportList .Yosoka .Profile .Name {
display: table-cell;
font-size: 127.7778%;
font-weight: bold;
line-height: 1.3;
padding-bottom: 8px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: middle;
/* max-width: 0; */
}

.HittingReport .HittingReportList .Yosoka .Profile .CatchPhrase {
color: #9D9D9D;
font-size: 72.2222%;
line-height: 1.3;
margin-bottom: 4px;
}

.HittingReport .ProYosoka_Box .YosokaData {
margin: 15px 0 14px;
}

.HittingReport .goodslist_commend_area_sample_2 {
display: flex;
align-items: center;
margin-bottom: 0;
font-weight: 600;
color: #777;
font-size: 66.67%;
overflow: hidden;
}

.HittingReport .goodslist_commend_area_sample_2 span {
    display: block;
    font-size: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 226px;
    margin-left: 3px;
}

.HittingReport .ProYosoka_Box .YosokaData {
display: table;
margin: 20px 0 16px;
text-align: left;
}

.HittingReport .ProYosoka_Box .YosokaData.refund {
text-align: center;
margin: 20px auto;
}

.HittingReport .ProYosoka_Box .YosokaData dt {
display: table-cell;
padding-top: 4px;
color: #777;
font-size: 1.0625rem;
font-weight: normal;
vertical-align: middle;
}

.HittingReport .ProYosoka_Box .YosokaData dd {
display: table-cell;
padding-left: 10px;
color: #c53131;
font-size: 1.5625rem;
font-weight: 700;
vertical-align: middle;
}

.HittingReport .ProYosoka_Box .BakenBox {
position: relative;
display: table;
width: 230px;
height: 135px;
margin: auto;
background: url("../../img/yoso/yosoka/baken_bg.png") no-repeat;
background-size: 230px 135px;
}

.HittingReport .ProYosoka_Box .BakenBox .LeftSection,
.HittingReport .ProYosoka_Box .BakenBox .RightSection {
display: table-cell;
position: relative;
padding-top: 2px;
}

.HittingReport .ProYosoka_Box .BakenBox .LeftSection {
width: 33px;
vertical-align: middle;
padding: 9px 0 11px 20px;
}

.HittingReport .ProYosoka_Box .BakenBox .LeftSection > .Type {
display: inline-block;
color: #fff;
font-weight: bold;
font-size: 83.3333%;
text-align: center;
line-height: 1.3;
}

.HittingReport .ProYosoka_Box .BakenBox .RightSection {
vertical-align: middle;
padding: 0 0 4px 31px;
}

.HittingReport .ProYosoka_Box .BakenBox .RightSection > p {
font-size: 72.2222%;
font-weight: bold;
line-height: 1.5;
}

.HittingReport .ProYosoka_Box .BtnArea span.button a{
color: #666;
font-size: 61.1111%;
font-weight: bold;
text-align: center;
border: 1px solid #e0e0e0;
border-radius: 3.27em;
display: block;
width: 79%;
min-width: 142px;
height: 30px;
line-height: 24px;
margin: 0 auto;
position: relative;
background-color: #fff;
padding: 0;
}
/*.HittingReport .ProYosoka_Box .BtnArea span.button a{
color: #666;
}*/
.HittingReport .ProYosoka_Box .BtnArea span.button a {
    border-color: #888;
}
.HittingReport #umai_hitting_report .NoReport {
padding: 0 10px;
}

.HittingReport #umai_hitting_report .NoReport p {
padding: 20px 10px;
font-size: 72.2222%;
color: #777777;
font-weight: bold;
text-align: center;
background-color: #f1f1f1;
border-radius: 4px;
line-height: 1.5;
}
@media only screen and (min-width: 1025px){
	.HittingReport .HittingReportList li{
	    width: 284px;
	}
	/* .HittingReport .HittingReportList li:nth-child(n + 2){
		display: none;
	} */
	.HittingReport .HittingReportList .Yosoka .YosokaImage{
		width: 65px;
		height: 65px;
	}
	.HittingReport .HittingReportList .Yosoka .Profile .Name{
		padding-bottom: 0;
		max-width:184px;
	}
	.HittingReport .HittingReportList .Yosoka .Profile .CatchPhrase{
		font-size: 66.6667%;
	}
	.HittingReport .HittingReportList li.Hit.High:after{
		    background-size: 70px 70px;
    width: 70px;
    height: 70px;
right: -4px;
  }
}


/* corner_flag */
.Flag_Matome:after {
	background: url("../../img/yoso/general/corner_flag01.png") no-repeat;
	-webkit-background-size: 80px 83px;
	-moz-background-size: 80px 83px;
	background-size: 80px 83px;
}
.Flag_Matome:after,
.Flag_Pickup:after,
.Flag_Anauma:after,
.Flag_Anauma:after,
.Flag_Recovery01:after,
.Flag_Hit01:after,
.Flag_Sales01:after{
	content: '';
	display: inline-block;
	position: absolute;
	top: -3px;
	left: -3px;
	width: 80px;
	height: 83px;
}
/* state_btn */
.StateBtn {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	border-radius: 5px;
	background-color: #e3b749;
	cursor: pointer;
	font-weight: bold;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Arial,sans-serif;
	outline: none;
	padding: 14px 0 12px;
	width: 100%;
}
.StateBtn.State1 {
	color: #fff;
	background-color: #e3b749;
}
.StateBtn.State2 {
	background: #dad7ce;
}
.StateBtn.State3 {
	background: #dA4343;
	color: #fff;
}

.StateBtn.State1 .Point,
.StateBtn.State3 .Point,
.StateBtn.State4 .Point {
	font-size: 111.1%;
	margin-right: 8px;
}
.StateBtn.State1 .Txt,
.StateBtn.State3 .Txt,
.StateBtn.State4 .Txt {
	font-size: 66.7%;
}
.StateBtn.State2 .Txt {
	font-size: 67%;
	line-height: 1.2;
	margin-left: 2px;
}
.StateBtn.State2 .Point {
	font-size: 83%;
	line-height: 1.2;
}
.StateBtn.State2.Lock {
	padding-top: 11px;
	padding-bottom: 11px;
}
.StateBtn.State2.Lock .Point:before {
	content: '';
	display: inline-block;
	background: url(../../img/yoso/icon/icon_sprite_sp_yoso.png?181105) no-repeat;
	-webkit-background-size: 164px 400px;
	-moz-background-size: 164px 400px;
	background-size: 164px 400px;
	background-position: -4px -315px;
	width: 20px;
	height: 22px;
	vertical-align: middle;
	margin-right: 6px;
}

/*=== ポイントバックボタン ===*/
.StateBtn.State4 {
	color: #fff;
	padding: 0;
}
.StateBtn.State4 span.PointBackBtn01 {
	display: block;
	background: #e3b749;
	border-radius: 5px 5px 0 0;
	padding: 14px 0 11px;
}
.StateBtn.State4 span.PointBackBtn02 {
	position:relative;
	height: 29px;
	display: block;
	background: #d1423e;
	border-radius: 0 0 5px 5px;
}
.StateBtn.State4 span.PointBackBtn02 img {
	position: absolute;
	top: -8px;
	left: 7px;
	width: 188px;
}
/*=== 無料公開 ===*/
.StateBtn.StateFree .FreeFlag {
	position: relative;
	display: inline-block;
	background: #d1423f;
	color: #fff;
	font-size: 66.7%;
	margin: -3px 8px -3px 0;
	font-weight: bold;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 6px 5px;
	top: -3px;
}
.StateBtn.StateFree .FreeFlag:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-left: 6px solid #d1423f;
	position: absolute;
	top: 7px;
	right: -10px;
}

/* btn1 */
.ShowButtonBox {
	padding: 0 8px;
}
.ShowButtonBox.PayBack {
	margin: 8px 0;
}
.ShowButton {
	display: block;
	background: url("../../img/yoso/icon/icon_arrowB01.png") no-repeat 92% center;
	-webkit-background-size: 18px 10px;
	-moz-background-size: 18px 10px;
	background-size: 18px 10px;
	border: 2px solid #bab9b7;
	border-radius: 5px;
	color: #333;
	font-weight: bold;
	text-align: center;
	height: 60px;
	line-height: 60px;
}


/* btn2 */
.YosoLinkBtn {
	position: relative;
	display: block;
	padding: 14px 0;
	color: #222;
	font-size: 77.8%;
	text-align: center;
	background-color: #dad7cd;
	border-radius: 5px;
}


/* 枠色 */
table tr td.Waku1,span.Waku1 {background: #fff;}
table tr td.Waku2,span.Waku2 {background: #222; color: #fff !important;}
table tr td.Waku3,span.Waku3 {background: #dc3c3c; color: #fff !important;}
table tr td.Waku4,span.Waku4 {background: #2c53a9; color: #fff !important;}
table tr td.Waku5,span.Waku5 {background: #e4ca3b; color: #fff !important;}
table tr td.Waku6,span.Waku6 {background: #58af4a; color: #fff !important;}
table tr td.Waku7,span.Waku7 {background: #de8a26; color: #fff !important;}
table tr td.Waku8,span.Waku8 {background: #dc6179; color: #fff !important;}


/* 印アイコン */
span.Icon_Shirushi {
	display:block;
	background-image: url("../../img/yoso/icon/icon_yoso_shirushi.png");
	background-repeat: no-repeat;
	background-size:90px 250px;
	-moz-background-size:90px 250px;
	-webkit-background-size:90px 250px;
	width:19px;
	height:19px;
	margin:auto;
}
span.Icon_Shirushi.Icon_Honmei {background-position:0 0;}
span.Icon_Shirushi.Icon_Taikou {background-position:0 -19px;}
span.Icon_Shirushi.Icon_Kurosan {background-position:0 -38px;}
span.Icon_Shirushi.Icon_Osae {background-position:0 -57px;}
span.Icon_Shirushi.Icon_Hoshi {background-position:0 -76px;}
span.Icon_Shirushi.Icon_Keshi {background-position:0 -95px;}
span.Icon_Shirushi.Icon_Chuui {background-position:0 -152px;}


/*-- yosoアイコン --*/
.Icon_Sprite_Sp_Yoso {
	display: inline-block;
	background: url("../../img/yoso/icon/icon_sprite_sp_yoso.png?181105") no-repeat;
	-webkit-background-size: 164px 400px;
	-moz-background-size: 164px 400px;
	background-size: 164px 400px;
}
.Icon_Gensen {
	width: 26px;
	height: 26px;
	position: absolute;
	top: -7px;
	left: -4px;
}
.Icon_State {
	width: 28px;
	height: 28px;
	margin: auto;
}
.IconGensen01 {background-position: -3px -33px;}
.IconGensen02 {background-position: -3px -64px;}
.IconState01 {background-position: -128px -32px;}
.IconState02 {background-position: -97px -1px;}

.IconKenkai01 {width:24px;height:25px;background-position: -4px -252px;}
.IconGood01 {width:25px;height:25px;background-position: -35px -221px;}
.IconGood02 {width:20px;height:20px;background-position: -6px -224px;}

/* Loader */
.Loader_Horse{
	background:#fff;
	padding:10px;
}
.Loader_Horse img{
	display:block;
	margin:0 auto;
}
/* Information */
.Schedule_Infomation_Box {
	font-size: 86%;
	font-weight: bold;
	text-align: center;
	margin: 12px 14px;
	padding: 12px;
	border: 5px solid #ddd;
	background: #fff;
	line-height: 1.8;
}

/* Information */
.Schedule_Infomation_Box {
	font-size: 86%;
	font-weight: bold;
	text-align: center;
	margin: 12px 14px;
	padding: 12px;
	border: 5px solid #ddd;
	background: #fff;
	line-height: 1.8;
}
/* 取り消し除外 */
span.Torikeshi {
	color: #c00;
	display: block;
	text-align: center;
	font-size: 83.4%;
	padding-top: 10px;
}

/*==============================================
01. ご利用明細
==============================================*/

/* ご利用明細 - 利用可能ポイント */
.PointUseDetail {
	margin: 20px 10px 30px;
}
.YosoPointTable01 {
	width: 100%;
	margin-bottom: 10px;
	border-collapse: collapse;
}
.YosoPointTable01 th,
.YosoPointTable01 td {
	color: #666;
	vertical-align: middle;
	border-top: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
}
.YosoPointTable01 th {
	width: 85px;
	padding: 6px 0;
	font-size: 0.75rem;
	text-align: center;
	line-height: 1.25;
	background-color: #f3f3f3;
}
.YosoPointTable01 th.LimitedTimePoint_Head {
	font-size: 0.6875rem;
	font-weight: 400;
}
.YosoPointTable01 td {
	padding: 6px 0;
	background-color: #fff;
}
.YosoPointTable01 .PointCellBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.YosoPointTable01 .PointCellBox > span {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding: 0 4px;
	font-size: 0.75rem;
	text-align: center;
}
.YosoPointTable01 .PointCellBox .CurrentPoint {
	margin-right: 6px;
	color: #dca33e;
	font-size: 1.125rem;
	font-weight: 700;
	vertical-align: -2px;
}
.YosoPointTable01 .Point_Add {
	padding-right: 6px;
}
.YosoPointTable01 .Point_Add a {
	display: block;
	width: 52px;
	height: 100%;
	padding: 8px 0 7px;
	color: #666;
	font-size: 0.75rem;
	text-align: center;
	border: 1px solid #c9c9c9;
	border-radius: 7px;
}
.YosoPointTable01 .LimitedTimePoint_CellBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.YosoPointTable01 .LimitedTimePoint_CellBox > span {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding: 0 4px;
	font-size: 0.625rem;
	text-align: center;
}
.YosoPointTable01 .LimitedTimePoint_CellBox .CurrentPoint {
	margin-right: 4px;
	color: #dca33e;
	font-size: 0.6875rem;
}
.YosoPointTable01 .Point_Breakdown {
	padding-left: 6px;
	font-size: 0;
}
.YosoPointTable01 .Point_Breakdown_Btn {
	position: relative;
	-webkit-appearance: none;
	padding: 4px 14px 4px 0;
	color: #444;
	font-size: 0.6875rem;
	background-color: transparent;
	border: 0;
	outline: 0;
}
.YosoPointTable01 .Point_Breakdown_Btn::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1px;
	border: 0 solid transparent;
	border-width: 5px 3px 0;
	border-top-color: #666;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: -webkit-transform 0.2s;
	transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
	transition: transform 0.2s, -webkit-transform 0.2s;
}
.YosoPointTable01 .Point_Breakdown_Btn.open::after {
	-webkit-transform: translateY(-50%) rotateX(180deg);
	transform: translateY(-50%) rotateX(180deg);
}
.LimitedTimePoint_Breakdown {
	display: none;
	overflow: hidden;
}
.LimitedTimePoint_CellBox_DataNone {
	font-size: 0.6875rem;
	font-weight: bold;
	text-align: center;
	margin: 8px 9px;
	padding: 12px;
	border: 5px solid #ddd;
	background: #fff;
	line-height: 1.8;
}
.LimitedTimePoint_Breakdown .PointUseHistorTable {
	margin: 6px 4px 0 4px;
}
@media (max-width: 359px) {
	.YosoPointTable01 th {
		width: 70px;
	}
	.YosoPointTable01 .PointCellBox .CurrentPoint {
		margin-right: 2px;
	}
	.YosoPointTable01 .LimitedTimePoint_CellBox .CurrentPoint {
		margin-right: 1px;
	}
	.YosoPointTable01 .Point_Add a {
		width: 45px;
	}
}

.PointUseDetail .Note {
	margin-bottom: 15px;
	color: #666;
	font-size: 0.625rem;
	line-height: 1.6;
}
.PointUseDetail .Note > a {
	color: #7a756a;
	border-bottom: 1px solid  #7a756a;
	letter-spacing: -1px;
}
.PointUseDetail .Note li {
	position: relative;
	padding-left: 1em;
	line-height: 1.6;
}
.PointUseDetail .Note li::before {
	content: "\203B";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 1em;
	text-align: center;
}
.PointUseDetail .Note li strong {
	color: #444;
}
.PointUseDetail .Note li a {
	color: #0033aa;
}
.tabContent .PointUseDetail{
	padding: 15px 8px 20px;
	margin: 0;
}
.tabContent .PointUseDetail .Note{
	font-size: 66%;
	text-align: left;
}


/* メルアド設定案内 */
.NotSetID {
	margin: -20px 10px 30px;
	padding: 16px 18px;
	background-color: #f3f3f3;
	border-radius: 7px;
}
.NotSetID_Txt {
	font-size: 0.8125rem;
	line-height: 1.5;
}
.NotSetID_Txt::before {
	content: "";
	display: inline-block;
	width: 19px;
	height: 19px;
	margin-right: 5px;
	vertical-align: -3px;
	background-image: url(../../img/yoso/icon/icon_attention.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.NotSetID_Txt strong {
	display: inline-block;
	margin-bottom: 6px;
	font-size: 0.875rem;
}
.NotSetID .Lead_Link {
	margin: 10px 0;
	font-size: 0.8125rem;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
}
.NotSetID .Lead_Link a {
	text-decoration: underline;
}
/* ナビゲーション系 */
.MypageTab .Tab_RaceDaySelect {
	padding: 0;
}
.MypageTab .Tab_RaceDaySelect ul a:not([class="Tab_Active"]) {
	font-weight: 400;
}
.PointUseHistory_LocalMenu {
	margin: 14px 10px;
}

/* ご利用明細 - 購入済み */
.PointUseHistoryBox .DateHistory {
	margin: -1px 10px 0;
	padding: 12px 7px;
	color: #444;
	font-size: 0.875rem;
	background-color: #eaeaea;
	border-top: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
}
.HistoryBox {
	margin: -1px 10px 0;
}
.DateHistory + .HistoryBox {
	margin: 0 10px;
}
.HistoryBox_Inner .RaceName {
	padding: 12px 7px;
	color: #666;
	font-size: 0.8125rem;
	font-weight: 400;
	background-color: #f3f3f3;
}
.HistoryBox_Inner ul {
	margin: 0 10px;
}
.HistoryBox_Inner ul li {
	border-bottom: 1px solid #cacaca;
}
.HistoryBox_Inner ul a {
	display: table;
	width: 100%;
	padding: 5px;
}
.HistoryBox_Inner ul a .Yosoka,
.HistoryBox_Inner ul a .StateBtn {
	display: table-cell;
	vertical-align: middle;
}
.HistoryBox_Inner ul a .Yosoka {
	width: 100%;
	padding-top: 1px;
	padding-left: 8px;
	color: #444;
	font-size: 0.75rem;
	font-weight: 700;
}
.HistoryBox_Inner ul a .StateBtn {
	width: 100px;
	padding: 0;
	background-color: transparent;
	border-radius: 0;
}
.HistoryBox_Inner ul a .StateBtn span {
	position: relative;
	display: block;
	width: 100px;
	padding: 8px 0 7px 19px;
	color: #888;
	font-size: 0.6875rem;
	font-weight: 700;
	text-align: center;
	border: 1px solid #c9c9c9;
	border-radius: 4px;
}
.HistoryBox_Inner ul a .StateBtn span::before {
	position: absolute;
	top: 0;
	left: 12px;
	content: "";
	display: block;
	width: 14px;
	height: 100%;
	background-image: url("../../img/yoso/icon/icon_baken_nk01.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.HistoryBox_Inner ul a .StateBtn.Hit span {
	color: #fff;
	background: #e14f4c;
	border-color: #e14f4c;
}
.HistoryBox_Inner ul a .StateBtn.Hit span::before {
	background-image: url("../../img/yoso/icon/icon_hit01.png");
}

.SatColor {color: #3251bc;}
.SunColor {color: #c53131;}


/* ご利用明細 - ポイント履歴 */
.point_history_select {
	position: relative;
	width: 154px;
	height: 28px;
	overflow: hidden;
	float: right;
	margin:10px;
}
.point_history_select::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	border: 0 solid transparent;
	border-width: 6px 3.5px 0;
	border-top-color: #666;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.point_history_select .pointUseHistoryMode {
	width: 100%;
	padding: 0 18px 0 11px;
	color: #444;
	font-size: 72.22%;
	line-height: 2;
	border-width: 1px;
	border-radius: 4px;
	-webkit-transform-origin: left top;
	transform-origin: left top;
	border:1px solid #dedede;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
}
.point_history {
	margin: 14px 10px;
}
.PointUseHistorTable {
	width: 100%;
	border-collapse: collapse;
}
.PointUseHistorTable .Header th {
	padding: 6px 8px;
	color: #888;
	font-size: 0.625rem;
	font-weight: 400;
	line-height: 1.2;
	text-align: center;
	vertical-align: middle;
	background-color: #eaeaea;
	border: 1px solid #cacaca;
}
.PointUseHistorTable .List td {
	vertical-align: middle;
	border: 1px solid #cacaca;
}
.PointUseHistorTable th:first-child,
.PointUseHistorTable td:first-child {
	border-left: 0;
}
.PointUseHistorTable th:last-child,
.PointUseHistorTable td:last-child {
	border-right: 0;
}
.PointUseHistorTable .Header .History {
	text-align: left;
}
.PointUseHistorTable .List .History {
	padding: 6px 8px;
}
.PointUseHistorTable .List .UsePoint,
.PointUseHistorTable .List .TotalPoint {
	padding: 12px 8px;
	color: #444;
	font-size: 0.75rem;
	font-weight: 700;
	text-align: right;
	white-space: nowrap;
}
.PointUseHistorTable .List .UsePoint {
	width: 18%;
}
.PointUseHistorTable .List .TotalPoint {
	width: 22%;
}
.PointUseHistorTable th span,
.PointUseHistorTable td span {
	display: block;
}
.PointUseHistorTable .Header .History span,
.PointUseHistorTable .List .History ul {
	margin-bottom: 4px;
}
.PointUseHistorTable .List .History ul li {
	color: #888;
	font-size: 0.625rem;
	line-height: 1.2;
}
.PointUseHistorTable .List .History ul .Date {
	float: left;
	margin-right: 4px;
}
.PointUseHistorTable .List .History ul .Number {
	float: right;
}
.PointUseHistorTable .List .History .Item a {
	display: inline-block;
	color: #444;
	font-size: 0.6875rem;
	line-height: 1.27;
}
.PointUseHistorTable .List .History .Item .expire {
	margin-top: 2px;
	color: #1b9a36;
	font-size: 0.6875rem;
	line-height: 1.27;
}
.PointUseHistorTable .List .History .Item .expired {
	margin-top: 2px;
	color: #fe642e;
	font-size: 0.6875rem;
	line-height: 1.27;
}
.PointUseHistorTable .List .UsePoint.Plus {
	color: #1b9a36;
}
.PointUseHistorTable .Cancel{
	background-color: #ddd;
}
@media (max-width: 359px) {
	.PointUseHistorTable .List .History {
		padding: 6px 4px;
	}
	.PointUseHistorTable .List .UsePoint {
		padding: 12px 5px;
	}
	.PointUseHistorTable .List .History .Item .expire,
	.PointUseHistorTable .List .History .Item .expired {
		font-size: 0.625rem;
	}
	.PointUseHistorTable .List .UsePoint,
	.PointUseHistorTable .List .TotalPoint {
		font-size: 0.6875rem;
	}
}

.Common_Pager_Type1.PointUseHistory {
	border-top: 1px solid #bab7ab;
}

/* 中央地方データ切り替え */
.PointUseHistoryBox ul.DataTypeChangeUl {
	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;
}
.PointUseHistoryBox ul.DataTypeChangeUl li {
	border-right: 1px solid #888;
	box-sizing: border-box;
	overflow: hidden;
	width : 50% ;
}
.PointUseHistoryBox ul.DataTypeChangeUl li:nth-of-type(2) {
	border-right: none;
}
.PointUseHistoryBox ul.DataTypeChangeUl li a{
	color: #666;
	font-size: 66.67%;
	line-height: 30px;
	text-align: center;
	display: block;
	height: 30px;
	background: #fff;
	overflow: hidden;
	cursor: pointer;
}

.PointUseHistoryBox ul.DataTypeChangeUl li.DataTypeChangeJra.Active a{
	color: #fff;
	font-weight: bold;
	background: #3251bc;
}
.PointUseHistoryBox ul.DataTypeChangeUl li.DataTypeChangeNar.Active a{
	color: #fff;
	font-weight: bold;
	background: #bf552e;
}

/*==============================================
 02.予想購入の確認
 ==============================================*/
 /* 予想購入の確認 - header */
 .Confirmation_Header {
 	margin: 22px 8px 0;
 	padding: 25px 5px;
 	text-align: center;
 	background-color: #f3f3f3;
 	border: 1px solid #e7e7e7;
 	border-bottom: 0;
 }
 .Confirmation_Header .ConfirmationMsg {
 	margin-bottom: 8px;
 	color: #333;
 	font-size: 1.125rem;
 	font-weight: 700;
 	line-height: 1.4;
 }
 .Confirmation_Header .Point {
 	color: #dca33e;
 }
 .Confirmation_Header .Available {
 	color: #777;
 	font-size: 0.875rem;
 	line-height: 1.5;
 }
 .Confirmation_Header .Available a {
 	border-bottom: 1px solid currentColor;
 }


 /* 予想購入の確認 - footer */
 .Purchase_Footer {
 	padding: 14px 14px 18px;
 	background-color: #f3f3f3;
 }
 .Purchase_Item .Purchase_Footer {
 	padding: 14px 20px 18px;
 	background-color: transparent;
 }
 .Purchase_Footer .NotPoint {
 	margin: 10px 0 14px;
 	color: #d1423f;
 	font-size: 0.9375rem;
 	font-weight: 700;
 	text-align: left;
 }
 .Purchase_Footer .NotPoint span {
 	position: relative;
 	display: inline-block;
 	padding-left: 30px;
 	line-height: 1.3;
 }
 .Purchase_Footer .NotPoint span:before {
 	content: '';
 	position: absolute;
 	top: 50%;
 	left: 0;
 	width: 23px;
 	height: 21px;
 	margin-top: -13px;
 	display: inline-block;
 	background: url("../../img/yoso/icon/icon_error01.png") no-repeat;
 	background-size: 23px 21px;
 }
 .YosoBtn01.Purchase {
 	font-size: 1.125rem;
 	padding: 20px 0;
 }
 @media screen and (max-width: 359px) {
 	.YosoBtn01.Purchase {
 		font-size: 1rem;
 	}
 }
 .Purchase_Footer .PointTxt {
 	margin-bottom: 20px;
 	font-size: 0.9375rem;
 	line-height: 1.4;
 }
 .Purchase_Footer .MemberLink {
 	margin-top: 16px;
 	text-align: center;
 }
 .Purchase_Footer .MemberLink a {
 	color: #333;
 	font-size: 0.875rem;
 	border-bottom: 1px solid #333;
 }

 /* 予想購入の確認 - 購入内容 */
 .Purchase_Item {
 	border-bottom: 1px solid #e7e7e7;
 }
 .Purchase_Item:last-child {
 	border-bottom: none;
 }
 .Purchase_Item + .Purchase_Item {
 	margin-top: 15px;
 }
 .PurchaseWrap {
 	margin: 0 8px 20px;
 	border: 1px solid #e7e7e7;
 	border-top: 0;
 }
 .Purchase_Inner {
 	padding: 20px 20px 12px;
 }
 .PurchaseYosoka {
 	padding: 2px;
 	background-color: #e7e7e7;
 	border-radius: 3px;
 }
 .PurchaseYosoka .Name {
 	margin-left: 8px;
 	color: #222;
 	font-size: 0.875rem;
 	font-weight: 700;
 }
 .PurchaseYosoka .Point {
 	float: right;
 	display: block;
 	width: 92px;
 	height: 32px;
 	padding: 0 12px 0 6px;
 	color: #fff;
 	font-size: 1rem;
 	font-weight: 700;
 	line-height: 32px;
 	text-align: right;
 	background-color: #e69c00;
 	border-radius: 0 3px 3px 0;
 }

 .PurchaseRace {
 	padding: 18px 3px 5px;
 }
 .PurchaseRace .Date {
 	margin-bottom: 8px;
 	color: #999;
 	font-size: 0.875rem;
 }
 .PurchaseRaceList {
 	width: 100%;
 	color: #222;
 	font-size: 1rem;
 	border-collapse: collapse;
 }
 .PurchaseRaceList td {
 	vertical-align: middle;
 }
 .PurchaseRaceList .Date {
 	float: left;
 }
 .PurchaseRaceList .Point {
 	float: right;
 	margin-bottom: 8px;
 	color: #999;
 	font-size: 0.875rem;
 	font-weight: 700;
 }
 .PurchaseRaceList .Jyo {
 	min-width: 2em;
 	line-height: 1.2;
 	white-space: nowrap;
 }
 .PurchaseRaceList .RaceNum {
 	width: 46px;
 }
 .PurchaseRaceList .RaceNum > span {
 	display: inline-block;
 	width: 46px;
 	margin: 0 8px;
 	padding: 6px 0;
 	color: #fff;
 	font-size: 0.875rem;
 	font-weight: 700;
 	text-align: center;
 	background-color: #506bc3;
 	border-radius: 3px;
 }
 .PurchaseRaceList .RaceName {
 	width: 100%;
 	line-height: 1.2;
 }

 /* 予想購入の確認 - ポイントバック */
 .Purchase_Item .PointBackArea {
 	margin-bottom: 15px;
 	text-align: right;
 }
 .Purchase_Item .PointBackArea .PointBackBox01 {
 	display: inline-block;
 	padding: 6px;
 	color: #fff;
 	font-size: 0.875rem;
 	background-color: #d1423e;
 	border-radius: 3px;
 }
 .Purchase_Item .PointBackArea .PointBackBox01 > span,
 .Purchase_Item .PointBackArea .PointBackBox01 > strong {
 	vertical-align: middle;
 }
 .Purchase_Item .PointBackArea .PointBackBox01 strong {
 	font-size: 1.125rem;
 	font-weight: 700;
 }

 @media screen and (max-width: 374px) {
 	.Purchase_Inner {
 		padding: 20px 15px 12px;
 	}
 	.PurchaseYosoka .Name {
 		margin-left: 4px;
 	}
 	.PurchaseYosoka .Point {
 		padding: 0 8px 0 4px;
 		width: 82px;
 	}
 }


/*==============================================
03.厳選予想リスト
==============================================*/

/* レースから探す - 厳選予想リスト */
/*.Title_Sec.GensenYosoTitle_Sec h2 {
	line-height: 1.2;
}
.GensenYosoList .Yosoka {
	display: table;
	width: 100%;
	background: #f5f4f1;
	padding: 6px;
}
.GensenYosoList .Yosoka .Profile,
.GensenYosoList .Yosoka .LinkBox {
	display: table-cell;
	vertical-align: middle;
}
.GensenYosoList .Yosoka .YosokaImage {
	width: 46px;
}
.GensenYosoList .Yosoka .YosokaImage img {
	vertical-align: bottom;
}
.GensenYosoList .Yosoka .Profile {
	padding-left: 6px;
	width: 100%;
}
.GensenYosoList .Yosoka .Profile .Name {
	font-weight: bold;
	margin-bottom: 0;
	padding-top: 2px;
}
.GensenYosoList .Yosoka .Profile .CatchPhrase{
	color: #333;
	font-size: 62%;
	margin-top: -2px;
	margin-bottom: 8px;
}
.GensenYosoList .Yosoka .Profile p.YosokaDetailLink a {
	font-size: 66.7%;
	color: #9e9b95;
}*/
/*.GensenYosoList .Yosoka .Profile .Type {
	color: #55a78e;
	font-size: 77.1%;
	font-weight: bold;
}
.GensenYosoList .Yosoka .LinkBox {
	padding-right: 10px;
}
.GensenYosoList .Yosoka .LinkBox a {
	color: #79766e;
	font-size: 66%;
	white-space: nowrap;
}
@media screen and (max-width: 374px) {
	.GensenYosoList .Yosoka .LinkBox {
		padding-right: 4px;
	}
}
*/
/* レースから探す - 予想選択スタイル */
.GensenYosoList .YosoSelected {
	border: 2px solid #78be68;
}
.GensenYosoList .YosoSelected .StateArea {
	background: #abe79d;
}


/* レースから探す - まとめ購入下部固定 */
.InputFixedArea_Wrap {
	min-height: 72px;
}
.InputFixedArea {
	display: table;
	width: 100%;
	background: rgba(0, 0, 0, .8);
	padding: 8px 8px 11px;
	z-index: 100;
}
.InputFixedArea .AvailablePoint{
	position: absolute;
	width: 100%;
	top: -35px;
	left: 0;
	background: #fff;
}
.InputFixedArea .AvailablePoint_Wrap{
	text-align: center;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.InputFixedArea .AvailablePoint_Wrap p:nth-child(1){
	background: #f3f3f3;
	color: #666;
	width: 38%;
	font-size: 72.5%;
	letter-spacing: -0.05em;
	padding: 11px 0 9px;
	height: 35px;
}
.InputFixedArea .AvailablePoint_Wrap p:nth-child(2){
	font-size: 111%;
	color: #d3a551;
	vertical-align: middle;
	font-weight: bold;
	width: 62%;
	padding: 9px 0 7px;
	height: 35px;
}
.InputFixedArea .Current,
.InputFixedArea .MatomeCheck,
.InputFixedArea .BtnArea {
	display: table-cell;
	vertical-align: middle;
}
.InputFixedArea .MatomeCheck {
	text-align: center;
	padding: 3px 14px 0 8px;
	width: 44px;
}
.InputFixedArea .Current p {
	color: #fff;
	font-size: 88%;
}
.InputFixedArea .Current strong {
	display: block;
	font-size: 118.7%;
	margin: 4px 0;
}
.InputFixedArea .Current .Count {
	color: #57af1c;
	font-weight: bold;
	margin: 0 4px;
}
.InputFixedArea .BtnArea .StateBtn {
	padding: 8px 0;
}
.InputFixedArea .BtnArea {
	width: 140px;
}
.InputFixedArea .BtnArea .StateBtn .Point {
	display: block;
}
/* ポイントバック */
.InputFixedArea .BtnArea .StateBtn.State4 {
	padding: 0;
}
.InputFixedArea .BtnArea .StateBtn.State4 span.PointBackBtn01 {
	padding: 8px 0 5px;
}
.InputFixedArea .BtnArea .StateBtn.State4 span.PointBackBtn02 {
	position:relative;
	height: 19px;
	display: block;
}
.InputFixedArea .BtnArea .StateBtn.State4 span.PointBackBtn02 img {
	position: absolute;
	top: -6px;
	left: 4px;
	width: 124px;
}

@media screen and (max-width: 359px) {
	.InputFixedArea .MatomeCheck {
		padding: 3px 8px 0 4px;
	}
	.InputFixedArea .BtnArea {
		width: 112px;
	}
	.InputFixedArea .BtnArea .StateBtn.State4 span.PointBackBtn02 img {
		top: -3px;
		left: 4px;
		width: 103px;
	}
	.InputFixedArea .Current strong {
		font-size: 114.2%;
	}
	.InputFixedArea .Current p {
		color: #fff;
		font-size: 77.9%;
	}
	.InputFixedArea .AvailablePoint{
		top: -32px;
	}
	.InputFixedArea .AvailablePoint_Wrap p:nth-child(1){
		font-size: 66.5%;
		padding: 10px 0 8px;
		height: 32px;
	}
	.InputFixedArea .AvailablePoint_Wrap p:nth-child(2){
		font-size: 100%;
		padding: 8px 0 6px;
		height: 32px;
	}
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
	.InputFixedArea,
	.InputFixedArea .AvailablePoint{
		/*width: 750px;*/
	}
}
@media only screen and (min-width: 1025px) {
	.InputFixedArea,
	.InputFixedArea .AvailablePoint{
		width: 480px;
	}
}
/* ポイントバック説明 .MatomePointBackInfo */
.MatomePointBackInfo {
	padding: 13px 8px;
}
h2.PointBackTxt01 {
	display: inline-block;
	background: #d1423e;
	border-radius: 3px;
	padding: 5px 6px;
}
h2.PointBackTxt01 img{
	display: block;
}
.MatomePointBackInfo p.fwB{
	font-size: 77.8%;
	line-height: 1.3;
	margin: 10px 0;
}
.MatomePointBackInfo .Example{
	position:relative;
	font-size: 77.8%;
	background: #fff;
	border-radius: 3px;
	padding: 10px 6px;
	margin-bottom :10px;
}
.MatomePointBackInfo .Example span.ExampleTxt01 {
	font-weight: bold;
	float: left;
	line-height: 1.3;
}
.MatomePointBackInfo .Example span.ExampleTxt02 {
	display: block;
	padding: 0 0 0 3em;
	line-height: 1.3;
}
.MatomePointBackInfo ul.Notation{
	font-size: 77.8%;
}
.MatomePointBackInfo ul.Notation li{
	position: relative;
	padding-left: 1.1em;
	line-height: 1.3;
	margin-bottom : 6px;
	color: #807f79;
}
.MatomePointBackInfo ul.Notation li:before{
	content: "\203B";
	vertical-align: middle;
	display: inline-block;
	position: absolute;
	color: #807f79;
	left: 0 ;
	top: 0;
}

/*=== レースから厳選予想枠(2018.03.20) ===*/
body.Netkeiba_Race_Result .Wrap,
body.Netkeiba_Race_Result .Main_Column{
	min-height: 890px;
}
.RaceResultYosoList .GensenYosoList .Yosoka {
	padding: 10px 10px 0;
}
.RaceResultYosoList .GensenYosoList .Yosoka .YosokaImage {
	width: 75px;
}
.RaceResultYosoList .GensenYosoList .Yosoka .YosokaImage img {
	width: 100%;
}
.RaceResultYosoList .GensenYosoList .Yosoka .Profile {
	width: 100%;
	padding-left: 10px;
}
.RaceResultYosoList .GensenYosoList .Yosoka .Profile .Name a {
	font-size: 106%;
	display:inline-block;
	margin:0 6px 6px 0;
}
.RaceResultYosoList .GensenYosoList .Yosoka .Profile .Name .Categories {
	font-size: 66.67%;
	line-height: 1.6;
	vertical-align: bottom;
	background: #dad7cf;
	display: inline-block;
	padding: 2px 13px 0;
	margin-bottom: 6px;
}

.RaceResultYosoList .GensenYosoList .Profile dl {
	position: relative;
	float: left;
	width: 150px;
}
@media screen and (max-width: 320px) {
	.RaceResultYosoList .GensenYosoList .Profile dl {
		width: 90%;
		margin-left: 5px;
	}
}
.RaceResultYosoList .GensenYosoList .Profile dl::before {
	content: '';
	display: inline-block;
	position: absolute;
	left: 50%;
	width: 2px;
	height: 100%;
	background: #000;
}
.RaceResultYosoList .GensenYosoList .Profile dt,
.RaceResultYosoList .GensenYosoList .Profile dd {
	font-size: 66.67%;
	font-weight: bold;
	text-align: center;
	float: left;
	width: 50%;
}
.RaceResultYosoList .GensenYosoList .Profile dd {
	clear: left;
	font-size: 83.33%;
	margin-top: 6px;
}
.RaceResultYosoList .GensenYosoList .Profile dt:nth-of-type(2),
.RaceResultYosoList .GensenYosoList .Profile dd:nth-of-type(2) {
	float: right;
	margin-top: -1em;
}
.RaceResultYosoList .GensenYosoList .Inner {
	background: #f5f4f1;
}
.RaceResultYosoList .GensenYosoList .Comment {
	margin: 12px 10px 0;
}
.RaceResultYosoList .GensenYosoList .Comment > p.Txt {
	color: #daab3c;
	font-size: 77.78%;
	background: #fff;
	padding: 8px 10px;
	box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
	position: relative;
}
.RaceResultYosoList .GensenYosoList .Comment > p.Txt:after,
.RaceResultYosoList .GensenYosoList .Comment > p.Txt:before {
	top: -14px;
	left: 35px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
}
.RaceResultYosoList .GensenYosoList .Comment > p.Txt:after {
	border-color: rgba(253, 253, 253, 0);
	border-bottom-color: #fdfdfd;
	border-width: 10px;
	margin-left: -10px;
}
.RaceResultYosoList .GensenYosoList .Comment > p.Txt:before {
	border-color: rgba(221, 221, 221, 0);
	border-bottom-color: #ddd;
	border-width: 8px;
	margin-left: -8px;
	left: 34px;
	top: -14px;
}
.RaceResultYosoList .GensenYosoList .Result {
	margin: 10px;
}
.RaceResultYosoList .GensenYosoList .Result .YosoDetailSec table {
	width: 100%;
	background: #fff;
	border-collapse: collapse;
}
.RaceResultYosoList .GensenYosoList .Result .YosoDetailSec table th {
	font-size: 77.78%;
	font-weight: normal;
	padding: 8px 6px 6px;
	text-align: center;
	white-space: nowrap;
	background: #f5efdd;
	border-top: 1px solid #dfddd7;
	border-left: 1px solid #dfddd7;
	border-bottom: 1px solid #dfddd7;
	width: 135px;
}
.RaceResultYosoList .GensenYosoList .Result .YosoDetailSec table td {
	font-size: 77.78%;
	font-weight: bold;
	padding: 8px 15px 6px 6px;
	text-align: right;
	border-top: 1px solid #dfddd7;
	border-right: 1px solid #dfddd7;
	border-bottom: 1px solid #dfddd7;
}
@media screen and (max-width: 350px){
	.RaceResultYosoList .GensenYosoList .Result .YosoDetailSec table th {
		width: auto;
	}
	.RaceResultYosoList .GensenYosoList .Result .YosoDetailSec table td {
		width: 60%;
	}
}
.RaceResultYosoList .GensenYosoList .BtnArea {
	padding: 12px 26px 16px;
}
.RaceResultYosoList .GensenYosoList .BtnArea .PickupRace,
.RaceResultYosoList .GensenYosoList .BtnArea .AnaumaRace {
	position: relative;
	overflow: visible;
}
.RaceResultYosoList .GensenYosoList .BtnArea .PickupRace::after,
.RaceResultYosoList .GensenYosoList .BtnArea .AnaumaRace::after {
	content: '';
	display: block;
	position: absolute;
	top: -6px;
	left: -16px;
	width: 30px;
	height: 64px;
	background-image: url("../../img/yoso/general/flg_sprite_sp_baken.png?20220331");
	-webkit-background-size: 80px 200px;
	-moz-background-size: 80px 200px;
	-ms-background-size: 80px 200px;
	-o-background-size: 80px 200px;
	background-size: 80px 200px;
	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);
}
.RaceResultYosoList .GensenYosoList .BtnArea .PickupRace::after {
	background-position: 0 0;
}
.RaceResultYosoList .GensenYosoList .BtnArea .AnaumaRace::after {
	background-position: -32px 0;
}
.RaceResultYosoList .GensenYosoList .Hit .Result .Balance {
	border: 1px solid #dfddd7;
	border-top: none;
	padding: 8px 15px;
}
.RaceResultYosoList .GensenYosoList .Hit .Result .Balance dl dt {
	text-align: center;
	padding-left: 40px;
}
.RaceResultYosoList .GensenYosoList .Hit .Result .Balance dl dt .IconGensen02 {
	left: 10px;
}
.RaceResultYosoList .GensenYosoList .Hit .Result .YosoDetailSec {
	position: relative;
}
.RaceResultYosoList .GensenYosoList .Hit .Result .YosoDetailSec::after {
	content: '';
	display: inline-block;
	background: url("../../img/yoso/general/stamp_hit.png") no-repeat;
	-webkit-background-size: 70px 70px;
	-moz-background-size: 70px 70px;
	-ms-background-size: 70px 70px;
	-o-background-size: 70px 70px;
	background-size: 70px 70px;
	width: 70px;
	height: 70px;
	position: absolute;
	top: -10px;
	left: -25px;
}

/*==============================================
 04.予想家ランキング
 ==============================================*/

 /* 予想家ランキング - ソート機能 */
 .SortFunction_Wrap {
 	padding: 15px 8px 10px;
 }
 .SortFunction_Wrap .SortFunction + .SortFunction {
 	margin-top: 8px;
 }
 .SortFunction_Wrap .SortFunction_Title {
 	display: table-cell;
 	padding-right: 8px;
 	text-align: right;
 	width: 5em;
 	white-space: nowrap;
 }
 .SortFunction_Wrap .SortFunction .SortSelect {
 	float: none;
 	width: 100%;
 	margin-bottom: 0;
 	font-size: 0.75rem;
 }
 .SortFunction_Wrap .SortFunction .SortSelect .SelectGroup {
 	border: 0;
 	border-radius: 0;
 }
 .SortFunction_Wrap .SortFunction .SortSelect .SelectGroup::after {
 	content: none;
 }
 .SortFunction_Wrap .SortFunction .SelectGroup select {
 	-webkit-appearance: none;
 	width: 100%;
 	padding: 10px 15px;
 	color: #666;
 	font-size: 1rem;
 	background-color: #fff;
 	background-image: url(../../img/yoso/icon/icon_arrow_select_nk01.png);
 	background-repeat: no-repeat;
 	background-position: right 10px center;
 	background-size: 10px;
 	border: 1px solid #e0e0e0;
 	border-radius: 5px;
 }

 /* 予想家ランキング - tab */
 .RankingTabWrap {
 	padding: 12px 8px 0 4px;
 	text-align: center;
 }
 .RankingTabWrap ul li {
 	float: left;
 	width: 25%;
 }
 .RankingTabWrap ul a {
 	display: block;
 	margin-left: 4px;
 	padding: 4px 0 8px;
 	color: #98978c;
 	font-size: 0.875rem;
 	border: 2px solid #e5e4dd;
 	border-bottom: none;
 	border-radius: 5px 5px 0 0;
 }
 .RankingTabWrap ul .Active a {
 	color: #222;
 	background-color: #e5e4dd;
 }
 .RankingTabWrap ul a:before {
 	content: '';
 	display: block;
 	width: 26px;
 	height: 26px;
 	margin: 0 auto 4px;
 	background: url("../../img/yoso/icon/icon_sprite_sp_yoso.png?181105") no-repeat;
 	background-size: 164px 400px;
 }
 .RankingTabWrap ul .Sales a:before {background-position: -34px -34px;}
 .RankingTabWrap ul .RecoveryRate a:before {background-position: -34px -65px;}
 .RankingTabWrap ul .HitRate a:before {background-position: -34px -2px;}
 .RankingTabWrap ul .Bookmark a:before {background-position: -34px -95px;}
 .RankingTabWrap ul .Active.Sales a:before {background-position: -66px -34px;}
 .RankingTabWrap ul .Active.RecoveryRate a:before {background-position: -66px -65px;}
 .RankingTabWrap ul .Active.HitRate a:before {background-position: -66px -2px;}
 .RankingTabWrap ul .Active.Bookmark a:before {background-position: -66px -95px;}

 @media only screen and (max-width: 359px) {
 	.RankingTabWrap ul a {
 		font-size: 0.8125rem;
 	}
 	.RankingTabWrap ul li:nth-child(n+2) a {
 		margin-left: 3px;
 	}
 }


 /* 予想家ランキング - ランクリスト */
 .RankingListWrap.YosokaRankingList,
 .RankingListWrap.YosokaBookmarkList {
 	padding: 8px 8px 20px;
 }
 .RankingListWrap.YosokaRankingList {
 	background-color: #e5e4dd;
 }
 .YosokaRankingList .RankingList > li,
 .YosokaBookmarkList .RankingList > li {
 	position: relative;
 	display: inherit;
 	margin-bottom: 0;
 	border: 2px solid #c4c1b8;
 }
 .YosokaRankingList .RankingList > li + li,
 .YosokaBookmarkList .RankingList > li + li {
 	margin-top: 8px;
 }
 .YosokaRankingBox {
 	background-color: #fff;
 }
 .YosokaRankingBox .YosokaPhotoImg {
 	position: absolute;
 	top: 6px;
 	left: 6px;
 	float: none;
 	width: auto;
 	height: auto;
 }
 .YosokaRankingBox .YosokaPhotoImg img {
 	position: relative;
 	top: 0;
 	left: 0;
 	width: 90px;
 	vertical-align: bottom;
 	border-radius: 3px;
 	transform: none;
 }

 .BookmarkNoticeBtn01 {
 	text-align: right;
 }
 a.BookmarkNoticeBtn {
 	display: inline-block;
 	margin-bottom: 8px;
 	padding: 7px 5px 5px 0;
 	color: #888;
 	font-size: 72.3%;
 	font-weight: bold;
 	text-align: center;
 	background-color: #f3f3f3;
 	border: 1px solid #c9c9c9;
 	border-radius: 3px;
 }
 .BookmarkNoticeBtn:before {
 	content: '';
 	display: inline-block;
 	background-image: url(../../img/yoso/yosoka/icon_02.png);
 	background-repeat: no-repeat;
 	background-size: 30px 250px;
 	-moz-background-size: 30px 250px;
 	-webkit-background-size: 30px 250px;
 	-o-background-size: 30px 250px;
 	-ms-background-size: 30px 250px;
 	display: inline-block;
 	margin: -2px 5px 0;
 	vertical-align: middle;
 	width: 20px;
 	height: 20px;
 }

 .RankingDetail .YosokaLabel {
 	background: #f5f4f1;
 	border-top: 1px solid #fff;
 	padding: 13px 0;
 }
 .RankingDetail .YosokaLabel p {
 	color: #55a78e;
 	font-size: 88%;
 	font-weight: bold;
 	margin-left: 110px;
 }

 .RankingDetail .YosokaNameBox {
 	margin-left: 110px;
 	padding: 15px 0;
 }
 .RankingDetail .YosokaNameBox .Name {
 	color: #222;
 	font-size: 88%;
 	font-weight: bold;
 }
 .YosokaBookmarkList .RankingDetail .YosokaNameBox .Name {
 	line-height: 1.3;
 }
 .RankingDetail .YosokaNameBox .Name > span {
 	display: block;
 	font-size: 75%;
 	font-weight: normal;
 	margin-top: 7px;
 }

 .RankingDetail .YosokaData {
 	border-top: 1px dashed #e5e4dd;
 	padding: 15px 0 21px;
 	margin: 0 8px;
 }
 .RankingDetail .YosokaData .Inner {
 	margin: 0 -8px;
 }
 .RankingDetail .YosokaData .Inner ul{
 	display: table;
 	width: 100%;
 }
 .RankingDetail .YosokaData ul li {
 	display: table-cell;
 	width: 26%;
 }
 .RankingDetail .YosokaData ul li.SalesData {
 	width: 22%;
 }
 .RankingDetail .YosokaData ul li + li {
 	border-left: 1px solid #dcdbd2;
 }
 .RankingDetail .YosokaData dl {
 	font-weight: bold;
 	text-align: center;
 	padding: 0 4px;
 }
 .RankingDetail .YosokaData dl dt {
 	color: #a6a39b;
 	font-size: 66%;
 	margin-bottom: 6px;
 }
 .RankingDetail .YosokaData dl dd {
 	color: #55a78e;
 }
 .RankingDetail .YosokaData dl dd > span {
 	font-size: 77.7%;
 }
 .RankingDetail .YosokaData li.Active dl dt {
 	color: #333;
 }
 .RankingDetail .YosokaData li.Active dl dd {
 	color: #d1423f;
 }

 .YosoRaceNow {
 	background: #f0b849;
 	color: #fff;
 	font-size: 72%;
 	font-weight: bold;
 	text-align: center;
 	line-height: 1.3;
 	padding: 8px 0;
 	position: absolute;
 	top: 1px;
 	right: 1px;
 	width: 60px;
 }
 .YosoRaceNow strong {
 	display: block;
 	font-size: 130.7%;
 }

 .YosoRanklabel {
 	position: absolute;
 	top: -3px;
 	left: -3px;
 	width: 50px;
 	height: 50px;
 	z-index: 1000;
 	background-image: -webkit-gradient(linear, right bottom, left top, color-stop(50%, transparent), color-stop(50%, #d0d0d0));
 	background-image: -webkit-linear-gradient(right bottom, transparent 50%, #d0d0d0 50%);
 	background-image: linear-gradient(to left top, transparent 50%, #d0d0d0 50%);
 }
 .YosoRanking_1 {
 	background-image: -webkit-gradient(linear, right bottom, left top, color-stop(50%, transparent), color-stop(50%, #eab956));
 	background-image: -webkit-linear-gradient(right bottom, transparent 50%, #eab956 50%);
 	background-image: linear-gradient(to left top, transparent 50%, #eab956 50%);
 }
 .YosoRanking_2 {
 	background-image: -webkit-gradient(linear, right bottom, left top, color-stop(50%, transparent), color-stop(50%, #7b8592));
 	background-image: -webkit-linear-gradient(right bottom, transparent 50%, #7b8592 50%);
 	background-image: linear-gradient(to left top, transparent 50%, #7b8592 50%);
 }
 .YosoRanking_3 {
 	background-image: -webkit-gradient(linear, right bottom, left top, color-stop(50%, transparent), color-stop(50%, #d67a47));
 	background-image: -webkit-linear-gradient(right bottom, transparent 50%, #d67a47 50%);
 	background-image: linear-gradient(to left top, transparent 50%, #d67a47 50%);
 }
 .YosoRanklabel span {
 	display: block;
 	width: 26px;
 	margin-top: 6px;
 	color: #555;
 	font-size: 88%;
 	font-weight: 700;
 	text-align: center;
 	-webkit-transform: skewX(-10deg);
 	transform: skewX(-10deg);
 }
 .YosoRanking_1 span,
 .YosoRanking_2 span,
 .YosoRanking_3 span {
 	color: #fff;
 }

 .YosokaRankingBox .BtnArea {
 	padding: 12px 33px;
 	background-color: #f5f4f1;
 }

/*==============================================
 04.予想家ランキング （リニューアル）
 ==============================================*/
 .Section_Ranking_RecoveryRate{
 	background: #fff;
 }
 .Section_Ranking_RecoveryRate .Title_Sec{
 	margin-bottom: 15px;
 }
 .Section_Ranking_RecoveryRate .YosokaRanking .Contents_Box{
 	background: #fff;
 }
 /* 予想家ランキング - ソート機能 */
 .YosokaRanking .SortSelectBtnArea{
 	position: absolute;
 	top: -2px;
 	right: 0;
 }
 .YosokaRanking .SortSelectBtnArea a{
 	position: relative;
 	display: inline-block;
 	font-size: 77%;
 	border:2px solid #dbdbdb;
 	background: #fff;
 	border-radius: 7px;
 	color: #666;
 	padding: 4px 49px 4px 24px;
 	outline: none;
 }
 .YosokaRanking .SortSelectBtnArea a:after {
 	content: '';
 	display: inline-block;
 	width: 0;
 	height: 0;
 	border: 6px solid transparent;
 	border-top: 10px solid #666;
 	position: absolute;
 	top:28%;
 	right: 25px;
 }
 /*予想家ランキング 期間表示*/
 .Section_Ranking_RecoveryRate .SearchConditionText{
 	font-size: 78%;
 	padding: 0 8px 8px;
 	text-align: right;
 }
 /* 予想家ランキング - ランクリスト */
 .Section_Ranking_RecoveryRate .YosokaRanking .RankingList > li {
 	border: none;
 	position: relative;
 }
 .Section_Ranking_RecoveryRate .RankingList > li + li {
 	margin-top: 9px;
 }
 .Section_Ranking_RecoveryRate .RankingListWrap {
 	background: #fff;
 	padding: 0 8px 0px;
 }
 .BookmarkNoticeBtn01 {
 	text-align: right;
 }
 a.BookmarkNoticeBtn {
 	display: inline-block;
 	font-size: 72.3%;
 	font-weight: bold;
 	text-align: center;
 	background: #fefefe;
 	color: #707070;
 	border-bottom: 1px solid #e2e2e2;
 	border-radius: 20px;
 	padding: 7px 10px 5px 0;
 	margin-bottom: 8px;
 }
 .BookmarkNoticeBtn:before {
 	content: '';
 	display: inline-block;
 	background-image: url(../../img/yoso/yosoka/icon_03.png);
 	background-repeat: no-repeat;
 	background-size: 30px 250px;
 	-moz-background-size: 30px 250px;
 	-webkit-background-size: 30px 250px;
 	-o-background-size: 30px 250px;
 	-ms-background-size: 30px 250px;
 	margin: -2px 5px 0;
 	vertical-align: middle;
 	width: 20px;
 	height: 20px;
 	background-size:contain;
 	background-position:3px 2px;
 }
 .Section_Ranking_RecoveryRate .RankingList {
 	border: none;
 }
 .Section_Ranking_RecoveryRate .RankingList li {
 	border: none;
 	margin-bottom: 24px;
 }
 .Section_Ranking_RecoveryRate .RankingList li:last-child {
 	margin-bottom: 0;
 }
 .Section_Ranking_RecoveryRate .RankingList li a {
 	padding: 0;
 	display: block;
 }
 .Section_Ranking_RecoveryRate .RankingList li a .LinkBox_01 {
 	min-height: 75px;
 }
 .RankingList .PhotoThumb_01 {
 	width: 75px;
 	min-height: 75px;
 	position: relative;
 	overflow: hidden;
 	float: left;
 	margin-right: 7px;
 	border-radius: 4px;
 	background: #eee;
 }
 .RankingList .PhotoThumb_01 img {
 	max-width: 75px;
 	max-height: 75px;
 	vertical-align: top;
 	margin: auto;
 	display: block;
 }
 .RankingList .PhotoThumb_01 [class*=NewsRanking_Number] {
 	color: #fff;
 	/*font-family: Arial,"Helvetica Neue", Helvetica, sans-serif !important;*/
 	font-size: 83%;
 	font-weight: bold;
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 32px;
 	height: 32px;
 	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255,255,255,0)), color-stop(50.5%, #666)) no-repeat top left/100% 100%;
 	background: -webkit-linear-gradient(bottom right, rgba(255,255,255,0) 50%, #666 50.5%) no-repeat top left/100% 100%;
 	background: -o-linear-gradient(bottom right, rgba(255,255,255,0) 50%, #666 50.5%) no-repeat top left/100% 100%;
 	background: linear-gradient(to top left, rgba(255,255,255,0) 50%, #666 50.5%) no-repeat top left/100% 100%;
 	padding: 3px 0 0 5px;
 }
 .RankingList .PhotoThumb_01 .NewsRanking_Number01 {
 	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255,255,255,0)), color-stop(50.5%, #eab956)) no-repeat top left/100% 100%;
 	background: -webkit-linear-gradient(bottom right, rgba(255,255,255,0) 50%, #eab956 50.5%) no-repeat top left/100% 100%;
 	background: -o-linear-gradient(bottom right, rgba(255,255,255,0) 50%, #eab956 50.5%) no-repeat top left/100% 100%;
 	background: linear-gradient(to top left, rgba(255,255,255,0) 50%, #eab956 50.5%) no-repeat top left/100% 100%;
 }
 .RankingList .PhotoThumb_01 .NewsRanking_Number02 {
 	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255,255,255,0)), color-stop(50.5%, #7b8592)) no-repeat top left/100% 100%;
 	background: -webkit-linear-gradient(bottom right, rgba(255,255,255,0) 50%, #7b8592 50.5%) no-repeat top left/100% 100%;
 	background: -o-linear-gradient(bottom right, rgba(255,255,255,0) 50%, #7b8592 50.5%) no-repeat top left/100% 100%;
 	background: linear-gradient(to top left, rgba(255,255,255,0) 50%, #7b8592 50.5%) no-repeat top left/100% 100%;
 }
 .RankingList .PhotoThumb_01 .NewsRanking_Number03 {
 	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255,255,255,0)), color-stop(50.5%, #d67a47)) no-repeat top left/100% 100%;
 	background: -webkit-linear-gradient(bottom right, rgba(255,255,255,0) 50%, #d67a47 50.5%) no-repeat top left/100% 100%;
 	background: -o-linear-gradient(bottom right, rgba(255,255,255,0) 50%, #d67a47 50.5%) no-repeat top left/100% 100%;
 	background: linear-gradient(to top left, rgba(255,255,255,0) 50%, #d67a47 50.5%) no-repeat top left/100% 100%;
 }
 .RankingList > li + li {
 	margin-top: 8px;
 }
 .RankingList .YosokaName {
 	position: relative;
 	color: #333;
 	font-size: 0.875rem;
 	font-weight: bold;
 	line-height: 1.2;
 	margin-bottom: 4px;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	max-width: 15em;
 	white-space: nowrap;
 }

 .RankingList .YosokaName.Icon_Crown:before{
 	content: '';
 	display: inline-block;
 	background-image: url(../../img/yoso/icon/icon_sprite_sp_yoso_nk01.png);
 	background-repeat: no-repeat;
 	-webkit-background-size: 100px auto;
 	-moz-background-size: 100px auto;
 	background-size: 100px auto;
 	width: 20px;
 	height: 17px;
 	vertical-align: text-bottom;
 	margin-right: 3px;
 }
 .RankingList .YosokaName.Icon_Crown.Rank_01:before{
 	background-position: 0 -30px;
 }
 .RankingList .YosokaName.Icon_Crown.Rank_02:before{
 	background-position: -21px -30px;
 }
 .RankingList .YosokaName.Icon_Crown.Rank_03:before{
 	background-position: -42px -30px;
 }
 .RankingList .YosoStyle {
 	min-height: auto;
 }
 .RankingList .YosoStyle > span {
 	color: #908e90;
 	font-size: 0.688rem;
 	line-height: 1.2;
 	display: block;
 	margin-bottom: 11px;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	max-width: 18em;
 	white-space: nowrap;
 }
 /*売れ筋ランキング内 矢印アイコン*/
 .Section_Ranking_RecoveryRate .Icon_Rank {
 	position: relative;
 	top: 1px;
 	display: inline-block;
 	width: 15px;
 	height: 15px;
 	margin-right: 5px;
 	vertical-align: -1px;
 	background-image: url(../../img/yoso/icon/icon_sprite_sp_yoso_nk01.png);
 	background-repeat: no-repeat;
 	background-size: 100px auto;
 }
 .Section_Ranking_RecoveryRate .Icon_Rank_01 {
 	background-position: 0 -50px;
 }
 .Section_Ranking_RecoveryRate .Icon_Rank_02 {
 	background-position: -30px -50px;
 }
 .Section_Ranking_RecoveryRate .Icon_Rank_03 {
 	background-position: -15px -50px;
 }
 .Section_Ranking_RecoveryRate .Icon_Rank_04{
 	background-position: -45px -50px;
 }
 @media screen and (max-width: 374px) {
 	.RankingList .YosoStyle > span {
 		font-size: 64%;
 	}
 }
 .RankingList .YosoStyle > strong {
 	color: #444;
 	display: block;
 	font-size: 1rem;
 	font-weight: normal;
 }
 .RankingList .YosoStyle .percent{
 	font-weight: bold;
 	color: #d5524f;
 }

 /* もっとみるボタン */
 .RankingListWrap .MoreList {
 	margin-top: 20px;
 }
 .RankingListWrap .MoreList a {
 	color: #666;
 	font-size: 61%;
 	font-weight: bold;
 	text-align: center;
 	border: 1px solid #e0e0e0;
 	border-radius: 1.27em;
 	line-height: 2.55;
 	display: block;
 	width: 79%;
 	min-width: 142px;
 	margin: 0 auto;
 	position: relative;
 }
 .MoreList a .Icon_Arrow {
 	display: inline-block;
 	position: relative;
 	vertical-align: middle;
 	margin-left: 13px;
 	width: 9px;
 	height: 7px;
 	background: url(../../img/yoso/icon/icon_sprite_column.png?20180723) no-repeat;
 	-webkit-background-size: 70px auto;
 	-moz-background-size: 70px auto;
 	background-size: 70px auto;
 	background-position: -26px -85px;
 }
 .MoreList a .icon_Read01 {
 	display: inline-block;
 	position: relative;
 	vertical-align: middle;
 	margin-left: 13px;
 	width: 11px;
 	height: 12px;
 	background: url(../../img/yoso/icon/icon_sprite_column.png?20180723) no-repeat;
 	-webkit-background-size: 70px auto;
 	-moz-background-size: 70px auto;
 	background-size: 70px auto;
 	background-position: -26px -96px;
 }

 /* 予想家ランキング - slickの矢印 */
 #Ranking_Recovery .slick-prev,
 #Ranking_Recovery .slick-next{
 	top: 120px;
 	z-index: 10;
 }
 /*開催競馬場 切り替え*/
 .PickupRace_ListWrap {
 	position: relative;
 	overflow-x: auto;
 }
 .PickupRace_List {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	padding: 0 8px 20px;
 	position: relative;
 	z-index: 20;
 }
 .PickupRace_ListWrap span.ListActiveBg {
 	display: inline-block;
 	position: absolute;
 	background-color: #3251bc;
 	border-radius: 1em;
 	-webkit-transition: all .3s ease;
 	-moz-transition: all .3s;
 	transition: all .3s ease;
 	z-index: 10;
 }
 .PickupRace_List li {
 	padding-right: 6px;
 }
 .PickupRace_List li a {
 	color: #666;
 	font-size: 83%;
 	display: inline-block;
 	line-height: 1.66;
 	border-radius: 12px;
 	padding: 0 20px;
 	white-space: nowrap;
 	text-align: center;
 }
 .PickupRace_List li.active a {
 	color: #fff;
 	font-weight: bold;
 	border: none;
 	background: transparent;
 }
 /*カテゴリ別ランキング 矢印指定*/
 .ContentsBoxRanking .slick-prev,
 .ContentsBoxRanking .slick-next{
 	left: auto;
 	right: 0;
 	position: absolute;
 	display: block;
 	height: 36px;
 	width: 36px;
 	line-height: 0;
 	color: transparent;
 	font-size: 0;
 	cursor: pointer;
 	background: rgba(0, 0, 0, 0.4);
 	box-shadow: 0 0 4px rgba(255,255,255,1);
 	top: 58%;
 	padding: 0;
 	border: none;
 	border-radius: 50%;
 	outline: none;
 	z-index: 10;
 	margin-top: -20px;
 }
 .ContentsBoxRanking .slick-prev{
 	left: 9px;
 }
 .ContentsBoxRanking .slick-next{
 	left: auto;
 	right: 9px;
 }
 .ContentsBoxRanking .slick-prev:before,
 .ContentsBoxRanking .slick-next:before{
 	content: "";
 	width: 8px;
 	height: 14px;
 	background: url(../../img/yoso/icon/icon_sprite_sp_yoso.png?181105) no-repeat;
 	-webkit-background-size: 164px 400px;
 	-moz-background-size: 164px 400px;
 	background-size: 164px 400px;
 	vertical-align: bottom;
 	top: 12px;
 }
 .ContentsBoxRanking .slick-prev:before{
 	background-position: -35px -254px;
 	right: 14px;
 	left: auto;
 }
 .ContentsBoxRanking .slick-next:before{
 	background-position: -50px -254px;
 	left: 16px;
 }
 /* アイコン変更 */
 section.RankingByCategory .ContentsBoxRanking .SubTitle h3 {
 	padding-right: 98px;
 	line-height: 1.4;
 }
 section.RankingByCategory .ContentsBoxRanking .SubTitle h3::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;
 	background-size: 164px 400px;
 	background-position: -35px -340px;
 	vertical-align: bottom;
 	margin-right: 6px;
 }
 /*「カテゴリ別ランキング」内のアイコン*/
 .RankingByCategory .ContentsBoxRanking .SubTitle .HitRateIcon:before{
 	background-position: -4px -359px;
 }
 .RankingByCategory .ContentsBoxRanking .SubTitle .UmaiIcon:before{
 	background-position: -34px -359px;
 	width: 25px;
 }
 .RankingByCategory .ContentsBoxRanking .SubTitle .SalesIcon:before{
 	background-position: -34px -314px;
 }
 .RankingByCategory .ContentsBoxRanking .SubTitle .BookmarkIcon:before{
 	background-position: -99px -287px;
 	width: 20px;
 }
 .RankingByCategory .ContentsBoxRanking .SubTitle .RecoveryIcon:before{
 	background-position: -34px -66px;
 }

/*==============================================
 05.予想家プロフィール .YosokaProfArea01
 ==============================================*/
 .YosokaProfArea01 {
 	background: #f2f1ec;
 }
 .YosokaDataBar01 {
 	display: table;
 	width: 100%;
 	min-height: 58px;
 	background: #000;
 }
 span.YosokaLabel01 {
 	display: table-cell;
 	font-size: 100%;
 	line-height: 34px;
 	margin-right: 12px;
 	padding-left: 14px;
 	white-space: nowrap;
 	width: 4.5em;
 }
 .YosokaDataBar01 span.YosokaLabel01 {
 	line-height: 58px;
 }
 span.YosokaLabel01 a {
 	color:#55e5b3;
 	font-weight:bold;
 }
 ul.YosokaDataTitle01 {
 	display: table-cell;
 	padding: 9px 0 9px 8px;
 	vertical-align: middle;
 }
 ul.YosokaDataTitle01 li {
 	display: inline;
 	font-size: 66.7%;
 	line-height: 1.3;
 }
 ul.YosokaDataTitle01 li:after {
 	content: "\2f";
 	color:#fff;
 	padding-right:5px;
 }
 ul.YosokaDataTitle01 li:last-child:after {
 	display: none;
 	content: "";
 	padding-right:0;
 }
 ul.YosokaDataTitle01 li a{
 	color:#fff;
 }


 /* 通知設定 */
 .FavRegistArea01 {
 	display: table-cell;
 	width: 78px;
 	padding: 9px 8px;
 	text-align: right;
 }
 .FavRegistArea01 .Side_Btn01 {
 	width: 62px;
 	height: 40px;
 }
 .FavRegistArea01 .Side_Btn01 a {
 	display: block;
 	background:#54b84a;
 	border-top:1px solid #aadca5;
 	border-bottom:1px solid #419838;
 	border-radius: 3px;
 }
 .FavRegistArea01 .Side_Btn01 span {
 	position: relative;
 	display: block;
 	width: 62px;
 	height: 40px;
 	line-height: 40px;
 	text-align:center;
 	background-image:url(../../img/yoso/icon/icon_fav_sending.png);
 	background-repeat:no-repeat;
 	background-position:47px 4px;
 	background-size:10px 10px;
 	-moz-background-size:10px 10px;
 	-webkit-background-size:10px 10px;
 	-o-background-size:10px 10px;
 	-ms-background-size:10px 10px;
 }
 .FavRegistArea01 .Side_Btn01 span:before{
 	content: "";
 	height: 32px;
 	width: 0px;
 	vertical-align: middle;
 	display: inline-block;
 }
 .FavRegistArea01 .Side_Btn01 img{
 	width: 16px;
 	vertical-align: middle;
 }
 .FavRegistArea01 p.Side_Btn01.FavRemove a {
 	background: #e6b022;
 	border-top: 1px solid #ECBE45;
 	border-bottom: 1px solid #C3961E;
 }


 /*-- 予想家ヘッダービジュアル --*/
 .YosokaHeadMain01 {
 	position:relative;
 }
 .YosokaHeadMain01 .YosokaHeadBg01 {
 	position:relative;
 	overflow: hidden;
 	max-height: 104px;
 }
 .YosokaHeadMain01 .YosokaHeadBg01 img {
 	width: 100%;
 	display: block;
 }
 .YosokaHeadMain01 .YosokaHeadBg01:before {
 	content: "";
 	display: block;
 	width: 100%;
 	height: 104px;
 	background-image: -moz-linear-gradient(
 		center top,
 		rgba(0,0,0,0) 0%,
 		rgba(0,0,0,0) 85%,
 		rgba(0,0,0,0.75) 100%);
 	background-image: -o-linear-gradient(top,
 		rgba(0,0,0,0) 0%,
 		rgba(0,0,0,0) 85%,
 		rgba(0,0,0,0.75) 100%);
 	background-image: -webkit-gradient(linear,left top,left bottom,
 		color-stop(0 , rgba(0,0,0,0)),
 		color-stop(0.8 , rgba(0,0,0,0)),
 		color-stop(0.8 , rgba(0,0,0,0.75))
 		);
 	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000', EndColorStr='#000000')";
 	background-image: linear-gradient(to bottom,
 		rgba(0,0,0,0) 0%,
 		rgba(0,0,0,0) 75%,
 		rgba(0,0,0,0.75) 100%);
 	position: absolute;
 	left:0;
 	bottom:0;
 	z-index: 10;

 }
 .YosokaHeadMain01 .YosokaHeadImg01 {
 	position:absolute;
 	left:8px;
 	top:56px;
 	z-index:20;
 	border:4px solid #fff;
 	border-radius: 4px;
 	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
 }
 .YosokaHeadMain01 .YosokaHeadImg01 img {
 	display:block;
 }
 .YosokaHeadMain01 .YosokaProfInfoArea01 {
 	width: 100%;
 	height:110px;
 	z-index:10;
 }
 .YosokaHeadMain01 .YosokaProfTitle01 {
 	background: #000;
 	color:#fff;
 	padding: 14px 0 12px 160px;
 	min-height: 92px
 }
 .YosokaHeadMain01 h1.YosokaName01,
 .YosokaHeadMain01 h2.YosokaName01 {
 	display:block;
 	font-size: 133.4%;
 	line-height:22px;
 	text-shadow: 1px 1px 1px #000;
 	font-weight:bold;
 }
 .YosokaHeadMain01 span.YosokaNameRoma01 {
 	display:block;
 	font-size: 72.2%;
 	color:#909090;
 	line-height:22px;
 	text-shadow: 1px 1px 1px #000;
 }
 .YosokaHeadMain01 span.YosokaCopy01 {
 	display:block;
 	font-size: 83.4%;
 	line-height:22px;
 	text-shadow: 1px 1px 1px #000;
 	font-weight:bold;
 }

 .YosokaHeadData01 {
 	background: #000;
 	padding: 23px 0 10px;
 }
 .YosokaHeadData01 > div{
 	display: table;
 	width: 100%;
 }
 .YosokaHeadData01 dl {
 	display: table-cell;
 	border-right:1px solid #b7b7b7;
 	text-align: center;
 	width: 33.3%;
 	padding: 0 10px;
 }
 .YosokaHeadData01 dl:last-child {
 	border-right:0 none;
 	width: 33.4%;
 }
 .YosokaHeadData01 dl dt {
 	font-size: 77.8%;
 	color: #fff;
 	text-align: center;
 	margin-bottom: 10px;
 }
 .YosokaHeadData01 dl dd {
 	font-size: 133.4%;
 	color: #26e5b6;
 	font-weight: bold;
 	text-align: center;
 }
 .YosokaHeadData01 dl dd span {
 	font-size: 83.3%;
 }
 .YosokaHeadData01 p.YosokaHeadDataInfo01 {
 	color:#909090;
 	text-align: right;
 	padding: 8px 11px 0 0;
 	font-size: 72.2%;
 	line-height:22px;
 	text-shadow: 1px 1px 1px #000;
 }

 /*-- 予想家ヘッダービジュアル --*/
 .FavUserArea {
 	display: table;
 	width: 100%;
 	background: #e6e4df;
 }
 .FavUserSam01 {
 	display: table-cell;
 	vertical-align: middle;
 	white-space: nowrap;
 	padding: 14px 0 14px 11px;
 	width: 190px;
 }
 span.UserSamImg01 {
 	display:inline-block;
 	border-radius: 50%;
 	-moz-border-radius: 50%;
 	-webkit-border-radius: 50%;
 	width:31px;
 	height:31px;
 	vertical-align: middle;
 	margin-right:2px;
 }
 span.UserSamImg01 img {
 	width:31px;
 	height:31px;
 	border-radius: 50%;
 	-moz-border-radius: 50%;
 	-webkit-border-radius: 50%;
 }
 span.FavAddTxt01 {
 	display: table-cell;
 	font-size: 72.2%;
 	vertical-align: middle;
 	text-align: left;
 	padding: 14px 11px;
 	line-height: 1.3;
 }

 /*-- 予想家プロフィール、メディア情報、チャート .YosokaProfInfoBox01 --*/
 .HiddenArea {
 	visibility: hidden;
 	height: 0px;
 }
 .YosokaShowBtnBox.BorderTop:before {
 	content: "";
 	display: block;
 	height: 1px;
 	border-bottom: 1px dashed #b5b5b5;
 	margin: 0 7px;
 }
 .YosokaShowBtnBox:after {
 	content: "";
 	display: block;
 	height: 1px;
 	border-bottom: 1px dashed #b5b5b5;
 	margin: 0 7px;
 }
 .YosokaShowBtnBox a.YosokaShowBtn01 {
 	display: block;
 	position: relative;
 	color: #333;
 	padding: 21px 15px;
 	text-decoration: underline !important;
 	font-weight: bold;
 }
 .YosokaShowBtnBox a.YosokaShowBtn01:after {
 	content: " ";
 	display: block;
 	width: 26px;
 	height: 26px;
 	font-weight: bold;
 	position: absolute;
 	right: 18px;
 	top: 50%;
 	bottom: 0;
 	margin: -13px 0 0;
 	background-image: url("../../img/yoso/icon/icon_sprite_yoso_arrow01.png");
 	background-position: 6px 9px;
 	background-repeat: no-repeat;
 	-webkit-background-size: 20px 45px;
 	-moz-background-size: 20px 45px;
 	-ms-background-size: 20px 45px;
 	-o-background-size: 20px 45px;
 	background-size: 20px 45px;
 }
 .YosokaProfTxtArea01 {
 	padding: 20px 14px;
 }
 .YosokaProfTxtArea01 p{
 	font-size: 88.9%;
 	line-height:1.7;
 }
 h2.YosoTitle01 {
 	font-weight:bold;
 	margin-bottom:18px;
 	line-height:1.3;
 }
 .YosokaProfMediaArea01 {
 	padding: 0 14px;
 }
 .YosokaProfMediaArea01:after {
 	content: "";
 	display: block;
 	height: 1px;
 	border-bottom: 1px dashed #b5b5b5;
 	padding-top: 20px;
 }
 .YosokaProfMediaArea01 .YosokaMediaWrap {
 	background:#e5e4dd;
 	padding:10px;
 }
 .YosokaProfMediaArea01 .YosokaMediaWrap li {
 	margin-bottom: 6px;
 }
 .YosokaProfMediaArea01 .YosokaMediaWrap li:last-child {
 	margin-bottom: 0;
 }
 .YosokaProfMediaArea01 .YosokaMediaWrap .YosokaMediaBox {
 	background:#fff;
 	padding:10px;
 	border:1px solid #d4d3c9;
 	position:relative;
 }
 .YosokaMediaBox .MediaBoxLabel {
 	display: block;
 	border-radius: 2px;
 	-moz-border-radius: 2px;
 	-webkit-border-radius: 2px;
 	color: #fff;
 	line-height: 20px;
 	font-size: 66.7%;
 	font-weight: bold;
 	width: 6.5em;
 	text-align: center;
 	margin-bottom: 4px;
 }
 .Comment .MediaBoxLabel {
 	position: relative;
 	background: #45a78f;
 }
 .Comment .MediaBoxLabel:before {
 	content: "";
 	display:inline-block;
 	width: 12px;
 	height:12px;
 	vertical-align: middle;
 	background-image:url(../../img/yoso/icon/icon_yosoka_media.png);
 	background-repeat:no-repeat;
 	background-position:0 0;
 	background-size: 12px 12px;
 	-moz-background-size: 12px 12px;
 	-webkit-background-size:12px 12px;
 	-o-background-size:12px 12px;
 	-ms-background-size:12px 12px;
 	position: relative;
 	top: -1px;
 }
 .Comment .MediaBoxLabel {
 	background: #45a78f;
 }
 .MediaInfo .MediaBoxLabel {
 	background: #6c6b61;
 }
 .SNSInfo .MediaBoxLabel {
 	background: #6668aa;
 }
 .YosokaMediaBox .MediaBoxTxt {
 	font-size: 66.7%;
 	line-height:1.6;
 	word-wrap: break-word;
 	word-break: break-all;
 	color: #333;
 }
 .YosokaMediaBox .CommentUpTime {
 	font-size: 66.7%;
 	color: #888;
 	position: absolute;
 	right: 10px;
 	top: 10px;
 	line-height:20px;
 }
 .YosokaMediaBox .YosokaMediaImgBox {
 	width: 61px;
 	height: 61px;
 	float: right;
 	margin-left: 20px;
 }
 .YosokaMediaBox .YosokaMediaImgBox img {
 	display: block;
 	margin: auto;
 	max-height: 61px;
 	max-width: 61px;
 }
 .YosokaProfInfoBox02 {
 	padding:24px 0;
 	margin:0 14px;
 	position:relative;
 }
 h2.YosoTitle02 {
 	padding: 0 4px 8px;
 	font-size: 83.4%;
 	font-weight: normal;
 }

 .YosokaResultsChartArea01 {
 	background:#fff;
 	padding:14px 6px 12px;
 	margin-bottom: 14px;
 }
 #Chart_Result {
 	height:176px;
 }

 .YosokaSpiderArea01 {
 	background:#fff;
 	overflow:hidden;
 	padding: 14px 4px 4px;
 }
 .YosokaSpiderArea01 h2.YosoTitle02{
 	padding: 0 4px;
 }
 .Chart_SpiderArea {
 	width:306px;
 	height:266px;
 	margin: auto;
 	padding-top:10px;
 	position:relative;
 }
 .Chart_SpiderArea #Chart_Spiderweb {
 	width:306px;
 	height:256px;
 	margin: auto;
 }
 .Chart_SpiderArea span{
 	position:absolute;
 	display:inline-block;
 	z-index:1;
 	font-weight:bold;
 	color:#909090;
 	font-size: 83.4%;
 }
 .Chart_SpiderArea span.SpiderAxis01{
 	top:4px;
 	left:50%;
 	margin-left:-1.5em;
 }
 .Chart_SpiderArea span.SpiderAxis02{
 	top: 70px;
 	right: 21px;
 }
 .Chart_SpiderArea span.SpiderAxis03{
 	top: 234px;
 	right: 57px;
 }
 .Chart_SpiderArea span.SpiderAxis04{
 	top: 234px;
 	left: 57px;
 }
 .Chart_SpiderArea span.SpiderAxis05{
 	top: 70px;
 	left: 11px;
 }
 /*-- 中央地方予想誘導 .YosokaNarInfo --*/
 .YosokaNarInfo,
 .YosokaJraInfo {
 	padding-bottom: 12px;
 }
 .YosokaNarInfo p,
 .YosokaJraInfo p{
 	font-size: 83.4%;
 	font-weight: bold;
 	text-align: center;
 	margin: 16px 12px;
 	line-height: 1.5;
 }
 @media only screen and (max-width: 360px) {
 	.YosokaNarInfo p,
 	.YosokaJraInfo p{
 		font-size: 72.3%;
 	}
 }
 .YosokaNarInfo a {
 	display: block;
 	margin: 0 26px;
 	padding: 14px 0;
 	color: #fff;
 	font-size: 0.875rem;
 	font-weight: 700;
 	text-align: center;
 	background-color: #cf653e;
 	border-radius: 4px;
 }
 .YosokaJraInfo a {
 	display: block;
 	margin: 0 26px;
 	padding: 14px 0;
 	color: #fff;
 	font-size: 0.875rem;
 	font-weight: 700;
 	text-align: center;
 	background: #415fc2;
 	border-radius: 4px;
 }

/*==============================================
お気に入りモーダル(18.09.10)
==============================================*/
#cboxWrapper #cboxLoadedContent {
	position: relative;
	margin-top: 0;
	background-color: #fff;
	border-radius: 6px;
}
#cboxWrapper #cboxClose {
	position: absolute;
	top: 7px;
	right: 7px;
	width: 30px;
	height: 30px;
	background: none;
}
#cboxWrapper #cboxClose::before,
#cboxWrapper #cboxClose::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 2px;
	background-color: #888;
	-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::after {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}
.Bookmark_Popup_Box {
	height: auto;
	padding-bottom: 15px;
	background: #fff;
}
/*.Popup_Box配下でないFront_Titleの指定*/
.Front_Title{
	padding: 14px 40px;
	font-size: .85em;
	background-color: #e6e6e6;
	background-image: -moz-linear-gradient(top,#fefefe,#e6e6e6);
	background-image: -o-linear-gradient(top,#fefefe 0,#e6e6e6 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#e6e6e6));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', EndColorStr='#e6e6e6')";
}
.Front_Title h2 {
	/*padding: 2px 0 2px 4px;*/
	border-left: 4px solid #034cca;
}

/*.Popup_Box配下のFront_Titleの指定*/
.Bookmark_Popup_Box .Front_Title{
	padding: 14px 40px;
	background-color: transparent;
	background-image: none;
}
.Bookmark_Popup_Box .Front_Title h2 {
	padding: 0;
	color: #777;
	font-size: 0.875rem;
	text-align: center;
	line-height: 1;
	border-left: none;
}

.Front_Title .icon_caution{
	background-image: url("../../img/yoso/icon/icon_race_mark.png");
	background-repeat: no-repeat,no-repeat;
	background-size:25px 300px,100% 100%;
	-moz-background-size:25px 300px,100% 100%;
	-webkit-background-size:25px 300px,100% 100%;
	-o-background-size:25px 300px,100% 100%;
	-ms-background-size:25px 300px,100% 100%;
	background-position: 0 -174px,left top;
	display:inline-block;
	width:25px;
	height:23px;
	margin-right:5px;
	vertical-align: top;
}

/*.Popup_Box配下でないClose_Btnは非表示*/
a.Close_Btn {
	display: none;
}
/*.Popup_Box配下のClose_Btnは表示*/
.Bookmark_Popup_Box a.Close_Btn {
	background-image: url("../../img/yoso/icon/icon_race_mark.png");
	background-repeat: no-repeat,no-repeat;
	background-size:25px 300px,100% 100%;
	-moz-background-size:25px 300px,100% 100%;
	-webkit-background-size:25px 300px,100% 100%;
	-o-background-size:25px 300px,100% 100%;
	-ms-background-size:25px 300px,100% 100%;
	background-position:0 -150px,left top;
	display: block;
}

/*.Popup_Box配下でないClose_Linkは非表示*/
.Close_Link {
	display: none;
}
/*.Popup_Box配下のClose_Linkは表示*/
.Bookmark_Popup_Box .Close_Link {
	display: block;
}

/*.Popup_Box配下のinput*/
.Bookmark_Popup_Box .Horse_Group_Add input[type="text"] {
	width: 75%;
}

/*.Popup_Box配下のtable*/
.Bookmark_Popup_Box .Notify_Setup table {
	width: 100%;
}

.Bookmark_Popup_Box p{
	padding:8px 16px;
	line-height:1.4em;
	font-size:0.8em;}

	.Bookmark_Popup_Box h3{
		padding:8px 0px;
		font-size:0.9em;}

		.Bookmark_Popup_Box .error_message{
			color:#cc0000;}

			.Bookmark_Popup_Box .btn_order_box {
				margin: 10px;
			}
			.Bookmark_Popup_Box .btn_order_box a,
			.Bookmark_Popup_Box .btn_order_box input {
				display: block;
				width: 100%;
				height: 45px;
				margin: 0;
				padding: 15px;
				font-size: 0.8125rem;
				font-weight: 700;
				text-align: center;
				border: 1px solid #3251bc;
				border-radius: 7px !important;
			}
			.Bookmark_Popup_Box .btn_order_box .btn_order {
				color: #3251bc !important;
				background-color: #fff !important;
			}
			.Bookmark_Popup_Box .btn_order_box .btn_regist {
				color: #fff;
				background-color: #3251bc;
			}
			.Bookmark_Popup_Box .btn_order_box .btn_cancel {
				color: #777;
				background-color: #fff;
				border: 1px solid #dbdbdb;
			}
			.Bookmark_Popup_Box .introduction_premium {
				margin: 30px 10px 15px;
				color: #444;
				font-size: 0.875rem;
				line-height: 1.4;
			}
			.Bookmark_Popup_Box .Confirm_Txt {
				margin: 15px 10px;
				padding: 0;
				color: #444;
				font-size: 0.9375rem;
				line-height: 1.4;
				text-align: left;
			}
			.Bookmark_Popup_Box .Confirm_Txt.alignR {
				text-align: right;
			}
			.Bookmark_Popup_Box .Confirm_Txt strong {
				/* color: #c53131; */
			}
			.Bookmark_Popup_Box .btn_order{
				margin: 10px;
				color: #3251bc !important;
				background-color: #fff !important;
			}
			.Bookmark_Popup_Box .mb_15{
				margin-bottom:15px;
			}
			.Bookmark_Popup_Box .center{
				text-align:center;
			}
			.Bookmark_Popup_Box .alignL {
				text-align: left;
			}
			/*.Popup_Box内指定 */
			.SkipCheck {
				font-size: 80%;
				line-height: 1.4;
				padding: 8px 16px;
				text-align:center;
			}
			.Bookmark_Popup_Box .SkipCheck input {
				-webkit-appearance: checkbox;
				appearance:checkbox;
			}
			.BookmarkInfo01 {
				font-size: 80%;
				padding: 8px 16px 4px;
			}
			.BookmarkInfo01 li{
				margin-bottom:8px;
				line-height: 1.4;
				color:#666;
			}

			input[type="submit"] {
				-webkit-appearance: none;
				border-radius: 3px;
			}

			/*-- 予想成績表 .YosokaReport --*/
			.YosokaReport {
				margin-bottom: 20px;
			}
			.YosokaReport .ReportTitle {
				background: #6c6b61;
				color: #fff;
				padding: 14px 0;
				text-align: center;
				font-size: 66.7%;
				line-height: 1.3;
			}
			.YosokaReport table.ReportDetail {
				width: 100%;
				table-layout: fixed;
				border-collapse: collapse;
			}
			.YosokaReport table.ReportDetail th {
				font-size: 77.8%;
				color: #85847c;
				background: #f2f1ec;
				font-weight: bold;
				text-align: left;
				padding: 8px 10px;
				letter-spacing: 1px;
				border: 1px solid #d0cfc7;
			}
			.YosokaReport table.ReportDetail th.Balance {
				background: #d7f5d6;
				color: #38b138;
			}
			.YosokaReport table.ReportDetail td {
				font-size: 77.8%;
				color: #222;
				background: #fff;
				font-weight: bold;
				text-align: left;
				padding: 8px 18px;
				letter-spacing: 1px;
				border: 1px solid #f1f0e8;
				border-left: 0;
			}
			.YosokaReport table.ReportDetail td.Plus {
				color: #38b138;
			}
			.YosokaReport table.ReportDetail td.fwN span {
				font-size: 85.7%;
			}

			/*-- 並び替え --*/
			.SortFunction {
				padding: 0 10px;
			}
			.SortFunction .SortSelect {
				display: table;
				/*width: 100%;*/
				margin-bottom: 13px;
				float: right;
			}
			.SortFunction .SortSelect .SortTitle {
				/*display: table-cell;*/
				display: none;
				width: 5em;
				white-space: nowrap;
			}
			.SortFunction .SortSelect .SelectGroupCell {
				display: table-cell;
			}
			.SortFunction .SortCheck span,
			.SortFunction .SortSelect {
				font-size: 66.7%;
			}
			.SortFunction .SortCheck span {
				/*margin-left: 6px;*/
			}
			.SortFunction .SortSelect select::-ms-expand {
				display: none;
			}
			.SortFunction .SortSelect select {
				-webkit-appearance: none;
				-moz-appearance: none;
				-ms-appearance: none;
				-o-appearance: none;
				appearance: none;
				border: 0 none;
				color: #666;
				font-size: 108%;
				cursor: pointer;
				padding: 10px 28px 10px 12px;
				line-height: 1.2;
				outline: none;
				width: 110%;
			}
			.SortFunction .SortSelect .SelectGroup {
				display: inline-block;
				width: 100%;
				overflow: hidden;
				position: relative;
				border: 1px solid #e0e0e0;
				border-radius: 7px;
				vertical-align: middle;
			}
			.SortFunction .SortSelect .SelectGroup:after {
				content: '';
				display: inline-block;
				width: 0;
				height: 0;
				border: 4px solid transparent;
				border-top: 5px solid #666;
				position: absolute;
				top: 42%;
				right: 12px;
			}

			.SortFunction .SortCheck {
				display: inline-block;
				margin-bottom: 13px;
				position: relative;
			}
			.Sort_CheckBox {
				display: none;
			}
			.Sort_CheckLabel {
				cursor: pointer;
				position: relative;
				padding-left: 45px;
				line-height: 35px;
			}
			.Sort_CheckLabel:before,
			.Sort_CheckBox:checked + .Sort_CheckLabel:before {
				content: '';
				display: inline-block;
				cursor: pointer;
				margin-top: -17px;
				width: 33px;
				height: 33px;
				position: absolute;
				top: 50%;
				left: 0;
				border: 1px solid #e0e0e0;
				border-radius: 4px;
			}
			.Sort_CheckBox:checked + .Sort_CheckLabel:after {
				content: "";
				display: block;
				position: absolute;
				top: 50%;
				left: 17px;
				margin-top: -14px;
				margin-left: -5px;
				width: 9px;
				height: 18px;
				border-right: 2px solid #ef5350;
				border-bottom: 2px solid #ef5350;
				-webkit-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				transform: rotate(45deg);
			}

			/* 予想家プロフィールレース一覧スタイル */
			body.YosokaProf .Yosoka_GensenSection .Title_Sec {
				display: none;
			}
			body.YosokaProf .GensenYosoList .Yosoka {
				padding: 10px 8px;
			}
			body.YosokaProf .GensenYosoList .Yosoka .Profile {
				padding-left: 0;
			}
			body.YosokaProf .GensenYosoList .Yosoka .Profile .Name {
				font-size: 88%;
				margin-bottom: 0px;
				line-height: 1.2;
			}
			body.YosokaProf .GensenYosoList [class*="Flag_"] .Name {
				padding-left: 20px;
			}


			/*-- 厳選予想リスト .GensenYosoList --*/
			.GensenYosoList {
				padding: 7px;
			}
			.GensenYosoList ul li {
				border: 2px solid #c4c1b8;
				background: #f5f4f1;
				display: table;
				position: relative;
				width: 100%;
			}
			.GensenYosoList ul li.RaceDayLine {
				border: 0 none;
				background: none;
				display: block;
				font-size: 88%;
				font-weight: bold;
				padding: 10px 8px 1px;
			}
			.GensenYosoList ul li + li {
				margin-top: 9px;
			}
			.GensenYosoList .StateArea,
			.GensenYosoList .Inner {
				display: table-cell;
				vertical-align: middle;
			}
			.GensenYosoList .StateArea {
				background: #dad7ce;
				text-align: center;
				width: 35px;
			}
			.Yoso_CheckBox {
				display: none;
			}
			.Yoso_CheckLabel {
				width: 22px;
				height: 23px;
				display: inline-block;
				cursor: pointer;
			}
			.Yoso_CheckLabel,
			.Yoso_CheckBox:checked + .Yoso_CheckLabel {
				position: relative;
				top: 2px;
				z-index: 100;
			}
			.Yoso_CheckLabel {
				background: url("../../img/yoso/general/yoso_check.png") no-repeat;
				-webkit-background-size: 22px 46px;
				-moz-background-size: 22px 46px;
				-ms-background-size: 22px 46px;
				-o-background-size: 22px 46px;
				background-size: 22px 46px;
			}
			.Yoso_CheckBox:checked + .Yoso_CheckLabel {
				background: url("../../img/yoso/general/yoso_check.png") no-repeat left bottom;
				-webkit-background-size: 22px 46px;
				-moz-background-size: 22px 46px;
				-ms-background-size: 22px 46px;
				-o-background-size: 22px 46px;
				background-size: 22px 46px;
			}

			.GensenYosoList .Inner {
				background: #fff;
			}
			.GensenYosoList .YosoRace {
				padding: 13px 12px 13px 24px;
				background: #f5f4f1;
			}
			.GensenYosoList .YosoRace .Jyo,
			.GensenYosoList .YosoRace .Name {
				font-size: 88.9%;
				font-weight: bold;
			}
			.GensenYosoList .YosoRace .Num {
				display: inline-block;
				background: #496bbf;
				border-radius: 3px;
				color: #fff;
				font-size: 66.7%;
				font-weight: bold;
				margin: 0 4px;
				padding: 3px 0;
				text-align: center;
				width: 30px;
				vertical-align: middle;
			}
			.GensenYosoList .YosokaPointInfoTxt01{
				margin: 9px;
				background: #f5f4f1;
				padding: 10px 9px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px;
			}
			.GensenYosoList .YosokaPointInfoTxt01 p{
				font-size: 66.7%;
				word-wrap: break-word;
				line-height: 1.3;
				font-weight: bold;
			}
			.GensenYosoList .YosokaPointInfoTxt01 strong.ColorRed{
				color: #ea5050;
			}
			.GensenYosoList .Comment {
				margin: 9px;
			}
			.GensenYosoList .Comment > p.Txt {
				background: #fef8e3;
				padding: 12px;
				line-height: 1.3;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px;
				font-size: 83.4%;
			}
			.GensenYosoList .Result {
				background: #f5f4f1;
				margin: 9px;
				border: 1px solid #d4d1ca;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px;
			}
			.GensenYosoList .Result > .Tensu {
				border-bottom : 1px solid #d4d1ca;
				padding: 8px 10px;
				font-size: 77.8%;
				font-weight: bold;
				position: relative;
				line-height: 1.2;
			}
			.GensenYosoList .Result > .Tensu > p{
				position: relative;
				padding-left: 25px;
				line-height: 1.2;
			}
			.GensenYosoList .Result .YosoDetailSec {
				display: table;
				width: 100%;
			}
			.GensenYosoList .Result .YosoDetailSec .DummyBakenWrap{
				display: table-cell;
				padding: 7px 6px;
				vertical-align: middle;
				min-width: 157px;
			}
			.GensenYosoList .Result .YosoDetailSec dl.YosoData_Dl{
				display: table-cell;
				vertical-align: top;
				border-left: 1px solid #d4d1ca;
			}
			.GensenYosoList .Result .YosoDetailSec dl.YosoData_Dl dt{
				border-bottom: 1px solid #d4d1ca;
				text-align: center;
				font-size: 66.7%;
				line-height: 1.67;
			}
			.GensenYosoList .Result .YosoDetailSec dl.YosoData_Dl dd{
				text-align: right;
				font-weight: bold;
				padding: 7px 7px 7px 0;
			}
			.GensenYosoList .Result .YosoDetailSec dl.YosoData_Dl dd span{
				font-size: 88.9%;
			}
			.GensenYosoList .Result .YosoDetailSec dl.YosoData_Dl dd:not(:last-child){
				border-bottom: 1px solid #d4d1ca;
			}
			@media screen and (max-width: 350px) {
				.GensenYosoList .Result .YosoDetailSec dl.YosoData_Dl dd{
					text-align: center;
					padding: 7px 0;
				}
				.GensenYosoList .Result .YosoDetailSec dl.YosoData_Dl dd span.Kouhaitou {
					font-size: 61.2%;
				}
			}
			.GensenYosoList .BtnArea {
				padding: 12px 26px 16px 26px;
				background: #f5f4f1;
			}

			/* 厳選予想 - 的中リストスタイル */
			.GensenYosoList .Hit {
				border: 2px solid #da4343;
			}
			.GensenYosoList .Hit .StateArea {
				background: #e35353;
				text-align: center;
				width: 35px;
			}

			.GensenYosoList .Hit .YosoRace {
				padding: 13px 12px 13px 24px;
				background: #ffefef;
			}

			.GensenYosoList .Hit .Result .Balance {
				font-size: 77.8%;
				font-weight: bold;
				background: #dbf7e1;
				border-bottom: 1px solid #d4d1ca;
				padding: 8px 10px;
			}
			.GensenYosoList .Hit .Result .Balance dl dt {
				float: left;
				color: #1b9a36;
				text-align: left;
				padding-left: 25px;
				position: relative;
			}
			.GensenYosoList .Hit .Result .Balance dl dd {
				float: right;
				color: #1b9a36;
				text-align: right;
			}
			.GensenYosoList .Hit .Result .Balance dl .Negative {
				color: #222;
			}
			.GensenYosoList .Hit .Result .DummyBaken:after {
				content: '';
				display: inline-block;
				background: url("../../img/yoso/general/stamp_hit.png") no-repeat;
				-webkit-background-size: 58px 58px;
				-moz-background-size: 58px 58px;
				-ms-background-size: 58px 58px;
				-o-background-size: 58px 58px;
				background-size: 58px 58px;
				width: 58px;
				height: 58px;
				position: absolute;
				top: 3px;
				right: 2px;
			}

			/* 厳選予想 - 購入済リストスタイル */
			.GensenYosoList .Purchased {
				border: 2px solid #e6a424;
			}
			.GensenYosoList .Purchased .StateArea {
				background: #e6a424;
				text-align: center;
				width: 35px;
			}


			/* 厳選予想 - ラベル */
			.Flag_Pickup:after {
				top: -3px;
				left: -3px;
				background: url("../../img/yoso/general/corner_flag02.png") no-repeat;
				-webkit-background-size: 80px 83px;
				-moz-background-size: 80px 83px;
				-ms-background-size: 80px 83px;
				-o-background-size: 80px 83px;
				background-size: 80px 83px;
			}
			.Flag_Anauma:after {
				top: -3px;
				left: -3px;
				background: url("../../img/yoso/general/corner_flag03.png") no-repeat;
				-webkit-background-size: 80px 83px;
				-moz-background-size: 80px 83px;
				-ms-background-size: 80px 83px;
				-o-background-size: 80px 83px;
				background-size: 80px 83px;
			}
			.Flag_Recovery01:after {
				top: -3px;
				left: -3px;
				background: url("../../img/yoso/general/corner_flag04.png") no-repeat;
				-webkit-background-size: 80px 83px;
				-moz-background-size: 80px 83px;
				-ms-background-size: 80px 83px;
				-o-background-size: 80px 83px;
				background-size: 80px 83px;
			}
			.Flag_Hit01:after {
				top: -3px;
				left: -3px;
				background: url("../../img/yoso/general/corner_flag05.png") no-repeat;
				-webkit-background-size: 80px 83px;
				-moz-background-size: 80px 83px;
				-ms-background-size: 80px 83px;
				-o-background-size: 80px 83px;
				background-size: 80px 83px;
			}
			.Flag_Sales01:after {
				top: -3px;
				left: -3px;
				background: url("../../img/yoso/general/corner_flag06.png") no-repeat;
				-webkit-background-size: 80px 83px;
				-moz-background-size: 80px 83px;
				-ms-background-size: 80px 83px;
				-o-background-size: 80px 83px;
				background-size: 80px 83px;
			}
			/*-- 馬券 --*/
			.DummyBaken {
				position: relative;
				display: table;
				background: url("../../img/yoso/general/baken_bg.png") no-repeat;
				-webkit-background-size: 145px 85px;
				-moz-background-size: 145px 85px;
				-ms-background-size: 145px 85px;
				-o-background-size: 145px 85px;
				background-size: 145px 85px;
				width: 145px;
				height: 85px;
				margin: auto;
			}
			.DummyBaken .LeftSection,
			.DummyBaken .RightSection {
				display: table-cell;
				padding-top: 2px;
			}
			.DummyBaken .LeftSection {
				width: 30px;
				vertical-align: middle;
				padding: 9px 0 11px 8px;
			}
			.DummyBaken .LeftSection > .Type {
				display: inline-block;
				color: #fff;
				font-weight: bold;
				font-size: 77.8%;
				text-align: center;
				width: 20px;
			}
			.DummyBaken .RightSection {
				vertical-align: middle;
				padding: 0 0 4px 5px;
			}
			.DummyBaken .RightSection > p {
				font-size: 10px;
				font-weight: bold;
				line-height: 1.5;
			}
			.DummyBaken .RightSection > p > span {
				font-family: sans-serif;
				font-weight: normal;
				padding-right: 2px;
			}
			.PickupRace .DummyBaken:before,
			.AnaumaRace .DummyBaken:before {
				content: '';
				display: inline-block;
				position: absolute;
				top: -2px;
				left: -7px;
				width: 30px;
				height: 64px;
				background-image: url("../../img/yoso/general/flg_sprite_sp_baken.png?20220331");
				-webkit-background-size: 80px 200px;
				-moz-background-size: 80px 200px;
				-ms-background-size: 80px 200px;
				-o-background-size: 80px 200px;
				background-size: 80px 200px;
				background-position: 0 0;
				background-repeat: no-repeat;
				-moz-transform: rotate(20deg);
				-webkit-transform: rotate(20deg);
				-o-transform: rotate(20deg);
				-ms-transform: rotate(20deg);
				transform: rotate(20deg);
			}
			.PickupRace .DummyBaken:before {
				background-position: 0 0;
			}
			.AnaumaRace .DummyBaken:before {
				background-position: -32px 0;
			}
/*==============================================
 06.予想詳細 body.YosoDetail
 ==============================================*/
 .YosoDetailArea01 .RaceResultTable .Header .shirushi,
 .YosoDetailArea01 .RaceResultTable .List .shirushi {
 	width: 35px;
 }
 .YosoDetailArea01 .RaceResultBox {
 	padding: 0 8px 13px;
 }
 /*全着順ボタン*/
 .YosoDetailArea01 .Result_Show_Btn {
 	padding: 0 20px;
 	margin-bottom: 15px;
 	background: transparent;
 }

 .YosoDetailArea01 .YosoTxtBox {
 	padding: 23px 0;
 }
 .YosoDetailArea01 p.YosoTxt01 {
 	text-align: center;
 	font-size: 77.8%;
 	color: #7b7b7b;
 	margin-bottom: 10px;
 }
 .YosoDetailArea01 p.YosoTxt02 {
 	text-align: center;
 	font-size: 111.1%;
 	font-weight: bold;
 }
 .YosoDetailArea01 p.YosoTxt02 .RaceNum {
 	display: inline-block;
 	background: #496bbf;
 	border-radius: 3px;
 	color: #fff;
 	font-size: 65.1%;
 	font-weight: bold;
 	margin: 0 4px;
 	padding: 3px 0;
 	text-align: center;
 	width: 36px;
 	vertical-align: middle;
 }
 .YosoDetailArea01 p.YosoTxt02 span.Icon_Grade {
 	margin-bottom: 2px;
 	margin-left: 2px;
 }

 .YosoDetailArea01 .YosoDetailTableWrap {
 	padding: 0 8px;
 }

 /*-- 印テーブル --*/
 table.YosoShirushiTable01 {
 	width: 100%;
 	margin-bottom: 10px;
 	border-collapse: collapse;
 }
 table.YosoShirushiTable01 caption,
 table.YosoKaimeTable01 caption,
 table.YosoRefundTable01 caption {
 	background:#e6e4df;
 	text-align:center;
 	font-weight:bold;
 	padding:12px;
 	border:1px solid #d1cec7;
 	border-bottom:0 none;
 }
 table.YosoShirushiTable01 tbody th{
 	font-size: 88.9%;
 	background: #f5f4f1;
 	vertical-align:middle;
 	border:1px solid #d1cec7;
 	text-align:center;
 	width:46px;
 }
 table.YosoShirushiTable01 tbody td{
 	font-size: 88.9%;
 	vertical-align:middle;
 	background: #fff;
 	border:1px solid #d1cec7;
 	line-height:36px;
 	padding:5px;
 	font-weight:bold;
 }
 table.YosoShirushiTable01 tbody td span.fwN{
 	padding-left:6px;
 }
 /*-- 枠番 --*/
 table.YosoShirushiTable01 tbody td span.Num {
 	display:inline-block;
 	width:36px;
 	line-height:36px;
 	text-align:center;
 	font-weight:bold;
 	margin-right:10px;
 }
 table.YosoShirushiTable01 tbody td span.Waku1 {
 	border:1px solid #d1cec7;
 	width:36px;
 	line-height:34px;
 }

 /*-- 買い目テーブル --*/
 table.YosoKaimeTable01 {
 	width: 100%;
 	margin-bottom: 10px;
 	border-collapse: collapse;
 }
 table.YosoKaimeTable01 thead th,
 table.YosoRefundTable01 thead th {
 	background: #d1cec7;
 	text-align: center;
 	font-weight: bold;
 	border: 1px solid #bbb7ac;
 	padding:11px 5px;
 	font-size: 77.8%;
 	white-space: nowrap;
 }
 table.YosoKaimeTable01 tbody th{
 	font-size: 88.9%;
 	background: #f5f4f1;
 	vertical-align: middle;
 	border: 1px solid #d1cec7;
 	border-bottom: 0 none;
 	padding-left: 13px;
 	font-weight:bold;
 	text-align: left;
 }
 body.YosoDetail table.YosoKaimeTable01 tbody tr.HitBaken th {
 	font-size: 88.9%;
 	background: #ffe7e7;
 	vertical-align: middle;
 	border: 1px solid #f8b1b1;
 	font-weight:bold;
 	color: #ea5050;
 }
 table.YosoKaimeTable01 tbody th span.BakenSystemTxt {
 	font-size: 87.5%;
 	font-weight: normal;
 	display: block;
 	padding-top: 5px;
 }
 table.YosoKaimeTable01 tbody td{
 	vertical-align: middle;
 	background: #fff;
 	border: 1px solid #d1cec7;
 	border-bottom: 0 none;
 	padding: 10px 15px;
 	font-size: 77.8%;
 }
 body.YosoDetail table.YosoKaimeTable01 tbody tr.HitBaken td {
 	border: 1px solid #f8b1b1;
 }
 table.YosoKaimeTable01 tbody tr:last-child th,
 table.YosoKaimeTable01 tbody tr:last-child td{
 	border-bottom: 1px solid #bbb7ac;
 }

 table.YosoKaimeTable01 tbody td .BakenNumSelect {
 	position: relative;
 	padding-bottom: 4px;
 	border-bottom: 1px dashed #b5b5b5;
 }
 .BakenNumSelect span {
 	display:inline-block;
 	width: 1.75em;
 	line-height: 1.75;
 	text-align: center;
 	border: 1px solid #ddd;
 	margin: 0 6px 6px 0;
 }
 .BakenNumSelect dl + dl {
 	margin-top: 6px;
 }
 .BakenNumSelect dl dt {
 	width: 2.8em;
 	float: left;
 	line-height: 1.75;
 	position: relative;
 	font-weight: bold;
 }
 .BakenNumSelect dl dt:after {
 	content: "\3a";
 	display:inline-block;
 	position:absolute;
 	right:0;
 	bottom:0;
 }
 .BakenNumSelect dl dd {
 	padding-left: 3.5em;
 }
 .BakenMoney {
 	padding: 10px 0 0;
 }
 .BakenMoney span.BuyPatern {
 	display: block;
 }
 .BakenMoney span.BakenRefund {
 	margin-top: 6px;
 	display: block;
 }
 .BakenMoney span.BakenRefund strong{
 	color: #ea5050;
 }
 table.YosoKaimeTable01 tfoot th{
 	font-size: 88.9%;
 	background: #d1cec7;
 	vertical-align: middle;
 	border: 1px solid #bbb7ac;
 	border-top: 0 none;
 	padding: 17px 18px;
 	font-weight:bold;
 }
 table.YosoKaimeTable01 tfoot td{
 	font-size: 111.1%;
 	background: #f5f4f1;
 	vertical-align: middle;
 	border: 1px solid #bbb7ac;
 	border-top: 0 none;
 	padding: 17px 18px;
 	font-weight: bold;
 	text-align: right;
 }
 .YosoSend_Btn {
 	padding: 24px;
 }
 body.Yoso a.YosoBtn01 {
 	display:block;
 	background: #e5a221;
 	background-image: -webkit-gradient(
 		linear,
 		left top,
 		left bottom,
 		color-stop(0, #eeb72d),
 		color-stop(1, #dfa300)
 		);
 	background-image: -o-linear-gradient(bottom, #eeb72d 0%, #dfa300 100%);
 	background-image: -moz-linear-gradient(bottom, #eeb72d 0%, #dfa300 100%);
 	background-image: -webkit-linear-gradient(bottom, #eeb72d 0%, #dfa300 100%);
 	background-image: -ms-linear-gradient(bottom, #eeb72d 0%, #dfa300 100%);
 	background-image: linear-gradient(to bottom, #eeb72d 0%, #dfa300 100%);
 	box-shadow: 0 3px 0 rgba(212, 146, 21, 1), inset 0 -1px rgba(231, 188, 85, 1);
 	color: #fff;
 	padding: 18px 0;
 	text-align: center;
 	font-weight: bold;
 	font-size: 128.6%;
 	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
 	border-radius: 5px;
 	width: 434px;
 	margin:auto;
 }
 body.Yoso a.YosoBtn01:hover {
 	opacity: .8;
 	text-decoration: none;
 }
 table.YosoKaimeTable01 tbody tr.HitBaken td .BakenNumSelect:after {
 	content: '';
 	display: inline-block;
 	background: url("../../img/yoso/general/stamp_hit.png") no-repeat;
 	-webkit-background-size: 77px 77px;
 	-moz-background-size: 77px 77px;
 	-ms-background-size: 77px 77px;
 	-o-background-size: 77px 77px;
 	background-size: 77px 77px;
 	width: 77px;
 	height: 77px;
 	position: absolute;
 	top: -4px;
 	right: -10px;
 }
 /*-- 買い目払い戻しテーブル table.YosoRefundTable01 --*/
 table.YosoRefundTable01 {
 	width: 100%;
 	margin: 0 0 10px;
 	border-collapse: collapse;
 }
 table.YosoRefundTable01 tbody th {
 	font-size: 88.9%;
 	background: #f5f4f1;
 	vertical-align: middle;
 	border: 1px solid #d1cec7;
 	border-right: 0 none;
 	padding: 0 8px;
 	font-weight: bold;
 }
 table.YosoRefundTable01 tbody td {
 	font-size: 111.1%;
 	font-weight: bold;
 	vertical-align: middle;
 	background: #fff;
 	border: 1px solid #d1cec7;
 	padding: 17px 18px;
 	text-align: right;
 }
 table.YosoRefundTable01 tbody td.RefundCell_01 {
 	background: #d7f5d6;
 	color: #38b138;
 	border: 1px solid #8ac58a;
 }

 .YosoAddBtnBox {
 	margin: 0 12px 19px;
 }

 /*-- 予想の見解エリア .YosoDetailKenkai --*/
 .YosoDetailKenkai {
 	margin: 0 8px 16px;
 }

 .YosokaKenkaiBar01 {
 	background: #000;
 	padding: 12px 18px;
 }
 .YosokaKenkaiBar01 h2.YosokaKenkaiBarTitle {
 	float: left;
 	color: #fff;
 	font-size: 88.9%;
 }
 .YosokaKenkaiBar01 h2.YosokaKenkaiBarTitle span.Icon_Sprite_Sp_Yoso{
 	vertical-align: middle;
 	margin-right: 10px;
 	margin-bottom: 2px;
 }
 .YosokaKenkaiBar01 .GoodArea01 {
 	float:right;
 	font-size: 88.9%;
 	color: #fff;
 }

 .YosokaKenkaiBar01 .GoodArea01 span.Icon_Sprite_Sp_Yoso{
 	vertical-align: middle;
 	margin-right: 6px;
 	margin-bottom: 4px;
 }
 /*-- 予想の見解本文 --*/
 .YosoKenkaiTxtBox {
 	padding: 22px 17px;
 	background-color: #f3f3f3;
 }
 .YosoKenkaiTxtBox h2.YosoKenkaiTitle {
 	font-size: 114%;
 	font-weight: bold;
 	margin-bottom: 30px;
 }
 .YosoKenkaiTxtBox .YosoKenkaiTxt {
 	font-size: 100%;
 	line-height: 1.5;
 }
 .YosoKenkaiTxtBox .YosoKenkaiTxt .YosoPhotoBlock01 {
 	margin: 12px auto;
 	width: 100%;
 	max-height: 554px;
 	text-align: center;
 }
 .YosoKenkaiTxtBox .YosoKenkaiTxt .YosoPhotoBlock01 img {
 	display: block;
 	margin: auto;
 	max-width: 554px;
 	max-height: 554px;
 	width: 100%;
 }

 .YosoKenkaiTxtBox .GoodBtnArea01 {
 	padding: 26px 0;
 }
 span.GoodBtn01 {
 	display: block;
 	margin: 0 13px;
 	font-size: 77.8%;
 }
 span.GoodBtn01 a {
 	display: block;
 	background: #23afee;
 	color: #fff;
 	border-top:1px solid #65c7f3;
 	border-radius: 3px;
 	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px;
 	padding: 16px 0;
 	text-align: center;
 }
 span.GoodBtn01 a:hover {
 	background: #6bc3eb;
 	text-decoration: none;
 }
 span.GoodBtn01 span.IconGood02 {
 	vertical-align: middle;
 	margin-bottom: 3px;
 }
 .YosoDetailLinkBox {
 	padding: 4px 0 22px;
 }
 .YosokaLinkBtn01 {
 	display: block;
 	margin: auto 20px;
 	text-align: center;
 	font-weight: bold;
 	border-radius: 4px;
 	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
 	border: 2px solid #e5e4dd;
 }
 .YosokaLinkBtn01 + .YosokaLinkBtn01 {
 	margin-top: 9px;
 }
 .YosokaLinkBtn01 a{
 	display: block;
 	padding: 14px 0;
 	color: #a6a59f;
 	font-size: 77.8%;
 }
 .YosokaLinkBtn01 a:hover{
 	background: #fff;
 	text-decoration: none;
 }

 /*-- 予想の見解本文追加バナー(17.09.29) --*/
 .YosoKenkai_BnrArea {
 	text-align: center;
 	margin-top: 14px;
 }
 .YosoKenkai_BnrArea img{
 	display: block;
 	margin: auto;
 	width: 90%;
 	max-width: 335px;
 }
 .YosoKenkai_BnrArea a:hover img{
 	opacity: .8;
 }
 .YosoKenkai_BnrArea > p{
 	margin: 6px auto;
 	font-size: 77.8%;
 }

 /*-- レース名 2017.10.26 --*/
 .YosoDetailArea01 .RaceList_NameBox {
 	margin-top: 20px;
 	border-top: 1px solid #e7e7e7;
 }
 .YosoDetailArea01 .RaceList_NameBox > .RaceNameBoxWrap {
 	position: relative;
 	display: table;
 	width: 100%;
 	padding: 10px 16px 10px 8px;
 }
 .YosoDetailArea01 .RaceList_NameBox .RaceList_Item01,
 .YosoDetailArea01 .RaceList_NameBox .RaceList_Item02 {
 	display: table-cell;
 	vertical-align: middle;
 }
 .YosoDetailArea01 .RaceList_NameBox .RaceList_Item01 {
 	width: 58px;
 }
 .YosoDetailArea01 .RaceList_NameBox .RaceList_Item01 .Race_Num {
 	display: inline-block;
 	width: 50px;
 	padding: 17px 0;
 	color: #fff;
 	font-size: 1rem;
 	font-weight: 700;
 	text-align: center;
 	vertical-align: middle;
 	background-color: #3251bc;
 	border-radius: 4px;
 }
 .YosoDetailArea01 .RaceList_NameBox .RaceList_Item02 dl .Race_Name {
 	margin-bottom: 8px;
 	color: #444;
 	font-size: 1.3125rem;
 	font-weight: 700;
 	overflow: hidden;
 	height: 1.2em;
 	line-height: 1.4;
 	text-overflow: ellipsis;
 	display: -webkit-box;
 	-webkit-line-clamp: 1;
 	-webkit-box-orient: vertical;
 }
 .YosoDetailArea01 .RaceList_NameBox .RaceList_Item02 dl .Race_Name .Icon_GradeType {
 	margin-left: 2px;
 }
 .YosoDetailArea01 .RaceList_NameBox .RaceList_Item02 dl .Race_Data {
 	position: relative;
 	color: #777;
 	font-size: 0.8125rem;
 }
 .YosoDetailArea01 .RaceList_NameBox .RaceList_Item02 dl .Race_Data > .Turf {
 	color: #66bb6a;
 }
 .YosoDetailArea01 .RaceList_NameBox .RaceList_Item02 dl .Race_Data > .Dart {
 	color: #874c11;
 }
 .YosoDetailArea01 .RaceList_NameBox .RaceList_Item02 dl .Race_Data .Weather_Area {
 	position: relative;
 	display: inline-block;
 }
 @media only screen and (max-width: 374px) {
 	.YosoDetailArea01 .RaceList_NameBox .RaceList_Item02 dl .Race_Name {
 		font-size: 1.125rem;
 	}
 }

/*==============================================
 07.予想TOP body.YosoTop
 ==============================================*/


 .YosoTopLink {
 	padding: 5px 5px 8px;
 }
 .YosoTopLink a {
 	display: block;
 	background: #C2BEB3;
 	background-image: -webkit-gradient(
 		linear,
 		left top,
 		left bottom,
 		color-stop(0, #E0DCD2),
 		color-stop(1, #C2BEB3)
 		);
 	background-image: -o-linear-gradient(bottom, #E0DCD2 0%, #C2BEB3 100%);
 	background-image: -moz-linear-gradient(bottom, #E0DCD2 0%, #C2BEB3 100%);
 	background-image: -webkit-linear-gradient(bottom, #E0DCD2 0%, #C2BEB3 100%);
 	background-image: -ms-linear-gradient(bottom, #E0DCD2 0%, #C2BEB3 100%);
 	background-image: linear-gradient(to bottom, #E0DCD2 0%, #C2BEB3 100%);
 	border-radius: 5px;
 	box-shadow: 0 2px 0 rgba(145, 144, 134, 1), inset 0 -1px 0 rgba(212, 209, 200, 1);
 	color: #737065;
 	font-size: 77.8%;
 	font-weight: bold;
 	padding: 11px 0 11px 15px;
 	position: relative;
 	text-align: left;
 }
 .YosoTopLink a:before {
 	content: '';
 	display: inline-block;
 	width: 32px;
 	height: 17px;
 	background-image:url(../../img/yoso/general/surf_label03.png);
 	background-repeat:no-repeat;
 	background-position:0 0;
 	background-size: 32px 17px;
 	-moz-background-size:  32px 17px;
 	-webkit-background-size: 32px 17px;
 	-o-background-size: 32px 17px;
 	-ms-background-size: 32px 17px;
 	vertical-align: middle;
 	margin-right: 6px;
 }
 .YosoTopLink a:after {
 	content: '';
 	display: inline-block;
 	width: 0;
 	height: 0;
 	border: 5px solid transparent;
 	border-left: 5px solid #898579;
 	margin-top: -6px;
 	position: absolute;
 	top: 50%;
 	right: 14px;
 }
 .YosoTopLink a:hover {
 	text-decoration: none;
 	opacity: .8;
 }

 .YosoSlideArea01 .SlideImgBox01 {
 	position: relative;
 	width: 100%;
 	margin: auto;
 }
 .YosoSlideArea01 .SlideImgBox01 img {
 	width: 100%;
 }
 .YosoSlideArea01 .SlideImgBox01 .HeadlineSlideBoxPhoto:before {
 	content:"";
 	display:block;
 	padding-top:56%;
 }
 .YosoSlideArea01 .SlideImgBox01 .HeadlineSlideBoxPhoto {
 	background-color: #eee;
 	background-position: center;
 	background-size: contain;
 	background-repeat:no-repeat;
 }
 .YosoSlideArea01 .SlideTxtArea {
 	position: absolute;
 	left: 0;
 	bottom: 0;
 	width: 100%;
 	height: 40%;
 	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.67)), to(rgba(0, 0, 0, 0)));
 	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.67), rgba(0, 0, 0, 0));
 	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.67), rgba(0, 0, 0, 0));
 }
 .YosoSlideArea01 .SlideTxtArea .SlideTxtInner {
 	position: absolute;
 	left: 0;
 	bottom: 10px;
 	width: 100%;
 	padding: 0 10px;
 }
 .YosoSlideArea01 .SlideTxtArea .Content_Cate {
 	display: inline-block;
 	margin-bottom: 6px;
 	padding: 6px 12px 5px;
 	color: #333;
 	font-size: 66.6%;
 	font-weight: 700;
 	background-color: rgba(255, 255, 255, 0.7);
 	border-radius: 11px;
 }
 .YosoSlideArea01 .SlideTxtArea .ContentMainTitle {
 	display: block;
 	color: #fff;
 	font-size: 111%;
 	font-weight: 700;
 	line-height: 1.35;
 }
/*
.YosoSlideArea01 .SlideTxtArea p.SlideTxt01 {
	font-size: 110.5%;
	color: #fff;
	padding: 0 8px;
	text-overflow: ellipsis;
	overflow: hidden;
	text-shadow: 0 0 1px #333;
	font-weight: bold;
}
.YosoSlideArea01 .SlideTxtArea p.SlideTxt02 {
	font-size: 74%;
	color: #bbb;
	padding: 6px 8px 0;
}
*/

/*
 * Slider *
 * ポインター */
 #SlideBox .slick-dots {
 	position: absolute;
 	top: 7px;
 	right: 7px;
 	width: auto;
 	background: none;
 }
 #SlideBox .slick-dots li {
 	width: 5px;
 	height: 7px;
 	margin: 4px;
 	background: none;
 	-webkit-transition: width 0.2s;
 	transition: width 0.2s;
 }
 #SlideBox .slick-dots li.slick-active {
 	width: 7px;
 }
 #SlideBox .slick-dots li button {
 	position: relative;
 	width: 100%;
 	height: 100%;
 }
 #SlideBox .slick-dots li button::before {
 	content: "";
 	position: absolute;
 	top: 1px;
 	left: 0;
 	width: 100%;
 	height: 5px;
 	background-color: #e7e7e7;
 	border-radius: 50%;
 	-webkit-transition: background-color 0.2s, width 0.2s, height 0.2s;
 	transition: background-color 0.2s, width 0.2s, height 0.2s;
 }
 #SlideBox .slick-dots li.slick-active button::before {
 	top: 0;
 	height: 100%;
 	background-color: #3251bc;
 }



 /*-- ウマい馬券 ユーザーポイント情報 .MyPointDataBox --*/
/* point期限表記 */
.limite_point{
    font-size:12px;
    padding: 3px 0px;
    background-color: #ffffff;
    margin-top: 10px;
    border-radius: 9px;
}
.limite_point p{
    font-size:12px;
    text-align: center;
    color: #666666;
}
.limite_point p span.alert_point{
    padding-left: 16px;
    font-weight: 700;
}
.limite_point.patternnear{
    color:#b53e36;
    border: 1px solid #b53e36;
    background-color: transparent;
}
.limite_point.patternnear p{
    color: #b83f36;
}
#MyPointBox{
  /* min-height: 79px; */
  margin-bottom: 20px;
}
.MyPointDataBox{
  padding: 0 10px !important;
  display: flex;
  border: none !important;
  margin-top: 21px;
	min-height: 58px;
}
.MyPointDataBox .PointAreaWrap{
  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px 12px 9px 9px;
	background-color: #F3F3F3;
  border-radius: 4px;
}

.MyPointDataBox .PointAreaWrap .PointHistory{
  height: 100%;
  width: 64px;
	height: 34px;
}
.MyPointDataBox .PointAreaWrap .PointHistory a{
  display: flex;
  height: 100%;
  font-size: 61.1111%;
  color: #fff;
  justify-content: center;
  align-items: center;
  background-color: #9D9D9D;
  border-radius: 4px;
}

.MyPointDataBox .PointAreaWrap .PointAreaTxtBox{
  display: flex;
  width: 100%;
  width: calc(100% - 59px);
  flex-direction: column;
  align-items: center;
  margin-left: 10px;
}
.MyPointDataBox .PointAreaWrap .PointAreaTxtBox .BalanceWrap{
  display: flex;
  width: 100%;
  align-items: center;
  /*padding-top: 7px;*/
}
.MyPointDataBox .PointAreaWrap .PointAreaTxtBox .BalanceWrap > *:first-child{
  margin-right: auto;
}
.MyPointDataBox .PointAreaWrap .PointAreaTxtBox .BalanceWrap p.title{
  font-size: 61.1111%;
  color: #444444;
}
.MyPointDataBox .PointAreaWrap .PointAreaTxtBox .BalanceWrap p.main{
  font-weight: bold;
  color: #222222;
  margin-right: 10px;
}
.MyPointDataBox .PointAreaWrap .PointAreaTxtBox .BalanceWrap p.main .PointTxt01{
  font-size: 72.2222%;
  font-weight: normal;
}
.MyPointDataBox .PointAreaWrap .PointAddBtn01{
	flex-basis: auto;
	width: auto;
}
.MyPointDataBox .PointAreaWrap .PointAddBtn01 svg{
  width: 34px;
  height: 34px;
  fill: #777777;
  /*margin-left: 10px;*/
}
.MyPointDataBox .PointAreaWrap .PointAddBtn01 span{
  text-indent: -500px;
  display: inline-block;
  font-size: 0;
  position: absolute;
}
/*失効ポイントアラート*/
.point_alert{
  width: 278px;
  margin: auto;
  margin-top: 4px;
  border-radius: 10px;
  border:1px solid #B7443E;
  position: relative;
  max-width: 100%;
}
.point_alert p{
  padding:4px 0;
  font-size:0.6875rem;
  color:#B7443E;
  cursor: pointer;
  text-align: center;
}
.point_alert.active:after{
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: 5px;
  height: 5px;
  border-top: 1px solid #B7443E;
  border-right: 1px solid #B7443E;
  border-radius: 1px;
  z-index: 10;
  -webkit-transform: rotate(45deg) translateY(-75%) ;
  transform: rotate(45deg) translateY(-75%) ;
  cursor: pointer;
}
/*非ログイン時*/
.MyPointDataBox .NotLoggedInArea span.PointTxt01{
      font-size: 61.2%;
    display: block;
    color: #666;
    font-weight: bold;
    margin-bottom: 8px;
    line-height: 1.5;
    text-align: center;
}
.MyPointDataBox .NotLoggedInArea{
    padding: 0 15px;
}

.MyPointDataBox .NotLoggedBtn01 a{
    display: block;
    background: #fff;
    color: #2b2a2a;
    font-size: 77.78%;
    font-weight: normal;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #b2afa4;
    padding: 13px 0;
}
.MyPointDataBox .NotLoggedBtn01 a:hover{
    background: #f9f9f9;
}
.MyPointDataBox .NotLoggedInArea .PointAddBtn01{
    margin: 0 30px;
}
.MyPointDataBox .NotLoggedInArea span.PointData{
    font-size: 100%;
    margin-bottom: 10px;
}
@media screen and (max-width: 320px) {
    .PointAreaTxtBox {
    }
    .MyPointDataBox h2.MyPointAreaTitle {
        width: 100%;
        text-align: center;
    }
    .MyPointDataBox .BtnMypage {
    }
}
@media screen and (min-width: 371px){
    .MyPointDataBox .NotLoggedInArea span.PointTxt01 br{
        display: none;
    }
}

/* top - 本日一番の勝負予想 */

#sec_pro_yosoka{
	margin-bottom: 43px;
}
.TopTodayYoso .GensenYosoList{
	padding: 0;
	min-height: auto;
}
.TopTodayYoso .GensenYosoList ul {
	border-bottom: none;
}
.TopTodayYoso .GensenYosoList ul li{
    border:none;
    border-top: 1px solid #dcdcdc;
		border-bottom: 1px solid #dcdcdc;
}
.TopTodayYoso .GensenYosoList ul li + li{
    margin-top: 0;
		border-top: none;
}
.TopTodayYoso .RaceList_NameBox_Container {
	margin-top: 20px;
	border-top: none;
	border-bottom: none;
}
.TopTodayYoso .GensenYosoList .Selectable .YosoRace {
    background: transparent;
    padding: 0;
    padding-top: 10px;
 }

.TopTodayYoso .GensenYosoList .RaceNameWrap {
	display: block;
 }
.TopTodayYoso .GensenYosoList .Hit {
    border: 1px solid #b7443e;
}
.TopTodayYoso .GensenYosoList .Yosoka .YosokaImage{
	width: 55px;
	height: 55px;
}
.TopTodayYoso .GensenYosoList .Yosoka .Profile{
	/*
	padding-left: 75px;
	display: flex;
	align-items: center;
	height: 65px;
	min-height: 65px;
	*/
}

 /* 今週の重賞予想 */
 .AttentionRace {
 	background: #fff;
 	padding-bottom: 23px;
 }
 .PickupRace_Contents {
 	position: relative;
 	/*	padding: 0 20px 17px; */
 	/*padding: 0 20px;*/
 	padding: 0 10px;
 }
 .PickupRace_Contents_Inner {
 	position: absolute;
 	bottom: -1px;
 	width: 100%;
 	height: 111px;
 	background: rgba(0,0,0,.6);
 }
 .PickupRaceSlideBox {
 	background: #fff;
 }

 .PickupRaceSlideBox .slick-prev,
 .PickupRaceSlideBox .slick-next {
 	width: 40px;
 	height: 40px;
 	background: transparent;
 	border-radius: 0;
 	top: 50%;
 	margin-top: -20px;
 }
 .PickupRaceSlideBox .slick-prev {
 	left: 0;
 }
 .PickupRaceSlideBox .slick-next {
 	right: 0;
 }
 .PickupRaceSlideBox .slick-prev:after,
 .PickupRaceSlideBox .slick-next:after {
 	content: '';
 	background: rgba(85,85,85,.7);
 	width: 30px;
 	height: 30px;
 	position: absolute;
 	border-radius: 50%;
 	top: 5px;
 	z-index: 1;
 }
 .PickupRaceSlideBox .slick-prev:after {
 	left: 5px;
 }
 .PickupRaceSlideBox .slick-next:after {
 	right: 5px;
 }
 .PickupRaceSlideBox .slick-prev:before,
 .PickupRaceSlideBox .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;
 }
 .PickupRaceSlideBox .slick-prev:before {
 	left: 15px;
 	-webkit-transform: rotate(225deg);
 	-ms-transform: rotate(225deg);
 	transform: rotate(225deg);
 }
 .PickupRaceSlideBox .slick-next:before {
 	right: 15px;
 	-webkit-transform: rotate(45deg);
 	-ms-transform: rotate(45deg);
 	transform: rotate(45deg);
 }


 /*今週の重賞予想 未公開*/
 .Unpublished .PickupRace_Contents_Inner .YosokaCommentData{
 	padding: 0;
 }
 .Unpublished .PickupRace_Contents_Inner .YosokaCommentData p{
 	line-height: 1.6;
 	font-size: 78%;
 }
 .Unpublished .PickupRace_Contents_Inner .PickupRace01{
 	padding: 8% 8% 0;
 }
 .Unpublished .ThumbList{display: none;}
 .Unpublished .PickupRaceMenu_Wrap{padding-top: 10px;}

 @media screen and (max-width: 374px) {
 	.PickupRaceSlideBox .PickupRaceItem {
 	}
 }
 @media screen and (max-width: 375px) {
 	.Unpublished .PickupRace_Contents_Inner .PickupRace01{
 		padding: 10% 8% 0;
 	}
 }
 @media screen and (min-width: 700px) {
 	.Unpublished .PickupRace_Contents_Inner .PickupRace01{
 		padding: 6% 8% 0;
 	}
 }
 .PickupRace_Contents .YosoCount {
 	width: 63px;
 	height: 63px;
 	position: absolute;
 	top: 0;
 	right: 0;
 }
 .PickupRace_Contents .YosoCount:before {
 	content: "";
 	display: inline-block;
 	border: 32px solid #ebb838;
 	border-bottom: 32px solid transparent;
 	border-left: 32px solid transparent;
 	width: 0;
 	height: 0;
 	position: absolute;
 	top: 0;
 	right: 0;
 	z-index: 11;
 }
 .PickupRace_Contents .YosoCount:after {
 	content: "";
 	display: inline-block;
 	border: 31px solid #dba925;
 	border-bottom: 31px solid transparent;
 	border-left: 31px solid transparent;
 	width: 0;
 	height: 0;
 	position: absolute;
 	top: 0;
 	right: 0;
 	z-index: 10;
 }

 .PickupRace_Contents .YosoCount span{
 	display: block;
 	position: relative;
 	color: #fff;
 	font-size: 105.6%;
 	font-weight: bold;
 	z-index: 20;
 	text-align: right;
 	width: 63px;
 	padding: 6px 6px 0 0;
 }

 /*-- イメージ写真 --*/
 .Image_Layer01 {
 	position: relative;
 	min-height: 240px;
 	background-position: top;
 	background-size: cover;
 	background-repeat: no-repeat;
 	background-color: #eee;
 	border-radius: 4px;
 	overflow: hidden;
 }
 .Image_Layer01:before{
 	content: "";
 	display: block;
 	padding-top: 60%;
 }
 .Image_Cover {
 	background-image: -moz-linear-gradient( center top, rgba(26,26,26,0) 0%, rgba(26,26,26,1) 102%);
 	background-image: -o-linear-gradient(top, rgba(26,26,26,0) 0%, rgba(26,26,26,1) 102%);
 	background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0 , rgba(26,26,26,0)), color-stop(1 , rgba(26,26,26,1)) );
 	background-image: linear-gradient(to bottom, rgba(26,26,26,0) 0%, rgba(26,26,26,1) 102%);
 	position: absolute;
 	bottom: 0;
 	width: 100%;
 	height: 44%;
 }
 .Image_Layer02 {
 	width: 100%;
 	height: 156px;
 	background: transparent;
 }

 /* 今週の重賞レース */
 #TopRaceMain,
 .PickupRaceMain {
 	position: relative;
 }
 .Timer_Block {
 	display: inline-block;
 	background: #cc0033;
 	border-radius: 3px;
 	padding: 4px 6px;
 	margin-bottom: 18px;
 	position: absolute;
 	top: -18px;
 	left: 12px;
 }
 .Timer_Block:after {
 	content: "";
 	display: inline-block;
 	border-top: 8px solid #cc0033;
 	border-right: 7px solid transparent;
 	border-bottom: 0px solid transparent;
 	border-left: 7px solid transparent;
 	position: absolute;
 	left: 16px;
 	bottom: -7px;
 	width: 0;
 	height: 0;
 }
 .Timer_Block .Timer {
 	color: #fff;
 	font-size: 74%;
 	background: url("../../img/yoso/icon/icon_timer.png") no-repeat 0 center;
 	-webkit-background-size: 11px 11px;
 	-moz-background-size: 11px 11px;
 	-ms-background-size: 11px 11px;
 	background-size: 11px 11px;
 	padding-left: 14px;
 }
 .PickupRace_Contents .PickupRaceTitle{
 	padding: 0 1px 10px;
 }
 .PickupRace_Contents .PickupRaceTitle h2{
 	font-size: 117%;
 	color: #333;
 	margin-bottom: 11px;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 	height: 1.1em;
 	line-height: 1.2;
 }
 .PickupRace_Contents .PickupRaceTitle h2+p{
 	font-size: 78%;
 	color: #666;
 	height: .9rem;
 	overflow: hidden;
 }
 .PickupRace01 {
 	display: block;
 	color: #fff;
 	overflow: hidden;
 	padding: 10px 10px 10px;
 }
 .PickupRace01 .YosokaComment{
 	position: relative;
 }
 .PickupRace01 .YosokaPhoto{
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 90px;
 }
 .PickupRace01 .YosokaPhoto img{
 	width: 90px;
 }
 .PickupRace01 .YosokaPhoto.PickupRace:after,
 .PickupRace01 .YosokaPhoto.AnaumaRace:after{
 	content: '';
 	display: block;
 	position: absolute;
 	bottom: 0;
 	right: 1px;
 	width: 21px;
 	height: 45px;
 	background-image: url(../../img/yoso/general/flg_sprite_sp_baken.png?20220331);
 	-webkit-background-size: 59px auto;
 	-moz-background-size: 59px auto;
 	-ms-background-size: 59px auto;
 	-o-background-size: 59px auto;
 	background-size: 59px 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;
 }
 .PickupRace01 .YosokaPhoto.AnaumaRace:after{
 	background-position: -24px 0;
 }
 .PickupRace01 .RaceTitle {
 	display: inline-block;
 	font-size: 110%;
 	font-weight: bold;
 	margin-bottom: 6px;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	text-shadow: 0 0px 1px #333;
 	width: 15em;
 	white-space: nowrap;
 }
 .PickupRace01 .RaceData {
 	font-size: 74%;
 }
 .PickupRace01 .YosokaCommentData{
 	position: relative;
 	padding: 0 0 0 100px;
 }
 .PickupRace01 .RaceCaption01 {
 	display: inline-block;
 	font-size: 56%;
 	line-height: 1;
 	vertical-align: middle;
 }
 .PickupRace01 .RaceCaption01 span{
 	border: 1px solid #fff;
 	padding: 3px 7px 2px;
 	border-radius: 2px;
 }
 .PickupRace01 .RaceCaption02 {
 	font-size: 83%;
 	font-weight: bold;
 	line-height: 1.3;
 	height: 2.4em;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	display: -webkit-box;
 	-webkit-line-clamp: 2;
 	-webkit-box-orient: vertical;
 	margin-top: 3px;
 	margin-bottom: 6px;
 }
 .PickupRace01 .YosokaName{
 	display: block;
 	font-size: 62%;
 	font-weight: bold;
 	padding-bottom: 3px;
 	height: 1.2em;
 	line-height: 1.2;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 	color: #efefef;
 }
 .PickupRace01 p.MediaBoxTxt{
 	display: block;
 	font-size: 61%;
 	height: 1.1em;
 	line-height: 1.2;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 	color: #efefef;
 }
 .PickupRace01 .Horse {
 	border-radius:3px;
 	padding:2px;
 	position:absolute;
 	bottom:62px;
 	right:5px;
 	color:#ccc;
 	font-size:13px;
 	background:rgba(0,0,0,.5);
 }
 .ThumbList{height: 37px;}
 .ThumbList .Thumb {
 	display: block;
 	text-align: left;
 	padding:0;
 	width: 194px;
 }
 .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;
 }
 .ThumbList .Thumb img:first-child {
 	border: 0;
 	margin-left: 6px;
 }
 .ThumbList .PickupRace,
 .ThumbList .AnaumaRace {
 	position: relative;
 }
 .RaceYosokaTitleArea p {
 	font-size: 67%;
 	color: #666;
 	height: 1.4em;
 }
 .RaceYosokaTitleArea .Race_Name{
 	font-size: 89%;
 	color: #000;
 	margin-bottom: 6px;
 	overflow: hidden;
 	height: 1rem;
 }
 .RaceYosokaTitleArea .StartTime{
 	display: inline-block;
 	width: 47px;
 }
 @media screen and (min-width: 374px) {
 	.PickupRace01 .RaceTitle {
 		width : 18em;
 	}
 }
 @media screen and (min-width: 435px) {
 	.PickupRace01 .RaceTitle {
 		width : auto;
 	}
 }
 .AttentionRace .PickupRace01
 .AttentionRace .ThumbList .Thumb img,
 .AttentionRace .ThumbList .Thumb > img + span img
 .AttentionRace .ThumbList .Thumb > span + span img {
 	width: 39px;
 	margin-left: 5px;
 }
 @media screen and (max-width: 374px) {
 	.AttentionRace .ThumbList .Thumb img,
 	.AttentionRace .ThumbList .Thumb > img + span img
 	.AttentionRace .ThumbList .Thumb > span + span img {
 		width: 28px;
 	}
 	.ThumbList .Thumb{width: 164px;}
 }
 .AttentionRace .ThumbList .Thumb img + span img,
 .AttentionRace .ThumbList .Thumb span + span img {
 	border-color: #b9b6a9;
 }
 .AttentionRace .ThumbList .Thumb > img:first-child,
 .AttentionRace .ThumbList .Thumb > span:first-child img {
 	margin-left: 0;
 }
 .AttentionRace .PickupComment {
 	width: 100%;
 	border: 1px solid #efc763;
 	box-shadow: none;
 }
 .AttentionRace .PickupComment:after {
 	bottom: 100%;
 	left: 17px;
 	content: " ";
 	width: 8px;
 	height: 8px;
 	position: absolute;
 	pointer-events: none;
 	border: solid transparent;
 	border-right-color: #efc763;
 	border-bottom-color: #efc763;
 	border-width: 1px;
 	box-shadow: none;
 	background: #fff;
 	z-index: 5;
 }
 .AttentionRace .PickupComment p .AddClamp {
 	line-height: 1.2;
 	height: 2.2em;
 	text-overflow: ellipsis;
 	display: -webkit-box;
 	-webkit-line-clamp: 2;
 	-webkit-box-orient: vertical;
 	overflow: hidden;
 	-webkit-border-radius: 0;
 	-moz-border-radius: 0;
 	border-radius: 0;
 	box-sizing: content-box;
 }
 .AttentionRace .YosoCountNone .RaceYosokaTitleArea {
 	margin-bottom: 9px;
 }
 .AttentionRace .YosoCountNone .PickupComment p {
 	color: #666;
 	font-weight: normal;
 	line-height: 1.43;
 	padding: 20px;
 }
 @media screen and (max-width: 374px) {
 	.AttentionRace .YosoCountNone .PickupComment p {
 		padding: 17px 20px 18px;
 	}
 	.AttentionRace .PickupComment:after {
 		left: 11px;
 	}
 }

 /* ピックアップコンテンツ */
 .PickupRaceMenu_Wrap {
 	background: #fff;
 	-moz-border-radius: 0;
 	-webkit-border-radius: 0;
 	border-radius: 0;
 	margin: 0;
 	position: relative;
 	padding: 4px 0 8px 2px;
 	display: -webkit-flex;
 	display: -moz-flex;
 	display: -ms-flex;
 	display: -o-flex;
 	display: flex;
 	-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;
 	margin-bottom: 0;
 	padding-bottom: 3px;
 }

 .PickupRaceMenu_Wrap:before {
 	display: none;
 	content: "";
 	border-top: 0 solid transparent;
 	border-right: 8px solid transparent;
 	border-bottom: 10px solid #fff;
 	border-left: 8px solid transparent;
 	width: 0;
 	height: 0;
 	position: absolute;
 	left: 12px;
 	top: -10px;
 }
 .RaceOddsList {
 	background: #f5f4f1;
 	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px;
 	border-radius: 3px;
 	padding: 6px;
 	margin-bottom: 9px;
 }
 .RaceOddsList p.Title {
 	border-bottom: 1px dashed #aeadab;
 	font-size: 77.8%;
 	font-weight: bold;
 	padding: 7px 7px 7px 28px;
 	position: relative;
 }
 .RaceOddsList p.Title:before {
 	content: '';
 	display: inline-block;
 	background-image: url("../../img/yoso/icon/icon_sprite_sp_yoso.png?181105");
 	background-position: -64px -189px;
 	background-repeat: no-repeat;
 	-webkit-background-size: 164px 400px;
 	-moz-background-size: 164px 400px;
 	background-size: 164px 400px;
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 26px;
 	height: 26px;
 }
 .RaceOddsList ul {
 	padding: 8px 8px 2px;
 }
 .RaceOddsList li {
 	text-align: left;
 	font-size: 83.4%;
 	font-weight: bold;
 }
 .RaceOddsList li + li {
 	margin-top: 7px;
 }
 .RaceOddsList .OddsRank {
 	font-weight: normal;
 }
 .RaceOddsList .HorseName {
 	display: inline-block;
 	color: #333;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 	width: 10em;
 	vertical-align: -2px;
 }
 .RaceOddsList .OddsData {
 	display: inline-block;
 	color: #c03;
 	float: right;
 }
 @media screen and (min-width: 360px) {
 	.RaceOddsList .HorseName {
 		width : 10.5em;
 	}
 }
 /*-- 公開中の厳選予想 --*/
 .PickupRaceMenu_Wrap .PickupRaceYosoLineup {
 	border: 1px solid #ebb838;
 	-webkit-border-radius:3px;
 	-moz-border-radius:3px;
 	border-radius:3px;
 	background: #fef8e3;
 	padding: 6px;
 	box-shadow: 0 2px 4px 1px rgba(146, 151, 165, .4);
 }
 .PickupRaceMenu_Wrap .PickupRaceYosoLineup .YosoDataTitle {
 	position: relative;
 	font-size: 77.8%;
 	font-weight: bold;
 	background-image: url("../../img/yoso/icon/icon_sprite_sp_yoso.png?181105");
 	background-position: -34px -129px;
 	background-repeat: no-repeat;
 	-webkit-background-size: 164px 400px;
 	-moz-background-size: 164px 400px;
 	background-size: 164px 400px;
 	border-bottom: 1px dashed #dcc269;
 	padding: 4px 0 10px 27px;
 }
 .PickupRaceMenu_Wrap .RaceYosoCount {
 	color: #ce9200;
 	font-size: 124%;
 	font-weight: bold;
 }
 .PickupRaceMenu_Wrap .RaceYosoCount::before {
 	content: '';
 	display: inline-block;
 	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 .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;
 }
 .PickupComment {
 	position: relative;
 	-webkit-border-radius: 3px;
 	-moz-border-radius: 3px;
 	border-radius: 3px;
 	box-shadow: 0 0 6px -2px #c29a38;
 }
 .PickupComment:after {
 	content: "";
 	display: inline-block;
 	width: 0;
 	height: 0;
 	border-color: transparent #fff #fff transparent;
 	border-width: 5px;
 	border-style: solid;
 	position: absolute;
 	top: -5px;
 	left: 12px;
 	box-shadow: 0 0 6px -1px #c29a38;
 	-webkit-transform:rotate(-135deg);
 	z-index: 5;
 }
 .PickupComment p {
 	position: relative;
 	font-size: 72.3%;
 	font-weight: bold;
 	color: #d49215;
 	line-height: 1.25;
 	padding-right: 50px;
 	z-index: 10;
 	background: #fff;
 	-webkit-border-radius: 3px;
 	-moz-border-radius: 3px;
 	border-radius: 3px;
 	padding: 9px 5px 9px 10px;
 }
 .PickupRace_Btn_Area {
 	margin: 12px 12px 4px;
 }
 a.LinkBtn_Type_01 {
 	display: block;
 	background: #C2BEB3;
 	background-image: -o-linear-gradient(bottom, #e5e3dc 0%, #dad7cd 100%);
 	background-image: -moz-linear-gradient(bottom, #e5e3dc 0%, #dad7cd 100%);
 	background-image: -webkit-linear-gradient(bottom, #e5e3dc 0%, #dad7cd 100%);
 	background-image: -ms-linear-gradient(bottom, #e5e3dc 0%, #dad7cd 100%);
 	background-image: linear-gradient(to bottom, #e5e3dc 0%, #dad7cd 100%);
 	border-radius: 5px;
 	box-shadow: 0 3px 0 #b2afa3, inset 0 -1px 0 #e4e2dc;
 	color: #222;
 	font-size: 77.8%;
 	padding: 15px 0;
 	position: relative;
 	text-align: center;
 }

 /*-- レースLIVE速報 --*/
 .RaceLiveFlashBox01 {
 	margin-bottom: 40px;
 }
 .RaceLiveFlashList01 {
 	border-top: 1px solid #e7e7e7;
 }
 .RaceLiveFlashList01 .SoonFlash01 {
 	border-bottom: 1px solid #e7e7e7;
 }
 .RaceLiveFlashList01 .SoonFlash01 a {
 	display: block;
 	padding: 10px;
 	color: #333;
 }
 .FlashRaceTitleArea {
 	float: left;
 	width: 85px;
 	background-color: #f3f3f3;
 	border-radius: 4px;
 }
 .FlashRaceTitleArea .Race {
 	padding: 5px 0 4px;
 	font-size: 0.875rem;
 	text-align: center;
 }
 .FlashRaceTitleArea .TimeLimit {
 	padding: 3px 0 2px;
 	color: #fff;
 	font-size: 0.625rem;
 	text-align: center;
 	background-color: #E03D3D;
 	border-radius: 0 0 4px 4px;
 }
 .FlashRaceTitleArea .TimeLimit span {
 	margin-right: 1px;
 	font-size: 0.8125rem;
 	vertical-align: -1px;
 }
 .FlashRaceYosokaArea .RaceYosokaTitleArea {
 	text-align: left;
 	padding: 4px 0 0 95px;
 }
 .FlashRaceYosokaArea p {
 	color: #666;
 	height: auto;
 	font-size: 0.75rem;
 	font-weight: 700;
 }
 .FlashRaceYosokaArea .Race_Name {
 	height: 1em;
 	margin-bottom: 6px;
 	color: #000;
 	font-size: 1rem;
 	font-weight: 400;
 	white-space: nowrap;
 	text-overflow: ellipsis;
 	overflow: hidden;
 }
 .FlashRaceYosokaArea .StartTime {
 	display: inline-block;
 	width: 48px;
 	font-weight: 400;
 }
 .FlashRaceYosokaArea .RaceYosoCount {
 	position: relative;
 	display: inline-block;
 	padding-left: 20px;
 	color: #ce9200;
 	font-size: 0.9375rem;
 }
 .FlashRaceYosokaArea .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;
 }
 .FlashRaceYosokaComment .PickupComment:after {
 	border-color: rgba(255, 255, 255, 0);
 	border-right-color: #efc763;
 	border-top-color: #efc763;
 	border-width: 1px;
 	margin-top: -6px;
 	-webkit-box-shadow: none;
 	-moz-box-shadow: none;
 	box-shadow: none;
 	left: -5px;
 	width: 9px;
 	height: 9px;
 	background: #fff;
 }

 /*-- 厳選予想レース --*/
 .GensenYosoList .Selectable .YosoRace {
 	padding: 13px 8px 13px 13px;
 }
 .GensenYosoList .Flag_Pickup .YosoRace,
 .GensenYosoList .Flag_Anauma .YosoRace {
 	padding: 13px 4px 13px 24px;
 }
 .GensenYosoList .YosoRace.Top_YosoRaceName {
 	background: #e9e5da;
 	border-bottom: 1px solid #fff;
 }
 .GensenYosoList .YosoRace.Top_YosoRaceName .Num {
 	border-radius: 2px;
 	margin: 0;
 	width: 32px;
 }
 .GensenYosoList .YosoRace.Top_YosoRaceName .Name > img {
 	margin-left: 3px;
 	vertical-align: -3px;
 }
 @media screen and (max-width: 359px) {
 	body.YosoTop .GensenYosoList .Flag_Pickup .YosoRace.Top_YosoRaceName .Name,
 	body.YosoTop .GensenYosoList .Flag_Anauma .YosoRace.Top_YosoRaceName .Name {
 		margin-top: 4px;
 		display: block;
 	}
 	body.YosoTop .GensenYosoList .Selectable .YosoRace {
 		padding: 10px 4px 10px 10px;
 	}
 	body.YosoTop .GensenYosoList .Flag_Pickup .YosoRace,
 	body.YosoTop .GensenYosoList .Flag_Anauma .YosoRace {
 		padding: 10px 4px 10px 60px;
 	}
 }

 /*-- 先週の予想結果 --*/
 .YosoResultsList_Wrap {
 	margin: 8px 8px 18px;
 }
 .YosoResultsList_Wrap ul li + li {
 	margin-top: 10px;
 }
 .YosoResultsList {
 	background: #f5f4f1;
 	border: 2px solid #c4c1b8;
 }
 .YosoResultsRace {
 	background: #e9e5da;
 	border-bottom: 1px solid #fff;
 	font-weight: bold;
 	padding: 13px;
 }
 .YosoResultsRace .Jyo,
 .YosoResultsRace .Name {
 	font-size: 88%;
 }
 .YosoResultsRace .Num {
 	display: inline-block;
 	background: #496bbf;
 	border-radius: 2px;
 	color: #fff;
 	font-size: 66.7%;
 	padding: 3px 0;
 	text-align: center;
 	width: 32px;
 	vertical-align: middle;
 }
 .YosoResultsRace .Name > img {
 	margin-left: 4px;
 	vertical-align: -3px;
 }
 .YosoResultsList_Inner {
 	padding: 18px 8px;
 }
 .YosoResultsList_Inner .HitYosoka {
 	font-size: 88%;
 	font-weight: bold;
 	text-align: center;
 }
 .YosoResultsList_Inner .HitYosoka .Count {
 	color: #da4343;
 }
 .YosoResultsList_Inner .ThumbList .Thumb {
 	text-align: center;
 	margin: 16px 0 0;
 	padding: 0;
 }
 .YosoResultsList_Inner .ThumbList .Thumb > img:first-child {
 	border: 2px solid #b9b6a9;
 }

 .YosoResultsList .BtnArea {
 	font-weight: bold;
 	padding: 0 25px 15px;
 }

 /*-- トップ 絶好調予想家ランキング --*/
 .Top_YosokaRanking .SubTitle h3 {
 	padding-right: 90px;
 }
 .ContentsBoxRanking .SubTitle h3::before {
 	content: "";
 	position: relative;
 	top: 2px;
 	display: inline-block;
 	width: 24px;
 	height: 20px;
 	background-image: url(../../img/yoso/icon/icon_sprite_sp_yoso_nk01.png);
 	background-repeat: no-repeat;
 	background-size: 80px auto;
 	vertical-align: text-bottom;
 	margin-right: 7px;
 }
 .ContentsBoxRanking .SubTitle .RecoveryIcon:before {
 	background-position: 0 0;
 }
 .ContentsBoxRanking .SubTitle .SalesIcon::before {
 	background-position: -24px 0;
 }
 .ContentsBoxRanking .SubTitle .MonthRecoveryIcon::before {
 	background-position: -48px 0;
 }
 .Top_Ranking_Yosoka .YosokaName {
 	position: relative;
 	max-width: 15em;
 	margin-bottom: 4px;
 	color: #666;
 	font-size: 0.875rem;
 	font-weight: 700;
 	line-height: 1.2;
 	white-space: nowrap;
 	text-overflow: ellipsis;
 	overflow: hidden;
 }
/*.Top_Ranking_Yosoka .YosokaName::before*/
.Top_Ranking_Yosoka .YosokaName.YosokaRanking_01::before,
.Top_Ranking_Yosoka .YosokaName.YosokaRanking_02::before,
.Top_Ranking_Yosoka .YosokaName.YosokaRanking_03::before {
 	content: "";
 	display: inline-block;
 	width: 20px;
 	height: 17px;
 	background-image: url(../../img/yoso/icon/icon_sprite_sp_yoso_nk01.png);
 	background-repeat: no-repeat;
 	background-size: 100px auto;
 	vertical-align: text-bottom;
 	margin-right: 3px;
 }
 .Top_Ranking_Yosoka .YosokaName.YosokaRanking_01::before {
 	background-position: 0 -30px;
 }
 .Top_Ranking_Yosoka .YosokaName.YosokaRanking_02::before {
 	background-position: -21px -30px;
 }
 .Top_Ranking_Yosoka .YosokaName.YosokaRanking_03::before {
 	background-position: -42px -30px;
 }
 .Top_Ranking_Yosoka .YosoStyle {
 	min-height: auto;
 }
 .Top_Ranking_Yosoka .YosoStyle > span {
 	display: block;
 	max-width: 18em;
 	margin-bottom: 11px;
 	color: #999;
 	font-size: 0.688rem;
 	white-space: nowrap;
 	text-overflow: ellipsis;
 	overflow: hidden;
 }
 .Top_Ranking_Yosoka .YosoStyle > strong {
 	display: block;
 	color: #444;
 	font-size: 1rem;
 	font-weight: normal;
 }
 .Top_Ranking_Yosoka .YosoStyle .percent {
 	color: #c53131;
 	font-weight: bold;
 }
 @media screen and (max-width: 359px) {
 	.Top_Ranking_Yosoka .YosokaName {
 		font-size: 0.8125rem;
 	}
 	.Top_Ranking_Yosoka .YosoStyle > span {
 		font-size: 0.6875rem;
 	}
 	.Top_Ranking_Yosoka .YosoStyle > strong {
 		font-size: 0.9375rem;
 	}
 }
 .Top_Ranking_Yosoka .Icon_Rank {
 	position: relative;
 	top: 1px;
 	display: inline-block;
 	width: 15px;
 	height: 15px;
 	margin-right: 5px;
 	vertical-align: -1px;
 	background-image: url(../../img/yoso/icon/icon_sprite_sp_yoso_nk01.png);
 	background-repeat: no-repeat;
 	background-size: 100px auto;
 }
 .Top_Ranking_Yosoka .Icon_Rank_01 {
 	background-position: 0 -50px;
 }
 .Top_Ranking_Yosoka .Icon_Rank_02 {
 	background-position: -30px -50px;
 }
 .Top_Ranking_Yosoka .Icon_Rank_03 {
 	background-position: -15px -50px;
 }
 .Top_Ranking_Yosoka .Icon_Rank_04 {
 	background-position: -45px -50px;
 }
 .Top_YosokaRanking ul.List_01 li a .LinkBox_01 {
 	position: relative;
 }
 .Top_Ranking_Yosoka .now-showing {
 	position: absolute;
 	top: 0;
 	right: 0;
 	background: #f4b2b2;
 	color: #fff;
 	padding: 3px 5px;
 	border-radius: 3px;
 	font-size: 55%;
 }

 .Top_RankYosokaPhotoImg {
 	position: absolute;
 	top: 58px;
 	left: 8px;
 }
 .Top_RankYosokaPhotoImg img {
 	border: 4px solid #fff;
 	border-radius: 5px;
 }

 .Top_Ranking_Main .YosoRankingLabel {
 	background: url('../../img/yoso/general/ranking_corner_flag01.png') no-repeat;
 	-webkit-background-size: 72px 72px;
 	-moz-background-size: 72px 72px;
 	background-size: 72px 72px;
 	position: absolute;
 	top: -1px;
 	left: -1px;
 	width: 72px;
 	height: 72px;
 	z-index: 10;
 }
 .Top_Ranking_Main .YosoRankingLabel span {
 	display: inline-block;
 	color: #fff;
 	font-size: 122%;
 	font-weight: bold;
 	margin: 10px 0 0 14px;
 	width: 40px;
 }

 .RankingImage_Layer {
 	box-shadow: inset 0 0 1px rgba(0, 0, 0, .8);
 	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	background-size: cover;
 	position: relative;
 	width: 100%;
 	height: 102px;
 	overflow: hidden;
 }
 .RankingImage_Layer:after {
 	content: '';
 	background-image: -moz-linear-gradient( center top, rgba(26,26,26,0) 0%, rgba(26,26,26, .4) 100%);
 	background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0 , rgba(26,26,26,0)), color-stop(1 , rgba(26,26,26, .4)) );
 	background-image: linear-gradient(to bottom, rgba(26,26,26,0) 0%, rgba(26,26,26, .4) 100%);
 	position: absolute;
 	bottom: 0;
 	width: 100%;
 	height: 40%;
 }

 .Top_Detail_Data {
 	padding: 13px 0 18px;
 	text-align: center;
 }
 .Top_Detail_Data.BestData ul {
 	display: table;
 	width: 100%;
 }
 .Top_Detail_Data.BestData ul li {
 	display: table-cell;
 	font-size: 100%;
 	font-weight: bold;
 	text-align: center;
 	line-height: 1.4;
 }
 .Top_Detail_Data.BestData ul li:first-child {
 	max-width: 50%;
 }
 .Top_Detail_Data.BestData ul .Hit {
 	color: #e5524b;
 }
 .Top_Detail_Data.BestData ul .RecoveryRate {
 	color: #73a733;
 }
 .Top_Detail_Data.BestData ul li > span {
 	padding-left: 26px;
 	position: relative;
 }
 .Top_Detail_Data.BestData ul li > span:before {
 	content: '';
 	background: url("../../img/yoso/icon/icon_sprite_sp_yoso.png?181105") no-repeat;
 	-webkit-background-size: 164px 400px;
 	-moz-background-size: 164px 400px;
 	background-size: 164px 400px;
 	position: absolute;
 	top: -4px;
 	left: 0;
 	width: 26px;
 	height: 26px;
 }
 .Top_Detail_Data.BestData ul .Hit > span:before {
 	background-position: -3px -156px;
 }
 .Top_Detail_Data.BestData ul .RecoveryRate > span:before {
 	background-position: -35px -156px;
 }
 .Top_Detail_Data .DataTxt {
 	color: #55e5b4;
 	font-weight: bold;
 }
 .Top_Detail_Data .DataTxt > strong {
 	margin-right: 6px;
 }

 .Top_Ranking_Footer {
 	padding: 15px 20px 17px;
 }

 @media screen and (max-width: 359px) {
 	.Top_Detail_Data.BestData ul li {
 		font-size: 84%;
 	}
 	.Top_Detail_Data.BestData ul li > span:before {
 		top: -6px;
 	}
 }

 /*-- トップ 予想家ピックアップ  --*/
 .YosokaCommentArea01 .SubTitle {
 	margin: 0 10px;
 }
 .YosokaCommentArea01 .YosokaCommentBox {
 	position: relative;
 	margin-bottom: 30px;
 	padding-left: 10px;
 	white-space: nowrap;
 	overflow-x: auto;
 	overflow-y: hidden;
 	-webkit-overflow-scrolling: touch;
 }
 .YosokaCommentArea01 .YosokaCommentBoxItem {
 	display: inline-block;
 	width: 306px;
 	padding-right: 10px;
 	vertical-align: top;
 }
 .YosokaCommentArea01 .YosokaCommentBoxItem a {
 	display: block;
 }
 .YosokaCommentBox .YosokaCommentBox1 {
 	display: -webkit-box;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-align: start;
 	-ms-flex-align: start;
 	align-items: flex-start;
 }
 .YosokaCommentBox .YosokaPhoto {
 	position: relative;
 	top: 0;
 	left: 0;
 	width: 72px;
 	-ms-flex-preferred-size: 72px;
 	flex-basis: 72px;
 	overflow: hidden;
 	border-radius: 4px;
 }
 .YosokaCommentBox .YosokaPhoto img {
 	display: block;
 	width: 100%;
 }
 .YosokaCommentBox .YosokaCommentData {
 	position: relative;
 	min-height: 72px;
 	width: auto;
 	-ms-flex-preferred-size: calc(100% - 85px);
 	flex-basis: calc(100% - 85px);
 	margin-left: 12px;
 	overflow: hidden;
 }
 .YosokaCommentBox .YosokaCommentData::after {
 	content: "";
 	position: absolute;
 	bottom: 0;
 	right: 0;
 	width: 100%;
 	height: 1px;
 	background-color: #cdcdcd;
 }
 .YosokaCommentBox .YosokaCommentData .YosokaName {
 	display: block;
 	max-width: 11em;
 	margin-bottom: 3px;
 	color: #333;
 	font-size: 1rem;
 	font-weight: 700;
 	line-height: 1.2;
 	white-space: nowrap;
 	text-overflow: ellipsis;
 	overflow: hidden;
 }
 .YosokaCommentBox .YosokaNameRoma01 {
 	display: block;
 	margin-bottom: 10px;
 	color: #c8c8c8;
 	font-size: 0.6875rem;
 	font-weight: 700;
 	line-height: 1.2;
 	white-space: nowrap;
 	text-overflow: ellipsis;
 	overflow: hidden;
 }
 .YosokaCommentBox .YosokaCopy01 {
 	display: block;
 	color: #777;
 	font-size: 0.875rem;
 	font-weight: 700;
 	line-height: 1.2;
 	white-space: nowrap;
 	text-overflow: ellipsis;
 	overflow: hidden;
 }
 .YosokaCommentBox .YosokaCommentData span.CommentUpTime {
 	font-size: 83.4%;
 	color: #888;
 	position: absolute;
 	right: 0;
 	top: 4px;
 	line-height:20px;
 }
 .YosokaCommentBox .YosokaCommentData p.MediaBoxTxt {
 	font-size: 83.4%;
 	line-height:1.3;
 	word-wrap: break-word;
 	word-break: break-all;
 	color: #333;
 }
 .YosokaColumnData {
 	color: #333;
 	margin: 14px 0 10px;
 }
 .YosokaColumnTitle {
 	font-size: 77.78%;
 	font-weight: bold;
 	margin-bottom: 8px;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	max-width: 16em;
 	white-space: nowrap;
 }
 .YosokaColumnTxt {
 	display: -webkit-box;
 	height: 3em;
 	font-size: 0.8125rem;
 	line-height: 1.5;
 	white-space: normal;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	-webkit-line-clamp: 2;
 	-webkit-box-orient: vertical;
 }

 /*overflow スクロール対応 20180625(hanada)*/
/*.YosokaCommentArea01 .YosokaCommentBox{
overflow-y: hidden;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
overflow-scrolling:touch;
white-space:nowrap;
}
.YosokaCommentArea01 .YosokaCommentBox .YosokaCommentBoxItem{
display: inline-block;
}*/
@media screen and (max-width: 320px){
	.YosokaCommentArea01 .YosokaCommentBox .YosokaCommentBoxItem {
		width: 270px;
	}
}
@media screen and (max-width: 359px) {
	.YosokaCommentBox .YosokaCommentData .YosokaName {
		font-size: 0.9375rem;
	}
	.YosokaCommentBox .YosokaCopy01,
	.YosokaColumnTxt {
		font-size: 0.75rem;
	}
}

/* サービス説明 */
.Nk_Infomation {
	margin-bottom: 30px;
}
.Nk_Infomation_Inner ul {
	border-top: 1px solid #e0e0e0;
}
.Nk_Infomation_Inner ul li {
	border-bottom: 1px solid #e0e0e0;
}
.Nk_Infomation_Inner ul li a {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 61px;
	padding: 8px 42px 8px 20px;
	color: #444;
	font-size: 0.9375rem;
	line-height: 1.46;
}
.Nk_Infomation_Inner ul li a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 11px;
	width: 7px;
	height: 13px;
	background-image: url(../../img/yoso/icon/icon_sprite_sp_yoso_nk01.png);
	background-repeat: no-repeat;
	background-position: -60px -50px;
	background-size: 100px auto;
	transform: translateY(-50%);
}

/*==============================================
08.的中情報
==============================================*/

/* 的中情報 - 的中リスト */
.HitInfo {
	padding: 0 8px 8px;
}
.HitInfo ul li + li {
	margin-top: 10px;
}
.HitInfoBox {
	background: #fff;
	border: 2px solid #c4c1b8;
}
.HitInfo_Header {
	background: #f5f4f1;
	border-top: 1px solid #fff;
	padding: 5px 5px 6px;
}
.HitInfo_Header .YosokaImg {
	/* margin-right: 4px; */
}
.HitInfo_Header .YosokaName,
.HitInfo_Header .HitInfoBtn {
	display: inline-block;
	vertical-align: middle;
}
.HitInfo_Header .HitInfoBtn {
	float: right;
}
.YosoButton {
	display: inline-block;
	background: #fff url("");
	border: 2px solid #e5e4dd;
	border-radius: 5px;
	color: #333;
	font-size: 83.4%;
	font-weight: bold;
	padding: 12px 0 12px;
	position: relative;
	text-align: center;
	text-indent: 20px;
	width: 124px;
}
.YosoButton:before {
	content: '';
	display: inline-block;
	background: url("../../img/yoso/icon/icon_baken01.png") no-repeat;
	-webkit-background-size: 17px 12px;
	-moz-background-size: 17px 12px;
	background-size: 17px 12px;
	position: absolute;
	left: 12px;
	width: 17px;
	height: 12px;
}

.HitInfo_Main {
	padding: 15px;
}
.HitInfo_Race {
	margin-bottom: 18px;
}
.HitInfo_Race .RaceDate {
	font-size: 72%;
	font-weight: normal;
}
.HitInfo_Race .RaceName {
	display: block;
	margin-top: 6px;
}
.HitResultArea {
	background: #ffefef;
	border-radius: 3px;
	padding: 12px 18px;
}
.HitResultArea table {
	width: 100%;
}
.HitResultArea table tr th {
	color: #e83e3e;
	width: 80px;
}
.HitResultArea table tr td {
	color: #e83e3e;
	font-weight: bold;
	text-align: right;
}

.HitInfo_Footer {
	padding: 18px;
}

@media screen and (max-width: 320px) {
	.HitInfo_Header .YosokaName {
		font-size: 88%;
	}
	.YosoButton {
		width: 118px;
	}
	.YosoButton:before {
		left: 8px;
	}
	.HitInfo_Race .RaceName {
		font-size: 88%;
	}
}


/* 的中情報 - 条件変更 */
.SettingAll_Wrap {
	margin-bottom: 8px;
	padding: 0 8px;
}
.SettingBtnBox {
	border-bottom: 1px dashed #bcbbb9;
}
.SettingBtnBox.NoBorder .SettingBtn > span,
.SettingBtnBox.NoBorder {
	border-bottom: none;
}
.SettingBtnBox .SettingBtn {
	display: block;
	color: #333;
	font-weight: bold;
	padding: 21px 0 21px 8px;
	position: relative;
}
.SettingBtnBox .SettingBtn > span {
	border-bottom: 1px solid #333;
}
.SettingBtnBox .SettingBtn .Icon_ArrowB,
.SettingBtnBox .SettingBtn .Icon_ArrowT {
	display: inline-block;
	border-bottom: none;
	margin-top: -4px;
	width: 18px;
	height: 10px;
	position: absolute;
	top: 50%;
	right: 20px;
}
.SettingBtnBox .SettingBtn .Icon_ArrowB {
	background: url("../../img/yoso/icon/icon_arrowB01.png") no-repeat 94% center;
	-webkit-background-size: 18px 10px;
	-moz-background-size: 18px 10px;
	background-size: 18px 10px;
}
.SettingBtnBox .SettingBtn .Icon_ArrowT {
	background: url("../../img/yoso/icon/icon_arrowT01.png") no-repeat 94% center;
	-webkit-background-size: 18px 10px;
	-moz-background-size: 18px 10px;
	background-size: 18px 10px;
}

.SettingFunction_Wrap {
	margin-bottom: 24px;
}
.SettingFunction {
	display: table;
	width: 100%;
}
.SettingFunction + .SettingFunction {
	margin-top: 10px;
}
.SettingFunction .SettingFunction_Title,
.SettingFunction .SettingSelect {
	display: table-cell;
	vertical-align: middle;
}
.SettingFunction .SettingFunction_Title {
	font-size: 66%;
	text-align: right;
	padding-right: 8px;
	white-space: nowrap;
	width: 5em;
}
.SettingFunction .SettingSelect .SelectGroup {
	display: block;
	overflow: hidden;
	position: relative;
	border: 2px solid #dfddd6;
	border-radius: 5px;
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f5f4f1) );
	background-image: -moz-linear-gradient(bottom, #ffffff 0%, #f5f4f1 100%);
	background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #f5f4f1 100%);
	background-image: linear-gradient(to bottom, #ffffff 0%, #f5f4f1 100%);
	vertical-align: middle;
}
.SettingFunction .SettingSelect select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0 none;
	color: #7f7f7f;
	cursor: pointer;
	font-size: 66%;
	font-weight: bold;
	padding: 10px 20px 10px 16px;
	line-height: 1.2;
	outline: none;
	background: rgba(0, 0, 0, 0);
	width: 100%;
}
.SettingFunction .SettingSelect .SelectGroup:after {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-top: 5px solid #bebbb1;
	position: absolute;
	top: 43%;
	right: 12px;
}
/*==============================================
09.好調予想家専用LP .YosokaPickupWrap
==============================================*/
.YosokaPickupHead {
	position: relative;
	margin: 1px 8px 10px;
	min-height: 176px;
	background-color: #f3f3f3;
}
.YosokaPickupHead:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 21px solid transparent;
	border-top: 21px solid #f3f3f3;
	position: absolute;
	bottom: -40px;
	left: 50%;
	margin-left:-21px;
}
.YosokaPickupHead .YosokaPhotoImg {
	position: absolute;
	left: 15px;
	top: 15px;
	float: none;
	width: 139px;
	height: auto;
	z-index: 20;
}
.YosokaPickupHead .YosokaPhotoImg img {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	width: 108px;
	border-radius: 4px;
	transform: none;
}
.YosokaPickupHeadArea01 {
	background: url('../../img/yoso/general/Bg_YosokaPage_01.png') no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	padding: 20px 0 20px 173px;
	color: #fff;
}
.YosokaPickupHeadArea01 img.Img_LogoNk {
	display: block;
	width: 113px;
	margin: 0 0 7px;
}
.YosokaPickupHeadArea01 span {
	display: block;
	font-size: 105.6%;
	font-weight: bold;
}
.YosokaPickupHeadArea02 {
	padding: 18px 0 0 175px;
}
.YosokaPickupHeadArea02 .YosokaName01{
	font-size: 122.3%;
	font-weight: bold;
	color: #55a78e;
}
.YosokaPickupHeadArea02 .YosokaCopy01{
	font-size: 83.4%;
	font-weight: bold;
	color: #999;
	margin-top: 6px;
	line-height: 1.2;
}

@media screen and (max-width: 359px) {
	.YosokaPickupHead {
		min-height: 166px;
	}
	.YosokaPickupHead .YosokaPhotoImg {
		width: 108px;
	}
	.YosokaPickupHeadArea01 {
		padding-left: 134px;
	}
	.YosokaPickupHeadArea02 {
		padding-left: 136px;
	}
}
.YosokaPickupReport {
	margin: 8px;
	background: url('../../img/yoso/general/Bg_YosokaPage_02.png') no-repeat #74B642;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
	padding: 0 14px;
}
p.YosokaPickupReportTxt {
	text-align: center;
	color: #fff;
	padding: 24px 0;
	font-size: 111.2%;
	line-height: 1.5;
	font-weight: bold;
}
p.YosokaPickupReportTxt span{
	color: #faef3c;
	font-size: 139.9%;
}
p.YosokaPickupReportTxt span strong{
	color: #faef3c;
	font-size: 160.7%;
}
table.YosokaPickupReportTable {
	width: 100%;
}
table.YosokaPickupReportTable tbody th{
	background: #599b29;
	color: #fff;
	text-align: left;
	font-weight: bold;
	padding: 11px 16px;
	font-size: 94.5%;
}
table.YosokaPickupReportTable tbody td{
	background: #f1ffe7;
	color: #599b29;
	text-align: right;
	font-weight: bold;
	padding: 11px 16px;
	font-size: 94.5%;
}
.YosokaPickupReport p.YosokaHeadDataInfo01 {
	text-align: right;
	color: #fff;
	font-size: 77.8%;
	padding: 6px 0 10px;
}
.YosokaPickupWrap .BtnArea{
	margin: 12px 8px;
}
/*
.YosokaPickupLinkBtn {
	margin: 12px 8px;
}
.YosokaPickupLinkBtn a {
	display: block;
	border: none;
	border-radius: 5px;
	font-weight: bold;
	padding: 24px 18px 24px 30px;
	width: 100%;
	background: #e89b3a;
	color: #fff;
	box-shadow: 0 3px 0 #CE7F1A;
}
.YosokaPickupLinkBtn a span{
	display: block;
	background: url("../../img/yoso/icon/icon_arrowR03.png") no-repeat 100% center;
	-webkit-background-size: 18px 13px;
	-moz-background-size: 18px 13px;
	background-size: 18px 13px;
	padding-right: 24px;
}
*/
.YosokaLP_HitInfo li:nth-child(n+2){
	display: none;
}
.YosokaLP_HitInfo .BtnArea {
	padding: 0 15px 15px;
	text-align:center;
}
.YosokaLP_HitInfo .BtnArea span.Txt{
	color: #000;
}

/*今週の注目レース情報 20171201*/
.RaceList_02.JRA {
	margin: 6px 8px 36px;
}
.RaceList_02.JRA li + li {
	margin-top: 8px;
}
.RaceList_02.JRA li > div {
	position: relative;
	width: 100%;
	padding: 12px;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
}
.RaceList_02.JRA li div.txtarea {
	padding-right: 76px;
}
.RaceList_02.JRA li div.txtarea h2 {
	padding-top: 6px;
}
.RaceList_02.JRA li div.btnarea {
	position: absolute;
	vertical-align: middle;
	width: 76px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	right: 12px;
}
.RaceList_02.JRA li div.btnarea .StateBtn {
	padding: 9px 5px 8px;
}
.RaceList_02.JRA li div.btnarea .Txt {
	font-size: 0.75rem;
	font-weight: 700;
}
.RaceList_02.JRA li div.btnarea .Point {
	display: block;
	margin-right: 0;
	font-size: 1.0625rem;
	font-weight: 700;
}
.RaceList_02.JRA li div.btnarea .Konyuzumi {
	display: block;
	margin-bottom: 1px;
	font-size: 1rem;
	font-weight: 700;
}
.RaceList_02.JRA li div.btnarea .Free {
	display: block;
	margin: -4px 0 1px;
	padding: 5px 0 4px;
	font-size: 0.6875rem;
	font-weight: 700;
	background-color: #d1423f;
	border-radius: 3px;
}
.RaceList_02.JRA li div .RaceTitle {
	font-weight: bold;
	color: #333;
	margin-bottom: 8px;
	font-size:110%;
}
.RaceList_02.JRA li div .RaceData {
	font-size: 74%;
	color: #333;
}
/*==============================================
10. 緊急情報
==============================================*/
.EmergencyArea {
	position: relative;
	overflow: hidden;
	padding: 10px 8px;
	background: #555;
	font-size: 72%;
}
.EmergencyArea a {
	color: #fff;
	line-height: 1.15;
	display: block;
	position: relative;
	padding-left: 26px;
}
.EmergencyArea a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	display: inline-block;
	width: 26px;
	height: 15px;
	background: url("../../img/yoso/icon/icon_sprite_sp_yoso.png?181105") no-repeat;
	-webkit-background-size: 164px 400px;
	-moz-background-size: 164px 400px;
	background-size: 164px 400px;
	background-position: -67px -292px;
}

/*==============================================
11. イチオシ予想家の決断
==============================================*/
.TopYosokaDecisionContents {
	background: #fff url("../../img/yoso/general/bg_topyosokadecision.png") no-repeat 0 10px;
	background-size: 100% auto;
	padding: 15px 0;
	text-align: center;
}
.TopYosokaProfile {
	margin-bottom: 18px;
}
.TopYosokaProfile a {
	display: block;
}
.TopYosokaProfileThumb {
	border-radius: 50%;
	width: 70px;
}
.TopYosokaProfileTxt {
	padding-left: 7px;
}
.TopYosokaName {
	color: #666;
	font-size: 111%;
	font-weight: bold;
	margin: 5px 0 8px;
}
.TopYosokaProfileTxt .RecoveryRate {
	display: inline-block;
	color: #fff;
	background: #cda352;
	font-size: 67%;
	margin: 0 auto 8px;
	padding: 3px 8px;
	border-radius: 10px;
}
.TopYosokaProfileTxt .RecoveryRate span {
	font-size: 133%;
}
.TopYosokaProfileDesc {
	color: #666;
	font-size: 72%;
	line-height: 1.36;
	max-height: 2.6em;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.TopYosokaProfileDesc em {
	color: #d03d3a;
	font-weight: bold;
}
.TopYosokaProfileDescGet {
	color: #222;
	font-weight: bold;
}
.DecisionList {
	padding-left: 10px;
}
.DecisionList li {
	background: #f2f1ec;
	text-align: center;
	width: 220px;
	margin-left: 10px;
	border-radius: 3px;
	padding: 20px 18px 24px;
}
.DecisionList li:first-child {
	margin-top: 0;
	margin-left: 0;
}
.TopYosokaDecisionContents .RaceTitle {
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
	margin-bottom: 13px;
}
.TopYosokaDecisionContents .RaceName {
	display: inline-block;
	color: #222;
	font-size: 100%;
	font-weight: bold;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 7em;
	white-space: nowrap;
	/*margin-bottom: 6px;*/
	margin-right: 4px;
}
.TopYosokaDecisionContents .Icon_GradeType {
	font-size: 56%;
}
.DecisionList li .BtnArea {
	width: 185px;
	display: inline-block;
}


/*==============================================
12. ウマいボタン
==============================================*/
.UmaiBtnArea > *{
	display: inline-block;
}
.UmaiBtnArea .UmaiBtn{
	float: right;
	height: 24px;
	border: 1px solid #fff;
	border-radius: 3px;
	padding-top: 2px;
	margin-top: 1px;
	margin-right: -8px;
	outline: none;
}
.UmaiBtnArea .UmaiBtn .Umai_text{
	display: inline-block;
	position: relative;
	font-size: 55%;
	font-weight: bold;
	color: #fff;
	padding: 0 0px 0 27px;
	line-height: 1.4;
	vertical-align: middle;
}
.UmaiBtnArea .UmaiBtn .Umai_text:before{
	content: "";
	position: absolute;
	top: 1px;
	left: 6px;
	background-image: url(../../img/yoso/icon/umai_btn_sp.png);
	background-repeat: no-repeat;
	background-size: 16px 12px;
	-moz-background-size: 16px 12px;
	-webkit-background-size: 16px 12px;
	width: 16px;
	height: 12px;
}
.UmaiBtnArea .UmaiBtn:hover{
	text-decoration: none;
}
.UmaiBtnArea .Umai_point{
	font-size: 68%;
	font-weight: bold;
	color: #fff;
	padding: 0 7px 0 8px;
	min-width: 20px;
	text-align: right;
	vertical-align: middle;
}
/*「ウマい！」ボタン済*/
.UmaiBtnArea .UmaiBtn.clicked{
	border:0;
	padding: 3px 1px 0 0;
	cursor: unset;
}
/*==============================================
13. 調子偏差値ページの導線
==============================================*/

.Recommend_App_Box li {
	border-bottom: 1px solid #ccc;
}
.Recommend_App_Box .PhotoThumb {
	display: table-cell;
}
.Recommend_App_Box .PhotoThumb > span {
	margin-right: 8px;
}
.Recommend_App_Box a {
	display: table;
	width: 100%;
	background: #fff;
	padding: 10px;
}
.Recommend_App_Box .LinkTitle {
	display: table-cell;
	width: 100%;
	vertical-align: top;
}
.Recommend_App_Box .LinkTitle p.ContentCopy01 {
	background-color: #cf3f3e;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
	padding:3px 10px;
	margin-bottom:6px;
}
.Recommend_App_Box .LinkTitle h3 {
	font-size: 97.2%;
	font-weight: bold;
	color: #000;
	padding: 2px 0;
	margin-bottom: 3px;
}
.Recommend_App_Box .LinkTitle p.ContentInfoTxt01 {
	font-size: 67%;
	color: #4b4b4b;
	line-height: 1.3;
}
.Icon_App {
	display: inline-block;
	width: 84px;
	height: 84px;
	background-image: url(../img/common/img_nktop_01.png?171030);
	background-repeat: no-repeat;
	background-size: 600px 300px;
	-moz-background-size: 600px 300px;
	-webkit-background-size: 600px 300px;
	-ms-background-size: 600px 300px;
	border-radius: 8px;
}
.Icon_App.Icon_Barometer {
	background-image: url(../../img/yoso/general/img_nktop_barometer.jpg);
	background-size: 84px 84px;
	background-position: 0px 0px;
}

/*==============================================
14.お気に入り予想家一覧（通知設定）
==============================================*/
.YosokaRanking .Title_Sec {
/*	margin-top: 24px;
margin-bottom: 0; */
}
.YosokaRanking .Title_Sec h2 span {
	font-size: 78%;
	font-weight: normal;
	margin-left: .5em;
}
.yosokanotice .Contents_Header p {
	font-size: 78%;
	padding: 29px 10px;
	line-height: 1.46;
}
.yosokanotice .PointUseHistoryBox {
	padding: 0 10px;
}
.BookMarkSelectList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 20px 10px 0;
	position: relative;
}
.BookMarkSelect_Cancel {
	min-width: 52px;
	margin-right: 10px;
	opacity: 0;
	position: absolute;
	left: -100%;
	-webkit-transition: .5s;
	transition: .5s;
}
.BookMarkSelect_Cancel.show {
	opacity: 1;
	left: 10px;
	z-index: 1;
}
.BookMarkSelectList ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 18px;
	width: 100%;
	position: relative;
}
.BookMarkSelectList ul li {
	color: #666;
	font-size: 72%;
	min-width: 52px;
	text-align: center;
}
.BookMarkSelectList ul a {
	display: block;
	color: #666;
	background: #fff;
	border-radius: 1.07em;
	border: 1px solid #888;
	line-height: 2.15em;
}
.BookMarkSelect_Cancel a {
	color: #666;
	font-size: 72%;
	min-width: 52px;
	text-align: center;
	display: inline-block;
	border-radius: 1.07em;
	border: 1px solid #888;
	line-height: 2.15em;
	padding: 0 1em;
}
.BookMarkSelectList ul .BookMarkSelect_DelBtn {
	-webkit-transition: .5s;
	transition: .5s;
}
.BookMarkSelectList ul .BookMarkSelect_DelBtn.Active {
	margin-left: 8em;
}
.BookMarkSelectList ul .BookMarkSelect_DelBtn.Active a {
	border-color: transparent;
}
input[type="checkbox"].Notice_Switch {
	display: none;
}

/* Normal Track */
input[type="checkbox"].Notice_Switch + div {
	vertical-align: middle;
	width: 48px;
	height: 28px;
	border-radius: 14px;
	background-color: #e7e7e7;
	-webkit-transition-duration: .4s;
	-webkit-transition-property: background-color, box-shadow;
}
/* Checked Track (Blue) */
input[type="checkbox"].Notice_Switch:checked + div {
	background-position: 0 0;
	background-color: #3251bc;
}
/* Normal Knob */
input[type="checkbox"].Notice_Switch + div > div {
	float: left;
	width: 24px;
	height: 24px;
	border-radius: inherit;
	background: #fff;
	-webkit-transition-timing-function: cubic-bezier(.54,1.85,.5,1);
	-webkit-transition-duration: 0.4s;
	-webkit-transition-property: transform, background-color, box-shadow;
	-moz-transition-timing-function: cubic-bezier(.54,1.85,.5,1);
	-moz-transition-duration: 0.4s;
	-moz-transition-property: transform, background-color;
	pointer-events: none;
	margin-top: 2px;
	margin-left: 2px;
}
/* Checked Knob */
input[type="checkbox"].Notice_Switch:checked + div > div {
	-webkit-transform: translate3d(20px, 0, 0);
	-moz-transform: translate3d(20px, 0, 0);
	transform: translate3d(20px, 0, 0);
}
.Notice_Check {
	padding: 10px 0;
	/*position: absolute;
	right: 0;*/
	-webkit-transition: .5s;
	transition: .5s;
}
input[type="checkbox"].Del_Check {
	display: none;
}
input[type=checkbox].Del_Check + div {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 15px;
	text-align: center;
	line-height:20px;
	vertical-align: middle;
	background-color: #fff;
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.08);
	border: 1px solid #888;
	border-radius: 10px;
	/*box-sizing: border-box;*/
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	cursor: pointer;
}
input[type=checkbox].Del_Check + div > div {
	content: '';
	position: absolute;
	top: 50%;
	left: 4px;
	display: block;
	width: 10px;
	height: 5px;
	margin-top: -3px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	opacity: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}
input[type=checkbox].Del_Check:checked + div {
	background-color: #3251bc;
	border-color: #3251bc;
}
input[type=checkbox].Del_Check:checked + div > div {
	opacity: 1;
}
.BoookMark_Del_Wrapper {
	display: none;
}
.BoookMark_Del_Wrapper.show {
	display: block;
}
.BoookMark_Del_Wrapper ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.RankingListWrap .BoookMark_Del_Wrapper li {
	width: 100%;
}
.RankingListWrap .BoookMark_Del_Wrapper li:first-child {
	margin-right: 5px;
}
.RankingListWrap .BoookMark_Del_Wrapper a {
	color: #3251bc;
	font-size: 78%;
	font-weight: bold;
	line-height: 3.21;
	text-align: center;
	display: block;
	width: 100%;
	background: #fff;
	border: 1px solid #3251bc;
	border-radius: 4px;
	-webkit-transition: .5s;
	transition: .5s;
}
.RankingListWrap .BoookMark_Del_Wrapper a.BoookMark_Del_Submit {
	color: #fff;
	background: #3251bc;
	border-color: #3251bc;
}
.BookMarkSelectList ul .BookMarkSelect_Notice {
	line-height: 2.15em;
	position: absolute;
	right: 10px;
}
.Notice_Check {
	padding: 10px 0;
	position: absolute;
	right: 0;
	-webkit-transition: .5s;
	transition: .5s;
}
.BookMarkSelectList ul .BookMarkSelect_Notice.hidden,
.Notice_Check.hidden {
	right: -100%;
}
.BookMark_Del {
	padding: 10px 0;
	opacity: 0;
	position: absolute;
	left: -100px;
	-webkit-transition: .5s;
	transition: .5s;
}
.BookMark_Del.show {
	opacity: 1;
	left: 0;
}

.RankingListWrap li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	position: relative;
}
.RankingListWrap li a {
	position: relative;
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1
}
.YosokaPhotoImg {
	width: 80px;
	height: 80px;
	text-align: center;
	border-radius: 4px;
	overflow: hidden;
	margin-right: 10px;
	float: left;
	position: relative;
}
.YosokaPhotoImg img {
	max-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.RankingListWrap li .BookMark_Del + a {
	width: 90%;
	width: calc(100% - 67px);
	-webkit-transition: .5s;
	transition: .5s;
	-webkit-box-flex: initial;
	-ms-flex: initial;
	flex: initial;
}
.RankingListWrap li .BookMark_Del.show + a {
	margin-left: 52px;
	/*width: 100%;*/
}
@media screen and (max-width: 374px) {
	input[type=checkbox].Del_Check + div {
		margin-left: 9px;
	}
	.RankingListWrap li .BookMark_Del.show + a {
		margin-left: 39px;
	}
}

/* お気に入り登録完了 */
.modal-overlay {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.3);
/*	overflow: hidden;
overflow-y: auto; *//* scrollにはしないことでスクロールの必要がないときはスクロールバーを表示させない */
-webkit-overflow-scrolling: touch;
z-index: 1000;
}
.Fav_Modal {
	background: #fff;
	border-radius: 4px;
	padding: 10px;
	position: absolute;
	top: 169px;
	left: 50%;
	z-index: 1001;
	width: 92%;
	max-width: 355px;
	transform: translateX(-50%);
}
.Fav_Modal_Title {
	color: #777;
	font-size: 78%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 37px;
}
.Fav_Modal_MainTitle {
	color: #333;
	font-size: 83%;
	line-height: 1.47;
	padding: 0 10px;
	margin-bottom: 30px;
}
.Fav_Modal_MainTitle strong {
	font-weight: bold;
}
.Fav_Modal_CloseBtn01 {
	margin-bottom: 22px;
}
.Fav_Modal_CloseBtn01 a,
.Fav_Modal_OKBtn a {
	display: block;
	color: #777;
	font-size: 72%;
	line-height: 3.46;
	text-align: center;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	width: 100%;
}
.Fav_Modal_List {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 22px;
	position: relative;
}
.Fav_Modal_List li {
	width: 50%;
}
.Fav_Modal_List li:first-child {
	margin-right: 10px;
}
.Fav_Modal_List .Fav_Modal_CloseBtn01 {
	margin-bottom: 0;
}
.Fav_Modal_List .Fav_Modal_CloseBtn01 a {
	color: #3251bc;
	border-color: #3251bc;
	background: #fff;
}
.Fav_Modal_List .Fav_Modal_OKBtn {
	margin-bottom: 0;
}
.Fav_Modal_List .Fav_Modal_OKBtn a {
	color: #fff;
	border-color: #3251bc;
	background: #3251bc;
}
.Fav_Modal_Note {
	color: #666;
	font-size: 72%;
	line-height: 1.38;
}
.Fav_Modal_Close {
	position: absolute;
	top: 5px;
	right: 8px;
}
.Fav_Modal_Close a {
	display: block;
	width: 30px;
	height: 30px;
}
.showModal .Wrap{
	overflow: hidden;
	width: 100%;
	height: 100%;
}


.yosokanotice .FavRegistArea01 {
	position: absolute;
	top: 0;
	right: 0;
}
.yosokanotice .YosokaRankingBox {
	min-height: 102px;
}
.yosokanotice .YosokaLabel {
	color: #444;
	font-size: 94%;
	font-weight: bold;
	line-height: 1.38em;
	margin-top: 2px;
	margin-bottom: 5px;
	overflow: hidden;
	position: relative;
	word-wrap: break-word;
	text-overflow: ellipsis;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height:2.6em;
}
.yosokanotice .YosokaDesc {
	color: #666;
	font-size: 74%;
	font-weight: normal;
	line-height: 1.4;
}
.yosokanotice .RankingDetail .YosokaNameBox {
	padding: 15px 10px 15px 0;
}

.yosokanotice .RankingListWrap .Asterisk{
	padding: 13px 8px;
	line-height: 1.5;
	font-size: 67%;
}
.yosokanotice .YosokaLabel a{
	color: #444;
}
.yosokanotice .RankingListWrap {
	padding: 0 10px 20px;
}

.auto_byContent{
	margin:0 -8px;
	padding:31px 10px;
	text-align:center;
	font-size:83.33%;
	color:#333333;
	background:#f3f3f3;
}
.auto_byContent a.BookmarkNoticeBtn{
	background:#1232a3;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	display:block;
	border-radius:4px;
	padding:16px 0px 14px 0px;
	margin-top:20px;
}
.auto_byContent a.BookmarkNoticeBtn:before{
	background:none;
}
/*-- お気に入り一覧 --*/
.YosokaRankingList .RankingList > li, .YosokaBookmarkList .RankingList > li{
	border:none;
}
.RankingList{
	/*margin-top:30px;*/
}
/*.RankingList li{
	height:80px;
	position:relative;
	}*/
	.RankingList li a{
		display:block;
	}
	.RankingList .YosokaRankingBox{
		min-height:80px;
	}
	.YosokaRankingList .RankingList > li + li, .YosokaBookmarkList .RankingList > li + li{
		margin-top:20px;
	}
	.RankingDetail .YosokaLabel{
		background:none;
	}
	.RankingDetail .YosokaNameBox{
		padding:5px 0px 7px;
		margin-left:90px;
		clear:both;
	}
	.RankingDetail .YosokaNameBox .Name{
		color:#0033aa;
	}
	.RankingDetail .YosokaNameBox .catchCopy{
		font-size:64%;
		margin-top:5px;
		color:#908e90;
	}
	.RankingDetail .YosokaNameBox .now-showing{
		width:40px;
		margin-top:7px;
		margin-right:5px;
		padding:3px 0px;
		text-align:center;
		font-size:10px;
		color:#e03d3d;
		background:#fff;
		border:1px solid #e03d3d;
		border-radius:8px;
		float:left;
	}
	.RankingDetail .YosokaNameBox .auto_purchase{
		width:55px;
		margin-top:7px;
		padding:3px 0px;
		text-align:center;
		font-size:10px;
		background:#e9d89d;
		border:1px solid #e9d89d;
		color:#333;
		border-radius:8px;
		float:left;
	}
	.YosokaRankingBox .YosokaPhotoImg img{
		width:75px;
	}
	.YosokaNameBox .yosoka_fav_num{
		position: absolute;
		top: 7px;
		right: 0;
		padding-left: 15px;
		color: #666;
		font-size: 0.8125rem;
		line-height: 1.4;
	}

	.YosokaNameBox .yosoka_fav_num span{
		position: absolute;
		top: 2px;
		left: 0;
		display: block;
		width: 11px;
		height: 11px;
		text-indent: -9999px;
		overflow: hidden;
		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;
	}

/*==============================================
ご意見・ご要望
==============================================*/
.OpinionBtn {
	padding: 12px 10px;
	max-width: 375px;
	margin: auto;
}
.OpinionBtn > p {
	font-size: 0.875rem;
	margin-bottom: 12px;
	text-align: center;
}
.OpinionBtn a {
	background-color: #fff;
	border: 1px solid #999;
	border-radius: 7px;
	display: block;
	height: 45px;
	padding: 16px 15px 15px;
	font-size: 0.875rem;
	text-align: center;
	font-weight: bold;
	color: #444;
}


/*==============================================
本日の開催 nar_spから転記 2020/9/17
==============================================*/
.TodayLocalFacilities {
	margin-bottom: 30px;
}
.TopNarRaceTodayList {
	padding-right: 10px;
	padding-bottom: 10px;
	font-size: 0;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
}
.TopNarRaceTodayList li {
	display: inline-block;
	width: 28%;
	min-width: 95px;
	min-height: 110px;
	padding-left: 10px;
	white-space: normal;
}
.TopNarRaceTodayList a {
	position: relative;
	display: block;
	padding: 9px;
	color: #444;
	text-align: center;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
}
.TopNarRaceTodayList li.Nighter a::after {
	content: "";
	position: absolute;
	top: 5px;
	right: 5px;
	display: block;
	width: 14px;
	height: 13px;
	background: url("../../img/yoso/icon/icon_nighter_01.png") 0 0 no-repeat;
	background-size: 14px 13px;
}
.TopNarRaceTodayList img.LocalFacilitiesLogo {
	display: block;
	width: 60%;
	margin: auto;
}
.TopNarRaceTodayList a > span {
	display: block;
	padding: 6px 0 9px;
	font-size: 0.8125rem;
	font-weight: 700;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.TopNarRaceTodayList a .RaceMark{
	min-height: 16px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.TopNarRaceTodayList a .RaceMark .Icon_RaceMark{
	display: inline-block;
}
.TopNarRaceTodayList a .RaceMark .Icon_RaceMark.Icon_Grade {
	display: inline-block;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	text-align: center;
	min-width: 18px;
	padding: 1px 0.2em 0;
	white-space: nowrap;
}
.TopNarRaceTodayList .Race_Title {
	display: block;
	margin-bottom: 11px;
	padding: 0;
	color: #888;
	line-height: 1.2;
}
.TopNarRaceTodayList .Race_State {
	text-align: center;
	white-space: nowrap;
	background-color: #e6e6e6;
	border-radius: 3px;
}
.TopNarRaceTodayList .Race_State > span {
	display: inline-block;
	color: #444;
	font-size: 0.8125rem;
	font-weight: 700;
	line-height: 1.54;
	vertical-align: middle;
}

.TopNarRaceTodayList .Race_State.RaceEnd {
	background-color: #b6b6b6;
}
.TopNarRaceTodayList .Race_State.RaceEnd > span {
	color: #fff;
}
@media screen and (min-width: 768px) {
	.TopNarRaceTodayList {
	    padding-right: 10px;
	    padding-bottom: 10px;
	    font-size: 0;
	    white-space: normal;
	    overflow-x: hidden;
	    overflow-y: hidden;
	}
	.TopNarRaceTodayList li {
		display: inline-block;
		width: 25%;
		min-width: 95px;
		min-height: 110px;
		padding-left: 10px;
		white-space: normal;
	}
	.TopNarRaceTodayList li:nth-child(n+5){
		margin-top: 10px;
	}
}
@media screen and (max-width: 359px) {
	.TopNarRaceTodayList a > span,
	.TopNarRaceTodayList .Race_Title,
	.TopNarRaceTodayList .Race_State > span {
		font-size: 0.75rem;
	}
}
/* ウマい車券 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;
}
.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;
}
/* pc表示:hover */
@media screen and (min-width: 768px){
	.RaceRecommend_Inner a{
		color: #545454;
	}
	.PickupRace_SlideImgBox01 > a:hover,
	.SlideImgBox01 > a:hover {
		filter: alpha(opacity=85);
		opacity: 0.85;
		-moz-opacity: 0.85;
	}
	.YosoTop .MyPointDataBox .PointAreaWrap:hover{
		background: #f9f9f9;
		text-decoration: none;
	}
	.MenuBox ul.Btn_List_01 li a:hover,
	.NextRaceInfo .SoonFlash01 a:hover,
	.TopNarRaceToday a:hover,
	.PickUp_Ranking .RankingList a:hover,
	.YosokaLinkBtn01 a:hover{
		background: #f9f9f9;
	}
	.PickupRaceSlideWrap02 .RaceRecommend_Inner:hover a{
		background: #f9f9f9;
		text-decoration: none;
		padding: 10px 0 9px 10px;
		min-height: 114px;
		text-decoration: underline;
	}
	.MenuBox ul.Btn_List_01 li a:hover{
		color: #c53131;
	}
	.PickUp_Ranking .RankingList a:hover,
	.PickupRaceSlideWrap02 .PickupRaceMenu_Wrap a:hover{
		text-decoration: none;
	}
	.PickUp_Ranking .RankingList a:hover .YosokaName{
		text-decoration: underline;
	}
	.TopNarRaceTodayList a:hover {
		text-decoration: none;
	}
	.TopNarRaceTodayList a:hover > span:not(.Race_Title) {
		color: #c53131;
		text-decoration: underline;
	}
}



/*==============================================
★初回限定ポイントプレゼント
==============================================*/
.First_Gift {
  position: relative;
  background-color: #F3F3F3;
  margin: 20px 10px 0;
  border-radius: 12px;
}
.First_Gift img {
	width: 100%;
	border-radius: 12px;
}
@media screen and (min-width: 750px) {
  .First_Gift.browser .First_Gift_Img {
    bottom: 23%;
  }
}
.First_Gift.browser .Btn_Catch {
  margin: 13px auto -4px;
}
.First_Gift.browser .Notice {
  margin-top: -10px;
}
@media screen and (max-width: 360px) {
  .First_Gift.browser .Notice {
    margin-top: -2.66667vw;
  }
}
.First_Gift.app .Btn_Catch {
  margin: 21px auto 8px;
}
.First_Gift_Img img {
  width: 100%;
}
.First_Gift .Btn_Inner a {
	display: block;
	width: 73.23%;
	margin: 0 auto;
	padding: 12px 0;
	background: #4E4545;
	color: #fff;
	font-size: 1rem;
	font-weight: 600;
	border-radius: 20px;
	text-align: center;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
	.First_Gift .Btn_Inner a {
		bottom: 40px;
	}
}

/*==============================================
★　★初回限定ポイント取得モーダル
==============================================*/
.Point_Get {
  padding: 20px 0 0;
}
.Point_Get_Title {
  margin-bottom: 12px;
  text-align: center;
  font-size: 1.375rem;
  color: #444444;
  font-weight: 600;
}
.Point_Get_Title.color_red {
  color: #F53D1C;
}
.Point_Get .Btn_Catch {
  margin: 20px auto 8px;
  position: relative;
  display: block;
  font-weight: 600;
  text-align: center;
  color: #F5391C;
  font-size: 0.875rem;
}
.Point_Get .Btn_Catch:before,
.Point_Get .Btn_Catch:after {
  position: relative;
  display: inline-block;
  content: "";
  background: #F5391C;
  width: 3px;
  height: 15px;
  margin: 0 1em;
  border-radius: 3px;
  vertical-align: middle;
}
.Point_Get .Btn_Catch:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.Point_Get .Btn_Catch:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.Point_Get .Point_Img {
  display: block;
  width: 123px;
  margin: 0px auto 11px;
}
.Point_Get_List {
  margin: 0 20px 15px;
  border-radius: 4px;
  border: solid 1px #E8E8E8;
}
.Point_Get_List .Head {
/*  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;*/
  padding: 15px 10px;
  background: #E8E8E8;
  color: #444444;
/*  text-align: center;*/
  font-weight: 600;
}
.Point_Get_List .Head .Race_Day {
  margin-right: 10px;
  font-size: 14px;

}
sat {
	color: #3251bc;
}
.sun {
	color: #c53131;
}
.Point_Get_List .Head .Race_Name {
  font-size: 18px;
}
.Point_Get_List .GensenYosoList {
	padding: 0;
  min-height: auto;
}
.Point_Get_List .GensenYosoList ul {
	padding: 0 10px;
  border-bottom: none;
}
.Point_Get_List .GensenYosoList ul li {
  border: none;
}
.Point_Get_List .GensenYosoList ul li + li {
  border-top: 1px dashed #dcdcdc;
	margin-top: 0;
}
.Point_Get_List .Icon_GradeType {
  margin-left: 3px;
  display: inline-block;
  font-size: 10px;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  vertical-align: baseline;
}
.Point_Get_List .GensenYosoList .Inner {
  padding: 13px 0;
}
.Point_Get_List .GensenYosoList .Yosoka .YosokaImage {
  width: 72px;
	left: 0;
}
.Point_Get_List .GensenYosoList .Yosoka .Profile {
  padding-left: 70px;
  min-height: 60px;
}
.Point_Get_List .GensenYosoList .Yosoka .Profile .Name {
	font-size: 1.125rem;
}
.Point_Get_List .GensenYosoList .Yosoka .Profile .Name a {
  color: #444444;
}
.Point_Get_List .GensenYosoList .Yosoka .Profile .CatchPhrase {
  color: #666666;
  font-weight: 600;
	font-size: 0.6875rem;
}
.Point_Get_List.RaceYosoList .GensenYosoList .BtnArea {
  margin: 0 0 0 auto;
	padding: 0;
}
.Point_Get .btn_inner {
  margin: 25px 20px 0;
}
.Point_Get .yosoka_more_btn {
  border: 1px solid #888;
  position: relative;
  padding: 16px 43px;
  margin: 0 auto;
  max-width: 440px;
  height: 50px;
  border-radius: 28px;
  display: block;
  text-align: center;
  font-size: 16px;
  color: #444444;
  font-weight: 600;
}
.Point_Get .yosoka_more_btn::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 1px;
  background: none;
  border-top: 2px solid #444444;
  border-right: 2px solid #444444;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.Point_Get .yosoka_more_btn .yosoka_more_balloon {
  background-color: #3150BB;
  position: absolute;
  display: inline-block;
  padding: 5px 10px 5px 10px;
  min-width: 146px;
  max-width: 100%;
  color: #FFF;
  font-size: 11px;
  text-align: center;
  font-weight: 600;
  top: -13px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 12px;
}
.Point_Get .yosoka_more_btn .yosoka_more_balloon::before {
  content: "";
  position: absolute;
  top: 90%;
  left: 50%;
  margin-left: -6px;
  border: 6px solid transparent;
  border-top: 6px solid #3150BB;
}

@media screen and (max-width: 768px) {
	.Point_Get_List .Head .Race_Day {
    font-size: 0.8125rem;
	}
  .Point_Get_List .Head .Race_Name {
    max-width: 12em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 1rem;
  }
  .Point_Get_List .Icon_GradeType {
    font-size: 10px;
  }

  .Point_Get .yosoka_more_btn {
    font-size: 0.9375rem;
  }
  .Point_Get .yosoka_more_btn::after {
    width: 7px;
    height: 7px;
  }
}
@media screen and (max-width: 360px) {
  .Point_Get .yosoka_more_btn .yosoka_more_balloon {
    font-size: 11px;
    font-size: 2.93333vw;
  }
}
@media only screen and (min-width: 0px) and (max-width: 340px) {
	.Point_Get_Title {
		font-size: 18px;
	}
	.Point_Get_List .Head .Race_Day {
		font-size: 10px;
	}
	.Point_Get_List .Head .Race_Name {
		max-width: 9em;
	}
}
/* 2023-10-12 レース詳細追加 */
.RaceListMainArea {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
}
.RaceList_Main_Box {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.RaceList_Main_Box a {
	position: relative;
	display: table;
	width: 100%;
}
.RaceList_Main_Box .RaceList_Item01,
.RaceList_Main_Box .RaceList_Item02 {
	position: relative;
	display: table-cell;
	vertical-align: middle;
}
.RaceList_Main_Box .RaceList_Item02 {
	width: 100%;
}
.RaceList_Main_Box .RaceList_Item01 {
	padding-right: 9px;
}
.RaceList_Main_Box .RaceList_Item01 .Race_Num {
	position: relative;
	display: inline-block;
	font-size: 89%;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #3251bc;
	width: 45px;
	line-height: 2.81;
	border-radius: 4px;
	vertical-align: middle;
}
/* MyRace */
.RaceList_Main_Box .RaceList_Item01 .MyRaceCheck.disp_none{
	display: none;
}
.RaceList_Main_Box .RaceList_Item01 .Race_Fixed {
	background: #c53131 !important;
}
.RaceList_Main_Box .RaceList_Item01 .Race_Next {
	background: #e4ca3b !important;
}
/* チェック */
.RaceList_NameBox .RaceList_Item01 .MyRaceCheck,
.RaceList_Main_Box .RaceList_Item01 .MyRaceCheck {
	display: block;
	background: #ef5350;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	position: absolute;
	top: -3px;
	right: -5px;
}
.RaceList_NameBox .RaceList_Item01 .MyRaceCheck::after,
.RaceList_Main_Box .RaceList_Item01 .MyRaceCheck::after {
	content: "";
	display: block;
	width: 3px;
	height: 6px;
	position: absolute;
	top: 3px;
	right: 6px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(45deg);
	transform-origin: 50% 50%;
}
.RaceList_NameBox .RaceList_Item01 .MyRaceCheck {
	top: 50%;
	right: -6px;
	margin-top: -25px;
}
/* MyRace */
.RaceList_NameBox .RaceList_Item01 .MyRaceCheck.disp_none{
	display: none;
}
.RaceList_Main_Box .RaceList_Item02 dl .Race_Name {
	color: #555;
	font-size: 106%;
	font-weight: bold;
	margin-bottom: -2px;
	line-height: 1.37;
}
.RaceList_Main_Box .RaceList_Item02 dl .Race_Name .Icon_GradeType{
	vertical-align: top;
	margin-top: 4px;
}
.RaceList_Main_Box .RaceList_Item02 dl .Race_Data {
	color: #555;
	font-size: 78%;
	line-height: 1.5;
}
.RaceList_Main_Box .RaceList_Item02 dl .Race_Data > .Dirt {
	color: #874c11;
}
.RaceList_Main_Box .RaceList_Item02 dl .Race_Data > .Turf {
	color: #58af4a;
}
.RaceList_Main_Box .RaceList_Item02 dl .Race_Data > *{
	margin:0 5px;
}
.RaceList_Main_Box .RaceList_Item02 dl .Race_Data .Hasso_Time:empty{
	margin-right:0;
}
.RaceList_Main_Box .RaceList_Item02 dl .Race_Data > img {
	position: relative;
	display: inline-block;
	margin-left: 5px;
}
.RaceList_Main_Box .RaceList_Item02 dl .Race_Data > img.Icon_FavHorse {
	position: relative;
	display: inline-block;
	margin-left: 5px;
}
.RaceList_Main_Box .RaceList_Item02 dl .Race_Data > img.disp_none {
	display: none;
}
.RaceList_Main_Box .RaceList_Item01 .Race_Num {
	line-height: 1.3;
	padding: 2px 0 4px;
}
.RaceList_Main_Box .RaceList_Item01 .Race_Num .RaceCourse {
	font-size: 75%;
}