@charset "euc-jp";

/* =======================================================
top_pc01.css
top リニューアル
======================================================= */


/* Contents_Header - アイコン */
.Contents_Header .ContentsTitle span:before {
	content: '';
	background: url("../image/icon/icon_sprite_header_top.png") no-repeat;
	-webkit-background-size: 100px 700px;
	-moz-background-size: 100px 700px;
	-ms-background-size: 100px 700px;
	-o-background-size: 100px 700px;
	background-size: 100px 700px;
	width: 42px;
	height: 40px;
	position: absolute;
	top: -12px;
	left: 0;
}

/* Contents_Header - アイコン */
.ContentsTitle02 span:before {
	content: '';
	background: url("../image/icon/icon_sprite_header_top.png") no-repeat;
	-webkit-background-size: 100px 700px;
	-moz-background-size: 100px 700px;
	-ms-background-size: 100px 700px;
	-o-background-size: 100px 700px;
	background-size: 100px 700px;
	width: 34px;
	height: 30px;
	position: absolute;
	top: -12px;
	left: 0;
}
/* レース情報、地方競馬 */
.Contents_Header .ContentsTitle.PickupRaceHead span:before,
.Contents_Header .ContentsTitle.LocalRaceHead span:before {
	background-position: -3px -6px;
}
/* ウマい馬券 */
.Contents_Header .ContentsTitle.YosoHead span:before {
	background-position: -5px -52px;
}
/* コラム */
.Contents_Header .ContentsTitle.NetkeibaColumnHead span:before {
	background-position: -5px -102px;
}
/* ブックス */
.Contents_Header .ContentsTitle.NetkeibaBooksHead span:before {
	background-position: -5px -385px;
}
/* 新着のブックス */
.ContentsTitle02.BooksHeadArea span {
	margin-left: 0;
}
.ContentsTitle02.BooksHeadArea span:before {
	background-position: -5px -435px;
	width: 30px;
	height: 30px;
	top: -8px;
}

/* 競馬広場 */
.Contents_Header .ContentsTitle.NetkeibaCommunityHead span:before {
	background-position: -5px -195px;
}
/* ユーザー */
.Contents_Header .ContentsTitle.NetkeibaUserHead span:before {
	background-position: -5px -239px;
}
/* UMAIビルダー */
.Contents_Header .ContentsTitle.BuilderHead span{
	padding-left: 89px;
}
.Contents_Header .ContentsTitle.BuilderHead span:before  {
	background-position: 0 -504px;
	width: 82px;
}



/* 本日の開催 */
.ContentsTitle02.TodayLocalFacilitiesHead span:before {
	background-position: -61px -5px;
}
/* 本日の開催 */
.ContentsTitle02.GensenYosoMenuHead span:before {
	background-position: -61px -52px;
}
/* ホースマンルーム */
.ContentsTitle02.HorsemanColumnHead span:before {
	background-position: -58px -102px;
	width: 38px;
}
.ContentsTitle02.HorsemanColumnHead span {
	padding-left: 48px;
}
/* 新着コラム */
.ContentsTitle02.TopNewColumnHead span:before {
	background-position: -5px -149px;
	width: 45px;
	height: 34px;
}
.ContentsTitle02.TopNewColumnHead span {
	padding-left: 52px;
}


/*==============================================
ニュース
==============================================*/
section.News_Headline {
	margin-bottom: 20px;
}
ul.News_HeadlineList li {
	border-bottom: 1px dotted #989898;
}
ul.News_HeadlineList li:first-child {
	position: relative;
}
/* news - pickup */
.Nk_PickupNews {
	margin-bottom: 32px;
}
ul.News_HeadlineList .ArticleLink {
	display: block;
}
ul.News_HeadlineList .ArticleLink:hover {
	background: #f9f9f9;
}
ul.News_HeadlineList .ArticleLink:hover .PickupTitle {
	color: #e36a5c;
	text-decoration: underline;
}
ul.News_HeadlineList li:first-child a.ArticleLink {
	display: block;
	padding: 0 0 10px 0;
}
ul.News_HeadlineList li.MovieNews a.ArticleLink {
	float: left;
	width: 344px;
}
.PickupNewsTxtBox {
	float: left;
	width: 344px;
	position: relative;
}
.PickupNewsTxtBox .PickupTitle {
	color: #444;
	font-size: 142.9%;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 18px;
}
.PickupNewsTxtBox .PickupTxt {
	color: #444;
	line-height: 1.7;
	margin-bottom: 10px;
}
.PickupNewsTxtBox p.TimeData {
	display: flex;
	align-items: center;
	position: absolute;
	right: 0;
	bottom: 13px;
}
.PickupNewsTxtBox p.TimeStump {
	color: #666;
	font-size: 71.1%;
	text-align: right;
}
.PickupNewsTxtBox .NewIcon {
	display: inline-block;
	border-radius: 9px;
	font-size: 10px;
	font-weight: bold;
	color: #ef5350;
	padding: 3px 5px;
}
.PickupNewsImg {
	position: relative;
	display: inline-block;
	float: right;
	width: 270px;
	height: 205px;
	overflow: hidden;
	margin-bottom: 10px;
}
.PickupNewsImg img.NewsImage {
	display: block;
	width: 100%;
}

.PickupNewsImg video {
	cursor: pointer;
}
.PickupNewsImg video:hover {
	filter: alpha(opacity=85);
	opacity: 0.85;
	-moz-opacity: 0.85;
}
.PickupNewsImg img.PlayIconImg {
	position: absolute;
	top: 50%;
	left: 50%;
	cursor: pointer;
	width: 74px;
	height: 74px;
	margin-left: -37px;
	margin-top: -37px;
	z-index: 10;
}



/* 写真なしニュース */
ul.News_HeadlineList li:first-child.NoPhoto .PickupNewsTxtBox a.ArticleLink {
	padding: 0 0 10px 0;
}
ul.News_HeadlineList li.NoPhoto .PickupNewsTxtBox {
	float: none;
	width: auto;
}
ul.News_HeadlineList li.NoPhoto .PickupNewsTxtBox p.TimeStump {
	right: 0;
	bottom: 7px;
}
/* news - other */

ul.News_HeadlineList li a.ArticleLink {
	display: block;
	position: relative;
	padding-top: 2px;
	text-decoration: none;
}
ul.News_HeadlineList h2.NewsTitle {
	display: inline-block;
	line-height: 2.3;
	overflow: hidden;
	vertical-align: middle;
/*	max-width: 540px; */
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}
ul.News_HeadlineList .ArticleLink:hover h2.NewsTitle {
	color: #e36a5c;
	text-decoration: none;
}
ul.News_HeadlineList .ArticleLink:hover h2.NewsTitle span.NewsTitleTxt{
	color: #e36a5c;
	text-decoration: underline;
}
ul.News_HeadlineList h2.NewsTitle span.NewsTitleTxt {
	display: block;
	color: #444;
	font-size: 114.3%;
	font-weight: bold;
	line-height: 2.3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
	margin-right: 6px;
}
.PickupNewsTxtBox span.TimeStump,
ul.News_HeadlineList li a h2 span.TimeStump {
	display: block;
	color: #666;
	font-size: 71.12%;
	white-space: nowrap;
	padding: 0 0 0 3px;
}
ul.News_HeadlineList li a h2 p.TimeData {
	margin-left: auto;
	white-space: nowrap;
	display: flex;
	align-items: center;
}
ul.News_HeadlineList li a h2 .NewIcon {
	display: block;
	font-size: 10px;
	font-weight: bold;
	color: #ef5350;
	margin-left: 4px;
}
ul.News_HeadlineList li a h2 .AppOnlyIcon01 {
	display: inline-block;
	border-radius: 2px;
	color: #3251bc;
	border: 1px solid #3251bc;
	padding: 3px 2px;
	font-size: 10px;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
	transform: scale(0.85);
}

