@charset "utf-8";
/*===========================================
netkeiba オーナーズ
オンラインカタログ
---------------------------------------------
目次
■カタログ
============================================*/
input, button, textarea, select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background:transparent;
}

/*---------------------------------
オンラインカタログ
---------------------------------*/
#CatalogProfile .Contents {
	margin-top: 0;
	margin-bottom: 40px;
}
.OwnersCatalog .NoData {
	font-size: 83.34%;
	font-weight: bold;
	text-align: center;
	margin: 12px 14px;
	padding: 12px;
	border: 5px solid #ddd;
	background: #fff;
	line-height: 1.3;
}
/* カタログヘッダー */
.CatalogListNum {
	background: #E0E0E0;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
}
.CatalogListNumInner {
	display: flex;
	padding: 9px;
	justify-content: space-between;
	max-width: 1200px;
	margin: auto;
}

.CatalogListNum span.Prev,
.CatalogListNum span.Next{
	display: flex;
	align-items: center;
	justify-content: center;
}
.CatalogListNum span.Prev a,
.CatalogListNum span.Next a{
	display: block;
	position: relative;
	background: rgba(75,75,75,0.3);
	width: 24px;
	height: 24px;
	border-radius: 50%;
	color: transparent;
}
.CatalogListNum span.Prev a::before,
.CatalogListNum span.Next a::before {
	content: "";
	display: block;
	position: absolute;
	top: 7px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	border-radius: 1px;
	background: none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.CatalogListNum span.Prev a{
	left: 3px;
}
.CatalogListNum span.Prev a::before {
	left: 9px;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
.CatalogListNum span.Next a{
	right: 3px;
}
.CatalogListNum span.Next a::before {
	right: 9px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.CatalogName {
	display: flex;
	align-items: center;
	justify-content: center;
}
.CatalogName .SaleName{
	color: var(--TxtStrongColor);
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	padding: 0 10px;
}
.CatalogName span.CatalogNum{
	position: relative;
	display: inline-block;
	color: var(--TxtStrongColor);
	border: 1px solid var(--TxtStrongColor);
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	width: 48px;
	line-height: 24px;
	vertical-align: middle;
	text-align: center;
}
@media only screen and (min-width: 834px){
	.CatalogName .SaleName {
		font-size: 20px;
		line-height: 42px;
	}
	.CatalogName span.CatalogNum {
		font-size: 20px;
		width: 64px;
		line-height: 42px;
	}
}
/* 馬ヘッダー */
.HorseHeader_Area {
	position: relative;
	background: #222;
	color: #fff;
	padding: 6px 6px 8px 10px;
	min-height: 78px;
}
.HorseHeader_Inner {
	max-width: 1200px;
	margin: auto;
}
.HorseHeader_Inner h1 {
	display: inline-block;
	font-size: 19px;
	line-height: 1.3;
	vertical-align: middle;
	/* width: calc(100% - 40px); */
}
.HorseHeader_Inner > p {
	font-size: 13px;
	line-height: 1.3;
}
.HorseHeader_Inner > p .Male,
.HorseHeader_Inner > p .Keiro{
	font-weight: bold;
}
.HorseHeader_Inner > p .Male {
	color: #a8ffff;
}
.HorseHeader_Inner > p .FeMale {
	color: #ffa8fc;
}
.HorseHeader_Inner > p .Data {
	font-size: 11px;
}
.HorseHeader_Inner > p > span {
	display: inline-block;
	margin: 0 6px 0 0;
	font-size: 11px;
}
.HorseHeader_Inner > .BtnWrap02,
.HorseHeaderName > .BtnWrap02 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 8px;
}
.HorseHeader_Inner > .BtnWrap02 > div + div,
.HorseHeaderName > .BtnWrap02 > div + div{
	margin-left: 14px;
}
.HorseHeader_Inner .Assessment,
.HorseHeader_Inner .HorseConsiderAdd,
.HorseHeader_Inner .HorseMyHorseAdd,
.HorseHeader_Inner .WatchAdd,
.HorseHeaderName .Assessment,
.HorseHeaderName .HorseConsiderAdd,
.HorseHeaderName .HorseMyHorseAdd,
.HorseHeaderName .WatchAdd {
	display: flex;
	width: 100px;
	height: 28px;
	cursor: pointer;
	border-radius: 14px;
	overflow: hidden;
}
.HorseHeader_Inner .Assessment .StateIcon,
.HorseHeader_Inner .HorseConsiderAdd .StateIcon,
.HorseHeader_Inner .HorseMyHorseAdd .StateIcon,
.HorseHeader_Inner .WatchAdd .StateIcon,
.HorseHeaderName .Assessment .StateIcon,
.HorseHeaderName .HorseConsiderAdd .StateIcon,
.HorseHeaderName .HorseMyHorseAdd .StateIcon,
.HorseHeaderName .WatchAdd .StateIcon {
	position: relative;
	width: 23px;
	background: #9f4949;
}
.HorseHeader_Inner .Assessment .ValueTxt,
.HorseHeader_Inner .HorseConsiderAdd .ValueTxt,
.HorseHeader_Inner .HorseMyHorseAdd .ValueTxt,
.HorseHeader_Inner .WatchAdd .ValueTxt,
.HorseHeaderName .Assessment .ValueTxt,
.HorseHeaderName .HorseConsiderAdd .ValueTxt,
.HorseHeaderName .HorseMyHorseAdd .ValueTxt,
.HorseHeaderName .WatchAdd .ValueTxt {
	line-height: 30px;
	font-size: 11px;
	font-weight: bold;
	background: #fff;
	color: #444;
	text-align: center;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.HorseHeader_Inner .Assessment .ValueTxt .RatingLabel,
.HorseHeaderName .Assessment .ValueTxt .RatingLabel {
	font-size: 15px;
	margin-left: 4px;
}
.HorseHeader_Inner .Assessment:hover,
.HorseHeader_Inner .HorseConsiderAdd:hover,
.HorseHeader_Inner .HorseMyHorseAdd:hover,
.HorseHeader_Inner .WatchAdd:hover,
.HorseHeaderName .Assessment:hover,
.HorseHeaderName .HorseConsiderAdd:hover,
.HorseHeaderName .HorseMyHorseAdd:hover,
.HorseHeaderName .WatchAdd:hover {
	opacity: 0.75;
}
.HorseHeader_Inner .HorseMyHorseAdd.State01 .StateIcon,
.HorseHeader_Inner .HorseMyHorseAdd.State02 .StateIcon,
.HorseHeaderName .HorseMyHorseAdd.State01 .StateIcon,
.HorseHeaderName .HorseMyHorseAdd.State02 .StateIcon {
	background: #ef8787;
}
.HorseHeader_Inner .HorseConsiderAdd.State01 .StateIcon,
.HorseHeader_Inner .HorseConsiderAdd.State02 .StateIcon,
.HorseHeaderName .HorseConsiderAdd.State01 .StateIcon,
.HorseHeaderName .HorseConsiderAdd.State02 .StateIcon {
	background: #8383e5;
}
.HorseHeader_Inner .Assessment.State01{

}
.HorseHeader_Inner .Assessment.State02 .ValueTxt,
.HorseHeaderName .Assessment.State02 .ValueTxt{
	color: #691e1e;
	font-weight: bold;
}
.HorseHeader_Inner .State01 .StateIcon::before,
.HorseHeader_Inner .State01 .StateIcon::after,
.HorseHeaderName .State01 .StateIcon::before,
.HorseHeaderName .State01 .StateIcon::after{
	content: '';
	position: absolute;
	left: 10px;
	width: 9.5px;
	height: 2px;
	background-color: #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	margin-left: 1px;
}
.HorseHeader_Inner .State01 .StateIcon::before,
.HorseHeaderName .State01 .StateIcon::before {
	transform: translate(-50%,-50%) rotate(90deg);
}
.HorseHeader_Inner .HorseConsiderAdd.State02 .StateIcon::before,
.HorseHeader_Inner .HorseMyHorseAdd.State02 .StateIcon::before,
.HorseHeader_Inner .Assessment.State02 .StateIcon::before,
.HorseHeaderName .HorseConsiderAdd.State02 .StateIcon::before,
.HorseHeaderName .HorseMyHorseAdd.State02 .StateIcon::before,
.HorseHeaderName .Assessment.State02 .StateIcon::before{
	content: " ";
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.192 9.88'%3E%3Cpath d='M9.5,0,4.374,6.659,1.506,3.791,0,5.3,4.582,9.88l6.61-8.58Z' fill='%23fff'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 11.19px;
	height: 9.88px;
	transform: translate(-50%,-50%);
}
.HorseHeader_Inner .HorseConsiderAdd.State02 .ValueTxt,
.HorseHeaderName .HorseConsiderAdd.State02 .ValueTxt {
	background: #eaeaff;
}
.HorseHeader_Inner .HorseMyHorseAdd.State02 .ValueTxt,
.HorseHeaderName .HorseMyHorseAdd.State02 .ValueTxt {
	background: #ffe6e6;
}
.HorseHeader_Inner .WatchAdd.State04 .ValueTxt,
.HorseHeaderName .WatchAdd.State04 .ValueTxt {
	background: #eafff7;
}
/* 種牡馬チェック */
.HorseHeader_Inner .WatchAdd .ValueTxt,
.HorseHeaderName .WatchAdd .ValueTxt {
	line-height: 11px;
	font-size: 11px;
}
.HorseHeader_Inner .WatchAdd .StateIcon,
.HorseHeaderName .WatchAdd .StateIcon {
	background: #26a068;
}

/* 追従 */
.HorseHeaderName {
	position: fixed;
	background: #222;
	color: #fff;
	padding: 8px 10px;
	top: -200%;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
}
.HorseHeaderName.fixed {
	top: 0;
	width: 100%;
	z-index: 100;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.HorseHeaderName.fixed.Fixed_Pos2 {
	top: 40px;
}
.HorseHeaderName.fixed h1 {
	font-size: 16px;
}
.CatalogListNum.fixed{
	height: 43px;
}
.CatalogListNum.fixed .CatalogListNumInner{
	position: fixed;
	top: 0;
	width: 100%;
	height: 40px;
	padding: 5px;
	z-index: 101;
	background: #E0E0E0;
	-webkit-transition: all .4s;
	transition: all .4s;
}
@media only screen and (min-width: 834px){
	.HorseHeader_Area {
		padding: 18px 10px 23px;
	}
	.HorseHeader_Inner {
		position: relative;
	}
	.HorseHeader_Inner h1 {
		font-size: 24px;
	}
	.HorseHeader_Inner > p {
		font-size: 15px;
		margin-top: 2px;
	}
	.HorseHeader_Inner > p .Data {
		font-size: 13px;
	}
	.HorseHeader_Inner > .BtnWrap02,
	.HorseHeaderName > .BtnWrap02 {
		position: absolute;
		right: 6px;
		transform: translateY(-50%);
		top: 50%;
		top: calc(50% + 2px);
		/* min-height: 74px; */
		margin: 0;
	}
	.HorseHeaderName > .BtnWrap02 {
		top: 50%;
	}
	.HorseHeader_Inner .Assessment,
	.HorseHeader_Inner .HorseConsiderAdd,
	.HorseHeader_Inner .HorseMyHorseAdd,
	.HorseHeader_Inner .WatchAdd,
	.HorseHeaderName .Assessment,
	.HorseHeaderName .HorseConsiderAdd,
	.HorseHeaderName .HorseMyHorseAdd,
	.HorseHeaderName .WatchAdd {
		width: 130px;
		height: 34px;
	}
	.HorseHeader_Inner .Assessment .ValueTxt,
	.HorseHeader_Inner .HorseConsiderAdd .ValueTxt,
	.HorseHeader_Inner .HorseMyHorseAdd .ValueTxt,
	.HorseHeaderName .Assessment .ValueTxt,
	.HorseHeaderName .HorseConsiderAdd .ValueTxt,
	.HorseHeaderName .HorseMyHorseAdd .ValueTxt {
		font-size: 14px;
	}
	.HorseHeader_Inner .Assessment .ValueTxt .RatingLabel,
	.HorseHeaderName .Assessment .ValueTxt .RatingLabel {
		font-size: 17px;
	}
	.HorseHeader_Inner .WatchAdd .ValueTxt ,
	.HorseHeaderName .WatchAdd .ValueTxt {
		line-height: 13px;
		font-size: 13px;
	}
	.HorseHeader_Inner .WatchAdd .ValueTxt br{
		display: none;
	}
	.CatalogListNum.fixed {
		position: flex;
	}
	.CatalogListNum.fixed .CatalogListNumInner{
		top: 0;
		left: 0;
		right: 0;
		height: 60px;
		background: #ebebeb;
	}
	.HorseHeader_Area.fixed {
		position: sticky;
		top: 0;
		width: auto;
	}
	.HorseHeaderName.fixed.Fixed_Pos2 {
		top: 60px;
	}
	.HorseHeaderName {
		position: fixed;
		background: #222;
		color: #fff;
		height: 52px;
		padding: 8px 10px;
		top: -200%;
	}
	.HorseHeaderName.fixed {
		top: 0;
		width: 100%;
		z-index: 60;
	}
	.HorseHeaderName.fixed h1 {
		font-size: 24px;
		max-width: 1200px;
		margin: auto;
		line-height: 34px;
	}
}
/* データベースタブ .HorseProfTab01 */
.HorseProfTab01 {
	max-width: 1200px;
	margin: auto;
	position: relative;
}
.HorseProfTab01 > ul{
	display: flex;
	padding-right: 1px;
}
.HorseProfTab01 > ul li{
	width: 25%;
	padding-left: 1px;
}
.HorseProfTab01.SireNavi > ul li{
	width: 20%;
	padding-left: 1px;
}
.HorseProfTab01 > ul li a{
	position: relative;
	display: flex;
	background: #e0e0e0;
	text-align: center;
	color: #333;
	font-size: 66.67%;
	height: 40px;
	line-height: 1.1;
	white-space: nowrap;
	align-items: center;
	justify-content: center;
}
.HorseProfTab01 > ul li.Active a{
	background: #fff;
	color: #691e1e;
	font-weight: bold;
}
.HorseProfTab01 > ul li.Active a::after{
	content: "";
	width: 100%;
	height: 3px;
	background: #691e1e;
	position: absolute;
	bottom: 0;
	left: 0;
}
.HorseProfTab01 > ul li a .New{
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 38px;
	height: 14px;
	background:#EB5F50;
	top: -8px;
	left: 50%;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	font-family: Noto Sans JP, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Meiryo", "メイリオ", arial, sans-serif;
	transform: translate(-50%, 0);
	position: absolute;
	text-align: center;
	z-index: 1;
	border-radius: 2px;
}
.HorseProfTab01 > ul li a .New::after{
	content:"";
	display: block;
	margin: auto;
	width:0;
	height:0;
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translate(-50%, 0);
	border-style: solid;
	border-width: 5px 2px 0 2px;
	border-color: #EB5F50 transparent transparent transparent;
	z-index: 1;
}
/* サブナビ */
.HorseProfTab02Wrap {
	position: relative;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}
.HorseProfTab02 {
	margin: 7px 0;
	position: relative;
	overflow-x: auto;
	padding: 7px 0 7px 5px;
	scrollbar-width: thin;
	max-width: 1200px;
}
.HorseProfTab02 > ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}
.HorseProfTab02 > ul li {
	margin-right: 2px;
}
.HorseProfTab02 > ul li a {
	display: inline-block;
	color: #444;
	font-size: 72.23%;
	font-weight: bold;
	line-height: 1.8;
	white-space: nowrap;
	text-align: center;
	border-radius: 1em;
	padding: 0 6px;
	min-width: 64px;
}
.HorseProfTab02 > ul li.Active a {
	color: #fff;
	font-weight: bold;
	border-color: transparent;
	line-height: 1.8;
	background: #691e1e;
	border-radius: 1em;
}
.HorseProfTab02Wrap .LeftArrow,
.HorseProfTab02Wrap .RightArrow {
	display: none;
	padding: 9px;
	line-height: 0;
	font-size: 0;
	color: transparent;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
}
.HorseProfTab02Wrap .LeftArrow {
	left: 0;
	background: linear-gradient(to right, rgba(255, 255, 255, 0.95) 70%, rgba(255, 255, 255, 0));
}
.HorseProfTab02Wrap .RightArrow {
	right: 0;
	background: linear-gradient(to left, rgba(255, 255, 255, 0.95) 70%, rgba(255, 255, 255, 0));
}

.HorseProfTab02Wrap .LeftArrow::after,
.HorseProfTab02Wrap .RightArrow::after{
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-top: 2px solid #929292;
	border-right: 2px solid #929292;
	border-radius: 1px;
	background: none;
}
.HorseProfTab02Wrap .LeftArrow::after {
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	margin-left: -3px;
}
.HorseProfTab02Wrap .RightArrow::after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-right: -3px;
}
@media only screen and (min-width:768px){
	.HorseProfTab02::-webkit-scrollbar{
		width: 2px;
		height: 2px;
	}
	.HorseProfTab02::-webkit-scrollbar-track {
		background-color: #fff;
		border-radius: 4px;
	}
	.HorseProfTab02::-webkit-scrollbar-thumb {
		background-color: #e4e4e4;
		border-radius: 4px;
	}
}
@media only screen and (min-width: 834px){
	.HorseProfTab01 {
		border-bottom: 3px solid #cacaca;
	}
	.HorseProfTab01 > ul li,
	.HorseProfTab01.SireNavi > ul li{
		width: auto;
		padding-left: 2px;
	}
	.HorseProfTab01 > ul li a{
		width: 120px;
		font-weight: bold;
		font-size: 88.89%;
		height: 50px;
		line-height: 1.1;
	}
	.HorseProfTab01 > ul li a:hover{
		background: #f3f3f3;
	}
	.HorseProfTab01 > ul li.Active a::after{
		bottom: -3px;
	}
	.CatalogProfTable01 > ul li .TxtOmit {
		width: 100%;
		line-height: 1.3em;
		position: relative;
		overflow: hidden;
		word-wrap: break-word;
		text-overflow: ellipsis;
		white-space: normal;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		height: 1.2em;
	}
	.CatalogProfTable01 > ul li .TxtOmit a + a{
		margin-left: 0.8em;
	}
	.HorseProfTab02 {
		margin: 10px auto;
		width: 1200px;
	}
	.HorseProfTab02 > ul li a {
		font-size: 82.23%;
		padding: 0 8px;
		min-width: 80px;
	}

	.HorseProfTab01 > ul li a .New{
		width: 48px;
		height: 15px;
		top: -10px;
		font-size: 11px;
		border-radius: 3px;
	}
	.HorseProfTab01 > ul li a .New::after{
		bottom: -5px;
		border-width: 6px 4px 0 4px;
	}
}

/* 写真 */
.CatalogArea01 {
/*	padding: 0 0 10px; */
	width: 100%;
}
.HorsePhotoWrap {
	position: relative;
	max-width: 1200px;
	width: 100%;
	background: #fff;
}
.HorsePhotoBox01 {
	position: relative;
	height: auto;
}
.HorsePhotoBox01 img {
	display: block;
	width: 100%;
}
.HorsePhotoBox01 .PhotoWrap_01 {
	position: relative;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 75%;
	background-color: #fff;
}
.HorsePhotoBox01 .PhotoWrap_01::after {
	
}
.ZoomBtn01 {
	position: absolute;
	right: 10px;
	bottom: 22px;
	width: 35px;
	height: 35px;
	background: rgba(255,255,255,0.7);
	border-radius: 50%;
	cursor: pointer;
}
.ZoomBtn01 a{
	display: block;
	height: 35px;
}
.ZoomBtn01 svg {
	display: block;
	width: 18px;
	height: 21px;
	position: absolute;
	top: 7px;
	left: 8px;
}
.ZoomBtn01 a:hover{
	opacity: 0.6;
}
.HorsePhotoBox01 .Public {
	position: absolute;
	left: 10px;
	bottom: 10px;
	background-color: var(--PrimaryColor);
	color: #fff;
	font-weight: bold;
	font-size: 61.12%;
	padding: 0 8px;
	line-height: 16px;
	border-radius: 8px;
}
.HorsePhotoBox01 .UserName {
	position: absolute;
	left: 10px;
	bottom: 10px;
	background-color: #8b8b8b;
	color: #fff;
	font-weight: bold;
	font-size: 61.12%;
	padding: 0 8px;
	line-height: 16px;
	border-radius: 8px;
}


.HorsePhotoBox01.MorePhoto .PhotoWrap_01 {
	position: relative;
}
.HorsePhotoBox01.MorePhoto .PhotoWrap_01::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.43);
}
.HorsePhotoBox01 > a{
	display: flex;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.HorsePhotoBox01 > a .AllNum {
	display: block;
	color: #fff;
	font-size: 94.45%;
	font-size: min(4.532vw,20px);
	font-weight: bold;
	margin-bottom: 12px;
}
.HorsePhotoBox01 > a .Btn {
	display: block;
	border-radius: 999px;
	color: #fff;
	border: 1px solid #fff;
	font-size: 66.67%;
	font-size: min(3.2vw,18px);
	font-weight: bold;
	width: 43.2%;
	padding: 2.187%;
	text-align: center;
}
.HorsePhotoBox01 > a:hover{
	text-decoration: none;
}
.HorsePhotoBox01 > a:hover .Btn{
	background: rgba(255,255,255,0.18)
}

.HorsePhotoSamListWrap {
	display: flex;
	align-items: center;
	overflow: hidden;
}
.HorsePhotoSamList {
	padding: 10px 10px 10px 2px;
}
.HorsePhotoAdd {
	margin: 15px 5px;
}
.HorsePhotoAdd a{
	display: block;
	position: relative;
	background: #f3f3f3;
	width: 32px;
	height: 32px;
	overflow: hidden;
	padding-top: 32px;
	border-radius: 50%;
	color: transparent;
}
.HorsePhotoAdd a::after,
.HorsePhotoAdd a::before{
	content: '';
	position: absolute;
	width: 12px;
	height: 2px;
	background-color: #691e1e;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.HorsePhotoAdd a::before {
	transform: translate(-50%,-50%) rotate(90deg);
}
.HorsePhotoSamList .NoPhotoInfo {
	font-size: 88.89%;
	text-align: center;
	margin: 12px 8px;
	padding: 4px 17px;
	background: #fff;
	line-height: 1.8;
}

.HorsePhotoMore {
	margin: 15px 5px;
	font-size: 61.12%;
	font-weight: bold;
	text-wrap: nowrap;
}
.HorsePhotoMore svg{
	display: block;
	fill: #691e1e;
	margin: 6px auto 0;
	width: 11px;
	height: 9px;
}

.HorsePhotoSamList .slick-track {
	display: inline-flex;
}
.HorsePhotoSamList .slick-track.NoSlide{
	transform: unset !important;
}
.HorsePhotoSam {
	width: calc(100vw/ 4.8);
	min-width: calc(100vw / 4.8);
	overflow: hidden;
	border-radius: 6px;
	margin-left: 8px;
	position: relative;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #eee;
	height: auto;
	opacity: 0.5;
}
.HorsePhotoSam.slick-current{
	opacity: 1;
}
.HorsePhotoSam::after {
	content: "";
	display: block;
	padding-top: 75%;
}
.HorsePhotoSam + .HorsePhotoSam {
}
.HorsePhotoSamList.slick-vertical .slick-slide {
	border: none;
}
.CatalogArea01 .slick-prev,.CatalogArea01 .slick-next {
	background: rgba(75,75,75,0.3);
}
.CatalogArea01 .NoPhotoImage {
	margin: auto;
}
.CatalogArea01 .NoPhotoImage img{
	display: block;
	margin: auto;
}

.HorsePhotoProfile .LinkBtn_03 {
	margin-top: 20px;
}

@media only screen and (min-width: 834px){
	
	.HorseProfileWrap01 {
		display: flex;
		margin-top: 20px;
		margin-left: 10px;
	}
	.CatalogArea01 {
		width: 45.83%;
	}
	.HorseProfileData {
		width: 52.5%;
		margin-left: auto;
	}
	.HorsePhotoWrap {
	}

	.HorsePhotoBox01 .Public {
		left: 10px;
		bottom: 10px;
		font-size: 14px;
		padding: 0 12px;
		line-height: 20px;
		border-radius: 10px;
	}
	.HorsePhotoBox01 .UserName {
		left: 10px;
		bottom: 10px;
		font-size: 14px;
		padding: 0 12px;
		line-height: 20px;
		border-radius: 10px;
	}

	.HorsePhotoWrap .SlideBox01 {
	}
	.HorsePhotoSamList .slick-track {
		display: inline-flex;
	}
	.HorsePhotoSamList .slick-list {
	}
	.HorsePhotoWrap .SlideBox01 .slick-prev,
	.HorsePhotoWrap .SlideBox01 .slick-next {
		width: 44px;
		height: 44px;
		border-radius: 22px;
	}
	.HorsePhotoWrap .SlideBox01 .slick-prev {
		left: 20px;
	}
	.HorsePhotoWrap .SlideBox01 .slick-next {
		right: 20px;
	}
	.HorsePhotoWrap .SlideBox01 .slick-prev:before,
	.HorsePhotoWrap .SlideBox01 .slick-next:before {
		top: 16px;
		width: 14px;
		height: 14px;
		border-width: 3px;
	}
	.HorsePhotoWrap .SlideBox01 .slick-prev:before {
		left: 17px;
	}
	.HorsePhotoWrap .SlideBox01 .slick-next:before {
		right: 17px;
	}
	.HorsePhotoSam {
		min-width: 120px;
		max-width: 120px;
		margin-left: 10px;
	}
	.ZoomBtn01 {
		right: 20px;
		bottom: 24px;
		width: 52px;
		height: 52px;
	}
	.ZoomBtn01 svg {
		width: 26px;
		height: 31px;
		top: 11px;
		left: 12px;
	}
	.HorsePhotoSamList {
		height: 120px;
		padding: 15px 5px;
	}
	.HorsePhotoSamList .NoPhotoInfo {
		padding: 17px;
	}
	.HorsePhotoAdd a {
		width: 48px;
		height: 48px;
		border-radius: 24px;
	}
	.HorsePhotoAdd a::after, .HorsePhotoAdd a::before {
		width: 18px;
		height: 4px;
	}
	.HorsePhotoMore {
		font-size: 77.78%;
		margin: 15px 11px;
	}
	.HorsePhotoMore svg{
		margin: 10px auto 0;
		width: 20px;
		height: 16px;
	}
	.HorsePhotoSam:hover {
		cursor: pointer;
	}
	/* 一枚 */
	.HorsePhotoWrap.full_width .SlideBox01 .HorsePhotoBox01{
		margin: auto;
		width: 75%;
	}
	.full_width .HorsePhotoBox01 .PhotoWrap_01 {
		background-color: #fff;
	}
	.CatalogArea01 .NoPhotoImage {
		width: 75%;
	}
}

@media only screen and (min-width: 1200px) {
	.HorseProfileWrap01 {
		margin-left: 0;
	}
}
/* メモ表示 */
.MemoWrap01 .Title_BtnMore02 a {
	color: #666;
	font-size: 61.12%;
	font-weight: bold;
	text-align: center;
	border: 1px solid #bfbfbf;
	border-radius: 1.37em;
	line-height: 27px;
	display: block;
	position: relative;
	min-width: 97px;
}
.MemoWrap01 .MemoAddBtn01 a {
	color: #fff;
	font-size: 61.12%;
	font-weight: bold;
	text-align: center;
	border: 1px solid var(--PrimaryColor);
	background-color: var(--PrimaryColor);
	border-radius: 1.37em;
	line-height: 27px;
	display: block;
	position: relative;
	min-width: 97px;
	margin-left: 10px;
}
.CatalogMemoBox {
	margin: 10px 10px 0;
	padding: 10px;
	background: #fff;
	border-radius: 6px;
}
.CatalogMemoBox p {
	font-size: 14px;
	line-height: 1.3;
}
.MemoDataFoot {
	display: -webkit-box;
	display: flex;
	margin-top: 4px;
}
.CatalogMemoBox .MemoDataFoot {
	margin-top: 16px;
}
.MemoDataFoot .TimeStump{
	font-size: 55.56%;
}
.CatalogMemoEdit {
	display: flex;
	justify-content: flex-end;
	margin-left: auto;
}
.CatalogMemoEdit li {
	font-size: 13px;
	line-height: 14px;
	margin-left: 20px;
}
.CatalogMemoEdit li svg {
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: top;
	margin-right: 4px;
}
.CatalogMemoEdit li a{
	color: #777;
}
/*
.CatalogMemoBox .NoData{
	text-align: center;
	margin: 17px 8px;
	line-height: 1.8;
	font-size: 14px;
}
*/

.MemoWrap01 .LinkBtn_03 {
	display: none;
}
@media only screen and (max-width: 835px){
	.MemoWrap01 .LinkBtn_03 {
		display: none;
	}
}
@media only screen and (min-width: 834px){
	.MemoWrap01 .Title_Sec{
		/* display: none; */
		margin: 20px 0 0;
	}

	.MemoWrap01 .Title_BtnMore02 a:hover{
		background: #fff;
	}
	.MemoWrap01 .MemoAddBtn01 a:hover {
		opacity: 0.8;
	}
	.CatalogMemoBox {
		margin: 14px 0 0;
		padding: 18px;
		border-radius: 10px;
		height: 100px;
	}
	.CatalogMemoBox p {
		font-size: 16px;
		min-height: 1.2em;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.MemoListWrap01 .CatalogMemoBox p {
		text-overflow: unset;
		white-space: wrap;
		overflow: visible;
	}
	.CatalogMemoBox .MemoDataFoot {
		margin-top: 28px;
	}
	.CatalogMemoEdit li {
		font-size: 13px;
		line-height: 14px;
	}
	.CatalogMemoEdit li svg {
		width: 14px;
		height: 14px;
		vertical-align: top;
	}
	.MemoDataFoot {
		align-items: center;
	}
	.MemoDataFoot .TimeStump {
		font-size: 11px;
	}
	.MemoWrap01 .LinkBtn_03 {
		margin-top: 20px;
	}
}
/* メモfixedボタン .Memo_FixedBtn */
.Memo_FixedBtn {
	position: fixed;
	width: 60px;
	height: 60px;
	right: 10px;
	bottom: 10px;
	z-index: 50;
}
.Memo_FixedBtn a {
	position: relative;
	display: block;
	width: 60px;
	height: 60px;
	background: #b79a43;
	border-radius: 50%;
	color: #fff;
}
.Memo_FixedBtn svg {
	display: block;
	width: 20px;
	height: 20px;
	margin: auto;
	position: absolute;
	top: 12px;
	left: 20px;
}
.Memo_FixedBtn a span {
	display: block;
	width: 100%;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: 35px;
}
.Memo_FixedBtn a:hover{
	background: #c9b26c;
}

@media only screen and (min-width: 834px){
	.Memo_FixedBtn {
		position: fixed;
		width: 100%;
		height: 92px;
		max-width: 1200px;
		right: auto;
		bottom: 20px;
		z-index: 50;
		pointer-events: none;
	}
	.Memo_FixedBtn a {
		position: absolute;
		display: block;
		width: 92px;
		height: 92px;
		background: #b79a43;
		border-radius: 50%;
		right: 20px;
		color: #fff;
		pointer-events: visible;
	}
	.Memo_FixedBtn svg {
		width: 30px;
		height: 30px;
		top: 20px;
		left: 33px;
	}
	.Memo_FixedBtn a span {
		font-size: 18px;
		top: 56px;
	}
}
/* 獲得賞金 */
.OwnerDB_Prize {
	padding: 0 10px 20px;
}
.OwnerDB_Prize_DetailBtn:first-child {
	margin-top: 0;
}
.OwnerDB_Prize_DetailBtn {
	background: #fff;
	border: 1px solid #c3c3c3;
	margin-top: 12px;
	position: relative;
	border-radius: 8px;
}

.OwnerDB_Prize_DetailBtn dl {
	display: flex;
}
.OwnerDB_Prize_DetailBtn dl dt,
.OwnerDB_Prize_DetailBtn dl dd {
	color: #444;
	vertical-align: middle;
	padding: 14px 12px;
}
.OwnerDB_Prize_DetailBtn dl dt {
	font-size: 77.78%;
	white-space: nowrap;
	background: #f3f3f3;
	border-radius: 8px 0 0 8px;
}
.OwnerDB_Prize_DetailBtn dl dt span {
	display: inline-block;
	width: 4.3em;
	vertical-align: middle;
}
.OwnerDB_Prize_DetailBtn dl dd {
	font-size: 94%;
	width: 100%;
	padding: 0;
	flex: 1;
	text-align: right;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.OwnerDB_Prize_DetailBtn dl dd strong{
	position: relative;
	display: block;
	text-align: right;
	padding: 14px 32px 14px 12px;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}
.OwnerDB_Prize_DetailBtn dl dd strong::after {
	content: '';
	width: 10px;
	height: 10px;
	border-top: 2px solid #888;
	border-right: 2px solid #888;
	border-radius: 1px;
	background: none;
	position: absolute;
	top: 50%;
	right: 18px;
	transform: rotate(45deg) translateY(-50%);
	margin-top: -1px;
}
.OwnerDB_Prize_DetailBtn dl dd .RecoveryRate,
.ModalPopup01 .CatalogProfTable01 .RecoveryRate {
	font-size: 82.3%;
}
.OwnerDB_Prize_DetailBtn.PrizeHidden {
	padding: 0 44px 0 10px;
}
.OwnerDB_Prize_DetailBtn.PrizeHidden:after {
	display: none;
}
.OwnerDB_Prize_Detail .PrizeDetailBox.CatalogProfTable01 {
	margin: 0;
}
.PrizeDetailBox.CatalogProfTable01 table tr th {
	height: 36px;
}

.ModalPopup01 .CatalogProfTable01 {
	margin: 10px 15px;
}
.ModalPopup01 .CatalogProfTable01 > dl {
	display: flex;
	padding-top: 15px;
}
.ModalPopup01 .CatalogProfTable01 > dl dt,
.ModalPopup01 .CatalogProfTable01 > dl dd {
	font-size: 100%;
	font-weight: bold;
}
.ModalPopup01 .CatalogProfTable01 > dl dd {
	margin-left: auto;
}

.CatalogProfTable01 table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 10px 0 0;
	border-bottom: 1px solid #ddd;
}
.CatalogProfTable01 table tr {
	border-top: 1px solid #ddd;
}
.CatalogProfTable01 table tr th {
	width: 86px;
	height: 45px;
	font-size: 66.67%;
	font-weight: bold;
	line-height: 1.2;
	color: #fff;
	vertical-align: middle;
	background-color: #8b8b8b;
	padding: 0 4px;
}
.CatalogProfTable01 table tr td {
	color: #444;
	font-size: 83.34%;
	font-weight: bold;
	vertical-align: middle;
	padding: 7px 13px;
	line-height: 1.4;
	background-color: #fff;
	text-align: left;
	position: relative;
}
.PrizeInput01 .ModalCloseBtn01,
.PrizeInput02 .ModalCloseBtn01 {
	pointer-events: none;
}
@media only screen and (max-width: 835px){
	.OwnerDB_Prize.DataBlank {
		display: none;
	}
}
@media only screen and (min-width: 834px){
	.OwnerDB_Prize {
		padding: 0;
		margin-right: 10px;
	}
	.OwnerDB_Prize_DetailBtn dl dt,
	.OwnerDB_Prize_DetailBtn dl dd {
		padding: 11px 12px;
		height: 42px;
	}
	.OwnerDB_Prize_DetailBtn dl dt {
		font-size: 88.89%;
	}
	.OwnerDB_Prize_DetailBtn dl dd {
		text-align: right;
		padding: 0;
	}
	.OwnerDB_Prize_DetailBtn dl dt span {
		font-weight: bold;
		color: #666;
	}
	.OwnerDB_Prize_DetailBtn dl dd strong {
		font-size: 111.12%;
		text-align: right;
		padding: 11px 32px 11px 12px;
		cursor: pointer;
	}
	.OwnerDB_Prize_DetailBtn .RecoveryRateAll {
		font-size: 111.12%;
	}
	.DataBlank .OwnerDB_Prize_DetailBtn dl dd {
		padding: 11px 12px;
	}

	.PrizeDetailBox.CatalogProfTable01 table tr th {
		width: 184px;
		height: 48px;
		font-size: 88.89%;
		padding: 0 4px;
	}
	.PrizeDetailBox.CatalogProfTable01 table tr td {
		font-size: 88.89%;
		padding: 7px 13px;
	}
}
@media only screen and (min-width: 1220px) {
	.OwnerDB_Prize {
		margin-right: 0;
	}
}

/*---------------------------------
戦績詳細表示
---------------------------------*/
.RaceResults {
	margin-bottom: 40px;
}
#next_yoso_area {
	scroll-margin-top: 100px;
}
.RaceResults .CommonBtn01 {
	max-width: 480px;
	margin: auto;
}
/* レース最新情報table */
.RaceLatestTable {

}
.RaceLatestTable td > a,
.RaceLatestTable td .RaceLatestWrap > a{
	display: inline-block;
	color: #03a;
}
.RaceLatestTable td .RaceSchedule{
	display: block;
	font-weight: normal;
	font-size: 86.7%;
	margin-bottom: 2px;
}
.RaceLatestTable td .RaceName{
	position: relative;
	display: inline-block;
	font-size: 93.33%;
}
.RaceLatestTable td .RaceName:empty,
.RaceLatestTable td .RaceSchedule:empty,
.RaceLatestTable td .RaceName .Icon_GradeType.hidden,
.RaceLatestTable td .RaceName .Icon_GradeType:empty {
	display: none;
}
.RaceLatestTable td .RaceName .Icon_GradeType{
	margin-top: -1px;
}
.RaceLatestTable td a[target="_blank"] .RaceName::after{
	content: "";
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013.295%2013.347%22%3E%3Cg%20transform%3D%22translate(-735.41%20-264.694)%22%3E%3Cpath%20d%3D%22M745.953%2C319.286h-9.935a.608.608%2C0%2C0%2C1-.608-.608v-9.934a.608.608%2C0%2C0%2C1%2C.608-.608h6.823a.608.608%2C0%2C1%2C1%2C0%2C1.217h-6.214v8.718h8.718v-6.345a.608.608%2C0%2C0%2C1%2C1.217%2C0v6.953A.608.608%2C0%2C0%2C1%2C745.953%2C319.286Z%22%20transform%3D%22translate(0%20-41.245)%22%20fill%3D%22%23888888%22%2F%3E%3Cpath%20d%3D%22M833.757%2C273.048a.608.608%2C0%2C0%2C1-.43-1.038l6.1-6.1h-1.669a.608.608%2C0%2C1%2C1%2C0-1.217h3.137a.608.608%2C0%2C0%2C1%2C.43%2C1.038l-7.137%2C7.137A.606.606%2C0%2C0%2C1%2C833.757%2C273.048Z%22%20transform%3D%22translate(-92.798)%22%20fill%3D%22%23888888%22%2F%3E%3Cpath%20d%3D%22M974.936%2C268.786a.608.608%2C0%2C0%2C1-.608-.608V265.3a.608.608%2C0%2C1%2C1%2C1.217%2C0v2.876A.608.608%2C0%2C0%2C1%2C974.936%2C268.786Z%22%20transform%3D%22translate(-226.84)%22%20fill%3D%22%23888888%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
	width: 14px;
	height: 14px;
	margin-left: 6px;
	position: relative;
	top: 1px;
}
.RaceLatestTable th {
	background: #dadada;
	color: #444;
}
.RaceLatestTable th.Regist {
	color: #fff;
	background: #9f4949;
}
.RaceLatestTable th.Entry {
	background: #691e1e;
	color: #fff;
}
.RaceLatestTable th.Result {
	background: #9b833b;
	color: #fff;
}
.RaceLatestTable th.ExpectedEntry {
	background: #4472c4;
	color: #fff;
}
.RaceLatestTable th.MyNextRace {
	background: #689B42;
	color: #fff;
}
.RaceLatestTable .RaceLatestWrap {
	position: relative;
}
.RaceLatestTable .EditLink {
	display: flex;
	justify-content: flex-end;
	margin-top: 6px;
	position: relative;
	z-index: 1;
}
.RaceLatestTable .EditLink a {
	display: block;
	position: relative;
	color: #444;
	font-size: 86.67%;
	font-weight: normal;
	padding-left: 19px;
}
.RaceLatestTable .EditLink a::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 14px;
	height: 14px;
	margin-top: 1px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 13.176'%3E%3Cpath d='M11.251,33.654a.816.816,0,0,1-.823.807H2.142a.816.816,0,0,1-.823-.807V25.521a.816.816,0,0,1,.823-.807H8.563l1.319-1.3H2.142A2.123,2.123,0,0,0,0,25.521v8.133a2.123,2.123,0,0,0,2.142,2.1h8.286a2.123,2.123,0,0,0,2.142-2.1V27.188l-1.319,1.3Z' transform='translate(0 -22.58)' fill='%23888'/%3E%3Cpath d='M138.021,25.81l-5.844,5.737-.548,2.1a.219.219,0,0,0,.269.264l2.144-.538,5.844-5.737-1.865-1.83' transform='translate(-126.826 -24.886)' fill='%23888'/%3E%3Cpath d='M323.046.379a1.336,1.336,0,0,0-1.865,0l-.049.048L323,2.257l.048-.048a1.277,1.277,0,0,0,0-1.83' transform='translate(-309.432 0)' fill='%23888'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 14px auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.RaceLatestTable .NewAddLink {
	display: flex;
	justify-content: flex-start;
}
.RaceLatestTable .NewAddLink a {
	display: block;
	position: relative;
	color: #03a;
	font-size: 86.67%;
	font-weight: bold;
	padding-left: 15px;
}
.RaceLatestTable .NewAddLink a::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 10px;
	height: 10px;
	margin-right: 3px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 9.91'%3E%3Cpath d='M1.558-10.975H-2.528v4.063H-4.357v-4.063H-8.442v-1.783h4.086v-4.063h1.828v4.063H1.558Z' transform='translate(8.442 16.821)' fill='%23888'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 10px auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.RaceLatestTable .SetNumTxt {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 93.33%;
	font-weight: normal;
}

