@charset "utf-8";
/* =======================================================
DB
	共通設定
	コンテンツ
======================================================= */
/* =======================================================
共通設定
	基本　上書き
	タブ
	ローダー
	ページャー
	アイコン
	アイコン（レース情報共通）
	アイコン（一口馬主共通）
	フォーム
	見出し
	小タイトル
	リスト
	もっと見る
	メッセージ（テキスト）
	ボタン型メニュー
	タグ
	データベース検索（top_new.css共通）
	ランキング配色
	登録導線
	調教タイムの見方
======================================================= */



/*----------------------------
基本 上書き
----------------------------*/
body{
	background-color: #eee !important;
}
.Main_Column{
	overflow: visible !important;
}
.Contents{
	overflow: hidden;
	background: #ffffff;
}
.Border_Bottom{
	border:none;
}

.LimitsWidth{
	line-height:1.3em;
    overflow: hidden;
    text-overflow: ellipsis;
    /* display: -webkit-box !important; */
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	white-space: nowrap;
}
.LeadingBox h2.LimitsWidth{
	max-width: 168px;
}

.Title_Sec{
	background: #fff;
	padding: 0;
}
.Title_Sec h2,
.Title_Sec h3{
color: #777;
font-size: 100%;
font-weight: bold;
line-height: 1.37;
border-left: none;
padding: 0;
}
.Common_Pager ul li{
	border:none !important;
	background-image: none;
	background: none !important;
}
.Common_Pager ul li:first-child div,
.Common_Pager ul li:last-child div,
.Common_Pager ul li a,
.Common_Pager ul li div{
	font-weight: normal;
	color:#999999;
	height: auto;
	padding: 8px 4px;
}
.Common_Pager ul li.Page_Active div{
	font-weight: bold;
	background: none;
	text-shadow: none;
	color:#444;
	border:none;
	padding-top: 8px;
}

.Common_Btn_Group ul li{
	border:none !important;
	background: none;
	color: #666;

}
.Common_Btn_Group ul li a{
	color: #666 !important;
}

.Comment_Form_Notice {
    padding: 0 8px 18px;
}
.Comment_Form_Notice > dl {
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    padding: 10px;
}
.Comment_Form_Notice > dl > dt {
    font-size: 78%;
    color: #8a8a8a;
    padding-left: 26px;
    padding-right: 22px;
    position: relative;
    line-height: 1.1;
}
.Comment_Form_Notice > dl > dd {
    display: none;
		font-size: 82%;
		padding: 10px;
}
.Comment_Form_Notice > dl > dd p{
	font-weight: bold;
}
.Comment_Form_Notice > dl > dd ul{
	margin-top: 10px;
}
.Comment_Form_Notice > dl > dd ul li{
	line-height: 1.5;
}
.Comment_Form_Notice > dl > dd ul li:last-child{
	font-size: 82%;
	color: #666;
	padding-top: 10px;
}
.Comment_Form_Notice > dl > dt:before{
content: "";
width: 22px;
height: 22px;
background: url(../../img/icon/icon_sprite_raceinfo.png) no-repeat;
background-position: -37px -262px;
-webkit-background-size: 124px 300px;
-moz-background-size: 124px 300px;
-ms-background-size: 124px 300px;
background-size: 124px 300px;
position: absolute;
top: 50%;
left: 0;
margin-top: -13px;
}
.Comment_Form_Notice .Icon_ArrowB {
display: inline-block;
background: url("../../img/icon/icon_sprite_raceinfo.png") no-repeat -36px -44px;
-webkit-background-size: 124px 300px;
-moz-background-size: 124px 300px;
-ms-background-size: 124px 300px;
background-size: 124px 300px;
width: 22px;
height: 12px;
position: absolute;
top: 50%;
right: 0;
margin-top: -6px;
}
.Comment_Form_Notice .Icon_ArrowT{
display: inline-block;
background: url("../../img/icon/icon_sprite_raceinfo.png") no-repeat -36px -59px;
-webkit-background-size: 124px 300px;
-moz-background-size: 124px 300px;
-ms-background-size: 124px 300px;
background-size: 124px 300px;
width: 22px;
height: 12px;
position: absolute;
top: 2px;
right: 0;
}


/*----------------------------
ボタン
----------------------------*/
.CommonBtn01,.CommonBtn02,.CommonBtn03 {
	padding:12px 10px;
	max-width: 375px;
	margin: auto;
}
.CommonBtn01 a{
	display:block;
	width: 100%;
	height: 45px;
	padding: 16px 15px 15px;
	color: #fff;
	font-size: 0.875rem;
	font-weight: 700;
	background-color: #03a;
	border: 0;
	border-radius: 7px;
}
.CommonBtn02 a{
	display:block;
	width: 100%;
	height: 45px;
	padding: 16px 15px 15px;
	color: #03a;
	font-size: 0.875rem;
	font-weight: 700;
	background-color: #fff;
	border: 1px solid #03a;
	border-radius: 7px;
}
.CommonBtn03 a{
	background-color:#fff;
	border: 1px solid #999;
	border-radius: 7px;
	display:block;
	height: 45px;
	padding: 16px 15px 15px;
	font-size: 0.875rem;
	text-align: center;
	font-weight: bold;
	color: #444;
}
/*-------------------------
タブ
----------------------------*/
/*--新規設定--*/
.Tab_DB_Common ul{
	display: flex;
	margin: 20px 10px;
}

.Tab_DB_Common ul li a{
	display: block;
	font-size: 78%;
	font-weight: bold;
	text-align: center;
	color: #797e8c;
	background: #fff;
	margin-right: 3px;
	padding: 15px 0;
	border-radius: 4px;
	border: 1px solid #e7e7e7;
}
.Tab_DB_Common ul li a span{
	margin-left: 5px;
}
.Inner_Box{border:none;}
.Tab_DB_Common ul li.Active a{
	background: #0033aa url('../../img/icon/menu_selected.png?20180727') no-repeat center;
	-webkit-background-size: 44px 35px;
	    -moz-background-size: 44px 35px;
	    -ms-background-size: 44px 35px;
	    background-size: 44px 35px;
	    color: #fff;
}

