@charset "utf-8";


/*-------------------------------------
ページ見出し
---------------------------------------*/
div.midasi {
	padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
	color: #494949;/*文字色*/
	background: #222 none repeat scroll 0 0;
	background: -moz-linear-gradient(#222, #111);
	background: -webkit-linear-gradient(#222, #111);
	background: -ms-linear-gradient(#222, #111);
	background: #16a085;
	border-top: 3px double #fff;
	border-bottom: 3px double #fff;
	margin: 0 0 5px;
	font-weight: 600;
}

div.midasi p {
	padding-left: 5px;
	color: #fff;
	border-left: solid 5px #fff;
}

div.midasi h2,
div.midasi h3 {
	padding-left: 5px;
	color: #fff;
	border-left: solid 5px #fff;
	font-size: 100%;
	line-height: 1.5;
}

/*-------------------------------------
サブ見出し
---------------------------------------*/
div.midasi_sub {	
	border-top: solid 2px #1f4e3a;/*上線*/
	border-bottom: solid 2px #1f4e3a;/*下線*/	
	margin: 0 0 5px;
}

div.midasi_sub p {	
	font-weight: 600;
	color: #1f4e3a;/*文字色*/
	padding: 0.5em 0.5em;/*上下の余白*/
	text-align: left;
}

div.midasi_sub.yellow {	
	border-top: solid 2px #FFC107;/*上線*/
	border: solid 2px #FFC107;/*下線*/
	background: #fff;
}

div.midasi_sub.yellow p {	
	color: #c00;/*文字色*/
}

div.midasi_sub span {	
	font-weight: 600;
	padding: 0.2em;/*上下の余白*/
	text-align: left;
	background: #c00;
	background: #364e96;
	color: #FFC107;
	color: #fff;
	border: solid 1px #364e96;
}

/*-------------------------------------
サブ見出し
---------------------------------------*/
div.midasi_slim {	
	color: #494949;/*文字色*/
	background: #fcfcfc;/*背景色*/
	border: solid 1px #364e96;/*下線*/
	border-left: solid 5px #364e96;/*左線*/
}

div.midasi_slim p {	
	font-weight: 600;
	color: #364e96;/*文字色*/
	padding: 0.2em;/*上下の余白*/
	text-align: left;
	font-size: 0.9em;
}

/*-------------------------------------
サブ見出し黒
---------------------------------------*/
div.midasi_black {	
	padding: 0.2em 0.5em;/*文字の上下 左右の余白*/
	color: #fff;/*文字色*/
	background: #111;/*背景色*/
	background: -moz-linear-gradient(#111, #333);
	background: -webkit-linear-gradient(#111, #333);
	background: -ms-linear-gradient(#111, #333);
	border: 3px double #fff;
	margin: 0 0 5px;
	font-weight: 600;
}


/*-------------------------------------
メニュ一覧の上に置く見出し
---------------------------------------*/
div.midasi_menu {
	background: #fff none repeat scroll 0 0;
	background: -moz-linear-gradient(#fff, #fcfcfc);
	background: -webkit-linear-gradient(#fff, #fcfcfc);
	background: -ms-linear-gradient(#fff, #fcfcfc);
	border: 1px solid #e6e6e6;
	border-bottom: 1px solid #1f4e3a;
	border-left: 5px solid #1f4e3a;
	margin: 0 0 5px;
	overflow: hidden;
}

div.midasi_menu p {
	padding: 6px;
	font-weight: 600;
	vertical-align: middle;
}

/*-------------------------------------
ボックス見出し
---------------------------------------*/
div.box_midasi {	
	padding: 0.3em 0.5em;/*文字の上下 左右の余白*/
	color: #1f4e3a;/*文字色*/
	background: #fcfcfc;/*背景色*/
	border-top: solid 2px #1f4e3a;/*下線*/
	border-left: solid 1px #1f4e3a;/*左線*/
	border-right: solid 1px #1f4e3a;/*右線*/
	border-bottom: solid 1px #1f4e3a;/*下線*/
	margin: 0 0 0px;
	font-weight: 600;
}


/*-------------------------------------
ページ見出し2列
---------------------------------------*/
div.midasi_2retu {
	display: table;
	width: 100%;
	background: #FFC107;
}

div.midasi_2retu p {
	display: table-cell;
}

div.midasi_2retu p.first {
	background: #c00;
	padding-left: 5px;
	color: #FFC107;
	border-left: solid 2px #FFC100;
}

div.midasi_2retu p.second {
	background: #FFC107;
	padding-left: 5px;
	color: #c00;
}


/*-------------------------------------
プライバシーポリシーなどで使用
---------------------------------------*/
div.supportbox {
	margin: 0 0 0.5em;
	background: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.22);
}

div.supportbox .box-title {
	font-size: 1.0em;
	background: #1f4e3a;
	padding: 4px 8px;
	text-align: left;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.05em;
}

div.supportbox .box-title.syabetu {
	background: #014099;
}

div.supportbox .box-honbun {
	padding: 10px 10px;
	margin: 0;
}

div.supportbox p.footer {
	padding: 0.1em 5px; /* 段落のマージン（上下、左右） */
	background-color: #f6f6f6; /* ボックスの背景色 */
	text-align: left;
	border-top: 1px #dadada solid;
}

div.supportbox p.footer_right {
	padding: 0.1em 5px; /* 段落のマージン（上下、左右） */
	background-color: #f6f6f6; /* ボックスの背景色 */
	text-align: right;
	border-top: 1px #dadada solid;
}

div.supportbox .box-honbun span.logo {
	margin: 5px;
	width: 50px;
	float: left;
	border: 1px solid #ddd;
}













/*---------------------
 お知らせ
---------------------*/
.news_list {
}

.news_list.none {
	display: none;
}

.news_list li a {
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 10px;
	border-bottom: 1px solid #ddd;
	vertical-align: top;
	word-wrap: break-word;
	word-break: break-all;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.news_list li .photo {
	display: table-cell;
	width: 60px;
	height: 60px;
	padding-right: 10px;
	vertical-align: top;
	text-align: center;
}

.news_list li div.date {
	display: table-cell;
	width: 60px;
	height: 60px;
	padding-right: 10px;
	vertical-align: top;
	text-align: center;
}

.news_list li div.date p.day {
	background: #f1f1f1 none repeat scroll 0 0;
	font-weight: 600;
	font-size: 1.5em;
}

.news_list li div.date p.month {
	background: #f1f1f1 none repeat scroll 0 0;
	font-weight: 600;
	font-size: 1.0em;
}

.news_list li .text {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	font-weight: 700;
	line-height: 1.4;
	height: 60px;
}


/* タイトル */
.news p.title {
	font-weight: 600;
	font-size: 1.0em;
}

/* 本文 */
.news div.honbun,
.news p.honbun {
	display: block;
	font-size: 0.9em;
}

/* 本文 */
.news div.honbun.hidden,
.news p.honbun.hidden {
	height: 3em;
	overflow: hidden;
}

/* 本文 */
.news div.honbun.hidden:after,
.news p.honbun.hidden:after {
	content: '';
}

/* 掲載日時 */
.news p.date {
	font-size: 0.9em;
	text-align: left;
	padding-right: 5px;
}

/* アイコン */
p.icon span.icon {
	border-radius: 2px;
	font-size: 0.8em;
	text-decoration: none;
	margin: 0 2px;
	padding: 4px;
	background-color: #555;
	color: #fff;
}

/* アイコン（NEWマーク） */
p.icon span.icon.new {
	background-color: #c0232b;
	color: #fff;
	font-size: 0.7em;
}

/* アイコン（種牡馬） */
p.icon span.icon.syuboba {
	background-color: #1976D2;
	color: #fff;
}

/* アイコン（産駒） */
p.icon span.icon.sanku {
	background-color: #d71a1a;
	color: #fff;
}

/* アイコン（セール） */
p.icon span.icon.sale {
	background-color: #1f4e3a;
	color: #fff;
}

/* アイコン（その他） */
p.icon span.icon.sonota {
	background-color: #555;
	color: #fff;
}

/*---------------------
 ニュースの詳細ページ
---------------------*/
/* 記事 */
div.newsbox {
	width: 99%;
	background-color: #fff;
	margin: 0 auto 8px;
	overflow: hidden;
	border: 1px solid #fafafa;
}

/* 記事 */
div.news_detail,
div.news {
	margin-bottom: 5px;
	padding: 1px;
}

/* 本文 */
div.news:after {
	content: '（続きを読む）';
}

/* 記事 */
div.news_detail h2,
div.news h2 {
	display: block;
	margin: 5px 0;
	font-size: 1.1em;
	font-weight: 600;
	color: #333;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

/* 記事 */
div.newshonbun {
	background-color: #fff;
	margin-bottom: 5px;
	padding: 5px 10px;
}

/* 写真 */
div.newshonbun .photo_news {
	max-width: 450px;
	margin: 0 auto 16px;
	text-align: center;
}

div.newshonbun .photo_news img {
	max-width: 100%;
	max-height: 300px;
	padding: 1px;
	border: 1px solid #ddd;
}

/* 写真のcaption */
div.newshonbun .photo_news p.caption {
	color: #666;
}

/* 本文 */
div.newshonbun .honbun {
	font-size: 1.0em;
	text-align: left;
	width: 100%;
}

/* スマホ用 */
@media only screen and (max-width: 600px) {

	/* 写真 */
	div.newshonbun .race_news {
		width: 100%;
		float :left;
		text-align: center;
		padding: 0 0 1em;
	}

}

/* タブレット・パソコン用 */
@media only screen and (min-width: 601px) {

	/* 写真 */
	div.newshonbun .race_news {
		max-width: 50%;
		float :left;
		text-align: center;
		padding: 0 1em 1em;
	}
	
}

div.newshonbun .race_news img {
	max-width: 100%;
	max-height: 300px;
	padding: 1px;
	border: 1px solid #ddd;
}

div.newshonbun .honbun {
	width: auto;
	vertical-align: top;
} 

p.sankudata {
	font-size: 1.1em;
	border: 1px solid #aaa;
}


/*---------------------
 お知らせ
---------------------*/
.kachiuma_list {
}

.kachiuma_list.none {
	display: none;
}

.kachiuma_list li {
	width: 99%;
	background: none repeat scroll 0 0 #fffff0;
	border: 1px #00543D solid;
	border-right: 1px #00543D solid;
	border-bottom: 1px #00543D solid;
}

.kachiuma_list li a {
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 1px;
	border-bottom: 1px solid #ddd;
	vertical-align: top;
	word-wrap: break-word;
	word-break: break-all;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* スマホ用 */
@media only screen and (max-width: 400px) {

	.kachiuma_list li .photo {
		display: table-cell;
		width: 80px;
		padding-right: 7px;
		vertical-align: top;
		text-align: left;
	}

}

/* タブレット・パソコン用 */
@media only screen and (min-width: 401px) {

	.kachiuma_list li .photo {
		display: table-cell;
		width: 120px;
		padding-right: 5px;
		vertical-align: top;
		text-align: left;
	}
	
}

.kachiuma_list li .photo img {
	padding: 1px;
	border: 1px solid #ccc;
}

.kachiuma_list li .text {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	font-weight: 700;
	line-height: 1.4;
	height: 60px;
}


/* 本文 */
.kachiuma p.honbun {
	display: none;
}

/* 掲載日時 */
.kachiuma p.date {
	font-size: 0.9em;
	text-align: left;
	padding-right: 5px;
}

/* 馬名 */
.kachiuma p.kbamei {
	text-align: left;
	font-weight: bold;
}

/* その他馬名 */
.kachiuma p.tkbamei,
.kachiuma p.hkbamei,
.kachiuma p.htkbamei {
	font-size: 0.9em;
	text-align: left;
}


/*---------------------
 基本テーブル
---------------------*/
/* --- 表全体 --- */
table.default {
	border-collapse: separate;
	border-spacing: 1px;
	background-color: #ccc;
	border: none;
}

/* --- 見出しセル --- */
table.default th {
	background-color: #faf8eb;
	background-color: #EDECCD;
	text-align: center;
	white-space: nowrap;
}

/* --- 表ボディ --- */
table.default tbody {
	background-color: #fff;
}

/* --- マウスオーバー時 --- */
table.default tbody tr:hover {
	/* background-color: #fffacd; */
}

/* --- セル --- */
table.default th,
table.default td {
	padding: 0px 3px;
	text-align: center;
}

table.default td.center {
	text-align: center;
}

table.default td.left {
	text-align: left;
}

table.default td.right {
	text-align: right;
}

/* --- セル --- */
table.default td.name {
	background-color: #e5e5e5;
	width: 6em;
}

table.default td.waku {
	font-weight: bold;
}

table.default td.waku p.waku1 {
	border: 1px solid #ccc;
	background: #fff;
	color: #000;
}

table.default td.waku p.waku2 {
	background: #000;
	color: #fff;
}

table.default td.waku p.waku3 {
	background: #d50000;
	color: #fff;
}

table.default td.waku p.waku4 {
	background: #3f51b5;
	color: #fff;
}

table.default td.waku p.waku5 {
	background: #ffee58;
	color: #000;
}

table.default td.waku p.waku6 {
	background: #388e3c;
	color: #fff;
}

table.default td.waku p.waku7 {
	background: #f9a825;
	color: #000;
}

table.default td.waku p.waku8 {
	background: #f9c;
	color: #000;
}

/* --- 行の背景色を交互に変更 --- */
table.default tr:nth-child(even) {
	background: #fafafa;
}

table.default tr:hover {
	/* background: #ff0; */
}

/* --- 取消・競走除外 --- */
table.default tbody tr.torikesi {
	background-color: #e5e5e5;
}


/*-------------------------------------
血統表 用
---------------------------------------*/
table.kettouhyo {
	table-layout: fixed; 
	width: 100%;
	white-space: nowrap;
}

table.kettouhyo td {
	width: 140px;
	padding: 1px 4px;
	text-align: left;
	background: #E1DDF7;
	background: #fff;
	line-height: 1.1;
	font-size: 0.9em;
	white-space: normal;
}

table.kettouhyo td.data1st {
	background: #ffe0e05c;
	background: #ffe0e0;
}

table.kettouhyo.yondai {
	border-spacing: 0px;
}

table.kettouhyo.yondai td {
	border: 1px solid #eee;
}

table.kettouhyo.yondai td:last-child {
	display: none;
}

table.kettouhyo td.pickup_gold {
	border: solid 2px #c01;
	background-color: #ffd700;
	color: #c01;
	font-weight: 600;
}

table.kettouhyo td.pickup_red_yellow {
	border: solid 2px #c01;
	background-color: #ecaeba24;
	color: #c01;
	font-weight: 600;
}

table.kettouhyo td.pickup_yellow {
	border: solid 1px #FFC107;
	background-color: #ffffe0;
	color: #c01;
	font-weight: 600;
}

table.kettouhyo td.pickup_red {
	color: #c01;
	font-weight: 600;
}

table.kettouhyo caption {
	font-weight: 600;
	font-size: 1.1em;
}

table.kettouhyo caption.green {
	background-color: #035b03;
	color: #fff;
	border: 1px solid #063c06;
}

table.kettouhyo caption.blue {
	background-color: #014099;
	color: #fff;
	border: 1px solid #0e0d4a;
}

/*---------------------
 種牡馬一覧
---------------------*/
.stallions {
	display: flex;
	flex-wrap: wrap;
}

/* スマホ用 */
@media only screen and (max-width: 400px){

	.stallions li {
		width: 47%;
		margin: 0.2em;
	}
	
}

/* スマホ用 */
@media only screen and (min-width: 401px) and (max-width: 767px), print {

	.stallions li {
		max-width: 178px;
		margin: 0.2em;
	}
	
}
/* タブレット・パソコン用 */
@media only screen and (min-width: 768px) and (max-width: 960px), print {

	.stallions li {
		max-width: 178px;
		margin: 0.2em;
	}
	
}
/* タブレット・パソコン用 */
@media only screen and (min-width: 961px), print {

	.stallions li {
		max-width: 178px;
		margin: 0.2em;
	}

}

.stallions_box {
	display: block;
	color: #333;
	background: #fff;
	background: #1f4e3a;
	text-align: center;
	padding: 1px 0;
	border-radius: 3px;
	box-shadow: 0 2px 2px rgba(146, 151, 165, .5);
}

.stallions_box .photo {
	width: 98%;
	padding: 1% 1% 0;
}

.stallions_box .photo img {
/*	padding: 1px;
	border: 1px solid #f1f1f1;
	*/
}

.stallions_box .bamei {
	background: #1f4e3a;
	color: #fff;
	padding: 3px 0.5em;
	text-align: left;
	font-weight: 600;
	text-decoration: none;
	border-radius: 0 0 4px 4px;
	line-height: 1.3;
}

.stallions_box .fee {
	color: #111;
	color: #fff;
	padding: 0.1em 0.5em 0.5em;
	text-align: left;
	font-weight: 300;
	text-decoration: none;
	border-radius: 0 0 4px 4px;
	line-height: 1.3;
}

.stallions_box .icon {
	color: #1f4e3a;
	padding: 2px 0.5em;
	text-align: left;
	font-weight: 600;
	text-decoration: none;
	border-radius: 0 0 4px 4px;
	line-height: 1.3;
	display: none;
}

/* アイコンのエリア */
.stallions_box p.icon {
	font-size: 0.8em;
}

/* アイコン */
.stallions_box p.icon span {
	border-radius: 2px;
	text-decoration: none;
	margin: 0 2px;
	padding: 4px;
	color: #fff;
}

/* アイコン */
.stallions_box p.icon span.debut {
	background-color: #d71a1a;
}

.stallions a:hover {
	opacity: 0.8;
}

/*---------------------
 種牡馬
---------------------*/
.link {
	display: flex;
	flex-wrap: wrap;
}

.link li {
	width: 150px;
	margin: 0.2em;
}

.link_box {
	display: block;
	color: #333;
	background: #fff;
	text-align: center;
	padding: 8px 0;
	border-radius: 3px;
	box-shadow: 0 2px 2px rgba(146, 151, 165, .5);
}

.link_box .photo {
	width: 50%;
	margin: 0 auto;
}

.link_box .photo img {
	padding: 1px;
	border: 1px solid #f1f1f1;
}

.link_box .txt {
	color: #1f4e3a;
	padding: 2px 0.5em;
	text-align: center;
}

.link a:hover {
	opacity: 0.8;
}

/*---------------------
 種牡馬プロフィール
---------------------*/
.profile {
	background-color: #fff;
	margin-bottom: 5px;
	padding: 5px 10px;
}

/* スマホ用 */
@media only screen and (max-width: 400px) {

	/* */
	.profile .detail h1 {
		margin: 5px 0;
		font-size: 2em;
		font-weight: 600;
		color: #1a4e39;
	}

}

/* タブレット・パソコン用 */
@media only screen and (min-width: 401px) {

	/* */
	.profile .detail h1 {
		margin: 5px 0;
		font-size: 2.5em;
		font-weight: 600;
		color: #1a4e39;
	}
	
}

.profile .detail p {
	font-weight: 600;
	color: #111;
}

/* */
.profile .comment h2 {
	margin: 5px 0;
	font-size: 1.2em;
	font-weight: 600;
	color: #1a4e39;
}

/* 本文 */
.profile .comment {
	font-size: 1.0em;
	text-align: left;
	width: 100%;
}

/*---------------------
データ検索フォーム
---------------------*/
table.dbform {
	width: 100%;
}

table.dbform th { 
	padding: 0.5em;
	border: 1px solid #fafafa; 
	background: #EDECCD;
	font-weight: 600;
	text-align: left;
}
table.dbform td { 
	text-align: left;
}


/*-------------------------------------
 レスポンシブテーブル
---------------------------------------*/
/* パソコン用 */
@media screen and (min-width: 768px), print {

	table.responsive {
		width: 100%;
	}

	table.responsive th	{ 
		padding: 5px;
		border: 1px solid #fafafa; 
		background: #16a085;
		width: 20%;
		color: #fff;
	}
	table.responsive td { 
		text-align: left;
		width: 79%;
	}

	table.responsive_half {
		width: 100%;
	}

	table.responsive_half th	{ 
		padding: 5px;
		border: 1px solid #fafafa; 
		background: #16a085;
	/*	width: 25%;	*/
		color: #fff;
		white-space: nowrap;
	}
	table.responsive_half td { 
		text-align: left;
	/*	width: 25%;	*/
	}
}
	
/* スマホ用 */
@media only screen and (max-width: 767px) {

	table.responsive {
		margin: 0px;
		background-color: #fff;
	}
	table.responsive tr {
		display:block;
		margin-bottom: 5px;
	}
	table.responsive th {
		display:block;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		background: #16a085;
		width: 95%;
		color: #fff;
	}
	table.responsive td {
		display: block;
		width: 95%;
		border: none;
		padding: 5px 1px;
	}

	table.responsive_half {
		margin: 0px;
		background-color: #fff;
	}
	table.responsive_half tr {
		display:block;
		margin-bottom: 5px;
	}
	table.responsive_half th {
		display:block;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		background: #16a085;
		width: 95%;
		color: #fff;
	}
	table.responsive_half td {
		display: block;
		width: 95%;
		border: none;
		padding: 5px 5px;
	}
}

table.responsive caption {
	border-left: 8px solid #0E7AC4;
	padding: 5px 0 5px 10px;
	background: #fff;
	text-align: left;

	padding: .75em 1em;
	border: 1px solid #ccc;
	border-top: 3px solid #1f4e3a;
	border-bottom: 3px solid #1f4e3a;
	background: -webkit-linear-gradient(top, #fff 0%, #fff 100%);
	background: linear-gradient(to bottom, #fff 0%, #fff 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;

}

table.responsive th.midasi_sub {
	border-left: 4px solid #1f4e3a;
	padding: 5px 0 5px 10px;
	background: #fff;
	color: #111;
}

span.hissu {
	margin-left: 10px;
	background: #fff;
	color: #c00;
	padding: 2px 1px;
	border: 1px solid #ccc;
	font-size: 8px;
}












/*-------------------------------------
#ime-mode
---------------------------------------*/
.ime_on {
	ime-mode: active;
}

.ime_off {
	ime-mode: inactive;
}

.ime_none {
	ime-mode: disabled;
}

.formright {
	text-align: right;
}

.formcenter {
	text-align: center;
}

.formleft {
	text-align: left;
}

/*-------------------------------------
#
---------------------------------------*/
/* --- 見出しエリア --- */
div.midashi {
	background: #436F92;
	width: 100%;
	padding: 0; 						/* 見出しエリアのパディング（上下、左右） */
	border-bottom: 1px #c0c0c0 solid; 	/* 見出しエリアの下境界線 */
}

/* --- 見出しエリア --- */
div.midashi div.title {
	padding: 10px 5px; 					/* 見出しエリアのパディング（上下、左右） */
	text-align: left;
	color: #fff;
}

/* --- 見出し --- */
div.midashi div.title p {
	margin: 0;
	padding: 3px 3px 0 5px; 			/* 見出しのパディング（上右下左） */
	padding: 2px 5px;
	border-left: 5px #fff solid; 		/* 見出しの左境界線 */
	font-size: 100%; 					/* 見出しの文字サイズ */
	line-height: 100%;
}

.inputtitle {
	border-right: 1px solid #C2C89E;
	border-bottom: 1px solid #C2C89E;
	background-color: #dad667;

	padding: 6px;
	text-align: left;
}

div.grayback{
	background-color: #edeccd;
}

.selectform {
	width: 100%;
}

.selectform .element {
	margin: 5px 5px;
	text-align: center;
}

/*-------------------------------------
#input要素全て
---------------------------------------*/
input {
	padding: 5px;
	font-size: 1.0em;
	background: #fafafa;
}


input:focus, input:hover {
	background: none repeat scroll 0 0 #ACF3FF;
}

.focus {
	background: none repeat scroll 0 0 #ACF3FF;
}

input[type="text"][disabled]{
	background: #DCDCDC;
	cursor: not-allowed; /* 禁止カーソル */
}

/*-------------------------------------
#ラジオボタン・チェックボックス
---------------------------------------*/

label {
	font-size: 1em;
	font-weight: normal;
}

input.radio {
	display:inline-block; 
	width:20px; 
	height:30px; 
	vertical-align:top;
}

label.radiolabel {
	display:inline-block; 
	background: none repeat scroll 0 0 #fafafa;
	background: -moz-linear-gradient(top,#fafafa 0%,#fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F0F0F0));
	border: 1px solid #ccc;
	padding: 5px 1%;
	width: 97.5%;
}

label.radiolabelfree {
	display:inline-block; 
	background: none repeat scroll 0 0 #fafafa;
	background: -moz-linear-gradient(top,#fafafa 0%,#fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F0F0F0));
	border: 1px solid #ccc;
	padding: 5px 1%;
}

ul.radiolabel {
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}

ul.radiolabel li {
	width: 49.0%;
	float: left;
	background: none repeat scroll 0 0 #fafafa;
	background: -moz-linear-gradient(top,#fafafa 0%,#fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
	margin: 0 0%;
}

ul.retu2 li {
	width: 49.9%;
}

ul.retu3 li {
	width: 33.3%;
}

ul.retu4 li {
	width: 24.9%;
}

ul.retu5 li {
	width: 19.9%;
}

ul.radiolabel li.full {
	width: 96.0%;
}

ul.radiolabel li.free {
	width: auto;
}

/* スマホ用 */
@media only screen and (max-width: 400px) {

	ul.radiolabel.flex {
		margin: 0 auto;
		padding: 0;
		list-style-type: none;
		display: -webkit-box;
		display: flex;
		flex-wrap: wrap;
	}

}

/* タブレット・パソコン用 */
@media only screen and (min-width: 401px) {

	ul.radiolabel.flex {
		margin: 0 auto;
		padding: 0;
		list-style-type: none;
		display: -webkit-box;
		display: flex;
		justify-content: space-around;
	}
	
}

/*-------------------------------------
#セレクトボックス
---------------------------------------*/
select {
	padding: 10px 5px;
}

/*-------------------------------------
#テキストエリア
---------------------------------------*/
textarea {
	padding: 5px;
}

textarea:focus, textarea:hover {
	background: none repeat scroll 0 0 #ACF3FF;
}


/*-------------------------------------
#テキストボックス
---------------------------------------*/
.selectform .element input[type=text] {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 14px;
}

.selectform .element input[type=password] {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 14px;
}

.selectform .element input[type=tel] {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 14px;
}

/*-------------------------------------
#submit
---------------------------------------*/
.element input[type=submit] {
	background: #0099CC ; /* #006837; */
	background: -moz-linear-gradient(top,#0099CC 0%,#006699);
	background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#006699));
	background: #329ad6;
	border: 2px solid #006699;
	color: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	border-width:0;
	padding: 10px;
	font-size: 100%;
}

.element input[type=submit].simple {
	background: #fff ; /* #006837; */
	background: -moz-linear-gradient(top,#fff 0%,#fafafa);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fafafa));
	border: 2px solid #fafafa;
	color: #111;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	border-width:0;
	padding: 10px;
	font-size: 100%;
}

.element input[type=submit]:disabled {
	background: #eee ; /* #006837; */
	background: -moz-linear-gradient(top,#fff 0%,#fafafa);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fafafa));
	border: 2px solid #fafafa;
	color: #aaa;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	border-width:0;
	padding: 10px;
	font-size: 100%;
}

/*-------------------------------------
#button
---------------------------------------*/
.element button {
	background: #0099CC ; /* #006837; */
	background: -moz-linear-gradient(top,#0099CC 0%,#006699);
	background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#006699));
	border: 2px solid #006699;
	color: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	border-width:0;
	padding: 10px;
	font-size: 100%;
}

.element button.modoru {
	background: #fff ; /* #006837; */
	background: -moz-linear-gradient(top,#fff 0%,#fafafa);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fafafa));
	border: 2px solid #fafafa;
	color: #111;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	border-width:0;
	padding: 10px;
	font-size: 100%;
}

/*-------------------------------------
p.button
---------------------------------------*/
.element p.button {
	background: #0099CC ; /* #006837; */
	background: -moz-linear-gradient(top,#0099CC 0%,#006699);
	background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#006699));
	border: 2px solid #006699;
	color: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	border-width:0;
	padding: 10px;
	font-size: 100%;
	text-align: center;
}

.element p.button_simple {
	background: #fff ; /* #006837; */
	background: -moz-linear-gradient(top,#fff 0%,#fafafa);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fafafa));
	border: 2px solid #fafafa;
	color: #111;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	border-width:0;
	padding: 10px;
	font-size: 100%;
	text-align: center;
}

.element p.button a {
	display: block;
	color: #FFF;
}

.element p.button_simple a {
	display: block;
	color: #111;
}

.message {
	padding: 5px;
	color: #111;
	font-weight: 600;
}

.error_message {
	background: #fee4e4;
	padding: 5px;
	color: #c00;
	font-weight: 600;
}

/*-------------------------------------
血統表
---------------------------------------*/
table.kanzen_data950 {
	width: 950px;
}

table.kanzen_data950,.kanzen_umaprof{color: #111;background: #fff; font-size:15px;border-collapse:collapse;}
table.kanzen_data950 tbody,.kanzen_umaprof tbody{border:1px solid #999;line-height: 1.1em;}
table.kanzen_data950{width:950px;}
/*table.kanzen_data950 tr td.bottomborder{border-bottom: 2px solid #00aaaa;}*/
table.kanzen_data950 tr td,.kanzen_umaprof tr td{vertical-align: middle;padding: 0 0 0 5px;}
table.kanzen_data950 tr td.k_datarace{width: 24%;}
.k_datatrtime{font-size: .8em;height: 1em;max-width: 520px!important;}
.k_datakyuyou{background: #1FA332;color:#fff;font-weight:bold;text-align:center;}
.k_datamovie img{vertical-align: top;margin-right: 2px;}
.k_datarace p{font-size: .8em;}
.k_datarace p.k_dataracename{ font-size: 1.2em; font-weight: bold;}
table.kanzen_data950 tr td.k_datakoma{width: 10%;}

.k_dataketto tr{background:#E1DDF7;font-size:.9em;}
.k_dataketto tr p{width: 179px;}
.hinba {
	background: #EDCDCD;
}

/*-------------------------------------
勝ち上がり率など
---------------------------------------*/
table.search {
	width: 100%;
	margin: 0 auto;
}

table.search td {
	text-align: right;
}

table.search td.midasi {
	background-color: #EDECCD;
	border: 4px solid #EDECCD;
	text-align: center;
	width: 15em;
}

/*-------------------------------------
主な産駒
---------------------------------------*/
table.sanku {
	width: 100%;
	margin: 0 auto;
}

table.sanku td {
	text-align: left;
}

table.sanku td.midasi {
	background-color: #EDECCD;
	border: 4px solid #EDECCD;
	text-align: center;
	width: 15em;
}

table.sanku th.kbamei {
	width: 15em;
}

table.sanku th.seibetu {
	width: 2em;
}

table.sanku th.seinen {
	width: 4em;
}


/*-------------------------------------
注釈
---------------------------------------*/
div.annotation {
	margin-left: auto;
}

div.annotation p.textleft {
	text-align: left;
	padding-left: 0.5em;
}

div.annotation p.textright {
	text-align: right;
	padding-right: 0.5em;
}

div.annotation_left {
	text-align: left;
}

div.annotation_right {
	text-align: right;
}



/*Radio Check*/
label.radio, label.radio_kirei, label.checkbox, label.checkbox_text {
	position			: relative;
	cursor				: pointer;
	display			 : inline-block;
	overflow			: hidden;
	box-sizing		: border-box;
}
label.radio {
	width				 : 18px;
	height				: 18px;
	border				: 1px solid #666666;
	border-radius : 100%;
}
label.radio_kirei {
	min-height	 : calc(18px + 5px);
	margin-right : calc(18px + 5px);
	padding-left : calc(18px + 5px);
	line-height	: calc(18px + 5px);
}
label.checkbox {
	width			: 20px;
	height		 : 20px;
	border		 : 1px solid #B3B3B3;
	background : #fff;
}
label.checkbox_text {
	padding-left : calc(20px + 5px);
	line-height	: 20px;
}
/** before after **/
label.radio:before, label.radio_kirei:before, label.checkbox_text:before,
label.checkbox:after, label.radio_kirei:after, label.checkbox_text:after{
	content	: '';
	position : absolute;
	box-sizing : border-box;
}
label.radio:before, label.radio_kirei:before{
	border-radius		: 100%;
}
label.radio:before, label.checkbox:after{
	top							: 0px;
	bottom					 : 0px;
	left						 : 0px;
	right						: 0px;
	margin					 : auto;
}
label.checkbox:after, label.checkbox_text:after{
	transform				 : rotate(45deg);
	-webkit-transform : rotate(45deg);
	-moz-transform		: rotate(45deg);
	border-right			: 3px solid #DD6655;
	border-bottom		 : 3px solid #DD6655;
	top							 : calc(50% - (((17px / 12 ) * 5) / 2));
	display					 : block;
	margin-top				: calc(((17px / 12 ) * 5) * -1);
	width						 : calc(((17px / 12 ) * 5));
	height						: 17px;
	z-index					 : 1;
}
label.radio_kirei:before, label.radio_kirei:after{
	top							: 0px;
	bottom					 : 0px;
	margin-top			 : auto;
	margin-bottom		: auto;
}
label.radio:before {
	display					: block;
	width						: 10px;
	height					 : 10px;
	z-index					: 1;
	background-color : #004000; 
}
label.radio_kirei:before {
	width				 : 18px;
	height				: 18px;
	border				: 1px solid #666666;
	left					: 0px;
	z-index			 : 3;
}
label.checkbox_text:before {
	width		: 20px;
	height	 : 20px;
	left		 : 0px;
	top			: 0;
	border	 : 1px solid #B3B3B3;
	z-index	: 3;
	box-sizing: border-box;
}
label.radio_kirei:after {
	width						: 10px;
	height					 : 10px;
	border-radius		: 100%;
	left						 : calc(((18px/2) - (10px) / 2));
	background-color : #004000;
	z-index					: 1;
}
label.checkbox_text:after {
	left : calc((20px / 2) - (((17px / 12 ) * 5) / 2));
}
/** input **/
label.radio input[type="radio"], label.radio_kirei input[type="radio"], label.checkbox input[type="checkbox"], label.checkbox_text input[type="checkbox"]{
	-moz-appearance: none;
	-webkit-appearance: none;
	position	 : absolute;
	z-index		: 2;
	margin		 : 0px;
	width			: 20px;
	height		 : 20px;
	box-sizing		: border-box;
	outline			 : none;
}
label.radio input[type="radio"], label.radio_kirei input[type="radio"]{
	left			 : calc(18px * -1);
	width			: 18px;
	height		 : 18px;
	top					 : 0px;
	bottom				: 0px;
	margin-top		: auto;
	margin-bottom : auto;
	border-radius : 100%;
}
label.checkbox input[type="checkbox"], label.checkbox_text input[type="checkbox"]{
	left			 : calc(20px * -1);
	padding		: 0;
}
label.radio input[type="radio"] {
	display		: block;
	box-shadow : 18px 0px #FFF;
}
label.radio_kirei input[type="radio"] {
	box-shadow : 18px 0px #FFF;
}
label.checkbox input[type="checkbox"] {
	box-shadow : 20px 0px #FFF;
}
label.checkbox_text input[type="checkbox"] {
	display		: block;
	box-shadow : 20px 0px #FFF;
}
/** checked forcus */
label.checkbox_text input[type="checkbox"]:checked,
label.checkbox input[type="checkbox"]:checked,
label.radio_kirei input[type="radio"]:checked,
label.radio input[type="radio"]:checked{
	box-shadow : none;
}
label.checkbox_text input[type="checkbox"]:checked:focus,
label.checkbox input[type="checkbox"]:checked:focus{
	opacity: 0.1;
}
label.radio_kirei input[type="radio"]:focus,
label.radio input[type="radio"]:focus{
	opacity: 0.2;
}

label.checkbox_text input[type="checkbox"]:checked:focus {
	box-shadow : 20px 0px #666;
}
label.checkbox_text input[type="checkbox"]:focus {
	box-shadow : 20px 0px #EEE;
}
label.checkbox input[type="checkbox"]:checked:focus {
	box-shadow : 20px 0px #666;
}
label.checkbox input[type="checkbox"]:focus {
	box-shadow : 20px 0px #EEE;
}
label.radio_kirei input[type="radio"]:focus {
	box-shadow : 18px 0px #FFF;
}
label.radio input[type="radio"]:focus {
	box-shadow : 18px 0px #FFF;
}


/*-------------------------------------
responsive
---------------------------------------*/
.responsive img,
.responsive_sankukachi img,
.responsive_sanku img {
	padding: 1px;
	border: 1px solid #ccc;
}

.responsive p.caption,
.responsive_sankukachi p.caption {
	text-align: center;
	font-weight: 600;
}

.responsive_sanku div.caption {
	max-width: 600px;
	margin: 0 auto;
	padding: 0.1em 0.3em 0.5em;
	text-align: left;
	border: 1px solid #fcfcfc;
	background-color: #f7e9db;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	border-radius: 2px;
}

.responsive_sanku p.seirei {
	text-align: center;
	background-color: #6e9556;
	color: #fff;
	font-weight: 600;
	padding: 0.1em;
}

.responsive_sanku p.text {
	color: #111;
	font-weight: 600;
	padding: 0.1em;
	font-size: 0.9em;
}

.responsive_sanku p.seisan {
	text-align: center;
	background-color: #8e5720;
	color: #fff;
	font-weight: 600;
	padding: 0.1em;
}

/*-------------------------------------
画像に重なるメニュー
---------------------------------------*/
.hovermenu {
	position: relative;
	overflow: hidden;
}

/* スマホ用 */
@media only screen and (max-width: 767px){
	.hovermenu {
		width: 50%;
	}	
}
/* タブレット・パソコン用 */
@media only screen and (min-width: 768px) and (max-width: 960px), print {
	.hovermenu {
		width: 25%;
	}	
}
/* タブレット・パソコン用 */
@media only screen and (min-width: 961px), print {
	.hovermenu {
		width: 25%;
	}	
}

.hovermenu a:hover {
	opacity: 0.8;
}

.hovermenu.under .caption {
	position: absolute;
	bottom: -60px;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 60px;
	background: rgba(0,0,0,0.4);
	-webkit-transition: .3s;
	transition: .3s;
}

.hovermenu.under .caption p {
	color: #fff;
	padding: 0.4em;
	font-weight: 600;
}

.hovermenu:hover .caption {
	bottom: 0;
}

div.lexbutton p {
	padding: 10px 10px;
	font-size: 1.0em;
	font-weight: 600;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

div.lexbutton p.migi {
	text-align: right;
}

#stock{
	display:block;
	position:fixed;
	width:100%;
	top:0px;
	left:50%;
	width:270px;
	margin-left:-135px;
}

	#stock div.scrollarea{
		width:270px;
		height:100%;
		padding:5px;
		background-color:#fffde5;
		margin:0px auto;
		overflow:scroll;
	}


	#stock table{
		border:1px solid #000;
		border-bottom-width:0px;
		list-style-type:none;
		padding:0px;
		margin:0px;
		width:240px;
		margin:0px auto;
	}

	#stock table td{
		list-style-type:none;
		line-height:2.5;
		border-bottom:1px solid #000;
		background-color:#FFF;
		text-align:left;
		padding-left:5px;
	}
	
	#stock table td a{
		display:block;
		width:100%;
		height:100%;
		text-decoration:none;
		color:#000000;
		background: url(/images/nav_left.png) right center no-repeat;
	}
	

	#stock table.basyolist{
		border-collapse:collapse;
		border:1px solid #000;
		padding:0px;
		margin:0px;
		width:auto;
		margin:0px auto;
	}

	#stock table.basyolist td{
		border:1px solid #000;
		line-height:1.5;
		text-align:center;
		padding-left:5px;
		padding-right:5px;
	}
	
	#stock table.basyolist td.code{
		border-left-width:2px;
	}



/* スマホ用 */
@media only screen and (max-width: 767px){
	.news_section {
		padding: 24px 0;
		border-bottom: 1px solid #bbbbbb;
	}
	.news_section dt {
		display: inline-block;
		vertical-align: middle;
	}
	.news_section dt.date {
		padding: 0 11px 0 2px;
	}
	.news_section dt.icon {
		padding: 0 11px 0 2px;
	}
	.news_section dd {
		display: block;
		vertical-align: middle;
	}
}
/* タブレット・パソコン用 */
@media only screen and (min-width: 768px) and (max-width: 960px), print {
	.news_section {
		padding: 24px 0;
		border-bottom: 1px solid #bbbbbb;
	}
	.news_section dt {
		display: inline-block;
		vertical-align: middle;
	}
	.news_section dt.date {
		padding: 0 11px 0 2px;
	}
	.news_section dt.icon {
		padding: 0 11px 0 2px;
	}
	.news_section dd {
		display: inline-block;
		vertical-align: middle;
	}
}
/* タブレット・パソコン用 */
@media only screen and (min-width: 961px), print {
	.news_section {
		padding: 24px 0;
		border-bottom: 1px solid #bbbbbb;
	}
	.news_section dt {
		display: inline-block;
		vertical-align: middle;
	}
	.news_section dt.date {
		min-width: 165px;
		padding: 0 11px 0 2px;
	}
	.news_section dt.icon {
		min-width: 144px;
		padding: 0 11px 0 2px;
	}
	.news_section dd {
		display: inline-block;
		vertical-align: middle;
	}
}

.button_wrap {
		display: table;
		margin: 40px auto;
}

.button_anime.type01 {
		border: 2px solid #035b03;
		border-radius: 4px;
		color: #444444;
}


/* アイコン */
p.icon {
	border-radius: 2px;
	font-size: 0.8em;
	text-decoration: none;
	margin: 0 2px;
	padding: 4px;
	background-color: #555;
	color: #fff;
	text-align: center;
}

/* アイコン（NEWマーク） */
span.icon.new {
	border-radius: 2px;
	font-size: 0.8em;
	text-decoration: none;
	margin: 0 2px;
	padding: 4px;
	background-color: #555;
	color: #fff;
	text-align: center;
	background-color: #c0232b;
	color: #fff;
	font-size: 0.9em;
}

/* アイコン（種牡馬） */
p.icon.syuboba,
p.icon.syubasyo {
	background-color: #1976D2;
	color: #fff;
}

/* アイコン（産駒） */
p.icon.sanku,
p.icon.race {
	background-color: #d71a1a;
	color: #fff;
}

/* アイコン（セール） */
p.icon.sale {
	background-color: #1f4e3a;
	color: #fff;
}

/* アイコン（その他） */
p.icon.sonota {
	background-color: #555;
	color: #fff;
}

/* アイコン（記事リリース） */
p.icon.release {
	background-color: #d7921a;
	color: #fff;
}

/* 種牡馬 配合のヒントで使用 開始 */

/*血統表の小さいアスタリスク*/
table.kettouhyo span.asterisk{
	font-size:10px;
}

/*血統表の太字*/
table.kettouhyo span.bold{
	font-weight:bold;
}

/*-------------------------------------
サブ見出中央寄せ黒
---------------------------------------*/
div.title_black_center {	
	font-size:16px;
	padding: 0.2em 0.5em;/*文字の上下 左右の余白*/
	color: #000;/*文字色*/
	margin: 0 0 5px;
	font-weight: 600;
	text-align:center;
	border-top: 2px solid #035b03;
	border-bottom: 2px solid #035b03;
}

/*-------------------------------------
サブ見出し黒囲み白文字
---------------------------------------*/
div.midasi_stallion_black {	
	padding: 0.2em 0.5em;/*文字の上下 左右の余白*/
	color: #fff;/*文字色*/
	background: #111;/*背景色*/
	background: -moz-linear-gradient(#111, #333);
	background: -webkit-linear-gradient(#111, #333);
	background: -ms-linear-gradient(#111, #333);
	border: 3px double #fff;
	margin: 0 0 5px;
	font-weight: 600;
}


div.midasi_gray {	
	padding: 0.2em 0.5em;/*文字の上下 左右の余白*/
	color: #fff;/*文字色*/
	background: #c5c5c5;/*背景色*/
	background: -moz-linear-gradient(#c5c5c5, #c5c5c5);
	background: -webkit-linear-gradient(#c5c5c5, #c5c5c5);
	background: -ms-linear-gradient(#c5c5c5, #c5c5c5);
	margin: 0 0 5px;
	font-weight: 600;
}

/* テーブル用 */
.haigou {
	max-width: 640px;
	margin: 0 auto;
}

/**/
table.stallion_datatable{
	width: 100%;
	margin: 0 auto;
	border-collapse:collapse;
	font-size:14px;
}



table.stallion_datatable th{
	border:1px solid #000000;
	background-color:#e4ff91;
	padding-left:5px;
	padding-right:5px;
}

table.stallion_datatable th.title{
	background-color:#7b6259;
	color:#fff;
	border-width:0px;
	font-weight: 600;
	line-height: 1.5em;
}

table.stallion_datatable td{
	border:1px solid #000000;
	padding-left:5px;
	padding-right:5px;
}

table.stallion_datatable td.bamei{
	font-weight:bold;
}

table.stallion_datatable tr.space{
	height:2px;
	background-color:#7b6259;
	border-width:0px;
}

table.stallion_datatable tr.pink td{
	background-color:#fd9cc0;
}
table.stallion_datatable tr.pink td.bamei{
	color:#9a1d1d;
}

table.stallion_datatable tr.green td{
	background-color:#d5ff64;
}
table.stallion_datatable tr.green td.bamei{
	color:#0a4a0f;
}

table.stallion_datatable tr.orange td{
	background-color:#ffe9a9;
}
table.stallion_datatable tr.orange td.bamei{
	color:#984b34;
}


table.stallion_datatable td.center{
	text-align:center;
}
table.stallion_datatable td.left{
	text-align:left;
}
table.stallion_datatable td.right{
	text-align:right;
}

div.stallion_kaisetu{
	/* margin:10px 0;	*/
	padding: 0.5em;
}

div.kaisetu {
	padding: 0.5em;
}


/* 種牡馬 配合のヒントで使用 終了 */



/*-------------------------------------
 レスポンシブテーブル
---------------------------------------*/
table.responsivetable {
	width:100%;
	border-right:#EDECCD solid 1px;
	border-collapse: collapse;
}
table.responsivetable thead th {
	background:#EDECCD;
	color:#111;
	padding: 0.2em 0.3em;
	border-right:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
}
table.responsivetable thead th:last-child {
	border-right:#EDECCD solid 1px;
}
table.responsivetable tbody th {
	background:#EDECCD;
	background:#fff;
	color:#111;
	padding: 0.2em 0.3em;
	border-bottom:#FFF solid 1px;
	border-bottom:#EDECCD solid 1px;
	vertical-align:top;
	text-align: left;
}
table.responsivetable tbody tr:last-child th {
	border-bottom:#EDECCD solid 1px;
}
table.responsivetable tbody td {
	background:#FFF;
	padding: 0.2em 0.3em;
	border-left:#EDECCD solid 1px;
	border-bottom:#EDECCD solid 1px;
	vertical-align:top;
}

table.responsivetable caption {
	font-weight: 600;
	font-size: 1.1em;
	background-color: #035b03;
	color: #fff;
	border: 1px solid #063c06;
	text-align: left;
	padding: 0.2em 0.3em;
}

table.responsivetable caption.blue {
	background-color: #014099;
}

table.responsivetable tr.pickup th {
	background-color: #e3efd8;
	font-weight: 600;
}

table.responsivetable tr.pickup td {
	background-color: #e3efd8;
	font-weight: 600;
}

table.responsivetable tr.pickup.blue th {
	background-color: #c4ceec;
	font-weight: 600;
}

table.responsivetable tr.pickup.blue td {
	background-color: #c4ceec;
	font-weight: 600;
}

@media screen and (max-width: 640px) {
	table.responsivetable thead {
		display:none;
	}
	table.responsivetable tbody th {
		background-color: #EDECCD;
		display:block;
	}
	table.responsivetable tbody td {
		display:block;
	}
	table.responsivetable tbody td::before {
		content: attr(label);
		float: left;
		clear:both;
		font-weight:bold;
	}
	table.responsivetable tbody td p {
		padding-left:6em;
	}

	table.responsivetable tr.pickup th {
		background-color: #EDECCD;
		font-weight: 600;
	}

	table.responsivetable tr.pickup td {
		background-color: #e3efd8;
		font-weight: 600;
	}

	table.responsivetable tr.pickup.blue th {
		background-color: #EDECCD;
		font-weight: 600;
	}

	table.responsivetable tr.pickup.blue td {
		background-color: #c4ceec;
		font-weight: 600;
	}
}



.dmbox_kaisetu {
	position: relative;
	margin: 0.5em 0 0;
	padding: 0.5em 1em;
	border: solid 3px #035b03;
	border-radius: 8px;
}
.dmbox_kaisetu .box-title {
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 10px;
	padding: 0 9px;
	line-height: 1;
	font-size: 19px;
	background: #FFF;
	color: #035b03;
	font-weight: bold;
}
.dmbox_kaisetu p {
	margin: 0; 
	padding: 0;
	font-size: 1.1em;
}



/*css bookradio*/
.bookradio-input{
	display: none;
}
.bookradio-input + label{
	padding-left: 20px;
	position:relative;
	margin-right: 20px;
}
.bookradio-input + label::before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #999;
	border-radius: 50%;
}
.bookradio-input:checked + label{
	color: #1f4e3a;
}
.bookradio-input:checked + label::after{
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 11px;
	height: 11px;
	background: #1f4e3a;
	border-radius: 50%;
}


/*-------------------------------------
管理画面 用
---------------------------------------*/
table.kanri {
	width: 100%;
	white-space: nowrap;
}

table.kanri td {
	text-align: left;
}