/* --------------------------------------------------

	スペシャル出馬表

-------------------------------------------------- */

/* --- 天皇賞（春）の背景 --- */
.haruten #wrapper { background: #5d4467 url(/keiba/g1/_special_s/img/bg_carpet_haruten.jpg); }

/* --- 日本ダービーの背景 --- */
.derby #wrapper { background: #6e0d1e url(/keiba/g1/_special_s/img/bg_carpet_derby.jpg); }

/* --- 天皇賞（秋）の背景 --- */
.akiten #wrapper { background: #5d4467 url(/keiba/g1/_special_s/img/bg_carpet_akiten.jpg); }

/* --- ジャパンカップの背景 --- */
.jc #wrapper { background: #3847c1 url(/keiba/g1/_special_s/img/bg_carpet_jc.jpg); }

/* --- 有馬記念の背景 --- */
.arima #wrapper { background: #355938 url(/keiba/g1/_special_s/img/bg_carpet_arima.jpg); }

/* --- 宝塚記念の背景 --- */
.takara #wrapper { background: #257746 url(/keiba/g1/_special_s/img/bg_carpet_takara.jpg); }

.haruten #g1_header,
.derby #g1_header,
.akiten #g1_header,
.jc #g1_header,
.arima #g1_header,
.takara #g1_header { box-shadow: 0 5px 8px rgba(0,0,0,0.4); border-bottom: 1px solid #111; }

.haruten #footer,
.derby #footer,
.akiten #footer,
.jc #footer,
.arima #footer { box-shadow: 0 -6px 12px rgba(0,0,0,0.3); }


/* - 準備ページ用
-------------------------------------------------- */
#contentsBody {
	max-width: 940px;
	margin: 0 auto;
	box-sizing: border-box;
	width: 940px;
}

#sp_ss { margin-top: 40px; }


/* - コンテンツタイトル
-------------------------------------------------- */
div.contents_name > .inner { display: flex; }
div.contents_name > .inner > .cell { align-items: center; }
/*div.contents_name > .inner > .cell.name img { max-width: 220px; }*/
div.contents_name > .inner > .cell.name img {
	max-width: 278px;
	vertical-align: top;
	filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3));
}


div.contents_name > .inner > .cell.name {
	min-width: 350px;
	min-width: 380px;
	min-height: 80px;
	text-align: center;
	position: relative;
	background: url(/keiba/g1/_special_s/img/bg_data.png);
	border-radius: 10px 10px 0 0;
}

div.contents_name > .inner > .cell.name > h2 {
	display: flex;
	width: 100%;
	min-height: 80px;
	justify-content: center;
	align-items: center;
}

div.contents_name > .inner > .cell.name > .ornament { position: absolute; top: -5px; }
div.contents_name > .inner > .cell.name > .ornament.left { left: -5px; }
div.contents_name > .inner > .cell.name > .ornament.right { right: -5px; }

div.contents_name > .inner > .cell.name > .ornament img {
	max-width: 72px;
	vertical-align: middle;
	filter: drop-shadow(2px 4px 8px rgba(0,0,0,0.5));
}

div.contents_name > .inner > .cell.custom {
	display: flex;
	align-items: center;
	margin-left: 30px;
}
#btn_custom.on { background-color: #555; border-color: #333; color: #ccc; }
#btn_custom.on > i { color: #ccc !important; transition: all 0.2s ease-in-out; }

/* - カスタマイズエリア
-------------------------------------------------- */
#custom_area {
	/*margin-top: 15px;*/
	background-color: #eee;
	background: url(/keiba/g1/_special_s/img/bg.png);
	padding: 20px;
	display: none;
}

#custom_area.on {
	display: block;
	animation: obj_detail_on 0.3s ease-in-out;
	animation-fill-mode: forwards;
	transform-origin: top center;
}

#custom_area > .title {
	position: relative;
	font-size: 1.5rem;
	font-weight: bold;
	padding: 10px;
	background-color: #333;
	background: url(/keiba/g1/_special_s/img/bg_ss_header_right.png);
	color: #d1d3a4;
}

#custom_area > .title > .btn_close {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

#custom_area > .content { background-color: #fff; padding: 20px; }
#custom_area > .content > p { font-size: 1.4rem; }

#custom_area > .content > ul.horse_list { margin-top: 10px; }
#custom_area > .content > ul.horse_list > li { font-size: 0; }
#custom_area > .content > ul.horse_list > li + li { margin-top: 5px; }

#custom_area > .content > ul.horse_list > li > a {
	display: inline-block;
	text-decoration: none;
	padding: 10px;
	border: 1px solid #ddd;
	font-size: 1.6rem;
	display: block;
	border-radius: 4px;
	transition: all 0.3s ease-in-out;
}

.no-touch #custom_area > .content > ul.horse_list > li > a:hover {
	background-color: #f7f7f7;
	border-color: #bbb;
}

#custom_area > .content > ul.horse_list > li > a > .inner { display: table; }

#custom_area > .content > ul.horse_list > li > a > .inner > div {
	display: table-cell;
	vertical-align: middle;
}

/* --- 表示・非表示アイコン --- */
#custom_area > .content > ul.horse_list > li > a > .inner > div.switch { padding-right: 10px; }

#custom_area > .content > ul.horse_list > li > a > .inner > div.switch > div.icon {
	position: relative;
	width: 100px;
	background-color: #0d68c2;
	padding: 2px;
	border-radius: 3px;
	transition: all 0.3s ease-in-out;
}

#custom_area > .content > ul.horse_list > li.off > a > .inner > div.switch > div.icon {
	background-color: #999;
}

#custom_area > .content > ul.horse_list > li > a > .inner > div.switch > div.icon .icon_wrapper {
	display: flex;
	position: relative;
	z-index: 5;
}

#custom_area > .content > ul.horse_list > li > a > .inner > div.switch > div.icon .icon_wrapper > .cell {
	width: 50%;
	text-align: center;
	padding: 4px 0;
	font-size: 1.1rem;
	font-weight: bold;
	color: #fff;
}

#custom_area > .content > ul.horse_list > li > a > .inner > div.switch > div.icon .icon_wrapper > .cell.on {
	color: #fff;
}

#custom_area > .content > ul.horse_list > li > a > .inner > div.switch > div.icon > .bg {
	width: 50px;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	z-index: 4;
	border: 2px solid #0d68c2;
	border-radius: 4px;
	left: 50px;
	transition: all 0.3s ease-in-out;
}

#custom_area > .content > ul.horse_list > li.off > a > .inner > div.switch > div.icon > .bg {
	left: 0;
	border: 2px solid #999;
}

/* --- 馬番 --- */
#custom_area > .content > ul.horse_list > li > a > .inner > div.num {
	text-align: center;
	width: 40px;
	background-color: #eee;
	font-weight: bold;
	font-size: 1.4rem;
	color: #444;
	border-radius: 2px;
}

#custom_area > .content > ul.horse_list > li.off > a > .inner > div.num { color: #999; }

#custom_area > .content > ul.horse_list > li > a > .inner > div.name {
	padding-left: 10px;
	font-weight: bold;
	color: #444;
}

/* --- 馬名 --- */
#custom_area > .content > ul.horse_list > li.off > a > .inner > div.name { color: #999; }

/* --- 保存・閉じるブロック --- */
#custom_area > .content > .bottom { margin-top: 20px; }
#custom_area > .content > .bottom > .inner { display: flex; }
#custom_area > .content > .bottom > .inner > .cell { width: 50%; padding-right: 5px; }
#custom_area > .content > .bottom > .inner > .cell + .cell { padding-left: 5px; padding-right: 0; }
#custom_area > .content > .bottom > .inner > .cell > div > a { padding: 12px; font-size: 1.4rem; }

#custom_area > .content > .bottom > .inner > .cell > .save.off > a {
	opacity: 0.8;
	color: #999;
	background-color: #666;
	border-color: #666;
	box-shadow: none;
	cursor: default;
}

#custom_area > .content > .bottom > .inner > .cell > .save.off > .btn-def.blue > i {
	color: #999 !important;
}


/* - レイアウト
-------------------------------------------------- */
.sp_wrapper { max-width: 1280px; margin: 30px auto 0 auto; }

#sp_main {
	max-width: 1280px;
	width: 1280px;
	margin: 0 auto;
	background-color: #f3f3f3;
	overflow-x: auto;
	overflow-y: hidden;
	width: 100%;
	position: relative;
	box-sizing: border-box;
	animation: main_fade_in 0.3s ease-in-out;
	animation-fill-mode: forwards;
	display: block;
	background: url(/keiba/g1/_special_s/img/bg.png);
}

#sp_main.off { display: none; }

div.ss_main {  }
div.ss_main > .content {
	position: absolute;
	left: 0;
	top: 0;
	
}
div.ss_main > .content > .ss_header { padding: 0 20px; margin-top: 20px; }

div.ss_main > .content > .ss_header img { max-width: 1240px; min-width: 1240px; vertical-align: top; }

div.ss_main > .content > .ss_header > .inner { display: table; width: 1240px; }

div.ss_main > .content > .ss_header > .inner > .cell {
	height: 60px;
	vertical-align: middle;
	display: table-cell;
}

div.ss_main > .content > .ss_header > .inner > .cell img {
	max-width: 1102px;
	min-width: 1102px;
	vertical-align: top;
}

div.ss_main > .content > .ss_header > .inner > .cell.left { width: 1102px; }

div.ss_main > .content > .ss_header > .inner > .cell.right {
	width: 138px ;
	background: url(/keiba/g1/_special_s/img/bg_ss_header_right.png);
	background-size: cover;
	padding: 4px 10px;
	text-align: center;
}

