@charset "euc-jp";

/* =======================================================
一口馬主ページ SP版

00.共通
01.新馬サーチ(main) / 検討リスト
02.新馬サーチ(検索条件)
03.一口馬主トップ
04.みんなの新馬評価 / ランキング
05.My検索条件
06.コミュニティ
07.クラブ
08.DB
09.マイホース直近の動向 / マイホース新着記事 / 友達・フォローのマイホース出走情報
   関連メニュー / 表示設定 / 通算の出走成績 / 友達のマイホース一覧
10.マイホースリスト
11.オーナーページ
12.導線ポップアップ
13.ローテシミュレーション / レース選択ポップアップ
14.種牡馬
15.レース獲得金詳細
16.収支管理
17.My収支
18.データ分析


99.アプリ上書き用
======================================================= */
.Main_Column.Owner_Top {
    background: #f1f1f1;
}
.Main_Column.Owner_Top .Find_Contents {
    padding: 0 8px !important;
}
/* =======================================================
00.共通
======================================================= */

body#Owner {
    background: #f1f1f1;
}
body#Owner .Contents_Box {
	padding-bottom: 13px;
}


@media only screen and (max-width: 766px) and (min-width: 320px) {
    .Contents {
        margin-top: 1px;
        background: #f1f1f1;
    }
}
/* colorbox */
#cboxLoadedContent {
    background: #fff;
}
/* ローダー */
.Loader {
    display: block;
    margin: 0 auto;
}

/* お知らせ */
.Infomation_Box {
	margin: 18px 10px 0 10px;
	border-radius: 4px;
}
.Infomation_Box + .Infomation_Box {
	margin-top: 8px;
}
.Infomation_Box ul {
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
}
.Infomation_Box ul li {
	padding: 0;
}
.Infomation_Box ul li a {
	padding: 10px 10px 10px 36px;
	position: relative;
	display: block;
}
.Infomation_Box ul li a:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url('https://cdn.netkeiba.com/img.sp/common/img/icon/icon_sprite_nk.png');
	background-repeat: no-repeat;
	-webkit-background-size: 55px 1000px;
	-moz-background-size: 55px 1000px;
	-ms-background-size: 55px 1000px;
	background-size: 55px 1000px;
	vertical-align: middle;
	background-position: -7px -808px;
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -10px;
}
.Information_Box_Trial ul li a:before {
    background: url('../img/icon/icon_bell.png') no-repeat;
    background-size:contain;
    background-position:0 0;
    margin-top: -8px;
}
.Infomation_Box ul li a .Infomation_Txt span {
	display: block;
	color: #06389b;
	font-size: 72.23%;
	font-weight: bold;
	line-height: 1.3;
}
/* pager */
body.MyHorse .CommonPager {
    border-bottom: none;
}
body.MyHorse .CommonPager ul:first-child {
    margin-top: 0;
}


/* プレースホルダー */
::-webkit-input-placeholder {
    color: #b7b7b7;
}


/* ユーティリティ */
.m00 {margin: 0 !important;}
.pt14 {padding-top: 14px !important;}


/* 一口馬主ナビ */
.GenreMenuWrap {
	background: #fff;
	padding-top: 18px;
}
.GenreMenuWrap ul {
	background-color: #e3e3e4;
}
.GenreMenuWrap ul li {
	width: 100%;
}
.GenreMenuWrap .Col5 li {
	float: left;
	width: 20%;
}
.GenreMenuWrap ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 50px;
	padding-bottom: 1px;
	color: #666;
	font-size: 66.67%;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
	background-color: #e3e3e4;
	border-top: 2px solid #e3e3e4;
}

.GenreMenuWrap ul .Active a {
	background: #f1f1f1;
	color: #666;
}
@media screen and (max-width: 359px) {
	.GenreMenuWrap ul a {
		font-size: 0.75rem;
	}
}
/* オーナーズ引継ぎ導線 .OwnersMigrationInfo */
.OwnersMigrationInfo {
	border: 1px solid #DADADA;
	border-radius: 4px;
	margin: 0 8px 10px;
}
.OwnersMigrationInfo p {
	font-size: 13px;
	padding: 10px;
}
.OwnersMigrationInfo p a{
	position: relative;
	display: block;
	color: #03a;
	padding-left: 30px;
	line-height: 1.3;
}
.OwnersMigrationInfo p a::before{
	content: "";
	display: block;
	width: 19px;
	height: 19px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9.16667' cy='9.16667' r='8.26667' stroke='%23A7A7A7' stroke-width='1.8'/%3E%3Cpath d='M10.1712 5.65068C10.1712 6.20549 9.72148 6.65525 9.16668 6.65525C8.61187 6.65525 8.16211 6.20549 8.16211 5.65068C8.16211 5.09588 8.61187 4.64612 9.16668 4.64612C9.72148 4.64612 10.1712 5.09588 10.1712 5.65068Z' fill='%23A7A7A7'/%3E%3Cpath d='M9.16668 13.6897C8.90025 13.6897 8.64473 13.5839 8.45634 13.3955C8.26795 13.2071 8.16211 12.9516 8.16211 12.6852V8.66692C8.16211 8.40049 8.26795 8.14498 8.45634 7.95658C8.64473 7.76819 8.90025 7.66235 9.16668 7.66235C9.4331 7.66235 9.68862 7.76819 9.87701 7.95658C10.0654 8.14498 10.1712 8.40049 10.1712 8.66692V12.6852C10.1712 12.9516 10.0654 13.2071 9.87701 13.3955C9.68862 13.5839 9.4331 13.6897 9.16668 13.6897Z' fill='%23A7A7A7'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 19px 19px;
	position: absolute;
	top: 0;
	left: 0;
}


/* データテーブル内プレミアムコース導線 */
.BtnPremiumRegist01,
.BtnPremiumRegist02,
.BtnPremiumRegist03 {
    display: inline-block;
    background: #fff;
    border: 1px solid #6c6b61;
    border-radius: 3px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .5);
    text-align: left;
}
.BtnPremiumRegist01 {
    position: absolute;
    top: 64px;
}

.BtnPremiumRegist01 a,
.BtnPremiumRegist02 a,
.BtnPremiumRegist03 a {
    display: block;
    color: #675500;
    position: relative;
    white-space: nowrap;
}
.BtnPremiumRegist01 a {
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: -0.5px;
    padding: 3px 8px 3px 36px;
}
.BtnPremiumRegist02 a {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    padding: 10px 15px 8px 55px;
}
.BtnPremiumRegist03 a {
    font-size: 13px;
    padding: 12px 6px 12px 46px;
}

.BtnPremiumRegist01 a::before {
    content: "";
    background: url(../img/icon/icon_premium_link02.png) no-repeat;
    -webkit-background-size: 22px 30px;
    -moz-background-size: 22px 30px;
    background-size: 22px 30px;
    width: 22px;
    height: 30px;
    position: absolute;
    top: 5px;
    left: 8px;
}
.BtnPremiumRegist02 a::before {
    content: "";
    background: url(../img/icon/icon_premium_link01.png) no-repeat;
    -webkit-background-size: 30px 40px;
    -moz-background-size: 30px 40px;
    background-size: 30px 40px;
    width: 30px;
    height: 40px;
    position: absolute;
    top: 8px;
    left: 15px;
}
.BtnPremiumRegist03 a::before {
    content: "";
    background: url(../img/icon/icon_premium_link01.png) no-repeat;
    -webkit-background-size: 30px 40px;
    -moz-background-size: 30px 40px;
    background-size: 30px 40px;
    width: 30px;
    height: 40px;
    position: absolute;
    top: 10px;
    left: 12px;
}

.BtnPremiumRegist02 strong,
.BtnPremiumRegist03 strong {
    font-size: 15px;
    margin-right: 2px;
    position: relative;
    z-index: 10;
}
.BtnPremiumRegist02 strong::after,
.BtnPremiumRegist03 strong::after {
    content: "";
    background: #fdf1b8;
    width: 100%;
    height: 8px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.BtnPremiumRegist03 .Txt01 {
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
}
.BtnPremiumRegist03 .Txt02 {
    font-size: 14px;
    font-weight: bold;
}


/* テキストリンク */
.LinkTextPage {
    display: inline-block;
    color: #0033aa;
    font-size: 72%;
    font-weight: bold;
    margin-right: 4px;
    padding-right: 11px;
    position: relative;
}
.LinkTextPage::after {
    content: '';
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #0033aa;
    width: 0;
    height: 0;
    position: absolute;
    top: 1px;
    right: 0;
}


/* マイホースお気に入りユーザー数 */
.MyHorseFavoriteCount span {
    display: inline-block;
    background: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    font-size: 66%;
    font-weight: bold;
    padding: 4px 4px 3px;
    position: relative;
    text-align: right;
    min-width: 50px;
}
.MyHorseFavoriteCount span::before {
    content: "";
    background: url(../img/icon/icon_balloon_arrow.png) no-repeat;
    -webkit-background-size: 7px 7px;
    -moz-background-size: 7px 7px;
    background-size: 7px 7px;
    width: 7px;
    height: 7px;
    position: absolute;
    top: 5px;
    left: -7px;
}
.MyHorseFavoriteCount::before {
    content: "";
    display: inline-block;
    background: url(../img/icon/icon_user.png) no-repeat;
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    vertical-align: -4px;
}


/* タブメニュー */
.CommonTabMenuV2 {
    padding: 10px 8px 0;
}

.MyHorseTabMenu ul {
    display: table;
    padding: 0 0 0 8px;
    width: 100%;
}
.MyHorseTabMenu ul li {
    display: table-cell;
    padding-right: 8px;
    width: 33.3%;
}
[id*=act_view_] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    border: 2px solid #d3d1c7;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    background: #f5f4f1;
    color: #97968b;
    cursor: pointer;
    font-size: 72%;
    font-weight: bold;
    outline: none;
    padding: 8px 0;
    width: 100%;
    vertical-align: bottom;
}
[id*=act_view_]:before {
    content: '';
    display: block;
    background: url(../img/icon/sprite_icon_myhorse_list.png) no-repeat;
    -webkit-background-size: 42px 484px;
    -moz-background-size: 42px 484px;
    background-size: 42px 484px;
    margin: 0 auto 6px;
    width: 30px;
    height: 24px;
}
[id*=act_view_]:disabled {
    background: #deddd4;
    border-radius: 4px 4px 0 0;
    color: #222;
}
#act_view_race:before {background-position: -6px -9px;}
#act_view_shokin:before {background-position: -6px -91px;}
#act_view_manage:before {background-position: -6px -176px;}
#act_view_race:disabled:before {background-position: -6px -50px;}
#act_view_shokin:disabled:before {background-position: -6px -133px;}
#act_view_manage:disabled:before {background-position: -6px -217px;}

