@charset "utf-8";
/*===========================================
データベース
netkeiba.com デザイン改修版
---------------------------------------------
目次
■共通指定
■トップページ
■競走馬詳細
■競走馬詳細 繁殖馬
■競走馬詳細　競走成績
■競走馬詳細　血統
■競走馬ランキング
============================================*/

/* =======================================================
■共通指定
　リスト
　ランキング
　プロフィール系ページ - ヘッダー
　プロフィール系ページ - ローカルナビ
　プロフィール系ページ - 基本情報（表形式）
　プロフィール系ページ - 最新情報 ニュース・コラム
　プロフィール系ページ - 最新情報 関連情報（外部サイト）
　掲示板・コメント一覧
　ページャー
　アプリでもっと見る
======================================================= */

/*---------------------------------
リスト
---------------------------------*/
/*-- PhotoThumb_03 はムービーの非活性パターン --*/

.List_01 li .PhotoThumb_01,
.List_01 li .PhotoThumb_03 {
    width: 98px;
    min-height: 73px;
    float: left;
    margin-right: 9px;
    border-radius: 4px;
    overflow: hidden;
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: relative;
}

.List_01 li .PhotoThumb_01 .VideoTime {
    position: absolute;
    right: 4px;
    bottom: 4px;
    padding: 2px 4px;
    color: #fff;
    font-size: 55.556%;
    background-color: #000;
    border-radius: 1px;
}
.List_01 li h2 {
    color: #444;
    font-size: 88.89%;
    font-weight: normal;
    word-break: break-all;
}
.List_01 li a h2 {
    font-weight: bold;
}

.List_01 li .List_TextBox {
    position: relative;
    padding: 4px 0 0 0;
}

.List_01 li .List_TextBox p {
    color: #666;
    font-size: 72.23%;
    line-height: 1.4;
}

.List_01 li + li {
    margin-top: 10px;
}
@media only screen and (max-width: 350px) {
   .List_01 li .PhotoThumb_01 {
        width: 83px;
    }
}
ul.List_01.NewsList li .PhotoThumb_01 {
    width: 97px;
    min-height: 72px;
}
.LinkBox_01 {
    display: table;
    width: 100%;
}
.LinkBox_01 .LinkBox_Item01,
.LinkBox_01 .LinkBox_Item02 {
    display: table-cell;
    vertical-align: middle;
}
.LinkBox_01 .LinkBox_Item02 {
    width: 100%;
}

.LinkBox_Footer {
    color: #888;
    font-size: 61.12%;
    text-align: right;
    margin-top: 7px;
    padding-right: 6px;
}

.LinkBox_Footer p,
.LinkBox_Footer div {
    display: inline-block;
}

.LinkBox_Footer p span.Icon_DB {
    position: relative;
    top: -2px;
    margin: 0 4px 0 7px;
}

p.TimeStump {
    margin-top: 8px;
    color: #999;
    text-align: right;
}

ul.List_01 li .PhotoThumb_02 {
    float: left;
    width: 48px;
    height: 48px;
    border-radius: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    margin-right: 9px;
}

.LinkBox_01 .KaisaiData_Pc {
	color: #C43131;
	font-size: 72.23%;
	font-weight: bold;
	margin-bottom: 6px;
}

@media only screen and (min-width:768px){
    .DB_TopRanking .Title_Sec {
        margin-top: 33px;
    }
	ul.List_01 li h2 {
		font-size: 100%;
	}
	.TopLeading ul.List_01 li h2 {
		font-size: 83.34%;
	}
	.List_01 span[class*='Ranking_icn'] {
		margin-top: -4px;
	 	position: relative;
		vertical-align: middle;
	}
	.LinkBox_01 a.LinkBox_Item02:hover {
		text-decoration: none;
	}
	.LinkBox_01 a.LinkBox_Item02:hover .Set_RaceName {
		color: #c53131;
		text-decoration: underline;
	}
	.LinkBox_01 a.LinkBox_Item01:hover,
	a:hover .LinkBox_01 .PhotoThumb_01 {
		filter: alpha(opacity=85);
		opacity: 0.85;
	}
}
/*-- レース名設定 --*
　地方競馬がフルのレース名データしか持っていないため、
　全箇所原則フルで出て来ます。
　省略が必要な箇所は最大10文字で切ります（省略記号なし）
*/
.Set_RaceName {
    display: inline-block;
    max-width: 9.95em;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 1.3;
}
@media only screen and (min-width:768px){
    .Set_RaceName {
        overflow: visible;
        max-width: none;
    }
}

/*---------------------------------
ランキング
---------------------------------*/
.RankingList ul.List_01 li + li {
    margin-top: 18px;
}

.RankingList ul.List_01 li span[class*="ContentsBoxRanking_Num"] {
	display: block;
	content: '';
	color: #555;
	font-size: 71.43%;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
	width: 39px;
	height: 39px;
	background: linear-gradient(to top left, rgba(255,255,255,0) 50%, #d0d0d0 50.5%) no-repeat top left/100% 100%;
	padding: 3px 0 0 0;
	text-align: center;
	text-indent: -12px;
	z-index: 9;
}

#Netkeiba_DB_Top .RankingList ul.List_01 li span[class*="ContentsBoxRanking_Num"] {
	width: 32px;
	height: 32px;
}