div.ss_main[data-sort-type="time"] > .content > .ss_header > .inner > .cell.right { padding: 8px; }

div.ss_main > .content > .ss_header > .inner > .cell.right p {
	font-weight: bold;
	color: #eaeaea;
	text-shadow: 2px 4px 6px rgba(0,0,0,0.5);
	font-size: 1.2rem;
	line-height: 1.3;
	color: #d1d3a4
}

div.ss_main[data-sort-type="time"] > .content > .ss_header > .inner > .cell.right p { font-size: 1.1rem; }

div.ss_main > .content > .ss_header > .inner > .cell.right .line {
	display: flex;
	margin-top: 4px;
	align-items: center;
}

div.ss_main > .content > .ss_header > .inner > .cell.right .line > .cell {
	flex-grow: 0;
	padding-right: 5px;
	font-size: 1.1rem;
	font-weight: bold;
	line-height: 1.2;
	color: #333;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
}

div.ss_main[data-sort-type="time"] > .content > .ss_header > .inner > .cell.right .line > .cell {
	flex-grow: 1;
	padding-right: 0;
}

div.ss_main[data-sort-type="num"] > .content > .ss_header > .inner > .cell.right .line > .cell { flex-grow: 1; }

div.ss_main[data-sort-type="rate"] > .content > .ss_header > .inner > .cell.right .line > .cell {
	flex-grow: 1;
	padding-right: 0;
}

div.ss_main > .content > .ss_header > .inner > .cell.right .line > .cell + .cell {
	padding-right: 0;
	flex-grow: 1;
}

div.ss_main > .content > .ss_header > .inner > .cell.right .line > .cell a {
	font-size: 1rem;
	text-decoration: none;
	font-weight: bold;
	background-color: #eee;
	color: #444;
	padding: 3px;
	line-height: 1.2;
	border-radius: 3px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.3);
	transition: all 0.2s ease-in-out;
	text-align: center;
	padding: 4px;
	display: block;
}

div.ss_main[data-sort-type="num"] > .content > .ss_header > .inner > .cell.right .line > .cell a {
	color: #fff;
	background-color: #0f75da;
	border: 1px solid #0c63b9;
	text-shadow: 0 1px 4px rgba(0,0,0,0.2);
	text-align: center;
}

div.ss_main[data-sort-type="time"] > .content > .ss_header > .inner > .cell.right .line > .cell a,
div.ss_main[data-sort-type="rate"] > .content > .ss_header > .inner > .cell.right .line > .cell a {
	font-size: 1.2rem;

	color: #fff;
	background-color: #0f75da;
	border: 1px solid #0c63b9;
	text-shadow: 0 1px 4px rgba(0,0,0,0.2);
	text-align: center;
}

div.ss_main[data-sort-type="rate"] > .content > .ss_header > .inner > .cell.right .line > .cell a {
	font-size: 1rem;
}

div.ss_main[data-sort-type="time"] > .content > .ss_header > .inner > .cell.right .line > .cell a i,
div.ss_main[data-sort-type="rate"] > .content > .ss_header > .inner > .cell.right .line > .cell a i {
	margin-left: 0.5em;
}

div.ss_main[data-sort-type="time"] > .content > .ss_header > .inner > .cell.right .line > .cell a .arrow,
div.ss_main[data-sort-type="rate"] > .content > .ss_header > .inner > .cell.right .line > .cell a .arrow {
	margin-left: 0.3em;
}

div.ss_main > .content > .ss_header > .inner > .cell.right .line > .cell a.on {
	background-color: #555;
	box-shadow: 0 1px 4px rgba(0,0,0,0.2) inset;
	color: #ddd;
	text-shadow: none;
}

div.ss_main[data-sort-type="time"] > .content > .ss_header > .inner > .cell.right .line > .cell a.on,
div.ss_main[data-sort-type="num"] > .content > .ss_header > .inner > .cell.right .line > .cell a.on,
div.ss_main[data-sort-type="rate"] > .content > .ss_header > .inner > .cell.right .line > .cell a.on {
	border-color: #555;
}


/* ----- ラインユニット ----- */
.ss_unit { margin-top: 2px; }
.ss_unit.off { display: none; }

.ss_unit > .content { position: relative; }
.ss_unit > .content > .line_unit { width: 1240px; margin: 0 auto; }