.RaceResults .mode_detail {
	padding: 0;
	margin-left: 10px;
	position: relative;
}
.RaceResults .mode_detail.mode_fullscreen .BtnPremiumRegist01.table_base{
	left:196px;
}
.Race_result.RaceResults .mode_detail{
	margin-top: 0;
}
.RaceResults .mode_detail .table_fixed_index {
	position: absolute;
	z-index: 50;
}
.RaceResults .mode_detail .SlideArea {
	padding-left: 0;
}
.RaceResults .mode_detail table {
	border-collapse: collapse;
	border: 0px;
	font-size: 66.67%;
	border: 1px solid #cacaca;
}
.RaceResults .mode_detail table thead {
	background: #e7e7e7;
}
.RaceResults .mode_detail table tr th,
.RaceResults .mode_detail table tr td {
	vertical-align: middle;
	padding: 6px 4px;
}
.RaceResults .mode_detail table tr th + th,
.RaceResults .mode_detail table tr td + td {
	border-left: 1px solid #cacaca;
}
.RaceResults .mode_detail table tr td {
	vertical-align: middle;
	padding: 0 8px;
	height: 36px;
	min-width: 33px;
	font-weight: bold;
	background-color: #fff;
	border-top: 1px solid #cacaca;
	white-space: nowrap;
}
.RaceResults .mode_detail table tr td a {
	color: #03a;
}
.RaceResults .mode_detail table tr td.race_title{
	min-width: 170px;
}
.RaceResults .mode_detail table tr td.center {
	text-align:center;
}
.RaceResults .mode_detail table tr td.right {
	text-align:right;
}
.RaceResults .mode_detail table tr td.center_cell {
	text-align:center;
}
.RaceResults .mode_detail table tr .race_info {
	font-size: 83.34%;
}
.RaceResults .mode_detail table tr .race_title {
	margin-top: 2px;
}
.RaceResults .mode_detail table tr .race_title .Set_RaceName a {
	display: block;
	line-height: 1.3;
}
.RaceResults .mode_detail table tr .race_title .Icon_GradeType {
	padding: 3px .7em;
	font-size: 10px;
	vertical-align: middle;
	min-width: 30px;
	margin-left: 2px;
}
.RaceResults .mode_detail table thead tr th {
	color: #777;
	font-weight: normal;
}
.RaceResults .mode_detail table thead tr th.icon_cell{
	width:57px;
}

.ResultsList .SlideArea tr .Sticky {
	position: sticky;
	left: 0;
	border-left: 0 none;
	z-index: 1;
}
.ResultsList .SlideArea tr th.Sticky {
	background: #e7e7e7;  
}
.ResultsList .SlideArea tr .Sticky::before {
	content: "";
	position: absolute;
	top: -1px;
	right: -1px;
	width: 1px;
	height: 100%;
	border-right: 1px solid #cacaca;
}
/*
.RaceResults .mode_detail table {
	width: 100%;
}
*/
.LinkBtn_result a .Icon_More01 svg {
	transform: rotate(90deg);
}
.LinkBtn_result.rotate_90 a .Icon_More01 svg {
	transform: rotate(-90deg);
}

/*--色付きセル 順位--*/
.RaceResults .mode_detail table tr td.Rank_1 {
	background-color: #ffef7f;
}
.RaceResults .mode_detail table tr td.Rank_2 {
	background-color: #cbdeff;
}
.RaceResults .mode_detail table tr td.Rank_3 {
	background-color: #efc79f;
}
/*--色付きセル 指数--*/
.RaceResults .mode_detail table tr td.index2 {
	background-color: #fdf2c1;
}
.RaceResults .mode_detail table tr td.index3 {
	background-color: #fce489;
}
.RaceResults .mode_detail table tr td.index4 {
	background-color: #fc6;
}
.RaceResults .mode_detail table tr td.index5 {
	background-color: #ffac84;
}
.RaceResults .mode_detail table tr td.index6 {
	background-color: #fc855c;
}
/*-- レース名 --*/
.Set_RaceName {
	display: inline-block;
	max-width: 9.95em;
	overflow: hidden;
	white-space: nowrap;
	vertical-align: middle;
	line-height: 1.3;
}
@media only screen and (max-width: 1023px) and (min-width: 834px) {
	.Set_RaceName {
		overflow: visible;
		max-width: none;
	}
}
/*-- データなし --*/
.RaceResults .NoData {
	border: 4px solid #ddd;
	margin: 0 10px;
	padding: 15px 10px;
}
.RaceResults .NoData p {
	font-size: 15px;
	text-align: center;
	color: #666;
}
@media only screen and (min-width: 834px){
	.RaceResults .NoData {
		padding: 24px 10px;
	}
	.RaceResults .NoData p {
		font-size: 16px;
	}
	.RaceResults .CatalogProfTable01 table tr th {
		width: 214px;
		font-size: 88.89%;
		text-align: left;
		padding-left: 24px;
		height: 60px;
	}
	.RaceResults .CatalogProfTable01 table tr td {
		font-size: 94.45%;
		padding: 7px 13px 7px 24px;
	}
	.RaceResults .CatalogProfTable01 {
		margin: 30px 10px 60px;
	}
	.RaceLatestTable td .RaceSchedule {
		display: inline;
	}
	.RaceLatestTable td .RaceName {
		margin-top: 2px;
	}
	.RaceLatestTable .SetNumTxt {
		position: static;
		margin-top: 6px;
	}
	.RaceLatestTable .EditLink + .SetNumTxt {
		position: absolute;
		bottom: 0;
		left: 0;
		top: auto;
		margin: 0;
	}
	.RaceLatestTable td .RaceName .Icon_GradeType {
		margin-top: 0;
	}
	.RaceLatestTable td a {
		display: inline-block;
	}
	.RaceLatestTable td a:hover {
		text-decoration: none;
	}
	.RaceLatestTable td a:hover .RaceName{
		text-decoration: underline;
	}
}

@media only screen and (min-width: 1220px) {
	.RaceResults .mode_detail {
		margin-right: 0;
		margin-left: 0;
	}
}
/*---------------------------------
せり成績 .AuctionData
---------------------------------*/
.AuctionData {

}
.AuctionData .SubTitle{
	margin: 0 10px ;
}
.AuctionData .SubTitle h3 {
	margin-bottom: 10px;
}

.AuctionDataContent{
	background: #fff;
	border-radius: 8px;
	margin: 10px;
	border: 1px solid #ddd;
}
.AuctionDataContent .AuctionDataWrap {
	transition: all .3s ease-out;;
	opacity: 0;
	visibility: hidden;
	height: 0;
}
.AuctionDataContent.Open .AuctionDataWrap {
	display: block;
	opacity: 1;
	visibility: visible;
	height: auto;
}
.AuctionDataContent .AuctionDataContentTitle {
	position: relative;
	font-size: 88.89%;
	font-weight: bold;
	padding: 14px 10px;
}
.AuctionDataContent .AuctionDataContentTitle::after {
	content: '';
	width: 10px;
	height: 10px;
	border-top: 2px solid #888;
	border-right: 2px solid #888;
	border-radius: 1px;
	background: none;
	position: absolute;
	top: 14px;
	right: 13px;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.AuctionDataContent.Open .AuctionDataContentTitle::after {
	top: 15px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.AuctionDataContent .CatalogProfTable01 {
	margin: 10px 10px 20px;
}
/* 動画ボックス */
.AuctionData .VideoWrap {
	margin-bottom: 20px;
}
.VideoWrap {
	position: relative;
	overflow: hidden;
	background: #eee;
}
.VideoWrap::after {
	content:"";
	display:block;
	padding-bottom: 56.25%;
}
.VideoWrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}
/* 測尺 */
.AuctionDataContent .CatalogProfTable01 table tr th {
	width: 100px;
	height: auto;
	padding: 8px 4px;
}
.AuctionDataContent .CatalogProfTable01 table tr td {
	text-align: left;
}
.AuctionDataContent .CatalogProfTable01 table tr td span.Days {
	font-size: 66.67%;
	font-weight: normal;
}
@media only screen and (max-width: 835px){
	.AuctionDataTab {
		display: none;
	}
}
@media only screen and (min-width: 834px){
	.AuctionDataContent,
	.AuctionDataContent .AuctionDataContentTitle {
		display: none;
	}
	.AuctionDataContent {
		padding: 12px 20px;
		border-radius: 0 10px 10px 10px;
		margin-top: 0;
		margin-bottom: 40px;
	}
	.AuctionDataTab {
		padding: 0 10px;
	}
	.AuctionDataTab ul{
		display: flex;
	}
	.AuctionDataTab ul li{
		position: relative;
		padding-top: 6px;
	}
	.AuctionDataTab ul li.Active {
		padding-top: 0px;
	}
	.AuctionDataTab ul li + li{
		margin-left: 8px;
	}
	.AuctionDataTab ul li a{
		display: block;
		font-size: 88.89%;
		font-weight: bold;
		background: #ddd;
		border-radius: 10px;
		line-height: 39px;
		padding: 0 28px;
		color: #444;
		min-width: 170px;
		text-align: center;
	}
	.AuctionDataTab ul li.Active a{
		background: #fff;
		border-radius: 10px 10px 0 0;
		color: #691e1e;
		border: 1px solid #ddd;
		border-bottom: 0 none;
		line-height: 52px;
		position: relative;
		bottom: -1px;
		z-index: 5;
	}
	.AuctionDataContent.Open {
		display: inline-block;
	}
	.AuctionDataContent.Open .AuctionDataWrap {
		display: flex;
		align-items: flex-end;
	}
	
	.AuctionDataContent.Open:has(.VideoArea + .BodyDataArea + .AuctionDataArea) {
		display:block;
	}
	.AuctionData .SubTitle h3 {
		font-size: 18px;
	}
	.AuctionData .AuctionDataWrap .VideoArea {
		width: 39.65%;
		margin-right: 10px;
		min-width: 468px;
	}
	.AuctionData .VideoWrap {
		min-height: 226px;
	}
	.AuctionData .AuctionDataWrap .BodyDataArea {
		width: 380px;
	}
	.AuctionDataContent.Open:has(.VideoArea + .BodyDataArea + .AuctionDataArea) .BodyDataArea {
		width: 29.31%;
	}
	.AuctionData .AuctionDataWrap .AuctionDataArea {
		width: 380px;
	}
	.AuctionData .AuctionDataWrap .VideoArea + .BodyDataArea + .AuctionDataArea {
		width: 30%;
	}
	.AuctionDataContent .CatalogProfTable01 table {
		height: 226px;
	}
	.AuctionDataContent .CatalogProfTable01 table tr th {
		font-size: 13px;
	}
	.AuctionDataContent .CatalogProfTable01 table tr td {
		font-size: 15px;
	}
	.AuctionDataContent .CatalogProfTable01 table tr td span.Days {
		display: block;
	}
	
}
@media only screen and (min-width: 1220px){
	.AuctionDataContent {
		margin: 0 0 40px;
	}
	.AuctionDataTab {
		padding: 0;
	}
}

/* 一口馬主データ */
.ClubOwnerDataBox {
	margin: 0 10px 20px;
}
.ClubOwnerDataTable {
	border-collapse: collapse;
	width: 100%;
}
.ClubOwnerDataTable tr th {
	background: #691e1e;
	color: #fff;
	font-size: 77.78%;
	height: 40px;
	width: 50%;
	vertical-align: middle;
}
.ClubOwnerDataTable tr th + th {
	border-left: 2px solid #f2f1ec;
}
.ClubOwnerDataTable .PriceRow td {
	background: #fff;
	color: #444;
	font-size: 77.78%;
	height: 45px;
	text-align: center;
	vertical-align: middle;
}
.ClubOwnerDataTable .PriceRow td + td {
	border-left: 2px solid #f2f1ec;
}
.ClubOwnerDataTable .PriceRow td .Unit {
	display: block;
	margin-top: 4px;
}

@media only screen and (min-width: 834px){
	.ClubOwnerDataBox {
		margin: 20px 10px 20px 0;
	}
	.ClubOwnerDataTable tr th {
		font-size: 88.89%;
		height: 30px;
	}
	.ClubOwnerDataTable .PriceRow td {
		font-size: 88.89%;
	}
	.ClubOwnerDataTable .PriceRow td .Unit {
		display: inline;
	}
	.ClubOwnerDataTable .PriceRow td strong {
		font-size: 125%;
	}
}
@media only screen and (min-width: 1220px) {
	.ClubOwnerDataBox {
		margin-right: 0;
		margin-left: 0;
	}
}
/*---------------------------------
オンラインカタログプロフィール  .CatalogProfTable01
---------------------------------*/
.CatalogProfTable01 {
	margin: 10px 10px 40px;
}
.CatalogProfTable01 ul {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 10px 0 0;
	border-bottom: 1px solid #ddd;
}
.CatalogProfTable01 ul li {
	border-top: 1px solid #ddd;
}
.CatalogProfTable01 ul li {
	
}
.CatalogProfTable01 ul li dl {
	display: table;
	width: 100%;
}
.CatalogProfTable01 ul li dl dt {
	display: table-cell;
	width: 86px;
	height: 45px;
	font-size: 66.67%;
	font-weight: bold;
	line-height: 1.2;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	background-color: #8b8b8b;
	padding: 0 4px;
}
.CatalogProfTable01 ul li dl dd {
	display: table-cell;
	color: #444;
	font-size: 83.34%;
	font-weight: bold;
	vertical-align: middle;
	padding: 4px 16px;
	line-height: 1.4;
	background-color: #fff;
	text-align: left;
	flex: 1;
/*	word-break: break-all; */
}
.CatalogProfTable01 .ClothesImgWrap {
	display: inline-block;
	width: 31px;
	vertical-align: middle;
	margin-right: 4px;
}
.CatalogProfTable01 .ClothesImgWrap img {
	display: inline-block;
	width: 31px;
}
.CatalogProfTable01 ul li dl dt.Sire {
	background: #6b9dd9;
	color: #fff;
}
.CatalogProfTable01 ul li dl dd.Sire {
	background: #d3dfed;
}
.CatalogProfTable01 ul li dl dt.Dam {
	background: #d27f89;
	color: #fff;
}
.CatalogProfTable01 ul li dl dd.Dam {
	background: #f0dfe3;
}
.CatalogProfTable01 ul li dl dd.Dam p{
	font-size: 80%;
	margin-top: 2px;
}
.CatalogProfTable01 ul li dl dd a {
	color: #03a;
}
.CatalogProfTable01 ul li dl dd.Price p{
	font-size: 80%;
	margin-top: 2px;
}

@media only screen and (max-width: 835px){
	.CatalogProfTable01 ul li.BlankData {
		display: none;
	}
}
@media only screen and (min-width: 834px){
	.CatalogProfTable01 {
		margin: 20px 10px 20px 0;
	}
	.CatalogProfTable01 ul {
		display: flex;
		flex-wrap: wrap;
	}
	.CatalogProfTable01 ul li{
		width: 50%;
	}
	.CatalogProfTable01 ul li dl {
		height: 100%;
	}
	.CatalogProfTable01 ul li dl dt {
		width: 76px;
		min-width: 76px;
		height: 55px;
		font-size: 88.89%;
	}
	.CatalogProfTable01 ul li dl dd {
		font-size: 88.89%;
	}

	.HorseProfileWrap01 .HorsePedigree01 {

	}
	.HorseProfileWrap01 .BloodTable table{
	}
	.HorseProfileWrap01 .BloodTable table td {
		font-size: 66.67%;
		
	}
	.HorseProfileWrap01 .BloodTable .LinkBtn_03{
		margin-top: 20px;
	}
}
@media only screen and (min-width: 1220px) {
	.CatalogProfTable01,
	.RaceResults .CatalogProfTable01 {
		margin-right: 0;
		margin-left: 0;
	}
	.HorseProfileWrap01 .BloodTable table {
		height: 286px;
	}
	.HorseProfileWrap01 .BloodTable table td {
		font-size: 77.78%;
		padding: 6px 0 6px 12px;
	}
}
/*---------------------------------
オンラインカタログメニュー  .CatalogMenu
---------------------------------*/
.CatalogMenu {
	position: -webkit-sticky; 
	position: sticky;
	top: 0;
}
.CatalogMenu.fixed {
	position: fixed;
	top: 30px;
	width: 100%;
	z-index: 10;
}
.CatalogMenu.fixed.Fixed_Pos2 {
	top: 72px;
}
.CatalogMenu a {
	color: var(--SecondaryColor);
}
.CatalogMenu > ul {
	display: flex;
	background: var(--PrimaryColor);
}
.CatalogMenu > ul li a {
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 45px;
	padding: 0 2px;
	position: relative;
}
.CatalogMenu > ul li.Active a {
	color: #fff;
}
.CatalogMenu > ul li.Active a::after {
	content: " ";
	background: var(--SecondaryColor);
	width: 100%;
	height: 4px;
	position: absolute;
	bottom: 1px;
	left: 0; 
}
.CatalogMenu > ul li + li {
	margin-left: 10px;
}
.CatalogMenu > ul li {
	margin-left: 10px;
}
@media only screen and (min-width: 834px){
	.CatalogMenu.fixed {
		position: sticky;
		top: 42px;
		width: auto;
	}
	.CatalogMenu > ul li {
		padding-left: 28px;
	}
	.CatalogMenu > ul li + li {
		margin-left: 44px;
	}
	.CatalogMenu > ul li a {
		font-size: 16px;
		padding: 0 10px;
		line-height: 50px;
	}
	.CatalogMenu.fixed.Fixed_Pos2 {
		top: 100px;
	}
}

/*---------------------------------
オンラインカタログ血統01 .HorsePedigree01
---------------------------------*/

.HorsePedigree01 {

}
.BloodTable {
	padding: 0 10px;
}
.BloodTable table{
	border-collapse: collapse;
	border: 0px;
	width: 100%;
}
.BloodTable table td {
	line-height: 1.4em;
	font-size: .7em;
	width:135px;
	vertical-align: middle;
	padding: 2px;
}
.BloodTable.SpView.BloodTable table {
	table-layout: fixed;
}
.BloodTable.SpView.BloodTable table td {
	width: 33.3%;
	width: calc(100% / 3);
}
.BloodTable table a {
	color: #03a;
}
.BloodTable table .td05 {
	border-bottom: 1px solid #fff;
}
.BloodTable table .td05 a{
	display: block;
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
	line-height: 1.4;
}
.BloodTable table .td05.MaleRight {
	border-right: 1px solid #5b9fdf;
}
.BloodTable table .td05.FemaleRight {
	border-right: 1px solid #d3788d;
}
.BloodTable table .Male {
	background: #d0e0ef;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.BloodTable table .Male.tr01 {
	border-top: 1px solid #5b9fdf;
}
.BloodTable table .Male.td01 {
	border-left: 1px solid #5b9fdf;
}
.BloodTable table .Female {
	background: #f4dee3;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.BloodTable table .Female.tr02 {
	border-bottom: 1px solid #d3788d;
}
.BloodTable table .Female.td01 {
	border-left: 1px solid #d3788d;
}
.BloodTable span.DetailLink {
	display: block;
	text-align: right;
	font-size: 12px;
	margin: 14px 0 16px;
}
.BloodTable span.DetailLink a {
	color: var(--PrimaryColor);
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	border: 1px solid var(--PrimaryColor);
	border-radius: 1.27em;
	line-height: 2.55;
	display: block;
	width: 79%;
	max-width: 300px;
	min-width: 142px;
	margin: 0 auto;
	position: relative;
}
.BloodTable span.DetailLink a::after {
	content: "";
	display: inline-block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 7'%3E%3Cpath d='M5.6.105a.38.38,0,0,0-.525,0,.344.344,0,0,0,0,.5L7.735,3.146H.368A.359.359,0,0,0,0,3.5a.363.363,0,0,0,.368.357H7.735L5.074,6.393a.349.349,0,0,0,0,.5.38.38,0,0,0,.525,0L8.89,3.749a.334.334,0,0,0,0-.5Zm0,0' fill='%23691e1e' transform='translate(0)'%3E%3C/path%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
	vertical-align: middle;
	margin-left: 8px;
	width: 8px;
	height: 9px;
}
/* クロス */
.HorsePedigree01 .Cross {
	padding: 0 10px;
}
.HorsePedigree01 .Cross .Title_Sec{
	margin-left: 0;
}
.HorsePedigree01 .CrossTable {
	margin-bottom: 40px;
}
.HorsePedigree01 .CrossTable table {
	width: 100%;
}
.HorsePedigree01 .CrossTable table th {
	color: #444;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.5;
	max-width: 230px;
	text-align: left;
}
.HorsePedigree01 .CrossTable table td {
	font-size: 13px;
	color: #444;
	line-height: 1.5;
	text-align: right;
	margin-left: auto;
}

@media only screen and (min-width: 834px){
	.HorsePedigreeWrap01 {
		display: flex;
	}
	.HorsePedigreeWrap01 .BloodDetail {
		width: 63.4%;
	}
	.BloodTable {
		padding: 0 10px 0 0;
	}
	.BloodTable .Title_Sec{
		padding: 0 ;
		margin: 20px 0 15px;
	}
	.BloodTable .Title_Sec .Title_BtnMore02 a{
		color: #666;
		font-size: 61.12%;
		font-weight: bold;
		text-align: center;
		border: 1px solid #bfbfbf;
		border-radius: 1.37em;
		line-height: 27px;
		display: block;
		position: relative;
		min-width: 97px;
	}
	.BloodTable .Title_Sec .Title_BtnMore02 a:hover{
		background: #fff;
	}
	.BloodTable table{
		border-collapse: collapse;
		border: 0px;
		width: 100%;
	}
	.HorsePedigreeWrap01 .BloodTable{
		width: calc( 73.4% - 30px );
		padding-right: 30px;
	}
	.BloodTable span.DetailLink {
		text-align: right;
	}
	.BloodTable span.DetailLink a {
		display: inline-block;
		border: 1px solid #888;
		color: #444;
		width: 140px;
		padding: 0;
		line-height: 22px;
		text-align: center;
		border-radius: 12px;
	}
	.BloodTable span.DetailLink a:hover {
		background: #fff;
	}
	.BloodTable span.DetailLink a::after {
		display: none;
	}
	.HorsePedigree01 .Cross {
		width: 36.6%;
	}
	.HorsePedigree01 .CrossTable th,
	.HorsePedigree01 .CrossTable td {
		font-size: 16px;
	}
	.HorsePedigree01 .CrossTable th {
		margin-right: 20px;
	}
	
}
@media only screen and (min-width: 1220px) {
	.BloodTable,
	.HorsePedigree01 .Cross {
		padding-right: 0;
	}
}

/* ニックス */
.NicksBox01 {
	background: #fff;
	border-radius: 8px;
	margin: 20px 10px;
	padding: 20px;
}
.NicksBox01.ContentsBox {
	margin-bottom: 40
}
.NicksBox01 .Title_Sec{
	margin: 0 20px 15px;;
}
.NicksBox01 > span{
	display: block;
	margin: auto;
	text-align: center;
}
.NicksBox01 > span.Name{
	font-size: 16px;
	font-weight: bold;
	color: var(--TxtStrongColor);
}
.NicksBox01 > span.Name a{
	color: #03a;
}
.NicksBox01 > span.IconCross{
	margin: 14px 0;
}
.NicksBox01 .CommonBtn01{
	padding-top: 22px;
}
.NicksBox01 .SearchDetailWrap01 {
	display: flex;
	margin-left: 62px;
	margin-top: -2px;
}
.NicksBox01 .CheckLabelWrap {
	display: flex;
	margin-right: 20px;
	align-content: center;
	flex-wrap: wrap;
}
.NicksBox01 .CheckLabel {
	font-size: 13px;
	color: #444;
	line-height: 18px;
	margin-left: 6px;
}
.NicksBox01 .Male {
	color: #6b9dd9;
}
.NicksBox01 .Female {
	color: #d195a3;
}
.NicksBox01 .Search_InputWrap label.Label01 {
	width: auto;
	min-width: auto;
}
@media only screen and (min-width: 834px){
	.NicksBox01 {
		margin: 20px 0;
	}
	.HorsePedigree01 .NicksBox01 .Title_Sec{
		width: 100%;
	}
	.HorsePedigree01 .NicksBox01 .Title_Sec h2{
		margin: auto;
	}
}

/* 5代血統表モーダル */
.ModalPopup01.BloodModal {
	background-color: #fff;
	width: 100%;
	max-width: 640px;
	padding-bottom: 0;
/*	padding-bottom: 124px; */
	border-radius: 0px;
	position: fixed;
	top: 200%;
	left: 50%;
	margin: 0;
	z-index: 7500;
	-webkit-transform: translate3d(-50%, 0, 0);
	-moz-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
}
.ModalPopup01.BloodModal.OpenDraw {
	top: 0%;
	bottom: 0;
	-webkit-transform: translate3d(-50%, 0%, 0);
	transform: translate3d(-50%, 0%, 0);
}
.BloodModal .ModalPopupInner01 {
	position: relative;
	overflow: auto;
	width: 100%;
	height: 100%;
	padding: 44px 0 10px;
	background: #fff;
}
.BloodModal .AplHeader_Wrap{
	width: 100%;
	height:44px;
	position: fixed;
	top: 0;
	z-index: 1;
}
.BloodModal .AplHeader{
	height: 44px;
	width: 100%;
	overflow: hidden;
	background: #fff;
	border-bottom: 1px solid #d3d7d9;
}
.BloodDetail .SlideArea01 {
	width: 100%;
	position: relative;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
}

@media only screen and (min-width: 834px){
	.ModalPopup01.BloodModal {
		background-color: #fff;
		width: 80%;
		max-width: 960px;
		padding-bottom: 10px;
		border-radius: 20px;
		position: fixed;
		top: 200%;
		left: 50%;
		margin: 0;
		z-index: 7500;
		-webkit-transform: translate3d(-50%, 0, 0);
		-moz-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0);
		-webkit-transition: all .4s;
		-moz-transition: all .4s;
		transition: all .4s;
	}
	.ModalPopup01.BloodModal.OpenDraw {
		top: 50%;
		-webkit-transform: translate3d(-50%, -50%, 0);
		-moz-transform: translate3d(-50%, -50%, 0);
		transform: translate3d(-50%, -50%, 0);
	}
}




/*---------------------------------
血統02 .HorsePedigreeWrap02
---------------------------------*/
.HorsePedigreeList {
	margin: 20px 10px;
}
.HorsePedigreeList a{
	color: #03a;
}
.HorsePedigreeList > dt {
	display: table;
	border: 1px solid #ddd;
	width: 100%;
	height: 40px;
}
.HorsePedigreeList > dt > span.HorseName {
	display: table-cell;
	background: #fff;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 10px;
	line-height: 1.3;
}
.HorsePedigreeList > dt > span.Male {
	display: table-cell;
	background: var(--MaleColor);
	color: #fff;
	width: 86px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
}
.HorsePedigreeList > dt > span.FeMale {
	display: table-cell;
	background: var(--FemaleColor-2);
	color: #fff;
	width: 86px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
}
.HorsePedigreeList > dd {
	margin-bottom: 
}
.HorsePedigreeList .Summary {
	font-size: 14px;
	font-weight: bold;
	margin-top: 16px;
}

.HorsePedigree02 .NkOwnersTable01 .AppropriateMale th,
.HorsePedigree02 .NkOwnersTable01 .AppropriateMale td{
	background: #D3DFED;
}
.HorsePedigree02 .NkOwnersTable01 .AppropriateFeMale th,
.HorsePedigree02 .NkOwnersTable01 .AppropriateFeMale td{
	background: #F0DFE3;
}
/* 牝系図 */
.Mareline.SlideArea{
	position: relative;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
	padding: 0 0 15px 0;
}
.Mareline.SlideArea::after{
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 62px;
	background: -webkit-linear-gradient(top, rgba(235,235,235,0) 0%, rgba(235,235,235,0.6) 80%, rgba(235,235,235,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(235,235,235,0)), color-stop(80%, rgba(235,235,235,0.6)), to(rgba(235,235,235,1)));
	background: linear-gradient(to bottom, rgba(235,235,235,0), rgba(235,235,235,0.6) 80%, rgba(235,235,235,1) 100%);
}
.Mareline.SlideArea.AllShow::after{
	display: none;
}
@media only screen and (min-width: 834px){
	.Mareline.SlideArea{
		white-space: normal;
	}
}
@media only screen and (min-width: 1220px) {
	.HorsePedigreeList {
		margin: 10px 0;
	}
}
/* 牝系図 .FamilyLine */
.FamilyLine {
	margin: 0 10px;
}
.FamilyLine > .Title {
	color: #444;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 12px;
}
.Mareline {
}
/* ひん系図 - line */
.MarelineInner {
	position: relative;
}
.MarelineInner + .MarelineInner {
	margin-top: 40px;
}
.MarelineInner a {
	color: #0033aa;
}
.MarelineInner:before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 98%;
	background: #bfbfbf;
	position: absolute;
	left: 10px;
}
.MarelineChild02,
.MarelineChild03 {
	position: relative;
}
.MarelineChild02:before,
.MarelineChild03:before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 96%;
	background: #bdbdb3;
	position: absolute;
	left: 32px;
}
.MarelineChild03:before {
	height: 85%;
}
.MarelineChild01 {
	padding-left: 4px;
	font-size: 14px;
}

.MarelineChild02,
.MarelineChild03 {
	padding-left: 28px;
	font-size: 14px;
}
/* ひん系図 - 親 */
.MarelineParent_Horse {
	display: table;
}
.MarelineParent_Horse .Dam,
.MarelineParent_Horse .Name,
.MarelineParent_Horse .History {
	display: table-cell;
}
.MarelineParent_Horse .Dam {
	display: block;
	color: #fff;
	background: #d27f89;
	border-radius: 3px;
	font-size: 15px;
	font-weight: bold;
	padding: 5px 0;
	position: relative;
	text-align: center;
	width: 58px;
}
.MarelineParent_Horse .Name {
	font-size: 14px;
	font-weight: bold;
	padding: 0 10px;
	white-space: nowrap;
}
.MarelineParent_Horse .History {
	color: #444;
	font-size: 14px;
	line-height: 1.3;
}
.MarelineParent_Horse .History .HinbaColor {
	color: #df7785;
	font-weight: bold;
}
/* ひん系図 - 子 */
.MarelineChild_Horse {
	display: table;
}
	