.RankingList ul.List_01 li span.ContentsBoxRanking_Num01 {
	color: #fff;
	background: linear-gradient(to top left, rgba(255,255,255,0) 50%, #b98e02 50.5%) no-repeat top left/100% 100%;
}
.RankingList ul.List_01 li span.ContentsBoxRanking_Num02 {
	color: #fff;
	background: linear-gradient(to top left, rgba(255,255,255,0) 50%, #7b8592 50.5%) no-repeat top left/100% 100%;
}
.RankingList ul.List_01 li span.ContentsBoxRanking_Num03 {
	color: #fff;
	background: linear-gradient(to top left, rgba(255,255,255,0) 50%, #d67a47 50.5%) no-repeat top left/100% 100%;
}
.RankingList ul.List_01 li .List_TextBox {
    position: relative;
    padding: 5px 19px 0 0;
}

.RankingList ul.List_01 li .List_TextBox p.Count {
	position: absolute;
	right: 0;
	bottom: 0;
	color: #999;
	font-size: 61.12%;
	text-align: right;
}
.RankingList ul.List_01 li .List_TextBox p.Count.RateStar img {
    width: 10px;
    height: 10px;
}


.RankingList ul.List_01 li .List_TextBox p.Count span {
    position: relative;
    top: -2px;
    margin-left: 4px;
}

@media only screen and (max-width: 350px) {
    .RankingList ul.List_01 li .List_TextBox p {
        font-size: 66.67%;
    }
}

@media only screen and (min-width:768px){
	.RankingList ul.List_01 li .List_TextBox p.Count {
		font-size: 72.23%;
	}

    .RankingList ul.List_01 li {
		margin-bottom: 18px;
	}
    .Ranking_main .RankingList {
        display: block;
        padding: 0;
    }
}
@media only screen and (min-width: 1025px){

	.RankingList ul.List_01 li .LinkBox_01 {
		padding-right: 10px;
	}
	.RankingList ul.List_01 li + li {
		margin-top: 0;
	}
}
/*---------------------------------
プロフィール系ページ - ヘッダー
---------------------------------*/
.ProfileHeader .Name {
    position: relative;
    padding: 13px 62px 13px 10px;
    min-height: 69px;
}

.ProfileHeader .Name h1,
.ProfileHeader .Name h2{
/*    font-size: 116.67%; */
    font-size: 105.56%;
    color: #444;
    line-height: 1.2;
}

.ProfileHeader .Name h2 > span {
    font-size: 71.43%;
}

.ProfileHeader .Name .Data span {
    display: inline-block;
    font-size: 66.67%;
    font-weight: bold;
    color: #666;
    margin-right: 6px;
    line-height: 14px;
}

.ProfileHeader .Name .Data span.label {
    position: relative;
    display: inline-block;
    font-size: 10px;
    color: #fff;
    background-color: #a2a2a2;
    font-weight: bold;
    min-width: 35px;
    height: 14px;
    line-height: 14px;
    border-radius: 14px;
    text-align: center;
    margin-left: 4px;
    padding: 0 7px;
}
.ProfileHeader .Name .Data span a{
	color: #666;
}
.ProfileHeader .Name .FavBtn {
    position: absolute;
    top: 0px;
    right: 10px;
    bottom: 0;
    margin: auto;
    height: 52px;
    font-size: 55.56%;
    color: #444;
    text-align: center;
}
.ProfileHeader .Name .FavBtn a {
	color: #444;
}
.ProfileHeader .FavBtn a i {
    display: block;
    width: 38px;
    height: 38px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .3);
    border-radius: 50%;
    margin: 0 auto 4px;
    background-color: #fff;
	position: relative;
}
.ProfileHeader .FavBtn a i::after {
	content: "";
	width: 30px;
	height: 24px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29.804 22'%3E%3Cpath d='M29.745,17.463a.473.473,0,0,0-.564-.217c-1.265.429-2.946.793-3.765.089a2.24,2.24,0,0,1-.574-.992,5.937,5.937,0,0,0-.366-.825c-.15.058-.3.112-.456.157s-.317.09-.48.124a4.066,4.066,0,0,1,.42.878,3.071,3.071,0,0,0,.84,1.372,2.616,2.616,0,0,0,1.357.589,2.74,2.74,0,0,1-2.344-.309c-.188-.183-.223-.332-.3-.734a6.531,6.531,0,0,0-.21-.857,5.39,5.39,0,0,0-.142-.88c-.071.01-.14.025-.212.033-.087.009-.175.012-.263.017s-.171.011-.258.013c-.048,0-.1.008-.144.008-.029,0-.056,0-.085,0a4.362,4.362,0,0,1,.169.988c.008.137.013.271.011.4l-.974,2.273a.482.482,0,0,0-.027.083l-.219.985-.1.315a.471.471,0,0,0-.023.188l0,.052-.269,1.209L18.2,23.443a.464.464,0,0,0-.26.275.47.47,0,0,0-.209.186l-.873,1.455h-.736l.718-1.914,1.894-1.263a.471.471,0,0,0,.085-.712,3.349,3.349,0,0,1-.591-.886,3.8,3.8,0,0,1-.089-2.729.471.471,0,0,0-.708-.54,11.368,11.368,0,0,1-3.878,1.665.458.458,0,0,0-.131-.019H11.405a.473.473,0,0,0-.382.2l-.034.047c-.136-.005-.272-.005-.407-.015a.468.468,0,0,0-.353.122,8.1,8.1,0,0,1-2.456,1.535.471.471,0,0,0-.235.672l1.64,2.874-1.044.865s0-.008,0-.012a1.233,1.233,0,0,1,.039-.712.472.472,0,0,0-.059-.435L5.7,20.721l2.7-2.162a.471.471,0,0,0,.066-.672,8.517,8.517,0,0,1-1.386-2.306.471.471,0,0,0-.237-.25,3.472,3.472,0,0,1-1.7-1.746.471.471,0,0,0-.662-.22l-2.8,1.58C1.26,14.88,1,14.737.954,14.623a.427.427,0,0,1,.068-.317l2.694-4.041a.477.477,0,0,0,.077-.209l.16-1.444.3.593a.471.471,0,0,0,.151.175l6.735,4.714a.475.475,0,0,0,.334.081,38.831,38.831,0,0,1,6.214-.344q-.2-.231-.381-.481-.162-.227-.3-.469a39.9,39.9,0,0,0-5.474.335L5.039,8.675,4.082,6.762a.472.472,0,0,0-.89.159L2.868,9.837.237,13.782a1.335,1.335,0,0,0-.17,1.161c.257.711,1.15.906,1.659.958a.477.477,0,0,0,.28-.058l2.514-1.416A4.4,4.4,0,0,0,6.281,16.1,9.466,9.466,0,0,0,6.9,17.3a9.611,9.611,0,0,0,.553.814L4.765,20.263a.471.471,0,0,0-.089.642l2.535,3.55a2.123,2.123,0,0,0,.41,1.825.474.474,0,0,0,.321.175l.048,0a.474.474,0,0,0,.3-.108l1.8-1.489a.471.471,0,0,0,.109-.6L9.928,23.8a8.52,8.52,0,0,0,4.361-.115.47.47,0,0,0,.328-.554l-.36-1.624a.471.471,0,0,0-.638-.335,4.274,4.274,0,0,1-1.145.29l1.17-1.537a11.966,11.966,0,0,0,3.368-1.251,4.45,4.45,0,0,0,.361,2.3,4.3,4.3,0,0,0,.41.71l-1.59,1.06a.473.473,0,0,0-.18.227L15,25.664a.472.472,0,0,0,.442.637H17.13a.471.471,0,0,0,.4-.229l.934-1.556.37-.164h.842a.484.484,0,0,0,.124-.016l3.574-.975a.471.471,0,0,0,.33-.582L22.661,19.06l.192-.448a1.72,1.72,0,0,0,.3.393,2.777,2.777,0,0,0,1.993.68,8.07,8.07,0,0,0,2.739-.581,6.783,6.783,0,0,0,1.745-1.048.472.472,0,0,0,.112-.593M8.96,22a.468.468,0,0,0-.028.049L8.619,21.5a9.036,9.036,0,0,0,.875-.471c.112-.069.218-.146.327-.219Zm3.586.4a5.211,5.211,0,0,0,.905-.176l.147.665a7.675,7.675,0,0,1-3.608-.043l-.133-.474,1.6-2.214q.375,0,.746-.031c.035,0,.069-.008.1-.01l-1.165,1.529a.471.471,0,0,0,.327.755,5.176,5.176,0,0,0,1.072,0m10.125.176-.6.163a.48.48,0,0,0,.026-.2l-.106-1.272.081-.365.068-.206Z' transform='translate(0 -4.458)' fill='%233251bc'/%3E%3Cpath d='M69.6,36.433a5.179,5.179,0,0,1,.366.676c.052.117.094.225.131.328a4.362,4.362,0,0,0-.169-.988c-.111,0-.22-.009-.329-.017' transform='translate(-47.728 -24.983)' fill='%233251bc'/%3E%3Cpath d='M72.748,33.967c-.013-.03-.025-.059-.038-.089-.026,0-.051.008-.077.011q.059.038.116.078' transform='translate(-49.805 -23.231)' fill='%233251bc'/%3E%3Cpath d='M55.306,8.921a5.455,5.455,0,0,0,.512.5,5.254,5.254,0,0,0,2.988,1.242l.058,0c.132.01.264.02.4.02.036,0,.07,0,.105-.005s.065,0,.1-.005c.112,0,.225-.006.336-.017.026,0,.051-.008.077-.011a5.354,5.354,0,1,0-4.963-2.21,5.4,5.4,0,0,0,.391.483m.5-4.206h2.829V2.2a.612.612,0,0,1,.01-.1.626.626,0,0,1,1.238,0,.612.612,0,0,1,.01.1V4.714h2.514a.612.612,0,0,1,.1.01.626.626,0,0,1,0,1.238.612.612,0,0,1-.1.01H59.891V8.8a.627.627,0,0,1-.557.621.607.607,0,0,1-.072.007.632.632,0,0,1-.629-.629V5.971H55.806a.629.629,0,1,1,0-1.257' transform='translate(-36.974)' fill='%233251bc'/%3E%3Cpath d='M70.121,29.739a.607.607,0,0,0,.072-.007c-.141-.043-.287-.081-.438-.112a.623.623,0,0,0,.366.119' transform='translate(-47.832 -20.311)' fill='%233251bc'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	top: 7px;
	left: 4px;
}
.ProfileHeader .FavBtn.on a i {
    background-color: #3251bc;
    box-shadow: 0 0 0;
}
.ProfileHeader .FavBtn.on a i::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29.804 22'%3E%3Cpath d='M29.745,17.463a.473.473,0,0,0-.564-.217c-1.265.429-2.946.793-3.765.089a2.24,2.24,0,0,1-.574-.992,5.937,5.937,0,0,0-.366-.825c-.15.058-.3.112-.456.157s-.317.09-.48.124a4.066,4.066,0,0,1,.42.878,3.071,3.071,0,0,0,.84,1.372,2.616,2.616,0,0,0,1.357.589,2.74,2.74,0,0,1-2.344-.309c-.188-.183-.223-.332-.3-.734a6.531,6.531,0,0,0-.21-.857,5.39,5.39,0,0,0-.142-.88c-.071.01-.14.025-.212.033-.087.009-.175.012-.263.017s-.171.011-.258.013c-.048,0-.1.008-.144.008-.029,0-.056,0-.085,0a4.362,4.362,0,0,1,.169.988c.008.137.013.271.011.4l-.974,2.273a.482.482,0,0,0-.027.083l-.219.985-.1.315a.471.471,0,0,0-.023.188l0,.052-.269,1.209L18.2,23.443a.464.464,0,0,0-.26.275.47.47,0,0,0-.209.186l-.873,1.455h-.736l.718-1.914,1.894-1.263a.471.471,0,0,0,.085-.712,3.349,3.349,0,0,1-.591-.886,3.8,3.8,0,0,1-.089-2.729.471.471,0,0,0-.708-.54,11.368,11.368,0,0,1-3.878,1.665.458.458,0,0,0-.131-.019H11.405a.473.473,0,0,0-.382.2l-.034.047c-.136-.005-.272-.005-.407-.015a.468.468,0,0,0-.353.122,8.1,8.1,0,0,1-2.456,1.535.471.471,0,0,0-.235.672l1.64,2.874-1.044.865s0-.008,0-.012a1.233,1.233,0,0,1,.039-.712.472.472,0,0,0-.059-.435L5.7,20.721l2.7-2.162a.471.471,0,0,0,.066-.672,8.517,8.517,0,0,1-1.386-2.306.471.471,0,0,0-.237-.25,3.472,3.472,0,0,1-1.7-1.746.471.471,0,0,0-.662-.22l-2.8,1.58C1.26,14.88,1,14.737.954,14.623a.427.427,0,0,1,.068-.317l2.694-4.041a.477.477,0,0,0,.077-.209l.16-1.444.3.593a.471.471,0,0,0,.151.175l6.735,4.714a.475.475,0,0,0,.334.081,38.831,38.831,0,0,1,6.214-.344q-.2-.231-.381-.481-.162-.227-.3-.469a39.9,39.9,0,0,0-5.474.335L5.039,8.675,4.082,6.762a.472.472,0,0,0-.89.159L2.868,9.837.237,13.782a1.335,1.335,0,0,0-.17,1.161c.257.711,1.15.906,1.659.958a.477.477,0,0,0,.28-.058l2.514-1.416A4.4,4.4,0,0,0,6.281,16.1,9.466,9.466,0,0,0,6.9,17.3a9.611,9.611,0,0,0,.553.814L4.765,20.263a.471.471,0,0,0-.089.642l2.535,3.55a2.123,2.123,0,0,0,.41,1.825.474.474,0,0,0,.321.175l.048,0a.474.474,0,0,0,.3-.108l1.8-1.489a.471.471,0,0,0,.109-.6L9.928,23.8a8.52,8.52,0,0,0,4.361-.115.47.47,0,0,0,.328-.554l-.36-1.624a.471.471,0,0,0-.638-.335,4.274,4.274,0,0,1-1.145.29l1.17-1.537a11.966,11.966,0,0,0,3.368-1.251,4.45,4.45,0,0,0,.361,2.3,4.3,4.3,0,0,0,.41.71l-1.59,1.06a.473.473,0,0,0-.18.227L15,25.664a.472.472,0,0,0,.442.637H17.13a.471.471,0,0,0,.4-.229l.934-1.556.37-.164h.842a.484.484,0,0,0,.124-.016l3.574-.975a.471.471,0,0,0,.33-.582L22.661,19.06l.192-.448a1.72,1.72,0,0,0,.3.393,2.777,2.777,0,0,0,1.993.68,8.07,8.07,0,0,0,2.739-.581,6.783,6.783,0,0,0,1.745-1.048.472.472,0,0,0,.112-.593M8.96,22a.468.468,0,0,0-.028.049L8.619,21.5a9.036,9.036,0,0,0,.875-.471c.112-.069.218-.146.327-.219Zm3.586.4a5.211,5.211,0,0,0,.905-.176l.147.665a7.675,7.675,0,0,1-3.608-.043l-.133-.474,1.6-2.214q.375,0,.746-.031c.035,0,.069-.008.1-.01l-1.165,1.529a.471.471,0,0,0,.327.755,5.176,5.176,0,0,0,1.072,0m10.125.176-.6.163a.48.48,0,0,0,.026-.2l-.106-1.272.081-.365.068-.206Z' transform='translate(0 -4.458)' fill='%23ffffff'/%3E%3Cpath d='M69.6,36.433a5.179,5.179,0,0,1,.366.676c.052.117.094.225.131.328a4.362,4.362,0,0,0-.169-.988c-.111,0-.22-.009-.329-.017' transform='translate(-47.728 -24.983)' fill='%23ffffff'/%3E%3Cpath d='M72.748,33.967c-.013-.03-.025-.059-.038-.089-.026,0-.051.008-.077.011q.059.038.116.078' transform='translate(-49.805 -23.231)' fill='%23ffffff'/%3E%3Cpath d='M55.306,8.921a5.455,5.455,0,0,0,.512.5,5.254,5.254,0,0,0,2.988,1.242l.058,0c.132.01.264.02.4.02.036,0,.07,0,.105-.005s.065,0,.1-.005c.112,0,.225-.006.336-.017.026,0,.051-.008.077-.011a5.354,5.354,0,1,0-4.963-2.21,5.4,5.4,0,0,0,.391.483m.5-4.206h2.829V2.2a.612.612,0,0,1,.01-.1.626.626,0,0,1,1.238,0,.612.612,0,0,1,.01.1V4.714h2.514a.612.612,0,0,1,.1.01.626.626,0,0,1,0,1.238.612.612,0,0,1-.1.01H59.891V8.8a.627.627,0,0,1-.557.621.607.607,0,0,1-.072.007.632.632,0,0,1-.629-.629V5.971H55.806a.629.629,0,1,1,0-1.257' transform='translate(-36.974)' fill='%23ffffff'/%3E%3Cpath d='M70.121,29.739a.607.607,0,0,0,.072-.007c-.141-.043-.287-.081-.438-.112a.623.623,0,0,0,.366.119' transform='translate(-47.832 -20.311)' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}
body.Classic .ProfileHeader .Name .FavBtn.on a i {
    background-color: #898326;
}
@media only screen and (min-width:768px){
	.ProfileHeader .Name {
		display:-webkit-box;
		display:flex;
		align-items: flex-end;
		padding: 0;
		min-height: auto;
		margin-bottom: 23px;
	}
	.ProfileHeader .Name h1, .ProfileHeader .Name h2 {
		font-size: 28px;
		margin-right: 10px;
		line-height: 1;
	}
	.ProfileHeader .Name .Data span {
		font-size: 15px;
		margin-right: 10px;
	}
	.ProfileHeader .Name .Data span.label {
		font-size: 12px;
		line-height: 18px;
		height: 18px;
		border-radius: 18px;
		top: -3px;
	}
    .ProfileHeader .Name .FavBtn.on a {
        background-color: #3251bc;
        color: #fff;
    }
    .ProfileHeader .FavBtn a i {
        display: inline-block;
        width: 29px;
        height: 31px;
        box-shadow: none;
        border-radius: 50%;
        background-color: transparent;
        background-position: 0 6px;
        margin: 0 6px 0 0;
        vertical-align: middle;
    }
    .ProfileHeader .FavBtn a i::after {
        width: 27px;
        height: 22px;
        top: 3px;
        left: 0;
    }
	
	.ProfileHeader .Name .FavBtn {
		position: static;
		margin: 0 0 0 auto;
		height: auto;
	}
	.ProfileHeader .Name .FavBtn a {
		display: block;
		border-radius: 31px;
		border: 1px solid #cacaca;
		background: #fff;
		width: 110px;
		font-size: 15px;
		line-height: 31px;
	}

}
/*-- お気に入り登録--*/
.Bookmark_Popup_Box {
    height: auto;
    padding-bottom: 15px;
    background: #fff;
}
/*.Popup_Box配下のFront_Titleの指定*/
.Bookmark_Popup_Box .Front_Title {
    padding: 14px 40px;
    background-color: transparent;
    background-image: none;
}
.Bookmark_Popup_Box .Front_Title h2 {
    padding: 0;
    color: #777;
    font-size: 0.875rem;
    text-align: center;
    line-height: 1;
    border-left: none;
}
.Bookmark_Popup_Box p {
    padding: 8px 16px;
    line-height: 1.4em;
    font-size: 0.8em;
}
.Bookmark_Popup_Box .btn_order_box {
    margin: 10px;
}
.Bookmark_Popup_Box .btn_order_box a {
    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: 4px;
}
.Bookmark_Popup_Box .btn_order_box .btn_order {
    color: #3251bc;
    background-color: #fff;
}
.Bookmark_Popup_Box .btn_order_box .btn_regist {
    color: #fff;
    background-color: #3251bc;
}
.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 .btn_order {
    margin: 10px;
    color: #0033aa !important;
    background-color: #fff !important;
}
/*-- Classic対応 --*/
body.Classic .ProfileHeader{
    background-color: #f7f6e2;
    background-image: url(../../img/bg_classic_header.png);
    background-size: 175px 40px;
    background-repeat: no-repeat;
    background-position: right 34px;
}

body.Classic .ProfileMenu > ul{
    background-color: #d9d6ae;
}
body.Classic .ProfileMenu > ul li a{
    background-color: #d9d6ae;
}
body.Classic .ProfileMenu ul li.Active a{
    background-color: #ffffff;
    box-shadow: 0 2px 0 0 #d9d6ae inset;
}
.ProfileHeader .Name .Data span.label.Classic,
span.label.Classic{
    font-size: 55.56%;
    color: #fff;
    background-color: #898326;
}
.ClassicRaceMovie .SlideArea{
    padding: 15px 0 0px 10px;
}
.ClassicRaceMovie ul.List_01 li{
    display:inline-block;
    margin-top: 0;
}
.ClassicRaceMovie ul.List_01 li .LinkBox_01{
    width: 320px;
}
.ClassicRaceMovie ul.List_01 li .PhotoThumb_04{
    width:160px;
    height: 100px;
    float: left;
    margin-right: 9px;
    border-radius: 4px;
    overflow: hidden;
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: relative;
}
.ClassicRaceMovie ul li .PhotoThumb_04:before {
    display: block;
    position: absolute;
    content: '';
    height: 20px;
    width: 20px;
    border: 2px solid #fff;
    border-radius: 20px;
    top: 6px;
    right: 7px;
}
.ClassicRaceMovie ul li .PhotoThumb_04:after {
    display: block;
    content: "";
    position: absolute;
    top: 12px;
    right: 8px;
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-left: 8px solid #fff;
}

@media only screen and (min-width:768px){
    body.Classic .ProfileHeader .Name .FavBtn.on a{
        background-color: #898326;
    }
	body.Classic .ProfileHeader{
		padding: 13px 10px 13px 10px;
	}
	body.Classic .ProfileHeader .Name {
		margin-bottom: 0;
	}
}
/*---------------------------------
プロフィール系ページ - ローカルナビ
---------------------------------*/
.ProfileMenu {
    position: relative;
}

.ProfileMenu > ul {
    display: table;
    width: 100%;
    background-color: #f3f3f3;
}

.ProfileMenu > ul li {
    display: table-cell;
    width: 20%;
    vertical-align: bottom;
}
.ProfileMenu > ul li:first-child {
	padding-left: 10px;
}
.ProfileMenu > ul li:last-child {
	padding-right: 10px;
}

.ProfileMenu > ul.Col6 li:nth-child(n+2) {
    width: 16%;
}

.ProfileMenu > ul li a {
    position: relative;
    font-size: 72.23%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    height: 45px;
    line-height: 1.1;
    color: #444;
    background-color: #f3f3f3;
    margin: 5px 0 0 0;
}

.ProfileMenu > ul li a.OtherBtn{
    opacity: 0;
}
.ProfileMenu > ul li a.OtherBtn:after {
    position: absolute;
    bottom: 6px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 3.5px 0 3.5px;
    border-color: #444444 transparent transparent transparent;
}

.ProfileMenu > ul li.Active a.OtherBtn:after {
    border-width: 0 3.5px 7px 3.5px;
    border-color: transparent transparent #444444 transparent;
}
.ProfileMenu > ul li.Active.other_menu a:after{
    border-width: 6px 3.5px 0 3.5px;
    border-color: #444444 transparent transparent transparent;
}
.ProfileMenu ul li.Active a {
    background-color: #fff;
    border-radius: 4px 4px 0 0;
    font-weight: bold;
}

.ProfileMenu .ProfileMenuBody {
    position: absolute;
    width: 100%;
    padding: 0 10px 5px;
    background-color: #fff;
    border-bottom: 1px solid #cecece;
    z-index: 9000;
}
@media only screen and (min-width:768px){
	.ProfileMenu > ul li a,
	.ProfileMenu ul li.Active a {
		font-size: 17px;
	}
}
.MenuBox dl dt {
    position: relative;
    margin-top: 14px;
    height: 13px;
    text-align: center;
    border-top: 1px solid #cecece;
}
.MenuBox dl dt span {
    position: relative;
    top: -13px;
    display: inline-block;
    min-width: 65px;
    padding: 0 2px;
    margin: auto;
    font-size: 61.11%;
    font-weight: bold;
    background-color: #fff;
}
.MenuBox dl dd {
    padding-bottom: 4px;
}
.MenuBox ul {
    margin-right: -8px;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}
.Text_lowercase {
    text-transform: lowercase;
}
.SubTitle h3  {
    font-size: 15px;
}
.Title_Sec {
    margin: 21px 10px 21px; 
}
@media only screen and (min-width: 768px){
    .Title_Sec {
        display: flex;
        margin: 21px 0 21px;
    }
.Title_Sec h1, .Title_Sec h2, .Title_Sec h3 {
    color: #444;
}
.SubTitle h2, .SubTitle h3 {
    color: #444;
    font-size: 15px;
}
.Title_BtnMore a:hover {
    text-decoration: none;
    background: #f3f3f3;
}
.LinkBtn_03 a:hover {
    background: #f9f9f9;
}
}
/*---------------------------------
プロフィール系ページ - 基本情報（表形式）
---------------------------------*/
.ProfileDataTable {
    position: relative;
    padding: 0 10px;
}
.ProfileDataTable.HorseDataTable02 {
    padding: 0;
}
.ProfileDataTable table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 10px 0 0;
    border-bottom: 1px solid #cacaca;
}
.ProfileDataTable table + table {
	margin-top: 0;
}
.ProfileDataTable table + table tr:first-child {
	border-top: none;
}
.ProfileDataTable.HorseDataTable table tr:nth-child(n+10) {
	display: none;
}
.ProfileDataTable.HorseDataTable table + table {
	display: none;
}
.ProfileDataTable table tr {
    border-top: 1px solid #cacaca;
}
.ProfileDataTable table tr th {
    width: 86px;
    height: 45px;
    font-size: 66.67%;
    line-height: 1.1;
    color: #666;
    vertical-align: middle;
    background-color: #e7e7e7;
}
.ProfileDataTable table tr td {
    color: #666;
    font-size: 83.34%;
    vertical-align: middle;
    padding: 7px 13px;
    line-height: 1.4;
}
.ProfileDataTable table tr td a {
    color: #0033aa;
}
.ProfileDataTable table tr td .RateStar {
    position: relative;
    top: 1px;
    display: inline-block;
    margin-right: 6px;
}
.ProfileDataTable table tr td .RateStar img {
    width: 15px;
    height: 15px;
}
.ProfileDataTable .Blind {
    width: 100%;
}

@media only screen and (min-width:768px){
   
	.ProfileDataTable {
		display: flex;
		align-items: flex-start;
		padding: 0;
	}
	.ProfileDataTable table {
	}
	.ProfileDataTable table + table {
		display: table !important;
	}
	.ProfileDataTable table + table tr:first-child {
		border-top: 1px solid #cacaca;
	}
	.ProfileDataTable.HorseDataTable table tr:nth-child(n+8) {
		display: table-row;
	}
	.ProfileDataTable.HorseDataTable table + table,
	.ProfileDataTable.HorseDataTable02 table + table {
		display: table;
		margin: 10px 0 0 20px;
	}
	.ProfileDataDetail .MoreReadBtn {
		display: none !important;
	}

}
/*---------------------------------
プロフィール系ページ - 最新情報 ニュース・コラム
---------------------------------*/
.ProfileNews {
    padding: 0 10px;
}

.ProfileNews .List_01 li .LinkBox_01 h2 {
    padding-top: 0;
    overflow: hidden;
    line-height: 1.3em;
    position: relative;
    word-wrap: break-word;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 2.5em;
}

.ProfileNews .List_01 li .LinkBox_01 .LinkBox_Footer p.ContentsType {
    float: left;
    margin-top: 8px;
}

@media only screen and (max-width: 350px) {
    .ProfileNews .List_01 li .LinkBox_01 .LinkBox_Footer p.ContentsType {
        display: none;
    }
}

/*---------------------------------
プロフィール系ページ - 最新情報 関連情報（外部サイト）
---------------------------------*/
.ProfileNewsRelated {
    padding: 0 10px;
}

.ProfileNewsRelated .RelatedList li + li {
    margin-top: 25px;
}

.ProfileNewsRelated .RelatedList li .LinkBox_01 h2 {
    padding-top: 0;
    overflow: hidden;
    line-height: 1.3em;
    position: relative;
    word-wrap: break-word;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 2.5em;
}

.ProfileNewsRelated .RelatedList li .MediaInfo ul {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.ProfileNewsRelated .RelatedList li .MediaInfo ul li {
    display: table-cell;
}

.ProfileNewsRelated .RelatedList li .MediaInfo ul li.Label {
    width: 53px;
}

.ProfileNewsRelated .RelatedList li .MediaInfo ul li.Label span {
    display: inline-block;
    width: 100%;
    height: 12px;
    line-height: 12px;
    font-size: 55.56%;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    background-color: #666666;
}

.ProfileNewsRelated .RelatedList li .MediaInfo ul li.Label.twitter span {
    background-color: #5492d3;
}

.ProfileNewsRelated .RelatedList li .MediaInfo ul li.Label.blog span {
    background-color: #5c896d;
}

.ProfileNewsRelated .RelatedList li .MediaInfo ul li.Label.news span {
    background-color: #666666;
}

.ProfileNewsRelated .RelatedList li .MediaInfo ul li.Name {
    width: 70%;
    width: calc(100% - 53px - 52px);
}

.ProfileNewsRelated .RelatedList li .MediaInfo ul li.Name span {
    width: 100%;
    font-size: 61.11%;
    color: #999999;
    padding: 0 11px;
    line-height: 1.2;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.ProfileNewsRelated .RelatedList li .MediaInfo ul li.Time {
    width: 52px;
    text-align: right;
}

.ProfileNewsRelated .RelatedList li .MediaInfo ul li.Time span {
    font-size: 61.11%;
    color: #999999;
}

/*---------------------------------
ページャー
20190507 ikegami
　htmlがphpでの吐き出しのため古いものを成形しています。
　修正可能であればhtmlごと修正してください。
---------------------------------*/
.Common_Pager{
	padding:8px 8px 10px;
}
.Common_Pager ul{
	display:table;
	margin: 0 auto;
	padding:0;
    max-width: none;
}
.Common_Pager ul + ul {
	margin-top: 4px;
}
.Common_Pager ul li{
	display:table-cell;
	width:36px;
	font-size:.65em;
	vertical-align:top;
	background: #fff;
	height: 25px;
	text-align: center;	
    border: none;
}
.Common_Pager ul li:first-child{
	width:54px;
}
.Common_Pager ul li:first-child,
.Common_Pager ul li:first-child a,
.Common_Pager ul li:first-child div{
	border-top-left-radius: 2px 2px;
	border-bottom-left-radius: 2px 2px;
}
.Common_Pager ul li:last-child{
	width:54px;
	border: none;
}
.Common_Pager ul li:first-child div,
.Common_Pager ul li:last-child div {
    color: #999
}
.Common_Pager ul li.Page_Active{
	height: 40px;
    background:none;
    border: none;
}
.Common_Pager ul li:last-child,
.Common_Pager ul li:last-child a,
.Common_Pager ul li:last-child div{
	border-bottom-right-radius : 2px 2px;
	border-top-right-radius : 2px 2px;
    
}
.Common_Pager ul li a,
.Common_Pager ul li div{
	display:block;
	height:32px;
	line-height: 32px;
	font-weight:bold;
	text-align:center;
	color:#c0bbbb;
	position: relative;
	padding:0 7px;
	margin:0;
    background:none;
    border: none;
}
.Common_Pager ul li.Page_Active div{
	color:#555151;
	box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px;
	color: #6d6d6d;
	font-weight: bold;
	display: inline-block;
	padding:0 9px;
	line-height: 25px;
    background:none;
    border: none;
}

.Common_Pager .Icon_Umasta_S .Icon_GrayTriangle_Right{
	margin: -4px 0 0 2px;
}

body .Abroad .Common_Pager{
	padding: 8px 8px 80px;
}

.Icon_SNS_S .Icon {
	margin: -2px 0px 0 2px;
}

.Icon_SNS_S .Icon{
	display:inline-block ; 
	width:12px ;
	height:12px ;
	margin:-3px 2px 0 0 ;
	vertical-align: middle ;
	background-image: url(../../img/icon/icon_sp_sns.png) ;
	background-size:108px 324px ;
	-moz-background-size:108px 324px ;
	-webkit-background-size:108px 324px ;
	-o-background-size:108px 324px ;
	-ms-background-size:108px 324px ;
	background-repeat:no-repeat ;
}
@media only screen and
	(-webkit-min-device-pixel-ratio: 1.5) {
	.Icon_SNS_S .Icon{
		background: url(../../img/icon/icon_sp_sns_x2.png);
	background-size:108px 324px;
	-moz-background-size:108px 324px;
	-webkit-background-size:108px 324px;
	-o-background-size:108px 324px;
	-ms-background-size:108px 324px;
	background-repeat:no-repeat;
	}
}
@media only screen and
	(-webkit-min-device-pixel-ratio: 2) {
	.Icon_SNS_S .Icon{
		background: url(../../img/icon/icon_sp_sns_x2.png);
	background-size:108px 324px;
	-moz-background-size:108px 324px;
	-webkit-background-size:108px 324px;
	-o-background-size:108px 324px;
	-ms-background-size:108px 324px;
	background-repeat:no-repeat;
	}
}


.Icon_SNS_S .Icon_GrayTriangle_Left{
	background-position:-36px -108px;
}

.Icon_SNS_S .Icon_GrayTriangle_Right{
	background-position:-36px -133px;
}

.Icon_SNS_S .Icon_GrayTriangle_Up{
	background-position:-36px -156px;
}
/*--End Css Common pager--*/

span.CSS3_Icon_TriangleLeft:before {
    content: "";
    display: block;
    position: absolute;
    left: -3px;
    top:0;
    bottom: 0;
    width: 0;
    height: 0;
    margin:auto;
    border-right: 8px solid #ccc;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}
span.CSS3_Icon_TriangleRight:before {
    content: "";
    display: block;
    position: absolute;
    right: -3px;
    top:0;
    bottom: 0;
    width: 0;
    height: 0;
    margin:auto;
    border-left: 8px solid #ccc;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}
/*---------------------------------
データベースメニュー
---------------------------------*/
/*.DBMenu .MenuBox, */
.DBLocalMenu .MenuBox {
	padding: 0 10px;
}

.DBLocalMenu .MenuBox ul.Btn_List_01 {
	display: flex;
	justify-content: center;
}
.DBLocalMenu .Title_Sec h2 {
    text-transform: uppercase;
}
#Netkeiba_DB_Top .Side_Column .DBMenu {
	display: none;
}
@media only screen and (min-width:768px){
	.DBMenu .MenuBox,
	.DBLocalMenu .MenuBox {
		padding: 0;
	}
	.Side_Column .DBLocalMenu:not(.LeadingMenu) {
		display: none;
	}
	#Netkeiba_DB_Top .Side_Column .DBMenu {
		display: block;
	}
	#Netkeiba_DB_Top .Main_Column .DBMenu {
		display: none;
	}
}
/*---------------------------------
データなし
---------------------------------*/
.NoData,
.EmptyMessage{
    padding: 20px;

    font-size:77.78%;
}
/*---------------------------------
関連ニュース
---------------------------------*/
.Contents_Box.ProfileNewsList {
	padding: 0 10px 21px;
}
.Content_text {
	width:100%;
}
.Content_MainText {
	display: none;
}
.Content_FooterTxt {
	color: #888;
	font-size: 55.56%;
	text-align: right;
}
.NewsNewsRankList ul.List_01 li .LinkBox_01 h2 {
	font-size: 89%;
	color: #444;
	overflow: hidden;
	line-height: 1.38em;
	position: relative;
	word-wrap: break-word;
	text-overflow: ellipsis;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 2.76em;
	word-break: normal;
	margin-bottom: 12px;
}
.NewsNewsRankList ul.List_01 li {
	margin-bottom: 13px;
}
.NewsNewsRankList a.NewsViewLink {
	display: block;
}
.NewsNewsRankList a.NewsViewLink:hover {
	text-decoration: none;
}
@media only screen and (min-width:768px){
	.NewsNewsRankList ul.List_01 li a.NewsViewLink:hover .LinkBox_01 h2{
		color: #c53131;
		text-decoration: underline;
	}
}
/* =======================================================
■トップページ
　検索
　ランキング
　リーディング
　競走馬写真
======================================================= */
/*---------------------------------
検索
---------------------------------*/
.HorseSearchArea {
    position: relative;
    padding: 18px 10px 10px 10px;

}

.HorseSearchArea .SearchForm {
    margin: 0px 0 11px;
    display: table;
    width: 100%;
    border: 1px solid #dedede;
    border-radius: 4px;
}

.HorseSearchArea .SearchForm > div {
    display: table-cell;
    vertical-align: middle;
}

.HorseSearchArea .SearchForm .SelectForm {
    position: relative;
    width: 102px;
    border-right: 1px solid #dedede;
}

.HorseSearchArea .SearchForm .SelectForm:before {
    display: block;
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 3.5px 0 3.5px;
    border-color: #666666 transparent transparent transparent;
    top: 0;
    bottom: 0;
    right: 9px;
    margin: auto;
}

.HorseSearchArea .SearchForm .BtnForm {
    position: relative;
    width: 39px;
}

.HorseSearchArea .SearchForm .BtnForm:before {
    position: absolute;
    display: block;
    content: '';
    width: 39px;
    height: 35px;
    background: #fff url(../../img/icon/icon_search01_new.png) no-repeat;
    background-position: center;
    background-size: 16px 16px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    left: 0;
    right: 1px;
    top: 0;
    bottom: 0;
    margin: auto;
    border: none;
    outline: none;
	border-radius: 4px;
}

.HorseSearchArea .SelectForm select {
	position: absolute;
	top: 0;
    color: #666;
    font-size: 83.34%;
    font-weight: bold;
    height: 37px;
    width: 100px;
    text-align: center;
    border: none;
    padding-left: 15px;
    z-index: 1;
}

.HorseSearchArea input {
    position: relative;
    border: none;
    width: 100%;
    height: 37px;
    padding:0 8px;
    z-index: 10;
}
.HorseSearchArea .BtnForm input {
    background: transparent;
    cursor: pointer;
}
.HorseSearchArea input:placeholder-shown,
.HorseSearchArea input::placeholder {
    color: #c9c9c9;
    font-size: 88.89%;
    font-weight: bold;
}

.HorseSearchArea .DetailSearch h3 {
    margin-bottom: 6px;
}

/*---------------------------------
ランキング
---------------------------------*/
.HorseDB_Ranking .Title_Sec02,
.HorseDB_Ranking .Tab_RankingSelect,
.HorseDB_Ranking .RankingList {
	position: relative;
	padding: 0 10px;
}
.HorseDB_Ranking .SubTitle {
	display: none;
}
.HorseDB_Ranking span[class^='Barn'] {
	top: -1px;
}
@media only screen and (min-width:768px){
	#Netkeiba_DB_Top .Tab_RankingSelect,
	.HorseDB_Ranking_ListInner .LinkBtn_03 {
		display: none;
	}
	.HorseDB_Ranking .RankingList {
		display: flex;
		justify-content: space-between;
	}
	.RankingList .HorseDB_Ranking_ListInner  {
		width: 49%;
		width: calc( 50% - 10px );
	}
	.RankingList a:hover {
		text-decoration: none;
	}
	.RankingList a:hover .LinkBox_01 h2,
	.RankingList a:hover .LinkBox_01 .LinkBox_Item02 h2 {
		color: #c53131;
		text-decoration: underline;
	}
}
/*---------------------------------
リーディング
---------------------------------*/
.Leading {
	margin-bottom: 23px;
}
.TopLeading .Title_Sec em {
	font-size: 72.23%;
	font-weight: normal;
}

@media only screen and (min-width: 1025px){
	.TopLeading .SlideArea {
		position: flex;
		overflow: visible;
		white-space: normal;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.TopLeading .SlideArea .ContentsBox_Ranking  {
		width: 49%;
		width: calc( 100% / 2 - 10px );
	}
	.SlideArea .ContentsBox_Ranking .List_01 .PhotoThumb_01 {
		width: 60px;
		height: 60px;
	}
	.SlideArea .ContentsBox_Ranking .List_01 h2 {
		padding: 0;
	}
	.TopLeading .SlideArea .ContentsBox_Ranking:nth-child(n + 4) {
		margin-top: 40px;
	}
}
@media only screen and (min-width: 1250px){
	.TopLeading .SlideArea .ContentsBox_Ranking  {
		width: 32%;
		width: calc( 100% / 3 - 10px );
	}
}
/*---------------------------------
競走馬写真
---------------------------------*/
/*
.HorsePhotoList ul.PhotoList {
    text-align: center;
    font-size: 0;
}
.HorsePhotoList ul.PhotoList li {
    position: relative;
    display: inline-block;
    width: 33%;
    width: calc(100% / 3);
    width: -webkit-calc(100% / 3);
}
.HorsePhotoList ul.PhotoList li a {
    position: relative;
    display: block;
    padding-top: 100%;
}
.HorsePhotoList ul.PhotoList li a div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
*/
.HorsePhotoList .Title_Sec em {
	display: block;
	font-size: 72.23%;
	font-weight: normal;
}
.HorsePhotoList .Title_SideCount{
	font-weight: bold;
	font-size: 77.78%;
	text-align: right;
	white-space: nowrap;
}

@media only screen and (min-width:768px){
    .HorsePhoto_GridList > li {
        width: calc((100% - 4px) / 5);
    }
	.HorsePhotoList .Title_Sec em {
		display: inline;
	}
	 .HorsePhoto_GridList > li:nth-child(n+6) {
		display: none;
	}
}

/* =======================================================
■競走馬詳細
　カルーセル
　競走馬詳細情報
　関連動画
　競走馬メニュー　データベースメニュー
■競走馬詳細 繁殖馬
======================================================= */
/*---------------------------------
カルーセル
---------------------------------*/
.HorsePhotoCarousel {
    position: relative;
}
.HorsePhotoCarousel ul.SliderBody {
    padding: 10px 0;
    height: 190px;
    overflow: hidden;
    background-color: #000;
}
.HorsePhotoCarousel ul.SliderBody li {
}

.HorsePhotoCarousel ul.SliderBody .PhotoDetail {
    position: relative;
    height: 170px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.HorsePhotoCarousel ul.SliderBody .UploadUser {
    position: absolute;
    bottom: 7px;
    left: 7px;
    display: flex;
    align-items: center;
}
.HorsePhotoCarousel ul.SliderBody .UploadUser_Avatar {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 50%;
}
.HorsePhotoCarousel ul.SliderBody .UploadUser_Name {
    padding-left: 6px;
    color: #fff;
    font-size: 55.55%;
    font-weight: 700;
}

.HorsePhotoCarousel ul.SliderBody li.LastImage a {
    position: relative;
    display: block;
}

.HorsePhotoCarousel ul.SliderBody li.LastImage a:before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9;
}

.HorsePhotoCarousel ul.SliderBody li.LastImage .PhotoDetail .LeadToPhotoList {
    display: block;
    position: absolute;
    font-size: 77.78%;
    color: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 1em;
    text-align: center;
    padding-right: 1em;
    z-index: 10;
}

.HorsePhotoCarousel ul.SliderBody li.LastImage .PhotoDetail .LeadToPhotoList:after {
    position: relative;
    top: -1px;
    left: 2px;
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-140deg);
    -moz-transform: rotate(-140deg);
    -webkit-transform: rotate(-140deg);
}
@media only screen and (min-width:768px){
	.HorsePhotoCarousel ul.SliderBody {
		height: 220px;
		padding: 20px 20px 20px 10px;
	}
	.HorsePhotoCarousel ul.SliderBody .PhotoDetail {
		height: 180px;
	}
	.HorsePhotoCarousel ul.SliderBody li {
		margin-left: 10px;
	}
	.HorsePhotoCarousel .slick-prev, .HorsePhotoCarousel .slick-next {
		width: 40px;
		height: 40px;
	}
	.HorsePhotoCarousel .slick-prev:before,
	.HorsePhotoCarousel .slick-next:before {
		top: 13px;
		width: 15px;
		height: 15px;
		border-top: 3px solid #fff;
		border-right: 3px solid #fff;
		border-radius: 1px;
		background: none;
		-webkit-font-smoothing:antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.HorsePhotoCarousel .slick-prev:before {
		left: 15px;
	}
	.HorsePhotoCarousel .slick-next:before {
		right: 17px;
	}
}

/*-- ポップアップ 写真詳細　--*/
#PhotoDetailPop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    background-color: #fff;
    overflow-y: scroll;
}
/*-- 写真がない時　--*/
.HorsePhotoCarousel .NoPhotoImage{
    position: absolute;
    text-align:center;
    width:100%;
    height: 100%;
    top:0;
    left:0;
    padding:8px 10px;
}
.HorsePhotoCarousel .NoPhotoImage a{
    display: block;
    height: 100%;
    padding-top: 17px;
    color: #939393;
    line-height: 1.8;
    background: #404040;
}
.HorsePhotoCarousel .NoPhotoImage a em{
    font-weight: bold;
}
.HorsePhotoCarousel .NoPhotoImage a p{
    font-size:88.89%;
}
.HorsePhotoCarousel .NoPhotoImage a:before{
    display:block;
    content:'';
    margin:0 auto 16px;
    background: url("../../img/bg_NoPhoto_Horse.png");
    -webkit-background-size: 60px 60px;
    -moz-background-size:  60px 60px;
    -ms-background-size:  60px 60px;
    background-size:  60px 60px;
    width: 60px;
    height: 60px;
}


.HorsePhotoCarousel .NoPhotoImage .TextNoPhotoImage{
    display: block;
    height: 100%;
    padding-top: 17px;
    color: #939393;
    line-height: 1.8;
    background: #404040;
    text-decoration: none;
    cursor: unset;
}
.HorsePhotoCarousel .NoPhotoImage .TextNoPhotoImage em{
    font-weight: bold;
}
.HorsePhotoCarousel .NoPhotoImage .TextNoPhotoImage p{
    font-size:88.89%;
}
.HorsePhotoCarousel .NoPhotoImage .TextNoPhotoImage:before{
    display:block;
    content:'';
    margin:0 auto 16px;
    background: url("../../img/bg_NoPhoto_Horse.png");
    -webkit-background-size: 60px 60px;
    -moz-background-size:  60px 60px;
    -ms-background-size:  60px 60px;
    background-size:  60px 60px;
    width: 60px;
    height: 60px;
}
/*---------------------------------
競走馬詳細情報 (共通スタイルを拡張)
---------------------------------*/
.ProfileDataTable.HorseDataTable table tr th.Sire {
    color: #fff;
    background-color: #639fdc;
}

.ProfileDataTable.HorseDataTable table tr th.Dam {
    color: #fff;
    background-color: #d0788c;
}

.ProfileDataTable.HorseDataTable table tr td.Sire {
    background-color: #d1e0ee;
}

.ProfileDataTable.HorseDataTable table tr td.Dam {
    background-color: #f3dfe3;
}

.ProfileDataTable.HorseDataTable table tr td a {
    font-weight: bold;
}

.ProfileDataTable.HorseDataTable table tr td.Dam p {
    font-size: 66.67%;
}

.ProfileDataTable.HorseDataTable table tr td.Dam p a {
    font-weight: bold;
}

.ProfileDataTable.HorseDataTable table tr td.Owner a img {
    position: relative;
    top: 2px;
    width: 24px;
    margin-right: 5px;
}

/*---------------------------------
競走成績
　直近のレース成績
---------------------------------*/
.RaceResults .RaceEntry {
    display: block;
    font-size: 88.89%;
    color: #fff;
    font-weight: bold;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 4px;
    margin: 0 0 20px;
}
@media only screen and (min-width:768px){
	.RaceResults .RaceEntry {
		max-width: 500px;
		margin: 0 auto 20px;
	}
}

.RaceResults .Next_Comment {
    height: auto;
    padding: 5px 20px;
    line-height: 1.6;
}
.RaceResults .Next_Comment p {
    line-height: 1.6;
}
.RaceResults .RaceEntry a {
    display: block;
    color: #fff;
    height: 45px;
    text-align:center;
}
.RaceResults .RaceEntry a p {
    display: -webkit-box;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
}
.RaceResults .RaceEntry a p > *{
    display: inline-block;
}
.RaceResults .RaceEntry a img{
    width: 30px;
    height: 30px;
    margin-right: 8px;
}
.RaceResults .RaceEntry a .RaceName {
    display: inline-block;
    max-width: 9.95em;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: text-bottom;
}
@media only screen and (max-width: 350px) {
    .RaceResults .RaceEntry a {
        padding-left: 35px;
        font-size: 87.5%;
    }
}
.RaceResults.Sire .RaceEntry a {
    background-image: none;
    padding-left: 0;
}
.RaceResults .RaceEntry a span.Grade {
    font-weight: normal;
    padding-left: 4px;
}
.RaceResults .RaceEntry.expect {
    background-color: #3251bc;
}
.RaceResults .RaceEntry.entered {
    background-color: #fa555b;
}
.RaceResults .ResultsDetail {
    margin-bottom: 38px;
}

.RaceResults .ResultsDetail table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.RaceResults .ResultsDetail table tr {
    border-top: 1px solid #cacaca;
}

.RaceResults .ResultsDetail table tr:last-child {
    border-bottom: 1px solid #cacaca;
}

.RaceResults .ResultsDetail table tr th {
    width: 86px;
    height: 45px;
    font-size: 66.67%;
    color: #666;
    vertical-align: middle;
    line-height: 1.4;
    background-color: #e7e7e7;
}

.RaceResults .ResultsDetail table tr td {
    color: #666;
    font-size: 83.33%;
    vertical-align: middle;
    padding: 7px 13px;
    line-height: 1.4;
}
.RaceResults .ResultsDetail table tr td a{
    font-weight: bold;
}
/*-- 直近のレース成績 簡易表示 --*/

.HorseResultDetail .RaceResults .ResultsDetail {
}
.RaceResults .ResultsList {
}
.RaceResults .SubTitle .Title_Btn {
	position: absolute;
	top: 0;
	right: 0;
}
.RaceResults .SubTitle .Title_Btn > a {
	border:1px solid #c9c9c9;
	border-radius: 4px;
	color: #444;
	font-size: 72.23%;
	font-weight: bold;
	padding: 0px 12px;
}
.Title_Btn span.Icon_DB {
    position: relative;
    top: -1px;
    margin-right: 8px;
}

.RaceResults .ResultsList ul.simple li .LinkBox_01 {
}
.RaceResults .ResultsList ul.simple li .PhotoThumb_01.movie:before {
    display: block;
    position: absolute;
    content: '';
    height: 20px;
    width: 20px;
    border: 2px solid #fff;
    border-radius: 20px;
    top: 6px;
    right: 7px;
}

.RaceResults .ResultsList ul.simple li .PhotoThumb_01.movie:after {
    display: block;
    content: "";
    position: absolute;
    top: 11px;
    right: 7px;
    width: 0px;
    height: 0px;
    border: 5px solid transparent;
    border-left: 7px solid #fff;
}

.RaceResults .ResultsList ul.simple li .LinkBox_01 h2 span.Icon_GradeType {
    position: relative;
    top: 2px;
    margin-left: 8px;
    font-size: 12px;
}

.RaceResults .ResultsList ul.simple li .LinkBox_01 .List_TextBox p span {
    margin-right: 6px;
}

@media only screen and (max-width: 350px) {
    .RaceResults .ResultsList ul.simple li .LinkBox_01 h2 {
        font-size: 87.5%;
    }

    .RaceResults .ResultsList ul.simple li .LinkBox_01 h2 span.Icon_GradeType {
        margin-left: 4px;
        line-height: 1.4;
        padding: 1px .43em 0;
    }

    .RaceResults .ResultsList ul.simple li .LinkBox_01 .List_TextBox p {
        font-size: 72.22%;
    }
}
/*-- 直近のレース成績 簡易表示 プレミアム導線 --*/
.RaceResults .ResultsList ul.simple{
    position: relative;
}
.RaceResults .ResultsList ul.simple li .PhotoThumb_01{
    background-size: cover;
}
.RaceResults .ResultsList ul.simple li .LinkBox_Item02 img{
    width: 231px;
}
.RaceResults .ResultsList ul.simple li.BtnPremiumRegist01{
    bottom: 20px;
    top: auto;
}
.RaceResults .ResultsList ul.simple.List_01 li h2 {
    font-size: 100%;
}
@media only screen and (min-width:768px){
	.RaceResults .ResultsList ul.simple.List_01 li {
		padding: 10px 0;
		border-bottom: 1px solid #cacaca;
		margin: 0;
	}

}

/*=======================================================
競走馬詳細　繁殖馬
======================================================= */
/*---------------------------------
産駒情報
---------------------------------*/
.Sire .CropsList {
/*    padding: 0 10px; */
    margin-bottom: 23px;
}
.Sire .CropsList ul li:nth-child( n + 6 ) {
	display: none;
}
.Sire .CropsList ul li .LinkBox_01 .List_TextBox {
    padding-top: 2px;
    padding-bottom: 0;
}
.Sire .CropsList ul li .LinkBox_01 .LinkBox_Item02 h2 {
    height: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.Sire .Leading {
/*    padding: 0 10px; */
}
.Sire .Leading .LeadingGraph {
    position: relative;
    padding-top: 10px;
}
.Sire .Leading .LeadingGraph p {
    position: absolute;
    right: 0;
    top: -7px;
    color: #999999;
    font-size: 55.56%;
}
.SubTitle {
    margin-bottom: 20px;
}
@media only screen and (min-width:768px){
	.Sire .CropsList ul {
        margin-bottom: -20px;
        display: flex;
        flex-wrap: wrap;
	}
	.Sire .CropsList ul li:nth-child( n + 6 ) {
		display: block;
	}
	.Sire .CropsList ul::after {
		clear:both;
		content:" ";
		display:block;
	}
	.Sire .CropsList ul li {
		width: 50%;
		float: left;
		margin: 0 0 20px;
		min-height: 75px;
	}
	.Sire .CropsList ul li .LinkBox_01 .List_TextBox {
		padding-top: 2px;
		padding-bottom: 0;
	}
	.Sire .CropsList ul li a:hover,
	.Leading_List ul li a:hover {
		text-decoration: none;
	}
	.Sire .CropsList ul li a:hover .LinkBox_01 .LinkBox_Item02 h2,
	.Leading_List ul li a:hover .LinkBox_Item02 h2 {
		color: #c53131;
		text-decoration: underline;
	}
	.Sire .CropsList ul li a:hover .LinkBox_01 .LinkBox_Item01,
	.Leading_List ul li a:hover .LinkBox_Item01 {
		filter: alpha(opacity=85);
		opacity: 0.85;
	}
	.Sire .Leading .LeadingGraph {
		max-width: 480px;
	}
}

/*=======================================================
競走馬詳細　競走馬成績
　詳細表示
　簡易表示
======================================================= */
.RaceResults {
    margin-bottom: 28px;
    padding: 0 10px;
}

/*---------------------------------
詳細表示
---------------------------------*/
.RaceResults .mode_detail {
    padding: 0;
    position: relative;
}
.RaceResults .mode_detail.mode_fullscreen .BtnPremiumRegist01.table_base{
    left:196px;

}
.Race_result.RaceResults .mode_detail{
    margin-top: 0;
}
.RaceResults .mode_detail .table_fixed_index {
    position: absolute;
    z-index: 50;
}

.RaceResults .mode_detail .SlideArea {
    padding-left: 0;
}

.RaceResults .mode_detail table {
    border-collapse: collapse;
    border: 0px;
    font-size: 66.67%;
    border: 1px solid #cacaca;
}

.RaceResults .mode_detail table thead {
    background: #e7e7e7;
}

.RaceResults .mode_detail table tr th,
.RaceResults .mode_detail table tr td {
    vertical-align: middle;
    padding: 0 4px;
    height: 36px;
}


.RaceResults .mode_detail table tr th + th,
.RaceResults .mode_detail table tr td + td {
    border-left: 1px solid #cacaca;
}

.RaceResults .mode_detail table tr td {
    vertical-align: middle;
    padding: 0 8px;
    height: 36px;
    min-width: 33px;
    font-weight: bold;
    background-color: #fff;
    border-top: 1px solid #cacaca;
}
.RaceResults .mode_detail table tr td.race_title{
    min-width: 181px;

}
.RaceResults .mode_detail table tr td.center {
	text-align:center;
}
.RaceResults .mode_detail table tr td.right {
	text-align:right;
}
.RaceResults .mode_detail table tr td.center_cell {
    text-align:center;
}
.RaceResults .mode_detail table tr .race_info {
    font-size: 83.34%;
}
.RaceResults .mode_detail table tr .race_title {
    margin-top: 2px;
}
.RaceResults .mode_detail table tr .race_title .Set_RaceName a {
	display: block;
	line-height: 1.3;
}
.RaceResults .mode_detail table tr .race_title .Icon_GradeType {
	padding-top: 0;
	padding-bottom: 0;
	font-size: 10px;
	line-height: 15px;
	vertical-align: middle;
}
.RaceResults .mode_detail table thead tr th {
    color: #777;
    font-weight: normal;
}
.RaceResults .mode_detail table thead tr th.icon_cell{
    width:57px;
}
.RaceResults .mode_detail table tr [class*="Rank_"] {
	font-size: 100%;
	top: 0;
	left: 0;
}
.RaceResults .mode_detail table tr td .WeatherData {
	display: inline-block;
}
.RaceResults .mode_detail table tr td .Icon_Weather {
	top: 0;
	left: 0;
	vertical-align: middle;
}
/*--色付きセル 順位--*/
.RaceResults .mode_detail table tr td.Rank_1 {
    background-color: #ffef7f;
}

.RaceResults .mode_detail table tr td.Rank_2 {
    background-color: #cbdeff;
}

.RaceResults .mode_detail table tr td.Rank_3 {
    background-color: #efc79f;
}
/*--色付きセル 指数--*/
.RaceResults .mode_detail table tr td.index2 {
    background-color: #fdf2c1;
}
.RaceResults .mode_detail table tr td.index3 {
    background-color: #fce489;
}
.RaceResults .mode_detail table tr td.index4 {
    background-color: #fc6;
}
.RaceResults .mode_detail table tr td.index5 {
    background-color: #ffac84;
}
.RaceResults .mode_detail table tr td.index6 {
    background-color: #fc855c;
}
@media only screen and (min-width:768px){
	.RaceResults .mode_detail table tr .race_title {
		font-size: 111.9%;
		margin: 0;
	}
	.RaceResults .mode_detail table tr td {
		height: 40px;
	}
}
@media only screen and (min-width: 1280px){
	.RaceResults {
		padding: 0;
	}
}
/*-- 全画面表示 --*/
.mode_fullscreen.mode_detail {
    width: 1400px;
    margin-top: 50px;
}

.view_esc_fullscreen {
    position: fixed;
    top: 10px;
    left: 10px;
    background-color: #fff;
    display: inline-block;
    color: #444444;
    font-size: 72.22%;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    padding: 0 14px;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    text-align: center;
    z-index: 9;
}
.Wrap.wide_table{
    overflow: visible;
}
/*-- スライド部分　--*/
table.table_slide_body thead tr .cel_opacity,
table.table_slide_body tbody tr .cel_opacity{
    opacity: 0;
}


@media only screen and (min-width: 768px){

    .RaceResults .mode_detail .SlideArea ,
    .Profile_Subblock.RaceResults .SlideArea,
    .HorsePedigree .Blood .SlideArea {
        overflow: visible;
	}

    body.body-visible {
        overflow: visible;  
    }
    body.body-visible .Wrap {
        overflow: visible;
    }
}


@media only screen and (min-width: 1000px){
	#Netkeiba_RaceDetail .SlideArea{
		overflow: visible;
	}
}

/*---------------------------------
簡易表示
---------------------------------*/
.RaceResults .mode_simple {
}
.RaceResults .mode_simple.mode_fullscreen{
    padding:10px 0;
    background:#fff;
}
/*=======================================================
競走馬詳細　血統
　血統テーブル
　クロス
　兄弟
　祖父母
　牝系図 一口移植
======================================================= */
.HorsePedigree section {
    margin-bottom: 38px;
    padding: 0 10px;
}

/*---------------------------------
血統テーブル
---------------------------------*/
.HorsePedigree .Blood .SlideArea {
    padding: 0;
}

.HorsePedigree .Blood table {
    border-collapse: collapse;
    border: 0px;
    width: 100%;
}

.HorsePedigree .Blood table caption {
    padding: 4px;
    text-align: right;
}

.HorsePedigree .Blood table td {
    line-height: 1.4em;
    font-size: .7em;
    width:135px;
    vertical-align: middle;
}

.HorsePedigree .Blood table .td05 {
    border-bottom: 1px solid #fff;
}

.HorsePedigree .Blood table .td05.MaleRight {
    border-right: 1px solid #5b9fdf;
}

.HorsePedigree .Blood table .td05.FemaleRight {
    border-right: 1px solid #d3788d;
}

.HorsePedigree .Blood table .Male {
    background: #d0e0ef;
    padding: 4px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.HorsePedigree .Blood table .Male.tr01 {
    border-top: 1px solid #5b9fdf;
}

.HorsePedigree .Blood table .Male.td01 {
    border-left: 1px solid #5b9fdf;
}

.HorsePedigree .Blood table .Female {
    background: #f4dee3;
    padding: 4px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.HorsePedigree .Blood table .Female.tr02 {
    border-bottom: 1px solid #d3788d;
}

.HorsePedigree .Blood table .Female.td01 {
    border-left: 1px solid #d3788d;
}

/*---------------------------------
クロス
---------------------------------*/

.HorsePedigree .Cross dl dt {
    color: #444;
    font-size: 77.78%;
    font-weight: bold;
    line-height: 1.5;
    float: left;
    max-width: 230px;
}

.HorsePedigree .Cross dl dd {
    font-size: 77.8%;
    color: #666666;
    line-height: 1.5;
    text-align: right;
    margin-left: auto;
    float: right;
}
@media only screen and (max-width: 340px) {
    .HorsePedigree .Cross dl dt {
        max-width: 200px;
    }
}
/*---------------------------------
兄弟 叔父母
---------------------------------*/
table.horse_family_table tbody tr td{
    font-size: 77% !important;
}



/*---------------------------------
牝系図 一口移植
---------------------------------*/
.FamilyLine .Dam .Header {
    background: #f4dee3;
    border-top: 2px solid #e15c7a;
    margin-bottom: 2px;
}

.FamilyLine .Header dl {
    padding: 8px 10px;
}

.FamilyLine .Header dl dt,
.FamilyLine .Header dl dd {
    display: inline-block;
    font-size: 77%;
    font-weight: bold;
}

.FamilyLine .Dam .Header dl dt {
    color: #e15c7a;
}

.FamilyLine .Result {
    background: #fff;
    border-bottom: 1px solid #f2f1ec;
    color: #444;
    font-size: 77%;
    font-weight: bold;
    padding: 12px 8px;
}

.FamilyLine .Result .Partition {
    font-weight: normal;
    margin: 0 2px;
    vertical-align: 1px;
}

/* ひん系図 */
.FamilyLine .ResultData {
    background: #fff;
    padding: 12px 10px 20px;
}

.FamilyLine .ResultData > .Title {
    color: #444;
    font-size: 77%;
    font-weight: bold;
    margin-bottom: 12px;
}

.Mareline {
    width: 500px;
}

/* ひん系図 - line */
.MarelineInner {
    position: relative;
    padding-left: 10px;
}

.MarelineInner + .MarelineInner {
    margin-top: 40px;
}

.MarelineInner a {
    color: #0033aa;
}

.MarelineInner:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 98%;
    background: #bdbdb3;
    position: absolute;
    left: 20px;
}

.MarelineChild02,
.MarelineChild03 {
    position: relative;
}

.MarelineChild02:before,
.MarelineChild03:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 96%;
    background: #bdbdb3;
    position: absolute;
    left: 32px;
}

.MarelineChild03:before {
    height: 85%;
}

.MarelineChild01 {
    padding-left: 4px;
    font-size: 77%;
}

.MarelineChild02,
.MarelineChild03 {
    padding-left: 28px;
    font-size: 77%;
}


/* ひん系図 - 親 */
.MarelineParent_Horse {
    display: table;
}

.MarelineParent_Horse .Dam,
.MarelineParent_Horse .Name,
.MarelineParent_Horse .History {
    display: table-cell;
}

.MarelineParent_Horse .Dam {
    display: block;
    color: #fff;
    background: #df7785;
    border-radius: 3px;
    font-size: 77%;
    font-weight: bold;
    padding: 5px 0;
    position: relative;
    text-align: center;
    width: 50px;
}

.MarelineParent_Horse .Name {
    font-size: 77%;
    font-weight: bold;
    padding: 0 10px;
    white-space: nowrap;
}

.MarelineParent_Horse .History {
    color: #444;
    font-size: 77%;
    line-height: 1.3;
}

.MarelineParent_Horse .History .HinbaColor {
    color: #df7785;
    font-weight: bold;
}


/* ひん系図 - 子 */
.MarelineChild_Horse {
    display: table;
}

.MarelineChild_Horse {
    padding-top: 20px;
}

.MarelineChild_Horse .Name,
.MarelineChild_Horse .History {
    display: table-cell;
}

.MarelineChild_Horse .Name {
    padding: 0 10px;
    white-space: nowrap;
}

.MarelineChild_Horse.PointHinba .Name {
    font-weight: bold;
}

.MarelineChild_Horse .History {
    font-size: 77%;
    line-height: 1.3;
}

.MarelineChild_Horse .History .HinbaColor {
    color: #df7785;
    font-weight: bold;
}

.MarelineChild_Horse .History .BobaColor {
    color: #588adf;
    font-weight: bold;
}

.MarelineChild_Horse .History .SenbaColor {
    color: #ccc;
    font-weight: bold;
}

.MarelineChild_Horse.PointBoba:before {
    content: '';
    display: inline-block;
    background: #4374cc;
    border-radius: 50%;
    position: relative;
    width: 13px;
    height: 13px;
    vertical-align: middle;
}

.MarelineChild_Horse.PointHinba:before {
    content: '';
    display: inline-block;
    background: #DF7785;
    border-radius: 50%;
    position: relative;
    width: 13px;
    height: 13px;
    vertical-align: middle;
}

.MarelineChild02 .MarelineChild_Horse.PointBoba:before {
    width: 9px;
    height: 9px;
}

.MarelineChild02 .MarelineChild_Horse.PointHinba:before {
    width: 9px;
    height: 9px;
}

.MarelineChild01 > .MarelineChild_Horse.PointHinba > .Name,
.MarelineChild02 > .MarelineChild_Horse.PointHinba > .Name {
    position: relative;
}

.MarelineChild01 > .NameUnderline > .Name:after,
.MarelineChild02 > .NameUnderline > .Name:after {
    content: '';
    display: block;
    border-bottom: 1px solid #bdbdb3;
    position: absolute;
    left: -6px;
    bottom: -1px;
    width: 100%;
}

.MarelineChild02 > .NameUnderline > .Name:after {
    left: -5px;
}


/* ひん系図 - レース結果 */
.Mareline_ResultRace {
    padding-top: 20px;
    padding-left: 62px;
}

.Mareline_ResultRace dl {
    display: table;
    font-size: 77%;
}

.Mareline_ResultRace dl + dl {
    margin-top: 12px;
}

.Mareline_ResultRace dl dt,
.Mareline_ResultRace dl dd {
    display: table-cell;
}

.Mareline_ResultRace dl dt {
    color: #444;
    font-weight: bold;
    white-space: nowrap;
}

.Mareline_ResultRace dl dd {
    color: #444;
    line-height: 1.3;
}

.MarelineChild02 .Mareline_ResultRace {
    padding-left: 24px;
}

.MarelineChild01 .MarelineChild_Horse:last-child {
    border: none;
}

.MarelineChild01 > .MarelineChild_Horse.PointHinba:last-child > .Name:after {
    border: none;
}


/* 母　データテーブル */
.FamilyLine .Dam .DataTable {
    border-collapse: collapse;
    width: 100%;
    border-bottom: 1px solid #f2f1ec;
}

.FamilyLine .Dam .DataTable tr + tr {
    border-top: 1px solid #f2f1ec;
}

.FamilyLine .Dam .DataTable tr th,
.FamilyLine .Dam .DataTable tr td {
    color: #444;
    font-size: 77%;
    line-height: 1.3;
    padding: 6px 8px;
    text-align: left;
    vertical-align: middle;
}

.FamilyLine .Dam .DataTable tr th {
    color: #6d3434;
    width: 105px;
}

.FamilyLine .Dam .DataTable tr td a {
    font-weight: bold;
}

.FamilyLine .Dam .DataTable tr:nth-child(odd) th {
    background: #fedee5;
}

.FamilyLine .Dam .DataTable tr:nth-child(even) th {
    background: #fcced9;
}

/* =======================================================
■競走馬ランキング
　共通
======================================================= */
/*---------------------------------
共通
---------------------------------*/

section.RankingList .RankingList_ninki {
    padding: 0 10px;
}

/* =================================================_======
■競走馬詳細　調教タイム
　共通
======================================================= */
section.HorseTraining .HorseTrainingList {
    padding: 0 10px;
}

.Unit_Race .RaseDetail {
    position: relative;
    padding: 10px 11px;
    background-color: #eaeaea;
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
}
.Unit_Race > ul > li + li{
    margin-top:60px;
}
.Unit_Race > ul li + li .RaseDetail {
    /*border-top: none;*/
}

.Unit_Race .RaseDetail dl dt {
    font-size: 88.89%;
}

.Unit_Race .RaseDetail dl dt span[class^='ResultRank'] {
    font-size: 86.67%;
    margin-left: 8px;
}

.Unit_Race .RaseDetail dl dt a {
    font-weight: bold;
    line-height: 1.2em;
}
.Unit_Race .RaseDetail dl dt a span{
    position: relative;
    top: 2px;
}
.Unit_Race .RaseDetail dl dd {
    font-size: 61.11%;
    font-weight: bold;
    color: #666666;
    margin-bottom: 6px;
}
.Unit_Race .RaseDetail .TrainingMovie {
    display: block;
    position: absolute;
    height: 30px;
    right: 11px;
    top: 0;
    bottom: 0;
    margin:auto;
    vertical-align: middle;
}

.Unit_Race .RaseDetail .TrainingMovie a {
    display: block;
    background-color: #fff;
    border: 1px solid #cacaca;
    border-radius: 4px;
    width: 50px;
    padding: 4px 8px 1px;
}

.Unit_Race .RaseDetail .TrainingMovie a img {
    width: 32px;
    height: 21px;
}
.Unit_Race .Training_info {
    display: table;
    width: 100%;
    height: 39px;
    font-size: 61.11%;
    color: #888;
    font-weight: bold;
    padding: 0 11px;
}

.Unit_Race .Training_info .Training_infoTxt {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    line-height: 1.5;
}
/*
.Unit_Race .Training_info .TrainingMovie {
    display: table-cell;
    vertical-align: middle;
}

.Unit_Race .Training_info .TrainingMovie a {
    display: block;
    background-color: #fff;
    border: 1px solid #cacaca;
    border-radius: 4px;
    width: 50px;
    padding: 4px 8px 1px;
}

.Unit_Race .Training_info .TrainingMovie a img {
    width: 32px;
    height: 21px;
}*/

.Unit_Race .TrainingDetail table {
    width: 100%;
    table-layout: fixed;
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
}

.Unit_Race .TrainingDetail table tr td {
    vertical-align: middle;
    text-align: center;
    font-size: 61.11%;
    font-weight: bold;
    width: 40px;
    word-wrap: break-word;
    line-height: 1.3;
    padding: 11px 0;
}

.Unit_Race .TrainingDetail table tr td + td {
    border-left: 1px solid #cacaca;
}

.Unit_Race .TrainingDetail table tr td.TokeiColor01 {
    background: #f3b194;
}

.Unit_Race .TrainingDetail table tr td.TokeiColor02 {
    background: #f9f2ca;
}

.Unit_Race .TrainingDetail table tr td.TrainingLoad {
    width: 40px;
}

.Unit_Race .TrainingDetail table tr td.Training_Critic {
    width: 70px;
}

.Unit_Race .TrainingDetail table tr td span {
    display: inline-block;
}

.Unit_Race .TrainingDetail .Training_comment {
    font-size: 61.11%;
    color: #666666;
    padding: 10px 11px;
    line-height: 1.5;
    border-bottom: 1px solid #cacaca;
}

.Rank_A {
    color: #f00;
    font-weight: bold;
}

.Rank_B {
    color: #007EFF;
    font-weight: bold;
}

.Rank_C {
    color: #333;
    font-weight: bold;
}

/* ラップタイム */
.Unit_Race .TrainingDetail table tr td span.RapTime {
	display: block;
	text-align: center;
	margin-top: 4px;
}

.RapShowCheckArea {
	margin: 6px 8px 14px;
	text-align: right;
}
.RapShowCheckArea > label{
	position: relative;
	display: inline-block;
	padding-left: 40px;
	font-size: 72.3%;
	color: #444;
}
.RapShowCheckArea > label span {
	line-height: 21px;
}
.RapShowCheckArea input[type=checkbox] {
	display: none;
}
.RapShowCheckArea label:before {
	content: "";
	display: block;
	width: 19px;
	height: 19px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #cbcbcb;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 8px;
}

.RapShowCheckArea input:checked + label:before {
	border: 1px solid #3251bc;
	background-color: #3251bc;
}
.RapShowCheckArea input:checked + label:after {
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 16px;
	width: 5px;
	height: 11px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}


/* =================================================_======
■競走馬詳細　レース後短評
======================================================= */
.HorseRaceCommentList {
    padding: 0 10px;
}

.Unit_Race ul li .RaceComment {
    padding: 15px 16px;
    font-size: 83.33%;
    color: #555555;
    line-height: 1.4;
}

.HorseRaceCommentList ul li + li .RaseDetail {
    border-top: 1px solid #cacaca;
}

/*★★★★★調教タイムの見方★★★★★*/


.Description_Box.ChokyoTime {
	padding: 0 8px 8px;
}
.Description_Box.ChokyoTime .ChokyoTime_ViewPoint:first-child {
	padding: 8px 0;
}
.Description_Box.ChokyoTime .ChokyoTime_ViewPoint_Title {
	font-size: 78%;
	color: #fff;
	line-height: 1.4;
	padding: 4px 8px;
	background: #72737e;
	border-radius: 3px 3px 0 0;
}
.Description_Box.ChokyoTime .ChokyoTime_ViewPoint .Inner {
	border: 1px solid #72737e;
	border-radius: 0 0 3px 3px;
	background: #fff;
	padding: 8px 4px;
}
.Description_Box.OfferRace .Inner {
	border: 1px solid #72737e;
	margin-top: 10px;
	border-radius: 3px;
	background: #fff;
	padding: 8px 4px;
}
.Description_Box.ChokyoTime .ChokyoTime_ViewPoint .Image {
	text-align: center;
}
.Description_Box.ChokyoTime .ChokyoTime_ViewPoint .Image > img {
	width: 100%;
	max-width: 634px;
}
.Description_Box.ChokyoTime .ChokyoTime_ViewPoint ul {
	padding: 10px 10px 0 10px;
}
.Description_Box.ChokyoTime .ChokyoTime_ViewPoint ul li a {
	text-decoration: underline !important;
}
.Description_Box.ChokyoTime .ChokyoTime_ViewPoint ul li span.ListNumber {
	display: block;
	background-color: #ef5350;
	border-radius: 50%;
	width: 22px;
	height: 22px;
	text-align: center;
	padding-top: 4px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	left: 0;
	top: -1px;
}
.Description_Box.ChokyoTime .ChokyoTime_ViewPoint ul li {
	position: relative;
	padding-left: 28px;
	margin-bottom: 20px;
	font-size: 83.3%;
	line-height: 1.4;
}
.Description_Box.ChokyoTime .ChokyoTime_ViewPoint ul li:last-child {
	margin-bottom: 0;
}

@media (min-width:768px) and (max-width:1024px) {
    .RankingList ul.SubTab {
        display: none;
    }
   
    .RankingList {
        display: block;
    }

    .RankingList .HorseDB_Ranking_ListInner  {
        width: 100%;
    }
}

/*==============================================
	各種アイコン
	==============================================*/
	/*--レースのグレードアイコン*/
/*	.Icon_GradeType {
		display: inline-block;
		color: #fff;
		font-size: 10px;
		font-weight: bold;
		line-height: 1.3;
		text-align: center;
		background: #757575;
		min-width: 25px;
		margin-left: 2px;
		border-radius: 1em;
		padding: 1px .5em 0;
		vertical-align: top;
		white-space: nowrap;
	}
	.Icon_GradeType1,.Icon_GradeType10 { background: #3251bc; }
	.Icon_GradeType2,.Icon_GradeType11 { background: #c53131; }
	.Icon_GradeType3,.Icon_GradeType12 { background: #58af4a; } */
	/*.Icon_GradeType4 { background: #ec5f00; }*/
	.Icon_GradeType4 { background: #de8a26; }
	.Icon_GradeType14 { background: #666; }
	.Icon_GradeType13 {
		background: url("../../img/icon/icon_gradetype.png");
		background-repeat: no-repeat;
		-webkit-background-size: 46px auto;
		background-size: 46px auto;
		background-position: -2px -245px;
		width: 42px;
		height: 18px;
		vertical-align: -2px;
		border-radius: 0;
		padding: 0;
	}
    .List_common{
        align-items: baseline;
        display: grid;
        margin-bottom: 17px;
    }
    @media (min-width:768px) {
        .List_common {
            grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
            grid-auto-flow: column;        
            grid-template-columns: repeat(2, 50%);
            margin-bottom: 0;
        }
        .Leading_MoreBtn .MoreReadBtn {
          max-width: 300px;
        }
    }
/*sire_horse*/
    .flex_Profile_Subblock {
        display: flex;
      }
      #HorseList_pc,#HorseList_pc2 {
        width: 50%;
      }
      .thisweek_PremiumSwipe {
        margin: 20px;
        }