/* --- 出走取消 --- */
.ss_unit > .content > .stop {
	position: absolute;
	left: 20px;
	top: 0;
	width: 1240px;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	z-index: 40;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ss_unit > .content > .stop > strong {
	font-size: 5rem;
	line-height: 1.3;
	color: #fff;
	letter-spacing: 0.5em;
	text-shadow: 0 1px 4px rgba(0,0,0,0.5);
}

.ss_unit > .content > .stop > strong span.time {
	display: block;
	font-size: 1.6rem;
	line-height: 1.4;
	letter-spacing: 0;
	color: #fff;
	text-shadow: 0 1px 4px rgba(0,0,0,0.5);
	text-align:center;
}


/* - 枠馬番
-------------------------------------------------- */
.ss_unit > div.content > div.num {
	display: block;
	position: absolute;
	color: #fff;

	box-sizing: border-box;
	text-align: center;

	left: 6px;
	top: 0;

	z-index: 50;

	width: 36px;
	height: 54px;

	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 4px 4px 0;
	font-weight: bold;
	font-size: 1.2rem;
}

.ss_unit > div.content > div.num > span.inner {
	position: relative;
	width: 100%;
	height: 100%;
}

.ss_unit > div.content > div.num > span.inner > span {
	position: absolute;
	top: 32px;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 20px;
	height: 20px;
	color: #fff;
	text-shadow: 0 1px 6px rgba(0,0,0,0.7);
	top: 30px;
}

.ss_unit > div.content > div.num.waku1 > span.inner > span {  }

/* --- 1枠 --- */
.ss_unit > div.content > div.num.waku1 {
	background: url(/keiba/g1/_special_s/img/bg_cap_1_1.png);
	background-size: 100%;
	color: #000;
}

.ss_unit > div.content > div.num.waku1.cap2 {
	background: url(/keiba/g1/_special_s/img/bg_cap_1_2.png);
	background-size: 100%;
}

.ss_unit > div.content > div.num.waku1.cap3 {
	background: url(/keiba/g1/_special_s/img/bg_cap_1_3.png);
	background-size: 100%;
}

/* --- 2枠 --- */
.ss_unit > div.content > div.num.waku2 { background: url(/keiba/g1/_special_s/img/bg_cap_2_1.png); background-size: 100%; }
.ss_unit > div.content > div.num.waku2.cap2 { background: url(/keiba/g1/_special_s/img/bg_cap_2_2.png); background-size: 100%; }
.ss_unit > div.content > div.num.waku2.cap3 { background: url(/keiba/g1/_special_s/img/bg_cap_2_3.png); background-size: 100%; }
/* --- 3枠 --- */
.ss_unit > div.content > div.num.waku3 { background: url(/keiba/g1/_special_s/img/bg_cap_3_1.png); background-size: 100%; }
.ss_unit > div.content > div.num.waku3.cap2 { background: url(/keiba/g1/_special_s/img/bg_cap_3_2.png); background-size: 100%; }
.ss_unit > div.content > div.num.waku3.cap3 { background: url(/keiba/g1/_special_s/img/bg_cap_3_3.png); background-size: 100%; }
/* --- 4枠 --- */
.ss_unit > div.content > div.num.waku4 { background: url(/keiba/g1/_special_s/img/bg_cap_4_1.png); background-size: 100%; }
.ss_unit > div.content > div.num.waku4.cap2 { background: url(/keiba/g1/_special_s/img/bg_cap_4_2.png); background-size: 100%; }
.ss_unit > div.content > div.num.waku4.cap3 { background: url(/keiba/g1/_special_s/img/bg_cap_4_3.png); background-size: 100%; }
/* --- 5枠 --- */
.ss_unit > div.content > div.num.waku5 { background: url(/keiba/g1/_special_s/img/bg_cap_5_1.png); background-size: 100%; }
.ss_unit > div.content > div.num.waku5.cap2 { background: url(/keiba/g1/_special_s/img/bg_cap_5_2.png); background-size: 100%; }
.ss_unit > div.content > div.num.waku5.cap3 { background: url(/keiba/g1/_special_s/img/bg_cap_5_3.png); background-size: 100%; }
/* --- 6枠 --- */
.ss_unit > div.content > div.num.waku6 { background: url(/keiba/g1/_special_s/img/bg_cap_6_1.png); background-size: 100%; }
.ss_unit > div.content > div.num.waku6.cap2 { background: url(/keiba/g1/_special_s/img/bg_cap_6_2.png); background-size: 100%; }
.ss_unit > div.content > div.num.waku6.cap3 { background: url(/keiba/g1/_special_s/img/bg_cap_6_3.png); background-size: 100%; }
/* --- 7枠 --- */
.ss_unit > div.content > div.num.waku7 { background: url(/keiba/g1/_special_s/img/bg_cap_7_1.png); background-size: 100%; }
.ss_unit > div.content > div.num.waku7.cap2 { background: url(/keiba/g1/_special_s/img/bg_cap_7_2.png); background-size: 100%; }
.ss_unit > div.content > div.num.waku7.cap3 { background: url(/keiba/g1/_special_s/img/bg_cap_7_3.png); background-size: 100%; }
/* --- 8枠 --- */
.ss_unit > div.content > div.num.waku8 { background: url(/keiba/g1/_special_s/img/bg_cap_8_1.png); background-size: 100%; }
.ss_unit > div.content > div.num.waku8.cap2 { background: url(/keiba/g1/_special_s/img/bg_cap_8_2.png); background-size: 100%; }
.ss_unit > div.content > div.num.waku8.cap3 { background: url(/keiba/g1/_special_s/img/bg_cap_8_3.png); background-size: 100%; }


/* - 出馬表ユニット
------------------------------------------------------------ */
.ss_unit > div.content > div.line_unit {
	display: table;
	width: 1240px;
	margin: 0 auto;
}

.ss_unit > div.content > div.line_unit > .cell {
	display: table-cell;
	vertical-align: top;
	min-height: 122px;
}

.ss_unit > div.content > div.line_unit > .cell + .cell { border-left: 1px solid #000; }

.ss_unit > div.content > div.line_unit > .cell img { vertical-align: top; }


/* --- 馬名セル --- */
.ss_unit > div.content > div.line_unit > .cell.horse {
	width: 305px;
	background: url(/keiba/g1/_special_s/img/bg_horse.png);
	background-size: 100%;
	position: relative;
}

.ss_unit > div.content > div.line_unit > .cell.horse > .inner { display: flex; }

.ss_unit > div.content > div.line_unit > .cell.horse > .inner > .photo { width: 78px; padding: 10px 0 0 10px; }
.ss_unit > div.content > div.line_unit > .cell.horse > .inner > .photo img {
	max-width: 68px;
	border-radius: 4px;
	vertical-align: top;
}

.ss_unit > div.content > div.line_unit > .cell.horse > .inner > .name { width: 227px; }
.ss_unit > div.content > div.line_unit > .cell.horse > .inner > .name > a { display: block; }
.ss_unit > div.content > div.line_unit > .cell.horse > .inner > .name img { max-width: 227px; vertical-align: top; }

.ss_unit > div.content > div.line_unit > .cell.horse > .training { position: absolute; right: 5px; top: 5px; }
.ss_unit > div.content > div.line_unit > .cell.horse > .training.off { display: none; }
.ss_unit > div.content > div.line_unit > .cell.horse > .training > a {
	display: block;
	text-decoration: none;
	box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}

.ss_unit > div.content > div.line_unit > .cell.horse > .training > a img { max-width: 32px; vertical-align: top; }

.ss_unit > div.content > div.line_unit > .cell.horse > .data { position: absolute; right: 5px; bottom: 5px; }
.ss_unit > div.content > div.line_unit > .cell.horse > .data > .btn + .btn { margin-top: 3px; }
.ss_unit > div.content > div.line_unit > .cell.horse > .data > .btn > a {
	display: block;
	text-decoration: none;
	box-shadow: 0 1px 4px rgba(0,0,0,0.2);
	width: 46px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.2s ease-in-out;
}

.ss_unit > div.content > div.line_unit > .cell.horse > .data > .btn > a img { display: block; }

.ss_unit > div.content > div.line_unit > .cell.horse > .data > .btn.on > a {  }

.ss_unit > div.content > div.line_unit > .cell.horse > .data > .btn > a > span {
	line-height: 1.2;
	font-size: 1rem;
	font-weight: bold;
	color: #555;
	display :block;
}

.ss_unit > div.content > div.line_unit > .cell.horse > .data > .btn.on > a > span { color: #ddd; }
/*.ss_unit > div.content > div.line_unit > .cell.horse > .data > .btn > a > span > span { margin-left: 0.3em; }*/
.ss_unit > div.content > div.line_unit > .cell.horse > .data > .btn > a > span > span.on { display: block; }
.ss_unit > div.content > div.line_unit > .cell.horse > .data > .btn > a > span > span.off { display: none; }
.ss_unit > div.content > div.line_unit > .cell.horse > .data > .btn.on > a > span > span.on { display: none; }
.ss_unit > div.content > div.line_unit > .cell.horse > .data > .btn.on > a > span > span.off { display: block; }

.ss_unit > div.content > div.line_unit > .cell.horse > .data > .btn > a img { vertical-align: top; }

/* --- 騎手セル --- */
.ss_unit > div.content > div.line_unit > .cell.jockey { width: 111px; }

.ss_unit > div.content > div.line_unit > .cell.jockey > a {
	display: block;
	text-decoration: none;
	position: relative;
}

.ss_unit > div.content > div.line_unit > .cell.jockey img { max-width: 111px; }

.ss_unit > div.content > div.line_unit > .cell.jockey > a > .btn {
	font-size: 1rem;
	font-weight: bold;
	position: absolute;
	bottom: 7px;
	left: 50%;
	transform: translateX(-50%);
	box-shadow: 0 1px 4px rgba(0,0,0,0.3);
	transition: all 0.2s ease-in-out;
	text-align: center;
}

.ss_unit > div.content > div.line_unit > .cell.jockey > a > .btn img {
	max-width: 54px;
	vertial-align: top;
}

/*
.ss_unit > div.content > div.line_unit > .cell.jockey.on > a > .btn {
	background-color: #555;
	color: #fff;
	box-shadow: none;
	box-shadow: 0 1px 4px rgba(0,0,0,0.3) inset;
	color: #ddd;
}
*/

/*
.ss_unit > div.content > div.line_unit > .cell.jockey > a > .btn > span { margin-left: 0.3em; }
.ss_unit > div.content > div.line_unit > .cell.jockey > a > .btn > span.on { display: inline; }
.ss_unit > div.content > div.line_unit > .cell.jockey > a > .btn > span.off { display: none; }
.ss_unit > div.content > div.line_unit > .cell.jockey.on > a > .btn > span.on { display: none; }
.ss_unit > div.content > div.line_unit > .cell.jockey.on > a > .btn > span.off { display: inline; }
*/


/* --- 過去走セル --- */
.ss_unit > div.content > div.line_unit > .cell.past { width: 228px; }
.ss_unit > div.content > div.line_unit > .cell.past img { max-width: 168px; }
.ss_unit > div.content > div.line_unit > .cell.past > .inner { display: flex; }
.ss_unit > div.content > div.line_unit > .cell.past > .inner > .race { width: 168px; }
.ss_unit > div.content > div.line_unit > .cell.past > .inner > .race > a { display: block; }

.ss_unit > div.content > div.line_unit > .cell.past.blank { background: url('/keiba/g1/_special_s/img/bg_blank.png'); background-size: cover; }

.ss_unit > div.content > div.line_unit > .cell.past.blank > .inner { display: none; }

.ss_unit > div.content > div.line_unit > .cell.past > .inner > .mov {
	background: url('/keiba/g1/_special_s/img/bg_mov.png');
	background-size: 100%;
	border-left: 1px solid #000;
	width: 59px;
	padding: 5px 0;
}

.ss_unit > div.content > div.line_unit > .cell.past > .inner > .mov .btn { padding: 0 5px; }
.ss_unit > div.content > div.line_unit > .cell.past > .inner > .mov .btn + .btn { margin-top: 5px; }
.ss_unit > div.content > div.line_unit > .cell.past > .inner > .mov .btn + .btn > .content > a {  }
.ss_unit > div.content > div.line_unit > .cell.past > .inner > .mov .btn > .content { width: 48px; height: 34px; }

.ss_unit > div.content > div.line_unit > .cell.past > .inner > .mov .btn.race > .content {
	background: url(/keiba/g1/_special_s/img/btn_mov_race_bg.png);
	background-size: 48px 34px;
}

.ss_unit > div.content > div.line_unit > .cell.past > .inner > .mov .btn.padock > .content {
	background: url(/keiba/g1/_special_s/img/btn_mov_padock_bg.png);
	background-size: 48px 34px;
}

.ss_unit > div.content > div.line_unit > .cell.past > .inner > .mov .btn.training > .content {
	background: url(/keiba/g1/_special_s/img/btn_mov_training_bg.png);
	background-size: 48px 34px;
}

.ss_unit > div.content > div.line_unit > .cell.past > .inner > .mov .btn > .content > a {
	display: block;
	text-align: center;
	box-shadow: 0 1px 6px 2px rgba(0,0,0,0.2);
}

.ss_unit > div.content > div.line_unit > .cell.past > .inner > .mov .btn img { max-width: 48px; vertical-align: top; }


/* --- 持ちタイム・馬番別成績・馬名の由来 セル --- */
.ss_unit > div.content > div.line_unit > .cell.data {
	background: url('/keiba/g1/_special_s/img/bg_data.png');
	background-size: 100%;
	padding: 8px 10px;
	vertical-align: middle;
	padding: 5px 10px;
	padding: 0;
}

/* --- 持ちタイム --- */
.ss_unit > div.content > div.line_unit > .cell.data > .time {
	padding: 10px;
	color: #333;
	text-shadow: 0 1px 1px rgba(255,255,255,0.5);
	font-weight: bold;
	color: #444;
}

.ss_unit > div.content > div.line_unit > .cell.data > .time > p.date { font-size: 1.1rem; /*font-weight: normal;*/ text-align: left; }
.ss_unit > div.content > div.line_unit > .cell.data > .time > p.rc { font-size: 1.1rem; text-align: left; }
.ss_unit > div.content > div.line_unit > .cell.data > .time > p.jockey { font-size: 1.1rem; text-align: left; margin-top: 4px; }

.ss_unit > div.content > div.line_unit > .cell.data > .time > .line {
	display: flex;
	align-items: center;
	align-content: center;
	width: 100%;
}

.ss_unit > div.content > div.line_unit > .cell.data > .time > .line + .line { }

.ss_unit > div.content > div.line_unit > .cell.data > .time > .line > .cell {
	flex-grow: 1;
	font-size: 1.2rem;
	line-height: 1.4;
}

.ss_unit > div.content > div.line_unit > .cell.data > .time > .line > .cell.date { font-size: 1.1rem; }

.ss_unit > div.content > div.line_unit > .cell.data > .time > .line > .cell.rank {
	text-align: right;
	font-size: 1.2rem;
	flex-grow: 0;
}

.ss_unit > div.content > div.line_unit > .cell.data > .time > .line > .cell.time {
	font-size: 2.1rem;
	font-weight: bold;
	flex-grow: 0;
	color: #333;
}

.ss_unit > div.content > div.line_unit > .cell.data > .time > .line > .cell.baba { text-align: right; }
.ss_unit > div.content > div.line_unit > .cell.data > .time > .line > .cell.jockey { font-size: 1.2rem; }
.ss_unit > div.content > div.line_unit > .cell.data > .time > .line > .cell.weight { font-size: 1.2rem; }

.ss_unit > div.content > div.line_unit > .cell.data > .time > p {
	text-align: center;
	font-size: 1.3rem;
	font-weight: bold;
}

/* --- 馬番別成績 --- */
.ss_unit > div.content > div.line_unit > .cell.data > .num {
	padding: 10px;
	text-shadow: 0 1px 1px rgba(255,255,255,0.5);
	font-weight: bold;
	color: #eee;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

.ss_unit > div.content > div.line_unit > .cell.data > .num p.win { font-size: 3rem; text-align: center; }
.ss_unit > div.content > div.line_unit > .cell.data > .num p.win > span { font-size: 1.2rem; margin-left: 0.3em; }

.ss_unit > div.content > div.line_unit > .cell.data > .num p.total { text-align: center; font-size: 1.2rem; }

.ss_unit > div.content > div.line_unit > .cell.data > .num p.rate {
	text-align: center;
	font-size: 1.8rem;
	border-top: 1px dotted #666;
	padding-top: 5px;
	margin-top: 5px;
}

.ss_unit > div.content > div.line_unit > .cell.data > .num p.rate .cap { font-size: 1.1rem; }
.ss_unit > div.content > div.line_unit > .cell.data > .num p.rate .unit { font-size: 1.1rem; margin-left: 0.2em; }


/* --- 馬名の由来 --- */
.ss_unit > div.content > div.line_unit > .cell.data > .name {
	padding: 10px;
	color: #333;
	text-shadow: 0 1px 1px rgba(255,255,255,0.5);
	font-weight: normal;

	font-size: 1.3rem;
	line-height: 1.5;
	color: #444;
	font-weight: bold;

	color: #eee;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

/* --- この馬を応援！ --- */
.ss_main[data-sort-type="post"] .ss_unit > div.content > div.line_unit > .cell.data {  }

.ss_unit > div.content > div.line_unit > .cell.data > .post {
	display: flex;
	height: 100%;
	align-items: center;
}

.ss_unit > div.content > div.line_unit > .cell.data > .post > a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px;
	text-align: center;
}

.ss_unit > div.content > div.line_unit > .cell.data > .post > a .btn {
	display: inline-block;
	text-align: center;
	font-size: 1.3rem;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px;
	cursor: pointer;
	box-sizing: border-box;
	transition: all 140ms ease-in-out;
	box-shadow: 0 1px 4px rgba(0,0,0,0.15);
	line-height: 1.4;
	padding: 6px;
	vertical-align: middle;
	box-sizing: border-box;
	color: #fff;
	background-color: #0f75da;
	border: 1px solid #06407a;
	box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}

.ss_unit > div.content > div.line_unit > .cell.data > .post > a .icon { margin-top: 10px; }

.ss_unit > div.content > div.line_unit > .cell.data > .post > a .icon img { max-width: 28px; }


/* --- レーティング --- */
.ss_main[data-sort-type="rate"] .ss_unit > div.content > div.line_unit > .cell.data {  }

.ss_unit > div.content > div.line_unit > .cell.data > .rate { color: #fff; padding: 5px; }

.ss_unit > div.content > div.line_unit > .cell.data > .rate > .bar {
	background-color: #FDD835;
	border: 1px solid #222;
	border-left: none;
	width: 100%;
	height: 36px;
	position: relative;
	border-radius: 0 5px 5px 0;
	box-shadow: 0 1px 6px rgba(0,0,0,0.5);
}

.ss_unit > div.content > div.line_unit > .cell.data > .rate > .bar > .allowance {
	background-color: #c00;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: auto;
	width: 20px;
	z-index: 1;
	border-radius: 0 4px 4px 0;
}

.ss_unit > div.content > div.line_unit > .cell.data > .rate > .bar > .rate_line {
	display: flex;
	justify-content: flex-end;
	position: relative;
	z-index: 10;
	height: 36px;
	align-items: center;
}

.ss_unit > div.content > div.line_unit > .cell.data > .rate > .bar > .rate_line > .num {
	display: inline-block;
	padding: 4px 5px;
	font-size: 1.1rem;
	font-weight: bold;
	color: #fff;
	border-radius: 3px;
	line-height: 1;
	background-color: #555;
	border: 1px solid #ddd;
	margin-right: 5px;
}

.ss_unit > div.content > div.line_unit > .cell.data > .rate > .line {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
}

.ss_unit > div.content > div.line_unit > .cell.data > .rate .rating {
	font-weight: bold;
	font-size: 2rem;
	text-shadow: 0 1px 4px rgba(0,0,0,0.3);
	text-align: center;
	line-height: 1.2;
}

.ss_unit > div.content > div.line_unit > .cell.data > .rate > .line > .smile {
	font-size: 1.6rem;
	font-weight: bold;
	text-shadow: 0 1px 4px rgba(0,0,0,0.3);
	line-height: 1.2;
	margin-left: 8px;
}

.ss_unit > div.content > div.line_unit > .cell.data > .rate > .opt {
	margin-top: 5px;
	font-size: 1.1rem;
	line-height: 1.2;
	text-align: center;
}


/*
.ss_unit > div.content > div.line_unit > .cell.data .condition { font-size: 1.1rem; }

.ss_unit > div.content > div.line_unit > .cell.data .condition > dl {
	display: flex;
	color: #444;
	line-height: 1.3;
}

.ss_unit > div.content > div.line_unit > .cell.data .condition > dl > dt {
	width: 3.5em;
	font-weight: bold;
	width: 40px;
}

.ss_unit > div.content > div.line_unit > .cell.data .condition > dl > dd { font-weight: bold; letter-spacing: -0.1em; }

.ss_unit > div.content > div.line_unit > .cell.data .dir {
	font-size: 1.1rem;
	margin-top: 2px;
	padding-top: 3px;
	border-top: 1px solid #999;
}

.ss_unit > div.content > div.line_unit > .cell.data .dir > dl {
	display: flex;
	color: #444;
	line-height: 1.3;
}

.ss_unit > div.content > div.line_unit > .cell.data .dir > dl > dt { font-weight: bold; width: 40px; }
.ss_unit > div.content > div.line_unit > .cell.data .dir > dl > dd { font-weight: bold; letter-spacing: -0.1em; }


.ss_unit > div.content > div.line_unit > .cell.data .course {
	font-size: 1.1rem;
	margin-top: 2px;
	padding-top: 3px;
	border-top: 1px solid #999;
}

.ss_unit > div.content > div.line_unit > .cell.data .course > dl {
	display: flex;
	color: #444;
	line-height: 1.3;
}

.ss_unit > div.content > div.line_unit > .cell.data .course > dl > dt { font-weight: bold; width: 40px; }
.ss_unit > div.content > div.line_unit > .cell.data .course > dl > dd { font-weight: bold; letter-spacing: -0.1em; }
*/


/* - 血統・紹介・騎手・調教師 詳細
------------------------------------------------------------ */
.ss_unit > div.content > .detail {
	position: absolute;
	left: 20px;
	top: 0;
	z-index: 60;
	display: none;
}

.ss_unit > div.content > .detail.on { display: block; }

/*.ss_unit > div.content > .detail.brood { left: 325px; }*/
.ss_unit > div.content > .detail.info { left: 325px; }
/*.ss_unit > div.content > .detail.people { left: 437px; }*/

.ss_unit > div.content > .detail > .inner { display: flex; position: relative; }

.ss_unit > div.content > .detail > .inner > .btn.close {
	position: absolute;
	right: -28px;
	top: 50%;
	transform: translateY(-50%);
	display: none;
}

.ss_unit > div.content > .detail.on > .inner > .btn.close {
	display: block;
	animation: btn_fade_in 0.5s ease-in-out;
	animation-fill-mode: forwards;
}

.ss_unit > div.content > .detail > .inner > .btn.close > a {
	display: block;
	padding: 8px;
	background-color: #564e44;
	color: #f7f2e2;
	text-decoration: none;
	border-radius: 0 4px 4px 0;
	box-shadow: 1px 2px 4px rgba(0,0,0,0.3);

	background: url(/keiba/g1/_special_s/img/bg_data2.png);
	border: 1px solid #222;
	border-left: none;
}

.ss_unit > div.content > .detail > .inner > .btn.close > a i { display: block; font-size: 1.6rem; }

.ss_unit > div.content > .detail > .inner > .unit {
	background-color: #564e44;
	color: #fff;
	padding: 6px;
	height: 122px;
	box-shadow: 2px 1px 6px 1px rgba(0,0,0,0.2);
	display: none;
	transform-origin: left center;
	width: 300px;

	background: url(/keiba/g1/_special_s/img/bg_data2.png);
	border: 1px solid #222;
}

.ss_unit > div.content > .detail.on > .inner > .unit {
	display: block;
	animation: obj_detail_on 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
	animation-fill-mode: forwards;
}

.ss_unit > div.content > .detail > .inner > .unit + .unit { border-left: 1px solid #776d63; }

.ss_unit > div.content > .detail > .inner > .unit > .name {
	background-color: #3b352e;
	color: #fff;
	font-size: 1.1rem;
	font-weight: bold;
	padding: 2px 4px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
	position: relative;
	background-color: #222;
}

.ss_unit > div.content > .detail > .inner > .unit > .name > .cap {
	border-right: 1px dotted #555;
	margin-right: 0.5em;
	padding-right: 0.5em;
}

.ss_unit > div.content > .detail > .inner > .unit > .name > .self {
	position: absolute;
	right: 4px;
	top: 50%;
	transform: translateY(-50%);
	font-weight: normal;
	font-size: 1rem;
	line-height: 1.2;
	text-shadow: none;
}

.ss_unit > div.content > .detail > .inner > .unit > .name > .self > strong { color: #e1e2b0; }

.ss_unit > div.content > .detail > .inner > .unit > .main { margin-top: 6px; display: flex; }
.ss_unit > div.content > .detail > .inner > .unit > .main > .cell + .cell { padding-left: 10px; }
.ss_unit > div.content > .detail > .inner > .unit > .main > .cell.photo { width: 120px; }

.ss_unit > div.content > .detail > .inner > .unit > .main > .cell.photo img {
	max-width: 120px;
	max-height: 80px;
	vertical-align: top;
}

.ss_unit > div.content > .detail > .inner > .unit > .main > .cell.data { font-size: 1.2rem; }

.ss_unit > div.content > .detail > .inner > .unit > .main > .cell.data > p { font-size: 1rem; }

.ss_unit > div.content > .detail > .inner > .unit > .main > .cell.data > p.win {
	margin-top: 5px;
	color: #e1e2b0;
	font-size: 1rem;
	font-weight: bold;
}


/* --- 血統詳細 --- */
.ss_unit > div.content > .detail.brood > .inner > .unit > .main > .cell.data ul > li {
	font-size: 1rem;
	line-height: 1.4;
	color: #ddd;
}

.ss_unit > div.content > .detail.brood > .inner > .unit > .main > .cell.data .crop { font-size: 1.2rem; margin-top: 6px; color:#ddd; }

.ss_unit > div.content > .detail.brood > .inner > .unit > .main > .cell.data .crop p.num { font-size: 1.1rem; }
.ss_unit > div.content > .detail.brood > .inner > .unit > .main > .cell.data .crop p.num > span { margin: 0 0.2em; }

.ss_unit > div.content > .detail.brood > .inner > .unit > .main > .cell.data .crop p.win { font-size: 1.1rem; }
.ss_unit > div.content > .detail.brood > .inner > .unit > .main > .cell.data .crop p.win strong { color: #ed9999; color:#fff; margin: 0 0.1em; }

.ss_unit > div.content > .detail.brood > .inner > .unit > .main > .cell.data .crop p.title {
	color: #e1e2b0;
	font-size: 1rem;
	font-weight: bold;
}

/* --- 騎手・調教師詳細 --- */
.ss_unit > div.content > .detail.people > .inner > .unit { width: 230px; }
.ss_unit > div.content > .detail.people > .inner > .unit > .main > .cell.photo { width: 63px; }
.ss_unit > div.content > .detail.people > .inner > .unit > .main > .cell.data p { color: #ddd; }

.ss_unit > div.content > .detail.people > .inner > .unit > .main > .cell.data p.title {
	color: #e1e2b0;
	font-size: 1.1rem;
	font-weight: bold;
}

.ss_unit > div.content > .detail.people > .inner > .unit > .main > .cell.data p.win strong { color: #fff; }


/* --- 出走馬紹介 --- */
.ss_unit > div.content > .detail.info > .inner > .unit { padding: 8px; width: 180px; color: #ddd; color: #eee; }
.ss_unit > div.content > .detail.info > .inner > .unit.off { display: none; }
.ss_unit > div.content > .detail.info > .inner > .unit.info { width: 460px; }
.ss_unit > div.content > .detail.info > .inner > .unit.origin { display: none; }

.ss_unit > div.content > .detail.info > .inner > .unit > .name { padding: 4px 6px; color: #fff; }

.ss_unit > div.content > .detail.info > .inner > .unit > p {
	margin-top: 8px;
	font-size: 1.2rem;
	line-height: 1.5;
}

.ss_unit > div.content > .detail.info > .inner > .unit.info > p { font-size: 1.3rem; line-height: 1.5; }



/* - 血統・紹介・騎手・調教師 詳細（PC）
------------------------------------------------------------ */
#pc_modal {
	background-color: rgba(0,0,0,0.9);
	color: #ddd;
	position: fixed;
	z-index: 1500;
	top: 0;
	left: 0;
	bottom: inherit;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	border-bottom: none;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}

#pc_modal.on {
	/*display: block;*/
	animation: main_fade_in 0.2s ease-in-out;
	animation-fill-mode: forwards;
	display: flex;
	justify-content: center;
	align-items: center;
}

#pc_modal > .horse_unit {
	max-width: 1040px;
	width: auto;
	min-width: 940px;
	/*margin: 0 auto;*/
}

#pc_modal > .horse_unit > .title { position: relative; min-height: 34px; }

#pc_modal > .horse_unit > .title > .inner {
	padding: 5px;
	font-size: 0;
	background-color: #222;
	width: 100%;
	min-height: 34px;
	padding-right: 36px;
}

#pc_modal > .horse_unit > .title > .inner > span { display: inline-block; vertical-align: middle; font-size: 1.3rem; }

#pc_modal > .horse_unit > .title > .inner > .num {
	width: 30px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	margin-right: 8px;
	padding: 2px 0;
	color: #fff;
	border: 1px solid #333;;
}

#pc_modal > .horse_unit > .title > .inner > .num.waku1 { background-color: #fff; color: #222; }
#pc_modal > .horse_unit > .title > .inner > .num.waku2 { background-color: #000; border-color: #666; }
#pc_modal > .horse_unit > .title > .inner > .num.waku3 { background-color: #f44336; }
#pc_modal > .horse_unit > .title > .inner > .num.waku4 { background-color: #1976d2; }
#pc_modal > .horse_unit > .title > .inner > .num.waku5 { background-color: #ffeb3b; color: #222; }
#pc_modal > .horse_unit > .title > .inner > .num.waku6 { background-color: #388e3c; }
#pc_modal > .horse_unit > .title > .inner > .num.waku7 { background-color: #fb8c00; color:#222; }
#pc_modal > .horse_unit > .title > .inner > .num.waku8 { background-color: #f06292; color:#222; }

#pc_modal > .horse_unit > .title > .inner > .name { font-size: 1.6rem; font-weight: bold; }
#pc_modal > .horse_unit > .title > .inner > .name > .type { font-size: 1.3rem; margin-left: 0.2em;}

#pc_modal > .horse_unit > .title > .inner > .close {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}

#pc_modal > .horse_unit > .title > .inner > .close > a {
	display: block;
	color: #ddd;
	text-decoration: none;
	font-size: 1.5rem;
	height: 100%;
	width: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-left: 1px dotted #666;
}

#pc_modal > .horse_unit > .title > .inner > .close > a i { display: block; }


#pc_modal > .horse_unit > .content {  }

#pc_modal > .horse_unit > .content > .pc_nav { padding: 10px; background-color: #564e44; }

#pc_modal > .horse_unit > .content > .detail {
	background-color: #564e44;
	padding: 10px;
	display: none;
	background: url(/keiba/g1/_special_s/img/bg_data2.png);
}

#pc_modal > .horse_unit > .content > .detail.on { display: block; }

#pc_modal > .horse_unit > .content > .detail > .cat {
	color: #fff;
	text-align: center;
	padding: 5px 10px;
	font-size: 1.3rem;
	font-weight: bold;
	color: #eee;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 100%;
}

#pc_modal > .horse_unit > .content > .detail > .cat::before, 
#pc_modal > .horse_unit > .content > .detail > .cat::after {
	content: '';
	flex-grow: 1;
	height: 1px;
	background: #222;
	display: block;
}

#pc_modal > .horse_unit > .content > .detail > .cat::before { margin-right: 1em; }
#pc_modal > .horse_unit > .content > .detail > .cat::after { margin-left: 1em; }

#pc_modal > .horse_unit > .content > .detail.on { display: block; }
#pc_modal > .horse_unit > .content > .detail > .inner { font-size: 0; }

#pc_modal > .horse_unit > .content > .detail > .inner > .btn.close { display: none; }

#pc_modal > .horse_unit > .content > .detail > .inner > .unit {
	font-size: 1.3rem;
	display: inline-block;
	vertical-align: top;
	width: 33.333%;
	/*background-color: #564e44;*/
	color: #fff;
	padding: 10px;
	padding-top: 5px;
}

#pc_modal > .horse_unit > .content > .detail.info > .inner > .unit { width: 100%; display: block; }
#pc_modal > .horse_unit > .content > .detail.people > .inner > .unit { width: 50%; }

#pc_modal > .horse_unit > .content > .detail > .inner > .unit > .name {
	background-color: #3b352e;
	color: #fff;
	font-size: 1.3rem;
	line-height: 1.4;
	font-weight: bold;
	padding: 4px 6px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
	position: relative;
	background-color: #222;
}

#pc_modal > .horse_unit > .content > .detail > .inner > .unit > .name > .cap {
	border-right: 1px dotted #555;
	margin-right: 0.5em;
	padding-right: 0.5em;
}

#pc_modal > .horse_unit > .content > .detail > .inner > .unit > .name > .self {
	position: absolute;
	right: 6px;
	top: 50%;
	transform: translateY(-50%);
	font-weight: normal;
	font-size: 1.1rem;
	line-height: 1.3;
	text-shadow: none;
}