ul.News_HeadlineList li a h2 .Icon_Movie01 {
	display: inline-block;
	background: url(//cdn.netkeiba.com/img.race/common/img/icon/icon_sprite_racemenu.png) 0 0/100px 600px no-repeat;
	background-position: -7px -210px;
	width: 24px;
	height: 24px;
	min-width: 24px;
	vertical-align: middle;
	margin-right: 3px;
	position: relative;
	top: -1px;
}
/* ニュースカテゴリ */
ul.News_HeadlineList li span.NewsCate {
	color: #666;
	font-size: 92.9%;
	text-align: right;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -0.5em;
}
/* 写真付きアイコン */
ul.News_HeadlineList li span.Icon_Camera01 {
	display: block;
	background: url("../image/icon/icon_camera.png") 0 0 no-repeat;
	-webkit-background-size: 16px 13px;
	-moz-background-size: 16px 13px;
	-ms-background-size: 16px 13px;
	-o-background-size: 16px 13px;
	background-size: 16px 13px;
	width: 0;
	height: 13px;
	vertical-align: middle;
	margin: 2px 4px 2px 4px;
	padding: 0 0 0 16px;
}
/* プレミアニュースアイコン h2.NewsTitle.PremiumPost */

ul.News_HeadlineList li span.Icon_Premium01 {
	display: block;
	background: url("../image/icon/icon_premiumlock.png") 0 0 no-repeat;
	-webkit-background-size: 12px 15px;
	-moz-background-size: 12px 15px;
	-ms-background-size: 12px 15px;
	-o-background-size: 12px 15px;
	background-size: 12px 15px;
	width: 0;
	height: 15px;
	vertical-align: middle;
	margin: -3px 4px 0;
	padding: 0 0 0 12px;
}

.PickupNewsTxtBox h2.PickupTitle.PremiumPost {
	position: relative;
	padding-right: 0;
}
.PickupNewsTxtBox h2.PickupTitle.PremiumPost:after {
	content: '';
	display: inline-block;
	background: url("../image/icon/icon_premiumlock.png") 0 0 no-repeat;
	-webkit-background-size: 12px 15px;
	-moz-background-size: 12px 15px;
	-ms-background-size: 12px 15px;
	-o-background-size: 12px 15px;
	background-size: 12px 15px;
	width: 12px;
	height: 15px;
	vertical-align: middle;
	position: static;
	margin: -3px 0 0 6px;
}






/* 映像プレミア誘導ポップアップ .MovieInfoPopup01 */
.MovieInfoPopup01 {
	border: 8px solid #f0ede8;
	height: 100%;
	border-radius: 6px;
	text-align: center;
}
.MovieInfoPopup01 .MovieInfoBox01 {
	background: #e5e4dd;
	padding: 30px 0;
}
.MovieInfoPopup01 .MovieInfoBox01 p{
	background: #e5e4dd;
	font-size: 2.0em;
	text-align: center;
	line-height: 2;
}

a.PremiumInfoBtn {
	display: block;
	text-align: center;
	background: #d2be19;
	color: #fff;
	width: 380px;
	line-height: 50px;
	border-radius: 4px;
	box-shadow: 0 2px 0 #9d9037;
	font-size: 1.6em;
	margin: 50px auto 20px;
}
a.PremiumInfoBtn:hover {
	opacity: .8;
	text-decoration: none;
}
a.PremiumInfoTxt {
	color: #666;
	font-size: 1.4em;
	text-decoration: underline;
}
a.PremiumInfoTxt:hover {
	text-decoration: none;
}




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

section.PickupRaceArea {
	margin-bottom: 20px;
}
section.PickupRaceArea p.ScheduleLink {
	position: absolute;
	right: 0;
	bottom: 0;
	line-height: 2.58;
}
section.PickupRaceArea p.ScheduleLink a{
	color: #444;
}
section.PickupRaceArea p.ScheduleLink a:hover{
	color: #e36a5c;
	text-decoration: underline;
}
/*-- トップレース --*/
section.PickupRace_01 {
	background: #faf8f4;
}
.RaceTitleBox {
	position: relative;
	padding: 12px 18px;
}
a:hover .RaceTitleBox h3.RaceTitle {
	color: #e36a5c;
}
.RaceTitleBox h3.RaceTitle{
	color: #444;
	font-size: 200%;
	font-weight: bold;
	margin-bottom: 12px;
}
.RaceTitleBox p.RaceCopy {
	display: inline-block;
	font-size: 107.2%;
	font-weight: bold;
	color: #e25252;
	margin-bottom: 8px;
}
.RaceTitleBox p.RaceCopy span.RaceCopyTag{
	display: inline-block;
	font-size: 68.8%;
	background: #abaaa8;
	color: #fff;
	font-weight: bold;
	border: 2px solid #fff;
	width: 40px;
	line-height: 1.4;
	text-align: center;
	vertical-align: middle;
	margin: -2px 8px 0 0;
}
.RaceTitleBox p.RaceData {
	display: inline-block;
	color: #666;
}
.RaceTitleBox p.RaceData span.Sun{
	color: #cd4845;
}
.RaceTitleBox p.RaceData span.Sat{
	color: #7ad6ef;
}
.RaceTitleBox p.MoreLink01 {
	position: absolute;
	right: 18px;
	bottom: 12px;
}
.RaceTitleBox p.MoreLink01 > a{
	display: inline-block;
	color: #444;
	font-weight: bold;
	padding: 0;
	font-size: 114.3%;
}
.RaceTitleBox p.MoreLink01 > a:hover {
	color: #e36a5c;
	text-decoration: underline;
}
.RaceTitleBox p.MoreLink01 > a:after {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left: 6px solid #444;
	margin-left: 9px;
}

.PickupRace_01 a.PickupRace_LinkBtn{
	display: block;
	background: #fff;
	border-radius: 2px;
	border: 1px solid #ececec;
	color: #444;
	padding: 12px 0 12px 16px;
	box-shadow: 0 2px 1px #d9d9d9;
}
.PickupRace_01 a.PickupRace_LinkBtn:hover {
	background: #f9f9f9;
	color: #e36a5c;
}
.PickupRace_01 span.NoLink{
	display: block;
	background: #f8f8f8;
	border-radius: 2px;
	border: 1px solid #efefef;
	color: #b9b9b9;
	padding: 12px 0 12px 16px;
	box-shadow: 0 2px 1px #d9d9d9;
}
.PickupRaceMenuBox {
	width: 100%;
	padding: 8px 9px 3px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.PickupRace_01 ul.PickupRaceMenuList {
	width: 282px;
	vertical-align: top;
	padding-right: 4px;
}
.PickupRace_01 ul.PickupRaceMenuList li {
	width: 137px;
	font-weight: bold;
	margin-bottom: 6px;
}
.PickupRace_01 ul.PickupRaceMenuList li:nth-child(2n+1) {
	float: left;
}
.PickupRace_01 ul.PickupRaceMenuList li:nth-child(2n) {
	float: right;
}

.PickupRace_01 .RaceDataBox {
	background: #fff;
	border-radius: 2px;
	border: 1px solid #ececec;
	color: #444;
	padding: 10px 20px 14px 20px;
	margin-bottom: 6px;
	box-shadow: 0 2px 1px #d9d9d9;
	flex: 1;
}
.PickupRace_01 .RaceDataBox p.RaceDataBoxTitle {
	font-weight: bold;
}
.PickupRace_01 .RaceDataBox ul {
	padding: 12px 0 20px;
}
.PickupRace_01 .RaceDataBox ul li + li{
	padding: 9px 0 0;
}
.PickupRace_01 .RaceDataBox span.DataNum,
.PickupRace_01 .RaceDataBox span.OrderNum {
	display: inline-block;
	text-decoration: none;
	color: #444;
	width: 4.7em;
	line-height: 1.2;
}
.PickupRace_01 .RaceDataBox span.OrderNum {
	width: 3em;
}
.PickupRace_01 .RaceDataBox span.OddsData,
.PickupRace_01 .RaceDataBox span.ResultData {
	font-weight: bold;
	float: right;
	text-decoration: none;
	line-height: 1.2;
}
.PickupRace_01 .RaceDataBox span.OddsData {
	color: #e96146;
}
.PickupRace_01 .RaceDataBox span.ResultData {
	color: #e96146;
}
.PickupRace_01 .RaceDataBox span.HorseName{
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
	max-width: 160px;
	font-weight: bold;
	line-height: 1.2;
}

.PickupRace_01 .RaceDataBox p.MoreLink01 {
	margin-right: -6px;
}
.PickupRace_01 .RaceDataBox p.MoreLink01 a {
	padding: 0;
}


/*-- レースメニューアイコン --*/
.PickupRace_01 a.PickupRace_LinkBtn span.IconRaceMenu01,
.PickupRace_01 span.NoLink span.IconRaceMenu01,
.RaceDataBox p.RaceDataBoxTitle span.IconRaceMenu01 {
	position: relative;
	display: inline-block;
	background: url("../image/icon/icon_sprite_racemenu.png") no-repeat;
	-webkit-background-size: 100px 600px;
	-moz-background-size: 100px 600px;
	-o-background-size: 100px 600px;
	-ms-background-size: 100px 600px;
	background-size: 100px 600px;
	width: 22px;
	height: 24px;
	vertical-align: middle;
	margin-right: 5px;
}
.PickupRace_01 span.NoLink span.IconRaceMenu01 {
	opacity: .4;
}
/*-- 出馬表 --*/
.PickupRace_01 a.PickupRace_LinkBtn span.IconShutuba,
.PickupRace_01 span.NoLink span.IconShutuba {
	background-position: -10px -2px;
}
/*-- 予想 --*/
.PickupRace_01 a.PickupRace_LinkBtn span.IconYoso,
.PickupRace_01 span.NoLink span.IconYoso {
	background-position: -9px -40px;
}
/*-- データ --*/
.PickupRace_01 a.PickupRace_LinkBtn span.IconData,
.PickupRace_01 span.NoLink span.IconData {
	background-position: -9px -79px;
}
/*-- 調教タイム --*/
.PickupRace_01 a.PickupRace_LinkBtn span.IconTraining,
.PickupRace_01 span.NoLink span.IconTraining {
	background-position: -10px -122px;
}
/*-- 厩舎 --*/
.PickupRace_01 a.PickupRace_LinkBtn span.IconComment,
.PickupRace_01 span.NoLink span.IconComment {
	background-position: -10px -164px;
}
/*-- 映像 --*/
.PickupRace_01 a.PickupRace_LinkBtn span.IconMovie,
.PickupRace_01 span.NoLink span.IconMovie {
	background-position: -9px -211px;
}
/*-- 予想オッズ --*/
.RaceDataBox p.RaceDataBoxTitle span.IconOdds {
	background-position: -8px -253px;
}
/*-- 結果 --*/
.RaceDataBox p.RaceDataBoxTitle span.IconResult {
	background-position: -8px -298px;
}

/*-- その他注目レース --*/
.PickupRaceArea ul.PickupRaceList02 {
}
.PickupRaceArea ul.PickupRaceList02 li {
	margin-top: 17px;
}
.PickupRaceArea ul.PickupRaceList02 li section{
	background: #f5f4f1;
	border-radius: 2px;
	border: 1px solid #e0e0e0;
	color: #444;
	box-shadow: 0 1px 0 #e0e0e0;
	overflow: hidden;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.PickupRaceArea ul.PickupRaceList02 li section .RacePhoto{
	position: relative;
	width: 280px;
	margin-left: auto;
}
.PickupRaceArea ul.PickupRaceList02 li section .RacePhoto img{
	width: 100%;
}
.PickupRaceArea ul.PickupRaceList02 li a:hover .RacePhoto img{
	opacity: .8;
}

.PickupRaceArea ul.PickupRaceList02 li section .RacePhoto span.RacePhotoTxt{
	display: inline-block;
	font-size: 85.8%;
	font-weight: bold;
	color: #fff;
	position: absolute;
	bottom: 10px;
	right: 8px;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.5), 0px 0px 3px rgba(0,0,0,0.5), 0px 0px 4px rgba(0,0,0,0.5);
}



.PickupRaceArea ul.PickupRaceList02 li section .RaceListData{
	padding: 12px 10px 12px 13px;
	width: 350px;
}
.PickupRaceArea ul.PickupRaceList02 li section p.RaceCopy{
	display: inline-block;
	margin-bottom : 1px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.2;
}
.PickupRaceArea ul.PickupRaceList02 li section h3.RaceTitle{
	margin-bottom: 8px;
	font-size: 171.5%;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.2;
}
.PickupRaceArea ul.PickupRaceList02 li section p.RaceData{
	display: inline-block;
}
.PickupRaceArea ul.PickupRaceList02 li section p.RaceData span.Sun{
	color: #cd4845;
}
.PickupRaceArea ul.PickupRaceList02 li section p.RaceData span.Sat{
	color: #5f97ba;
}
.PickupRaceArea ul.PickupRaceList02 li a:hover,
.PickupRaceArea ul.PickupRaceList02 li a:hover section h3.RaceTitle{
	color: #e36a5c;
}
.PickupRaceArea ul.PickupRaceList02 li a:hover section{
	background: #f9f9f9;
}

/* スケジュールアイコン */
section.PickupRaceArea p.ScheduleLink a:before {
	content: '';
	display: inline-block;
	background: url("../image/icon/icon_sprite_header_top.png") no-repeat;
	background-position: -67px -162px;
	-webkit-background-size: 100px 700px;
	-moz-background-size: 100px 700px;
	-ms-background-size: 100px 700px;
	-o-background-size: 100px 700px;
	background-size: 100px 700px;
	width: 20px;
	height: 18px;
	vertical-align: middle;
	margin-right: 6px;
}

/*--レースのグレードアイコン*/
.PickupRaceArea .Icon_Grade,
.MovieRaceTitle .Icon_Grade{
	display:inline-block;
	font-family:"ヒラギノ角ゴ ProN W3",'ヒラギノ角ゴ Pro W3', arial, "Hiragino Kaku Gothic ProN", "Meiryo", "メイリオ", sans-serif;
	-webkit-font-feature-settings : "palt" 1;
	font-feature-settings : "palt" 1;
	color: #fff;
	width: 38px;
	line-height: 22px;
	text-align: center;
	font-size: 15px;
	border-radius: 3px;
	margin-left: 6px;
	vertical-align: middle;
}
.PickupRaceArea .Icon_G1,
.MovieRaceTitle .Icon_G1{
	background: #4550bb;
}
.PickupRaceArea .Icon_G2,
.MovieRaceTitle .Icon_G2{
	background: #e92c29;
}
.PickupRaceArea .Icon_G3,
.MovieRaceTitle .Icon_G3{
	background: #57aa3e;
}
.PickupRaceArea .Icon_G,
.MovieRaceTitle .Icon_G{
	background: #ec5f00;
	font-family: "Meiryo", "メイリオ", "游ゴシック体", 'Yu Gothic', "ヒラギノ角ゴ ProN W3", 'ヒラギノ角ゴ Pro W3', "Hiragino Kaku Gothic ProN", arial, sans-serif;
}
.PickupRaceArea .Icon_JG1,
.MovieRaceTitle .Icon_JG1{
	background: #4550bb;
}
.PickupRaceArea .Icon_JG2,
.MovieRaceTitle .Icon_JG2{
	background: #e92c29;
}
.PickupRaceArea .Icon_JG3,
.MovieRaceTitle .Icon_JG3{
	background: #57aa3e;
}

/*==============================================
地方競馬 .PickupLocalArea
==============================================*/
/*-- トップレース --*/
section.LocalRaceArea {
	margin-bottom: 20px;
}
/*-- 地方競馬注目レース --*/
aBoxTitle span.IconResult {
	background-position: -8px -298px;
}

/*-- その他注目レース --*/
section.LocalRaceArea ul.PickupRaceList02 {
}
section.LocalRaceArea ul.PickupRaceList02 li {
	margin-top: 17px;
}
section.LocalRaceArea ul.PickupRaceList02 li section{
	background: #f5f4f1;
	border-radius: 2px;
	border: 1px solid #e0e0e0;
	color: #444;
	box-shadow: 0 1px 0 #e0e0e0;
	overflow: hidden;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
section.LocalRaceArea ul.PickupRaceList02 li section .RacePhoto{
	position: relative;
	width: 280px;
	margin-left: auto;
}
section.LocalRaceArea ul.PickupRaceList02 li section .RacePhoto img{
	width: 100%;
}
section.LocalRaceArea ul.PickupRaceList02 li a:hover .RacePhoto img{
	opacity: .8;
}

section.LocalRaceArea ul.PickupRaceList02 li section .RacePhoto span.RacePhotoTxt{
	display: inline-block;
	font-size: 88.9%;
	font-weight: bold;
	color: #fff;
	position: absolute;
	bottom: 10px;
	right: 8px;
}
section.LocalRaceArea ul.PickupRaceList02 li section .RaceListData{
	padding: 12px 10px 12px 13px;
	width: 350px;
}
section.LocalRaceArea ul.PickupRaceList02 li section p.RaceCopy{
	display: inline-block;
	font-weight: bold;
	margin-bottom : 1px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.2;
}
section.LocalRaceArea ul.PickupRaceList02 li section h3.RaceTitle{
	margin-bottom: 8px;
	font-size: 171.5%;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.2;
}
section.LocalRaceArea ul.PickupRaceList02 li section p.RaceData{
	display: inline-block;
}
section.LocalRaceArea ul.PickupRaceList02 li section p.RaceData span.Sun{
	color: #cd4845;
}
section.LocalRaceArea ul.PickupRaceList02 li section p.RaceData span.Sat{
	color: #7ad6ef;
}
section.LocalRaceArea ul.PickupRaceList02 li a:hover,
section.LocalRaceArea ul.PickupRaceList02 li a:hover section h3.RaceTitle{
	color: #e36a5c;
}
section.LocalRaceArea ul.PickupRaceList02 li a:hover section{
	background: #f9f9f9;
}



/*-- 本日の開催 --*/
section.TodayLocalFacilities {
	margin-top: 14px;
}
section.TodayLocalFacilities h3.ContentsTitle02 {
	padding-left: 10px;
}
section.TodayLocalFacilities > ul {
	background: #f5f4f1;
	border-radius: 2px;
	border: 1px solid #e0e0e0;
	padding: 10px 10px 12px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

section.TodayLocalFacilities > ul li {
	width: 93px;
	margin-left: 9px;
}
section.TodayLocalFacilities > ul li:nth-child(n+7) {
	margin-top: 10px;
}
section.TodayLocalFacilities > ul li:nth-child(6n+1) {
	margin-left: 0;
}
section.TodayLocalFacilities > ul li a{
	display: block;
	background: #fff;
	border-radius: 2px;
	border: 1px solid #ececec;
	box-shadow: 0 2px 0 #d9d9d9;
	color: #444;
	padding: 8px 0;
	text-align: center;
	position: relative;
	overflow: hidden;
	min-height: 132px;
}
section.TodayLocalFacilities > ul li a:before{
	content: "";
	display: block;
	background: #000;
	border-radius: 2px;
	opacity: 0;
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
section.TodayLocalFacilities > ul li a:hover:before{
	opacity: 0.02;
}
section.TodayLocalFacilities > ul li a img.LocalFacilitiesLogo{
	display: block;
	width: 52px;
	margin: auto;
}
section.TodayLocalFacilities > ul li a > span{
	display: inline-block;
	font-size: 114.3%;
	text-align: center;
	padding: 6px 0 10px;
	position: relative;
}
section.TodayLocalFacilities > ul li a > span.Nighter:after{
	content: "";
	display: inline-block;
	background: url("../image/icon/icon_nighter_01.png") 0 0 no-repeat;
	-webkit-background-size: 14px 13px;
	-moz-background-size: 14px 13px;
	-ms-background-size: 14px 13px;
	-o-background-size: 14px 13px;
	background-size: 14px 13px;
	width: 14px;
	height: 13px;
	vertical-align: middle;
	margin-left: 5px;
}
/* section.TodayLocalFacilities > ul li a:hover{
	background: #f9f9f9;
}
*/
section.TodayLocalFacilities > ul li a:hover span{
	color: #e36a5c;
	text-decoration: underline;
}
section.TodayLocalFacilities > ul li .Race_State {
	width: 54px;
	min-height: 48px;
	padding: 8px 0;
	background: #5c6fdf;
	border-radius: 3px;
	margin: auto;
	text-align: center;
}
section.TodayLocalFacilities > ul li .Race_State.RaceEnd {
	background: #b6b6b6;
	padding: 10px 0;
}
section.TodayLocalFacilities > ul li a .Race_State > span {
	text-decoration: none;
	color: #fff;
}
section.TodayLocalFacilities > ul li .Race_State > span{
	display: inline-block;
	text-align: center;
	color: #fff;
}
section.TodayLocalFacilities > ul li .Race_State > span.RaceNum{
	font-size: 114.3%;
	font-weight: bold;
	margin-bottom: 3px;
}
section.TodayLocalFacilities > ul li .Race_State > span.Time{
	font-size: 85.8%;
}
section.TodayLocalFacilities > ul li .Race_State.RaceEnd > span {
	line-height: 1.14;
}


/*==============================================
ウマい馬券 .GensenYosoArea
==============================================*/
/*-- トップレース --*/
section.GensenYosoArea {
	margin-bottom: 20px;
}


/*-- 予想メニュー --*/
section.GensenYosoMenu h2.ContentsTitle02 {
	padding-left: 10px;
}
section.GensenYosoMenu .GensenYosoMenuBox {
	background: #f5f4f1;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding: 10px 8px;
}
section.GensenYosoMenu ul.YosoGenreMenu {
	width: 114px;
}
section.GensenYosoMenu ul.YosoGenreMenu li {
	width: 87px;
	position: relative;
}
section.GensenYosoMenu ul.YosoGenreMenu li.Active:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border-style: solid;
	border-width: 8px 0 8px 14px;
	border-color: transparent;
	top: 50%;
	right: -13px;
	margin-top: -9px;
}
section.GensenYosoMenu ul.YosoGenreMenu li.TypeJra.Active:after {
	border-left-color: #1f4fc3;
}
section.GensenYosoMenu ul.YosoGenreMenu li.TypeNar.Active:after {
	border-left-color: #bf552e;
}
section.GensenYosoMenu ul.YosoGenreMenu li a {
	display: block;
	text-align: center;
	color: #444;
	height: 39px;
	line-height: 39px;
	background: #eae9e3;
	border: 1px solid #ddd;
	border-radius: 2px;
}
section.GensenYosoMenu ul.YosoGenreMenu li.TypeJra.Active a{
	background: #1f4fc3;
	color: #fff;
}
section.GensenYosoMenu ul.YosoGenreMenu li.TypeNar.Active a{
	background: #bf552e;
	color: #fff;
}
section.GensenYosoMenu ul.YosoGenreMenu li:last-child:not(.Active) a {
	box-shadow: 0 2px 0 #d9d9d9;
}
section.GensenYosoMenu ul.GensenYosoMenuList {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	flex: 1;
}
section.GensenYosoMenu ul.GensenYosoMenuList li{
	width: 152px;
}
section.GensenYosoMenu ul.GensenYosoMenuList li a.LinkBox_01{
	display: block;
	background: #fff;
	border-radius: 2px;
	border: 1px solid #e0e0e0;
	padding: 5px 5px 6px;
	box-shadow: 0 2px 0 #d9d9d9;
	text-align: center;
	color: #444;
}
section.GensenYosoMenu ul.GensenYosoMenuList li a.LinkBox_01 span.YosoMenuTxt{
	line-height: 1.73;
	font-size: 107.2%;
	font-weight: bold;
	color: #444;
}
section.GensenYosoMenu ul.GensenYosoMenuList li a.LinkBox_01:hover{
	background: #f9f9f9;
	color: #e36a5c;
}
section.GensenYosoMenu ul.GensenYosoMenuList li a.LinkBox_01:hover span.YosoMenuTxt{
	color: #e36a5c;
}

/* 予想メニュー - アイコン */
section.GensenYosoMenu ul.GensenYosoMenuList li a.LinkBox_01 span.Icon {
	content: '';
	display: block;
	background: url("../image/icon/icon_sprite_top_yosomenu.png") no-repeat;
	-webkit-background-size: 100px 350px;
	-moz-background-size: 100px 350px;
	-ms-background-size: 100px 350px;
	-o-background-size: 100px 350px;
	background-size: 100px 350px;
	width: 50px;
	height: 40px;
	margin: auto;
}

section.GensenYosoMenu ul.GensenYosoMenuList li a.LinkBox_01 span.IconRaceSearch {
	background-position: 4px -1px;
}
section.GensenYosoMenu ul.GensenYosoMenuList li a.LinkBox_01 span.IconYosokaSearch {
	background-position: 2px -52px;
}
section.GensenYosoMenu ul.GensenYosoMenuList li a.LinkBox_01 span.IconHitData {
	background-position: 2px -100px;
}


/*-- ライブコマース --*/
.LiveCommerceLink_L_Wrap .Title_Sec h2{
    position: relative;
    font-size: 83.33%;
    font-weight: bold;
    margin-bottom: 8px;
    color: #444;
}


.LiveCommerceLink_L_Wrap{
	margin-bottom: 34px;
}

.LiveCommerceLink_L_Wrap .LiveCommerceLink_L{
	margin: 0 !important;
	flex-wrap: nowrap !important;
}
.LiveCommerceLink_L_Wrap .LiveCommerceLink_L > a{
	max-width: 355px;
	flex-shrink: 0;
}
.LiveCommerceText{
	width: calc(100% - 355px) !important;
}
.LiveCommerceText p.LiveTitle{
	font-size: 89.4737%;
}

/*==============================================
コラム .NewColumnArea
==============================================*/
section.NewColumnArea {
	margin-bottom: 20px;
}
section.NewColumnArea h2.ColumnSectionTitle {
	padding: 16px 7px 4px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}
section.NewColumnArea h2.ColumnSectionTitle p.MoreLink01 a{
	padding: 0;
}
/*-- ホースマンルーム section.HorsemanColumnSection --*/
section.HorsemanColumnSection {
	margin-bottom: 10px;
	padding-top: 7px;
}
.HorsemanColumnArea {
	background: #f1f1f1;
	padding: 11px 0 0 10px;
}
.HorsemanColumnArea li {
	float: left;
	margin-right: 8px;
	margin-bottom: 10px;
	width: 198px;
	border: 1px solid #d4d4d4;
}
.HorsemanColumnArea li a:hover {
	text-decoration: none;
}
section.HorsemanColumnSection .HorsemanColumnBox {
	position: relative;
}
section.HorsemanColumnSection a:hover .HorsemanColumnBox:after {
	content: " ";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 5;
	background: #fff;
	opacity: .2;
}
.HorsemanColumnBox .HorsemanColumnPhoto {
	display: block;
	position: relative;
	height: 110px;
	z-index:10;
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.HorsemanColumnBox .HorsemanColumnPhoto span.HorsemanCategory {
	display: inline-block;
	font-size: 78.6%;
	font-weight: bold;
	text-align: center;
	color: #fff;
	border: 2px solid #fff;
	position: absolute;
	top: 6px;
	left: 8px;
	background: rgba(0,0,0,0.3);
	padding: 3px 5px;
}
.HorsemanColumnBox .HorsemanColumnPhoto span.HorsemanTitle {
	display: inline-block;
	font-size: 85.8%;
	color: #fff;
	position: absolute;
	bottom: 6px;
	left: 8px;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.7), 0px 0px 3px rgba(0,0,0,0.7), 0px 0px 4px rgba(0,0,0,0.7);
}

.HorsemanColumnBox .HorsemanColumnTxt {
	position: relative;
	background: rgba(255,255,255,0.84);
	padding: 8px 10px;
	z-index:10;
}
.HorsemanColumnBox .HorsemanColumnTxt p.HorsemanCopy {
	font-weight: bold;
	color: #333;
	line-height: 1.3;
	height: 2.6em;
	margin-bottom: 8px;
	overflow: hidden;
}
a:hover .HorsemanColumnBox .HorsemanColumnTxt p.HorsemanCopy {
	color: #e36a5c;
	text-decoration: underline;
}
.HorsemanColumnBox .HorsemanColumnTxt dl.HorsemanWriter {
	display: table;
	width: 100%;
}
.HorsemanColumnBox .HorsemanColumnTxt dl.HorsemanWriter dt,
.HorsemanColumnBox .HorsemanColumnTxt dl.HorsemanWriter dd{
	display: table-cell;
	vertical-align: middle;
}
.HorsemanColumnBox .HorsemanColumnTxt dl.HorsemanWriter dt {
	width: 44px;
}
.HorsemanColumnTxt dl.HorsemanWriter dt span.WriterPhoto {
	display: block;
	border-radius: 50%;
	overflow: hidden;
	width: 38px;
	height: 38px;
}
.HorsemanColumnTxt dl.HorsemanWriter dt span.WriterPhoto img{
	width: 38px;
	height: 38px;
}
.HorsemanColumnTxt dl.HorsemanWriter dd span.WriterName{
	display: block;
	font-size: 92.9%;
	color: #222;
	margin-bottom: 5px;
}
.HorsemanColumnTxt dl.HorsemanWriter dd span.WriterCategory{
	display: block;
	font-size: 78.6%;
	color: #555;
}

/* 最新コラム */
section.TopNewColumnSection {
}
ul.TopNewColumnList {
	border-top: 2px solid #ecede8;
}
ul.TopNewColumnList a.ArticleLink {
	display: block;
	padding: 10px 0;
	position: relative;
	border-bottom: 1px dotted #d8d8d8;
}
ul.TopNewColumnList a.ArticleLink:hover {
	background: #f9f9f9;
	text-decoration: none;
}
ul.TopNewColumnList a.ArticleLink:hover .ColumnTitle {
	color: #e36a5c;
	text-decoration: underline;
}

.ColumnList .ColumnTxtBox {
	float: left;
	width: 472px;
}
.ColumnList .ColumnImgBox {
	float: right;
	width: 140px;
}

.ColumnList .ColumnTxtBox .ColumnTag {
	margin-bottom: 13px;
}
.ColumnList .ColumnTxtBox .ColumnTag .ColumnCategoryTag {
	background: #edece6;
	display: inline-block;
	border-radius: 2px;
	color: #666;
	font-size: 78.6%;
	font-weight: bold;
	padding: 5px 10px 3px;
}
.ColumnList .ColumnTxtBox .ColumnTag span.ColumnName {
	font-size: 92.9%;
	color: #666;
	padding-left: 4px;
}
.ColumnList .ColumnTxtBox .ColumnTitle {
	color: #444;
	font-size: 107.2%;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 1.4;
}
.ColumnList .ColumnTxtBox .Nk_DataList {
	float: left;
}
.ColumnList .ColumnTxtBox .Nk_DataList li {
	display: inline-block;
	color: #666;
	font-size: 85.8%;
	vertical-align: middle;
}
.ColumnList .ColumnTxtBox .ColumnWriter {
	font-size: 85.8%;
	color: #666;
	line-height: 1.5;
	float: right;
}
.ColumnList .ColumnTxtBox .ColumnTxt {
	color: #222;
	font-size: 92.9%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ColumnList .ColumnImgBox img.ColumnImage {
	width: 100%;
	max-width: 140px;
	max-height: 83px;
}

/*======================================
ブックス .BooksHeadArea
======================================*/
.ContentsTitle02.BooksHeadArea {
	padding: 16px 0 4px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}
.ContentsTitle02.BooksHeadArea h2 {
	display: inline-block;
}
.ContentsTitle02.BooksHeadArea p.MoreLink01 a{
	padding: 0;
}
.BooksList {
	visibility: hidden;
	background: #f5f4f1;
}
#BookSlideBox.BooksList.slick-slider {
	visibility: visible;
	padding: 27px 40px 17px;
}
#BookSlideBox .slick-slide {
	border: none;
}
.BooksList .slick-list {
	padding: 2% 0;
}
.BooksImageWrap {
	display: inline-block;
	-moz-perspective: 50px;
	-webkit-perspective: 50px;
	-ms-perspective: 100px;
	perspective: 50px;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	margin: 0 13px;
}
a:hover .BooksImageWrap .BooksImage01{
	opacity: 0.7;
}
.BooksImage01 {
	position: relative;
	display: inline-block;
	-moz-transform: rotateY(-3deg);
	-webkit-transform: rotateY(-3deg);
	transform:  rotateY(-3deg);
	outline: 1px solid transparent; /* Helps smooth jagged edges in Firefox */
	box-shadow: none;
	left: -6%;
	margin-right: 6%;
	width: 98%;
}
.BooksImage01:before,
.BooksImage01:after {
	content: ' ';
	position: absolute;
	top: 2%;
	height: 97%;
	z-index: -1;
}
.BooksImage01:before {
	width: 100%;
	left: 8.0%;
	background-color: #444;
	box-shadow: 1px 3px 10px 2px rgba(0,0,0,0.45);
}
.BooksImage01:after {
	width: 5%;
	left: 100%;
	background-color: #efefef;
	box-shadow: inset 0 0 3px #aaa;
	-moz-transform: rotateY(20deg);
	-webkit-transform: perspective(100px) rotateY(20deg);
	transform: perspective(100px) rotateY(20deg);
}
.BooksImage01 img {
	position: relative;
	width: 100%;
	vertical-align: middle;
}
.BooksList .BookTitleMain {
	font-weight: bold;
	font-size: 114.3%;
	color: #222;
	line-height: 1.3;
	margin: 20px auto 0;
	width: 8.1em;
	max-height: 2.6em;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.BooksList .slick-active .BookTitleMain {
	max-height: 2.55em;
}
.BooksList a:hover .BookTitleMain {
	color : #e36a5c;
	text-decoration: underline;
}

/*======================================
みんなの競馬広場 .TopCommunityArea
======================================*/
.TopCommunityArea {
/*	margin-bottom: 20px; */
}
.TopCommunityArea > .Contents_Header {
	margin-bottom: 20px;
}
.TopCommunityArea h2.ContentsTitle02,
.TopUserArea h2.ContentsTitle02{
	padding-left: 12px;
}
.TopCommunityArea .slick-slider {
	padding:0 7px 0 12px;
}
.TopCommunityArea .slick-slider a{
	text-decoration: none;
}
.TopCommunityArea .CommunityTitle{
	padding: 12px 9px;
}
.TopCommunityArea a:hover .CommunityTitle{
	background: #f9f9f9;
}
.TopCommunityArea a:hover .CommunityTitle h2.ListTitle{
	color: #e36a5c;
	text-decoration: underline;
}
.TopCommunityArea a:hover dl.UserList{
	background: #f5f3ef;
}
.CommunityTitle h2.ListTitle{
	color: #444;
	font-size: 114.3%;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 14px;
}
.CommunityTitle img.ThreadThumbnail{
	width: 56px;
	height: 56px;
	float: left;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}
.CommunityTitle .ListText {
	color: #222;
	font-size: 92.9%;
	margin-left: 68px;
	line-height: 1.39;
	height: 4.17em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	box-orient:vertical;
}

.TopCommunityArea .slick-slide{
	border: 1px solid #c3bdb1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	margin-right: 5px;
}
.TopCommunityArea dl.UserList {
	display: table;
	padding: 6px 0 8px;
	color: #5c5c5c;
	background: #efede7;
	border-top: 2px solid #e1dfd7;
	width: 100%;
}
.TopCommunityArea dl.UserList dt {
	display: table-cell;
	font-size: 85.8%;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
	padding-top: 4px;
	vertical-align: middle;
}
.TopCommunityArea dl.UserList dt span.Icon {
	position: relative;
	display: inline-block;
	background: url("../image/icon/icon_sprite_user_01.png") no-repeat;
	-webkit-background-size: 100px 180px;
	-moz-background-size: 100px 180px;
	-o-background-size: 100px 180px;
	-ms-background-size: 100px 180px;
	background-size: 100px 180px;
	width: 22px;
	height: 20px;
	vertical-align: middle;
	margin-right: 4px;
	top: -4px;
}
.TopCommunityArea dl.UserList dt span.Icon_UserSilhouette01 {
	background-position: -40px -2px;
}
.TopCommunityArea dl.UserList dt em {
	position: relative;
	font-size: 108.3%;
	font-weight: bold;
	margin-right: 4px;
}
.TopCommunityArea dl.UserList dd {
	display: table-cell;
	margin: 5px auto 0;
	text-align: center;
	vertical-align: middle;
}
.TopCommunityArea dl.UserList dd img {
	display: inline-block;
	width: 34px;
	height: 34px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid #efede7;
	margin-left: -10px;
}
.TopCommunityArea dl.UserList dd img:first-child {
	margin: 0;
}
/*======================================
netkeiba人気ユーザー.TopUserArea
======================================*/
.TopUserArea {
	margin-bottom: 20px;
}
.TopUserArea .slick-slider {
	padding: 0 7px 0 12px;
}
.TopUserArea .slick-slider a{
	text-decoration: none;
}
.TopUserArea .slick-slide{
	border: 1px solid #c3bdb1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	margin-right: 5px;
}

.TopUserArea .slick-slider a{
	text-decoration: none;
}
.TopUserArea .ProfAvatarImg {
	position: relative;
	height: 54px;
	background: #efede7;
	border-bottom: 1px solid #d9d3c7;
}
.TopUserArea .ProfAvatarImg img {
	display: block;
	width: 54px;
	border: 2px solid #f1f1f1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	position: absolute;
	top: 14px;
	left: 50%;
	margin-left: -27px;
}

.TopUserArea .ProfData {
	padding: 24px 8px 10px;
}
.TopUserArea .ProfData span.UserName{
	display: block;
	text-align: center;
	font-size: 107.2%;
	font-weight: bold;
	color: #444;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 8px;
}
.TopUserArea .ProfData .FriendsData {
	text-align: center;
	color: #00b0ed;
	font-weight: bold;
	margin-bottom: 8px;
}
.TopUserArea .ProfData p.UserIntroduction {
	color: #666;
	font-size: 92.9%;
	line-height: 1.39;
	height: 2.78em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-moz-box-orient:vertical;
	-webkit-box-orient:vertical;
	-o-box-orient:vertical;
	-ms-box-orient:vertical;
	padding: 0 2px;
}

.TopUserArea a:hover .ProfAvatarImg{
	background: #f5f3ef;
}
.TopUserArea a:hover .ProfData{
	background: #f9f9f9;
}
.TopUserArea a:hover .ProfData span.UserName{
	color: #e36a5c;
	text-decoration: underline;
}

/* ユーザーアイコン */
.TopUserArea .ProfData .FriendsData span.Icon {
	display: inline-block;
	background: url("../image/icon/icon_sprite_user_01.png") no-repeat;
	-webkit-background-size: 100px 180px;
	-moz-background-size: 100px 180px;
	-o-background-size: 100px 180px;
	-ms-background-size: 100px 180px;
	background-size: 100px 180px;
	height: 16px;
	vertical-align: middle;
	margin-right: 3px;
}
/* ともだち */
.TopUserArea .ProfData .FriendsData span.Icon_UserSilhouette05{
	width: 22px;
	background-position: -6px -6px;
}
/* フォロー */
.TopUserArea .ProfData .FriendsData span.Icon_UserSilhouette06{
	width: 18px;
	background-position: -8px -27px;
}
/* フォロワー */
.TopUserArea .ProfData .FriendsData span.Icon_UserSilhouette07{
	width: 18px;
	background-position: -8px -49px;
}


/*==============================================
 - スライダー
==============================================*/
/*-- 注目レースコンテンツスライド --*/
.RaceSlideArea01 {
	overflow: hidden;
}
.RaceSlideArea01 .slick-slide {
/*	opacity: 0.65; */
	height: 300px;
	overflow: hidden;
}
.RaceSlideArea01 .slick-center {
	opacity: 1 !important;
}
.RaceSlideArea01 .SlideImgBox01 {
	position: relative;
	height: 300px;
	overflow: hidden;
	border: 4px solid #d8d8d8;
}
.RaceSlideArea01 .SlideTxtArea {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 85px;
	background: rgba(0,0,0,.5);
}
.RaceSlideArea01 .SlideTxtArea .SlideTxtInner {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.RaceSlideArea01 .SlideTxtArea .Content_Cate {
	color: #fff;
	font-size: 78.6%;
	font-weight: bold;
	line-height: 1.63;
	display: inline-block;
	padding:0 6px;
	margin: 0 16px 4px;
	background: #e72a2a;
	border-radius: 2px;
}
.RaceSlideArea01 .SlideTxtArea .ContentMainTitle {
	color: #fff;
	font-size: 128.6%;
	font-weight: bold;
	width:100%;
	padding: 2px 16px 4px;
	text-shadow: 1px 1px 1px #000;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.RaceSlideArea01 .SlideTxtArea .ContentSubTitle {
	color: #fff;
	width:100%;
	padding: 2px 16px 12px;
	text-shadow: 1px 1px 1px #000;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.RaceSlideArea01 .slick-center .SlideImgBox01 {
	background:#fff;
}
.RaceSlideArea01 .slick-center {
	opacity: 1 !important;
	background:#fff;
}
.RaceSlideArea01 .slick-slide a{
	display: block;
}
.RaceSlideArea01 .slick-slide a:hover {
	opacity: .8;
}
.RaceSlideArea01 .slick-slide img.RaceSlideImg {
	width: 622px;
	margin: auto;
}
/*
 * レース情報スライドポインター
 */
.RaceSlideArea01 .slick-dots {
 	font-size: 0;
	display: block;
	text-align: center;
	padding: 10px 0 2px;
}
.RaceSlideArea01 .slick-dots li {
	cursor: pointer;
	width:8px;
	height:8px;
	margin:0 4px;
	background:#787772;
	display:inline-block;
	-webkit-backface-visibility:visible;
	-webkit-transition:opacity 200ms ease;
	-moz-transition:opacity 200ms ease;
	-ms-transition:opacity 200ms ease;
	-o-transition:opacity 200ms ease;
	transition:opacity 200ms ease;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}
.RaceSlideArea01 .slick-dots li button {
	border: 0;
	background: transparent;
	color: transparent;
	cursor: pointer;
	display: block;
	font-size: 0;
	line-height: 0;
	outline: none;
	width:8px;
	height:8px;
	padding: 0;
}

.RaceSlideArea01 .slick-dots li button:hover,
.RaceSlideArea01 .slick-dots li button:focus {
	outline: none;
}
.RaceSlideArea01 .slick-dots li button:before {
	display:block;
	content: " ";
	width:8px;
	height:8px;
	font-size: 0;
	line-height: 0;
	opacity: 1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.RaceSlideArea01 .slick-dots li.slick-active button:before {
	background:#e36a5c;
	display:inline-block;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}
/*-- ウマい馬券カルーセル --*/
.YosoSlideArea01 {
	height: 264px;
	overflow: hidden;
	margin: 18px 0 ;
}
.YosoSlideArea01 .YosoSlideList {
	position: relative;
	width: 264px;
	height: 240px;
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.YosoSlideArea01 .YosoSlideList .YosokaHeadImg01 {
	width: 100px;
	border: 4px solid #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	position: absolute;
	top: 53px;
	left: 50%;
	margin-left: -50px;
	z-index: 10;
}
.YosoSlideArea01 .YosoSlideList .YosokaHeadImg01 img{
	display: block;
	width: 100%;
}
.YosoSlideArea01 .YosoSlideList img.YosoHitIcon {
	width: 63px;
	position: absolute;
	top: 15px;
	left: 150px;
	z-index: 20;
}
.YosoSlideArea01 .YosoSlideList .YosoSlideTxtInner {
	background: rgba(255,255,255,0.84);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 130px;
}
.YosoSlideArea01 .YosoSlideList .YosoSlideTxtInner .Slide_Cate {
	color: #fff;
	font-size: 78.6%;
	font-weight: bold;
	line-height: 1.73;
	display: inline-block;
	padding:0 10px;
	margin: 20px 12px 6px 22px;
	background: #e72a2a;
	border-radius: 2px;
}
.YosoSlideArea01 .YosoSlideList .YosoSlideTxtInner .SlideResult {
	display: block;
	margin: 4px 0 6px 22px;
	color: #333;
	font-weight: bold;
}
.YosoSlideArea01 .YosoSlideList .YosoSlideTxtInner .SlideResult .percent{
	color: #e72a2a;
}
.YosoSlideArea01 .YosoSlideList .YosoSlideTxtInner .SlideMainTxt {
	display: block;
	color: #333;
	font-size: 128.6%;
	font-weight: bold;
	padding: 0 6px 6px 22px;
	line-height: 1.23;
}

.YosoSlideArea01 .slick-list{
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0 50px;
}
.YosoSlideArea01 .slick-center .SlideImgBox01 {
	background:#fff;
}
.YosoSlideArea01 .slick-slide a{
	display: block;
	width: 264px;
}
.YosoSlideArea01 .slick-slide a:hover {
	opacity: .8;
}
/*
 * ウマい馬券スライドポインター
 */
.YosoSlideArea01 .slick-dots {
 	font-size: 0;
	position: absolute;
	display: block;
	bottom: -18px;
	left: 50px;
	width: 528px;
	text-align: center;
}
.YosoSlideArea01 .slick-dots li {
	cursor: pointer;
	width:8px;
	height:8px;
	margin:0 4px;
	background:#787772;
	display:inline-block;
	-webkit-backface-visibility:visible;
	-webkit-transition:opacity 200ms ease;
	-moz-transition:opacity 200ms ease;
	-ms-transition:opacity 200ms ease;
	-o-transition:opacity 200ms ease;
	transition:opacity 200ms ease;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}
.YosoSlideArea01 .slick-dots li button {
	border: 0;
	background: transparent;
	color: transparent;
	cursor: pointer;
	display: block;
	font-size: 0;
	line-height: 0;
	outline: none;
	width:8px;
	height:8px;
	padding: 0;
}

.YosoSlideArea01 .slick-dots li button:hover,
.YosoSlideArea01 .slick-dots li button:focus {
	outline: none;
}
.YosoSlideArea01 .slick-dots li button:before {
	display:block;
	content: " ";
	width:8px;
	height:8px;
	font-size: 0;
	line-height: 0;
	opacity: 1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.YosoSlideArea01 .slick-dots li.slick-active button:before {
	background:#e36a5c;
	display:inline-block;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}
/*
 * 予想ビルダー
 */

.TopYosoBuilder h3 {
  padding-left: 10px;
  font-size: 92.85714285714286%;
  font-weight: bold;
  color: #757575;
  margin-bottom: 10px;
  margin-top: 16px;
}

.TopYosoBuilder .List_01 {
  display: flex;
  justify-content: space-between;
  padding: 0;
}

.TopYosoBuilder .List_01 .rank01 {
  width: 366px;
  height: 258px;
  padding: 12px 14px 13px;
  background-color: #F5F4F1;
  border: 1px solid #DCDCDC;
  list-style: none;
}
.TopYosoBuilder .List_01 .rank01 {
    margin: 0 5px; /* 左右に5pxずつのマージンを設定 */
}
.TopYosoBuilder .List_01 .rank01 img {
  width: auto;
  height: 100%;
}
/* Arrows */
.RaceSlideArea01 .slick-prev,
.RaceSlideArea01 .slick-next,
.YosoSlideArea01 .slick-prev,
.YosoSlideArea01 .slick-next,
.BuilderRanking .slick-prev,
.BuilderRanking .slick-next,
#BookSlideBox .slick-prev,
#BookSlideBox .slick-next,
#CommunitySlideBox .slick-prev,
#CommunitySlideBox .slick-next,
#UserSlideBox .slick-prev,
#UserSlideBox .slick-next,
#SlideArea2 .slick-prev,
#SlideArea2 .slick-next {
	position: absolute;
	display: block;
	height: 91px;
	width: 34px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: rgba(0,0,0,0.2);
	color: transparent;
	top: 50%;
	padding: 0;
	border: none;
	outline: none;
	z-index: 10;
	margin-top: -45px;
}
.RaceSlideArea01 .slick-prev:hover,
.RaceSlideArea01 .slick-prev:focus,
.RaceSlideArea01 .slick-next:hover,
.RaceSlideArea01 .slick-next:focus,
.YosoSlideArea01 .slick-prev:hover,
.YosoSlideArea01 .slick-prev:focus,
.YosoSlideArea01 .slick-next:hover,
.YosoSlideArea01 .slick-next:focus,
.BuilderRanking .slick-prev:hover,
.BuilderRanking .slick-prev:focus,
.BuilderRanking .slick-next:hover,
.BuilderRanking .slick-next:focus,
#BookSlideBox .slick-prev:hover,
#BookSlideBox .slick-prev:focus,
#BookSlideBox .slick-next:hover,
#BookSlideBox .slick-next:focus,
#CommunitySlideBox .slick-prev:hover,
#CommunitySlideBox .slick-prev:focus,
#CommunitySlideBox .slick-next:hover,
#CommunitySlideBox .slick-next:focus,
#UserSlideBox .slick-prev:hover,
#UserSlideBox .slick-prev:focus,
#UserSlideBox .slick-next:hover,
#UserSlideBox .slick-next:focus,
#SlideArea2 .slick-prev:hover,
#SlideArea2 .slick-prev:focus,
#SlideArea2 .slick-next:hover,
#SlideArea2 .slick-next:focus {
	outline: none;
	color: transparent;
}
.RaceSlideArea01 .slick-prev:hover:before,
.RaceSlideArea01 .slick-next:hover:before,
.YosoSlideArea01 .slick-prev:hover:before,
.YosoSlideArea01 .slick-next:hover:before,
.BuilderRanking .slick-prev:hover:before,
.BuilderRanking .slick-next:hover:before,
#BookSlideBox .slick-prev:hover:before,
#BookSlideBox .slick-next:hover:before,
#CommunitySlideBox .slick-prev:hover:before,
#CommunitySlideBox .slick-next:hover:before,
#UserSlideBox .slick-prev:hover:before,
#UserSlideBox .slick-next:hover:before,
#SlideArea2 .slick-prev:hover:before,
#SlideArea2 .slick-next:hover:before {
	opacity: 0.6;
}
.RaceSlideArea01 .slick-prev:before,
.RaceSlideArea01 .slick-next:before,
.YosoSlideArea01 .slick-prev:before,
.YosoSlideArea01 .slick-next:before,
.BuilderRanking .slick-prev:before,
.BuilderRanking .slick-next:before,
#BookSlideBox .slick-prev:before,
#BookSlideBox .slick-next:before,
#CommunitySlideBox .slick-prev:before,
#CommunitySlideBox .slick-next:before,
#UserSlideBox .slick-prev:before,
#UserSlideBox .slick-next:before,
#SlideArea2 .slick-prev:before,
#SlideArea2 .slick-next:before {
	display:block;
	position: absolute;
	top: 0;
	left: 0;
	content: " ";
	height: 91px;
	width: 34px;
	font-size: 0;
	line-height: 0;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
	opacity: 1;
}
.RaceSlideArea01 .slick-next:before,
.YosoSlideArea01 .slick-next:before,
.BuilderRanking .slick-next:before,
#BookSlideBox .slick-next:before,
#CommunitySlideBox .slick-next:before,
#UserSlideBox .slick-next:before,
#SlideArea2 .slick-next:before {
	left: auto;
	right: 0;
}
.RaceSlideArea01 .slick-prev,
.YosoSlideArea01 .slick-prev,
.BuilderRanking .slick-prev,
#BookSlideBox .slick-prev,
#CommunitySlideBox .slick-prev,
#UserSlideBox .slick-prev,
#SlideArea2 .slick-prev {
	left: 0;
}
.RaceSlideArea01 .slick-prev:before,
.YosoSlideArea01 .slick-prev:before,
.BuilderRanking .slick-prev:before,
#BookSlideBox .slick-prev:before,
#CommunitySlideBox .slick-prev:before,
#UserSlideBox .slick-prev:before,
#SlideArea2 .slick-prev:before {
	background: url("../image/icon/icon_slide_arrow01.png") no-repeat 8px center;
	-webkit-background-size: 80px 23px;
	-moz-background-size: 80px 23px;
	-ms-background-size: 80px 23px;
	-o-background-size: 80px 23px;
	background-size: 80px 23px;
}
.RaceSlideArea01 .slick-next,
.YosoSlideArea01 .slick-next,
.BuilderRanking .slick-next,
#BookSlideBox .slick-next,
#CommunitySlideBox .slick-next,
#UserSlideBox .slick-next,
#SlideArea2 .slick-next {
	right: 0;
}
.RaceSlideArea01 .slick-next:before,
.YosoSlideArea01 .slick-next:before,
.BuilderRanking .slick-next:before,
#BookSlideBox .slick-next:before,
#CommunitySlideBox .slick-next:before,
#UserSlideBox .slick-next:before,
#SlideArea2 .slick-next:before {
	background: url("../image/icon/icon_slide_arrow01.png") no-repeat -54px center;
	-webkit-background-size: 80px 23px;
	-moz-background-size: 80px 23px;
	-ms-background-size: 80px 23px;
	-o-background-size: 80px 23px;
	background-size: 80px 23px;
}
/* レース情報 Arrows */
.RaceSlideArea01 .slick-prev,
.RaceSlideArea01 .slick-next  {
	height: 40px;
	margin-top: -20px;
	background: rgba(0,0,0,0.5);
}
.RaceSlideArea01 .slick-prev:before,
.RaceSlideArea01 .slick-next:before {
	height: 40px;
}

