/*==============================================
TOPページ
==============================================*/
#Netkeiba_Top .Find_FootArea {
	padding-bottom: 90px;
}
/*==============================================
メニューアイコン .Icon_Nk
==============================================*/
.Icon_Nk {
	display: block;
	background-image: url('../img/icon/icon_sprite_nk.png');
	background-repeat: no-repeat;
	-webkit-background-size: 55px 1000px;
	-moz-background-size: 55px 1000px;
	-ms-background-size: 55px 1000px;
	background-size: 55px 1000px;
	width: 42px;
	height: 35px;
	margin: 0 auto 8px;
}
/*-- レースメニューアイコン --*/
/*-- 開催一覧 --*/
.Icon_Nk_07 {
	background-position: -4px -221px;
}
/*-- 結果・払戻 --*/
.Icon_Nk_08 {
	background-position: -2px -266px;
}
/*-- 予想 --*/
.Icon_Nk_09 {
	background-position: -1px -308px;
}
/*-- win5 --*/
.Icon_Nk_10 {
	background-position: -6px -346px;
}
/*-- レース傾向 --*/
.Icon_Nk_11 {
	background-position: -2px -381px;
}
/*-- 騎乗騎手/出走馬 --*/
.Icon_Nk_12 {
	background-position: -6px -425px;
}
/*-- 予想メニューアイコン --*/
/*-- レースから選ぶ --*/
.Icon_Nk_13 {
	background-position: -5px -472px;
}
/*-- 予想家から選ぶ --*/
.Icon_Nk_14 {
	background-position: -5px -515px;
}
/*-- 的中結果から選ぶ --*/
.Icon_Nk_15 {
	background-position: -3px -558px;
}
/*-- お気に入りメニューアイコン --*/
/*-- あなたの登録馬 --*/
.Icon_Nk_16 {
	background-position: -4px -603px;
}
/*-- 登録馬の出走情報 --*/
.Icon_Nk_17 {
	background-position: -4px -646px;
}
/*-- 追加・登録 --*/
.Icon_Nk_18 {
	background-position: -2px -380px;
}
/*-- 競馬新聞 --*/
.Icon_Nk_19 {
	background-position: -7px -840px;
	width: 28px;
	height: 24px;
}

#newspaper_link_pickup_top .Icon_Nk_19 {
	display: inline-block;
	vertical-align: -6px;
	width: 40px;
	margin-left: -10px;
	margin-bottom: 0;
}

/*-- レースメニュー --*/
.Top_RaceMenu_Inner {
	padding: 8px 0 0 8px;
}
.Contents_Box .Top_RaceMenu .Top_RaceMenu_Inner {
	padding: 8px 2px 0 5px;
}
.Top_RaceMenu_Inner ul li a {
	position: relative;
	margin-right: 3px;
	font-weight:bold;
	overflow: hidden;
	white-space: nowrap;
}
.Top_RaceMenu_Inner ul li:nth-child(-n+3) a {
	margin-bottom: 3px;
}

/* New icon */
.Top_RaceMenu_Inner ul li span.NewIcon {
	content: "";
	top: 0;
	left: 0;
	border-bottom: 36px solid transparent;
	border-left: 36px solid #c03;
	position: absolute;
}
.Top_RaceMenu_Inner ul li span.NewIcon:after {
	content: "NEW";
	display: block;
	position: absolute;
	top: 7px;
	left: -34px;
	font-size: 10px;
	color: #fff;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/*-- 予想メニュー --*/
.Top_YosoMenu_Inner {
	padding: 8px 0 0 8px;
}
.Top_YosoMenu_Inner ul li a {
	margin-right: 3px;
	font-weight:bold;
	overflow: hidden;
	white-space: nowrap;
}
.Contents_Box .Top_YosoMenu .Top_YosoMenu_Inner {
	padding: 8px 2px 0 5px;
}

/*-- お気に入り馬 --*/
.Top_Horse_Bookmark_Inner {
	padding: 8px 0 0 8px;
}
.Top_Horse_Bookmark .Contents_Box .Top_Horse_Bookmark_Inner {
	padding: 8px 2px 0 5px;
}
.Top_Horse_Bookmark ul li a {
	margin-right: 3px;
	font-weight:bold;
	overflow: hidden;
	white-space: nowrap;
}

/*-- 地方・本日の開催場 --*/
.Contents_Box .Nar_Race {
	padding: 8px 8px 0;
}
.Nar_RaceList li + li {
	margin-top: 8px;
}
.Nar_RaceList li a {
	display: block;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 2px 2px rgba(146, 151, 165, .5);
}
.Nar_RaceList li div {
	padding: 12px;
}
.Nar_RaceList li div .RaceTitle {
	font-weight: bold;
	color: #333;
	margin-bottom: 8px;
	font-size: 110%;
}
.Nar_RaceList li div .RaceData {
	font-size: 74%;
	color: #333;
}
.Top_Local .Race_Infomation_Box {
	font-size: 83%;
	line-height: 1.3;
	color: #333;
	margin: 8px;
	padding: 8px;
	background: #fff;
	border-radius: 3px;
}

/*-- 地方競馬メニュー --*/
.Nar_Contents_Inner {
	padding: 8px 0 0 8px;
}
.Nar_Contents_Inner ul li a {
	margin-right: 3px;
	font-weight:bold;
}
.Contents_Box .Nar_Contents_Menu .Nar_Contents_Inner {
	padding: 8px 2px 0 5px;
}

.Icon_Pos01 {
	margin-left: 8px;
	position: relative;
	top: 1px;
	left: -2px;
}
.Icon_Pos02 {
	margin-right: 8px;
	position: relative;
	top: 1px;
	left: -2px;
}


/* お知らせ */
.Infomation_Box {
	margin: 10px;
	border-radius: 3px;
}
.Infomation_Box.covid_info {
	margin: 0;
	padding:0 10px 15px;
	background: #fff;
}
.Infomation_Box.covid_info ul {
	border-radius: 4px;
	background: #fff;
	border: 1px solid #e0e0e0;
	box-shadow: none;
}
.Infomation_Box.covid_info ul li a {
	padding: 7px 10px 6px 38px;
}
.Infomation_Box.covid_info ul li a:before {
	top: 5px;
}
.Infomation_Box ul {
	border-radius: 3px;
	background: #fff;
	box-shadow: 0 2px 2px rgba(146, 151, 165, .5);
}
.Infomation_Box ul li {
	padding: 0;
}
.Infomation_Box ul li a {
	padding: 15px 10px 15px 38px;
	position: relative;
}
.Infomation_Box ul li a:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url('../img/icon/icon_sprite_nk.png?20190131');
	background-repeat: no-repeat;
	-webkit-background-size: 55px 1000px;
	-moz-background-size: 55px 1000px;
	-ms-background-size: 55px 1000px;
	background-size: 55px 1000px;
	vertical-align: middle;
	background-position: -7px -808px;
	position: absolute;
	top: 12px;
	left: 10px;
}
.Infomation_Box ul li a .Infomation_Txt span {
	color: #06389B;
/*	font-size: 66.6%; */
font-weight: bold;
line-height: 1.3;
}
@media only screen and (max-width: 330px) {
	.Infomation_Box ul li a .Infomation_Txt span {
		font-size: 66.6%;
	}
}
/* モーダル対象者表示テキスト */
.Modal_Attention{
	height: 39px;
	background-color: #fff;
}
.Modal_Attention a{
	position: relative;
	padding-left: 40.5px;
	font-size: 77.7778%;
	height: 39px;
	color: #06389B;
	display: block;
	font-weight: bold;

	line-height: 1.2;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.Modal_Attention a:before{
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url('../img/icon/icon_sprite_nk.png');
	background-repeat: no-repeat;
	-webkit-background-size: 55px 1000px;
	-moz-background-size: 55px 1000px;
	-ms-background-size: 55px 1000px;
	background-size: 55px 1000px;
	vertical-align: middle;
	background-position: -7px -908px;
	position: absolute;
	top: 8.6px;
	left: 19.3px;
}
.Modal_Attention a span{
	line-height: 39px;
}
/*==============================================
スワイプコンテンツエリア .PickupArea
==============================================*/
/*.Infomation_Box{
margin:0;
}*/
#HeadLineBox {
	height: 231px;
	background-color: #fff;
	background-position: center 30%;
	background-repeat: no-repeat;
}
/*
#TopHeadLineSlide {
position: relative;
background: #1a1a1a;
}
#Top_Slide {
height: 350px;
position: relative;
}*/
#RaceFlash{
	height: 181px;
}


@media only screen and (max-width: 321px) {
	#HeadLineBox {
		height: 200px;
		width:100%;
	}
	#SlideBox .SlideImgBox01 {
		text-align: center;
	}
	#SlideBox .SlideImgBox01 img{
		width:320px;
	}
	#SlideBox .SlideImgBox01 .SlideTxtArea{
		text-align: left;
		width:320px;
	}
}
@media only screen and (min-width: 350px) and (max-width: 375px){
	#HeadLineBox {
		height: 231px;
	}
	.SlideImgBox01{
		width: 100%;
	}
	.Top_Slide .SlideImgBox01 img{
		max-width: 375px;
	}
}
@media only screen and (min-width: 390px) {
	#HeadLineBox {
		height: 242px;
	}	
}
@media only screen and (min-width: 413px) {
	#HeadLineBox {
		height: 252px;
	}
	#SlideBox .SlideImgBox01 {
		text-align: center;
	}
	#SlideBox .SlideImgBox01 img{
		max-width:414px;
		margin:0 auto;
		height: 232px;
	}
	#SlideBox .SlideImgBox01 .SlideTxtArea{
		text-align: left;
		max-width:414px;
	}
}

@media only screen and (min-width: 425px) {
	#HeadLineBox {
		height: 260px;
	}
	#SlideBox .SlideImgBox01 {
		text-align: center;
	}
	#SlideBox .SlideImgBox01 img{
		max-width:425px;
		margin:0 auto;
		height: auto;
	}
	#SlideBox .SlideImgBox01 .SlideTxtArea{
		text-align: left;
		max-width:425px;
	}
}
@media only screen and (min-width: 540px) {
	#HeadLineBox {
		height: 324px;
	}
}
@media only screen and (min-width: 768px) {
	#HeadLineBox {
		height: 279px;
	}
	#SlideBox .SlideImgBox01 {
		text-align: center;
	}
	#SlideBox .SlideImgBox01 img{
		width:460px;
		margin:0 auto;
		max-width: none;
		height: auto;
	}
	#SlideBox .SlideImgBox01 .SlideTxtArea{
		text-align: left;
		width:460px;
		max-width: none;

	}
}
@media only screen and (min-width: 1023px) {
	#HeadLineBox {
		height: 358px;
	}
	#SlideBox .SlideImgBox01 {
		text-align: center;
	}
	#SlideBox .SlideImgBox01 img{
		width:600px;
		margin:0 auto;
		max-width: none;

	}
	#SlideBox .SlideImgBox01 .SlideTxtArea{
		text-align: left;
		width:600px;
		max-width: none;

	}
}
.Top_Slide .SlideImgBox01 {
	position: relative;
}
.Top_Slide .SlideImgBox01 img {
	width: 100%;
	margin:0 auto;
}

.Top_Slide .SlideTxtArea {
	left: 0;
	bottom: 0;
	height: 90px;
	position: absolute;
	width: 100%;
	background-image: -moz-linear-gradient(
		center top,
		rgba(0,0,0,0) 0%,
		rgba(0,0,0,0.85) 85%);
	background-image: -o-linear-gradient(top,
		rgba(0,0,0,0) 0%,
		rgba(0,0,0,0.85) 85%);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0 , rgba(0,0,0,0)),
		color-stop(0.8 , rgba(0,0,0,0.85))
	);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000', EndColorStr='#000000')";
	background-image: linear-gradient(to bottom,
		rgba(0,0,0,0) 0%,
		rgba(0,0,0,0.85) 85%);
}
.Top_Slide .SlideTxtArea .SlideTxtInner {
	position: absolute;
	left: 0;
	bottom: 15px;
	width: 100%;
}

.Top_Slide .SlideTxtArea .ContentMainTitle {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height:22px;
	width:100%;
	height: 44px;
	padding:0 10px 0;
	text-shadow: 1px 1px 1px #000;
	overflow:hidden;
	text-overflow: ellipsis;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.Top_Slide .SlideTxtArea .Content_Cate {
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	line-height:18px;
	display:block;
	float:left;
	padding:0 6px 0 8px;
	margin-bottom:8px;
	height: 0;
	border-bottom: 18px solid #cf3f3e;
	border-right: 10px solid transparent;
}
.Top_Slide .slick-list{
	background: #000;
}
/*
.Top_Slide .SlideTxtArea p.SlideTxt01 {
font-size: 110.5%;
color: #fff;
padding: 0 8px;
text-overflow: ellipsis;
overflow: hidden;
text-shadow: 0 0 1px #333;
font-weight: bold;
}
.Top_Slide .SlideTxtArea p.SlideTxt02 {
font-size: 74%;
color: #bbb;
padding: 6px 8px 0;
}
*/
/*-- 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;
}
[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;
}

/*
* ポインター
*/
#SlideBox .slick-dots {
	display: block;
	width: 100%;
	text-align: center;
	background: #fff;
	height:20px;
}
.slick-dots li {
	cursor: pointer;
	width:6px;
	height:6px;
	margin:7px 5px;
	background:#a0a0a0;
	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:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	vertical-align: middle;
}
.slick-dots li button {
	border: 0;
	background: transparent;
	color: transparent;
	cursor: pointer;
	display: block;
	font-size: 0;
	line-height: 0;
	outline: none;
	width:6px;
	height:6px;
	padding: 0;
}

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