#pc_modal > .horse_unit > .content > .detail > .inner > .unit > .name > .self > strong { color: #e1e2b0; }

#pc_modal > .horse_unit > .content > .detail > .inner > .unit > .main { /*margin-top: 6px;*/ /*display: flex;*/ }
#pc_modal > .horse_unit > .content > .detail > .inner > .unit > .main > .cell + .cell { margin-top: 10px; }

#pc_modal > .horse_unit > .content > .detail > .inner > .unit > .main > .cell.photo img {
	max-width: 100%;
	vertical-align: top;
}

#pc_modal > .horse_unit > .content > .detail > .inner > .unit > .main > .cell.data { font-size: 1.2rem; margin-top: 10px; }

/* --- 血統詳細 --- */
#pc_modal > .horse_unit > .content > .detail.brood > .inner > .unit > .main > .cell.data p.self + p.title {
	margin-top: 10px;
}

#pc_modal > .horse_unit > .content > .detail.brood > .inner > .unit > .main > .cell.data p.title {
	color: #e1e2b0;
    font-size: 1.1rem;
    font-weight: bold;
}


/*
#pc_modal > .horse_unit > .content > .detail.brood > .inner > .unit > .main > .cell.data ul > li {
	font-size: 1.1rem;
	line-height: 1.5;
	color: #ddd;
}

#pc_modal > .horse_unit > .content > .detail.brood > .inner > .unit > .main > .cell.data .crop { font-size: 1.2rem; margin-top: 10px; color:#ddd; }

#pc_modal > .horse_unit > .content > .detail.brood > .inner > .unit > .main > .cell.data .crop p.num { font-size: 1.2rem; }
#pc_modal > .horse_unit > .content > .detail.brood > .inner > .unit > .main > .cell.data .crop p.num > span { margin: 0 0.2em; }

#pc_modal > .horse_unit > .content > .detail.brood > .inner > .unit > .main > .cell.data .crop p.win { font-size: 1.2rem; }
#pc_modal > .horse_unit > .content > .detail.brood > .inner > .unit > .main > .cell.data .crop p.win strong { color: #ed9999; color:#fff; margin: 0 0.1em; }

#pc_modal > .horse_unit > .content > .detail.brood > .inner > .unit > .main > .cell.data .crop p.title {
	color: #e1e2b0;
	font-size: 1.1rem;
	font-weight: bold;
}
*/