.MarelineChild_Horse {
	padding-top: 20px;
}
.MarelineChild_Horse .Name,
.MarelineChild_Horse .History {
	display: table-cell;
}
.MarelineChild_Horse .Name {
	padding: 0 10px;
	white-space: nowrap;
}
.MarelineChild_Horse.PointHinba .Name {
	font-weight: bold;
}
.MarelineChild_Horse .History {
	font-size: 14px;
	line-height: 1.3;
}

.MarelineChild_Horse .History .HinbaColor {
	color: #d27f89;
	font-weight: bold;
}
.MarelineChild_Horse .History .BobaColor {
	color: var(--MaleColor);
	font-weight: bold;
}
.MarelineChild_Horse .History .SenbaColor {
	color: #ccc;
	font-weight: bold;
}
.MarelineChild_Horse.PointBoba::before {
	content: '';
	display: inline-block;
	background: var(--MaleColor);
	border-radius: 50%;
	position: relative;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-top: -2px;
}
.MarelineChild_Horse.PointHinba:before {
	content: '';
	display: inline-block;
	background: #d27f89;
	border-radius: 50%;
	position: relative;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-top: -2px;
}
.MarelineChild02 .MarelineChild_Horse.PointBoba:before {
	width: 11px;
	height: 11px;
}
.MarelineChild02 .MarelineChild_Horse.PointHinba:before {
	width: 11px;
	height: 11px;
}
.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: 14px;
}
.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;
}
.HorsePedigreeWrap02 .LinkBtn_03 a .Icon_More01 svg {
	transform: rotate(90deg)
}
.HorsePedigreeWrap02 .LinkBtn_03 a.Open .Icon_More01 svg {
	transform: rotate(-90deg)
}
/* ブラッドタイプ */
/*

.HorsePedigreeList .Detail {
	margin-top: 12px;
	color: #444;
}
.HorsePedigreeList dl.RaceResult dt {
	color: #676767;
	font-size: 11px;
	margin-bottom: 6px;
}
.HorsePedigreeList dl.RaceResult dd {
	font-size: 13px;
	line-height: 1.5;
}
.HorsePedigreeList ul.OffspringList {

}
.HorsePedigreeList ul.OffspringList li {
	font-size: 13px;
	line-height: 1.5;
}
.HorsePedigreeList ul.OffspringList li a{
	font-weight: bold;
}
.HorsePedigreeList ul.OffspringList span.Male{
	color: var(--MaleColor);
	font-weight: bold;
}
.HorsePedigreeList ul.OffspringList span.FeMale{
	color: var(--FemaleColor-2);
	font-weight: bold;
}
@media only screen and (min-width: 834px){
	.HorsePedigreeList {
		margin: 28px 10px;
	}
	.HorsePedigreeList > dt {
		height: 44px;
	}
	.HorsePedigreeList dt > span.Male,
	.HorsePedigreeList dt > span.FeMale {
		width: 110px;
		font-size: 16px;
	}
	.HorsePedigreeList dt > span.HorseName {
		font-size: 16px;
		padding: 0 20px;
	}

}
@media only screen and (min-width: 1220px) {
	.HorsePedigreeList {
		margin-right: 0;
		margin-left: 0;
	}
}
*/
/* 仮想配合 */

.HorsePedigree01 .Title_Sec {
	display: flex;
}
.HorsePedigree01 .Title_Sec h2 {
	margin-right: auto;
}
.HorsePedigree01 .Title_Sec a,
.HorsePedigree01 .Title_Sec button{
	position: relative;
	display:block;
	width: auto;
	height: 28px;
	padding: 7px 20px 8px ;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	background-color: var(--PrimaryColor);
	border: 0;
	border-radius: 16px;
	text-align: center;
	margin-left: 8px;
}
.VirtualLabel .Label01 {
	width: 60px;
	min-width: 60px;
	line-height: 38px;
	font-size: 77.78%;
	font-weight: bold;
	text-align: left;
	padding: 0 6px 0 0;
	white-space: nowrap;
}
.SearchFilterBox {
	
}
.SearchFilterBox .FilterTxt01{
	color: #eb5f50;
	font-size: 83.34%;
	line-height: 1.5;
	margin-bottom: 14px;
}
.SearchFilterList {
	border-top: 1px dashed #c3c3c3;
	margin-bottom: 30px;
}
.SearchFilterList label.RadioLabelWrap {
	display: flex;
	padding: 10px 4px;
	margin: 0;
	border-bottom: 1px dashed #c3c3c3;
}
.SearchFilterList .RadioLabelWrap .CheckLabel {
	font-size: 100%;
}
.SearchFilterList .RadioLabelWrap .CheckLabel .Txt01{
	display: block;
	font-size: 83.34%;
	font-weight: bold;
}
.SearchFilterList .RadioLabelWrap .CheckLabel .Txt02{
	display: block;
	font-size: 66.67%;
	margin-top: 10px;
}

@media only screen and (min-width: 834px){
	.HorsePedigree01 .Title_Sec {
		width: 65.5%;
		width: calc( 63.4% - 10px );
	}
	.HorseSimulationWrap01 .NicksBox01 {
		margin: 20px auto;
		max-width: 800px;
	}
	.NicksBox01 > .Search_InputWrap + .IconCross {
		margin-top: -16px;
	}
	.NicksBox01 .SearchDetailWrap01 {
		justify-content: center;
		margin-top: -14px;
	}
}
@media only screen and (min-width: 1220px){
	.HorsePedigree01 .Title_Sec {
		width: calc( 63.4% - 30px );
	}
}


/*---------------------------------
メモ .MemoWrap01
---------------------------------*/
.MemoWrap01 {
	margin-bottom: 20px;
}
.MemoListWrap01 {
	max-width: 800px;
	margin: auto;
}
.MemoInputDummy01 {
	display: flex;
	background: #fff;
	border-radius: 8px;
	margin: 20px 10px 0;
	cursor: pointer;
}
.MemoInputDummy01 .Txt {
	display: inline-block;
	line-height: 45px;
	font-size: 88.89%;
	color: #bbb;
	padding-left: 16px;
}
.MemoInputDummy01 .MemoInputAdd {
	margin: 10px 10px 10px auto;
}
.MemoInputDummy01 .MemoInputAdd a{
	display: block;
	position: relative;
	background: #f3f3f3;
	width: 22px;
	height: 22px;
	overflow: hidden;
	padding-top: 22px;
	border-radius: 50%;
	color: transparent;
}
.MemoInputDummy01 .MemoInputAdd a::after,
.MemoInputDummy01 .MemoInputAdd a::before{
	content: '';
	position: absolute;
	width: 10px;
	height: 2px;
	background-color: #691e1e;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.MemoInputDummy01 .MemoInputAdd a::before {
	transform: translate(-50%,-50%) rotate(90deg);
}
.MemoListWrap01 .MemoList01 {
	margin-bottom: 30px;
}
/* メモなし */
.HorseMemoNoDataInfo {
	margin: 13px 10px 16px;
	padding: 15px 18px;
	color: #888;
	background-color: #fff;
	border-radius: 8px;
	border: 4px solid #cacaca;
}
.ModalInputRegistMemo {
	color: #888;
}
.ModalPopup01.ModalInputRegistMemo .ModalPopupInner01 {
	padding-top: 20px;
}
.HorseMemoNoDataInfo p.Txt01,
.ModalPopup01.ModalInputRegistMemo p.Txt01{
	font-size: 94.45%;
	font-weight: 700;
	line-height: 1.6;
	text-align: center;
	color: #9f4949;
	padding: 0;
}
.HorseMemoNoDataInfo p.Txt02,
.ModalInputRegistMemo p.Txt02{
	font-size: 83.34%;
	line-height: 1.6;
	text-align: center;
	margin-top: 8px;
}
.HorseMemoNoDataInfo .CommonBtn01,
.ModalInputRegistMemo .CommonBtn01 {
	max-width: 255px;
	margin: auto;
}
.HorseMemoNoDataInfo .CommonBtn01 a,
.ModalInputRegistMemo .CommonBtn01 a{
	padding: 15px;
}

@media only screen and (min-width: 820px) {
	.MemoWrap01 {
		margin-bottom: 20px;
	}
}
@media only screen and (min-width: 820px) {
	.MemoListWrap01 .MemoInputDummy01,
	.MemoListWrap01 .CatalogMemoBox,
	.MemoListWrap01 .HorseMemoNoDataInfo {
		margin-right: 0;
		margin-left: 0;
	}
	.MemoListWrap01 .CatalogMemoBox {
		height: auto;
	}
}
/*---------------------------------
写真館 
---------------------------------*/
#CatalogProfilePhoto .Tab_Select{
	margin: 20px 10px;
}
.PhotoListHeadWrap {
	display: flex;
	margin: 0 10px 15px;
}

/* 絞り込み選択 */
.NarrowDownSelect {
	position: relative;
	overflow: hidden;
	margin-right: auto;
}
.NarrowDownSelect::before {
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 1px;
	background: none;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	-webkit-transform: rotate(135deg) translateY(-50%);
	transform: rotate(135deg) translateY(-50%);
	position: absolute;
	top: 50%;
	right: 14px;
	margin-top: -8px;
}
.NarrowDownSelect select {
	width: 100%;
	height: 32px;
	max-width: 200px;
	padding: 0 10px 0 14px;
	color: #666;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "メイリオ", arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 32px;
	background: #fff;
	border-radius: 16px;
	border: 1px solid #c3c3c3;
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.NarrowDownSelect select:focus {
	outline: none;
}
.PhotoUploadBtn button{
	position: relative;
	display:block;
	width: 100%;
	height: 32px;
	padding: 10px 15px 17px 45px;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	background-color: var(--PrimaryColor);
	border: 0;
	border-radius: 16px;
	text-align: center;
}
.PhotoUploadBtn button::before{
	content: " ";
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.506 12.072'%3E%3Cpath d='M15.506,2.553V11.17a1.339,1.339,0,0,1-1.436.9q-6.317-.024-12.635,0A1.329,1.329,0,0,1,0,11.17V2.553a1.208,1.208,0,0,1,1.3-.934c.039-.341,0-.72.465-.734C2.327.869,2.89.874,3.452.884a.4.4,0,0,1,.416.41c.008.1.015.2.025.339.384,0,.75.017,1.112-.009a.514.514,0,0,0,.344-.2c.241-.361.426-.762.683-1.109a.788.788,0,0,1,.525-.3C7.348-.014,8.141.011,8.932,0A.593.593,0,0,1,9.5.319c.2.335.409.663.588,1.008a.514.514,0,0,0,.537.314c1.159-.017,2.318-.008,3.477-.007.845,0,1.1.165,1.409.92M4.538,6.821A3.214,3.214,0,1,0,7.75,3.607,3.215,3.215,0,0,0,4.538,6.821m8.439-2.876c.229,0,.458,0,.688,0A.413.413,0,0,0,14.12,3.5a.434.434,0,0,0-.46-.455c-.47-.013-.94-.017-1.409,0a.43.43,0,0,0-.441.473.413.413,0,0,0,.445.426c.241,0,.481,0,.722,0' transform='translate(0 -0.001)' fill='%23fff'/%3E%3Cpath d='M173.605,147.461a2.239,2.239,0,0,1,4.477,0,2.239,2.239,0,1,1-4.477,0' transform='translate(-168.09 -140.624)' fill='%23fff'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 20px;
	width: 16px;
	height: 13px;
	transform: translateY(-50%);
}
.PhotoUploadBtn button:hover{
	cursor: pointer;
	opacity: 0.8;
}

ul.HorsePhotoList {
	margin-bottom: 60px;
}
li.HorsePhoto_Item {

}
li.HorsePhoto_Item + li.HorsePhoto_Item {
	margin-top: 40px;
	
}
.HorsePhoto_Photo {
	position: relative;
	display: block;
	text-align: center;
	background-color: #fff;
	padding-top: 75%;
}
.HorsePhoto_Photo img[data-photo] {
	display: block;
	width: auto;
	max-width: 100%;
	max-height: 100%;
	vertical-align: top;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
.HorsePhoto_Photo .Public {
	position: absolute;
	left: 10px;
	bottom: 10px;
	background-color: var(--PrimaryColor);
	color: #fff;
	font-weight: bold;
	font-size: 61.12%;
	padding: 0 8px;
	line-height: 16px;
	border-radius: 8px;
}
.HorsePhoto_Photo .EditBtn01 {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: rgba(0,0,0,.5);
	text-indent: 30px;
	overflow: hidden;
	position: absolute;
	top: 10px;
	right: 10px;
	color: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0 none;
	cursor: pointer;
}
.HorsePhoto_Photo .EditBtn01::before {
	content: " ";
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.01 10.01'%3E%3Cg%3E%3Cpath d='M6.031,130.458q-2.47,0-4.941,0a1,1,0,1,1-.122-2c.031,0,.061,0,.092,0H11a1,1,0,0,1,.658,1.78,1.082,1.082,0,0,1-.72.223q-2.452,0-4.9,0' transform='translate(-0.021 -120.449)' fill='%23fff'/%3E%3Cpath d='M6.008,0h4.941a1,1,0,1,1,.085,2.006c-.037,0-.073,0-.11,0H1.079A1.005,1.005,0,1,1,1.048,0q2.085,0,4.17,0h.79' transform='translate(-0.001 0)' fill='%23fff'/%3E%3Cpath d='M6,64.218q2.489,0,4.978,0a1,1,0,1,1-.009,2c-.643,0-1.286,0-1.929,0H1.091A1.015,1.015,0,0,1,.045,65.5a1,1,0,0,1,.982-1.278q2.489,0,4.978,0' transform='translate(-0.005 -60.215)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 10px;
	transform: translate(-50%,-50%);
}
.HorsePhoto_Photo .EditMenu {
	display: none;
	border-radius: 8px;
	background: #fff;
	position: absolute;
	top: 42px;
	right: 10px;
	min-width: 70px;
	-webkit-box-shadow: 0 2px 7px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 7px 0px rgba(0, 0, 0, 0.2);
}
.HorsePhoto_Photo .EditMenu:after {
	position: absolute;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0px 6px 12px 6px;
	border-color: transparent transparent #fff transparent;
	line-height: 0px;
	top: -10px;
	right: 9px;
}
.HorsePhoto_Photo .EditMenu ul{
	padding: 8px 0;
}
.HorsePhoto_Photo .EditMenu ul li{
}
.HorsePhoto_Photo .EditMenu ul li a{
	display: block;
	font-size: 77.78%;
	color: #444;
	text-align: center;
	padding: 5px;
}


.HorsePhoto_Item .HorsePhoto_Info {
	display: -webkit-box;
	display: flex;
	margin: 7px 10px 0;
	align-items: center;
}
.HorsePhoto_Item .HorsePhoto_Info_Name {
	display: -webkit-box;
	display: flex;
	align-items: center;
}
.HorsePhoto_Item .HorsePhoto_UserIcon {
	float: left;
	display: block;
	width: 30px;
	height: 30px;
	overflow: hidden;
	border-radius: 50%;
}
.HorsePhoto_Item .HorsePhoto_UserName {
	color: #666;
	font-size: 66.67%;
	font-weight: bold;
	margin-left: 8px;
}
.HorsePhoto_Item .HorsePhoto_UserIcon img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.HorsePhoto_Item .HorsePhoto_Info_Data {
	margin-left: auto;
	text-align: right;
}
.HorsePhoto_Item .HorsePhoto_Time {
	margin-top: 1px;
	color: #666;
	font-size: 61.12%;
	line-height: 1.36;
	white-space: nowrap;
}


@media only screen and (min-width: 834px){
	#CatalogProfilePhoto .Tab_Select{
		margin: 20px auto 20px;
	}
	ul.HorsePhotoList {
		display: flex;
		flex-wrap: wrap;
		margin: 0 10px 40px;
	}
	ul.HorsePhotoList li.HorsePhoto_Item {
		width: 33%;
		width: calc((100% - 40px) /3);
		margin-bottom: 40px;
	}
	li.HorsePhoto_Item + li.HorsePhoto_Item {
		margin-top: 0;
		margin-left: 20px;
	}
	ul.HorsePhotoList li.HorsePhoto_Item:nth-child(3n + 1) {
		margin-left: 0;
	}
	ul.HorsePhotoList .HorsePhoto_Photo {
		border-radius: 10px;
		overflow: hidden;
	}
	.HorsePhoto_Photo .EditBtn01 {
		width: 30px;
		height: 30px;
	}
	.HorsePhoto_Photo .EditBtn01::before {
		width: 14px;
		height: 14px;
	}
	.HorsePhoto_Photo .ZoomBtn01{
		right: 10px;
		bottom: 14px;
	}
	.HorsePhoto_Photo .ZoomBtn01,
	.HorsePhoto_Photo .ZoomBtn01 a{
		width: 40px;
		height: 40px;
	}
	.HorsePhoto_Photo .ZoomBtn01 svg {
		width: 22px;
		height: 27px;
		top: 6px;
		left: 8px;
	}
	.HorsePhotoList .CatalogMemoBox {
		margin: 10px 0 0;
	}
	.HorsePhotoList .CatalogMemoBox p {
		font-size: 14px;
	}
	.HorsePhotoList .MemoDataFoot .TimeStump {
		font-size: 11px;
	}
}
@media only screen and (min-width: 1220px){
	.PhotoListHeadWrap,
	ul.HorsePhotoList {
		margin-right: 0;
		margin-left: 0;
	}
}

/*---------------------------------
レコメンド.
---------------------------------*/
ul.CatalogReccomendList {
}
ul.CatalogReccomendList li {
	background: #fff;
}
ul.CatalogReccomendList li + li {
	position: relative;
	border-top: 1px solid #e0e0e0;

}
ul.CatalogReccomendList li .PhotoThumb_01 {
	width: 98px;
	min-height: 83px;
	margin-right: 9px;
	border-radius: 4px;
	overflow: hidden;
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: relative;
}
ul.CatalogReccomendList li .TxtBox {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}
ul.CatalogReccomendList li a {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	padding: 10px 0 10px 10px;
	color: #444;
	text-decoration: none;
}
ul.CatalogReccomendList li a:hover {
	background: #f3f3f3;
}
ul.CatalogReccomendList li a:hover h2.HorseName {
	color: #c53131;
	text-decoration: underline;
}
ul.CatalogReccomendList li .TxtBox h2.HorseName {
	font-size: 16px;
	font-weight: bold;
}
.CatalogReccomendList li .TxtBox .HorseData01 {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
	margin-top: 8px;
}
.CatalogReccomendList li .TxtBox .HorseData02 {
	font-size: 12px;
	line-height: 1.4;
	margin-top: 6px;
}
.CatalogReccomendList li .TxtBox .Male {
	color: var(--MaleColor);
}
.CatalogReccomendList li .TxtBox .Female {
	color: var(--FemaleColor-2);
}
@media only screen and (min-width: 834px){
	.RaceList_Main_Box a:hover {
		background: #f9f9f9;
		text-decoration: none;
	}
}
@media only screen and (min-width: 834px){
	.CatalogReccomendList {
		display: flex;
	}
	.CatalogReccomendList li {
		width: calc( 25% - 6px );
		border-radius: 10px;
	}
	.CatalogReccomendList li + li {
		margin-left: 8px;
	}
	ul.CatalogReccomendList li a {
		display: block;
		padding: 10px;
	}
	ul.CatalogReccomendList li .PhotoThumb_01 {
		width: 100%;
		margin-bottom: 14px;
	}
	ul.CatalogReccomendList li .PhotoThumb_01::after {
		content: "";
		display: block;
		width: 100%;
		padding-top: 75%;
	}
	ul.CatalogReccomendList li .TxtBox h2.HorseName {
		font-size: 18px;
	}
	.CatalogReccomendList li .TxtBox .HorseData01 {
		font-size: 14px;
	}
	.CatalogReccomendList li .TxtBox .HorseData02 {
		font-size: 14px;
		margin-top: 14px;
	}
}

/*---------------------------------
評価モーダル .ModalPopup01
---------------------------------*/
.Wrap.ViewOut{
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
}
.ModalOverlay {
	background: rgba(0,0,0,0.6);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 7200;
	transition: opacity 0.7s, transform 0s 0.5s;
}
.ModalPopup01 {
	background-color: #fff;
	width: 98%;
	width: calc(100% - 20px);
	max-width: 480px;
	border-radius: 20px;
	padding-bottom: 30px;
	position: fixed;
	top: 200%;
	left: 50%;
	margin: 20px 0 0;
	z-index: 7500;
/*	overflow: hidden; */
	-webkit-transform: translate3d(-50%, 0, 0);
	-moz-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
}
.ModalPopup01.OpenDraw {
	display: block;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
.ModalCloseBtn01 {
	position: absolute;
	left: 50%;
	bottom: -50px;
	width: 35px;
	height: 35px;
	margin-left: -13px;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
	border: 1px solid #fff;
	border-radius: 50%;
	cursor: pointer;
	z-index: 10;
}
.ModalCloseBtn01::before,
.ModalCloseBtn01::after {
	content: '';
	height: 3px;
	width: 21px;
	display: block;
	background: #fff;
	position: absolute;
	border-radius: 1px;
	top: 15px;
	left: 6px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.ModalCloseBtn01::after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
.ModalPopup01.Confirm p,
.ModalPopup01.Notice p{
	font-size: 88.89%;
	font-weight: bold;
	text-align: center;
	line-height: 1.6;
	padding: 32px 16px 20px;
}

.InputBtnWrap01 {
	display: flex;
	justify-content: center;
}
.InputBtnWrap01 .CommonBtn01,
.InputBtnWrap01 .CommonBtn02 {
	padding: 12px 5px 0;
}
.InputBtnWrap01 .CommonBtn01 button,
.InputBtnWrap01 .CommonBtn02 button {
	width: 120px;
}
.AssessmentInput .Title_Sec {
	margin: 20px;
}

.ModalPopup01.ModalInputComp,
.ModalPopup01.ModalInputDeleteComp,
.ModalPopup01.ModalAddAlert01 {
	display: none;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	transition: all 0s;
}
.ModalPopup01.ModalInputComp.OpenDraw,
.ModalPopup01.ModalInputDeleteComp.OpenDraw {
	display: block;
}
.ModalPopup01.ModalInputComp p,
.ModalPopup01.ModalInputDeleteComp p{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 30px 0 10px;
}
.ModalPopup01.ModalInputDelete p:first-child,
.ModalPopup01.ModalPhotoDelete p:first-child{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 40px 0 20px;
}
.ModalPopup01.ModalInputDelete p.MemoTxt01{
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	margin: 0 20px 20px;
	line-height: 1.5;
	color: #691e1e;
	max-height: 15em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 10;
	-webkit-box-orient: vertical;
}
.ModalPopup01.ModalInputComp .ModalPopupInner01,
.ModalPopup01.ModalInputDelete .ModalPopupInner01{
	padding: 0 16px;
}
/* 登録アラートモーダル .ModalAddAlert01 250228 */
.ModalPopup01.ModalAddAlert01 {

}
.ModalPopup01.ModalAddAlert01 p.AddAlertTxt01{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding: 30px 0 18px;
}
.ModalPopup01.ModalAddAlert01 p.AddAlertTxt02{
	font-size: 15px;
	font-weight: bold;
	color: #eb5f50;
	text-align: center;
	margin: 0 0 28px;
	line-height: 1.3;
}
.ModalPopup01.ModalAddAlert01 p.AddAlertTxt02::before{
	content: "";
	display: block;
	width: 40px;
	height: 40px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.001 30'%3E%3Cpath d='M29.7,11.978a14.925,14.925,0,0,0-2.258-5.366,15.039,15.039,0,0,0-6.6-5.433A14.924,14.924,0,0,0,18.022.3a15.2,15.2,0,0,0-6.043,0A14.926,14.926,0,0,0,6.613,2.561a15.042,15.042,0,0,0-5.433,6.6A14.923,14.923,0,0,0,.3,11.978a15.132,15.132,0,0,0,0,6.043,14.929,14.929,0,0,0,2.258,5.366,15.04,15.04,0,0,0,6.6,5.433,14.927,14.927,0,0,0,2.818.875,15.131,15.131,0,0,0,6.043,0,14.926,14.926,0,0,0,5.366-2.258,15.041,15.041,0,0,0,5.433-6.6,14.923,14.923,0,0,0,.875-2.818,15.132,15.132,0,0,0,0-6.043M27.212,15A12.212,12.212,0,1,1,15,2.788,12.226,12.226,0,0,1,27.212,15' transform='translate(0 0)' fill='%23ebc75c'/%3E%3Cpath d='M162.815,80.009a1.617,1.617,0,0,0,3.232.005l.611-9.092a2.22,2.22,0,1,0-4.437,0Z' transform='translate(-149.448 -63.213)' fill='%23ebc75c'/%3E%3Cpath d='M161.525,246.33a2.486,2.486,0,1,0,2.486,2.486,2.488,2.488,0,0,0-2.486-2.486' transform='translate(-146.517 -226.936)' fill='%23ebc75c'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 40px auto;
	margin: 0 auto 16px;
}
.ModalAddAlert01 .AddInputBtnWrap {
	display: flex;
	width: 300px;
	margin: auto;
}
.ModalAddAlert01 .AddInputBtnWrap li:last-child{
	flex: 1;
}
.ModalAddAlert01 .AddInputBtnWrap .CommonBtn01,
.ModalAddAlert01 .AddInputBtnWrap .CommonBtn02 {
	padding: 0;
}
.ModalAddAlert01 .AddInputBtnWrap .CommonBtn01 {
	padding-left: 10px;
}


.RatingModalInputComp {
	display: none;
	background-color: rgba(0,0,0,0.64);
	width: 98%;
	width: calc(100% - 80px);
	max-width: 480px;
	border-radius: 20px;
	position: fixed;
	bottom: -200%;
	left: 50%;
	margin: 0;
	padding: 22px;
	z-index: 7500;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
	-webkit-transition: all .3s;
	transition: all .3s;
}
.RatingModalInputComp.FadeOut {
	bottom: 20px;
	animation: fadeOut 1.8s;
	animation-fill-mode: both;
}
@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	70% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.RatingModalInputComp.OpenDraw {
	display: block;
}
.RatingModalInputComp .ModalPopupInner01 p {
	color: #fff;
	text-align: center;
	font-size: 83.34%;
	font-weight: bold;
}
/*---------------------------------
登録モーダル .HorseAddInput
---------------------------------*/
.HorseAddInput .Title_Sec{
	margin: 20px;
}
.HorseAddSelect ul{
	margin: 0 10px 10px;
}
.HorseAddSelect ul li{
	position: relative;
}

.HorseAddSelect ul li + li{
	margin-top: 10px;
}
.HorseAddSelect ul li label{
	display: flex;
	border: 4px solid #c3c3c3;
	border-radius: 10px;
}
.HorseAddSelect ul li label{
	display: flex;
	border: 4px solid #c3c3c3;
	border-radius: 10px;
	padding: 17px 15px;
	align-items: center;
}
.HorseAddSelect ul li input{
	position: absolute;
	top: 0;
	left: 0;
}
.HorseAddSelect ul li dl{

}
.HorseAddSelect ul li .RadioboxTitle{
	font-size: 105.56%;
	font-weight: bold;
}
.HorseAddSelect ul li .HorseAddSelectTxt{
	font-size: 83.34%;
	line-height: 1.56;
	margin: 20px 10px 10px;
}
.HorseAddSelect ul li .HorseAddSelectTxt em{
	display: block;
	color: #eb5f50;
	line-height: 1.56;
}

span.RadioboxWrap {
	position: relative;
	display: inline-block;
	min-width: 30px;
	height: 30px;
	cursor: pointer;
	font-variant: tabular-nums;
	outline: none;
	white-space: nowrap;
	margin-right: 10px;
}
span.RadioboxWrap .RadioboxInner{
	min-width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
span.RadioboxWrap .RadioboxInner {
	background-color: #fff;
	border: 3px solid #c3c3c3;
	border-collapse: initial;
	border-radius: 50%;
	display: block;
	width: 30px;
	height: 30px;
	position: relative;
	top: 0;
	left: 0;
	transition: all .2s;
}
span.RadioboxWrap .RadioboxInner::after {

}
.HorseAddSelect ul li input.RadioboxInput:checked + label {
	border: 4px solid var(--PrimaryColor);
}
input:checked + label span.RadioboxWrap .RadioboxInner {
	border: 3px solid var(--PrimaryColor);
}
/*
.HorseAddSelect ul li input.RadioboxInput:checked + label[for="MyhorseCheck"] {
	border: 4px solid var(--QuaternaryColor);
}
input:checked + label[for="MyhorseCheck"] span.RadioboxWrap .RadioboxInner {
	border: 3px solid var(--QuaternaryColor);
}
*/
input:checked + label span.RadioboxWrap .RadioboxInner::after {
	display: inline-block;
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: var(--PrimaryColor);
	transform: translate3d(-50%, -50%, 0);
}
/*
input:checked + label[for="MyhorseCheck"] span.RadioboxWrap .RadioboxInner::after {
	background-color: var(--QuaternaryColor);
}
*/
.HorseAddInput .InputBtnWrap01 {
	display: block;
}
.HorseAddInput .InputBtnWrap01 li {
	width: 100%;
}
.HorseAddInput .InputBtnWrap01 .CommonBtn01 {
	padding: 10px 25px;
}
.HorseAddInput .InputBtnWrap01 .CommonBtn01 button {
	width: 100%;
	font-size: 83.34%;
	cursor: pointer;
}
.HorseAddInput .InputBtnWrap01 .CommonBtn01 button:disabled {
	background: #c3c3c3;
}
.ModalInputComp .AssessmentInputBtnWrap {
	margin-bottom: 20px;
}
.HorseAddSelectLinkBox {
	font-size: 72.23%;
	text-align: center;
}
.HorseAddSelectLinkBox a{
	display: inline-block;
	color: #444;
	text-align: center;
	border: 1px solid #bfbfbf;
	border-radius: 22px;
	padding: 5px;
	width: 14em;
}
.HorseAddSelectLinkBox a:hover{
	text-decoration: none;
	background: #f3f3f3;
}
.ModalInputComp .HorseAddSelectLinkBox:first-of-type {
	margin-top: 20px;
}
.ModalInputComp .HorseAddSelectLinkBox + .HorseAddSelectLinkBox {
	margin-top: 10px;
}
.AddInfoTxt01 {
	font-size: 77.78%;
	text-align: center;
	padding: 0 8px 2px;
	color: #c00;
	margin: -10px 0 20px;
}

/*---------------------------------
メモモーダル .MemoInputModal 写真モーダル
---------------------------------*/
.ModalPopupInner01 .AplHeader_Wrap{
	width: 100%;
	height:44px;
	position: fixed;
	top: 0;
	z-index: 1;
}
.ModalPopupInner01 .AplHeader{
	height: 44px;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #d3d7d9;
}
.AplHeader .Close_Link {
	display: block;
	height: 44px;
}
.AplHeader .Close_Link .Icon_Close{
	display: inline-block;
	width: 44px;
	height: 44px;
}
.AplHeader .Close_Link .Icon_Close:before,
.AplHeader .Close_Link .Icon_Close:after {
	width: 20px;
	top: 21px;
	left: 11px;
}
.MemoInputModal {
	background-color: #fff;
	width: 100%;
	max-width: 480px;
/*	border-radius: 20px; */
	padding-bottom: 40px;
	position: fixed;
	top: 200%;
	left: 50%;
	margin: 0;
	z-index: 7500;
	-webkit-transform: translate3d(-50%, 0, 0);
	-moz-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
}
.MemoInputModal.OpenDraw {
	top: 0%;
	bottom: 0;
	-webkit-transform: translate3d(-50%, 0, 0);
	-moz-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
	overflow: auto;
}
.MemoInputModal .ModalPopupInner01 {
	margin-top: 44px;
}
.ModalCloseBtn01 {
	position: absolute;
	left: 50%;
	bottom: -50px;
	width: 35px;
	height: 35px;
	margin-left: -13px;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
	border: 1px solid #fff;
	border-radius: 50%;
	cursor: pointer;
	z-index: 10;
}
.MemoInputModal .Title_Sec {
	margin: 21px 10px;
}
.CommentForm {
	margin: 0 20px 8px;
}
.MemoInputModal .CommentForm {
	padding-top: 20px;
}
.CommentForm textarea{
	display: block;
	width: 100%;
	height: 230px;
	min-height: 230px;
	font-size: 16px;
	line-height: 1.5;
	padding: 12px;
	border: 1px solid #b8b8b8;
	box-shadow: none;
	border-radius: 8px;
	-webkit-appearance: none;
}
textarea.CommentForm:focus-within {
	box-shadow: 0 0 5px 0 rgba(202, 202, 202, .6);
}
.MemoInputModal .CommentCount {
	font-size: 13px;
	margin: 0 20px 8px;
	text-align: right;
}
.MemoInputModal .CommentCount .Over{
	color: #eb5f50;
}
.InputBtnWrap01 .CommonBtn01 button:disabled {
	background: #c3c3c3;
}

@media only screen and (min-width: 834px){
	.MemoInputModal {
		border-radius: 20px;
		height: calc(100% - 140px);
		padding-bottom: 20px;
	}
	.MemoInputModal.OpenDraw {
		top: 50%;
		bottom: auto;
		-webkit-transform: translate3d(-50%, -50%, 0);
		-moz-transform: translate3d(-50%, -50%, 0);
		transform: translate3d(-50%, -50%, 0);
		padding-bottom: 44px;
		border-radius: 20px;
	}
	.AplHeader .Close_Link .Icon_Close:before,
	.AplHeader .Close_Link .Icon_Close:after {
		height: 2px;
		left: 15px;
	}
}
/* カタログ写真拡大 */
.modaal-content-container img {
	max-width: 100%;
}
.modaal-content-container,
.modaal-inner-wrapper{
	padding: 0;
}
.modaal-container {
	width: auto;
	max-width: none;
	background: none;
}
/* 写真投稿モーダル */
.PhotoSubmitModal {
	
}
.PhotoSubmitModal .SubTitle h3,
.PhotoEditModal .SubTitle h3{
	color: #444;
}
.PhotoSubmitModal .SubTitle h3 em,
.PhotoEditModal .SubTitle h3 em{
	color: var(--PrimaryColor);
}
.PhotoSubmitModal .Txt01,
.PhotoEditModal .Txt01{
	font-size: 94.45%;
	line-height: 1.3;
	margin: 10px 10px 20px;
	color: #666;
}
.PhotoSubmitUpArea,
.PhotoSubmitInputArea {
	margin: 0 10px 20px;
}


.PhotoCheckTop {
	display: flex;
	align-items: center;
	margin-left: 10px;
}
.PhotoSubmitInputArea.PremiumOpen .CheckLabel {
	position: relative;
	padding-left: 20px;
	margin-left: 8px;
}
.PhotoSubmitInputArea.PremiumOpen .CheckLabel::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0px;
	width: 14px;
	height: 18px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.268 17.082'%3E%3Cpath d='M6.636,0C4.092,0,2.142,2.376,2.142,5.168V6.483H1.777A1.876,1.876,0,0,0,0,8.541v6.27A2.623,2.623,0,0,0,.5,16.4a1.617,1.617,0,0,0,1.275.684h9.714a1.618,1.618,0,0,0,1.275-.684,2.623,2.623,0,0,0,.5-1.588V8.541a1.876,1.876,0,0,0-1.777-2.058H11.13V5.168C11.13,2.376,9.179,0,6.636,0Zm0,1.468c1.609,0,3.008,1.564,3.008,3.677V6.476H3.624V5.145c0-2.112,1.4-3.677,3.008-3.677m.056,7.073a1.531,1.531,0,0,1,.705,2.877l.746,2.691c.137.681-.589.566-1.321.566H6.534c-.732,0-1.419.122-1.321-.566l.752-2.7a1.531,1.531,0,0,1,.722-2.868Z' fill='%2393bE4f'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.ModalPopupInner01.PhotoSubmit {
	position: relative;
	overflow: auto;
	width: 100%;
	height: 100%;
	margin-top: 44px;
	background: #fff;
	padding-bottom: 20px;
}
.Upload_Btn {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid var(--PrimaryColor);
	border-radius: 22px;
	background: none;
	color: var(--PrimaryColor);
	text-align: center;
	padding: 0 10px;
	width: 85%;
	cursor: pointer;
	margin: auto;
}
.Upload_Btn > div{
	color: var(--PrimaryColor);;
	font-size: 82.23%;
	font-weight: bold;
	line-height: 44px;
}
.Upload_Btn input[type=file] {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	cursor:pointer;
	opacity:0;
}
.Upload_Btn.CommonBtn02:hover {
	background-color: #f9f9f9;
}
.Upload_Btn .uploadValue {
	display: none;
	width: 100%;
	background: rgba(255,255,255,.5);
	border-radius: 3px;
	padding: 3px;
	border: none;
	text-align: center;
	margin-top: 2px;
}

.SelectMenuWrap01 {
	display: flex;
	align-items: flex-end;
	margin: 0 10px;
}
.SelectMenuWrap01 .SelectMenu01.Year{
	width: 5em;
}
.SelectMenuWrap01 .SelectMenu01.Month{
	width: 4em;
	margin-left: 20px;
}
.SelectMenuWrap01 span.Txt{
	display: inline-block;
	font-size: 82.23%;
	font-weight: bold;
	margin-left: 6px;
}

span.RadioboxWrap02 {
	position: relative;
	display: inline-block;
	min-width: 18px;
	height: 18px;
	cursor: pointer;
	font-variant: tabular-nums;
	outline: none;
	white-space: nowrap;
	margin-right: 10px;
}
label.RadioLabelWrap {
	display: inline-flex;
	align-content: center;
	flex-wrap: wrap;
	margin: 0 10px;
}
label.RadioLabelWrap + label.RadioLabelWrap{
	margin: 0 10px 0 28px;
}
span.RadioboxWrap02 .RadioboxInner{
	min-width: 18px;
	height: 18px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
span.RadioboxWrap02 .RadioboxInput{
	min-width: 18px;
	height: 18px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
span.RadioboxWrap02 .RadioboxInner {
	background-color: #fff;
	border: 2px solid #c3c3c3;
	border-collapse: initial;
	border-radius: 50%;
	display: block;
	width: 18px;
	height: 18px;
	position: relative;
	top: 0;
	left: 0;
	transition: all .2s;
}
span.RadioboxWrap02 input:checked + .RadioboxInner {
	border: 2px solid var(--PrimaryColor);
}
span.RadioboxWrap02 input:checked + .RadioboxInner::after {
	display: inline-block;
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--PrimaryColor);
	transform: translate3d(-50%, -50%, 0);
}
.RadioLabelWrap .CheckLabel {
	font-size: 14px;
	color: #444;
	line-height: 18px;
}
.PhotoSubmitInputArea .CommentForm {
	margin: 0 10px;
}
.PhotoSubmitInputArea .CommentForm textarea {
	height: 84px;
	min-height: 84px;
}
.PhotoSubmitModal #Loader {
	text-align: center;
	margin-top: 15px;
}
.User_Photo_Preview {
	margin: 0 auto;
}
.User_Photo_Preview > img {
	margin: 0 auto 20px;
}

.MemoInputModal.PhotoSubmitModal .CommentForm {
	padding-top: 0;
}
@media only screen and (min-width:992px) {
	.User_Photo_Preview > .User_Photo_Img,
	.User_Photo_Preview > img {
		max-width: 100%;
		display: block;
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	.User_Photo_Preview > .User_Photo_Img,
	.User_Photo_Preview > img {
		max-width: 100%;
		display: block;
	}
}
@media only screen and (min-width:300px) and (max-width:479px) {
	.User_Photo_Preview > .User_Photo_Img,
	.User_Photo_Preview > img {
		max-width: 100%;
		display: block;
	}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	.User_Photo_Preview {
		margin: 0 auto;
	}
	.User_Photo_Preview > .User_Photo_Img,
	.User_Photo_Preview > img {
		max-width: 100%;
		display: block;
	}
}
.GuideLineLink {
	font-size: 82.23%;
	line-height: 1.4;
	margin: 10px;
}
.GuideLineLink a{
	color: #03a;
	line-height: 1.6;
}

@media only screen and (min-width: 834px){
	.ModalPopupInner01.PhotoSubmit {
		border-radius: 20px;
		height: 92%;
		height: calc(100% - 20px);
	}
}
/*===========================================
プロフィール種牡馬ver .OwnersCatalog.SireVer
============================================*/
.HorsePhotoMain {
	position: relative;
}
.HorsePhotoMain .ZoomBtn01 {
	top: 12px;
	right: 10px;
	bottom: auto;
}
.BreedingFee {
	display: flex;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.7);
	color: #fff;
	padding: 10px;
	justify-content: space-between;
}
.BreedingFee dl dt {
	font-size: 12px;
	font-weight: bold;
}
.BreedingFee dl dd.Shelter {
	font-size: 11px;
	margin-top: 4px;
}
.BreedingFee dl dd.Fee {
	font-size: 13px;
	font-weight: bold;
	margin-top: 4px;
}
.BreedingFee dl dd.Fee strong{
	display: inline-block;
	font-size: 27px;
	margin-right: 4px;
}
.BreedingFee dl dd.Remarks {
	font-size: 11px;
	margin-top: 6px;
}


@media only screen and (min-width: 768px){
	.HorsePhotoMain .ZoomBtn01 {
		right: 12px;
		top: 16px;
	}
	.BreedingFee dl dt {
		font-size: 14px;
	}
	.BreedingFee dl dd.Shelter {
		font-size: 12px;
		margin-top: 8px;
	}
	.BreedingFee dl dd.Fee {
		font-size: 13px;
		font-weight: bold;
		margin-top: 4px;
	}
	.BreedingFee dl dd.Remarks {
		font-size: 12px;
	}
}
/*-- プロフィール --*/
.SireVer .CatalogProfTable01 ul li:nth-child(n+3){
	display: none;
}
.SireVer .CatalogProfTable01.Allshow ul li:nth-child(n+3){
	display: block;
}
.LinkBtn_ProfTable a .Icon_More01 svg {
	transform: rotate(90deg);
}
.LinkBtn_ProfTable.rotate_90 a .Icon_More01 svg {
	transform: rotate(-90deg);
}
/*-- 産駒成績 --*/
.CropResult .TableWrap{
	margin: 16px 10px 0;
}
.CropResult .CommonBtn01 {
	padding: 0 10px 20px;
}
.CropResult .SubTitle {
	display: flex;
	margin: 0 10px;
}
.CropResult .SubTitle h3{
	margin: 0;
}
.StalionProfTable01 table {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
}
.StalionProfTable01 table tbody th{
	background: #888;
	font-size: 12px;
	color: #fff;
	border: 1px solid #ddd;
	vertical-align: middle;
	line-height: 16px;
}
.StalionProfTable01 table tbody td{
	background: #fff;
	font-size: 14px;
	color: #444;
	border: 1px solid #ddd;
	height: 60px;
	vertical-align: middle;
	padding-left: 20px;
	line-height: 18px;
	font-weight: bold;
}
.StalionProfTable01 table tbody td a{
	color: #03a;
}
@media only screen and (min-width: 768px){
	.SireVer .CatalogProfTable01 ul li:nth-child(n+3){
		display: block;
	}
	.LinkBtn_ProfTable {
		display: none;
	}
	.CropResult .SubTitle {
		margin: 0;
		align-items: center;
	}
	.CropResult .SubTitle h3{
		margin: 0;
	}
	.CropResult .SubTitle .Title_BtnMore02,
	.PickupCropHorse .Title_Sec .Title_BtnMore02,
	.SireData .Title_Sec .Title_BtnMore02 {
		margin-left: auto;
	}
	.CropResult .SubTitle .Title_BtnMore02 a,
	.PickupCropHorse .Title_Sec .Title_BtnMore02 a,
	.SireData .Title_Sec .Title_BtnMore02 a{
		color: #666;
		font-size: 61.12%;
		font-weight: bold;
		text-align: center;
		border: 1px solid #bfbfbf;
		border-radius: 1.37em;
		line-height: 27px;
		display: block;
		position: relative;
		min-width: 97px;
	}
	.CropResult .SubTitle .Title_BtnMore02 a:hover,
	.PickupCropHorse .Title_Sec .Title_BtnMore02 a:hover,
	.SireData .Title_Sec .Title_BtnMore02 a:hover{
		background: #fff;
	}
	.CropResult .LinkBtn_03,
	.PickupCropHorse .LinkBtn_03,
	.SireData .LinkBtn_03{
		display: none;
	}
	.CropResult .TableWrap{
		margin: 16px 0 0;
	}
	.StalionProfTable01 table tbody th {
		font-size: 13px;
		line-height: 1.26;
		width: 100px;
	}
	.StalionProfTable01 table tbody td {
		font-size: 16px;
		font-weight: bold;
		line-height: 1.26;
	}
}
@media only screen and (max-width: 769px){
	.CropResult .SubTitle .Title_BtnMore02,
	.PickupCropHorse .Title_Sec .Title_BtnMore02,
	.SireData .Title_Sec .Title_BtnMore02{
		display: none;
	}
}
/*-- 代表産駒 --*/
ul.PickupHorseList li {
	background: #fff;
}
ul.PickupHorseList li + li {
	position: relative;
	border-top: 1px solid #e0e0e0;
}
ul.PickupHorseList li .PhotoThumb_01 {
	width: 98px;
	min-height: 83px;
	margin-right: 9px;
	border-radius: 4px;
	overflow: hidden;
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: relative;
}
ul.PickupHorseList li .TxtBox {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}
.PickupHorseList li .TxtBox .HorseData01 {
	font-size: 13px;
	line-height: 1.4;
	margin-top: 6px;
}
.PickupHorseList li .TxtBox .HorseData01 span.Male{
	display: inline-block;
	font-weight: bold;
	color: var(--MaleColor);
	margin-right: 4px;
}
.PickupHorseList li .TxtBox .HorseData01 span.Female{
	display: inline-block;
	font-weight: bold;
	color: var(--FemaleColor);
	margin-right: 4px;
}
ul.PickupHorseList li a {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	padding: 10px 0 10px 10px;
	color: #444;
	text-decoration: none;
}
ul.PickupHorseList li a:hover {
	background: #f3f3f3;
}
ul.PickupHorseList li a:hover h2.HorseName {
	color: #c53131;
	text-decoration: underline;
}
@media only screen and (min-width:768px){
	.ContentsBox.PickupCropHorse {
		margin-bottom: 40px;
	}
	ul.PickupHorseList {
		display: flex;
		margin: 0 10px;
	}
	ul.PickupHorseList li {
		width: calc( 25% - 6px );
		border-radius: 10px;
	}
	ul.PickupHorseList li + li {
		margin-left: 8px;
	}
	ul.PickupHorseList li a {
		display: block;
		padding: 10px;
		height: 100%;
	}
	ul.PickupHorseList li .PhotoThumb_01 {
		width: 100%;
		margin-bottom: 14px;
	}
	ul.PickupHorseList li .PhotoThumb_01::after {
		content: "";
		display: block;
		width: 100%;
		padding-top: 75%;
	}
	ul.PickupHorseList li .TxtBox h2.HorseName {
		font-size: 18px;
	}
	.PickupHorseList li .TxtBox .HorseData01 {
		font-size: 14px;
	}
}
/*-- 種付け情報 --*/
.SireData .TableWrap {
}
.SireData .NkOwnersTable01 {
	width: 100%;
}
.WalkingMovie {
	margin: 0 10px 40px;
}
/*-- 種付け牝馬一覧 --*/
.SireData .MySearchDataInner {
	align-items: center;
}
.SireData .SortSelect {
	position: relative;
	overflow: hidden;
	margin-right: 0;
	width: 180px;
	margin-left: auto;
}
.SireData .SortSelect::before {
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 1px;
	background: none;
	border-top: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	-webkit-transform: rotate(135deg) translateY(-50%);
	transform: rotate(135deg) translateY(-50%);
	position: absolute;
	top: 50%;
	right: 14px;
	margin-top: -8px;
}
.SireData .SortSelect select {
	width: 100%;
	height: 32px;
	padding: 0 18px 0 11px;
	color: #444;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "メイリオ", arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 30px;
	background: #fff;
	border-radius: 16px;
	border: 1px solid #bfbfbf;
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.SireData .SortSelect select:focus {
	outline: none;
}
.MySearchDataInner .SortModalBtn01 {
	position: relative;
	overflow: hidden;
	margin-right: 10px;
	width: 180px;
	height: 32px;
	margin-left: auto;
	border-radius: 16px;
	background: #fff;
	border: 1px solid #bfbfbf;
	padding: 0 16px 0 44px;
}
.MySearchDataInner .SortModalBtn01 .SortModalTxt01{
	font-size: 13px;
	font-weight: bold;
	line-height: 30px;
}
.MySearchDataInner .SortModalBtn01::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 18px;
	width: 18px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.898 15.71'%3E%3Cpath fill='%23888' d='M.846 0h9.121a.884.884 0 0 1 .827.939.891.891 0 0 1-.827.961H.846A.905.905 0 0 1 0 .939.9.9 0 0 1 .846 0M.846 4.611h7.335a.959.959 0 0 1 0 1.9H.846a.956.956 0 0 1 0-1.9M.846 9.221h5.529a.9.9 0 0 1 .827.939.883.883 0 0 1-.827.939H.846A.885.885 0 0 1 0 10.16a.9.9 0 0 1 .846-.939M.846 13.832H4.57a.947.947 0 0 1 0 1.878H.846a.944.944 0 0 1 0-1.878M14.537.961v11.505l1.937-2.2a.781.781 0 0 1 1.185 0 1.093 1.093 0 0 1 0 1.366L14.33 15.41h-.019v.021h-.019v.021h-.019v.021h-.019l-.019.021h-.019v.021h-.019v.021h-.019l-.019.021h-.019v.021h-.019l-.019.021h-.019l-.019.021h-.019l-.019.021h-.038v.021h-.056v.021h-.07l-.019.021h-.281l-.019-.021h-.081v-.021h-.056v-.021h-.038l-.019-.021h-.038v-.019h-.019l-.019-.021h-.011v-.019h-.038v-.021h-.019v-.021h-.019v-.018h-.024c-.038-.021-.056-.064-.094-.085l-3.329-3.778a1.046 1.046 0 0 1 0-1.366.781.781 0 0 1 1.185 0l1.937 2.2V.961a.845.845 0 1 1 1.674 0'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.MySearchDataInner .SortModalBtn01.Asc::before{
	-webkit-transform: translateY(-50%) scale(1, -1);
	transform: translateY(-50%) scale(1, -1);
}
.SireData .NkOwnersTable01 .tablesorter-header-inner {
	line-height: 1.15;
}
.SireData .BtnPremiumRegist01 {
	max-width: 480px;
	margin: 10px auto;
	padding: 0 10px;
}
@media only screen and (min-width: 768px){
	.SireDataArea01 {
		display: flex;
		margin: 0 10px;
	}
	.SireDataArea01 .Title_Sec{
		margin: 15px 0;
	}
	.SireDataArea01 .CropResult {
		width: 47.5%;
		margin-bottom: 20px;
	}
	.SireDataArea01 .LeadingData {
		width: 52.5%;
		margin-left: auto;
		margin-bottom: 20px;
	}
	.SireData .TableWrap {
		margin: 0;
	}
	.SireData .TableWrap .NkOwnersTable01 th{
		font-size: 1rem;
		height: 45px;
	}
	.SireData .TableWrap .NkOwnersTable01 td{
		font-size: 1rem;
		height: 52px;
	}
}
@media only screen and (min-width: 1025px) {
	.MySearchDataInner .SortModalBtn01 {
		margin-right: 0;
	}
}
@media only screen and (min-width: 1200px) {
	ul.PickupHorseList {
		margin-left: 0;
		margin-right: 0;
	}
}
/*-- クラブランキング .ClubHorseRanking --*/
.ClubHorseRanking .SlideArea .SlideArea_Inner {
	position: relative;
	padding-right: 10px;
	max-width: 580px;
}
.ClubHorseRanking table.NkOwnersTable01{
	width: 100%;
	max-width: 570px;
}
.ClubHorseRanking table.NkOwnersTable01 tbody th {
	text-align: left;
	width: 44%;
}
.ClubHorseRanking table.NkOwnersTable01 .Sub{
	display: block;
	font-size: 71.43%;
	margin-top: 4px;
}
.ClubHorseRanking table.NkOwnersTable01 tbody td {
	text-align: right;
	width: 28%;
}
.ClubHorseRanking table.NkOwnersTable01 tbody td .UpTxt{
	/* display: block;
	font-size: 55.56%; */
	font-weight: bold;
	color: #EF6B6B;
	margin-bottom: 4px;
}
.ClubHorseRanking table.NkOwnersTable01 tbody td.Dummy a{
	filter: blur(5px);
	pointer-events: none;
}
.ClubHorseRanking .PremiumInfo_Inner01 {
	min-width: 178px;
	padding: 6px 8px;
/*	position: absolute;
	top: 31px;
	left: 50%;
	margin-left: -16px; */
}
.ClubHorseRanking .PremiumInfo_Inner01 .Premium_Regist_MsgArea01 {
	font-size: 13px;
	margin-bottom: 3px;
}
.ClubHorseRanking .PremiumInfo_Inner01 .Premium_Regist_Btn {
	font-size: 12px;
	margin: 3px auto;
	padding: 6px 0;
}
/** 読み込み前 **/
.ClubHorseRanking .DummyTable thead th .DummyTxt01{
	background: #e8e8e8;
	display: inline-block;
	width: 4em;
	height: 15px;
}
.ClubHorseRanking .DummyTable tbody th p .DummyTxt01{
	background: #e8e8e8;
	display: block;
	width: 8em;
	height: 14px;
}
.ClubHorseRanking .DummyTable tbody th p .DummyTxt01.Sub{
	width: 4em;
	margin-top: 6px;
	height: 10px;
}
.ClubHorseRanking .DummyTable tbody td .DummyTxt01{
	background: #e8e8e8;
	display: inline-block;
	width: 2em;
	height: 14px;
}
@media only screen and (min-width: 768px){
	.ClubHorseRanking table thead th {
		font-size: 13px;
	}
	.ClubHorseRanking table tbody th,
	.ClubHorseRanking table tbody td {
		font-size: 16px;
		height: 60px;
	}
	.ClubHorseRanking table.NkOwnersTable01 .Sub {
		font-size: 13px;
	}

	.ClubHorseRanking .SlideArea .SlideArea_Inner {
		position: relative;
		max-width: 800px;
		display: flex;
		align-items: center;
	}
	.ClubHorseRanking .PremiumInfo_Inner01 {
		min-width: 300px;
		padding: 8px 10px;
		margin-left: 20px;
/*		position: absolute;
		top: 36px;
		left: 57%; */
	}
	.ClubHorseRanking .PremiumInfo_Inner01 .Premium_Regist_MsgArea01 {
		font-size: 15px;
		margin-bottom: 6px;
	}
	.ClubHorseRanking .PremiumInfo_Inner01 .Premium_Regist_Btn {
		font-size: 14px;
		margin: 6px auto;
		padding: 6px 0;
	}
}


/*-- ソートモーダル --*/
.SortSelectModal {
	
}
.SortSelectModal {
	background-color: #fff;
	width: 100%;
	max-width: 480px;
	max-height: 500px;
	border-radius: 20px 20px 0 0;
	padding-bottom: 20px;
	position: fixed;
	bottom: -200%;
	left: 50%;
	margin: 20px 0 0;
	z-index: 7500;
	overflow: auto;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
	-webkit-transition: all .4s;
	transition: all .4s;
}
.SortSelectModal.OpenDraw {
	top: auto;
	bottom: 0;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
}
.SortSelectModal .ModalCloseBtn01{
	display: none;
}
.SortSelectModal .Title_Sec {
	margin: 20px 30px;
}
.SortSelectModal .SortItemList {
	margin: 20px 30px 0;
	padding-bottom: 30px;
}
.SortSelectModal .SortItemList.SortItemScroll {
	margin: 20px 30px 0;
	padding-bottom: 30px;
	overflow: auto;
	max-height: calc(43vh);
}
.SortItemList ul li + li {
	margin-top: 20px;
}
.SortItemList ul li label{
	display: flex;
	align-items: center;
}
.SortItemList ul li input{
	position: absolute;
	top: 0;
	left: 0;
}
.SortItemList span.RadioboxWrap {
	width: 18px;
	min-width: 18px;
	height: 18px;
}
.SortItemList span.RadioboxWrap .RadioboxInner {
	width: 18px;
	min-width: 18px;
	height: 18px;
}
.SortItemList .CheckLabel {
	position: relative;
	padding-left: 20px;
	font-size: 82.23%;
	font-weight: bold;
}
.SortItemList input:checked + span.RadioboxWrap .RadioboxInner {
	border: 3px solid var(--PrimaryColor);
}
.SortItemList input:checked + span.RadioboxWrap .RadioboxInner::after {
	display: inline-block;
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--PrimaryColor);
	transform: translate3d(-50%, -50%, 0);
}
.PremiumSort .CheckLabel::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 14px;
	height: 18px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.268 17.082'%3E%3Cpath d='M6.636,0C4.092,0,2.142,2.376,2.142,5.168V6.483H1.777A1.876,1.876,0,0,0,0,8.541v6.27A2.623,2.623,0,0,0,.5,16.4a1.617,1.617,0,0,0,1.275.684h9.714a1.618,1.618,0,0,0,1.275-.684,2.623,2.623,0,0,0,.5-1.588V8.541a1.876,1.876,0,0,0-1.777-2.058H11.13V5.168C11.13,2.376,9.179,0,6.636,0Zm0,1.468c1.609,0,3.008,1.564,3.008,3.677V6.476H3.624V5.145c0-2.112,1.4-3.677,3.008-3.677m.056,7.073a1.531,1.531,0,0,1,.705,2.877l.746,2.691c.137.681-.589.566-1.321.566H6.534c-.732,0-1.419.122-1.321-.566l.752-2.7a1.531,1.531,0,0,1,.722-2.868Z' fill='%2393bE4f'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.PremiumSort.ProCourse .CheckLabel::before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.268 17.082'%3E%3Cpath d='M6.636,0C4.092,0,2.142,2.376,2.142,5.168V6.483H1.777A1.876,1.876,0,0,0,0,8.541v6.27A2.623,2.623,0,0,0,.5,16.4a1.617,1.617,0,0,0,1.275.684h9.714a1.618,1.618,0,0,0,1.275-.684,2.623,2.623,0,0,0,.5-1.588V8.541a1.876,1.876,0,0,0-1.777-2.058H11.13V5.168C11.13,2.376,9.179,0,6.636,0Zm0,1.468c1.609,0,3.008,1.564,3.008,3.677V6.476H3.624V5.145c0-2.112,1.4-3.677,3.008-3.677m.056,7.073a1.531,1.531,0,0,1,.705,2.877l.746,2.691c.137.681-.589.566-1.321.566H6.534c-.732,0-1.419.122-1.321-.566l.752-2.7a1.531,1.531,0,0,1,.722-2.868Z' fill='%23b79a43'/%3E%3C/svg%3E");
}
.PremiumSort input:disabled  + span.RadioboxWrap .RadioboxInner{
/*	border: 3px solid #ebebeb; */
}

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

	.SortSelectModal {
		border-radius: 20px;
	}
	.SortSelectModal.OpenDraw {
		top: 50%;
		bottom: auto;
	}

	.SortSelectModal {
		top: 200%;
		bottom: auto;
		border-radius: 20px;
		background: transparent;
		overflow: visible;
		padding: 0;
		max-height: calc(65vh);
	}
	.SortSelectModal .ModalPopupInner01 {
		background: #fff;
		border-radius: 20px;
		overflow: auto;
		max-height: calc(65vh);
	}
	.SortSelectModal.OpenDraw {
		top: 50%;
		bottom: auto;
		-webkit-transform: translate3d(-50%, -50%, 0);
		transform: translate3d(-50%, -50%, 0);
		margin: 0;
	}
	.SortSelectModal .ModalCloseBtn01{
		display: block;
		bottom: -60px;
	}
	.SortSelectModal ::-webkit-scrollbar {
		width: 18px;
		border-radius: 10px;
	}
	.SortSelectModal ::-webkit-scrollbar-track {
		background-color: #f1f1f1;
		border-radius: 10px;
		margin: 10px;
	}
	.SortSelectModal ::-webkit-scrollbar-thumb {
		border-radius: 9px;
		background-color: #c1c1c1;
		border: 4px solid transparent;
		background-clip: padding-box;
	}
}