/* Arrows */
.slick-prev,
.slick-next {
	position: absolute;
	display: block;
	height: 51px;
	width: 30px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent;
	color: transparent;
	top: 50%;
	padding: 0;
	border: none;
	outline: none;
	z-index: 10;
	margin-top: -51px;
	opacity: .7;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	outline: none;
	background: transparent;
	color: transparent;
}
.slick-prev:hover:before,
.slick-next:hover:before {
	opacity: 1;
}
.slick-prev:before,
.slick-next:before {
	display:block;
	position: absolute;
	top: 0;
	left: 0;
	content: " ";
	height: 51px;
	width: 30px;
	font-size: 0;
	line-height: 0;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-next:before {
	left: auto;
	right: 0;
}
.slick-prev {
	left: 0px;
}
.slick-prev:before {
	background: url("../img/top/SlideArrow_01.png") no-repeat -3px center;
	-webkit-background-size: 180px 102px;
	-moz-background-size: 180px 102px;
	-ms-background-size: 180px 102px;
	-o-background-size: 180px 102px;
	background-size: 180px 102px;
	border-radius: 0 4px 4px 0;
}
.slick-next {
	right: 0px;
}
.slick-next:before {
	background: url("../img/top/SlideArrow_01.png") no-repeat -140px center;
	-webkit-background-size: 180px 102px;
	-moz-background-size: 180px 102px;
	-ms-background-size: 180px 102px;
	-o-background-size: 180px 102px;
	background-size: 180px 102px;
	border-radius: 4px 0 0 4px;
}





/*==============================================
サイトからのお知らせ/登録メニュー
==============================================*/

.Nk_Infomation {
	margin: 0 8px;
}
.Nk_Infomation .Contents_Header .Title {
	background: #999;
	font-size: 86%;
	color: #fff;
	text-align: center;
	padding: 15px 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.Nk_Infomation .Nk_Infomation_Inner {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 2px 2px rgba(146, 151, 165, .5);
}
.Nk_Infomation_Inner ul {}
.Nk_Infomation_Inner ul li + li {
	border-top: 1px solid #cdcdcd;
}
.Nk_Infomation_Inner ul li a {
	position: relative;
	display: block;
	color: #333;
	font-size: 86%;
	padding: 10px 7px;
	line-height: 1.3;
}
.Nk_Infomation_Inner ul li a span.japanc_campaign_txt {
	display: inline-block;
	font-size: 61.5%;
	background: #ed7833;
	padding: 4px 7px 4px 6px;
	color: #fff;
	border-radius: 3px;
	position: absolute;
	top: 11px;
	right: 3.4%;
}

.Nk_Infomation.TopInfo .Title {
	padding: 8px 0 6px 0;
}
.Nk_Infomation .Nk_Infomation_Inner h3 {
	font-size: 103.3%;
	font-weight: normal;
	line-height: 1.34;
	margin-bottom: 14px;
}
.Nk_Infomation .Nk_Infomation_Inner .InfoTag {
	display: table;
	width: 100%;
}
.Nk_Infomation .Nk_Infomation_Inner .InfoTag span {
	display: table-cell;
	font-size: 77.5%;
	color: #999;
}
.Nk_Infomation .Nk_Infomation_Inner .InfoTag span:first-child {
	text-align: left;
}
.Nk_Infomation .Nk_Infomation_Inner .InfoTag span:last-child {
	text-align: right;
}

/*==============================================
ニュース .News_Headline
==============================================*/
.News_Headline ul.List_01 li .LinkBox_01 h2{
	position: relative;
	height:2.6em;
	overflow:hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.News_Headline ul.List_01 li .LinkBox_01 span.Icon_Premium01 {
	display: inline-block;
	background: url("../img/icon/icon_premiumlock_02.png") 0 0 no-repeat;
	-webkit-background-size: 12px 14px;
	-moz-background-size: 12px 14px;
	-ms-background-size: 12px 14px;
	background-size: 12px 14px;
	width: 0;
	height: 14px;
	vertical-align: middle;
	margin: -4px 4px 0;
	padding: 0 0 0 12px;
}
/*
.News_Headline ul.List_01 li .LinkBox_01 span.Icon_Premium01 {
display: inline-block;
background: url("../img/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: -4px 4px 0;
padding: 0 0 0 12px;
}
*/

.News_Headline ul.List_01 li .LinkBox_01 span.Icon_Premium01 {

}
.News_Headline ul.List_01 li  .LinkBox_01 > .LinkBox_Footer {
	position: relative;
	font-size: 61.12%;
	margin-top: 7px;
	padding-right: 6px;
	min-height: 19px;
}
.News_Headline ul.List_01 li  .LinkBox_01 > .LinkBox_Footer span.AppOnlyIcon01 {
	display: inline-block;
	border-radius: 2px;
	color: #3251bc;
	font-weight: bold;
	border: 1px solid #3251bc;
	padding: 3px 7px;
}
.News_Headline ul.List_01 li  .LinkBox_01 > .LinkBox_Footer span.Data {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 3px 7px;
}
.News_Headline ul.List_01 li  .LinkBox_01 > .LinkBox_Footer span.New {
	display: inline-block;
	border-radius: 9px;
	color: #ef5350;
	font-weight: bold;
	margin-right: 6px;
}
.News_Headline .Icon_Play {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: solid 2px #fff;
	display: block;
	position: absolute;
	top: 6px;
	right: 6px;
	box-shadow: 0px 0px 3px rgb(0 0 0 / 30%);
	background: rgba(153, 153, 153, .3);
}
.News_Headline .Icon_Play:after {
	display: block;
	content: "";
	position: absolute;
	top: 4px;
	left: 7px;
	width: 0px;
	height: 0px;
	border: 6px solid transparent;
	border-left: 8px solid #fff;
}
/*==============================================
今週の注目レース
==============================================*/

ul.RaceList_01 {
	background:#fff;
	margin:0 0 12px;
	border-bottom: 1px solid #ccc;
}
ul.RaceList_01 li.RaceList_01 {
	border-top: 1px solid #ccc;
}
ul.RaceList_01 li.PickupRace a.LinkBox_01 {
	display:block;
	border-bottom: 1px dotted #ccc;
}
/*MQ タブレット-PC*/
@media only screen and (min-width: 768px){
	ul.RaceList_01{
		padding:0 0 8px 0;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		-webkit-border-bottom-left-radius	: 6px 6px;
		-webkit-border-bottom-right-radius : 6px 6px;
		-moz-border-radius-bottom-left: 6px;
		-moz-border-radius-bottom-right: 6px;
		border-bottom-left-radius	: 6px 6px;
		border-bottom-right-radius : 6px 6px;
		background:#fff;
		-moz-box-shadow: #e5e5e5 0px 1px 0px 0px 1px 1px !important;
		-webkit-box-shadow: #e5e5e5 0px 1px 0px 0px 1px 1px !important;
		-o-box-shadow: #e5e5e5 0px 1px 0px 0px 1px 1px !important;
		-ms-box-shadow: #e5e5e5 0px 1px 0px 0px 1px 1px !important;
		box-shadow: #e5e5e5 0px 1px 0px 0px 1px 1px !important;
	}
}
/* レーススライド */
.TopRace_Slide {
	margin: 0 -8px;
}
.TopRace_Slide .SlideImgBox01 {
	position: relative;
}
.TopRace_Slide .SlideImgBox01 .RaceSlideBoxPhoto:before {
	content:"";
	display:block;
	padding-top:56.25%;
}

.TopRace_Slide .SlideImgBox01 .RaceSlideBoxPhoto {
	min-height:210px;
	background-position:top;
	background-size:cover;
	background-repeat:no-repeat;
}

.TopRace_Slide .SlideTxtArea {
	left: 0;
	bottom: 0;
	height: 78px;
	position: absolute;
	width: 100%;
	background-image: -moz-linear-gradient(
		center top,
		rgba(0,0,0,0) 0%,
		rgba(0,0,0,0.85) 85%);
	background-image: -o-linear-gradient(top,
		rgba(0,0,0,0) 0%,
		rgba(0,0,0,0.85) 85%);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0 , rgba(0,0,0,0)),
		color-stop(0.8 , rgba(0,0,0,0.85))
	);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000', EndColorStr='#000000')";
	background-image: linear-gradient(to bottom,
		rgba(0,0,0,0) 0%,
		rgba(0,0,0,0.85) 85%);
}
.TopRace_Slide .SlideTxtArea .SlideTxtInner {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.TopRace_Slide .SlideTxtArea .Content_Cate {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.63;
	display: inline-block;
	padding:0 4px;
	margin: 0 9px 4px;
	background: #e72a2a;
	border-radius: 2px;
}
.TopRace_Slide .SlideTxtArea .ContentMainTitle {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height:22px;
	max-height:44px;
	margin: 1px 9px 6px;
	text-shadow: 1px 1px 1px #000;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.TopRace_Slide .SlideTxtArea .ContentSubTitle {
	color: #fff;
	width:100%;
	font-size: 13px;
	padding: 0 9px 12px;
	text-shadow: 1px 1px 1px #000;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height:15px;
}
.TopRace_Slide .slick-prev:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 10px;
	width: 14px;
	height: 14px;
	margin-top: -8px;
	border-top: 4px solid #fff;
	border-right: 4px solid #fff;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	background: none;
}
.TopRace_Slide .slick-next:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 14px;
	height: 14px;
	margin-top: -8px;
	border-top: 4px solid #fff;
	border-right: 4px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	background: none;
}
.TopRace_Slide .slick-dots {
	text-align: center;
	margin-bottom: 2px;
}
.TopRace_Slide .slick-dots li.slick-active button:before {
	background: #ee6a5c;
}


.PickupRaceDataBox {
	padding: 8px;
}
.PickupRaceDataBox .LeftMenu {
	float:left;
	width:27%;
	z-index:10;
	position:relative;
}
.PickupRaceDataBox .RightMenu {
	width:auto;
	position:relative;
	z-index:9;
}
.PickupRaceMenu li.RaceMenuList {
	margin: 0 0 6px;
}
.Top_Local .PickupRaceMenu li.RaceMenuList{
	float: left;
}
.PickupRaceDataBox .RightMenu li.RaceMenuList {
	margin:0 0 0 29%;
}
.PickupRaceDataBox .RightMenu li.RaceMenuList a.PickupRace_LinkBtn {
	text-align: left;
	padding: 8px;
	height: 100%;
}
.PickupRaceMenu li a.PickupRace_LinkBtn{
	padding:16px 0;
	font-weight:bold;
}
.PickupRaceDataBox .RightMenu li a.PickupRace_LinkBtn p {
	padding-bottom: 4px;
	margin: 0 0 8px;
	border-bottom: 1px solid #ccc;
}
.PickupRaceDataBox .RightMenu li a.PickupRace_LinkBtn ul {
	padding: 0 3px;
}
.PickupRaceDataBox .RightMenu li a.PickupRace_LinkBtn ul li{
	margin: 0 0 5px;
}
.PickupRaceDataBox li a.PickupRace_LinkBtn ul li span.OddsNum{
	color: #666;
	font-size: 85%;
	font-weight: normal;
	display: inline-block;
	vertical-align: middle;
}
.PickupRaceDataBox li a.PickupRace_LinkBtn ul li span.HorseName{
	display:inline-block;
	color: #333;
	font-size: 85%;
	width: 9.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

.PickupRaceDataBox li a.PickupRace_LinkBtn ul li span.OddsData{
	display: inline-block;
	overflow: hidden;
	color: #ff1127;
	font-size: 85%;
	float: right;
	line-height: 1.3;
}

@media only screen and (min-width: 340px) {
	.PickupRaceDataBox li a.PickupRace_LinkBtn ul li span.HorseName{
		font-size: 100%;
	}
	.PickupRaceDataBox li a.PickupRace_LinkBtn ul li span.OddsData{
		font-size: 100%;
	}
	.PickupRaceDataBox li a.PickupRace_LinkBtn ul li span.OddsNum{
		font-size: 100%;
	}
	.PickupRaceMenu li a.PickupRace_LinkBtn{
		padding:19px 0;
	}
	.PickupRaceDataBox .RightMenu li a.PickupRace_LinkBtn p {
		padding: 2px 0 6px;
		margin: 0 0 10px;
	}
}

.Jra_RaceList_Inner .PickupRace_01 {
	margin: 8px;
}
.Jra_RaceList_Inner .PickupRace_01 > li {
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 2px 2px rgba(146, 151, 165, .5);
}
.Jra_RaceList_Inner .PickupRace_01 li > .LinkBox_01 {
	display: block;
	padding: 8px 8px 0;
}
.LinkBox_01 > div > p.RaceCopy {
	font-size: 78%;
	color: #555;
	margin-bottom: 8px;
	font-weight: bold;
}
.Jra_RaceList_Inner .PickupRace_01 p.RaceCopy {

}
.LinkBox_01 > div > .RaceTitle {
	font-weight: bold;
	color: #333;
	margin-bottom: 8px;
	font-size:110%;
}
.LinkBox_01 > div > .RaceTitle .Icon_Grade {
	margin-top: -3px;
}
.LinkBox_01 > div > .RaceData {
	font-size: 74%;
	color: #333;
}
.PickupRace_LinkBtn {
	display: block;
	font-size: 89%;
	font-weight: bold;
	color: #03a;
	background: #fff;
	text-align: center;
	padding: 15px 0;
	border-radius: 4px;
	border: 1px solid #d3d3d3;
	box-shadow: 0 1px 3px rgba(146, 151, 165, .6);
}

.Jra_RaceList_Inner .RaceList_02 {
	margin: 0 8px 8px;
}
.Jra_RaceList_Inner .RaceList_02 li + li {
	margin-top: 8px;
}
.Jra_RaceList_Inner .RaceList_02 li a {
	display: block;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 2px 2px rgba(146, 151, 165, .5);
}
.Jra_RaceList_Inner .RaceList_02 li div {
	padding: 12px;
}
.Jra_RaceList_Inner .RaceList_02 li div .RaceTitle {
	font-weight: bold;
	color: #333;
	margin-bottom: 8px;
	font-size:110%;
}
.Jra_RaceList_Inner .RaceList_02 li div .RaceData {
	font-size: 74%;
	color: #333;
}

.LinkBox_02 {
/*padding:8px;*/
}
.LinkBox_02 h2.RaceTitle {
/*	color: #000;
font-weight: bold;
font-size:100%;*/
}
p.RaceData {
	color: #777;
	font-size: 78%;
	margin: 6px 0 0;
}

#TopRaceMain {
	min-height:50px;
	border-radius: 3px;
}

ul.Btn_3col li {
	width	:	33.333%;
}

ul.Btn_4col li {
	width: 25%;
}



/*==============================================
今週の開催
==============================================*/
.Race_Calendar_List > ul {
	padding: 8px 0 0 8px;
}
.Contents_Box #Jra_Race_Thisweek .Race_Calendar_List > ul {
	padding: 8px 5px 0 4px;
}
.Calendar_DayList dl.ThisWeek_RaceList {
	margin: 0 0 8px;
	display: table;
	width: 100%;
}
.Calendar_DayList dl.ThisWeek_RaceList dt {
	font-size: .8em;
	font-weight: bold;
	width: 65px;
	display: table-cell;
	vertical-align: middle;
	background: url("../img/top/thisweek_bg.png") no-repeat center center;
	-webkit-background-size: 62px 52px;
	-moz-background-size: 62px 52px;
	-ms-background-size: 62px 52px;
	background-size: 62px 52px;
}
.Calendar_DayList dl.ThisWeek_RaceList dt.Day_Sat {
	color: #06c;
	font-size: 86%;
	letter-spacing: 2px;
}
.Calendar_DayList dl.ThisWeek_RaceList dt.Day_holi {
	color: #f02e2e;
	font-size: 86%;
	letter-spacing: 2px;
}
.Calendar_DayList dl.ThisWeek_RaceList dt.Day_Sat span,
.Calendar_DayList dl.ThisWeek_RaceList dt.Day_holi span {
	display: block;
	font-size: 100%;
	font-weight: normal;
	letter-spacing: 0;
}

.Calendar_DayList dl.ThisWeek_RaceList dt p {
	text-align: center;
	line-height: 1.3;
	padding-right: 8px;
	letter-spacing: -0.1px;
}