/* 2025.03追記　父、母、母の父名からDBへリンクさせる。 */

.name_link #pc_modal > .horse_unit > .content > .detail.people > .inner > .unit > .main > .cell.photo > img {
	min-width: 141px;
}

.name_link #pc_modal > .horse_unit > .content > .detail > .inner > .unit > .name {
	padding: 6px 7px;
}

.name_link #pc_modal > .horse_unit > .content > .detail > .inner > .unit > .name.link {
	padding: 0;
}

.name_link #pc_modal > .horse_unit > .content > .detail > .inner > .unit > .name.link a {
	display: block;
	text-decoration: none;
	color: #fff;
	transition: all 0.3s ease-in-out;
	padding: 6px 7px;
}

.name_link #pc_modal > .horse_unit > .content > .detail > .inner > .unit > .name.link a:hover { 
	/* background-color: #3b3928;
	background-color: #371a01; */
	background-color: #363217;
}

.name_link #pc_modal > .horse_unit > .content > .detail > .inner > .unit > .name.link a > i {
	/* display: block; */
    position: relative;
    top: 1px;

	margin-left: 0.4em;
	color: #faf1ce;
	font-size: 1.4rem;
	/* line-height: 1; */
	/* text-shadow: 1px 1px 2px rgba(0,0,0,0.8); */
}