/*-- リーディング情報 --*/
.LeadingData {
	
}
.LeadingData .Tab_Select {
	margin: 0;
}
.LeadingData .Tab01 ul {
	border-radius: 20px;
	min-width: 180px;
}
.LeadingData .Tab01 ul li a,.LeadingData .Tab01 ul li span {
	width: 90px;
}
.LeadingData .DataGraph_List {
	margin: 0 10px;
}
.LeadingData .ChartCanvasBox {
	background: #fff;
	border-radius: 10px;
	padding: 24px 8px 13px;
}
.LeadingData .ChartCanvasBox {
	min-height: 292px;
}
.DataGraph_ListInner {
	position: relative;
}
.DataGraph_ListInner p.DataGraphTxt01{
	position: absolute;
	top: 12px;
	right: 10px;
	font-size: 10px;
	color: #676767;
}

@media only screen and (min-width: 768px){
	.SireDataArea02 {
		display: flex;
		margin: 0 10px;
	}
	.SireDataArea02 .Title_Sec{
		margin: 0 0 16px;
	}
	.SireDataArea02 .SireData {
		width: 52.5%;
		margin-right: auto;
		margin-bottom: 20px;
	}
	.SireDataArea02 .WalkingMovie {
		width: 45.83%;
		margin: 0 0 20px;
	}
	.SireDataArea02 .WalkingMovie .SubTitle h3{
		font-size: 22px;
	}
	.SireData .TableWrap {
		margin: 0;
	}
	.LeadingData .ChartCanvasBox{
		height: 340px;
		padding: 30px 16px 13px;
	}
	.DataGraph_ListInner p.DataGraphTxt01 {
		top: 14px;
		right: 16px;
		font-size: 12px;
	}
}

@media only screen and (min-width: 1200px) {
	.SireDataArea01,
	.SireDataArea02 {
		margin-left: 0;
		margin-right: 0;
	}
}
/*  */ 
/*===========================================
DBTOP .#DB_Top
============================================*/
/* トップ検索エリア .DBTop_SearchArea01 */
.DBTop_SearchArea01 {
	background: #fff;
	border-radius: 8px;
	margin: 20px 10px;
	padding: 10px 0;
}
.DBTop_SearchArea01 .Tab_Select {
	margin-top: 0;
}
.DBTop_SearchArea01.Search01 .Title_Sec {
	padding: 4px 16px 8px;
	margin: 0;
}
.DBTop_SearchArea01.Search01 .Title_Sec h2 {
	color: #666;
}
.Search01 .SearchInputBox {
	display: flex;
	position: relative;
	background: #fff;
	border-radius: 6px;
	height: 38px;
	margin: 0 14px;
}
.Search01 input[type="submit"]:hover{
	cursor: pointer;
}
.Search01 .Search_InputWrap {
	flex: 1;
	margin: 0;
}
.Search01 input.Txt_Form {
	width: 100%;
	border-radius: 6px;
	padding-left: 18px;
}
.Search01 .Submit_Btn_Box {
	width: 38px;
	height: 38px;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
}
.Search01 .Submit_Btn_Box .IconInput01 {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 8px;
	left: 8px;
}
.Search01 .InputTxt_Form_Box input{
	-webkit-appearance: none;
	-webkit-rtl-ordering: logical;
	-webkit-user-select: text;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #bfbfbf;
	border-radius: 4px;
	font-size: 14px;
	padding: 0 8px 0 18px;
	width: 100%;
	height: 38px;
	line-height: 38px;
	outline: none;
	background: #fff;
}
.Search01 .InputTxt_Form_Box input:focus {
	background: #fff4f4;
}
@keyframes onAutoFillStart { from {} to {}}
.Search01 .InputTxt_Form_Box input:-webkit-autofill{
	-webkit-box-shadow: 0 0 0px 1000px #fff4f4 inset;
	animation-name: onAutoFillStart;
	transition: background-color 50000s ease-in-out 0s;
}
.Search01 .Submit_Btn_Box input.Submit_Btn {
	width: 38px;
	height: 38px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border: none;
	appearance: none;
	background: transparent;
	position: absolute;
	top: 0;
	right: 0;
}
.Search01 .Submit_Btn_Box input[type=submit]{
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: transparent;
	line-height: inherit;
	color: transparent;
	font-weight: normal;
	font-size: 100%;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.Search01 .InputTxt_Form_Box input[type=text] {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #333;
}
.Search01 .InputTxt_Form_Box input::placeholder {
	color: #888;
}
/* IEクリアボタン非表示 */
.InputTxt_Form_Box input::-ms-clear {
	visibility:hidden
}
.Search01 .DetailSearchLink {
	margin-top: 10px;
}

.SearchFormInner01 ul.SearchDetailList {
	margin-bottom: 10px;
}
.DBTop_SearchArea01 .CommonBtn01 {
	padding-bottom: 10px;
}




.Search02 .SearchVer01,
.Search02 .SearchVer02 {
	display: block;
	text-align: center;
}
.Search02 .SearchVer01 .SearchListBox,
.Search02 .SearchVer02 .SearchListBox {
	display: inline-block;
}

@media only screen and (max-width: 769px){
	.SearchBoxWrap .DBTop_SearchArea01:last-child{
		margin-bottom: 40px;
	}
}
.DBTop_SearchArea01 .Title_Sec{
	margin: 0 20px 15px;
}
.DBTop_SearchArea01 p.Txt {
	font-size: 14px;
	color: #666;
	line-height: 20px;
	margin: 0 20px 12px;
	text-align: left;
}


.Search_InputWrap label.Label01 span.Male {
	color: var(--MaleColor);
}
.Search_InputWrap label.Label01 span.Female {
	color: var(--FemaleColor);
}
.SearchListBox_inner {
	position: relative;
}
.SearchVer01 .Search_InputWrap label.Label01 {
	text-align: center;
}
.DBTop_SearchArea01.Search02 {
	margin-bottom: 40px;
}
.UniqueSearch.SearchVer01 .IconCross {
	display: block;
	margin-bottom: 0px;
	padding: 0px;
	position: absolute;
	left: 18px;
	top: 35px;
}
.UniqueSearch.SearchVer01 .IconCross svg{
	display: block;
	margin: auto;
	width: 14px;
	height: 14px;
}
.UniqueSearch .CommonBtn01 {
	padding-bottom: 8px;
}
/* DBメニュー */
.DBTop_MenuArea01 {
	margin-bottom: 40px;
}
ul.DBTop_MenuList {
	display: flex;
	padding: 4px 10px;
}
ul.DBTop_MenuList li{
	width: 25%;
}
span.DB_MenuList_IconWrap {
	display: flex;
	background: #fff;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	margin: auto;
}
span.MenuLabel {
	display: block;
	font-size: 66.67%;
	font-weight: bold;
	color: #444;
	text-align: center;
	margin-top: 5px;
}
svg.Icon_DBMenu01 {
	display: block;
}
.Icon_DBMenu01.Icon_Detail_Search {
	width: 29px;
}
.Icon_DBMenu01.Icon_Sire_Leading {
	width: 23px;
}
.Icon_DBMenu01.Icon_GenData {
	width: 22px;
}
.Icon_DBMenu01.Icon_Ranking {
	width: 32px;
}

@media only screen and (min-width: 834px){
	#DB_Top .Contents {
		margin-top: 20px;
		max-width: 800px;
		padding: 0;
	}
	.SearchBoxWrap {
		display: flex;
/*		justify-content: space-between;
		flex-wrap: wrap; */
	}
	#DB_Top .DBTop_SearchArea01 .Tab_Select {
		margin-bottom: 18px;
	}
/*	#DB_Top .SearchBoxWrap .DBTop_SearchArea01.Search01 {
		width: calc((100% - 40px) / 2);
	}
*/
	#SearchHorseList .SearchBoxWrap .DBTop_SearchArea01.Search01,
	.SearchBoxWrap .DBTop_SearchArea01.Search02,
	.SearchBoxWrap .DBTop_SearchArea01.Search03 {
/*		width: 50%;
		width: calc( (100% - 40px) / 2);
		min-height: 370px; */
		width: calc((100% - 40px) / 2);
		margin: 20px auto;
	}
	.DBTop_SearchArea01.Search01 input.Txt_Form {
		width: 100%;
	}
	#DB_Top .Search02 input.Txt_Form {
		width: 200px;
	}
	.DBTop_SearchArea01 {
		padding: 30px 0 20px;
	}
	#SearchHorseList .DBTop_SearchArea01 {
		padding: 30px 30px 30px;
	}
	.DBTop_SearchArea01 .Title_Sec h2{
		margin: auto;
	}
	.DBTop_SearchArea01.Search01 .Title_Sec h2{
		font-size: 22px;
	}
	.Search_InputWrap {
		margin-bottom: 16px;
	}
	.SearchBoxWrap .DBTop_SearchArea01.Search01 .SearchInputBox {
		margin: 96px 0 16px;
	}
	#SearchHorseList .SearchBoxWrap .DBTop_SearchArea01.Search01 .SearchInputBox {
		margin: 46px 0 16px;
	}
	.Search_InputWrap label.Label01 {
		padding-right: 10px;
	}
	.Search_InputWrap > span {
		padding-left: 10px;
	}
	.DBTop_SearchArea01 .IconCross,
	.UniqueSearch.SearchVer01 .IconCross {
/*		position: static;
		margin-top: -24px;
		margin-bottom: 8px; */
	}
	.DBTop_SearchArea01 p.Txt {
		font-size: 16px;
		line-height: 26px;
		margin: 0 auto 20px;
		max-width: 330px;
		text-align: left;
	}
	
	ul.DBTop_MenuList {
		
	}
	ul.DBTop_MenuList > li {
		width: 200px;
		flex: 1;
	}
	ul.DBTop_MenuList > li + li {
		margin-left: 10px;
	}
	ul.DBTop_MenuList li > a{
		display: flex;
		background: #fff;
		border-radius: 10px;
	}
	ul.DBTop_MenuList li > a:hover{
		background: #f3f3f3;
		text-decoration: none;
	}
	ul.DBTop_MenuList li > a:hover .MenuLabel{
		color: #c53131;
		text-decoration: underline;
	}
	ul.DBTop_MenuList span.DB_MenuList_IconWrap {
		background: transparent;
		margin: 0 10px;
		
	}
	ul.DBTop_MenuList span.MenuLabel {
		display: flex;
		align-items: center;
		font-size: 15px;
		margin: 0;
	}


	#DB_Top .AccessRankArea ul.RankingList li {
		flex: 0 0 calc(33.33% - 20px); 
		margin: 10px;
	}
	#DB_Top .AccessRankArea .RankingList_SlideBox ul.RankingList li {
		margin: 0;
	}
	#DB_Top .AccessRankArea .RankingList_SlideBox ul.RankingList li + li {
		margin-top: 10px;
	}
	#DB_Top .AccessRankArea ul.RankingList > li:nth-child(4) {
		display: none;
	}
	#DB_Top .SearchDetail_InputList .SearchDetail_InputWrap {
		display: flex;
		width: calc(50% - 32px);
		margin-top: 16px;
	}
	#DB_Top .SearchDetail_InputWrap .SearchDetailListLabel {
		width: 4em;
		text-align: right;
		margin-right: 10px;
	}

}
@media only screen and (min-width: 1200px){
	#DB_Top .SearchBoxWrap .DBTop_SearchArea01.Search01 {
/*		width: 33.33%;
		width: calc( (100% - 60px) / 3);
		min-height: 370px; 
		width: calc((100% - 40px) / 3); */
	}
	#DB_Top .SearchBoxWrap .DBTop_SearchArea01.Search02,
	#DB_Top .SearchBoxWrap .DBTop_SearchArea01.Search03 {
		width: calc((100% - 40px) / 3 * 2);
	}