.ThisWeek_Day 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;
}
.ThisWeek_Day span {
	font-size: 0.6875rem;
	font-weight: 400;
}
.ThisWeek_Day .Day_holi {
	color: #c53131;
}
.ThisWeek_Day .Day_Sat {
	color: #3251bc;
}


.Calendar_DayList dl.ThisWeek_RaceList dd {
	display: table-cell;
}
.Calendar_DayList dl.ThisWeek_RaceList dd ul {
	width: 100%;
}
.Calendar_DayList dl.ThisWeek_RaceList dd li {
	display: table;
	text-align: center;
}
.Calendar_DayList dl.ThisWeek_RaceList dd li {
	padding-left: 8px;
}
.Calendar_DayList dl.ThisWeek_RaceList dd ul.Btn_2col li {
	width: 50%;
	float: left;
}
.Calendar_DayList dl.ThisWeek_RaceList dd ul.Btn_3col li {
	width: 33%;
	float: left;
}
.Race_Calendar_List dl.ThisWeek_RaceList dd li a {
	display: table-cell;
	width: 100%;
	height: 3em;
	vertical-align: middle;
	font-weight: bold;
	padding: 0 0;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 2px 2px rgba(146, 151, 165, .5);
}
dl.ThisWeek_RaceList dd li a p.JyoName {
	font-size: 92%;
	color: #03a;
}
dl.ThisWeek_RaceList dd li a p.Top_RaceName{
	font-size: 75%;
	color: #777;
	font-weight: normal;
	margin:auto;
	margin-top:.3em;
	text-align:center;
}

/*==============================================
ニュース
==============================================*/
ul#TopNewsList {
	min-height:80px;
}


/*==============================================
レース検索
==============================================*/

.Race_Select_Menu form{
	width:100%;
	padding:6px 0;
}
.Race_Select_Menu_Box{
	display:table;
	margin:0 auto;
	text-align:center;
}
.Race_Select_Menu form .Race_Select_Menu_Box div{
	display:table-cell;
	padding:0 2px 0 0;
}
.Race_Select_Menu label{
	display:block;
	margin:0 0 4px 0;
}
.Race_Select_Menu .Select_Btn{
	text-align:center;
}
.Race_Select_Menu input{
	margin:8px 0 0 0;
}


/*==============================================
厳選予想ウマい馬券 .Top_Yoso
==============================================*/

/*　No1予想btn　*/
.Top_YosoMenu .BtnArea {
	margin: 14px auto 0;
	width: 238px;
}
.LinkBtn_No1 {
	display: block;
	color: #fff;
	font-size: 77%;
	font-weight: bold;
	background: #2c53a9;
	border-radius: 4px;
	box-shadow: inset 0 -1px 1px #1a3674;
	text-align: center;
	padding: 13px 0;
	position: relative;
}
.LinkBtn_No1:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 0 3px 5px;
	border-color: transparent transparent transparent #fff;
	margin-top: -3px;
	position: absolute;
	top: 50%;
	right: 15px;
}

/*-- ウマい馬券 ユーザーポイント情報 .MyPointDataBox --*/
/* point期限表記 */
.limite_point{
	font-size:12px;
	padding: 3px 0px;
	background-color: #ffffff;
	margin-top: 10px;
	border-radius: 9px;
}
.limite_point.bg_white {
	margin: 10px;
/* background-color: #ececec; */
}
.limite_point p{
	font-size:12px;
	text-align: center;
	color: #666666;
}
.limite_point p span.alert_point{
	padding-left: 16px;
	font-weight: 700;
}
.limite_point.patternnear,
.MyPointDataBox .PointAreaWrap + .limite_point{
	color:#b53e36;
	border: 1px solid #b53e36;
}
.MyPointDataBox .PointAreaWrap + .limite_point{
	width:278px;
	margin:10px auto;
}
.limite_point.patternnear p,
.MyPointDataBox .PointAreaWrap + .limite_point{
	color: #b83f36;
}
.MyPointDataBox {
	padding: 10px;
	text-align: center;
	background-color: #f3f3f3;
}
.PointAreaWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.PointAreaTxtBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.PointAreaTxtBox .PointTitle {
	width: 68px;
	flex-basis: 68px;
}
.MyPointDataBox .MyPointAreaTitle {
	margin-bottom: 4px;
	color: #888;
	font-size: 11px;/*px*/
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	padding-left: 2px;
}
.MyPointDataBox .BtnMypage {
	display: block;
	padding: 4px 9px 3px;
	color: #666;
	font-size: 12px;/*px*/
	text-align: center;
	background-color: #e0e0e0;
	border-radius: 9px;
}
.MyPointDataBox .PointData {
	display: inline-block;
	width: 100%;
	flex-basis: calc(100% - 62px);
	color: #3951b5;
	font-size: 1.125rem;
	font-weight: bold;
	text-align: center;
}
.MyPointDataBox .PointData .PointTxt01 {
	margin-left: 4px;
}
.MyPointDataBox .PointAddBtn01 {
	width: 60px;
	flex-basis: 60px;
}
.MyPointDataBox .PointAddBtn01 .YosoBtn01 {
	display: block;
	padding: 7px 0;
	color: #666;
	font-size: 0.75rem;
	font-weight: bold;
	text-align: center;
	background: none;
	background-color: #fff;
	border: 1px solid #c9c9c9;
	border-radius: 6px;
	box-shadow: none;
}

/*---------20200907追記*/
.MyPointDataBox{
	border-top: 1px solid #F3F3F3;
	background-color: #fff;
	margin-bottom: 0;
}
.MyPointDataBox .PointData{
	display: inline-block;
	width: 100%;
	padding-right: 15px;
	flex-basis: calc(100% - 20px);
	color: #555555;
	font-size: 1.0625rem;
	font-weight: bold;
	text-align: right;
}
.MyPointDataBox .PointData .PointTxt01 {
	font-size: 0.8125rem;
	font-weight: normal;
	color: #777;
}
.MyPointDataBox .PointAddBtn01 {
	width: 20px;
	flex-basis: 20px;
}
.MyPointDataBox .PointAddBtn01 .YosoBtn01 {
	display: block;
	text-indent: -500px;
	border: none;
	font-size: 0;
	background-image: url(../img/icon/icon_sprite_sp_top2.png);
	height: 20px;
	width: 20px;
	background-size: 173px 30px;
	background-position: -179px -3px;
}

.YosoTop .Cmp_Txt01 {
	display: block;
	font-size: 72.3%;
	color: #ce9200;
	line-height: 1.24;
	text-align: center;
	padding: 8px 0;
	background: #e9e9e9;
}

/*非ログイン時*/
.MyPointDataBox .NotLoggedInArea span.PointTxt01{
	font-size: 61.2%;
	display: block;
	color: #666;
	font-weight: bold;
	margin-bottom: 8px;
	line-height: 1.5;
	text-align: center;
}
.MyPointDataBox .NotLoggedInArea{
	padding: 0 15px;
}

.MyPointDataBox .NotLoggedBtn01 a{
	display: block;
	background: #fff;
	color: #2b2a2a;
	font-size: 77.78%;
	font-weight: normal;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #b2afa4;
	padding: 13px 0;
}
.MyPointDataBox .NotLoggedBtn01 a:hover{
	background: #f9f9f9;
}
.MyPointDataBox .NotLoggedInArea .PointAddBtn01{
	margin: 0 30px;
}
.MyPointDataBox .NotLoggedInArea span.PointData{
	font-size: 100%;
	margin-bottom: 10px;
}
@media screen and (max-width: 320px) {
	.PointAreaTxtBox {
	}
	.MyPointDataBox h2.MyPointAreaTitle {
		width: 100%;
		text-align: center;
	}
	.MyPointDataBox .BtnMypage {
	}
}
@media screen and (min-width: 371px){
	.MyPointDataBox .NotLoggedInArea span.PointTxt01 br{
		display: none;
	}
}
/* top - 厳選予想家ピックアップ */
ul.Top_PickUpYosokaList {
	margin-bottom: 8px;
}
ul.Top_PickUpYosokaList li {
	padding: 8px;
}
ul.Top_PickUpYosokaList li a {
	display: block;
	box-shadow: 0 2px 2px rgba(146, 151, 165, .5);
}

.YosokaInnerBox {
	position: relative;
}
.YosokaPhotoImg {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 139px;
}
.YosokaPhotoImg img {
	display: block;
	border-radius: 4px;
	width: 100%;
}

.YosokaStyle {
	background: url("../img/common/Bg_YosokaPickUp_01.png") no-repeat;
	padding: 10px 0;
}
.YosokaStyle span {
	display: inline-block;
	color: #fff;
	font-size: 72%;
	font-weight: bold;
	padding: 0 0 0 175px;
}
.YosokaResult {
	background: #fff;
	padding: 10px 0 26px 175px;
}
.YosokaResult .Name {
	color: #55a78e;
	font-size: 122%;
	font-weight: bold;
	margin-bottom: 13px;
}
.YosokaResult .Detail .Txt {
	display: block;
	color: #b5aea4;
	font-size: 72%;
	font-weight: bold;
}
.YosokaResult .Detail strong {
	display: inline-block;
	color: #569627;
	font-size: 150%;
	font-weight: bold;
	margin: 4px 0;
}

.Top_PickUpYosokaList.owl-theme li.owl-item {
	padding: 0;
}
.Top_PickUpYosokaList.owl-theme .owl-controls {
	padding-top: 0;
}
.Top_PickUpYosokaList.owl-theme .owl-controls{
	padding:0;
	text-align:center;
	-webkit-tap-highlight-color:transparent;
}
.Top_PickUpYosokaList.owl-theme .owl-dots .owl-dot span,
.Top_YosokaList.owl-theme .owl-dots .owl-dot span{
	width: 6px;
	height: 6px;
	margin: 5px;
	background:#b3b3b3;
	display: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:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.Top_PickUpYosokaList.owl-theme .owl-dots .owl-dot.active span,
.Top_PickUpYosokaList.owl-theme .owl-dots .owl-dot:hover span,
.Top_YosokaList.owl-theme .owl-dots .owl-dot.active span,
.Top_YosokaList.owl-theme .owl-dots .owl-dot:hover span {
	background:#383838;
}

@media screen and (max-width: 359px) {
	.YosokaInnerBox .YosokaPhotoImg {
		width: 108px;
	}
	.YosokaStyle span {
		padding-left: 136px;
	}
	.YosokaResult {
		padding: 10px 0 20px 136px;
	}
	.YosokaResult .Detail strong {
		font-size: 138%;
	}
}

/*---------20230207追記*/
.Cp_Inner {
	padding: 10px 8px 18px;
}
.Cp_Box {
	display: block;
	width: 100%;
	border: solid #CACACA 1px;
	border-radius: 4px;
	background: #fff;
	font-weight: 600;
	box-shadow: 0 2px 2px 0 rgba(146, 151, 165, .5);
	font-family: "Hiragino Kaku Gothic Pro",sans-serif;
}
.Cp_Box .Cp_Head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: end;
	padding: 10px;
}
.Cp_Box .Title_Area {
	min-height: 50px;
}
.Cp_Box .Title_Area .Sub_Title {
	padding: 3px 9px;
	border-radius: 70px;
	background: #DD5E56;
	color: #fff;
	font-size: 11px;
}
@media (max-width: 384px) {
	.Cp_Box .Title_Area .Sub_Title {
		font-size: 10px;
	}
}
@media (max-width: 359px) {
	.Cp_Box .Title_Area .Sub_Title {
		display: block;
		font-size: 10px;
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
	}
}
.Cp_Box .Title_Area .Main_Title {
	margin-top: 10px;
	max-width: 8em;
	color: #444444;
	line-height: 1.3;
	font-size: 15px;
}
.Cp_Box .Title_Area .Main_Title.coupon {
	max-width: 10.8em;
}

@media (max-width: 359px) {
	.Cp_Box .Title_Area .Main_Title {
		max-width: 8.333em;
		font-size: 12px;
	}
}
.Cp_Box .Num_Area .Num {
	font-family: "Arial";
	color: #DD5E56;
	font-size: 50px;
}
@media (max-width: 374px) {
	.Cp_Box .Num_Area .Num {
		font-size: 45px;
	}
}
@media (max-width: 359px) {
	.Cp_Box .Num_Area .Num {
		font-size: 24px;
	}
}
.Cp_Box .Num_Area .Unit {
	display: inline-block;
	color: #444444;
	line-height: 1.2;
	font-size: 13px;
	max-width: 4em;
}
@media (max-width: 375px) {
	.Cp_Box .Num_Area .Unit {
		max-width: 4.091em;
		font-size: 11px;
	}
}
@media (max-width: 359px) {
	.Cp_Box .Num_Area .Unit {
		font-size: 10px;
	}
}
.Cp_Box .Cp_Bottom {
	position: relative;
	padding: 10px;
	background: #E6E6E6;
}

.Cp_Box .Cp_Bottom p {
	max-width: 320px;
	color: #333333;
	line-height: 1.38;
	font-size: 13px;
}
@media (max-width: 374px) {
	.Cp_Box .Cp_Bottom p {
		font-size: 11px;
	}
}

.Cp_Box .Cp_Bottom::after {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 1px;
	background: none;
	border-top: 2px solid #333333;
	border-right: 2px solid #333333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
}

/* .freeContents__yoso--wrapper {
border: 1px solid #CACACA;
background: #FFF;
padding: 10px 10px 20px;
margin-bottom: 18px;
box-shadow: 0 2px 2px 0 rgba(146, 151, 165, .5);
}

.freeContents__yoso--wrapper .Yosoka_Inner + .Yosoka_Inner {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #DADADA;
}

.freeContents__yoso--wrapper .Yosoka {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.freeContents__yoso--wrapper .Yosoka .YosokaImage {
position: relative;
width: 60px;
height: 60px;
}

.freeContents__yoso--wrapper .Yosoka .YosokaImage img {
border-radius: 4px;
width: 60px;
height: 60px;
}

.freeContents__yoso--wrapper .Yosoka .YosokaImage.confident::after {
background: url("../img/icon/flg_baken.png") no-repeat;
content: "";
display: block;
width: 13px;
height: 35px;
position: absolute;
background-size: contain;
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
bottom: -5%;
right: -3%;
}

.freeContents__yoso--wrapper .Yosoka .Profile {
min-height: 65px;
padding-left: 6px;
}

.freeContents__yoso--wrapper .Yosoka .Profile .Name {
margin-top: 12px;
margin-bottom: 7px;
font-size: 22px;
font-weight: bold;
}

.freeContents__yoso--wrapper .Yosoka .Profile .Name a {
color: #0033AA;
}

.freeContents__yoso--wrapper .Yosoka .Profile .CatchPhrase {
font-size: 13px;
color: #888888;
margin-bottom: 4px;
}

.freeContents__yoso--race {
margin-top: 13px;
margin-bottom: 15px;
font-size: 13px;
color: #555;
font-weight: bold;
}

.freeContents__yoso--race-date {
margin-right: 5px;
font-size: 11px;
color: #777;
}

.Icon_GradeType {
display: inline-block;
color: #fff;
line-height: 1.6;
text-align: center;
background: #757575;
min-width: 22px;
margin-left: 2px;
border-radius: 1em;
padding: 1px 0.7em 0;
vertical-align: top;
white-space: nowrap;
font-size: 10px;
-webkit-transform: scale(0.7);
transform: scale(0.7);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
font-family: "Arial";
} */
.freeContents__yoso{
	margin: 0 !important;
}
.freeContents__yoso--wrapper {
	border: 1px solid #cacaca;
	background: #fff;
	padding:0 0 20px;
	margin:0 0 18px;
	overflow: hidden;
}