.name_link #pc_modal > .horse_unit > .content > .detail > .inner > .unit > .name.link > a > .cap {
	border-right: 1px dotted #555;
	margin-right: 0.5em;
	padding-right: 0.5em;
}

.name_link #pc_modal > .horse_unit > .content > .detail > .inner > .unit > .name.link > a > .self {
	position: absolute;
	right: 6px;
	top: 50%;
	transform: translateY(-50%);
	font-weight: normal;
	font-size: 1.1rem;
	line-height: 1.3;
	text-shadow: none;
}

.name_link #pc_modal > .horse_unit > .content > .detail > .inner > .unit > .name.link > a > .self > strong { color: #e1e2b0; }



/* --- 騎手・調教師詳細 --- */
#pc_modal > .horse_unit > .content > .detail.people > .inner > .unit { /*width: 230px;*/ }

#pc_modal > .horse_unit > .content > .detail.people > .inner > .unit > .main { display: flex; margin-top: 10px; }

#pc_modal > .horse_unit > .content > .detail.people > .inner > .unit > .main > .cell + .cell {
	margin-top: 0;
	margin-left: 10px;
}

#pc_modal > .horse_unit > .content > .detail.people > .inner > .unit > .main > .cell.photo {  }
#pc_modal > .horse_unit > .content > .detail.people > .inner > .unit > .main > .cell.photo > img {  }

#pc_modal > .horse_unit > .content > .detail.people > .inner > .unit > .main > .cell.data p {
	color: #ddd;
	font-size: 1.3rem;
}

#pc_modal > .horse_unit > .content > .detail.people > .inner > .unit > .main > .cell.data p.title {
	color: #e1e2b0;
	font-size: 1.2rem;
	font-weight: bold;
}

#pc_modal > .horse_unit > .content > .detail.people > .inner > .unit > .main > .cell.data p.win { font-size: 1.3rem; }

#pc_modal > .horse_unit > .content > .detail.people > .inner > .unit > .main > .cell.data p.win strong { color: #fff; }

#pc_modal > .horse_unit > .content > .detail.people > .inner > .unit > .main > .cell.data p.entry + p.win {
	margin-top: 5px;
}

/* --- 馬名の由来・出走馬紹介 --- */
#pc_modal > .horse_unit > .content > .detail.info > .inner > .unit { padding: 8px; /*width: 180px;*/ color: #ddd; }
#pc_modal > .horse_unit > .content > .detail.info > .inner > .unit.off { display: none; }
#pc_modal > .horse_unit > .content > .detail.info > .inner > .unit > .name { padding: 4px 6px; }
#pc_modal > .horse_unit > .content > .detail.info > .inner > .unit.info { /*width: 300px;*/ }

#pc_modal > .horse_unit > .content > .detail.info > .inner > .unit > .name { color: #fff; }
#pc_modal > .horse_unit > .content > .detail.info > .inner > .unit > p {
	margin-top: 8px;
	font-size: 1.3rem;
	line-height: 1.5;
}


/* - 血統・紹介・騎手・調教師 詳細（スマホ）
------------------------------------------------------------ */
#sp_modal {
	background-color: rgba(0,0,0,0.9);
	color: #ddd;

	position: fixed;
	z-index: 1500;
	top: 0;
	left: 0;
	bottom: inherit;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	border-bottom: none;
	display: none;
}

#sp_modal.on {
	display: block;
	animation: main_fade_in 0.3s ease-in-out;
	animation-fill-mode: forwards;
}

#sp_modal > .horse_unit > .title { position: relative; min-height: 34px; }

#sp_modal > .horse_unit > .title > .inner {
	padding: 5px;
	font-size: 0;
	background-color: #222;

	position: fixed;
	top: 0;
	left: 0;
	z-index: 1501;

	width: 100%;
	min-height: 34px;
	padding-right: 36px;
}

#sp_modal > .horse_unit > .title > .inner > span { display: inline-block; vertical-align: middle; font-size: 1.3rem; }

#sp_modal > .horse_unit > .title > .inner > .num {
	width: 30px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	margin-right: 8px;
	padding: 2px 0;
	color: #fff;
	border: 1px solid #333;;
}

#sp_modal > .horse_unit > .title > .inner > .num.waku1 { background-color: #fff; color: #222; }
#sp_modal > .horse_unit > .title > .inner > .num.waku2 { background-color: #000; border-color: #666; }
#sp_modal > .horse_unit > .title > .inner > .num.waku3 { background-color: #f44336; }
#sp_modal > .horse_unit > .title > .inner > .num.waku4 { background-color: #1976d2; }
#sp_modal > .horse_unit > .title > .inner > .num.waku5 { background-color: #ffeb3b; color: #222; }
#sp_modal > .horse_unit > .title > .inner > .num.waku6 { background-color: #388e3c; }
#sp_modal > .horse_unit > .title > .inner > .num.waku7 { background-color: #fb8c00; color:#222; }
#sp_modal > .horse_unit > .title > .inner > .num.waku8 { background-color: #f06292; color:#222; }

#sp_modal > .horse_unit > .title > .inner > .name { font-size: 1.6rem; font-weight: bold; }

#sp_modal > .horse_unit > .title > .inner > .close {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}

#sp_modal > .horse_unit > .title > .inner > .close > a {
	display: block;
	color: #ddd;
	text-decoration: none;
	font-size: 1.5rem;
	height: 100%;
	width: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-left: 1px dotted #666;
}

#sp_modal > .horse_unit > .title > .inner > .close > a i { display: block; }

#sp_modal > .horse_unit > .bottom { text-align: center; }

#sp_modal > .horse_unit > .bottom > a {
	display: block;
	padding: 0 0 30px 0;
	text-decoration: none;
	color: #ddd;
	font-size: 0;
}

#sp_modal > .horse_unit > .bottom > a > span {
	background-color: #3b352e;
	background-color: #564e44;
	background: url(/keiba/g1/_special_s/img/bg_data2.png);
	display: inline-block;
	padding: 4px 8px;
	border-radius: 0 0 3px 3px;
	font-size: 1.8rem;
}

#sp_modal > .horse_unit > .bottom > a i { display: block; }


#sp_modal > .horse_unit > .content {  }

#sp_modal > .horse_unit > .content > .detail {
	background-color: #564e44;
	background: url(/keiba/g1/_special_s/img/bg_data2.png);
	padding: 10px;
}