/*	.SearchBoxWrap .DBTop_SearchArea01.Search01 .SearchInputBox {
		margin: 52px 0 16px;
	} */
	#DB_Top .SearchBoxWrap .SearchVer01 .SearchListBox_inner,
	#DB_Top .SearchBoxWrap .SearchVer02 .SearchListBox {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
	.Search02 .SearchVer01 .SearchListBox {
		display: block;
	}
	.UniqueSearch.SearchVer01 .IconCross {
		position: static;
		margin-top: -14px;
	}
	.DBTop_SearchArea01 p.Txt {
		max-width: none;
		text-align: center;
	}
	.UniqueSearch .SearchListBox .Message_Error01{
		margin: 0 auto 10px;
		width: 260px;
		max-width: 260px;
	}
}

/* 重賞勝ち馬 .GradeWinnerHorse */
.GradeWinnerHorse {
	position: relative;
}
.PickupHorseListWrap {
	position: relative;
	margin-bottom: 5px;
}
.PickupHorseList01 {
	padding: 0 10px 15px 10px;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
}
.PickupHorseList01 li {
	display: inline-block;
	background: #fff;
	width: 280px;
	border-radius: 10px;
	vertical-align: top;
	white-space: normal;
}
.PickupHorseList01 li + li {
	margin-left: 8px;
}
ul.PickupHorseList01 li a {
	display: block;
	padding: 10px;
	color: #444;
	text-decoration: none;
}
ul.PickupHorseList01 li .RaceName {
	font-size: 16px;
	font-weight: bold;
	color: #757575;
	line-height: 18px;
	margin-bottom: 10px;
}
ul.PickupHorseList01 li .RaceName .Icon_GradeType {
	font-size: 12px;
	line-height: 18px;
	padding: 0 .7em;
	vertical-align: text-top;
	margin: 1px 0 0 6px;
}
ul.PickupHorseList01 li .PhotoThumb_01 {
	width: 100%;
	min-height: 83px;
	margin-right: 9px;
	margin-bottom: 14px;
	border-radius: 4px;
	overflow: hidden;
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: relative;
}
ul.PickupHorseList01 li .PhotoThumb_01::after {
	content: "";
	display: block;
	width: 100%;
	padding-top: 75%;
}
ul.PickupHorseList01 li .HorseNameBox {
	position: relative;
	padding: 0 0 10px;
}
ul.PickupHorseList01 li .HorseNameBox h2.HorseName {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
}
ul.PickupHorseList01 li a .HorseNameBox h2.HorseName {
	color: var(--TxtStrongColor);
}
ul.PickupHorseList01 li .HorseNameBox .HorseData01 {
	font-size: 12px;
	line-height: 1.3;
	margin-top: 1px;
}
ul.PickupHorseList01 li .HorseDataBox {
	border-top: 1px dotted #888;
	padding-top: 6px;
}
ul.PickupHorseList01 li .HorseDataBox .HorseData02 {
	font-size: 13px;
	line-height: 1.4;
}

ul.PickupHorseList01 li a:hover {
	background: #f3f3f3;
}
ul.PickupHorseList01 li a:hover h2.HorseName {
	color: #c53131;
	text-decoration: underline;
}
.PickupHorseList01 li .HorseData02 > span {
	display: inline-block;
	width: 3.5em;
	font-weight: bold;
}
.PickupHorseList01 li .Male {
	color: var(--MaleColor);
}
.PickupHorseList01 li .Female {
	color: var(--FemaleColor-2);
}
@media only screen and (min-width: 834px){
	.PickupHorseList01 {
		display: flex;
		flex-wrap: wrap;
		overflow: visible;
		white-space: normal;
		padding: 0;
	}
	.PickupHorseList01 li {
		width: calc( 25% - 6px );
		border-radius: 10px;
		min-width: 280px;
		margin-bottom: 10px;
	}
	.PickupHorseList01 li:nth-of-type(5n) {
		margin-left: 0;
	}
}
/* アクセスランキング .AccessRankArea */
.AccessRankArea {

}
.AccessRankArea .Title_BtnMore02 a {
	color: #666;
	font-size: 61.12%;
	font-weight: bold;
	text-align: center;
	border: 1px solid #bfbfbf;
	border-radius: 1.27em;
	line-height: 2.4;
	display: block;
	position: relative;
	min-width: 97px;
}
.AccessRankArea .Title_BtnMore02 a:hover {
	background: #fefefe;
}
.AccessRankArea ul.RankingList {
	margin: 0 10px;
}
.AccessRankArea ul.RankingList li {
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}
.AccessRankArea ul.RankingList > li + li {
	margin-top: 10px;
}
.AccessRankArea ul.RankingList > li:nth-child(4) {
	display: none;
}
#Shared_Ranking .AccessRankArea ul.RankingList > li:nth-child(4) {
	display: block;
}
.AccessRankArea ul.RankingList li a {
	display: block;
	color: #444;
	background-color: #fff;
/*	min-height: 136px; */
	height: 100%;
}
.RankingList_DataBox .RankDataBox {
	font-size: 88.89%;
	font-weight: bold;
}
/*順位アイコン*/
.IconRank1 {
	display: inline-flex;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20.588'%3E%3Cpath d='M449.848,1.328a1.329,1.329,0,1,0-1.329,1.329,1.329,1.329,0,0,0,1.329-1.329' transform='translate(-438.52 0.001)' fill='%23ebba35'/%3E%3Cpath d='M2.658,102.833a1.329,1.329,0,1,0-1.329,1.329,1.329,1.329,0,0,0,1.329-1.329' transform='translate(0 -99.536)' fill='%23ebba35'/%3E%3Cpath d='M897.039,102.833a1.329,1.329,0,1,0-1.329,1.329,1.329,1.329,0,0,0,1.329-1.329' transform='translate(-877.039 -99.536)' fill='%23ebba35'/%3E%3Cpath d='M98.1,187.361l-4.043,4.078-3.461-5.969a.35.35,0,0,0-.608,0l-3.461,5.969-4.043-4.078a.353.353,0,0,0-.6.283l1.389,14.325a.353.353,0,0,0,.352.319H96.96a.353.353,0,0,0,.352-.319L98.7,187.644a.353.353,0,0,0-.6-.283' transform='translate(-80.289 -181.7)' fill='%23cc9a22'/%3E%3Cpath d='M97.2,301.434l-1.737-1.741L82.483,286.6a.353.353,0,0,0-.6.283l1.389,14.325a.353.353,0,0,0,.352.319h13.34a.352.352,0,0,0,.239-.093' transform='translate(-80.291 -280.94)' fill='%23ebba35'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	justify-content: center;
	align-items: center;
}
.IconRank2 {
	display: inline-flex;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20.588'%3E%3Cpath d='M449.848,1.328a1.329,1.329,0,1,0-1.329,1.329,1.329,1.329,0,0,0,1.329-1.329' transform='translate(-438.52 0.001)' fill='%23546E9F'/%3E%3Cpath d='M2.658,102.833a1.329,1.329,0,1,0-1.329,1.329,1.329,1.329,0,0,0,1.329-1.329' transform='translate(0 -99.536)' fill='%23546E9F'/%3E%3Cpath d='M897.039,102.833a1.329,1.329,0,1,0-1.329,1.329,1.329,1.329,0,0,0,1.329-1.329' transform='translate(-877.039 -99.536)' fill='%23546E9F'/%3E%3Cpath d='M98.1,187.361l-4.043,4.078-3.461-5.969a.35.35,0,0,0-.608,0l-3.461,5.969-4.043-4.078a.353.353,0,0,0-.6.283l1.389,14.325a.353.353,0,0,0,.352.319H96.96a.353.353,0,0,0,.352-.319L98.7,187.644a.353.353,0,0,0-.6-.283' transform='translate(-80.289 -181.7)' fill='%23152F55'/%3E%3Cpath d='M97.2,301.434l-1.737-1.741L82.483,286.6a.353.353,0,0,0-.6.283l1.389,14.325a.353.353,0,0,0,.352.319h13.34a.352.352,0,0,0,.239-.093' transform='translate(-80.291 -280.94)' fill='%23546E9F'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	justify-content: center;
	align-items: center;
}
.IconRank3 {
	display: inline-flex;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20.588'%3E%3Cpath d='M449.848,1.328a1.329,1.329,0,1,0-1.329,1.329,1.329,1.329,0,0,0,1.329-1.329' transform='translate(-438.52 0.001)' fill='%23C1A179'/%3E%3Cpath d='M2.658,102.833a1.329,1.329,0,1,0-1.329,1.329,1.329,1.329,0,0,0,1.329-1.329' transform='translate(0 -99.536)' fill='%23C1A179'/%3E%3Cpath d='M897.039,102.833a1.329,1.329,0,1,0-1.329,1.329,1.329,1.329,0,0,0,1.329-1.329' transform='translate(-877.039 -99.536)' fill='%23C1A179'/%3E%3Cpath d='M98.1,187.361l-4.043,4.078-3.461-5.969a.35.35,0,0,0-.608,0l-3.461,5.969-4.043-4.078a.353.353,0,0,0-.6.283l1.389,14.325a.353.353,0,0,0,.352.319H96.96a.353.353,0,0,0,.352-.319L98.7,187.644a.353.353,0,0,0-.6-.283' transform='translate(-80.289 -181.7)' fill='%239F713B'/%3E%3Cpath d='M97.2,301.434l-1.737-1.741L82.483,286.6a.353.353,0,0,0-.6.283l1.389,14.325a.353.353,0,0,0,.352.319h13.34a.352.352,0,0,0,.239-.093' transform='translate(-80.291 -280.94)' fill='%23C1A179'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	justify-content: center;
	align-items: center;
}
.RankingList_DataBox .RankDataBox .IconRank1,
.RankingList_DataBox .RankDataBox .IconRank2,
.RankingList_DataBox .RankDataBox .IconRank3{
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: text-top;
	color: transparent;
}
.RankingList_DataBox .RankDataBox.Rank1 {
	color: #CC9A15;
}
.RankingList_DataBox .RankDataBox.Rank2{
	color: #093058;
}
.RankingList_DataBox .RankDataBox.Rank3{
	color: #9F713B;
}
@keyframes blink {
	0%, 100% {
		background-color: transparent;
	}
	50% {
		background-color: #fef9e5;
		/* background-color: #ffef7f; */
	}
}
.AccessRankArea ul.RankingList li.ThisRankHorse a {
	animation: blink 0.5s ease-in-out 2;
}
.AccessRankArea ul.RankingList .RankingList_ItemWrap {
	display: flex;
}
.AccessRankArea .RankingList_ItemWrap .RankingList_Img {
	width: 39%;
	max-width: 150px;
	overflow: hidden;
	position: relative;
	margin: 10px 0 10px 10px;
	border-radius: 6px;
	overflow: hidden;
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.AccessRankArea .RankingList_ItemWrap .RankingList_Img::after {
	content: "";
	display: block;
	width: 100%;
	padding-top: 75%;
}
.RankingList_ItemWrap .Ranking_Num{
	display: inline-flex;
	width: 36px;
	height: 36px;
	font-size: 19px;
	font-weight: bold;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	border-radius: 6px;
}
.RankingList_ItemWrap .RankingList_Img .Ranking_Num{
	position: absolute;
	top: 0;
	right: 0;
	width: 36px;
	height: 36px;
	border-radius: 0 6px;
}
.RankingList_ItemWrap .Name .Ranking_Num {
	margin-right: 10px;
}
.Ranking_Num {
	background: #cecece;
	color: #444;
}
.Ranking_Num.Rank1{
	color: #fff;
	background: var(--Rank01Color);
}
.Ranking_Num.Rank2{
	color: #fff;
	background: var(--Rank02Color);
}
.Ranking_Num.Rank3{
	color: #fff;
	background: var(--Rank03Color);
}
.AccessRankArea .RankingList_DataBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	width: 57%;
}
.RankingList_DataBox .HorseNameBox {
	position: relative;
	width: 100%;
}
.RankingList_DataBox .HorseNameBox h2.HorseName {
	color: var(--TxtStrongColor);
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
}
.RankingList_DataBox .HorseNameBox .HorseData01 {
	font-size: 12px;
	margin-top: 2px;
}
.RankingList_DataBox .HorseDataBox .HorseData02 {
	font-size: 12px;
	margin-top: 4px;
}
.RankingList_DataBox .HorseNameBox .HorseData01 > span {
	font-weight: bold;
}
.RankingList_DataBox .HorseNameBox .HorseData01 .Male {
	color: var(--MaleColor);
}
.RankingList_DataBox .HorseNameBox .HorseData01 .Female {
	color: var(--FemaleColor-2);
}
.RankingList_DataBox .HorseDataBox .HorseData02 > span {
	display: inline-block;
	width: 3.5em;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	border-radius: 7px;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
	padding: 3px 0;
}
.RankingList_DataBox .HorseDataBox .HorseData02 .Male {
	background: var(--MaleColor);
}
.RankingList_DataBox .HorseDataBox .HorseData02 .Female {
	background: var(--FemaleColor-2);
}
.RankingList_DataBox .HorseDataBox .HorseData02 .BroodMareSire {
	color: #666;
	background: #ebc3cc;
}

@media only screen and (min-width: 834px){
	.AccessRankArea ul.RankingList {
		display: flex;
	}
	.Side_Column .AccessRankArea ul.RankingList {
		display: block;
	}
	.AccessRankArea ul.RankingList li {
		width: calc( 25% - 6px );
		border-radius: 10px;
		overflow: hidden;
		margin: 10px;
	}
	.Side_Column  .AccessRankArea ul.RankingList li {
		width: 100%;
	}
	.AccessRankArea ul.RankingList li + li {
		margin-left: 8px;
		border: none;
	}
	.Side_Column .AccessRankArea ul.RankingList li + li {
		margin-top: 8px;
		margin-left: 0;
		border: none;
	}
	.AccessRankArea ul.RankingList > li:nth-child(4) {
		display: block;
	}
	.AccessRankArea ul.RankingList li a {
		display: block;
		padding: 10px;
	}
	.AccessRankArea .RankingList_SlideBox ul.RankingList li a {
		padding: 0;
	}
	.Side_Column .AccessRankArea ul.RankingList li a {
		padding: 0;
	}
	.AccessRankArea ul.RankingList li a:hover {
		background: #f9f9f9;
		text-decoration: none;
	}
	.AccessRankArea ul.RankingList li a:hover h2.HorseName {
		color: #c53131;
		text-decoration: underline;
	}
	.AccessRankArea ul.RankingList li a:hover .RankingList_Img{
		opacity: 0.8;
	}
	.AccessRankArea ul.RankingList .RankingList_ItemWrap {
		flex-wrap: wrap;
	}
	.AccessRankArea .RankingList_SlideBox ul.RankingList .RankingList_ItemWrap {
		flex-wrap: nowrap;
	}
	.AccessRankArea .RankingList_ItemWrap .RankingList_Img {
		width: 100%;
		max-width: none;
		margin: 0;
	}
	.AccessRankArea .RankingList_SlideBox .RankingList_ItemWrap .RankingList_Img,
	.Side_Column .AccessRankArea .RankingList_ItemWrap .RankingList_Img {
		width: 39%;
		max-width: 150px;
		margin: 10px 0 10px 10px;
	}
	.Side_Column .AccessRankArea .RankingList_ItemWrap .RankingList_Img {
		width: 34%;
	}
	.AccessRankArea .RankingList_ItemWrap .RankingList_Img::after {
		content: "";
		display: block;
		width: 100%;
		padding-top: 75%;
	}
	.AccessRankArea .RankingList_DataBox {
		width: 100%;
		padding: 10px 0 0;
	}
	.AccessRankArea .RankingList_SlideBox .RankingList_DataBox,
	.Side_Column .AccessRankArea .RankingList_DataBox {
		width: 57%;
		padding: 10px;
	}
	.Side_Column .AccessRankArea .RankingList_DataBox {
		width: 62%;
		padding: 10px;
	}
	.RankingList_DataBox .HorseDataBox {
		border-top: 1px dotted #888;
		padding-top: 6px;
		width: 100%;
	}
	.Side_Column .RankingList_DataBox .HorseDataBox {
		border-top: 0 none;
		padding-top: 0;
	}
	.Side_Column .RankingList_DataBox .HorseDataBox .HorseData02 {
		margin-top: 0;
	}
	.RankingList_SlideBox .RankingList_DataBox .HorseDataBox {
		border-top: 0 none;
		padding-top: 0;
	}

	.RankingList_DataBox .HorseNameBox {
		position: relative;
		padding: 0 0 10px;
	}
	.RankingList_SlideBox .RankingList_DataBox .HorseNameBox {
		padding: 0;
	}
	.RankingList_DataBox .HorseNameBox h2.HorseName {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.RankingList_SlideBox .RankingListWrap .LinkBtn_03 {
		display: block;
	}
}
/* 種牡馬ランキング .SireRankingArea */
.SireRankingArea {

}
.SireRankingArea .RankingList_ItemWrap .RankingList_Img {
	width: 44%;
}
.SireRankingArea .RankingList_DataBox .HorseNameBox h2.HorseName {
	font-size: 17px;
}
.SireRankingArea .RankingList_DataBox .HorseDataBox .HorseData01 {
	font-size: 11px;
}
.SireRankingArea .RankingList_DataBox .HorseDataBox .HorseData02 {
	font-size: 11px;
	margin-top: 3px;
}
.SireRankingArea .RankingList_DataBox .HorseDataBox .HorseData02 > span {
	font-size: 10px;
}
.SireRankingArea .RankingList_DataBox .PriceData01 {
	font-size: 17px;
	font-weight: bold;
	margin-top: 4px;
}
@media only screen and (min-width: 834px){
	.SireRankingArea .RankingList_ItemWrap .RankingList_Img {
		width: 100%;
	}
	.SireRankingArea .RankingList_DataBox .HorseNameBox h2.HorseName {
		font-size: 18px;
	}
	.SireRankingArea .RankingList_DataBox .HorseNameBox .HorseData01,
	.SireRankingArea .RankingList_DataBox .HorseDataBox .HorseData01,
	.SireRankingArea .RankingList_DataBox .HorseDataBox .HorseData02 {
		font-size: 13px;
		margin-top: 4px;
	}
	.SireRankingArea .RankingList_DataBox .PriceData01 {
		margin-top: 8px;
	}
}
/* アクセスランキング スライド .RankingList_SlideBox */

.ClubRankingArea .Tab02{
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
	border-bottom: 1px solid #bfbfbf;
}
.ClubRankingArea .Tab02 ul{
	overflow: visible;
	border-bottom: 0 none;
}
.ClubRankingArea .Tab02 ul li{
	display: inline-block;
	overflow: visible;
	padding-bottom: 2px;
}
.ClubRankingArea .Tab02 ul li a{
	white-space: nowrap;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	font-weight: bold;
}
.RankingList_SlideBox {
	position:relative;
	padding-top: 20px;
	overflow:hidden;
	touch-action:pan-y;
	width:100%;
}
.RankingListTrack {
	display:flex;
	will-change:transform;
	transition:transform .35s ease;
	padding-left: 10px;
}
.RankingList_SlideBox .RankingListWrap {
	display: inline-block;
	max-width: 340px;
	flex:0 0 340px;
	padding-right: 10px;
}
.AccessRankArea .RankingList_SlideBox ul.RankingList {
	display: block;
	margin: 0;
}
.AccessRankArea .RankingList_SlideBox ul.RankingList li,
#DB_Top .AccessRankArea .RankingList_SlideBox ul.RankingList li {
	width: 100%;
}
.RankingList_SlideBox .RankingList_ItemWrap {
	-webkit-user-select: none;
	user-select: none;
	-webkit-user-drag: none;
}
.RankingList_SlideBox a,
.RankingList_SlideBox a * {
	-webkit-tap-highlight-color: transparent;
}
.RankingList_SlideBox.is-dragging a {
	pointer-events: none;
}
.RankingList_SlideBox .RankingList_ItemWrap .RankingList_Img .Ranking_Num {
	width: 31px;
	height: 31px;
}
.RankingList_SlideBox .RankingList_DataBox .HorseNameBox h2.HorseName {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
@media only screen and (min-width: 834px){
	.ClubRankingArea .Tab02 ul li a {
		font-size: 100%;
		padding: 0 16px;
	}
}

/*---------------------------------
詳細検索モーダル .SearchDetailModal
---------------------------------*/
.Wrap.ViewOut{
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
}
.ModalOverlay {
	background: rgba(0,0,0,0.6);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 7200;
	transition: opacity 0.7s, transform 0s 0.5s;
}

.SearchDetailModal .SearchDetailInner01 .AplHeader_Wrap{
	width: 100%;
	height:44px;
	position: sticky;
	top: 0;
	left: 0;
	z-index: 10;
}
.SearchDetailModal .SearchDetailInner01 .AplHeader_Wrap.SpSticky{
	position: sticky;
	top: 0;
	z-index: 10;
}
.SearchDetailModal .SearchDetailInner01 .AplHeader{
	height: 44px;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #d3d7d9;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.AplHeader .Close_Link {
	display: flex;
	height: 44px;
}
.AplHeader .Close_Link .Icon_Close{
	display: inline-block;
	width: 44px;
	height: 44px;
	margin-left: auto;
	position: relative;
}
.AplHeader .Close_Link .Icon_Close:before,
.AplHeader .Close_Link .Icon_Close:after {
	width: 20px;
	top: 21px;
	left: 11px;
}
.SearchDetailModal {
	background-color: #fff;
	width: 100%;
	max-width: 640px;
/*	padding-bottom: 124px; */
	position: fixed;
	top: 200%;
	left: 50%;
	margin: 0;
	z-index: 7500;
	-webkit-transform: translate3d(-50%, 0, 0);
	-moz-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
}
.SearchDetailModal.OpenDraw {
	top: 0%;
	bottom: 0;
	-webkit-transform: translate3d(-50%, 0, 0);
	-moz-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
}

/* 検索 */
.SearchDetailInner01 {
	position: relative;
	/* overflow: auto;
	margin-top: 44px; */
	overflow: auto;
	width: 100%;
	height: 100%;
	background: #fff;
}
.SearchDetailModal .Title_Sec {
	margin: 21px 10px;
}
.Title_Sec a.ClearBtn {
	font-size: 14px;
	color: #666;
	margin: 0 0 0 auto;
}
.SearchDetail_InputList {
	padding: 0 20px 20px;
}
.SearchDetail_InputWrap .SearchDetailListLabel{
	display: block;
	margin: 12px 0;
}
.SearchDetailListLabel{
	font-size: 15px;
	font-weight: bold;
	color: #666;
	margin: auto auto auto 20px;
	white-space: nowrap;
}
.SearchDetailNext .SearchDetailListLabel{
	min-width: 70px;
}
ul.SearchDetailList {
	border-top: 1px solid #ebebeb;
	margin-bottom: 100px;
}
ul.SearchDetailList > li{
	border-bottom: 1px solid #ebebeb;
}
ul.SearchDetailList .SearchDetailWrap01{
	display: flex;
	height: 50px;
}
li .CheckLabelWrap {
	display: flex;
	margin-right: 28px;
	align-content: center;
	flex-wrap: wrap;
}
li .LabelBreeder {
	flex-wrap: nowrap;
}
span.CheckboxWrap {
	position: relative;
	display: inline-block;
	min-width: 18px;
	height: 18px;
	cursor: pointer;
	font-variant: tabular-nums;
	outline: none;
	white-space: nowrap
}
span.CheckboxWrap .CheckboxInput{
	min-width: 18px;
	height: 18px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
span.CheckboxWrap .CheckboxInner,
span.HeaderCheckboxWrap .HeaderCheckboxInner {
	background-color: #fff;
	border: 2px solid #bfbfbf;
	border-collapse: initial;
	display: block;
	width: 18px;
	height: 18px;
	position: relative;
	top: 0;
	left: 0;
	transition: all .2s;
}
span.CheckboxWrap .CheckboxInner::after,
span.HeaderCheckboxWrap .HeaderCheckboxInner::after {
	content: " ";
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.431 6.386'%3E%3Cpath d='M49.176,53.432a1.121,1.121,0,0,0-1.574.079l-3.537,3.537-1.172-1.172a1.063,1.063,0,1,0-1.5,1.5l1.8,1.8a1.227,1.227,0,0,0,.832.364h.081a1.226,1.226,0,0,0,.831-.364l4.16-4.161a1.121,1.121,0,0,0,.079-1.574' transform='translate(-41.032 -53.146)' fill='%23fff'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 6px;
	transform: rotate(-2deg) scale(0) translate(-50%,-50%);
	transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;
	width: 8.43px;
	height: 6.39px;
}
span.CheckboxWrap input:checked + .CheckboxInner {
	border: none;
	background-color: var(--PrimaryColor);
}
span.CheckboxWrap input:checked + .CheckboxInner:after {
	opacity: 1;
	transform: rotate(0deg) scale(1) translate(-10%, -50%);
	transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s;
}
ul.SearchDetailList li .CheckLabel {
	font-size: 14px;
	color: #444;
	line-height: 18px;
	margin-left: 12px;
}
.SearchDetailModal .SelectMenu01 {
	width: 80px;
	height: 32px;
}
.SelectMenu01 {
	position: relative;
	overflow: hidden;
}
.SelectMenu01::before {
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 1px;
	background: none;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	-webkit-transform: rotate(135deg) translateY(-50%);
	transform: rotate(135deg) translateY(-50%);
	position: absolute;
	top: 50%;
	right: 14px;
	margin-top: -8px;
}
.SelectMenu01 select {
	width: 100%;
	height: 32px;
	padding: 0 18px 0 11px;
	color: #444;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "メイリオ", arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 2;
	background: #fff;
	border-radius: 16px;
	border: 1px solid #BFBFBF;
	-webkit-transform-origin: left top;
	transform-origin: left top;
}
.SearchItemWrap .SearchItem.Txt {
	display: table-cell;
	font-size: 15px;
	font-weight: bold;
	white-space: nowrap;
	color: var(--TxtStrongColor);
	vertical-align: middle;
	min-width: 2em;
	text-align: center;
}
.SearchDetailNext {
	display: flex;
	width: 100%;
	cursor: pointer;
}
.SearchDetailListTxt01 {
	font-size: 11px;
	font-weight: bold;
	color: var(--PrimaryColor);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 50px;
}
.SearchDetailNext .Arrow {
	display: block;
	position: relative;
	width: 24px;
}
.SearchDetailNext .Arrow::after {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 1px;
	background: none;
	border-top: 2px solid #999;
	border-right: 2px solid #999;
	-webkit-transform: rotate(45deg) translateY(-50%);
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	right: 13px;
	top: 50%;
}
.SearchDetailWrap02 {
	padding: 14px 0 18px;
}
.SearchDetailWrap02 .SearchDetailListLabel{
	display: block;
	margin-bottom: 8px;
}
.SearchDetailWrap03 {
	display: flex;
	align-items: center;
	margin-right: 16px;
}
.SearchItemWrap {
	display: table;
	padding: 0 20px;
	margin-left: auto;
}
.SearchItemWrap .SearchItem {
	display: table-cell;
	font-size: 15px;
	font-weight: bold;
	white-space: nowrap;
	color: var(--TxtStrongColor);
	vertical-align: middle;
}
.SearchItemWrap .SearchItem input.Txt_Form{
	width: auto;
	width: calc(100% - 3em);
	margin-right: 6px;
	text-align: right;
}
.SearchItemWrap .SearchItem.Txt {
	min-width: 2em;
	text-align: center;
}
.DBTop_SearchArea01 .SearchItemWrap .SelectMenu01 {
	width: 80px;
	height: 32px;
}
.SearchDetailWrap02 .meter {
	font-size: 15px;
	font-weight: bold;
	color: var(--TxtStrongColor);
	text-align: center;
}
.SearchDetailWrap02 .meter > span {
	display: inline-block;
	margin: 0 20px;
}
.MeterSliderWrap {
	position: relative;
	height: 32px;
	margin: 24px 30px -4px;
}
.MeterSliderWrap .noUi-pips-horizontal {
	height: 21px;
}
.MeterSliderWrap .noUi-horizontal{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -1px;
}
.DetailSubmitBtnWrap {
	background: #f3f3f3;
	padding: 8px 10px 20px;
}
.DetailSubmitBtnWrap.Fixed {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 84px;
	z-index: 1;
}
/* 項目選択 */

.SearchDetail_Category01 ul.SearchDetail_CateCheckList {
	padding: 20px 20px 0;
}
.SearchDetail_Category01 ul.SearchDetail_CateCheckList li {
	margin: 0 0 20px;
}
.SearchDetail_Category01 ul.SearchDetail_CateCheckList li.PremiumOpen,
.SearchDetail_Category01 ul.SearchDetail_CateCheckList li.PremiumOpen span.CheckboxWrap input,
.SearchDetail_Category01 ul.SearchDetail_CateCheckList li.PremiumOpen label {
	cursor: pointer;
}
ul.SearchDetail_CateCheckList li span.CheckboxWrap {
	vertical-align: top;
}
ul.SearchDetail_CateCheckList li .CheckLabel {
	font-size: 14px;
	line-height: 18px;
	vertical-align: top;
	margin-left: 8px;
}
textarea:focus-within,
input.Txt_Form:focus-within {
	box-shadow: 0 0 5px 0 rgba(202, 202, 202, .6);
}

/* 詳細チェックモーダル */
.SearchDetailInner01[class*="SlideItem"] {
	position: absolute;
	top: 0;
	left: 150%;
	z-index: 10;
	opacity: 0;
	transition: all 0.3s;
	pointer-events: none;
}
.SearchDetailInner01[class*="SlideItem"].SlideIn {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 83px;
	opacity: 1;
	height: auto;
	transition: all 0.3s;
	pointer-events: auto;
}
.SearchDetailInner01.SlideIn .ReturnBtn {
	position: relative;
	padding: 10px 10px 10px 40px;
	margin: -10px;
	cursor: pointer;
}
.SearchDetailInner01.SlideIn .ReturnBtn::after {
	content: "";
	display: block;
	width: 13px;
	height: 13px;
	border-top: 2.5px solid #888;
	border-left: 2.5px solid #888;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-radius: 2px;
	background-image: none;
	position: absolute;
	top: 15px;
	left: 19px;
}
@media only screen and (min-width: 834px){
	.SearchDetailModal {
		border-radius: 20px;
		max-width: 640px;
		height: calc(100% - 140px);
	}
	.SearchDetailModal.OpenDraw {
		top: 50%;
		bottom: auto;
		-webkit-transform: translate3d(-50%, -50%, 0);
		-moz-transform: translate3d(-50%, -50%, 0);
		transform: translate3d(-50%, -50%, 0);
		height: calc(100% - 140px);
/*		padding-bottom: 124px; */
	}
	.AplHeader .Close_Link .Icon_Close:before,
	.AplHeader .Close_Link .Icon_Close:after {
		height: 2px;
		left: 15px;
	}
	.SearchDetailInner01 {
		border-radius: 20px;
	}
	.SearchDetailInner01 .AplHeader {
		border-radius: 10px 10px 0 0;
		overflow: hidden;
	}
	.DetailSubmitBtnWrap {
		border-radius: 0 0 10px 10px;
		overflow: hidden;
	}
	.SearchDetailInner01.SlideIn .ReturnBtn::after {
		top: 19px;
	}
	.SearchDetail_InputList {
		display: flex;
		flex-wrap: wrap;
	}
	.SearchDetail_InputList .SearchDetail_InputWrap {
		margin-right: 16px;
	}

}

/*---------------------------------
検索結果 .SearchDetailModal
---------------------------------*/
.ReSearchBtn {
	color: #666;
	font-size: 61.12%;
	font-weight: bold;
	text-align: center;
	border: 1px solid #bfbfbf;
	border-radius: 1.27em;
	line-height: 2.6;
	display: block;
	width: 79%;
	max-width: 100px;
	position: relative;
}
/* 検索アイテム */
.MySearchDataInner {
	display: flex;
	position: relative;
	margin: 10px 0 10px 10px;
}
.ResultCurrentBox {
	margin-right: 10px;
}
.ResultCurrentBox p {
	font-size: 14px;
	font-weight: bold;
	color: var(--PrimaryColor);
	white-space: nowrap;
	line-height: 1.3;
}
ul.MySearchDataList {
	font-size: 0;
}
ul.MySearchDataList li{
	display: inline;
	font-size: 14px;
	line-height: 1.3;
}
ul.MySearchDataList li + li::before{
	content: "、";
}


.SearchSummary01 {
	padding: 10px 10px 26px;
	background: #fff;
	border-radius: 10px;
	margin: 10px 10px 20px;
}
.SearchSummary01 .SearchSummaryTab{
	overflow-y: auto;
	padding: 5px 0 15px;
}
.SearchSummary01 .SearchSummaryTab ul {
	display: flex;
}
.SearchSummary01 .SearchSummaryTab ul li {
	margin-right: 6px;
}
.SearchSummary01 .SearchSummaryTab ul li a {
	display: block;
	min-width: 60px;
	line-height: 26px;
	font-size: 13px;
	color: var(--PrimaryColor);
	border: 1px solid var(--PrimaryColor);
	border-radius: 13px;
	padding: 0 10px;
	text-align: center;
	white-space: nowrap;
}
.SearchSummary01 .SearchSummaryTab ul li.Active a {
	color: #fff;
	background: var(--PrimaryColor);
	border: 1px solid var(--PrimaryColor);
}
.SearchSummaryWrap p.NoData {
	font-size: 14px;
}

.SearchSummary01 .SearchSummaryInner:first-child ul.SearchSummaryList01:first-child {
	border-top: 1px solid #ddd;
}
.SearchSummary01 ul.SearchSummaryList01 li dl {
	display: table;
	width: 100%;
	min-height: 36px;
}
.SearchSummary01 ul.SearchSummaryList01 li dl dt{
	display: table-cell;
	position: relative;
	color: var(--TxtStrongColor);
	background: #e8dede;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	width: 12em;
	min-width: 12em;
	vertical-align: middle;
	border-bottom: 1px solid #fff;
	padding: 0 0 0 8px;
}
.SearchSummary01 .SearchSummaryInner:last-child ul.SearchSummaryList01 li:last-child dl dt{
	border-bottom: 1px solid #ddd;
}

.SearchSummary01 ul.SearchSummaryList01 li dl dd{
	display: table-cell;
	color: #444;
	background: #fff;
	font-size: 16px;
	text-align: right;
	vertical-align: middle;
	border-bottom: 1px solid #ddd;
	padding: 6px 12px;
}
.SearchSummary01 ul.SearchSummaryList01 li:nth-child(even) dl dd{
	background: #f3f3f3;
}
.SearchSummary01 ul.SearchSummaryList01 li dl dd span.Txt01{
	display: block;
	color: var(--TxtStrongColor);
	font-size: 15px;
	font-weight: bold;
}
.SearchSummary01 ul.SearchSummaryList01 li dl dd span.Txt02{
	display: block;
	color: #444;
	font-size: 10px;
	margin-top: 4px;
}
.SearchSummary01 a {
	color: #03a;
}
.SearchSummary01 p.Notice {
	display: block;
	text-align: right;
	margin-top: 4px;
}
.SearchSummary01 p.Notice > span{
	font-size: 14px;
	line-height: 1.3;
}

.SearchSummaryList02 {
	width: 100%;
	padding-top: 10px;
}
.SearchSummaryList02 li{
	margin-top: 8px;
}
.SearchSummary01 ul.SearchSummaryList02 li dl {
	display: flex;
	width: 100%;
	align-items: flex-end;
}
.SearchSummary01 ul.SearchSummaryList02 li dl dt{
	position: relative;
	color: var(--TxtStrongColor);
	background: #e8dede;
	font-size: 14px;
	padding: 8px 11px;
	font-weight: bold;
	border-radius: 15px;
}
.SearchSummary01 ul.SearchSummaryList02 li dl dd {
	flex: 1;
	position: relative;
}
.SearchSummary01 .AptitudeGraph {

}
.SearchSummary01 .AptitudeGraph {
	display: flex;
	height: 20px;
	align-items: center;
}
.SearchSummary01 .AptitudeGraph_Text {
	font-size: 15px;
	font-weight: bold;
	padding: 0 6px;
	min-width: 42px;
	text-align: center;
}
.AptitudeGraph_Text.Dirt {
	color: #b17b24;
}
.AptitudeGraph_Text.Turf {
	color: #70b12d;
}
.SearchSummary01 .AptitudeGraph_Bar {
	position: relative;
	width: 100%;
	height: 4px;
	background: rgba(92,25,25,0.62);
/*	border-radius: 4px; */
}
.SearchSummary01 .AptitudeGraph_Bar::before,
.SearchSummary01 .AptitudeGraph_Bar::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 1px;
	height: 18px;
	background: rgba(0,0,0,0.25);
	margin-top: -9px;
}
.SearchSummary01 .AptitudeGraph_Bar::before {
	left: 0;
}
.SearchSummary01 .AptitudeGraph_Bar::after {
	right: 0;
}
.AptitudeGraph_Bar .BarGraduation {
	position: absolute;
	top: 50%;
	left: 25%;
	width: 50%;
	height: 18px;
	margin-top: -9px;
	border-left: 1px solid rgba(0,0,0,0.25);
	border-right: 1px solid rgba(0,0,0,0.25);
}
.AptitudeGraph_Bar .BarGraduation::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1px;
	height: 18px;
	background: rgba(0,0,0,0.25);
	margin-top: -9px;
}
.SearchSummary01 .AptitudeGraph_Point {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fff;
	border: 4px solid var(--PrimaryColor);
	margin-top: -10px;
	margin-left: -10px;
	position: absolute;
	top: 50%;
	z-index: 1;
}
.DistanceGraph {
	display: flex;
	height: 20px;
	align-items: center;
	margin-top: 26px;
}
.DistanceGraph .DistanceGraph_Text{
	font-size: 10px;
	font-weight: bold;
	padding: 0 6px;
	color: var(--TxtStrongColor);
	min-width: 42px;
}
.DistanceGraph .DistanceGraph_Bar {
	position: relative;
	width: 100%;
	height: 10px;
	background: #c9d1d9;
}
.DistanceGraph .DistanceGraph_Bar::before,
.DistanceGraph .DistanceGraph_Bar::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 1px;
	height: 18px;
	background: #ada8a8;
	margin-top: -9px;
}
.DistanceGraph .DistanceGraph_Bar::before {
	left: 0;
}
.DistanceGraph .DistanceGraph_Bar::after {
	right: 0;
}
.DistanceGraph .DistanceGraph_Bar .Txt01{
	display: block;
	color: var(--TxtStrongColor);
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
.DistanceGraph .DistanceGraph_Bar .Txt02{
	display: block;
	color: var(--TxtStrongColor);
	font-size: 11px;
	text-align: center;
	margin-top: 4px;
}
.DistanceGraph .DistanceGraph_Range {
	position: absolute;
	top: 50%;
	height: 10px;
	background: var(--PrimaryColor);
	margin-top: -5px;
}
.DistanceGraph .DistanceGraph_Range::before,
.DistanceGraph .DistanceGraph_Range::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 1px;
	height: 18px;
	background: var(--PrimaryColor);
	margin-top: -9px;
}
.DistanceGraph .DistanceGraph_Range::before {
	left: 0;
}
.DistanceGraph .DistanceGraph_Range::after {
	right: 0;
}
.DistanceGraph .DistanceGraph_Range .MinPoint {
	position: absolute;
	top: 0;
	left: 0;
	margin-top: -33px;
	transform: translateX(-50%);
}
.DistanceGraph .DistanceGraph_Range .MaxPoint {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: -33px;
	transform: translateX(50%);
}
.DistanceGraph_Bar .DistanceGraph_Point {
	position: absolute;
	top: 0;
	margin-top: -33px;
	transform: translateX(-50%);
}
.DistanceGraph_Bar .DistanceGraph_Point::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -21px;
	width: 1px;
	height: 18px;
	background: var(--PrimaryColor);
	margin-top: -9px;
}
ul.SearchSummaryList02 li dl dd .UnitTxt {
	display: block;
	color: var(--TxtStrongColor);
	font-size: 11px;
	text-align: center;
	position: absolute;
	bottom: 24px;
	right: 0;
}