.Tab_DB_Common ul li:first-child{
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.Tab_DB_Common ul li:last-child{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
/*--標準--*/
/* 結果払戻 - Tabメニュー */
/*
.Tab_DB_Common:after {
	content: "";
	display: block;
	width: 100%;
	border-bottom: 1px solid #cfcfcf;
}*/

.Tab_DB_Common ul.Col3 li.NoData {
	width: 33.4%;
}
.Tab_DB_Common ul .NoData a {
	pointer-events:none;
	background: #ddd;
	color: #888;
	box-shadow: 0 1px 2px rgba(255,255,255,.5) inset;
}
/*タブ下ボタン*/
.Tab_Button_Common ul{

	margin: 20px 10px;
}
.Tab_Button_Common ul li{
	text-align: center;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(201, 201, 201);
	border-image: initial;
}
.Tab_Button_Common ul li + li{
	border-left:none;
}
.Tab_Button_Common ul li:first-child{
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.Tab_Button_Common ul li:last-child{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.Tab_Button_Common  ul li.Active {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(136, 136, 136);
    border-image: initial;
}

.Tab_Button_Common ul li a{
  display: block;
  color: rgb(102, 102, 102);
  font-size: 66.6%;
  height: 100%;
  padding: 8px 0px 7px;
}
.Tab_Button_Common ul li.Active a{
	color: rgb(255, 255, 255);
	font-weight: bold;
	background: rgb(136, 136, 136);
}

.Tab_Button_Common ul.Col_4 li{
	float:left;
	width:25%;
}
/*----------------------------
ローダー
.----------------------------*/
.Loader_Horse{
	background:#fff;
	padding:10px;
}
.Loader_Horse img{
	display:block;
	margin:0 auto;
}

/*----------------------------
ページャー
----------------------------*/
.Common_Pager ul li a, .Common_Pager ul li div{
	line-height:16px;
	color: #444;
}

.Common_Pager ul li .Icon_GrayTriangle_Right,
.Common_Pager ul li .Icon_GrayTriangle_Left{
	position: relative;
	background: none;
}
.Common_Pager ul li .Icon_GrayTriangle_Right:after,
.Common_Pager ul li .Icon_GrayTriangle_Left:before{
	display: block;
    position: absolute;
    top:3px;
    left: 0;
    right: 0;
    margin: auto;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    border-color: #444444 transparent transparent transparent;
}
.Common_Pager ul li div .Icon_GrayTriangle_Right:after,
.Common_Pager ul li div .Icon_GrayTriangle_Left:before{
	border-color: #999 transparent transparent transparent;
}
.Common_Pager ul li .Icon_GrayTriangle_Right:after{
	    transform: rotate(-90deg);
}
.Common_Pager ul li .Icon_GrayTriangle_Left:before{
	    transform: rotate(-270deg);
}
/*----------------------------
メニュー
----------------------------*/
.Side_Column .Contents_Box ul.Col3 li {
    float: left;
    width: 33.3%;
    width: -webkit-calc(100% / 3);
}
.Side_Column .Contents_Box ul.Btn_List_01.Col3 li:nth-child(3n) {
    width: 33.3%;
}
ul.Btn_List_01 li a {
    padding: 0px 0 8px;
}
.Side_Column .Contents_Box ul.Col4 li{
	float:left;
	width:25%;
}
.Side_Column .Contents_Box ul.Col4 li:nth-child(n + 5),
.Side_Column .Contents_Box ul.Col4 li:nth-child(n + 5){
	margin-top: 8px;
}
/*----------------------------
アイコン（DB）
----------------------------*/
.Icon_DB{
	display: block;
	background: url("../../img/icon/icon_sprite_db.png?20220309");
	background-repeat: no-repeat;
	-webkit-background-size: 55px 1500px;
	-moz-background-size: 55px 1500px;
	-ms-background-size: 55px 1500px;
	background-size: 54px 1440px;
    width: 40px;
    height: 35px;
    margin: 0 auto 8px;
}

.Icon_DB_01{background-position: -7px -206px;}
.Icon_DB_02{background-position: -4px -252px;}
.Icon_DB_03{background-position: -7px -287px}
.Icon_DB_04{background-position: -4px -326px}
.Icon_DB_05{background-position: -4px -365px;}
.Icon_DB_06{background-position: -5px -406px;}
/*
.Icon_DB{
	display: block;
	background: url("../../img/icon/icon_sprite_db.png");
	background-repeat: no-repeat;
	-webkit-background-size: 55px 1500px;
	-moz-background-size: 55px 1500px;
	-ms-background-size: 55px 1500px;
	background-size: 55px 1500px;
    width: 42px;
    height: 35px;
    margin: 0 auto 8px;
}

.Icon_DB_01{background-position: -7px -219px;}
.Icon_DB_02{background-position: -7px -265px;}
.Icon_DB_03{background-position: -2px -310px;}
.Icon_DB_04{background-position: -4px -343px;}
.Icon_DB_05{background-position: -4px -380px;}
.Icon_DB_06{background-position: -5px -421px;}
*/
.Icon_DB_07{
    background-position: -4px -474px;
    height: 27px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.Icon_DB_08{
    background-position: -4px -521px;
    height: 27px;
    margin-top: 8px;
    margin-bottom: 8px;
}
.Icon_DB_09{background-position: -3px -551px;}
.Icon_DB_10{background-position: -3px -819px;}
.Icon_DB_10{background-position: -3px -596px;}

.Icon_DB_11{background-position: -5px -861px;}
.Icon_DB_11{
    background-position: -4px -1064px;
    height: 27px;
    margin-top: 8px;
    margin-bottom: 8px;
}
.Icon_DB_12{background-position: -3px -684px;}
.Icon_DB_13{
    position: relative;
    top: 7px;
    display: inline-block;
    background-position: -1px -724px;
    width: 56px;
    height: 31px;
    margin: 0;
    margin-top: -10px;
}
.Icon_DB_14{
	display:inline-block;
	background-position: -12px -788px;
	margin: 0;
	height: 16px;
	width: 29px;
	position: relative;
	top: 2px;
}
.Icon_DB_15{background-position: -3px -821px;}
.Icon_DB_16{background-position: -3px -862px;}
.Icon_DB_17{background-position: -4px -905px;}
.Icon_DB_18{background-position: -4px -943px;}
.Icon_DB_19{background-position: -5px -173px;}
.Icon_DB_20{background-position: -5px -138px;}
.Icon_DB_21{background-position: -5px -103px;}

.Icon_DB_22{
    display: block;
    margin-bottom:0;
    background: url("../../img/icon/icon_close_mark.png") no-repeat center;
    background-position: 12px 16px;
    -webkit-background-size: 17px 17px;
    -moz-background-size: 17px 17px;
    -ms-background-size: 17px 17px;
    background-size: 17px 17px;
}
.Icon_DB_23{background-position: -5px -640px;}
.Icon_DB_23{
    background-position: -4px -1129px;
    height: 27px;
    margin-top: 8px;
    margin-bottom: 8px;
}
.Icon_DB_24{
    background-position: -4px -1163px;
    height: 27px;
}
.Icon_DB_25{
    display: inline-block;
    background-position: -17px -1202px;
    height: 13px;
    width: 15px;
}
.Icon_DB_26{
    display: inline-block;
    background-position: -6px -1220px;
    height: 36px;
    width: 36px;
}
.Icon_DB_27{
    background-position: -7px -1257px;
    height: 36px;
    width: 45px;
}
.Icon_DB_28{
    background-position: -7px -1293px;
    height: 36px;
    width: 45px;
}
.Icon_DB_29{
	background-position: -11px -1329px;
    height: 35px;
    width: 38px;
}
.Icon_DB_30{
	background-position: -11px -1367px;
    height: 35px;
    width: 38px;
}
.Icon_DB_31{
    background-position: -4px -650px;
    height: 27px;
    margin-top: 8px;
    margin-bottom: 8px;
}
.Icon_DB_32{
    background-position: -4px -1410px;
    height: 29px;
    margin-top: 6px;
    margin-bottom: 8px;
}
.Icon_DB_33 {
	background: url(../../img/icon/icon_banei.png) no-repeat;
	background-size: 30px auto;
	background-position: center;
	background-size: contain;
	height: 46px;
	margin-bottom: 5px;
}

/*--お気に入り登録ボタン--*/
.Icon_DB_Star_On{
    display: inline-block;
    background-position: -14px -991px;
    width: 18px;
    height: 15px;
    margin-right: 4px;
    margin-bottom: -1px;
}
.Icon_DB_Star_Off{
    display: inline-block;
    background-position: -14px -1015px;
    width: 18px;
    height: 15px;
    margin-right: 4px;
    margin-bottom: -1px;
}
/*--SNS--*/
.Icon_DB_Facebook{
    background-position: -10px -71px;
    width: 25px;
    height: 28px;
    margin-bottom: 1px;
}
.Icon_DB_Twitter{
    background-position: -11px -35px;
    width: 28px;
    height: 28px;
    margin-bottom: 1px;
}
.Icon_DB_Line{
    background-position: -8px -3px;
    width: 30px;
    height: 28px;
    margin-bottom: 1px;
}

/*--アイコン小--*/
.Icon_DB_S{
	display: inline-block;
	background: url("../../img/icon/icon_sprite_db_S.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: 17px;
    height: 17px;
}
.Icon_DB_S_01{
	background-position: -16px -38px;
}
.Icon_DB_S_02{
	background-position: -6px -44px;
	width: 16px;
	height: 18px;
	background-size: 33px 600px;
}
.Icon_DB_S_03{
    background-position: -6.75px -84px;
		width: 18px;
		height: 18px;
	background-size: 41.25px 750px;
}
.Icon_DB_S_04{
    background-position: -13px -2px;
    width: 19px;
}
.Icon_DB_S_05{
    background-position: -13px -140px;
    width: 19px;
    top: 19px;
}

.Icon_DB_S_06{
    background-position: -13px -164px;
    width: 22px;
    height: 16px;
}
.Icon_DB_S_07{
    background-position: -11px -191px;
    width: 23px;
    height: 23px;
}
.Icon_DB_S_08{
    background-position: -11px -222px;
    width: 24px;
    height: 17px;
}
.Icon_DB_S_09{
    background-position: -13px -247px;
    width: 24px;
    height: 16px;
}
.Icon_DB_S_10{
    background-position: -16px -277px;
    width: 17px;
    height: 16px;

}
.Icon_DB_S_11{
    background-position: -15px -299px;
    width: 17px;
    height: 19px;
}
.Icon_DB_S_12{
    /*background-position: -16px -430px;*/
    background-position: -13px -430px;
    width: 19px;
    height: 15px;
}
.Icon_DB_S_13{
    background-position: -15px -450px;
    width: 19px;
    height: 15px;
}
.Icon_DB_S_14{
    background-position: -14px -471px;
    width: 22px;
    height: 23px;
}
.Icon_DB_S_15{
	background-position: -15px -516px;
	width: 19px;
	height: 15px;
}
.Icon_DB_S_16{
	background-position: -17px -495px;
	width: 19px;
	height: 17px;
}
.Icon_DB_S_17{
	background-position: -16px -538px;
	width: 19px;
	height: 17px;
}
.Icon_DB_S_18{
    background-position: -14px -559px;
    width: 20px;
    height: 20px;
}
/*−− view数カウント−−*/
.Icon_Rank_01{
    background-position: -15px -322px;
    width: 17px;
    height: 19px;
}
.Icon_Rank_02{
    background-position: -15px -344px;
    width: 17px;
    height: 19px;
}
.Icon_Rank_03{
    background-position: -15px -365px;
    width: 17px;
    height: 19px;
}
.Icon_Rank_04{
    background-position: -15px -385px;
    width: 17px;
    height: 19px;
}
.Icon_Rank_05{
    background-position: -15px -406px;
    width: 17px;
    height: 19px;
}
/*−− 検索−−*/
.Icon_Search{
	display: inline-block !important;
	margin-top: -6px;
	margin-left: -19px;
	background: url("../../img/icon/icon_Search03.png") no-repeat;
	background-position: 1px 1px !important;
	-webkit-background-size: 19px 19px;
	-moz-background-size: 19px 19px;
	background-size: 19px 19px;
	width: 27px;
	height: 21px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border: none;
	position: relative;
	top: 4px;
}
/*−− 検索　ヘッダー−−*/
.HeadSearchBtn .Icon_Search{
    width: 30px;
    height:40px;
    display: block !important;
    background-image: url("../../img/icon/icon_Search03.png");
    background-position: 4px 8px !important;
    background-repeat: no-repeat;
    background-size: 19px;
    -moz-background-size: 19px;
    -webkit-background-size: 19px;
    -o-background-size: 19px;
    -ms-background-size: 19px;
    top: 6px;
}

/*----------------------------
アイコン（レース情報共通）
----------------------------*/
/* 重賞アイコン */
/*
.Icon_GradeType {
	position: relative;
	display: inline-block;
	text-align: center;
	background: url("../../img/icon/icon_gradetype.png");
	background-repeat: no-repeat;
	-webkit-background-size: 40px 248px;
	-moz-background-size: 40px 248px;
	-ms-background-size: 40px 248px;
	background-size: 40px 248px;
	width: inherit;
	height: 18px;
}
.Icon_GradeType1 {background-position: 0 0;}
.Icon_GradeType2 {background-position: 0 -18px;}
.Icon_GradeType3 {background-position: 0 -36px;}
.Icon_GradeType4 {background-position: 0 -54px;}
.Icon_GradeType5 {background-position: 0 -72px;}
.Icon_GradeType6 {background-position: 0 -89px;}
.Icon_GradeType7 {background-position: 0 -107px;}
.Icon_GradeType8 {background-position: 0 -124px;}
.Icon_GradeType9 {background-position: 0 -142px;}
.Icon_GradeType10 {background-position: 0 -159px;}
.Icon_GradeType11 {background-position: 0 -177px;}
.Icon_GradeType12 {background-position: 0 -194px;}
.Icon_GradeType13 {background-position: 0 -212px;}
.Icon_GradeType14 {background-position: 0 -229px;}
*/
/*--レースのグレードアイコン*/
.Icon_GradeType {
	display: inline-block;
	color: #fff;
	font-size: 56%;
	line-height: 1;
	text-align: center;
	background: #bababa;
	min-width: 32px;
	width:45px;
	margin-left: 7px;
	border-radius: 1em;
	padding: 5px .7em 0;
	vertical-align: text-top;
	white-space: nowrap;
}
.Icon_GradeType1,.Icon_GradeType10 { background: #0033aa; }
.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?20190204");
	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;
}
.Icon_GradeType1:after{
	display: inline;
	content: 'GI';
}
.Icon_GradeType2:after{
	display: inline;
	content: 'GII';
}
.Icon_GradeType3:after{
	display: inline;
	content: 'GIII';
}
.Icon_GradeType4:after{
	display: inline;
	content: '重賞';
}
.Icon_GradeType5:after{
	display: inline;
	content: 'OP';
}
.Icon_GradeType6:after{
	display: inline;
	content: '1600下';
}
.Icon_GradeType7:after{
	display: inline;
	content: '1000下';
}
.Icon_GradeType8:after{
	display: inline;
	content: '900下';
}
.Icon_GradeType9:after{
	display: inline;
	content: '500下';
}
.Icon_GradeType10:after{
	display: inline;
	content: 'JG\2160';
}
.Icon_GradeType11:after{
	display: inline;
	content: 'JG\2161';
}
.Icon_GradeType12:after{
	display: inline;
	content: 'JG\2162';
}
.Icon_GradeType14:after{
	display: inline;
	content: '特選';
}
.Icon_GradeType15:after{
	display: inline;
	content: 'L';
}
.Icon_GradeType16:after{
	display: inline;
	content: '3勝';
}
.Icon_GradeType17:after{
	display: inline;
	content: '2勝';
}
.Icon_GradeType18:after{
	display: inline;
	content: '1勝';
}

.Icon_GradePos01 {
	position: relative;
	top: 0px;
	left: 1px;
}
.Icon_GradePos02 {
	position: relative;
	top: -2px;
	left: 2px;
}

/*----------------------------
アイコン一口馬主共通
----------------------------*/
/*-- タグ用小アイコン --*/
.Icon_Colours {
	display: inline-block;
	background-image: url('../../img/icon/Sprite_Colours.png');
}
.Icon_Colours.sizeS{
	-webkit-background-size: 160px 262px;
	-moz-background-size: 160px 262px;
	-ms-background-size: 160px 262px;
	background-size: 160px 262px;
	width: 23px;
	height: 16px;
}

/*----- その他 -----*/
.Icon_Colours.sizeS.Colours00{
	background-position: -114px -233px;
}


/*----- サンデーサラブレッドクラブ -----*/
.Icon_Colours.sizeS.Colours01{
	background-position: -65px -4px;
}
/*-----ロードサラブレッドオーナーズ -----*/
.Icon_Colours.sizeS.Colours02{
	background-position: -14px -157px;
}
/*----- 大樹レーシングクラブ -----*/
.Icon_Colours.sizeS.Colours03{
	background-position: -13px -195px;
}
/*----- ローレルクラブ -----*/
.Icon_Colours.sizeS.Colours04{
	background-position: -62px -157px;
}
/*-----社台サラブレッドクラブ -----*/
.Icon_Colours.sizeS.Colours05{
	background-position: -13px -4px;
}
/*----- 東京サラブレッドクラブ -----*/
.Icon_Colours.sizeS.Colours06{
	background-position: -64px -195px;
}
/*----- グリーンファーム愛馬会 -----*/
.Icon_Colours.sizeS.Colours07{
	background-position: -64px -42px;
}
/*----- 広尾サラブレッド倶楽部 -----*/
.Icon_Colours.sizeS.Colours08{
	background-position:-115px -157px;
}
/*----- キャロットクラブ -----*/
.Icon_Colours.sizeS.Colours09{
	background-position: -13px -42px;
}
/*----- ウインレーシングクラブ -----*/
.Icon_Colours.sizeS.Colours10{
	background-position: -115px -4px;
}
/*----- G1サラブレッドクラブ -----*/
.Icon_Colours.sizeS.Colours11{
	background-position: -13px -233px;
}
/*----- ブルーインベスターズ -----*/
.Icon_Colours.sizeS.Colours12{
	background-position: -13px -119px;
}
/*----- ラフィアンターフマンクラブ -----*/
.Icon_Colours.sizeS.Colours13{
	background-position:-115px -119px;
}
/*----- ユニオンオーナーズクラブ -----*/
.Icon_Colours.sizeS.Colours14{
	background-position:  -65px -119px;
}
/*----- サラブレッドクラブセゾン（TCライオン） -----*/
.Icon_Colours.sizeS.Colours15{
	background-position: -13px -81px;
}
/*----- ノルマンディーオーナーズクラブ -----*/
.Icon_Colours.sizeS.Colours16{
	background-position:-115px -81px;
}
/*----- シルクホースクラブ -----*/
.Icon_Colours.sizeS.Colours17{
	background-position: -115px -42px;
}
/*----- ターファイトクラブ -----*/
.Icon_Colours.sizeS.Colours18{
	background-position:-64px -81px;
}
/*----- 優駿ホースクラブ愛馬会 -----*/
.Icon_Colours.sizeS.Colours19{
	background-position: -115px -195px;
}
/*----- ゴールドホースクラブ -----*/
.Icon_Colours.sizeS.Colours20{
	background-position: -64px -233px;
}

/*----------------------------
フォーム
----------------------------*/

form select{
    display: block;
    width: 100%;
    font-size: 16px;
    background: transparent;
    border: 0 none;

    height: 35px;
    padding-left: 8px;
}
form .SelectWrap{
    position: relative;
    height: 35px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0;
    background: #fff;
    border: 1px solid #ccc;
    overflow: hidden;
}
form .SelectWrap:before{
    display: block;
    content: "\25bc";
    font-size: 10px;
    background: #fff;
    position: absolute;
    top: 1px;
    right: 0;
    width: 22px;
    line-height: 31px;
    text-align: center;
}



/*----------------------------
見出し（グラデーションリセット）
----------------------------*/
.Title_Sec{
	font-size: 100%;
	position:relative;
	background-image: initial;
    margin: 31px 10px 22px 10px;
}

/*----------------------------
小タイトル
----------------------------*/

.SubMenuTitle{
	padding:21px 0 10px 10px;
	color: #888;
	font-size: 72.22%;
	font-weight: bold;

}
.Title_Sec + .SubMenuTitle{
	padding-top: 0px;
}
/*----------------------------
リスト改修型 ul.List_01
----------------------------*/
ul.CommonList_01 li{
	border:none;
	border-bottom:1px solid #cfcfcf;
	background-color:#fff;
}
ul.CommonList_01 li:first-child{
	border-top:1px solid #cfcfcf;
}
ul.CommonList_01 li .PhotoThumb_01{
	position:relative;
	width:128px;
	height:91px;
	margin-right: 14px;
	overflow:hidden;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
ul.CommonList_01 li .PhotoThumb_01 img{
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	max-width:130px;
	max-height:93px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
}
/*オーナーpng*/
ul.CommonList_01.owner_result_list li .PhotoThumb_01 img{
	width:69px;
}


/*正方形写真*/
ul.CommonList_01 li .PhotoThumb_02{
	position:relative;
	width:91px;
	height:91px;
	overflow:hidden;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
ul.CommonList_01 li .PhotoThumb_02 img{
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	width:91px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}



ul.CommonList_01 li .DataBox_01{
	position:relative;
	padding: 12px 14px 14px;
	max-height:91px;
}
ul.CommonList_01 li .DataBox_01 h2{
    display: inline-block;
    padding-left: 0px;
    line-height: 1.3em;
    color: #222;
    font-size:90%;
    font-weight: bold;
}
ul.CommonList_01 li .DataBox_01 p{
	padding-top:8px;
	color:#333333;
	font-size:80%;
}
ul.CommonList_01 li .DataBox_01 p.ViewCount{
    position: absolute;
	padding-top:0;
	right:13px;
	bottom:13px;
}

ul.CommonList_01 li .DataBox_02{
	position:relative;
	padding: 7px 14px 14px;
	max-height:91px;
}
ul.CommonList_01 li .DataBox_02 h2{
    display: inline-block;
    padding-left: 0px;
    color: #222;
    font-size:90%;
    font-weight: bold;
}
ul.CommonList_01 li .DataBox_02 p{
	padding-top:0px;
	color:#333333;
	font-size:80%;
}


/*----------------------------
もっと見る
----------------------------*/
.LinkBtn_03 {
	text-align: center;
	margin-top:15px;
}
/*--オリジナル
.LinkBtn_03 a {
    position:relative;
	background:#dedede;
	border:none;
    box-shadow: 0 1px 0 0 #bfbfbf !important;
    -moz-box-shadow:  0 1px 0 0 #bfbfbf !important;
    -webkit-box-shadow: 0 1px 0 0 #bfbfbf !important;
}--*/
/*--上書き--*/
.LinkBtn_03 a {
color: #666;
    font-size: 61%;
    font-weight: bold;
    text-align: center;
    border: 1px solid #e0e0e0;
    border-radius: 1.27em;
    line-height: 2.55;
    display: block;
    /* width: 38%; */
    width: 79%;
    min-width: 142px;
    margin: 0 auto;
    position: relative;
    background: none;
    padding:0;
    box-shadow: none !important;
}
.LinkBtn_03 a > .Icon_More02{
	background: none;
	padding-left: 0;
}
.LinkBtn_04 {
	padding:0 10px;
	text-align: center;
}
.LinkBtn_04 a{
    display: block;
    text-align: center;
    color: #333;
    padding: 15px 14px;
    -webkit-user-select: none;
    border-radius: 0 0 4px  4px;
    -webkit-border-radius: 0 0 4px  4px;
    -moz-border-radius: 0 0 4px  4px;
    background: #ecebeb;
    box-shadow: 0 1px 0 0px #bfbfbf;
    -moz-box-shadow: 0 1px 0 0px #bfbfbf;
    -webkit-box-shadow: 0 1px 0 0px #bfbfbf;
    font-size: 94%;
}
.LinkBtn_03 a > .Icon_DB,
.LinkBtn_03 a > .Icon_DB_S,
a.EnteredHorse > .Icon_DB_S{
    position: absolute;
    right: 14px;
	display:none;
}
.LinkBtn_03 a > .Icon_More01{
    padding-left: 0px;
	background: none;
}
/*-- その場で読み込む --*/
.LinkBtn_05 {
	margin-top: 20px;
	padding: 0 0 13px;

}
.LinkBtn_05 a {
	color: #666;
	font-size: 61%;
	font-weight: bold;
	text-align: center;
	border: 1px solid #e0e0e0;
	border-radius: 1.27em;
	line-height: 2.55;
	display: block;
	/* width: 38%; */
	width: 79%;
	min-width: 142px;
	margin: 0 auto;
	position: relative;
}
.LinkBtn_05 a .Icon_DB_S{
  display: none;
}

/*-- アコーディオンボタン --*/
.MoreRead{
	position: absolute;
	bottom: 0;
	height: 35px;
	width: 100%;
}
.MoreRead > div{
	font-size: 80%;
	height:35px;
	line-height:46px;
	text-align:center;
	background:#dcdcdc;

}

.MoreRead > div:before,
.MoreRead > div:after{
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    left: 0;
    bottom: 5px;
    width: 3px;
    height: 10px;
    margin: auto;

}

.MoreRead > div:before{
    top: 8px;
width: 0;
height: 0;
border-style: solid;
border-width: 8px 15px 0 15px;
border-color: #868686 transparent transparent transparent;

}
.MoreRead > div:after{
    top:4px;
width: 0;
height: 0;
border-style: solid;
border-width: 8px 15px 0 15px;
border-color: #dcdcdc transparent transparent transparent;
}
/*-- リロードアイコン --*/
[class^='LinkBtn_']{
	position: relative;
	border-radius: 4px;
}
[class^='LinkBtn_'] a:after{
	position: relative;
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	top: 2px;
	margin-left: 6px;
	background: url('../../img/icon/icon_link_arrow.png') no-repeat;
	background-size: 21px;
}
/*----------------------------
メッセージ（テキスト）
----------------------------*/
/*データがない時*/
.EmptyMessage{
	margin:7px;
    padding: 15px 10px;
    background: #fff;
    border-radius: 4px;
	font-size:80%;
}
/*注釈*/
.ContentsAttention {
	font-size:74%;
	padding:6px 0;
}
.ContentsAttention p{
	line-height:1.4em;
	color:#989898;
}

/*----------------------------
ボタン型メニュー
----------------------------*/
ul.Btn_List_01{
	margin-bottom: 21px;
}
ul.Btn_List_01 li a {
	margin: 0px 3px 8px;
	font-weight:bold;
	letter-spacing: -1px;
    overflow: hidden;
    white-space: nowrap;
    border: solid 1px #dedede !important;
    box-shadow: none;
}
.Contents_Box .DB_Contents_Inner ul.Btn_List_01 li a {
        color: #666;
    font-size: 72.2214%;
}

ul.Btn_List_01 li a.Column{
    font-size: 70%;
    letter-spacing: -1px;
    padding-bottom: 10px;
    overflow: hidden;
    white-space: nowrap;
}

.Side_Column .DB_Contents_Inner .Btn_List_01 .ui-link{
	position: relative;
	min-height: 62px;
	padding-bottom:4px;
	border: none !important;
	border-radius: 6px;
	background: none;
}
.Side_Column .DB_Contents_Inner .Btn_List_01 .Icon_Nk_New_bg{
	display: block;
	margin: auto;
	width: 46px;
	height: 46px;
	margin-bottom: 2px;
	background: #F7F7F7;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
}

/*-- SNS --*/
ul.Btn_List_01 li a.Sns_Btn{
	height:initial;
}
ul.Btn_List_01 li a.fb{
	background:#3f5995;
}
ul.Btn_List_01 li a.tw{
	background:#5ea9dd;
}
ul.Btn_List_01 li a.line{
	background:#59d037;
}
/*----------------------------
ボタン
----------------------------*/
/*-- ボタン型リンク --*/
a.BtnLink01{
	color:#222;
	background:#ededed;
	border:1px solid #c2c2c2;
	border-radius: 4px;
	box-shadow: 0px 1px 0px #fff inset;
}
/*-- コメント投稿 --*/
.Btn_Des01{
	display: block;
	padding: 15px 0 13px;
	margin: 18px 10px 20px;
	width: 90%;
	width:calc(100% - 20px);
	width:-webkit-calc(100% - 20px);
	text-align: center;
	color: #fff;
	font-size: 78%;
	border: 1px solid #0033aa;
	background: #0033aa;
	border-radius: 4px;
  font-family: 'ヒラギノ角ゴ ProN W3', arial, 'Hiragino Kaku Gothic ProN', Meiryo, メイリオ, sans-serif;
}
.Btn_Des02{
	color: #666;
	    font-size: 61%;
	    font-weight: bold;
	    text-align: center;
	    border: 1px solid #e0e0e0;
	    border-radius: 1.27em;
	    line-height: 2.55;
	    display: block;
	    /* width: 38%; */
	    width: 79%;
	    min-width: 142px;
	    margin: 0px auto 10px;
	    position: relative;
    font-family: 'ヒラギノ角ゴ ProN W3', arial, 'Hiragino Kaku Gothic ProN', Meiryo, メイリオ, sans-serif;
}

/*----------------------------
タグ
----------------------------*/
/*-- 記事タグ --*/
.NewsTypeTag{
	display: inline-block;
	text-align:center;
	width:55px;
	padding: 4px 0 2px;
	color:#fff;
	font-size:65%;
	border-radius: 2px;
	background:#ccc;
}
.NewsTypeTag.Column{
	background:#888;
}
.NewsTypeTag.News{
	background:#888;
}
/*-- 着順タグ --*/
.HorseNo{
	display: inline-block;
    background: #e3ebf0;
    border: 1px solid #b2b2b2;
    padding: 2px 0;
    width: 26px;
    text-align: center;
    font-size: 106%;
    font-weight: bold;
    color: #000;
}
.HorseNo.Rank_1 {
    background: #FFEF84 !important;
    border: 1px solid #CCB834 !important;
}
.HorseNo.Rank_2 {
    background: #D8F6FF !important;
    border: 1px solid #6AACCE !important;
}
.HorseNo.Rank_3 {
    background: #FFD4D4 !important;
    border: 1px solid #FF9494 !important;
}

/*厩舎表記*/
/* span.Barn01{
	background:#686868;
	color:#fff !important;
	font-size: 84%;
	font-weight:normal;
	padding: 1px 3px;
	margin-right: 4px;
	position: relative;
	top: -1px;
}
span.Barn02{
	background:#c14;
	color:#fff !important;
	font-size: 84%;
	font-weight:normal;
	padding: 1px 3px;
	margin-right: 4px;
	position: relative;
	top: -1px;
}

span.Barn03{
	background:#155cc1;
	color:#fff !important;
	font-size: 84%;
	font-weight:normal;
	padding: 1px 3px;
	margin-right: 4px;
	position: relative;
	top: -1px;
}

span.Barn04{
	background:#009000;
	color:#fff !important;
	font-size: 84%;
	font-weight:normal;
	padding: 1px 3px;
	margin-right: 4px;
	position: relative;
	top: -1px;
}

span.Barn{
	background:#686868;
} */

span[class^='Barn']{
	position: relative;
	top:-3px;
	display:inline-block;
	color:#fff;
	font-size: 55.56%;
	font-weight: normal;
	width:34px;
	height: 16px;
	line-height: 16px;
	margin-right: 3px;
	text-align:center;
	background:#686868;
	border-radius: 8px;
	padding-top: 0.05em;
}
span.Barn01{
	background:#686868;
}
span.Barn02{
	background:#c14;
}

span.Barn03{
	background:#155cc1;
}

span.Barn04{
	background:#009000;
}

/*----------------------------
データベース検索（top_new.css共通）
----------------------------*/
.DB_Contents_Inner {
	padding: 0px 8px 8px;
}
.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 #dedede;
	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_Search_Input .Submit_Btn{
	padding:0;
	background: url("../../img/icon/icon_Search03.png") no-repeat 9px 8px;
	-webkit-background-size: 19px 19px;
    -moz-background-size: 19px 19px;
    background-size: 19px 19px;
}
.DB_Select_Menu_Box .SelectWrap{
	position:relative;
	height: 37px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 0 ;
	width: 4.8em;
	background:#fff;
	border:1px solid #dedede;
	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;
}
/*テキストフォームのラベル*/
.Search_Detail_Form .Search_Detail_Txt_Box,
.Search_Detail_Form .Search_Detail_Select_Menu{
    margin: 0 0 8px 0;
    padding: 6px 6px 0 6px;
    background: none;
}
.Search_Detail_Form .Search_Detail_Txt_Box>label,
.Search_Detail_Form .Search_Detail_Select_Menu>label{
  display: block;
	margin: 15px 0 6px 0;
	color: #888;
	font-size: 72.22%;
	font-weight: bold;
}
.Search_Detail_Form input[type="text"],
.Search_Detail_Form input[type="number"]{
	background: #fff;
	border: 1px solid #cacaca;
	border-radius: 4px;
	overflow: hidden;
	line-height: 1.4;
	padding: 6px 9px;
	font-size: 83%;
}
/*チェックボックス*/
div.Check_Btn input[type="checkbox"]{
  display: none;
}
div.Check_Btn input[type="checkbox"] + label{
  font-size:.8em;
  cursor: pointer;
  float: left;
  padding: 4px;
  border: none;
  background:none;
}
div.Check_Btn input[type="checkbox"]:checked + label{
 	color:#444444;
	font-weight: bold;
	background-image: none;
  background-color: transparent;

}
/*アイコン(チェック未済)*/
div.Check_Btn input[type="checkbox"] + label .Icon_Check_Gray{
  background-position:-96px -416px;
}
/*アイコン(チェック済)*/
div.Check_Btn input[type="checkbox"]:checked+label .Icon_Check_Gray{
  background-position:-96px -384px;
}
/*セレクトフォーム*/
.SeparateSearch_list_Wrap{
    position: relative;
}
.SeparateSearch_Detail_btn_close {
    position: absolute;
    z-index: 9;
    right: 8px;
        /*top: 7px;*/
    top: 2px;
}
.SeparateSearch_Detail_btn_close a{
	    padding: 5px 8px;
    border: 1px solid #ccc;
    background: #FFF;
    color: #000;
    font-size: .8em;
}
.Search_Detail_Select_Box{
    position: relative;
}
.Search_Detail_Select_Menu .Search_Detail_Select_Box{
    text-align: center;
}
.Search_Detail_Select_Box:after {
    clear: both;
    content: " ";
    display: block;
}
.Search_Detail_Select_Box div{
    position: relative;
        /*display: inline-block;*/
    float: left;
    margin-right: 5px;
    width: 120px;
    height: 29px;

       padding-left: 0px;
    background: #fff;
		border: 1px solid #bbb;
		border-radius: 4px;
    overflow: hidden;
}
.Search_Detail_Select_Box div select{
	height:29px;
	width: 100%;
}
.Search_Detail_Select_Box div:before{
    display: block;
    content: "\25bc";
    font-size: 10px;
    background: #fff;
    position: absolute;
    top: 1px;
    right: 0;
    width: 16px;
    line-height: 26px;
    text-align: left;
}
.Search_Detail_Select_Box > span{
    position: relative;
    /*top: -6px;*/
    top: 5px;
    float: left;
    margin-right: 8px;
}
.SortBox .Search_Detail_Select_Box div{
	width:39%;
}
.SortBox .Search_Detail_Select_Box div select{
	width:100%;
  font-size: 83%;
}
.SortBox .Search_Detail_Select_Box button{
    position: relative;
    color: #444;
    margin-top: 14px;
    padding: 6px 9px;
    width: 100%;
    height: 40px;
    font-size: 83%;
    border: 1px solid #bbb;
    border-radius: 4px;
    background: none;
}
.SortBox .Search_Detail_Select_Box + span{
	display: inline-block;
	margin: 6px 0;
	font-size: 83%;
}
	.Search_Detail_Form .Search_Detail_Select_Menu .Serch_Txt_Form_2Col div {
		float: left;
		width: 50%;
		font-size:80%;
	}
	.Search_Detail_Form .Search_Detail_Select_Menu .Serch_Txt_Form_2Col div input {
		display: inline;
		width: 60%;
		margin-right:6px;
		    border: 1px solid #bbb;
	}
	.Search_Detail_Form .Serch_Txt_Form_2Col{
		margin-bottom: 6px;
	}
.Search_Detail_Form .Search_Detail_Select_Menu .Search_Detail_Select_Box select {
	padding: 3px 4px 5px;
}
.Search_Detail_Form .Search_Detail_Select_Menu.other_select {
	padding: 0px 6px 0 6px;
}
.Search_Detail_Form .Search_Detail_Select_Menu.other_select .Search_Detail_Select_Box select{
	padding: 5px 6px;
	appearance: none;
}
.single_button {
    position: relative !important;
    margin-right: unset !important;
    width: unset !important;
    height: 29px !important;
    padding-left: 0px !important;
    background: unset !important;
    overflow: hidden !important;
    border: 1px solid #bbb !important;
    border-radius: 4px !important;
    display: flex;
    align-items: center;
}
.single_button::before {
	display: none!important;
}
.single_button a {
    display: block;
    padding: 2px 6px;
    color: #333 !important;
    font-size: 16px;
}

/*-- 話題の注目馬 .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;
	color: #06389b;;
	background: #fff;
	overflow:hidden;
	white-space: nowrap;
	box-shadow: none;
	border: solid 1px #dedede;
}
.Top_DB_PickupHorse li:nth-child(odd) {
	margin-right: 5px;
}
.Top_DB_PickupHorse li:nth-child(-n+2) {
	padding: 0 0 6px 0;
}

/*----------------------------
ランキング配色
----------------------------*/
.Rank{
	color:#afafaf;
	float: left;
	margin-right:4px;
	font-weight:bold;
	    margin-top: 2px;
}
.Rank.Rank01{
	color:#cccc00;
}
.Rank.Rank02{
	color:#9fadb3;
}
.Rank.Rank03{
	color:#d59240;
}

/*----------------------------
登録導線
----------------------------*/
.Premium_Regist_Box {
	border: 5px solid #ddd;
	background: #fff;
	margin: 12px 14px;
	padding: 18px 12px 0;
}
.Premium_Regist_Msg {
	font-size: 88%;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	margin-bottom: 15px;
}
.Premium_Regist_Btn {
	font-weight: bold;
	line-height: 1.2;
	font-size: 83.4%;
	position: relative;
	display: block;
	background: #c1ab71;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 14px 16px;
}
.Premium_Regist_Btn:after {
	content: " ";
	display: block;
	position: absolute;
	top: 50%;
	right: 6%;
	height: 10px;
	width: 10px;
	font-size: 0;
	line-height: 0;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: translate(0, -50%) rotate(45deg);
	-moz-transform: translate(0, -50%) rotate(45deg);
	transform: translate(0, -50%) rotate(45deg);
}
.Premium_Regist_Txt02 {
	line-height: 1.3;
	font-size: 80%;
	color: #3159B9;
	margin-bottom: 20px;
	text-align: center;
}
.Premium_Regist_Txt02 > a {
	display: block;
	font-size: 83.33%;
	text-align: center;
	text-decoration: underline !important;
	color: #222;
}
.Premium_Regist_Note {
	color: #666;
	font-size: 78%;
	line-height: 1.3;
	margin: -4px 16px 18px;
}


/* =======================================================
コンテンツ
	TOP
	競走馬詳細
===============s======================================= */
/* =======================================================
TOP
 	ヘッダー
 	検索フォーム
 	詳細検索
 	競走馬ランキング
 	掲示板
 	ランキング（下層含む）
 	新着写真
 	リーディングリスト
===============s======================================= */
ul.Btn_4col li {
	width: 25%;
	float:left;
}

/*----------------------------
ヘッダー
----------------------------*/

.DB_Header_Box{
	padding:18px 9px 15px;
	text-align:center;
}


.DB_Header_Box p{
	color:#222;
	font-size:85%;
	line-height:1.5em;
    text-align: left;
    padding-bottom: 6px;
    padding-left:2px;
}


/*----------------------------
検索フォーム
----------------------------*/
.DB_Header_Box .TopSearch{

	background:#fff;
	border:1px solid #c4c4c4;
  border-radius: 4px;
}
.DB_Header_Box .TopSearch form{
	display:table;
	width:100%;
}

.DB_Header_Box .TopSearch .DB_Select_Menu_Box{
	position: relative;
/*display: table-cell;*/
display: inline-block;
border-right: 1px solid #c4c4c4;
	 width:80px;
	 height: 40px;
	 padding: 0;

/*	display:table-cell;
	position:relative;
	width:4.8em;
	background:#dedede;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -moz-box-shadow: 0 1px 0 #bfbfbf;
    -webkit-box-shadow: 0 1px 0 #bfbfbf;
    -o-box-shadow: 0 1px 0 #bfbfbf;
    -ms-box-shadow: 0 1px 0 #bfbfbf;*/
}
.DB_Header_Box .TopSearch .DB_Select_Menu_Box select{
	font-size:85%;
	color:#333;
	font-weight:bold;
	line-height: 40px;
	height: 40px;
	padding: 0 4px;
}
.DB_Header_Box .TopSearch .DB_Select_Menu_Box:before {

    display: block;
    content:"▼";
    font-size:10px;
    color:#7a7a7a;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
	width: 24px;
	line-height:40px;
		/*background:#dedede;*/
}
.DB_Header_Box .TopSearch .DB_Text_Input_Box{
	display:table-cell;
	position:relative;
}
.DB_Header_Box .TopSearch .DB_Text_Input_Box .Txt {
	display:table-cell;
	width:100%;
	vertical-align: middle;
}
.DB_Header_Box .TopSearch .DB_Text_Input_Box .Txt input{
    -webkit-appearance: none;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 85%;
    border: none;
    border-radius: 4px;

    padding: 1px 8px 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    outline: none;
}


.DB_Header_Box .TopSearch .DB_Text_Input_Box .Btn {
	display:table-cell;
	padding:0;
    width: 40px;
    height: 40px;
    border:none;
	background-image: none;
}

.DB_Header_Box .TopSearch .DB_Text_Input_Box .Btn input{
    width: 40px;
    height: 40px;
    text-indent: 100%;
    padding:0;
    white-space: nowrap;
    overflow: hidden;
    border: none;
		background: url("../../img/icon/icon_Search03.png") no-repeat;
    background-size: 14px;
		background-position: center;
}

/*----------------------------
詳細検索
----------------------------*/
.DB_Horse .DataSearchDetail div{
	width:180px;
	margin:13px auto 0;
	text-align:center;
	color:#6D6D6D;
	font-size:85%;
	line-height:1.5em;
}
.DB_Horse .DataSearchDetail div:after{
	display:inline-block;
    position: relative;
    top: -3px;
	content:"";
	width:10px;
	height:10px;
	margin-left: 6px;
	border-left:2px solid #6d6d6d;
	border-bottom:2px solid #6d6d6d;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.DB_Horse .DataSearchDetail div.Open:after{
	top:3px;
    transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.DB_Horse .DataSearchDetail ul{
	margin-top:20px;
}

.DB_Horse .DataSearchDetail ul li:nth-child(1),
.DB_Horse .DataSearchDetail ul li:nth-child(4){
	padding:4px 3px 4px 0;
}

.DB_Horse .DataSearchDetail ul li:nth-child(2),
.DB_Horse .DataSearchDetail ul li:nth-child(5){
	padding:4px 3px;
}

.DB_Horse .DataSearchDetail ul li:nth-child(3),
.DB_Horse .DataSearchDetail ul li:nth-child(6){
	padding:4px 0px 4px 3px;
}

.DB_Horse .DataSearchDetail ul li a{
	margin:0;s
	box-shadow: 0 2px 2px rgba(0, 0, 0, .5);
}

/*----------------------------
競走馬ランキング
----------------------------*/
.TopMainRanking{
	padding:0px 0 10px;
}

@media only screen and (max-width: 321px){
	.DataBox_01 p.SubData{
		display:none;
	}
	ul.CommonList_01 li .DataBox_01 p.ViewCount{
		bottom:-10px;
	}
}

.TopMainRanking .RankList{
	height: 460px;
}

.TopMainRanking .LinkBtn_04 a{
	position:relative;
}
.TopMainRanking .LinkBtn_04 a:after{
	position:absolute;
    right: 25px;
    top: 0;
    bottom: 7px;
    margin: auto;
	display:block;
	content:"";
	height:10px;
	width:10px;
	border-left:2px solid #242424;
	border-bottom:2px solid #242424;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

/*----------------------------
掲示板
----------------------------*/
.Contents.DBtop .CommentList .CommentBalloon > span{
    line-height: 1.5em;
    max-height: 6.0em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.Contents.DBtop .CommentList .UseName span a{
	top:-2px;
}
.Contents.DBtop .CommentList .UseName span.Date{
	top:0px;
}
.Contents.DBtop .CommentList .common_pager ul li{
	padding:0;
}
/*----------------------------
ランキング
----------------------------*/
.race_summary_info{
	position: relative;
}
.Search_Result{
	margin: 0
}
.DB_Horse .DBtop .RankList ul li .HorseData{
	font-size:74%;
	margin-bottom:9px;
}
.DB_Horse .DBtop .RankList ul li .ViewCount{
	font-size:74%;
	color:#b1b1b1;
	text-align:right;
}
.DB_Horse .DBtop .RankList ul li .ViewCount .Icon_DB_S{
	margin-left:3px;
}

.DB_Horse .DBtop .LeadingBox .Btn_List_01 li{
	float:left;
}
.DB_Horse .DBtop .DB_Leading_Ranking.Contents_Box{
	padding-bottom: 0;
}
.DB_Horse .DBtop .DB_Leading_Ranking .SubMenuTitle{
    height: 38px;
    padding: 0 0 0 13px;
    line-height: 1.5;

}
.DB_Horse .DBtop .DB_Leading_Ranking ul.Side_Btn_Sort{
 position: absolute;
    right: 5px;
    top: -47px;
    color: #222;
    font-size: 85%;
}
.DB_Horse .DBtop .DB_Leading_Ranking ul.Side_Btn_Sort a{
	width:123px;
  display: block;
  text-align: center;
  color: #444444;
  font-weight:normal;
  font-size:80%;
  padding: 9px 0 27px;
  border-top: 1px solid #fff;
  border-radius: 4px;
  background: #f3f3f3;

}
.DB_Horse .DBtop .DB_Leading_Ranking ul.Side_Btn_Sort a:after{
	position:absolute;
	bottom:12px;
	left: 0;
	right: 0;
	margin: auto;
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 5px 0 5px;
	border-color: #444444 transparent transparent transparent;
  transition: all 0.2s;
}
.DB_Horse .DBtop .DB_Leading_Ranking ul.Side_Btn_Sort a.open:after {
  transform: rotate(-180deg);
}
.SeparateSearch_Sort_padding{
	padding: 0;
}
.DB_Horse .DBtop .DB_Leading_Ranking .SeparateSearch_Sort_Wrap{
	position:relative;

	display: block;
	border: none;
}
.DB_Horse .DBtop .DB_Leading_Ranking ul.Sort_Select_Box{
	position:absolute;
	z-index:9999;
	top: -6px;
	width:100%;
	padding:4px 10px 18px;
	border-bottom:1px solid  #888888;
    background: #f3f3f3;;
}

.DB_Horse .DBtop .DB_Leading_Ranking ul.Sort_Select_Box li{
	float:left;
    width: 33.3333333%;
    padding: 8px 4px 0;
}
.DB_Horse .DBtop .DB_Leading_Ranking ul.Sort_Select_Box li a{
    display: block;
    font-size: 70%;
    color:#666;
    height: auto;
	padding: 18px 0 18px 0;
    border-radius: 4px;
    text-align: center;
    line-height: 1.2;
    background: #ffffff;
    border: solid 1px #dedede;
    overflow: hidden;
    white-space: nowrap;
}
.race_summary_info .RaceDayWrap{
	display:table;
	padding:0;
	height:55px;
	border-bottom:none;

}
.race_summary_info .RaceDayWrap .RacedDayPrev{
	display:table-cell;
	width: 10%;
}
.race_summary_info .RaceDayWrap  a{
    display: inline-block;
    height: 13px !important;
    width: 15px !important;
	background-color:transparent !important;
    background: url("../../img/icon/icon_sprite_db.png") !important;
    background-repeat: no-repeat;
    background-position: -17px -1202px !important;
    -webkit-background-size: 55px 1500px !important;
    -moz-background-size: 55px 1500px !important;
    -ms-background-size: 55px 1500px !important;
    background-size: 55px 1500px !important;
}
.race_summary_info .RaceDayWrap .RacedDayPrev a{
    transform: rotate(540deg);
    -moz-transform: rotate(540deg);
    -webkit-transform: rotate(540deg);
}
.race_summary_info .RaceDayWrap  span{
    background-color: transparent !important;
    background-image: none !important;
}
.race_summary_info .RaceDayWrap .RacedDayMiddle{
	display:table-cell;
	width: 80%;
	text-align:center;
	vertical-align: middle;
	color:#222;
	font-size:85%;
	font-weight:bold;
}
.race_summary_info .RaceDayWrap .RacedDayNext{
	display:table-cell;
	width: 10%;
}
/*----------------------------
新着写真
----------------------------*/
.DB_Horse .DBtop .NewPhotoList{
	padding:0px 0px 10px;
}

.DB_Horse .DBtop .Main_Column{
	overflow:hidden;
}
#PhotoSlider{
	position: relative;
	padding: 0 6px;
}
#PhotoSlider .slick-list{
	padding:0px 0 6px 1px;
}
#PhotoSlider .item{
	padding:0px;
	margin-right:3px;
	background:#fff;
}

#PhotoSlider .item a > span{
	display:block;
	background: #000;
	position: relative;
}
#PhotoSlider .item span img{
	max-width:100%;
	max-height:100%;
	position: absolute;
	top: -100%;
	left: -100%;
	right: -100%;
	bottom: -100%;
	margin: auto;
}

.PhotoData {
	font-size:90%;
	padding:13px 10px 7px;
	font-weight:bold;

}
.PhotoData .LimitsWidth{
	display: block;
	white-space: nowrap;
	line-height: 1.3;
	height: 1.4em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.PhotoData span{
    display: block;
    margin-top: 6px;
	font-size:90%;
	font-weight:normal;
	color:#999;
}
/*
#PhotoSlider button.slick-arrow{
	position: absolute;
    color: #fff;
    font-size: 14px;
    margin: auto 5px;
    top: 0;
    bottom: 0;
    height: 76px;
    width: 25px;
    padding: 4px 7px;
    border:none;
    background-color: rgba(0,0,0,0.75);
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	z-index:99;
	    text-indent: -9999em;
}

#PhotoSlider button.slick-arrow:after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    height: 12px;
    width: 12px;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
}

#PhotoSlider button.slick-arrow.slick-disabled{
	display:none !important;
}

#PhotoSlider button.slick-arrow.slick-prev{
	left:-5px;
}
#PhotoSlider button.slick-arrow.slick-prev:after{
	left: 8px;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
/
#PhotoSlider button.slick-arrow.slick-next{
	right:-5px;
}
#PhotoSlider button.slick-arrow.slick-next:after{
	right: 8px;
	transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
}
*/



/*もっとみる*/

#PhotoSlider li.lastBox{

    background: #f3f3f3;

}


#PhotoSlider li.lastBox a{
	position:relative;
    display: block;
    height: 100%;
	color:444;
	font-size: 90%;
}

#PhotoSlider li.lastBox a span{
	display:block;
	position:absolute;
	top:45%;
	margin: auto;
	color:#444;
    width: 100%;
    text-align: center;
    line-height: 1.2em;
}






/*レスポンシブ*/
@media only screen and (min-width: 992px){
	#PhotoSlider li{
		height:232px;

	}
	#PhotoSlider .item a > span{
		height:165px;
	}
	#PhotoSlider li.lastBox a:after{
		top:40px;
	}
}
@media only screen and (max-width: 991px) and (min-width: 768px){
	#PhotoSlider li{
		height:190px;

	}
	#PhotoSlider .item a > span{
		height:125px;
	}
	#PhotoSlider li.lastBox a:after{
		top:35px;
		height:45px;
		width:125px;
		-webkit-background-size: 125px 45px;
		-moz-background-size:  125px 45px;
		-ms-background-size: 125px 45px;
		background-size: 125px 45px;
	}
}
@media only screen and (max-width: 767px) and (min-width: 650px){
	#PhotoSlider li{
		height:212px;
	}
	#PhotoSlider .item a > span{
		height:142px;
	}
	#PhotoSlider li.lastBox a:after{
		top:30px;
	}
}
@media only screen and (max-width: 649px) and (min-width: 545px){
	#PhotoSlider li{
		height:230px;

	}
	#PhotoSlider .item a > span{
		height:160px;
	}
	#PhotoSlider li.lastBox a:after{
		top:20px;
	}
}
@media only screen and (max-width: 544px) and (min-width: 480px){
	#PhotoSlider li{
		height:210px;
	}
	#PhotoSlider .item a > span{
		height:127px;
	}
	#PhotoSlider li.lastBox a:after{
		top:35px;
		height:45px;
		width:125px;
		-webkit-background-size: 125px 45px;
		-moz-background-size:  125px 45px;
		-ms-background-size: 125px 45px;
		background-size: 125px 45px;
	}
}
@media only screen and (max-width: 479px) and (min-width: 322px){
	#PhotoSlider li{
		height:185px;

	}
	#PhotoSlider .item a > span{
		height:120px;
	}
	#PhotoSlider li.lastBox a:after{
		top:65px;
	}
}
@media only screen and (max-width: 321px){
	#PhotoSlider li{
		height:185px;

	}
	#PhotoSlider .item a > span{
		height:120px;
	}
	#PhotoSlider li.lastBox a:after{
		top:65px;
	}
}