#sp_modal > .horse_unit > .content > .detail > .cat {
	color: #fff;
	text-align: center;
	padding: 5px 10px;
	font-size: 1.3rem;
	font-weight: bold;
	color: #eee;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 100%;
}

#sp_modal > .horse_unit > .content > .detail > .cat::before, 
#sp_modal > .horse_unit > .content > .detail > .cat::after {
	content: '';
	flex-grow: 1;
	height: 1px;
	background: #222;
	display: block;
}

#sp_modal > .horse_unit > .content > .detail > .cat::before { margin-right: 1em; }
#sp_modal > .horse_unit > .content > .detail > .cat::after { margin-left: 1em; }

#sp_modal > .horse_unit > .content > .detail.on { display: block; }
#sp_modal > .horse_unit > .content > .detail > .inner { position: relative; }

#sp_modal > .horse_unit > .content > .detail > .inner > .btn.close { display: none; }

#sp_modal > .horse_unit > .content > .detail > .inner > .unit {
	/*background-color: #564e44;*/
	color: #fff;
	padding: 6px;
	display: none;
}

#sp_modal > .horse_unit > .content > .detail.on > .inner > .unit { display: block; }

#sp_modal > .horse_unit > .content > .detail > .inner > .unit + .unit { margin-top: 10px; }

#sp_modal > .horse_unit > .content > .detail > .inner > .unit > .name {
	background-color: #3b352e;
	background-color: #222;
	color: #fff;
	font-size: 1.3rem;
	font-weight: bold;
	padding: 2px 4px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
	position: relative;
}

#sp_modal > .horse_unit > .content > .detail > .inner > .unit > .name > .cap {
	border-right: 1px dotted #555;
	margin-right: 0.5em;
	padding-right: 0.5em;
}

#sp_modal > .horse_unit > .content > .detail > .inner > .unit > .name > .self {
	position: absolute;
	right: 4px;
	top: 50%;
	transform: translateY(-50%);
	font-weight: normal;
	font-size: 1.1rem;
	line-height: 1.3;
	text-shadow: none;
}

#sp_modal > .horse_unit > .content > .detail > .inner > .unit > .name > .self > strong { color: #e1e2b0; }

#sp_modal > .horse_unit > .content > .detail > .inner > .unit > .main { margin-top: 10px; }
#sp_modal > .horse_unit > .content > .detail > .inner > .unit > .main > .cell + .cell {  }
#sp_modal > .horse_unit > .content > .detail > .inner > .unit > .main > .cell.photo { text-align: center; }

#sp_modal > .horse_unit > .content > .detail > .inner > .unit > .main > .cell.photo img {
	max-width: 100%;
	vertical-align: top;
}

#sp_modal > .horse_unit > .content > .detail > .inner > .unit > .main > .cell.data {
	font-size: 1.2rem;
	max-width: 320px;
	margin: 10px auto 0 auto;
}

/* --- 血統詳細 --- */
#sp_modal > .horse_unit > .content > .detail.brood > .inner > .unit > .main > .cell.data p.title {
	color: #e1e2b0;
	font-size: 1.1rem;
	font-weight: bold;
	margin-top: 10px;
}

/* --- 騎手・調教師詳細 --- */
#sp_modal > .horse_unit > .content > .detail.people > .inner > .unit {  }

#sp_modal > .horse_unit > .content > .detail.people > .inner > .unit > .main { display: flex; }
#sp_modal > .horse_unit > .content > .detail.people > .inner > .unit > .main > .cell + .cell { padding-left: 10px; }

#sp_modal > .horse_unit > .content > .detail.people > .inner > .unit > .main > .cell.photo { /*width: 110px;*/ }
#sp_modal > .horse_unit > .content > .detail.people > .inner > .unit > .main > .cell.photo > img { max-width: 100px; }

#sp_modal > .horse_unit > .content > .detail.people > .inner > .unit > .main > .cell.data { max-width: 100%; margin: 0; }

#sp_modal > .horse_unit > .content > .detail.people > .inner > .unit > .main > .cell.data p { color: #ddd; }

#sp_modal > .horse_unit > .content > .detail.people > .inner > .unit > .main > .cell.data p.title {
	color: #e1e2b0;
	font-size: 1.1rem;
	font-weight: bold;
}

#sp_modal > .horse_unit > .content > .detail.people > .inner > .unit > .main > .cell.data p.win { font-size: 1.3rem; }

#sp_modal > .horse_unit > .content > .detail.people > .inner > .unit > .main > .cell.data p.win strong { color: #fff; }


/* --- 馬名の由来・出走馬紹介 --- */
#sp_modal > .horse_unit > .content > .detail.info > .inner > .unit { padding: 8px; color: #ddd; }
#sp_modal > .horse_unit > .content > .detail.info > .inner > .unit.off { display: none; }
#sp_modal > .horse_unit > .content > .detail.info > .inner > .unit > .name { padding: 4px 6px; }
#sp_modal > .horse_unit > .content > .detail.info > .inner > .unit.info {  }

#sp_modal > .horse_unit > .content > .detail.info > .inner > .unit > .name { color: #fff; }
#sp_modal > .horse_unit > .content > .detail.info > .inner > .unit > p {
	margin-top: 8px;
	font-size: 1.3rem;
	line-height: 1.5;
}

/* 2025.03追記　父、母、母の父名からDBへリンクさせる。 */
.name_link #sp_modal > .horse_unit > .content > .detail > .inner > .unit > .name {
	padding: 6px 7px;
}

.name_link #sp_modal > .horse_unit > .content > .detail > .inner > .unit > .name.link {
	padding: 0;
}

.name_link #sp_modal > .horse_unit > .content > .detail > .inner > .unit > .name.link > a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 6px 7px;

	position: relative;
}

.name_link #sp_modal > .horse_unit > .content > .detail > .inner > .unit > .name.link > a i {
	/* display: block; */
    position: relative;
    top: 1px;

	margin-left: 0.4em;
	color: #faf1ce;
	font-size: 1.4rem;
	/* line-height: 1; */
	/* text-shadow: 1px 1px 2px rgba(0,0,0,0.8); */
}

.name_link #sp_modal > .horse_unit > .content > .detail > .inner > .unit > .name.link > a > .cap {
	border-right: 1px dotted #555;
	margin-right: 0.5em;
	padding-right: 0.5em;
}

.name_link #sp_modal > .horse_unit > .content > .detail > .inner > .unit > .name.link > a > .self {
	position: absolute;
	right: 4px;
	top: 50%;
	transform: translateY(-50%);
	font-weight: normal;
	font-size: 1.1rem;
	line-height: 1.3;
	text-shadow: none;
}

.name_link #sp_modal > .horse_unit > .content > .detail > .inner > .unit > .name.link > a > .self > strong { color: #e1e2b0; }


/* 父・当該レース優勝産駒、騎手・年度別優勝馬にmargin-topを追加 */
#pc_modal > .horse_unit > .content > .detail.brood > .inner > .unit > .main > .cell.data p.title:nth-child(n+2),#pc_modal > .horse_unit > .content > .detail.people > .inner > .unit > .main > .cell.data p.title:nth-child(n+2) {
	margin-top: 5px;
}

#sp_modal > .horse_unit > .content > .detail.people > .inner > .unit > .main > .cell.data p.title:nth-child(n+2) {
	margin-top: 10px;
}



/* - 横馬名
-------------------------------------------------- */
.sticky_names {
	position: sticky;
	left: 0;
	margin-top: 20px;
	opacity: 0;
	width: 38px;
	overflow: hidden;
	z-index: 100;
}

.sticky_names.on { opacity: 1; }

.sticky_names > .unit {  }
.sticky_names > .unit.off { display: none; }
.sticky_names > .unit + .unit { /*margin-top: 3px;*/ margin-top: 2px; }

.sticky_names > .unit > .cell {  }

.sticky_names > .unit > .cell.num {
	width: 30px;
	height: 122px;
	overflow: hidden;
	text-align: center;
	box-shadow: 4px 0 8px rgba(0,0,0,0.3);
	display: block;
	/*background-color: rgba(0,0,0,0.9);*/
	background-color: #000;
	color: #333;
}

.sticky_names > .unit > .cell.num > .num {
	font-size: 1.2rem;
	height: 20px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	border: 1px solid #333;
}

