@charset "utf-8";
/*===========================================
race_yoso_sp.css

 01.レースから探す（トップ）
 02.レースから探す（カレンダー）
 03.レースから探す（簡易表示）
 04.馬柱
============================================*/

/* ピンチイン・アウト対策 */
body.ios .fixed,
body.ios .InputFixedArea,
body.android .fixed,
body.android .InputFixedArea {
	position: static !important;
}
/* リセット */
/* a:hover{
	text-decoration: none;
} */

*:before, *:after {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    line-height: 1.0em;
    text-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-text-size-adjust: none !important;
}
/*==============================================
 01.レースから探す（トップ）
==============================================*/

/* レースから探す - 日付タブ */
.RaceDayWrap_Inner {
	position: relative;
	border-bottom: 1px solid #dcdcdc;
}
.Tab_RaceDaySelect {
	z-index: 1;
	padding: 0 30px;
}
.Tab_RaceDaySelect ul {
	display: table;
	width: 100%;
	justify-content: center;
}
.Tab_RaceDaySelect ul li {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.Tab_RaceDaySelect ul li a,
.Tab_RaceDaySelect ul li span.No_Link {
	color: #666;
	display: block;
	width: 100%;
	font-size: 78%;
	font-weight: bold;
	padding: 14px 0;
	/*padding-bottom: 14px;*/
}
.Tab_RaceDaySelect ul.Tab4 li a {
	font-size: 66.67%;
}
.Tab_RaceDaySelect ul .Tab_Active {
	position: relative;
	font-weight: bold;
}
.Tab_RaceDaySelect ul .Tab_Active::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #e03d3d;
}
.Tab_RaceDaySelect ul.Tab1 li .Tab_Single {
	color: #666;
	display: block;
	width: 50%;
	font-size: 83.33%;
	font-weight: bold;
	margin: 0 auto;
	padding-top: 14px;
	padding-bottom: 14px;
	border-bottom: solid 4px #3251bc;
}
.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;
}
.Sat {color: #3251bc;}
.Sun {color: #c53131;}

.RaceDayPrev,
.RaceDayNext {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
}
.RaceDayPrev {
	left: 0;
}
.RaceDayNext {
	right: 0;
}
.RaceDayPrev a,
.RaceDayPrev span,
.RaceDayNext a,
.RaceDayNext span {
	display: block;
	padding: 14px;
	line-height: 0;
	font-size: 0;
	color: transparent;
}
.RaceDayPrev a:after,
.RaceDayPrev span:after,
.RaceDayNext a:after,
.RaceDayNext span:after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 1px;
	background: none;
}
.RaceDayPrev a:after,
.RaceDayNext a:after {
	border-top: 2px solid #929292;
	border-right: 2px solid #929292;
}
.RaceDayPrev span:after,
.RaceDayNext span:after {
	border-top: 2px solid #e1e1e1;
	border-right: 2px solid #e1e1e1;
}
.RaceDayPrev a:after,
.RaceDayPrev span:after {
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
.RaceDayNext a:after,
.RaceDayNext span:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* 日付タブ(Slider version) */
.RaceDay_Slide .Tab_RaceDaySelect {
	display: block !important;
}
.RaceDay_Slide .Tab_RaceDaySelect ul.Tab4 li a {
	font-size: 78%;
}
.YosokaYosoList .Tab_RaceDaySelect ul li.kaisai_date_new {
	width: 50px;
}
@media only screen and (max-width: 350px) {
	.YosokaYosoList .Tab_RaceDaySelect ul li a > span:not([class]) {
		display: none;
	}
}
.RaceDay_Slide .slick-arrow {
	top: 50%;
	width: 38px;
	height: 100%;
	padding: 14px;
	color: transparent;
	font-size: 0;
	line-height: 0;
	/* background: #fff none; */
	background: transparent none;
	border-radius: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.RaceDay_Slide .slick-arrow::after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-top: 2px solid #929292;
	border-right: 2px solid #929292;
	border-radius: 1px;
	background: none;
}
.RaceDay_Slide .slick-arrow.slick-disabled::after {
	border-top: 2px solid #e1e1e1;
	border-right: 2px solid #e1e1e1;
}
.RaceDay_Slide .slick-prev {
	left: 0;
}
.RaceDay_Slide .slick-next {
	right: 0;
}
.RaceDay_Slide .slick-prev::after {
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
.RaceDay_Slide .slick-next::after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


.Btn_Group {
	position: relative;
	margin-top: 13px;
	padding-bottom: 2px;
	overflow-x: auto;
}
.Btn_Group .jyo_tab {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 10px 11px;
	z-index: 20;
}
.Btn_Group li {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	min-width: 88px;
	text-align: center;
}
.Btn_Group li a {
	position: relative;
	display: inline-block;
	min-width: 80px;
	padding: 0 14px;
	color: #444;
	font-size: 0.8125rem;
	line-height: 1.85;
	text-align: center;
	white-space: nowrap;
	border: 1px solid #e1e1e1;
	border-radius: 1em;
	z-index: 1;
}
.Btn_Group li.Active a {
	color: #fff;
	font-weight: 700;
	border-color: transparent;
}
.Btn_Group .Btn_Group_ActiveBg {
	position: absolute;
	display: inline-block;
	background-color: #3251bc;
	border-radius: 1em;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	z-index: 10;
}
.Btn_Group .jyo_tab{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
/*  -webkit-box-pack: justify;
  -ms-flex-pack: justify;*/
  justify-content: flex-start;
}
.Btn_Group li {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  margin-bottom: 10px;
  width: calc(100% / 4 - 1px);
}


.Btn_Group li a{
    background-color: #fff;
    transition: all .5s ease-out;
}
.Btn_Group li.Active a{
    background-color: #e03d3d;
    opacity: 1;
}
@media screen and (min-width:480px){
    .Btn_Group li:last-of-type{
         margin-right:auto; 
    }
}
/* レースから探す - サーフナビ */
.RaceInformation_Wrap {
	margin: 0 10px 10px;
	padding: 8px;
	overflow: hidden;
	background-color: #ebebeb;
	border-radius: 4px;
}
.RaceInformation {
	color: #444;
	font-size: 0.75rem;
}
.RaceInformation_Item li {
	display: inline-block;
}
.RaceInformation_Item li + li {
	margin-left: 5px;
}
.RaceInformation_Item .Item02 {
	position: relative;
	padding-right: 17px;
}
.RaceInformation_Item .Item03 .Icon_GradeType {
	margin-right: 4px;
}
/*
.RaceInformation_Item .Item04 {
	color: #913200;
}*/

/* 天気icon */
.Icon_Weather {
	position: absolute;
	top: -3px;
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-left: 3px;
	background: url("../../img/yoso/icon/icon_weather.png") no-repeat;
	background-size: 37px 133px;
}
.Weather01 {background-position: -10px -9px;}
.Weather02 {background-position: -10px -42px;}
.Weather03 {background-position: -10px -74px;}
.Weather04 {background-position: -10px -107px;}

/* ipat icon */
img.Icon_Ipat {
	vertical-align: -2px;
}


/* レースから探す - レース一覧 */
.RaceList_Slide {
	margin-bottom: 20px;
}
.RaceTopRaceMenuWrap {
	position: relative;
}
.RaceTopRaceMenuWrap .RaceList {
	border-top: 1px solid #e0e0e0;
}
.RaceTopRaceMenuWrap .RaceList li {
	border-bottom: 1px solid #e0e0e0;
}
.RaceTopRaceMenuWrap .RaceList li.Next_Racing {
	background-color: #fffae2;
}
.RaceTopRaceMenuWrap .RaceList li a {
	display: block;
}
.RaceList_Main_Box {
	display: table;
	width: 100%;
	padding: 10px;
}
.RaceList_Main_Box .RaceList_Item01,
.RaceList_Main_Box .RaceList_Item02,
.RaceList_Main_Box .RaceList_Item03 {
	display: table-cell;
	vertical-align: middle;
}
.RaceList_Main_Box .RaceList_Item01 {
	padding-right: 9px;
}
.RaceList_Main_Box .RaceList_Item01 .Race_Num {
	display: inline-block;
	width: 45px;
	color: #fff;
	font-size: 1rem;
	font-weight: 700;
	line-height: 2.81;
	text-align: center;
	vertical-align: middle;
	background-color: #3251bc;
	border-radius: 4px;
}
.RaceList_Main_Box .RaceList_Item01 .Race_Fixed {
	background-color: #c53131 !important;
}
.RaceList_Main_Box .RaceList_Item01 .Race_Next {
	background-color: #e4ca3b !important;
}
.RaceList_Main_Box .RaceList_Item02 {
	width: 100%;
}
.RaceList_Main_Box .RaceList_Item02 dl .Race_Name {
	margin-bottom: 4px;
	color: #555;
	font-size: 1.1875rem;
	font-weight: 700;
	line-height: 1.37;
}
.RaceList_Main_Box .RaceList_Item02 dl .Race_Name span.Icon_GradeType {
	margin-top: 4px;
}
.RaceList_Main_Box .RaceList_Item02 dl .Race_Data {
	color: #555;
	font-size: 0.875rem;
}
.RaceList_Main_Box .RaceList_Item02 dl .Race_Data > .Dirt {
	margin-left: 5px;
	color: #874c11;
}
.RaceList_Main_Box .RaceList_Item02 dl .Race_Data > .Turf {
	margin-left: 5px;
	color: #167c07;
}
.RaceList_Main_Box .RaceList_Item02 dl .Race_Data > img {
	position: relative;
	top: 1px;
	display: inline-block;
	margin-left: 5px;
}
.RaceList_Main_Box .RaceList_Item03 {
	padding-left: 9px;
}
.RaceList_Main_Box .RaceList_Item03 .YosoCount {
	width: 45px;
	padding: 8px 0;
	color: #fff;
	font-size: 0.6875rem;
	line-height: 1.2;
	text-align: center;
	background-color: #e3b749;
	border-radius: 4px;
}
.RaceList_Main_Box .RaceList_Item03 .YosoCount strong {
	font-size: 0.875rem;
	font-weight: 700;
}
.RaceList_Main_Box .RaceList_Item03 .YosoCount span {
	font-weight: 700;
}

/* 重賞アイコン */
.Icon_GradeType {
}
.Race_Group .Icon_GradeType{
	margin: 0 6px 0 0;
	vertical-align: middle;
}
/*.Icon_GradeType10 { background-color: #3251bc; }
.Icon_GradeType11 { background-color: #c53131; }
.Icon_GradeType12 { background-color: #58af4a; }
.Icon_GradeType14 { background-color: #666; }
.Icon_GradeType15 {}
.Icon_GradeType13 {
	width: 42px;
	height: 18px;
	padding: 0;
	vertical-align: -2px;
	background-image: url("../../img/yoso/icon/icon_gradetype.png");
	background-repeat: no-repeat;
	background-size: 46px auto;
	background-position: -2px -245px;
	border-radius: 0;
}*/
.Icon_GradeType1 { background: #d2a60d; } /* GP */
.Icon_GradeType2 { background: #0038ae; } /* GI */
.Icon_GradeType3 { background: #d3232e; } /* GII */
.Icon_GradeType4 { background: #2dac26; } /* GIII */
.Icon_GradeType5 { background: #757575; } /* F */

.Icon_GradePos01 {
	position: relative;
	top: 1px;
	left: -4px;
}
.Icon_RaceMark{
	font-size: 0;
	display: inline-block;
	vertical-align: middle;
	padding: 1px;
	border-radius: 2px;
}
.RaceMark .Icon_RaceMark {
	border-radius: 0;
}
.RaceMark .Icon_RaceMark:first-child {
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}
.RaceMark .Icon_RaceMark:last-child {
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}
.Icon_RaceMark.Girls{
    background-color: #FF9292;
}
.Icon_RaceMark.Nighter{
	background-color: #2e4583;
}
.Icon_RaceMark.MidNight{
    background-color: #000;
}
.Icon_RaceMark.Morning{
	background-color: #D6E6F5;

}
.Icon_Guide01,
.Icon_Guide02,
.Icon_Guide03 {
	font-size: 11px;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	padding: 2px 3px;
}
.Icon_Guide01 {
	background: #3251bc;
}
.Icon_Guide02 {
	background: #ddc750;
}
.Icon_Guide03 {
	background: #c53131;
}
/* お知らせリスト */
#view_race_list {
	padding-bottom: 12px;
}
.Race_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.3;
}

/*==============================================
 02.レースから探す（カレンダー）
==============================================*/

/* レースから探す - select */
.RaceDateSelect {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	   -ms-flex-align: center;
	      align-items: center;
	margin: 23px 10px;
}
.RaceDateSelect .DateSelectBox {
	width: 150px;
	-ms-flex-preferred-size: 150px;
	flex-basis: 150px;
}
.RaceDateSelect .DateSelectBox.YearSelect {
	width: 110px;
	-ms-flex-preferred-size: 110px;
	             flex-basis: 110px;
	margin-right: 10px;
}
.RaceDateSelect .DateSelectBox.MonthSelect {
	width: 90px;
	-ms-flex-preferred-size: 90px;
	             flex-basis: 90px;
	margin-right: 10px;
}
.RaceDateSelect .Select_Btn {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	text-align: right;
}
.RaceDateSelect .DateSelectBox select {
	-webkit-appearance: none;
	width: 100%;
	height: 37px;
	padding: 10px 15px 9px;
	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;
}
.RaceDateSelect .SubmitSelectBtn {
	width: 80px;
	height: 35px;
	padding: 11px 10px;
	color: #fff;
	font-size: 0.8125rem;
	font-weight: 700;
	background-color: #3251bc;
	border: 0;
	border-radius: 4px;
}


/* レースから探す - pager */
.RaceDatePager {
	text-align: center;
	background: #e5e4dd;
	padding: 20px 0;
	position: relative;
}
.RaceDatePager .Active {
	font-weight: bold;
}
.RaceDatePager .PrevMonth,
.RaceDatePager .NextMonth {
	position: absolute;
	top: 50%;
	margin-top: -19px;
}
.RaceDatePager .PrevMonth {
	left: 8px;
}
.RaceDatePager .NextMonth {
	right: 8px;
}
.RaceDatePager .PrevMonth a,
.RaceDatePager .NextMonth a {
	display: inline-block;
	color: #222;
	background: #d0cfc4;
	border-top: 1px solid rgba(255, 255, 255, .7);
	border-radius: 3px;
	box-shadow: 0 2px 0 rgba(189, 188, 177, 1);
	padding: 12px 0;
	font-size: 77%;
	position: relative;
	text-align: center;
	width: 90px;

}
.RaceDatePager .PrevMonth a {
	text-indent: 17px;
}
.RaceDatePager .NextMonth a {
	text-indent: -17px;
}
.RaceDatePager .PrevMonth a:before,
.RaceDatePager .NextMonth a:after {
	content: '';
	display: inline-block;
	width: 18px;
	height: 38px;
	position: absolute;
	top: 0;
}
.RaceDatePager .PrevMonth a:before {
	background: #6c6b61 url("../../img/yoso/icon/icon_arrowL01.png") no-repeat center;
	-webkit-background-size: 6px 11px;
	-moz-background-size: 6px 11px;
	background-size: 6px 11px;
	border-radius: 3px 0 0 3px;
	left: 0;
}
.RaceDatePager .NextMonth a:after {
	background: #6c6b61 url("../../img/yoso/icon/icon_arrowR01.png") no-repeat center;
	-webkit-background-size: 6px 11px;
	-moz-background-size: 6px 11px;
	background-size: 6px 11px;
	border-radius: 0 3px 3px 0;
	right: 0;
}


/* レースカレンダー */
.RaceCalendarList {
	margin: 20px 8px;
}
.Calendar_DayList {
	margin-bottom: 12px;
}
.RaceCalendarList .ThisMonth_RaceList {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.RaceCalendarList .ThisMonth_RaceList dt,
.RaceCalendarList .ThisMonth_RaceList dd {
	display: table-cell;
}
.RaceCalendarList .ThisMonth_RaceList dt {
	display: table-cell;
	width: 88px;
	vertical-align: top;
	background-image: url(../../img/yoso/general/thisweek_bg.png?20181108);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 87px 44px;
}
.RaceCalendarList .ThisMonth_RaceList dt p {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	   -ms-flex-direction: column;
	       flex-direction: column;
	-webkit-box-align: center;
	   -ms-flex-align: center;
	      align-items: center;
	-webkit-box-pack: center;
	   -ms-flex-pack: center;
	 justify-content: center;
	width: 72px;
	height: 44px;
	color: #666;
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.5;
}
.RaceCalendarList .ThisMonth_RaceList dt span {
	font-size: 0.6875rem;
	font-weight: 400;
	line-height: 1.2;
}
.RaceCalendarList .ThisMonth_RaceList dt .Day_Sat {
	color: #3251bc;
}
.RaceCalendarList .ThisMonth_RaceList dt .Day_holi {
	color: #c53131;
}
.RaceCalendarList .ThisMonth_RaceList dd {
	width: 100%;
}
.RaceCalendarList .ThisMonth_RaceList dd ul li {
	float: left;
	width: 33.333%;
	width: calc(100% / 3);
	padding-left: 4px;
}
.RaceCalendarList .ThisMonth_RaceList dd ul li:nth-child(n+4) {
  margin-top: 4px;
}
.RaceCalendarList .ThisMonth_RaceList dd ul a,
.RaceCalendarList .ThisMonth_RaceList dd .No_Link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	   -ms-flex-direction: column;
	       flex-direction: column;
	-webkit-box-align: center;
	   -ms-flex-align: center;
	      align-items: center;
	-webkit-box-pack: center;
	   -ms-flex-pack: center;
	 justify-content: center;
	width: 100%;
	height: 46px;
	border: 1px solid #e7e7e7;
	border-radius: 4px;
}
.RaceCalendarList .ThisMonth_RaceList dd .JyoName {
	color: #666;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1.4;
}
.RaceCalendarList .ThisMonth_RaceList dd .RaceName {
	color: #888;
	font-size: 0.625rem;
	line-height: 1.4;
}
.RaceCalendarList .ThisMonth_RaceList dd .No_Link {
	background-color: #dedede;
}


/*==============================================
 03.レースから探す（簡易表示）
==============================================*/

/* レースから探す - レースbar */
.RaceSearch_Bar {
	background: #2c4ebe;
	font-size: 72%;
	font-weight: bold;
	margin-top: 7px;
	padding: 3px 6px;
}
.RaceChangeMenu_Group {
	float: left;
    position: relative;
    margin-right: 6px;
}

.Race_Detail_Info_Btn .Change_Btn {
	color: #fff;
	overflow: hidden;
	height: 30px;
}
.RaceChangeMenu_Group .Change_Btn.Day {
	width: 96px;
	float: left;
	margin-right: 2px;
}

/*.RaceChangeMenu_Group .Change_BgColor {
	background: #3178e1;
	background: -moz-linear-gradient(top, #1e5bc1 0%, #3178e1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5bc1), color-stop(100%,#3178e1));
	background: -webkit-linear-gradient(top, #1e5bc1 0%,#3178e1 100%);
	background: linear-gradient(to bottom, #1e5bc1 0%,#3178e1 100%);
	border: 1px solid #1c3a9c;
}*/
/*ul.DayChange_List {
 	position: absolute;
    z-index: 60;
	line-height: 32px;
	top:32px;
	width: 94px;
}*/
ul.DayChange_List,
ul.CourseChange_List{
	position: absolute;
	z-index: 60;
}
ul.DayChange_List li + li,
ul.CourseChange_List li + li{
	border-top: 1px solid #ef9e9e;
}
ul.DayChange_List li a{
	width: 94px;
}
ul.CourseChange_List li a{
	width: 120px;
}
ul.DayChange_List li a,
ul.CourseChange_List li a{
	padding: 11px 7px;
	color: #fff;
	background-color: #ef5350;
	font-size: 77.78%;
	display: block;
	font-weight: bold;
}
.DayChange_List li:first-child a,
.CourseChange_List li:first-child a{
	padding-top: 12px;
}

@media only screen and (max-width: 400px){
	.Change_Btn_CourseWrap span.DayCount{
		display: none;
	}
	.Change_Btn_CourseWrap {
		width: 80px;
	}
	ul.CourseChange_List li a{
		width: 80px;
	}
}

.RaceNumLink {
	float: right;
}
.RaceNumLink .Prev_Race,
.RaceNumLink .Next_Race {
	float: left;
}
.RaceNumLink a {
	display: block;
	color: #fff;
	text-align: center;
	width: 58px;
	height: 34px;
	line-height: 34px;
}
.RaceNumLink .Prev_Race a {
	text-indent: 8px;
}
.RaceNumLink .Next_Race a {
	text-indent: -8px;
}
.RaceNumLink .Prev_Race {
	background: url("../../img/yoso/icon/icon_sprite_sp_yoso02.png") no-repeat -62px -5px;
	-webkit-background-size: 124px 300px;
	-moz-background-size: 124px 300px;
	background-size: 124px 300px;
}
.RaceNumLink .Next_Race {
	background: url("../../img/yoso/icon/icon_sprite_sp_yoso02.png") no-repeat -62px -44px;
	-webkit-background-size: 124px 300px;
	-moz-background-size: 124px 300px;
	background-size: 124px 300px;
}
.RaceNumLink .Prev_Race.First,
.RaceNumLink .Next_Race.Last {
	opacity: .7;
}

/*.Icon_Change_ArrowB {
	width: 0 !important;
	height: 0 !important;
	border: 4px solid transparent;
	border-top: 4px solid #a5c9ff;
	margin-top: -2px !important;
}*/
.Change_Btn.Change_Day a {
	color: #fff;
}

.Change_Btn_DayWrap .Change_Btn.Change_Day,
.Change_Btn_CourseWrap .Change_Btn.Course {
	background-color: #e03d3d;
	display: block;
	border: 1px solid rgba(255,255,255,0.5);
	text-indent: 6px;
	border-radius: 3px;
	padding: 0px;
	font-weight: bold;
	font-size: 72.23%;
	position: relative;
	line-height: 30px;
	cursor: pointer;
}
.Change_Btn.Change_Day.Icon_Change_ArrowB:after,
.Change_Btn.Course.Icon_Change_ArrowB:after{
	content: "";
	width: 7px;
	height: 6px;
	border: 3.5px solid transparent;
	border-left: 6px solid #fff;
	position: absolute;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	right: 6px;
	top: 12px;
}
.Change_Btn.Change_Day.Icon_Change_ArrowT:after,
.Change_Btn.Course.Icon_Change_ArrowT:after {
	content: "";
	width: 7px;
	height: 6px;
	border: 3.5px solid transparent;
	border-left: 6px solid #fff;
	position: absolute;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	right: 6px;
	top: 8px;
}
.Race_Detail_Info_Btn .Change_Btn span.Sat {
	color: #9acfff;
}
.Race_Detail_Info_Btn .Change_Btn span.Sun {
	color: #ff4473;
}


@media only screen and (max-width: 358px) {
	.RaceChangeMenu_Group {
		width: 180px;
		float: left;
		font-weight: bold;
		position: relative;
	}
	.RaceChangeMenu_Group .Change_Btn.Course {
		width: 80px;
	}
	.RaceChangeMenu_Group .Change_Btn_CourseWrap{
		width:80px;
	}
}


.RaceList.Search li {
	background: #fff;
	border-bottom: 1px solid #bbb;
	display: table;
	width: 100%;
	padding: 8px;
}
.RaceList.Search li > div {
	display: table-cell;
	vertical-align: middle;
}
.RaceList.Search .RaceList_Item01 .Race_Num {
	background: #4150b2;
}


/* レースから探す - モードボタン */
.ModeBtn {
	background: #e5e4dd;
	padding: 10px 0;
}
.ModeBtn ul {
	width: 184px;
	margin: 0 auto;
}
.ModeBtn ul li {
	font-size: 72%;
	font-weight: bold;
	text-align: center;
}
.ModeBtn .Col2 li {
	float: left;
	width: 50%;
}
.ModeBtn ul .Active {
	box-shadow: inset 0 0 24px rgba(108, 107, 98, .3);
	border: 1px solid #bbb;
	color: #707070;
	height: 36px;
	line-height: 36px;
}
.ModeBtn ul a {
	display: block;
	color: #707070;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #FFFFFF),
		color-stop(1, #EFEFEF)
	);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #EFEFEF 100%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #EFEFEF 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #EFEFEF 100%);
	box-shadow: 0 1px 0 rgba(187, 187, 187, 1);
	height: 35px;
	line-height: 35px;
}
.ModeBtn ul li:first-child,
.ModeBtn ul li:first-child a {
	border-radius: 3px 0 0 3px;
}
.ModeBtn ul li:last-child,
.ModeBtn ul li:last-child a {
	border-radius: 0 3px 3px 0;
}

.HiddenArea .ModeBtn ul li {
    float: none;
}


/* レースから探す - まるごとパック */
.YosokaPackList {
	padding: 8px;
}
.YosokaPackList ul li {
	border: 2px solid #da4343;
	background: #fff;
	position: relative;
}
.YosokaPack_Header {
	background: #f5f4f1;
	padding: 9px 0;
}
.YosokaPack_Header p.YosoRace {
	color: #333;
	font-size: 138.9%;
	padding: 0 85px;
	position: relative;
	text-align: center;
}
.YosokaPack_Header .YosoRace > .RaceNum {
	display: inline-block;
	background: #506bc3;
	border-radius: 3px;
	color: #fff;
	font-size: 56%;
	margin-left: 6px;
	text-align: center;
	width: 46px;
	height: 24px;
	line-height: 24px;
	vertical-align: 3px;
	font-weight: bold;
}
.YosokaPack_Header .Thumb,
.YosokaPack_Header .Thumb > span {
	font-size: 0;
	vertical-align: middle;
}
.YosokaPack_Header .Thumb > span + span {
	margin-left: -2px;
}

.YosokaPack_Main {
	background: #fff;
	text-align: center;
	padding: 20px 8px;
}
.YosokaPack_Main .PackNameTitle {
	font-size: 166.6%;
	margin-bottom: 14px;
	letter-spacing: -1px;
}
.YosokaPack_Main .PointTxt {
	color: #333;
	font-size: 161.2%;
	font-weight: bold;
	line-height: 1.5;
}
.YosokaPack_Main .PointTxt span.PointOff01 {
	font-size: 161.2%;
	color: #d1423f;
}
.YosokaPack_Main .PointTxt span.PointOff02 {
	font-size: 203.3%;
	color: #d1423f;
}


.YosokaPackList .BtnArea {
	background: #f5f4f1;
	padding: 12px 23px 16px;
	text-align: center;
}

@media screen and (max-width: 374px) {
	.YosokaPack_Header p.YosoRace {
		padding: 0 0 0 60px;
	}
	.YosokaPack_Main .PackNameTitle {
		font-size: 144.4%; /* 26/18 */
	}
	.YosokaPack_Main .PointTxt {
		font-size: 138%;
	}
	.YosokaPack_Main .PointTxt > span.PointOff01 {
		font-size: 138%;
	}
	.YosokaPack_Main .PointTxt span.PointOff02 {
		font-size: 174.8%; /* 39/15 */
	}
}


/* レースから探す - 簡易表示・予想一覧 */
.Race_Yoso_Area{
	overflow: hidden;
	padding: 0 0 8px;
	position: relative;
}
.Race_Yoso_Area > table{
	position: absolute;
	z-index: 50;
}
.Race_Yoso_Area table th {
	height: 37px;
}
.Race_Yoso_Area table td {
	white-space: nowrap;
	text-align:right;
}
.Race_Yoso_Area table.Horse_Name_Table th.Horse_Name_Table,
.Race_Yoso_Area table.Tendency_Data_Table th.Horse_Name_Table {
	white-space: nowrap;
	height: 37px;
	vertical-align:middle;
}
.Race_Yoso_Area table.Horse_Name_Table td.Horse_Info{
	background:#fff;
	text-align:left;
	height:27px;
	vertical-align:middle;
}
table.Yoso01_Table {
}
table.Yoso01_Table td.Horse_Info{
	font-size: 76%;
	background: #f2f1ec;
}
.Race_Yoso_Area .Horse_Date_Table {
	overflow:auto;
}
.Yoso01_Table tbody td.Popular,
.Yoso01_Table tbody td.Weight {
	font-size: 78%;
	text-align: center;
}
.Yoso01_Table tbody td.Mark_Pro:nth-child(even){
	background:#fafafa;
}
.NotesWrap p {
	font-size: 78%;
	padding: 0 8px 8px;
}
.Yoso_Check {
	background: #fff;
	padding: 0 8px 8px;
	display: table;
	width: 100%;
}
.Yoso_Check .Select > input {
	display: none;
}
.Yoso_Check .Select,
.Yoso_Check .Txt {
	display: table-cell;
	vertical-align: middle;
}
.Yoso_Check .Txt {
	width: 100%;
	color: #333;
	padding-left: 6px;
}
.Yoso_Check .Txt > span {
	display: block;
	font-size: 70%;
	color: #666;
	margin-top: 4px;
	line-height: 1.2;
}
.Yoso_Send_Btn {
	padding: 8px;
}
.Yoso_Send_Btn .Button_01 {
	background: #ef5350;
}


/* レースから探す - 簡易表示・予想一覧 table */
.Yoso01_Table.HorseNameTable01 thead th:last-child {
	border-right: 3px double #504f47;
}
.Yoso01_Table.HorseNameTable01 tbody .Horse_Info {
	border-right: 3px double #ddd;
}

.Yoso01_Table {
	border-collapse: collapse;
}

.Yoso01_Table thead th {
	background: #6c6b60;
 	font-size: 74%;
	color: #f2f1ec;
	border-top: 1px solid #504f47;
	border-bottom: 1px solid #504f47;
	padding: 3px 2px 3px;
	vertical-align: middle;
	line-height: 1.2;
	letter-spacing: 1px;
	white-space: nowrap;
}
.Yoso01_Table thead th.Mark_Result {
	background: #d1cec7;
	border-top: 1px solid #bbb7ac;
	border-bottom: 1px solid #bbb7ac;
	border-left: 1px solid #bbb7ac;
}
.Yoso01_Table thead th + th {
	border-left: 1px solid #504f47;
}
.Yoso01_Table tbody td {
	font-size: 83%;
	font-weight: bold;
	color: #555;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	padding: 8px;
	border-top: 1px solid #e3e5eb;
	border-left: 1px solid #e3e5eb;
	border-bottom: 1px solid #e3e5eb;
	background: #fff;
}
.Yoso01_Table tbody td.Horse_Info p {
	text-align: left;
}
.Yoso01_Table tbody [class*="Waku"] {
	font-weight: bold;
	padding: 8px 2px;
	font-size: 66%;
	text-align: center;
}
.Yoso_HonshiBox_01 .Yoso_Comment_Txt {
	padding-top:12px;
}
.Yoso01_Table thead th a{
	width:32px;
	height:7.6em;
	display: table;
	font-weight: bold;
	text-align: center;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #FFFFFF),
		color-stop(1, #EFEFEF)
	);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #EFEFEF 100%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #EFEFEF 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #EFEFEF 100%);
	margin: 2px;
	padding: 6px 0;
	border-radius: 3px;
	box-shadow: 0 2px 2px rgba(146, 151, 165, .5);
}
.Yoso01_Table thead th a p{
	display: table-cell;
	vertical-align:middle;
	line-height:1.1;
}
/*「予想印」width指定*/
.Yoso01_Table thead th .title_yosoin{
width: 76px;
}
.Race_Yoso_Area table td {
	text-align:center;
	height:36px;
}
.Yoso01_Table tbody td.Popular,
.Yoso01_Table tbody td.Weight {
	font-size: 78%;
}
.Yoso01_Table .Popular > span,
.Yoso01_Table .Weight > span {
	display: inline;
	font-size: 85%;
	font-weight: 700;
	margin:auto;
	margin-top: 8px;
	white-space: nowrap;
	text-align:center;
}
.Yoso01_Table .Popular > span.Odds_Ninki,
.Yoso01_Table .Weight > span.Odds_Ninki {
	color: #f20;
	padding-right:4px;
}
.Yoso01_Table tbody td.Mark_Pro:nth-child(even){
	background:#fafafa;
}
.NotesWrap p {
	font-size: 78%;
	padding: 0 8px 8px;
}
.Tendency_Data_Table {
	position:relative;
}
.YosoShirushi_Info01 {
	background:url("../../img/yoso/general/shirushi_sample_01.jpg") no-repeat 0 0;
	position:absolute;
}
.Yoso_PremiumInfo01 {
	width:96%;
	position:absolute;
	top:215px;
	left:0;
	z-index:200;
}

.YosoShirushi_Info01 {
	background: url("../../img/yoso/general/shirushi_sample_02.jpg") repeat-x 0 0;
	-webkit-background-size: 204px 940px;
	-moz-background-size: 204px 940px;
	background-size: 204px 940px;
	position: absolute;
}
.YosoShirushi_Info01 {
	background: url("../../img/yoso/general/shirushi_sample_03.jpg") repeat-x 0 0;
	-webkit-background-size: 82px 828px;
	-moz-background-size: 82px 828px;
	background-size: 82px 828px;
	position: absolute;
}

/* レースから探す - popup */
/*.YosoPopup_GlayLayer {
	background: rgba(0, 0, 0, .5);
	margin-top: 112px;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 50;
}*/
.YosoPopup {
	width: 350px;
	border: 3px solid #cfcdc3;
	border-radius: 6px;
	margin: 0 auto;
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 50;
}
.YosoPopup_Header {
	background: url("../../img/yoso/general/popup_image01.png") no-repeat;
	-webkit-background-size: 350px 160px;
	-moz-background-size: 350px 160px;
	background-size: 350px 160px;
	border-radius: 3px 3px 0 0;
	text-align: center;
	height: 160px;
}
.YosoPopup_Header .Title {
	display: inline-block;
	color: #fff;
	font-size: 133.3%;
	text-align: center;
	line-height: 1.4;
	margin-top: 30px;
}
.YosoPopup_Footer {
	background: #fff;
	border-radius: 0 0 3px 3px;
	padding: 23px 18px;
	text-align: center;
}
.YosoPopup_Footer .TextLink {
	display: inline-block;
	border-bottom: 1px solid #222;
	color: #222;
	font-size: 77%;
	margin-top: 18px;
}
.YosoPopup_Footer .Bnr {
	display: inline-block;
	margin-top: 18px;
}
.YosoPopup_Footer .Bnr img {
	width: 100%;
}

@media screen and (max-width: 360px) {
	.YosoPopup {
		width: 336px;
		left: 12px;
	}
}
@media screen and (max-width: 359px) {
	.YosoPopup {
		width: 304px;
		left: 8px;
	}
}

.YosoShirushi_Popup {
	background: #ffeccf;
	border: 3px solid #cfcdc3;
	border-radius: 5px;
	padding: 20px 8px;
	position: absolute;
	top: 128px;
	left: 176px;
	z-index: 50;
}
.YosoShirushi_Popup > .Txt {
	font-size: 92.8%;
	font-weight: bold;
	line-height: 1.5;
}
@media screen and (max-width: 359px) {
	.YosoShirushi_Popup {
		padding: 20px 6px;
		position: absolute;
		top: 118px;
		left: 178px;
	}
	.YosoShirushi_Popup > .Txt {
		font-size: 73.5%;
		font-weight: bold;
		line-height: 1.5;
	}
}


/*　レースから探す　- レース結果 */
.RaceResultBox {
	padding: 18px 8px 13px;
}
.RaceResultBox .RaceResultTitle {
	background: #EAEAEA;
	border: 1px solid #d1cec7;
	border-bottom: none;
	color: #333;
	font-size: 83%;
	font-weight: bold;
	padding: 11px 15px;
}
.RaceResultTable {
	background: #fff;
	width: 100%;
	border-collapse: separate;
	border-left: 1px solid #bbb7ac;
	border-spacing: 0px;
}
.RaceResultTable tr th,
.RaceResultTable tr td {
	vertical-align: middle;
	border-bottom: 1px solid #e1ded6;
}
.RaceResultTable .Header {
	background: #DDDDDD;
}
.RaceResultTable .Header th {
	border: 1px solid #bbb7ac;
	border-left: 0 none;
	font-size: 72%;
	font-weight: bold;
	color: #333;
	padding: 11px 0;
	text-align: center;
}
.RaceResultTable .List td {
	font-size: 72%;
	font-weight: bold;
	padding: 12px 0;
	text-align: center;
}
.RaceResultTable .List td {
	font-size: 72%;
	font-weight: bold;
	padding: 12px 0;
	text-align: center;
}
.RaceResultTable .List td + td {
	border-right: 1px solid #e1ded6;
}
.RaceResultTable .Header .ResultRank,
.RaceResultTable .Header .Wakuban,
.RaceResultTable .Header .HorseNum {
	width: 35px;
}
.RaceResultTable .Header .HorseName,
.RaceResultTable .List .HorseName {
	/*border-right: none;*/
	padding-left: 8px;
	text-align: left;
	/*width: 138px;*/
}
.RaceResultTable .Header .Odds {
	font-size: 72%
}
.RaceResultTable .Header .Odds,
.RaceResultTable .List .Odds {
	border-left: none;
	font-weight: normal;
	text-align: right;
	padding-right: 8px;
}
.RaceResultTable .List .Wakuban div {
	font-size: 107.6%;
}
.RaceResultTable .List .ResultRank {
	border: 1px solid #d1cec7;
	border-top: 0 none;
	border-left: 0 none;
	background: #EAEAEA;
}
.RaceResultTable .List .Wakuban {
	-moz-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
	-webkit-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
	-o-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
	-ms-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
	box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
}

/* 全着順 */
.Result_Show_Btn {
	padding: 8px 20px 0;
	background: #fff;
	margin-bottom: 30px;
}
.Button_01 {
	display: block;
	color: #fff;
	font-size: 88%;
	font-weight: bold;
	text-align: center;
	padding: 16px 0;
	border-radius: 3px;
	background: #ef5350 url("../../img/yoso/icon/icon_view.png") no-repeat 24px center;
	-webkit-background-size: 10px 11px;
	-moz-background-size: 10px 11px;
	-ms-background-size: 10px 11px;
	background-size: 10px 11px;
}
table#All_Result_Table tr:nth-child(n+5){
	display:none
}
table.Table_Show_All tr:nth-child(n+5){
	display:table-row!important
}
/* レースから探す - 払戻金 */
.Payout_Detail {
	margin-bottom: 18px;
}
.Payout_Detail_Table {
	border-collapse: collapse;
	width: 100%;
	background: #fff;
}
.Payout_Detail_Table tr th {
	border-bottom: 1px solid #E3E5EB;
}
.Payout_Detail_Table tr th {
	color: #fff;
	font-size: 77%;
	white-space: nowrap;
}
.Payout_Detail_Table tr td.Result {
	font-size: 77%;
	white-space: nowrap;
}
.Payout_Detail_Table tr th,
.Payout_Detail_Table tr td {
	padding: 8px 4px 8px 4px;
	vertical-align: middle;
	text-align: left;
}
.Payout_Detail_Table tr td {
	border: 1px solid #E3E5EB;
}
.Payout_Detail_Table tr td.Result span {
	color: #333;
	font-size: 114%;
	font-weight: bold;
	line-height: 1.7;
	position: relative;
}
.Payout_Detail_Table tr.Fukusho td.Result span + span {
	margin-top: 8px;
}
.Payout_Detail_Table tr td.Result ul li {
	display: inline-block;
	vertical-align: middle;
}
.Payout_Detail_Table tr td ul li + li {
	margin-left: 8px;
}
.Payout_Detail_Table tr td ul li + li span:before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 2px;
	background: #333;
	position: absolute;
	top: 8px;
	left: -9px;
}
.Payout_Detail_Table tr.Umatan td ul li + li span:before,
.Payout_Detail_Table tr.Tan3 td ul li + li span:before {
	width: 4px;
	height: 4px;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	background: none;
	position: absolute;
	top: 6px;
	left: -10px;
}
.Payout_Detail_Table tr td.Payout,
.Payout_Detail_Table tr td.Ninki {
	font-size: 77%;
	text-align: right;
	white-space: nowrap;
}
.Payout_Detail_Table tr td.Payout > span {
	line-height: 2;
	font-weight: bold;
}
.Payout_Detail_Table tr td.Ninki > span {
	display: block;
	line-height: 2;
}
.Payout_Detail_Table .Tansho {background: #edf2ff;}
.Payout_Detail_Table .Tansho th {background: #565eb0;}

.Payout_Detail_Table .Fukusho {background: #ffeeee;}
.Payout_Detail_Table .Fukusho th {background: #cb5353;}

.Payout_Detail_Table .Wakuren {background: #f1fdeb;}
.Payout_Detail_Table .Wakuren th {background: #52a455;}

.Payout_Detail_Table .Umaren {background: #f9ebfd;}
.Payout_Detail_Table .Umaren th {background: #87599a;}

.Payout_Detail_Table .Wide {background: #ebfbfd;}
.Payout_Detail_Table .Wide th {background: #529fa8;}

.Payout_Detail_Table .Umatan {background: #fffbe6;}
.Payout_Detail_Table .Umatan th {background: #e5a339;}

.Payout_Detail_Table .Fuku3 {background: #ebf6fd;}
.Payout_Detail_Table .Fuku3 th {background: #4a94bc;}

.Payout_Detail_Table .Tan3 {background: #fdf6eb;}
.Payout_Detail_Table .Tan3 th {background: #e4813e;}


/*==============================================
 04.馬柱
==============================================*/

/* 馬柱 */
.Bachu_Table tr th {
	color: #222;
	background: #e3e3e3;
	font-size: 14px;
	font-weight: normal;
	white-space: nowrap;
	min-width: 60px;
	vertical-align: middle;
}
.Bachu_Table tr th,
.Bachu_Table tr td {
	border: 1px solid #c1c1c1;
	text-align: center;
	padding: 4px 0;
}
.Bachu_Table tr td {
	min-width: 51px;
}
.Bachu_Table .Wakuban td,
.Bachu_Table .Umaban td {
	font-weight: bold;
}


/* 馬柱 - 枠番/馬番 */
.Bachu_Table .Wakuban td,
.Bachu_Table .Umaban td {
	font-size: 13px;
}


/* 馬柱 - エントリーホース */
.Bachu_Table .Entry th,
.Bachu_Table .Entry td {
	vertical-align: top;
}
.Bachu_Table .Entry th .HorseName {
	font-size: 16px;
}
.Bachu_Table .Entry th .Haha {
	font-weight: normal;
	left: 6px;
}
.Bachu_Table .Entry th .Chichi {
	right: 6px;
}
.Bachu_Table .Entry th .Type,
.Bachu_Table .Entry th .Hair {
	color: #6d6d6d;
	font-size: 10px;
	position: absolute;
	bottom: 0;
}
.Bachu_Table .Entry th .Type {
	left: 2px;
}
.Bachu_Table .Entry th .Hair {
	right: 2px;
}
.Bachu_Table .Entry td {
	padding: 4px 2px 2px;
}
.Bachu_Table .Entry .Inner {
	position: relative;
	min-height: 210px;
}
.Bachu_Table .Entry .Chichi,
.Bachu_Table .Entry .Haha {
	color: #6d6d6d;
	font-size: 10px;
	position: absolute;
	top: 0;
	white-space:nowrap;
}
.Bachu_Table .Entry .Haha {
	left: 1px;
}
.Bachu_Table .Entry .Chichi {
	right: 1px;
}
.Bachu_Table .Entry .HorseName a {
	display: inline-block;
	font-size: 16px;
	color: #222;
}
.Bachu_Table .Entry .HorseName a span {
	display: inline-block;
	color: #6d6d6d;
	font-size: 10px;
	margin-bottom: 2px;
}
.Bachu_Table .Entry .HorseName a:hover {
	text-decoration: none;
}
.Bachu_Table .Entry .Type {
	position: absolute;
	bottom: -5px;
	left: -1px;
}
.Bachu_Table .Entry .Type img {
	vertical-align: bottom;
}
.Bachu_Table .Entry .Hair {
	color: #6d6d6d;
	font-size: 10px;
	position: absolute;
	bottom: 0;
	right: 0;
}


/* 馬柱 - 斤量/ジョッキー/厩舎/馬体重/オッズ */
.Bachu_Table .Handicap th,
.Bachu_Table .Jockey th {
	line-height: 1.3;
}
.Bachu_Table .Barn th,
.Bachu_Table .Weight th {
	vertical-align: middle;
}
.Bachu_Table .Handicap td,
.Bachu_Table .Jockey td {
	color: #222;
	font-size: 13px;
	white-space: nowrap;
	vertical-align: middle;
}
.Bachu_Table .Handicap td span,
.Bachu_Table .Jockey td span {
	display: block;
	font-size: 12px;
	margin-top: 3px;
}
.Bachu_Table .Barn .Location {
	display: inline-block;
	font-size: 13px;
	background: #155cc1;
	color: #fff;
	padding: 2px 0;
	margin-bottom: 4px;
	text-align: center;
	width: 32px;
}
.Bachu_Table .Barn .Location_Label01 {background-color: #c14;}
.Bachu_Table .Barn .Location_Label02 {background-color: #155cc1;}
.Bachu_Table .Barn .Location_Label03 {background-color: #009000;}
.Bachu_Table .Barn .Location_Label04 {background-color: #666;}

.Bachu_Table .Barn .Trainer {
	display: block;
	font-size: 12px;
	white-space: nowrap;
}
.Bachu_Table .Weight td {
	font-size: 13px;
}
.Bachu_Table .Weight td span {
	display: block;
	font-size: 12px;
	margin-top: 3px;
}
.Bachu_Table .Odds td {
	font-size: 13px;
}
.Bachu_Table .Odds .Odds_Ninki {
	color: #ea5050;
	font-size: 100%;
	margin-top: 0;
}
.Bachu_Table .MyMark th {
	border-bottom: 1px solid #eb940b;
}
.Bachu_Table .MyMark td {
	border-bottom: 1px solid #f6b927;
}
.Bachu_Table .MyMark td {
	border-bottom: 1px solid #f6b927;
}
.Bachu_Table .MyMark td .SelectWrap {
	position:relative;
	height: 35px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 0 ;
	width: 2.4em;
	background:#fff;
	border:1px solid #ccc;
	overflow: hidden;
	margin:auto;
}
.Bachu_Table .MyMark td .SelectWrap:before {
	display:block;
	content:"\25bc";
	font-size: 8px;
	background:#fff;
	position:absolute;
	top:0;
	right:0;
	width:14px;
	line-height:32px;
	text-align:center;
}
.Bachu_Table .MyMark td select{
	display: block;
	width: 100%;
	font-size: 16px;
	background: transparent;
	border: 0 none;
	-webkit-appearance:button;
	-moz-appearance:button;
	appearance:button;
	height: 35px;
	padding-left: 8px;
}
.Bachu_Table .MyMark td select option{
	background: transparent;
	padding: 0 5px;
}


/* 馬柱 - 予想家 */
.Bachu_Table .YosokaCell {
	background: #fff3d5;
}
.Bachu_Table .YosokaCell td {
	border: 1px solid #f6b927;
	vertical-align: middle;
}
.Bachu_Table .YosokaCell th {
	background: #F0B900;
	color: #fff;
	border: 1px solid #eb940b;
}


/* 馬柱 - 縦レイアウト */
.Bachu_Container {
	display: table;
}
.Bachu_Container > div {
	display: table-cell;
	vertical-align: top;
}
.Bachu_Table_Header_Left .Bachu_Table tr th {
	border-right: none;
}
.Bachu_Table {
	background: #fff;
	border-collapse: collapse;
}

.Vertical {
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-lr;
	-moz-writing-mode: vertical-lr;
}


/* 馬柱 - 予想家印 */
.YosokaMark {
	display: block;
	background: url('../../img/yoso/icon/icon_sprite_mark.png') no-repeat;
	-webkit-background-size: 170px 15px;
	-moz-background-size: 170px 15px;
	background-size: 170px 15px;
	text-align: center;
	position: relative;
	width: 15px;
	height: 15px;
	margin: 0 auto;
}
.YosokaMark1 {background-position: -4px 0px;}
.YosokaMark2 {background-position: -24px 0px;}
.YosokaMark3 {background-position: -44px 0px;}
.YosokaMark4 {background-position: -64px 0px;}
.YosokaMark5 {background-position: -82px 0px;}
.YosokaMark6 {background-position: -102px 0px;}


/* 馬柱 - 的中馬/的中予想家 */
.RaceResult_Order0 {background: #ddd;}
.RaceResult_Order1 {background: #fff28d;}
.RaceResult_Order2 {background: #dcf7ff;}
.RaceResult_Order3 {background: #fde4ab;}

.Bachu_Table .YosokaCell th {
	color: #222;
}
.Bachu_Table .HitYosokaCell th {
	background: pink;
	border: 1px solid pink;
	color: #222;
}
.Bachu_Table .HitYosokaCell td {
	border: 1px solid pink;
	background: #FDEBEE;
	vertical-align: middle;
}


/* 馬柱 - 着順背景色 */
table.Yoso01_Table tr.RaceResult_Order0 td:nth-child(n+2) {background: #ddd;}
table.Yoso01_Table tr.RaceResult_Order1 td:nth-child(n+2) {background: #fff28d;}
table.Yoso01_Table tr.RaceResult_Order2 td:nth-child(n+2) {background: #dcf7ff;}
table.Yoso01_Table tr.RaceResult_Order3 td:nth-child(n+2) {background: #fde4ab;}


/* 馬柱 - 馬名アイコンマーク */
.Icon_HorseMark {
	display: inline-block;
	background: url("../../img/yoso/icon/icon_sprite_horse_mark.png") no-repeat;
	background-size: 25px 250px;
	-moz-background-size: 25px 250px;
	-webkit-background-size: 25px 250px;
	-ms-background-size: 25px 250px;
	width: 17px;
	height: 17px;
	margin-bottom: -2px;
}
.Icon_Chusen {background-position: -4px -23px;}
.Icon_MaruChichi {background-position: -4px -3px;}
.Icon_MaruIchi {background-position: -4px -43px;}
.Icon_MaruChi {background-position: -4px -63px;}
.Icon_MaruGai {background-position: -4px -103px;}
.Icon_kakuChi {background-position: -4px -83px;}
.Icon_KakuGai {background-position: -4px -122px;}


/* 馬柱 - 的中予想家 */
.Bachu_Table .YosokaCell th {
	color: #222;
}
.Bachu_Table .HitYosokaCell th {
	background: #FDD0D8;
	border: 1px solid pink;
	color: #222;
}
.Bachu_Table .HitYosokaCell td {
	border: 1px solid pink;
	background: #FDEBEE;
}
.IconHitYosoka01 {
	background-position: -69px -5px !important;
	position: relative;
	top: 3px;
	width: 20px;
	height: 20px;
}
.HitMark {
	background: #fff !important;
	border: 1px solid #fff !important;
}
.HitMark > div {
	color: #c14;
	margin-top: 1px;
	font-weight: bold;
}

/*予想購入後 20180515 hanada*/
.Yoso01_Table thead th a{
	position: relative;
	width: 40px;
	height: 110px;
	padding: 17px 0 32px;
	text-align: center;
	background: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 1px 1px 1px rgba(146, 151, 165, .2);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.Yoso01_Table thead th.Yosoka.Gensen01 a{
    border: 1px solid #d5524f;
}
.Yoso01_Table thead th a > p{
	font-weight: bold;
	max-height: 4.6em;
	overflow: hidden;
	text-align: center;
	width: 1.01em;
}
.Yoso01_Table thead th a img{
	width: 28px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	bottom: 2px;
	left: 5px;
}
.Yoso01_Table thead th a span.YosoLabel{
	color: #fff;
	text-align: center;
	display: block;
	width: 100%;
	padding: 3px 0;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 10px;
}

.auto_yosoContent{
	padding-top:20px;
	padding-bottom:30px;
	margin-bottom:20px;
	background:#fff;
}
.auto_yosoContent h2{
	margin-left:20px;
	font-size:18px;
	font-weight:600;
	color:#1232a3;
}
.auto_yosoContent p{
	margin:12px 25px 0px 20px;
	color:#333333;
	font-size:83.33%;
	line-height: 1.5;
}


#umai_ap_recommend_msg{
	padding-bottom: 8px;
}
.auto_yosoContent-button{
	width:94.66%;
	margin:auto;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	background:#e3b749;
	padding-top:16px;
	padding-bottom:14px;
	border-radius:4px;
}
/*-- 自動購入　ポイント表示 --*/
#umai_ap_lock_msg p{
	font-size:77.78%;
}
.auto_yosoContent .MyPointDataBox{
    margin-top: 8px;
	background-color: #ffffff;
}
.auto_yosoContent .MyPointDataBox .PointAreaWrap{
	padding-right: 8px;
	border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
}
.auto_yosoContent .MyPointDataBox .MyPointAreaTitle{
	width: 85px;
	padding: 6px 0;
	font-size: 0.75rem;
	text-align: center;
	line-height: 1.25;
	margin: 0;
	background-color: #f3f3f3;
}


.auto_buy_defbox{
	padding:19px 0;
	background-color: #f3f3f3;
}

.Description_Box{
	margin-top:16px;
	padding:10px 10px 0;
}
.Description_Box > dl{
	border: 1px solid #e0e0e0;
    border-radius: 4px;
	padding: 10px;
	background:#fff;
}
.Description_Box > dl > dt{
	font-size: 72.22%;
    color: #6b6b6b;
    padding-left: 27px;
    padding-right: 6px;
    position: relative;
    line-height: 1.1;
}
.Description_Box > dl > dt:before{
	content: "";
    width: 20px;
    height: 19px;
    background: url(../../img/yoso/icon/icon_sprite_race_nk01.png) no-repeat;
    -webkit-background-size: 250px auto;
    -moz-background-size: 250px auto;
    -ms-background-size: 250px auto;
    background-size: 250px auto;
    background-position: -90px -186px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;
}
.Description_Box > dl > dt .Icon_Arrow{
	display: block;
    width: 9px;
    height: 9px;
    position: absolute;
    top: 0;
    right: 0;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all .4s;
}
.Description_Box > dl > dt .Icon_Arrow.open{
	-webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}
.Description_Box > dl > dd{
	display: none;
}
.Description_Inner{
	margin-top: 9px;
	font-size:77.78%;
}
.Description_Inner dl dt {
	font-weight: bold;
    color: #fff;
	padding: 9px;
	background: #72737e;
}
.Description_Inner dl dd {
	line-height: 1.5;
	padding: 12px 8px;
	background: #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.Description_Box dl dd > p{
	line-height: 1.5;
	margin:0;
}
.Description_Box dl dd > p.Description_Title{
	font-weight:bold;
    margin-top: 12px;
}



/*-- 予想詳細この予想を買い目に追加してオッズをみる ボタン --*/
.YosoAddBtnBox.odds_view .YosoBtn01{
	background-color: #dd5e56;
	font-size: 100%;
}
.YosoAddBtnBox.odds_view .YosoBtn01 + p{
	color: #fff;
	font-size: 77.7778%;
	width: 320px;
	margin:11px auto 0;
	text-align: center;
}

/*-- 予想詳細この予想を買い目に追加してオッズをみる ボタン 吸着 --*/
.YosoAddBtnBoxWrap {
	min-height: 112px;
}
.YosoAddBtnBox.odds_view{
	position:relative;
	left: 0;
	margin:auto;
	padding:10px 0 20px;
	width: 100%;
	background-color: rgba(0,0,0,.66);
}
.YosoAddBtnBox.odds_view.fixedBox{
	position: fixed;
	bottom: 0;
	z-index: 9999;
	left: 0;
}
.YosoAddBtnBox.odds_view .BtnWrap{
	position: relative;
	max-width: 375px;
	margin:auto;
}
@media only screen and (min-width: 1025px) {
	.YosoAddBtnBoxWrap,
	.YosoAddBtnBox.odds_view.fixedBox {
		width: 620px;
		left: auto;
	}
}
/*-- 予想詳細この予想を買い目に追加してオッズをみる キャンペーン表示 --*/
.YosoAddBtnBox.odds_view .campaign_balloon{
	position: absolute;
	/*padding:14px 3px 21px ;*/
    display: flex;
    justify-content: center;
    align-items: center;
	padding:0px 5px 13px ;
	left: 16px;
	min-width: 84px;
	min-height: 60px;
}
.YosoAddBtnBox.odds_view .YosoBtn01 .campaign_balloon{
	top: 0;
}
.YosoAddBtnBox.odds_view .campaign_balloon:before{
	display: block;
	content:'';
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height:calc( 100% - 13px);
	background-color: #FFD800;
	border-radius: 5px;
}
.YosoAddBtnBox.odds_view .campaign_balloon:after{
	display: block;
	content:'';
	position: absolute;
	width: 0;
	height: 0;
	right: 18px;
	bottom: 5px;
	border-style: solid;
	border-width: 20px 9.5px 0 9.5px;
	border-color: #ffd900 transparent transparent transparent;
	transform: rotate(-23deg);
}
.YosoAddBtnBox.odds_view .campaign_balloon p{
	position: relative;
	z-index: 1;
	color: #000000;
	font-size: 66.6667%;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;

}
.YosoAddBtnBox.odds_view .campaign_balloon p em{
	font-size: 108.3333%;
	display: block;
}
.YosoAddBtnBox.odds_view .campaign_balloon p .small{
	font-size: 84.6154%;
}
.YosoAddBtnBox.odds_view p.campaignLink{
	text-align: right;
	max-width: 320px;
	margin:auto;
}
.YosoAddBtnBox.odds_view p.campaignLink a{
	display: inline-block;
	color: #fff;
	font-size: 66.6667%;
	text-decoration: underline;
}
@media only screen and (max-width: 350px){
	.YosoAddBtnBox.odds_view .campaign_balloon{
		left: 4px;
		top: -13px;
	}
	.YosoAddBtnBox.odds_view .YosoBtn01,
	.YosoAddBtnBox.odds_view p.campaignLink{
		width: 300px;
	}
}

/*-- ポイント購入画面 おすすめポイント数 --*/
.auto_byContent.buy_point_confirm{
	margin:20px -10px 0;
	padding:23px 10px;  
}
.auto_byContent.buy_point_confirm p{
	line-height: 1.5;
}
.auto_byContent.buy_point_confirm p em{
	font-weight: bold;
}
/*-- ポイント購入完了画面 自動購入停止 --*/
.auto_byContent.point_complete{
	font-size:94.44%;
    margin-top: 43px;
    margin-bottom: 18px;
}
.auto_byContent.point_complete p{
	font-size:82.35%;
	line-height: 1.5;
	margin-top: 18px;
}


/*======================================
展開予想 .DeployYoso 2020/09/17 race_nk01.css から転記
======================================*/
section.DeployYoso {
	padding: 0 10px 23px;
}
section.DeployYoso .DeployTitle {
	display: block;
	font-size: 77.78%;
	font-weight: bold;
	line-height: 1;
	margin: 21px 0 6px;
}
section.DeployYoso .DeployTitle svg {
	margin-right: 6px;
	vertical-align: middle;
}
section.DeployYoso .DeployYosoWrap {
	display: table;
}
section.DeployYoso .DeployBox {
	display: table-row;
}
section.DeployYoso .DeployInBox {
	display: table-cell;
	text-align: center;
	padding-bottom: 6px
}
section.DeployYoso .Grid3 .DeployInBox {
	padding-bottom: 0;
}
.DeployYosoWrap .Shaban_InBox {
	text-align: center;
	font-size: 61.12%;
	color: #666;
}
.DeployYosoWrap .Shaban_Num {
	display: block;
	width: 28px;
	height: 28px;
	line-height: 30px;
	font-size: 127.26%;
	font-weight: bold;
	text-align: center;
	position: relative;
	margin: 0 2px 4px;
	color: #fff;
}
.DeployYosoWrap .Name {
	display: inline-block;
	width: 28px;
	overflow: hidden;
	line-height: 1.2;
	height: 1.2em;
}
.DeployYosoWrap .Name:empty {
	display: none;
}
.DeployYosoWrap .Name:blank {
	display: none;
}
/*-- 枠色 --*/
.Waku1 {background: #fff;color: #555;border: 1px solid #cacaca !important;}
.Waku2 {background: #000000; color: #fff !important;}
.Waku3 {background: #C53131; color: #fff !important;}
.Waku4 {background: #2C53A9; color: #fff !important;}
.Waku5 {background: #E4CA3B; color: #444444 !important;}
.Waku6 {background: #58AF4A; color: #fff !important;}
.Waku7 {background: #DE8A26; color: #fff !important;}
.Waku8 {background: #DC6179; color: #fff !important;}
.Waku9 {background: #8516C5; color: #fff !important;}



.DeployYosoWrap .WakuSeparat {
	position: relative;
	display: block;
	width: 8px;
/*	height: 45px;
	line-height: 30px; */
	font-size: 0;
	color: transparent;
}
/*.DeployYosoWrap .WakuSeparat::after {
	content: "";
	display: inline-block;
	width: 3px;
	height: 3px;
	background: #444;
	border-radius: 50%; 
	width
}*/
@media only screen and (max-width: 350px){
	.DeployYosoWrap .Shaban_InBox {
		/*min-width: 32px;*/
	}
	.DeployYosoWrap .Shaban_Num {
		width: 27px;
		height: 27px;
		line-height: 27px;
	}
	.DeployYosoWrap .Shaban_InBox {
		font-size: 55.56%;
	}
}