.CommonTabMenu ul {
    display: table;
    background: #e0dfda;
    padding: 10px 8px 0;
    width: 100%;
}
.CommonTabMenu ul li {
    display: table-cell;
}
.CommonTabMenu ul li:first-child {
    padding-right: 4px;
}
.CommonTabMenu ul li:last-child {
    padding-left: 4px;
}
.CommonTabMenu ul li a {
    display: block;
    background: #e0dfda;
    border: 1px solid #cecece;
    border-bottom: none;
    color: #9c9c9c;
    font-size: 77%;
    font-weight: bold;
    height: 42px;
    line-height: 42px;
    text-align: center;
}
.CommonTabMenu ul .Active a {
    background: #f1f1f1;
    color: #333;
}
.CommonTabMenu ul li a .Sat {color: #004dc9;}
.CommonTabMenu ul li a .Sun {color: #ff8887;}

.CommonTabMenuV3 {
    padding: 16px 20px 0;
    border-bottom: 1px solid #215FC9;
}
.CommonTabMenuV3 ul {
    display: table;
    width: 100%;
}
.CommonTabMenuV3 li {
    display: table-cell;
    width: 50%;
}
.CommonTabMenuV3 li:first-child {
    padding-right: 2px;
}
.CommonTabMenuV3 li:last-child {
    padding-left: 2px;
}
.CommonTabMenuV3 a {
    display: block;
    background: #fff;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 0 10px rgba(146, 151, 165, .5);
    color: #333;
    font-size: 83%;
    font-weight: bold;
    padding: 13px 0;
    text-align: center;
}

.CommonTabMenuV3 .Active a {
    color: #fff;
    background: #2b71d9;
    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #2b71d9), color-stop(1, #215fc7) );
    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 1px 2px rgba(255,255,255,.5) inset;
    padding: 17px 0 13px;
}


/* グレードアイコン */
.Icon_GradeType.Grade {display: none;}
/*アプリ対応*/
.Icon_GradeType.Grade01,.Icon_GradeType.Grade05 { background: #0033aa; }
.Icon_GradeType.Grade02,.Icon_GradeType.Grade06 { background: #c53131; }
.Icon_GradeType.Grade03,.Icon_GradeType.Grade07 { background: #58af4a; }
/*.Icon_GradeType4 { background: #ec5f00; }*/
.Icon_GradeType.Grade04 { background: #de8a26; }
.Icon_GradeType.Grade14 { background: #666; }
.Icon_GradeType.Grade13 {
    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;
}
.Icon_GradeType.Grade01:after{
    display: inline;
    content: 'GI';
}
.Icon_GradeType.Grade02:after{
    display: inline;
    content: 'GII';
}
.Icon_GradeType.Grade03:after{
    display: inline;
    content: 'GIII';
}
.Icon_GradeType.Grade04:after{
    display: inline;
    content: '重賞';
}
.Icon_GradeType.Grade05:after{
    display: inline;
    content: 'JGI';
}
.Icon_GradeType.Grade06:after{
    display: inline;
    content: 'JGII';
}
.Icon_GradeType.Grade07:after{
    display: inline;
    content: 'JGIII';
}
.Icon_GradeType.Grade08:after{
    display: inline;
    content: 'OP';
}
.Icon_GradeType.Grade09:after{
    display: inline;
    content: '1600下';
}
.Icon_GradeType.Grade10:after{
    display: inline;
    content: '1000下';
}
.Icon_GradeType.Grade11:after{
    display: inline;
    content: '900下';
}
.Icon_GradeType.Grade12:after{
    display: inline;
    content: '500下';
}
.Icon_GradeType.Grade14:after{
    display: inline;
    content: '';
}
.Icon_GradeType.Grade15:after{
    display: inline;
    content: 'L';
}

/* 以下標準
.Grade01 {background-position: 0 0;}
.Grade02 {background-position: 0 -19px;}
.Grade03 {background-position: 0 -36px;}
.Grade04 {background-position: 0 -54px;}
.Grade05 {background-position: 0 -159px;}
.Grade06 {background-position: 0 -177px;}
.Grade07 {background-position: 0 -194px;}
.Grade08 {background-position: 0 -72px;}
.Grade09 {background-position: 0 -89px;}
.Grade10 {background-position: 0 -107px;}
.Grade11 {background-position: 0 -124px;}
.Grade12 {background-position: 0 -142px;}
*/

/*　btn　*/
.LinkMoreButton {
    display: block;
    border-radius: 3px;
    background: #dedede;
    box-shadow: inset 0 -1px 0 #bfbfbf;
    color: #444;
    font-size: 77%;
    padding: 21px 0;
    position: relative;
    text-align: center;
}


/* switchBtn */
.SwitchBtn_Wrap {
    padding: 14px 12px;
}
.SwitchBtn {
    /*border: 1px solid #d5d5d5;*/
    border-radius: 3px;
}
.SwitchBtn li {
    float: left;
    width: 50%;
}
.SwitchBtn li + li a {
    border-left: 1px solid #aaa;
}
.SwitchBtn li a {
    display: block;
    background: #f1f1f1;
    color: #ababab;
    font-size: 72%;
    padding: 14px 0;
    text-align: center;
}
.SwitchBtn .Active a {
    background: #fff;
    color: #444;
}
.SwitchBtn li:first-child a {
    border-top: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
}
.SwitchBtn .Active:first-child a {
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}
.SwitchBtn li:last-child a {
    border-top: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
}
.SwitchBtn .Active:last-child a {
    border-top: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}
.SwitchBtn li:first-child a {
    border-radius: 3px 0 0 3px;
}
.SwitchBtn li:last-child a {
    border-radius: 0 3px 3px 0;
}


/* 条件から新馬を探すメニュー */
.SearchKeywordBox {
    padding: 0 8px;
}
.SearchConditionMenu {
    padding: 0 0 0 8px;
}
.SearchConditionMenu ul li:nth-last-child(-n+3) a {
    margin-bottom: 0;
}
.SearchConditionMenu a {
    display: block;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(146, 151, 165, .6);
    color: #333;
    font-size: 66%;
    font-weight: bold;
    margin: 0 8px 8px 0;
    padding: 6px 0 9px;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
}
.Icon_ConditionMenu {
    display: block;
    background: url("../img/icon/sprite_icon_condition_menu.png?20170816") no-repeat;
    -webkit-background-size: 49px 483px;
    -moz-background-size: 49px 483px;
    background-size: 49px 483px;
    margin: 0 auto 8px;
    width: 35px;
    height: 35px;
}
.Search_MySearch {
    background: url("../img/owner/logo_my_search.png") no-repeat;
    -webkit-background-size: 53px 26px;
    -moz-background-size: 53px 26px;
    background-size: 53px 26px;
    margin-top: 9px;
    width: 53px;
    height: 26px;
}
.Search_sire {background-position: -4px -295px; width: 42px;}
.Search_club {background-position: -5px -55px; width: 40px;}
.Search_owner {background-position: -7px -102px;}
.Search_farm {background-position: -7px -150px;}
.Search_trainer {background-position: -7px -199px;}
.Search_price {background-position: -7px -247px;}
.Search_year {background-position: -7px -343px;}
.Search_sex {background-position: -4px -6px; width: 42px;}
.Search_owner {background-position: -7px -102px;}

.KeywordSearch {
    display: table;
    background: #fff;
    border-top: 1px solid #e5e4de;
    border-left: 1px solid #e5e4de;
    border-radius: 3px;
    margin-bottom: 12px;
    width: 100%;
}
.KeywordSearch div {
    display: table-cell;
    vertical-align: top;
}
.KeywordSearch div:last-child {
    width: 55px;
}
.Search_InputBox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 3px 0 0 3px;
    box-shadow: inset 1px 1px 2px rgba(240, 240, 240, 1);
    font-size: 94%;
    outline: none;
    padding: 0 18px 0 18px;
    height: 55px;
    line-height: 55px;
    width: 100%;
}
.Search_SubmitBtn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0 3px 3px 0;
    background: url("../img/owner/btn_search_submit.png") no-repeat;
    -webkit-background-size: 55px 55px;
    -moz-background-size: 55px 55px;
    background-size: 55px 55px;
    cursor: pointer;
    outline: none;
    width: 55px;
    height: 55px;
    text-indent: -9999px;
    float: right;
}

.MySearchBtn {
    display: block;
    background: #fff;
    box-shadow: 0 1px 2px rgba(146, 151, 165, .6);
    border-radius: 3px;
    color: #444;
    font-size: 72%;
    font-weight: bold;
    padding: 12px 0 8px;
    text-align: center;
}
.MySearchBtn > img {
    display: block;
    margin: 0 auto 10px;
}

.SearchBox_Wrap {
    margin-top: 10px;
}

.SearchConditionMenuDetail {
    margin-bottom: 22px;
    padding-top: 12px;
}


/* 検索条件の追加・変更トグルボタン */
.SearchToggleBtn {
    color: #6d6d6d;
    cursor: pointer;
    font-size: 83%;
    font-weight: bold;
    text-align: center;
    margin: 30px 0;
    position: relative;
}
.SearchToggleBtn::after {
    content: "";
    display: inline-block;
    position: relative;
    top: -3px;
    width: 8px;
    height: 8px;
    margin-left: 6px;
    border-left: 2px solid #6d6d6d;
    border-bottom: 2px solid #6d6d6d;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.SearchToggleBtn.Close::after {
    top: 3px;
    transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}


/* 勝負服Sサイズ */
.icon_colors_s {
    display: inline-block;
    background: url("../img/icon/sprite_icon_colors_S.png?20220712") no-repeat;
    -webkit-background-size: 26px 616px;
    -moz-background-size: 26px 616px;
    background-size: 26px 616px;
    margin-right: 4px;
    width: 19px;
    height: 14px;
    vertical-align: -2px;
}
.colors_s_01 {background-position: -3px -4px}
.colors_s_02 {background-position: -3px -25px}
.colors_s_03 {background-position: -3px -44px}
.colors_s_04 {background-position: -3px -64px}
.colors_s_05 {background-position: -3px -84px}
.colors_s_06 {background-position: -3px -104px}
.colors_s_07 {background-position: -3px -124px}
.colors_s_08 {background-position: -3px -145px}
.colors_s_09 {background-position: -3px -165px}
.colors_s_10 {background-position: -3px -185px}
.colors_s_11 {background-position: -3px -205px}
.colors_s_12 {background-position: -3px -225px}
.colors_s_13 {background-position: -3px -245px}
.colors_s_14 {background-position: -3px -266px}
.colors_s_15 {background-position: -3px -286px}
.colors_s_16 {background-position: -3px -306px}
.colors_s_17 {background-position: -3px -326px}
.colors_s_18 {background-position: -4px -346px}
.colors_s_19 {background-position: -4px -366px}
.colors_s_20 {background-position: -4px -387px}
.colors_s_00 {background-position: -4px -406px}
.colors_s_21 {background-position: -4px -427px}
.colors_s_22 {background-position: -4px -447px}
.colors_s_23 {background-position: -4px -467px}
.colors_s_24 {background-position: -4px -485px}


/* コンテンツなしメッセージボックス */
.NotContentsMsg {
    border: 5px solid #ddd;
    background: #fff;
    font-size: 86%;
    font-weight: bold;
    text-align: center;
    margin: 12px 14px;
    padding: 12px;
    line-height: 1.3;
}


/* 登録リストなし */
.NotFound {
    background: #f7f7f7 url(../img/owner/none_image01.png) no-repeat 100% center;
    -webkit-background-size: 178px 138px;
    -moz-background-size: 178px 138px;
    background-size: 178px 138px;
    border: 2px solid #c3c1b9;
    padding: 10px 164px 10px 10px;
    max-height: 142px;
}
.NotMyHorseList {
    background: #f7f7f7 url(../img/owner/none_image02.png) no-repeat 100% center;
    -webkit-background-size: 178px 138px;
    -moz-background-size: 178px 138px;
    background-size: 178px 138px;
}
.NotFoundHorse {
    background: #f7f7f7 url(../img/owner/none_image03.png) no-repeat 100% center;
    -webkit-background-size: 178px 138px;
    -moz-background-size: 178px 138px;
    background-size: 178px 138px;
}
.NotFound_Msg .Title {
    font-size: 88%;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.2;
}
.NotFound_Msg .Txt {
    font-size: 77%;
    line-height: 1.4;
}
.NotFound_Msg .Txt a {
    color: #06389b;
}
@media only screen and (max-width: 320px) {
    .NotFound {
        padding: 8px;
    }
    .NotFound_Msg {
        width: 140px;
    }
    .NotFound_Msg .Title {
        font-size: 77%;
        font-weight: bold;
        margin-bottom: 8px;
    }
    .NotFound_Msg .Txt {
        font-size: 66%;
    }
}


/* 導線ボックス */
.PremiumRegistBox {
    background: url(../img/owner/regist_bg.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    padding-top: 18px;
    text-align: center;
    margin: 0 auto;
    max-width: 358px;
    width: 100%;
    height: 170px;
}
.PremiumRegistBox .Msg {
    color: #444;
    font-size: 77%;
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: 18px;
}

.PremiumRegistBox .BtnArea {
    padding: 0 18px;
}
.PremiumRegistBtn02 {
    display: block;
    background: #4479eb;
    border-radius: 3px;
    box-shadow: inset 0 -2px 0 #275a9d;
    color: #fff;
    font-size: 88%;
    font-weight: bold;
    padding: 14px 0;
}


/* 新馬サーチ・検討リスト・マイホース - footer文言 */
.ContentsAttentionArea {
    padding: 8px;
}
.ContentsAttentionArea .Txt {
    color: #807f79;
    font-size: 77%;
    line-height: 1.4;
}
.ContentsAttentionArea .Txt + .Txt {
    margin-top: 8px;
}


/* =======================================================
01.新馬サーチ(main) / 検討リスト
======================================================= */

/*　検討リスト　*/
.SearchCondition_Wrap.Consideration .SearchCondition_Header {
    background: #dbbb26;
}
.SearchCondition_Wrap.Consideration .SearchCondition_Header .Title span:before {
    content: '';
    background: url(../img/icon/icon_study_list02.png) no-repeat;
    -webkit-background-size: 24px 16px;
    -moz-background-size: 24px 16px;
    background-size: 24px 16px;
    width: 24px;
    height: 16px;
    position: absolute;
    top: -1px;
    left: 0;
}
@media only screen and (max-width: 320px) {
    .SearchCondition_Wrap.Consideration .SearchCondition_Header .ConditionChange {
        right: 8px;
    }
    .SearchCondition_Wrap.Consideration .SearchCondition_Txt {
        padding: 17px 17px 18px;
    }
}

.SearchCondition_Wrap.Consideration .SearchCondition_Current dl *,
.SearchCondition_Wrap.Consideration .SearchCondition_Txt strong,
.SearchCondition_Wrap.Consideration .SearchCondition_Txt p {
    color: #8d7322;
}
.SearchCondition_Wrap.Consideration .ConditionButton {
    background: #f9e480;
    color: #8d7322;
}
.SearchCondition_Wrap.Consideration .ConditionButton:before {
    background: url(../img/icon/icon_plus06.png) no-repeat;
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    background-size: 16px 16px;
}


/*　検索条件　*/
.SearchCondition_Wrap {
    padding: 8px 8px 0;
    margin-bottom: 18px;
    position: relative;
}
.SearchCondition_Wrap.No_Arrow {
    padding: 8px 8px 0;
    margin-bottom: 0;
}
.SearchCondition_Wrap.No_Arrow:after {
    background: none;
}
.SearchCondition {
    background: #fffbde;
    box-shadow: 0 1px 2px rgba(58, 62, 64, .4);
}
.SearchCondition_Header {
    background: #79a441;
    padding: 22px 18px 23px;
    position: relative;
}
.SearchCondition_Header .Title {
    color: #fff;
    font-size: 88%;
    font-weight: bold;
}
.SearchCondition_Header .Title span {
    display: inline-block;
    padding-left: 32px;
    position: relative;
}
.SearchCondition_Header .Title span:before {
    content: '';
    background: url("../img/icon/icon_search.png") no-repeat;
    -webkit-background-size: 24px 24px;
    -moz-background-size: 24px 24px;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    position: absolute;
    top: -5px;
    left: 0;
}
.SearchCondition_Header .ConditionChange {
    position: absolute;
    top: 15px;
    right: 15px;
}

.ConditionButton {
    color: #79a441;
    font-size: 83%;
    font-weight: bold;
    background: #c8e39b;
    border-radius: 2px;
    display: block;
    padding: 15px 0;
    position: relative;
    text-align: center;
}
.ConditionButton:before {
    content: '';
    display: inline-block;
    background: url("../img/icon/icon_plus05.png") no-repeat;
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -8px;
}

.SearchCondition_Txt p + .ConditionButton {
    margin-top: 16px;
}
.ConditionDeatilBtn + .ConditionButton {
    margin-top: 16px;
}
.ShinbaSearch_Contents .ConditionButton {
    display: none;
}

.SearchCondition_Txt {
    padding: 13px 18px 18px;
}
.SearchCondition_Txt > strong {
    display: inline-block;
    color: #79a441;
    font-size: 88%;
    margin-bottom: 8px;
}
.SearchCondition_Txt p {
    color: #79a441;
    font-size: 77%;
    line-height: 1.4;
}

.SearchCondition_Current {
    padding: 12px;
    overflow: hidden;
}
.SearchCondition_Current dl {
    display: table;
    float: left;
    margin-top: 4px;
    margin-right: 15px;
}
.SearchCondition_Current dl:nth-child(n+6) {
    display: none;
}
.SearchCondition_Current dl dt,
.SearchCondition_Current dl dd {
    display: table-cell;
}
.SearchCondition_Current dl dt {
    color: #79a441;
    font-size: 77%;
    font-weight: bold;
    white-space: nowrap;
}
.SearchCondition_Current dl dd {
    color: #79a441;
    font-size: 77%;
    line-height: 1.2;
}

.SearchCondition_Current_Result {
    display: none;
    font-size: 83%;
    text-align: center;
    margin: 5px 0 22px;
}
.ShinbaSearch_Contents .SearchCondition_Current_Result {
    display: block;
}

.SearchCondition_Current_Result > strong {
    color: #79a441;
}
.SearchCondition_Current_Result > span {
    font-weight: bold;
}
.SearchCondition_Txt .SearchCondition_Current_Result {
    margin-bottom: 20px;
}

.MySearchItem {
    display: inline-block;
    background: #f7ffed;
    border: 1px solid #79a441;
    border-radius: 2px;
    color: #79a441;
    font-size: 77%;
    font-weight: bold;
    margin: 0 4px 4px 0;
    padding: 5px 6px 4px 24px;
    position: relative;
    vertical-align: middle;
}
.MySearchItem .Value {
    font-weight: normal;
}
.MySearchItem .DeleteIcon {
    background: url(../img/icon/icon_close05.png) no-repeat;
    -webkit-background-size: 14px 14px;
    display: inline-block;
    color: #79a441;
    font-size: 18px;
    margin-right: 4px;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 4px;
    left: 4px;
}

.SearchCondition_SearchArea {
    background: #ede7b2;
    padding: 14px 15px 17px;
    text-align: center;
}
.ConditionSearchButton {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: #666;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(68, 68, 68, 1);
    color: #fff;
    font-size: 72%;
    font-weight: bold;
    padding: 18px 0 16px;
    width: 100%;
}
.ConditionSearchButton span {
    padding-left: 27px;
    position: relative;
}
.ConditionSearchButton span:before {
    content: '';
    background: url("../img/icon/icon_search03.png") no-repeat;
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    position: absolute;
    top: -1px;
    left: 0;
}

.SearchCondition_Btns {
    position: absolute;
    top: 5px;
    right: 5px;
}
.SearchCondition_Btns li {
    display: inline-block;
    width: 80px;
    vertical-align: middle;
}
.SearchCondition_Btns li + li {
    margin-left: -1px;
}
.SearchCondition_Btns button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: #648a34;
    border-radius: 2px;
    color: #fff;
    font-size: 66%;
    padding: 6px 0;
    position: relative;
    width: 100%;
    min-height: 50px;
}
.ConditionSaveBtn:before {
    content: '';
    display: block;
    background: url("../img/owner/logo_my_search02.png") no-repeat;
    -webkit-background-size: 44px 22px;
    -moz-background-size: 44px 22px;
    background-size: 44px 22px;
    margin: 1px auto 4px;
    width: 44px;
    height: 22px;
}
.ConditionClearBtn:before {
    content: '';
    display: block;
    background: url("../img/icon/icon_clear.png") no-repeat;
    -webkit-background-size: 13px 13px;
    -moz-background-size: 13px 13px;
    background-size: 13px 13px;
    margin: 6px auto 8px;
    width: 13px;
    height: 13px;
}
@media only screen and (max-width: 320px) {
    .SearchCondition_Btns li {
        width: 68px;
    }
    .SearchCondition_Header {
        padding: 22px 18px 23px 8px;
    }
    .SearchCondition_Header .Title span {
        padding-left: 30px;
    }
}


/* 検索結果/リスト数 */
.ResultCurrentBox {
    text-align: center;
    margin: 16px 0;
}
.ResultCurrentBox .Txt {
    font-size: 83%;
}
.ResultCurrentBox strong {
    color: #79a441;
}
.ResultCurrentBox span {
    font-weight: bold;
}
.ResultCurrentBox.Filter strong {
    color: #8d7322;
}


/* ソート・写真切替 */
.ModeFunctionBtn {
    margin-bottom: 14px;
    text-align: center;
}

.SortFunction,
.PhotoSwitchingBtn {
    display: inline-block;
    vertical-align: middle;
}
.SortFunction + .PhotoSwitchingBtn {
    margin-left: 6px;
}

.SortFunction {
    position: relative;
}
.SortFunction:before {
    content: '';
    border-left: 1px solid #e5e5e5;
    height: 30px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
    right: 25px;
}
.SortFunction:after {
    content: '';
    display: inline-block;
    background: url("../img/icon/icon_arrow_bottom02.png") no-repeat;
    -webkit-background-size: 10px 6px;
    -moz-background-size: 10px 6px;
    background-size: 10px 6px;
    margin-top: -3px;
    width: 10px;
    height: 6px;
    position: absolute;
    right: 8px;
    top: 50%;
}
.SortSelect {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0 none;
    border-radius: 3px;
    background: #fff;
    color: #444;
    cursor: pointer;
    font-size: 89%;
    font-family:"ヒラギノ角ゴ ProN W3", arial, "Hiragino Kaku Gothic ProN", "Meiryo", "メイリオ", sans-serif;
    padding: 0 56px 0 14px;
    line-height: 1.2;
    height: 40px;
}

.PhotoSwitchingBtn {
    display: inline-block;
    background: #fff;
    border-radius: 3px;
    color: #444;
    font-size: 88%;
    height: 40px;
    padding: 0 19px 0 14px;
    position: relative;
}
.PhotoSwitchingBtn span {
    background: url("../img/icon/icon_mode_change.png") no-repeat left center;
    -webkit-background-size: 17px 15px;
    -moz-background-size: 17px 15px;
    background-size: 17px 15px;
    padding-left: 27px;
    line-height: 40px;
}
@media only screen and (max-width: 320px) {
    .SortFunction + .PhotoSwitchingBtn {
        margin-left: 0;
    }
    .ConditionChangeBtn {
        padding: 10px 12px 8px 36px;
    }
    .SortSelect {
        padding: 0 30px 0 10px;
    }
    .PhotoSwitchingBtn {
        padding: 0 10px;
    }
    .PhotoSwitchingBtn span {
        padding-left: 24px;
    }
}


/* 募集中のみ表示 */
.WantedOnly {
    margin: 0 0 19px 13px;
}
.WantedOnly .Label {
    display: inline-block;
    color: #444;
    font-size: 88%;
    padding: 0 0 0 40px;
    line-height: 30px;
    white-space: nowrap;
}
.WantedOnly_CheckBox {
    display: none;
}
.WantedOnly_CheckBox + label {
    display: inline-block;
    background: url("../img/owner/checkBox03.png") no-repeat;
    -webkit-background-size: 30px 30px;
    -moz-background-size: 30px 30px;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
}
.WantedOnly_CheckBox:checked + label {
    display: inline-block;
    background: url("../img/owner/checkBox04.png") no-repeat;
    -webkit-background-size: 30px 30px;
    -moz-background-size: 30px 30px;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
}


/* 説明スライドボックス */
.SearchHorseSlideBox {
    padding: 0 13px;
    margin-bottom: 14px;
}
.DescriptionDetail {
    background: #fff;
}
.DescriptionDetail + .DescriptionDetail {
    margin-top: 10px;
}
.DescriptionDetail .Title {
    background: #dadada;
    font-size: 14px;
    padding: 8px;
}
.DescriptionDetail .Txt {
    padding: 8px;
    font-size: 14px;
    line-height: 1.5;
}


/* 新馬情報詳細リスト */
.HorseData_Wrap {
    padding: 0 8px;
}

.HorseData {
    background: #fff;
    box-shadow: 0 1px 2px rgba(58, 62, 64, .4);
    margin: 0 4px 14px;
}

.HorseData_Main {
    padding: 15px 15px 12px;
}

.HorseData_Header {
    margin-bottom: 12px;
}
.HorseData_Header a {
   /* display: table;
    width: 100%;*/
}
.HorseData_Header .HorseImg {
    margin-right: 10px;
    overflow: hidden;
    width: 60px;
    float: left;
}
.HorseData_Header .HorseImg .ImgBox {
    background: #ccc;
}
.HorseData_Header .HorseImg .ImgBox .Thumb {
    display: block;
    margin: 0 auto;
    height: 45px;
    vertical-align: bottom;
}
.HorseData_Header .HorseProfile {
    overflow: hidden;
    padding: 2px 0 0 0;
}
.HorseData_Header .HorseProfile .Name {
    color: #235899;
    font-weight: bold;
    margin-bottom: 2px;
}
.HorseData_Header .HorseProfile .SubData {
    margin-bottom: 9px;
}
.HorseData_Header .HorseProfile .Age_Boba,
.HorseData_Header .HorseProfile .Age_Hinba,
.HorseData_Header .HorseProfile .Age_Senba {
    display: inline-block;
    border-radius: 1px;
    color: #fff;
    font-size: 61.1%;
    margin-right: 2px;
    text-align: center;
    min-width: 30px;
    padding: 3px 2px;
    vertical-align: middle;
}
.HorseData_Header .HorseProfile .Age_Boba {
    background: #5582d7;
}
.HorseData_Header .HorseProfile .Age_Hinba {
    background: #e97a93;
}
.HorseData_Header .HorseProfile .Age_Senba {
    background: #878e84;
}
.HorseData_Header .HorseProfile .Color {
    color: #ababab;
    font-size: 77%;
}
.HorseData_Header .HorseProfile .AccessRank {
    color: #ababab;
    font-size: 77%;
}
.HorseData_Header .HorseProfile .WishRank {
    display: inline-block;
    color: #ababab;
    font-size: 77%;
    margin-left: 4px;
    padding-left: 23px;
    position: relative;
}
.HorseData_Header .HorseProfile .WishRank:before {
    content: '';
    background: url(../img/icon/icon_study_list.png) no-repeat;
    -webkit-background-size: 18px 11px;
    -moz-background-size: 18px 11px;
    background-size: 18px 11px;
    width: 18px;
    height: 11px;
    position: absolute;
    top: 0;
    left: 0;
}
.HorseData_Header .HorseProfile .HorsePrice {
    font-size: 77%;
}
.HorseData_Header .HorseProfile .HorsePrice li {
    display: inline-block;
    color: #444;
    font-weight: bold;
    margin-right: 4px;
}
.HorseData_Header .HorseProfile .HorsePrice .Bite strong {
    color: #5da249;
}
.HorseData_Header .HorseProfile .HorsePrice .Bite span {
    font-size: 92.8%;
    font-weight: normal;
}
.HorseData_Header .HorseProfile .Partition {
    display: inline-block;
    color: #e9e9e9;
    font-size: 80%;
    margin: 0 4px 0 3px;
    vertical-align: 1px;
}
.HorseData_Header .HorseProfile .StudyList {
    display: inline-block;
    color: #ababab;
    font-size: 77%;
    padding-left: 23px;
    position: relative;
}
.HorseData_Header .HorseProfile .StudyList:before {
    content: '';
    background: url("../img/icon/icon_study_list.png") no-repeat;
    -webkit-background-size: 18px 11px;
    -moz-background-size: 18px 11px;
    background-size: 18px 11px;
    width: 18px;
    height: 11px;
    position: absolute;
    top: 0;
    left: 0;
}
.HorseData_Header .HorseProfile .StudyList strong {
    color: #79a441;
}

.HorseInfoTable {
    border-collapse: collapse;
    width: 100%;
}
.HorseInfoTable tr + tr {
    border-top: 1px solid #fff;
}
.HorseInfoTable tr th,
.HorseInfoTable tr td {
    vertical-align: middle;
    font-size: 77%;
}
.HorseInfoTable tr th {
    background: #bfd894;
    color: #698347;
    /*padding: 9px 0;*/
    /*height: 32.5px;*/
    height: 33px;
    width: 60px;
}
.HorseInfoTable tr td {
    background: #f1f1f1;
    color: #444;
    padding: 0 10px;
}
.HorseInfoTable .Label_Miho,
.HorseInfoTable .Label_Ritto,
.HorseInfoTable .Label_Local,
.HorseInfoTable .Label_Abroad {
    display: inline-block;
    color: #fff;
    font-size: 85.7%;
    margin-right: 6px;
    text-align: center;
    height: 16px;
    line-height: 16px;
    width: 37px;
    vertical-align: 1px;
}

.HorseData .BtnArea {
    background: #fbf6e0;
    padding: 12px 15px 15px;
    text-align: center;
}
.HorseData .BtnArea li + li {
    margin-top: 10px;
}

.ListAddButton,
.ListAlreadyButton {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0 none;
    border-radius: 2px;
    cursor: pointer;
    font-size: 83%;
    font-weight: bold;
    padding: 15px 0;
    width: 100%;
}
.ListAddButton {
    background: #e9cc46;
    color: #fff;
    box-shadow: inset 0 -2px 0 rgba(209, 177, 30, 1);
    position: relative;
    text-indent: 2em;
}
.ListAddButton:before {
    content: '';
    display: inline-block;
    background: #dbbb26 url("../img/icon/icon_plus02.png") no-repeat center;
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    background-size: 16px 16px;
    border-radius: 3px 0 0 3px;
    width: 44px;
    height: 95%;
    position: absolute;
    top: 0;
    left: 0;
}
.ListAlreadyButton {
    background: #999;
    color: #fff;
}

.MyHorseAddButton {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0 none;
    border-radius: 2px;
    cursor: pointer;
    font-size: 83%;
    font-weight: bold;
    padding: 15px 0;
    width: 100%;
}
.MyHorseAddButton {
    background: #9fcf61;
    color: #fff;
    box-shadow: inset 0 -2px 0 rgba(112, 154, 56, 1);
    position: relative;
    text-indent: 2em;
}
.MyHorseAddButton:before {
    content: '';
    display: inline-block;
    background: #79a441 url("../img/icon/icon_plus02.png") no-repeat center;
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    background-size: 16px 16px;
    border-radius: 3px 0 0 3px;
    width: 44px;
    height: 95%;
    position: absolute;
    top: 0;
    left: 0;
}

.HorseData_Wrap .BtnArea .Note,
.HorseData_Wrap .Note {
    color: #807f79;
    font-size: 77%;
    margin-top: 8px;
    line-height: 1.4;
}

.HorseInfoTable .Label_Miho {background: #b64d63;}
.HorseInfoTable .Label_Ritto {background: #3f5da6;}
.HorseInfoTable .Label_Local {background: #009000;}
.HorseInfoTable .Label_Abroad {background: #009000;}

@media only screen and (max-width: 320px) {
    .HorseData_Header .HorseProfile .HorsePrice .Bite {
        margin-bottom: 4px;
    }
}


/* 新馬情報詳細リスト - 写真表示切替 */
.PictureModeOn .HorseData_Header .HorseImg {
    display: none;
}
.PictureModeOn .BigHorseImg,
.PictureModeOff .BigHorseImg {
    position: relative;
}
.PictureModeOff .BigHorseImg {
    display: none;
}
.HorseData .BigHorseImg img {
    width: 100%;
}
.HorseData .BigHorseImg.Flag_Expire:before,
.HorseData .BigHorseImg.Flag_Wanted:before,
.HorseData .BigHorseImg.Flag_Near:before,
.HorseData .BigHorseImg.Flag_Accept:before,
.HorseData .BigHorseImg.Flag_Stop:before {
    content: '';
    width: 80px;
    height: 80px;
    position: absolute;
    top: -3px;
    right: -3px;
}
.HorseData .BigHorseImg.Flag_Expire:before {
    background: url("../img/icon/sprite_state_flag.png") no-repeat 0 0;
    -webkit-background-size: 80px 400px;
    -moz-background-size: 80px 400px;
    background-size: 80px 400px;
}
.HorseData .BigHorseImg.Flag_Wanted:before {
    background: url("../img/icon/sprite_state_flag.png") no-repeat 0 -80px;
    -webkit-background-size: 80px 400px;
    -moz-background-size: 80px 400px;
    background-size: 80px 400px;
}
.HorseData .BigHorseImg.Flag_Near:before {
    background: url("../img/icon/sprite_state_flag.png") no-repeat 0 -240px;
    -webkit-background-size: 80px 400px;
    -moz-background-size: 80px 400px;
    background-size: 80px 400px;
}
.HorseData .BigHorseImg.Flag_Accept:before {
    background: url("../img/icon/sprite_state_flag.png") no-repeat 0 -160px;
    -webkit-background-size: 80px 400px;
    -moz-background-size: 80px 400px;
    background-size: 80px 400px;
}
.HorseData .BigHorseImg.Flag_Stop:before {
    background: url("../img/icon/sprite_state_flag.png") no-repeat 0 -320px;
    -webkit-background-size: 80px 400px;
    -moz-background-size: 80px 400px;
    background-size: 80px 400px;
}


/* 検索条件変更footerボタン */
.ConditionChangeBtn02 {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 7100;
}
.ConditionChangeBtn02_Inner {
    position: relative;
}
.ConditionChangeBtn02 a {
    display: inline-block;
    background: rgba(79, 118, 27, .9) url(../img/icon/icon_plus.png) no-repeat center;
    -webkit-background-size: 12px 12px;
    -moz-background-size: 12px 12px;
    background-size: 12px 12px;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .25);
    width: 50px;
    height: 50px;
}
.ResultToolTip {
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .16);
    border-radius: 12px;
    font-size: 72%;
    text-align: right;
    padding: 10px 13px;
    position: absolute;
    top: 0;
    left: -130px;
}
.ResultToolTip:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 10px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 50%;
    right: -9px;
    margin-top: -7px;
}
.ResultToolTip .Txt {
    margin-bottom: 4px;
}
.ResultToolTip .Num {
    font-weight: bold;
    padding-right: 4px;
}
.ResultToolTip .Num strong {
    color: #79a441;
    margin-right: 2px;
    letter-spacing: .5px;
    padding-left: 16px;
    position: relative;
}
.ResultToolTip .Num strong:before {
    content: '';
    background: url("../img/icon/icon_search02.png") no-repeat;
    -webkit-background-size: 13px 13px;
    -moz-background-size: 13px 13px;
    background-size: 13px 13px;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 0;
    left: 0;
}


/* 検討リストbtn */
.ToCheckHorse {
    position: absolute;
    top: 8px;
    right: 8px;
}


/* 検討リストアクションボタン */
.HorseData .ActionBtnArea {
    background: #fbf6e0;
    padding: 12px 15px 15px;
}
.HorseData .ActionBtnArea > ul {
    display: table;
    width: 100%;
}
.HorseData .ActionBtnArea > ul > li {
    display: table-cell;
    vertical-align: top;
}
.HorseData .ActionBtnArea > ul > li:nth-child(1) {
    padding-right: 3px;
}
.HorseData .ActionBtnArea > ul > li:nth-child(2) {
    padding-left: 3px;
}
.HorseData .ActionBtnArea > ul > .Delete {
    padding-left: 11px;
    width: 44px;
}
.HorseData .ActionBtnArea > ul + div {
    margin-top: 12px;
}

.CloseBtn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0 none;
    border-radius: 2px;
    background: #b4b2a7;
    box-shadow: inset 0 -1px 0 rgba(142, 140, 130, 1);
    position: relative;
    width: 44px;
    height: 44px;
}
.CloseBtn:before {
    content: '';
    display: inline-block;
    background: #b4b2a7 url('../img/icon/icon_close.png') no-repeat center;
    -webkit-background-size: 13px 13px;
    -moz-background-size: 13px 13px;
    background-size: 13px 13px;
    width: 13px;
    height: 13px;
}

.LookActionBtn,
.WriteActionBtn {
    display: block;
    border-radius: 2px;
    box-shadow: inset 0 -1px 0 rgba(167, 165, 154, 1);
    background: #dbd9cf;
    color: #807f76;
    font-size: 66%;
    font-weight: bold;
    height: 44px;
    line-height: 44px;
    text-align: center;
    position: relative;
}
.LookActionBtn span,
.WriteActionBtn span {
    padding-left: 30px;
    position: relative;
}
.LookActionBtn span:before,
.WriteActionBtn span:before {
    content: '';
    display: block;
    position: absolute;
}
.LookActionBtn span:before {
    background: url("../img/icon/icon_horse.png") no-repeat;
    -webkit-background-size: 24px 18px;
    -moz-background-size: 24px 18px;
    background-size: 24px 18px;
    margin: 0 auto 4px;
    width: 24px;
    height: 18px;
    top: -4px;
    left: -2px;
}
.WriteActionBtn span:before {
    background: url("../img/icon/icon_pen.png") no-repeat;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    margin: 0 auto 4px;
    width: 18px;
    height: 18px;
    top: -4px;
    left: 2px;
}
.WriteActionBtn .Icon_Edit {
    position: absolute;
    top: -5px;
    right: -5px;
}
.MyHorseRegistButton {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0 none;
    border-radius: 2px;
    cursor: pointer;
    background: #56a83f;
    box-shadow: inset 0 -2px 0 rgba(72, 143, 52, 1);
    color: #fff;
    font-size: 83%;
    font-weight: bold;
    position: relative;
    padding: 15px 0;
    text-indent: 2em;
    width: 100%;
}
.MyHorseRegistButton:before {
    content: '';
    display: inline-block;
    background: #50993b url("../img/icon/icon_plus02.png") no-repeat center;
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    background-size: 16px 16px;
    border-radius: 3px 0 0 3px;
    width: 44px;
    height: 95%;
    position: absolute;
    top: 0;
    left: 0;
}
@media only screen and (max-width: 320px) {
    .LookActionBtn span,
    .WriteActionBtn span {
        padding-left: 25px;
    }
    .HorseData .ActionBtnArea > ul > .Delete {
        padding-left: 8px;
    }
}


/* ノート */
.PopUpContents02 {
    position:fixed;
    width:95%;
    top:50%;
    left: 50%;
    z-index:9999999999;
}
.NoteHeader {
    background: #79a441;
    padding: 22px 18px;
    position: relative;
}
.NoteHeader .Inner {
    color: #fff;
    font-size: 88%;
}
.NoteHeader .Inner .Title {
    font-weight: bold;
    padding-left: 34px;
    position: relative;
}
.NoteHeader .Inner .Title:before {
    content: '';
    background: url("../img/icon/icon_pen02.png") no-repeat;
    -webkit-background-size: 25px 25px;
    -moz-background-size: 25px 25px;
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
    position: absolute;
    top: -4px;
    left: 0;
}
.NoteHeader .Inner .TextCounter {
    font-weight: normal;
}
.PopCloseBtn02 {
    background: url("../img/icon/icon_close03.png") no-repeat center;
    -webkit-background-size: 13px 13px;
    -moz-background-size: 13px 13px;
    background-size: 13px 13px;
    width: 65px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.Modal_overlay {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    background: rgba(0,0,0,.75);
}

.NoteContainer {
    background: #fff;
    padding: 10px 10px 16px;
}
.NoteWrap {
    margin-bottom: 12px;
}
.NoteTextArea {
    border: none;
    border-radius: 0;
    background: #fffbde;
    box-shadow: none;
    font-size: 89%;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
    line-height: 1.7;
    padding: 16px 25px;
    width: 100%;
    height: 170px;
}

.NoteBtnArea ul li {
    float: left;
    width: 49.5%;
}
.NoteBtnArea ul li + li {
    float: right;
}
.NoteBtn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0 none;
    border-radius: 3px;
    font-size: 88%;
    font-weight: bold;
    padding: 14px 0;
    width: 100%;
}
.NoteBtn.Cancel {
    background: #b4b2a7;
    box-shadow: inset 0 -1px 0 rgba(142, 140, 130, 1);
    color: #76746c;
}
.NoteBtn.Save {
    background: #56a83f;
    box-shadow: inset 0 -1px 0 rgba(61, 121, 45, 1);
    color: #fff;
}

.NoteTextArea::-webkit-input-placeholder {
    color: #cdcaae;
    font-size: 16px;
}

.noteCountWarning {
    color: #d44242;
}


/* =======================================================
02.新馬サーチ(検索条件)
======================================================= */

/* My検索条件タイトル設定 */
body.SelectCondition .NoteTextArea {
    height: 90px;
}


/* 新馬サーチ条件設定ヘッダー */
.ShinbaSearch_Contents {
    margin: 63px auto 67px;
}

.ShinbaSearch_Header {
    background: rgba(255, 255, 255, .80);
    border-bottom: 1px solid #e9e9e9;
    padding: 0 8px;
    display: table;
    width: 100%;
    height: 63px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
}
.ShinbaSearch_Header .LinkArea,
.ShinbaSearch_Header .BtnArea {
    display: table-cell;
    vertical-align: middle;
}
.ShinbaSearch_Header .LinkArea {
    width: 100%;
}

.AllCheckRemoveBtn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 3px;
    background: #999;
    box-shadow: inset 0 -2px 0 rgba(114, 114, 114, 1);
    color: #fff;
    font-size: 72%;
    font-weight: bold;
    padding: 17px 0;
    width: 200px;
}
.AllCheckRemoveBtn span {
    padding-left: 27px;
    position: relative;
}
.AllCheckRemoveBtn span:before {
    content: '';
    background: url("../img/icon/icon_check.png") no-repeat;
    -webkit-background-size: 17px 13px;
    -moz-background-size: 17px 13px;
    background-size: 17px 13px;
    width: 17px;
    height: 13px;
    position: absolute;
    top: 0;
    left: 0;
}

.BackToTextLink {
    background: url('../img/icon/icon_arrow_left.png') no-repeat;
    -webkit-background-size: 16px 15px;
    -moz-background-size: 16px 15px;
    background-size: 16px 15px;
    color: #444;
    font-size: 83%;
    margin-left: 12px;
    padding-left: 28px;
    width: 16px;
    height: 15px;
}

.MySearchBtn_S {
    display: block;
    background: #fff;
    box-shadow: 0 1px 2px rgba(146, 151, 165, .6);
    border-radius: 3px;
    color: #444;
    font-size: 72%;
    font-weight: bold;
    padding: 17px 0;
    text-align: center;
    width: 180px;
}
.MySearchBtn_S span {
    padding-left: 65px;
    position: relative;
}
.MySearchBtn_S span:before {
    content: '';
    background: url("../img/owner/logo_my_search.png") no-repeat;
    -webkit-background-size: 53px 27px;
    -moz-background-size: 53px 27px;
    background-size: 53px 27px;
    width: 53px;
    height: 27px;
    position: absolute;
    top: -6px;
    left: 0;
}


/* 新馬サーチ条件設定フッター */
.ShinbaSearch_Footer {
    background: rgba(255, 255, 255, .6);
    border-top: 1px solid #e9e9e9;
    text-align: center;
    padding: 8px 12px 13px;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}
.ConditionAddButton {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 3px;
    font-size: 72%;
    font-weight: bold;
    padding: 17px 0;
    position: relative;
    width: 100%;
    background: #56a83f;
    box-shadow: inset 0 -1px 0 rgba(61, 121, 45, 1);
    color: #fff;
}
.ConditionAddButton:before {
    content: '';
    background: url("../img/icon/icon_check02.png") no-repeat;
    -webkit-background-size: 17px 13px;
    -moz-background-size: 17px 13px;
    background-size: 17px 13px;
    width: 17px;
    height: 13px;
    position: absolute;
    left: 23px;
}


/*　検索条件の追加・変更テキスト　*/
.SearchCondition_Note {
    text-align: center;
    margin-bottom: 20px;
}
.SearchCondition_Note .Title {
    display: inline-block;
    color: #848484;
    font-size: 88%;
    font-weight: bold;
    margin-bottom: 10px;
}
.SearchCondition_Note .Txt {
    color: #ababab;
    font-size: 72%;
}


/*　検索条件を全て表示ボタン　*/
.ConditionDeatilBtn {
    clear: both;
    display: block;
    color: #c2bc7e;
    font-size: 66%;
    text-align: center;
    padding-top: 20px;
    margin-bottom: 8px;
    padding-bottom: 8px;
    position: relative;
}
.ConditionDeatilBtn:after {
    content: '';
    background: url("../img/icon/icon_arrow_bottom03.png") no-repeat;
    -webkit-background-size: 10px 6px;
    -moz-background-size: 10px 6px;
    background-size: 10px 6px;
    width: 10px;
    height: 6px;
    position: absolute;
    left: 50%;
    bottom: -5px;
    margin-left: -5px;
}


/* 検索詳細条件01 */
.SearchCondition_List {
    padding: 0 8px 8px;
}
.ConditionList01 + .ConditionList01 {
    margin-top: 8px;
}
.ConditionList01 a {
    display: table;
    background: #fff url("../img/icon/icon_arrow_right.png") no-repeat 95% center;
    -webkit-background-size: 6px 10px;
    -moz-background-size: 6px 10px;
    background-size: 6px 10px;
    box-shadow: 0 1px 2px rgba(146, 151, 165, .6);
    border-radius: 3px;
    min-height: 73px;
    padding: 18px 23px 18px 70px;
    position: relative;
    width: 100%;
}
.ConditionList01 a:before {
    content: '';
    background: url("../img/icon/sprite_icon_shinba_search01.png") no-repeat;
    -webkit-background-size: 49px 630px;
    -moz-background-size: 49px 630px;
    background-size: 49px 630px;
    width: 40px;
    height: 34px;
    position: absolute;
    top: 50%;
    left: 16px;
    margin-top: -19px;
}
.ConditionList01 dl {
    display: table-cell;
    vertical-align: middle;
}
.ConditionList01 dl .Name {
    color: #848484;
    font-size: 88%;
    font-weight: bold;
}
.ConditionList01 dl .Item {
    color: #79a441;
    font-size: 72%;
    margin-top: 8px;
    height: 14px;
    line-height: 1.1;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    width: 90%;
}
.ConditionList01.List01 a:before {background-position: -4px -7px;}
.ConditionList01.List02 a:before {background-position: -4px -56px;}
.ConditionList01.List03 a:before {background-position: -4px -105px; width: 42px;}
.ConditionList01.List04 a:before {background-position: -4px -153px;}
.ConditionList01.List05 a:before {background-position: -4px -202px;}
.ConditionList01.List06 a:before {background-position: -4px -249px;}
.ConditionList01.List07 a:before {background-position: -4px -298px;}
.ConditionList01.List08 a:before {background-position: -4px -347px;}
.ConditionList01.List09 a:before {background-position: -3px -395px; width: 43px;}
.ConditionList01.List10 a:before {background-position: -4px -443px;}

.SearchCondition_Keyword {

    padding: 12px 8px 0;
}


/* 検索詳細条件02 */
.SearchDetaiHeader_Note {
    font-size: 83%;
    padding: 10px 20px;
}

.ui-corner-bottom,
.SearchCondition_Result {
    margin-bottom: 68px;
}
.SearchCondition_Result li {
    background: #fff;
    border-bottom: 1px solid #e9e9e9;
    display: table;
    width: 100%;
    height: 72px;
}
.SearchCondition_Result li > div {
    display: table-cell;
    vertical-align: middle;
}

.SearchCondition_Result .ResultItem {
    padding-left: 3px;
}
.SearchCondition_Result .ResultItem .Name {
    color: #848484;
    font-size: 83%;
    font-weight: bold;
    margin-bottom: 8px;
    line-height: 1.2;
}
.SearchCondition_Result .ResultItem .Count {
    color: #79a441;
    font-size: 72%;
    font-weight: bold;
}

.SearchCondition_Result .Colors {
    width: 80px;
}

.SearchCondition_Result .CheckButton {
    text-align: center;
    width: 64px;
}
.SearchCondition_CheckBox {
    display: none;
}
.SearchCondition_CheckBox + label,
.SearchCondition_CheckBox:checked + label {
    display: inline-block;
    vertical-align: bottom;
    width: 40px;
    height: 40px;
}
.SearchCondition_CheckBox + label {
    background: url("../img/owner/checkBox01.png?20170816") no-repeat;
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    background-size: 40px 40px;
}
.SearchCondition_CheckBox:checked + label {
    background: url("../img/owner/checkBox02.png") no-repeat;
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    background-size: 40px 40px;
}

.SearchCondition_Result .CheckList {
    background: #f7ffed;
}
.SearchCondition_Result .CheckList .ResultItem .Name {
    color: #79a441;
}

.Icon_Colours {
    margin: 0 auto;
}

.SearchCondition_Result .ResultItem .Name .Label_Ritto,
.SearchCondition_Result .ResultItem .Name .Label_Miho,
.SearchCondition_Result .ResultItem .Name .Label_Local,
.SearchCondition_Result .ResultItem .Name .Label_Abroad {
    display: inline-block;
    color: #fff;
    font-size: 85.7%;
    margin-right: 6px;
    padding: 0 4px;
    text-align: center;
    min-width: 37px;
    height: 16px;
    line-height: 16px;
    vertical-align: 1px;
}
.SearchCondition_Result .ResultItem .Name .Label_Miho {background: #b64d63;}
.SearchCondition_Result .ResultItem .Name .Label_Ritto {background: #3f5da6;}
.SearchCondition_Result .ResultItem .Name .Label_Local {background: #009000;}
.SearchCondition_Result .ResultItem .Name .Label_Abroad {background: #009000;}


/* =======================================================
03.一口馬主トップ
======================================================= */

/* ご意見フォーム */
.GoikenFormBox {
    padding: 8px 8px 0;
}
.GoikenFormBox_Msg {
    font-size: 77%;
    line-height: 1.4;
    margin-bottom: 8px;
}
.GoikenFormBox_Msg02 {
    font-size: 77%;
    line-height: 1.4;
    margin-top: 8px;
}
.GoikenFormBox_Msg a {
    color: #06389b;
}
.GoikenFormBox_Textarea {
    border: 1px solid #bbb;
    border-radius: 4px;
    box-shadow: 0 2px 3px #efefef inset;
    font-size: 16px;
    font-family: "ヒラギノ角ゴ ProN W3", arial, "Hiragino Kaku Gothic ProN", "Meiryo", "メイリオ", sans-serif;
    color: #666;
    margin-bottom: 8px;
    padding: 8px;
    line-height: 1.3;
    width: 100%;
    height: 86px;
    vertical-align: bottom;
}
.GoikenFormBox_Textarea::-webkit-input-placeholder {
    color: #a9a9b0;
}
.GoikenFormBtn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0 none;
    display: block;
    border-radius: 3px;
    background: #dedede;
    box-shadow: inset 0 -1px 0 #bfbfbf;
    color: #444;
    font-size: 77%;
    padding: 21px 0;
    text-align: center;
    width: 100%;
}


/*　プレミアムデータ　*/
.ShinbaDataSearch {
    padding: 0 8px;
}
.ShinbaDataSearch_Header {
    display: table;
    width: 100%;
    margin-bottom: 8px;
}
.ShinbaDataSearch_Header span {
    display: table-cell;
    background: #7d8ab7;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    color: #fff;
    font-size: 83%;
    font-weight: bold;
    line-height: 1.3;
    padding: 3px 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}
.ShinbaDataSearch_Header span + span {
    border-left: none;
}
.ShinbaDataSearch_Header .Item01 {
    width: 58%;
}
.ShinbaDataSearch_Header .Item02 {
    width: 42%;
}
.ShinbaDataSearch_Header .Item03 {
    min-width: 76px;
}

.ShinbaDataSearch_Title {
    font-size: 83%;
    font-weight: bold;
    padding: 16px 0 8px;
}

.ShinbaDataSearch_List li + li {
    margin-top: 8px;
}
.ShinbaDataSearch_List li a {
    display: table;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(146, 151, 165, .6);
    color: #333;
    font-size: 88%;
    padding: 12px 0;
    text-align: center;
    width: 100%;
}
.ShinbaDataSearch_List li a span {
    display: table-cell;
    vertical-align: middle;
}

.ShinbaDataSearch_List .Item01 {
    color: #235899;
    font-weight: bold;
    padding-left: 12px;
    letter-spacing: -.5px;
    text-align: left;
    width: 58%;
}
.ShinbaDataSearch_List .Item02 {
    width: 42%;
}
.ShinbaDataSearch_List .Item03 {
    min-width: 76px;
}

.ShinbaDataSearch .BtnArea {
    padding-top: 11px;
}

.ShinbaDataSearch_Note {
    display: block;
    font-size: 72%;
    color: #666;
    text-align: right;
    margin-top: 8px;
}

@media only screen and (max-width: 320px) {
    .ShinbaDataSearch_List li a  {
        font-size: 77%;
    }
    .ShinbaDataSearch_List .Item01 {
        padding-left: 6px;
    }
}


/* ニュースティッカー */
.OwnerTicker_Inner {
    border: 1px solid #fff;
    border-radius: 3px;
    background: #fff;
    width: 100%;
    height: 40px;
    overflow: hidden;
}
.OwnerTicker {
    background: #e5e5e5;
    padding: 12px;
    position: relative;
    margin-top: 12px;
}
.OwnerTicker:before {
    content: '';
    width: 10px;
    height: 40px;
    background: #fff;
    border-radius: 3px;
    position: absolute;
    z-index: 9;
}
.OwnerTicker:after {
    content: '';
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 3px;
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 9;
}
.OwnerTicker .Icon_GradeType {
    position: absolute;
    margin-left: 2px;
    top: 1px;
}

.OwnerTickerInfoLabel01,
.OwnerTickerInfoLabel02 {
    display: inline-block;
    border-radius: 3px;
    color: #fff;
    font-size: 77%;
    font-weight: bold;
    padding: 6px 6px;
    position: absolute;
    top: -3px;
    text-align: center;
    min-width: 82px;
    white-space: nowrap;
}
.OwnerTickerInfoLabel01 {
    background: #d85858;
}
.OwnerTickerInfoLabel02 {
    background: #7d8ab7;
}
.OwnerTickerInfoLabel01:after,
.OwnerTickerInfoLabel02:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    position: absolute;
    right: -5px;
    top: 50%;
    margin-top: -5px;
}
.OwnerTickerInfoLabel01:after {
    border-color: transparent transparent transparent #d85858;
}
.OwnerTickerInfoLabel02:after {
    border-color: transparent transparent transparent #7d8ab7;
}

.OwnerTicker .TickerBtn {
    width: 40px;
    height: 40px;
    border-radius: 3px;
    background: url("../img/icon/icon_plus03.png") no-repeat center;
    -webkit-background-size: 12px 12px;
    -moz-background-size: 12px 12px;
    background-size: 12px 12px;
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 10;
}
.OwnerTicker .TickerBtn.Close {
    width: 40px;
    height: 40px;
    border-radius: 3px;
    background: url("../img/icon/icon_close02.png?v=1") no-repeat center;
    -webkit-background-size: 12px 2px;
    -moz-background-size: 12px 2px;
    background-size: 12px 2px;
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 20;
}

.tickercontainer {
    width: 100%;
    height: 40px;
    overflow: hidden;
}
.tickercontainer .mask {
    width: 100%;
    position: relative;
    /* left: 10px; */
    /* top: 12px; */
}
.Ticker {
    display: table;
    position: relative;
    top: 10px;
    left: 10px;
}
.Ticker li {
    display: table-cell;
    white-space: nowrap;
    height: 20px;
}
.Ticker a {
    color: #333;
    font-size: 77%;
    margin: 0 100px 0 92px;
}


/* ニュースティッカー - お知らせリスト */
.OwnerNewsListBox {
    position: relative;
    margin-top: -40px;
}

.OwnerNewsListBox ul {
    background: #fff;
    border-radius: 2px;
}
.OwnerNewsListBox ul li:nth-child(even) {
    background: #f5f5f5;
    border-radius: 2px;
}
.OwnerNewsListBox ul li a {
    display: inline-block;
    color: #444;
    font-size: 77%;
    line-height: 1.7;
    padding: 13px 40px 13px 17px;
}

.OwnerTickerInfoInnerLabel01,
.OwnerTickerInfoInnerLabel02 {
    display: inline-block;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 6px;
    position: relative;
    top: -1px;
    text-align: center;
    min-width: 82px;
    margin-right: 12px;
    white-space: nowrap;
}
.OwnerTickerInfoInnerLabel01 {
    background: #d85858;
}
.OwnerTickerInfoInnerLabel02 {
    background: #7d8ab7;
}
.OwnerTickerInfoInnerLabel01:after,
.OwnerTickerInfoInnerLabel02:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    position: absolute;
    right: -5px;
    top: 50%;
    margin-top: -5px;
}
.OwnerTickerInfoInnerLabel01:after {
    border-color: transparent transparent transparent #d85858;
}
.OwnerTickerInfoInnerLabel02:after {
    border-color: transparent transparent transparent #7d8ab7;
}

.OwnerNewsListBox .Icon_GradeType {
    vertical-align: -3px
}


/* 一口馬主向けサービスの使い方 */
.HowToUseLinkArea {
    background: #e5e5e5;
    padding: 16px 10px 8px;
    text-align: center;

}
.HowToUseLink{
    display:block;
    text-align: center;
}
.HowToUseLink img {
    width: 100%;
    max-width: 350px;
    display:inline-block;
}


/* クラブから新馬を探す */
.TopClubHorseSearch .ClubSearchList {
    position: relative;
    height: 64px;
}
.TopClubHorseSearch .ClubSearchList ul {
    width: 1980px;
}
.TopClubHorseSearch .ClubSearchList ul li {
    width: 82px;
}
.TopClubHorseSearch .ClubSearchList a {
    font-size: 66%;
    margin: 0 4px 0 0;
    padding: 8px 0;
}
.TopClubHorseSearch .ClubSearchList .Icon_Club_Colors {
    margin: 0 auto 6px;
}
.ClubData_TxtStyle01 {
    letter-spacing: -1px
}


/* 新着ニュース */
.LatestInfoList li {
    border-bottom: 1px solid #dddddd;
}
.LatestInfoList a {
    display: table;
    background: #fff;
    width: 100%;
}
.LatestInfoList a .InfoImgBox,
.LatestInfoList a .InfoTxtBox {
    display: table-cell;
    vertical-align: middle;
}
.LatestInfoList a .InfoImgBox {
    background: #ccc;
    position: relative;
    overflow: hidden;
    width: 128px;
    height: 92px;
}
.LatestInfoList a .InfoImgBox .Thumb {
    display: block;
    margin: 0 auto;
    width: 128px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    /*min-width: 128px;
    min-height: 91px;
    max-width: 128px;
    max-height: 93px;*/
}
.LatestInfoList a .InfoTxtBox {
    padding: 0px 15px 0px;
    position: relative;
}
.LatestInfoList a .InfoTxtBox .InfoTitle {
    color: #444;
    font-size: 88%;
    font-weight: bold;
    line-height: 1.3;
    height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.LatestInfoList a .InfoTxtBox .TimeStump {
    color: #9d9d9d;
    font-size: 66%;
    position: absolute;
    top: 18px;
    right: 12px;
}

.ColorsTag {
    display: inline-block;
    color: #444;
    background: #eaeaea;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 66%;
    font-weight: bold;
    margin-bottom: 8px;
    padding: 3px 3px 2px 3px;
    letter-spacing: 1px;
}
.ColorsTag .TagName {
    display: inline-block;
    vertical-align: 1px;
}
.ColorsTag .icon_colors_s {
    /*background-size: 26px 600px;*/
    margin-right: 0;
}

#top_news .BtnArea {
    padding: 11px 9px 0;
}


/*　クラブデータ　*/
.ClubData {
    padding: 0 0 0 8px;
}
.ClubData ul li {
    float: left;
    width: 33.3%;
}
.ClubData a {
    display: block;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(146, 151, 165, .5);
    color: #333;
    font-size: 72%;
    font-weight: bold;
    font-feature-settings: "palt";
    overflow: hidden;
    margin: 0 8px 8px 0;
    padding: 10px 0;
    position: relative;
    text-align: center;
    white-space: nowrap;
}
.Icon_Club_Colors {
    display: block;
    background: url("../img/icon/sprite_icon_colors.png?20251002") no-repeat;
    -webkit-background-size: 49px 1300px;
    -moz-background-size: 49px 1300px;
    background-size: 49px 1300px;
    margin: 0 auto 10px;
    width: 40px;
    height: 30px;
}
.Club_Colors01 {background-position: -5px -9px;}
.Club_Colors02 {background-position: -5px -58px;}
.Club_Colors03 {background-position: -5px -106px;}
.Club_Colors04 {background-position: -5px -155px;}
.Club_Colors05 {background-position: -5px -203px;}
.Club_Colors06 {background-position: -5px -251px;}
.Club_Colors07 {background-position: -5px -300px;}
.Club_Colors08 {background-position: -5px -348px;}
.Club_Colors09 {background-position: -5px -397px;}
.Club_Colors10 {background-position: -5px -445px;}
.Club_Colors11 {background-position: -5px -493px;}
.Club_Colors12 {background-position: -5px -542px;}
.Club_Colors13 {background-position: -5px -590px;}
.Club_Colors14 {background-position: -5px -639px;}
.Club_Colors15 {background-position: -5px -687px;}
.Club_Colors16 {background-position: -5px -736px;}
.Club_Colors17 {background-position: -5px -784px;}
.Club_Colors18 {background-position: -5px -832px;}
.Club_Colors19 {background-position: -5px -881px;}
.Club_Colors20 {background-position: -5px -929px;}
.Club_Colors21 {background-position: -5px -977px;}
.Club_Colors22 {background-position: -5px -1027px;}
.Club_Colors23 {background-position: -5px -1073px;}
.Club_Colors24 {width: 45px;background-position: -2px -1127px;}
.Club_Colors25 {background-position: -2px -1153px;background-size: 45px 1270px;}

/* クラブコミュニティ */
.FindClubCommunity li {
    border-bottom: 1px solid #ddd;
}
.FindClubCommunity li a {
    background: #fff;
    display: table;
    width: 100%;
}
.FindClubCommunity .ImgBox,
.FindClubCommunity .TxtBox {
    display: table-cell;
    vertical-align: middle;
}
.FindClubCommunity .TxtBox {
    background: #fff;
    padding: 0px 15px;
}

.FindClubCommunity .ThreadThumbnail {
    width: 90px;
    height: 90px;
}
.FindClubCommunity .ListTitle {
    color: #444;
    font-size: 83%;
    font-weight: bold;
    margin-bottom: 5px;
}
.FindClubCommunity .ListText {
    color: #444;
    font-size: 66%;
    line-height: 1.4;
    height: 31px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 8px;
}
.FindClubCommunity .Time {
    display: none;
}
.FindClubCommunity .ListInfo .Category {
    float: left;
    font-size: 66%;
    color: #b7b7b7;
    margin-top: 2px;
}
.FindClubCommunity .ListInfo .Count {
    float: right;
    font-size: 66%;
    color: #b7b7b7;
}

.FindClubCommunity .ListTitle .Ranking {
    color: #666;
    margin-right: 8px;
}
.FindClubCommunity .ListTitle .Ranking.Rank_01 {color: #666;}
.FindClubCommunity .ListTitle .Ranking.Rank_01 {color: #d69d50;}
.FindClubCommunity .ListTitle .Ranking.Rank_02 {color: #9ca5b0;}
.FindClubCommunity .ListTitle .Ranking.Rank_03 {color: #c58473;}

.Icon_Rank_Arrow {
    display: inline-block;
    background: url("../img/icon/sprite_icon_arrow.png") no-repeat;
    -webkit-background-size: 22px 215px;
    -moz-background-size: 22px 215px;
    background-size: 22px 215px;
    margin-left: 7px;
    width: 15px;
    height: 15px;
    vertical-align: -3px;
}
.Rank_Arrow01 {background-position: -4px -3px;}
.Rank_Arrow02 {background-position: -4px -24px;}
.Rank_Arrow03 {background-position: -4px -46px;}
.Rank_Arrow04 {background-position: -4px -67px;}
.Rank_Arrow05 {background-position: -4px -89px;}

.FindClubCommunity .BtnArea {
    padding: 11px 8px 0;
}


/* クラブ馬　人気・検討ランキング */
.ClubHorse ul li:first-child {
    border-top: 1px solid #ddd;
}
.ClubHorse ul li {
    border-bottom: 1px solid #ddd;
}
.ClubHorse ul li a {
    display: table;
    background: #fff;
    width: 100%;
}
.ClubHorse .ImgBox,
.ClubHorse .TxtBox {
    display: table-cell;
    vertical-align: middle;
}
.ClubHorse .ImgBox {
    width: 128px;
}
.ClubHorse .ImgBox .Thumb {
    display: block;
    min-width: 128px;
    min-height: 91px;
    max-width: 128px;
    max-height: 93px;
}
.ClubHorse .TxtBox {
    padding: 0px 14px 0px;
}
.ClubHorse .TxtBox .HorseName {
    color: #444;
    margin-bottom: 4px;
    font-size: 83%;
}
.ClubHorse .TxtBox .HorseName .Name {
    height: 16px;
    line-height: 1.2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.ClubHorse .TxtBox .HorseName .Ranking {
    color: #666;
    float: left;
    margin-right: 8px;
    line-height: 1.2;
}
.ClubHorse .TxtBox .Detail {
    overflow: hidden;
}
.ClubHorse .TxtBox .Detail + .Detail {
    margin-top: 2px;
}
.ClubHorse .TxtBox .Detail dt,
.ClubHorse .TxtBox .Detail dd {
    display: inline-block;
    color: #444;
    font-size: 77%;
    vertical-align: middle;
}
.ClubHorse .TxtBox .Detail dd {
    margin-left: -4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 61vw;
}
@media only screen and (min-width: 1025px) {
    .ClubHorse .TxtBox .Detail dd {
        width: 300px
    }
}
@media only screen and (max-width: 409px) {
    .ClubHorse .TxtBox .Detail dd {
        width: 56vw;
    }
}
@media only screen and (max-width: 358px) {
    .ClubHorse .TxtBox .Detail dd {
        width: 50vw;
    }
}
.ClubHorse .TxtBox .Detail dd strong {
    color: #5da249;
}
.ClubHorse .TxtBox .Detail dd img {
    margin-left: 4px;
    vertical-align: bottom;
}
.ClubHorse .TxtBox .Detail dd .Unit {
    font-size: 92.8%;
    margin: 0 4px 0 2px;
}
.ClubHorse .TxtBox .Detail dd .Price {
    font-weight: bold;
}
.ClubHorse .TxtBox .Detail:last-child dd {
    height: 16px;
    line-height: 1.2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.ClubHorse .TxtBox .HorseName .Rank_00 {color: #afafaf;}
.ClubHorse .TxtBox .HorseName .Rank_01 {color: #cccc00;}
.ClubHorse .TxtBox .HorseName .Rank_02 {color: #9fadb3;}
.ClubHorse .TxtBox .HorseName .Rank_03 {color: #d59240;}

.ClubHorse .BtnArea {
    padding: 11px 9px 0;
}

.HorseAge_Senba,
.HorseAge_Boba,
.HorseAge_Hinba {
    display: inline-block;
    border-radius: 1px;
    color: #fff;
    font-size: 11px;
    margin-right: 4px;
    text-align: center;
    min-width: 30px;
    padding: 2px;
    vertical-align: 1px;
}
.HorseAge_Hinba {
    background: #e97a93;
}
.HorseAge_Boba {
    background: #5582d7;
}
.HorseAge_Senba {
    background: #878e84;
}

@media only screen and (max-width: 320px) {
    .ClubHorse .TxtBox .HorseName {
        font-size: 77%;
    }
    .ClubHorse .TxtBox .Detail dt,
    .ClubHorse .TxtBox .Detail dd {
        font-size: 72%;
    }
    .ClubHorse .TxtBox {
        padding: 0px 8px 0px 8px;
    }
}


/*　人気ランキングから新馬を探す　*/
.ShinbaRankingList_Title {
    font-size: 83%;
    font-weight: bold;
    padding: 16px 10px 8px;
}
.ClubHorse .TxtBox .HorseTxt {
    color: #444;
    font-size: 77%;
    margin-top: 4px;
    height: 16px;
    line-height: 1.2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.ShinbaRankingList_BtnArea {
    padding: 10px 8px 0;
}


/* コラム */
.OwnerColumn ul li {
    float: left;
    width: 50%;
    border-bottom: 1px solid #ddd;
}
.OwnerColumn ul li:nth-child(even) {
    border-left: 1px solid #ddd;
}
.OwnerColumnImage {
    background: #fff;
    height: 132px;
    overflow: hidden;
}
/*.OwnerColumnImage .Thumb {
    display: block;
    margin: 0 auto;
    max-width: 300px;
    min-height: 132px;
}*/
.OwnerColumnTitle {
    background: #fff;
    padding: 15px 13px;
}
.OwnerColumnTitle .Title {
    color: #444;
    font-size: 83%;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 10px;
    height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.OwnerColumnTitle .Name {
    color: #b7b7b7;
    font-size: 66%;
}
.OwnerColumn .BtnArea {
    padding: 11px 9px 0;
}


/* みんなの新馬評価 */
.HorseRating li {
    border-bottom: 1px solid #ddd;
    background: #fff;
}
.HorseRating li:first-child {
    border-top: 1px solid #ddd;
}
.HorseRatingInner {
    padding: 14px 8px;
    position: relative;
}
.RatingImgBox {
    margin-right: 12px;
    width: 33px;
    height: 33px;
    position: absolute;
}
.RatingImgBox .Thumb {
    border-radius: 50%;
    width: 100%;
}
.RatingCommentBox {
    border: 1px solid #f5ecd0;
    background: #fffae9;
    margin-left: 45px;
    position: relative;
}
.RatingCommentBox:before {
    content: '';
    display: inline-block;
    background: url("../img/icon/icon_balloon.png") no-repeat;
    -webkit-background-size: 9px 13px;
    -moz-background-size: 9px 13px;
    background-size: 9px 13px;
    width: 9px;
    height: 13px;
    position: absolute;
    top: 10px;
    left: -9px;
}
.RatingCommentBox .CommentDetail {
    padding: 10px 12px 12px;
}
.RatingCommentBox .CommentDetail .TimeStamp {
    color: #666;
    font-size: 66%;
    position: absolute;
    top: 16px;
    right: 12px;
}
.RatingCommentBox .CommentDetail .Name {
    display: inline-block;
    font-size: 83%;
    font-weight: bold;
    line-height: 1.2;
    padding-right: 65px;
}
.RatingCommentBox .Comment {
    font-size: 77%;
    line-height: 1.2;
    margin-top: 8px;
}
.RatingCommentBox .RatingDetail {
    background: #f5ecd0;
    padding: 12px 11px;
}
.RatingCommentBox .RatingDetail .Thumb {
    width: 100%;
    max-width: 90px;
    max-height: 63px;
    vertical-align: bottom;
}
.RatingCommentBox .ImgBox {
    display: inline-block;
    margin-right: 11px;
    float: left;
}
.RatingCommentBox .HorseInfoBox {
    margin-top: 2px;
    /*overflow: hidden;*/
}
.RatingCommentBox .HorseInfoBox .Name {
    color: #444;
    font-size: 77%;
    font-weight: bold;
    margin-bottom: 6px;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.RatingCommentBox .HorseInfoBox .Club {
    color: #444;
    font-size: 77%;
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.RatingCommentBox .HorseInfoBox .Club .icon_colors_s {
    vertical-align: -2px;
}
.RatingCommentBox .HorseInfoBox .Rating {
    overflow: hidden;
}
.RatingCommentBox .HorseInfoBox .Rate {
    display: inline-block;
    font-size: 77%;
    margin-right: 4px;
}
.RatingCommentBox .HorseInfoBox .Rate .Point {
    color: #ecb500;
    margin-right: 3px;
}
.RatingCommentBox .HorseInfoBox .Rate strong {
    color: #5da249;
}
.RatingCommentBox .HorseInfoBox .ValuePoint {
    display: inline-block;
    border-radius: 3px;
    background: #5da249;
    color: #fff;
    font-size: 66%;
    padding: 4px;
    vertical-align: middle;
}
.RatingCommentBox .HorseInfoBox .ValuePoint strong {
    color: #ffcf31;
}
.HorseRating .BtnArea {
    padding: 11px 9px 0;
}

@media only screen and (max-width: 360px) {
    .RatingCommentBox .RatingDetail {
        padding: 10px 2px 10px 8px;
    }
    .RatingCommentBox .ImgBox {
        margin-right: 8px;
    }
    .RatingCommentBox .HorseInfoBox .Rate {
         margin-right: 0px;
    }
}
@media only screen and (max-width: 320px) {
    .RatingCommentBox .HorseInfoBox .Name {
        line-height: 1.2;
    }
    .RatingCommentBox .HorseInfoBox .Name {
        margin-bottom: 6px;
    }
    .RatingCommentBox .HorseInfoBox .Club {
        margin-bottom: 4px;
    }
    .RatingCommentBox .HorseInfoBox .Rate {
        margin-bottom: 2px;
    }
}


/* =======================================================
04.みんなの新馬評価 / ランキング
======================================================= */

/* コンテンツヘッダー */
.ContentsHeader {
    background: #e9e9e9;
    text-align: center;
    padding: 23px 0;
}
.ContentsHeader .Title {
    color: #444;
    font-size: 88%;
    font-weight: bold;
}
.ContentsHeader.UserRating .Title span {
    padding-left: 38px;
    position: relative;
}
.ContentsHeader.UserRating .Title span:before {
    content: '';
    background: url("../img/icon/icon_user_rating.png") no-repeat;
    -webkit-background-size: 29px 26px;
    -moz-background-size: 29px 26px;
    background-size: 29px 26px;
    width: 29px;
    height: 26px;
    position: absolute;
    top: -4px;
    left: 0;
}
.ContentsHeader.Club .Title span {
    padding-left: 45px;
    position: relative;
}
.ContentsHeader.Club .Title span:before {
    content: '';
    background: url("../img/icon/icon_ranking.png") no-repeat;
    -webkit-background-size: 35px 27px;
    -moz-background-size: 35px 27px;
    background-size: 35px 27px;
    width: 35px;
    height: 27px;
    position: absolute;
    top: -7px;
    left: 0;
}

.HorseRanking .TxtBox .View .Icon_Rank_Arrow {
    margin-left: 6px;
    vertical-align: -2px;
}

.HorseRanking ul li {
    border-bottom: 1px solid #ddd;
}
.HorseRanking ul li:first-child {
    border-top: 1px solid #ddd;
}
.HorseRanking ul li a {
    display: table;
    background: #fff;
    width: 100%;
}
.HorseRanking .ImgBox,
.HorseRanking .TxtBox {
    display: table-cell;
    vertical-align: middle;
}
.HorseRanking .ImgBox {
    position: relative;
    width: 128px;
}
.HorseRanking .ImgBox .Thumb {
    display: block;
    min-width: 128px;
    min-height: 91px;
    max-width: 128px;
    max-height: 93px;
}
.HorseRanking .ImgBox .SubData {
    color: #fff;
    font-size: 66%;
    background: rgba(0, 0, 0, .5);
    padding: 6px 8px 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: right;
}

.HorseRanking .TxtBox {
    padding: 0px 8px 0px 14px;
    position: relative;
}
.HorseRanking .TxtBox .HorseName {
    color: #444;
    font-size: 83%;
    height: 16px;
    line-height: 1.2;
    margin-bottom: 2px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.HorseRanking .TxtBox .Detail {
    white-space: nowrap;
}
.HorseRanking .TxtBox .Detail + .Detail {
    margin-bottom: 2px;
}
.HorseRanking .TxtBox .Detail dt,
.HorseRanking .TxtBox .Detail dd {
    display: inline-block;
    color: #444;
    font-size: 77%;
    vertical-align: middle;
}
.HorseRanking .TxtBox .Detail dd {
    margin-left: -4px;
}
.HorseRanking .TxtBox .Detail dd strong {
    color: #5da249;
}
.HorseRanking .TxtBox .Detail dd img {
    margin-left: 4px;
    vertical-align: bottom;
}
.HorseRanking .TxtBox .HorseTxt {
    color: #444;
    font-size: 77%;
    margin-top: 4px;
    height: 16px;
    line-height: 1.2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.HorseRanking .BtnArea {
    padding: 11px 8px 0;
}

.HorseRanking .TxtBox .HorseName .Ranking {
    color: #666;
    margin-right: 8px;
}
.HorseRanking .TxtBox .HorseName .Rank_00 {color: #666;}
.HorseRanking .TxtBox .HorseName .Rank_01 {color: #d69d50;}
.HorseRanking .TxtBox .HorseName .Rank_02 {color: #9ca5b0;}
.HorseRanking .TxtBox .HorseName .Rank_03 {color: #c58473;}

@media only screen and (max-width: 320px) {
    .HorseRanking .TxtBox {
        padding: 0px 8px 0px;
    }
    .HorseRanking .TxtBox .HorseName {
        font-size: 77%;
    }
}


.HorseRanking .ImgBox .SubData .CheckNum {
    padding-left: 25px;
    position: relative;
}
.HorseRanking .ImgBox .SubData .CheckNum:before {
    content: '';
    background: url(../img/icon/icon_study_list.png) no-repeat;
    -webkit-background-size: 18px 11px;
    -moz-background-size: 18px 11px;
    background-size: 18px 11px;
    width: 18px;
    height: 11px;
    position: absolute;
    top: 1px;
    left: 0;
}


/* =======================================================
05.My検索条件
======================================================= */

.MySearch_Header {
    background: #e9e9e9;
    color: #444;
    font-size: 83%;
    font-weight: bold;
    margin-bottom: 14px;
    padding: 23px 0;
    text-align: center;
}
.MySearch_Header .Result span {
    padding-left: 63px;
    position: relative;
}
.MySearch_Header .Result span:before {
    content: '';
    background: url("../img/owner/logo_my_search.png") no-repeat;
    -webkit-background-size: 53px 27px;
    -moz-background-size: 53px 27px;
    background-size: 53px 27px;
    width: 53px;
    height: 27px;
    position: absolute;
    top: -6px;
    left: 0;
}
.MySearch_Header .Result strong {
    color: #79a441;
}

.MySearchCondition {
    padding: 0 8px 0;
}

#mysearch_condition_form:last-child {
    margin-bottom: 35px;
}
#mysearch_condition_form {
    margin-bottom: 15px;
}

.MySearchCondition_Inner {
    background: #fffbde;
    box-shadow: 0 1px 2px rgba(58, 62, 64, .4);
}

.MySearchCondition_Header {
    display: table;
    background: #79a441;
    height: 60px;
    padding-left: 18px;
    position: relative;
    width: 100%;
}
.MySearchCondition_Header .Title {
    display: table-cell;
    color: #fff;
    font-size: 88%;
    font-weight: bold;
    line-height: 1.2;
    position: relative;
    width: 144px;
    vertical-align: middle;
}
.MySearchCondition_Header .Edit {
    display: table-cell;
    vertical-align: 5px;
    width: 32px;
    height: 32px;
    padding-left: 9px;
    vertical-align: middle;
}
.MySearchCondition_Header .Edit img {
    vertical-align: bottom;
}

.MySearchCondition_Btns {
    position: absolute;
    top: 8px;
    right: 8px;
}
.MySearchCondition_Btns li {
    display: inline-block;
    vertical-align: middle;
}
.MySearchCondition_Btns li + li {
    margin-left: 4px;
}

.MySearchCondition_Main {
    padding: 13px 18px 17px;
}
.MySearchCondition_Main dl {
    display: table;
    float: left;
    margin-top: 4px;
    margin-right: 15px;
}
.MySearchCondition_Main dl:nth-child(n+6) {
    display: none;
}
.MySearchCondition_Main dl dt,
.MySearchCondition_Main dl dd {
    display: table-cell;
    color: #79a441;
    font-size: 77%;
}
.MySearchCondition_Main dl dt {
    font-weight: bold;
    white-space: nowrap;
}
.MySearchCondition_Main dl dd {
    line-height: 1.2;
}

.MySearchCondition_All {
    clear: both;
    color: #c2bc7e;
    font-size: 66%;
    text-align: center;
    padding-top: 20px;
    margin-bottom: 8px;
    padding-bottom: 8px;
    position: relative;
}
.MySearchCondition_All:after {
    content: '';
    background: url("../img/icon/icon_arrow_bottom03.png") no-repeat;
    -webkit-background-size: 10px 6px;
    -moz-background-size: 10px 6px;
    background-size: 10px 6px;
    width: 10px;
    height: 6px;
    position: absolute;
    left: 50%;
    bottom: -5px;
    margin-left: -5px;
}

.SearchActionBtn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0 none;
    border-radius: 2px;
    background: #666;
    box-shadow: inset 0 -1px 0 rgba(94, 94, 94, 1);
    position: relative;
    width: 44px;
    height: 44px;
}
.SearchActionBtn:before {
    content: '';
    display: inline-block;
    background: url(../img/icon/icon_search03.png) no-repeat center;
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    vertical-align: -2px;
}

.MySearchCondition .NoteTextArea {
    height: 90px;
}

@media only screen and (max-width: 320px) {
    .MySearchCondition_Header {
        padding-left: 12px;
    }
    .MySearchCondition_Header .Edit {
        padding-left: 3px;
    }
    .MySearchCondition .NoteTextArea {
        height: 120px;
    }
}


/* My検索を体験 */
.MySearchExperience{
    margin-top: 20px;
}
.MySearchExperience_Header {
    background: url(../img/owner/bg_about_mysearch.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    color: #fff;
    text-align: center;
    padding: 25px 0;
}
.MySearchExperience_Title span {
    display: inline-block;
    padding-left: 66px;
    position: relative;
}
.MySearchExperience_Title span::before {
    content: "";
    background: url(../img/owner/logo_mysearch.png) no-repeat;
    -webkit-background-size: 58px 31px;
    -moz-background-size: 58px 31px;
    background-size: 58px 31px;
    width: 58px;
    height: 31px;
    position: absolute;
    top: -8px;
    left: 0;
}

.MySearchExperience_Main {
    background: #fafaec;
    padding: 19px 8px 35px;
}
.MySearchExperience_Txt {
    font-size: 94%;
    line-height: 1.6;
    margin-bottom: 20px;
    padding: 0 30px;
}
.MySearchExperience_Txt img {
    margin: 0 6px;
    vertical-align: -8px;
}


/* My検索条件とは？ */
.AboutMySearch_Header {
    background: url(../img/owner/bg_about_mysearch.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    text-align: center;
    padding: 16px 0 10px;
}
.AboutMySearch_Title {
    color: #fff;
    font-size: 111%;
    font-weight: bold;
    margin-bottom: 10px;
}
.AboutMySearch_Txt {
    color: #fffc00;
    font-size: 77%;
}

.AboutMySearch_Main {
    position: relative;
}

.AboutMySearch_Inner {
    background: #fafaec;
    padding: 30px 18px 0;
}

.AboutMySearchBox {
    background: #fff;
    border: 4px solid #eae6db;
    padding: 26px 16px 0;
    position: relative;
}

.AboutMySearchBox + .AboutMySearchBox {
    margin-top: 25px;
}
.AboutMySearchBox_Step {
    display: inline-block;
    background: #488a08;
    border-radius: 5px;
    color: #fff;
    font-size: 94%;
    font-weight: bold;
    padding: 5px 0;
    position: absolute;
    top: -18px;
    left: 15px;
    text-align: center;
    min-width: 88px;
}
.AboutMySearchBox_Step::before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 12px solid #488a08;
    position: absolute;
    left: 20px;
    bottom: -15px;
}
.AboutMySearchBox_Step span {
    font-size: 117.6%;
    margin-left: 4px;
}

.AboutMySearchBox_Txt {
    font-size: 94%;
    line-height: 1.5;
}

.AboutMySearchBox .ContentsImage {
    text-align: center;
}
.AboutMySearchBox .ContentsImage_Step01 {
    padding: 20px 0 28px;
}
.AboutMySearchBox .ContentsImage_Step02 {
    padding: 8px 0;
}
.AboutMySearchBox .ContentsImage_Step03 {
    padding: 10px 0;
}
.AboutMySearchBox .ContentsImage img {
    vertical-align: bottom;
}
.AboutMySearchBox .ContentsImage_Step02 img {
    margin-left: 26px;
}

.AboutMySearch_Msg {
    color: #666;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 16px;
    text-align: center;
}

.AboutMySearch_Arrow {
    vertical-align: bottom;
    margin-top: -1px;
    width: 100%;
    height: 45px;
}

.BtnPremiumRegistArea {
    padding: 18px 23px 10px;
}
.BtnPremiumRegistArea .BtnPremiumRegist {
    margin: 0 8px;
    margin-bottom: 18px;
}
.BtnPremiumRegist {
    display: block;
    background: #67b463;
    box-shadow: inset 0 -2px 0 rgba(88, 157, 85, 1);
    border-radius: 3px;
    color: #fff;
    font-size: 111%;
    font-weight: bold;
    padding: 14px 0;
    text-align: center;
}
.BtnPremiumRegistArea_Txt {
    font-size: 72%;
    line-height: 1.7;
}
.BtnPremiumRegistArea_Txt a {
    color: #0033aa;
}
@media only screen and (max-width: 320px) {
    .BtnPremiumRegistArea .BtnPremiumRegist {
        font-size: 18px;
    }
}


/* =======================================================
06.コミュニティ
======================================================= */

body#Owner .TabBtn,
body#Owner .ContentsTitle {
    display: none;
}

body#Owner ul.CommonList li:nth-child(n+2) {
    display: none;
}
body#Owner ul.CommonList li .ListTitle {
    display: block;
    width: 100%;
    padding-left: 102px;
    font-size: 17px;
    color: #444;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body#Owner ul.CommonList li .ListText {
    font-size: 13px;
}
body#Owner ul.CommonList li .ListInfo {
    font-size: 11px;
}
body#Owner ul.ListTypeBtn {
    margin: 0 8px;
}
body#Owner .CommonList .ListTitle .Ranking {
    color: #ababab;
    font-style: italic;
    font-weight: bold;
    margin-right: 11px;
    font-size: 20px;
    position: relative;
    top: 1px;
}
body#Owner .CommonList .ListTitle .Ranking.Rank_01 {color: #edcc46;}
body#Owner .CommonList .ListTitle .Ranking.Rank_02 {color: #8fa5b1;}
body#Owner .CommonList .ListTitle .Ranking.Rank_03 {color: #a56459;}

body#Owner ul.ListTypeBtn li {
    border: none;
    border-radius: 0px;
}
body#Owner ul.ListTypeBtn li a {
    display: block;
    border-radius: 3px;
    background: #dedede;
    box-shadow: inset 0 -1px 0 #bfbfbf;
    color: #333;
    font-size: 77%;
    padding: 27px 0;
    position: relative;
    text-align: center;
    height: auto;
    line-height: 0;
}
body#Owner .Find_Contents {
    padding: 0 8px !important;
}


/* =======================================================
07.クラブ
======================================================= */

/* クラブトップヘッダー */
.ClubHeader {
    display: table;
    color: #444;
    font-weight: bold;
    padding: 13px 10px;
    width: 100%;
}
.ClubHeader .ClubColors,
.ClubHeader .ClubName {
    display: table-cell;
    vertical-align: middle;
}
.ClubHeader .ClubName {
    padding-left: 10px;
    width: 100%;
}


/* クラブ馬スライダー */
.ClubSlider {
    margin-bottom: 8px;
}
.ClubSlideBox {
    border-left: 1px solid #f1f1f1;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.ClubSlideBox a {
    display: block;
}
.ClubSlideBox_Inner {
    height: 226px;
    position: relative;
}
.ClubSlideBox_Inner .Picture {
    height: 100%;
}
.ClubSlideBox_Inner .HorseName {
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, rgba(0, 0, 0, 0)),
        color-stop(.85, #000000)
    );
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, #000000 85%);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 85%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 85%);
    color: #fff;
    font-size: 83%;
    font-weight: bold;
    padding: 33px 15px 30px;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.ClubSlideBox.Last .ClubSlideBox_Inner:after {
    content: '';
    background: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.ClubSlideBox.Last .ClubSlideBox_Inner .More {
    color: #fff;
    font-weight: bold;
    margin-top: -9px;
    margin-left: -100px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    width: 200px;
    text-align: center;
}

#SlideBox .slick-dots {
    font-size: 0;
    display: block;
    bottom: 7px;
    background:transparent;
    height: auto;
}
#SlideBox .slick-dots li {
    cursor: pointer;
    width: 8px;
    height: 8px;
    margin: 0 4px;
    display: inline-block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    border-radius: 4px;
}
#SlideBox .slick-dots li button {
    border: 0;
    background: transparent;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    outline: none;
    width: 8px;
    height: 8px;
    padding: 0;
}
#SlideBox .slick-dots li.slick-active button:before {
    background: #fff;
    display: inline-block;
    border-radius: 4px;
}
#SlideBox .slick-dots li button:before {
    background: #5e5d58;
    border: none;
    width: 8px;
    height: 8px;
}

@media only screen and (min-width: 667px) {
    .ClubSlideBox_Inner {
        height: 450px;
    }
}

@media only screen and (max-width: 320px) {
    #Club_23 .ClubSlideBox_Inner .Picture {
        margin-left: -30px;
    }
}



/* 募集中のクラブ馬 */
.NotAffiliationHorse {
    font-size: 86%;
    font-weight: bold;
    text-align: center;
    margin: 12px 14px;
    padding: 12px;
    border: 5px solid #ddd;
    background: #fff;
    line-height: 1.3;
}
.AffiliationHorse ul li {
    border-bottom: 1px solid #ddd;
}
.AffiliationHorse ul li a {
    display: table;
    background: #fff;
    width: 100%;
}

.AffiliationHorse .ImgBox,
.AffiliationHorse .TxtBox {
    display: table-cell;
    vertical-align: middle;
}
.AffiliationHorse .ImgBox {
    width: 128px;
}
.AffiliationHorse .ImgBox .Thumb {
    display: block;
    min-width: 128px;
    min-height: 91px;
    max-width: 128px;
    max-height: 93px;
}
.AffiliationHorse .TxtBox {
    padding: 0px 14px 0px;
}
.AffiliationHorse .TxtBox .HorseName {
    color: #444;
    margin-bottom: 10px;
    font-size: 83%;
    line-height: 1.2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.AffiliationHorse .TxtBox .Detail + .Detail {
    margin-top: 5px;
}
.AffiliationHorse .TxtBox .Detail dt,
.AffiliationHorse .TxtBox .Detail dd {
    color: #444;
    font-size: 77%;
}
.AffiliationHorse .TxtBox .Detail dt {
    float: left;
}
.AffiliationHorse .TxtBox .Detail dd strong {
    color: #5da249;
}
.AffiliationHorse .TxtBox .Detail dd .Price {
    font-weight: bold;
}
.AffiliationHorse .TxtBox .Detail:last-child dd {
    height: 16px;
    line-height: 1.2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.AffiliationHorse .BtnArea {
    padding: 11px 9px 0;
}
@media only screen and (max-width: 320px) {
    .AffiliationHorse .TxtBox .HorseName {
        font-size: 77%;
    }
    .AffiliationHorse .TxtBox .Detail dt,
    .AffiliationHorse .TxtBox .Detail dd {
        font-size: 72%;
    }
    .AffiliationHorse .TxtBox {
        padding: 0px 6px 0px 8px;
    }
}


/* クラブ入会情報 */
.ClubCorporation {
    padding: 15px 8px 0;
}
.ClubCorporation_Table {
    border-collapse: collapse;
    width: 100%;
}
.ClubCorporation_Table tr:first-child th {
    border-radius: 3px 0 0 0;
}
.ClubCorporation_Table tr:first-child td {
    border-radius: 0 3px 0 0;
}
.ClubCorporation_Table tr:last-child th {
    border-radius: 0 0 0 3px;
}
.ClubCorporation_Table tr:last-child td {
    border-radius: 0 0 3px 0;
}
.ClubCorporation_Table tr + tr {
    border-top: 1px solid #f1f1f1;
}
.ClubCorporation_Table tr th,
.ClubCorporation_Table tr td {
    font-size: 77%;
    text-align: left;
    line-height: 1.5;
    padding: 6px 10px;
    vertical-align: middle;
}
.ClubCorporation_Table tr th {
    border-right: 1px solid #f1f1f1;
    background: #e4e4e4;
    white-space: nowrap;
    width: 90px;
}
.ClubCorporation_Table tr td {
    background: #fff;
}
.ClubCorporation_Table tr td ul li {
    line-height: 1.5;
    padding-left: 1em;
    text-indent: -1em;
}

.ClubCorporation_Note {
    font-size: 72%;
    margin-top: 4px;
    line-height: 1.5;
}

.ClubCorporation .BtnArea {
    margin-top: 11px;
}
.LinkMoreButton.ExternalLink:after {
    content: '';
    display: inline-block;
    background: url(../img/icon/icon_external.png) no-repeat;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    background-size: 14px 14px;
    margin-left: 6px;
    width: 14px;
    height: 14px;
    vertical-align: -1px;
}
.LinkMoreButton.ExternalLink span {
    padding-left: 34px;
    position: relative;
}
.LinkMoreButton.ExternalLink .icon_colors_s02:before {
    content: '';
    display: inline-block;
    background: url(../img/icon/sprite_icon_colors_S02.png?20180426) no-repeat;
    -webkit-background-size: 43px 1170px;
    -moz-background-size: 43px 1170px;
    background-size: 43px 1170px;
    margin-right: 4px;
    width: 30px;
    height: 23px;
    position: absolute;
    top: -4px;
    left: 0;
}
.LinkMoreButton.ExternalLink .colors_s02_01:before {background-position: -6px -9px;} /*サンデー*/
.LinkMoreButton.ExternalLink .colors_s02_02:before {background-position: -6px -52px;} /*ロード*/
.LinkMoreButton.ExternalLink .colors_s02_03:before {background-position: -6px -95px;} /*大樹*/
.LinkMoreButton.ExternalLink .colors_s02_04:before {background-position: -6px -137px;} /*ローレル*/
.LinkMoreButton.ExternalLink .colors_s02_05:before {background-position: -6px -180px;} /*社台*/
.LinkMoreButton.ExternalLink .colors_s02_06:before {background-position: -6px -222px;} /*東京*/
.LinkMoreButton.ExternalLink .colors_s02_07:before {background-position: -6px -265px;} /*グリーン*/
.LinkMoreButton.ExternalLink .colors_s02_08:before {background-position: -6px -307px;} /*広尾*/
.LinkMoreButton.ExternalLink .colors_s02_09:before {background-position: -6px -350px;} /*キャロット*/
.LinkMoreButton.ExternalLink .colors_s02_10:before {background-position: -6px -391px;} /*ウイン*/
.LinkMoreButton.ExternalLink .colors_s02_11:before {background-position: -6px -437px;} /*g1*/
.LinkMoreButton.ExternalLink .colors_s02_12:before {background-position: -6px -477px;} /*ブルー*/
.LinkMoreButton.ExternalLink .colors_s02_13:before {background-position: -6px -519px;} /*ラフィアン*/
.LinkMoreButton.ExternalLink .colors_s02_14:before {background-position: -6px -562px;} /*ユニオン*/
.LinkMoreButton.ExternalLink .colors_s02_15:before {background-position: -6px -604px;} /*ライオン*/
.LinkMoreButton.ExternalLink .colors_s02_16:before {background-position: -6px -646px;} /*ノルマンディー*/
.LinkMoreButton.ExternalLink .colors_s02_17:before {background-position: -6px -689px;} /*シルク*/
.LinkMoreButton.ExternalLink .colors_s02_18:before {background-position: -6px -731px;} /*ターファイト*/
.LinkMoreButton.ExternalLink .colors_s02_19:before {background-position: -6px -774px;} /*優駿*/
.LinkMoreButton.ExternalLink .colors_s02_20:before {background-position: -6px -816px;} /*ゴールド*/
.LinkMoreButton.ExternalLink .colors_s02_21:before {background-position: -6px -858px;} /*ワラウカド*/
.LinkMoreButton.ExternalLink .colors_s02_22:before {background-position: -6px -900px;} /*DMM*/
.LinkMoreButton.ExternalLink .colors_s02_23:before {background-position: -6px -944px;} /*ニューワールド*/
.LinkMoreButton.ExternalLink .colors_s02_24:before {background-position: -6px -988px;} /*インゼル*/

.ClubBnr {
    margin-top: 18px;
    text-align: center;
}
.ClubBnr img {
    width: 100%;
    max-width: 375px;
}


/* クラブ馬出走成績 */
.ClubHorseRunData {
    padding: 0 8px;
}
.ClubHorseRunData_Update {
    font-size: 72%;
    margin-top: 8px;
    text-align: right;
}
.ClubHorseRunData_Tab {
    margin-top: 15px;
    padding: 0 4px;
}
.ClubHorseRunData_Tab ul {
    box-shadow: 0 -1px 4px rgba(229, 230, 231, .6);
}
.ClubHorseRunData_Tab ul li {
    float: left;
    width: 33.3%;
}
.ClubHorseRunData_Tab ul li a {
    display: block;
    background: #f1f1f1;
    border: 1px solid #d5d5d5;
    border-bottom: none;
    color: #ababab;
    font-size: 72%;
    padding: 14px 0;
    text-align: center;
}
.ClubHorseRunData_Tab ul li + li a {
    border-left: none;
}
.ClubHorseRunData_Tab ul .Active a {
    background: #fff;
    border: 1px solid #bbb;
    border-bottom: none;
    color: #444;
}
.ClubHorseRunData_Tab li:first-child a {
    border-radius: 3px 0 0 0;
}
.ClubHorseRunData_Tab li:last-child a {
    border-radius: 0 3px 0 0;
}

.BorderRight_None {
    border-right: none !important;
}


/* クラブ馬出走成績 - テーブル */
.ClubHorseRunData_Inner {
    display: none;
    position: relative;
}
.ClubHorseRunData_Inner.Active {
    display: block;
}
.ClubHorseRunData_Inner .ClubHorseRunData_TableCover {
    border-right: 3px double rgba(0, 0, 0, .1);
    position: absolute;
    z-index: 10;
}

.ClubHorseRunData_Table {
    border-top: 1px solid #dedede;
    border-collapse: collapse;
}
.ClubHorseRunData_Table tr th,
.ClubHorseRunData_Table tr td {
    font-size: 72%;
    color: #444;
    line-height: 1.5;
    text-align: center;
    padding: 6px 10px;
    vertical-align: middle;
    white-space: nowrap;
}
.ClubHorseRunData_Table .Header th:first-child {
    background: #a1bcf1;
}
.ClubHorseRunData_Table tr th {
    background: #dfeaff;
    font-weight: bold;
}
.ClubHorseRunData_Table tr:not(:nth-child(odd)) {
    background: #fff;
}
.ClubHorseRunData_Table tr:not(:nth-child(even)) {
    background: #eaeaea;
}
.ClubHorseRunData_Table tr:not(:nth-child(odd)):not(.Header) th {
    background: #ebf2ff;
}

.Label_Barn_Ritto,
.Label_Barn_Miho {
    display: inline-block;
    color: #fff;
    font-size: 85.7%;
    margin-right: 4px;
    padding: 0 4px;
    text-align: center;
    min-width: 37px;
    height: 16px;
    line-height: 16px;
    vertical-align: 1px;
}
.Label_Barn_Ritto {background: #3f5da6;}
.Label_Barn_Miho {background: #b64d63;}

.ClubHorseRunData_Note {
    font-size: 72%;
    margin-top: 4px;
    line-height: 1.5;
}


/* クラブコミュニティ */
.ClubPageCommunity {
    padding-top: 14px;
}

.ClubPageCommunity .TopUserReview .BlockTitle_04 {
    display: none;
}

.Find_Contents {
    padding: 14px 8px 0;
}

.ClubPageCommunity .AvatarThumb {
    width: 34px;
    height: 34px;
    border-radius: 50%;
}

.ClubPageCommunity .CommonList li {
    position: relative;
    padding: 18px 13px 19px;
    margin-bottom: 10px;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0px 1px 1px 0px #a5a9ab;
}
.ClubPageCommunity .CommonList li .CommentHead {
    position: relative;
}
.ClubPageCommunity .CommonList li .CommentHead .AvatarThumb {
    float: left;
    margin-right: 11px;
}
.ClubPageCommunity .CommonList li .CommentHead .CommentNum {
    color: #ababab;
    font-size: 75%;
    height: 14px;
}
.ClubPageCommunity .CommonList li .CommentHead .CommentTime {
    position: absolute;
    top: 0px;
    right: 2px;
    color: #ababab;
    font-size: 75%;
}
.ClubPageCommunity .CommonList li .CommentHead .UserName {
    margin-top: 2px;
    display: inline-block;
    color: #29a7e4;
    font-weight: bold;
}
.ClubPageCommunity .CommonList li .CommentHead .UserName.Off {
    color: #ababab;
}

.ClubPageCommunity .CommonList li .CommentMain {
    padding:  11px 0 0;
    color: #353535;
    line-height: 1.6em;
    font-size: 88%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    overflow: hidden;
}
.ClubPageCommunity .CommonList li .CommentMain a {
    color: #777;
    text-decoration: underline;
    font-style: italic;
}

.ClubPageCommunity .CommonList li .CommentMenu {
    display: none;
    position: relative;
}
.ClubPageCommunity .CommonList li .CommentMenu .Fav_Btn {
    position: relative;
    display: inline-block;
}
.ClubPageCommunity .Fav_Btn {
    position: relative;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px 0 35px;
    font-size: 75%;
    color: #777;
    border: 1px solid #bbbbbb;
    border-radius: 4px;
}
.ClubPageCommunity .Fav_Btn.Off {
    color: #fff;
    background: #bbbbbb;
}
.ClubPageCommunity .Fav_Btn.Off .like_count {
    color: #fff;
}
.ClubPageCommunity .Fav_Btn.Off .Icon {
    width: 15px;
    height: 13px;
    background-position: -188px -6px;
}
.ClubPageCommunity .Fav_Btn .like_count {
    color: #46afef;
    padding-left: 8px;
}
.ClubPageCommunity .Icon {
    display: inline-block;
    vertical-align: middle;
    background: url(http://cimg2.sp.findfriends.jp/common/image/base/icon/find_base_icon.png?20150515);
    background-size: 400px 400px;
    -moz-background-size: 400px 400px;
    -webkit-background-size: 400px 400px;
    background-repeat: no-repeat;
}
.ClubPageCommunity .Fav_Btn .Icon {
    position: absolute;
    left: 13px;
    top: 7px;
    margin-left: 0;
}
.ClubPageCommunity .Icon.Icon_Good01 {
    width: 15px;
    height: 13px;
    background-position: -165px -6px;
}

.ClubPageCommunity .CommonList li .Fav_User {
    position: relative;
    left: -3px;
    margin-top: 17px;
    width: 100%;
    max-height: 34px;
    overflow: hidden;
}
.ClubPageCommunity .CommonList li .Fav_User a {
    display: inline-block;
    width: 38px;
    max-width: 45px;
    text-align: center;
    margin-left: 5px;
}
.ClubPageCommunity .CommonList li .Fav_User a:first-child {
    margin-left: 0;
}
.ClubPageCommunity .CommonList li .Fav_User img {
    display: inline-block;
    width: 90%;
    border-radius: 50%;
}

.ClubPageCommunity .CommonList li .CommentMenu .RightMenu {
    float: right;
    margin-right: 2px;
}
.ClubPageCommunity .CommonList li .CommentMenu .RightMenu span {
    margin-left: 16px;
}
.ClubPageCommunity .Icon.Icon_Reply01 {
    width: 25px;
    height: 23px;
    background-position: -209px -5px;
}
.ClubPageCommunity .Icon.Icon_Hidden01 {
    width: 23px;
    height: 23px;
    background-position: -243px -2px;
}

.ClubPageCommunity .CommonList li .CommentMenu a.hidden_balloon {
    position: absolute;
    bottom: -27px;
    right: -18px;
    display: block;
    padding: 4px 8px;
    color: #777;
    font-size: 90%;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0px 1px 3px 0px #a5a9ab;
    z-index: 99;
}
.ClubPageCommunity .CommonList li .CommentMenu a.hidden_balloon:before,
ul.CommonList li .CommentMenu a.hidden_balloon:after {
    position: absolute;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    line-height: 0px;
    border-width: 0px 7px 10px 7px;
}
.ClubPageCommunity .CommonList li .CommentMenu a.hidden_balloon:before {
    top: -11px;
    right: 23px;
    border-color: transparent transparent #a5a9ab transparent;
}
.ClubPageCommunity .CommonList li .CommentMenu a.hidden_balloon:after {
    top: -10px;
    right: 23px;
    border-color: transparent transparent #fff transparent;
}

.ClubPageCommunity .CommonList li .CommentMain img {
    display: block;
    max-width: 100%;
    margin: 0 auto 17px;
    border-radius: 2px;
}


/* =======================================================
08.DB
======================================================= */

body#OwnerDB {
    background: #f2f1ec;
}

.OwnerDB {
    margin-bottom: 25px;
}

/* 馬名header */
.OwnerDB_Header {
    display: table;
    width: 100%;
    background: #e9e9e9;
    border-bottom: 1px solid #d5d5d5;
    box-shadow: inset 0 -1px 0 #f2f1ec;
}
.OwnerDB_Header .OwnerDB_HeaderMain {
    display: table-cell;
    padding: 10px 8px;
}

.OwnerDB_HorseName {
    color: #444;
    line-height: 1.3;
}
.OwnerDB_HorseName span {
    font-size: 77.78%;
    font-weight: normal;
    display: block;
    line-height: 1.5;
}

.OwnerDB_HorseSubData .Age_Boba,
.OwnerDB_HorseSubData .Age_Hinba {
    display: inline-block;
    border-radius: 2px;
    color: #fff;
    font-size: 66%;
    text-align: center;
    min-width: 30px;
    height: 16px;
    line-height: 16px;
    padding: 0 2px;
    vertical-align: middle;
}
.OwnerDB_HorseSubData .Age_Boba {
    background: #5582d7;
}
.OwnerDB_HorseSubData .Age_Hinba {
    background: #e97a93;
}
.OwnerDB_HorseSubData .Color {
    color: #444;
    font-size: 77%;
    margin-left: 5px;
}

.OwnerDB_HeaderBtn {
    display: table-cell;
    width: 123px;
    padding: 7px 8px 7px 0;
}
.OwnerDB_HeaderBtn .MovieLink + .Link {
    margin-top: 4px;
}
.OwnerDB_HeaderBtn .Link {
    margin-top: 12px;
    text-align: right;
}
.OwnerDB_HeaderBtn .Link a {
    display: inline-block;
    color: #0033aa;
    font-size: 66%;
    font-weight: bold;
    margin-right: 4px;
    padding-right: 11px;
    position: relative;
}
.OwnerDB_HeaderBtn .Link a:after {
    content: '';
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #0033aa;
    width: 0;
    height: 0;
    position: absolute;
    top: 1px;
    right: 0;
}
/* 馬体動画 */
.OwnerDB_HeaderBtn .MovieLink {
    margin-top: 4px;
    text-align: right;
}
.OwnerDB_HeaderBtn .MovieLink a {
    display: inline-block;
    color: #444;
    font-size: 66.67%;
    position: relative;
    padding: 4px 17px 4px 6px;
    line-height: 1;
    text-align: center;
    min-width: 80px;
    background: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 3px;
}
.OwnerDB_HeaderBtn .MovieLink a:after {
    content: '';
    border-style: solid;
    border-width: 6px 4px 0 4px;
    border-color: #444 transparent transparent transparent;
    width: 0;
    height: 0;
    position: absolute;
    top: 7px;
    right: 5px;
}

.MyHorseAddButton.Size_S {
    border-radius: 3px;
    font-size: 61.1%;
    padding: 4px 0;
    text-indent: 0;
    min-height: 34px;
}
.MyHorseAddButton.Size_S span {
    display: inline-block;
    line-height: 1.2;
    margin-left: 25px;
}
.MyHorseAddButton.Size_S:before {
    content: '';
    background: #79a441 url(../img/icon/icon_plus07.png) no-repeat center;
    -webkit-background-size: 12px 12px;
    -moz-background-size: 12px 12px;
    background-size: 12px 12px;
    width: 29px;
}

.MyHorseAddButton.Registered_S {
    background: #999;
    box-shadow: none;
    color: #fff;
    min-height: 34px;
    line-height: 1.3;
}
.MyHorseAddButton.Registered_S span {
    display: inline-block;
    margin-left: 0;
}
.MyHorseAddButton.Registered_S:before {
    content: '';
    display: none;
}


/* ホースimage / 価格 / 本賞金 */
.OwnerDB_Main {
    padding: 8px 8px 0;
}

.OwnerDB_HorsePrice {
    margin-bottom: 6px;
}

.OwnerDB_HorseImg {
    position: relative;
}
.OwnerDB_HorseImg .Image {
    width: 100%;
    vertical-align: bottom;
}
.OwnerDB_HorseImg.Flag_Expire:before,
.OwnerDB_HorseImg.Flag_Wanted:before,
.OwnerDB_HorseImg.Flag_Near:before,
.OwnerDB_HorseImg.Flag_Accept:before,
.OwnerDB_HorseImg.Flag_Stop:before {
    content: '';
    width: 80px;
    height: 80px;
    position: absolute;
    top: -3px;
    right: -3px;
}
.OwnerDB_HorseImg.Flag_Expire:before {
    background: url(../img/icon/sprite_state_flag.png) no-repeat 0 0;
    -webkit-background-size: 80px 400px;
    -moz-background-size: 80px 400px;
    background-size: 80px 400px;
}
.OwnerDB_HorseImg.Flag_Wanted:before {
    background: url("../img/icon/sprite_state_flag.png") no-repeat 0 -80px;
    -webkit-background-size: 80px 400px;
    -moz-background-size: 80px 400px;
    background-size: 80px 400px;
}
.OwnerDB_HorseImg.Flag_Near:before {
    background: url("../img/icon/sprite_state_flag.png") no-repeat 0 -240px;
    -webkit-background-size: 80px 400px;
    -moz-background-size: 80px 400px;
    background-size: 80px 400px;
}
.OwnerDB_HorseImg.Flag_Accept:before {
    background: url("../img/icon/sprite_state_flag.png") no-repeat 0 -160px;
    -webkit-background-size: 80px 400px;
    -moz-background-size: 80px 400px;
    background-size: 80px 400px;
}
.OwnerDB_HorseImg.Flag_Stop:before {
    background: url("../img/icon/sprite_state_flag.png") no-repeat 0 -320px;
    -webkit-background-size: 80px 400px;
    -moz-background-size: 80px 400px;
    background-size: 80px 400px;
}

.OwnerDB_PriceTable,
.OwnerDB_PrizeTable01,
.OwnerDB_PrizeTable02 {
    border-collapse: collapse;
    width: 100%;
}
.OwnerDB_PriceTable tr th,
.OwnerDB_PrizeTable01 tr th {
    background: #256309;
    color: #fff;
    font-size: 77%;
    height: 40px;
    width: 50%;
    vertical-align: middle;
}
.OwnerDB_PriceTable tr th + th,
.OwnerDB_PrizeTable01 tr th + th {
    border-left: 2px solid #f2f1ec;
}
.OwnerDB_PriceTable .PriceRow td,
.OwnerDB_PrizeTable01 .PrizeRow td {
    background: #fff;
    color: #444;
    font-size: 77%;
    height: 50px;
    text-align: center;
    vertical-align: middle;
}
.OwnerDB_PriceTable .PriceRow td + td,
.OwnerDB_PrizeTable01 .PrizeRow td + td {
    border-left: 2px solid #f2f1ec;
}
.OwnerDB_PriceTable .PriceRow td .Unit {
    display: block;
    margin-top: 4px;
}
.OwnerDB_PriceTable .PriceRow td strong {
    color: #5da249;
}

.OwnerDB_PriceTable {
    margin-top: 15px;
}

.OwnerDB_Prize {
    margin-top: 2px;
    background: #fff;
    padding: 8px;
}

.OwnerDB_Prize_DetailBtn:first-child {
    margin-top: 0;
}
.OwnerDB_Prize_DetailBtn {
    background: #f3f3ea;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2);
    margin-top: 8px;
    padding: 8px 44px 8px 10px;
    position: relative;
}
.OwnerDB_Prize_DetailBtn:after,
.OwnerDB_Prize_DetailBtn.Open:after {
    content: '';
    width: 15px;
    height: 9px;
    position: absolute;
    top: 11px;
    right: 13px;
}
.OwnerDB_Prize_DetailBtn:after {
    background: url(../img/icon/sprite_icon_arrow02.png) no-repeat left bottom;
    -webkit-background-size: 15px 18px;
    -moz-background-size: 15px 18px;
    background-size: 15px 18px;
}
.OwnerDB_Prize_DetailBtn.Open:after {
    background: url(../img/icon/sprite_icon_arrow02.png) no-repeat left top;
    -webkit-background-size: 15px 18px;
    -moz-background-size: 15px 18px;
    background-size: 15px 18px;
}

.OwnerDB_Prize_DetailBtn dl {
    display: table;
    width: 100%;
}
.OwnerDB_Prize_DetailBtn dl dt,
.OwnerDB_Prize_DetailBtn dl dd {
    color: #444;
    display: table-cell;
    vertical-align: middle;
}
.OwnerDB_Prize_DetailBtn dl dt {
    font-size: 77%;
    white-space: nowrap;
}
.OwnerDB_Prize_DetailBtn dl dt span {
    display: inline-block;
    width: 4.3em;
}
.OwnerDB_Prize_DetailBtn dl dd {
    font-size: 94%;
    text-align: right;
    width: 100%;
}
.OwnerDB_Prize_DetailBtn dl dd .RecoveryRate {
    font-size: 82.3%;
}

.OwnerDB_Prize_DetailBtn.PrizeHidden {
    padding: 0 44px 0 10px;
}
.OwnerDB_Prize_DetailBtn.PrizeHidden:after {
    display: none;
}
.OwnerDB_Prize_DetailBtn.PrizeHidden dd img {
    vertical-align: bottom;
}

.OwnerDB_Prize_Note {
    display: block;
    color: #444;
    font-size: 77%;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
}


/* dbホースメニュー / dbカテゴリーメニュー */
.DB_HorseMenu,
.DB_CategoryMenu {
    padding: 8px 8px 0;
}
.DB_HorseMenu .Btn_List_01 li a,
.DB_CategoryMenu .Btn_List_01 li a {
    box-shadow: 0 1px 2px rgba(146, 151, 165, .5);
    margin: 4px 3px;
    font-weight: bold;
    font-feature-settings: "palt";
    overflow: hidden;
    white-space: nowrap;
}

.DB_MenuTitle {
    padding: 15px 0 12px 13px;
    color: #222;
    font-size: 85%;
}

.DB_HorseMenu .Btn_List_01 li a.Sns_Btn{
    height:initial;
}
.DB_HorseMenu .Btn_List_01 li a.fb{
    background:#3f5995;
}
.DB_HorseMenu .Btn_List_01 li a.tw{
    background:#5ea9dd;
}
.DB_HorseMenu .Btn_List_01 li a.line{
    background:#59d037;
}
.DB_HorseMenu .Icon_DB_Facebook{
    background-position: -10px -71px;
    width: 25px;
    height: 28px;
    margin-bottom: 1px;
}
.DB_HorseMenu .Icon_DB_Twitter{
    background-position: -11px -35px;
    width: 28px;
    height: 28px;
    margin-bottom: 1px;
}
.DB_HorseMenu .Icon_DB_Line{
    background-position: -8px -3px;
    width: 30px;
    height: 28px;
    margin-bottom: 1px;
}

.DB_Search {
    display: table;
    width: 100%;
    margin-bottom: 8px;
}
.DB_Select_Menu_Box,
.InputTxt_Form_Box,
.Submit_Btn_Box {
    display: table-cell;
    vertical-align: middle;
}
.DB_Select_Menu_Box {
    padding-right: 4px;
}
.DB_Select_Menu_Box .SelectWrap {
    position: relative;
    height: 35px;
    border-radius: 4px;
    padding: 0;
    width: 4.8em;
    background: #fff;
    border: 1px solid #ccc;
    overflow: hidden;
}
.DB_Select_Menu_Box .SelectWrap:before {
    display: block;
    content: "\25bc";
    font-size: 10px;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    line-height: 34px;
    text-align: center;
}
.DB_Select_Menu_Box select {
    display: block;
    width: 100%;
    font-size: 16px;
    background: transparent;
    border: 0 none;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    height: 35px;
    padding-left: 8px;
}
.DB_Search_InputBox {
    display: table-cell;
    width: 100%;
}
.DB_Search_Input {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.InputTxt_Form_Box {
    width: 100%;
}
.DB_Search_Input .Submit_Btn {
    padding: 0;
}

.DB_PickupHorse li {
    width: 49%;
    float: left;
}
.DB_PickupHorse li:nth-child(odd) {
    margin-right: 5px;
}
.DB_PickupHorse li:nth-child(-n+2) {
    padding: 0 0 6px 0;
}
.DB_PickupHorse li a {
    display: block;
    font-size: 86%;
    font-weight: bold;
    padding: 9px 0px;
    line-height: 1.2;
    background: #fff;
    box-shadow: 0 1px 2px rgba(146, 151, 165, .5);
    overflow: hidden;
    white-space: nowrap;
}

.Icon_DB {
    display: block;
    background: url(../img/icon/sprite_icon_db.png);
    background-repeat: no-repeat;
    -webkit-background-size: 55px 1500px;
    -moz-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_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_12{background-position: -3px -684px;}
.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 -175px;}
.Icon_DB_20{background-position: -5px -138px;}
.Icon_DB_21{background-position: -5px -103px;}
.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_11{
    background-position: -4px -1064px;
    height: 27px;
    margin-top: 8px;
    margin-bottom: 8px;
}
.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;
}


/* ホースデータ詳細テーブル */
.HorseDataBox {
    margin-bottom: 10px;
}
.HorseDataBox table {
    font-size: 80%;
    border-collapse: collapse;
    width: 100%;
}
.HorseDataBox table tr {
    height: 38px;
}
.HorseDataBox table th,
.HorseDataBox table td {
    position: relative;
    padding: 9px 8px 7px;
    height: 28px;
    line-height: 1.3em;
    border: 1px solid #f2f1ec;
    vertical-align: middle;
}
.HorseDataBox table th {
    width: 107px;
    color: #444;
    font-weight: normal;
    background: #e4e4e4;
}
.HorseDataBox table td {
    background: #fff;
    color: #444;
}
.HorseDataBox table td a {
    color: #0033aa;
    font-weight: bold;
    font-size: 106%;
}
.HorsePedigreeBox_Table th.Sire {
    color: #fff;
    background: #5f9ede;
}
.HorsePedigreeBox_Table th.Dam {
    color: #fff;
    background: #d2768c;
    border-bottom: none;
}
.HorsePedigreeBox_Table td.Sire {
    background: #d0e0ef;
}
.HorsePedigreeBox_Table td.Dam {
    background: #f4dee3;
    border-bottom: none;
}
.HorsePedigreeBox_Table td.Dam span {
    display: block;
    padding-top: 4px;
    font-size: 80%;
}
.HorsePedigreeBox_Table td.Sire a,
.HorsePedigreeBox_Table td.Dam a {
    color: #0033aa;
}

.HorseDataBox_Table td.OwnerName {
    padding-left: 46px;
}
.HorseDataBox_Table td.OwnerName a {
    color: #0033aa;
}
.HorseDataBox_Table td img.OwnerColours {
    width: 32px;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 10px;
    margin: auto;
}
.HorseDataBox_Table tr.BookMarkUser td a {
    position: relative;
    display: block;
}
.HorseDataBox_Table tr.BookMarkUser td img {
    display: inline-block;
    height: 25px;
    width: 25px;
    margin-right: 6px;
    border-radius: 50%;
}
.HorseDataBox_Table tr.BookMarkUser .UserCount {
    position: absolute;
    right: 8px;
    top: -2px;
    color: #0033aa;
    background: #fff;
    border: 1px solid #bfbfbf;
    padding: 8px 4px;
    border-radius: 3px;
}
.HorseDataBox_Table tr.BookMarkUser .UserCount:before,
.HorseDataBox_Table tr.BookMarkUser .UserCount:after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 5px 4px 0;
}
.HorseDataBox_Table tr.BookMarkUser .UserCount:before {
    left: -5px;
    border-color: transparent #bfbfbf transparent transparent;
}
.HorseDataBox_Table tr.BookMarkUser .UserCount:after {
    left: -3px;
    border-color: transparent #fff transparent transparent;
}


@media only screen and (max-width: 321px) {
    .HorseDataBox_Table tr.BookMarkUser img:nth-child(n+4) {
        display: none;
    }
}
@media only screen and (max-width: 768px) and (min-width: 322px) {
    .HorseDataBox_Table tr.BookMarkUser img:nth-child(n+6) {
        display: none;
    }
}
@media only screen and (min-width: 769px) {
    .HorseDataBox_Table tr.BookMarkUser img:nth-child(n+10) {
        display: none;
    }
}


/* 登録導線 */
.UserAction {
    margin-bottom: 42px;
}
.UserAction_Btn {
    padding: 0 20px;
}
.UserAction_Btn li {
    margin-bottom: 10px;
}


/* おすすめポイント */
.OwnerDB_Recommend {
    margin-bottom: 48px;
}
.OwnerDB_Recommend_Inner {
    padding: 0 10px;
}
.OwnerDB_Recommend .Title {
    color: #3c3930;
    font-size: 83%;
    font-weight: bold;
    margin-bottom: 13px;
}
.OwnerDB_Recommend .Txt {
    color: #444;
    font-size: 83%;
    line-height: 1.7;
    margin-bottom: 10px;
}
.OwnerDB_Recommend .txtOpen {
    color: #444;
    font-weight: bold;
}
/* 募集時動画 */
.OwnerDB_HorseMovie {
    margin-bottom: 48px;
}
.OwnerDB_HorseMovie .Title {
    color: #3c3930;
    font-size: 83%;
    font-weight: bold;
    margin-bottom: 13px;
}
.OwnerDB_HorseMovie .MoviePlayerBox {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.OwnerDB_HorseMovie .MoviePlayerBox iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




/* 馬体情報 */
.OwnerDB_HorseBody {
    margin-bottom: 35px;
    padding: 0 10px;
}
.OwnerDB_HorseBody .Title {
    color: #3c3930;
    font-size: 83%;
    font-weight: bold;
    margin-bottom: 25px;
}
.OwnerDB_HorseBody .BodyInfo {
    position: relative;
    max-width: 310px;
    margin: 0 auto 38px;
}
.OwnerDB_HorseBody .BodyInfo img {
    width: 100%;
    max-width: 310px;
}
.OwnerDB_HorseBody .BodyInfo > span {
    color: #444;
    display: block;
    font-size: 77%;
    font-weight: bold;
}
.OwnerDB_HorseBody .BodyInfo .Height,
.OwnerDB_HorseBody .BodyInfo .Chest,
.OwnerDB_HorseBody .BodyInfo .Shank,
.OwnerDB_HorseBody .BodyInfo .Weight {
    position: absolute;
}
.OwnerDB_HorseBody .BodyInfo .Weight {
    left: 107px;
    bottom: -22px;
}
.OwnerDB_HorseBody .BodyInfo .Height {
    top: 32px;
    left: 120px;
}
.OwnerDB_HorseBody .BodyInfo .Chest {
    top: 83px;
    right: 50px;
}
.OwnerDB_HorseBody .BodyInfo .Shank {
    text-align: right;
    left: 13px;
    bottom: 54px;
}
.OwnerDB_HorseBody .BodyInfo .Shank > span {
    display: inline-block;
    margin-bottom: 5px;
}

.OwnerDB_HorseBody .DataInfo {
    margin-bottom: 18px;
}
.OwnerDB_HorseBody .DataInfo li {
    color: #444;
    font-size: 77%;
    font-weight: bold;
}
.OwnerDB_HorseBody .DataInfo li + li {
    margin-top: 10px;
}

.OwnerDB_HorseBody .Note {
    color: #444;
    font-size: 77%;
    line-height: 1.7;
}

@media only screen and (max-width: 320px) {
    .OwnerDB_HorseBody .BodyInfo .Weight {
        left: 96px;
    }
    .OwnerDB_HorseBody .BodyInfo .Height {
        top: 26px;
        left: 110px;
    }
    .OwnerDB_HorseBody .BodyInfo .Chest {
        top: 74px;
        right: 40px;
    }
    .OwnerDB_HorseBody .BodyInfo .Shank {
        left: 7px;
        bottom: 48px;
    }
}

.OwnerDB_ClubLink {
    margin-bottom: 28px;
}


/* もっと見るbtn */
.MoreRead_BtnArea .ShowRestBtn {
    font-size: 80%;
    height: 35px;
    line-height: 46px;
    text-align: center;
    background: #dcdcdc;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #bfbfbf;
    position: relative;
}
.MoreRead_BtnArea .ShowRestBtn:before,
.MoreRead_BtnArea .ShowRestBtn:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    left: 0;
    bottom: 5px;
    width: 3px;
    height: 10px;
    margin: auto;
}
.MoreRead_BtnArea .ShowRestBtn:before {
    top: 8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 15px 0 15px;
    border-color: #868686 transparent transparent transparent;
}
.MoreRead_BtnArea .ShowRestBtn:after {
    top: 4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 15px 0 15px;
    border-color: #dcdcdc transparent transparent transparent;
}
.MoreRead_BtnArea.Open .ShowRestBtn:before {
    top: 4px;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.MoreRead_BtnArea.Open .ShowRestBtn:after {
    top: 8px;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}


/* 開閉ボックス */
.Description_Box {
    background: #eee;
}
.Description_Box + .Description_Box {
    margin-top: 2px;
}
.Description_Box > dl {
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    padding: 10px;
}
.Description_Box > dl > dt {
    font-size: 78%;
    color: #0039ab;
    padding-left: 26px;
    padding-right: 22px;
    position: relative;
    line-height: 1.1;
}
.Description_Box > dl > dt:before {
    content: "";
    width: 22px;
    height: 22px;
    background: url(../img/icon/sprite_icon.png) no-repeat;
    background-position: -37px -3px;
    -webkit-background-size: 124px 300px;
    -moz-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 {
    margin-top: 10px;
}
.Description_Box > dl > dd {
    color: #444;
    font-size: 78%;
    line-height: 1.4;
    display: none;
}
.Description_Box .Icon_ArrowB {
    display: inline-block;
    background: url(../img/icon/sprite_icon.png) no-repeat -36px -44px;
    -webkit-background-size: 124px 300px;
    -moz-background-size: 124px 300px;
    background-size: 124px 300px;
    width: 22px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -6px;
}
.Description_Box .Icon_ArrowT {
    display: inline-block;
    background: url(../img/icon/sprite_icon.png) no-repeat -36px -59px;
    -webkit-background-size: 124px 300px;
    -moz-background-size: 124px 300px;
    background-size: 124px 300px;
    width: 22px;
    height: 12px;
    position: absolute;
    top: 2px;
    right: 0;
}


/* 血統情報 */
.OwnerDB_Pedigree + .OwnerDB_Pedigree {
    margin-top: 20px;
}
.OwnerDB_Pedigree > .Title {
    color: #3c3930;
    font-size: 83%;
    font-weight: bold;
    margin-bottom: 15px;
    padding-left: 10px;
}
.OwnerDB_Pedigree_Inner .Header {
    background: #d0e0ef;
    border-top: 2px solid #2d8fe6;
    margin-bottom: 2px;
}
.OwnerDB_Pedigree_Inner.Dam .Header {
    background: #f4dee3;
    border-top: 2px solid #e15c7a;
    margin-bottom: 2px;
}
.OwnerDB_Pedigree_Inner .Header dl {
    padding: 8px 10px;
}
.OwnerDB_Pedigree_Inner .Header dl dt,
.OwnerDB_Pedigree_Inner .Header dl dd {
    display: inline-block;
    font-size: 77%;
    font-weight: bold;
}
.OwnerDB_Pedigree_Inner .Header dl dt {
    color: #2d8fe6;
}
.OwnerDB_Pedigree_Inner.Dam .Header dl dt {
    color: #e15c7a;
}
.OwnerDB_Pedigree_Inner .Header dl dd a {
    color: #0033aa;
}

.OwnerDB_Pedigree_Inner .Result {
    background: #fff;
    border-bottom: 1px solid #f2f1ec;
    color: #444;
    font-size: 77%;
    font-weight: bold;
    padding: 12px 8px;
}
.OwnerDB_Pedigree_Inner .Result .Partition {
    font-weight: normal;
    margin: 0 2px;
    vertical-align: 1px;
}

.OwnerDB_Pedigree_Inner .ResultData_Hidden {
    padding-top: 12px;
}
.OwnerDB_Pedigree_Inner .ResultData {
    background: #fff;
    padding: 12px 10px 20px;
}
.OwnerDB_Pedigree_Inner .ResultData > .Title {
    color: #444;
    font-size: 77%;
    font-weight: bold;
    margin-bottom: 12px;
}
.OwnerDB_Pedigree_Inner .ResultData > .Order {
    display: table;
    width: 100%;
}
.OwnerDB_Pedigree_Inner .ResultData > .Order + .Order {
    margin-top: 12px;
}
.OwnerDB_Pedigree_Inner .ResultData > .Order dt,
.OwnerDB_Pedigree_Inner .ResultData > .Order dd {
    display: table-cell;
    font-size: 77%;
}
.OwnerDB_Pedigree_Inner .ResultData > .Order dt {
    color: #444;
    white-space: nowrap;
    font-weight: bold;
}
.OwnerDB_Pedigree_Inner .ResultData > .Order dd {
    color: #444;
    line-height: 1.3;
    width: 100%;
}

.OwnerDB_Pedigree_Inner .ResultData .DataTable {
    padding-top: 12px;
    border-collapse: collapse;
    width: 100%;
}
.OwnerDB_Pedigree_Inner .ResultData .DataTable tr th,
.OwnerDB_Pedigree_Inner .ResultData .DataTable tr td {
    border: 1px solid #f2f1ec;
    font-size: 77%;
    line-height: 1.3;
    padding: 6px 8px;
    text-align: left;
    vertical-align: middle;
}
.OwnerDB_Pedigree_Inner .ResultData .DataTable tr th {
    color: #33476e;
    width: 105px;
}
.OwnerDB_Pedigree_Inner .ResultData .DataTable tr td {
    background: #fff;
    color: #444;
}
.OwnerDB_Pedigree_Inner .ResultData .DataTable tr td a {
    font-weight: bold;
}
.OwnerDB_Pedigree_Inner .ResultData .DataTable .Reading td span,
.OwnerDB_Pedigree_Inner .ResultData .DataTable .Horse td span {
    display: block;
}
.OwnerDB_Pedigree_Inner .ResultData .DataTable tr:nth-child(odd) th {
    background: #dfeaff;
}
.OwnerDB_Pedigree_Inner .ResultData .DataTable tr:nth-child(even) th {
    background: #d3e1fa;
}

.OwnerDB_Pedigree_Inner .ResultData .DataTable {
    margin-bottom: 10px;
}

.OwnerDB_Pedigree_Inner.Dam .DataTable {
    border-collapse: collapse;
    width: 100%;
}
.OwnerDB_Pedigree_Inner.Dam .DataTable tr + tr {
    border-top: 1px solid #f2f1ec;
}
.OwnerDB_Pedigree_Inner.Dam .DataTable tr th,
.OwnerDB_Pedigree_Inner.Dam .DataTable tr td {
    color: #444;
    font-size: 77%;
    line-height: 1.3;
    padding: 6px 8px;
    text-align: left;
    vertical-align: middle;
}
.OwnerDB_Pedigree_Inner.Dam .DataTable tr th {
    color: #6d3434;
    width: 105px;
}
.OwnerDB_Pedigree_Inner.Dam .DataTable tr td a {
    font-weight: bold;
}
.OwnerDB_Pedigree_Inner.Dam .DataTable tr:nth-child(odd) th {
    background: #fedee5;
}
.OwnerDB_Pedigree_Inner.Dam .DataTable tr:nth-child(odd) td {
    background: #fff;
}
.OwnerDB_Pedigree_Inner.Dam .DataTable tr:nth-child(even) th {
    background: #fcced9;
}
.OwnerDB_Pedigree_Inner.Dam .DataTable tr:nth-child(even) td {
    background: #fff;
}
.OwnerDB_Pedigree_Inner.Dam .DataTable .Horse td span {
    display: block;
}


/* みんなの新馬評価 */
body#OwnerDB .UserRating {
    display: none;
}
.UserRating_BtnArea {
    padding: 10px 28px 0;
}
.UserAction_RatingButton {
    display: block;
    color: #fff;
    background: #5bb468;
    border-radius: 5px;
    box-shadow: inset 0 -3px 0 rgba(88, 157, 85, 1);
    font-size: 77%;
    font-weight: bold;
    padding: 15px 0;
    text-align: center;
}
.Description_Box_UserRating {
    padding: 10px 8px 0;
}


/* あんたの新馬評価 */
.UserRatingFormHeader {
    background: #79a441;
    padding: 22px 18px;
    position: relative;
}
.UserRatingFormHeader .Title {
    color: #fff;
    font-size: 88%;
    font-weight: bold;
}
.UserRatingForm {
    background: #fff;
    padding: 8px;
}
.UserRatingForm .Inner {
    background: #efefef;
    border-radius: 3px;
    padding: 10px 12px;
}
.UserRatingForm_Parts + .UserRatingForm_Parts {
    margin-top: 15px;
}
.UserRatingForm_Parts .PartsTitle {
    font-size: 83%;
    font-weight: bold;
    margin-bottom: 6px;
}
.UserRatingForm_Parts select {
    font-size: 77%;
    border-radius: 2px;
    width: 100px;
    height: 24px;
}
.UserRatingForm_Parts.RatingComment {
    margin-bottom: 8px;
}
.UserRatingForm .BtnArea {
    padding: 0 30px;
}
.UserRatingForm_Submit {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: #e99528;
    box-shadow: inset 0 -1px 0 #c4800a;
    border-radius: 3px;
    color: #fff;
    font-size: 88%;
    font-weight: bold;
    padding: 14px 0;
    width: 100%;
}

.UserRatingForm_Complete {
    background: #fff;
    padding: 8px;
}
.UserRatingForm_Complete .Inner {
    background: #efefef;
    border-radius: 3px;
    padding: 10px 12px;
}
.UserRatingForm_Complete .Txt {
    font-size: 88%;
    text-align: center;
    line-height: 1.3;
    margin-bottom: 8px;
}
.UserRatingForm_Complete .BtnArea {
    padding: 0 30px;
}
.UserRatingForm_Submit.Close {
    background: #b4b2a7;
    box-shadow: inset 0 -1px 0 rgba(142, 140, 130, 1);
}


/* 新着記事・評価 0件 */
.InfomationBox {
    font-size: 83%;
    font-weight: bold;
    margin: 12px 8px 0;
    padding: 12px;
    border: 5px solid #ddd;
    background: #fff;
    line-height: 1.3;
    background: #fff;
}


/* お気に入り登録ユーザー一覧 */
.UserList .UserListBox > ul {
    padding: 0 8px;
}

.UserList .UserListBox > ul > li:first-child {
    margin-top:10px;
}
.UserList .UserListBox > ul > li {
    background: #fff;
}

.FindUserList {
    margin-bottom: 10px;
    min-height: 66px;
    padding: 10px 12px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 4px 0px rgba(0, 0, 0, .35);
}
.FindUserList .Inner {
    display: table;
    width: 100%;
    margin-bottom: 6px;
}
.FindUserList .Inner .Avatar_Thumb,
.FindUserList .Inner .Avatar_Data {
    display: table-cell;
    vertical-align: middle;
}
.FindUserList .Avatar_Thumb img {
    width: 46px;
    height: 46px;
    box-shadow: rgb(204, 204, 204) 0px 0px 0px 1px;
    border-radius: 4px;
}
.FindUserList .Inner .Avatar_Data {
    padding-left: 12px;
    width: 100%;
}
.FindUserList .Inner .Avatar_Data .UserName {
    display: inline-block;
    color: #333;
    font-size: 94%;
    margin-bottom: 6px;
}
.FindUserList .Inner .Avatar_Data .UserName a {
    color: #0050a7;
}
.FindUserList .Inner .Avatar_Data > .Detail {
    color: #333;
    font-size: 83%;
}
.FindUserList .Inner .Avatar_Data .RegistNum,
.FindUserList .Inner .Avatar_Data .RegistClub {
    display: inline-block;
}
.FindUserList .Inner .Avatar_Data .RegistNum {
    padding-left: 30px;
    position: relative;
}
.FindUserList .Inner .Avatar_Data .RegistNum::before {
    content: "";
    display: inline-block;
    background: url(../img/icon/icon_horse03.png) no-repeat;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
    position: absolute;
    top: -3px;
    left: 0;
}
.FindUserList .Inner .Avatar_Data .RegistClub {
    margin-left: 18px;
}

.FindUserList_HorseName {
    color: #333;
    font-size: 83%;
}
.FindUserList_HorseName span {
    color: #666;
}

.FindUserList_Comment {
    color: #333;
    font-size: 83%;
    margin-top: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.FindUserList_CommentHide {
    display: none;
}
.LinkBtn_03 a{
    display: block;
    text-align: center;
    color: #333;
    padding: 15px 14px;
    -webkit-user-select: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #ecebeb ;
    box-shadow: 0 0 0 1px #dadada !important;
    -moz-box-shadow: 0 0 0 1px #dadada !important;
    -webkit-box-shadow: 0 0 0 1px #dadada !important;
    font-size:94%;
}

/*iframe編集*/
#cboxLoadedContent{
    overflow-y: scroll !important;
}

.UserList .Icon_DB_S {
    display: inline-block;
    background: url(../img/icon/sprite_icon_db_S.png);
    background-repeat: no-repeat;
    -webkit-background-size: 55px 1000px;
    -moz-background-size: 55px 1000px;
    background-size: 55px 1000px;
    width: 17px;
    height: 17px;
}
.UserList .Icon_DB_S_15 {
    background-position: -17px -518px;
    width: 19px;
    height: 15px;
}
.UserList .Icon_DB_S_16 {
    background-position: -17px -496px;
    width: 19px;
    height: 15px;
}
.UserList .Icon_DB_S_17 {
    background-position: -16px -539px;
    width: 19px;
    height: 15px;
}


/* マイホース登録ポップアップ */
.MyHorseRegisterPopup_Header {
    background: #79a441;
    padding: 22px 18px;
    position: relative;
}
.MyHorseRegisterPopup_Header .Title {
    color: #fff;
    font-size: 88%;
    font-weight: bold;
}
.MyHorseRegisterPopup_Header .Title span {
    font-weight: bold;
    padding-left: 34px;
    position: relative;
}
.MyHorseRegisterPopup_Header.Add .Title span:before {
    content: '';
    display: inline-block;
    background: url(../img/icon/icon_checkmark.png) no-repeat;
    -webkit-background-size: 25px 25px;
    -moz-background-size: 25px 25px;
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
    position: absolute;
    top: -4px;
    left: 0;
}
.MyHorseRegisterPopup_Header.Info .Title span:before,
.MyHorseRegisterPopup_Header.Already .Title span:before,
.MyHorseRegisterPopup_Header.Del .Title span:before {
    content: '';
    display: inline-block;
    background: url(../img/icon/icon_caution.png) no-repeat;
    -webkit-background-size: 25px 22px;
    -moz-background-size: 25px 22px;
    background-size: 25px 22px;
    width: 25px;
    height: 22px;
    position: absolute;
    top: -3px;
    left: 0;
}

.MyHorseRegisterPopup_Main {
    background: #fff;
    padding: 16px;
}
.MyHorseRegisterPopup_Main .Txt {
    font-size: 77%;
    line-height: 1.3;
    margin-bottom: 16px;
}
.MyHorseRegisterPopup_Main .Txt strong {
    color: #d85858;
}
.MyHorseRegisterPopup_Main .SkipCheck {
    margin-bottom: 16px;
    text-align: center;
}
.MyHorseRegisterPopup_Main .SkipCheck .FlowSkip {
    border: 1px solid #bbb;
    width: 15px;
    height: 15px;
}
.MyHorseRegisterPopup_Main .SkipCheck .FlowSkip:checked + label:before {
    position: absolute;
    top: 1px;
    left: -16px;
    display: block;
    width: 5px;
    height: 9px;
    border-right: 2px solid #5eb33c;
    border-bottom: 2px solid #5eb33c;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.MyHorseRegisterPopup_Main .SkipCheck label {
    font-size: 77%;
    position: relative;
}
.MyHorseRegisterPopup_Main .Note {
    font-size: 77%;
    line-height: 1.3;
}

.MyHorseRegisterBtns {
    margin-bottom: 16px;
}
.MyHorseRegisterBtns li + li {
    margin-top: 4px;
}
.MyHorseRegistPopupButton {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0 none;
    border-radius: 2px;
    cursor: pointer;
    background: #eeb72d;
    box-shadow: inset 0 -2px 0 #dfa300;
    color: #fff;
    font-size: 83%;
    font-weight: bold;
    position: relative;
    padding: 15px 0;
    width: 100%;
}
.MyHorseRegistPopupButton.Off {
    background: #b4b2a7;
    box-shadow: inset 0 -1px 0 rgba(142, 140, 130, 1);
    color: #76746c;
}
a.MyHorseRegistPopupButton {
    display: block;
    border-radius: 2px;
    cursor: pointer;
    background: #eeb72d;
    box-shadow: inset 0 -2px 0 #dfa300;
    color: #fff;
    font-size: 83%;
    font-weight: bold;
    position: relative;
    padding: 15px 0;
    text-align: center;
    width: 100%;
}

.MyHorsePopupLink {
    display: block;
    color: #0039ab;
    font-size: 77%;
    text-align: right;
}


/* ひん系図 */
.Mareline {
    width: 500px;
}


/* ひん系図 - line */
.MarelineInner {
    position: relative;
    padding-left: 10px;
}
.MarelineInner + .MarelineInner {
    margin-top: 40px;
}
.MarelineInner a {
    color: #0033aa;
}
.MarelineInner:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 98%;
    background: #bdbdb3;
    position: absolute;
    left: 20px;
}
.MarelineChild02,
.MarelineChild03 {
    position: relative;
}
.MarelineChild02:before,
.MarelineChild03:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 96%;
    background: #bdbdb3;
    position: absolute;
    left: 32px;
}
.MarelineChild03:before {
    height: 85%;
}
.MarelineChild01 {
    padding-left: 4px;
}
.MarelineChild02,
.MarelineChild03 {
    padding-left: 28px;
}


/* ひん系図 - 親 */
.MarelineParent_Horse {
    display: table;
}
.MarelineParent_Horse .Dam,
.MarelineParent_Horse .Name,
.MarelineParent_Horse .History {
    display: table-cell;
}
.MarelineParent_Horse .Dam {
    display: block;
    color: #fff;
    background: #df7785;
    border-radius: 3px;
    font-size: 77%;
    font-weight: bold;
    padding: 5px 0;
    position: relative;
    text-align: center;
    width: 50px;
}
.MarelineParent_Horse .Name {
    font-size: 77%;
    font-weight: bold;
    padding: 0 10px;
    white-space: nowrap;
}
.MarelineParent_Horse .History {
    color: #444;
    font-size: 77%;
    line-height: 1.3;
}
.MarelineParent_Horse .History .HinbaColor {
    color: #df7785;
    font-weight: bold;
}


/* ひん系図 - 子 */
.MarelineChild_Horse {
    display: table;
}
.MarelineChild_Horse {
    padding-top: 20px;
}
.MarelineChild_Horse .Name,
.MarelineChild_Horse .History {
    display: table-cell;
}
.MarelineChild_Horse .Name {
    font-size: 77%;
    padding: 0 10px;
    white-space: nowrap;
}
.MarelineChild_Horse.PointHinba .Name {
    font-weight: bold;
}
.MarelineChild_Horse .History {
    font-size: 77%;
    line-height: 1.3;
}
.MarelineChild_Horse .History .HinbaColor {
    color: #df7785;
    font-weight: bold;
}
.MarelineChild_Horse .History .BobaColor {
    color: #588adf;
    font-weight: bold;
}
.MarelineChild_Horse .History .SenbaColor {
    color: #ccc;
    font-weight: bold;
}

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

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

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


/* ひん系図 - レース結果 */
.Mareline_ResultRace {
    padding-top: 20px;
    padding-left: 62px;
}
.Mareline_ResultRace dl {
    display: table;
    font-size: 77%;
}
.Mareline_ResultRace dl + dl {
    margin-top: 12px;
}
.Mareline_ResultRace dl dt,
.Mareline_ResultRace dl dd {
    display: table-cell;
}
.Mareline_ResultRace dl dt {
    color: #444;
    font-weight: bold;
    white-space: nowrap;
}
.Mareline_ResultRace dl dd {
    color: #444;
    line-height: 1.3;
}

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

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

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


/* プレミアムコース登録導線 */
.OwnerDB_Regist {
    background: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    margin-bottom: 14px;
    padding: 0 19px;
    text-align: center;
}
.OwnerDB_Regist .Txt {
    color: #444;
    font-size: 77%;
    line-height: 1.6;
    margin: 15px 0 10px;
}
.OwnerDB_Regist .BtnArea {
    margin-bottom: 15px;
}

.OwnerDB_RegistButton {
    display: block;
    background: #407bf0;
    box-shadow: 0 3px 0 rgba(51, 121, 207, 1), inset 0 -1px rgba(255, 255, 255, .30);
    border-radius: 5px;
    color: #fff;
    padding: 15px 0 14px;
    text-align: center;
    font-weight: bold;
    font-size: 77%;
}
.OwnerDB_LoginLink {
    display: inline-block;
    font-size: 72%;
    font-weight: bold;
    margin-bottom: 15px;
}


/* =======================================================
09.マイホース直近の動向 / マイホース新着記事 / 友達・フォローのマイホース出走情報 /
　　 関連メニュー / 表示設定 / 通算の出走成績 / 友達のマイホース一覧
======================================================= */

/* マイホース直近の動向 */
.RecentReportList {
    padding: 10px 8px;
}
.RecentReportList > ul > li + li {
    margin-top: 10px;
}

.RecentReportList_Sort {
    margin-bottom: 10px;
}

.RecentReportList .BtnArea {
    padding: 10px 0 0;
}

.RecentReport {
    background: #e5e4dd;
}

.RecentReport_Header {
    display: table;
    padding: 8px 10px;
    width: 100%;
}
.RecentReport_Header .ClubHorse,
.RecentReport_Header .Time {
    display: table-cell;
    vertical-align: middle;
}
.RecentReport_Header .ClubHorse {
    width: 100%;
}
.RecentReport_Header .ClubHorse .HorseLink {
    color: #1e599c;
    font-size: 88%;
    font-weight: bold;
    height: 17px;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.RecentReport_Header .ClubHorse .HorseLink img {
    margin-right: 3px;
    vertical-align: -1px;
}
.RecentReport_Header .Time {
    color: #666;
    font-size: 61.1%;
    padding-left: 1em;
    white-space: nowrap;
}

.RecentReport_Box {
    padding: 0 1px 1px;
}
.RecentReport_Inner {
    background: #fff;
    padding: 15px 14px 18px;
}
.RecentReport_Box .Info {
    color: #666;
    font-size: 83%;
    font-weight: bold;
}
.RecentReport_Box dl {
    margin-top: 13px;
}
.RecentReport_Box dl .Date {
    color: #666;
    font-size: 77%;
    margin-bottom: 8px;
}
.RecentReport_Box dl .Date .Sat {
    color: #004dc9;
}
.RecentReport_Box dl .Date .Sun {
    color: #ff8887;
}
.RecentReport_Box dl .RaceName a {
    color: #1e599c;
    font-size: 105%;
    font-weight: bold;
    line-height: 1.2;
}
.RecentReport_Box dl .RaceName a .Icon_GradeType {
    margin-left: 4px;
    vertical-align: -1px;
}
.RecentReport_Box .RecentTxt a {
    color: #1e599c;
    font-size: 77%;
    line-height: 1.6;
    margin-top: 8px;
    height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.RecentReport_Box .RecentTxt02 {
    color: #666;
    font-size: 77%;
    line-height: 1.6;
    margin-top: 8px;
}

.RecentReport_Btn {
    margin-top: 10px;
}
.RecentReport_Btn li {
    float: left;
    width: 50%;
}
.RecentReport_Btn li a {
    display: block;
    background: #fff;
    border: 1px solid #d3d1c6;
    border-radius: 2px;
    color: #97968b;
    font-size: 77%;
    font-weight: bold;
    padding: 8px 0;
    text-align: center;
}
.RecentReport_Btn li:first-child a {
    margin-right: 3px;
}
.RecentReport_Btn li:last-child a {
    margin-left: 3px;
}

.RecentReport_Inner .StateLabel {
    margin-top: 13px;
}
.StateLabel {
    display: inline-block;
    background: #999;
    border-radius: 1px;
    color: #fff;
    font-size: 61.1%;
    font-weight: bold;
    padding: 3px 0;
    text-align: center;
    width: 68px;
    vertical-align: middle;
}


/* 友達・フォローのマイホース出走情報 */
.FriendsMyHorseInfoList {
    padding: 10px 8px 0;
}
.FriendsMyHorseInfoList ul li + li {
    margin-top: 10px;
}

.FriendsMyHorseInfoList .BtnArea {
    padding: 10px 0 0;
}

.FriendsMyHorseInfo {
    background: #e5e4dd;
}

.FriendsMyHorseInfo_Header {
    display: table;
    padding: 5px 10px;
    width: 100%;
}
.FriendsMyHorseInfo_Header .Thumb,
.FriendsMyHorseInfo_Header .Name,
.FriendsMyHorseInfo_Header .Time {
    display: table-cell;
    vertical-align: middle;
}
.FriendsMyHorseInfo_Header .Name {
    padding-left: 10px;
    width: 100%;
}
.FriendsMyHorseInfo_Header .Name a {
    color: #1e599c;
    font-size: 88%;
    font-weight: bold;
}
.FriendsMyHorseInfo_Header .Thumb img {
    border-radius: 50%;
    vertical-align: bottom;
}
.FriendsMyHorseInfo_Header .Time {
    color: #666;
    font-size: 61.1%;
    white-space: nowrap;
}

.FriendsMyHorseInfo_Box {
    padding: 0 1px 1px;
}
.FriendsMyHorseInfo_Inner {
    background: #fff;
    padding: 15px 10px 18px;
}

.FriendsMyHorseInfo_Box .FriendsHorse {
    margin-bottom: 10px;
}
.FriendsMyHorseInfo_Box .FriendsHorse .ClubHorse img,
.FriendsMyHorseInfo_Box .FriendsHorse .ClubHorse .Name {
    display: inline-block;
}
.FriendsMyHorseInfo_Box .FriendsHorse .ClubHorse img {
    vertical-align: -1px;
}
.FriendsMyHorseInfo_Box .FriendsHorse .ClubHorse .Name {
    color: #666;
    font-size: 83%;
    font-weight: bold;
    margin-left: 3px;
}
.FriendsMyHorseInfo_Box .FriendsHorse .Txt {
    color: #666;
    font-size: 83%;
}
.FriendsMyHorseInfo_Box .FriendsRace .RaceNum {
    color: #666;
    font-size: 83%;
    font-weight: bold;
    margin-right: 10px;
}
.FriendsMyHorseInfo_Box .FriendsRace a {
    color: #1e599c;
    font-size: 105%;
    font-weight: bold;
}
.FriendsMyHorseInfo_Box .FriendsRace a .Icon_GradeType {
    margin-left: 4px;
    vertical-align: -1px;
}

.FriendsMyHorseInfoList .LinkArea {
    margin-top: 15px;
    text-align: right;
}
.LinkFriends {
    display: inline-block;
    color: #0033aa;
    font-size: 77%;
    font-weight: bold;
    margin-right: 4px;
    padding-right: 18px;
    position: relative;
}
.LinkFriends:after {
    content: '';
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #0033aa;
    width: 0;
    height: 0;
    position: absolute;
    top: 1px;
    right: 0;
}

.SearchLinkArea {
    margin-right: 8px;
    text-align: right;
}


/* 情報の更新スケジュール */
.InfoUpdateSchedule_Table {
    background: #fff;
    border-collapse: collapse;
    margin-bottom: 4px;
    width: 100%;
}
.InfoUpdateSchedule_Table th,
.InfoUpdateSchedule_Table td {
    border: 1px solid #f5f4f1;
    vertical-align: middle;
}
.InfoUpdateSchedule_Table th {
    background: #999;
    border: 1px solid #ccc;
    color: #fff;
    font-size: 77%;
    font-weight: normal;
    padding: 8px 0;
    width: 82px;
}
.InfoUpdateSchedule_Table td {
    color: #444;
    font-size: 77%;
    padding: 8px;
}

.InfoUpdateSchedule_Note {
    color: #444;
    font-size: 77%;
    line-height: 1.3;
}
.InfoUpdateSchedule_Note a {
    color: #0033aa;
}


/* 新着記事 */
.NewArticle {
    padding: 15px 8px 0;
}
.NewArticle > ul {
    background: #fff;
    border-radius: 5px;
    padding: 10px 12px;
}
.NewArticle > ul > li .ArticleLink {
    display: block;
}
.NewArticle > ul > li + li {
    border-top: 1px dashed #9ea9be;
    margin-top: 10px;
    padding-top: 13px;
}

.MediaBox .Title {
    color: #444;
    font-size: 88%;
    font-weight: bold;
    margin-bottom: 6px;
    line-height: 1.2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.MediaBox .Txt {
    color: #444;
    font-size: 66%;
    line-height: 1.4;
    margin-bottom: 3px;
}

.MediaBox.Twitter .Tweet .Txt {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.MediaBox.Twitter .Tweet .Thumbnail {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
}
.MediaBox.Twitter .Tweet .Thumbnail img {
    width: 100%;
}

.MediaBox .MediaInfo {
    display: table;
    width: 100%;
}
.MediaBox .MediaInfo li {
    display: table-cell;
    font-size: 61.1%;
}
.MediaBox .MediaInfo .Label span {
    display: inline-block;
    background: #000;
    border-radius: 1px;
    color: #fff;
    padding: 2px 0;
    text-align: center;
    white-space: nowrap;
    min-width: 50px;
}
.MediaBox .MediaInfo .Name {
    width: 100%;
}
.MediaBox .MediaInfo .Name span {
    color: #a9a9a9;
    padding: 0 28px;
    line-height: 1.2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.MediaBox .MediaInfo .Time {
    color: #a9a9a9;
    white-space: nowrap;
}
.MediaBox.News .MediaInfo .Label span {
    background: #969595;
}
.MediaBox.Blog .MediaInfo .Label span {
    background: #4d8b6a;
}
.MediaBox.Twitter .MediaInfo .Label span {
    background: #5ea9dd;
}

.NewArticle .BtnArea {
    margin-top: 10px;
}


/* マイホース新着記事 */
.MyHorseNewArticle {
    padding: 10px 8px 0;
}
.MyHorseNewArticle > ul > li:first-child {
    padding-top: 10px;
}
.MyHorseNewArticle > ul > li:last-child {
    padding-bottom: 10px;
}
.MyHorseNewArticle > ul > li + li {
    margin-top: 20px;
    padding-top: 20px;
}
.MyHorseNewArticle .MediaBox .Title {
    margin-bottom: 12px;
    -webkit-line-clamp: 2;
}

.MyHorseNewArticle_Sort {
    margin-bottom: 10px;
}

.MyHorseNewArticle_Msg {
    color: #444;
    font-size: 77%;
    font-weight: bold;
    margin-bottom: 10px;
}

.MediaBox .ClubHorse {
    color: #666;
    font-size: 88%;
    font-weight: bold;
    margin-bottom: 12px;
}
.MediaBox .ClubHorse img {
    margin-right: 3px;
    vertical-align: -1px;
}

#web_search .MyHorseNewArticle {
    padding: 0;
}
#web_search .CommonPager {
    margin-top: 10px;
}


/* マイホース関連メニュー */
.MyHorseRelatedMenu {
    padding: 11px 8px 0 8px;
}
.MyHorseRelatedMenu ul {
    margin-bottom: 12px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}
.MyHorseRelatedMenu ul li {
    width: 33.3%;
}
.MyHorseRelatedMenu ul li + li {
    margin-left: 3px;
}
.MyHorseRelatedMenu ul li a {
    display: block;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(146, 151, 165, .6);
    color: #333;
    font-size: 77%;
    font-weight: bold;
    /*margin: 0 3px 0 0;*/
    padding: 10px 0 8px;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
}
.MyHorseRelatedMenu ul .OwnerPage a {
    letter-spacing: -.5px;
}
.Icon_RelatedMenu {
    display: block;
    background: url(../img/icon/sprite_icon_myhorse_related_menu.png?20170816) no-repeat;
    -webkit-background-size: 49px 290px;
    -moz-background-size: 49px 290px;
    background-size: 49px 290px;
    margin: 0 auto 8px;
    width: 35px;
    height: 35px;
}
.RelatedMenu01 {background-position: -7px -7px;}
.RelatedMenu02 {background-position: -7px -55px;}
.RelatedMenu03 {background-position: -7px -103px;}

.MyhorseBulkBtn {
    display: block;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(146, 151, 165, .6);
    color: #333;
    font-size: 77%;
    font-weight: bold;
    padding: 11px 0 9px;
    text-align: center;
    white-space: nowrap;
}
.MyhorseBulkBtn .Icon_RelatedMenu {
    margin-bottom: 3px;
}
.RelatedMenu04 {
    background-position: -2px -152px;
    width: 45px;
    height: 32px;
}

.MyHorseNotLoginTxt {
    font-size: 77%;
    line-height: 1.5;
    margin-top: 6px;
}


/* 表示設定 */
.ViewSetting {
    padding: 15px 8px 0;
    margin-bottom: 15px;
}
.ViewSetting_Btn {
    background: #a4a39a;
    color: #fff;
    font-size: 88%;
    font-weight: bold;
    padding: 12px 18px;
    position: relative;
}
.ViewSetting_Btn:after {
    content: '';
    display: inline-block;
    background: url(../img/icon/icon_plus02.png) no-repeat center;
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    background-size: 16px 16px;
    width: 44px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.ViewSetting_Btn.Open:after {
    content: '';
    background: url(../img/icon/icon_close04.png) no-repeat center;
    -webkit-background-size: 16px 2px;
    -moz-background-size: 16px 2px;
    background-size: 16px 2px;
}

.ViewSetting_Box {
    border: 1px solid #a4a39a;
    border-top: none;
    background: #fff;
    padding: 10px;
}

.SettingFunction {
    display: table;
    width: 100%;
}
.SettingFunction + .SettingFunction {
    margin-top: 10px;
}
.SettingFunction .Title,
.SettingFunction .SelectGroup {
    display: table-cell;
    vertical-align: middle;
}
.SettingFunction .Title {
    color: #666;
    font-size: 83%;
    width: 104px;
}
.SelectGroup {
    position: relative;
}
.SelectGroup:before {
    content: '';
    border-left: 1px solid #e5e5e5;
    height: 28px;
    margin-top: -14px;
    position: absolute;
    top: 50%;
    right: 28px;
}
.SelectGroup:after {
    content: '';
    display: inline-block;
    background: url(../img/icon/icon_arrow_bottom02.png) no-repeat;
    -webkit-background-size: 10px 6px;
    -moz-background-size: 10px 6px;
    background-size: 10px 6px;
    margin-top: -3px;
    width: 10px;
    height: 6px;
    position: absolute;
    right: 9px;
    top: 50%;
}
.SelectGroup select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #bab8ad;
    border-radius: 3px;
    background: #f5f4f1;
    color: #7f7f7f;
    cursor: pointer;
    font-size: 83%;
    font-family: "ヒラギノ角ゴ ProN W3", arial, "Hiragino Kaku Gothic ProN", "Meiryo", "メイリオ", sans-serif;
    padding: 0 38px 0 14px;
    line-height: 1.2;
    width: 100%;
    height: 38px;
}


/* 通算の出走成績 */
.ResultSummary {
    padding: 8px 8px 0;
}

.ResultSummary_Table {
    background: #fff;
    border-collapse: collapse;
    border: 1px solid #e2e0da;
    width: 100%;
}
.ResultSummary_Table .Header {
    background: #97948d;
}
.ResultSummary_Table .Header th,
.ResultSummary_Table .List td {
    font-size: 88%;
    font-weight: bold;
    text-align: center;
}
.ResultSummary_Table .Header th {
    color: #fff;
    padding: 6px 0;
}
.ResultSummary_Table .Header th + th,
.ResultSummary_Table .List td + td {
    border-left: 1px solid #e2e0da;
}
.ResultSummary_Table .List td {
    color: #444;
    font-weight: bold;
    padding: 12px 0;
}


/* オーナーページのマイホース一覧 */
.OwnerHorseListContents .Title_Sec h2 {
    line-height: 1.2;
}

.OwnerHorseList > ul > li {
    border-bottom: 1px solid #ddd;
    background: #fff;
}

.OwnerHorse {
    display: table;
    width: 100%;
}
.OwnerHorse .OwnerHorse_Img,
.OwnerHorse .OwnerHorse_Info {
    display: table-cell;
    vertical-align: middle;
}

.OwnerHorse_Img {
    background: #ccc;
    width: 128px;
}
.OwnerHorse_Img .Thumb {
    display: block;
    margin: 0 auto;
    max-width: 128px;
    height: 92px;
    /*min-width: 128px;
    min-height: 91px;
    max-width: 128px;
    max-height: 93px;*/
}

.OwnerHorse_Info {
    padding: 0 8px;
}
.OwnerHorse_Info .HorseName {
    margin-bottom: 5px;
}
.OwnerHorse_Info .HorseName a {
    color: #235899;
    font-size: 94%;
    font-weight: bold;
    line-height: 1.2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.OwnerHorse_Info .SubData {
    margin-bottom: 4px;
}
.OwnerHorse_Info .SubData li {
    display: inline-block;
    font-size: 77%;
    margin-right: 8px;
}
.OwnerHorse_Info .ClubName a {
    display: inline-block;
    color: #235899;
    font-size: 88%;
    line-height: 1.2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.OwnerHorse_Info .ClubName img {
    vertical-align: -1px;
}


/* =======================================================
10.マイホースリスト
======================================================= */

.MyHorseListBox > .BtnArea {
    padding: 10px 8px 0;
}

.MyHorseListBox_Sort {
    margin-bottom: 14px;
}
.MyHorseListBox_Sort .SettingFunction .Title {
    width: 70px;
}

.MyHorseListBox_Inner {
    background: #deddd4;
    padding: 14px 8px 10px;
}

.MyHorseList {
    background: #fff;
    border: 2px solid #d3d1c6;
}
.MyHorseList + .MyHorseList {
    margin-top: 10px;
}

.MyHorseList_Header {
    border-top: 1px solid #fff;
    background: #f5f4f1;
    padding: 5px 7px;
    position: relative;
}
.MyHorseList_Header .HorseImg {
    float: left;
    background: #ccc;
    margin-right: 12px;
    min-width: 60px;
    max-width: 60px;
    overflow: hidden;
}
.MyHorseList_Header .HorseImg a {
    display: block;
}
.MyHorseList_Header .HorseImg a img {
    display: block;
    height: 45px;
    margin: 0 auto;
    vertical-align: bottom;
}

.MyHorseList_Header .HorseInfo {
    overflow: hidden;
}
.MyHorseList_Header .HorseInfo .Name {
    margin: 4px 0;
    padding-right: 25px;
}
.MyHorseList_Header .HorseInfo .Name a {
    color: #235899;
    font-weight: bold;
}
.MyHorseList_Header .HorseInfo .SubData span {
    display: inline-block;
}
.MyHorseList_Header .HorseInfo .SubData .ClubColors {
    margin-right: 3px;
    vertical-align: -2px
}
.MyHorseList_Header .HorseInfo .SubData .Class {
    margin-right: 8px;
}
.MyHorseList_Header .HorseInfo .SubData .Class,
.MyHorseList_Header .HorseInfo .SubData .Price {
    color: #666;
    font-size: 66%;
}
.MyHorseList_Header .HorseInfo .SubData .Age_Boba,
.MyHorseList_Header .HorseInfo .SubData .Age_Hinba,
.MyHorseList_Header .HorseInfo .SubData .Age_Senba {
    display: inline-block;
    border-radius: 2px;
    color: #fff;
    font-size: 61.1%;
    min-width: 30px;
    padding: 3px 2px;
    text-align: center;
    vertical-align: middle;
}
.MyHorseList_Header .HorseInfo .SubData .Age_Boba {
    background: #5582d7;
}
.MyHorseList_Header .HorseInfo .SubData .Age_Hinba {
    background: #e97a93;
}
.MyHorseList_Header .HorseInfo .SubData .Age_Senba {
    background: #878e84;
}
.MyHorseList_Header .MyHorseDeleteBtn {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    border-radius: 3px;
    display: block;
    background: url(../img/icon/icon_delete.png) no-repeat center;
    -webkit-background-size: 22px 23px;
    -moz-background-size: 22px 23px;
    background-size: 22px 23px;
    box-shadow: 0 0 2px #aaa;
    width: 22px;
    height: 23px;
    text-indent: -9999em;
}
.MyHorseList_Header .MyHorseDelete {
    position: absolute;
    top: 5px;
    right: 7px;
    z-index: 50;
}

.MyHorseList_Main {
    background: #fff;
    padding: 7px 9px 9px;
}

.MyHorseList_Datail {
    margin-bottom: 10px;
}
.MyHorseList_Datail .InfoLabel {
    display: inline-block;
    background: #999;
    border-radius: 1px;
    color: #fff;
    font-size: 61.1%;
    font-weight: bold;
    padding: 3px 0;
    text-align: center;
    width: 55px;
    vertical-align: middle;
}
.MyHorseList_Datail .InfoLabel_Detail {
    color: #666;
    font-size: 77%;
    font-weight: bold;
    margin-left: 4px;
}
.MyHorseList_Datail .Date {
    color: #666;
    font-size: 77%;
    font-weight: bold;
    margin-left: 4px;
}
.MyHorseList_Datail .Date .Sat {
    color: #004dc9;
}
.MyHorseList_Datail .Date .Sun {
    color: #ff8887;
}
.MyHorseList_Datail .RaceName {
    display: block;
    color: #235899;
    font-size: 94%;
    font-weight: bold;
    margin-top: 6px;
}
.MyHorseList_Datail .RaceName .Icon_GradeType {
    margin-left: 4px;
    vertical-align: -2px;
}
.MyHorseList_Datail .RecentTxt a {
    color: #235899;
    margin-top: 6px;
    font-size: 77%;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.MyHorseList_Datail .RecentTxt {
    color: #666;
    font-size: 83%;
    font-weight: bold;
    line-height: 1.3;
    margin-top: 4px;
}
.MyHorseList_Datail .NotRecentTxt {
    color: #666;
    font-size: 66%;
    line-height: 1.3;
    margin-top: 4px;
}

.SimulatorBtn,
.ManageBtn {
    display: block;
    background: #fff;
    border: 1px solid #d3d1c6;
    border-radius: 3px;
    color: #97968b;
    font-size: 77%;
    font-weight: bold;
    padding: 8px 0;
    text-align: center;
}

.MyHorseMoneyTxt01 {
    color: #4caf50 !important;
}


/* 出資・収支 */
.MyHorseList_Datail .InnerBox {
    padding: 0 34px;
}

.MyHorseList_Datail .DatailTable {
    border-collapse: collapse;
    margin: 0 auto;
    width: 100%;
}
.MyHorseList_Datail .DatailTable th {
    font-size: 77%;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}
.MyHorseList_Datail .DatailTable tr:first-child th {
    padding-bottom: 8px;
}
.MyHorseList_Datail .DatailTable th span {
    display: inline-block;
    width: 5em;
}
.MyHorseList_Datail .DatailTable .Unit span {
    font-size: 83%;
}
.MyHorseList_Datail .DatailTable td {
    text-align: right;
}
.MyHorseList_Datail .DatailTable td strong {
    font-size: 94%;
}

.MyHorseList_Main .ActionBtnArea ul li {
    float: left;
    width: 50%;
}
.MyHorseList_Main .ActionBtnArea ul li:first-child .ManageBtn {
    margin-right: 4px;
}
.MyHorseList_Main .ActionBtnArea ul li:last-child .ManageBtn {
    margin-left: 4px;
}


/* 回収金・賞金 */
.MyHorseList_Main02 {
    padding: 7px 9px 12px;
}

.MyHorseList_PrizeDetailBtn {
    background: #f3f3ea;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2);
    margin-top: 8px;
    padding: 8px 44px 8px 10px;
    position: relative;
}
.MyHorseList_PrizeDetailBtn:after,
.MyHorseList_PrizeDetailBtn.Open:after {
    content: '';
    width: 15px;
    height: 9px;
    position: absolute;
    top: 11px;
    right: 13px;
}
.MyHorseList_PrizeDetailBtn:after {
    background: url(../img/icon/sprite_icon_arrow02.png) no-repeat left bottom;
    -webkit-background-size: 15px 18px;
    -moz-background-size: 15px 18px;
    background-size: 15px 18px;
}
.MyHorseList_PrizeDetailBtn.Open:after {
    background: url(../img/icon/sprite_icon_arrow02.png) no-repeat left top;
    -webkit-background-size: 15px 18px;
    -moz-background-size: 15px 18px;
    background-size: 15px 18px;
}
.MyHorseList_PrizeDetailBtn.PrizeHidden:after {
    display: none;
}
.MyHorseList_PrizeDetailBtn:first-child {
    margin-top: 0;
}
.MyHorseList_PrizeDetailBtn.PrizeHidden {
    padding: 0 44px 0 10px;
}

.MyHorseList_PrizeDetailBtn dl {
    display: table;
    width: 100%;
}
.MyHorseList_PrizeDetailBtn dl dt,
.MyHorseList_PrizeDetailBtn dl dd {
    display: table-cell;
    vertical-align: middle;
}
.MyHorseList_PrizeDetailBtn dl dt {
    font-size: 77%;
    white-space: nowrap;
}
.MyHorseList_PrizeDetailBtn dl dt span {
    display: inline-block;
    color: #333;
    width: 4.3em;
}
.MyHorseList_PrizeDetailBtn dl dd {
    font-size: 94%;
    text-align: right;
    width: 100%;
}
.MyHorseList_PrizeDetailBtn dl dd .RecoveryRate {
    font-size: 82.3%;
}

.MyHorseList_PrizeDetailBtn.PrizeHidden dd img {
    vertical-align: bottom;
}

.MyHorseList_PrizeNote {
    display: block;
    color: #333;
    font-size: 77%;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
}

.PrizeDetailBox {
    display: none;
    background: #f5f4f1;
    padding: 10px;
}

.PrizeDetailBox_Link {
    margin-top: 7px;
    text-align: right;
}

.PrizeDetailBox_Table {
    border-collapse: collapse;
    width: 100%;
}
.PrizeDetailBox_Table tr + tr {
    border-top: 1px solid #f5f4f1;
}
.PrizeDetailBox_Table th {
    background: #deddd4;
    color: #666;
    font-size: 77%;
    font-weight: normal;
    line-height: 1.4;
    padding: 8px 0;
    width: 108px;
    vertical-align: middle;
}
.PrizeDetailBox_Table td {
    background: #fff;
    color: #444;
    font-size: 77%;
    padding-left: 10px;
    vertical-align: middle;
}
.PrizeDetailBox_Table td img {
    vertical-align: bottom;
}

.PrizeDetailBox_Regist {
    background: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    margin-top: 10px;
    padding: 0 8px;
    text-align: center;
}
.PrizeDetailBox_Regist .Txt {
    color: #444;
    font-size: 77%;
    line-height: 1.6;
    margin: 15px 0 10px;
}
.PrizeDetailBox_Regist .LoginLink {
    display: inline-block;
    font-size: 72%;
    font-weight: bold;
    margin-bottom: 15px;
}
.PrizeDetailBox_Regist .RegistBtnArea {
    margin-bottom: 15px;
}
.RegistPrizeButton {
    display: block;
    background: #407bf0;
    box-shadow: 0 3px 0 rgba(51, 121, 207, 1), inset 0 -1px rgba(255, 255, 255, .30);
    border-radius: 5px;
    color: #fff;
    padding: 15px 0 14px;
    text-align: center;
    font-weight: bold;
    font-size: 77%;
}

@media only screen and (max-width: 320px) {
    .MyHorseList_PrizeDetailBtn dl dt span {
        width: 3.5em;
    }
    .MyHorseList_PrizeDetailBtn.PrizeHidden dd img {
        width: 170px;
        height: 32px;
    }
}


/*　無料ID登録　*/
.MyHorseListBox_Regist {
    padding: 8px;
}
.MyHorseListBox_Regist .Txt {
    font-size: 77%;
    line-height: 1.3;
    margin-bottom: 12px;
}
.MyHorseListBox_Regist ul li + li {
    margin-top: 12px;
}
.MyHorseListBox_Regist .RegistBtn {
    display: block;
    font-size: 88%;
    font-weight: bold;
    text-align: center;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .2);
    background-image: -moz-linear-gradient(top,#f96,#f60);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f96),to(#f60));
    background-image: -webkit-linear-gradient(top,#f96,#f60);
    background-image: linear-gradient(top,#f96,#f60);
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(146, 151, 165, .6);
    padding: 15px 0;
}
.MyHorseHowToUseLink {
    display: block;
    background: #fff;
    box-shadow: 0 1px 2px rgba(146, 151, 165, .6);
    border-radius: 3px;
    color: #444;
    font-size: 88%;
    font-weight: bold;
    padding: 15px 0;
    text-align: center;
}
.MyHorseListBox_Regist .LoginLink {
    text-align: right;
}
.MyHorseListBox_Regist .LoginLink a {
    display: inline-block;
    color: #0033aa;
    font-size: 77%;
    font-weight: bold;
    margin-top: 18px;
    padding-right: 18px;
    position: relative;
}
.MyHorseListBox_Regist .LoginLink a:after {
    content: '';
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #0033aa;
    width: 0;
    height: 0;
    position: absolute;
    top: 1px;
    right: 0;
}

.MyHorseListBox_Note {
    padding: 8px;
}
.MyHorseListBox_Note .Txt,
.MyHorseListBox_Note .Txt02 {
    font-size: 77%;
    line-height: 1.3;
}
.MyHorseListBox_Note .Txt a {
    color: #0033aa;
}
.MyHorseListBox_Note .Txt02 {
    color: #807f79;
}
.MyHorseListBox_Note .Txt02 a {
    color: #06389b;
}

.MyHorseHowToUseLinkBox {
    padding: 0 8px 8px;
}


/* マイホース登録馬編集popup */
.MyHorseEditPopup {
    padding-bottom: 20px;
}
.MyHorseEditPopup_Header {
    border-bottom: 2px solid #e0e0e0;
    padding: 20px 0;
    margin-bottom: 20px;
    text-align: center;
}
.MyHorseEditPopup_Header .Title {
    font-size: 88%;
    font-weight: bold;
    margin-bottom: 8px;
}
.MyHorseEditPopup_Header .HorseName {
    margin-bottom: 4px;
}
.MyHorseEditPopup_Header .HorseName .Name {
    font-size: 77%;
    font-weight: bold;
    margin-right: 8px;
}
.MyHorseEditPopup_Header .HorseName .Age_Hinba,
.MyHorseEditPopup_Header .HorseName .Age_Senba,
.MyHorseEditPopup_Header .HorseName .Age_Boba {
    display: inline-block;
    border-radius: 2px;
    color: #fff;
    font-size: 61.1%;
    min-width: 30px;
    padding: 3px 2px;
    text-align: center;
    vertical-align: middle;
}
.MyHorseEditPopup_Header .HorseName .Age_Boba {
    background: #5582d7;
}
.MyHorseEditPopup_Header .HorseName .Age_Hinba {
    background: #e97a93;
}
.MyHorseEditPopup_Header .HorseName .Age_Senba {
    background: #878e84;
}
.MyHorseEditPopup_Header .ClubName {
    font-size: 77%;
    font-weight: bold;
}
.MyHorseEditPopup_Header .ClubName .ClubColors {
    vertical-align: -2px;
}

.MyHorseEditPopup_Form {
    width: 250px;
    margin: 0 auto;
}
.MyHorseEditPopup_Form dt {
    font-size: 77%;
    font-weight: bold;
    margin-bottom: 6px;
}
.MyHorseEditPopup_Form dd {
    margin-bottom: 20px;
}

.MyHorseEditPopup_Form #ed_unit {
    border: 1px solid #ccc;
    border-radius: 2px;
    color: #7f7f7f;
    font-size: 77%;
    text-align: right;
    padding: 6px 12px;
    width: 120px;
}
.MyHorseEditPopup_Form .SelectBox {
    position: relative;
}
.MyHorseEditPopup_Form .SelectBox select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff;
    color: #7f7f7f;
    font-size: 77%;
    padding: 6px 12px;
    line-height: 1.2;
    width: 120px;
}
.MyHorseEditPopup_Form .SelectBox:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top: 5px solid #bebbb1;
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -1px;
}
.MyHorseEditPopup_Form #ed_memo {
    border: 1px solid #ccc;
    border-radius: 2px;
    color: #7f7f7f;
    font-size: 14px;
    padding: 6px 12px;
    width: 243px;
}

.MyHorseEditPopup_Note {
    color: #666;
    font-size: 72%;
    line-height: 1.5;
    padding: 0 20px;
}

.MyHorseEditPopup_Main .BtnArea {
    padding: 10px 20px 0;
}

.MyHorseEditBtn {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: none;
    border-radius: 2px;
    background: #4b94a7;
    box-shadow: inset 0 -2px 0 #275c69;
    color: #fff;
    font-size: 77%;
    font-weight: bold;
    padding: 10px 0;
    line-height: 1;
    width: 100%;
}


/* 出走済みレース登録popup */
.SimulateFinished_Header {
    text-align: center;
    padding: 20px 0 0;
}
.SimulateFinished_Header .Title {
    font-size: 94%;
    font-weight: bold;
    margin-bottom: 22px;
}
.SimulateFinished_Header .ClubHorse {
    margin-bottom: 6px;
}
.SimulateFinished_Header .ClubHorse .Name {
    font-size: 83%;
}
.SimulateFinished_Header .ClubName .ClubColors,
.SimulateFinished_Header .ClubName .Name {
    display: inline-block;
}
.SimulateFinished_Header .ClubName .ClubColors {
    vertical-align: -2px;
}
.SimulateFinished_Header .ClubName .Name {
    font-size: 83%;
}
.SimulateFinished_Header .ClubHorse .Age {
    display: inline-block;
    border-radius: 2px;
    color: #fff;
    font-size: 11px;
    margin-left: 6px;
    min-width: 30px;
    padding: 3px 2px;
    text-align: center;
    vertical-align: 1px;
}
.SimulateFinished_Header .ClubHorse .Age.Boba {background: #5582d7;}
.SimulateFinished_Header .ClubHorse .Age.Hinba {background: #e97a93;}
.SimulateFinished_Header .ClubHorse .Age.Senba {background: #878e84;}

.SimulateFinishedMsg {
    font-size: 83%;
    line-height: 1.3;
    padding: 25px 35px 22px;
}

.SimulateFinishedNote {
    color: #444;
    font-size: 83%;
    line-height: 1.3;
    padding: 0 35px;
}

.SimulateFinished_Main .BtnArea {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    padding: 0 23px 20px;
}
.SimulateFinished_Main .BtnArea li {
    width: 50%;
}
.SimulateFinished_Main .BtnArea li:first-child {
    margin-right: 5px;
}
.SimulateFinished_Main .BtnArea li:last-child {
    margin-left: 5px;
}
.SimulateFinishedRegistBtn,
.SimulateFinishedCancelBtn {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    color: #fff;
    font-size: 83%;
    font-weight: bold;
    font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴ ProN W3",'ヒラギノ角ゴ Pro W3', "Hiragino Kaku Gothic ProN", sans-serif;
    line-height: 1;
    padding: 14px 0;
    width: 100%;
}
.SimulateFinishedRegistBtn {
    background: #59a78f;
    box-shadow: inset 0 -2px 0 rgba(57, 116, 98, 1);
}
.SimulateFinishedCancelBtn {
    background: #9a9a9a;
    box-shadow: inset 0 -2px 0 rgba(56, 56, 56, 1);
}


/* =======================================================
11.オーナーページ
======================================================= */

/* 直近の出走成績 */
.RecentRun {
    margin-top: 10px;
}

.RecentRun_Table {
    background: #fff;
    border-collapse: collapse;
    width: 100%;
}

.RecentRun_Table .Header {
    background: #e5e4dd;
}
.RecentRun_Table .Header th {
	font-size: 77.8%;
	font-weight: bold;
	padding: 15px 0;
	color: #444;
}
.RecentRun_Table .Header .Item02 {
    border-left: 1px solid #f2f1ec;
    width: 68px;
}

.RecentRun_Table .List td {
    border: 1px solid #ddd;
    padding: 13px 8px;
    vertical-align: middle;
}
.RecentRun_Table .List td .HorseLink img,
.RecentRun_Table .List td .HorseLink .Name {
    display: inline-block;
}
.RecentRun_Table .List td .HorseLink img {
    vertical-align: -1px
}
.RecentRun_Table .List td .HorseLink .Name {
    color: #1e599c;
    font-size: 88.9%;
    font-weight: bold;
}
.RecentRun_Table .List td .Race {
    font-weight: bold;
    margin-top: 4px;
}
.RecentRun_Table .List td .Race .Date {
    color: #666;
    font-size: 66.7%;
}
.RecentRun_Table .List td .Race .Name {
    font-size: 88.9%;
    color: #1e599c;
}
.RecentRun_Table .List td .Race .Icon_GradeType {
    margin-left: 4px;
/* vertical-align: -2px; */
}
.RecentRun_Table .List .ResultNum {
	font-size: 83.4%;
	font-weight: bold;
	text-align: center;
	color: #444;
}
.RecentRun_Table .List .ResultNum.No_01 {background: #fff080;}
.RecentRun_Table .List .ResultNum.No_02 {background: #ccdfff;}
.RecentRun_Table .List .ResultNum.No_03 {background: #f0c8a0;}

.RecentRun_Main .BtnArea,
.RaceSchedule_List .BtnArea {
    padding: 10px 8px 0;
}


/* 出走スケジュール */
.RaceSchedule_List > ul > li:first-child {
    margin-top: 10px;
}
.RaceSchedule_List > ul > li + li {
    margin-top: 2px;
}

.RaceSchedule_List .BtnArea {

}

.RaceSchedule_Header {
    background: #e5e4dd;
    padding: 15px 8px;
}
.RaceSchedule_Header .Date {
    color: #666;
    font-size: 77%;
    font-weight: bold;
}
.RaceSchedule_Header .Date .Sat {
    color: #004dc9;
}
.RaceSchedule_Header .Date .Sun {
    color: #ff8887;
}

.RaceSchedule_Main ul li {
    display: block;
    background: #fff;
    border-bottom: 1px solid #ddd;
    padding: 13px 8px;
}

.RaceSchedule_Main .HorseLink img,
.RaceSchedule_Main .HorseLink .Name {
    display: inline-block;
}
.RaceSchedule_Main .HorseLink img {
    vertical-align: -1px;
}
.RaceSchedule_Main .HorseLink .Name {
    color: #1e599c;
    font-size: 88%;
    font-weight: bold;
}

.RaceSchedule_Main .RaceName {
    margin-top: 4px;
}
.RaceSchedule_Main .RaceName .Jyo {
    color: #666;
    font-size: 77%;
    font-weight: bold;
}
.RaceSchedule_Main .RaceName .Name {
    font-size: 88%;
    font-weight: bold;
    color: #1e599c;
}
.RaceSchedule_Main .RaceName .Icon_GradeType {
    margin-left: 4px;
    /*vertical-align: -2px;*/
}

.RaceSchedule_Main .NotRaceSchedule {
    color: #666;
    font-size: 77%;
    font-weight: bold;
}


/* マイホース登録馬所属クラブ */
.RegisteredHorseClub {
    /*margin-bottom: 32px;*/
    margin-bottom: 0;
    padding-bottom: 0;
}

.RegisteredHorseClub_Header {
    background: #f1f1f1;
}
.RegisteredHorseClub_Header .Title {
    color: #666;
    font-size: 83%;
    font-weight: bold;
    padding: 15px 8px;
}

.RegisteredHorseClub_Main {
    position: relative;
}
.RegisteredHorseClub_Inner {
    height: 128px;
    overflow: hidden;
}

.RegisteredHorseClub_Main .ClubLink {
    display: block;
    background: #fff;
    border-bottom: 1px solid #ddd;
    padding: 11px 12px;
}
.RegisteredHorseClub_Main .ClubLink img,
.RegisteredHorseClub_Main .ClubLink .Name {
    display: inline-block;
    vertical-align: middle;
}
.RegisteredHorseClub_Main .ClubLink img {
    margin-right: 5px;
    vertical-align: -4px;
}
.RegisteredHorseClub_Main .ClubLink .Name {
    color: #1e599c;
    font-size: 77%;
    font-weight: bold;
}

.RegisteredHorseClub_Main .BtnArea {
    position: absolute;
    bottom: -12px;
    width: 100%;
}
.ClubMoreButton {
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255, 255, 255, 0)),color-stop(0.6, rgba(241, 241, 241, 1)));
    background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(241, 241, 241, 1) 66%);
    background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(241, 241, 241, 1) 66%);
    background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(241, 241, 241, 1) 66%);
    background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(241, 241, 241, 1) 66%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(241, 241, 241, 1) 66%);
    color: #9a9993;
    font-size: 94%;
    text-align: center;
    padding: 40px 0 12px;
    position: relative;
}
.ClubMoreButton span {
    padding-right: 25px;
    position: relative;
}
.ClubMoreButton span:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 6px 0 6px;
    border-color: #9a9993 transparent transparent transparent;
    position: absolute;
    top: 5px;
    right: 0;
}


/* オーナープロフィール */
.ProfileOwnerBg_Inner {
    background: rgba(0, 0, 0, .2);
}

.ProfileOwner {
    padding: 93px 8px 22px;
}
.ProfileOwner {
    position: relative;
}
.ProfileOwner:after {
    content: '';
    display: block;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255, 255, 255, 0)),color-stop(0.6, #000000));
    background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, #000000 60%);
    background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, #000000 60%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #000000 60%);
    width: 100%;
    height: 165px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.ProfileOwnerBox,
.ProfileOwnerIntro {
    position: relative;
    z-index: 5;
}

.ProfileOwnerBox {
    margin-bottom: 15px;
}
.ProfileOwnerLeftBox {
    float: left;
    margin-right: 12px;
}
.ProfileOwnerRightBox {
    overflow: hidden;
}

.ProfileOwnerImage {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    background: #fff;
    border: 4px solid #fff;
    border-radius: 4px;
    width: 90px;
    height: 90px;
}
.ProfileOwnerImage img {
    width: 100%;
}

.ProfileOwnerName {
    margin-top: 28px;
    margin-bottom: 15px;
}
.ProfileOwnerName .Name {
    display: block;
    color: #fff;
    font-size: 100%;
    font-weight: bold;
    text-shadow: 0 1px 0 #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.FindFriendsData {
    border-collapse: collapse;
}
.FindFriendsData th,
.FindFriendsData td {
    color: #fff;
    font-size: 61.1%;
    font-weight: normal;
    text-align: left;
}
.FindFriendsData th.Friends{
    width: 48px;
}
.FindFriendsData th.Follow{
    width: 53px;
}
.FindFriendsData td {
    padding-top: 7px;
}
.FindFriendsData td span {
    padding-left: 27px;
    position: relative;
}
.FindFriendsData td span:before {
    content: '';
    background: url(../img/icon/sprite_icon_owner01.png) no-repeat;
    -webkit-background-size: 33px 200px;
    -moz-background-size: 33px 200px;
    background-size: 33px 200px;
    width: 24px;
    height: 15px;
    position: absolute;
    top: -3px;
    left: 0;
}
.FindFriendsData td.Friends span:before {
    background-position: -5px -9px;
}
.FindFriendsData td.Follow span:before {
    background-position: -4px -42px;
}
.FindFriendsData td.Follower span:before {
    background-position: -4px -75px;
}

.ProfileOwnerIntro {
    color: #fff;
    font-size: 88%;
    line-height: 1.6;
    /*height: 75px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;*/
}


/* 登録中のマイホース */
.RegisteredMyHorse_Header {
    background: #5c5c5a;
}
.RegisteredMyHorse_Header .Title {
    color: #e2e2e2;
    font-size: 83%;
    font-weight: bold;
    padding: 15px 8px;
}

.RegisteredMyHorse_Main {
    background: #5c5c5a;
    padding-bottom: 14px;
}
.RegisteredMyHorse_Main ul li {
    margin-right: 5px;
    position: relative;
}

.RegisteredMyHorse {
    position: relative;
    border-top: none;
}
.RegisteredMyHorse .PageLink {
    display: block;
}
.RegisteredMyHorse .PageLink .HorseName {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(58, 58, 58, 0)), color-stop(1, rgba(0, 0, 0, 1)) );
    background-image: -moz-linear-gradient(bottom, rgba(58, 58, 58, 0) 0%, rgba(0, 0, 0, 1) 90%);
    background-image: -webkit-linear-gradient(bottom, rgba(58, 58, 58, 0) 0%, rgba(0, 0, 0, 1) 90%);
    background-image: linear-gradient(to bottom, rgba(58, 58, 58, 0) 0%, rgba(0, 0, 0, 1) 90%);
    padding: 20px 10px 10px;
    width: 100%;
    position: absolute;
    bottom: 0;
}
.RegisteredMyHorse .PageLink .HorseName span,
.RegisteredMyHorse .PageLink .HorseName img {
    display: inline-block;
    vertical-align: middle;
}
.RegisteredMyHorse .PageLink .HorseName span {
    color: #fff;
    font-size: 83%;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    text-overflow: ellipsis;
    width: 162px;
}
.RegisteredMyHorse_Main .Flag_Active:before,
.RegisteredMyHorse_Main .Flag_Before:before,
.RegisteredMyHorse_Main .Flag_Delete:before {
    content: '';
    background: url(../img/icon/sprite_icon_myhorse_flag.png) no-repeat;
    -webkit-background-size: 40px 292px;
    -moz-background-size: 40px 292px;
    background-size: 40px 292px;
    width: 40px;
    height: 41px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}
.RegisteredMyHorse_Main .Flag_Active:before {
    background-position: 0px 0px;
}
.RegisteredMyHorse_Main .Flag_Before:before {
    background-position: 0px -41px;
}
.RegisteredMyHorse_Main .Flag_Delete:before {
    background-position: 0px -82px;
}

.RegisteredMyHorse_Main .MoreLink .Overlay {
    color: #fff;
    background: rgba(0, 0, 0, .5);
    font-size: 85.7%;
    font-weight: bold;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.RegisteredMyHorse_Main .MoreLink .Overlay span {
    display: inline-block;
    white-space: nowrap;
    width: 180px;
    margin-top: -8px;
    margin-left: -90px;
    position: absolute;
    top: 50%;
    left: 50%;
}

@media only screen and (min-width: 768px) {
    #PhotoSlider .RegisteredMyHorse .PageLink {
        height: 250px !important;
    }
}
@media only screen and (max-width: 320px) {
    .RegisteredMyHorse .PageLink .HorseName span {
        width: 155px;
    }
}


/* 登録中のマイホース - slick */
#PhotoSlider button {
    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;
    border-radius: 0px;
    z-index: 99;
    text-indent: -9999em;
}
#PhotoSlider button.slick-next {
    right: -5px;
}
#PhotoSlider button.slick-prev {
    left: -5px;
}
#PhotoSlider button.slick-prev:before,
#PhotoSlider button.slick-next:before {
    display: none;
}
#PhotoSlider button: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-next:after {
    right: 8px;
    transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
#PhotoSlider button.slick-prev:after {
    left: 8px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}


/* マイホース一括登録 */
.MyHorseBulkContainer {
    padding: 18px;
}
.MyHorseBulk {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
    padding: 22px 20px;
}

.MyHorseBulk_Header {
    color: #3c3930;
    margin-bottom: 18px;
    text-align: center;
}

.MyHorseBulk_Description {
    font-size: 83%;
    margin-bottom: 18px;
}
.MyHorseBulk_Description .Txt {
    line-height: 1.3;
    margin-bottom: 15px;
}
.MyHorseBulk_Description .Example {
    font-size: 77%;
    padding: 0 14px;
}

.MyHorseBulkForm_Textarea {
    border-radius: 4px;
    border: 1px solid #ccc;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 10px;
}

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

.MyHorseBulkForm_Submit {
    margin: 24px auto 0;
    padding: 0 20px;
}
#act_check {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    background: #59a78f;
    box-shadow: inset 0 -1px 0 #397462;
    border-radius: 4px;
    color: #fff;
    font-size: 83%;
    font-weight: bold;
    width: 100%;
    height: 43px;
}

.MyHorseBulkForm_Error {
    color: #e20101;
    background-color: #fff5f5;
    border-radius: 4px;
    font-size: 77%;
    margin-bottom: 8px;
    padding: 14px;
}
.MyHorseBulkForm_Error li {
    line-height: 1.3;
}


/* =======================================================
12.導線ポップアップ / 遷移ページ
======================================================= */

.PopupPremium {
    background: #fff;
    padding-bottom: 20px;
}

.PopupSwiper {
    background: url(../img/owner/PopupSwiper_Bg.png) no-repeat;
    -webkit-background-size: 100% 83px;
    -moz-background-size: 100% 83px;
    background-size: 100% 83px;
    border-radius: 5px;
    margin: -32px 8px 16px;
}
.PopupSwiper .swiper-container {
    width: 290px;
    height: 330px;
}
.PopupSwiper .swiper-slide {
    padding: 11px 8px;
}
.PopupSwiper .swiper-button-next {
    right: 10px;
}
.PopupSwiper .swiper-button-prev {
    left: 10px;
}
.PopupSwiper .swiper-button-next,
.PopupSwiper .swiper-button-prev {
    top: 98.8%;
}
.PopupSwiper .swiper-button-next {
    display: block;
    height: 15px;
    width: 15px;
    border-right: 3px solid #7a7a7a;
    border-bottom: 3px solid #7a7a7a;
    background: none;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.PopupSwiper .swiper-button-prev {
    display: block;
    height: 15px;
    width: 15px;
    border-left: 3px solid #7a7a7a;
    border-bottom: 3px solid #7a7a7a;
    background: none;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.PopupSwiper .swiper-pagination-bullet {
    background: transparent;
    border: 1px solid #8f8f8f;
    opacity: 1;
}
.PopupSwiper .swiper-pagination-bullet-active {
    opacity: 1;
    background: #403c27;
    border: 1px solid #8f8f8f;
}
.PopupSwiper_Header {
    margin-bottom: 16px;
    position: relative;
}
.PopupSwiper_Header .Title {
    color: #665606;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.6;
    margin-top: 10px;
    position: relative;
}
.PopupSwiper_Header .Title span {
    background: -moz-linear-gradient(top, transparent 75%, #fdf1b8 0%);
    background: -webkit-linear-gradient(top, transparent 75%, #fdf1b8 0%);
    background: linear-gradient(transparent 75%, #fdf1b8 0%);
}

.PopupSwiper .swiper-slide .swiper-slide_Note {
    font-size: 72%;
    margin-top: 20px;
    white-space: nowrap;
}

.PopupSwiper_Main {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    align-items: flex-start;
    color: #333;
}
.PopupSwiper_Main .TxtBox {
    margin-right: 8px;
}
.PopupSwiper_Main .TxtBox .Txt {
    font-size: 77%;
    line-height: 1.8;
}

.PopupPremiumLabel {
    display: inline-block;
    background: #488a08;
    border-radius: 5px;
    color: #fff;
    font-size: 83%;
    font-weight: bold;
    padding: 6px 10px;
    position: relative;
    text-align: center;
}
.PopupPremiumLabel:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    border-color: #498a08 transparent transparent transparent;
    position: absolute;
    left: 15px;
    bottom: -5px;
}
.PopupPremiumLabel span {
    position: relative;
}
.PopupPremiumLabel span:before {
    content: '';
    background: url(../img/icon/sprite_icon_popup.png) no-repeat;
    -webkit-background-size: 40px 282px;
    -moz-background-size: 40px 282px;
    background-size: 40px 282px;
    position: absolute;
    left: 0;
}
.PopupPremiumLabel.LabelName01 span {
    padding-left: 22px;
}
.PopupPremiumLabel.LabelName02 span {
    padding-left: 24px;
}
.PopupPremiumLabel.LabelName03 span {
    padding-left: 22px;
}
.PopupPremiumLabel.LabelName04 span {
    padding-left: 24px;
}
.PopupPremiumLabel.LabelName05 span {
    padding-left: 20px;
}
.PopupPremiumLabel.LabelName01 span:before {
    background-position: -10px -10px;
    width: 20px;
    height: 20px;
    top: -3px;
}
.PopupPremiumLabel.LabelName02 span:before {
    background-position: -10px -52px;
    width: 20px;
    height: 17px;
    top: -1px;
}
.PopupPremiumLabel.LabelName03 span:before {
    background-position: -11px -92px;
    width: 18px;
    height: 18px;
    top: -1px;
}
.PopupPremiumLabel.LabelName04 span:before {
    background-position: -9px -132px;
    width: 22px;
    height: 18px;
    top: -2px;
}
.PopupPremiumLabel.LabelName05 span:before {
    background-position: -12px -174px;
    width: 16px;
    height: 16px;
    top: 0;
}

.PopupPremium_Header {
    /*padding: 5px;*/
    display: none;
}

.PopupPremiumNote {
    background: #fcfaea;
    border: 1px solid #efecd2;
    border-radius: 5px;
    padding: 8px;
}
.PopupPremiumNote .Txt {
    font-size: 77%;
    line-height: 1.8;
}
.PopupPremiumNote .ContentsName {
    color: #459a41;
    font-weight: bold;
}

.PopupPremiumSwipe {
    position: relative;
}

.PopupPremiumSwipe_Header {
    background: #05348b;
    text-align: center;
    height: 94px;
}
.PopupPremiumSwipe_Header img {
    margin-top: 10px;
}

.PopupUserAction .BtnArea {
    padding: 0 12px 19px;
}
.PopupPremiumRegistBtn {
    display: block;
    background: #67b463;
    border-radius: 3px;
    box-shadow: inset 0 -2px 0 #589d55;
    color: #fff;
    font-size: 111%;
    font-weight: bold;
    padding: 14px 0;
    text-align: center;
}
.PopupPremiumRegistLink {
    display: block;
    color: #8e8b7d;
    font-size: 72%;
    line-height: 1.3;
    text-align: center;
}
.PopupPremiumRegistLink + .PopupPremiumRegistLink {
    margin-top: 4px;
}
.PopupPremiumRegistLink a {
    color: #0033aa;
}


/* 遷移ページ */
.Header_LogoOnly {
    background: #fff;
}
.Header_LogoOnly .HeaderInner h1 a {
    display:block;
    width:168px;
    height:40px;
    text-indent: -900000em;
    overflow: hidden;
    background-image: url("../img/netkeiba_logo.png");
    background-size:155px 12px;
    -moz-background-size:155px 12px;
    -webkit-background-size:155px 12px;
    background-position:12px center;
    background-repeat:no-repeat;
}
@media only screen and (min-width: 1024px) {
    .Header_LogoOnly .HeaderInner{
        width:920px;
        margin:0 auto;
        position:relative;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .Header_LogoOnly .HeaderInner {
        width:750px;
        margin:0 auto;
        position:relative;
    }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .Header_LogoOnly .HeaderInner{
        width:100%;
        margin:0 auto;
        position:relative;
    }
}

.Footer_TextOnly{
    background: #eee;
    padding:22px 42px;
    color: #666;
    font-size:80%;
    text-align:center;
}

.PremiumRegist {
    background: #fff;
    padding-bottom: 20px;
}

.PremiumRegist_Header {
    background: #f1f1f1;
    padding: 5px 6px;
}

.PremiumRegistNote {
    background: #fcfaea;
    border: 1px solid #efecd2;
    border-radius: 5px;
    padding: 8px;
}
.PremiumRegistNote .Txt {
    font-size: 77%;
    line-height: 1.8;
}
.PremiumRegistNote .ContentsName {
    color: #459a41;
    font-weight: bold;
}

.PremiumRegistSwipe {
    position: relative;
}

.PremiumRegistSwipe_Header {
    background: #05348b;
    text-align: center;
    height: 94px;
}
.PremiumRegistSwipe_Header img {
    margin-top: 10px;
}

.PremiumRegistSwiper {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px -2px 0px rgba(4, 0, 0, .1);
    margin: -32px 10px 16px;
}
.PremiumRegistSwiper .swiper-container {
    height: 280px;
}
.PremiumRegistSwiper .swiper-slide {
    padding: 11px 19px;
}

.SwiperInner_Header {
    margin-bottom: 16px;
    position: relative;
}
.SwiperInner_Header .Title {
    color: #665606;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.6;
    margin-top: 10px;
    position: relative;
}
.SwiperInner_Header .Title span {
    background: -moz-linear-gradient(top, transparent 75%, #fdf1b8 0%);
    background: -webkit-linear-gradient(top, transparent 75%, #fdf1b8 0%);
    background: linear-gradient(transparent 75%, #fdf1b8 0%);
}

.PremiumRegistLabel {
    display: inline-block;
    background: #488a08;
    border-radius: 5px;
    color: #fff;
    font-size: 83%;
    font-weight: bold;
    padding: 6px 10px;
    position: relative;
    text-align: center;
}
.PremiumRegistLabel:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    border-color: #498a08 transparent transparent transparent;
    position: absolute;
    left: 15px;
    bottom: -5px;
}
.PremiumRegistLabel span {
    position: relative;
}
.PremiumRegistLabel span:before {
    content: '';
    background: url(../img/icon/sprite_icon_popup.png) no-repeat;
    -webkit-background-size: 40px 282px;
    -moz-background-size: 40px 282px;
    background-size: 40px 282px;
    position: absolute;
    left: 0;
}
.PremiumRegistLabel.LabelName01 span {
    padding-left: 22px;
}
.PremiumRegistLabel.LabelName02 span {
    padding-left: 24px;
}
.PremiumRegistLabel.LabelName03 span {
    padding-left: 22px;
}
.PremiumRegistLabel.LabelName04 span {
    padding-left: 24px;
}
.PremiumRegistLabel.LabelName05 span {
    padding-left: 20px;
}
.PremiumRegistLabel.LabelName01 span:before {
    background-position: -10px -10px;
    width: 20px;
    height: 20px;
    top: -3px;
}
.PremiumRegistLabel.LabelName02 span:before {
    background-position: -10px -52px;
    width: 20px;
    height: 17px;
    top: -1px;
}
.PremiumRegistLabel.LabelName03 span:before {
    background-position: -11px -92px;
    width: 18px;
    height: 18px;
    top: -1px;
}
.PremiumRegistLabel.LabelName04 span:before {
    background-position: -9px -132px;
    width: 22px;
    height: 18px;
    top: -2px;
}
.PremiumRegistLabel.LabelName05 span:before {
    background-position: -12px -174px;
    width: 16px;
    height: 16px;
    top: 0;
}

.SwiperInner_Main {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    align-items: flex-start;
    color: #333;
}
.SwiperInner_Main .TxtBox {
    margin-right: 8px;
}
.SwiperInner_Main .TxtBox .Txt {
    font-size: 77%;
    line-height: 1.8;
}

.PremiumRegistSwiper .swiper-pagination-bullet {
    background: transparent;
    border: 1px solid #8f8f8f;
    opacity: 1;
}
.PremiumRegistSwiper .swiper-pagination-bullet-active {
    opacity: 1;
    background: #403c27;
    border: 1px solid #8f8f8f;
}

.PremiumRegistSwiper .swiper-button-next,
.PremiumRegistSwiper .swiper-button-prev {
    top: 98.8%;
}
.PremiumRegistSwiper .swiper-button-prev {
    display: block;
    height: 15px;
    width: 15px;
    border-left: 3px solid #7a7a7a;
    border-bottom: 3px solid #7a7a7a;
    background: none;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.PremiumRegistSwiper .swiper-button-next {
    display: block;
    height: 15px;
    width: 15px;
    border-right: 3px solid #7a7a7a;
    border-bottom: 3px solid #7a7a7a;
    background: none;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.PremiumRegistUserAction .BtnArea {
    padding: 0 12px 19px;
}
.PremiumRegistBtn {
    display: block;
    background: #67b463;
    border-radius: 3px;
    box-shadow: inset 0 -2px 0 #589d55;
    color: #fff;
    font-size: 111%;
    font-weight: bold;
    padding: 14px 0;
    text-align: center;
}
.PremiumRegistLink {
    display: block;
    color: #8e8b7d;
    font-size: 72%;
    text-align: center;
}

@media only screen and (max-width: 320px) {
    .PremiumRegistSwiper .swiper-slide {
        padding: 11px 8px;
    }
    .PremiumRegistSwiper .swiper-container {
        height: 310px;
    }
}


/* =======================================================
13.ローテシミュレーション / レース選択ポップアップ
======================================================= */

.SimulateList {
    padding: 10px 8px 0;
}
.SimulateList > ul > li + li {
    margin-top: 10px;
}

.Simulate_Inner {
    border: 1px solid #dadada;
}

.Simulate_Header {
    background: #dadada;
    border-top: 1px solid #fff;
    padding: 15px 8px 13px 18px;
}
.Simulate_Header .HorseName {
    font-size: 105%;
    font-weight: bold;
}

.Simulate_Main {
    background: #fff;
    padding: 8px 17px 10px;
}

.Simulate_HorseInfo {
    margin-bottom: 10px;
}
.Simulate_HorseInfo li {
    color: #666;
    font-size: 83%;
    line-height: 1.3;
}
.Simulate_HorseInfo .Item01,
.Simulate_HorseInfo .Item02 {
    display: inline-block;
}
.Simulate_HorseInfo .Item03,
.Simulate_HorseInfo .Item04,
.Simulate_HorseInfo .Item05 {
    display: inline-block;
}
.Simulate_HorseInfo .Item01 span {
    margin-left: 8px;
}
.Simulate_HorseInfo .Item03 {
    margin-right: 11px;
}

.Simulate_PrizeToggle {
    background: #f3f3ea;
    border-radius: 5px;
    box-shadow: inset 0 -1px 0 #dadada;
    margin-top: 10px;
}
.Simulate_PrizeToggle:first-child {
    margin-top: 0;
}
.Simulate_PrizeToggle dl {
    display: table;
    width: 100%;
    padding: 5px 30px 5px 15px;
    position: relative;
}
.Simulate_PrizeToggle dl:after,
.Simulate_PrizeToggle.Open dl:after {
    content: '';
    background: url(../img/icon/sprite_icon_arrow04.png) no-repeat left bottom;
    -webkit-background-size: 12px 14px;
    -moz-background-size: 12px 14px;
    background-size: 12px 14px;
    width: 12px;
    height: 7px;
    position: absolute;
    top: 19px;
    right: 9px;
}
.Simulate_PrizeToggle dl dt,
.Simulate_PrizeToggle dl dd {
    display: table-cell;
    vertical-align: middle;
}
.Simulate_PrizeToggle dl dt {
    font-size: 94%;
    padding-right: 50px;
    white-space: nowrap;
}
.Simulate_PrizeToggle dl dd {
    text-align: right;
    background: #fff;
    border-radius: 4px;
    padding: 7px 18px 7px 8px;
    width: 100%;
}
.Simulate_PrizeToggle dl dd strong {
    color: #e69c00;
    font-size: 122%;
    font-weight: bold;
    margin-right: 8px;
}
.Simulate_PrizeToggle dl dd span {
    font-size: 88%;
}

.Simulate_PrizeToggle.PrizeHidden dl:after {
    display: none;
}
.Simulate_PrizeToggle.PrizeHidden dl dd {
    padding: 4px 18px 3px 8px;
}
.Simulate_PrizeToggle.PrizeHidden dl dd img {
    vertical-align: bottom;
}

.Simulate_PrizeToggle.Open dl:after {
    background: url(../img/icon/sprite_icon_arrow04.png) no-repeat left top;
    -webkit-background-size: 12px 14px;
    -moz-background-size: 12px 14px;
    background-size: 12px 14px;
}

.PrizeDetailBox02 {
    display: none;
    margin-top: 10px;
}
.PrizeDetailBox02_Table {
    border: 1px solid #dadada;
    border-collapse: collapse;
    background: #fff;
    width: 100%;
}
.PrizeDetailBox02_Table tr + tr {
    border-top: 1px solid #dadada;
}
.PrizeDetailBox02_Table tr th,
.PrizeDetailBox02_Table tr td {
    color: #666;
    font-size: 77%;
    font-weight: normal;
    height: 44px;
    vertical-align: middle;
}
.PrizeDetailBox02_Table .Header th + th {
    border-left: 1px solid #fff;
}
.PrizeDetailBox02_Table .List td + td,
.PrizeDetailBox02_Table .Result td + td {
    border-left: 1px solid #f2f1ec;
}
.PrizeDetailBox02_Table .Header th {
    height: 38px;
}
.PrizeDetailBox02_Table .List th {
    line-height: 1.3;
    width: 108px;
}
.PrizeDetailBox02_Table .Result th {
    background: #f0f0c9;
}
.PrizeDetailBox02_Table tr th {
    background: #f3f3ea;
    text-align: center;
}
.PrizeDetailBox02_Table tr th span {
    display: block;
    font-size: 71.4%;
    margin-top: 5px;
}
.PrizeDetailBox02_Table tr td {
    padding: 0 10px;
}

.SimulateRaceList {
    padding: 0 8px 0;
}
.SimulateRaceList > ul > li + li {
    margin-top: 10px;
}

.SimulateRace {
    border-bottom: 1px solid #d7d6d6;
    display: table;
    width: 100%;
}
.SimulateRace .SimulateRace_Delete,
.SimulateRace .SimulateRace_Main {
    display: table-cell;
    vertical-align: middle;
}

.SimulateRace_Delete {
    background: #deddd4;
    padding: 0 7px;
}
.SimulateRace_Delete .SimulateDeleteBtn {
    display: block;
    background: url(../img/icon/icon_delete.png) no-repeat center;
    -webkit-background-size: 22px 23px;
    -moz-background-size: 22px 23px;
    background-size: 22px 23px;
    outline: none;
    width: 22px;
    height: 98px;
    text-indent: -9999999em;
    overflow: hidden;
}

.SimulateRace_Main {
    background: #fff;
    padding: 10px;
    width: 100%;
}
.ChakuComplete .SimulateRace_Main {
    background: #fffae0;
}

.SimulateRace_Name {
    margin-bottom: 10px;
}
.SimulateRace_Name .Date {
    display: block;
    font-size: 83%;
    font-weight: bold;
    margin-bottom: 10px;
}
.SimulateRace_Name .Date .Sat {
    color: #3b8dd9;
}
.SimulateRace_Name .Date .Sun {
    color: #ff5a83;
}
.SimulateRace_Name .Name {
    font-size: 94%;
    font-weight: bold;
}

.OrderSelectBox {
    display: table;
    width: 100%;
}
.OrderSelectBox .SelectGroup,
.OrderSelectBox .BtnArea {
    display: table-cell;
    vertical-align: middle;
}

.OrderSelectBox .SelectGroup {
    width: 100%;
}
.OrderSelectBox .SelectGroup select {
    background: #fff;
    border: 1px solid #e5e4de;
    border-radius: 4px;
    font-size: 77%;
    height: 32px;
}
.OrderSelectBox .SelectGroup:before {
    display: none;
}
.OrderSelectBox .SelectGroup:after {
    content: '';
    display: inline-block;
    background: none;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top: 4px solid #bebbb1;
    margin-top: -1px;
}
.OrderSelectBox .BtnArea {
    padding-left: 12px;
}

.SimulateRace_Order {
    display: inline-block;
    background: #f2f1ec;
    border-radius: 3px;
    font-size: 77%;
    text-align: center;
    padding: 7px 0;
    width: 75px;
}

.SimulateRace_Toggle {
    float: right;
    color: #55a78e;
    cursor: pointer;
    font-size: 77%;
    text-align: right;
    margin-top: 6px;
    padding-right: 22px;
    position: relative;
}
.SimulateRace_Toggle:after {
    content: '';
    background: url(../img/icon/sprite_icon_arrow03.png) no-repeat left top;
    -webkit-background-size: 18px 36px;
    -moz-background-size: 18px 36px;
    background-size: 18px 36px;
    width: 18px;
    height: 18px;
    position: absolute;
    top: -3px;
    right: 0;
}
.SimulateRace_Toggle.Open:after {
    background: url(../img/icon/sprite_icon_arrow03.png) no-repeat left bottom;
    -webkit-background-size: 18px 36px;
    -moz-background-size: 18px 36px;
    background-size: 18px 36px;
}

.SimulateRace_Detail {
    margin-top: 15px;
}

.SimulateRace_Prize {
    display: none;
    margin-top: 9px;
}

.SimulateRace_PrizeTable {
    background: #fff;
    border-collapse: collapse;
    width: 100%;
}
.SimulateRace_PrizeTable tr th,
.SimulateRace_PrizeTable tr td {
    border: 1px solid #f2f1ec;
}
.SimulateRace_PrizeTable tr td {
    border-left: none;
}
.SimulateRace_PrizeTable tr th {
    border-right: none;
}
.SimulateRace_PrizeTable tr th {
    background: #deddd4;
    color: #666;
    font-size: 77%;
    font-weight: normal;
    line-height: 1.3;
    text-align: center;
    width: 108px;
    height: 44px;
    vertical-align: middle;
}
.SimulateRace_PrizeTable tr td {
    font-size: 77%;
    color: #666;
    padding: 0 10px;
    vertical-align: middle;
}
.SimulateRace_PrizeTable .Result th {
    background: #f0f0c9;
}

.SimulateDelBtn,
.SimulateFinishedBtn,
.SimulateDeleteBtn,
.ChakuCompBtn,
.SimulateSaveBtn,
.SimulateAddBtn {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    border: none;
}

.ChakuCompBtn {
    background: #55a78e;
    box-shadow: inset 0 -1px 0 #397462;
    border-radius: 3px;
    color: #fff;
    font-size: 77%;
    width: 75px;
    height: 32px;
}

.SimulateSaveBtn {
    background: #59a78f;
    box-shadow: inset 0 -1px 0 #397462;
    border-radius: 4px;
    color: #fff;
    font-size: 83%;
    font-weight: bold;
    width: 100%;
    height: 43px;
}

.SimulateDelBtn {
    background: #9a9a9a;
    box-shadow: inset 0 -1px 0 #555;
    border-radius: 4px;
    color: #fff;
    font-size: 83%;
    font-weight: bold;
    width: 100%;
    height: 43px;
}

.SimulateFinishedBtn,
.SimulateAddBtn {
    background: #fff;
    border-radius: 2px;
    font-size: 83%;
    font-weight: bold;
    color: #97968b;
    position: relative;
    width: 100%;
    height: 44px;
}
.SimulateFinishedBtn:before,
.SimulateAddBtn:before {
    content: '';
    background: url(../img/icon/icon_plus08.png) no-repeat;
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 13px;
    left: 11px;
}

.SimulateDel_BtnArea,
.SimulateSave_BtnArea {
    padding: 20px 18px;
}
.SimulateAdd_BtnArea {
    padding: 0 8px;
}
.SimulateAdd_BtnArea button + button {
    margin-top: 10px;
}
.SimulateAddBtn.disabled {
    opacity: .5;
}

.Simulate_RegistLink {
    display: block;
    color: #235899;
    font-size: 77%;
    font-weight: normal;
    margin-top: 10px;
    text-align: center;
}

@media only screen and (max-width: 320px) {
    .Simulate_PrizeToggle dl dt {
        padding-right: 18px;
    }
    .Simulate_PrizeToggle dl dd {
        padding: 7px 8px 7px 8px;
    }
    .Simulate_PrizeToggle dl dd strong {
        font-size: 116%;
        margin-right: 6px;
    }

    .Simulate_PrizeToggle.PrizeHidden dl dd img {
        height: 23px;
    }

    .Simulate_PrizeToggle.PrizeHidden dl dd {
        padding: 6px 4px 6px 8px;
    }

    .PrizeDetailBox02_Table .List th {
        width: 100px;
    }
    .PrizeDetailBox02_Table tr td {
        padding: 0 2px 0 6px;
    }

    .Simulate_RegistLink {
        font-size: 72%;
    }
}


/* 絞り込み表示 */
.SimulateSearchCondition .ViewSetting_Btn:after {
    display: none;
}

.SimulateSearchCondition_CheckForm {
    display: table;
    margin-top: 15px;
    width: 100%;
}
.SimulateSearchCondition_Title,
.SimulateSearchCondition_CheckBox {
    display: table-cell;
    vertical-align: top;
}

.SimulateSearchCondition_Title {
    color: #666;
    font-size: 83%;
    padding-top: 8px;
    width: 75px;
}

.RunConditionCheckbox {
    float: left;
    margin-bottom: 12px;
    position: relative;
    width: 48%;
}
.RunConditionCheckbox:nth-last-child(-n+2) {
    margin-bottom: 0;
}
.RunConditionCheckbox:nth-child(odd) {
    margin-right: 6px;
}
.RunConditionCheckbox span {
    font-size: 72%;
    line-height: 28px;
    padding-left: 35px;
    white-space: nowrap;
}
.RunConditionCheckbox span:before {
    content: '';
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #FFFFFF),
        color-stop(1, #F5F4F1)
    );
    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F5F4F1 100%);
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F5F4F1 100%);
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #F5F4F1 100%);
    border: 2px solid #dfddd6;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 0;
    left: 0;
}
.RunConditionCheckbox input[type=checkbox] {
    display: none;
}
.RunConditionCheckbox input[type=checkbox]:checked + span:after {
    content: '';
    background: url(../img/icon/icon_check03.png) no-repeat;
    -webkit-background-size: 18px 15px;
    -moz-background-size: 18px 15px;
    background-size: 18px 15px;
    width: 18px;
    height: 15px;
    position: absolute;
    top: 7px;
    left: 5px;
}


/* レース */
.PopupSimulate {
    background: #fff;
    padding-bottom: 25px;
}

.PopupSimulateRaceList > ul > li {
    margin-top: 12px;
}

.SimulateSearchBtn {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background: none;
    border: 1px solid #dfddd6;
    border-radius: 3px;
    box-shadow: 0 1px 0 #a4a39a;
    font-family: "ヒラギノ角ゴ ProN W3", arial, "Hiragino Kaku Gothic ProN", sans-serif;
    text-align: left;
    width: 100%;
}

.PopupSimulateRace {
    padding: 0 8px;
}

.PopupSimulateRace_Msg {
    color: #3c3930;
    font-size: 83%;
    margin-bottom: 15px;
    text-align: center;
}

.SimulateRaceBox_Header {
    background: #e9e8e1;
    padding: 9px 8px 9px 16px;
}
.SimulateRaceBox_Header .RaceDate {
    font-size: 83%;
}
.SimulateRaceBox_Header .RaceDate .Date {
    font-weight: bold;
}
.SimulateRaceBox_Header .RaceDate .Sat {
    color: #004dc9;
    font-weight: bold;
}
.SimulateRaceBox_Header .RaceDate .Sun {
    color: #ff7495;
    font-weight: bold;
}

.SimulateRaceBox_Main {
    background: #fff;
    border-radius: 0 0 3px 3px;
    padding: 10px 16px;
}
.SimulateRaceBox_Main .RaceName {
    font-size: 105%;
    font-weight: bold;
    margin-bottom: 10px;
}

.SimulateRaceBox_Main .PrizeMoney .Item01 {
    font-size: 77%;
}
.SimulateRaceBox_Main .PrizeMoney .Item02 {
    display: inline-block;
    background: #f2f1ec;
    border-radius: 4px;
    font-size: 77%;
    font-weight: bold;
    margin: 0 4px 0 6px;
    padding: 4px 0;
    text-align: center;
    width: 40px;
}
.SimulateRaceBox_Main .PrizeMoney .Item03 {
    font-size: 94%;
    font-weight: bold;
    vertical-align: -1px;
}


/* =======================================================
14.種牡馬
======================================================= */

/* ヘッダー */
.GenstatDetailHeader {
    background: #e9e9e9;
    border-bottom: 1px solid #d5d5d5;
    padding: 17px 10px;
}
.GenstatDetailHeader_HorseName {
    font-size: 105%;
}

.GenstatDetailBtns {
    padding: 8px;
}
.GenstatDetailBtns > li + li {
    margin-top: 8px;
}
.GenstatToggleBtn,
.ActSearchLinkBtn {
    display: block;
    border: 2px solid #c3c1b9;
    border-radius: 5px;
    background: #e9e9e9;
    font-size: 83%;
    font-weight: bold;
    color: #97968b;
    padding: 13px 0;
    width: 100%;
}
.GenstatToggleBtn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    position: relative;
}
.GenstatToggleBtn::after,
.GenstatToggleBtn.Open::after {
    content: "";
    width: 44px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.GenstatToggleBtn::after {
    background: url(../img/icon/icon_plus09.png) no-repeat center;
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    background-size: 16px 16px;
}
.GenstatToggleBtn.Open::after {
    background: url(../img/icon/icon_close06.png) no-repeat center;
    -webkit-background-size: 16px 2px;
    -moz-background-size: 16px 2;
    background-size: 16px 2px;
}

.DropdownMenu {
    background: #fff;
    border: 1px solid #a4a39a;
    border-top: none;
    padding: 0 8px;
}
.DropdownMenu a {
    display: block;
    color: #0033aa;
    font-size: 15px;
}

.DropdownMenu_List a {
    display: block;
    padding: 8px 0;
}
.DropdownMenu_List:nth-child(1) {
    padding: 6px 0 0;
}
.DropdownMenu_List:nth-child(2) {
    padding: 0 0 6px;
}

.DropdownMenu_More {
    border-top: 1px dotted #9ea9be;
    text-align: center;
}
.DropdownMenu_More a {
    display: block;
    padding: 15px 0;
}


/* 詳細テーブル */
.GenstatDetailTableContainer {
    padding: 0 8px;
    margin-bottom: 6px;
}

.GenstatDetailTable {
    border-collapse: collapse;
    width: 100%;
}
.GenstatDetailTable th {
    color: #444;
    font-size: 77%;
    font-weight: normal;
    vertical-align: middle;
}
.GenstatDetailTable td {
    background: #fff;
}

.GenstatDetailTable_ShokinRow th,
.GenstatDetailTable_WinRow th {
    background: #e5e5de;
    border-left: 2px solid #c3c1b9;
    border-right: 1px solid #fff;
}
.GenstatDetailTable_ShokinRow td {
    padding: 16px 15px;
}
.GenstatDetailTable_ShokinRow dt,
.GenstatDetailTable_ShokinRow dd {
    display: inline-block;
}
.GenstatDetailTable_ShokinRow dt {
    font-size: 77%;
}
.GenstatDetailTable_ShokinRow dt span {
    vertical-align: 2px;
}
.GenstatDetailTable_ShokinRow dd {
    font-weight: bold;
}

.GenstatDetailTable_WinRow .GradeCell {
    display: table;
    width: 100%;
}
.GenstatDetailTable_WinRow dl {
    display: table-cell;
}
.GenstatDetailTable_WinRow dt,
.GenstatDetailTable_WinRow dd {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.GenstatDetailTable_WinRow dd {
    font-size: 77%;
    width: 100%;
}
.GenstatDetailTable_WinRow dd span {
    font-size: 85.7%;
}
.GenstatDetailTable_WinRow dt {
    background: #e5e5de;
    font-size: 77%;
    min-width: 30px;
    height: 30px;
}

.GenstatDetailTable_SireRow {
    background: #d0e0ef;
    border-left: 2px solid #2d8fe6;
}
.GenstatDetailTable_SireRow th {
    color: #2c90e7;
    font-size: 77%;
}

.GenstatDetailTable_DamRow {
    background: #f4dee3;
    border-left: 2px solid #e17083;
}
.GenstatDetailTable_DamRow th {
    color: #e15c7a;
    font-size: 77%;
}

.GenstatDetailTable_SireRow td,
.GenstatDetailTable_DamRow td {
    padding: 7px 15px;
}

.GenstatDetailTable_SireRow a,
.GenstatDetailTable_DamRow a {
    color: #0033aa;
    font-size: 77%;
    font-weight: bold;
}
.GenstatDetailTable_SireRow dd,
.GenstatDetailTable_DamRow dd {
    font-size: 77%;
    margin-top: 5px;
}

.GenstatDetailTable_ShokinRow + .GenstatDetailTable_ShokinRow,
.GenstatDetailTable_DamRow,
.GenstatDetailTable_SireRow,
.GenstatDetailTable_WinRow {
    border-top: 1px solid #F1F1F1;
}


/* 各実績 / データテーブル */
.OwnerBaseTableContainer {
    position: relative;
    overflow: hidden;
}

.OwnerBase {
    position: relative;
}
.OwnerBaseTable {
    background: #fff;
    border-collapse: collapse;
}
.OwnerBaseTable .Detail {
    border-top: 1px solid #fff;
}
.OwnerBaseTable .Header {
    background: #6c6b61;
}
.OwnerBaseTable .Header th {
    color: #fff;
    font-size: 66%;
    font-weight: normal;
    padding: 0 6px;
    line-height: 1.3;
    white-space: nowrap;
    vertical-align: middle;
}
.OwnerBaseTable .Header th + th {
    border-left: 1px solid #fff;
}
.OwnerBaseTable .Header th .CellTxt {
    display: block;
    margin-top: 4px;
}
.GenstatContainer .OwnerBaseTable .Header th {
    height: 44px;
}

.OwnerBaseTable .List td {
    border: 1px solid #f1f0e8;
    font-size: 15px;
    padding: 13px 6px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}
.GenstatContainer .OwnerBaseTable .List td {
    height: 42px;
}
.GenstatContainer .OwnerBaseTable .List td:nth-child(1),
.GenstatContainer .OwnerBaseTableCoverMain .List td:nth-child(1) {
    /*border: 1px solid #e2e1d8;*/
    background: #f2f1ec;
    color: #85847c;
    font-size: 14px;
    font-weight: bold;
}
.Representative_Horse {
    text-align: left;
}
.Representative_Horse a {
    color: #0033aa;
}

.OwnerBaseTable .List:nth-child(even) {
    background: #f9f8f5;
}

.OwnerBaseTable .Footer .ResultTxtCell {
    background: #f3f0d0;
    border: 1px solid #e2e1d8;
    font-size: 77%;
    font-weight: bold;
    text-align: right;
    padding: 12px;
}
.OwnerBaseTable .Footer td {
    border: 1px solid #f1f0e8;
    font-size: 15px;
    padding: 0 6px;
}


/* 各実績 / カバーデータテーブル */
.OwnerBaseTableCover {
    border-right: 3px double #e2e1d8;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.OwnerBaseTableCoverMain {
    border-collapse: collapse;
    width: 100%;
}
.OwnerBaseTableCoverMain .Header {
    background: #6c6b61;
}
.OwnerBaseTableCoverMain .Header th {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 66%;
    font-weight: normal;
    padding: 0 6px;
    height: 44px;
    white-space: nowrap;
    vertical-align: middle;
}
.OwnerBaseTableCoverMain .Header th .CellName {
    line-height: 1.3;
}
.OwnerBaseTableCoverMain .List td {
    background: #f2f1ec;
    border: 1px solid #e2e1d8;
    font-size: 15px;
    padding: 13px 6px;
    text-align: center;
    white-space: nowrap;
    height: 42px;
    vertical-align: middle;
}
.OwnerBaseTableCoverMain .Header th:nth-child(n+2) {
    display: none;
}
.OwnerBaseTableCoverMain .List td:nth-child(n+2) {
    display: none;
}

.GenstaTxt {
    font-size: 66%;
    padding: 10px;
    line-height: 1.5;
}


/* 各実績 / プレミアムコース誘導リンク */
.OwnerBaseTableMain .PremiumRegistBox {
    position: absolute;
    top: 128px;
    left: 60px;
    width: 250px;
    height: 160px;
    padding-top: 16px;
}


/* 各実績 / チャート */
/*#chart_view {
    min-width: 100% !important;
    max-width: 100% !important;
    height: 300px;
    margin: 0 auto;
}*/
.GenstatChartUser #chart_view {
    width: 600px;
}
/*.MyBalanceChart {
    overflow: auto;
}
.MyBalanceChart #chart_view {
    margin-bottom: 10px;
}*/
.GenstatChart {
    margin-bottom: 6px;
    overflow: scroll;
}
.highcharts-title {
    display: none;
}


/* My成績 / ヘッダー */
.GenstatUserDetailHeader {
    display: table;
    background: #e9e9e9;
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 6px;
    padding: 6px 10px;
    width: 100%;
}
.GenstatUserDetailHeader_ImgBox,
.GenstatUserDetailHeader_NameBox {
    display: table-cell;
    vertical-align: middle;
}
.GenstatUserDetailHeader_ImgBox img {
    border-radius: 5px;
}
.GenstatUserDetailHeader_NameBox {
    padding-left: 10px;
    width: 100%;
}
.GenstatUserDetailHeader_NameBox .NickName {
    font-size: 105%;
}


/* =======================================================
15.レース獲得金詳細
======================================================= */

/* ヘッダー */
.HorsePrizeHeader {
    background: #e9e9e9;
    padding: 18px 10px;
}

.HorsePrizeHeader_HorseName {
    margin-bottom: 10px;
}
.HorsePrizeHeader_HorseName .HorseName {
    font-size: 105%;
    font-weight: bold;
}
.HorsePrizeHeader_HorseName [class*=HorseAge_] {
    border-radius: 2px;
    font-weight: normal;
    margin-left: 4px;
    margin-right: 0;
    vertical-align: 3px;
}

.HorsePrizeHeader_ClubInfo {
    color: #666;
    font-size: 66%;
}
.HorsePrizeHeader_ClubInfo .ClubColors {
    vertical-align: -2px;
    margin-right: 2px;
}
.HorsePrizeHeader_ClubInfo .Club {
    margin-right: 8px;
}


/* データテーブル */
.HorsePrize .OwnerBase {
    position: relative;
}
#shokin_table .Header th {
    padding: 6px;
    vertical-align: top;
}
#shokin_table .Detail th {
    vertical-align: top;
}
#shokin_table .CellName span {
    font-size: 10px;
}
#shokin_table .RaceNameCell {
    background: #f2f1ec;
    border: 1px solid #e2e1d8;
    padding: 6px;
}
#shokin_table .RaceNameCell a {
    display: block;
    font-weight: bold;
}
#shokin_table .RaceNameCell #date {
    margin-bottom: 6px;
}
#shokin_table .Sat {
    color: #034ac4;
}
#shokin_table .Sun {
    color: #fc8989;
}

.HorsePrize .BtnPremiumRegist02 {
    position: absolute;
    top: 98px;
}
.HorsePrize .BtnPremiumRegist03 {
    position: absolute;
    bottom: 8px;
}


/* マイホーステーブルソート */
[id*=asc-],
[id*=desc-] {
    margin: 4px auto;
    border-radius: 2px;
    box-shadow: inset 0 -1px 0 rgba(62, 62, 62, 1);
}
[id*=asc-].sort_inactive,
[id*=desc-].sort_inactive {
    display: block;
    background: #deddd5;
    position: relative;
    text-align: center;
    width: 14px;
    height: 14px;
    vertical-align: -2px
}
[id*=asc-].sort_inactive:before,
[id*=desc-].sort_inactive:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -3px;
    margin-left: -3px;
}
[id*=asc-].sort_inactive:before {
    border-width: 0 3px 6px 3px;
    border-color: transparent transparent #969595 transparent;
}
[id*=desc-].sort_inactive:before {
    border-width: 6px 3px 0 3px;
    border-color: #969595 transparent transparent transparent;
}
[id*=asc-].sort_inactive:hover,
[id*=desc-].sort_inactive:hover {
    opacity: .8;
}

[id*=asc-].sort_active,
[id*=desc-].sort_active {
    display: block;
    background: #1d1d1b;
    position: relative;
    text-align: center;
    width: 14px;
    height: 14px;
    vertical-align: -2px
}
[id*=asc-].sort_active:before,
[id*=desc-].sort_active:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -3px;
    margin-left: -3px;
}
[id*=asc-].sort_active:before {
    border-width: 0 3px 6px 3px;
    border-color: transparent transparent #fff transparent;
}
[id*=desc-].sort_active:before {
    border-width: 6px 3px 0 3px;
    border-color: #fff transparent transparent transparent;
}
[id*=asc-].sort_active:hover,
[id*=desc-].sort_active:hover {
    opacity: .8;
}

.align_r {text-align: right !important;}
.align_l {text-align: left !important;}
.align_c {text-align: center !important;}


/* =======================================================
16.収支管理
======================================================= */

/*　ヘッダー　*/
.BalanceManageHeader {
    padding: 18px 10px 16px;
}
.BalanceManageHeader_HorseName {
    margin-bottom: 10px;
}
.BalanceManageHeader_HorseName .ClubColors {
    margin-left: 4px;
    vertical-align: -1px;
}
.BalanceManageHeader_HorseName .HorseName {
    font-size: 105%;
    font-weight: bold;
}
.BalanceManageHeader_HorseName [class*=HorseAge_] {
    border-radius: 2px;
    font-weight: normal;
    margin-left: 4px;
    margin-right: 0;
    vertical-align: 3px;
}
.BalanceManageHeader_SalesUnit {
    color: #666;
    font-size: 66%;
}


/* 設定の編集 */
.HorsePrizeEdit {
    margin-bottom: 17px;
    padding: 0 8px;
}
.HorsePrizeEditBtn {
    display: block;
    background: #e9e9e9;
    border: 2px solid #c3c1b9;
    border-radius: 5px;
    color: #97968b;
    font-size: 83%;
    font-weight: bold;
    padding: 13px 0;
    text-align: center;
}


/* 収支の未入力 */
.HorsePrizeNotice {
    color: #3c3930;
    font-size: 83%;
    line-height: 1.6;
    padding: 0 8px;
}


/* 収支合計 */
.HorsePrizeResult {
    margin-bottom: 20px;
    padding: 0 8px;
}

.HorsePrizeResult_Total {
    display: table;
    background: #6c6b61;
    padding: 6px;
    width: 100%;
}
.HorsePrizeResult_Total .Item,
.HorsePrizeResult_Total .Value {
    display: table-cell;
    vertical-align: middle;
}
.HorsePrizeResult_Total .Item {
    color: #fff;
    font-size: 77%;
    font-weight: bold;
    padding: 0 10px 0 6px;
    white-space: nowrap;
}
.HorsePrizeResult_Total .Value {
    background: #fff;
    border-radius: 3px;
    font-size: 111%;
    font-weight: bold;
    padding: 16px 14px 13px 8px;
    text-align: right;
    width: 100%;
}

.HorsePrizeResult_Item dl + dl {
    border-top: 1px solid #eee;
}
.HorsePrizeResult_Item {
    display: table;
    border: 1px solid #6c6b61;
    border-top: none;
    background: #fff;
    width: 100%;
}
.HorsePrizeResult_Item .Item,
.HorsePrizeResult_Item .Value {
    display: table-cell;
    vertical-align: middle;
}
.HorsePrizeResult_Item .Item {
    background: #e5e5de;
    color: #444;
    font-size: 77%;
    padding: 0 10px;
    height: 34px;
    white-space: nowrap;
}
.HorsePrizeResult_Item .Value {
    text-align: right;
    padding: 0 20px 0 10px;
    width: 100%;
}


/* 収支テーブル */
.BalanceManage .OwnerBaseTable .Header th {
    font-size: 14px;
    padding: 6px;
}
.BalanceManage .OwnerBaseTable .List td {
    padding: 6px;
}
.BalanceManage .OwnerBaseTable .List td:nth-child(1) {
    background: #f2f1ec;
    border: 1px solid #e2e1d8;
}
.BalanceManage .OwnerBaseTable .InputResultCell {
    text-align: right;
}

#act_fee_all {
    display: block;
    background: #ececec;
    border-radius: 3px;
    box-shadow: 0 1px 5px rgba(71, 70, 65, 1);
    color: #333;
    min-width: 80px;
    padding: 4px 0;
}
#act_fee_all .CellName {
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 3px;
}
#act_fee_all .Txt {
    display: block;
    font-size: 10px;
}