/* 競馬広場、ユーザーArrows */
#CommunitySlideBox .slick-prev,
#CommunitySlideBox .slick-next,
#UserSlideBox .slick-prev,
#UserSlideBox .slick-next  {
	height: 50px;
	margin-top: -25px;
}

#CommunitySlideBox .slick-prev:before,
#CommunitySlideBox .slick-next:before,
#UserSlideBox .slick-prev:before,
#UserSlideBox .slick-next:before {
	height: 50px;
}


/*-- サイドカラムカルーセル --*/
.SidePickupSlideBox {
	overflow: visible;
	background-color: #fff;
}
.SidePickupSlideBox .slick-slide {
	position: relative;
}
.SidePickupSlideBox .slick-slide a > img {
	display: block;
	width: 100%;
}
.SidePickupSlideBox .slick-slide a:hover > img {
	filter: alpha(opacity=85);
	opacity: 0.85;
	-moz-opacity: 0.85;
}
.SidePickupSlideBox .SlideTxtArea {
	background: rgba(255,255,255,.8);
	height: 105px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.SidePickupSlideBox .SlideTxtArea .SlideTxtInner {
	position: absolute;
	left: 0;
	bottom: 28px;
	width: 100%;
	font-weight: bold;
}
.SidePickupSlideBox .SlideTxtArea .Content_Cate {
	color: #fff;
	font-size: 78.7%;
	font-weight: bold;
	line-height:1.8;
	display: inline-block;
	padding:0 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0 10px 3px;
	background: #e82a2a;
	border-radius: 2px;
}
.SidePickupSlideBox .SlideTxtArea .ContentMainTitle {
	color: #333;
	font-size: 128.6%;
	font-weight: bold;
	line-height: 1.22;
	width:100%;
	height: 2.44em;
	padding: 0 10px;
	display: block;
	overflow: hidden;
}
.SidePickupSlideBox a:hover .SlideTxtArea .ContentMainTitle {
	color: #e36a5c;
	text-decoration: underline;
}


/* サイドカラムArrows */
#SlideArea2 .slick-prev,
#SlideArea2 .slick-next  {
	height: 72px;
	margin-top: -36px;
}
#SlideArea2 .slick-prev:before,
#SlideArea2 .slick-next:before {
	height: 72px;
}
/*
 * ポインター
 */