/* 検討マイホースボタン */
.ConsiderListBtnWrap {
	display: flex;
	padding: 10px;
}
.ConsiderListBtnWrap button{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.ConsiderListBtnWrap button:nth-child(2){
	margin-left: 10px;
}
.ConsiderListBtnWrap button:hover{
	cursor: pointer;
	opacity: 0.8;
}
.ConsiderListBtnWrap .WishlistAddBtn,
.ConsiderListBtnWrap .MyhorseAddBtn{
	height: 28px;
	font-size: 13px;
	font-weight: bold;
	border-radius: 28px;
	border: 1px solid #bfbfbf;
	background: #691e1e;
	padding: 0 16px;
	color: #fff;
}
.ConsiderListBtnWrap .WishlistAddBtn:disabled,
.ConsiderListBtnWrap .MyhorseAddBtn:disabled{
	border: 1px solid #ccc;
	background: #c3c3c3;
	color: #fff;
	pointer-events: none;
}

.ConsiderAddBtnWrap01 {
	display: flex;
	padding: 10px;
}
.ConsiderAddBtnWrap01 button{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.ConsiderAddBtnWrap01 button:hover{
	cursor: pointer;
	opacity: 0.8;
}
.ConsiderAddBtnWrap01 .KentoAddBtn,
.ConsiderAddBtnWrap01 .MyhorseAddBtn{
	height: 28px;
	font-size: 13px;
	font-weight: bold;
	border-radius: 28px;
	border: 1px solid #bfbfbf;
	background: #fff;
	color: #444;
	padding: 0 16px;
}
.ConsiderAddBtnWrap01 .KentoAddBtn{
	margin-right: 8px;
}
.ConsiderAddBtnWrap01 .KentoAddBtn:disabled,
.ConsiderAddBtnWrap01 .MyhorseAddBtn:disabled{
	border: 1px solid #ccc;
	background: #ddd;
	color: #bbb;
	pointer-events: none;
}

.ConsiderAddBtnWrap01 {
	display: flex;
	width: 100%;
	z-index: 100;
	padding: 6px 8px;
	background: rgba(0, 0, 0, .8);
	box-shadow: 0 -1px 3px rgba(0, 0, 0, .5);
	-webkit-transition: all .4s;
	transition: all .4s;
	justify-content: center;
}
.ConsiderAddBtnWrap01.Open {
	-webkit-transition: all .4s;
	transition: all .4s;
	opacity: 1;
}
.ConsiderAddBtnWrap01.Fixed {
	position: fixed;
	bottom: 0;
	width: 100%;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.TableAreaWrap .SlideArea thead.Fixed{
	position: absolute;
	z-index: 2;
}
.TableAreaWrap .SlideArea thead th {
	z-index: 10;
}
.TableAreaWrap .NkOwnersTable01 thead th.Head,
.TableAreaWrap .NkOwnersTable01 thead .HorseName {
	z-index: 20;
}
#Club_LookingList .SlideArea {
	padding: 0;
}
@media only screen and (min-width: 834px){
	.ConsiderAddBtnWrap01 {
		justify-content: flex-start;
	}
}

@media only screen and (min-width: 834px){
	.ReSearchBtn {
		background: #fff;
		font-size: 77.78%;
	}
	.SearchSummary01 {
		padding: 10px 26px 26px;
	}
	.SearchSummary01 .SearchSummaryTab {
		padding: 10px 0 20px;
	}
	.SearchSummary01 .SearchSummaryTab ul li {
		margin-right: 10px;
	}
	.SearchSummary01 .SearchSummaryTab ul li a {
		display: block;
		min-width: 100px;
		line-height: 30px;
		font-size: 14px;
		border-radius: 15px;
	}
	.SearchSummary01 .SearchSummaryTab ul li a:hover {
		background: #f9f9f9;
		text-decoration: none;
	}
	.SearchSummary01 .SearchSummaryTab ul li.Active a:hover {
		color: #fff;
		background: var(--PrimaryColor);
		border: 1px solid var(--PrimaryColor);
	}
	.SearchSummary01 .SearchSummaryWrap{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.SearchSummary01 .SearchSummaryWrap .SearchSummaryInner:first-child{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 63%;
		width: calc( (100% - 20px) / 3 * 2);
	}
	.SearchSummary01 .SearchSummaryWrap .SearchSummaryInner:last-child{
		position: relative;
		width: 32.33%;
		width: calc( (100% - 20px) / 3 );
		padding-bottom: 20px;
	}
	.SearchSummaryWrap p.NoData {
		font-size: 15px;
	}
	.SearchSummary01 p.Notice {
		position: absolute;
		bottom: 0;
		right: 0;
	}

	.SearchSummary01 .SearchSummaryWrap .SearchSummaryInner:first-child .SearchSummaryList01 {
		width: 48%;
		width: calc( (100% - 20px) / 2);
	}
	.SearchSummary01 ul.SearchSummaryList01 {
		border-top: 1px solid #ddd;
	}
	.SearchSummary01 ul.SearchSummaryList01 li:last-child dl dt {
		border-bottom: 1px solid #ddd;
	}
	.DistanceGraph {
		margin-top: 40px;
	}

	#SearchHorseList .Search01 .SearchListBox {
		margin: 110px auto 125px;
	}
	#SearchHorseList .Search02 .SearchListBox .SearchListBox_inner {
/*		display: flex;
		align-items: center; */
		max-width: 800px;
		margin: 60px auto 80px;
	}
	#SearchHorseList .Search03 .SearchListBox {
		margin: 60px auto 80px;
	}
/*	#ReSearch p.Txt {
		max-width: none;
		text-align: center; 
	}*/
	#SearchHorseList .IconCross {
		padding-left: 0;
	}
}
@media only screen and (min-width: 1060px){
	.SearchSummaryList01:first-child .SearchSummaryInner {
		width: 48%;
		width: calc( (100% - 20px) / 2);
	}
}
@media only screen and (min-width: 1200px){
	.SearchSummary01 {
		margin: 20px 0;
	}
}

/* ↓変える */
.AuctionData .sale_name{
	text-align: right;
	color: #222;
	display: block;
	padding: 0 10px 10px 0;
}
@media only screen and (max-width: 769px){
	.DetailSubmitBtnWrap.Fixed.SpSticky {
		position: sticky;
	}
	.SearchDetailInner01[class*="SlideItem"].SlideIn {
		bottom: 0;
	}
}

/*---------------------------------
写真投稿ガイドライン
---------------------------------*/
.PhotoGuideLine01 {
	background: #fff;
	margin-top: 15px;
}
.PhotoGuideLine01 .Title_Sec {
	margin-top: 0;
	padding-top: 15px;
	margin-left: 10px;
}
.GuidelineTxtArea {
	margin: 0 10px;
}
.GuidelineTxtArea .SubTitle{
	margin-top: 40px;
}
.GuidelineTxtArea .SubTitle h3{
	color: #444;
	font-size: 88.89%;
	font-weight: bold;
	line-height: 1.2;
}
.PhotoGuideLine01 p.Guideline_Txt{
	line-height: 1.6;
	font-size: 88.89%;
}
.Guideline_List {
	padding: 10px 0 30px;
}
.Guideline_List + p{
	padding: 40px 0 21px !important;
}
.Guideline_List li {
	line-height: 1.6;
	font-size: 88.89%;
}
.Guideline_List li + li {
	margin-top: .6em;
}
@media only screen and (min-width: 834px){
	#PhotoGuideLine .Contents {
		max-width: 800px;
		margin: auto;
	}
	.PhotoGuideLine01 {
		border-radius: 10px;
		padding: 10px;
	}
	.GuidelineTxtArea .SubTitle h3{
		font-size: 88.89%;
	}
}

/*---------------------------------
産駒成績 #SireCropResult
---------------------------------*/
.SireDataDetailTable {
	margin: 0 10px 20px;
}
.SireDataDetailTable a {
	color: #03a;
}
.SireDataDetailTable > dl{
	display: flex;
}
.SireDataDetailTable > dl + dl{
	border-top: 1px solid #ddd;
}
.SireDataDetailTable > dl > dt{
	display: flex;
	background: #8B8B8B;
	color: #fff;
	align-items: center;
	font-size: 83.34%;
	font-weight: bold;
	width: 80px;
	text-align: center;
	justify-content: center;
}
.SireDataDetailTable > dl > dd{
	background: #fff;
	flex: 1;
}
.SireDataDetailTable > dl.SireDataDetailTable_SireRow > dt{
	background: #6B9DD9;
}
.SireDataDetailTable > dl.SireDataDetailTable_DamRow > dt{
	background: #D27F89;
}
.SireDataDetailTable_PrizeRow > dd{
	padding: 16px 22px;
}
.SireDataDetailTable > dl > dd .PrizeTxt{
	display: block;
	font-weight: bold;
	font-size: 88.89%;
}
.SireDataDetailTable > dl > dd .PrizeTxt + .PrizeTxt{
	margin-top: 10px;
}
.SireDataDetailTable .GradeCell,
.SireDataDetailTable .GradeCell > dl,
.SireDataDetailTable .GradeCell > dl dt,
.SireDataDetailTable .GradeCell > dl dd {
	display: flex;
}
.SireDataDetailTable .GradeCell {
	padding: 0 8px;
}
.SireDataDetailTable .GradeCell > dl {
	flex: 1;
}
.SireDataDetailTable .GradeCell > dl dt{
	font-size: 66.67%;
	font-weight: bold;
	align-items: center;
	padding: 16px 4px;
}
.SireDataDetailTable .GradeCell > dl dd{
	font-size: 83.34%;
	font-weight: bold;
	flex: 1;
	align-items: center;
}
.SireDataDetailTable .GradeCell > dl dt .Icon_GradeType {
	font-size: 10px;
	margin: 0;
}
.SireDataDetailTable_SireRow > dd dl,
.SireDataDetailTable_DamRow > dd dl {
	padding: 8px 22px;
}
.SireDataDetailTable_SireRow > dd dl dt,
.SireDataDetailTable_DamRow > dd dl dt{
	display: block;
	font-size: 83.34%;
	font-weight: bold;
}
.SireDataDetailTable_SireRow > dd dl dd,
.SireDataDetailTable_DamRow > dd dl dd{
	display: block;
	font-size: 66.67%;
	margin-top: 6px;
}
.SireDataChartWrap {
	position: relative;
	overflow: auto;
	background: #fff;
	padding: 10px;
	margin-bottom: 20px;
}
.SireDataChart {
	position: relative;
	min-width: 585px;
	max-width: 800px;
	margin: auto;
}
.SireDataChart::after {
	content: "";
	display: block;
	padding-top: 50%;
}
.SireDataChart canvas{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.SireDataChart .canvas-legend {
	position: absolute;
	top: 14px;
	right: 140px;
	font-size: 0;
	background: rgba(255,255,255,0.5);
	padding: 6px;
	z-index: 10;
}
.canvas-legend li {
	display: flex;
	align-items: center;
}
.canvas-legend li + li{
	margin-top: 2px;
}
.canvas-legend .Txt{
	font-size: 11px;
	color: #444;
	display: inline-block;
}
.canvas-legend .Mark01,
.canvas-legend .Mark02,
.canvas-legend .Mark03,
.canvas-legend .Mark04{
	position: relative;
	display: inline-block;
	width: 22px;
	height: 12px;
	margin-right: 3px;
}
.canvas-legend .Mark01{
	background: #D69E9E;
}
.canvas-legend .Mark02{
	background: #D8BE6F;
}
.canvas-legend .Mark03::before,
.canvas-legend .Mark04::before{
	position: absolute;
	content: "";
	width: 22px;
	height: 2px;
	background: #9F4949;
	top: 5px;
}
.canvas-legend .Mark03::after,
.canvas-legend .Mark04::after{
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	border: 2px solid #9F4949;
	background: #fff;
	border-radius: 50%;
	top: 1px;
	left: 6px;
}
.canvas-legend .Mark04::before{
	background: #9B833B;
}
.canvas-legend .Mark04::after{
	border: 2px solid #9B833B;
}
#SireCropResult .NkOwnersTable01 thead th {
	height: 20px;
	padding: 0 8px;
	line-height: 1.1;
}
#SireCropResult .NkOwnersTable01 thead th.HeadLabelCell {
	height: 15px;
	font-size: 0.625rem;
	padding: 0;
	background: #666;
}
#SireCropResult .Table_Notice01 {
	font-size: 0.6875rem;
	line-height: 1.3;
	margin: 10px 10px 0;
}
#SireCropResult .NkOwnersTable01 td.DummyCell {
	padding: 5px 8px 4px;
}
#SireCropResult .NkOwnersTable01 .DummyNumImg01::before,
#SireCropResult .NkOwnersTable01 .DummyNumImg02::before,
#SireCropResult .NkOwnersTable01 .DummyNumImg03::before {
	filter: blur(6px);
}
.SireData .TablePremiumWrap01 {
	position: relative;
}
.SireData .TablePremiumWrap01::before {
	content: "";
	display: block;
	background: linear-gradient(rgba(235,235,235,0) 0, rgba(235,235,235,1) 100%);
	width: 100%;
	height: 60px;
	position: absolute;
	top: -55px;
	left: 0;
	z-index: 10;
	filter: blur(3px);
}
.SireData .TablePremiumWrap01 .PremiumInfo_Inner01{
	margin: 0;
	position: absolute;
	left: 110px;
	top: -124px;
	min-width: 220px;
	padding: 12px 0;
	z-index: 20;
}
.TablePremiumWrap01 .PremiumInfo_Inner01 .Premium_Regist_MsgArea01 {
	margin-bottom: 12px;
}
.TablePremiumWrap01 .PremiumInfo_Inner01 p.Premium_Regist_Msg01 {
	font-size: 14px;
}

.SireData .TablePremiumWrap01 .PremiumInfo_Inner01 .Premium_Regist_Btn {
	max-width: 180px;
}

@media only screen and (min-width: 834px){
	.SireDataDetailTable {
		display: flex;
		flex-wrap: wrap;
	}
	.SireDataDetailTable > dl{
		width: 50%;
		min-height: 60px;
	}
	.SireDataDetailTable > dl > dd {
		display: flex;
		align-items: center;
	}
	.SireDataDetailTable > dl > dd .PrizeTxt {
		display: inline-block;
	}
	.SireDataDetailTable > dl > dd .PrizeTxt + .PrizeTxt {
		margin: 0 0 0 30px;
	}
	.SireDataDetailTable .GradeCell {
		height: 100%;
		width: 100%;
	}
	.SireDataDetailTable .GradeCell > dl dt {
		font-size: 83.34%;
	}
	.SireDataDetailTable .GradeCell > dl dd {
		justify-content: flex-start;
		padding-left: 16px;
	}
	.SireDataDetailTable_SireRow > dd dl,
	.SireDataDetailTable_DamRow > dd dl {
		display: flex;
		align-items: center;
	}
	.SireDataDetailTable_SireRow > dd dl dt,
	.SireDataDetailTable_DamRow > dd dl dt {
		font-size: 94.45%;
	}
	.SireDataDetailTable_SireRow > dd dl dd,
	.SireDataDetailTable_DamRow > dd dl dd {
		margin: 0 0 0 16px;
		font-size: 83.34%;
		font-weight: bold;
	}
	.SireDataChartWrap {
		padding: 30px;
		border-radius: 10px;
		margin-bottom: 30px;
	}
	.SireData .TablePremiumWrap01 .PremiumInfo_Inner01{
		margin: 0;
		position: absolute;
		left: 50%;
		top: -109px;
		min-width: 400px;
		padding: 12px 0;
		z-index: 20;
		margin-left: -200px;
	}
	.TablePremiumWrap01 .PremiumInfo_Inner01 p.Premium_Regist_Msg01 {
		font-size: 16px;
	}
}
@media only screen and (min-width: 1200px){
	.SireDataDetailTable {
		margin: 0 0 30px;
	}

}
/*---------------------------------
出走関連情報 .RelationData 
---------------------------------*/
.RelationData {

}
.RelationData .TabArea {
	padding: 0 10px;
	margin: 0 0 10px;
}
.RelationDataBox02 {
	display: none;
}
.RelationData .ViewBox {
	position: relative;
	padding: 0 10px;
}
.RelationData .ViewBox .MoreReadBtn{
	margin: 23px auto 19px;
}
section.HorseTraining > .Title_Sec,
section.HorseRaceComment > .Title_Sec {
	display: none;
}
section.HorseTraining .HorseTrainingList {
	padding: 0 10px;
	position: relative;
}
.RelationData section.HorseTraining .HorseTrainingList {
	padding: 0;
}
.Unit_Race .RaceDetail {
	position: relative;
	padding: 10px 11px;
	background-color: #e8dede;
	border-top: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
}
.Unit_Race > ul > li.DB_Stable_Time + li.DB_Stable_Time{
	margin-top:60px;
}

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

.Unit_Race .RaceDetail dl dt span[class^='ResultRank'] {
	font-size: 86.67%;
	margin-left: 8px;
}
span[class^='ResultRank']{
	display: inline-block;
	background: #e3ebf0;
	border: 1px solid #b2b2b2;
	padding: 0 8px;
	height: 19px;
	text-align: center;
	line-height: 19px;
	font-size: 92.86%;
	font-weight: bold;
	color: #000;
}
.ResultRank01 {
	background: #FFEF84 !important;
	border: 1px solid #CCB834 !important;
}
.ResultRank02 {
	background: #D8F6FF !important;
	border: 1px solid #6AACCE !important;
}
.ResultRank03 {
	background: #FFD4D4 !important;
	border: 1px solid #FF9494 !important;
}
.Unit_Race .RaceDetail dl dt a {
	font-weight: bold;
	line-height: 1.2em;
}
.Unit_Race .RaceDetail dl dt a span{
	position: relative;
	top: 0;
}
.Unit_Race .RaceDetail dl dd {
	font-size: 61.11%;
	font-weight: bold;
	color: #666666;
	margin-bottom: 6px;
}
.Unit_Race .RaceDetail .TrainingMovie {
	display: block;
	position: absolute;
	height: 45px;
	right: 11px;
	top: 0;
	bottom: 0;
	margin:auto;
	vertical-align: middle;
}
.Unit_Race .RaceDetail .TrainingMovie a {
	display: block;
	width: 72px;
}
.Unit_Race .RaceDetail .MvThumbWrap {
	width: 100%;
	height: 45px;
	background-size: cover;
	background-position: center center;
	position: relative;
	border-radius: 4px;
	overflow: hidden;
	padding-top: 45px;
}
.Unit_Race .RaceDetail .MvThumbWrap::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width:15px;
	height:17px;
	transform: translate(-25%,-50%);
	border: 10px solid transparent;
	border-left: 19px solid rgba(255,255,255,0.89);
	box-sizing: border-box;
}

.Unit_Race .TrainingDetail {
	background: #fff;
}
.Unit_Race .RaceDetail .TrainingMovie a img {
	width: 32px;
	height: 21px;
}
.Unit_Race .Training_info {
	display: table;
	width: 100%;
	height: 39px;
	font-size: 61.11%;
	color: #888;
	font-weight: bold;
	padding: 0 11px;
}
.Unit_Race .Training_info .Training_infoTxt {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	line-height: 1.5;
}
.Unit_Race .TrainingDetail table {
	width: 100%;
	table-layout: fixed;
	border-top: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
}
.Unit_Race .TrainingDetail table tr td {
	vertical-align: middle;
	text-align: center;
	font-size: 61.11%;
	font-weight: bold;
	width: 40px;
	word-wrap: break-word;
	line-height: 1.3;
	padding: 11px 0;
}
.Unit_Race .TrainingDetail table tr td + td {
	border-left: 1px solid #cacaca;
}
.Unit_Race .TrainingDetail table tr td.TokeiColor01 {
	background: #f3b194;
}
.Unit_Race .TrainingDetail table tr td.TokeiColor02 {
	background: #f9f2ca;
}
.Unit_Race .TrainingDetail table tr td.TrainingLoad {
	width: 40px;
}
.Unit_Race .TrainingDetail table tr td.Training_Critic {
	width: 70px;
}

.Unit_Race .TrainingDetail table tr td span {
	display: inline-block;
}
.Unit_Race .TrainingDetail .Training_comment {
	font-size: 61.11%;
	color: #666666;
	padding: 10px 11px;
	line-height: 1.5;
	border-bottom: 1px solid #cacaca;
}
.Rank_A {
	color: #f00;
	font-weight: bold;
}
.Rank_B {
	color: #007EFF;
	font-weight: bold;
}
.Rank_C {
	color: #333;
	font-weight: bold;
}

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

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

.RapShowCheckArea input:checked + label::before {
	border: 1px solid #691e1e;
	background-color: #691e1e;
}
.RapShowCheckArea input:checked + label::after {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	left: 15px;
	width: 5px;
	height: 11px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* 提供表示 */
.copyright01{
	text-align: right;
	font-size:66.67%;
	color:#444444;
	padding-top:10px;
}
.copyright01 a{
	font-weight: bold;
}
/* 有料案内 */
.training_dummy .info_dummy span,
.training_dummy tr td.tokei span,
.training_dummy .TrainingLoad span:empty,
.training_dummy .Training_Critic span:empty,
.training_dummy .Training_comment span{
	display: inline-block;
	background: url(../img/premium_dummy/training_dummy.png) no-repeat;
	background-size: 100% auto;
}
.training_dummy .info_dummy span{
	background-position: -8px 45%;
	width: 330px;
	height: 20px;
	background-size: 100% auto;
	filter: blur(2px);
}
.training_dummy tr td.tokei span{
	background-position: 3% 0;
	width: 40px;
	height: 36px;
	margin: -5px 0;
	background-size: 780% auto;
	filter: blur(2px);
}
.training_dummy .Training_comment span{
	background-position: 0px 76%;
	width: 330px;
	height: 20px;
	background-size: 120% auto;
	filter: blur(2px);
}
.training_dummy .TrainingLoad span,
.training_dummy .TrainingLoad span:empty{
	background-position: 64% 0;
	width: 40px;
	height: 36px;
	margin: -5px 0;
	background-size: 780% auto;
	filter: blur(2px);
}
.training_dummy .Training_Critic span.dummy{
	background-position: 96% -2%;
	width: 60px;
	height: 36px;
	margin: -5px 0;
	background-size: 484% auto;
	filter: blur(2px);
}

/* =================================================_======
■厩舎コメント
======================================================= */
.HorseRaceCommentList {
	padding: 0 10px;
}

.Unit_Race ul li .RaceComment {
	padding: 15px 16px;
	font-size: 83.33%;
	color: #555555;
	line-height: 1.4;
}
.Unit_Race > ul > li.Comment + li.Comment{
	margin-top: 20px;
}
.HorseRaceCommentList ul li + li .RaseDetail {
	border-top: 1px solid #cacaca;
}

.Unit_Race ul li .RaceComment {
	padding: 15px 16px;
	font-size: 83.33%;
	color: #555;
	line-height: 1.4;
	background: #fff;
	overflow: hidden;
}
.RelationDataWrap01 .ViewBox .SubTitle{
	display: none;
}
/* 有料案内 */
.Unit_Race .SampleTxtMask01 {
	position: relative;
	display: block;
	margin: -2px -5px 0;
}
.Unit_Race .SampleTxtMask01::before {
	content:"";
	display:block;
	padding-top: 30.4%;
	background-size: 100% auto;
	background: url(../img/premium_dummy/Trecen_SampleImage_Txt01.jpg);
	background-size: 400px auto;
	background-repeat: repeat;
	filter: blur(5px);
}
.HorseTrainingList .BtnPremiumRegist01,
.HorseTraining .Unit_Race .BtnPremiumRegist01 {
	position: absolute;
	top: 114px;
	left: 50%;
	transform: translate(-50%, 0);
	display: block;
}
.HorseTrainingList .BtnPremiumRegist01 {
	top: 267px;
}
.Unit_Race .Comment .BtnPremiumRegist01 {
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translate(-50%, 0);
	display: block;
	z-index: 20;
}
.Unit_Race .BtnPremiumRegist01 .BtnPremiumRegistInner,
.HorseTrainingList .BtnPremiumRegist01 .BtnPremiumRegistInner{
	min-width: 260px;
	box-shadow: 0 0 14px 6px rgba(255,255,255,.004);
}
.Unit_Race .BtnPremiumRegist01 .BtnPremiumRegistInner .Premium_Regist_Btn,
.HorseTrainingList .BtnPremiumRegist01 .BtnPremiumRegistInner .Premium_Regist_Btn{
	max-width: 200px;
}
@media only screen and (min-width: 834px){
	.HorseTraining.ContentsBox,
	.HorseRaceComment.ContentsBox {
		max-width: 800px;
		margin: auto;
	}
	section.HorseTraining .HorseTrainingList {
		padding: 0;
	}
	.RelationData .Tab_Select {
		display: none;
	}
	.RelationDataBox02 {
		display: block;
	}
	.RelationDataWrap01 {
		display: flex;
	}
	.RelationDataWrap01 .ViewBox {
		width: 50%;
	}
	.RelationDataWrap01 .ViewBox .SubTitle{
		display: block;
	}
	.RelationDataWrap01 .ViewBox .SubTitle h3{
		display: block;
		height: 20px;
	}
	.RelationDataWrap01 .RapShowCheckArea {
		margin-top: -36px;
	}
	.RelationDataWrap01 .RapShowCheckArea .Unit_Race > ul{
		height: 156px;
	}

	.RelationDataWrap01 .Unit_Race ul .DB_Stable_Time,
	.RelationDataWrap01 .Unit_Race > ul .Comment{
		min-height: 160px;
	}
	
	
	.Unit_Race .RaceDetail dl dd {
		font-size: 77.78%;
	}
	.Unit_Race .RaceDetail dl dt {
		font-size: 94.45%;
	}
	.Unit_Race .RaceDetail dl dt span[class^='ResultRank'] {
		font-size: 82.35%;
		height: 20px;
	}
	.Unit_Race .RaceDetail dl dt a span {
/*		top: 4px; */
	}
	.Unit_Race .Training_info,
	.Unit_Race .TrainingDetail table tr td {
		font-size: 77.78%;
	}
	.Unit_Race .TrainingDetail table tr td {
		padding: 8px 0;
	}

	.Unit_Race .SampleTxtMask01 {
		max-height: 104px;
	}
	.Unit_Race .SampleTxtMask01::before {
		padding-top: 104px;
	}
}
@media only screen and (min-width: 1200px){
	.RelationData .ViewBox:first-child {
		padding-left: 0;
	}
	.RelationData .ViewBox:last-child {
		padding-right: 0;
	}
}
/* =======================================================
■世代別成績 .GenerationData
======================================================= */
.GenerationData {
	
}
.GenerationData .SubTitle {
	margin: 0 10px;
}
.GenerationData .Search_InputWrap {
	display: flex;
	margin: 20px auto 20px;
	justify-content: center;
	align-items: center;
}
.GenerationData .Search_InputWrap label.Label01{
	line-height: 34px;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	text-align: left;
	padding: 0 16px 0 0;
	white-space: nowrap;
}
.GenerationData .Search_InputWrap > span{
	padding-left: 6px;
	width: 4em;
	min-width: auto;
}

.SortSelect {
	position: relative;
	overflow: hidden;
	margin-right: 10px;
	width: 160px;
}
.SortSelect select {
	width: 100%;
	height: 32px;
	padding: 0 18px 0 20px;
	color: #666;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "メイリオ", arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 30px;
	background: #fff;
	border-radius: 15px;
	border: 1px solid #bfbfbf;
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.SortSelect select:focus {
	outline: none;
}
.SortSelect::before {
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 1px;
	background: none;
	border-top: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	-webkit-transform: rotate(135deg) translateY(-50%);
	transform: rotate(135deg) translateY(-50%);
	position: absolute;
	top: 50%;
	right: 14px;
	margin-top: -8px;
}
.CheckLabelBox {
	padding: 0 12px 16px;
}
.CheckLabelBox .CheckLabelWrap{
	display: flex;
	align-content: center;
	flex-wrap: wrap;
}
.CheckLabelBox span.CheckboxWrap{
	width: 18px;
	height: 18px;
	min-width: auto;
}
.CheckLabelBox span.CheckboxWrap .CheckboxInner{
	width: 18px;
	height: 18px;
	min-width: auto;
}
.CheckLabelBox span.CheckboxWrap .CheckboxInner::after{
	width: 8.43px;
	height: 6.39px;
}
.CheckLabelBox .CheckLabel{
	font-size: 77.78%;
	line-height: 18px;
}

.CheckLabelWrap .CheckLabel{
	font-size: 14px;
	color: #444;
	line-height: 18px;
	margin-left: 12px;
}

.GenDataWrap {
	position:relative;
}

.GenDataWrap .NkOwnersTable01 thead th {
	vertical-align: bottom;
}
.GenDataWrap .NkOwnersTable01 .HeadLabelCell{
	padding: 4px;
	height: 20px;
}
.DataInfo_Notice01 {
	padding: 0 10px 8px;
	margin: 10px 0;
	font-size: 66.7%;
	line-height: 1.4;
}
.GenDataWrap .PremiumInfo_Inner01{
	position: absolute;
	bottom: 50px;
	left: 50%;
	z-index: 10;
	width: 80%;
	max-width: 400px;
	transform: translateX(-50%);
}
@media only screen and (min-width: 1025px) {
	.GenerationData .SubTitle {
		margin-left: 0;
	}
}

/* =======================================================
■条件別検索 #Condition_Search
======================================================= */
.ConditionSearchArea01 {

}
.ConditionSearchArea01 {

}

dl.ConditionSelect,
dl.ConditionActive {
	margin: 20px 10px 0;
}
dl.ConditionSelect dt,
dl.ConditionActive dt{
	font-size: 66.67%;
	font-weight: bold;
	margin-bottom: 14px;
}
dl.ConditionSelect dd {
	position: relative;
}
dl.ConditionSelect dd .SelectClubOnly {
	position: absolute;
	right: 0;
	top: -28px;
}
.SelectClubOnly .CheckLabelWrap {
	display: flex;
	align-content: center;
	flex-wrap: wrap;
}
dl.ConditionSelect dd .CheckLabel {
	font-size: 72.23%;
	color: #444;
	line-height: 18px;
	margin-left: 8px;
}
dl.ConditionSelect dd > ul{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: -10px;
}
dl.ConditionSelect dd > ul li{
	width: calc((100% - 20px) / 3);
	margin-bottom: 10px;
}
dl.ConditionSelect dd > ul li + li{
	margin-left: 10px;
}
dl.ConditionSelect dd > ul li:nth-child(4n) {
	margin: 0 0 10px;
}
dl.ConditionSelect dd > ul li a{
	display: flex;
	text-align: center;
	color: #444;
	background: #fff;
	border: 1px solid #bfbfbf;
	border-radius: 6px;
	font-size: 72.23%;
	height: 32px;
	align-items: center;
	justify-content: center;
}
dl.ConditionActive dd {
	background: #fff;
	border-radius: 10px;
	padding: 10px;
}
.ConditionActive_TagList {
	margin-bottom: -10px;
}
.ConditionActive_TagList li{
	float: left;
	margin-bottom: 10px;
}
.ConditionActive_TagList li.DataNoneTxt{
	font-size: 72.23%;
	color: #444;
	padding: 6px 10px;
}
.NarrowingItem {
	position: relative;
	display: flex;
	background: #444;
	border-radius: 16px;
	color: #fff;
	height: 26px;
	padding: 0 32px 0 15px;
	align-items: center;
	margin-right: 8px;
}
.NarrowingItem .Value {
	font-size: 12px;
	white-space: nowrap;
}
.DeleteIcon,
.DeleteIcon_Disabled {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 1px;
	right: 0;
	cursor: pointer;
}
.DeleteIcon::after,
.DeleteIcon_Disabled::after {
	content: "";
	display: block;
	height: 18px;
	width: 1px;
	background: #fff;
	position: absolute;
	top: 3px;
	left: 1px;
}
.DeleteIcon::before,
.DeleteIcon_Disabled::before {
	content: "";
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.707' height='8.707' viewBox='0 0 8.707 8.707'%3E%3Cg transform='translate(0.354 0.354)'%3E%3Cpath d='M0,0H11.313' transform='translate(8 0) rotate(135)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3Cpath d='M0,0H11.313' transform='translate(8 8) rotate(-135)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 9px;
	height: 9px;
	position: absolute;
	top: 7px;
	right: 8px;
}
.ConditionEditBtnWrap {
	display: flex;
	margin: 20px 10px 24px;
}
.ConditionEditBtnWrap .CommonBtn01,
.ConditionEditBtnWrap .CommonBtn02{
	padding: 0;
}
.ConditionEditBtnWrap .CommonBtn01 {
	flex: 1;
}
.ConditionEditBtnWrap .CommonBtn02{
	margin-right: 10px;
}x

/* 条件別表 */
.CondSearchTable01 tbody .HorseName {
	text-align: left;
}
.CondSearchTable01 .HorseNameBox > span {
	display: block;
	font-weight: normal;
	font-size: 0.75rem;
}
.CondSearchTable01 .HorseNameBox .NameTxt {
	display: block;
	font-size: 0.9375rem;
	margin: 6px 0;
}
.TableInfo_Notice01 {
	padding: 0 10px;
	margin: 10px 0;
	font-size: 66.67%;
	line-height: 1.4;
}
.TableInfo_Notice01 + .TableInfo_Notice01 {
	margin-top: 0px;
}
#Condition_Search .SearchDetailInner01[class*="SlideItem"] {
	left: 0;
}
.CondSearchTable01 .DummyNumImg01 .BtnPremiumRegist01,
.CondSearchTable01 .DummyNumImg02 .BtnPremiumRegist01 {
	position: absolute;
	top: -10px;
	left: 0px;
	z-index: 1;
}
#Condition_Search .SlideArea p.NoDataTxt {
	font-size: 77.78%;
	background: #fff;
	border-radius: 10px;
	padding: 16px 14px;
}