.BalanceManageInputBtn {
    display: block;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
    color: #333;
    font-size: 14px;
    padding: 14px 0;
    text-align: center;
    min-width: 120px;
}
.BalanceManageInputBtn span {
     font-size: 12px;
     margin-left: 4px;
}

.ToMyBalanceLinkBtnArea {
    padding: 15px 8px  18px;
}
.ToMyBalanceLinkBtn {
    display: block;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(146, 151, 165, .6);
    color: #444;
    font-size: 77%;
    font-weight: bold;
    padding: 18px 0;
    text-align: center;
}
.ToMyBalanceLinkBtn span {
    padding-left: 40px;
    position: relative;
}
.ToMyBalanceLinkBtn span::before {
    content: "";
    background: url(../img/icon/icon_money.png) no-repeat;
    -webkit-background-size: 27px 33px;
    -moz-background-size: 27px 33px;
    background-size: 27px 33px;
    width: 27px;
    height: 33px;
    position: absolute;
    top: -8px;
    left: 0;
}


/* カバーテーブル */
.BalanceManageTableCover {
    border-collapse: collapse;
}
.BalanceManageTableCover .Header {
    background: #6c6b61;
    height: 78px;
}
.BalanceManageTableCover .Header th {
    font-size: 14px;
    font-weight: normal;
    padding: 6px;
    color: #fff;
    white-space: nowrap;
    vertical-align: middle;
}
.BalanceManageTableCover .List td {
    background: #f2f1ec;
    border: 1px solid #e2e1d8;
    font-size: 15px;
    padding: 6px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}