.SidePickupSlideBox .slick-dots {
 	font-size: 0;
 	position: absolute;
 	display: block;
 	bottom: 8px;
 	left: 0;
 	width: 300px;
 	text-align: center;
}
.SidePickupSlideBox .slick-dots li {
	cursor: pointer;
	width:8px;
	height:8px;
	margin:0 4px;
	background:#787772;
	display:inline-block;
	-webkit-backface-visibility:visible;
	-webkit-transition:opacity 200ms ease;
	-moz-transition:opacity 200ms ease;
	-ms-transition:opacity 200ms ease;
	-o-transition:opacity 200ms ease;
	transition:opacity 200ms ease;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}
.SidePickupSlideBox .slick-dots li button {
	border: 0;
	background: transparent;
	color: transparent;
	cursor: pointer;
	display: block;
	font-size: 0;
	line-height: 0;
	outline: none;
	width:8px;
	height:8px;
	padding: 0;
}

.SidePickupSlideBox .slick-dots li button:hover,
.SidePickupSlideBox .slick-dots li button:focus {
	outline: none;
}
.SidePickupSlideBox .slick-dots li button:before {
	display:block;
	content: " ";
	width:8px;
	height:8px;
	font-size: 0;
	line-height: 0;
	opacity: 1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.SidePickupSlideBox .slick-dots li.slick-active button:before {
	background:#e36a5c;
	display:inline-block;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}





/*-- Slider.css --*/
.slick-slider{
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list{
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus{
	outline: none;
}
.slick-list.dragging{
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track{
	position: relative;
	top: 0;
	left: 0;
	display: block;
}
.slick-track:before,
.slick-track:after{
	display: table;
	content: '';
}
.slick-track:after{
	clear: both;
}
.slick-loading .slick-track{
	visibility: hidden;
}
.slick-slide{
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
	outline:none;
}
[dir='rtl'] .slick-slide{
	float: right;
}
.slick-slide img{
	display: block;
}
.slick-slide.slick-loading img{
	display: none;
}
.slick-slide.dragging img{
	pointer-events: none;
}
.slick-initialized .slick-slide{
	display: block;
}
.slick-loading .slick-slide{
	visibility: hidden;
}
.slick-vertical .slick-slide{
	display: block;
	height: auto;
	border: 1px solid transparent;
}


/*======================================
0.レース速報 .RaceLiveFlashBox (20.03.10)
======================================*/
#RaceFlash {
	min-height: 120px;
	background: url("../image/gif-load.gif") no-repeat center center;
}
.RaceLiveFlashBox {
	margin : 0 0 24px;
	background: #edece6;
	border-radius: 2px;
	padding: 8px;
}
.RaceLiveFlashBox .RaceLiveFlashTitleBox {
	position: relative;
	width: 100%;
	margin-bottom: 7px;
	background: #6e6a63;
}
.RaceLiveFlashBox .RaceLiveFlashTitleBox .RaceLiveFlashTitle{
	position: absolute;
	top: 0;
	left: 0;
	background: #d1423e;
	width: 90px;
}
.RaceLiveFlashBox .RaceLiveFlashTitleBox .RaceLiveFlashTitle:after{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 26px 10px 0 0;
	border-color: #d1423e transparent transparent transparent;
	vertical-align: middle;
	position: absolute;
	top: 0;
	right: -10px;
}
.RaceLiveFlashBox .RaceLiveFlashTitleBox .RaceLiveFlashTitle h2{
	color: #fff;
	font-weight: bold;
	line-height: 26px;
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	transform: skewX(-10deg);
	display: inline-block;
	margin-left: -4px;
	position: relative;
	top: 1px;
}
.RaceLiveFlashBox .RaceLiveFlashTitleBox .RaceLiveFlashTxt {
	overflow: hidden;
	border: 1px solid #626262;
	border-left: 0 none;
	padding-left: 100px;
}

.RaceLiveFlashBox .RaceLiveFlashTitleBox .RaceLiveFlashTxt p{
	display: inline-block;
	color: #fff;
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	transform: skewX(-10deg);
	line-height: 24px;
	padding: 0 0 0 4px;
	white-space: nowrap;
}
.RaceLiveFlashBox .RaceLiveFlashTitleBox .RaceLiveFlashTxt p span.Sat{
	color: #8294e1;
}
.RaceLiveFlashBox .RaceLiveFlashTitleBox .RaceLiveFlashTxt p span.Sun{
	color: #e58181;
}

/* 速報アイコン */
.RaceLiveFlashBox .RaceLiveFlashTitleBox .RaceLiveFlashTitle:before {
	content: '';
	display: inline-block;
	background: url("../image/icon/icon_Live01.png") center center no-repeat;
	-webkit-background-size: 12px 21px;
	-moz-background-size: 12px 21px;
	-ms-background-size: 12px 21px;
	-o-background-size: 12px 21px;
	background-size: 12px 21px;
	width: 24px;
	height: 21px;
	vertical-align: middle;
}
.tickercontainer {
	overflow: hidden;
	width: 100%;
}
.tickercontainer .mask {
	width: 90%;
	position: relative;
}
ul#TopTicker,
ul#TopTicker01 {
	overflow: hidden;
	position: relative;
}
ul#TopTicker li ,
ul#TopTicker01 li {
	float: left;
	overflow: hidden;
	line-height: 26px;
	color: #00f;
	white-space: nowrap;
	padding-right: 50px;
}


.RaceLiveFlashBox ul {
}
.RaceLiveFlashBox ul li{
	border : 1px solid #d9d9d9;
	border-bottom : 3px solid #d9d9d9;
	float : left;
	margin-right: 5px;
	background: #fff;
	border-radius: 1px;
}

.RaceLiveFlashBox .RaceLiveFlashTxt {
	overflow: hidden;
	height: 26px;
}
.RaceMoreLink {
	background: #6e6a63;
	position: absolute;
	top: 0;
	right: 0;
	padding: 3px 5px;
}
.RaceMoreLink > a {
	display: inline-block;
	background: #999;
	border-radius: 4px;
	color: #fff;
	padding: 0 8px;
	line-height: 20px;
	font-size: 85.72%;
	font-weight: 700;
}
.RaceMoreLink > a:hover {
	text-decoration: underline;
	background: #dedad4;
	color: #e36a5c;
}
.RaceLiveFlashBox .RaceLiveFlashTxt ul li{
	border : none;
	float : left;
	margin-right: 5px;
	background: transparent;
	border-radius: 0;
	padding-left: 8px;
	white-space: nowrap;
}

.RaceLiveFlashBox .RaceLiveFlashTxt ul li:before{
	content: '';
	display: inline-block;
	background: url("../image/icon/icon_horse01.png") 0 0 no-repeat;
	-webkit-background-size: 31px 18px;
	-moz-background-size: 31px 18px;
	-ms-background-size: 31px 18px;
	-o-background-size: 31px 18px;
	background-size:  31px 18px;
	width: 31px;
	height: 18px;
	vertical-align: middle;
}
.RaceLiveFlashBox ul.Kaisai_3col li{
	width : 200px;
}
.RaceLiveFlashBox ul.Kaisai_2col li{
	width : 302px;
}
.RaceLiveFlashBox ul li:last-child{
	margin: 0;
}
.RaceLiveFlashBox ul li > dl dt.Race_Condition {
	background: #c3bdb2;
	border-bottom: 1px solid #d9d9d9;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	padding: 4px 6px;
}
.RaceLiveFlashBox ul li > dl dt.Race_Condition span.Jyomei {
	display: inline-block;
	font-size: 92.9%;
	font-weight: bold;
	padding: 0 6px;
}
.RaceLiveFlashBox ul li > dl dt.Race_Condition span.Condition {
	display: inline-block;
	background: #fff;
	border-radius: 10px;
	padding: 3px 10px;
	font-size: 92.9%;
}
.RaceLiveFlashBox ul li > dl dt.Race_Condition span.Condition > span.TurfCondi,
.RaceLiveFlashBox ul li > dl dt.Race_Condition span.Condition > span.DirtCondi{
	display: inline-block;
	position: relative;
	top: 0.1em;
}
.RaceLiveFlashBox ul li > dl dt.Race_Condition span.Condition > span.TurfCondi {
	color: #08a800;
}
.RaceLiveFlashBox ul li > dl dt.Race_Condition span.Condition > span.DirtCondi{
	color: #913200;
}
.RaceLiveFlashBox ul li > dl dt.Race_Condition span.Condition > span img{
	vertical-align: middle;
}

.RaceLiveFlashBox ul li > dl dd.RaceData > a {
	display: block;
	text-decoration: none;
}
.RaceLiveFlashBox ul li > dl dd.RaceData > a:hover {
	background: #f9f9f9;
}
.RaceLiveFlashBox ul li > dl dd.RaceData > a dl{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	padding: 7px 2px 7px 6px;
}
.RaceLiveFlashBox ul li > dl dd.RaceData > a dl dt.RaceNumBox{
	display: inline-block;
	text-align: center;
	color: #fff;
	width: 45px;
	border-radius: 5px;
	vertical-align: middle;
	margin-right: 6px;
	line-height: 1;
	padding: 6px 0;
}
.RaceLiveFlashBox ul li > dl dd.RaceData > a dl dt.RaceNumBox span.Race_Num{
	display: block;
	font-size: 114.3%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 4px;
}
.RaceLiveFlashBox ul li > dl dd.RaceData > a dl dt.RaceNumBox span.Race_State{
	display: block;
	font-size: 85.8%;
	text-align: center;
}
.RaceLiveFlashBox li.SoonFlash01 > dl dd.RaceData > a dl dt.RaceNumBox {
	background: #566fdb;
}
.RaceLiveFlashBox li.ResultFlash01 > dl dd.RaceData > a dl dt.RaceNumBox {
	background: #e25252;
}
.RaceLiveFlashBox li.Resultdelay01 > dl dd.RaceData > a dl dt.RaceNumBox {
	background: #ff8c00;
}
.RaceLiveFlashBox ul li > dl dd.RaceData > a dl dd {
	position: relative;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-height: 44px;
	overflow: hidden;
}
.RaceLiveFlashBox ul li > dl dd.RaceData > a dl dd > span.Race_Name{
	display: block;
	font-size: 107.2%;
	line-height: 1.3;
	font-weight: bold;
	margin: 3px 0 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.flash_item span.Race_Data{
	display: inline-block;
	font-size: 10px;
}
.flash_item:first-child:nth-last-child(1) span.Race_Data,
.flash_item:first-child:nth-last-child(2) span.Race_Data,
.flash_item:first-child:nth-last-child(2)~.flash_item span.Race_Data,
.flash_item:first-child:nth-last-child(3) span.Race_Data,
.flash_item:first-child:nth-last-child(3)~.flash_item span.Race_Data{
	font-size: 85.8%;
}
.RaceLiveFlashBox ul li > dl dd.RaceData > a dl dd > span{
	color: #444;
}
.RaceLiveFlashBox ul li > dl dd.RaceData > a:hover dl dd > span.Race_Name{
	text-decoration: underline;
	color: #e36a5c;
}
/* 海外枠 */
#RaceFlash.AbrUnder .RaceLiveFlashBox {
	margin-bottom: -8px;
}
#RaceFlash + #RaceFlashAbroadMain .RaceLiveFlashTitleBox {
	display: none;
}
/* 改修 20.03.10 */
.RaceLiveFlashBox ul li span.JyoLogo {
	display: block;
	width: 52px;
	height: 24px;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: auto 96%;
	line-height: 0;
	font-size: 0;
	color: transparent;
	position: absolute;
	right: 2px;
	bottom: -2px;
	mix-blend-mode: darken;
}