/*----------------------------
リーディングリスト
----------------------------*/
.DB_Horse .DBtop .LeadingBox ul li .HorseData{
	font-size:74%;
	font-weight:bold;
	margin-bottom:9px;
}
.DB_Horse .DBtop .LeadingBox ul li .Supplement{
	font-size:74%;
}
@media only screen and (min-width: 768px){
	.DB_Horse .DBtop .LeadingBox ul.List_01 li a{
		padding:5px;
	}
	.DB_Horse .DBtop .LeadingBox ul.List_01 li a .PhotoThumb_01{
	    left: -5px;
	    top: -5px;
        width: 115px;
	}
	.DB_Horse .DBtop .LeadingBox ul li .LimitsWidth{
		margin-bottom:5px;
	}
	.DB_Horse .DBtop .LeadingBox ul li .HorseData{
		margin-bottom:5px;
	}
	.DB_Horse .DBtop .LeadingBox ul li .Supplement{
		line-height:1.3em;
	}


}



/* =======================================================
競走馬詳細
	画像カルーセル
	馬名、ナビゲーション
	出走情報ブロック
	競走馬血統表
	競走馬データ表
	Pog登録ボタン
	産駒成績
	一口馬主クラブ　募集馬情報
	競走成績
	ニュース・コラム
===============s======================================= */
/*----------------------------
画像カルーセル
----------------------------*/
.HorseProfile .HorseHeader {
	position:relative;
	background:#000;
	padding:10px 0 ;
	height:250px;
}
.HorseProfile .HorseHeader.NoPhoto{
	height:90px;
	background: url("../../img/bg_HorseHeader_min.png");
}
.HorseProfile .HorseHeader .owl-carousel,
.HorseProfile .HorseHeader .owl-carousel .owl-stage-outer{
	height:100%;
}
.HorseProfile .HorseHeader .owl-carousel .owl-item{
	/*opacity: 0.5;*/
}
.HorseProfile .HorseHeader .owl-carousel .owl-item.active.center{
	opacity: 1;
}
.HorseProfile .HorseHeader .owl-carousel .owl-item figure a.PhotoBox01{
    display: block;
}

.HorseProfile .HorseHeader .HorseImg .item.LastImg:before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: 9;
}
.HorseProfile .HorseHeader .HorseImg .HeadImg{
	position:relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    -ms-background-size: contain;
}
.HorseProfile .HorseHeader .HorseImg .HeadImg  div{
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
/*
@media only screen and (max-width: 321px){
	.HorseProfile .HorseHeader .HorseImg .owl-stage{
		padding-left:60px !important;
		padding-right:40px !important;
		transform: translate3d(-520px, 0px, 0px) !important;
	}
}
*/
.HorseProfile .HorseHeader .LastImg {
	text-align:center;
	display:block;
	position: relative;
}
.HorseProfile .HorseHeader .LastImg span{
    color: #fff;
    font-size: 80%;
    position: absolute;
    display:block;
    top: 50%;
    z-index: 99;
    padding-right: 20px;
    left: 50%;
    width: 230px;
    margin-left: -105px;
}
/*
.HorseProfile .HorseHeader .LastImg img{
	width:100%;
		opacity: 0;
}*/
.HorseProfile .HorseHeader .LastImg span:after{
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 32px;
    width: 8px;
    height: 8px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-140deg);
    -moz-transform: rotate(-140deg);
    -webkit-transform: rotate(-140deg);
}

/*写真一枚の時とき*/
.HorseProfile .HorseHeader .Single{
	padding:10px;
}
.HorseProfile .HorseHeader .Single .item{
	height:100%;
}
.HorseProfile .HorseHeader .Single .item .HeadImg{
	height:100%;
}
.HorseProfile .HorseHeader .Single div{
    max-width: 100%;
    max-height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
}

/*写真ないとき*/
.HorseProfile .HorseHeader .NoPhotoImage{
	position:relative;
	padding: 2px 10px 0;
}



.HorseProfile .HorseHeader .NoPhotoImage a .item{
	position:relative;
	display:table;
	width:80%;
	height:175px !important;
	margin:0 auto;
    color:#939393;
    text-align:center;
	background:#404040;
}
.HorseProfile .HorseHeader .NoPhotoImage a .BgTextBox{
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}
.HorseProfile .HorseHeader .NoPhotoImage a div em{
    display: block;
	font-size:90%;
	font-weight:bold;
}
@media only screen and (min-width: 992px){
	.HorseProfile .HorseHeader {
		height:350px !important;
	}
	.HorseProfile .HorseHeader .NoPhotoImage a .item{
	height:320px !important;
	}
	.HorseProfile .HorseHeader .Single{
		height:350px !important;
	}
	.HorseProfile .HorseHeader .Single .item{
		height:320px !important;
		text-align:center;
	}
}
@media only screen and (max-width: 991px) and (min-width: 768px){
	.HorseProfile .HorseHeader {
		height:350px !important;
	}
	.HorseProfile .HorseHeader .NoPhotoImage a .item{
	height:240px !important;
	}
	.HorseProfile .HorseHeader .Single{
		height:350px !important;
	}
	.HorseProfile .HorseHeader .Single .item{
		height:320px !important;
		text-align:center;
	}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
	.HorseProfile .HorseHeader {
		height:350px !important;
	}
	.HorseProfile .HorseHeader .NoPhotoImage a .item{
	height:340px !important;
	}
	.HorseProfile .HorseHeader .Single{
		height:350px !important;
	}
	.HorseProfile .HorseHeader .Single .item{
		height:320px !important;
		text-align:center;
	}
}
@media only screen and (max-width: 479px) and (min-width: 321px){
	.HorseProfile .HorseHeader {
		height:198px !important;
	}
	.HorseProfile .HorseHeader .Single{
		height: 198px !important;
	}
	.HorseProfile .HorseHeader .Single .item{
		height:168px !important;
		text-align:center;
	}
}

@media only screen and (max-width: 320px){
	.HorseProfile .HorseHeader{
		height:160px !important;
	}
	.HorseProfile .HorseHeader .NoPhotoImage a .item{
		height: 135px !important;
	}
	.HorseProfile .HorseHeader .Single .item{
		height:130px !important;
		text-align:center;
	}
	.HorseProfile .HorseHeader .NoPhotoImage a div span.bg_NoPhoto_Horse{
		-webkit-background-size: 30px 30px;
    	-moz-background-size: 30px 30px;
    	-ms-background-size: 30px 30px;
    	background-size: 30px 30px;
    	width:30px;
    	height:30px;
    	margin-bottom:10px;
	}
	.HorseProfile .HorseHeader .NoPhotoImage a div span.bg_NetkeibaLogo{
		margin-top:10px;
	    -webkit-background-size: 120px 12px;
    	-moz-background-size: 120px 12px;
    	-ms-background-size: 120px 12px;
    	background-size: 120px 12px;
    	width: 120px;
    	height: 12px;
	}
	.HorseProfile .HorseHeader .NoPhotoImage a div em{
	font-size:70%;
	}
}


.HorseProfile .HorseHeader .NoPhotoImage a div p{
    font-size:80%;
    margin-top:10px;
}
.HorseProfile .HorseHeader .NoPhotoImage .bg_NoPhoto_Horse,
.HorseProfile .HorseHeader .NoPhotoImage .bg_NetkeibaLogo{
	display: block;
	margin:auto;
	background-repeat: no-repeat;
}
.HorseProfile .HorseHeader .NoPhotoImage .bg_NoPhoto_Horse{
	margin-bottom: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;
}
.HorseProfile .HorseHeader .NoPhotoImage .bg_NetkeibaLogo{
	margin-top:14px;
	background: url("../../img/bg_NetkeibaLogo.png");
	-webkit-background-size: 120px 12px;
	-moz-background-size:120px 12px;
	-ms-background-size:120px 12px;
	background-size: 120px 12px;
	width: 120px;
	height: 12px;
}

/*-- プラグインデザイン変更 --*/
/*
.HorseImg .slick-slider {
    overflow: hidden;
}
.HorseImg .slick-arrow {
    color:#fff;
    font-size:14px;
    text-indent: -9999em;
    position: absolute;
    padding:4px 7px;
    margin: auto 0;
    top: 0;
    bottom: 0;
    height: 76px;
    width: 25px;
    border: none;
    background: rgba(0,0,0,0.75);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    z-index: 99;
    cursor:pointer;
}

.HorseImg .slick-arrow:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    height: 12px;
    width: 12px;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
}
.HorseImg .slick-prev {
    left: 0;
}
.HorseImg .slick-next {
    right: 0;
}
.HorseImg .slick-prev:after{
    left: 8px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.HorseImg .slick-next:after{
    right: 8px;
    transform: rotate(225deg);
    -moz-transform: rotate(22deg);
    -webkit-transform: rotate(225deg);
}
.HorseImg .slick-prev:hover,
.HorseImg .slick-prev:focus,
.HorseImg .slick-next:hover,
.HorseImg .slick-next:focus{
    opacity: .5;
    outline: none;
}
.HorseImg .slick-list {
  margin-right: -5px;
}
.HorseImg .slick-slide {
  margin-right: 5px;
}
*/
.owl-theme .owl-controls .owl-nav [class*=owl-]{
    position: absolute;
    margin: auto 5px !important;
    top: 0;
    bottom: 0;
    height: 76px;
    width: 25px;
    padding: 4px 7px;
    border: none;
    background: rgba(0,0,0,0.75) !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    z-index: 99;
    text-indent: -9999em;
}
.owl-theme .owl-controls .owl-nav > div:after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    height: 12px;
    width: 12px;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
}
.owl-theme .owl-controls .owl-nav .owl-prev{
    left: -5px;
}
.owl-theme .owl-controls .owl-nav .owl-prev:after{
	left: 8px;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.owl-theme .owl-controls .owl-nav .owl-next{
	right:-5px;
}
.owl-theme .owl-controls .owl-nav .owl-next:after{
	right: 8px;
	transform: rotate(225deg);
	-moz-transform: rotate(22deg);
	-webkit-transform: rotate(225deg);
}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{
    opacity: 0.5;
    background: rgba(0,0,0,0.75);
    }

.HorseProfile .HorseHeader .HorseImg .owl-item span{
    z-index: 999;
    position: absolute;
    color: #fff;
    top: 50%;
    left:50%;
    font-size:80%;
    display: block;
	margin-left: -110px;
}
.HorseProfile .HorseHeader .HorseImg .owl-item span:after{
    content: "";
    position: absolute;
    display: block;
    top: 0px;
    right: 32px;
    width: 8px;
    height: 8px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-140deg);
    -moz-transform: rotate(-140deg);
    -webkit-transform: rotate(-140deg);
}