.OwnerBaseTableMain > div {
    overflow-x: auto;
    /*-webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;*/
}


/* 入力popup01 */
.PopupInputForm {
    background: #fff;
    border-radius: 5px;
    padding: 0 15px;
}
.PopupInputForm_Title {
    font-size: 83%;
    font-weight: bold;
    padding: 24px 0;
    text-align: center;
}

.PopupInputForm dl {
    display: table;
    width: 100%;
}
.PopupInputForm dl + dl {
    margin-top: 12px;
}
.PopupInputForm dt,
.PopupInputForm dd {
    display: table-cell;
    vertical-align: middle;
}
.PopupInputForm dt {
    font-size: 83%;
    padding-left: 4px;
    width: 60px;
    white-space: nowrap;
}

.PopupInputForm .InputMoney {
    border: 1px solid #c3c1b9;
    border-radius: 5px;
    font-size: 94%;
    padding: 8px 15px;
    text-align: right;
    width: 100%;
}

.PopupInputForm .BtnArea {
    padding: 25px 0 18px;
}
.PopupInputForm_SaveBtn {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: none;
    border-radius: 5px;
    box-shadow: inset 0 -2px 0 rgba(57, 116, 98, 1);
    background: #59a78f;
    color: #fff;
    font-size: 83%;
    font-weight: bold;
    padding: 14px 0;
    width: 100%;
}