.freeContents__yoso--wrapper .freeContents__yoso--cont + .freeContents__yoso--cont  {
	margin-top: 20px;
}

.freeContents__yoso--wrapper .Yosoka_Inner {
	position: relative;
	padding-top: 10px;
}
.freeContents__yoso--wrapper .Yosoka_Inner + .Yosoka_Inner {
	margin-top: 20px;
	padding-top: 20px;
}
.freeContents__yoso--wrapper .Yosoka_Inner + .Yosoka_Inner::before {
	background: #DADADA;
	content: "";
	display: block;
	width: 90%;
	height: 1px;
	position: absolute;
	top: 1%;
	left: 50%;
	transform: translateX(-50%);
}

.freeContents__yoso--item {
	display: flex;
	align-items: flex-end;
	height: 60px;
	margin: 0 20px 20px;
}
.freeContents__yoso--img {
	width: 60px;
	height: 60px;
	position: relative;
/*  margin: 0 0 10px;*/
}
.freeContents__yoso--img-wrapper {
	width: 60px;
	height: 60px;
	overflow: hidden;
	border-radius: 4px;
}
.freeContents__yoso--wrapper.AnaumaRace .freeContents__yoso--img:after,
.freeContents__yoso--wrapper.SelectionRace .freeContents__yoso--img:after {
	content: "";
	display: block;
	position: absolute;
	top: 18px;
	left: 56px;
	width: 15px;
	height: 39px;
	background-image: url("../img/yoso/flg_sprite_sp_baken.png");
	-ms-background-size: 50px auto;
	background-size: 50px auto;
	background-position: 0 0;
	background-repeat: no-repeat;
	-webkit-transform: rotate(12deg);
	transform: rotate(12deg);
}

.freeContents__yoso--wrapper.AnaumaRace .freeContents__yoso--img:after {
	background-position: -21px 0px;
}
.freeContents__yoso--wrapper.SelectionRace .freeContents__yoso--img:after {
	background-position: -2px -43px;
}

.freeContents__yoso--img img {
	width: 100%;
}
.freeContents__yoso--race {
	margin-bottom: 10px;
	font-size: 13px;
	color: #555;
	padding:0 20px;
	display: flex;
    align-items: center;
}
.freeContents__yoso--race-date {
	font-size: 11px;
	color: #777;
	font-weight: normal;
}
.freeContents__yoso--name {
	padding-top: 5px;
	font-size: 22px;
	font-weight: bold;
	margin-left: 10px;
	display: flex;
	flex-direction: column;
}
.freeContents__yoso--name a{
	margin-bottom: 6px;
}
.freeContents__yoso--catch{
	font-size: 12px;
	color: #666666;
	font-weight: normal;
}
table.freeContents__yoso--table {
	width: 100%;
	border-collapse: collapse;
	margin:0 20px 10px;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
}
table.freeContents__yoso--table td.freeContents__yoso--table__mark {
	padding: 4px;
	font-weight: bold;
	font-size: 20px;
	color: #333;
	background: #f5f4f1;
	border: 1px solid #d1cec7;
	width: 30px;
}
table.freeContents__yoso--table td.freeContents__yoso--table__bamei {
	padding: 8px;
	text-align: left;
	font-size: 13px;
	color: #333;
	font-weight: bold;
	vertical-align: middle;
	border: 1px solid #d1cec7;
}
.freeContents__yoso--detail {
	position: relative;
	margin:0 20px 10px;
}
.freeContents__yoso--detail p {
	font-size: 61.1111%;
	color: #333;
	line-height: 1.6;
	position: relative;
	height: 3.2em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.freeContents__yoso--detail::after {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	content: "";
	height: 32px;
	background: -webkit-linear-gradient(
		top,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.8) 80%,
		rgba(255, 255, 255, 0.8) 90%,
		#fff 100%
	);
	background: linear-gradient(
		top,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.8) 80%,
		rgba(255, 255, 255, 0.8) 90%,
		#fff 100%
	);
}