.CondSearchTable01 tbody .HorseNameBox.TxtOmitBox > span {
	display: block;
	width: 8em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.CondSearchTable01 tbody .HorseNameBox.TxtOmitBox .NameTxt {
	width: 6em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media only screen and (min-width: 834px){
	.ConditionSearchArea01 .Tab02 {
		border-bottom: 2px solid #bfbfbf;
	}
	.ConditionSearchArea01 .Tab02 ul {
		max-width: 800px;
		border: none;
		margin: auto;
	}
	dl.ConditionSelect dt, dl.ConditionActive dt {
		font-size: 15px;
	}
	dl.ConditionSelect dd > ul {
		max-width: 800px;
		margin: auto;
	}
	dl.ConditionSelect dd > ul li {
	}
	dl.ConditionSelect dd > ul li:nth-child(4n) {
	}
	dl.ConditionSelect dd > ul li a {
		height: 40px;
		border-radius: 20px;
		font-size: 15px;
	}
	.ConditionEditBtnWrap {
		max-width: 480px;
		margin: 20px auto 24px;
	}

}

.BtnPremiumRegistInner a:hover{
	text-decoration: underline !important;
}
/*---------------------------------
賞金シミュレーション #DividSimulation
---------------------------------*/
.DividSimuWrap01 {
	
}
.DividSimuWrap01 .Title_Sec{
	margin-bottom: 20px;
}
.DividSimuWrap01 .NextRaceSearchWrap {
	background: #fff;
	border-radius: 24px;
	margin: 0 10px 30px;
}

.NextRaceSearchWrap .RaceSearchOpenBtn {
	display: block;
	text-align: center;
	margin-top: 14px;
}
.NextRaceSearchWrap .RaceSearchOpenBtn a {
	position: relative;
	display: inline-block;
	font-size: 88.89%;
	font-weight: bold;
	padding: 12px;
	padding-right: 30px;
}
.NextRaceSearchWrap .RaceSearchOpenBtn a::before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 1px;
	background: none;
	border-top: 3px solid #888;
	border-right: 3px solid #888;
	-webkit-transform: rotate(135deg) translateY(-50%);
	transform: rotate(135deg) translateY(-50%);
	position: absolute;
	top: 50%;
	right: 6px;
	margin-top: -9px;
}


.DividSimuWrap01 .NextRaceSearchWrap .DetailSubmitBtnWrap {
	background: #fff;
}
.DividSimuWrap01 .NextRaceSearchWrap .CommonBtn01 {
	margin: auto;
}
.DividSimuWrap01 .NextRaceSearchWrap .CloseLink {
	display: block;
	text-align: center;
	margin-top: -8px;
	padding-bottom: 10px;
}
.DividSimuWrap01 .NextRaceSearchWrap .CloseLink a {
	position: relative;
	display: inline-block;
	font-size: 88.89%;
	font-weight: bold;
	padding: 8px;
	padding-right: 30px;
}
.DividSimuWrap01 .NextRaceSearchWrap .CloseLink a::before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 1px;
	background: none;
	border-top: 3px solid #888;
	border-right: 3px solid #888;
	-webkit-transform: rotate(-45deg) translateY(-50%);
	transform: rotate(-45deg) translateY(-50%);
	position: absolute;
	top: 50%;
	right: 6px;
	margin-top: 0;
}
.NextRaceSearchListTable .Turf {
	color: #66bb6a;
}
.NextRaceSearchListTable .Dirt {
	color: #874c11;
}

dl.SimulationSetForm01 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
}
dl.SimulationSetForm01 > dt{
	width: 7em;
	margin-right: 10px;
	font-weight: bold;
	font-size: 83.34%;
}
dl.SimulationSetForm01 > dd{
	display: flex;
	align-items: center;
	font-size: 72.23%;
}
.DividSimuWrap01 input.NumInput {
	background: #fff;
	border: 1px solid #bfbfbf;
	border-radius: 4px;
	overflow: hidden;
	line-height: 1.4;
	padding: 7px 9px;
	font-size: 15px;
	width: 120px;
	height: 30px;
	margin: 0 4px 0 0;
	color: #444;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-appearance: none;
	-webkit-rtl-ordering: logical;
	-webkit-user-select: auto;
	user-select: auto;
	text-align: right;
}
.DividSimuWrap01 .SimulationSetForm01 .SelectMenu01 {
	width: 120px;
	overflow: visible;
	text-align: right;
	margin-right: 4px;
}
.DividSimuWrap01 .SimulationSetForm01 .SelectMenu01 select{
	text-align: right;
	padding-right: 28px;
}
.DividSimuWrap01 p.Txt01 {
	font-size: 66.67%;
	line-height: 1.5;
	padding: 10px 40px 0;
}
.DividSimuWrap01 .CommonBtn01,
.DividSimuWrap01 .CommonBtn05 {
	width: 285px;
	margin: 30px auto auto;
}
.DividSimuWrap01 .CommonBtn05 + .CommonBtn05 {
	margin: 20px auto auto;
}

.ToRaceBox {
	border-radius: 6px;
	background: #fff;
	padding: 16px 30px;
	margin: 20px 20px 4px;
}
.DividSimuWrap01 .ToRaceBox .RaceSchedule {
	display: block;
	font-weight: bold;
	font-size: 83.34%;
}
.DividSimuWrap01 .ToRaceBox .RaceName {
	display: block;
	font-weight: bold;
	font-size: 88.89%;
	margin-top: 6px;
	line-height: 1.3;
}
.DividSimuWrap01 .ToRaceBox .RaceName a{
	color: #03a;
}
.ToRaceBox .Icon_GradeType {
	margin: 3px 9px 0 5px;
}
p.Txt01 + .SimulationSetForm01 {
	margin-top: 30px;
}

.DividSimuWrap01 .SimulationTableWrap01 {
	position: relative;
	margin: 20px auto;
	max-width: 480px;
	padding: 0 10px;
}
.DividSimuWrap01 .SimulationTable01 {
	width: 100%;
	max-width: 460px;
	margin: auto;
}
.NkOwnersTable01.SimulationTable01 thead th {
	line-height: 1.2;
	font-size: 14px;
	padding: 4px 8px;
}
.DividSimuWrap01 .SimulationTable01 th.HeadLabelCell {
	height: 19px;
	font-size: 12px;
	padding: 0;
	background: #666;
}
.NkOwnersTable01.SimulationTable01 tbody td {
	text-align: right;
	font-weight: normal;
}
.NkOwnersTable01.SimulationTable01 tbody td.Total {
	font-weight: bold;
}
.NkOwnersTable01.SimulationTable01 thead th.Head {
	padding: 9px 2px;
}
.NkOwnersTable01.SimulationTable01 tbody td[class*='Rank'] {
	padding: 9px 6px;
	font-weight: bold;
}
.NkOwnersTable01.SimulationTable01 td.Rank1 {
	background: #CC9A22;
	color: #fff;
}
.NkOwnersTable01.SimulationTable01 td.Rank2 {
	background: #093058;
	color: #fff;
}
.NkOwnersTable01.SimulationTable01 td.Rank3 {
	background: #9F713B;
	color: #fff;
}
.NkOwnersTable01.SimulationTable01 td.Rank4,
.NkOwnersTable01.SimulationTable01 td.Rank5 {
	background: #E4F8CF;
}
.NkOwnersTable01.SimulationTable01 td.Rank6,
.NkOwnersTable01.SimulationTable01 td.Rank7,
.NkOwnersTable01.SimulationTable01 td.Rank8 {
	background: #EAF3FD;
}
/* 有料導線 */
.NkOwnersTable01.SimulationTable01 td.Mask {
	filter: blur(5px);
}
.SimulationTableWrap01 .BtnPremiumRegist01 {
	position: absolute;
	top: 200px;
	left: 50%;
	width: 260px;
	margin-left: 20px;
	transform: translate(-50%, 0);
}

@media only screen and (min-width: 834px){
	.DividSimuWrap01 p.Txt01 {
		font-size: 14px;
	}
	.DividSimuWrap01 .SimulationTable01 th.HeadLabelCell {
		font-size: 14px;
		height: 23px;
	}
	
	.DividSimuWrap01 .NextRaceSearchWrap {
		max-width: 800px;
		margin: 0 auto 30px;
	}
	.NextRaceSearchListTable {
		max-width: 800px;
		margin: 0 auto 30px;
	}
	.DividSimuWrap01 .NextRaceSearchListTable thead th {
		font-size: 13px;
		padding: 8px 10px;
	}
	.DividSimuWrap01 .NextRaceSearchListTable .RaceDay {
		font-size: 14px;
	}
	.DividSimuWrap01 .NextRaceSearchListTable .RaceNum,
	.DividSimuWrap01 .NextRaceSearchListTable .RaceName {
		font-size: 16px;
	}
	.DividSimuWrap01 .NextRaceSearchListTable .RaceClass,
	.DividSimuWrap01 .NextRaceSearchListTable .RaceData {
		font-size: 12px;
	}
}

/* =======================================================
■更新履歴 #UpDataHistoryTop
======================================================= */
#UpDataHistoryTop .Title_Sec .Title_BtnMore02 a {
	color: #666;
	font-size: 72.23%;
	text-align: center;
	border: 1px solid #bfbfbf;
	border-radius: 1.27em;
	line-height: 2.03;
	display: block;
	position: relative;
	padding: 0 10px;
}
#UpDataHistoryTop .Title_Sec .Title_BtnMore02 a:hover {
	background: #fefefe;
}
body#UpDataHistoryTop .UpHistory01 .Sat {
	color: #3251BC;
}
body#UpDataHistoryTop .UpHistory01 .Sun {
	color: #DC3C3C;
}
#UpDataHistoryTop .UpHistory01 {
	margin: 10px;
}
#UpDataHistoryTop .UpHistory01 + .UpHistory01 {
	margin-top: 26px;
}
body#UpDataHistoryTop .UpHistory01 > .UpHistoryDay {
	display: flex;
	position: relative;
	font-size: 72.23%;
	font-weight: bold;
	align-items: center;
	margin-bottom: 16px;
}
body#UpDataHistoryTop .UpHistory01 > .UpHistoryDay::after {
	content: "";
	display: block;
	height: 2px;
	overflow: hidden;
	border-bottom: 3px dashed #cecece;
	flex: 1;
	margin-left: 20px;
}
body#UpDataHistoryTop .UpHistoryList01 > li + li{
	margin-top: 10px;
}
body#UpDataHistoryTop .UpHistoryList01 > li {
	position: relative;
	display: block;
	background: #fff;
	border-radius: 6px;
}
body#UpDataHistoryTop .UpHistoryBox01 {
	display: flex;
	border-radius: 6px;
	background: #fff;
	padding: 10px;
}
body#UpDataHistoryTop .UpBadge > .UpHistoryBox01::before {
	content: "";
	display: block;
	background: #ef6b6b;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	position: absolute;
	top: -4px;
	right: -2px;
}


body#UpDataHistoryTop a.UpHistoryBox01:not(.NoLink)::after{
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 1px;
	background: none;
	position: absolute;
	top: 50%;
	right: 10px;
	border-top: 2px solid #888;
	border-right: 2px solid #888;
	-webkit-transform: translate(0,-50%) rotate(45deg);
	transform: translate(0,-50%) rotate(45deg);
}
body#UpDataHistoryTop .UpHistoryBox01 .UpHistoryListImg {
	width: 40px;
	min-width: 40px;
	height: 56px;
	border-radius: 6px;
	background: #F3F3F3;
	margin-right: 10px;
	overflow: hidden;
}
body#UpDataHistoryTop .BlogAdd .BlogAddImg .ImgTxt01,
body#UpDataHistoryTop .UpHistoryBox01 .UpHistoryListImg .ImgTxt01 {
	display: flex;
	height: 16px;
	font-size: 10px;
	font-weight: bold;
	align-items: center;
	justify-content: center;
	border-radius: 0 0 6px 6px;
}
body#UpDataHistoryTop .UpHistoryBox01 .RankingUpImg .ImgTxt01 {
	background: #EBC75C;
}
body#UpDataHistoryTop .UpHistoryBox01 .PrizeHistoryImg .ImgTxt01 {
	background: #E8DEDE;
}
body#UpDataHistoryTop .UpHistoryBox01 .NextRaceHistoryImg .ImgTxt01,
body#UpDataHistoryTop .UpHistoryBox01 .ReportHistoryImg .ImgTxt01,
body#UpDataHistoryTop .UpHistoryBox01 .CommentNoticeImg .ImgTxt01,
body#UpDataHistoryTop .UpHistoryBox01.RaceMovieLink .ImgTxt01,
body#UpDataHistoryTop .UpHistoryBox01.TrainingTimeLink .ImgTxt01,
body#UpDataHistoryTop .UpHistoryBox01.StableCommentLink .ImgTxt01 {
	background: #ADD584;
	color: #444;
}
body#UpDataHistoryTop .UpHistoryBox01 .NextRaceHistoryImg:has(.InValid) {
	position: relative;
	background: #ddd;
}
body#UpDataHistoryTop .UpHistoryBox01:has(.InValid),
body#UpDataHistoryTop .UpHistoryBox01:has(.InValid):hover {
	background: #cbcbcb;
}
body#UpDataHistoryTop .UpHistoryBox01:has(.InValid) > dl,
body#UpDataHistoryTop .UpHistoryBox01:has(.InValid):hover > dl{
	filter: grayscale(1);
}
body#UpDataHistoryTop .UpHistoryBox01 .NextRaceHistoryImg .InValid {
	font-weight: bold;
	font-size: larger;
	position: absolute;
	color: #666;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
body#UpDataHistoryTop .UpHistoryBox01 .NewsAddImg .ImgTxt01 {
	background: #95C8E3;
	color: #fff;
}
body#UpDataHistoryTop .BlogAdd .BlogAddImg .ImgTxt01 {
	background: #D69E9E;
	color: #fff;
}

body#UpDataHistoryTop .UpHistoryBox01 .RankingUpIcon,
body#UpDataHistoryTop .UpHistoryBox01 .PrizeHistoryIcon,
body#UpDataHistoryTop .UpHistoryBox01 .NextRaceTxt,
body#UpDataHistoryTop .UpHistoryBox01 .ReportHistoryIcon,
body#UpDataHistoryTop .UpHistoryBox01 .NewsThumb,
body#UpDataHistoryTop .UpHistoryBox01 .CommentNoticeIcon,
body#UpDataHistoryTop .UpHistoryBox01 .RaceMovieIcon,
body#UpDataHistoryTop .UpHistoryBox01 .TrainingTimeIcon,
body#UpDataHistoryTop .UpHistoryBox01 .StableCommentIcon,
body#UpDataHistoryTop .UpHistoryBox01 .BlogHistoryIcon {
	display: flex;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
body#UpDataHistoryTop .RankingUpIcon::after {
	content: "";
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29.356 30.031'%3E%3Cg transform='translate(8.92 1.154)'%3E%3Cpath d='M22.072,8.563,27.485,3.1,32.921,8.54h-2.3v4.071l-6.233.023-.023-4.072Zm8.552,7.613H24.392V14.2h6.233Zm-6.233,1.137,6.233-.023v.83H24.392Z' transform='translate(-30.992 8.376)' fill='%23691e1e' fill-rule='evenodd'/%3E%3Crect width='11.475' height='2.749' transform='translate(2.733 -1.154)' fill='%23d69e9e'/%3E%3Cpath d='M36.967,153.433h4.354v1.76H36.967Zm-2.715-1.878v5.515H31.98v1.76H46.308v-1.76H44.036v-5.515Z' transform='translate(-30.673 -129.953)' fill='%23691e1e'/%3E%3Cpath d='M74.4,63.041a.935.935,0,1,0-.934-.935.934.934,0,0,0,.934.935' transform='translate(-65.933 -53.141)' fill='%23d69e9e'/%3E%3Cpath d='M47.217,41.246a5.737,5.737,0,0,0,5.737-5.737V30.023H41.48v5.486a5.737,5.737,0,0,0,5.737,5.737m0-8.306a2.694,2.694,0,1,1-2.694,2.694,2.7,2.7,0,0,1,2.694-2.694' transform='translate(-38.747 -26.669)' fill='%23d69e9e'/%3E%3Cpath d='M64.189,115.243a7.531,7.531,0,0,1-1.814-.22v1.528a3.065,3.065,0,0,1-.925,2.2h5.478a3.065,3.065,0,0,1-.925-2.2v-1.528a7.532,7.532,0,0,1-1.814.22' transform='translate(-55.718 -98.906)' fill='%23d69e9e'/%3E%3Cpath d='M4.5,10.67A4.84,4.84,0,0,1,1.76,6.314V3.687A1.912,1.912,0,0,1,3.608,1.76a1.887,1.887,0,0,1,.86.191V.094A3.647,3.647,0,0,0,0,3.687V6.314a6.607,6.607,0,0,0,4.972,6.392A7.42,7.42,0,0,1,4.5,10.67' transform='translate(-3.495 -1.155)' fill='%23d69e9e'/%3E%3Cpath d='M127.662,0a3.679,3.679,0,0,0-.889.094V1.951a1.873,1.873,0,0,1,.86-.191,1.912,1.912,0,0,1,1.848,1.926V6.314a4.841,4.841,0,0,1-2.739,4.356,7.479,7.479,0,0,1-.473,2.035,6.605,6.605,0,0,0,4.972-6.392V3.686A3.68,3.68,0,0,0,127.662,0' transform='translate(-110.805 -1.154)' fill='%23d69e9e'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 30px;
	height: 31px;
}
body#UpDataHistoryTop .PrizeHistoryIcon::after {
	content: "";
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29.584 29.262'%3E%3Cpath d='M31.78.69A17.655,17.655,0,0,0,22,.69a.857.857,0,0,0-.583,1.063.87.87,0,0,0,.084.195L22.8,4.27a11.931,11.931,0,0,1,8.185,0l1.3-2.322A.858.858,0,0,0,31.78.69' transform='translate(-8.452 0)' fill='%23d69e9e'/%3E%3Cpath d='M31.152,9.586c-1.6-1.13-6.31-1.177-7.97.005A2.546,2.546,0,0,0,22.1,11.71a11.421,11.421,0,0,1,5.079-1.291,10.77,10.77,0,0,1,5.072,1.291,2.54,2.54,0,0,0-1.1-2.124' transform='translate(-8.734 -3.447)' fill='%23691e1e'/%3E%3Cpath d='M23.227,14.367h0a9.912,9.912,0,0,0-6.945,3.116,7.026,7.026,0,0,1-4.167,10.54c.478,6.177,6.52,6.917,11.112,6.917,4.783,0,11.146-.8,11.146-7.716,0-5.947-4.869-12.858-11.146-12.858m.882,14.423v0a.044.044,0,0,0-.023,0V29.8a.858.858,0,0,1-1.716,0V28.784a3.517,3.517,0,0,1-1.567-1.1.857.857,0,0,1,1.3-1.123l.016.02c1.692,2.019,2.833-1.066,1.111-1.066a2.575,2.575,0,0,1-2.573-2.573,2.51,2.51,0,0,1,1.714-2.406V19.51a.858.858,0,0,1,1.716,0v1.027a3.321,3.321,0,0,1,1.263.76.858.858,0,0,1-1.191,1.232c-1.577-1.523-2.641,1.27-.927,1.27a2.572,2.572,0,0,1,.881,4.99' transform='translate(-4.788 -5.679)' fill='%23d69e9e'/%3E%3Cpath d='M11.056,22.084a5.528,5.528,0,1,1-5.528-5.528,5.528,5.528,0,0,1,5.528,5.528' transform='translate(0 -6.544)' fill='%23691e1e'/%3E%3Cpath d='M8.486,25.451v0a.026.026,0,0,0-.015,0v.675a.575.575,0,0,1-1.15,0v-.68a2.361,2.361,0,0,1-1.05-.739.574.574,0,0,1,.868-.753l.011.013c1.133,1.353,1.9-.714.744-.714A1.725,1.725,0,0,1,6.17,21.531,1.681,1.681,0,0,1,7.319,19.92v-.686a.575.575,0,0,1,1.15,0v.688a2.212,2.212,0,0,1,.846.51.575.575,0,0,1-.8.825c-1.056-1.021-1.769.851-.621.851a1.723,1.723,0,0,1,.59,3.343' transform='translate(-2.423 -7.376)' fill='%23fff'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 30px;
	height: 30px;
}
body#UpDataHistoryTop .ReportHistoryIcon::after {
	content: "";
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.886 30.421'%3E%3Cpath d='M54.689,56.411a6.337,6.337,0,1,0,6.338,6.337,6.338,6.338,0,0,0-6.338-6.337m3.8,7.287H53.738V58.945h1.9V61.8h2.852Z' transform='translate(-33.141 -38.665)' fill='%23691e1e'/%3E%3Cpath d='M20.281,0H2.535A2.543,2.543,0,0,0,0,2.536V25.351a2.543,2.543,0,0,0,2.535,2.534h10.14v-3.8a8.883,8.883,0,0,1,8.873-8.872h1.267V2.536A2.543,2.543,0,0,0,20.281,0M3.8,3.8H16.478V6.338H3.8Zm5.07,17.746H3.8V19.013h5.07Zm2.535-5.071H3.8V13.944h7.605Zm7.605-5.07H3.8V8.872h15.21Z' transform='translate(0)' fill='%23d69e9e'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 30px;
	height: 30px;
}
.CommentNoticeIcon::after {
	content: "";
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.606 21.356'%3E%3Cpath d='M153.376,0H136.563A1.159,1.159,0,0,0,135.4,1.159V3.924h5.5a2.89,2.89,0,0,1,2.888,2.888v5.293h2.028l1.874,3.158a.9.9,0,0,0,1.546,0l1.874-3.158h2.265a1.159,1.159,0,0,0,1.159-1.159V1.159A1.159,1.159,0,0,0,153.376,0' transform='translate(-122.929)' fill='%23d69e9e'/%3E%3Cpath d='M17.972,61.356H1.157A1.158,1.158,0,0,0,0,62.514V72.3a1.158,1.158,0,0,0,1.158,1.158H3.423L5.3,76.619a.9.9,0,0,0,1.545,0l1.874-3.158h9.255A1.158,1.158,0,0,0,19.13,72.3V62.514a1.158,1.158,0,0,0-1.158-1.158M4.713,68.895A1.486,1.486,0,1,1,6.2,67.409a1.486,1.486,0,0,1-1.486,1.486m4.851,0a1.486,1.486,0,1,1,1.486-1.486,1.486,1.486,0,0,1-1.486,1.486m4.851,0A1.486,1.486,0,1,1,15.9,67.409a1.486,1.486,0,0,1-1.486,1.486' transform='translate(0.001 -55.703)' fill='%2366181b'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 32px;
	height: 22px;
}
body#UpDataHistoryTop .BlogAdd .BlogAddImg .BlogHistoryIcon::after {
	content: "";
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.724 23.997'%3E%3Cpath d='M19.054,0H1.836A1.838,1.838,0,0,0,0,1.836V4.9H20.89V1.836A1.838,1.838,0,0,0,19.054,0m-6.12,3.06a.612.612,0,1,1,.612-.612.612.612,0,0,1-.612.612m2.448,0a.612.612,0,1,1,.612-.612.612.612,0,0,1-.612.612m2.448,0a.612.612,0,1,1,.612-.612.612.612,0,0,1-.612.612' fill='%23691e1e'/%3E%3Cpath d='M13.254,39.118H20.89V33.256H0V46.19a1.838,1.838,0,0,0,1.836,1.836h9.582V40.954a1.838,1.838,0,0,1,1.836-1.836' transform='translate(0 -27.136)' fill='%23d69e9e'/%3E%3Cpath d='M69.126,87.893h9.629V84.123h-1.8V86.09H70.929V80.109h1.977v-1.8H69.126Z' transform='translate(-56.405 -63.896)' fill='%23691e1e'/%3E%3Cpath d='M93.706,70.048v1.8h1.887l-3.785,3.882,1.29,1.262,3.736-3.829v1.972h1.8V70.048Z' transform='translate(-74.912 -57.157)' fill='%23691e1e'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 24px;
	height: 24px;
}
body#UpDataHistoryTop .RaceMovieIcon::after {
	content: "";
	display: block;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 22.053'%3E%3Cpath d='M28.413,0H1.588A1.588,1.588,0,0,0,0,1.588H0V20.465a1.588,1.588,0,0,0,1.588,1.588H28.412A1.588,1.588,0,0,0,30,20.465V1.589A1.588,1.588,0,0,0,28.413,0M4.782,19.027H1.7a.4.4,0,0,1-.4-.4V16.4a.4.4,0,0,1,.4-.4H4.78a.4.4,0,0,1,.4.4l0,2.227a.4.4,0,0,1-.4.4m0-4.33H1.7a.4.4,0,0,1-.4-.4V12.073a.4.4,0,0,1,.4-.4H4.78a.4.4,0,0,1,.4.4l0,2.224a.4.4,0,0,1-.4.4m0-4.322H1.7a.4.4,0,0,1-.4-.4V7.751a.4.4,0,0,1,.4-.4H4.78a.4.4,0,0,1,.4.4l0,2.224a.4.4,0,0,1-.4.4m0-4.322H1.7a.4.4,0,0,1-.4-.4V3.428a.4.4,0,0,1,.4-.4H4.78a.4.4,0,0,1,.4.4l0,2.225a.4.4,0,0,1-.4.4M23.5,17.43a1.591,1.591,0,0,1-1.591,1.591H8.075A1.591,1.591,0,0,1,6.484,17.43V4.625a1.591,1.591,0,0,1,1.59-1.592h13.84A1.591,1.591,0,0,1,23.5,4.625Zm5.191,1.2a.4.4,0,0,1-.4.4H25.209a.4.4,0,0,1-.4-.4V16.4a.4.4,0,0,1,.4-.4h3.084a.4.4,0,0,1,.4.4Zm0-4.33a.4.4,0,0,1-.4.4H25.209a.4.4,0,0,1-.4-.4V12.073a.4.4,0,0,1,.4-.4h3.084a.4.4,0,0,1,.4.4Zm0-4.322a.4.4,0,0,1-.4.4H25.209a.4.4,0,0,1-.4-.4V7.751a.4.4,0,0,1,.4-.4h3.084a.4.4,0,0,1,.4.4Zm0-4.322a.4.4,0,0,1-.4.4H25.209a.4.4,0,0,1-.4-.4V3.428a.4.4,0,0,1,.4-.4h3.084a.4.4,0,0,1,.4.4Z' fill='%23691e1e'/%3E%3Cpath d='M15,5.692a5.335,5.335,0,1,0,5.335,5.335A5.335,5.335,0,0,0,15,5.692m2.638,5.385a.4.4,0,0,1-.144.144L13.961,13.26a.395.395,0,0,1-.591-.341V8.84a.394.394,0,0,1,.4-.394.387.387,0,0,1,.2.053l3.533,2.04a.393.393,0,0,1,.144.538' fill='%23d69e9e'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 30px;
	height: 23px;
}
body#UpDataHistoryTop .TrainingTimeIcon::after {
	content: "";
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24.793 27.523'%3E%3Cpath d='M8.573,12.927a3.264,3.264,0,1,0,3.264,3.264,3.263,3.263,0,0,0-3.264-3.264m1.662,3.709H8.127V13.728h.891v2.018h1.218Z' transform='translate(-2.786 -6.784)' fill='%23d69e9e'/%3E%3Cpath d='M6.65,3.686a1.944,1.944,0,1,0-1.725,0,5.786,5.786,0,1,0,1.725,0M4.737,1.947a1.053,1.053,0,1,1,1.5.957V1.871H5.342V2.9a1.055,1.055,0,0,1-.609-.957m1.054,11.62A4.155,4.155,0,1,1,9.941,9.407h0a4.159,4.159,0,0,1-4.154,4.154' transform='translate(0 0)' fill='%23691e1e'/%3E%3Cpath d='M28.339,22a10.194,10.194,0,0,0-.916-1.529c-.5-.915-1-1.833-1.493-2.75a6.19,6.19,0,0,1-.752-1.7,2.287,2.287,0,0,0-.438-1.086c-.164-.237-.392-.42-.552-.659-.483-.665-1-1.306-1.475-1.977a9.6,9.6,0,0,0,1-3.3c-.013-.232.068-.5-.077-.7a.378.378,0,0,0-.4-.071,3.413,3.413,0,0,0-.73.508,6.069,6.069,0,0,0-1.7,2.257c-.057.1-.028.318-.187.312-.535-.015-1.063.068-1.6.1a18.155,18.155,0,0,0,.2-2.76.391.391,0,0,0-.348-.465,1.66,1.66,0,0,0-.838.539,6.425,6.425,0,0,0-1.69,2.563,2.344,2.344,0,0,0-.1.356,7.2,7.2,0,0,1-8.252,8.795,9.872,9.872,0,0,1-.958,1.026A15.54,15.54,0,0,0,17.37,31.808c.007-.218.015-.435.027-.652.189-1.348.48-2.681.7-4.024.185-1.147.423-2.287.582-3.438a4.773,4.773,0,0,1-1.1-.72,2.92,2.92,0,0,1-.9-2.5c.029-.087.053-.213.173-.183.12.127.133.317.211.469a3.608,3.608,0,0,0,2.117,1.917,3.781,3.781,0,0,0,1.8.256.83.83,0,0,1,.553.106q.972.973,1.941,1.951a4.809,4.809,0,0,0,.918.821,2.149,2.149,0,0,0,1.624.249A3.259,3.259,0,0,0,28.339,22m-6.825-4.389a.657.657,0,0,1-.975-.624.714.714,0,0,1,.93-.711.77.77,0,0,1,.045,1.336' transform='translate(-3.688 -4.285)' fill='%23d69e9e'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 25px;
	height: 28px;
}
body#UpDataHistoryTop .StableCommentIcon::after {
	content: "";
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.012 23.853'%3E%3Cpath d='M29.837,42.319l4.873,3.535v-7.07Z' transform='translate(-17.16 -22.305)' fill='%23d19b9a'/%3E%3Cpath d='M15.825,45.854,20.7,42.319l-4.873-3.535Z' transform='translate(-9.101 -22.305)' fill='%23d19b9a'/%3E%3Cpath d='M17.379,51.475h9.506l-4.753-3.447Z' transform='translate(-9.995 -27.621)' fill='%23d19b9a'/%3E%3Cpath d='M18.323,24.161a2.09,2.09,0,1,1,.612-1.478,2.085,2.085,0,0,1-.612,1.478M10.8,34.354v-8a.318.318,0,0,1,.318-.318H22.575a.318.318,0,0,1,.318.318v8H25.5v-11.1l-8.659-5-8.659,5v11.1Z' transform='translate(-4.707 -10.501)' fill='%23671d1d' fill-rule='evenodd'/%3E%3Cpath d='M17.379,38.067l4.753,3.448,4.753-3.448Z' transform='translate(-9.995 -21.893)' fill='%23d19b9a' fill-rule='evenodd'/%3E%3Cpath d='M25.566,27.729A1.456,1.456,0,1,0,25.14,26.7a1.451,1.451,0,0,0,.426,1.029' transform='translate(-14.459 -14.519)' fill='%23d19b9a' fill-rule='evenodd'/%3E%3Cpath d='M3.619,20.415,13.683,14.6a.317.317,0,0,1,.32,0l10.068,5.813.649-1.124L13.845,13.012,2.97,19.291Z' transform='translate(-1.708 -7.483)' fill='%23d19b9a' fill-rule='evenodd'/%3E%3Cpath d='M9.438,0H.608A.608.608,0,0,0,0,.608V5.747a.608.608,0,0,0,.608.608H1.8l.986,1.66a.473.473,0,0,0,.812,0l.984-1.658H9.439a.609.609,0,0,0,.607-.609h0V.608A.608.608,0,0,0,9.438,0M2.475,3.959a.78.78,0,1,1,.781-.78.781.781,0,0,1-.781.78m2.548,0a.78.78,0,1,1,.78-.78.781.781,0,0,1-.78.78m2.548,0a.78.78,0,1,1,.779-.781h0a.78.78,0,0,1-.78.78' fill='%2366181b'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 28px;
	height: 28px;
}
body#UpDataHistoryTop .UpHistoryListImg .NewsThumb {
	width: 40px;
	height: 40px;
	border-radius: 4px 4px 0 0;
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	flex-shrink: 0;
	margin-right: 10px;
}
body#UpDataHistoryTop .UpHistoryBox01 .NextRaceTxt {
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
	background: #dadada;
	color: #444;
}
body#UpDataHistoryTop .UpHistoryBox01 .NextRaceTxt.Entry {
	background: var(--PrimaryColor);
	color: #fff;
}
body#UpDataHistoryTop .UpHistoryBox01 .NextRaceTxt.Regist {
	background: #9f4949;
	color: #fff;
}
body#UpDataHistoryTop .UpHistoryBox01 .NextRaceTxt.Result {
	background: #9B833B;
	color: #fff;
}
body#UpDataHistoryTop .UpHistoryBox01 .NextRaceTxt.ExpectedEntry {
	background: #4472c4;
	color: #fff;
}
body#UpDataHistoryTop .UpHistoryBox01 .NextRaceTxt.MyNextRace {
	background: #689B42;
	color: #fff;
}