/* 入力popup02 */
#popup_fee_all {
    background: #fff;
    border-radius: 5px;
    padding: 8px;
}
#popup_fee_all .Inner {
    background: #353535;
    border-radius: 5px;
}
#popup_fee_all .InputArea {
    padding: 12px;
}
#popup_fee_all .Txt {
    font-size: 83%;
    font-weight: bold;
    color: #d2d2d2;
    margin-bottom: 10px;
}
#popup_fee_all dl dt,
#popup_fee_all dl dd {
    display: inline-block;
    vertical-align: middle;
}
#popup_fee_all .Item {
    color: #fff;
    font-size: 83%;
    margin-right: 4px;
}
#popup_fee_all .InputMoney {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 3px;
    width: 190px;
    font-weight: bold;
    font-size: 94%;
    text-align: right;
    padding: 8px 15px;
    color: #fff;
    background: #666;
    box-shadow: 0 0 6px rgba(4, 4, 4, .5) inset;
}
#popup_fee_all .InputMoney + span {
    color: #fff;
    font-size: 83%;
    margin-left: 4px;
}
#popup_fee_all .BtnArea {
    border-top: 1px solid #565656;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background: #454545;
    padding: 12px;
}
#act_fee_all_exec {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    width: 100%;
    font-size: 83%;
    font-weight: bold;
    color: #444;
    background: #f1f1f1;
    padding: 14px 0;
    box-shadow: 0 -1px 0 rgba(165, 165, 165, .8) inset, 0 2px 6px rgba(27, 27, 27, .6);
}