/* 5個目以上非表示 */
#RaceFlashList li:nth-child(n+5){
	display: none;
}

/* 4個以上 */
.flash_item:first-child:nth-last-child(1),
.flash_item:first-child:nth-last-child(2),
.flash_item:first-child:nth-last-child(2)~.flash_item{
	width : 302px;
}
.flash_item:first-child:nth-last-child(3),
.flash_item:first-child:nth-last-child(3)~.flash_item{
	width : 200px;
}
.flash_item:first-child:nth-last-child(4),
.flash_item:first-child:nth-last-child(4)~.flash_item,
.flash_item:first-child:nth-last-child(5),
.flash_item:first-child:nth-last-child(5)~.flash_item,
.flash_item:first-child:nth-last-child(6),
.flash_item:first-child:nth-last-child(6)~.flash_item,
.flash_item:first-child:nth-last-child(7),
.flash_item:first-child:nth-last-child(7)~.flash_item,
.flash_item:first-child:nth-last-child(8),
.flash_item:first-child:nth-last-child(8)~.flash_item {
	width : 148px;
}
/* 3個以上 */
.flash_item:first-child:nth-last-child(1) span.JyoLogo,
.flash_item:first-child:nth-last-child(2) span.JyoLogo,
.flash_item:first-child:nth-last-child(2)~.flash_item span.JyoLogo{
	width: 70px;
	height: 40px;
	bottom: 4px;
}
.flash_item:first-child:nth-last-child(3) span.JyoLogo,
.flash_item:first-child:nth-last-child(3)~.flash_item span.JyoLogo{
	width: 50px;
	height: 31px;
	bottom: 8px;
}