.freeContents__yoso--wrapper .Icon_GradeType {
	display: inline-block;
	color: #fff;
	font-size: 10px;
	line-height: 1.6;
	text-align: center;
	background: #757575;
	min-width: 32px;
	margin-left: 2px;
	border-radius: 1em;
	padding: 1px 0.7em 0;
	vertical-align: top;
	white-space: nowrap;
}
.freeContents__yoso--wrapper .Icon_GradeType1,.Icon_GradeType10 { background: #3251bc; }
.freeContents__yoso--wrapper .Icon_GradeType2,.Icon_GradeType11 { background: #c53131; }
.freeContents__yoso--wrapper .Icon_GradeType3,.Icon_GradeType12 { background: #58af4a; }
/*.Icon_GradeType4 { background: #ec5f00; }*/
.freeContents__yoso--wrapper .Icon_GradeType4 { background: #de8a26; }
.freeContents__yoso--wrapper .Icon_GradeType14 { background: #666; }
.freeContents__yoso--wrapper .Icon_GradeType13 {
	background: url("../img/icon/icon_gradetype.png");
	background-repeat: no-repeat;
	-webkit-background-size: 46px auto;
	-moz-background-size: 46px auto;
	-ms-background-size: 46px auto;
	background-size: 46px auto;
	background-position: -2px -245px;
	width: 42px;
	height: 18px;
	vertical-align: -2px;
	border-radius: 0;
	padding: 0;
}

.freeContents__yoso--table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 10px;
}
.freeContents__yoso--table td.freeContents__yoso--table__bamei {
	padding: 8px;
	text-align: left;
	font-size: 15px;
	color: #333;
	font-weight: bold;
	vertical-align: middle;
	border: 1px solid #CACACA;
}
.freeContents__yoso--table td.freeContents__yoso--table__mark {
	padding: 6px;
	font-weight: bold;
	font-size: 20px;
	color: #333;
	background: #F5F4F1;
	border: 1px solid #CACACA;
	width: 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.freeContents__yoso--detail {
	position: relative;
	margin-bottom: 18px;
}
.freeContents__yoso--detail::after {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	content: "";
	height: 32px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(80%, rgba(255, 255, 255, 0.8)), color-stop(90%, rgba(255, 255, 255, 0.8)), to(#fff));
	background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.8) 90%, #fff 100%);
}
.freeContents__yoso--detail p {
	font-size: 61.1111%;
	color: #333;
	line-height: 1.6;
	position: relative;
	height: 3.2em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.freeContents__yoso--more a {
	position: relative;
	display: block;
	margin: 0 auto;
	margin:0 20px;
	background: #3951B5;
	color: #fff;
	text-align: center;
	padding: 14px 0;
	border-radius: 4px;
	font-size: 13px;
	font-weight: bold;
}
.freeContents__yoso--more a::after {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 1px;
	background: none;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 10px;
	top: 16px;
}
.freeContents__yoso--more.push a {
    position: relative;
    color: #3951b5;
    border: 1px solid #3951b5;
    background: #fff;
    margin: 0 20px;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
}
.freeContents__yoso--announcement {
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
	color: #B7443E;
	font-size: 14px;
}
.freeContents__yoso--push {
	display: block;
	margin: 0 auto;
	width: 90%;
	position: relative;
	background: #fff;
	border: solid 1px #3951B5;
	color: #3951B5;
	text-align: center;
	border-radius: 4px;
	font-size: 13px;
	font-weight: bold;
/*  padding-left: 24px;*/
height: 40px;
line-height: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/*.freeContents__yoso--push::before {
background: url("../img/icon/icon_star_blue.png") no-repeat;
content: "";
display: block;
width: 17px;
height: 17px;
position: absolute;
background-size: contain;
top: 29%;
left: 25%;
}
*/.freeContents__yoso--push::after {
content: "";
display: block;
width: 6px;
height: 6px;
border-radius: 1px;
background: none;
border-top: 2px solid #3951B5;
border-right: 2px solid #3951B5;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
right: 10px;
top: 16px;
}

.Free_Yoso_Movie_Inner {
	margin: 10px 8px 18px;
}
.Free_Yoso_Movie {
	position: relative;
	width:100%;
	height:0;
	padding-top: 56.25%;
}
.Free_Yoso_Movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.Yoso_Movie_Notice {
	margin-top: 5px;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
}

/*--無料動画--*/
.freeContents__video{
	padding: 10px;
	margin-bottom: 30px;

}
.freeContents__video .Title_Sec {
	margin: 21px 10px 21px 0;
}
.freeContents__video--wrap{
	border: 1px solid #E0E0E0;
	border-radius: 4px;
	overflow: hidden;
	padding-bottom: 20px;
	margin: 10px 10px 18px;
	background-color: #fff;
	box-shadow: 0 2px 2px rgba(146, 151, 165, .5);
}
.freeContents__video--body {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin-bottom:10px;

}
.freeContents__video--body iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.freeContents__video--caption{
	color: #555;
	font-size: 88.8889%;
	font-weight: 600;
	line-height: 1.5;
	max-height: 3em;
	padding:0 10px;
	margin-bottom:10px;
	overflow: hidden;
	word-wrap: break-word;
	text-overflow: ellipsis;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}


.freeContents__video--body a img{
	width:100%;
}
.freeContents__video--yosoka{
	display:flex;
/*  justify-content:space-between;*/
align-items:center;
padding:0 10px;
}
.freeContents__video--yosoka--title{
	font-size:83.3333%;
	flex-shrink: 0;
	padding-right:30px;
}
.freeContents__video--yosoka--img{
	display:flex;
/*  justify-content:space-between; */
width: 100%;
}
.freeContents__video--yosoka--img a{
	display:block;
	text-align:center;
	margin-right:min(3%, 20px);
}
.freeContents__video--yosoka--img .YosokaImg{
	display:block;
	width:30px;
	height:30px;
	margin: auto;
	overflow:hidden;
	border-radius:50%;
}

.freeContents__video--yosoka--img .YosokaImg img{
	width:100%;
}
.freeContents__video--yosoka--img .YosokaImg + span{
	font-size:55.5556%;
	color:#444444;
	white-space: nowrap;
	font-weight:bold;
}

/*お気に入り登録・解除時のモーダル*/
#cboxWrapper #cboxLoadedContent {
	position: relative;
	margin-top: 0;
	background-color: #fff;
	border-radius: 6px;
}
#cboxWrapper #cboxClose {
	position: absolute;
	top: -15px;
	right: -10px;
	width: 40px;
	height: 40px;
	background: #fff;
	border: 3px solid #b4b2a0;
	border-radius: 50%;
}
#cboxWrapper #cboxClose::before,
#cboxWrapper #cboxClose::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 3px;
	background-color: #b5b29f;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transform-origin: center;
	transform-origin: center;
}
#cboxWrapper #cboxClose::before {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}
#cboxWrapper #cboxClose::after {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}
.Bookmark_Popup_Box .Front_Title{
	padding: 14px 40px;
	background-color: transparent;
	background-image: none;
}
.Bookmark_Popup_Box .Front_Title h2 {
	padding: 0;
	color: #777;
	font-size: 0.875rem;
	text-align: center;
	line-height: 1;
	border-left: none;
}
.Bookmark_Popup_Box {
	height: auto;
	padding-bottom: 15px;
	background: #fff;
}
.Bookmark_Popup_Box .Close_Link {
	display: block;
}
.Bookmark_Popup_Box .Horse_Group_Add input[type="text"] {
	width: 75%;
}
.Bookmark_Popup_Box .Notify_Setup table {
	width: 100%;
}
.Bookmark_Popup_Box p{
	padding:8px 16px;
	line-height:1.4em;
	font-size:0.8em;
}
.Bookmark_Popup_Box h3{
	padding:8px 0px;
	font-size:0.9em;
}
.Bookmark_Popup_Box .error_message{
	color:#cc0000;
}
.Bookmark_Popup_Box .btn_order_box {
	margin: 10px;
}
.Bookmark_Popup_Box .btn_order_box a,
.Bookmark_Popup_Box .btn_order_box input {
	display: block;
	width: 100%;
	height: 45px;
	margin: 0;
	padding: 15px;
	font-size: 0.8125rem;
	font-weight: 700;
	text-align: center;
	border: 1px solid #3251bc;
	border-radius: 7px !important;
}
.Bookmark_Popup_Box .btn_order_box .btn_order {
	color: #3251bc !important;
	background-color: #fff !important;
}
.Bookmark_Popup_Box .btn_order_box .btn_regist {
	color: #fff;
	background-color: #3251bc;
}
.Bookmark_Popup_Box .btn_order_box .btn_cancel {
	color: #777;
	background-color: #fff;
	border: 1px solid #dbdbdb;
}
.Bookmark_Popup_Box .introduction_premium {
	margin: 30px 10px 15px;
	color: #444;
	font-size: 0.875rem;
	line-height: 1.4;
}
.Bookmark_Popup_Box .Confirm_Txt {
	margin: 15px 10px;
	padding: 0;
	color: #444;
	font-size: 0.9375rem;
	line-height: 1.4;
	text-align: left;
}
.Bookmark_Popup_Box .Confirm_Txt.alignR {
	text-align: right;
}
.Bookmark_Popup_Box .btn_order{
	margin: 10px;
	color: #3251bc !important;
	background-color: #fff !important;
}
.Bookmark_Popup_Box .mb_15{
	margin-bottom:15px;
}
.Bookmark_Popup_Box .center{
	text-align:center;
}
.Bookmark_Popup_Box .alignL {
	text-align: left;
}
/*======================================
ライブコマース
======================================*/
.LiveCommerceLink_L{
	margin:0 0 18px !important;

	box-shadow: 0 2px 2px 0 rgba(146, 151, 165, .5);
}

/*======================================
ランキング
======================================*/
.RankingWrapper {
	padding: 18px 0 18px 10px;
}

.RankingWrapper .ContentsBoxRanking {
/* width: 306px;
display: inline-block;
padding: 0 10px 0 0;
vertical-align: top; */
}

/* @media only screen and (max-width: 320px) {
.RankingWrapper .ContentsBoxRanking {
width: 270px;
}
} */

.ContentsBoxRanking .PhotoThumb_01 [class*=ContentsBoxRanking_Num] {
	color: #555;
	font-family: "Arial";
	font-size: 71.43%;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 32px;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #d0d0d0)) no-repeat top left/100% 100%;
	background: linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #d0d0d0 50.5%) no-repeat top left/100% 100%;
	padding: 4px 0 0 5px;
}

.ContentsBoxRanking ul.List_01 {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
	border: none;
	background: transparent;
}

.ContentsBoxRanking ul.List_01 li {
	border-bottom: none;
/*	margin-bottom: 16px; */
display: inline-block;
width: 262px;
background: transparent;
}

.ContentsBoxRanking ul.List_01 li a {
	padding: 0;
	display: block;
}

.ContentsBoxRanking ul.List_01 li a .LinkBox_01 {
	min-height: 72px;
}

.ContentsBoxRanking .PhotoThumb_01 {
	width: 72px;
	min-height: 72px;
	position: relative;
	overflow: hidden;
	float: left;
	border-radius: 4px;
	overflow: hidden;
	background-color: #eee;
	margin-right: 6px;
}

.ContentsBoxRanking .PhotoThumb_01 img {
	width: 100%;
	max-width: 72px;
	max-height: 72px;
	vertical-align: top;
	margin: auto;
	display: block;
}

.ContentsBoxRanking .PhotoThumb_01 .ContentsBoxRanking_Num01 {
	color: #fff;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #EAB956)) no-repeat top left/100% 100%;
	background: linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #EAB956 50.5%) no-repeat top left/100% 100%;
}

.ContentsBoxRanking .PhotoThumb_01 .ContentsBoxRanking_Num02 {
	color: #fff;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #7b8592)) no-repeat top left/100% 100%;
	background: linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #7b8592 50.5%) no-repeat top left/100% 100%;
}

.ContentsBoxRanking .PhotoThumb_01 .ContentsBoxRanking_Num03 {
	color: #fff;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #d67a47)) no-repeat top left/100% 100%;
	background: linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #d67a47 50.5%) no-repeat top left/100% 100%;
}

.ContentsBoxRanking .PhotoThumb_01 [class*=ContentsBoxRanking_Number] {
	color: #fff;
	background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #7B8592)) no-repeat top left/100% 100%;
	background: linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #7B8592 50.5%) no-repeat top left/100% 100%;
}

.ContentsBoxRanking .PhotoThumb_01[class*="ContentsBoxRanking_Num"]:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	border-style: solid;
	border-width: 34px 34px 0 0;
	border-color: #d0d0d0 transparent transparent transparent;
}

.ContentsBoxRanking .PhotoThumb_01.ContentsBoxRanking_Num01:before {
	border-color: #eab956 transparent transparent transparent;
}

.ContentsBoxRanking .PhotoThumb_01.ContentsBoxRanking_Num02:before {
	border-color: #7b8592 transparent transparent transparent;
}

.ContentsBoxRanking .PhotoThumb_01.ContentsBoxRanking_Num03:before {
	border-color: #d67a47 transparent transparent transparent;
}

/*.ContentsBoxRanking span[class*="Ranking_icn"]*/
/* .ContentsBoxRanking span.Ranking_icn01,
.ContentsBoxRanking span.Ranking_icn02,
.ContentsBoxRanking span.Ranking_icn03 {
	content: "";
	display: inline-block;
	width: 20px;
	height: 17px;
	background: url(../img/icon/icon_sprite_sp_top.png?191202) no-repeat;
	background-size: 100px auto;
	background-position: 0 -23px;
	vertical-align: text-bottom;
	margin-right: 3px;
} */

/*.ContentsBoxRanking span[class*="Ranking_icn"]*/
.ContentsBoxRanking span.Ranking_icn01,
.ContentsBoxRanking span.Ranking_icn02,
.ContentsBoxRanking span.Ranking_icn03 {
	content: "";
	display: inline-block;
	width: 15px;
	height: 11px;
	background: url(../img/icon/icon_sprite_ranking.png) no-repeat;
	-webkit-background-size: 47px auto;
	-moz-background-size: 47px auto;
	background-size: 47px auto;
	background-position: 0px 0px;
	vertical-align: baseline;
	margin-right: 3px;
}

.ContentsBoxRanking span.Ranking_icn02 {
	background-position: -16px 0px;
	/* background-position: -21px -23px; */
}

.ContentsBoxRanking span.Ranking_icn03 {
	background-position: -32px 0px;
	/* background-position: -42px -23px; */
}

.Ranking_TextBox .YosokaName {
	color: #666;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 15em;
	white-space: nowrap;
}

.Ranking_TextBox .YosoStyle > span {
	color: #888;
	font-size: 61.11%;
	line-height: 1.2;
	display: block;
	margin-bottom: 11px;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 18em;
	white-space: nowrap;
}

.Ranking_TextBox .YosoStyle > strong {
	color: #444;
	display: block;
	font-size: 89%;
	font-weight: bold;
}

.Ranking_TextBox .YosoStyle .percent {
	color: #c53131;
}




/*==============================================
No.1予想 .Top_Yoso
==============================================*/
/*-- イチ押し予想家 --*/
ul.Top_YosokaList {
	padding-bottom:8px;
}
ul.Top_YosokaList li.YosokaBox {
	display: block;
	padding: 8px 8px 6px;
}
ul.Top_YosokaList li a{
	display:block;
	color:#222;
	border-radius: 3px;
	padding: 8px;
	background: #fff;
	box-shadow: 0 2px 2px rgba(146, 151, 165, .5);
	font-size:100%;
}
ul.Top_YosokaList li .YosokaPhoto01 {
	position:relative;
	width:69px;
	height:93px;
}
ul.Top_YosokaList li .YosokaPhoto01 img {
	position:absolute;
	top:0;
	left:0;
	border-radius: 8px;
	clip: rect(1px, 68px, 92px, 1px);
}
ul.Top_YosokaList li.YosokaBox .Right_Box {
	padding-left: 8px;
}
ul.Top_YosokaList li .Yosoka_HeadTitle {
	border-bottom: 1px solid #ccc;
	margin-bottom: .4em;
}
ul.Top_YosokaList li .Yosoka_HeadTitle p.Yosoka_Name span.Yoso_Style {
	font-size: 84%;
	font-weight: normal;
}
ul.Top_YosokaList li .Yosoka_HeadTitle p.Yosoka_Name {
	font-weight: bold;
	margin-bottom: .3em;
	font-size:95%;
}
ul.Top_YosokaList li .Yosoka_HeadTitle p.YosoTxt_02 {
	color: #039;
	font-size:89%;
	font-weight: bold;
	line-height: 1.2;
	padding-bottom: .3em;
}
ul.Top_YosokaList li .Yosoka_Hit_Detail p.HitTxt_02 span.Yosoka_Hit_Race {
	display:block;
	font-size: 78%;
	margin-bottom: .4em;
}
ul.Top_YosokaList li .Yosoka_Hit_Detail p.HitTxt_02 strong {
	font-size: 78%;
	color:#c00;
	display:block;
	font-weight: bold;
}

.CS_Inner_Box .PhotoThumb {
	display: table-cell;
}
.CS_Inner_Box .PhotoThumb > span {
	margin-right: 8px;
}
.Icon_CS {
	display: inline-block;
	width:84px;
	height:84px;
	background-image: url(../img/common/img_nktop_01.png);
	background-repeat:no-repeat;
	background-size:600px 300px;
	-moz-background-size:600px 300px;
	-webkit-background-size:600px 300px;
	-o-background-size:600px 300px;
	-ms-background-size:600px 300px;
	background-position: 0 0;
	border-radius: 8px;
}
.CS_Inner_Box a {
	display: table;
	width: 100%;
	background: #fff;
	padding: 8px;
}
.CS_Inner_Box .LinkTitle {
	display: table-cell;
	width: 100%;
	vertical-align: top;
}
.CS_Inner_Box .LinkTitle p.ContentCopy01 {
	background-color: #cf3f3e;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
	padding:3px 6px;
	margin-bottom:6px;
}
.CS_Inner_Box .LinkTitle h3 {
	font-size: 100%;
	font-weight: bold;
	color: #000;
	margin-bottom: 3px;
}
.CS_Inner_Box .LinkTitle p.ContentInfoTxt01 {
	font-size: 78%;
	color: #4b4b4b;
	line-height: 1.3;
}

/*
* 	ポインター
*/
ul.Top_PickUpYosokaList .slick-dots{
	text-align:center;
}
ul.Top_PickUpYosokaList .slick-dots li {
	background:#b3b3b3;
	padding:0;
}
ul.Top_PickUpYosokaList .slick-dots li.slick-active button:before {
	background:#383838;
}
/*==============================================
netkeibaTV .Top_NkTV
==============================================*/
.Icon_Category_Tv {
	background-position: -6px -873px;
	width: 37px;
}
/*---------------------------------
動画リスト .MovieList01
---------------------------------*/
.MovieList01 {
	padding-left: 10px;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
	margin-top: 8px;
	padding-bottom: 10px;
}
.MovieList01 .MovieListItem {
	width: 403px;
	display: inline-block;
	padding-top: 3px;
	vertical-align: top;
}
@media (max-width: 415px) {
	.MovieList01 .MovieListItem {
		width: 348px;
	}
}
@media (max-width: 376px) {
	.MovieList01 .MovieListItem {
		width: 315px;
	}
}
@media (max-width: 361px) {
	.MovieList01 .MovieListItem {
		width: 302px;
	}
}
@media (max-width: 321px) {
	.MovieList01 .MovieListItem {
		width: 268px;
	}
}
.MovieList01 .MovieListItem a {
	position: relative;
	display: block;
}
.MovieList01 .MovieListItem .PickupPhoto {
	margin-bottom: 10px;
	overflow: hidden;
	white-space: normal;
	border-radius: 4px;
	width: 100%;
	position: relative;
}
.MovieList01 .MovieListItem .PickupPhoto video {
	display: block;
}
.MovieList01 .MovieListItem .PickupPhotoImg {
	width: 100%;
	border-radius: 4px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
	background:#eee;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.MovieList01 .MovieListItem .PickupPhotoImg:after {
	content:"";
	display:block;
	padding-top: 56.3%;
}
.MovieList01 .MovieListItem .Mv_Time {
	color: #fff;
	font-size: 62.94%;
	line-height: 1.59;
	background: #000;
	padding: 0 4px;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.MovieList01 .MovieListItem img {
	width: 100%;
	height: auto;
	border-radius: 4px;
	vertical-align: top;
}
.MovieList01 .MovieListItem img {
	width: 100%;
	height: auto;
	border-radius: 4px;
	vertical-align: top;
}
.MovieList01 .MovieListItem + .MovieListItem {
	margin-left: 12px;
}
.MovieList01 .MovieListItem:last-child {
	margin-right: 10px;
}
.MovieListItem .MovieListTitle {
	color: #333;
	font-size: 88.89%;
	font-weight: bold;
	overflow: hidden;
	line-height: 1.5;
	position: relative;
	word-wrap: break-word;
	text-overflow: ellipsis;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 3em;
	margin-bottom: 6px;
}
.MovieList01 .MovieListItem .MovieListFoot {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.NewMovieArea .MovieList01 .MovieListItem .MovieListFoot {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.MovieListItem .MovieListFoot .MovieName,
.MovieListItem .MovieListFoot .MovieTime {
	display: block;
	color: #999;
	font-size: 61.12%;
	white-space: nowrap;
	line-height: 1.2;
}
.MovieList01 .MovieListItem .MovieListFoot .MovieName {
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
}
.MovieListItem .MovieListFoot .MovieTime {
	text-align: right;
}
.MovieContentList .Title_Sec h2 {
	color: #e3e3e3;
	font-size: 77.78%;
}
/* 無料配信中アイコン */
.Top_NkTV .FreeIcon {
	position: absolute;
	display: block;
	padding: 5px 8px;
	color: #fff;
	font-size: 0.625rem;
	font-weight: bold;
	background-color: #3251bc;
	border-radius: 4px;
}
.Top_NkTV .MovieList01 .MovieListItem .FreeIcon {
	top: 10px;
	right: 10px;
}

/*==============================================
コラム
==============================================*/

/*-- ホースマンルーム .HorsemanColumnArea --*/
.HorsemanColumnArea {

}
.HorsemanColumnArea > ul{
	padding: 8px 0 0 8px;
}
.HorsemanColumnArea > ul> li{
	width: 50%;
	float: left;
	display: block;
	margin: 0 0 8px;
}
.HorsemanColumnArea > ul> li .HorsemanColumnBox {
	display: block;
	margin-right: 8px;
	border-radius: 3px;
	background: #fff;
	box-shadow: 0 2px 2px rgba(146, 151, 165, .5);
}
.HorsemanColumnBox .HorsemanColumnPhoto {
	position: relative;
}

.HorsemanColumnBox .HorsemanColumnPhoto div.HorsemanPhotoImg{
	width: 100%;
	background-size:cover;
	background-position:top;
	background-repeat:no-repeat;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	z-index: 10;
}

.HorsemanColumnBox .HorsemanColumnPhoto div.HorsemanPhotoImg:before {
	content:"";
	display:block;
	padding-top: 56%;
/*	padding-top: 75%; */
}

.HorsemanColumnBox .HorsemanColumnPhoto span.HorsemanCategory {
	display: inline-block;
	font-size: 55.5%;
	font-weight: bold;
	text-align: center;
	color: #fff;
	border: 2px solid #fff;
	position: absolute;
	top: 6px;
	left: 6px;
	background: rgba(0,0,0,0.3);
	padding: 3px 5px;
	z-index: 20;
}
.HorsemanColumnBox .HorsemanColumnPhoto span.HorsemanTitle {
	display: inline-block;
	font-size: 66.7%;
	font-weight: bold;
	color: #fff;
	position: absolute;
	bottom: 8px;
	left: 10px;
	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);
	z-index: 20;
}

.HorsemanColumnBox .HorsemanColumnTxt {
	padding: 6px 8px 8px;
}
.HorsemanColumnBox .HorsemanColumnTxt p.HorsemanCopy{
	color: #333;
	font-size: 89%;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 4px;
	height: 2.6em;
	overflow:hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.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 dd{
	max-width: 1px; /* for text ellipsis */
}
.HorsemanColumnBox .HorsemanColumnTxt dl.HorsemanWriter dt {
	width: 38px;
}
.HorsemanColumnTxt dl.HorsemanWriter dt span.WriterPhoto {
	display: block;
	border-radius: 50%;
	overflow: hidden;
	width: 33px;
	height: 33px;
}
.HorsemanColumnTxt dl.HorsemanWriter dt span.WriterPhoto img{
	width: 33px;
	height: 33px;
}
.HorsemanColumnTxt dl.HorsemanWriter dd span.WriterName{
	display: block;
	font-size: 66.7%;
	color: #333;
	margin-bottom: 3px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	line-height: 1.2;
}
.HorsemanColumnTxt dl.HorsemanWriter dd span.WriterCategory{
	display: block;
	font-size: 55.5%;
	color: #555;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	line-height: 1.2;
}

.Top_HorseMan li.More_Page {
	border-top: 0 none;
}

/*-- netkeibaTV --*/

.MovieBox_Inner {
	padding: 8px 8px 0;
}
.MovieBox_Inner a {
	display: block;
	position: relative;
	border-radius: 3px;
	box-shadow: 0 2px 2px rgba(146, 151, 165, .5);
}
.MovieBox_Inner .MovieSamImage {}
.MovieBox_Inner .MovieSamImage .MoviePlay_icon {
	width: 70px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -60px;
	margin-left: -35px;
}
.MovieBox_Inner .MovieSamImage .MovieSam_Img {
	width: 100%;
	border-radius: 3px;
	vertical-align: bottom;
}
.MovieBox_Inner .ColumnTitle {
	width: 100%;
	padding: 6px 8px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	background-image: -moz-linear-gradient(
		center top,
		rgba(0,0,0,0) 0%,
		rgba(0,0,0,0.85) 85%);
	background-image: -o-linear-gradient(top,
		rgba(0,0,0,0) 0%,
		rgba(0,0,0,0.85) 85%);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0 , rgba(0,0,0,0)),
		color-stop(0.8 , rgba(0,0,0,0.85))
	);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000', EndColorStr='#000000')";
	background-image: linear-gradient(to bottom,
		rgba(0,0,0,0) 0%,
		rgba(0,0,0,0.85) 85%);
	position: absolute;
	bottom: 0;
}
.MovieBox_Inner .ColumnTitle > h3 {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height:22px;
	width:100%;
	max-height: 44px;
	text-shadow: 1px 1px 1px #000;
	overflow:hidden;
	text-overflow: ellipsis;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom:2px;
}
.MovieBox_Inner .ColumnTitle > p {
	color: #fff;
	font-size: 86%;
	text-align: right;
}

#TopHorsemanList,
#TopColumnRecentList {
	min-height:80px;
}


.Top_ColumnBox ul.List_01 li .LinkBox_01 h2{
	height:2.65em;
	overflow:hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.Top_ColumnBox ul.List_01 li p.Data {
	position: absolute;
	right: 0;
	bottom: 0;
}
/*==============================================
データベース
==============================================*/

/*--DB_Search--*/

.Top_DB .DB_Contents_Inner {
	padding: 8px 8px 0;
}
.DB_Search {
	display: table;
	width: 100%;
	margin-bottom: 8px;
}
.DB_Search_InputBox {
	display: table-cell;
	width: 100%;

}
.DB_Search_Input {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.DB_Select_Menu_Box,
.InputTxt_Form_Box,
.Submit_Btn_Box {
	display:table-cell;
	vertical-align:middle;
}
.DB_Select_Menu_Box {
	padding-right:4px;
}
.InputTxt_Form_Box {
	width:100%;
}

.DB_Select_Menu_Box .SelectWrap{
	position:relative;
	height: 35px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 0 ;
	width: 4.8em;
	background:#fff;
	border:1px solid #ccc;
	overflow: hidden;
}
.DB_Select_Menu_Box .SelectWrap:before{
	display:block;
	content:"\25bc";
	font-size: 10px;
	background:#fff;
	position:absolute;
	top:0;
	right:0;
	width:22px;
	line-height:34px;
	text-align:center;
}
.DB_Select_Menu_Box 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;
}
.DB_Select_Menu_Box select option{
	background: transparent;
	padding: 0 5px;
}
input[type="submit"]:hover{
	cursor: pointer;
}


/*-- 話題の注目馬 .Top_DB_PickupHorseBox --*/
.Top_DB_PickupHorseBox {}
.Top_DB_PickupHorse {}
.Top_DB_PickupHorse li {
	width:49%;
	float:left;
}
.Top_DB_PickupHorse li a {
	display: block;
	font-size: 86%;
	font-weight: bold;
	padding: 9px 0px;
	line-height: 1.2;
	background: #fff;
	overflow:hidden;
	white-space: nowrap;
}
.Top_DB_PickupHorse li:nth-child(odd) {
	margin-right: 5px;
}
.Top_DB_PickupHorse li:nth-child(-n+2) {
	padding: 0 0 6px 0;
}

/*==============================================
お気に入り馬
==============================================*/


/*==============================================
地方競馬 .Top_Local
==============================================*/
.Top_Local {

}

.Top_Local .RaceList_02 {
	padding: 8px 0 0;
	margin: 0 8px 8px;
}
.Top_Local .RaceList_02 li + li {
	margin-top: 8px;
}
.Top_Local .RaceList_02 li a {
	display: block;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 2px 2px rgba(146, 151, 165, .5);
}
.Top_Local .RaceList_02 li div {
	padding: 12px;
}
.Top_Local .RaceList_02 li div .RaceTitle {
	font-weight: bold;
	color: #333;
	margin-bottom: 8px;
	font-size:110%;
}
.Top_Local .RaceList_02 li div .RaceData {
	font-size: 74%;
	color: #333;
}
/* 本日の開催 */
.TodayLocalFacilities > ul {
	padding: 8px;
	padding-left: 0;
	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;
	width:100%;
}

.TodayLocalFacilities > ul li {
	width: 25%;
	float:left;
	padding-left: 8px;
}
.TodayLocalFacilities > ul li:nth-child(n+5) {
	margin-top: 10px;
}
.TodayLocalFacilities > ul li a{
	display: block;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 2px 2px rgba(146, 151, 165, .5);
	color: #444;
	padding: 8px 0;
	text-align: center;
	position: relative;
	overflow: hidden;
	min-height: 104px;
}

.TodayLocalFacilities > ul li a img.LocalFacilitiesLogo{
	display: block;
	width: 60%;
	margin: auto;
}
.TodayLocalFacilities > ul li a > span{
	display: block;
	font-size: 86%;
	font-weight: bold;
	text-align: center;
	padding: 6px 0 10px;
	position: relative;
}
.TodayLocalFacilities > ul li.Nighter a:after{
	content: "";
	display: inline-block;
	background: url("../img/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;
	position: absolute;
	top: 5px;
	right: 5px;
}
.TodayLocalFacilities > ul li .Race_State {
	display: inline-block;
	min-width: 64px;
	padding: 5px 0;
	background: #5c6fdf;
	border-radius: 3px;
	margin: auto;
	text-align: center;
	white-space: nowrap;
}
.TodayLocalFacilities > ul li .Race_State.RaceEnd {
	background: #b6b6b6;
}
.TodayLocalFacilities > ul li a .Race_State > span {
	text-decoration: none;
	color: #fff;
}
.TodayLocalFacilities > ul li .Race_State > span{
	display: inline-block;
	text-align: center;
	color: #fff;
	vertical-align: middle;
}
.TodayLocalFacilities > ul li .Race_State > span.RaceNum{
	font-size: 66.7%;
	font-weight: bold;
}
.TodayLocalFacilities > ul li .Race_State > span.Time{
	font-size: 55.6%;
	padding-left: 4px;
	line-height: 1.2;
}
.TodayLocalFacilities > ul li .Race_State.RaceEnd > span {
	font-size: 66.7%;
	font-weight: bold;
}
/*　地方競馬 追加　*/
.Nar_Pickup_race .Btn_List_01{
	padding: 0px 8px;
}
.Nar_Pickup_race .Btn_List_01:last-child{
	padding-bottom: 0px;
}
.Nar_Pickup_race .Btn_List_01 li{
	padding-left: 5px;
}
.Nar_Pickup_race .Btn_List_01 li:first-child{
	padding-left: 0px;
}
.Nar_Pickup_race .Btn_List_01 li a {
	color: #03a;
	font-weight: bold;
	height: 3em !important;
	font-size: 86%;
	line-height: 2em !important;
	box-shadow: 0px 1px 3px rgba(146, 151, 165,.7);
}
.Nar_Pickup_race .RaceList_02:first-child{
	margin-top: 0px;
}
.Nar_Pickup_race .RaceList_02{
	margin: 10px 8px 5px;
}
.Nar_Pickup_race .RaceList_02 li a{
	box-shadow: 0 1px 3px rgba(146, 151, 165, .5);
}
/*==============================================
エンタメ
==============================================*/

.Camp_BnrBox{
	margin-top:8px;
	padding:0 0 16px;
	background:#fff;
}
.Camp_BnrBox .slick-dots{
	text-align:center;
}
.Camp_BnrBox .slick-dots li {
	background:#b3b3b3;
}
.Camp_BnrBox .slick-dots li.slick-active button:before {
	background:#383838;
}
.Camp_BnrBox li img{
	width:100%;
}
/*MQ タブレット-PC*/
@media only screen and (min-width: 768px){
	.Camp_BnrBox{
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
}

/*
* 	ポインター
*/

.Camp_BnrBox .slick-dots{
	text-align:center;
}
.Camp_BnrBox .slick-dots li {
	background:#b3b3b3;
}
.Camp_BnrBox .slick-dots li.slick-active button:before {
	background:#383838;
}

/* -------------------------------------------------------
■コミュニティブロック .Top_Community
------------------------------------------------------- */
.Contents_Title_Community{
	width:100%;
	height:71px;
	background-image: url("../img/top/title_bg_community2.png");
	background-size:100% auto;
	-moz-background-size :100% auto;
	-webkit-background-size:100% auto;
	-o-background-size:100% auto;
	-ms-background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center center;
	margin: 0 auto;
}
.Contents_Title_Community h2 {
	padding-top:15px;
}

.Contents_Title_Community h2 span.TitleTxt_HorseCommunity{
	width:180px;
	height:43px;
	display:block;
	text-indent:-9999px;
	background: url(../img/top/img_top_02.png?20140115);
	background-repeat:no-repeat;
	background-size:400px 200px;
	-moz-background-size:400px 200px;
	-webkit-background-size:400px 200px;
	-o-background-size:400px 200px;
	-ms-background-size:400px 200px;
	background-position:0 -154px;
	margin:auto;
}

.Community_Box .Contents_Box{
	margin-bottom:5px !important;
}
.Community_Box .Contents_Box:last-child{
	margin-bottom:0 !important;
}
.Community_Box .Contents_Box .Contents_Box_Inner{
/*padding-bottom:4px;*/
}
.Community_Box .Comomn_Box{
	background-color: #fff;
	padding: 8px 8px 0;
}
.Community_Box .Common_Title_Sec h3{
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	background:#2e71bc;
}

.Community_Box ul.List_Box > li > a > .Left_Box{
	background: #ffd200;
	background-image: -moz-linear-gradient( center top,
		#fffae5 0,
		#eee6d4 100%);
	background-image: -o-linear-gradient(top,
		#fffae5 0,
		#eee6d4 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0	 ,#fffae5),
		color-stop(1 , #eee6d4));
	-ms-filter: "progid:dximagetransform.microsoft.gradient(startcolorstr='#fffae5', endcolorstr='#eee6d4')";
	vertical-align:middle;
	font-size:.85em;
	text-align:center;
}
.Baseball_Top div[class*="ContributorRanking_Box"] ul.List_Box > li > a > .Left_Box{
	padding:4px 0 0 4px;
	background:none !important;
}
.Community_Box ul.List_Box > li > a > .Left_Box > span{
	display:block;
	width:30px;
	color:#333;
}
.Community_Box ul.List_Box > li > a .Icon_Rank{
	display:none;
}
.Community_Box ul.List_Box > li > a .Rank_1,
.Community_Box ul.List_Box > li > a .Rank_2,
.Community_Box ul.List_Box > li > a .Rank_3{
	font-size:1em !important;
}
.Community_Box ul.List_Box > li > a .Rank_1 span{
	color:#846708 !important;
}
.Community_Box ul.List_Box > li > a .Rank_2 span{
	color:#355b68 !important;
}
.Community_Box ul.List_Box > li > a .Rank_3 span{
	color:#6e2408 !important;
}
.Community_Box ul.List_Box > li > a .Rank_1 .Icon_Rank,
.Community_Box ul.List_Box > li > a .Rank_2 .Icon_Rank,
.Community_Box ul.List_Box > li > a .Rank_3 .Icon_Rank{
	display:block;
	margin:0 auto;
}
.Community_Box ul.List_Box li a > .Right_Box{
	padding:3px 5px !important;
}
.Community_Box ul.List_Box li a > .Right_Box .Right_Box .Right_Box{
	padding-left:0 !important;
}
.Community_Box ul.List_Box li a > .Right_Box dt{
	line-height:1.2 !important;
}
.Community_Box ul.List_Box li a > .Right_Box dd dd{
	font-size:1.0em;
	line-height:1.1em;
}

div[class*="Ranking_Box"] ul.List_Box li {
	border:1px solid #ddd;
	border-bottom:0 none;
}
div[class*="Ranking_Box"] ul.List_Box li:first-child {
	border-top:1px solid #ddd;
}
div[class*="Ranking_Box"] ul.List_Box li:last-child {
	border-bottom:1px solid #ddd;
}
div[class*="Ranking_Box"] ul.List_Box > li{
	margin:0 !important;
}
div[class*="Ranking_Box"] ul.List_Box > li:not([class]){
	padding:2px !important;
}
div[class*="Ranking_Box"] ul.List_Box > li:not([class]) a{
	margin:0 !important;
	padding:0 !important;
}
div[class*="Ranking_Box"] ul.List_Box > li.More_Page a{
	padding-right:24px !important;
}

div[class*="BBS_Ranking_Box"] ul.List_Box > li:not([class]) a > .Left_Box,
div[class*="BBS_Ranking_Box"] ul.List_Box > li:not([class]) a > .Right_Box{
	height:60px;
}
.Community_Box ul.List_Box .Text_Width{
	width:auto;
}
@media only screen and (max-width: 320px){
	.BBS_Ranking_Box ul.List_Box .Text_Width{
		max-width:240px !important;
	}
}
@media only screen and (min-width: 321px) and (max-width: 360px){
	.BBS_Ranking_Box ul.List_Box .Text_Width{
		max-width:280px !important;
	}
}
@media only screen and (min-width: 361px) and (max-width: 480px){
	.BBS_Ranking_Box ul.List_Box .Text_Width{
		max-width:400px !important;
	}
}
@media only screen and (min-width: 481px) and (max-width: 768px){
	.BBS_Ranking_Box ul.List_Box .Text_Width{
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.BBS_Ranking_Box ul.List_Box .Text_Width{
	}
}
/*--日付*/
.DateTime{
	font-size:.8em !important;
	color:#777 !important;
	text-align:right !important;
	font-weight:normal !important;
}
.DateTime_Top{
	font-size:.7em !important;
	color:#777 !important;
	text-align:left !important;
	font-weight:normal !important;
}
/*--掲示板コメント数*/
.Res_Count{
	color:#777 !important;
	font-weight:normal !important;
}
.Txt_R em.Res_Count {
	font-size:.8em !important;
}


/* サイドボタン */
.Community_Box .Title_Sec {
	position:relative;
}
.Community_Box .Title_Sec_Btn {
	position: absolute;
	right: 8px;
	top: 3px;
}
.Community_Box .Title_Sec_Btn a {
	display: inline-block;
	color: #333;
	background: #fff;
	font-size: 100%;
	font-weight: bold;
	padding: 4px 8px 3px;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-shadow: 0px 1px 3px rgba(146, 151, 165, 0.5);
}
/* トップ調整 */
.Community_Box .RankTypeBalloon {
	display:none;
}


/*==============================================
アイコンSNS(小)
==============================================*/

.Icon_SNS_S .Icon{
	display:inline-block;
	width:12px;
	height:12px;
	margin:-4px 2px 0 0;
	vertical-align: middle;
	background: url(../img/icon/icon_ranking.png?20121220);
	background-size:150px 300px;
	-moz-background-size:150px 300px;
	-webkit-background-size:150px 300px;
	-o-background-size:150px 300px;
	-ms-background-size:150px 300px;
	background-repeat:no-repeat;
}
@media only screen and
(-webkit-min-device-pixel-ratio: 1.01) and (-webkit-max-device-pixel-ratio: 1.5) {
	.Icon_SNS_S .Icon{
		background: url(../img/icon/icon_ranking_x1.5.png?20121220);
		background-size:150px 300px;
		-moz-background-size:150px 300px;
		-webkit-background-size:150px 300px;
		-o-background-size:150px 300px;
		-ms-background-size:150px 300px;
		background-repeat:no-repeat;
	}
}
@media only screen and
(-webkit-min-device-pixel-ratio: 1.51) {
	.Icon_SNS_S .Icon{
		background: url(../img/icon/icon_ranking_x2.png?20121220);
		background-size:150px 300px;
		-moz-background-size:150px 300px;
		-webkit-background-size:150px 300px;
		-o-background-size:150px 300px;
		-ms-background-size:150px 300px;
		background-repeat:no-repeat;
	}
}
.Icon_SNS_S .Icon_Right{
	margin:-4px 0 0 2px;
}
.Icon_SNS_S .Icon_Center{
	margin:-4px 2px 0;
}
.Icon_SNS_S .Icon_Right{
	margin:-4px 0 0 2px;
}
.Icon_SNS_S .Icon_Center{
	margin:-4px 2px 0;
}

/*--ランキング金銀銅*/
/*--1位*/
.Icon_SNS_S .Icon_Rank_Gold,
.Rank_1 span.Icon_Rank{
	width:15px;
	height:13px;
	background-position: -38px -4px;
}
/*--2位*/
.Icon_SNS_S .Icon_Rank_Silver,
.Rank_2 span.Icon_Rank{
	width:15px;
	height:13px;
	background-position: -38px -19px;
}
/*--3位*/
.Icon_SNS_S .Icon_Rank_Bronze,
.Rank_3 span.Icon_Rank{
	width:15px;
	height:13px;
	background-position: -38px -34px;
}

/*=== ゲームブロック ===*/
ul.GameList_Carousel {
	padding-top:8px;
	margin: auto; /*-- 数少ない時用 --*/
}
ul.GameList_Carousel li{
	float:left;
	width:100px;
	text-align:center;
}
ul.GameList_Carousel li a{
	display:block;
}
ul.GameList_Carousel li a p.Game_Title {
	color: #4b4b4b;
	font-size: 80%;
	line-height: 1.3;
}
.Top_Game .Inner_Box{
	padding:0 0 8px;
}

/*==============================================
公式SNS
==============================================*/

.Nk_Sns {
	margin: 0 8px 18px;
}
/*.Nk_Sns ul {
box-shadow: 0 2px 6px rgba(146, 151, 165, .7);
border-radius: 5px;
}*/
.Nk_Sns ul li {
	width : -webkit-calc(100% / 6);
	width : calc(100% / 6);
	float: left;
}
/*.Nk_Sns ul li:last-child {
width: 34%;
}*/
.Nk_Sns ul li a {
	display: block;
	color: #fff;
	text-align: center;
	padding: 8px 0;
	overflow: hidden;
	white-space: nowrap;
}
.Nk_Sns ul li a > span{
	font-size: 61%;
}
.Nk_Sns ul li a:before {
	content: "";
	display: block;
	background-image: url('../img/icon/icon_social.png?180508');
	background-repeat: no-repeat;
	-webkit-background-size: 300px 29px;
	-moz-background-size: 300px 29px;
	-ms-background-size: 300px 29px;
	background-size: 300px 29px;
	margin: 0 auto;
	height: 29px;
}
.Nk_Sns ul li a.Tw:before {
	width: 35px;
	background-position: 0 0;
}
.Nk_Sns ul li a.Fb:before {
	width: 30px;
	background-position: -40px 0;
}
.Nk_Sns ul li a.Yt:before {
	width: 42px;
	background-position: -73px 0;
}
.Nk_Sns ul li a.Ig:before {
	width: 30px;
	background-position: -118px 0;
}
.Nk_Sns ul li a.Rss:before {
	width: 30px;
	background-position: -151px 0;
}
.Nk_Sns ul li a.Line:before {
	width: 31px;
	background-position: -182px 0;
}
.Tw {
	background: #56aaee;
}
.Fb {
	background: #3c579e;
}
.Yt {
	background: #cd201f;
}
.Ig {
	background: #ffffff;
	color:#333333 !important;
}
.Rss {
	background: #fb9f3b;
}
.Line {
	background: #00b800;
}
@media only screen and (min-width: 768px) {
	.Nk_Sns ul li a > span{
		display: block;
		height: 0pt;
		text-indent: 100%;
	}
	.Nk_Sns ul li a:before {
		content: "";
		display: block;
		background-image: url('../img/icon/icon_social.png');
		background-repeat: no-repeat;
		-webkit-background-size: 225px 22px;
		-moz-background-size: 225px 22px;
		-ms-background-size: 225px 22px;
		background-size: 225px 22px;
		margin: 0 auto;
		height: 22px;
	}
	.Nk_Sns ul li a.Tw:before {
		width: 27px;
		background-position: 0 0;
	}
	.Nk_Sns ul li a.Fb:before {
		width: 23px;
		background-position: -28px 0;
	}
	.Nk_Sns ul li a.Yt:before {
		width: 32px;
		background-position: -55px 0;
	}
	.Nk_Sns ul li a.Ig:before {
		width: 23px;
		background-position: -88px 0;
	}
	.Nk_Sns ul li a.Rss:before {
		width: 23px;
		background-position: -113px 0;
	}
	.Nk_Sns ul li a.Line:before {
		width: 24px;
		background-position: -135px 0;
	}
}


@media only screen and (max-width: 340px) {
	.Nk_Sns ul li a {
		padding: 12px 0;
	}
	.Nk_Sns ul li a > span{
		display: block;
		height: 0pt;
		text-indent: 100%;
	}
}
/*==============================================
バージョン切り替えボタン .VerToBackBox
==============================================*/
.VerToBackBox {
	padding: 5px;
	border-bottom: 1px solid #d9dde3;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.VerToBackBox > div {
	font-size: 1.3rem;
	line-height: 1.2;
	position: relative;
	height: 100%;
	min-height: 40px;
	padding-right: 5px;
	border: 1px solid #d9dde3;
	border-bottom-color: #cad0d8;
	border-radius: 3px;
	background-color: #fff;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding-left: 5px;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -o-flex;
	display: flex;
}
.VerToBackBox > div > p {
	padding-left: 5px;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	font-size:13px;
}
.VerToBackBox > div > a {
	padding: 5px;
	font-size:13px;
}

/*==============================================
netkeiba POG
==============================================*/

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


/*==============================================
ご意見箱
==============================================*/

.User_Opinion .User_Opinion_Form{
	margin:8px;
	background:#f5f5f5;
}
.User_Opinion .User_Opinion_Form textarea{
	width:100%;
}
.User_Opinion .User_Opinion_Form p{
	padding: 6px;
	font-size: .8em;
	line-height:1.2em;
}

/*--- バナー ---*/
.Site_Banner {
	text-align:center;
	margin:10px 8px 0 8px;
}
.Site_Banner img{
	width:100%;
}


/*==============================================
アンケート
==============================================*/
.Common_Enquete .Enquete_Intro{
	background:#fffae4;
	padding:8px;
}
.Common_Enquete .Enquete_Intro p{
	margin:0 0 8px 0;
	line-height:1.4em;
	font-size:.8em;
}
.Common_Enquete .Enquete_Intro p:last-child{
	margin:0;
}
.Common_Enquete .Enquete_Form{
	padding:8px;
	font-size:.9em;
	border-top:1px solid #ddd;
}
.Enquete_Form p{
	margin:0 0 8px;
	font-size:.8em;
	line-height:1.2em;
}
.Enquete_Box{
	margin:0 0 12px 0;
	padding:0 0 12px 0;
	border-bottom:1px dotted #ddd;
}
.Enquete_Box label{
	display:block;
	margin:0 0 8px;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.4em;
}
.Enquete_Box label strong{
	padding:1px 2px;
	font-size:.8em;
	color:#fff;
	background:#c00;
}
.Enquete_Box label em{
	font-size:.8em;
	color:#777;
}
.Enquete_Box ul li{
	margin:0 0 8px 0;
	padding:6px 2px;
}
.Enquete_Box ul li:nth-child(odd){
	background:#f1f2f3;
}
.Enquete_Box ul li:last-child{
	margin:0;
}
.Enquete_Box ul li input{
}
.Enquete_Box textarea{
	width:100%;
}
.Enquete_Form .Required{
	background:#fcecef;
	padding:4px 4px 12px 4px;
}
/*-- TOPページのアンケートリンク --*/
.Top_Enquete{
	margin:8px;
}
.Top_Enquete ul li{
	margin:8px;
}
/*-- ヘルプページ --*/
.Help_Box .Common_Btn_Group li {
	margin: 0 auto 1em;
	width: 200px;
}
.Help_Box + p.Inner_Txt:first-child {
	margin-bottom: 8px !important;
}


/*==============================================
マイページチェック
==============================================*/

.MypageCheck .Select_Btn + p{
	margin:15px 0 0;
	font-weight:bold;
}
.MypageCheck .Select_Btn{
	margin-bottom:50px;
}
.MypageCheck ul li.Btn_Color_03 a input{
	background: #e9e9e9;
	background-image: -moz-linear-gradient( center top,
		#fff 0,
		#e9e9e9 50%);
	background-image: -o-linear-gradient(top,
		#fff 0,
		#e9e9e9 50%);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0 ,#fff),
		color-stop(0.5 , #e9e9e9));
	-ms-filter: "progid:dximagetransform.microsoft.gradient(startcolorstr='#ffffff', endcolorstr='#e9e9e9')";
	-moz-box-shadow: 1px 1px 2px 0 #868686;
	-webkit-box-shadow:1px 1px 2px 0 #868686;
	-o-box-shadow: 1px 1px 2px 0 #868686;
	box-shadow:	1px 1px 2px 0 #868686;
}
.MypageCheck .Common_Btn ul li a {
	margin	:	8px 0;
}
.MypageCheck .Common_Btn ul li a input{
	min-width:220px;
	padding:0 20px;
	display:table-cell;
	height:36px;
	line-height:1.2em;
	font-weight:bold;
	vertical-align:middle;
	margin:16px auto 8px;
}

.MypageCheck .MypageInfo_Box{
	margin:0 14px 20px;
}
.MypageCheck .MypageInfo_Box a{
	padding:6px 12px 6px 6px !important;
	border:1px solid #ccc;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
	-o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
	border-radius:6px;
	color:#333 !important;
}
.MypageCheck .MypageInfo_Box a .Left_Box img{
	margin-top:-30px !important;
	margin-bottom:-10px !important;
}
.MypageCheck .MypageInfo_Box a .Right_Box{
	padding-left:6px;
}
.MypageCheck .MypageInfo_Box a .Right_Box p{
	margin-top:-20px !important;
	margin:0 !important;
	font-size:.8em !important;
	line-height	:	1.2;
	font-weight	:	bold;
	padding-right:10px;
}
.MypageCheck .Find_Guide_Box p{
	margin	:	0 8px 8px;
	font-size:.9em;
}

/*======================================
LIVE速報
======================================*/

.RaceLiveFlashBox01 {
	padding: 14px 0 9px;
	background: #f3f3f3;
}
.RaceLiveFlashBox01.LiveMode{
	min-height:146px;
	margin-bottom: 23px;
}
.RaceLiveFlashBox01.LiveMode:empty{
	display:none;
}
.RaceLiveFlashBox01 .Title_Sec {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: flex-end;
	align-items: center;
	margin: 0 10px 14px;
	padding: 0;
	font-size: 100%;
	background: transparent;
}
.RaceLiveFlashBox01 .Title_Sec h2 {
	color: #777;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.37;
	margin-right: auto;
	border: none;
	padding: 0;
}
.RaceLiveFlashBox01 .Title_BtnMore {
	display: block;
}
.RaceLiveFlashBox01 .Title_BtnMore a {
	color: #888;
	font-size: 67%;
	font-weight: bold;
	display: block;
	border-radius: 1.23em;
	background: #e7e7e7;
	line-height: 2.18;
	padding: 0 1.2em;
	margin-left: 8px;
	white-space: nowrap;
}
.RaceLiveFlashList01 {
	margin-top: -10px;
	padding: 0 9px 0 10px;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
}
.RaceLiveFlashList01 li {
	display: inline-block;
	width: 32.33%;
	width: calc(100% / 3 - 1%);
	margin-top: 10px;
	padding-right: 8px;
}
.RaceLiveFlashList01 li a {
	display: block;
	padding: 5px;
	font-weight: bold;
	border-radius: 4px;
	background: #fff;
}
.RaceLiveFlashList01 .FlashCourseLogo {
	display: block;
	margin: auto;
	width: 35px;
}
.RaceLiveFlashList01 .FlashCourseLogo > img {
	display: block;
	margin: auto;
	width: 100%;
}
.RaceLiveFlashList01 .FlashRaceData {
	display: block;
	text-align: center;
}
.RaceLiveFlashList01 .FlashRaceData > span {
	display: block;
	margin-top: 4px;
	font-size: 0.875rem;
	line-height: 1.2;
}
.RaceLiveFlashList01 .FlashRaceData > em {
	display: block;
	margin-top: 6px;
	color: #333;
	font-size: 0.8125rem;
	line-height: 1.2;
	overflow: hidden;
	white-space: nowrap;
}
.RaceLiveFlashList01 .FlashState {
	display: block;
	margin-top: 8px;
	padding: 5px 5px 4px;
	font-size: 0.75rem;
	font-weight: 700;
	text-align: center;
	background-color: #e6e6e6;
	border-radius: 3px;
}

.RaceLiveFlashList01 .Local .FlashState {
}
.RaceLiveFlashList01 .ResultFlash01 a {
	color: #c53131;
	border: 1px solid #c53131;
	position: relative;
}
.RaceLiveFlashList01 .ResultFlash01.delay a {
	color: #ff8c00;
	border: 1px solid #ff8c00;
}
.RaceLiveFlashList01 .SoonFlash01 a {
	color: #3251bc;
	border: 1px solid #3251bc;
	position: relative;
}
.RaceLiveFlashList01 .SoonFlash01 .FlashState {
	color: #333;
}


.RaceLiveFlashList01 img.Icon_Ipat {
	width: 26px;
	position: absolute;
	top: 5px;
	left: 5px;
}
@media (max-width: 350px) {
	.RaceLiveFlashList01 {
		padding-right: 2px;
	}
	.RaceLiveFlashList01 li {
		margin-top: 8px;
		padding-right: 8px;
	}
	.RaceLiveFlashList01 .FlashRaceData > span {
		font-size: 0.75rem;
	}
	.RaceLiveFlashList01 .FlashRaceData > em {
		margin-right: -2px;
		margin-left: -2px;
		font-size: 0.6875rem;
	}
	.RaceLiveFlashList01 .FlashState {
		font-size: 0.6875rem;
	}
}

/*==============================================
月額コース案内誘導 .PremiumIntroBox01
==============================================*/
.PremiumIntroBox01 {
	margin-bottom:14px;
}
.PremiumIntroBox01 a{
	display:block;
	width:320px;
	margin:auto;
}
@media only screen and (min-width: 1024px) {
	.PremiumIntroBox01 {
		padding-top:6px;
	}
}
.PremiumInfoBnr {
	margin-bottom: 18px;
	text-align: center;
}
.PremiumInfoBnr img{
	display: block;
	margin: auto;
}
/* プレミアム案内2 170412 */
.PremiumIntroBox02{
	display: block;
	background: #fff;
	padding: 0px 10px 10px;
}
.PremiumIntroBox02 .japanc_campaign_txt {
	color: #ff6f0f;
	font-size: 89%;
	line-height: 1.75;
	font-weight: bold;
	text-align: center;
}
@media only screen and (max-width: 440px){
	.PremiumIntroBox02 .japanc_campaign_txt span{
		display: block;
		text-align: center;
	}
}
.PremiumIntroBox02 a{
	display: block;
}
.PremiumIntroBox02 a p{
	position: relative;
	font-size: 78%;
	color: #7E7E7E;
	font-weight: bold;
	border: 1px solid #0A98D5;
	-webkit-border-radius:3px;
	border-radius:4px;
	font-weight: bold;
	padding: 5px 18px;
	padding-left: 37px;
/*text-align: center;*/
line-height: 1.3;
}
/*.PremiumIntroBox02 a p:after{
content: " ";
width: 10px;
height: 10px;
border-top: 2px solid #56ace9;
border-right: 2px solid #56ace9;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 11px;
margin-top: -6px;
}*/
.PremiumIntroBox02 a p svg{
	position: absolute;
	right: 9.6px;
	top: 10px;
}
.PremiumIntroBox02 a p em{
	display: inline-block;
/*font-size: 114%;*/
color: #0A98D5;
line-height: 18px;
}
.PremiumIntroBox02 a p em > span{
	position: absolute;
	display: inline-block;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	width: 20px;
	line-height: 20px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	left:9px;
	top: 4px;
	box-sizing: border-box;
	padding-left: 1px;
/*background:-webkit-linear-gradient(left top, #fff9d1 0%, #bfb79d 54%, #fff9d1 100%);
background:-moz-linear-gradient(left top, #fff9d1 0%, #bfb79d 54%, #fff9d1 100%);
background:-o-linear-gradient(left top, #fff9d1 0%, #bfb79d 54%, #fff9d1 100%);
background:linear-gradient(to right bottom, #fff9d1 0%, #bfb79d 54%, #fff9d1 100%);*/
background-color: #C1AB71;
text-align: center;
vertical-align: middle;
}
/* iphone6幅以下 */
@media only screen and (max-width: 370px) {
	.PremiumIntroBox02 a p {
		text-align: center;
	}
	.PremiumIntroBox02 a p em{
		display: block;
		text-align: center;
		margin-bottom: 4px;
	}
}
/* プレミアム案内3 190306 */
.PremiumIntroBox03 {
	display: block;
	background: #fff;
	padding: 9px 10px;
}
.PremiumIntroBox03 a {
	display: block;
}
.PremiumIntroBox03 img {
	display: block;
	width: 100%;
}

.TwoWeekTrial{
	position: relative;
	display: inline-block;
	padding: 4px 40px;
	color: #7e7e7e;
	vertical-align: middle;
	text-decoration: none;
	font-size: 74%;
	border: 1px solid #56ace9;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-weight: bold;
}
.TwoWeekTrial em{
	color: #56ace9;
	font-weight: bold;
}
.TwoWeekTrial::before,
.TwoWeekTrial::after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	vertical-align: middle;
}
.TwoWeekTrial::before{
	width: 13px;
	height: 13px;
	right: 7px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #56ace9;
}
/*==============================================
初回説明 .SlideInfoPop
==============================================*/
@media only screen and (min-width: 920px) {
	.SlideInfoPop {
		width:920px;
	}
	.SlideInfoPop > div {
		display:none;
	}
}
@media only screen and (min-width: 320px) and (max-width: 919px) {
	.SlideInfoPop {
		width:100%;
	}
}
.SlideInfoPop {
	position:relative;
	margin:0 auto;
}
.SlideInfoPop > div {
	background:#2c4ebe;
	border-radius : 6px;
	box-shadow: 3px 5px 4px rgba(0, 0, 0, .5);
	position:absolute;
	left: 50%;
	top:-10px;
	z-index:50000;
	padding:6px;
	width:150px;
}
.SlideInfoPop > div:before {
	display:block;
	content:" ";
	position:absolute;
	top:-12px;
	right:40px;
	border: 6px solid transparent;
	border-bottom: 6px solid #2c4ebe;
}
.SlideInfoPop > div p{
	color:#fff;
	z-index:50000;
	font-size: 78%;
	line-height:1.2;
}
/*==============================================
ブックス
==============================================*/
.Icon_Category_Books {
	background-position: -5px -768px;
}
#BookSlideBox a {
	outline: none;
}
#BookSlideBox a img {
	border: none;
}
.BooksList {
	visibility: hidden;
	padding: 2% 6% 0;
}
.BooksList.slick-slider {
	visibility: visible;
}
.BooksList .slick-list {
	padding: 2% 0;
}
#BookSlideBox .slick-prev,
#BookSlideBox .slick-next {
	background-color: rgba(245, 244, 241, .92);
	box-shadow: -3px 0px 3px 0px rgba(0, 0, 0, 0.2);
	height: 60px;
}
#BookSlideBox .slick-prev:before,
#BookSlideBox .slick-next:before {
	background: none;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	border-radius: 0;
	width: 12px;
	height: 12px;
	top: 50%;
}
#BookSlideBox .slick-prev:before {
	transform: translateY(-50%) rotate(225deg);
	-webkit-transform: translateY(-50%) rotate(225deg);
	left: 8px;
}
#BookSlideBox .slick-next:before {
	transform: translateY(-50%) rotate(45deg);
	-webkit-transform: translateY(-50%) rotate(45deg);
	right: 8px;
}
.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 6px;
}
.BooksImageWrap a{
	display: block;
}
.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: 94%;
}

.BooksImage01 img {
	position: relative;
	width: 100%;
	vertical-align: middle;
	pointer-events: none;
}

.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 1px 8px rgba(0,0,0,0.45);
}
.BooksImage01:after {
	width: 5%;
	left: 100%;
	background-color: #efefef;
	box-shadow: inset 0 0 3px #aaa;
	-moz-transform: perspective(100px) rotateY(20deg);
	-webkit-transform: perspective(100px) rotateY(20deg);
	transform: perspective(100px) rotateY(20deg);
}
.BookTitleMain {
	color: #222;
	font-size: 66.7%;
	font-weight: bold;
	line-height: 1.3;
	margin: 10px auto 0;
	max-height: 2.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	padding: 0 8px;
}
.slick-active .BookTitleMain {
	max-height: 2.54em;
}
/*==============================================
週刊netkeiba
==============================================*/
.WeeklyNetkeiba_Box {
	color: #666;
	background: #fff;
	padding: 14px;
	margin-bottom: 18px;
}
.WeeklyNetkeiba_Inner {
	display: table;
	width: 100%;
}
.WeeklyNetkeiba_Img {
	display: table-cell;
	padding-right: 18px;
}
.WeeklyNetkeiba_Img a {
	display: block;
}
.WeeklyNetkeiba_Img img {
	min-width: 125px;
	width: 100%;
	height: auto;
}
.WeeklyNetkeiba_Text {
	display: table-cell;
	vertical-align: top;
	width: 59%;
	position: relative;
	padding-bottom: 30px;
}
.WeeklyNetkeiba_Text p {
	color: #666;
	font-size: 72%;
	margin-bottom: 16px;
	line-height: 1.28;
}
.WeeklyNetkeiba_Title {
	color: #444;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 7px;
}
.WeeklyNetkeiba_Text .WeeklyNetkeiba_Info {
	color: #888;
	font-size: 72%;
	font-weight: bold;
}
.WeeklyNetkeiba_Text .LinkBtn_WeeklyNetkeiba {
	position: absolute;
	bottom: 0;
	margin-bottom: 18px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.LinkBtn_WeeklyNetkeiba a {
	display: block;
	color: #000;
	font-size: 72%;
	text-align: center;
/*width: 157px;*/
line-height: 2.54em;
border: 1px solid #888;
border-radius: 1.27em;
margin: 0 auto;
padding: 0 18px;
white-space: nowrap;
}

/*======================================
.Top_SnsPrArea
======================================*/
.Top_SnsPrArea {

}
.SnsInfoList {

}
.SnsInfoList > ul {

}

.SnsInfoList > ul {
/*	border-top: 1px solid #e0e0e0; */
}
.Top_SnsInfo .SnsInfoList > ul li {
	border-bottom: 1px solid #e0e0e0; 
}
.Top_SnsInfo .SnsInfoList a {
	position: relative;
	display: block;
}
.Top_SnsInfo .SnsInfoList .LinkBox_01 {
	position: relative;
	width: 100%;
	padding: 10px;
	background: #fff;
}
.Top_SnsInfo .SnsInfoList .LinkBox_01 .IconList {
	width: 45px;
	height: 45px;
	border-radius: 23px;
	overflow: hidden;
	float: left;
	background: #f0f0f0;
}
.Top_SnsInfo .SnsInfoList .LinkBox_01 .IconList i {
	display: block;
	width: 28px;
	height: 28px;
	position: relative;
	background-image: url('../img/icon/icon_sns_01.png?230905');
	background-repeat: no-repeat;
	-webkit-background-size: 130px 28px;
	background-size: 130px 28px;
	overflow: hidden;
	padding-top: 28px;
	top: 8px;
	left: 8px;
}
.Top_SnsInfo .SnsInfoList .LinkBox_01 .IconList i.Tw {
	background-position: 3.5px 0;
	background-color: transparent;
}
.Top_SnsInfo .SnsInfoList .LinkBox_01 .IconList i.Yt {
	background-position: -32px 0;
	background-color: transparent;
}
.Top_SnsInfo .SnsInfoList .LinkBox_01 .IconList i.Ig {
	background-position: -67px 0;
	background-color: transparent;
}
.Top_SnsInfo .SnsInfoList .LinkBox_01 p.SnsName,
.Top_SnsInfo .SnsInfoList .LinkBox_01 p.SnsInfo {
	margin: 0 0 0 55px;
}
.Top_SnsInfo .SnsInfoList .LinkBox_01 p.SnsName {
	font-size: 83.34%;
	font-weight: bold;
	color: #555;
	line-height: 1.3;
	margin-bottom: 1px;
}
.Top_SnsInfo .SnsInfoList .LinkBox_01 p.SnsInfo {
	font-size: 77.78%;
	color: #777;
	line-height: 1.3;
}

/*==============================================
プレミアム案内中段 .PremiumInfoBox03
==============================================*/
.PremiumInfoBox01 {
	background: #fff;
	margin-bottom: 18px;
}
.PremiumInfoBox01 > a {
	display: block;
	color: #666;
	padding: 20px 0;
}

.PremiumInfoBox01 p.PremiumInfoTxt01 {
	position: relative;
	color: #987200;
	font-size: 4.5vw;
	font-weight: bold;
	text-align: center;
}
.PremiumInfoBox01 p.PremiumInfoTxt01:before,
.PremiumInfoBox01 p.PremiumInfoTxt01:after {
	content: '';
	height: 21px;
	width: 3px;
	display: inline-block;
	background: #987200;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	vertical-align: top;
}
.PremiumInfoBox01 p.PremiumInfoTxt01:before {
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	transform: rotate(-30deg);
	margin: 0 6px 0 0;
}
.PremiumInfoBox01 p.PremiumInfoTxt01:after {
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
	margin: 0 0 0 6px;
}
.PremiumInfoBox01 ul.PremiumContent01 {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap : wrap;
	flex-wrap : wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 12px 8.97% 8px;
}
.PremiumInfoBox01 ul.PremiumContent01 li {
	font-size: 4.5vw;
	line-height: 1.4;
	font-weight: bold;
	color: #757575;
	margin-bottom: 4px;
}
.PremiumInfoBox01 ul.PremiumContent01 li:nth-child(odd) {
	width: 46%;
}
.PremiumInfoBox01 ul.PremiumContent01 li:nth-child(even) {
	width: 54%;
}

.PremiumInfoBox01 ul.PremiumContent01 li:before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 22px;
	background: url(../img/icon/icon_premium_info01.png) no-repeat;
	-webkit-background-size: 30px auto;
	-moz-background-size: 30px auto;
	background-size: 30px auto;
	vertical-align: middle;
	margin-right: 4px;
}
.PremiumInfoBox01 ul.PremiumContent01 li.PremiumContentList01:before {
	background-position: 0 1px;
}
.PremiumInfoBox01 ul.PremiumContent01 li.PremiumContentList02:before {
	background-position: 0 -29px;
}
.PremiumInfoBox01 ul.PremiumContent01 li.PremiumContentList03:before {
	background-position: 0 -64px;
}
.PremiumInfoBox01 ul.PremiumContent01 li.PremiumContentList04:before {
	background-position: 0 -98px;
}



.PremiumInfoBox01 .Premium_RegistBtn01 {
	text-align: center;
}
.PremiumInfoBox01 .Premium_RegistBtn01 span {
	display: inline-block;
	font-size: 5.867vw;
	font-weight: bold;
	line-height: 1.2;
	position: relative;
	background: #c1ab71;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 10px 40px;
	-moz-border-radius: 1.27em;
	-webkit-border-radius: 1.27em;
	border-radius: 1.27em;
}
.PremiumInfoBox01 .Premium_RegistBtn01 span strong {
	font-size: 136.4%;
}


@media only screen and (min-width: 768px) {
	.PremiumInfoBox01 p.PremiumInfoTxt01,
	.PremiumInfoBox01 ul.PremiumContent01 li {
		font-size: 18px;
	}
	.PremiumInfoBox01 .Premium_RegistBtn01 span {
		font-size: 22px;
	}
}