/* =======================================================
17.My収支
======================================================= */

/* switchBtn02 */
.MyBalanceSwitchBtn {
    margin-bottom: 13px;
    padding: 10px 8px 0;
}
.MyBalanceSwitchBtn #act_range- {
    display: none;
}

.SwitchBtn02 ul + ul {
    margin-top: 13px;
}
.SwitchBtn02 li {
    float: left;
    width: 50%;
}
.SwitchBtn02 li:first-child a {
    border-radius: 3px 0 0 3px;
}
.SwitchBtn02 li:last-child a {
    border-radius: 0 3px 3px 0;
}
.SwitchBtn02 a {
    display: block;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #FFFFFF),
        color-stop(1, #F5F4F1)
    );
    background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F5F4F1 100%);
    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F5F4F1 100%);
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F5F4F1 100%);
    background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F5F4F1 100%);
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #F5F4F1 100%);
    color: #666;
    font-size: 83%;
    padding: 10px 0;
    text-align: center;
}
.SwitchBtn02 .Active a {
    background: #dadada;
    box-shadow: inset 0 0 8px rgba(0, 0, 0, .15);
}
.SwitchBtn02 li:not(.Active) a {
    box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
}


/* セレクトボックス */
.MyBalanceSelectBox {
    margin-bottom: 14px;
    padding: 0 8px;
}