/*----------------------------
馬名、ナビゲーション
----------------------------*/
/*-- 馬名 --*/
.DB_Horse .HorseProfTitle{
	position:relative;
	background:#fff;
	padding-top:0;
}
.DB_Horse .HorseProfTitle > div:first-child{
	position:relative;
	background:#fff;
	padding-top: 14px;
	color:#222;
	padding-top:8px;
}

.DB_Horse .HorseProfTitle p.Name{
	color:#222;
	width: 300px;
	padding-left:12px;
	line-height: 1.2em;
	font-size:115%;
	font-weight:bold;
}
@media only screen and (max-width: 321px){
	.DB_Horse .HorseProfTitle p.Name{
		width: 215px;
	}
}


.DB_Horse .HorseProfTitle p.Data{
	padding: 3px 12px 11px;
	color:#5d5d5d;
	font-size:70%;
}

/*-- お気に入りボタン --*/
.DB_Horse .HorseProfTitle .FavBtn{
	display:block;
	position:absolute;
	right:12px;
	top: 2px;
    bottom: 0;
    margin: auto;
    height: 45px;
}
.DB_Horse .HorseProfTitle .FavBtn a{
    position: relative;
    display: block;
	width:62px;
	height:43px;
	background:#54b84a;

    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.DB_Horse .HorseProfTitle .FavBtn a span{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 4px;
    left: 13px;
    right: 0;
}
.DB_Horse .HorseProfTitle .FavBtn a.Already{
    background: #e6b022;
    border-top:none;
    border-bottom:none;
}


/*-- ナビゲーション --*/
.DB_Horse .HorseProfNavi ul{
	display:table;
	width:100%;
}
.DB_Horse .HorseProfNavi ul li{
	display:table-cell;
    width: 20%;
    height:42px;
}
.DB_Horse .HorseProfNavi ul li:first-child{
    border-left:none;
}

.DB_Horse .HorseProfNavi ul li a{
	position:relative;
    display: block;
		color: #666666;
    font-size: 72%;
    text-align: center;
    line-height:42px;
		background: #f3f3f3;
    border-top: 2px solid #f3f3f3;
    white-space: nowrap;
}

.DB_Horse .HorseProfNavi ul li a.OtherBtn:after{
	position:absolute;
	bottom:6px;
	left: 0;
	right: 0;
	margin: auto;
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 5px 0 5px;
	border-color: #666666 transparent transparent transparent;
}


.DB_Horse .HorseProfNavi ul li.Active a{
	color: #666666;
	font-weight: bold;
	background: #fff;
}

.DB_Horse .HorseProfNavi ul li.Active a.OtherBtn:after{
    transform: rotate(540deg);
    -moz-transform: rotate(540deg);
    -webkit-transform: rotate(540deg);
    bottom: 8px;
}


.DB_Horse .HorseProfNavi ul li a .TItle.Prof{
    letter-spacing: -2px;
    white-space: nowrap;
}
@media only screen and (max-width: 479px) and (min-width: 300px){
	.DB_Horse .HorseProfNavi ul li a .TItle.Prof{
		letter-spacing: -3px;
		font-size:95%;
	}
}

/*-- トグルメニュー --*/
.DB_Horse .OtherMenuToggle{
	position:absolute;
	z-index:9999;
	width:100%;
	padding:8px 6px 4px;
	background: #ffffff;
}
.DB_Horse .OtherMenuToggle ul{
}
.DB_Horse .OtherMenuToggle ul li{
	float:left;
	width:33.3%;
	padding:0 4px 8px;
}
.DB_Horse .OtherMenuToggle ul li a{
	display:block;
	padding:18px 0;
	color:#444;
	font-size:70%;
	font-weight:bold;
	text-align:center;
	border:1px solid #dedede;
  border-radius: 4px;
}
.DB_Horse .OtherMenuToggle ul li:nth-child(2){
    letter-spacing: -1px;
}

/*----------------------------
出走情報ブロック
----------------------------*/
.HorseInfo{
	padding:0px 9px 0;
	font-size:80%;
}

.HorseInfo a.Race{
	position:relative;
	display:block;
	height:45px;
	padding-left:93px;
	line-height:45px;
	color:#222;
	font-weight:bold;
	overflow:hidden;
	border-radius: 4px;
	border-bottom:1px solid #dadada;
	background:#fff;
}
.HorseInfo a.Race span.Label{
    position: absolute;
    top: 0px;
    left:0;
    width:85px;
    height:100%;
    line-height:45px;
    text-align:center;
	color:#fff;
	font-weight:normal;
	background:#ccc;
}
.HorseInfo a.Race span.Label.InfoLabel01{
	background:#1766d6;
}
.HorseInfo a.Race span.Label.InfoLabel02{
	background:#1766d6;
}
.HorseInfo a.Race span.Label.InfoLabel03{
	background:#1766d6;
}
.HorseInfo a.Race span.Label.InfoLabel04{
	background:#1766d6;
}
.HorseInfo a.Race span.Label.InfoLabel05{
	background:#1766d6;
}

.HorseInfo a.Race:after{
	content:"";
	position:absolute;
	display:block;
	top: 15px;
	right: 15px;
	width:10px;
	height:10px;
	border-left:3px solid #cdcdcd;
	border-bottom:3px solid #cdcdcd;
    transform: rotate(-140deg);
    -moz-transform: rotate(-140deg);
    -webkit-transform: rotate(-140deg);
}

/*-- 種牡馬・繁殖牝馬の出走産駒 --*/
.HorseInfo a.EnteredHorse{
	position: relative;
	display:block;
	height:55px;
	line-height:55px;
	padding:0px 20px;
	color:#fff;
	border-radius: 3px;
	background:#fa555b;
	border-bottom:1px solid #ab1f1f;
	overflow: hidden;
}
/*----------------------------
競走馬血統表
----------------------------*/
.HorseProfile .HorsePedigreeBox .HorsePedigreeTable{
	width:100%;
	padding:0;
}
.HorseProfile .HorseDataBox table.HorsePedigreeTable th{
	width:107px;
}
.HorseProfile .HorseDataBox table.HorsePedigreeTable th.Sire{
	color:#fff;
	background:#5f9ede;
}
.HorseProfile .HorseDataBox table.HorsePedigreeTable td.Sire{
	background:#d0e0ef;
}
.HorseProfile .HorseDataBox table.HorsePedigreeTable th.Dam{
	color:#fff;
	background:#d2768c;
	border-bottom:none;
}
.HorseProfile .HorseDataBox table.HorsePedigreeTable td.Dam{
	background:#f4dee3;
	border-bottom:none;
}
.HorseProfile .HorseDataBox table.HorsePedigreeTable td.Dam span{
	display:block;
	padding-top:4px;
	font-size:80%;
}

/*----------------------------
競走馬データ表
----------------------------*/
.HorseProfile .HorseDataBox{
	position:relative;
	overflow: hidden;
	padding: 9px 7px 0 8px;
}
.HorseProfile .HorseDataBox table{
	width:100%;
	font-size:80%;
    border-collapse: collapse;
}
.HorseProfile .HorseDataBox table tr{
	height:38px;
}
.HorseProfile .HorseDataBox table th,
.HorseProfile .HorseDataBox table td{
	position:relative;
	padding:9px 8px 7px;
	height:28px;
	line-height:1.3em;
	vertical-align: middle;
	background:#fff;
	border:1px solid #c6ccdd;
}

.HorseProfile .HorseDataBox table td .Barn01,
.HorseProfile .HorseDataBox table td .Barn02,
.HorseProfile .HorseDataBox table td .Barn03{
	top: -1px;
	bottom:0;
	margin:auto;
}

.HorseProfile .HorseDataBox table td a{
	font-weight:bold;
  font-size: 106%;
	/*color: #444;*/
}
.HorseProfile .HorseDataBox table td img.OwnerColours{
	width:32px;
	position:absolute;
	top: 0px;
	bottom:0;
	left:10px;
	margin:auto;
}
.HorseProfile .HorseDataBox table td.OwnerName{
	padding-left:46px;
}


.HorseProfile .HorseDataBox table th{
	width:107px;
	color:#333;
	font-weight:normal;
	background:#e4e7ed;
}
.HorseProfile .HorseDataBox table td{
  width : -webkit-calc(100% - 107px) ;
   width : calc(100% - 107px) ;
}

.HorseProfile .HorseDataBox table tr:nth-child(even) td{
	background:#f7f8f9;
}
.HorseProfile .HorseDataBox table tr:nth-child(even) th{
	background:#dadfe8;
}
/*もっと見る*/
.MoreRead.Open > div{}
.MoreRead.Open > div:before{
	top:4px;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.MoreRead.Open > div:after{
top:8px;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
/*--みんなの評価 --*/
.HorseProfile .HorseDataBox table tr.Rating td .RateStar{
	color:#edc407;
	line-height: 24px;
}
.HorseProfile .HorseDataBox table tr.Rating td .RateStar img{
	width:13px;
	height:13px;
}
.HorseProfile .HorseDataBox table tr.Rating td .RateStar em{
	padding:0 6px;
	color:#df9e46;
	font-size:103%;
	font-weight:bold;
}

/*--お気に入り馬登録ユーザー --*/
.HorseProfile .HorseDataBox table tr.BookMarkUser td{
	position:relative;
}
.HorseProfile .HorseDataBox table tr.BookMarkUser td a{
	position:relative;
	display:block;
}
.HorseProfile .HorseDataBox table tr.BookMarkUser img{
	display:inline-block;
	height:25px;
	width:25px;
	margin-right:6px;
	border-radius: 50%;
}
.HorseProfile .HorseDataBox table tr.BookMarkUser .UserCount{
    position: absolute;
    right: 10px;
    top: -2px;
    color:#222;
    font-weight:normal;
    background: #fff;
    padding: 8px 4px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.HorseProfile .HorseDataBox table tr.BookMarkUser .UserCount:before{
    position: absolute;
    left: -5px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 5px 4px 0;
	border-color: transparent #ffffff transparent transparent;
}

/*表示件数*/
@media only screen and (max-width: 479px) and (min-width: 322px){
	.HorseProfile .HorseDataBox table tr.BookMarkUser img:nth-child(n+6){
		display:none;
	}
}

@media only screen and (max-width: 321px){
	.HorseProfile .HorseDataBox table tr.BookMarkUser img:nth-child(n+4){
		display:none;
	}
}


/*--続きを見る --*/
.HorseProfile .HorseDataBox .MoreRead {
    margin-left: -8px;
    padding: 0 8px;
}

[class*=OwnerStateLabel] {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    padding: 3px 0 2px;
    text-align: center;
    width: 44px;
    white-space: nowrap;
    vertical-align: 1px;
}
.OwnerStateLabel01 {background: #6baa4f;}
.OwnerStateLabel02 {background: #d5be3b;}
.OwnerStateLabel03 {background: #878e84;}

.OwnerUnitPrice {
    font-size: 14px;
    white-space: nowrap;
}
.OwnerUnitPrice span {
    font-size: 12px;
}


/*----------------------------
Pog登録ボタン
----------------------------*/
.PogRegist {
    padding: 9px 4px 0;
    font-size: 80%;
}
.PogRegist a{
	position: relative;
    display: block;
    height: 55px;
    text-align:center;
    line-height: 55px;
    padding: 0px 20px;
    color: #fff;
    border-radius: 3px;
    border: 1px solid #4a4a4a;
}
.PogRegist a .Icon_DB{
	position:absolute;
    top: 4px;
    right: 10px;
}
p.PogTxt{
    padding: 10px 10px 0;
	font-size:70%;
	color:#999999;
}
/*----------------------------
産駒成績
----------------------------*/
.SireSubTitle{
	position:relative;
	padding-left:45px;
	height:45px;
	line-height:45px;
	font-size:80%;
	font-weight:bold;
	color:#fff;
	background:#4972c4;
}
.Dam .SireSubTitle{
	background:#e36f82;
}
.SireSubTitle .Icon_DB_S{
    position: absolute;
    left: 13px;
}
.SireSubTitle .Icon_DB_S_06{
	top: 12px;
}
.SireSubTitle .Icon_DB_S_07{
	top: 9px;
}
.SireSubTitle .Icon_DB_S_08{
	top: 13px;
}

.HorseProfile .ResultBox{
	padding:0 7px;
}

.HorseProfile .ResultBox table.ResultTable{
    width: 100%;
    font-size: 80%;
	border-collapse:collapse;
	border:0px;
}

.HorseProfile .ResultBox table.ResultTable a{
	font-weight:bold;
}

.HorseProfile .ResultBox table.ResultTable th,
.HorseProfile .ResultBox table.ResultTable td {
    position: relative;
    padding: 9px 7px;
    line-height: 1.4em;
    height: 28px;
    text-align:left;
    vertical-align: middle;
	background:#f1f1f1;
}

.HorseProfile .ResultBox table.ResultTable th{
    width: 107px;
    color:#34466c;
    font-weight:normal;
    background: #d2e1fb;
}

.Dam .HorseProfile .ResultBox table.ResultTable th{
    color:#8b4b55;
    background: #f5cfd7;
}
.HorseProfile .ResultBox table.ResultTable td {
	font-weight:bold;
}
.HorseProfile .ResultBox table.ResultTable tr:nth-child(even) td{
    background: #fff;
}
.HorseProfile .ResultBox table.ResultTable tr:nth-child(even) th{
	background:#dfeaff;
}
.Dam .HorseProfile .ResultBox table.ResultTable tr:nth-child(even) th{
	background:#f5dee3;
}


/*-- リーディンググラフ --*/
#line-chart{
	padding:0 !important;
	background: #fff;
}

/*----------------------------
一口馬主クラブ　募集馬情報
----------------------------*/
.HorseProfile .OwnerDetail{
	padding:8px 7px;
}
/*-- 募集ステータス --*/
.HorseProfile .OwnerDetail .Status{
	height:36px;
	color:#fff;
	line-height:36px;
	border-radius: 4px;
	text-align:center;
	background:#eb4646;
}
.HorseProfile .OwnerDetail .Status.Accept{
	background-color: rgba(111,171,88,1);
}
.HorseProfile .OwnerDetail .Status.Expire{
	background:#eb4646;
}
.HorseProfile .OwnerDetail .Status.Near{
	background-color: rgba(208,189,81,1);
}
.HorseProfile .OwnerDetail .Status.Stop{
	background-color: rgba(119,119,119,1);
}
/*-- 立ち写真 --*/
.HorseProfile .OwnerDetail .ClubHorseImage{
	width:100%;
	height:318px;
    background: rgb(219, 219, 210);
}
.HorseProfile .OwnerDetail .ClubHorseImage img{
    display: block;
    margin: auto;
	max-width:100%;
	max-height:318px;
}
/*-- 基本情報 --*/
.HorseProfile .OwnerDetail table.HorseDataTable{
	width: 100%;
	font-size: 80%;
	border-collapse:separate;
	border-spacing:1px 0;
}

.HorseProfile .OwnerDetail table.HorseDataTable tr th,
.HorseProfile .OwnerDetail table.HorseDataTable tr td{
    position: relative;
    color:#5aa240;
    font-weight:bold;
    text-align:center;
    padding: 9px 10px;
    height: 28px;
    vertical-align: middle;
    background: #fff;
}
.HorseProfile .OwnerDetail table.HorseDataTable tr th{
	width: 50%;;
	color:#fff;
	font-weight:normal;
	background: #5aa240;
}
/*クラブリンク*/
.HorseProfile .OwnerDetail .LinkBtn_03 a{
	color:#222;
	font-size:85%;
	text-align:left;
}
.HorseProfile .OwnerDetail .Icon_Colours{
	position: relative;
	top: 1px;
	left:-1px;
}

/*-- おすすめポイント --*/
.HorseProfile .Recommended{
    padding: 0px 7px 8px;
}
.HorseProfile .PointBalloon{
    position: relative;
    padding: 18px;
    background: #fff;
}
.HorseProfile .PointBalloon:after{
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 7px 7px 7px;
    border-color: transparent transparent #fff transparent;
    line-height: 0px;
    top: -6px;
    left: 8px;
}

.HorseProfile .PointBalloon .Point{
    position: relative;
    /*max-height: 125px;
    overflow: hidden;*/
    font-size: 90%;
    line-height: 1.5em;
}


/*-- 馬体情報 --*/
.HorseProfile .PointBalloon .HorseBody .Main{
    position: relative;
    font-size:80%;
    width: 230px;
    height: 154px;
    background-image: url("../../img/bg_horse_info.png");
    background-repeat: no-repeat;
    background-size: contain;
	margin:0 auto 44px;
}
.HorseProfile .PointBalloon .HorseBody .Main span{
	position:absolute;
	display:block;
	font-weight:bold;
}
.HorseProfile .PointBalloon .HorseBody .Main span.Height{
    top: 16px;
    left: 92px;
}
.HorseProfile .PointBalloon .HorseBody .Main span.Chest{
    top: 60px;
    left: 130px;
}
.HorseProfile .PointBalloon .HorseBody .Main span.Shank{
    top: 84px;
    text-align: right;
}
.HorseProfile .PointBalloon .HorseBody .Main span.Weight{
    bottom: -30px;
    left: 50%;
    margin-left: -25%;
}

.HorseProfile .PointBalloon .HorseBody .Main{
	line-height: 1.4em;
}
.HorseProfile .PointBalloon .HorseBody .Date{
    font-size: 80%;
    line-height: 1.4em;
    color: #333;
}
/*----------------------------
競走成績
----------------------------*/
/*-- 登録レース --*/
.HorseInfo.Regist a{
	padding-left:63px;
}
.HorseInfo.Regist a .Icon_DB{
	position:absolute;
	left:15px;
	top: 9px;
}
.Data_Table.DetailTable{
	padding-left:0px !important;
}

/*-- 通算成績 --*/
.HorseProfile .TotalPerformance{
	display:table;
	padding:0px 0px;
  width: 100%;
	font-size:85%;
}
.HorseProfile .TotalPerformance .Title {
	display: inline-block;
	width:110px;
	line-height:32px;
	height:32px;
	color:#222;
	font-weight:bold;
	text-align:center;
	border-right:1px  solid #c7c7c7;
}
.HorseProfile .TotalPerformance .Icon_DB_S{
	position: relative;
    top: 2px;
}
.HorseProfile .TotalPerformance .Detail{
	padding-left:22px;
	color:#5d5d5d;
}
.HorseProfile .TotalPerformance .Detail  em{
	margin-right:12px;
	color:#222;
	font-weight:bold;
}
.HorseProfile .TotalPerformance.Unregistered {
	color:#999;
	font-weight:bold;
}
/*-- 直近5レース --*/
.MovieList ul li h2 span.LimitsWidth{
	 max-width: 168px;
	 display: block !important;
	float: left;
	white-space: nowrap;
	-webkit-box-orient: vertical;
.MovieList ul li h2
}
@media screen and (max-width: 320px){
	ul.CommonList_01 li .DataBox_01 h2{
	    width: auto;
	}
	.TopMainRanking ul.CommonList_01 li .DataBox_01 h2{
		width:auto;
	}
.MovieList ul li h2 span.Icon_GradePos01{
    position: absolute;
    right: 5px;
        top: 11px !important;
        left: initial;
}
	.MovieList ul li h2 span.LimitsWidth{

        width: auto;
	}
}
.MovieList ul li h2 span.Icon_GradePos01{
	top:0px;

}
.MovieList ul li .PhotoThumb_01{
    background: #222;
}
.MovieList ul li .PhotoThumb_01 img{
	max-width: initial;
}
.MovieList ul li .PhotoThumb_01 .PlayIcon{
	position:absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
	width:40px;
	height:40px;
	border:2px solid #fff;
	border-radius: 50%;
	z-index:9;
}
.MovieList ul li .PhotoThumb_01 .PlayIcon:after{
	position:absolute;
	display: block;
	content:"";
	width: 0;
	height: 0;
    top: 0;
    left: 3px;
    right: 0;
    bottom: 0;
    margin: auto;
	border-style: solid;
	border-width: 7px 0 7px 12px;
	border-color: transparent transparent transparent #ffffff;
}

.MovieList ul li .PhotoThumb_01:after{
	content:"";
	position:absolute;
	top:0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.2);
}
.MovieList ul li .PhotoThumb_01.NoPhoto:after{
	background-color: rgba(0,0,0,0);
}
.MovieList ul li p{
	position:relative;
	padding-top: 5px !important;
	white-space: nowrap;
}

.MovieList ul li p.Result{
	padding-left:145px;
	padding-top: 9px !important;
}
.MovieList ul li p .HorseNo{
	position:absolute;
    padding: 4px 0 2px;
    font-size:90%;
    left: 120px;
    top: 6px;
}
.MovieList ul li p .HorseNo.Wide{
	 width: 35px;
}
/*着順なしのとき*/
.MovieList ul li p .HorseNo.Rank_{
	display:none;
}

@media only screen and (max-width: 360px){
	.MovieList ul li .PhotoThumb_01{
	    width: 91px;
	    height: 91px;
	}
	.MovieList ul li .PhotoThumb_01 img{
		height: 91px;
		margin-left:-20px;
	}
	.MovieList ul li p .HorseNo{
		left:85px;
	}
	.MovieList ul li p.Result {
		padding-left: 115px;
	}

}

/*----------------------------
ニュース・コラム
----------------------------*/
.HorseProfile .NewsList ul{
	background:none;
}
.HorseProfile .NewsList ul li{
	height:92px;
}
.HorseProfile .NewsList ul li:first-child{
	border-top: 1px solid #ccc;
}
.HorseProfile .NewsList ul li a{
    padding: 12px 14px 14px;
}
.HorseProfile .NewsList ul li a .LinkBox_01{
	max-height:63px;
}
.HorseProfile .NewsList ul li .PhotoThumb_01{
    position: relative;
    margin-right: -7px;
    top: -12px;
    left: -14px;
    width: 128px;
    height: 91px;
    overflow: hidden;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
.HorseProfile .NewsList ul li .PhotoThumb_01 img{
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    min-width: 128px;
    min-height: 91px;
    max-width: 130px;
    max-height: 93px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
	-ms-transform: none;
    -webkit-transform: none;
    transform: none;
}
.HorseProfile .NewsList ul li h2{
	margin-top:5px;
    font-size: 90%;
    color: #333;
    line-height: 1.3em;
    height: 2.6em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}
.NewsData {
    position: absolute;
    top: 5px;
    right: 0;
	color:#999999;
	font-size:75%;
    line-height: 1em;
    height: 1em;
	width: 170px;
	text-align:right;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
@media only screen and (max-width: 321px){
	.NewsData {
		width:120px;
	}
}
/*-- サイドカラム回りこみ時対応 --*/
@media only screen and (min-width: 768px){
	.Side_Column .NewsList ul li .NewsData{
	    margin-top: -1px;
    padding-top: 2px;
    font-size: 70%;
    width:85px;
	}
}


/*-- 掲示板 --*/
.DB_Horse_BBS .CommentBtnCenter button{
	display: block;
	width: 200px !important;
	color: #fff;
	cursor: pointer;
	font-size: 80%;
	font-weight: bold;
	text-align: center;
	padding: 10px 0px;
	margin: 8px auto;
	background: #0033aa;
	border-radius: 4px;
}
.DB_Horse_BBS .CommentBtnCenter button span{
	display:none;
}

.DB_Horse_BBS .Inner_Txt.Icon_SNS_M .Icon_UserBlock{
    display: inline-block;
    background: url("../../img/icon/icon_sprite_db_S.png");
    background-repeat: no-repeat;
    -webkit-background-size: 55px 1000px;
    -moz-background-size: 55px 1000px;
    -ms-background-size: 55px 1000px;
    background-size: 55px 1000px;
    background-position: -10px -113px;
    width: 24px;
    height: 24px;
}
.Title_Sec .CommnentCount{
	position:relative;
	padding-left:25px;
	padding-top: 2px;
  float: right;
  font-size: 68%;
  color: #999;
}
.Title_Sec .CommnentCount > span{
	margin-left:6px;
	color:#222;
	font-weight:bold;
}
.Title_Sec .CommnentCount span.Icon_DB_S{
	position: relative;
	top: -2px;
	left: 2px;
	float: left;
	margin-right: 5px;
}

.CommentList ul li {
	padding:0px 10px 10px;
}
.CommentList ul li + li{
	padding-top:10px;
}
ul li .UseName{
	position:relative;
}

ul li .UseName img{
	width: 35px;
	height: 35px;
  float:left;
  margin-right:10px;
  border-radius: 50%;
}

ul li .UseName span a{
    padding: 0;
    padding-left: 0px;
    padding-top: 7px;
    font-size: 72%;
    font-weight: bold;
  	color: #888;
    position: relative;
    top: 0px;
}

ul li .UseName span.ResNumber{
	display:inline-block;
	color:#999999;
	font-size:75%
}
ul li .UseName span.Date{
	color:#999999;
	font-size:61.1%;
}
.CommentList ul li .UseName span.Date{
	float: initial;
    position: absolute;
    right: 0;
    top: 3px !important;
}
ul li .UseName > a{
    position: absolute;
    bottom: 0;
    right: 0;
}
ul li .UseName a span.Btn{
	display:inline-block;
	padding:4px 4px 3px;
	text-align:center;
	color:#999;
	font-size:65%;
	border:1px solid #ccc;
    border-radius: 4px;
    background-color: #e6e6e6;
    background-image: -moz-linear-gradient(top,#fff,#eaeaea);
    background-image: -o-linear-gradient(top,#fff 0,#eaeaea 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#eaeaea));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fff', EndColorStr='#eaeaea')";
    background-image: linear-gradient(to bottom,#fff,#eaeaea);
}
.CommentList ul li .CommentBalloon{
  position: relative;
  padding: 18px 18px 15px;
  border-radius: 4px;
	background: #f3f3f3;
	margin-left: 44px;
	top: -13px;
	font-size: 89%;
	margin-bottom: -13px;
}
.CommentList ul li .CommentBalloon:after{
	clear: both;
	content: " ";
	display: block;
}
.CommentList ul li .CommentBalloon > span{
    line-height: 1.4em;
    font-size: 100%;
    color:#222;
    /*max-height: 6em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;*/
    word-wrap: break-word;
    -webkit-box-orient: vertical;
}
.CommentList.DetailList ul li .CommentBalloon > span{
	line-height: 1.5em;
}/*
.CommentList ul li .CommentBalloon:before{
	position: absolute;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0px 7px 7px 7px;
	border-color: transparent transparent #ccc transparent;
	line-height: 0px;
	top: -8px;
	left: 8px;
}
.CommentList ul li .CommentBalloon:after{
	position: absolute;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0px 7px 7px 7px;
	border-color: transparent transparent #fff transparent;
	line-height: 0px;
	top: -6px;
	left: 8px;
}*/
.CommentList ul li .CommentBalloon a.BbsLink{
    position: relative;
    top: -5px;
	display:inline-block;

	margin-bottom:6px;
	font-size:80%;
	font-weight:bold;
	color:#0033aa;
	text-align:left;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.CommentList ul li .CommentBalloon .CommentBtnNice{
    text-align: right;
}

.CommentList ul li .CommentBalloon .CommentBtnDesign{
  position: relative;
	top: 9px;
	margin-right:6px;
}
.CommentList ul li .CommentBalloon .CommentBtnDesign:last-child{
	margin-right:0px;
}
.CommentList ul li .CommentBalloon .CommentBtnDesign:nth-child(4){
	font-size:80%;
	top: 4px;
	color: #999;
}


.CommentList ul li .CommentBalloon .CommentBtnDesign.Good,
.CommentList ul li .CommentBalloon .CommentBtnDesign.Edit{
	top:5px;
    margin-top: 3px;
	display:inline-block;
	text-align:center;
	color: #777;
	font-size:78%;
    border-radius: 4px;
}
.CommentList ul li .CommentBalloon .CommentBtnDesign.Good{
	float:right;
	padding:7px 5px 5px 26px;
}
.CommentList ul li .CommentBalloon .CommentBtnDesign.Edit{
	padding:6px 5px 5px;
	margin-right: 0;
	top: 1px;
}
.CommentList ul li .CommentBalloon .CommentBtnDesign.Off{
	color:#ccc;
	background:#f1f1f1;
}

.CommentList ul li .CommentBalloon .CommentBtnDesign.Good span.Icon_DB_S{
    position: absolute;
    top: 3px;
    left: 9px;
}

.CommentList ul li .CommentBalloon .LikeCount{
    padding-left: 5px;
}

.CommentList ul li .CommentBalloon .CommentBtnList{
	position: absolute;
	    bottom: 20px;
}
.CommentList ul li .CommentBalloon .CommentBtnList .ReviceLink{
    position: relative;
    font-size: 80%;
    margin-left: 7px;
    top: 4px;
    color: #999;
}
.CommentList ul li .CommentBalloon .BBS_Delete{
    text-align: right;
}
.CommentList ul li .CommentBalloon .BBS_Delete a{
    color: #999;
    font-size: 80%;
}
.MuteMenuToggle_Content{
position: relative;
}
.MuteMenuToggle_Content:before{
position: absolute;
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0px 7px 7px 7px;
border-color: transparent transparent #ccc transparent;
line-height: 0px;
top: -6px;
right: 11px;
}
.MuteMenuToggle_Content:after{
position: absolute;
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0px 7px 7px 7px;
border-color: transparent transparent #fff transparent;
line-height: 0px;
top: -5px;
right: 11px;
}
.MuteMenuToggle ul{
width: 285px;
padding: 0 18px 0;
background: #fff;
-webkit-border-radius: 4px;
   -moz-border-radius: 4px;
        border-radius: 4px;
border: 1px solid #ccc;
-webkit-box-shadow: 0 2px 7px 0px rgba(0,0,0,.2);
   -moz-box-shadow: 0 2px 7px 0px rgba(0,0,0,.2);
        box-shadow: 0 2px 7px 0px rgba(0,0,0,.2);
}
.DB_Horse_BBS #Comment_List .MuteMenuToggle ul li{
padding: 0;
}
.DB_Horse_BBS #Comment_List .MuteMenuToggle ul li:last-child{

}
.MuteMenuToggle ul li{
padding: 0;
}
.MuteMenuToggle ul li > a{
display: block;
background: #fff;
font-size: 78%;
border-bottom: 1px solid #eaeaea;
padding: 22px 0px 21px;
color: #222;
cursor: pointer;
}
.MuteMenuToggle ul li:last-child .UserFunction_List{
border-bottom: none;
}
/*ユーザーミュート機能 20180607(hanada)*/
.MuteMenuToggle{
position: absolute;
top: 31px;
left: -44px;
z-index: 10;
}
.MuteMenuToggle_Content{
position: relative;
}
.MuteMenuToggle_Content:before{
position: absolute;
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0px 7px 7px 7px;
border-color: transparent transparent #ccc transparent;
line-height: 0px;
top: -6px;
left: 72px;
}
.MuteMenuToggle_Content:after{
position: absolute;
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0px 7px 7px 7px;
border-color: transparent transparent #fff transparent;
line-height: 0px;
top: -5px;
left: 72px;
}
.MuteMenuToggle ul{
width: 285px;
padding: 0 18px 0;
background: #fff;
-webkit-border-radius: 4px;
   -moz-border-radius: 4px;
        border-radius: 4px;
border: 1px solid #ccc;
-webkit-box-shadow: 0 2px 7px 0px rgba(0,0,0,.2);
   -moz-box-shadow: 0 2px 7px 0px rgba(0,0,0,.2);
        box-shadow: 0 2px 7px 0px rgba(0,0,0,.2);
}
/*ページャー応急措置--*/
#Comment_List .Common_Pager ul li:last-child{
	width: 60px;
}
/* =======================================================
競走馬実況掲示板
======================================================= */



/* =======================================================
みんなの評価
===============s======================================= */
#user_vote_form{
	padding-bottom: 30px;
}
.DB_Horse.Rating .RatingBox{
	padding:0px 7px;
	margin-bottom: 11px;
}
/*----------------------------
テーブル
----------------------------*/
/*-- netkeibaレーティングテーブル --*/
.DB_Horse.Rating table.netkeibaTable{
	width:100%;
	background:#fff;
	border-collapse: collapse;
	border-spacing: 0;
}
.DB_Horse.Rating table.netkeibaTable tr{

}
.DB_Horse.Rating table.netkeibaTable tr th,
.DB_Horse.Rating table.netkeibaTable tr td{
	position:relative;
	padding:0 10px;
	line-height:45px;
	font-size:80%;
}
.DB_Horse.Rating table.netkeibaTable tr th{
	width:107px;
	text-align:left;
	background:#fff;
}

.DB_Horse.Rating table.netkeibaTable tr td span{
	font-weight:bold;
}
.DB_Horse.Rating table.netkeibaTable tr:first-child td span{
	color:#e75050;
}
/*-- 適性レビューテーブル --*/
.DB_Horse.Rating table.UserRateTable{
	width:100%;
	background:#fff;
	border-collapse: collapse;
	border-spacing: 0;
}
.DB_Horse.Rating table.UserRateTable tr{
	border-bottom:1px solid #f1f1f1;
}
.DB_Horse.Rating table.UserRateTable tr th,
.DB_Horse.Rating table.UserRateTable tr td{
	position:relative;
	padding:0 10px;
	font-size:80%;
}
.DB_Horse.Rating table.UserRateTable tr th{
	text-align:left;
	width:107px;
	line-height:42px;
	background:#d9d9d9;
}
/*--適正グラフ--*/

.DB_Horse.Rating .RatingBox .GraphValue{
	position:absolute;
	width:100%;
	top: 8px;
	height: 30px;
	color:#fff;
	font-weight:bold;
}

.DB_Horse.Rating .RatingBox .GraphValue span:first-child{
	float:left;
	padding-left:10px;
}
.DB_Horse.Rating .RatingBox .GraphValue span:last-child{
	float:right;
	padding-right:10px;
}
.DB_Horse.Rating .RatingBox .GraphBase{
	position:relative;
    top: 8px;
	width:100%;
	height:30px;
    border-radius: 3px;
    overflow:hidden;
}
.DB_Horse.Rating .RatingBox .GraphBase .GraphBar{
	display:inline-block;
	height:30px;
}
.DB_Horse.Rating .RatingBox .GraphBase .GraphBar:first-child{
	float:left;
}
.DB_Horse.Rating .RatingBox .GraphBase .GraphBar:last-child{
	float:right;
}
.DB_Horse.Rating .RatingBox .GraphBase .GraphBar.Gray{
    background: #9c9c9c;
}
.DB_Horse.Rating .RatingBox .GraphBase .GraphBar.Blue{
    background: #2862d8;
}
/*----------------------------
補足アコーディオン
----------------------------*/
.DB_Horse.Rating .DescriptionSlide{
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    padding: 10px;
    margin-top:20px;
}
.DB_Horse.Rating .DescriptionSlide .DetailSlideTitle{
    font-size: 78%;
    color: #666666;
    padding-left: 26px;
    padding-right: 22px;
    position: relative;
    line-height: 1.1;
}
.DB_Horse.Rating .DescriptionSlide .DetailSlideTitle .Icon_Search{
	width: 22px;
height: 22px;
background: url(../../img/icon/icon_sprite_raceinfo.png) no-repeat;
background-position: -37px -262px !important;
-webkit-background-size: 124px 300px;
-moz-background-size: 124px 300px;
-ms-background-size: 124px 300px;
background-size: 124px 300px;
    margin-right: 6px;
}
.DB_Horse.Rating .DescriptionSlide .HideBox{
	padding-top:10px;
}
.DB_Horse.Rating .DescriptionSlide  .DetailSlideTitle:after{
    content: "";
    position: absolute;
    top: 0px;
    right: 8px;
    display: block;
    width: 10px;
    height: 10px;
    border-left: 2px solid #bfbfbf;
    border-bottom: 2px solid #bfbfbf;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.DB_Horse.Rating .DescriptionSlide  .DetailSlideTitle.Open:after{
    top: 5px;
    transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
/*----------------------------
評価コメント
----------------------------*/
/*-- タブ --*/
.DB_Horse.Rating ul.SortTab{
	margin: 10px 10px 20px;
}
.DB_Horse.Rating ul.SortTab li{
	text-align: center;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(201, 201, 201);
	border-image: initial;
	float: left;
	width:50%;
}

.DB_Horse.Rating ul.SortTab li:first-child{
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.DB_Horse.Rating ul.SortTab li:last-child{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.DB_Horse.Rating ul.SortTab li.Active{
	border-width: 1px;
	border-style: solid;
	border-color: rgb(136, 136, 136);
	border-image: initial;
}
.DB_Horse.Rating ul.SortTab li a{
  display: block;
  color: rgb(102, 102, 102);
  font-size: 66.6%;
  height: 100%;
  padding: 8px 0px 7px;
}
.DB_Horse.Rating ul.SortTab li.Active a{
	color: rgb(255, 255, 255);
	font-weight: bold;
	background: rgb(136, 136, 136);
}



/*-- コメント --*/
.DB_Horse.Rating .CommentList{
	position:relative;
	top: -1px;
	padding-bottom:20px;

}
.DB_Horse.Rating .CommentList ul li {
	position: relative;
	border-bottom: 1px solid #e0e0e0;
	padding: 21px;
}
.DB_Horse.Rating .CommentList ul li:first-child {
	border-top: 1px solid #e0e0e0;

}
.DB_Horse.Rating .CommentList ul li .UseName{
	position: static;
}
.DB_Horse.Rating .CommentList ul li .UseName img{
	width:40px;
	height: 40px;
}
.DB_Horse.Rating .CommentList ul li .UseName span a{
	display: block;
	padding-left: 7px;
	color: #444444;
	font-size: 83%;
	font-weight: bold;
}
.DB_Horse.Rating .CommentList ul li .UseName span.Date{
	position: relative;
}
.DB_Horse.Rating .CommentList ul li .CommentBalloon{
	position: relative;
	padding: 18px 18px 15px;
	border-radius: 0px;
	background: #fff;
	margin-left: 0px;
	top: auto;
	margin-bottom: 0;

}
.DB_Horse.Rating .CommentList ul li .CommentBalloon .CommentBtnDesign.Good{
	margin-top: 0;
	padding: 0;
}
.DB_Horse.Rating .CommentList ul li .CommentBalloon .CommentBtnDesign.Good span.Icon_DB_S{
	position: relative;
	left: auto;
}

.DB_Horse.Rating .CommentRateDetail table th,
.DB_Horse.Rating .CommentRateDetail table td{
	line-height:28px !important;
}
.DB_Horse.Rating .CommentRateDetail table td{
	padding-top:5px !important;
}
.DB_Horse.Rating .CommentRateDetail .RateDetail{
	padding:0px 12px 0;
	margin-top:1px;
	font-size:80%;
}
.DB_Horse.Rating .CommentRateDetail .Head{
	position:relative;
}


.DB_Horse.Rating .CommentRateDetail .RateDetail dl dt{
	padding:12px 0 5px;
	font-weight:bold;
}
.DB_Horse.Rating .CommentRateDetail .RateDetail dl dd{
	line-height:20px;
}
.DB_Horse.Rating .CommentList .CommentBalloon > span{
	display: block;
	color:#444;
	margin-top:21px;
}
/* =======================================================
評価投稿
===============s======================================= */
.DB_Horse.Rating table.netkeibaTable.SelfRate img{
	width:12px;
	height:12px;
    margin: 0 -1px;
}
.DB_Horse.Rating table.netkeibaTable.SelfRate .SelectWrap {
   position: absolute;
    top: 6px;
    right:10px;
	float:right;
	width:100px;
    overflow: initial;
}

/*-- エラー吹き出し --*/
.DB_Horse.Rating table.netkeibaTable.SelfRate .SelectWrap .formError{
	display: block;
	position: absolute;
	top: 14px !important;
	right: 105px;
	left: initial !important;
	z-index: 99;
	width: 100px;
	padding: 10px 6px 8px;
	color: #fff;
	font-size: 90%;
	background: #e75050;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.DB_Horse.Rating table.netkeibaTable.SelfRate .SelectWrap .formError:after{
    content: "";
    position: absolute;
    top: 8px;
    right: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #e75050;
}

.DB_Horse.Rating table.UserRateTable.SelfRate tr th,
.DB_Horse.Rating table.UserRateTable.SelfRate tr td{
	padding:3px 10px;
}

.DB_Horse.Rating table.UserRateTable.SelfRate .SelectWrap {
    position: relative;
    top: 1px;
}



/*-- ポイント --*/
.DB_Horse.Rating .CommentPost{
	padding: 0px 7px;
}
.DB_Horse.Rating .CommentPost textarea{
    font-size: 80%;
    line-height: 1.5em;
    padding: 5px 10px;
	width:100%;
	min-height:100px !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	border:1px solid #d7d7d7;
}
/* =======================================================
お気に入り登録ユーザー一覧
===============s======================================= */
.DB_Horse.UserList .UserListBox ul{
}

.DB_Horse.UserList .UserListBox ul li{
	position: relative;
	display: table;
	width:100%;
	padding: 21px 10px 51px;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}
.DB_Horse.UserList .UserListBox ul li + li{
	border-top: none;
}

.DB_Horse.UserList .UserListBox ul li .Avatar_Thumb{
	width:40px;
	float: left;
}
.DB_Horse.UserList .UserListBox ul li .Avatar_Thumb img{
	width: 40px;
	height: 40px;
	display: inline-block;
	border-radius: 50%;
	border-radius: 50%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #ccc;
	vertical-align: middle;
}
.DB_Horse.UserList .UserListBox ul li .UserName{
	display: block;
	padding-left: 7px;
	color: #444444;
	font-size: 83%;
	font-weight: bold;
}
.DB_Horse.UserList .UserListBox ul li .UserName a{
	padding-left: 7px;
	color: #444444;
	font-weight: bold;
}
.DB_Horse.UserList .UserListBox ul li .UserData{
  color: #9c9c9c;
  font-size:80%;
	padding-left: 7px;
}
.DB_Horse.UserList .UserListBox ul li .Friends{
    font-size: 80%;
    color: #9c9c9c;
    position: absolute;
    right: 10px;
    bottom: 21px;
}
.DB_Horse.UserList .UserListBox ul li .Friends .Icon_DB_S{
margin-right:2px;
margin-left:4px;
}
.DB_Horse.UserList .UserListBox ul li .Introduction{
	clear: left;
	padding-top: 21px;
	font-size: 89%;
	color: #444444;
	line-height: 1.45;
	max-height: 5.35em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
/*iframe編集*/
#cboxLoadedContent{
	overflow-y: scroll !important;
}



/* =======================================================
既存ページ修正
===============s======================================= */
.Contents {
    padding-bottom: 0;
}
/*----------------------------
競走成績　pid=horse_detail
----------------------------*/
.DB_Horse_Result_Table_width { width: 2000px }
.FullScreen .DB_Horse_Result_Table_width .Header_Box { margin: 0 }
.DB_Horse_Result_Table_width .Contents {
	width: 2000px;
	margin: 0 auto;
}
@media only screen and (min-width:992px) {
	.DB_Horse_Result_Table_width .Header_Box,
	.DB_Horse_Result_Table_width .Footer_Box,
	.DB_Horse_Result_Table_width .Contents_Header .Title_Box { width: 920px!important }
	.DB_Horse_Result_Table_width .Header_Menu_Box { margin: 10px 8px 0 8px }
	.DB_Horse_Result_Table_width .Contents { padding: 10px 8px 0 8px }
	.DB_Horse_Result_Table_width .Main_Column {
		float: left!important;
		width: 1600px!important;
	}
	.DB_Horse_Result_Table_width .Inner_Box { padding: 8px }
	.DB_Horse_Result_Table_width table.SP_Common_Table {
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	.DB_Horse_Result_Table_width .Side_Column { width: 1640px!important }
	.DB_Horse_Result_Table_width .Header_Menu_Box { margin: 10px 8px 0 8px }
	.DB_Horse_Result_Table_width .Contents { padding: 10px 8px 0 8px }
	.DB_Horse_Result_Table_width .Inner_Box { padding: 8px }
	.DB_Horse_Result_Table_width .Main_Column {
		float: left!important;
		width: 1600px!important;
	}
	.DB_Horse_Result_Table_width table.SP_Common_Table {
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
	}
}
@media only screen and (min-width:300px) and (max-width:479px) {
	.DB_Horse_Result_Table_width { width: 1500px }
		.DB_Horse_Result_Table_width .Contents {
			/*	width: 1500px;*/
			margin: 0 auto;
		}
		.DB_Horse_Result_Table_width table.SP_Common_Table { border-right: 1px solid #ddd }
}
@media only screen and (min-width:480px) and (max-width:767px) {
	.DB_Horse_Result_Table_width { /*width: 1500px */}
		.DB_Horse_Result_Table_width .Contents {
			/*width: 1500px;*/
			margin: 0 auto;
		}
		.DB_Horse_Result_Table_width table.SP_Common_Table { border-right: 1px solid #ddd }
}
.DB_Horse_Result table.SP_Common_Table { font-size: .7em }
	.DB_Horse_Result table.SP_Common_Table td {
		padding: 4px 6px;
		white-space: nowrap;
	}
.DB_Horse.FullScreen .MovieList{
	width:100vw;
	overflow:hidden;
}
.Title_Sec.HasBtn{
	position:relative;
}
.Title_Sec ul.Side_Btn_h2{
	position:absolute;
    right: 0px;
    top: -4px;
}
.Title_Sec.HasBtn ul.Side_Btn_h2{
	top:-16px;
}
.Title_Sec ul.Side_Btn_h2 li{
    float: left;
		color: #888888 !important;
    font-size: 72%;
    font-weight: bold;
    border-radius: 2em;
    /*padding: 6px 14px 0;*/
    padding: 0 14px;
    white-space: nowrap;
    min-width: 80px;
    height: 28px;
		margin-left: 6px;
    text-align: center;
    border: 1px solid #e0e0e0;
    background: #fff;
		position: relative;
top: 11px;
font-size: 82%;
}

.Title_Sec ul.Side_Btn_h2 li a{
font-weight: bold;
    color: #888;
    padding: 7px 0 0;
    display: inline-block;
}
/*--全画面表組み--*/
/*表幅設定*/
@media only screen and (max-width: 767px) {
	.DB_Data_Box table.SP_Common_Table {
		width: 100%;
	}
}
/*表border設定*/
@media only screen and (min-width:480px) {
	.DB_Data_Box table.SP_Common_Table {
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
	}
}
.DB_Data_Box.Variable_Space{
	padding: 0 10px;
}

.DB_Data_Box table.SP_Common_Table {
    width: 37px;
	background:#fff;
	margin: 0 0 4px;
}


.DB_Data_Box table.SP_Common_Table .Icon_Inline_M .Icon_Movie {
	margin: 0;
/* DB内のみ映像アイコン拡大(臨時対応) */
	width:30px;
	height:27px;
	background-size:245px 851px;
	background-position: 0px -435px;
	margin-right: 2px;
}


/*表上部文言設定*/
.Table_Title {
	padding: 12px 4px 4px;
}
.DB_Data_Box > .Table_Title:first-child {
	padding: 4px;
}
.Table_Title dl {
	display: table;
	width: 100%;
}
.Table_Title dl dt,
.Table_Title dl dd {
	display: table-cell;
}
.Table_Title dl dt {
	font-weight: bold;
	font-size: .85em;
}
.Table_Title dl dd {
	font-size: .7em;
	text-align: right;
}

/*レース結果の表設定*/
.DB_Data_Box.DB_Horse_Result table.SP_Common_Table td {
	line-height: 1.4em;
	height: 36px;
	    padding-left: 7px !important;
}

/*レース結果の表設定*/
.DB_Data_Box.DB_Horse_Result table.SP_Common_Table td[class*="Rank_"] {
	left:0;
}
.DB_Data_Box.DB_Horse_Result table.SP_Common_Table td.txt_r{
padding-left: 0 !important;
    text-align: center;
    padding-right: 0px !important;
}
/*レース名設定*/
.DB_Data_Box.DB_Horse_Result table.SP_Common_Table .Race_Name_Cell > div {
	font-size: .8em;
	margin-bottom: 4px;
}
.DB_Data_Box.DB_Horse_Result table.SP_Common_Table .Race_Name_Cell span a {
	display: table;
	font-size: .9em;
}


#return_btn {
    display: inline-block;
    text-align: center;
    text-shadow: 0 -1px 0 #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #f4f4f4;
    margin: 0 6px 10px;
}
#return_btn a {
    display: block;
    color: #333;
    font-weight: bold;
    font-size: .85em;
    padding: 6px;
}
/*スワイプ表設定*/
@media only screen and (max-width: 767px) {
	.Data_Area table.SP_Common_Table {
		width: 37px !important;
	}
}
.Data_Area {
	position: relative;
}
.Data_Area table th {
	height: 45px;
	padding: 0 4px!important;
	background: #f1f1f1;
}
.Data_Area table td {
	padding: 0 4px!important;
    width: 135px;
    white-space: nowrap;
}
/*表のタイトルが2段の場合*/
.Table_2col table th {
	height: 22px;
}
.Table_2col table th[rowspan="2"] {
	height: 45px;
}
.Data_Area > table {
	position: absolute;
	z-index: 50;
	background: #fff;
	border-right: 3px double #ddd!important;
}
.Data_Table {
	background: #fff;
	position: relative;
	overflow: auto;
}



/*======================================
ニュース・コラム
======================================*/
.NewsList.HorseDetail ul li .PhotoThumb_01{
    top: -17px;
}

.NewsList.HorseDetail  ul li .CountView{
    position: absolute;
    right: 0;
    bottom: 6px;
    font-size: 57%;
    color: #999;
}
.NewsList.HorseDetail  ul li .CountView span{
    position: relative;
    top: 2px;
   margin-left: 3px;
}
/*======================================
みんなの競走馬ランキング
======================================*/
/*タブ*/
.Tab_UserRankSelect ul {
	display: table;
	width: 100%;
}
.Tab_UserRankSelect ul li {
	display: table-cell;
	vertical-align: bottom;
}
.Tab_UserRankSelect .Tab1 li {
  width: 100%;
}
.Tab_UserRankSelect .Tab2 li {
  width: 50%;
}
.Tab_UserRankSelect .Tab3 li {
  width: 33.3%;
}
.Tab_UserRankSelect .Tab4 li {
  width: 25%;
}
.Tab_UserRankSelect ul a {
	background: #fff;
	border-radius: 3px 3px 0 0;
	box-shadow: 0 0 10px rgba(146, 151, 165, .3);
	color: #5f5f5f;
	display: block;
	font-size: 86%;
	font-weight: bold;
	padding: 13px 0;
	text-align: center;
}
.Tab_UserRankSelect ul li + li a {
	margin-left: 4px;
}
.Tab_UserRankSelect ul .Active {
	color: #fff;
	background: #2b71d9;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #2b71d9),
		color-stop(1, #215fc7)
	);
	background-image: -o-linear-gradient(bottom, #2b71d9 0%, #215fc7 100%);
	background-image: -moz-linear-gradient(bottom, #2b71d9 0%, #215fc7 100%);
	background-image: -webkit-linear-gradient(bottom, #2b71d9 0%, #215fc7 100%);
	background-image: -ms-linear-gradient(bottom, #2b71d9 0%, #215fc7 100%);
	background-image: linear-gradient(to bottom, #2b71d9 0%, #215fc7 100%);
	box-shadow: 0 0 10px rgba(146, 151, 165, .3), 0 2px 2px rgba(255,255,255,.5) inset;
	padding: 17px 0 13px;
}
/*ボタン*/
.Btn_Group{
    padding: 6px 0 0 8px;
}
.Btn_Group {
	background: #215fc7;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.9, #215FC9),
		color-stop(1, #1A4D9E)
	);
	background-image: -o-linear-gradient(bottom, #215FC9 90%, #1A4D9E 100%);
	background-image: -moz-linear-gradient(bottom, #215FC9 90%, #1A4D9E 100%);
	background-image: -webkit-linear-gradient(bottom, #215FC9 90%, #1A4D9E 100%);
	background-image: -ms-linear-gradient(bottom, #215FC9 90%, #1A4D9E 100%);
	background-image: linear-gradient(to bottom, #215FC9 90%, #1A4D9E 100%);
}
.Btn_Group .Inner {
	padding: 6px 0 0 8px;
}
.Btn_Group ul li {
	border-radius: 3px;
}
.Btn_Group ul a {
	display: block;
	font-size: 94%;
	font-weight: bold;
	background: #6490D9;
	border-radius: 3px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
	padding: 12px 0;
	margin-right: 6px;
}
.Btn_Group .Col1 li a,
.Btn_Group .Col2 li:nth-child(2n) a,
.Btn_Group .Col3 li:nth-child(3n) a {
	margin-right: 8px;
}
.Btn_Group ul .Active a {
	color: #2160c9;
	background: #fff;
	box-shadow: 0 1px 2px rgba(255,255,255,.5) inset, 2px 1px 5px rgba(8, 8, 9, .5);
	border-radius: 3px 3px 0 0;
	text-shadow: none;
	line-height: 26px;
	height: 52px;
}
.Btn_Group ul li:not(.Active) {
	position: relative;
	top: 6px;
}
.Btn_Group .Col2 li {width: 45%;}
.Btn_Group .Col2 .Active {width: 55%;}
.Btn_Group .Col3 li {width: 30%;}
.Btn_Group .Col3 .Active {width: 40%;}


/*リスト内配置調整*/
.UserRank .RankList ul li {
	border-top:none !important;
}
.UserRank .RankList ul li:first-child{
	border-top: 1px solid #b8b8b8 !important;
}
.UserRank .RankList  ul li .HorseData{
    margin-bottom: 7px !important;
}


/*リスト内レートバルーン*/
.RankList ul li .Point,
.RankList ul li .Rating{
    position: relative;
    float:right;
    font-size: .8em;
    color: #435986;
    text-shadow: none;
    font-weight: normal;
}
.RankList ul li .Point  strong{
	    color: #f00 !important;
}
.RankList ul li .Rating strong{
    color: #f60 !important;
	padding-left:6px;
}


/*======================================
出馬表5走/9走表示
======================================*/
.DB_Horse_Result ul.List_Box li a {
	display: inline;
	padding: 0;
}
.DB_Horse_Result ul.List_Box li dl { position: relative }
.DB_Horse_Result ul.List_Box li dt {
	margin: -2px 0 4px 0;
	font-size: 1.0em;
	font-weight: bold;
}
.DB_Horse_Result ul.List_Box li dd {
	font-size: .7em;
	color: #777;
	margin: 0 0 6px 0;
}
.DB_Horse_Result ul.List_Box li dd:last-child { margin: 0 }
.DB_Horse_Result ul.List_Box li dl em {
	font-weight: bold;
	color: #000;
}
.DB_Horse_Result table td.Rank_1 {
	background: #ffef7f;
	font-size:100%;
	-moz-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
	-webkit-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
	-o-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
	-ms-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
}
.DB_Horse_Result table td.Rank_2 {
	background: #cbdeff;
		font-size:100%;
	-moz-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
	-webkit-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
	-o-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
	-ms-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
}
.DB_Horse_Result table td.Rank_3 {
	background: #efc79f;
		font-size:100%;
	-moz-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
	-webkit-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
	-o-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
	-ms-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
}
/* === 指数 cell_color = */
.DB_Horse_Result table td.index2 {
	background-color	:	#fdf2c1 !important;
	-moz-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
	-webkit-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
	-o-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
	-ms-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
}
.DB_Horse_Result table td.index3 {
	background-color	:	#fce489 !important;
	-moz-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
	-webkit-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
	-o-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
	-ms-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
}
.DB_Horse_Result table td.index4 {
	background-color	:	#fc6 !important;
	-moz-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
	-webkit-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
	-o-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
	-ms-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
}
.DB_Horse_Result table td.index5 {
	background-color	:	#ffac84 !important;
	-moz-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
	-webkit-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
	-o-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
	-ms-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
}
.DB_Horse_Result table td.index6 {
	background-color	:	#fc855c !important;
	-moz-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
	-webkit-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
	-o-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
	-ms-box-shadow: 2px 2px 0 0 #fff inset,-2px -2px 0 0 #fff inset;
}
/*======================================
血統
======================================*/
.DB_Horse_Blood_Table_width { width: 762px }
	.DB_Horse_Blood_Table_width .Contents {
		width: 1060px;
		margin: 0 auto 0 auto;
        }
.DB_ALL_Search .Inner_Box { padding: 0 0 8px 0 }
	}
@media only screen and (min-width:992px) {
	.DB_Horse_Blood_Table_width { width: 100% }
		.DB_Horse_Blood_Table_width header .Header_Box,
		.DB_Horse_Blood_Table_width footer .Footer_Box {
			width: 1060px;
			margin: 0 auto;
		}
		.DB_Horse_Blood_Table_width .Contents { margin: 10px auto 0 auto }
}
@media only screen and (min-width:768px) and (max-width:991px) {
	.DB_Horse_Blood_Table_width { width: 100% }
		.DB_Horse_Blood_Table_width header .Header_Box,
		.DB_Horse_Blood_Table_width footer .Footer_Box {
			width: 1060px;
			margin: 0 auto;
		}
		.DB_Horse_Blood_Table_width .Contents { margin: 10px auto 0 auto }
}
@media only screen and (min-width:300px) and (max-width:479px) {
	.DB_Horse_Blood_Table_width .Contents {
		width: 762px;
		margin: 0 auto;
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	.DB_Horse_Blood_Table_width .Contents {
		width: 762px;
		margin: 0 auto;
	}
}
.DB_Horse_Blood_Table_width .Side_Column {
	float: left!important;
	width: 762px!important;
}
table.Mobile_Blood_Table {
 	margin: 8px 0 8px;
	padding-right:13px;
}
table.Mobile_Blood_Table caption {
	padding: 4px;
	text-align: right;
}
table.Mobile_Blood_Table td {
	line-height: 1.4em;
	font-size: .7em;
	vertical-align: middle;
}
table.Mobile_Blood_Table .td05 {
	border-bottom: 1px solid #fff;
}
table.Mobile_Blood_Table .td05.MaleRight {
	border-right: 1px solid #5b9fdf;
}
table.Mobile_Blood_Table .td05.FemaleRight {
	border-right: 1px solid #d3788d;
}
table.Mobile_Blood_Table .Male {
	background: #d0e0ef;
	padding: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
table.Mobile_Blood_Table .Male.tr01 {
	border-top: 1px solid #5b9fdf;
}
table.Mobile_Blood_Table .Male.td01 {
	border-left: 1px solid #5b9fdf;
}
table.Mobile_Blood_Table .Female {
	background: #f4dee3;
	padding: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

table.Mobile_Blood_Table .Female.tr02 {
	border-bottom: 1px solid #d3788d;
}
table.Mobile_Blood_Table .Female.td01 {
	border-left: 1px solid #d3788d;
}
.Horse_Brother table.SP_Common_Table {
	margin: 8px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.Horse_Uncle table.SP_Common_Table {
	margin: 8px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.Mare_Line_Box {
	padding: 8px;
	font-weight: bold;
	font-size: .8em;
	line-height: 1.4em;
}
.Mare_Line_Box table tr td{
	line-height: 1.5;
}
.db_Sire_Link_Block { width: auto }
.db_Sire_List_Group p.Icon_Inline_S {
	margin: 4px;
	font-size: .8em;
}
.DB_Data_Box.Variable_Space table{
	width:100%;
}
@media only screen and (min-width: 767px){
	.DB_Data_Box.Variable_Space table.SP_Common_Table tr th:first-child,
	.DB_Data_Box.Variable_Space table.SP_Common_Table tr td:first-child{
		width: 310px;
	}
}
@media only screen and (max-width: 765px){
	.DB_Data_Box.Variable_Space table.SP_Common_Table tr th:first-child,
	.DB_Data_Box.Variable_Space table.SP_Common_Table tr td:first-child{
		width: 210px;
	}
}
/*======================================
プレミアム誘導ポップアップ
======================================*/
#overLayer {
	display: none;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8010;
	padding: 24px 16px;
}
#glayLayer {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: #000;
	-ms-filter: "alpha(opacity=75)";
	opacity: .75;
	z-index: 8000;
}
.Popup_Box {
	background: #fff;
	border: 4px solid #555;
	position: relative;
}
/*テキスト*/
.Popup_Box .Basic_Info ul li em {
	font-size: 1.1em;
	font-weight: bold;
	color: #2f5ec0;
	vertical-align: middle;
}
.Popup_Box .Inner_Txt {
	padding: 8px 4px;
	color: #999;
}
.Text_Indent {
	padding-left: 1em;
	text-indent: -1em;
	margin: 8px 0;
}
/*ポップアップ下閉じる*/
.Popup_Box p.Close_Link {
	width: 100%;
	text-align: center;
	background: #888;
	border: 1px solid #666;
}
.Popup_Box p.Close_Link a {
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 6px;
	background: #000;
}
.Popup_Box.Premium {
	font-size: .85em;
}
/*ポップアップ右上閉じるボタン(CSSのみ)*/
.Popup_Box.Premium a.Close_Btn_CSS {
	background-color: #FFCC00;
	border-radius: 4px;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-size: 22px;
	height: 22px;
	width: 22px;
	line-height: 22px;
	text-align: center;
	position: absolute;
	top: 8px;
	right: 8px;
}
.Popup_Box.Premium .Info_Title {
	background-color: #f3f3f3;
	color: #444;
	font-weight: bold;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	line-height: 1.3em;
	margin: 4px;
	padding: 6px 4px;
	word-wrap: break-word;
}
.Popup_Box.Premium .Basic_Info {
	border: 2px solid #aaa;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	margin: 4px;
	padding: 4px;
}
.Popup_Box.Premium .Inner_Txt {
	font-size: .9em;
	padding: 4px;
}
/*オレンジボタン*/
.Popup_Box.Premium .Basic_Info ul li .ui-btn {
	display: block;
	margin: 18px 10px 20px;
	width: 90%;
	width: calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
	text-align: center;
	color: #fff;
	border: 1px solid #0033aa;
	background: #0033aa;
	border-radius: 4px;
}
.Popup_Box.Premium .Basic_Info ul li .ui-btn-inner {
	color: #fff;
}
.Popup_Box.Premium .ContentsInfo_Txt_01 {
	border-radius: 4px;
	color : #fff;
	font-size: .7em;
	font-weight: bold;
	line-height: 1.3;
	margin: 4px;
	padding: 6px 30px 6px 8px;
	background: #03a;
}

/*=====================================
写真館
======================================*/
.DB_User_Photo .ChangeBtnList li .SortBtn a{
	/*line-height: 1;*/
	border: none;
}
.DB_User_Photo .ChangeBtnList li .SortBtn.Active a{
	box-shadow: none;
}
.Photo_List_Box {
	padding: 0 0 10px 10px;
}
#Loader {
	text-align: center;
	margin-top: 15px;
}

.Photo_List_Box figure {
	width: 48%;
	float:left;
	margin: 0 2% 12px 0;
}
/*--　投稿一覧 --*/

@media only screen and (min-width: 480px){
	.AllPhotoList .Photo_List_Box figure {
		width: 30%;
	}
}

.Photo_List_Box figure a.PhotoBox01 {
	position:relative;
	display: block;
	padding-top: 2px;
	width:100%;
	height:220px;
	text-align: center;
	display:-moz-box;
	display:-webkit-box;
	display:-o-box;
	display:-ms-box;
	display:box;
	-moz-box-align: center;
	-webkit-box-align: center;
	-moz-box-pack: center;
	-webkit-box-pack: center;
	box-align:center;
	overflow:hidden;
	background:#333;
}
.Photo_List_Box figure a .HorsePhotoImg {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	-moz-background-size:contain;
	-webkit-background-size:contain;
	-o-background-size:contain;
	-ms-background-size:contain;
}
.Photo_List_Box figure .Horse_Photo_Race_Name {
	color: #222;
	font-size: 85%;
	padding: 4px 3px 3px;
	font-weight: bold;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.Photo_List_Box figure .Horse_Photo_UserName {
	color: #999;
	font-size: 80%;
	padding: 3px;
	height:1.2em;
	overflow:hidden;
}
.PhotoUpBtn {
	float: right;
}

p.Side_Btn_01 a{
	float: left;
	color: #888888;
	font-size: 72%;
	font-weight: bold;
	line-height: 2;
	border-radius: 2em;
	padding: 0 14px;
	white-space: nowrap;
	min-width: 80px;
	height: 28px;
	margin-left: 6px;
	text-align: center;
	border: 1px solid #e0e0e0;
	background: #fff;
}
.ChangeBtnList {
	padding:13px 10px;
}
.ChangeBtnList ul{
	float:left;
	width: 110px;
	border-radius: 4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: stretch;
	-ms-flex-pack: stretch;
	justify-content: stretch;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	overflow: hidden;
	border: 1px solid #888;
}
.ChangeBtnList li{
	box-sizing: border-box;
	overflow: hidden;
	width: 50%;
}
.ChangeBtnList li .SortBtn a{
	color: #666;
	font-size: 66.67%;
	line-height: 30px;
	text-align: center;
	display: block;
	height: 30px;
	background: #fff;
	overflow: hidden;
	cursor: pointer;
}
.ChangeBtnList li .SortBtn.Active a{
	background: #888;
	color: #fff;
	font-weight: bold;
	cursor: default;
}

.Photo_Example{
	padding-right:10px;
}
.Photo_Example img{
	width:100%;
}
.MoreBtnBox_01 {
	margin: 8px 22px;
	clear:both;
}
a.MoreBtn_01 {
	color: #666;
	font-size: 61%;
	font-weight: bold;
	text-align: center;
	border: 1px solid #e0e0e0;
	border-radius: 1.27em;
	line-height: 2.55;
	display: block;
	/* width: 38%; */
	width: 79%;
	min-width: 142px;
	margin: 0 auto;
	position: relative;
}
a.MoreBtn_01:after{
	position: relative;
	content:'';
	display: inline-block;
	width:14px;
	height: 14px;
	top: 3px;
	margin-left: 6px;
	/* background: url('../../img/icon/icon_reload.png') no-repeat; */
	background-size: 14px;
}
/*
a.MoreBtn_01 span {
	line-height:19px;
	background-image:url("../../img/icon/icon_MoreRead_01.png");
	background-position:left center;
	background-repeat:no-repeat;
	background-size:12px 19px;
	-moz-background-size:12px 19px;
	-webkit-background-size:12px 19px;
	-o-background-size:12px 19px;
	-ms-background-size:12px 19px;
	padding-left:20px;
}*/
.Side_Btn_01 span.IconPhoto {
	display: inline-block;
	background-image:url("../../img/icon/icon_camera.png");
	background-position:left center;
	background-repeat:no-repeat;
	-webkit-background-size: 12px 9px;
	-moz-background-size: 12px 9px;
	-ms-background-size: 12px 9px;
	background-size: 12px 9px;
	padding-left: 18px;
}

/*-- 写真詳細 --*/
.pswp__scroll-wrap {
	color:#fff;
}
.pswp__button {
	position: relative;
	background: none;
	cursor: pointer;
	overflow: visible;
	-webkit-appearance: none;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
	opacity: 0.75;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.pswp__button--close {
	background-color:#444;
	width: 55px;
	height: 45px;
	background-image:url("../img/icon/icon_MoreRead_01.png");
	background-position:left center;
	background-repeat:no-repeat;
	background-size:55px 40px;
	-moz-background-size:55px 40px;
	-webkit-background-size:55px 40px;
	-o-background-size:55px 40px;
	-ms-background-size:55px 40px;
	color: #fff;
	font-size: 50%;
	border-radius: 5px;
}
.pswp__button--close:before {
	content: ".";
	display: block;
	color: #333;
	background: url('../../img/icon/icon_photo01.png') no-repeat center center;
	-webkit-background-size: 19px 19px;
	-moz-background-size: 19px 19px;
	background-size: 19px 19px;
	height: 19px;
	margin-bottom: 4px;
}
	.pswp__button:focus, .pswp__button:hover {
		opacity: 1;
	}
	.pswp__button:active {
		outline: none;
		opacity: 0.9;
	}
	.pswp__button::-moz-focus-inner {
		padding: 0;
		border: 0;
	}

	.pswp__ui--over-close .pswp__button--close {
		opacity: 1;
	}

.pswp__top-bar > .fc {
	max-width: 800px;
	margin: 0 auto;
	padding: 10px;
}
.UserData {
	float:left;
	margin-top: 7px;
}
	.UserData .UserAvaImg01 {
		float:left;
		margin:0 6px 0 0;
	}
	.UserData .UserAvaImg01 img{
		border-radius:3px;
		width:31px;
		height:31px;
	}
	.UserData .TimeStump {
		font-size:66%;
		white-space:nowrap;
	}
	.UserData .UserHN{
		font-size:83%;
		white-space:nowrap;
	}
	.UserData .UserHN a{
		color:#fff;
		font-weight:bold;
	}
	.UserData .TimeStump,
	.UserData .UserHN {
		line-height: 1.2;
	}

.pswp__caption {
	position: absolute;
	left: 0;
	/*bottom: 0;*/
	bottom: 44px;
	width: 100%;
	min-height: 80px;
}
.pswp__caption__center {
	text-align: left;
	max-width: 800px;
	margin: 0 auto;
	font-size:90%;
	padding: 10px;
	line-height: 20px;
	color: #fff;
}
.pswp__caption__center span.RaceDay {
	display:inline-block;
	font-size:85%;
	padding-left:6px;
}
.pswp__caption__center ul li {
	float:left;
	border: 1px solid #fff;
	border-radius: 5px;
}
/*.pswp__caption__center ul li + li {
	margin-left:10px;
}*/
.pswp__caption__center ul li a {
	display: block;
	padding: 8px 15px;
}
.pswp__caption__center ul li:last-child {
	float:right;
}

.pswp__caption--empty {
	display: none;
}

.pswp__caption--fake {
	visibility: hidden;
}

.pswp__preloader {
	width: 44px;
	height: 44px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -22px;
	opacity: 0;
	-webkit-transition: opacity 0.25s ease-out;
					transition: opacity 0.25s ease-out;
	will-change: opacity;
}

.pswp__preloader__icn {
	width: 20px;
	height: 20px;
	margin: 12px;
}

.pswp__preloader--active {
	opacity: 1;
}
	.pswp__preloader--active .pswp__preloader__icn {
		background: url(preloader.gif) 0 0 no-repeat;
	}

.pswp--css_animation .pswp__preloader--active {
	opacity: 1;
}
	.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
		-webkit-animation: clockwise 500ms linear infinite;
		animation: clockwise 500ms linear infinite;
	 }
	.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
		-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
		animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
	}
.pswp--css_animation .pswp__preloader__icn {
	background: none;
	opacity: 0.75;
	width: 14px;
	height: 14px;
	position: absolute;
	left: 15px;
	top: 15px;
	margin: 0; }
.pswp--css_animation .pswp__preloader__cut {
	position: relative;
	width: 7px;
	height: 14px;
	overflow: hidden; }
.pswp--css_animation .pswp__preloader__donut {
	-webkit-box-sizing: border-box;
					box-sizing: border-box;
	width: 14px;
	height: 14px;
	border: 2px solid #FFF;
	border-radius: 50%;
	border-left-color: transparent;
	border-bottom-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	background: none;
	margin: 0;
}


.SocialBtnList {
	margin-top: 8px;
}
.FaceBookBtn > a,
.TwitterBtn > a,
.ViolationBtn > a,
.ConfigurationBtn > a {
	text-indent: -99999em;
}
.GoodCountBtn {
	background: url('../../img/icon/icon_photo05.png') no-repeat 10px 49%;
	-webkit-background-size: 15px 15px;
	-moz-background-size: 15px 15px;
	background-size: 15px 15px;
}
.GoodCountBtn > span {
	display: inline-block;
}
.GoodCountBtn [class*="attention_button"] > a {
	color: #fff;
	font-weight: bold;
	font-size: 66%;
	margin-left: 15px;
	padding: 11px 0px 11px 15px;
}
.GoodCountBtn span > em > [class*="attention_count"] {
	margin-right: 8px;
  font-size: 72%;
}
.GoodCountBtn .Icon.Icon_Chumoku:before{
	display: none;
}
/*.GoodCountBtn > a {
	color: #fff;
	font-weight: bold;
	font-size: 66%;
	padding: 11px 8px 11px 68px !important;
}*/
.FaceBookBtn {
	background: url('../../img/icon/icon_photo03.png') no-repeat center;
	-webkit-background-size: 6px 12px;
	-moz-background-size: 6px 12px;
	background-size: 6px 12px;
	margin-left:10px;
}
.TwitterBtn {
	background: url('../../img/icon/icon_photo02.png') no-repeat center;
	-webkit-background-size: 12px 10px;
	-moz-background-size: 12px 10px;
	background-size: 12px 10px;
	margin-left:10px;
}
.ViolationBtn {
	background: url('../../img/icon/icon_photo04.png') no-repeat center;
	-webkit-background-size: 15px 15px;
	-moz-background-size: 15px 15px;
	background-size: 15px 15px;
	border: 1px solid #999;
	border-radius: 5px;
	position: relative;
}
.ViolationBtn > a {
	border: none !important;
}

.Violation_Pop {
	position: absolute;
	top: -35px;
	right: 0;
	width: 70px;
	text-align: center;
}
.Violation_Pop:before,
.Violation_Pop:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
}
.Violation_Pop:before {
border-top: 7px solid #fff;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid transparent;
bottom: -13px;
right: 15px;
}
.Violation_Pop:after {
	border-top: 6px solid #000;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid transparent;
	bottom: -10px;
	right: 16px;
}

.Violation_Pop a {
	padding: 5px 0 !important;
	color: #fff;
	font-size: 85%;
	border: 1px solid #fff;
	border-radius: 5px;
}

.ConfigurationBtn {
	background: url('../../img/icon/icon_photo06.png') no-repeat center;
	-webkit-background-size: 24px 24px;
	-moz-background-size: 24px 24px;
	background-size: 24px 24px;
	border: 1px solid #999;
	border-radius: 5px;
	position: relative;
}
.ConfigurationBtn > a {
	border: none !important;
}
.Configuration_Pop {
	position: absolute;
	top: -35px;
	right: 0;
	width: 70px;
	text-align: center;
}
.Configuration_Pop:before,
.Configuration_Pop:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
}
.Configuration_Pop:before {
border-top: 7px solid #fff;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid transparent;
bottom: -13px;
right: 15px;
}
.Configuration_Pop:after {
	border-top: 6px solid #000;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid transparent;
	bottom: -10px;
	right: 16px;
}
.Configuration_Pop a {
	padding: 5px 0 !important;
	color: #fff;
	font-size: 85%;
	border: 1px solid #fff;
	border-radius: 5px;
}
.DeleteDialogBox {
	border-radius: 5px;
	background-color: rgba(255,255,255,0.7);
	position: fixed;
	top: 50%;
	left: 50%;
	width: 89.7%;
	padding: 20px 0;
	z-index: 100000;
	transform: translate(-50%, -50%);
}
.DeleteDialogBox p {
	color: #000;
	margin-bottom: 30px;
	text-align: center;
	text-shadow: 0 0 3px #fff;
}
.DeleteDialogBox ul {
	text-align: center;
	letter-spacing: -.4em;
}
.DeleteDialogBox ul li {
	display: inline-block;
	width: 40.2%;
	letter-spacing: normal;
	float: none !important;
	border: none;
}
.DeleteDialogBox ul li:first-child {
	margin-right: 20px;
}
.DeleteDialogBox ul li a {
	display: block;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 0 3px #000;
	line-height: 39px;
	border-radius: 5px;
	text-align: center;
	padding: 0;
}
.DeleteDialogBox ul li.ReturnBtn a {
	background-color: rgba(125,125,125,0.7);
}
.DeleteDialogBox ul li.DeleteBtn a {
	background-color: rgba(156,34,34,0.7);
}

/* 警告文 */
[class*="Penalty0"] {
	background: #f3f3f3;
	border: 0;
}
[class*="Penalty0"] .Penalty_Title {
    font-size: 88%;
    color: #dc4747;
    background: none;
    text-align: center;
    padding: 14px 0 8px;
	font-weight: bold;
}
[class*="Penalty0"] .Penalty_Title > span {
	position: relative;
	padding-top: 4px;
    display: inline-block;
}
[class*="Penalty0"] .Penalty_Title > span:before {
	content: "";
	display: inline-block;
	background: url('../../img/icon/icon_caution.png') no-repeat;
	-webkit-background-size: 23px 20px;
	-moz-background-size: 23px 20px;
	background-size: 23px 20px;
	width: 23px;
	height: 20px;
	position: absolute;
	top: 0;
	left: -20px;
}
[class*="Penalty0"] .Penalty_Title > img {
    vertical-align: middle;
}
[class*="Penalty0"] .Inner {
    padding: 12px;
    background: #f3f3f3;
	border: 0;
}
[class*="Penalty0"] .Inner p {
    line-height: 1.3;
    font-size: 83%;
	margin-top: 18px;
}
[class*="Penalty0"] .Inner p:first-child {
	margin-top: 0;
}
.Penalty02{
    background-color: #ffebed;
}
.Penalty02 .Penalty_Title{
	text-align: center;
    font-weight: bold;
    color: #ef5350;
	background-color: #ffebed;
}

.Penalty02 .Inner {
	background-color:#ffebed;
	color: #ef5350;
}
#upload_result {
	/*margin: 10px;*/
}
#upload_result div {
	padding: 5px 5px 5px 35px;
	font-size: 83%;
	line-height: 1.3;
	margin: 10px 10px 0;
	color: #f00;
	background: #ffe0ea url('../../img/icon/icon_caution.png') no-repeat 5px center;
	-webkit-background-size: 23px 20px;
	-moz-background-size: 23px 20px;
	background-size: 23px 20px;
}


@media screen and (max-width: 1024px) {
	.pswp__preloader {
		position: relative;
		left: auto;
		top: auto;
		margin: 0;
		float: right;
		display:none;
	}
}

@-webkit-keyframes clockwise {
	0% {
		-webkit-transform: rotate(0deg);
						transform: rotate(0deg); }
	100% {
		-webkit-transform: rotate(360deg);
						transform: rotate(360deg); } }

@keyframes clockwise {
	0% {
		-webkit-transform: rotate(0deg);
						transform: rotate(0deg); }

	100% {
		-webkit-transform: rotate(360deg);
						transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate {
	0% {
		-webkit-transform: rotate(0);
						transform: rotate(0); }
	50% {
		-webkit-transform: rotate(-140deg);
						transform: rotate(-140deg); }
	100% {
		-webkit-transform: rotate(0);
						transform: rotate(0); } }

@keyframes donut-rotate {
	0% {
		-webkit-transform: rotate(0);
						transform: rotate(0); }

	50% {
		-webkit-transform: rotate(-140deg);
						transform: rotate(-140deg); }

	100% {
		-webkit-transform: rotate(0);
						transform: rotate(0); } }

.pswp__ui {
	-webkit-font-smoothing: auto;
	visibility: visible;
	opacity: 1;
	z-index: 1550; }

.pswp__top-bar {
	position: absolute;
	left: 0;
	/*top: 0;*/
	top: 44px;
	height: auto;
	width: 100%;
}

.pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
	-webkit-backface-visibility: hidden;
	will-change: opacity;
	-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
	visibility: visible;
}

.pswp__top-bar, .pswp__caption {
	background-color: rgba(0, 0, 0, 0.5);
}

.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {
	background-color: rgba(0, 0, 0, 0.3);
}

.pswp__ui--idle .pswp__top-bar {
	opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right {
	opacity: 0;
}

.pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right {
	opacity: 0.001;
}

.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter {
	display: none;
}

.pswp__element--disabled {
	display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
	background: none;
}




/*調整用class*/
.m0 {margin:0 !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.pd10 {padding: 10px;}
.pb10 {padding-bottom: 10px;}
/*.required {color: red;}*/
.bold {font-weight: bold;}



.Photo_Btn01 {
	display: inline-block;
	position: relative;
	overflow: hidden;

	border-radius: 4px;
background: #0033aa;
color:#fff;
	text-align: center;
	padding: 11px;
	    width: 100%;
	    cursor: pointer;
	    /* line-height: 34px; */
	    font-size: 78%;
	    font-weight: normal;
	    border: none;
	    height: 34px;
			    margin: 30px 0 10px !important;
}


.Error_Msg_Area > .Error_Msg {
	margin: 6px 0;
	font-size: .8em;
	line-height: 1.3em;
	color: #f00;
	font-weight: bold;
	background: #ffe0ea;
	position: relative;
	padding: 6px 3px 6px 30px;
}
.Error_Msg_Area > .Error_Msg > img {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -10px;
	margin-left: 3px;
}


/*======================================
レース後短評
======================================*/
.DB_Race_Comment table.SP_Common_Table{
	font-size:90%;
}

.DB_Race_Comment table.Race_Common_Table td.Race_Info {
    width: 100%;
    padding: 4px 8px;
    line-height: 27px;
    font-weight: bold;
    color: #333;
    float: left;
    font-size:104%;
    background: #f1f1f1;
    border-top: 1px solid #ccc;
}
.DB_Race_Comment table.Race_Common_Table td.Race_Info p{
    padding-top: 6px;
    font-size: 85%;
}

.DB_Race_Comment table.Race_Common_Table td.Comment_Sumarry {
	margin: 0!imporatnt;
	padding: 4px 8px 20px 8px;
	font-weight: normal;
	line-height: 1.4em;
}
.DB_Race_Comment table.Race_Common_Table tr:last-child td { border-bottom: 0 }

.DB_Race_Comment .Inner_Txt{
	text-align:right;
font-size: 72%;
}
/*======================================
産駒一覧
======================================*/
/*所有馬一覧*/
ul.BreederList li .DataBox_01{
    padding: 9px 14px 11px;
}
ul.BreederList li .DataBox_01 h2{
	line-height:1em;
}
ul.BreederList li .DataBox_01 p{
	padding-top:5px;
}
@media screen and (max-width: 479px) {
	ul.BreederList li .DataBox_01 h2,
	ul.BreederList li .DataBox_01 p{
		width: 62vw;
		max-width: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

}
@media screen and (max-width: 410px) {
	ul.BreederList li .DataBox_01 h2,
	ul.BreederList li .DataBox_01 p{
		width: 57.5vw
	}
}
@media screen and (max-width: 370px) {
	ul.BreederList li .DataBox_01 h2,
	ul.BreederList li .DataBox_01 p{
		width: 50.5vw;
	}
}
/*======================================
産駒成績
======================================*/
/*産駒成績のサブナビゲーション*/
.Sire_Sub_Menu .Common_Btn_Group{
	position:relative;
    margin-bottom: 22px;
    padding: 8px 5px 8px 8px;
}
.Sire_Sub_Menu .Common_Btn_Group:after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 12px solid #dcdcdc;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 0px solid transparent;
    position: absolute;
    left: 50%;
    bottom: -12px;
    margin-left: -28px;
}

.Sire_Sub_Menu .Common_Btn_Group p{
	display:block;
	font-size: 94%;
    color: #555;
    text-align: center;
    margin-bottom: 9px;
    text-shadow: 0 1px 1px #fff;
}

.Sire_Sub_Menu .Common_Btn_Group ul{
	width:100%;
}

.Sire_Sub_Menu .Common_Btn_Group ul li{
	float:left;
	text-align:center;
	 border:none;
	background:none;
}
.Sire_Sub_Menu .Common_Btn_Group ul.col2 li{
	width:50%;
}
.Sire_Sub_Menu .Common_Btn_Group ul.col3 li{
	width:33.33333%;
}
.Sire_Sub_Menu .Common_Btn_Group ul li a{
    display: block;
    font-size: 78%;
    font-weight: bold;
    text-align: center;
    color: #797e8c !important;
    background: #fff;
    margin-right: 3px;
    padding: 15px 0;
    border:none;
    border-radius: 3px;
    box-shadow: 0 2px 2px rgba(146, 151, 165, .5);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 1em;
    box-shadow: none;
    border: 1px solid #e7e7e7;
}
.Sire_Sub_Menu .Common_Btn_Group ul li a.Active{
    background: #4150b2 url('../../img/menu_selected.png') no-repeat center;
    -webkit-background-size: 44px 35px;
    -moz-background-size: 44px 35px;
    -ms-background-size: 44px 35px;
    background-size: 44px 35px;
    color: #fff !important;
}

/*産駒成績の表設定*/
.Horse_Breeding {
	width: 80%;
}

.Center_Icon {
    margin: auto;
    text-align: center;
}

/*======================================
今週の騎乗馬、出走馬
======================================*/
.SelectTxtWrap {
	padding:8px 10px 0;
	font-size:.7em;
	line-height:130%;
}
.SpSelectWrap {
	margin: 10px;
	background:#fff;
	border-bottom:1px solid #ccc;
}
.SpSelectWrap .Title_Sec{
border:none;
background: #f1f1f1;
margin: 10px 0 0 !important;
padding: 9px 8px 13px !important;
}
.SpSelectWrap .Title_Sec.Race_Corse_Title {
	/*border-bottom:1px solid #ccc;*/
  color: #444 !important;
	background: #666;
	padding: 8px;
	margin: 0;
}
.SpSelectWrap .Title_Sec.Race_Corse_Title h2{
    color: #fff !important;
}
.SpSelectWrap .Contents_Header{
	border-top: 1px solid #ccc;
}
.SpSelectWrap .Contents_Header.Border{
	border-top:none;
}
.SpSelectWrap .SpRaceTitleWrap {
	display:table;
	width:100%;
}
.SpSelectWrap .SpRaceNoWrap {
	display:table-cell;
	width:38px;
}
.SpSelectWrap .SpRaceNoBox {
	padding:5px 13px 5px 6px;
	position: relative;
	margin: -5px -8px -8px;
}
.SpSelectWrap .Num {
	width:36px!important;
	font-size:.75em!important;
	line-height:22px!important;
	text-align: center;
	font-weight: bold;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	background: #1228b6;
}
.SpSelectWrap .Num.Race_Fixed {
	background: #d90036 !important;
}
.SpRaceNameWrap {
	display:table-cell;
	width:100%;
	vertical-align:middle;
}
.SpRaceNameWrap a {
	display: table-cell!important;
	font-weight:bold;
	font-size:.9em;
	color:#000066;
	padding-right: 2px;
    position: relative;
    top: 3px;
    height: 18px;
}
.SpRaceNameWrap > div {
	display: table-cell!important;
}
.SpSelectWrap .RaseTitleBtn {
	position: absolute;
	top: 6px;
	right: 12px;
	display:table;
	width: 75px;
	height: 23px;
}
.SpSelectWrap .RaseTitleBtn a {
	display: table-cell;
	color: #888888;
	font-size: 72%;
	font-weight: bold;
	line-height: 2;
	border-radius: 2em;
	padding: 0 14px;
	white-space: nowrap;
	min-width: 80px;
	height: 28px;
	margin-left: 6px;
	text-align: center;
	border: 1px solid #e0e0e0;
	background: #fff;
}
/*.SpSelectWrap .SpRaceNameWrap .Icon_Grade{
	position: relative;
	top: 2px;
}
.SpSelectWrap .Icon_G1{
	background-position:0 -1px;
}
.SpSelectWrap .Icon_G2{
	background-position:0 -19px;
}
.SpSelectWrap .Icon_G3{
	background-position:0 -37px;
}
.Icon_G{
	background-position:0 -55px;
}
.SpSelectWrap .Icon_Open{
	background-position:0 -72px;
}
.SpSelectWrap .Icon_Un1600{
	background-position:0 -90px;
}
.SpSelectWrap .Icon_Un1000{
	background-position:0 -107px;
}
.SpSelectWrap .Icon_Un900{
	background-position:0 -125px;
}
.SpSelectWrap .Icon_Un500{
	background-position:0 -142px;
}
.SpSelectWrap .Icon_JG1{
	background-position:0 -159px;
}
.SpSelectWrap .Icon_JG2{
	background-position:0 -177px;
}
.SpSelectWrap .Icon_JG3{
	background-position:0 -194px;
}
.SpSelectWrap .Icon_WIN5{
	background-position:0 -212px;
}*/
/*--レースのグレードアイコン*/
.SpSelectWrap .Icon_Grade {
	display: inline-block;
	color: #fff;
	font-size: 56%;
	line-height: 1;
	text-align: center;
	background: #bababa;
	min-width: 32px;
	width:45px;
	margin-left: 7px;
	border-radius: 1em;
	padding: 5px .7em 0 !important;
	vertical-align: text-top;
	white-space: nowrap;
}
.SpSelectWrap .Icon_G1,.SpSelectWrap .Icon_JG1 { background: #0033aa; }
.SpSelectWrap .Icon_G2,.SpSelectWrap .Icon_JG2 { background: #c53131; }
.SpSelectWrap .Icon_G3,.SpSelectWrap .Icon_JG3 { background: #58af4a; }
.SpSelectWrap .Icon_G { background: #de8a26; }
.SpSelectWrap .Icon_GradeType14 { background: #666; }
.SpSelectWrap .Icon_WIN5{
	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;
	top: 0;
}
.SpSelectWrap .Icon_G1:after{
	display: inline;
	content: 'GI';
}
.SpSelectWrap .Icon_G2:after{
	display: inline;
	content: 'GII';
}
.SpSelectWrap .Icon_G3:after{
	display: inline;
	content: 'GIII';
}
.SpSelectWrap .Icon_G:after{
	display: inline;
	content: '重賞';
}
.SpSelectWrap .Icon_Open:after{
	display: inline;
	content: 'OP';
}
.SpSelectWrap .Icon_Un1600:after{
	display: inline;
	content: '1600下';
}
.SpSelectWrap .Icon_Un1000:after{
	display: inline;
	content: '1000下';
}
.SpSelectWrap .Icon_Un900:after{
	display: inline;
	content: '900下';
}
.SpSelectWrap .Icon_Un500:after{
	display: inline;
	content: '500下';
}
.SpSelectWrap .Icon_JG1:after{
	display: inline;
	content: 'JGI';
}
.SpSelectWrap .Icon_JG2:after{
	display: inline;
	content: 'JGII';
}
.SpSelectWrap .Icon_JG3:after{
	display: inline;
	content: 'JGIII';
}
.SpSelectWrap .Icon_L:after{
	display: inline;
	content: 'L';
}

.SpHorseWrap {
	display:table;
	width:100%;
	height:40px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
.SpHorseWrap .SpHorseMarkBox {
	display:table-cell;
	width:40px;
	vertical-align:middle;
	border-right:1px solid #ccc;
	text-align:center;
}
.SpHorseWrap .SpHorseNoBox {
	display:table-cell;
	width:22px;
	height:22px;
	vertical-align:middle;
	padding:6px 0 6px 6px;
}
.SpHorseWrap .SpHorseNo {
	width: 22px;
	height: 22px;
	font-size: .7em;
	text-align: center;
	padding: 4px 0 0 0;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	margin-right: 2px;
}
.SpHorseWrap .SpHorseNameBox {
	display:table-cell;
	font-size:.8em;
	vertical-align:middle;
	padding:6px 4px;
	font-weight:bold;
}
.SpSelectIconBox {
	display:inline;
	background-position:0 0;
	margin-left:4px;
	vertical-align:1px;
}
.SpSelectIconBox .SpSelectIcon {
	background-color:#666;
	padding:4px 6px;
	font-size:.75em;
	color:#FFF;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.SpHorseWrap .SpHorseValueBox {
	display:table-cell;
	width:50px;
	vertical-align:middle;
	text-align:center;
}
.SpHorseBai {
	font-size:.7em;
	line-height:120%;
}
.SpHorseNinki {
	font-size:.65em;
	line-height:120%;
}
.SpHorseArrivalBox {
	display:table-cell;
	font-size:.8em;
	width:40px;
	vertical-align:middle;
	border-left:1px solid #ccc;
	padding:6px 2px;
	text-align:center;
}
.txtRed {
	color:#F00;
}
.SpHorseHit {
	background-color:#FFFFDD;
	color:#F00;
}
.SpNotMemberTxt {
	height: 40px;
	padding: 10px 8px 0px 8px;
	font-size: .8em;
	line-height: 1.3em;
	color: 000;
	font-weight: bold;
	vertical-align:middle;
}
/*-- 印アイコン --*/
.SpHorseMarkBox span.Icon_Shirushi {
	display:inline-block;
	background-image: url("../../img/sp/icon/icon_yoso_shirushi.png");
	background-repeat: no-repeat;
	background-size:90px 250px;
	-moz-background-size:90px 250px;
	-webkit-background-size:90px 250px;
	-o-background-size:90px 250px;
	-ms-background-size:90px 250px;
	width:19px;
	height:19px;
}
.SpHorseMarkBox span.Icon_Honmei {
	background-position:0 0 ;
}
.SpHorseMarkBox span.Icon_Taikou {
	background-position:0 -19px ;
}
.SpHorseMarkBox span.Icon_Kurosan {
	background-position:0 -38px ;
}
.SpHorseMarkBox span.Icon_Osae {
	background-position:0 -57px ;
}
.SpHorseMarkBox span.Icon_Hoshi {
	background-position:0 -76px ;
}
.SpHorseMarkBox span.Icon_Keshi {
	background-position:0 -95px ;
}
/*======================================
レース結果
======================================*/
.DB_Jockey_Result_Width table.SP_Common_Table,
.DB_Horse_Result_Table_width table.SP_Common_Table{
	font-size:100%;
}

/*======================================
ニュース・コラム
======================================*/
/* --------
コラム
--------*/
.db_h_news_box ul.List_Box li{
	position:relative;
}
.db_h_news_box ul.List_Box li dl dd.Column_Date{

    right: 7px;
    bottom:5px;
}
.db_h_news_box ul.List_Box li dl dd.Column_Date p{
	font-size:95%;
}
.db_h_news_box ul.List_Box li dl dd.Column_Date p.Data em{
	color:#999;
	font-weight:normal;
}
.db_h_news_box ul.List_Box li dl dd.Column_Date p.Data  .Icon {
    margin-left: 6px;
}

.db_h_news_box ul.List_Box li a.Icon_Link,
.db_h_news_box ul.List_01 li a.Icon_Link{
    background-image: none !important;
		padding: 0 !important;
}

.db_h_news_box ul.List_01 li .LinkBox_Footer p,
.db_h_news_box ul.List_01 li .LinkBox_Footer div{
	display:inline-block;
}
.db_h_news_box ul.List_01 li .LinkBox_Footer em{
    font-size: 74%;
    vertical-align: middle;
    color: #999;
}





.db_h_news_box ul.List_Box li.More_Page{
	background:none;
}
.db_h_news_box ul.List_01 li.More_Page{
	border:none;
	background:#f1f1f1;
}
.db_h_news_box ul.List_Box li.More_Page a,
.db_h_news_box div.More_Page a{
	color: #666;
	font-size: 61%;
	font-weight: bold;
	text-align: center;
	border: 1px solid #e0e0e0;
	border-radius: 1.27em;
	line-height: 2.55;
	display: block;
	/* width: 38%; */
	width: 79%;
	min-width: 142px;
	margin: 0 auto;
	position: relative;
}

/*======================================
掲示板
======================================*/
.Community_Contents .Title_Sec h2, .Community_Contents .Title_Sec h3, .Community_Contents .Title_Sec h4 {
    padding: 0 0 0 6px;
    border-left: 6px solid #3a59bf;
}
#Comment_Form{
	background:#fff;
	padding-bottom: 5px;
}
#Comment_Form .Inner_Txt{
    padding: 8px 8px 0 8px;
    font-size: 90%;
    line-height: 1.3em;
}
.Comment_Form_01_btn {
    overflow: hidden;
}
.comment-jqm-btn {
    line-height: 1.5;
}
.Res_Form .CommentBtnCenter {
    overflow: hidden;
}
.comment-jqm-btn .CommentBtnCenter {
    margin-bottom: 15px;
}
.Comment_Form_01 .Attention_Form{
    padding: 8px 12px 8px;
    line-height: 1.5;
}
.Comment_Form_01 .Comment_Form_01_btnhide a,
.Comment_Form_01 .Attention_Form button{
    display: block;
    width: 200px;
    color: #fff;
    cursor: pointer;
    font-size: 80%;
    font-weight: bold;
    text-align: center;
    padding: 10px 0px;
    margin: 8px auto 16px;
    background: #0033aa;
    border-radius: 4px;
}

.Comment_Form_01_wrap{
    padding: 8px 8px 0 8px;
}
.Comment_Form_01_wrap textarea{
	width:100%;
	word-wrap: break-word;
  margin-top: 12px;
	background: #ffffff;
	box-shadow: none;
}
.Comment_Form_01_wrap .CommentCautionText{
    color: #999999;
    font-size: 75%;
    padding: 8px 0;
}

.BBS_Menu_Box a{
	top:0 !important;
}
.DB_Horse_BBS #Comment_List ul li .CommentBalloon > span{
    overflow: initial;
    max-height: initial;
    -webkit-line-clamp: initial;
    display: block;
}

.DB_Horse_BBS .BBS_Report a {
    cursor: pointer;
    display: block;
    height: 38px;
    margin: 6px auto;
    width: 80%;
    padding: 12px 2px 8px 2px;
    text-align: center;
    font-size: .8em;
    font-weight: bold;
    border: 1px solid #d7d8d9;
    background-color: #fff;
    background-image: -moz-linear-gradient(center top,#fff 0,#f6f6f6 100%);
    background-image: -o-linear-gradient(top,#fff 0,#f6f6f6 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(1.0,#f6f6f6));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f6f6f6')";
    background-image: linear-gradient(to bottom,#fff 0,#f6f6f6 100%);
    font-size: 70%;
    color: #333333;
}
/* 190513追加注意文 */
.Attention_Form .comment-jqm-btn .CommentBtnCenter + p {
	font-size: 82%;
	line-height: 1.5;
}


/*いいねボタン設定*/
.DB_Horse_BBS .Comment_Box .BBS_Btn {
	float:left;
	display: inline-block;
}
.DB_Horse_BBS .Comment_Box .BBS_Btn .CommentBtnNice,
.DB_Horse_BBS .Comment_Box .BBS_Btn .Comment_Like_CountSpace{
	display:inline-block;
}
.DB_Horse_BBS .Comment_Box .BBS_Btn .Btn,
.DB_Horse_BBS .Comment_Box .BBS_Btn_Right .Btn{
	height: 26px;
	line-height: 26px;
	min-width: 32px;
	padding: 0 4px;
}
.DB_Horse_BBS .Comment_Box .BBS_Btn_Right{
    float: right;
    padding-top: 8px;
}
.DB_Horse_BBS .Comment_Box .BBS_Btn_Right a {
	font-size: 10px;
}
.DB_Horse_BBS .Comment_Box .BBS_Btn_Right .BBS_Menu_Box {
	top: initial;
    bottom: 0px;
    right: 2px;
}
/*いいねコメント数設定*/
.DB_Horse_BBS .Comment_Box .Nice em{
	color: #333;
	font-weight: normal;
	font-size: .8em;
}
.DB_Horse_BBS .Comment_Box .Comment_Like_Count { display: inline-block }
/*いいねコメント数吹き出し設定*/
.DB_Horse_BBS .Comment_Box .Comment_Like_Count div {
		background: none repeat scroll 0 0 #fff;
		border: 1px solid #ddd;
		border-radius: 4px 4px 4px 4px;
		height: 28px;
		margin: 0 4px 0 2px;
		padding: 5px 0;
		vertical-align: middle;
	}
.DB_Horse_BBS .Comment_Box .Comment_Like_Count div span:after {
	border-color: transparent #fff transparent transparent;
	border-style: solid;
	border-width: 5px;
	content: " ";
	height: 0;
	left: -9px;
	position: absolute;
	top: 4px;
}
.DB_Horse_BBS .Comment_Box .Comment_Like_Count div span:before {
	border-color: transparent #ddd transparent transparent;
	border-style: solid;
	border-width: 5px;
	content: " ";
	height: 0;
	left: -10px;
	position: absolute;
	top: 4px;
	width: 0;
}
.DB_Horse_BBS .Comment_Box .Comment_Like_Count div span {
	padding: 0 4px;
	position: relative;
}







.DB_Horse_BBS .Comment_Box .Btn{
    padding: 6px 8px 4px;
    display: inline-block;
    text-align: center;
    color: #999;
    font-size: 70%;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #e6e6e6;
    background-image: -moz-linear-gradient(top,#fff,#eaeaea);
    background-image: -o-linear-gradient(top,#fff 0,#eaeaea 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#eaeaea));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fff', EndColorStr='#eaeaea')";
    background-image: linear-gradient(to bottom,#fff,#eaeaea);
}
.DB_Horse_BBS .Comment_Box .CommentBtnDesign.Off .Btn{
    color: #ccc;
    background: #f1f1f1;
}

/*======================================
調教タイム(raceからの移植)
======================================*/
/* 調教タイム */
.Stable_Time {
	border-collapse: collapse;
	width: 100%;
	background: #fff;
	margin-top: -1px;
}
.Stable_Time td {
	border: 1px solid #cbcbcb;
	vertical-align: middle;
}


.Stable_Time [class*="Waku"] {
	min-width: 28px;
	font-weight: bold;
	vertical-align: middle;
	padding: 0 1px;
	text-align: center;
	letter-spacing: -1px;
}

.Stable_Time.Race_Info {
	display: table;
	width: 100%;
	float: none;
	background: #f1f1f1;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;

}
.Stable_Time.Race_Info .Stable_TimeWrap {
	display: table-cell;
	padding: 4px 8px;
	line-height: 27px;
	font-size: 94%;
	font-weight: bold;
	color: #333;
}
.Stable_Time.Race_Info .Stable_TimeMvWrap {
	display: table-cell;
	padding: 4px 0;
	width: 64px;
	text-align: center;
	vertical-align: middle;
}
.DB_Stable_Time + .Inner_Txt{
	font-weight: normal;
	font-size: 66.6%;
}
.Race_Info .Stable_TimeWrap p {
	padding-top: 6px;
	font-size: 85%;
}
.Stable_Time td.Horse_Info .Btn {
	display: inline-block;
	float: right;
	font-size: 74%;
	font-weight: bold;
	color: #555;
	background: #fff;
	padding: 7px 22px 6px 16px;
	border-radius: 3px;
	box-shadow: 0 2px 2px rgba(146, 151, 165, .5);
	position: relative;
}
.Stable_Time td.Horse_Info .Btn:after {
	content: "";
	display: inline-block;
	background: url("../img/icon/icon_sprite_raceinfo.png") no-repeat -48px -131px;
	-webkit-background-size: 124px 300px;
	-moz-background-size: 124px 300px;
	-ms-background-size: 124px 300px;
	background-size: 124px 300px;
	width: 10px;
	height: 12px;
	position: absolute;
	top: 50%;
	right: 8px;
	margin-top: -6px;
}
.Stable_Time .Training_Place > div {
	display: table;
	width: 100%;
}
.Stable_Time .Training_Place > div > span {
	display: table-cell;
	color: #333;
	padding: 10px 8px;
	vertical-align: middle;
}
.Stable_Time .Training_Place .Training_Day {
	font-size: 78%;
	background: #eee;
	border-right: 1px solid #cbcbcb;
}
.Stable_Time .Training_Place .Training_Critic {
	font-size: 86%;
	font-weight: bold;
	text-align: center;
}
.Stable_Time .Training_Place .TrainingRank {
	font-size: 83%;
	padding: 10px 4px;
}
[class*="Rank_"] {
	font-size: 120%;
	position: relative;
	top: 1px;
	left: 2px;
}
.Rank_A {color: #f00; font-weight: bold;}
.Rank_B {color: #007EFF; font-weight: bold;}
.Rank_C {color: #333; font-weight: bold;}

.Stable_Time .TrainingTimeData {
	/*font-size: 88%;*/
	font-weight: bold;
	text-align: center;
}
.Stable_Time .TrainingTimeData td {
	font-size: 92%;
	padding: 10px 4px;
	width: 15%;
	line-height: 1.2;
}
.Stable_Time .TrainingTimeData td.TokeiColor01 {
	background: #fc855c;
}
.Stable_Time .TrainingTimeData td.TokeiColor02 {
	background: #fdf2c1;
}
.Stable_Time .TrainingTimeData .TrainingLoad {
	width:25%;
	font-size: 78%;
	font-weight: normal;
}
.Stable_Time .Comment_Cell {
	font-size: 92%;
	line-height: 1.3;
	padding: 10px 8px;
}

.Stable_Comment tr td.Select,
.Stable_Time tr td.Select {
  padding: 4px;
  background: #f1f1f1;
}
.Stable_Comment tr td.Select input.HorseCheck_Select,
.Stable_Time tr td.Select input.HorseCheck_Select {
  display: none;
}
@media only screen and (min-width: 728px) {
	.Stable_Comment [class*="Waku"] {
		width: 20px;
	}
}
table#All_Oikiri_Table tr:nth-child(n+13){
    display:none
}
table.Oikiri_Table_Show_All tr:nth-child(n+13){
    display:table-row!important
}

/* 調教映像誘導追加 18.09.07 */
.Stable_Time.Race_Info .Btn_TrainingMv {
	display: inline-block;
	font-size: 72%;
	font-weight: bold;
	color: #666;
	background: #fff;
	padding: 5px 8px 0;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.Stable_Time.Race_Info .Btn_TrainingMv .Icon_Training_Mv {
	display: block;
	background: url(../../img/icon/icon_training_movie.png) no-repeat 0 0;
	background-size: contain;
	width: 32px;
	height: 21px;
	vertical-align: top;
}
.PopupSuperPremium_Wrapper {
	display: none;
}
#PopupSuperPremium .PopupSwiper {
	margin-top: -10%;
}
#PopupSuperPremium .PopupSwiper_HeaderTitle span {
	display: block;
	text-align: center;
	padding-top: 4%;
	padding-bottom: 6%;
}
#PopupSuperPremium .PopupSwiper_Main {
	padding: 0;
}
#PopupSuperPremium .PremiumRegistBox {
	border: none;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 0;
}

/*----------------------------
調教タイムの見方
----------------------------*/
.Description_Box.ChokyoTime  {
  padding: 0 8px 8px;
}
.Description_Box .Icon_ArrowT{
display: inline-block;
width: 12px;
height: 12px;
border-top: 2px solid #B6B6B6;
border-right: 2px solid #B6B6B6;
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
position: absolute;
top: 6px;
right: 3px;
}
.Description_Box .Icon_ArrowB{
display: inline-block;
width: 12px;
height: 12px;
border-top: 2px solid #B6B6B6;
border-right: 2px solid #B6B6B6;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
position: absolute;
top: 0px;
right: 3px;
}
.Description_Box > dl{
border: 1px solid #bfbfbf;
border-radius: 3px;
padding: 10px;
}
.Description_Box > dl > dt {
  position: relative;
font-size: 78%;
color: #0039ab;
padding-left: 6px;
line-height: 1.1;
padding-left:26px;
padding-right:17px;
}
.Description_Box > dl > dt:before{
content: "";
width: 22px;
height: 22px;
background: url('../../img/icon/icon_sprite_raceinfo.png') no-repeat;
background-position: -37px -3px;
-webkit-background-size: 124px 300px;
-moz-background-size: 124px 300px;
-ms-background-size: 124px 300px;
background-size: 124px 300px;
position: absolute;
top: 50%;
left: 0;
margin-top: -13px;
}
.Description_Box > dl > dt:before{
background-position:-37px -262px;
}
.Description_Box > dl > dd {
display: none;
}
.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.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 {
  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;
}
.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 .GotoPremium{
  padding: 20px 10px 12px 10px;
  font-size: 77%;
  line-height: 1.4;
}
.Description_Box.ChokyoTime .GotoPremium a{
  text-decoration: underline !important;
}


/*----------------------------
旧デザイン上書き
2018 アプリ対応
------------------------------*/
.Contents_Header .Title{
	background-color: #0056cd;
	background-image: none;
}
.DB_Horse_Header .Contents_Header .Title h1{
	text-shadow: none;
	padding-bottom: 8px;
}
.DB_Horse_Header .Contents_Header p{
	text-shadow: none;
	color:#333;
}

.DB_Horse_Menu ul li{
	background: #444;
	background-image: none;
	text-shadow: none;
	border:none;
	box-shadow: none;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}


ul.Tab_1{
	border-bottom: none;
	margin: 10px auto !important;
}
ul.Tab_1 li{
	height: 26px;
}
ul.Tab_1 li div,
ul.Tab_1 li a{
	height: 26px !important;
	display: block;
  color: rgb(102, 102, 102);
  font-size: 66.6%;
  height: 100%;

	text-align: center;
	overflow: hidden;
	line-height: 26px;
	margin: 0;
	font-weight: normal !important;
	color: rgb(102, 102, 102) !important;
	border: 1px solid #c9c9c9 !important;
	background-color: #fff !important;
	background-image: none !important;
}
ul.Tab_1 li + li > *{
	border-left:none !important;
}
ul.Tab_1 li:first-child > *{
	border-top-left-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
}
ul.Tab_1 li:last-child > *{
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}
ul.Tab_1 li > *.Tab_Active{
	height: 26px !important;
	color:#fff !important;
	border: 1px solid #888888 !important;
	background-color: #888 !important;
}

.DB_Data_Box{
	padding: 0px 0px 12px !important;
}

.Footer_Navi ul{
	width:100%;
	padding:0 7px 7px;
}
.Footer_Navi ul li{
	background: none;
	box-shadow: none;
	border:none;
	margin-bottom: 0px !important;
}
.Footer_Navi ul li a{
	margin: 0 3px 4px;
	border: 1px solid #dedede;
	border-radius: 4px;
	color: #666;
}
.Body_DB_Horse_Top .Inner_Box{
	border:none;
	padding: 0 10px ;
}
.DB_Race_Comment .Inner_Box{
	padding: 0 0;
}
.DB_TopData_Box_01 span.DB_Data_Left{
	line-height: 1.5;
}

ul.List_Box li{
	border-top: 1px solid #eee !important;
}

ul.List_Box li:last-child{
	padding-top: 21px;
}
.BreederList{
	margin: 10px 0 21px;
}


.first_Race_Data_Box table.SP_Common_Table tr:first-child >*{
	border-top: 1px solid #ddd;
}
.SpSelectWrap .Side_Btn_h2 li a{
	border:none;
	background: none;
}


.DB_Data_Box .Table_Title dl dt{
	padding: 0px 0 10px 0px;
	color: #888;
	font-size: 72.22%;
	font-weight: bold;
}
.More_Page a.Icon_Link{
	color: #666 !important;
	font-size: 61%;
	font-weight: bold;
	text-align: center !important;
	border: 1px solid #e0e0e0;
	border-radius: 1.27em;
	line-height: 2.55;
	display: block;

	width: 79%;
	min-width: 142px;
	margin: 10px auto 0;
	position: relative;
	padding: 0 !important;
  background-image: none !important;
}
.More_Page a.Icon_Link:after{
	position: relative;
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	top: 2px;
	margin-left: 6px;
	background: url(../../img/icon/icon_link_arrow.png) no-repeat;
	background-size: 21px;
}
ul.BreederList li:last-child{
	padding-top: 10px;
}
ul.Tab_1 li span.Btn{
	line-height: 26px;
  color: rgb(102, 102, 102) !important;
	font-weight: bold;

}
.Common_Btn_Group ul.Btn_Horizontal_5 li > *{
	border: 1px solid #c9c9c9 !important;
}
.Common_Btn_Group ul.Btn_Horizontal_5 li .Tab_Active{
	border:none;
	border: #888 !important;
	background: #888 !important;
	box-shadow: none;
}
.Common_Btn_Group ul.Btn_Horizontal_5 li + li > *{
	border-left:none !important;
}
.Common_Btn_Group ul.Btn_Horizontal_5 li:first-child > *{
	border-top-left-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
}
.Common_Btn_Group ul.Btn_Horizontal_5 li:last-child > *{
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}

#Realtime_Comment_List_1{
	margin-bottom: 36px;
}
.Inner_Box.guideline{
	padding: 0 10px 30px !important;
}
.Inner_Box .Description_Box{
	position: relative;
    display: block;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    /* padding: 10px; */
    padding: 0;
    color: #666;
    font-size:83%;
    padding: 10px 16px 10px 37px;
    position: relative;
    line-height: 1.1;
    cursor: pointer;
    box-sizing: border-box;
    margin:0 10px 30px 10px;

}
.Inner_Box .Description_Box:before {
    content: "";
    width: 21px;
    height: 21px;
    background: url(../../img/attention.png) no-repeat;
    -webkit-background-size: 21px auto;
    -moz-background-size: 21px auto;
    -ms-background-size: 21px auto;
    background-size: 21px auto;
    position: absolute;
    top: 50%;
    /* left: 0; */
    left: 10px;
    margin-top: -10px;
}
.Search_Detail_Form{
	padding-top: 0;
}
.Search_Detail_Form .Search_Detail_Txt_Box.top {
	padding-top: 0;
}
.Search_Detail_Form .Search_Detail_Txt_Box.top label{
	margin-top: 0;
}
.Search_Detail_Form .Search_Detail_Select_Menu ul li{
	padding-bottom: 0;
	height: 25px;
}
/* Arrows */
.slick-prev,
.slick-next {
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	line-height: 0;
	font-size: 0;
	border-radius: 15px;
	background: rgba(85, 85, 85, .6);
	color: transparent;
	top: 46%;
	padding: 0;
	border: none;
	outline: none;
	z-index: 10;
	padding: 0;
	margin-top: 0;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	outline: none;
	background: rgba(85, 85, 85, .45);
	color: transparent;
}
.slick-prev:hover:before,
.slick-next:hover:before {
	opacity: 1;
}
.slick-prev:before,
.slick-next:before {
	content: "";
	display: block;
	position: absolute;
	top: 9px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	border-radius: 1px;
	background: none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
	left: 3px;
}
.slick-prev:before {
	left: 11px;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
.slick-next {
	right: 3px;
}
.slick-next:before {
	right: 11px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


/*--以下　common_new 差分うつし--*/
.Main_Column {
	background: #fff;
	overflow: hidden;
}
/* 見出し */
.Title_Sec {
	position: relative;
	margin: 31px 10px 22px 10px;
}
.Title_Sec h2 {

	font-size: 94%;
	font-weight: bold;
	line-height: 1.37;
}
/* もっと見る */
.Title_BtnMore {
	position: absolute;
	top: 0;
	/*right: 9px;*/
	right: 0;
	display: block;
}
.Title_BtnMore a {
	color: #888;
	font-size: 61.12%;
	font-weight: bold;
	display: block;
	border-radius: 1.23em;
	background: #e7e7e7;
	line-height: 2.18;
	padding: 0 1.2em;
}
.SubTitle {
	position: relative;
}
.SubTitle h3 {
	color: #888;
	font-size: 72.23%;
	font-weight: bold;
	line-height: 1.94;
	margin-bottom: 16px;
}
.Contents {
	opacity: 1;
	background: #fff;
	/*padding-bottom:100px;*/
	padding-bottom: 10px;
}

.Contents_Header{
	position:relative;
}
.Contents_Header .Title{
	position: relative;
	margin: 31px 10px 22px 10px;
	background-color: transparent;
}
.Contents_Header .Title_Box{
	position:relative;
}
.ContentBar {
	color: #333;
	font-weight:bold;
}

/*-- サブタイトル(主要バー) --*/

.Title_Sec {
	position: relative;
	margin: 31px 10px 22px 10px;
	background-color: transparent;
}

/* 上書き */
.Title_Sec.Border_Top {
	border: 0 none;
}
.Title_Sec.Border_Bottom {
	border: 0 none;
}


/*--打ち消しcss*/
/*===========================================
打ち消し
-----------------------------------------*/
.Contents {
	padding-bottom: 0;
}
.Contents .Contents_Box {
	margin-bottom: 0 !important;
}
.Contents .Title_Sec {
	margin: 21px 10px 21px;
	padding: 0;
	font-size: 100%;
	background: transparent;
}
.Contents .Title_Sec h2,
.Contents .Title_Sec h3,
.Contents .Title_Sec h4 {
	padding: 0;
	border-left: 0 none;
}
/*
.Contents .Title_BtnMore {
	position: static;
	top: auto;
	right: auto;
}*/
.Contents .Inner_Box,
.Bookmark_Popup .Inner_Box {
	border-bottom: 0 none;
}
@media only screen and (min-width: 768px) {
	.Contents .Inner_Box{
		padding: 0;
		border-left: 0;
		border-right: 0;
		border-radius: 0;
	}
}

.Favorite_Horse ul.List_Box li .Icon_Check {
	float: none;
	height: 30px;
	line-height: normal;
}
.Check_List .Icon_Check,
.horse_group_check .Check_List .Icon_Check03,
.Check_List input[type="checkbox"]:checked + label .Icon_Check{
	background: transparent;
}

/*--ポップアップ --*/
#fancybox-wrap{
	margin-left: 10px;
}
#fancybox-content{
	border-color: transparent !important;
    border-width: 0px !important;
}

/* ご意見箱導線 */
.OpinionBtn > p {
	font-size: 0.875rem;
	margin-bottom: 12px;
	text-align: center;
}
@media only screen and (max-width: 334px) {
	.OpinionBtn > p {
		font-size: 0.75rem;
	}
}