/* =======================================================
サイドコンテンツ
======================================================= */

.SideContents {
	margin-bottom: 20px;
}
#SideColumn .Side_BnrBox01 {
	margin-bottom: 20px;
}
#SideColumn .Side_BnrBox01 img.BnrImage{
	width: 100%;
}
#SideColumn .Side_BnrBox01 a:hover > img {
	filter: alpha(opacity=65);
	opacity: 0.65;
	-moz-opacity: 0.65;
}

/* サイドコンテンツ - 動画 */
.SideMovieContents {
	position: relative;
	background: #f0ede8 url("../image/top/SideTvLink_Bg01.png") 0 0 no-repeat;
	-webkit-background-size: 300px 212px;
	-moz-background-size: 300px 212px;
	-ms-background-size: 300px 212px;
	-o-background-size: 300px 212px;
	background-size: 300px 212px;
	margin-bottom: 20px;
}
.SideMovieContents_Header {
	position: relative;
	padding: 8px 13px 8px;
	z-index: 10;
}
.SideMovieContents_Header .SideMovieTitle {
	display: block;
	width: 198px;
	margin: auto auto 8px;
}
.SideMovieContents_Header .SideMovieTitle img {
	display: block;
	width: 100%;
}
.SideMovieContents_Header span.SideMovieTxt01 {
	color: #04ddff;
	display: block;
	font-size: 107.2%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 4px;
}
.SideMovieContents_Header span.SideMovieTxt02 {
	color: #ccc;
	display: block;
	font-size: 93%;
	font-weight: bold;
	text-align: center;
}