.MyBalanceSelectBox .SelectGroup select {
    background: #fff;
    border-radius: 5px;
}
.MyBalanceSelectBox .SettingFunction .Title {
    padding-left: 4px;
    width: 64px;
}


/* 収支テーブル */
.MyBalance .OwnerBaseTable .MoneyTxt01 {
    color: #4caf50;
}
.MyBalance .OwnerBaseTable .MoneyTxt02 {
    color: #333;
}
.MyBalance .OwnerBaseTable .Header th {
    font-size: 14px;
    padding: 6px;
}
.MyBalance .OwnerBaseTable .List .ClubColors {
    vertical-align: -1px;
}
.MyBalance .OwnerBaseTable .List .HorseLink {
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 6px;
}
.MyBalance .OwnerBaseTable .Footer td:nth-child(1) {
    background: #6c6b61;
    color: #fff;
    font-weight: normal;
    text-align: center;
}
.MyBalance .OwnerBaseTable .Footer td {
    font-weight: bold;
    padding: 17px 6px;
}

[id^="open_btn"] span {
    margin-right: 10px;
}
[id^="open_btn"] .ToggleListBtn {
    display: inline-block;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    border: 1px solid rgba(239, 239, 239, 1);
    position: relative;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
}
[id^="open_btn"] .ToggleListBtn::before {
    content: "";
    display: inline-block;
    background: url(../img/icon/sprite_icon_arrow05.png) no-repeat left bottom;
    -webkit-background-size: 15px 19px;
    -moz-background-size: 15px 19px;
    background-size: 15px 19px;
    width: 15px;
    height: 9.5px;
}