body#UpDataHistoryTop .UpHistoryBox01 dl > dt{
	display: flex;
	align-items: center;
	font-weight: bold;
	font-size: 82.23%;
	position: relative;
}
body#UpDataHistoryTop .UpHistoryBox01 dl > dd{
	margin-top: 4px;
}
body#UpDataHistoryTop .RankingUp dd .Txt01 {
	position: relative;
	display: block;
	font-weight: bold;
	font-size: 82.23%;
	color: #444;
	line-height: 1.2;
}
body#UpDataHistoryTop .RankingUp dd .Txt01.Score {
	padding-left: 18px;
}
body#UpDataHistoryTop .RankingUp dd .Txt01.Score::before {
	content: "";
	display: block;
	width: 12px;
	height: 15px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.844 15.548'%3E%3Cpath d='M5.922,56.4C2.587,56.4,0,60.071,0,63.231c0,3.675,3.38,4.1,5.922,4.1s5.922-.425,5.922-4.1c0-3.16-2.587-6.833-5.922-6.833M6.39,64.06l-.012,0V64.6a.456.456,0,0,1-.912,0v-.539a1.87,1.87,0,0,1-.833-.586.455.455,0,1,1,.7-.586c.9,1.073,1.5-.566.592-.566a1.368,1.368,0,0,1-1.367-1.367,1.333,1.333,0,0,1,.911-1.278v-.544a.456.456,0,0,1,.912,0v.546a1.76,1.76,0,0,1,.671.4.456.456,0,0,1-.634.655c-.838-.809-1.4.673-.493.673A1.367,1.367,0,0,1,6.39,64.06' transform='translate(0 -51.783)' fill='%23d69e9e'/%3E%3Cpath d='M42.134.367a9.38,9.38,0,0,0-5.2,0,.455.455,0,0,0-.265.668l.689,1.234a6.337,6.337,0,0,1,4.349,0L42.4,1.035a.455.455,0,0,0-.265-.668' transform='translate(-33.614)' fill='%23d69e9e'/%3E%3Cpath d='M44.221,34.7a5.1,5.1,0,0,0-4.235,0,1.353,1.353,0,0,0-.577,1.126,6.073,6.073,0,0,1,2.7-.686,5.724,5.724,0,0,1,2.7.686,1.35,1.35,0,0,0-.582-1.128' transform='translate(-36.185 -31.44)' fill='%23691e1e'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 12px auto;
	position: absolute;
	top: 0;
	left: 0;
}
body#UpDataHistoryTop .RankingUp dd .RankUpTxt {
	display: block;
	position: relative;
	font-size: 77.78%;
	color: #333;
	margin-top: 4px;
	padding-left: 18px;
}
body#UpDataHistoryTop .RankingUp dd .RankUpTxt::before {
	content: "";
	display: block;
	width: 13px;
	height: 13px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.543 12.019'%3E%3Cpath d='M22.072,9.415,28.33,3.1l6.285,6.285H31.96V15.1l-7.206.027-.026-5.708Z' transform='translate(-22.072 -3.104)' fill='%23ef6b6b' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 13px auto;
	position: absolute;
	top: 1px;
	left: 0;
}
body#UpDataHistoryTop .RankingUp dd .RankUpTxt strong{
	font-size: 114.283%;
	margin-right: 10px;
}
body#UpDataHistoryTop .PrizeHistory dd,
body#UpDataHistoryTop .NextRaceHistory dd,
body#UpDataHistoryTop .RaceReportHistory dd {
	color: #444;
}
body#UpDataHistoryTop .PrizeHistory dd .Data01{
	display: block;
	font-size: 88.89%;
	font-weight: bold;
	margin-top: 6px;
}
body#UpDataHistoryTop .PrizeHistory dd .Data01 > .Txt01{
	font-size: 87.5%;
}
body#UpDataHistoryTop .PrizeHistory dd .Data01 .Numeral{
	font-size: 75%;
	margin: 0 1px;
}
body#UpDataHistoryTop .PrizeHistory dd .Data01 .UpTxt {
	font-size: 62.5%;
}
body#UpDataHistoryTop .PrizeHistory dd .Data01 .UpTxt > em{
	font-size: 125.00%;
	color: #EF6B6B;
}
body#UpDataHistoryTop .PrizeHistory dd .RaceDataTxt01 ,
body#UpDataHistoryTop .NextRaceHistory dd .RaceDataTxt01,
body#UpDataHistoryTop .RaceReportHistory dd .RaceDataTxt01 {
	display: flex;
	font-size: 66.67%;
	margin-top: 6px;
	align-items: center;
}
body#UpDataHistoryTop .NextRaceHistory dd {
	color: #444;
}
body#UpDataHistoryTop .NextRaceHistory dd .Data01{
	display: flex;
	align-items: center;
	max-width: 100%;
	font-size: 72.23%;
	font-weight: bold;
	margin-top: 6px;
}
body#UpDataHistoryTop .NextRaceHistory dl {
	flex: 1 1 auto;
	min-width: 0;
}
body#UpDataHistoryTop .NextRaceHistory dd .Data01 .RaceName{
	order: 1;
	flex: 0 1 auto;
	min-width: 0;
	margin-right: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: middle;
	line-height: 1.1em;
}
body#UpDataHistoryTop .NextRaceHistory dd .Data01:has(.Icon_GradeType) .RaceName{
	margin-right: 0;
}
body#UpDataHistoryTop .NextRaceHistory dd .Data01 .Icon_GradeType{
	order: 2;
	flex: 0 0 auto;
	white-space: nowrap;
	margin-right: 15px;
}
body#UpDataHistoryTop .NextRaceHistory a dl:has(.InfoCate) dt{
	position: relative;
}
body#UpDataHistoryTop .NextRaceHistory a dl .InfoCate {
	position: absolute;
	bottom: 0px;
	left: 80px;
	font-size: 10px;
	padding: 5px 6px 3px;
	/* border-radius: 5px; */
	border: 1px solid #BFBFBF;
	color: #666;
	/* background: #F3F3F3; */
	line-height: 1;
	vertical-align: middle;
}
.NextRaceHistory .RaceStatusCase01{
	border: 1px solid #BFBFBF;
	color: #666;
	font-size: 10px;
	line-height: 1;
	padding: 5px 6px;
	vertical-align: middle;
	margin: -2px 8px 0;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}
body#UpDataHistoryTop .NextRaceHistory .SpecialLabel01{
	position: absolute;
	top: -3px;
	right: -2px;
	background: #C67C8D;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	padding: 5px 10px 6px 24px;
	border-radius: 10px;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}
body#UpDataHistoryTop .NextRaceHistory .SpecialLabel01.Debut::before{
	content: "";
	position: absolute;
	top: -8px;
	left: 3px;
	display: block;
	width: 22px;
	height: 25px;
	background-image: url("../img/icon/icon_debut_01.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

@media only screen and (max-width: 833px){
	body#UpDataHistoryTop .NextRaceHistory a dl .InfoCate {
		left: 67px;
	}
	.NextRaceHistory dd .Data01 .Icon_GradeType {
		font-size: 10px;
		padding: 3px .7em;
		min-width: unset;
		margin-left: 3px;
	}
}

body#UpDataHistoryTop .RaceReportHistory dd .Rank em{
	font-size: 141.66%;
}
body#UpDataHistoryTop .RaceReportHistory dd .Rank {
	font-size: 66.67%;
}
body#UpDataHistoryTop .RaceReportHistory dd .Turf {
	color: #58af4a;
	font-weight: bold;
	font-size: 72.23%;
}
body#UpDataHistoryTop .RaceReportHistory dd .Dirt {
	color: #874c11;
	font-weight: bold;
	font-size: 72.23%;
}
body#UpDataHistoryTop .RaceReportHistory dd .Jump {
	font-weight: bold;
	font-size: 72.23%;
}
body#UpDataHistoryTop .RaceReportHistory dd .Time {
	display: inline-flex;
	position: relative;
	color: #EF6B6B;
	font-weight: bold;
	font-size: 88.89%;
	align-items: flex-end;
}
body#UpDataHistoryTop .RaceReportHistory dd .Time::before {
	content: "";
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.306 17.469'%3E%3Cpath d='M66.843,153.63a3.753,3.753,0,1,0,3.753,3.753,3.757,3.757,0,0,0-3.753-3.753m1.911,4.265H66.331v-3.344h1.024v2.32h1.4Z' transform='translate(-60.19 -146.567)' fill='%23c67c8d'/%3E%3Cpath d='M7.645,4.237a2.235,2.235,0,1,0-1.984,0,6.653,6.653,0,1,0,1.984,0m-2.2-2a1.211,1.211,0,1,1,1.723,1.1V2.15H6.141V3.332a1.214,1.214,0,0,1-.7-1.1M6.653,15.593a4.777,4.777,0,1,1,4.776-4.777,4.782,4.782,0,0,1-4.776,4.777' fill='%23691e1e'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 14px;
	height: 18px;
	margin-top: -4px;
	margin-right: 4px;
}
body#UpDataHistoryTop .RaceReportHistory dd .Time > span{
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}
body#UpDataHistoryTop .RaceReportHistory dd .Time .BestBadge {
	display: inline-block;
	font-size: 10px;
	font-weight: bold;
	background: #EBC75C;
	border-radius: 6px;
	color: #555;
	padding: 4px 5px;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
	vertical-align: middle;
	-webkit-transform-origin: center bottom ;
	transform-origin: center bottom ;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}
.NewsAdd .NewsTxtArea01{
	color: #444;
}
.NewsAdd .NewsTxtArea01 .ContentMainTitle{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 83.34%;
	font-weight: bold;
	line-height: 1.334;
	word-break: break-word;
	margin-right: 10px;
	height: 2.668em;
}
body#UpDataHistoryTop .BlogAdd .BlogContent {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-right: 10px;
}
body#UpDataHistoryTop .BlogAdd .NewsTxtArea01 {
	width: calc(100% - 74px) !important;
}
body#UpDataHistoryTop .BlogAdd .NewsTxtArea01 .BlogTitle{
	margin-bottom: -2px;
	position: relative;
	/* top: -3px; */
}
@media screen and (max-width: 834px) {
	body#UpDataHistoryTop .BlogAdd .NewsTxtArea01 {
		width: calc(100% - 50px) !important;
	}
	body#UpDataHistoryTop .RaceReportHistory dd .RaceDataTxt01 {
		display: block;
	}
}

body#UpDataHistoryTop .BlogAdd .NewsTxtArea01,
body#UpDataHistoryTop .NewsAdd .NewsTxtArea01{
	color: #444;
}
body#UpDataHistoryTop .BlogAdd .NewsTxtArea01 .ContentMainTitle,
body#UpDataHistoryTop .NewsAdd .NewsTxtArea01 .ContentMainTitle{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 83.34%;
	font-weight: bold;
	line-height: 1.334;
	word-break: break-word;
	margin-right: 10px;
	height: 2.668em;
}
body#UpDataHistoryTop .BlogAdd .NewsTxtArea01 .BlogTxt01,
body#UpDataHistoryTop .NewsAdd .NewsTxtArea01 .NewsProvided,
body#UpDataHistoryTop .CommentNotice .CommentNoticeBox01 .NoticeProvided,
body#UpDataHistoryTop .Expected_NoticeBox01 .NoticeProvided .NoticeProvided,
body#UpDataHistoryTop .MyHorseRaceInfoBox .NoticeProvided,
body#UpDataHistoryTop .NextRaceHistory .NoticeProvided {
	display: inline-flex;
	font-size: 55.56%;
	background: #F3F3F3;
	border-radius: 2px;
	font-weight: bold;
	padding: 2px 3px;
}
body#UpDataHistoryTop .NewsAdd .NewsTxtArea01 .NewsProvided:empty {
	padding: 0;
	background: none;
}
body#UpDataHistoryTop .BlogAdd .NewsTxtArea01 .BlogTitle,
body#UpDataHistoryTop .NewsAdd .NewsTxtArea01 .InfoDate {
	font-size: 55.56%;
	margin-left: 6px;
}
body#UpDataHistoryTop .BlogAdd .NewsTxtArea01 .BlogTxt01::after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	margin-left: 4px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.542 10.416'%3E%3Cpath d='M8.659,4.518A.479.479,0,0,0,8.181,5V9.772H.957V2.493H5.706a.478.478,0,0,0,0-.957H.478A.479.479,0,0,0,0,2.014v8.234a.479.479,0,0,0,.478.478H8.659a.479.479,0,0,0,.478-.478V5a.479.479,0,0,0-.478-.478' transform='translate(0 -0.311)' fill='%23444'/%3E%3Cpath d='M11.128,0h-3.2a.478.478,0,1,0,0,.957H9.891L5.412,5.394a.477.477,0,0,0,.675.675l4.567-4.523V3.62a.478.478,0,1,0,.957,0V.478A.479.479,0,0,0,11.132,0' transform='translate(-1.068)' fill='%23444'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 10px auto;
}
body#UpDataHistoryTop .CommentNotice .CommentNoticeBox01 .Txt01,
body#UpDataHistoryTop .Expected_NoticeBox01 .Txt01 {
	position: relative;
	display: block;
	font-weight: bold;
	font-size: 77.78%;
	color: #444;
	line-height: 1.2;
	margin-bottom: 2px;
}
body#UpDataHistoryTop .CommentNotice .CommentNoticeBox01 .NoticeProvided,
body#UpDataHistoryTop .Expected_NoticeBox01 .NoticeProvided {
	color: #666;
}
body#UpDataHistoryTop .RaceMovieLink.MyHorseRaceInfoBox{
	align-items: center;
}
body#UpDataHistoryTop .RaceMovieLink .RaceMovieInner{
	display: block;
	width: 68px;
	height: 42px;
	background-size: cover;
	background-position: center center;
	position: relative;
	border-radius: 4px;
	overflow: hidden;
	margin-left: auto;
	margin-right: 20px;
	flex-shrink: 0;
}
body#UpDataHistoryTop .PrizeHistory dd .RaceDataTxt01 .Umaban_Num,
body#UpDataHistoryTop .NextRaceHistory dd .RaceDataTxt01 .Umaban_Num,
body#UpDataHistoryTop .RaceReportHistory dd .RaceDataTxt01 .Umaban_Num{
	display: inline-block;
	min-width: 24px;
	font-size: 77.78%;
	font-weight: bold;
	text-align: center;
	position: relative;
	padding: 4px 2px;
	margin: 0 6px;
	color: #fff;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
	margin-top: -1px;
}
/* 枠色 */
body#UpDataHistoryTop span.Waku1 {background: #fff; color: #555 !important; border: 1px solid #cacaca; padding: 3px 1px !important;}
body#UpDataHistoryTop span.Waku2 {background: #222; color: #fff !important;}
body#UpDataHistoryTop span.Waku3 {background: #dc3c3c; color: #fff !important;}
body#UpDataHistoryTop span.Waku4 {background: #2c53a9; color: #fff !important;}
body#UpDataHistoryTop span.Waku5 {background: #e4ca3b; color: #fff !important;}
body#UpDataHistoryTop span.Waku6 {background: #58af4a; color: #fff !important;}
body#UpDataHistoryTop span.Waku7 {background: #de8a26; color: #fff !important;}
body#UpDataHistoryTop span.Waku8 {background: #dc6179; color: #fff !important;}

.HistoryWrap01 .HistoryNotes {
	font-size: 77.78%;
	line-height: 1.5;
	margin: 10px;
}
@media only screen and (min-width: 834px){
	body#UpDataHistoryTop a.UpHistoryBox01:hover {
		text-decoration: none;
		background: #f9f9f9;
	}
	body#UpDataHistoryTop a.UpHistoryBox01:hover dl > dt,
	body#UpDataHistoryTop a.UpHistoryBox01:hover .ContentMainTitle{
		color: #c53131;
		text-decoration: underline;
	}
	#UpDataHistoryTop .HistoryWrap01 .Title_Sec,
	#UpDataHistoryTop .UpHistory01,
	#UpDataHistoryTop .HistoryNotes,
	#UpDataHistoryTop .NoData {
		max-width: 800px;
		margin: 21px auto;
	}
	body#UpDataHistoryTop .UpHistory01 > .UpHistoryDay {
		font-size: 15px;
	}
	body#UpDataHistoryTop .UpHistoryBox01 .UpHistoryListImg {
		width: 70px;
		min-width: 70px;
		height: 76px;
		border-radius: 6px;
		margin-right: 14px;
	}
	body#UpDataHistoryTop .UpHistoryBox01 .RankingUpIcon,
	body#UpDataHistoryTop .UpHistoryBox01 .PrizeHistoryIcon,
	body#UpDataHistoryTop .UpHistoryBox01 .NextRaceTxt,
	body#UpDataHistoryTop .UpHistoryBox01 .ReportHistoryIcon,
	body#UpDataHistoryTop .UpHistoryBox01 .NewsThumb,
	body#UpDataHistoryTop .UpHistoryBox01 .CommentNoticeIcon,
	body#UpDataHistoryTop .UpHistoryBox01 .RaceMovieIcon,
	body#UpDataHistoryTop .UpHistoryBox01 .TrainingTimeIcon,
	body#UpDataHistoryTop .UpHistoryBox01 .StableCommentIcon,
	body#UpDataHistoryTop .BlogAdd .BlogAddImg .BlogHistoryIcon {
		display: flex;
		width: 70px;
		height: 56px;
		align-items: center;
		justify-content: center;
		overflow: hidden;
	}
	body#UpDataHistoryTop .RankingUpIcon::after {
		width: 46px;
		height: 43px;
	}
	body#UpDataHistoryTop .CommentNoticeIcon::after {
		width: 48px;
		height: 33px;
	}
	body#UpDataHistoryTop .PrizeHistoryIcon::after {
		width: 43px;
		height: 43px;
	}
	body#UpDataHistoryTop .ReportHistoryIcon::after {
		width: 40px;
		height: 43px;
	}
	body#UpDataHistoryTop .BlogAdd .BlogAddImg .BlogHistoryIcon::after {
		width: 40px;
		height: 43px;
	}
	body#UpDataHistoryTop .RaceMovieIcon::after {
		width: 40px;
		height: 43px;
	}
	body#UpDataHistoryTop .TrainingTimeIcon::after {
		width: 40px;
		height: 43px;
	}
	body#UpDataHistoryTop .StableCommentIcon::after {
		width: 40px;
		height: 43px;
	}
	body#UpDataHistoryTop .UpHistoryBox01 .NextRaceTxt {
		font-size: 17px;
		line-height: 22px;
	}
	body#UpDataHistoryTop .UpHistoryBox01 .UpHistoryListImg .ImgTxt01 {
		font-size: 13px;
		height: 19px;
	}
	body#UpDataHistoryTop .UpHistoryBox01 dl {
	}
	body#UpDataHistoryTop .UpHistoryBox01 dl > dt {
		font-size: 18px;
	}
	body#UpDataHistoryTop .UpHistoryBox01 dl > dd {
		margin-top: 10px;
	}
	body#UpDataHistoryTop .RankingUp dd .RankUpTxt {
		margin-top: 8px;
	}
	body#UpDataHistoryTop .PrizeHistory dd .RaceDataTxt01,
	body#UpDataHistoryTop .NextRaceHistory dd .RaceDataTxt01,
	body#UpDataHistoryTop .RaceReportHistory dd .RaceDataTxt01 {
		display: block;
		margin-top: 10px;
		font-size: 15px;
	}
	body#UpDataHistoryTop .PrizeHistory dd .Data01 {
		font-size: 18px;
	}
	body#UpDataHistoryTop .PrizeHistory dd .Data01 .TxT01{
		font-size: 90%;
	}
	body#UpDataHistoryTop .NextRaceHistory dd .Data01 {
		font-size: 16px;
	}
	body#UpDataHistoryTop .RaceReportHistory dd .Rank {
		font-size: 15px;
	}
	body#UpDataHistoryTop .RaceReportHistory dd .Turf,
	body#UpDataHistoryTop .RaceReportHistory dd .Dirt,
    body#UpDataHistoryTop .RaceReportHistory dd .Jump {
		font-size: 15px;
	}
	body#UpDataHistoryTop .RaceReportHistory dd .Time {
		font-size: 18px;
	}
	body#UpDataHistoryTop .BlogAdd .NewsTxtArea01 .ContentMainTitle,
	body#UpDataHistoryTop .RaceReportHistory dd .Time .BestBadge {
		font-size: 15px;
	}
	body#UpDataHistoryTop .BlogAdd .NewsTxtArea01 .ContentMainTitle,
	body#UpDataHistoryTop .NewsAdd .NewsTxtArea01 .ContentMainTitle {
		font-size: 17px;
		margin-right: 20px;
		margin-bottom: 8px;
	}
	body#UpDataHistoryTop .BlogAdd .NewsTxtArea01 .BlogTxt01,
	body#UpDataHistoryTop .BlogAdd .NewsTxtArea01 .BlogTitle,
	body#UpDataHistoryTop .NewsAdd .NewsTxtArea01 .NewsProvided,
	body#UpDataHistoryTop .NewsAdd .NewsTxtArea01 .InfoDate,
	body#UpDataHistoryTop .CommentNotice .CommentNoticeBox01 .NoticeProvided,
	.Expected_NoticeBox01 .NoticeProvided,
	body#UpDataHistoryTop .MyHorseRaceInfoBox .NoticeProvided,
	body#UpDataHistoryTop .NextRaceHistory .NoticeProvided {
		font-size: 12px;
	}
	body#UpDataHistoryTop .CommentNotice .CommentNoticeBox01 .Txt01,
	body#UpDataHistoryTop .Expected_NoticeBox01 .Txt01,
	body#UpDataHistoryTop .StableCommentLink .Data01,
	body#UpDataHistoryTop .TrainingTimeLink .Data01 {
		margin-bottom: 8px;
	}
}

/*---------------------------------
掲示板・コメント一覧
---------------------------------*/
.Title_SideCount{
	display: flex;
	color: #777;
	font-weight: bold;
	font-size: 77.78%;
	text-align: right;
	align-items: center;
}
.HorseComment ul {
	padding: 0 10px;
}
.HorseComment ul li {
	position: relative;
}
.HorseComment ul li + li {
	margin-top: 22px;
}
.HorseComment ul li img.AvatarThumb {
	float: left;
}
.HorseComment ul li .UserName {
	margin-left: 8px;
	font-size: 72%;
	color: #888888;
	font-weight: bold;
}
.HorseComment ul li .TimeStamp {
	color: #777;
	font-size: 72.22%;
}
.HorseComment ul li .TimeStamp span {
	font-size: 69.23%;
	color: #c53131;
	font-weight: bold;
}
.HorseComment ul li .CommentMain {
	color: #444;
	padding: 16px 13px 15px;
	background: #fff;
	border-radius: 4px;
	margin: 7px 0 0 44px;
}

.HorseComment ul li .CommentMain a {
	display: inline-block;
	font-size: 72.23%;
	margin-bottom:0;
}

.HorseComment ul li .CommentMain p {
	font-size: 88.89%;
	line-height: 1.5;
	word-break: break-all;
}

.HorseComment ul li .CommentMain p.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.HorseComment ul li .CommentMain p.ellipsis.line2 {
	-webkit-line-clamp: 2;
	height: 3em;
}

.HorseComment ul li .CommentMain p.ellipsis.line3 {
	-webkit-line-clamp: 3;
	height: 4.5em;
}

.HorseComment ul li .CommentMain p.ellipsis.line4 {
	-webkit-line-clamp: 4;
	min-height: 6em;
}
/*-- 省略時 改行回避 --*/
.HorseComment ul li .CommentMain p.ellipsis br + br{
	display: none;
}
/* アバター*/
.AvatarThumb{
	display: inline-block;
	border-radius: 50%;
	border-radius: 50%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 36px;
	height: 36px;
	background-color: #ccc;
	vertical-align: middle;
}
.HorseComment ul li .CommentMute {
	padding-right: 0;
	height: auto;
}
.HorseComment ul li .Anchor {
	position: absolute;
	top: -22px;
	left: 0;
}
.HorseComment ul li .UserName span{
	font-weight: normal;
	font-size: 84.6154%;
}
.CommentHeader {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
.CommentMuteSVG {
	width: 1.25em;
	fill: #777;
}
.HorseComment ul li .CommentMain .CommentHead{
	display: flex;
	justify-content: space-between;
	padding-bottom: 10px;
}
.HorseComment ul li .CommentMain .CommentHead .CommentNo {
	font-size: 66.67%;
	color: #888;
}
/*---------------------------------
展開式の説明ブロック
---------------------------------*/
.ExpansionPanel {
	margin: 20px 0;
	padding: 0 10px;
}
.ExpansionPanel > dl {
	padding: 11px 10px 9px;
	color: #666;
	border-radius: 6px;
}
.ExpansionPanel > dl > dt {
	display: flex;
	position: relative;
	padding: 1px 30px 2px 28px;
	font-size: 72.23%;
	line-height: 1;
	cursor: pointer;
	justify-content: flex-end;
}
.ExpansionPanel > dl > dt::before {
	content: "";
	position: relative;
	top: -2px;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.036 15.036'%3E%3Cpath d='M7.518,0a7.518,7.518,0,1,0,7.518,7.518A7.514,7.514,0,0,0,7.518,0Zm0,13.987a6.469,6.469,0,1,1,6.469-6.469A6.476,6.476,0,0,1,7.518,13.987Z' transform='translate(0 0)' fill='%23a7a7a7'/%3E%3Cpath d='M21.641,30.368a.762.762,0,0,0,0,1.524.762.762,0,0,0,0-1.524Z' transform='translate(-14.345 -20.855)' fill='%23a7a7a7'/%3E%3Cpath d='M19.427,11.95c-1.336,0-1.949.792-1.949,1.326a.568.568,0,0,0,.594.564c.534,0,.317-.762,1.326-.762.495,0,.891.218.891.673,0,.534-.554.841-.881,1.118a1.811,1.811,0,0,0-.663,1.5c0,.515.139.663.544.663.485,0,.584-.218.584-.406a1.243,1.243,0,0,1,.554-1.237,2.533,2.533,0,0,0,1.108-1.811C21.534,12.653,20.693,11.95,19.427,11.95Z' transform='translate(-12.002 -8.207)' fill='%23a7a7a7'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin-right: 8px;
}
.ExpansionPanel .Icon_Arrow {
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 1px;
	background: none;
	border-top: 2px solid #999;
	border-right: 2px solid #999;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -5px;
}

.ExpansionPanel .Icon_ArrowT{
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 1px;
	background: none;
	border-top: 2px solid #999;
	border-right: 2px solid #999;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -5px;
}

.ExpansionPanel > dl > dd {
	padding: 10px;
	font-size: 72.23%;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	margin-top: 6px;
}
.ExpansionPanel .ExpansionPanel_Text {
	line-height: 1.4;
}
.ExpansionPanel .ExpansionPanel_Text:not(:first-child),
.ExpansionPanel .ExpansionPanel_List:not(:first-child) {
	margin-top: 10px;
}
.ExpansionPanel .ExpansionPanel_Text small {
	display: inline-block;
	font-size: 84.62%;
	line-height: 1.4;
}
.ExpansionPanel .ExpansionPanel_List {
	list-style: disc;
}
.ExpansionPanel .ExpansionPanel_List > li {
	margin-top: 5px;
	line-height: 1.4;
}
/**/
.HorseBbsPage .Mute_Icon {
	width: 10px;
	height: 10px;
	position: relative;
	margin: 8px 8px 8px 20px;
}
.HorseBbsPage .Mute_Icon .Icon_Mute01 {
	cursor: pointer;
	fill: #777;
	position: absolute;
	top: -2.5px;
	right: 0;
}
.HorseBbsPage .Form_Mute_Area {
	position: relative;
}
.HorseBbsPage .Comment_Form_Mute {
	display: none;
	width: 285px;
	padding: 10px;
	background: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #ccc;
	-webkit-box-shadow: 0 2px 7px 0px rgba(0,0,0,.2);
	-moz-box-shadow: 0 2px 7px 0px rgba(0,0,0,.2);
	box-shadow: 0 2px 7px 0px rgba(0,0,0,.2);
	position: absolute;
	top: -20px;
	right: 14px;
	z-index: 10;
}
.HorseBbsPage .Comment_Form_Mute::before {
	position: absolute;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0px 7px 7px 7px;
	border-color: transparent transparent #ccc transparent;
	line-height: 0px;
	top: -7px;
	right: 5.5px;
	left: unset;
}
.HorseBbsPage .Comment_Form_Mute::after {
	position: absolute;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0px 7px 7px 7px;
	border-color: transparent transparent #fff transparent;
	line-height: 0px;
	top: -6px;
	right: 5.5px;
	left: unset;
}
.HorseBbsPage .Comment_Form_Mute .Form_Mute_Flex {
	display: flex;
	align-items: center;
}
.HorseBbsPage .Comment_Form_Mute .Form_Mute_Flex:not(:last-child) {
	margin-bottom: 10px;
}
.HorseBbsPage .Comment_Form_Mute .Form_Mute_Flex label {
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	width: 100%;
}
.HorseBbsPage .Comment_Form_Mute .Form_Mute_Flex label span {
	color: #666;
}
.HorseBbsPage .Comment_Form_Mute .Form_Mute_Flex label .Mute_Menu_Title {
	font-size: 14px;
}
.HorseBbsPage .Comment_Form_Mute .Form_Mute_Flex label .Mute_Menu_Subtitle {
	font-size: 11px;
}
.HorseBbsPage .Comment_Form_Mute .Form_Mute_Flex input[type=radio] {
	display: none;
}
.HorseBbsPage .Comment_Form_Mute .Form_Mute_Flex label::before {
	position: absolute;
	display: block;
	content: '';
	width: 18px;
	height: 18px;
	left: 0;
	top: 0;
	border: 1px solid #691e1e;
	border-radius: 50%;
}
.HorseBbsPage .Comment_Form_Mute .Form_Mute_Flex label::after {
	position: absolute;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	left: 5px;
	top: 5px;
	background: #691e1e;
	border-radius: 10px;
	opacity: 0;
}
.HorseBbsPage .Comment_Form_Mute .Form_Mute_Flex input[type=radio]:checked + label::after {
	opacity: 1;
}
.HorseBbsPage .Comment_Form_Mute .Form_Mute_Flex input[type=radio]:checked + label span {
	color: #691e1e;
}
.HorseBbsPage .CommentPost {
	margin: 25px 0 20px;
}
.Title_SideCount{
	right: 40px;
}
.Icon_DB.Category_icon08 {
	display: inline-block;
	width: 17px;
	height: 17px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 9.789'%3E%3Cpath d='M241.4,304.589c0-2.552-2.692-4.627-6-4.627s-6,2.076-6,4.627,2.691,4.627,6,4.627a7.621,7.621,0,0,0,1.817-.217l2.216.731a.443.443,0,0,0,.135.021.431.431,0,0,0,.414-.55l-.377-1.316A4.175,4.175,0,0,0,241.4,304.589Zm-1.92,2.854q-.176.143-.37.274l.122.429.336,1.174-1.633-.538-.7-.231a7.023,7.023,0,0,1-.864.169,7.4,7.4,0,0,1-.971.065c-3.075,0-5.569-1.879-5.569-4.2s2.493-4.2,5.569-4.2,5.569,1.879,5.569,4.2A3.7,3.7,0,0,1,239.475,307.444Z' transform='translate(-229.395 -299.962)' fill='%23888'/%3E%3Cpath d='M236.061,309.565a.29.29,0,1,0,0,.579h2.9a.29.29,0,1,0,0-.579Z' transform='translate(-231.513 -303.738)' fill='%23888' fill-rule='evenodd'/%3E%3Cpath d='M234.839,305.891a.29.29,0,1,0,0,.579h4.06a.29.29,0,1,0,0-.579Z' transform='translate(-230.87 -302.293)' fill='%23888' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	justify-content: center;
	align-items: center;
	margin-right: 6px;
	margin-top: -3px;
}

/* コミュニティ健全化 */
.Infomation_Box.CommunityInfo {
	margin:10px 10px 0;
}
.Infomation_Box.CommunityInfo ul {
	border-radius: 4px;
}
.Infomation_Box.CommunityInfo ul li a {
	display:block;
	position: relative;
	font-weight: normal;
	color: #666;
}
body#UpDataHistoryTop .UpHistoryBox01 > a:not(.NoLink)::after{
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 1px;
	background: none;
	position: absolute;
	top: 50%;
	right: 10px;
	border-top: 2px solid #888;
	border-right: 2px solid #888;
	-webkit-transform: translate(0,-50%) rotate(45deg);
	transform: translate(0,-50%) rotate(45deg);
}
body#UpDataHistoryTop .UpHistoryBox01:has(.InValid) a::after{
	display: none;
}

.Infomation_Box.CommunityInfo ul li a .Infomation_Txt {
	padding-left: 20px;
}
.Infomation_Box.CommunityInfo ul li a .Infomation_Txt::after {
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 1px;
	background: none;
	position: absolute;
	top: 50%;
	right: 0;
	border-top: 2px solid #888;
	border-right: 2px solid #888;
	-webkit-transform: translate(0,-50%) rotate(45deg);
	transform: translate(0,-50%) rotate(45deg);
}
.Infomation_Box.CommunityInfo ul li a .Infomation_Txt span {
	font-size: 13px;
	font-weight: normal;
	color: #666;
}
.Infomation_Box.CommunityInfo ul li a svg{
	width: 15px;
	height: 15px;
	fill: #EF6B6B;
}
.HorseComment ul li .CommentMuteToggle {
	position: absolute;
	top: 18px;
	right: 0px;
	z-index: 1;
}
.HorseComment ul li .CommentMuteContent {
	position: relative;
	width: 285px;
	padding: 0 18px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 2px 7px 0 rgba(0,0,0,0.2);
}
@media (max-width: 349px) {
	.HorseComment ul li .CommentMuteContent {
		width: 260px;
	}
}
.HorseComment ul li .CommentMuteContent::before {
	content: "";
	position: absolute;
	top: -6px;
	right: 15px;
	border: 0 solid transparent;
	border-width: 0 7px 7px;
	border-bottom-color: #ccc;
}
.HorseComment ul li .CommentMuteContent::after {
	content: "";
	position: absolute;
	top: -5px;
	right: 15px;
	border: 0 solid transparent;
	border-width: 0 7px 7px;
	border-bottom-color: #fff;
}
.HorseComment ul li .CommentMuteContent > li {
	position: relative;
	background-color: #fff;
	z-index: 2;
}
.HorseComment ul li .CommentMuteContent > li:nth-child(n+2) {
	margin-top: 0;
	border-top: 1px solid #eaeaea;
}
.HorseComment ul li .CommentMuteContent a {
	display: block;
	margin-bottom: 0;
	padding: 22px 0;
	color: #333;
	font-size: 72.22%;
}
.BBS_Info01 {
	padding: 10px;
	font-size: 72.23%;
	line-height: 1.6;
}
.BBS_Info01 a{
	color: #0033AA;
}
.BBS_Info01 a.TargetBlank{
	display: inline-block;
}
.BBS_Info01 a.TargetBlank::after{
	content: "";
	display: inline-block;
	width: 13px;
	height: 13px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.215 13.06'%3E%3Cpath d='M10.859,5.276a.6.6,0,0,0-.6.6v5.988H1.2V2.736H7.155a.6.6,0,0,0,0-1.2H.6a.6.6,0,0,0-.6.6V12.462a.6.6,0,0,0,.6.6H10.859a.6.6,0,0,0,.6-.6V5.875a.6.6,0,0,0-.6-.6' fill='%23888'/%3E%3Cpath d='M12.616,0H8.6a.6.6,0,0,0,0,1.2h2.464L5.447,6.764a.6.6,0,0,0,0,.847.6.6,0,0,0,.846,0l5.727-5.672v2.6a.6.6,0,0,0,1.2,0V.6a.6.6,0,0,0-.6-.6' fill='%23888'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin: 0 4px;
}
@media only screen and (min-width: 834px){
	.Infomation_Box.CommunityInfo,
	#UpDataBBS .Title_Sec,
	#UpDataBBS .ExpansionPanel,
	#UpDataBBS .HorseComment,
	#UpDataBBS .NoData,
	#UpDataBBS .BBS_Info01 {
		max-width: 800px;
		margin: auto;
	}
	#UpDataBBS .Title_Sec {
		margin: 21px auto;
	}
	.Infomation_Box.CommunityInfo {
		margin-top: 20px;
	}
}