.SideMovieContents .SideMovieBox {
	position: relative;
	z-index: 10;
}
.SideMovieBox .MovieImageBox {
	width: 260px;
	height: 146px;
	margin: 0 auto 14px;
	overflow: hidden;
	box-shadow: 0 -2px 10px rgba(0,0,0, .45);
}
.SideMovieBox .MovieImageBox a {
	display: block;
	background: #fff;
	position: relative;
}
.SideMovieBox .MovieImageBox a .MovieImage {
	width: 100%;
}
.SideMovieBox .MovieImageBox a:hover .MovieImage {
	opacity: .8;
}
.SideMovieBox .MovieImageBox a:before {
	content: '';
	background: url("../image/top/movie_play_icon.png") no-repeat;
	width: 58px;
	height: 58px;
	position: absolute;
	/*top: 50%;*/
	left: 50%;
	margin-top: 44px;
	margin-left: -29px;
	z-index: 10;
}
.SideMovieBox .MovieImageBox a:after {
	content: '';
	display: block;
	border: 1px solid rgba(248, 247, 245, .4);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}

.SideMovieBox .MovieTxt {
	padding: 0 17px 20px;
}
.SideMovieBox .MovieTxt .Txt {
	color: #444;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 8px;
}
.SideMovieBox .MovieTxt .MovieWriter {
	color: #909090;
	font-size: 85.8%;
}
.SideMovieBox_Footer {
	padding: 0 15px 15px;
}
.SideMovieBtn {
	display: block;
	background: #dedad4;
	border-radius: 4px;
	color: #444;
	font-weight: bold;
	text-align: center;
	padding: 15px 0;
}
.SideMovieBtn:hover {
	color: #e36a5c;
	background: #d6d2cb;
}
/*-- サイドnetkeibaコンテンツ案内 .NkContentInfo --*/
.NkContentInfo ul li{
	border: 1px solid #e0e0e0;
}
.NkContentInfo ul li + li{
	margin-top: 9px;
}
.NkContentInfo ul li a{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.NkContentInfo ul li .NkInfoTxtArea {
	color: #333;
	padding: 17px 0 0 15px;
	flex: 1;
}
.NkContentInfo ul li .NkInfoTxtArea p.NkInfoTxt01{
	display: inline-block;
	font-size: 92.9%;
	margin-bottom: 10px;
}
.NkContentInfo ul li .NkInfoTxtArea p.NkInfoTxt02{
	font-size: 128.7%;
	font-weight: bold;
}
.NkContentInfo ul li .NkInfoTxtArea p.NkInfoTxt03{
	display: inline-block;
	margin-top: 10px;
}
.NkContentInfo ul li a:hover{
	background: #f9f9f9;
}
.NkContentInfo ul li a:hover p.NkInfoTxt02 {
	color: #e36a5c;
	text-decoration: underline;
}
.NkInfoImgArea {
	width: 100px;
	margin-left: auto;
}
.NkContentInfo ul li .NkInfoImgArea img {
	width: 100%;
}
.NkContentInfo ul li a:hover .NkInfoImgArea img {
	-moz-opacity: 0.85;
	-ms-filter: alpha(opacity=85);
	opacity: 0.85;
}


/*-- サイドnetkeibaバナー --*/
.BnrYuichiRoom01 .BnrTxtBox,
.BnrPzdb01 .BnrTxtBox,
.BnrUma36_01 .BnrTxtBox,
.BnrKawada .BnrTxtBox,
.BnrUmasta_01 .BnrTxtBox,
.BnrTkdb_01 .BnrTxtBox,
.BnrMynetPaper_01 .BnrTxtBox, 
.BnrCommunity .BnrTxtBox {
	width: 200px;
	height: 100px;
	background: rgba(0,0,0,0.3);
	position: absolute;
	top: 0;
	right: 0;
}
p.BnrTxt01 {
	color: #fff;
	margin: 9px 0 9px 9px;
}
p.BnrTxt02 {
	color: #fff;
	font-size: 128.7%;
	font-weight: bold;
	margin: 0 0 6px 9px;
}
p.BnrTxt03 {
	color: #ededed;
	font-size: 85.8%;
	margin: 0 9px;
	line-height: 1.5;
}
a:hover .BnrYuichiRoom01:after,
a:hover .BnrPzdb01:after,
a:hover .BnrUma36_01:after,
a:hover .BnrKawada:after,
a:hover .BnrUmasta_01:after,
a:hover .BnrTkdb_01:after,
a:hover .BnrMynetPaper_01:after,
a:hover .BnrCommunity:after {
	content: " ";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 5;
	background: #fff;
	opacity: .2;
}

/* サイドユーイチバナー */
.BnrYuichiRoom01 {
	position: relative;
	width: 300px;
	height: 100px;
	overflow: hidden;
	background: url("../image/top/bnr_yuichiroom_01.png") 0 0 no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
/* サイドパズルダービーバナー */
.BnrPzdb01 {
	position: relative;
	width: 300px;
	height: 100px;
	overflow: hidden;
	background: url("../image/top/bnr_pzdb_01.png") 0 0 no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.BnrPzdb01 p.BnrTxt02 {
	color: #b6ff00;
}
.BnrPzdb01 p.BnrTxt03 {
	color: #cecece;
}
/* サイド馬三郎バナー */
.BnrUma36_01 {
	position: relative;
	width: 300px;
	height: 100px;
	overflow: hidden;
	background: url("../image/top/bnr_uma36_01.png") 0 0 no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.BnrUma36_01 p.BnrTxt02 {
	margin-bottom: 12px;
}
.BnrUma36_01 p.BnrTxt03 {
	color: #fff;
}
.BnrUma36_01 p.BnrTxt03 em {
	font-size: 200%;
}
/* 川田選手バナー*/
.BnrKawada {
	position: relative;
	width: 300px;
	height: 100px;
	overflow: hidden;
	background: url("../image/top/bnr_kawada.png") 0 0 no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
/*.BnrKawada p.BnrTxt02 {
	margin-bottom: 12px;
}*/
.BnrKawada p.BnrTxt03 {
	color: #fff;
}
.BnrKawada p.BnrTxt03 em {
	font-size: 200%;
}
/* サイドうまスタバナー */
.BnrUmasta_01 {
	position: relative;
	width: 300px;
	height: 100px;
	overflow: hidden;
	background: url("../image/top/bnr_umasta_01.png") 0 0 no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.BnrUmasta_01 p.BnrTxt02 {
	color: #f8b400;
}
/* サイドチキダビバナー */
.BnrTkdb_01 {
	position: relative;
	width: 300px;
	height: 100px;
	overflow: hidden;
	background: url("../image/top/bnr_tkdb_01.png") 0 0 no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.BnrTkdb_01 p.BnrTxt02 {
	color: #fbe400;
}
/* サイドMynet競馬新聞バナー */
.BnrMynetPaper_01 {
	position: relative;
	width: 300px;
	height: 100px;
	overflow: hidden;
	background: url("../image/top/bnr_mynetkeiba_01.png") 0 0 no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.BnrMynetPaper_01 .BnrTxtBox {
	background: rgba(0,0,0,0.5);
}
.BnrMynetPaper_01 p.BnrTxt02 {
	color: #cde4ff;
}

/* サイド競馬広場バナー*/
.BnrCommunity {
	position: relative;
	width: 300px;
	height: 100px;
	overflow: hidden;
	background: url("../image/top/bnr_community01.jpg") 0 0 no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.BnrCommunity p.BnrTxt02 {
	margin-bottom: 12px;
}
.BnrCommunity p.BnrTxt03 {
	color: #fff;
}


/* サイドnetkeibaからのお知らせ */
.SideInfoBox {
	background: #edece6;
  border: 1px solid #d2d1cb;
}
.SideInfoBox .SideContentsTitle {
	color: #444;
  font-size: 114.2%;
  font-weight: bold;
  padding: 24px 0 20px 14px;
}
.SideInfoBox .SideContentsTitle span {
	display: inline-block;
	padding-left: 42px;
	position: relative;
}
.SideInfoBox .SideContentsTitle span:before {
	content: '';
  background: url("../image/icon/icon_sprite_header_top.png") no-repeat;
	-webkit-background-size: 100px 700px;
  -moz-background-size: 100px 700px;
  -ms-background-size: 100px 700px;
  -o-background-size: 100px 700px;
  background-size: 100px 700px;
  width: 36px;
  height: 24px;
  position: absolute;
  top: -7px;
  left: 0;
}
.SideInfoBox .SideContentsTitle.InfoTitle span:before {
	background-position: -5px -480px;
}
.SideInfoBox .SideInfoList {
	background: #fff;
	padding-bottom: 10px;
}
.SideInfoBox .ArticleLink {
	display: block;
	padding: 20px 10px 18px 12px;
	position: relative;
}
.SideInfoBox .ArticleLink:hover {
	background-color: #f9f9f9;
	text-decoration: none;
}
.SideInfoBox .ArticleLink:after {
	content: '';
  display: inline-block;
  border-bottom: 1px solid #eeede7;
  position: absolute;
  left: 13px;
  bottom: 0;
  width: 272px;
}
.SideInfoBox ul li:last-child .ArticleLink:after {
	display: none;
}
.SideInfoBox .SideInfoTag {
	margin-bottom: 10px;
}
.SideInfoBox .SideInfoTag span:first-child {
	display: inline-block;
	font-size: 71.42%;
	font-weight: bold;
	color: #666;
	background-color: #edece6;
	border-radius: 2px;
	margin-right: 12px;
	line-height: 1em;
	padding: 6px 10px 4px 10px;
}
.SideInfoBox .SideInfoTag span:last-child {
	display: inline-block;
	font-size: 92.85%;
	line-height: 1em;
	color: #444;
}
.SideInfoBox .ArticleLink h3 {
	font-size: 100%;
	line-height: 1.43;
	color: #444;
}
.SideInfoBox .ArticleLink:hover h3 {
	color: #e36a5c;
	text-decoration: underline;
}





/* トップ問い合わせ .ContactBox */
section.ContactBox {
	border: 8px solid #f0ede8;
	background: #f0ede8;
}
section.ContactBox h2{
	font-size: 114.3%;
	font-weight: bold;
	background: #f0ede8;
	padding: 10px 10px 18px;
}
section.ContactBox .ContactBoxWrap {
	background: #fff;
	padding: 0 0 26px;
}
section.ContactBox .ContactBoxWrap p{
	line-height: 1.53;
	padding: 16px 12px;
}
section.ContactBox .ContactBoxWrap .ContactBtn01 {
	margin: 0 8px;
}
section.ContactBox .ContactBoxWrap .ContactBtn01 a{
	display: block;
	background: #326fc7;
	border-radius: 4px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 13px 0;
	box-shadow: 0 2px 0 #20487f;
}
section.ContactBox .ContactBoxWrap .ContactBtn01 a:hover{
	background: #7aa1db;
}

/* メールアイコン */
section.ContactBox .ContactBoxWrap .ContactBtn01 a span:before,
section.OpinionBox a.SideOpinionBtn span:before {
	content: '';
	display: inline-block;
	background: url("../image/icon/icon_mail.png") 0 0 no-repeat;
	-webkit-background-size: 25px 18px;
	-moz-background-size: 25px 18px;
	-ms-background-size: 25px 18px;
	-o-background-size: 25px 18px;
	background-size: 25px 18px;
	width: 25px;
	height: 18px;
	vertical-align: middle;
	margin-right: 12px;
}
/* ご意見・ご要望 .OpinionBox */
section.OpinionBox {
	border: 8px solid #f0ede8;
	background: #f0ede8;
}
section.OpinionBox h2{
	font-size: 114.3%;
	font-weight: bold;
	background: #f0ede8;
	padding: 10px 10px 18px;
}
section.OpinionBox .OpinionBoxWrap {
	background: #fff;
	padding: 8px;
}
section.OpinionBox .OpinionBoxWrap textarea{
	padding: 10px 10px;
	width: 100%;
	height: 8em;
	font-size: 14px;
	line-height: 1.4;
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 3px !important;
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.196);
	text-shadow: 0 1px 0 #fff;
}
section.OpinionBox .OpinionBoxWrap p.OpinionBoxCheckTxt {
	font-size: 85.8%;
	line-height: 1.45;
	padding: 8px;
}
section.OpinionBox .OpinionBoxWrap span.OpinionCheck {
	font-size: 85.8%;
	line-height: 2;
	margin-bottom: 6px;
	display: block;
	text-align: center;
}
.OpinionBoxWrap span.OpinionCheck input[type=checkbox] {
	display: none;
}
.OpinionBoxWrap span.OpinionCheck label{
	box-sizing: border-box;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	position: relative;
	display: inline-block;
	 margin: 0 20px 8px 0;
	padding: 0 12px 0 42px;
	vertical-align: middle;
	cursor: pointer;
}
.OpinionBoxWrap span.OpinionCheck label:after {
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
	position: absolute;
	top: 50%;
	left: 15px;
	display: block;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	border: 2px solid #bbb;
	border-radius: 6px;
	content: '';
}
.OpinionBoxWrap span.OpinionCheck label:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top: 50%;
	left: 21px;
	display: block;
	margin-top: -7px;
	width: 5px;
	height: 9px;
	border-right: 3px solid #53b300;
	border-bottom: 3px solid #53b300;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.OpinionBoxWrap span.OpinionCheck input[type=checkbox]:checked + label:before {
	opacity: 1;
}

section.OpinionBox a.SideOpinionBtn {
	display: block;
	background: #67b463;
	border-style: none;
	border-radius: 4px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin: 0 0 3px;
	padding: 13px 0;
	box-shadow: 0 2px 0 #589d54;
	text-decoration: none;
	cursor: default;
}
section.OpinionBox a.SideOpinionBtn:hover {
	opacity: .7;
	cursor: pointer;
	text-decoration: underline;
}
section.OpinionBox a.imgover:hover{
	background: #9cce99;
	cursor: pointer;
	text-decoration: underline;
}
/*
section.OpinionBox .SideOpinion_Footer{
	border-top: 1px solid #e0e0e0;
	padding: 16px 4px;
}
section.OpinionBox .SideOpinion_Footer p{
	line-height: 1.53;
}
*/
section.OpinionBox .SideOpinion_Comp{
	padding: 4px;
}
section.OpinionBox .SideOpinion_Comp p{
	line-height: 1.53;
}
section.OpinionBox .SideOpinion_Comp p + p{
	margin-top: 12px;
}


/* 障害告知など .SiteInfoAlert */
.SiteInfoAlert {
	height: 82px;
	background: #f0ede8;
	margin-bottom: 24px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	padding: 0 20px 0 50px;
}
.SiteInfoAlert p{
	display: inline-block;
	color: #333;
	font-weight: bold;
	vertical-align: middle;
	line-height: 26px;
	min-height: 26px;
	padding-left: 40px;
	background: url(../image/icon/icon_alert_01.png) 0 center no-repeat;
	-webkit-background-size: 26px 26px;
	-moz-background-size: 26px 26px;
	-ms-background-size: 26px 26px;
	-o-background-size: 26px 26px;
	background-size: 26px 26px;
}


/* お知らせ200331 */
.SiteInfoAlert02 {
  margin-bottom: 11px;
  position: relative;
}
.SiteInfoAlert02 a {
  border-radius: 4px;
  padding: 6px 0 5px 45px;
  display: block;
  border: 2px solid #ccc;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  background: #fff url("../image/icon/icon_alert_01.png") 12px 50% no-repeat;
  background-size: auto 22px;
}
.SiteInfoAlert02 p {
  line-height: 24px;
}
.SiteInfoAlert02 a em {
  color: #d04947;
  font-weight: bold;
}
.SiteInfoAlert02 a:hover {
  color: #e36a5c;
  text-decoration: underline;
}


/* 映像ページ .SiteInfoAlert */

/*==============================================
映像ページ .MovieRace
==============================================*/

body #MovieResultPage {
	font-size:1.4em; /*14px*/
}
section.MovieRace {
	position: relative;
	width: 720px;
	margin: auto;
	background: #8d867c;
}
/* レースタイトル */
section.MovieRace .MovieRaceTitle{
	background: #4f493b;
	color: #fff;
	padding: 13px 22px;
	border-bottom: 1px solid #a1a296;
}
section.MovieRace .MovieRaceTitle h1{
	font-size: 142.9%;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 6px;
}
section.MovieRace .MovieRaceTitle h1 span.Icon_Grade{
	margin-left: 0;
}
section.MovieRace .MovieRaceTitle > p{
	font-size: 114.3%;
}
/* 動画 */
.RaceMovieMain {
	position: relative;
}
.RaceMovieMain .MovieRaceResultWrap{
	position: absolute;
	top: 0;
	left: 0;
}

/* 結果ボックス */
.MovieRaceResultWrap {
	width: 720px;
	height: 405px;
	background: rgba(0,0,0,0.5);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.MovieRaceResultBox {
	width: 720px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	flex: 1;
}
.MovieRaceResultBox > dl{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 660px;
	height: 50px;
	margin-bottom: 1px;
	font-size: 114.3%;
}
.MovieRaceResultBox > dl dt{
	width: 48px;
}
.MovieRaceResultBox > dl dt span{
	display: block;
	width: 48px;
	line-height: 48px;
	text-align: center;
	font-weight: bold;
	background: rgb(222,183,54);
	background: -moz-linear-gradient(45deg, rgba(222,183,54,1) 0%, rgba(210,143,13,1) 50%, rgba(145,112,17,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(222,183,54,1) 0%,rgba(210,143,13,1) 50%,rgba(145,112,17,1) 100%);
	background: linear-gradient(45deg, rgba(222,183,54,1) 0%,rgba(210,143,13,1) 50%,rgba(145,112,17,1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#deb736', endColorstr='#917011',GradientType=1 )";
	border: 1px solid #5f512f;

}
.MovieRaceResultBox > dl dd{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex: 1;
	margin-left: 1px;
	background: rgba(0,0,0,0.8);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(26,26,26,0.8) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(26,26,26,0.8) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(26,26,26,0.8) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#cc1a1a1a',GradientType=0 )";
	color: #fff;
	font-weight: bold;
	padding: 6px;
}
.MovieRaceResultBox > dl dd span{
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-right: 7px;
}
.MovieRaceResultBox > dl dd span.WakuBox{
	width: 36px;
	text-align: center;
}
.MovieRaceResultBox > dl dd span.WakuBox.Waku1{
	background: #fff;
	color: #444;
}
.MovieRaceResultBox > dl dd span.WakuBox.Waku2{
	background: #555;
}
.MovieRaceResultBox > dl dd span.WakuBox.Waku3{
	background: #d94c4a;
}
.MovieRaceResultBox > dl dd span.WakuBox.Waku4{
	background: #5665b3;
}
.MovieRaceResultBox > dl dd span.WakuBox.Waku5{
	background: #e4ca3b;
	color: #444;
}
.MovieRaceResultBox > dl dd span.WakuBox.Waku6{
	background: #58af4a;
}
.MovieRaceResultBox > dl dd span.WakuBox.Waku7{
	background: #f58737;
}
.MovieRaceResultBox > dl dd span.WakuBox.Waku8{
	background: #dc6179;
}
.MovieRaceResultBox > dl dd span.HorseName{
	width: 166px;
}
.MovieRaceResultBox > dl dd span.Age{
	width: 40px;
}
.MovieRaceResultBox > dl dd span.Weight{
	width: 46px;
}
.MovieRaceResultBox > dl dd span.Jockey{
	width: 90px;
}
.MovieRaceResultBox > dl dd span.Time{
	width: 64px;
	font-weight: normal;
}
.MovieRaceResultBox > dl dd span.Trainer{
	width: 110px;
	font-weight: normal;
}

/* 関連動画 */
.RelationMovieBox {
	width: 100%;
	height: 198px;
	background: rgba(0,0,0,0.5);
	margin-top: auto;
}
.RelationMovieBox > ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	height: 198px;
}
.RelationMovieBox ul li{
	max-width: 142px;
	padding-top: 18px;
}
.RelationMovieBox ul li + li{
	margin-left: 58px;
}
.RelationMovieBox ul li > a:hover {
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}
.RelationMovieBox ul li > a:hover,
.RelationMovieBox ul li > a:hover .MovieTxtBox span{
	text-decoration: none;
}
.RelationMovieBox ul li > a:hover .MovieTxtBox span{
	color: #e36a5c;
}
.RelationMovieBox ul li .MovieImgBox {
	position: relative;
	display: inline-block;
	width: 142px;
	margin-bottom: 12px;
}
.RelationMovieBox ul li .MovieImgBox:after {
	content: "";
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
	background: url(../image/icon/icon_movie_play02.png) 0 center no-repeat;
	-webkit-background-size: 32px 32px;
	-moz-background-size: 32px 32px;
	-ms-background-size: 32px 32px;
	-o-background-size: 32px 32px;
	background-size: 32px 32px;
}
.RelationMovieBox ul li .MovieImgBox > img{
	display: block;
	width: 142px;
}
.RelationMovieBox ul li .MovieTxtBox span.MovieTxtRaceName {
	display: inline-block;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.2;
	margin-bottom: 6px;
}
.RelationMovieBox ul li .MovieTxtBox span.MovieTxtHorseName {
	display: block;
	font-size: 92.9%;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.2;
}

/* ボタン */
.MovieRaceBtnArea {
	padding: 23px;
}
.MovieRaceBtnArea ul {
	width: 474px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: auto;
}
.MovieRaceBtnArea ul li a.MovieRaceBtn{
	display: block;
	border: 2px solid #e0e0e0;
	text-align: center;
	font-size: 128.6%;
	color: #fff;
	width: 210px;
	line-height: 60px;
	text-decoration: none;
	border-radius: 2px;
}
.MovieRaceBtnArea ul li a.MovieRaceBtn:hover{
	background: rgba(255,255,255,0.1);
}