.OpenListBg {
    background: #f3f0d0;
}
.OpenListBg td {
    font-weight: bold;
}
.OpenListBg [id^="open_btn"] .ToggleListBtn {
    background: #6c6b61;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .75);
    border: none;
}
.OpenListBg [id^="open_btn"] .ToggleListBtn::before {
    content: "";
    display: inline-block;
    background: url(../img/icon/sprite_icon_arrow05.png) no-repeat left top;
    -webkit-background-size: 15px 19px;
    -moz-background-size: 15px 19px;
    background-size: 15px 19px;
}

tbody[id^="open-"] .List {
    background: #e2e0d8 !important;
}

.ToBalanceManageViewLinkBtn {
    display: block;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(146, 151, 165, .6);
    color: #444;
    font-size: 83%;
    text-align: center;
    padding: 15px 0;
    min-width: 83px;
}
.ToBalanceManageViewLinkBtn span {
    display: inline-block;
    padding-left: 28px;
    position: relative;
}
.ToBalanceManageViewLinkBtn span::before {
    content: "";
    background: url(../img/icon/icon_detail.png) no-repeat;
    -webkit-background-size: 13px 18px;
    -moz-background-size: 13px 18px;
    background-size: 13px 18px;
    width: 13px;
    height: 18px;
    position: absolute;
    top: -3px;
    left: 0;
}


/* 年次セレクトナビ */
.MyBalanceTabYear {
    display: table;
    width: 100%;
    border-bottom: 2px solid #1F5DC3;
}
.MyBalanceTabYear_Prev,
.MyBalanceTabYear_Next,
.MyBalanceTabYear_Active {
    display: table-cell;
    vertical-align: middle;
}
.MyBalanceTabYear_Prev,
.MyBalanceTabYear_Next {
    padding: 0 10px;
}
.MyBalanceTabYear_Prev a,
.MyBalanceTabYear_Next a {
    display: block;
    color: #fff;
    background: #a3a8b8;
    border-radius: 3px;
    padding: 8px 0;
    position: relative;
    text-align: center;
    width: 30px;
}
.MyBalanceTabYear_Prev a::before {
    content: "";
    display: block;
    background: url(../img/icon/icon_prev.png) no-repeat;
    -webkit-background-size: 8.5px 15px;
    -moz-background-size: 8.5px 15px;
    background-size: 8.5px 15px;
    width: 8.5px;
    height: 15px;
    margin: 0 auto;
}
.MyBalanceTabYear_Next a::before {
    content: "";
    display: block;
    background: url(../img/icon/icon_next.png) no-repeat;
    -webkit-background-size: 8.5px 15px;
    -moz-background-size: 8.5px 15px;
    background-size: 8.5px 15px;
    width: 8.5px;
    height: 15px;
    margin: 0 auto;
}

.MyBalanceTabYear_Active {
    background: #3178e1;
    background: -moz-linear-gradient(top, #3178e1 0%, #1f5dc3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3178e1), color-stop(100%,#1f5dc3));
    background: -webkit-linear-gradient(top, #3178e1 0%,#1f5dc3 100%);
    background: linear-gradient(to bottom, #3178e1 0%,#1f5dc3 100%);
    box-shadow: 0 0 10px rgba(146, 151, 165, .3), 0 1px 2px rgba(255,255,255,.5) inset;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-size: 83%;
    font-weight: bold;
    padding: 17px 0 13px;
    text-align: center;
    width: 100%;
}

.MyBalanceTabYear_NotData {
    opacity: .3;
}


/* 収支合計 / 馬別収支 */
.MyBalanceDetail {
    padding: 5px 8px;
}
.MyBalanceDetail .HorsePrizeResult {
    margin: 0;
    padding: 0;
}
.MyBalanceDetail .HorsePrizeResult_Item {
    border: none;
}

.HorsePrizeDetail {
    background: #fff;
    border: 1px solid #b1afa0;
    margin-top: 8px;
    padding: 8px;
}

.HorsePrizeDetail_Header {
    display: table;
    width: 100%;
    margin-bottom: 8px;
}
.HorsePrizeDetail_Header .ClubHorse,
.HorsePrizeDetail_Header .LinkBtnArea {
    display: table-cell;
    vertical-align: middle;
}
.HorsePrizeDetail_Header .ClubHorse {
    font-size: 94%;
    font-weight: bold;
}
.HorsePrizeDetail_Header .ClubHorse img {
    vertical-align: -1px;
}
.HorsePrizeDetail_Header .LinkBtnArea {
    width: 83px;
}
.HorsePrizeDetail_Header .ToBalanceManageViewLinkBtn {
    background: #e2e0d8;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
}

.HorsePrizeDetail_Table {
    background: #fff;
    border: 1px solid #e5e5de;
    border-collapse: collapse;
    width: 100%;
}
.HorsePrizeDetail_Table tr + tr {
    border-top: 1px solid #e5e5de;
}
.HorsePrizeDetail_Table th,
.HorsePrizeDetail_Table td {
    font-weight: normal;
    vertical-align: middle;
}
.HorsePrizeDetail_Table th {
    background: #949384;
    color: #fff;
    font-size: 77%;
    padding: 8px 0;
    width: 80px;
}
.HorsePrizeDetail_Table td {
    font-size: 94%;
    padding: 0 8px;
    text-align: right;
}

.HorsePrizeDetail_Table .ResultRow th {
    background: #6c6b61;
    font-weight: bold;
    padding: 11px 0;
}
.HorsePrizeDetail_Table .ResultRow td {
    font-weight: bold;
}

.HorsePrizeDetail_Table .MoneyTxt01 {
    color: #4caf50;
}
.HorsePrizeDetail_Table .MoneyTxt02 {
    color: #333;
}


/* My収支サンプル */
.MyBalanceSmaple {
    padding: 0 18px;
}
.MyBalanceSmaple_MsgBox {
    padding: 5px 0 15px;
}
.MyBalanceSmaple_Msg {
    color: #3c3930;
    font-size: 83%;
    line-height: 1.6;
}
.MyBalanceSmaple_Msg.Msg01 {
    font-size: 13px;
    line-height: 1.4;
    margin-top: 10px;
}
.MyBalanceSmaple_Image {
    background: #fff;
    border: 2px solid #dfddd6;
    border-radius: 5px;
    padding: 20px 30px 26px;
    text-align: center;
}
.MyBalanceSmaple_Image img {
    width: 100%;
    vertical-align: bottom;
}
@media only screen and (max-width: 320px) {
    .MyBalanceSmaple_Image {
        padding: 20px;
    }
}


/* =======================================================
18.データ分析
======================================================= */

/* データ分析メニュー */
.DataAnalysisNavWrap {
    box-shadow: 0 1px 10px rgba(146, 151, 165, .6);
    position: relative;
}

.DataAnalysisNav {
    background: #eee;
    padding: 10px 0 10px 8px;
    position: relative;
}
/*.DataAnalysisNav::after {
    content: "";
    display: block;
    background: #e2e2e2 url(../img/owner/bg_arrow.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 320px;
    height: 12px;
    position: absolute;
    left: 50%;
    bottom: -12px;
    margin-left: calc(320px/-2);
    z-index: 10;
}
@media only screen and (min-width: 375px) {
    .DataAnalysisNav::after {
        width: 375px;
        margin-left: calc(375px/-2);
    }
}*/

.DataAnalysisNav li {
    float: left;
    width: 33.3%;
}
.DataAnalysisNav a {
    display: block;
    background: #fff;
    box-shadow: 0 1px 2px rgba(146, 151, 165, .6);
    border-radius: 3px;
    color: #444;
    font-size: 72%;
    font-weight: bold;
    margin-right: 8px;
    padding: 5px 0 8px;
    position: relative;
    text-align: center;
}
.DataAnalysisNav a span {
    display: block;
    font-size: 115.3%;
    margin-bottom: 3px;
}
.DataAnalysisNav .Active a {
    background: #064ec3;
    color: #fff;
}

.DataAnalysisNav .DataNav01 a::before,
.DataAnalysisNav .DataNav02 a::before,
.DataAnalysisNav .DataNav03 a::before {
    content: "";
    display: block;
    margin: 0 auto 4px;
    width: 25px;
    height: 23px;
}
.DataAnalysisNav .DataNav01 a::before {
    background: url(../img/icon/icon_uma01.png) no-repeat;
    -webkit-background-size: 25px 23px;
    -moz-background-size: 25px 23px;
    background-size: 25px 23px;
}
.DataAnalysisNav .DataNav02 a::before {
    background: url(../img/icon/icon_uma02.png) no-repeat;
    -webkit-background-size: 25px 23px;
    -moz-background-size: 25px 23px;
    background-size: 25px 23px;
}
.DataAnalysisNav .DataNav03 a::before {
    background: url(../img/icon/icon_uma03.png) no-repeat;
    -webkit-background-size: 25px 23px;
    -moz-background-size: 25px 23px;
    background-size: 25px 23px;
}

.DataAnalysisSearch {
    background: #e2e2e2;
    padding: 23px 3px 10px 8px;
}

.DataAnalysisSearch_Btn {
    margin-bottom: 10px;
}
.DataAnalysisSearch_Btn li {
    float: left;
    width: 33.3%;
}
.DataAnalysisSearch_Btn li:nth-child(-n+3) {
    margin-bottom: 10px;
}
[id^="act_cond"] {
    display: block;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #FFFFFF),
        color-stop(1, #F5F4F1)
    );
    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F5F4F1 100%);
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F5F4F1 100%);
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #F5F4F1 100%);
    border: 2px solid #cac8c1;
    border-radius: 5px;
    color: #666;
    font-size: 77%;
    font-weight: bold;
    margin-right: 5px;
    padding: 16px 0;
    text-align: center;
}

.OnlyClubHorseSearch {
    display: block;
    position: relative;
}
.OnlyClubHorseSearch span {
    color: #222;
    font-size: 72%;
    padding-left: 35px;
    line-height: 28px;
}
.OnlyClubHorseSearch input[type=checkbox] {
    display: none;
}
.OnlyClubHorseSearch span:before {
    content: "";
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #FFFFFF),
        color-stop(1, #F5F4F1)
    );
    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F5F4F1 100%);
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F5F4F1 100%);
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #F5F4F1 100%);
    border: 2px solid #cac8c1;
    border-radius: 5px;
    width: 28px;
    height: 28px;
    position: absolute;
    top: -1px;
    left: 0;
}
.OnlyClubHorseSearch input[type=checkbox]:checked + span::after {
    content: "";
    display: inline-block;
    background: url(../img/icon/icon_check03.png) no-repeat;
    -webkit-background-size: 18px 15px;
    -moz-background-size: 18px 15px;
    background-size: 18px 15px;
    width: 18px;
    height: 15px;
    position: absolute;
    top: 6px;
    left: 5px;
}


/* データ選択条件結果 */
.DataAnalysisSelected {
    background: #d7d7d7;
    margin-bottom: 24px;
    padding: 13px 8px 15px;
}

.DataAnalysisSearch_Title,
.DataAnalysisSelected_Title {
    color: #222;
    font-size: 88%;
    font-weight: bold;
    margin-bottom: 15px;
}

.DataAnalysisSelected_Tag li {
    display: inline-block;
    background: #fff;
    box-shadow: 0 1px 0 rgba(223, 223, 223, 1);
    border-radius: 3px;
    color: #222;
    font-size: 77%;
    margin: 0 6px 10px 0;
    padding: 5px 10px 5px 5px;
}
.DataAnalysisSelected_Tag li::before {
    content: '';
    display: inline-block;
    background: #c3ddd5 url(../img/icon/icon_delete03.png) no-repeat center;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    -ms-background-size: 14px 14px;
    background-size: 14px 14px;
    border-radius: 3px;
    width: 26px;
    height: 26px;
    vertical-align: -7px;
}
.DataAnalysisSelected_Tag li span {
    margin-left: 10px;
}

.DataAnalysisSelected_Btn {
    padding: 6px 8px 0;
}
.DataAnalysisSelected_Btn li + li {
    margin-top: 12px;
}
.ConditionClearBtn02 {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    background: #9a9a9a;
    box-shadow: inset 0 -1px 0 rgba(68, 68, 68, 1);
    border-radius: 4px;
    color: #fff;
    font-size: 83%;
    font-weight: bold;
    width: 100%;
    height: 43px;
}
.ToSearcHorseLinkBtn {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    background: #59a78f;
    box-shadow: inset 0 -1px 0 #397462;
    border-radius: 4px;
    color: #fff;
    font-size: 83%;
    font-weight: bold;
    width: 100%;
    height: 43px;
}


/* データ分析テーブル */
.DataAnalysis .OwnerBaseTable .Header th {
    padding: 6px;
    vertical-align: top;
}
.DataAnalysis .OwnerBaseTable .Header th a {
    color: #fff;
}
.DataAnalysis .OwnerBaseTable .Header .HorseName span {
    display: block;
    font-size: 12px;
}
.DataAnalysis .OwnerBaseTable .Header .HorseName .CellName {
    font-size: 14px;
    line-height: 1.5;
}
.DataAnalysis .OwnerBaseTable .List td {
    padding: 6px;
}
.DataAnalysis .OwnerBaseTable .List:nth-child(odd) {
    background: #f9f8f5;
}
.DataAnalysis .OwnerBaseTable .List:nth-child(even) {
    background: #fff;
}
.DataAnalysis .OwnerBaseTable .List .HorseName span {
    display: block;
    font-size: 12px;
}
.DataAnalysis .OwnerBaseTable .List .HorseName a {
    display: block;
    font-weight: bold;
    line-height: 1.5;
}
.DataAnalysis .OwnerBaseTable .List td:nth-child(1) {
    border: 1px solid #e2e1d8;
    background: #f2f1ec;
}

.DataAnalysis .OwnerBase_Note {
    font-size: 12px;
    line-height: 1.4;
    padding: 14px 12px;
}

.DataAnalysis .CommonPager {
    background: none;
}
.DataAnalysis .CommonPager a {
    background: #fff;
    white-space: nowrap;
}


/* 実績を見る - データ分析メニュー */
.DataAnalysisGenstat {
    background: #eee;
    padding: 10px 0 10px 8px;
    position: relative;
}
.DataAnalysisGenstat::after {
    content: "";
    display: block;
    background: #e2e2e2 url(../img/owner/bg_arrow.png) no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 320px;
    height: 12px;
    position: absolute;
    left: 50%;
    bottom: -12px;
    margin-left: calc(320px/-2);
    z-index: 10;
}
@media only screen and (min-width: 375px) {
    .DataAnalysisGenstat::after {
        width: 375px;
        margin-left: calc(375px/-2);
    }
}

.DataAnalysisGenstat_Btn {
    margin-bottom: 15px;
}
.DataAnalysisGenstat_Btn li {
    float: left;
    width: 33.3%;
}
.DataAnalysisGenstat_Btn li:nth-child(-n+3) {
    margin-bottom: 8px;
}
.DataAnalysisGenstat_Btn .Active a {
    background: #064ec3;
    color: #fff;
}
.DataAnalysisGenstat_Btn a {
    display: block;
    background: #fff;
    box-shadow: 0 1px 2px rgba(146, 151, 165, .6);
    border-radius: 3px;
    color: #444;
    font-size: 72%;
    font-weight: bold;
    margin-right: 8px;
    padding: 8px 0 8px;
    position: relative;
    text-align: center;
}
.DataAnalysisGenstat_Btn a::before {
    content: '';
    display: block;
    background: url(../img/icon/sprite_icon_shinba_search01.png) no-repeat;
    -webkit-background-size: 49px 630px;
    -moz-background-size: 49px 630px;
    background-size: 49px 630px;
    margin: 0 auto 10px;
    width: 40px;
    height: 30px;
}
#c_type-owner:before {
    background-position: -4px -9px;
}
#c_type-sire:before {
    background-position: -4px -154px;
}
#c_type-trainer:before {
    background-position: -4px -299px;
}
#c_type-breeder:before {
    background-position: -4px -250px;
}
#c_type-bms:before {
    background-position: -4px -203px;
}

.DataAnalysisSelectYear {
    background: #e2e2e2;
    margin-bottom: 25px;
    padding: 20px 8px 15px;
}

/*.DataAnalysisSelectYear .SettingFunction {
    margin-bottom: 17px;
}*/
.DataAnalysisSelectYear .SettingFunction .Title {
    padding-left: 4px;
    width: 80px;
}
.DataAnalysisSelectYear .SelectGroup select {
    background: #fff;
    border-radius: 5px;
}

.DataAnalysisSelectYear_Note a {
    font-size: 72%;
    line-height: 1.5;
}

.DataAnalysisPageName {
    padding: 0 12px 8px;
}
.DataAnalysisPageName_Title {
    font-size: 83%;
    font-weight: bold;
}


/* =======================================================
99.アプリ上書き用
======================================================= */
.Title_Sec{
	position: relative;
	margin: 31px 10px 10px;
	background-color: transparent;
	border:none;
	padding: 0;
	font-size: 100%;
}
.Title_Sec h2{
	color: #777;
	font-size: 94%;
	font-weight: bold;
	line-height: 1.37;
	padding: 0 ;
	border:none;
}
.ShinbaRankingList_Title,
.ShinbaDataSearch_Title,
.ShinbaDataSearch_Title{
	color: #888;
	font-size: 72.22%;
	font-weight: bold;
	line-height: 1.94;
	margin-bottom: 4px;
	padding: 0 10px;
}
.ClubHorse .BtnArea,
.ShinbaDataSearch .BtnArea{
	padding-bottom: 12px;
}
.ShinbaDataSearch + .ShinbaDataSearch{
	margin-top: 9px;
}
.Find_Contents .TabBtn{
	padding: 0 10px;
}
/*==============================================
ご意見・ご要望
==============================================*/
.OpinionBtn {
	padding: 12px 10px;
	max-width: 375px;
	margin: auto;
}
.OpinionBtn > p {
	font-size: 0.875rem;
	margin-bottom: 12px;
	text-align: center;
}
.OpinionBtn 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;
}