.sticky_names > .unit > .cell.num > .num.waku1 { background-color:#fff; color: #333; }
.sticky_names > .unit > .cell.num > .num.waku2 { background-color: #000; color: #fff; border-color: #ccc; }
.sticky_names > .unit > .cell.num > .num.waku3 { background-color: #f44336; color: #fff; }
.sticky_names > .unit > .cell.num > .num.waku4 { background-color: #1976d2; color: #fff; }
.sticky_names > .unit > .cell.num > .num.waku5 { background-color: #ffeb3b; }
.sticky_names > .unit > .cell.num > .num.waku6 { background-color: #388e3c; color: #fff; }
.sticky_names > .unit > .cell.num > .num.waku7 { background-color: #fb8c00; }
.sticky_names > .unit > .cell.num > .num.waku8 { background-color: #f06292; }

.sticky_names > .unit > .cell.num > .name {  }
.sticky_names > .unit > .cell.num > .name img { vertical-align: top; max-width: 30px; }


/* - 拡大・縮小ボタン
------------------------------------------------------------ */
#zoom_control { display: none; }
#zoom_control.on { display: block; }

#zoom_control .zoom_btns { text-align: center; padding: 10px 0; }

#zoom_control .zoom_btns.is-fixed {
	position: fixed;
	bottom: 20px;
	z-index: 75;
	left: 50%;
	transform: translateX(-50%);
}

#zoom_control .zoom_btns > .inner { display: inline-block; font-size: 0; }

#zoom_control .zoom_btns > .inner > .btn {
	width: 40px;
	height: 40px;
	display: inline-block;
	font-size: 0;
	vertical-align: middle;
}

#zoom_control .zoom_btns > .inner > .level {
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	background-color: rgba(0,0,0,0.7);
	padding: 5px 10px;
	border-radius: 4px;
	color: #fff;
	vertical-align: middle;
	box-shadow: 0 1px 4px 2px rgba(0,0,0,0.1);
}

#zoom_control .zoom_btns > .inner > .level > .unit { font-size: 1rem; margin-left: 0.1em; }
#zoom_control .zoom_btns > .inner > .btn.minus { margin-right: 5px; }
#zoom_control .zoom_btns > .inner > .btn.plus { margin-left: 5px; }

#zoom_control .zoom_btns > .inner > .btn > a {
	display: block;
	text-decoration: none;
	font-size: 1.8rem;
	background-color: rgba(0,0,0,0.7);
	color: #fff;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	border: 1px solid #333;
}

#zoom_control .zoom_btns.is-fixed > .inner > .btn > a { box-shadow: 0 1px 4px 2px rgba(0,0,0,0.2); }


/* - アニメーション
------------------------------------------------------------ */
@keyframes obj_detail_on {
    from{ opacity: 0; transform: scale(0.9); }
    to{ opacity: 1; transform: scale(1); }
}

@keyframes btn_fade_in {
    from{ opacity: 0; transform: translate(-4px, -50%); }
    to{ opacity: 1; transform: translateX(0, -50%); }
}

@keyframes main_fade_in {
    from{ opacity: 0; }
    to{ opacity: 1; }
}


/* - 注意書き
------------------------------------------------------------ */
.note_block { max-width: 1280px; margin: 20px auto 0 auto; color: #eee; }
.note_block a { color: #e6e58a; }
.note_block p.sign { text-align: right; }
#caution_block { max-width: 1280px; background-color: #fff; border-color: #999; }


/* ------------------------------------------------------------
	1279px以下
------------------------------------------------------------ */
@media screen and ( max-width : 1279px ) {
	
	.sp_wrapper {
		max-width: 100%;
		width: 100%;
		margin: 0;
		margin-top: 30px;
		padding: 0 10px;
	}
	
	div.ss_main > .content > .ss_header > .inner > .cell img { max-width: 100%; min-width: auto; }

	div.ss_main > .content > .ss_header > .inner > .cell img { max-width: 1102px; }
	
	/*div.ss_main > .content > .ss_header { padding: 0; margin-top: 20px; }*/

	#sp_main { max-width: 100%; width: auto; }

}

/* ------------------------------------------------------------
	1059px以下
------------------------------------------------------------ */
@media screen and ( max-width : 1059px ) {
	#pc_modal > .horse_unit {
		max-width: 100%;
		padding: 0 10px;
		min-width: 940px;
	}
}


/* ------------------------------------------------------------
	979px以下
------------------------------------------------------------ */
@media screen and ( max-width : 979px ) {
	#caution_block {
		max-width: 100%;
		margin: 30px 0 0 0;
	}
}


/* ------------------------------------------------------------
	959px以下
------------------------------------------------------------ */
@media screen and ( max-width : 959px ) {
	#contentsBody { width: 100%; max-width: 100%; }
	
	#pc_modal > .horse_unit { min-width: auto; width: 100%; }

	#pc_modal > .horse_unit > .content > .detail > .inner > .unit { width: 50%; }

	#pc_modal,
	#pc_modal.on { align-items: flex-start; padding: 10px; }

	#pc_modal > .horse_unit > .content > .detail > .inner > .unit { padding: 16px; }
	#pc_modal > .horse_unit > .content > .detail > .inner > .unit > .main { margin-top: 10px; }
}

/* ------------------------------------------------------------
	767px以下
------------------------------------------------------------ */
@media screen and ( max-width : 767px ) {
	
	#pc_modal > .horse_unit > .content > .detail > .inner > .unit { padding: 10px; }
	#pc_modal > .horse_unit > .content > .detail > .inner > .unit > .main { margin-top: 0; }
	#pc_modal > .horse_unit > .content > .detail.people > .inner > .unit { width: 100%; display: block; }

}

/* ------------------------------------------------------------
	639px以下
------------------------------------------------------------ */
@media screen and ( max-width : 639px ) {
	
	div.contents_name > .inner { display: block; }
	div.contents_name > .inner > .cell { display: block; }
	div.contents_name > .inner > .cell.custom {
		padding: 10px 5px;
		margin: 0;
		border-top: 1px dashed #000;
		display: flex;
		justify-content: center;

		background: url(/keiba/g1/_special_s/img/bg_data.png);
	}

	div.contents_name > .inner > .cell.custom .btn-def.blue {
		box-shadow: 0 2px 6px rgba(0,0,0,0.3);
	}

	div.contents_name > .inner > .cell.name {
		min-width: 0;
		min-height: 0;
	}

	div.contents_name > .inner > .cell.name h2 { min-height: 64px; }

	#custom_area > .title { text-align: center; }
	#custom_area > .content { padding: 10px; }

	#pc_modal > .horse_unit { width: auto; }
	#pc_modal > .horse_unit > .content > .detail > .inner > .unit { width: 100%; max-width: 340px; display: block; }
	
}

/* ------------------------------------------------------------
	479px以下
------------------------------------------------------------ */
@media screen and ( max-width : 479px ) {
	
	/*
	div.contents_name > .inner { display: block; }
	div.contents_name > .inner > .cell { display: block; }
	div.contents_name > .inner > .cell.custom {
		padding: 10px 5px;
		margin: 0;
		border-top: 1px dashed #000;
		display: flex;
		justify-content: center;

		background: url(/keiba/g1/_special_s/img/bg_data.png);
	}

	div.contents_name > .inner > .cell.name {
		min-width: 0;
		min-height: 0;
	}

	div.contents_name > .inner > .cell.name h2 { min-height: 64px; }
	*/


	/*#sp_main { margin-top: 10px; }*/

	#custom_area { /*padding: 0 10px 10px 10px;*/ padding: 10px; }

	#btn_all_on { margin-top: 10px; padding: 6px 10px; display: block; font-size: 1.2rem; }

	#custom_area > .content > ul.horse_list > li > a > .inner > div.switch > div.icon { width: 40px; }

	#custom_area > .content > ul.horse_list > li > a > .inner > div.switch > div.icon .icon_wrapper { display: block; }

	#custom_area > .content > ul.horse_list > li > a > .inner > div.switch > div.icon .icon_wrapper > .cell {
		width: auto;
		padding: 2px 0;
		font-size: 1rem;
	}

	#custom_area > .content > ul.horse_list > li > a > .inner > div.switch > div.icon .icon_wrapper > .cell.on { display: block; }
	#custom_area > .content > ul.horse_list > li.off > a > .inner > div.switch > div.icon .icon_wrapper > .cell.on { display: none; }

	#custom_area > .content > ul.horse_list > li > a > .inner > div.switch > div.icon .icon_wrapper > .cell.off { display: none; }
	#custom_area > .content > ul.horse_list > li.off > a > .inner > div.switch > div.icon .icon_wrapper > .cell.off { display: block; }
	
	#custom_area > .content > ul.horse_list > li > a > .inner > div.switch > div.icon > .bg { display: none; }
	
	#custom_area > .content > ul.horse_list > li > a > .inner > div.num { font-size: 1.2rem; width: 30px; }
	#custom_area > .content > ul.horse_list > li > a > .inner > div.name { font-size: 1.4rem; }

	#custom_area > .content > .bottom > .inner { display: block; }
	#custom_area > .content > .bottom > .inner > .cell { width: auto; padding-right: 0; }
	#custom_area > .content > .bottom > .inner > .cell + .cell {
		padding-left: 0;
		padding-right: 0;
		margin-top: 10px;
	}

	#custom_area > .content > .bottom > .inner > .cell > div > a { padding: 10px; font-size: 1.4rem; }
	
}

/* ------------------------------------------------------------
	379px以下
------------------------------------------------------------ */
@media screen and ( max-width : 379px ) {
	#pc_modal > .horse_unit > .content > .detail > .inner > .unit { max-width: 100%; }
}

/* ------------------------------------------------------------
	359px以下
------------------------------------------------------------ */
@media screen and ( max-width : 359px ) {
	
	div.contents_name > .inner { display: block; }
	div.contents_name > .inner > .cell { display: block; }
	div.contents_name > .inner > .cell.custom { padding-left: 0; margin-top: 10px; }
	div.contents_name > .inner > .cell.custom .btn-def { padding: 6px 10px; font-size: 1.3rem; top: 0; }

	div.contents_name > .inner > .cell.name img { max-width: 240px; }
	
	#custom_area > .content > ul.horse_list > li > a { padding: 5px; }
	#custom_area > .content > ul.horse_list > li > a > .inner > div.num { font-size: 1.1rem; width: 26px; }
	#custom_area > .content > ul.horse_list > li > a > .inner > div.name { font-size: 1.2rem; }

	#custom_area > .content > ul.horse_list > li > a > .inner > div.switch > div.icon { width: 32px; }
	#custom_area > .content > ul.horse_list > li > a > .inner > div.switch > div.icon .icon_wrapper > .cell { font-size: 1rem; }

	#sp_modal > .horse_unit > .content > .detail > .inner > .unit > .main > .cell.data { max-width: 100%; }
	
	#pc_modal > .horse_unit > .content > .detail > .inner > .unit > .name { font-size: 1.2rem; }
	#pc_modal > .horse_unit > .content > .detail > .inner > .unit > .name > .self { font-size: 1rem; }

}