@charset "utf-8";


/*==========================================================
	競馬ブック
==========================================================*/

.block_migiyose {
	margin-left: auto;
}

/*---------------------
 1位の背景
---------------------*/
.data1st {
	background:#EDCDCD;
}
.data2nd {
	background:#E1DDF7;
}
.data3rd {
	background:#C2F2C7;
}
.cyakjun1 {
	background:#EDCDCD;
}
.cyakjun2 {
	background:#E1DDF7;
}
.cyakjun3 {
	background:#C2F2C7;
}

/*---------------------
 1着の背景など共通で使用するもの
---------------------*/
.ippankachi {
	background: #a0a0a0;
}
.tokubetukachi {
	background: #ffa0a0;
}
.jusyokachi {
	background: #4080ff;
}

/*---------------------
 WIN5アイコン
---------------------*/
.icon_win5 {
	border-radius: 2px;
	font-size: 12px;
	text-decoration: none;
	margin: 0 2px;
	position: relative;
	top: -1px;
	text-align: center;
	padding: 4px;
	background-color: #268300;
	color: #fff;
}

.racenamewin5{
	float: none;
	font-size: 1em;
	line-height: 1em;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #007440;
	font-style: italic;
}
.racenamewin5 span.win5{
	color: #182D7B;
	font-size: 1.4em;
	margin: 0 1px 0 -1px;
	vertical-align: middle;
}
.racenamewin5 span.win5 span.win5no {
	font-style: normal;
}

/*---------------------
 開催情報で使うレースごとのアイコン
---------------------*/
.icon_race {
	display: inline-block;
	border-radius: 2px;
	font-size: 14px;
	text-decoration: none;
	margin: 0 0px;
	position: relative;
	top: -1px;
	text-align: center;
	padding: 1px 2px;
	background-color: #fff;
	width: 1.5em;
}

.icon_race.paddock,
.icon_race.girigiri {
	border: 1px solid #014099;
	color: #014099;
}

a .icon_race.paddock,
a .icon_race.girigiri {
	background-color: #014099;
	color: #fff;
	font-weight: 600;
}

a .icon_race.paddock:hover,
a .icon_race.girigiri:hover {
	background-color: #fff;
	color: #014099;
	text-decoration: none;
}

/*---------------------
 グレードアイコン
---------------------*/
.icon_grade {
	border-radius: 2px;
	font-size: 12px;
	text-decoration: none;
	margin: 0 2px;
	position: relative;
	top: -1px;
	text-align: center;
	padding: 4px;
	background-color: #555;
	color: #fff;
}

.icon_grade.g1, .icon_grade.g2, .icon_grade.g3 {
	font-weight: bold;
}

/* --- G1 --- */
.icon_grade.g1 {
	background-color: #1976D2;
	color: #fff;
}

/* --- G2 --- */
.icon_grade.g2 {
	background-color: #B71C1C;
	background-color: #d71a1a;
	color: #fff;
}

/* --- G3 --- */
.icon_grade.g3 {
	background-color: #268300;
	color: #fff;
}

/* --- 以外 --- */
.icon_grade.normal {
	background-color: #F0F9E0;
	color: #111;
	border: 1px solid #ccc;
}

/*---------------------
 騎手変更・発走時刻変更の場合
---------------------*/
.henkou {
	color: #c00;
	font-weight: bold;
}

/*---------------------
 動画アイコン
---------------------*/
.movieicon {
	font-size: 1.2em;
	background: #B30002; 
	color:#FFF; 
	margin:0 1px 0 0;
	padding: 0 .2em 0 .3em;
	border-radius: 20%;
}

.movieicon a {
	color:#fff; 
}

/*---------------------
 PHOTOパドックアイコン
---------------------*/
.btn_photopdk {
	background: #B30002; 
	color:#FFF; 
	margin:0 1px 0 0;
	padding: 1px 14px;
}

/*---------------------
 
---------------------*/
.flex_syutuba,
.flex_around {
	display: flex;
	justify-content:space-around;
	margin: 0 0 5px;
}

.flex_syutuba .flex_syutuba_left,
.flex_around .flex_around_left {
	float: left\9; /* IE10以下 */
	width: 49.9%;
	background: #fff;
	margin:0.2em;
}

.flex_syutuba .flex_syutuba_right,
.flex_around .flex_around_right {
	float: right\9; /* IE10以下 */
	width: 49.9%;
	background: #fafafa;
	margin:0.2em;
}

/*---------------------
 
---------------------*/
.flex_column {
	display: flex;
	justify-content:space-around;
	margin: 0 0 5px;
}

.flex_column .flex_column_left {
	float: left\9; /* IE10以下 */
	background: #fff;
	margin: 0.1%;
}

.flex_column .flex_column_right {
	float: right\9; /* IE10以下 */
	background: #fff;
	margin: 0.1%;
}

/*---------------------
 
---------------------*/
.flex_between {
	display: flex;
	justify-content:space-between;
	margin: 0 0 5px;
}

.flex_between .flex_between_left {
	float: left; /* IE10以下 */
	background: #fff;
	margin: 0 0.1%;
	/* width: 49.5%; */
}

.flex_between .flex_between_right {
	float: right; /* IE10以下 */
	background: #fff;
	margin: 0 0.1% auto auto;
	/* width: 49.5%; */
}

/*---------------------
 
---------------------*/
.flex_responsive {
/*
	display: flex;
	justify-content:space-around;
*/
	margin: 0 0 5px;
}

.flex_responsive .flex_responsive_left {
/*
	float: left\9; /* IE10以下 */

	background: #fff;
	margin: 0.1%;
}

.flex_responsive .flex_responsive_right {
/*
	float: right\9; /* IE10以下 */
	background: #fff;
	margin: 0.1%;
}

.flex_responsive .flex_responsive_left.full {
	width: 100%;
}

.flex_responsive .flex_responsive_right.full {
	width: 100%;
}

/*---------------------
 
---------------------*/
ul.ul-table {
	display: table;
	margin: 0 0 5px;
	width: 100%;
}

ul.ul-table > li {
	display: table-cell;
	background: #fafafa;
	margin: auto 0.1%;
	vertical-align: top;
	width: 100%;
}

ul.ul-table > li.race {
	background: #aaa;
	vertical-align: middle;
	display: none;
}

ul.ul-table > li.retu2 {
	width: 49.9%;
	vertical-align: bottom;
}

ul.ul-table.auto > li {
	width: auto;
}

ul.ul-table > li.retu2.sita {
	vertical-align: bottom;
}

ul.ul-table > li.logo {
	width: 50px;
	vertical-align: middle;
}

ul.ul-table > li.comment {
	width: auto;
	vertical-align: top;
}

/*---------------------
 dl-table
---------------------*/
dl.dl-table {
	display: table;
	margin: 0 0 1px;
	width: 100%;
}

dl.dl-table > dt {
	display: table-cell;
	background: #fafafa;
	margin: auto 0.1%;
	vertical-align: middle;
}

dl.dl-table > dt.tuka {
	width: 55%;
}

dl.dl-table > dd {
	display: table-cell;
	background: #fafafa;
	margin: auto 0.1%;
	vertical-align: middle;
	text-align: right;
}

dl.dl-table > dt.left {
	text-align: left;
}

dl.dl-table > dt.right {
	text-align: right;
}

dl.dl-table > dt.retu2,
dl.dl-table > dd.retu2 {
	width: 49.9%;
}

/* 血統表 */
dl.dl-table > dt.dt-midashi {
	background: #014099;
	padding: 0.25rem;
}

dl.dl-table > dt.dt-midashi > p {
	color: #fff;
}

dl.dl-table > dt.dt-midashi > p.right {
	text-align: right;
}

dl.dl-table > dt.dt-midashi > p.left {
	text-align: left;
}

dl.dl-table > dt.dt-kakomi {
	background: #fff;
	border: 2px solid #014099;
	padding: 0.25rem;
}

/*-------------------------------------
ページ見出し
---------------------------------------*/
div.midasi {
	padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
	color: #494949;/*文字色*/
	background: #1f4e3a none repeat scroll 0 0;
	background: -moz-linear-gradient(#005D36, #1f4e3a);
	background: -webkit-linear-gradient(#005D36, #1f4e3a);
	background: -ms-linear-gradient(#005D36, #1f4e3a);
	/* background: #333; */
	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 {	
	padding: 0.2em 0.5em;/*文字の上下 左右の余白*/
	color: #1f4e3a;/*文字色*/
	background: #fcfcfc;/*背景色*/
	border-top: solid 1px #1f4e3a;/*下線*/
	border-left: solid 5px #1f4e3a;/*左線*/
	border-right: solid 1px #1f4e3a;/*右線*/
	border-bottom: solid 1px #1f4e3a;/*下線*/
	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);
	margin: 0 0 5px;
	font-weight: 600;
}

/*-------------------------------------
サブ見出し黒
---------------------------------------*/
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_blue {	
	padding: 0.2em 0.5em;/*文字の上下 左右の余白*/
	color: #fff;/*文字色*/
	background: #014099;/*背景色*/
	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;
}

/*-------------------------------------
ボックス内容
---------------------------------------*/
div.box_detail {	
	padding: 0.2em 0.2em;/*文字の上下 左右の余白*/
	background: #fcfcfc;/*背景色*/
	border-left: solid 1px #1f4e3a;/*左線*/
	border-right: solid 1px #1f4e3a;/*右線*/
	border-bottom: solid 1px #1f4e3a;/*下線*/
}

/*-------------------------------------
お待たせ最新案内
---------------------------------------*/
div.omatase {
	margin: 5px 0px;
	background-color: #fff; /* ボックスの背景色 */
	border: 1px #c0c0c0 solid; /* ボックスの境界線 */
}

/* --- 見出し --- */
div.omatase p.title {
	margin: 0; /* 見出しのマージン */
	padding: 6px 10px; /* 見出しのパディング（上下、左右） */
	background: #fdfdfd none repeat scroll 0 0;
	background: -moz-linear-gradient(#fff, #F0F0F0);
	background: -webkit-linear-gradient(#fff, #F0F0F0);
	background: -ms-linear-gradient(#fff, #F0F0F0);
	background: #1f4e3a none repeat scroll 0 0;
	border-bottom: 1px #c0c0c0 solid;
	color: #fff;
}

/* --- リンク --- */
div.omatase p {
	padding: 2px 10px;
	white-space: nowrap;
	border-top: 1px #dadada solid;
}

/* --- リンク --- */
div.omatase p a {
	display: block;
}

/* --- ボックス内の段落 --- */
div.omatase p.honbun {
	margin: 1em 10px; /* 段落のマージン（上下、左右） */
}

/* お待たせ最新案内の更新ボタン */
div.omatase p.get_omatase {
	margin: 0px;
	padding: 3px 10px;
	font-size: 1.3em;
	font-weight: 600;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	text-decoration: underline;
	cursor: pointer;
	background: #fdfdfd none repeat scroll 0 0;
	background: -moz-linear-gradient(#fff, #F0F0F0);
	background: -webkit-linear-gradient(#fff, #F0F0F0);
	background: -ms-linear-gradient(#fff, #F0F0F0);
	border-top: 1px #dadada solid;
}

div.omatase p.get_omatase:after {
	content: '↻';
}

/* お待たせ最新案内の更新ボタン */
div.omatase p.get_omatase:hover {
	background: #eee none repeat scroll 0 0;
	text-decoration: none;
	cursor: pointer;
}

/*-------------------------------------
変更情報
---------------------------------------*/
div.henkousub {
	margin: 5px 0px;
	background-color: #fff; /* ボックスの背景色 */
	border: 1px #c0c0c0 solid; /* ボックスの境界線 */
	overflow: hidden;
}

/* --- 見出し --- */
div.henkousub p.title {
	margin: 0; /* 見出しのマージン */
	padding: 6px 10px; /* 見出しのパディング（上下、左右） */
	background: #1f4e3a none repeat scroll 0 0;
	border-bottom: 1px #c0c0c0 solid;
	color: #fff;
}

/* --- 見出し --- */
div.henkousub p.titlesub {
	margin: 0; /* 見出しのマージン */
	padding: 2px 2px; /* 見出しのパディング（上下、左右） */
	background: #EDECCD none repeat scroll 0 0;
	border-bottom: 1px #c0c0c0 solid;
	color: #111;
}

/* --- リンク --- */
div.henkousub p {
	font-size: 0.9em;
	padding: 2px 2px;
}

/* 変更情報の更新ボタン */
div.henkousub p.get_henkousub {
	margin: 0px;
	padding: 3px 10px;
	font-size: 1.3em;
	font-weight: 600;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	text-decoration: underline;
	cursor: pointer;
	background: #fdfdfd none repeat scroll 0 0;
	background: -moz-linear-gradient(#fff, #F0F0F0);
	background: -webkit-linear-gradient(#fff, #F0F0F0);
	background: -ms-linear-gradient(#fff, #F0F0F0);
	border-top: 1px #c0c0c0 solid;
}

/*-------------------------------------
注釈
---------------------------------------*/
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;
}

table.hosoku {
}

table.hosoku.width100 {
	width: 100%;
}

table.hosoku td {
	padding: 2px 4px;
}

table.hosoku td.midasi {
	background: #014099;
	color: #fff;
}

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

/*-------------------------------------
基本テーブル
---------------------------------------*/
table.default td.cyakujun {
	width: 1em;  /* セルの横幅：1.8文字分 */
	width: 1.25em;
	padding: 0.1rem;
}

table.default .waku {
	width: 1em;  /* セルの横幅：1.8文字分 */
	padding: 0.1rem;
}

table.default .umaban {
	width: 1em;  /* セルの横幅：1.8文字分 */
	width: 1.25em;
	padding: 0.1rem;
}

table.default .kbamei {
	width: 11em;   /* セルの横幅 */
}


/* --- 表全体 --- */
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: 1px 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 th.sort {
	font-weight: 600;
	text-decoration: underline;
	cursor: pointer;
}

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

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

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

table.default tr.spacer td {
	background-color: #EDECCD;
	height: 0.2em;
}

table.default caption {
	font-weight: 600;
	background: #449A76 none repeat scroll 0 0;
	background: -moz-linear-gradient(#449A76, #1f4e3a);
	background: -webkit-linear-gradient(#449A76, #1f4e3a);
	background: -ms-linear-gradient(#449A76, #1f4e3a);
	text-align: center;
	color: #fff;
	border-bottom: 0px solid #1f4e3a;
	padding: 1px 5px;
}

table.default caption a {
	color: #fff;
}

table.default th.keta3 {
	width: 1.5em;
}

table.default th.keta7 {
	width: 3.5em;
}

table.default th.umaban {
	width: 1em;
	width: 1.25em;
}

table.default th.sirusi {
	width: 1em;
}



/*-------------------------------------
スピード指数用
---------------------------------------*/
table.speed {
	/* table-layout: fixed; */
}

table.speed td {
	height: 4.4em;
}

table.speed th.speed {
	width: 8em;
}

table.speed td.speed a {
	text-decoration: none;
}

table.speed td.speed a:hover {
	text-decoration: underline;
}

table.speed td p.speed span.speed {
	padding: 2px;
	background-color: #fff;/*背景色*/
	color: #111;
}

table.speed td p.speed span.speedbest {
	padding: 2px;
	background-color: #fff;/*背景色*/
	color: #111;
	font-weight: 600;
}

/*-------------------------------------
ローテーション用
---------------------------------------*/
table.rote {
	table-layout: fixed; 
}

table.rote td {
	height: 3.4em;
}

table.rote th.rote {
	width: 5em;
}

table.rote td.rote a {
	text-decoration: none;
}

table.rote td.rote a:hover {
	text-decoration: underline;
}

/*-------------------------------------
対戦成績用
---------------------------------------*/
table.taisen {
	table-layout: fixed; 
}

table.taisen td {
	height: 3em;
}

table.taisen th.taisen {
	width: 8em;
}

table.taisen td.taisen a {
	text-decoration: none;
}

table.taisen td.taisen a:hover {
	text-decoration: underline;
}

table.taisen td.cyaku1 {
	background: #FFE8E8;
}

table.taisen td.cyaku2 {
	background: #D9ECFF;
}

/*-------------------------------------
前後半タイム 用
---------------------------------------*/
table.zenkouhan {
	table-layout: fixed; 
}

table.zenkouhan td {
	height: 3em;
}

table.zenkouhan th.zenkouhan {
	width: 7em;
}

table.zenkouhan td.guide {
	font-size: 94%;
	line-height: 1.7;
	color: #666
}

table.zenkouhan td.zenkouhan a {
	text-decoration: none;
}

table.zenkouhan td.zenkouhan a:hover {
	text-decoration: underline;
}

table.zenkouhandata td {
	height: 1em;
	padding: 0;
}

/*-------------------------------------
今日の騎手厩舎 用
---------------------------------------*/
table.kyojost {
	table-layout: fixed; 
}

table.kyojost td {
	height: 2em;
}

table.kyojost td.kyojost a {
	text-decoration: none;
}

table.kyojost td.kyojost a:hover {
	text-decoration: underline;
}

/*  */
ul.kyojostdata  {
	display: table;
}

ul.kyojostdata li  {
	display: table-cell;
	text-align: right;
}

/*-------------------------------------
厩舎の話 用
---------------------------------------*/
table.danwa {
	table-layout: fixed;
	width: 100%;
}

table.danwa td {
	height: 1.5em;
}

table.danwa th.seirei {
	width: 3em;
}

table.danwa td.danwa {
	text-align: left;
	vertical-align: top;
	height: 3em;
}

/*-------------------------------------
前走の勝因敗因 用
---------------------------------------*/
table.syoin {
	table-layout: fixed; 
	width: 100%;
}

table.syoin td {
	height: 1.5em;
}

table.syoin th.seirei {
	width: 3em;
}

table.syoin th.bamei {
	width: 100%;
}

table.syoin td.syoin {
	width: 25em;
	text-align: left;
	vertical-align: top;
}

div.syoindata {
	position: relative;
	margin: 0.1em 0;
	padding: 1.5em 0.5em 0.1em;
	border: solid 1px #268300;
}

div.syoindata .syoindata-title {
	position: absolute;
	display: inline-block;
	top: -2px;
	left: -2px;
	padding: 0 9px;
	background: #268300;
	color: #fff;
	font-weight: bold;
}
div.syoindata p {
	margin: 0; 
	padding: 0;
}

/*-------------------------------------
Ｍｙメモ 用
---------------------------------------*/
table.memo {
	table-layout: fixed; 
}

table.memo td {
	height: 3em;
}

table.memo td.memo {
	width: 25em;
	text-align: left;
	vertical-align: top;
}

/*-------------------------------------
パドック情報 用
---------------------------------------*/
table.paddock {
	table-layout: fixed; 
	width: 100%;
}

table.paddock td {
	height: 2em;
}

table.paddock th {
	font-size: 0.9em;
}

table.paddock td.comment {
	width: 25em;
	text-align: left;
	vertical-align: top;
}

table.paddock th.keta3 {
	width: 1.5em;
}

table.paddock th.keta10 {
	width: 5em;
}

.hyoka_s {
	background-color: #1976D2;
	color: #fff;
}

.hyoka_a {
	background-color: #d71a1a;
	color: #fff;
}

.hyoka_b {
	background-color: #268300;
	color: #fff;
}

.hyoka_ana {

}

/*-------------------------------------
ギリギリ情報 用
---------------------------------------*/
table.girigiri {
	table-layout: fixed; 
}

table.girigiri td {
	height: 2em;
}

table.girigiri td.comment {
	width: 25em;
	text-align: left;
	vertical-align: top;
}

/*-------------------------------------
調教 用
---------------------------------------*/
table.cyokyo {
	/*	table-layout: fixed;	*/
	width: 100%;
}

table.cyokyo th.cyokyo,
table.cyokyo td.cyokyo {
	width: 100%;
}

table.cyokyo th.tanpyo,
table.cyokyo td.tanpyo {
	/* width: 10em;	*/
	text-align: left;
	font-size: 0.9em;
}

table.cyokyo th.yajirusi,
table.cyokyo td.yajirusi {
	width: 1.5em;
}

table.cyokyo th,
table.cyokyo td {
	height: 1em;
	/* font-size: 98%; */
	padding: 0px 1px; */
}

table.cyokyo tr.spacer td {
	background-color: #EDECCD;
	height: 0.2em;
}

table.cyokyo td.kbamei {
	background-color: #ff0;
	text-align: left;
	font-weight: 600;
}


/* --- 調教部分 --- */
table.cyokyodata {
	margin: 1px 1px 1px 1px;
	border-collapse: separate;
	border-spacing: 1px;
	background-color: #fafafa;
	border: none;
	border-bottom: 1px solid #268300;
	width: 100%;
}

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

table.cyokyodata tr:hover {
	/* background: #fff; */
}

table.cyokyodata tr.oikiri td {
	color: #00f;
}

table.cyokyodata th {
	background-color: #268300;
	background-color: #EDECCD;
	color: #fff;
	color: #111;
	width: 2.8em;
}

table.cyokyodata th.mark {
	width: 1em;
}

table.cyokyodata th.norite {
	width: 4em;
}

table.cyokyodata th.tukihi {
	width: 3em;
}

table.cyokyodata th.time {
	width: 3em;
}

table.cyokyodata th.harrow {
	width: 3.5em;
}

table.cyokyodata th.corse {
	width: 5em;
	text-align: center;
}

table.cyokyodata th.baba {
	width: 2.5em;
}

table.cyokyodata th.mawariiti {
	width: 2em;
}

table.cyokyodata td.asiiro {
	width: 6em;
}

table.cyokyodata th.tanpyo {

}

table.cyokyodata td.mark {
	text-align: center;
}

table.cyokyodata td.norite {
	text-align: center;
}

table.cyokyodata td.tukihi {
	text-align: center;
}

table.cyokyodata td.harrow {
	text-align: center;
}

table.cyokyodata td.time {

}

table.cyokyodata td.corse {
	text-align: center;
}

table.cyokyodata td.baba {
	text-align: center;
}

table.cyokyodata td.mawariiti {
	text-align: center;
}

table.cyokyodata td.asiiro {
	text-align: left;
}

table.cyokyodata td.tanpyo {
	text-align: left;
}

table.cyokyodata td.movie {
	text-align: center;
}

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

table.cyokyodata tr.time td {
	width: 4em;
}

table.cyokyodata tr.time td.asiiro {
	width: 6em;
}

table.cyokyodata tr.time  td.mawariiti {
	text-align: center;
	width: 2em;
}

/* --- 攻め解説用 --- */
div.semekaisetu {
	position: relative;
	margin: 0.1em 0;
	padding: 1.5em 0.5em 0.1em;
	border: 1px solid #014099;
	border-right: 1px solid #014099;
	border-bottom: 1px solid #014099;
	background: #f8fafc;
}

div.semekaisetu .semekaisetu-title {
	position: absolute;
	display: inline-block;
	top: -2px;
	left: -2px;
	padding: 0 9px;
	background: #014099;
	color: #fff;
	font-weight: bold;
}
div.semekaisetu p {
	margin: 0; 
	padding: 0;
	text-align: left;
}

table.cyokyodata tr.time td.roku_furlong {
	width: 5em;
}

/*-------------------------------------
ベスト調教 用
---------------------------------------*/
table.bestcyokyo {
	font-size: 0.9em;
}

table.bestcyokyo th {
	background-color: #268300;
	color: #fff;
}

table.bestcyokyo th {
	text-align: center;
}

table.bestcyokyo td {
	width: 2.8em;
	text-align: right;
	white-space: nowrap;
}

table.bestcyokyo td.kbamei {
	text-align: left;
}

/*-------------------------------------
トラックマン直前情報 用
---------------------------------------*/
table.cyokuzen {
	table-layout: fixed; 
}

table.cyokuzen td {
	height: 2em;
}

/*-------------------------------------
PHOTOパドック 用
---------------------------------------*/
p.photopaddock {
	margin: 10px 5%;
}

p.photopaddock img {
	padding: 1px;
	border: 1px solid #fafafa;
}

table.kettouhyo {
	table-layout: fixed; 
	width: 100%;
}

table.kettouhyo td {
	width: 33%;
	padding: 1px 4px;
	text-align: left;
	background: #E1DDF7;
	line-height: 0.9;
}

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

/* --- 血統表用 --- */
div.kettouhyo {
	position: relative;
	margin: 0.1em 0;
	padding: 0.1em 0.5em 0.1em;
	border: 1px solid #B30002;
	border-right: 1px solid #B30002;
	border-bottom: 1px solid #B30002;
	background: #f8fafc;
}

div.kettouhyo .kettouhyo-title {
	position: absolute;
	display: inline-block;
	top: -2px;
	left: -2px;
	padding: 0 9px;
	background: #B30002;
	color: #fff;
	font-weight: bold;
}
div.kettouhyo p {
	margin: 0; 
	padding: 0;
}

/*-------------------------------------
特集 用
---------------------------------------*/
table.tokusyu {
	table-layout: fixed; 
}

table.tokusyu td {
	height: 2em;
}

/*-------------------------------------
オッズ 用
---------------------------------------*/
table.odds {
	border-collapse: collapse;
	border-spacing: 0px;
	background-color: #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 0.8em;
	width: 100%;
}

table.odds th {
	padding 1px 2px;
}

table.odds td {
	padding: 1px 2px;
	height: 2em;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

table.odds td.hyphen {
	width: 6px;
	text-align: center;
	border-left: none;
	border-right: none;
	font-size: 0.5em;
}

table.odds td.odds4 {
	padding: 1px 2px;
	width: 2.5em;
	text-align: right;
}

table.odds td.hyphen + td {
	border-left: none;
}

table.odds td.odds5 {
	width: 3em;
	text-align: right;
}

.odds_low {
	color: #c00;
	font-weight: 600;
}

/* 並び替え用 */
table.odds th.header {
	text-decoration: underline;
	cursor: pointer;
}

table.odds th.none,
table.odds td.none {
	display: none;
	/* background-color: #999; */
}

/*-------------------------------------
オッズ 用（実際にオッズを表示する）
---------------------------------------*/
div.oddsdata {
	margin-bottom: 10px;
	font-size: 0.9em;
	margin:0 0 10px;
	display:flex;
	-webkit-box-lines:multiple;
	flex-wrap:wrap;
	align-items: flex-start;
}

div.oddsdata table.oddsdata {
	margin: 1px;
	border-collapse: collapse;
	border-spacing: 0px;
	background-color: #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.oddsdata td {
	height: 1em;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

table.oddsdata td.hyphen {
	width: 0.5em;
	text-align: center;
	border-left: none;
	border-right: none;
}

table.oddsdata td.odds4 {
	width: 2.5em;
	text-align: right;
}

table.oddsdata td.hyphen + td {
	border-left: none;
}

table.oddsdata td.odds5 {
	width: 3em;
	text-align: right;
}

/* --- 相手の枠番・馬番 --- */
table.oddsdata td.aite {
	background-color: #EDECCD;
}

table.oddsdata .umaban {
	width: 1em;
}

/* --- 3連複・3連単の目 --- */
table.oddsdata .umaban3tou {
	width: 5em;
}

/* --- 馬連・馬単の目 --- */
table.oddsdata .umaban2tou {
	width: 3em;
}

/* --- 人気順（3桁） --- */
table.oddsdata .ninki3keta {
	width: 2em;
	background-color: #e9effb;
}

/*-------------------------------------
騎手・調教師・馬主・生産者ページ名前部分
---------------------------------------*/
div.profilebox {
}

div.profilebox div.profilephoto {
	padding: 5px 0;
}

div.profilephoto div.photo {
	float: left;
	width: 100%;
	text-align: center;
}

div.profilephoto div.photo img {
	padding: 1px;
	border: 1px solid #ddd;
}

div.profilephoto div.kihon {
	float: left;
	margin: 0px;
	width: 100%;
}

div.profiletitle  {
	padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
	color: #494949;/*文字色*/
	background: #333;/*背景色*/
	border: solid 1px #1f4e3a;
	border: double 3px #fff;/*左線*/
	margin: 0 0 5px;
	font-weight: 600;
}

div.profiletitle h2,
div.profiletitle h3 {
	padding-bottom: .2em;
	color:#fff;
	font-size: 100%;
	line-height: 1.5;
}

div.profiletitle .other {
	margin: 1px 0 0 1px;
	color:#fff;
	font-size: 0.8em;
}

/* 中央抹消 */
span.cyuou_masyo {
	border: 1px solid #8b1717;
	background: #b30002;
	padding: 0.25rem;
	color: #fff;
	font-size: 1em;
}

/*-------------------------------------
騎手・調教師・馬主・生産者ページ
---------------------------------------*/
table.profile {
	width: 100%;
}

table.profile td {
	height: 2em;
	text-align: left;
	padding: 1px 5px;
}

/*  */
table.profiledata {
	width: 100%;
}

table.profiledata th.sort {
	font-weight: 600;
	text-decoration: underline;
}

table.profiledata th {
	font-size: 0.9em;
	white-space: nowrap;
}

table.profiledata td {
	height: 2em;
	text-align: right;
	padding: 1px 2px;
	white-space: nowrap;
}

table.profiledata th.keta16 {
	width: 8em;
}

table.profiledata th.keta4 {
	width: 2.5em;
}

table.profiledata th.keta5 {
	width: 3em;
}

table.profiledata th.keta14 {
	width: 7em;
}

table.profiledata th.keta12 {
	width: 6em;
}

/* --- 抹消馬 --- */
table.profiledata td.masyo {
	background-color: #e5e5e5;
}

/* 履歴 */
table.profileseiseki {
	width: 100%;
}

table.profileseiseki th {
	font-size: 0.9em;
}

table.profileseiseki td {
	height: 1.5em;
	text-align: right;
	border: 1px solid #fff;
	white-space: nowrap;
}

table.profileseiseki th.tuka {
}

/* 通過順 */
ul.tuka  {
	display: table;
}

ul.tuka li  {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 18px;
}

ul.tuka li.maru  {
	border: solid 0.5px #111;
	border-radius: 60%;
	width: 1.2em;
}

ul.tuka li.kaku  {
	border: solid 0.5px #111;
	width: 1.2em;
}

/* 成績一覧 */
table.profileseisekiichiran {
	width: 100%;
}

table.profileseisekiichiran th {
	width: 1.8em;
	font-size: 0.9em;
}

table.profileseisekiichiran th.tukihi {
	width: 3em;
}

table.profileseisekiichiran th.keibajyo {
	width: 3.5em;
}

table.profileseisekiichiran th.kachikura {
	width: auto;
}

table.profileseisekiichiran td {
	height: 1.5em;
	text-align: right;
	border: 1px solid #fff;
}

table.profileseisekiichiran td a {
	display: block;
}

/*-------------------------------------
今週の出走馬 用
---------------------------------------*/
table.syusouba {
	width: 100%;
}

table.syusouba td {
	height: 2em;
	text-align: left;
	padding: 1px 3px;
	white-space: nowrap;
}

table.syusouba th.sort {
	font-weight: 600;
	text-decoration: underline;
}

table.syusouba th.active {
	font-weight: 600;
	text-decoration: underline;
}

table.syusouba th.race {
	width: 1.5em;
}

table.syusouba th.kyori {
	width: 3.5em;
}

table.syusouba th.kinryo {
	width: 2em;
}
.box29 {
	margin: 2em 0;
	background: #dcefff;
}
.box29 .box-title {
	font-size: 1.2em;
	background: #5fb3f5;
	padding: 4px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0.05em;
}
.box29 p {
	padding: 15px 20px;
	margin: 0;
}
/*---------------------
 メニューボックス
---------------------*/
ul.menubox {
	border-top: 0px solid #ddd;
	display: flex;
	flex-wrap: wrap;
}

ul.menubox li {
	float: left;
	width: 100%;
	margin: 1% 0.4%;
}

ul.menubox li a {
	display: block;
	background-color: #fafafa;
	border: 1px solid #dedede;
	text-decoration: none;
	color: #444;
}

ul.menubox li a:hover {
	display: block;
	background-color: #fff;
	color: #022eb0;
	text-decoration: underline;
}

ul.menubox li span.image {
	float: left;
	height: 90px;
	width: 90px;
	margin-right: 10px;
}

ul.menubox li p.title {
	background: #398c67 none repeat scroll 0 0;
	background: -moz-linear-gradient(#449A76, #1f4e3a);
	background: -webkit-linear-gradient(#449A76, #1f4e3a);
	background: -ms-linear-gradient(#449A76, #1f4e3a);
	padding: 4px;
	text-align: center;
	font-size: 1.2em;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0.05em;
}

ul.menubox li p.honbun {
	font-size: 1.1em;
	padding: 10px 15px 5px;
	margin: 0;
	/* min-height: 85px; */
}

ul.menubox li p.updatetime {
	border-top: 1px solid #eee;
	text-align: right;
}

/*---------------------
 予想コラムのタイトル
---------------------*/
div.yosoucolumnbox {
	margin: 10px 10px 5px;
	background-color: #fff; /* ボックスの背景色 */
}

div.columnheader {
	background: #014099;/*背景色*/
	border-bottom: 1px #dadada solid; /* ボックスの境界線 */
	border: 2px #014099 solid; /* ボックスの境界線 */
	border-right: 3px #014099 solid; /* ボックスの境界線 */
	border-radius: 8px 8px 0px 0px ;
}

div.columnheader p.title {
	padding: 0.1em 10px;/*文字の上下 左右の余白*/
	color: #fff;/*文字色*/
	font-weight: 600;
	font-size: 1.3em;
}

ul.columnAuthor {
	background-color: #fff; /* ボックスの背景色 */
}

ul.columnAuthor li.writer {
	padding: 0.3em 0.8em;/*文字の上下 左右の余白*/
	float: left;
	text-align: left;
}

ul.columnAuthor li.date {
	padding: 0.3em 0.8em;/*文字の上下 左右の余白*/
	float: right;
	text-align: right;
	font-size: 0.9em;
}

div.columnhonbun {
	background: #fafafa;/*背景色*/
	border-right: 3px #014099 solid; /* ボックスの境界線 */
	border-bottom: 3px #014099 solid; /* ボックスの境界線 */
	border-left: 2px #014099 solid; /* ボックスの境界線 */
	border-radius: 0px 0px 8px 8px ;
}

div.columnhonbun p {
	color: #111;/*文字色*/
	padding: 0.8em;/*文字の上下 左右の余白*/
}

/* ---  --- */
div.columnhonbun span.tmimage_right {
	float: right;
	margin: 5px;
	border: 1px solid #ccc;
}

/*---------------------
 CPUベスト5
---------------------*/
table.cpubest {
	width: 100%;
	margin-bottom: 10px;
}

table.cpubest td {
	height: 2em;
	text-align: right;
	padding: 1px 3px;
	white-space: nowrap;
}

table.cpubest th.midasi {
	font-weight: 600;
	font-size: 1.1em;
	background-color: #014099;
	color: #fff;
	border: 4px solid #EDECCD;
}

table.cpubest th {
	width: 3em;
}

table.cpubest th.keta8 {
	width: 4em;
}

table.cpubest td a {
	display: block;
}

/*---------------------
 騎手今日の馬・厩舎今日の馬
---------------------*/
table.kyokisyu {
	width: 100%;
	margin-bottom: 10px;
}

table.kyokisyu td {
	height: 2em;
	text-align: left;
	padding: 1px 3px;
	white-space: nowrap;
}

table.kyokisyu th.midasi {
	font-weight: 600;
	background-color: #014099;
	color: #fff;
	border: 2px solid #EDECCD;
	text-align: left;
}

table.kyokisyu th.midasi a {
	color: #fff;
}

table.kyokisyu th.keta8 {
	width: 4em;
}

table.kyokisyu th.keta4 {
	width: 2em;
}

table.kyokisyu th.keta12 {
	width: 6em;
}

table.kyokisyu th.keta6 {
	width: 3em;
}

table.kyokisyu td a {
	display: block;
}

/*---------------------
 V作戦
---------------------*/
table.vsakusen {
	width: 100%;
	margin: 0 auto;
}

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

table.vsakusen td {
	height: 2em;
	text-align: center;
	padding: 1px 3px;
	white-space: nowrap;
	width: 4em;
}

table.vsakusen th.midasi {
	font-weight: 600;
	border: 2px solid #EDECCD;
	text-align: left;
}

table.vsakusen th.midasi a {
	color: #111;
}

table.vsakusen td.hit1 {
	border: 1px solid #fff;
	background-color: #fff;
	border-bottom: 1px solid #c00;
}

table.vsakusen td.hit2 {
	border: 1px solid #fff;
	background-color: #fff;
	border-bottom: 3px solid #c33;
}

table.vsakusen td.hit3 {
	border: 1px solid #fff;
	background-color: #fff;
	border-bottom: 5px solid #c66;
}

/*---------------------
 コンピュータ勝敗表
---------------------*/
table.cpusyohaihyo {
	width: 100%;
	margin: 0 auto;
}

table.cpusyohaihyo th.sirusi {
	width: 1em;
}

table.cpusyohaihyo th.cpu {
	width: 1em;
}

table.cpusyohaihyo th.rating {
	width: 1em;
	font-size: 0.7em
}

table.cpusyohaihyo td {
	height: 2em;
	text-align: center;
	padding: 1px 3px;
	white-space: nowrap;
}

/* 的中時 */
table.cpusyohaihyo td.atari {
	background: #EDCDCD;
	border: 1px solid #fff;
	color: #c00;
	font-weight: 600;
}

table.cpusyohaihyo th.midasi {
	font-weight: 600;
	border: 2px solid #EDECCD;
	text-align: left;
}

table.cpusyohaihyo th.midasi a {
	color: #111;
}

/*---------------------
 馬番出目表
---------------------*/
table.demehyo {
	width: 99%;
	margin: 0 auto;
}

table.demehyo td {
	height: 1.5em;
	text-align: center;
	padding: 1px 3px;
	white-space: nowrap;
}

table.demehyo td.midasi {
	background: #EDECCD;
}

table.demehyo th.midasi {
	font-weight: 600;
	font-size: 1.1em;
	background-color: #014099;
	color: #fff;
	border: 1px solid #EDECCD;
}

/*---------------------
 本日の傾向
---------------------*/
table.keikou {
	width: 100%;
	margin: 0 auto;
}

table.keikou td {
	height: 1.5em;
	text-align: right;
	padding: 1px 3px;
	white-space: nowrap;
}

table.keikou td.midasi {
	background: #EDECCD;
	text-align: center;
}

table.keikou th.keta9 {
	width: 4.5em;
}

table.keikou th.keta16 {
	width: 8em;
}

/*---------------------
 本日の傾向（連対騎手）
---------------------*/
table.rentaikisyu {
	width: 100%;
	margin: 0 auto;
}

table.rentaikisyu td {
	height: 1.5em;
	text-align: center;
	padding: 1px 3px;
	white-space: nowrap;
}

table.rentaikisyu th.midasi {
	font-weight: 600;
	border: 2px solid #EDECCD;
	text-align: left;
}

table.rentaikisyu th.midasi a {
	color: #111;
}

/*---------------------
 キター万券
---------------------*/
table.kita {
	width: 100%;
	margin: 0 auto;
}

table.kita td {
	height: 1.5em;
	text-align: center;
	padding: 1px 3px;
	white-space: nowrap;
}

table.kita th.keta9 {
	width: 4.5em;
}

table.kita th.keta16 {
	width: 8em;
}

/*---------------------
 過去一覧
---------------------*/
table.kako {
	width: 100%;
	margin: 0 auto;
}

table.kako th {
	font-size: 1em;
}

table.kako td {
	height: 1.5em;
	text-align: center;
	padding: 1px 3px;
	white-space: nowrap;
	font-size: 1em;
}

table.kako th.midasi {
	font-weight: 600;
	background-color: #014099;
	text-align: center;
	color: #fff;
	border-bottom: 2px solid #fff;
}

table.kako caption {
	text-align: left;
}

/*---------------------
 過去一覧の払戻金
---------------------*/
table.kako-haraimoshi {
	width: 100%;
	margin: 1px auto;
}

table.kako-haraimoshi th {
	font-size: 1em;
}

table.kako-haraimoshi td {
	height: 1.5em;
	text-align: center;
	padding: 1px 3px;
	white-space: nowrap;
	font-size: 1em;
}

table.kako-haraimoshi td.midasi {
	background-color: #EDECCD;
	text-align: center;
}

/*---------------------
 レース結果
---------------------*/
table.seiseki {
	width: 100%;
	margin: 0 auto;
}

table.seiseki th {
	padding: 1px 0.2em;
	font-size: 0.9em;
}

table.seiseki td {
	height: 1.5em;
	text-align: center;
	padding: 1px 3px;
	font-size: 0.9em;
	padding: 1px 0.1em;
}

table.seiseki th.midasi {
	font-weight: 600;
	background-color: #014099;
	color: #fff;
	border: 2px solid #EDECCD;
	text-align: center;
}

table.seiseki tr.kugiri td {
	border-bottom: 1px solid #111;
}

/*---------------------
 レース結果の払戻金
---------------------*/
table.seiseki-haraimoshi {
	width: 100%;
	margin: 0 auto;
}

table.seiseki-haraimoshi th {
	font-size: 0.9em;
}

table.seiseki-haraimoshi td {
	height: 1.5em;
	text-align: center;
	padding: 1px 3px;
	white-space: nowrap;
	font-size: 0.9em;
}

table.seiseki-haraimoshi th.midasi {
	font-weight: 600;
	background: #449A76 none repeat scroll 0 0;
	background: -moz-linear-gradient(#449A76, #1f4e3a);
	background: -webkit-linear-gradient(#449A76, #1f4e3a);
	background: -ms-linear-gradient(#449A76, #1f4e3a);
	text-align: center;
	color: #fff;
	border-bottom: 2px solid #fff;
}

table.seiseki-haraimoshi td.midasi {
	background-color: #EDECCD;
	text-align: center;
}

/*---------------------
 レース結果のその他
---------------------*/
table.seiseki-etc {
	width: 100%;
	margin: 0 auto;
}

table.seiseki-etc caption {
	font-weight: 600;
	background: #449A76 none repeat scroll 0 0;
	background: -moz-linear-gradient(#449A76, #1f4e3a);
	background: -webkit-linear-gradient(#449A76, #1f4e3a);
	background: -ms-linear-gradient(#449A76, #1f4e3a);
	text-align: center;
	color: #fff;
	border-bottom: 2px solid #fff;
}

table.seiseki-etc th {
	font-size: 0.9em;
	width: 8em;
}

table.seiseki-etc td {
	height: 1.5em;
	text-align: left;
	padding: 1px 3px;
	font-size: 0.9em;
}

table.seiseki-etc td.midasi {
	background-color: #EDECCD;
	text-align: center;
}

/*---------------------
 レース結果の通過タイム
---------------------*/
table.seiseki-tuka {
	margin-right: auto;
}

table.seiseki-tuka caption {
	font-weight: 600;
	background: #449A76 none repeat scroll 0 0;
	background: -moz-linear-gradient(#449A76, #1f4e3a);
	background: -webkit-linear-gradient(#449A76, #1f4e3a);
	background: -ms-linear-gradient(#449A76, #1f4e3a);
	text-align: center;
	color: #fff;
	border-bottom: 2px solid #fff;
}

table.seiseki-tuka th {
	font-size: 0.9em;
	width: 3em
}

table.seiseki-tuka td {
	height: 1.5em;
	text-align: center;
	padding: 1px 3px;
	white-space: nowrap;
	font-size: 0.9em;
}

/*---------------------
 レース結果の写真
---------------------*/
div.seiseki_photo {
	margin 0 auto;
	width: 100%;
	text-align: center;
}

div.seiseki_photo img {
	padding: 1px;
	border: 1px solid #ddd;
}

/*---------------------
 重賞一覧
---------------------*/
table.jusyoichiran {
	width: 100%;
	margin: 0 auto;
	white-space: nowrap;
}

table.jusyoichiran th {
	font-size: 0.9em;
}

table.jusyoichiran td {
	height: 2em;
	text-align: left;
	padding: 1px 3px;
	font-size: 0.9em;
}

table.jusyoichiran td.midasi {
	background-color: #EDECCD;
	text-align: center;
}

table.jusyoichiran th.midasi {
	font-weight: 600;
	background-color: #014099;
	color: #fff;
	border: 2px solid #EDECCD;
	text-align: left;
}

/* --- 過去一覧アイコン --- */
.icon_kako {
	background-color: #fafafa;
	border: 1px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	padding: 1px;
}

/* --- レコードタイム --- */
.racord {
	background-color: #111;
	color: #fff;
	padding: 2px;
}


/*-------------------------------------
開催日程の月の切り替え
---------------------------------------*/
div.tab > ul {
	display: table;
	width: 100%;
}

div.tab.month > ul {
	border-radius: 4px;
	border: 1px solid #ddd;
	table-layout: fixed;
}

div.tab > ul > li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

div.tab.month > ul > li {
	border-right: 1px solid #ddd;
	padding: 8px 0;
}

div.tab.month > ul > li.active {
	background: #1f4e3a none repeat scroll 0 0;
	background: -moz-linear-gradient(#005D36, #1f4e3a);
	background: -webkit-linear-gradient(#005D36, #1f4e3a);
	background: -ms-linear-gradient(#005D36, #1f4e3a);
	color: #fff;
}

div.tab.month > ul > li.active a {
	color: #fff;
}

div.tab.month > ul > li > a {
	display: block;
	font-weight: bold;
}

div.tab.month > ul > li > a:hover {
	background: #EDECCD;
}

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

	div.tab.month > ul > li {
		float: left;
		border-bottom: 1px solid #eee;
		width: 16%;
	}

}

/*-------------------------------------
開催日程の月日と競馬場
---------------------------------------*/
div.nittei > dl {
	display: table;
	width: 100%;
	line-height: 1;
	margin-bottom: 2px;
}

div.nittei > dl > dt.tukihi {
	display: table-cell;
	width: 3.5em;
	background: #333;
	border: 2px double #fff;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	height: 2.5em;
	padding: 2px 0;
}

div.nittei > dl > dt.tenkoubaba {
	display: table-cell;
	width: 3.5em;
	background: #EDECCD;
	border: 2px double #fff;
	color: #111;
	vertical-align: middle;
	text-align: center;
	height: 3em;
}

div.nittei > dl > dt.tukihi.hatubai {
	display: table-cell;
	width: 3.5em;
	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;
	vertical-align: middle;
	text-align: center;
	height: 3em;
}

div.nittei > dl > dt.tukihi.junbi {
	display: table-cell;
	width: 3.5em;
	background: #2B618F ; /* #006837; */
	background: -moz-linear-gradient(top,#2B618F  0%,#3F51B5);
	background: -webkit-gradient(linear, left top, left bottom, from(#2B618F), to(#3F51B5));
	border: 2px solid #1d3994;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	height: 3em;
}

div.nittei > dl > dt.tukihi.backnumber {
	display: table-cell;
	width: 3.5em;
	background: #fff ; /* #006837; */
	border: 2px solid #fff;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	height: 3em;
}

/* パソコン用 */
@media only screen and (min-width: 768px){

	div.nittei > dl > dd > ul {
		display: table;
		width: 100%;
	}

	div.nittei > dl > dd > ul {
		border-radius: 4px;
		border: 1px solid #eee;
		table-layout: fixed;
	}

	div.nittei > dl > dd > ul > li {
		display: table-cell;
		vertical-align: middle;
		height: 3em;
	}

	div.nittei > dl > dd > ul > li {
		border-right: 1px solid #eee;
		background: #fdfdfd none repeat scroll 0 0;
		background: -moz-linear-gradient(#fff, #fafafa);
		background: -webkit-linear-gradient(#fff, #fafafa);
		background: -ms-linear-gradient(#fff, #fafafa);
		text-align: center;
		font-weight: bold;
	}

	div.nittei > dl > dd > ul > li > a {
		display: block;
		text-decoration: none;
	}

	div.nittei > dl > dd > ul > li > a:hover {
		text-decoration: underline;
	}

	div.nittei > dl > dd > ul > li.syukansi {
		text-align: left;
		padding: 0.5em 1em;
	}
}

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

	div.nittei > dl > dd > ul {
		width: 100%;
	}

	div.nittei > dl > dd > ul {
		border-radius: 4px;
		border: 1px solid #eee;
	}

	div.nittei > dl > dd > ul > li {
		float: left;
		display: table;
		border-right: 1px solid #eee;
		background: #fdfdfd none repeat scroll 0 0;
		background: -moz-linear-gradient(#fff, #fafafa);
		background: -webkit-linear-gradient(#fff, #fafafa);
		background: -ms-linear-gradient(#fff, #fafafa);
		border-bottom: 1px solid #eee;
		width: 32.5%;
		text-align: center;
	}
	
	div.nittei > dl > dd > ul > li.syukansi {
		width: 99%;
		text-align: left;
	}

	div.nittei > dl > dd > ul > li > div {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		height: 2.5em;
		padding: 2px 0;
	}

	div.nittei > dl > dd > ul > li.syukansi > div {
		display: table-cell;
		vertical-align: middle;
		text-align: left;
		padding: 8px 1em;
		height: 3em;
	}
}


div.nittei > dl > dd > ul > li p.keibajyo {
	width: 100%;
}

div.nittei > dl > dd > ul > li p.jusyo {
	margin-top: 1px;
	font-size: 0.7em;
	color: #999;
}

div.nittei > dl > dd > ul > li p.syukansi {
	margin-top: 3px;
	font-size: 0.8em;
	color: #333;
	text-indent: 0.1em;
}

/*-------------------------------------
開催情報
---------------------------------------*/

/*---------------------
開催情報の日付の切り替え
---------------------*/
div.tab_menu {
	display: table;
	width: 100%;
}

div.tab_menu > div {
	display: table-cell;
	vertical-align: middle;
}

div.tab_menu > div.prev,
div.tab_menu > div.next {
	border: 1px solid #eee;
	background: #fdfdfd none repeat scroll 0 0;
	background: -moz-linear-gradient(#fff, #fafafa);
	background: -webkit-linear-gradient(#fff, #fafafa);
	background: -ms-linear-gradient(#fff, #fafafa);
	color: #000;
}

div.tab_menu > div.prev > p > a,
div.tab_menu > div.next > p > a {
	display: block;
	text-align: center;
	padding: 0 10px;
	font-weight: bold;
	font-size: 140%;
	color: #000;
	text-decoration: none;
}

div.tab_menu > div.day {
	width: 100%;
}

div.tab_menu > div.day > ul {
	display: table;
	border-radius: 4px;
	border: 1px solid #ddd;
	table-layout: fixed;
	width: 100%;
}

div.tab_menu > div.day > ul > li {
	display: table-cell;
	vertical-align: middle;
	border-right: 1px solid #ddd;
	padding: 8px 0;
	text-align: center;
}

div.tab_menu > div.day > ul > li {
}

div.tab_menu > div.day > ul > li.active {
	background: #1f4e3a none repeat scroll 0 0;
	background: -moz-linear-gradient(#005D36, #1f4e3a);
	background: -webkit-linear-gradient(#005D36, #1f4e3a);
	background: -ms-linear-gradient(#005D36, #1f4e3a);
	color: #fff;
}

div.tab_menu > div.day > ul > li.active a {
	color: #fff;
}

div.tab_menu > div.day > ul > li > a {
	display: block;
	text-align: center;
	font-weight: bold;
}

div.tab_menu > div.day > ul > li > a:hover {
	/*	background: #EDECCD; */
}

/*---------------------
開催情報の競馬場のレイアウト
---------------------*/
div.kaisai {
	width: 100%;
}

div.kaisai > div {
	float: left;
	margin: 0 0.1%;
	width: 33%;
	overflow: hidden;
	min-height:1px;
}

table.kaisai {
	width: 100%;
	margin: 0 auto;
	white-space: normal;
}

table.kaisai th.midasi {
	font-weight: 600;
	background-color: #014099;
	color: #fff;
	text-align: center;
}

table.kaisai th.keta6 {
	width: 3em;
}

table.kaisai td a {
	text-decoration: none;
}

table.kaisai td a:hover {
	text-decoration: underline;
}

table.kaisai td p.seiseki {
	border: 1px solid #fff;
	border-radius: 3px;
	background: #fff;
	color: #bbb;
	padding: 0.1em;
}

table.kaisai td p.seiseki a {
	display: block;
	border-radius: 5px;
	border: 1px solid #fff;
	background-color: #014099;
	padding: 5px 0;
	color: #fff;
}

/*---------------------
開催情報の天候馬場
---------------------*/
table.tenkoubaba {
	width: 100%;
	margin: 0 auto;
	white-space: nowrap;
	font-weight: normal;
	background-color: #eee;
}

table.tenkoubaba th.midasi {
	font-weight: 600;
	background-color: #1f4e3a;
	color: #fff;
	text-align: center;
}

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

table.dbform th  { 
	padding: 3px;
	border: 1px solid #fafafa; 
	background: #EDECCD;
	width: 20%;
	font-size: 0.9em;
}
table.dbform td { 
	text-align: left;
	width: 79%;
}

/*---------------------
データ検索（レース）
---------------------*/
table.search_race {
	width: 100%;
	margin: 0 auto;
}

table.search_race td {
	height: 2em;
	text-align: center;
	padding: 1px 2px;
	white-space: nowrap;
}

table.search_race td.normal {
	white-space: normal;
}

/*---------------------
データ検索（馬）
---------------------*/
table.search {
	width: 100%;
	margin: 0 auto;
}

table.search td {
	height: 2em;
	text-align: left;
	padding: 1px 2px;
	white-space: nowrap;
}

table.search td.normal {
	white-space: normal;
}

ul.dblist {
	width: 100%;
}

ul.dblist li {
	float: left;
	border: 1px solid #eee;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	margin: 8px;
	text-align: center;
}

ul.dblist li a {
	display: block;
}

/*---------------------
リーディング
---------------------*/
table.leading {
	width: 100%;
	margin: 0 auto;
}

table.leading th {
	white-space: nowrap;
}

table.leading td {
	height: 1.5em;
	text-align: right;
	padding: 1px 2px;
	white-space: nowrap;
}

table.leading caption {
	font-weight: 600;
	background: #449A76 none repeat scroll 0 0;
	background: -moz-linear-gradient(#449A76, #1f4e3a);
	background: -webkit-linear-gradient(#449A76, #1f4e3a);
	background: -ms-linear-gradient(#449A76, #1f4e3a);
	text-align: center;
	color: #fff;
	border-bottom: 2px solid #fff;
}

table.sire {
	font-size: 0.9em;
}

/*---------------------
スマホの出馬表・枠順確定前出馬・特別登録馬
---------------------*/

/* --- レース名 --- */
div.racetitle  {
	padding: 0.2em 0.5em;/*文字の上下 左右の余白*/
	color: #fff;/*文字色*/
	background: #333;/*背景色*/
	border-top: double 3px #fff;
	border-bottom: double 3px #fff;
	margin: 0 0 5px;
	font-weight: 600;
}

div.racetitle .racemei {
	padding-bottom: .2em;
	position: relative;
}

div.racetitle .racemei span.open {
	position: absolute;
	right: 10px;
	bottom: 0.2em;
	color: #fff
	font-size: 0.9em;
}

div.racetitle .racemei span.open:after  {
	content:"▼";
}

div.racetitle .racemei.active span.open  {
	position: absolute;
	right: 10px;
	bottom: 0.2em;
}

div.racetitle .racemei.active span.open:after  {
	content:"▲";
}

div.racetitle_sub  {
	padding: 0.2em 0.3em;/*文字の上下 左右の余白*/
	color: #111;/*文字色*/
	border: 1px solid #aaa;
	background: #fdfdfd none repeat scroll 0 0;
	background: -moz-linear-gradient(#fff, #fafafa);
	background: -webkit-linear-gradient(#fff, #fafafa);
	background: -ms-linear-gradient(#fff, #fafafa);
	margin: 0 0 5px;
	font-size: 0.9em;
	font-weight: normal;
}

table.syutuba_sp {
	width: 100%;
	margin: 0 auto;
}

table.syutuba_sp th {
	padding: 1px 0.5px;
	white-space: nowrap;
	font-size: 0.9em;
}

table.syutuba_sp th.keta12 {
	width: 6em;
}

table.syutuba_sp th.keta7 {
	width: 3.5em;
}

table.syutuba_sp th.tmyoso {
	width: 1em;
}

table.syutuba_sp th.mysirusi {
	width: 1.25em;
}

table.syutuba_sp td {
	height: 1.5em;
	padding: 1px 0.25em;
	font-size: 0.9em;
}

/* 小さいスマホ用（iPhone5） */
@media only screen and (max-width: 350px) , print {
	table.syutuba_sp td {
		padding: 1px 0.1em;
	}
}

/* 小さいスマホ用（iPhone6s・iPhone7） */
@media only screen and (max-width: 400px) , print {
	table.syutuba_sp td {
		padding: 1px 0.1em;
	}
}

table.syutuba_sp td span.kbamei {
	font-size: 1rem;
}

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

/* --- 取消・競走除外 --- */
table.syutuba_sp td.lh1 > p {
	line-height: 1.2;
}

/* 大き目のスマホ用 */
@media only screen and (min-width: 400px) , print {
	table.default {
		font-size: 1.0em;
	}

	table.default td {
		padding: 1px 0.3em;
	}
}

/* --- 特別登録馬のときはpaddingを広く --- */
table.tokubetu td {
	padding: 1px 0.3em;
}

/* --- 枠順確定前出馬のときはpaddingを広く --- */
table.wakujunkakuteimae td {
	padding: 1px 0.3em;
}

table.syutuba_sp td.mysirusi {
	font-size: 1rem;
	padding: 1px 0.5em;
}

.js-yoso-show svg {
	display: block;
}

/*---------------------
スマホのコンピュータ予想
---------------------*/
table.cpu {
	width: 100%;
	margin: 0 auto;
	font-size: 0.9em;
}

table.cpu th.waku {
	display: none;
}

table.cpu td.waku {
	display: none;
}


/* 大き目のスマホ用 */
@media only screen and (min-width: 400px) , print {
	table.cpu th.waku {
		display: table-cell;
	}
	table.cpu td.waku {
		display: table-cell;
	}
}


/*---------------------
スマホのコンピュータ予想の連番
---------------------*/
table.renban {
	width: 100%;
	margin: 0 auto;
}

table.renban th {
	padding: 1px 3px;
	border: none;
	text-align: center;
}

table.renban td {
	padding: 1px 3px;
	border: none;
	text-align: center;
}

table.renban th.name {
	background-color: #EDECCD;
	width: 6em;
}

table.renban td.midasi {
	background-color: #e5e5e5;
	width: 6em;
}

/* --- セル --- */
table.renban td.keta12 {
	width: 6em;
}

/* --- 当たり --- */
div.renban .atari {
	background-color: #f7cdcd;
}

/* --- 当たり --- */
div.renban p span.atari {
	display: inline-block;
	width: 3em;
	background-color: #f7cdcd;
	border: 1px solid #ccc;
}

/*-------------------------------------
キター万券の的中ボックス
---------------------------------------*/

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

	div.tab.free > ul > li {
		float: left;
		border-bottom: 1px solid #eee;
		margin-bottom: 2px;
		width: 100%;
	}

}

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

	div.tab.free > ul > li {
		float: left;
		border-bottom: 1px solid #eee;
		margin-bottom: 2px;
		width: 50%;
	}

}

/*---------------------
 データ検索の結果などで使うボックス
---------------------*/
.dblist.displaynone {
	display: none;
}

.dblist .dbinner a {
	text-decoration: none;
}

.dblist .dbinner ul {
	width: 100%;
	border-bottom: 1px solid #005d36;
	display: table;
}

.dblist .dbinner ul li {
	display: table-cell;
	vertical-align: middle;
}

.dblist .dbinner ul li.detail div {
	margin-left: 5px;
	font-size: 0.8em;
	text-align: left;
}

.dblist .dbinner ul li.detail div.race {
	margin-left: 5px;
	font-size: 1em;
	text-align: left;
}

.dblist .dbinner ul li.detail div.yoso {
	margin-left: 5px;
	font-size: 0.9em;
	text-align: left;
}

.dblist .dbinner ul li.detail div p.haraimodosi {
	font-size: 1.5em;
	font-weight: 600;
	color: #c00;
}

.dblist .dbinner ul li.detail div.race p.search {
	font-size: 1.1em;
	font-weight: 600;
}

/* 矢印 */
.arrow {
	display: block;
	width: 16px;
	height: 16px;
}

/* 馬用 */
.dblist .dbinner ul li.photo_uma {
	width: 110px;
	height: 82px;
	text-align: center;
}

.dblist .dbinner ul li.photo_uma div img {
	width: 104px;
	height: 78px;
	padding: 1px;
	border: 1px solid #ddd;
}

/* 騎手用 */
.dblist .dbinner ul li.photo_kisyu {
	width: 110px;
	height: 82px;
	text-align: center;
}

.dblist .dbinner ul li.photo_kisyu div img {
	width: 60px;
	height: 90px;
	padding: 1px;
	border: 1px solid #ddd;
}

/* 厩舎用 */
.dblist .dbinner ul li.photo_kyusya {
	width: 110px;
	height: 82px;
	text-align: center;
	display: none;
}

.dblist .dbinner ul li.photo_kyusya div img {
	width: 60px;
	height: 90px;
	padding: 1px;
	border: 1px solid #ddd;
}

/* 馬主用 */
.dblist .dbinner ul li.photo_banusi {
	width: 110px;
	height: 82px;
	text-align: center;
	display: none;
}

.dblist .dbinner ul li.photo_banusi div img {
	width: 60px;
	height: 90px;
	padding: 1px;
	border: 1px solid #ddd;
}

/* 生産者用 */
.dblist .dbinner ul li.photo_seisan {
	width: 110px;
	height: 82px;
	text-align: center;
	display: none;
}

.dblist .dbinner ul li.photo_seisan div img {
	width: 60px;
	height: 90px;
	padding: 1px;
	border: 1px solid #ddd;
}

/* レース用 */
.dblist .dbinner ul li.photo_race {
	width: 110px;
	height: 82px;
	text-align: center;
}

.dblist .dbinner ul li.photo_race div img {
	width: 104px;
	height: 78px;
	padding: 1px;
	border: 1px solid #ddd;
}

/* TM用 */
.dblist .dbinner ul li.photo_tm {
	width: 80px;
	text-align: center;
}

.dblist .dbinner ul li.photo_tm div img {
	/* width: 104px; */
	height: 78px;
	padding: 1px;
	border: 1px solid #ddd;
}

/*---------------------
 ニュースの一覧表示で使うボックス
---------------------*/
.newslist {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #dadada;
	margin: 5px;
	min-height: 80px;
}

/* リンク */
.newslist .dbinner a {
	text-decoration: none;
}

/* マウスオーバー */
.newslist:hover {
	background: #fafafa none repeat scroll 0 0;
}

.newslist .dbinner ul {
	margin-top: 5px;
}

.newslist .dbinner ul li {
	padding: 0 5px;
	vertical-align: top;
}

/* 内容 */
.newslist .dbinner ul li.detail {
}

/* タイトル・本文 */
.newslist .dbinner ul li.detail div.news {
	font-size: 1em;
	text-align: left;
	width: 100%;
}

/* 写真 */
.newslist .dbinner ul li.photo_news {
	float: right;
	width: 99px;
	height: 74px;
	text-align: center;
}

/* 矢印 */
.newslist .dbinner ul li.arrow {
	vertical-align: middle;
}

/* 写真の表示サイズ */
.newslist .dbinner ul li.photo_news div img {
	width: 97px;
	height: 72px;
	padding: 1px;
	border: 1px solid #ddd;
}

/* 写真のcaption */
.newslist .dbinner ul li.photo_news div p.caption {
	display: none;
}

/* 記事 */
.newslist .dbinner ul li div h2 {
	display: block;
	margin: 5px 0;
	font-size: 1.0em;
	font-weight: 600;
	color: #333;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

/* 本文 */
.newslist .dbinner ul li div p.honbun {
	display: none;
}

/* 掲載日時 */
.newslist .dbinner ul li div p.date {
	font-size: 0.8em;
	text-align: right;
	padding-right: 5px;
}

/* 本文 */
.newslist .dbinner ul li div p.honbun {
	display: none;
}

/* アイコンのエリア */
.newslist .dbinner ul li div p.icon {
	font-size: 0.8em;
}

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

/* サブシステム */
.newslist .dbinner ul li div p.icon span.subsystem {
	background-color: #1976D2;
	color: #fff;
}

/* カテゴリ */
.newslist .dbinner ul li div p.icon span.category {
	background-color: #d71a1a;
	color: #fff;
}

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

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

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

/* 記事 */
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.news p.honbun {
	display: none;
}

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

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

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

/* サブシステム */
div.news p.icon span.subsystem {
	background-color: #1976D2;
	color: #fff;
}

/* カテゴリ */
div.news p.icon span.category {
	background-color: #d71a1a;
	color: #fff;
}

/* 写真 */
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%;
}

/*---------------------
新規登録馬
---------------------*/
table.sinba {
	width: 100%;
	margin: 0 auto;
}

table.sinba td {
	height: 2em;
	text-align: left;
	padding: 1px 3px;
	white-space: nowrap;
}

table.sinba caption {
	padding: 5px;
	font-weight: 600;
	background: #449A76 none repeat scroll 0 0;
	background: -moz-linear-gradient(#449A76, #1f4e3a);
	background: -webkit-linear-gradient(#449A76, #1f4e3a);
	background: -ms-linear-gradient(#449A76, #1f4e3a);
	text-align: left;
	color: #fff;
	border-bottom: 2px solid #fff;
}

/*---------------------
抹消馬
---------------------*/
table.masyo {
	width: 100%;
	margin: 0 auto;
}

table.masyo td {
	height: 2em;
	text-align: left;
	padding: 1px 3px;
	white-space: nowrap;
}

table.masyo caption {
	padding: 5px;
	font-weight: 600;
	background: #449A76 none repeat scroll 0 0;
	background: -moz-linear-gradient(#449A76, #1f4e3a);
	background: -webkit-linear-gradient(#449A76, #1f4e3a);
	background: -ms-linear-gradient(#449A76, #1f4e3a);
	text-align: left;
	color: #fff;
	border-bottom: 2px solid #fff;
}

/*-------------------------------------
制裁 用
---------------------------------------*/
table.seisai {
	width: 100%;
	margin: 0 auto;
}

table.seisai td {
	text-align: left;
	vertical-align: top;
}

/*-------------------------------------
My馬レイアウト
---------------------------------------*/
div.myuma_layout {
	width: 100%;
}

div.myuma_layout > div {
	float: left;
	margin: 0 0 0.5%;
	width: 100%;
	overflow: hidden;
	min-height:1px;
}

table.myumatop {
	width: 100%;
	margin: 0 auto;
}

table.myumatop th.keta3 {
	width: 3em;
}

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

/* My馬に登録していない場合 */
.myumaclick_touroku, {
	color: #E5C800;
	font-size: 1.1em;
}

.myumaclick_touroku:after {
	content: '☆';
}

.myumaclick_touroku:hover {
	color: #E5C800;
	font-size: 1.1em;
	cursor: pointer;
}

/* My馬に登録している場合 */
.myumaclick_kaijyo:after {
	content: '★';
}

.myumaclick_kaijyo {
	color: #E5C800;
	font-size: 1.1em;
	cursor: pointer;
}

.myumaclick_kaijyo:hover {
	color: #E5C800;
	cursor: pointer;
}

/* My馬のメール登録していない場合 */
.myumamailclick_touroku {
	color: #014099;
	font-size: 1.1em;
}

.myumamailclick_touroku:after {
	content: '○';
}

.myumamailclick_touroku:hover {
	font-size: 1.1em;
	cursor: pointer;
}

/* My馬のメール登録している場合 */
.myumamailclick_kaijyo {
	color: #014099;
	font-size: 1.1em;
}

.myumamailclick_kaijyo:after {
	content: '●';
}

.myumamailclick_kaijyo:hover {
	font-size: 1.1em;
	cursor: pointer;
}

/*---------------------
馬ページで使う 
---------------------*/

/* My馬に登録していない場合 */
.myumaclick_touroku_uma_star {
	color: #fff;
	font-size: 1.1em;
}

.myumaclick_touroku_uma_star:hover {
	color: #fff;
	cursor: pointer;
}

.myumaclick_touroku_uma_honbun {
	padding: 0.1em;
	color: #fff;
}

/* My馬に登録している場合 */
.myumaclick_kaijyo_uma_star {
	color: #E5C800;
	font-size: 1.1em;
}

.myumaclick_kaijyo_uma_star:hover {
	color: #E5C800;
	cursor: pointer;
}

.myumaclick_kaijyo_uma_honbun {
	padding: 0.1em;
	color: #E5C800;
}


/* My馬の検索結果 */
table.myumasearch {
	width: 100%;
	margin: 0 auto;
}

table.myumasearch th {
	font-size: 0.9em;
}

table.myumasearch th.keta3 {
	width: 2em;
}

table.myumasearch td {
	text-align: left;
	white-space: nowrap;
}

/* My馬のメール項目設定 */
table.myumamail {
	margin: 0 auto;
	font-size: 0.9em;
}

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

table.myumamail td.myumamail_checkbox {
	white-space: nowrap;
}

/* My馬の近況 */
table.myumakinkyo {
	width: 100%;
	margin: 0 auto;
}

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

/* My馬のメモ */
table.myumamemo {
	width: 100%;
	margin: 0 auto;
}

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


/*-------------------------------------
スマホの馬ページ
---------------------------------------*/
table.profile_uma {
	width: 100%;
}

table.profile_uma td {
	height: 2em;
	text-align: left;
	padding: 1px 4px;
}

/* プロフィール */
table.profile_uma {
	width: 100%;
}

table.profile_uma td {
	height: 2em;
	text-align: left;
	padding: 1px 4px;
}

table.profile_uma th {
	width: 5em;
}

/* 馬の賞金 */
table.profile_syokin {
	width: 100%;
}

table.profile_syokin td {
	height: 1.5em;
	text-align: right;
	padding: 1px 4px;
}

table.profile_syokin th {
	width: 5em;
}

/* 馬の統計別成績 */
table.profile_toukei {
	width: 100%;
}

table.profile_toukei td {
	height: 1.5em;
	text-align: center;
	padding: 1px 4px;
}

table.profile_toukei th {
	width: 10em;
}

/* 馬の産駒成績 */
table.profile_sankuseiseki {
	width: 100%;
	font-size: 0.9em
}

table.profile_sankuseiseki td {
	height: 2em;
	text-align: right;
	padding: 1px 2px;
}

table.profile_sankuseiseki td.midasi {
	width: 5em;
	text-align: center;
	background: #EDECCD;
}

/* 馬の近況履歴 */
table.profile_kinkyo {
	width: 100%;
	font-size: 0.9em
}

table.profile_kinkyo td {
	height: 2em;
	text-align: left;
	padding: 1px 2px;
}

table.profile_kinkyo td.tukihi {
	white-space: nowrap;
	text-align: center;
}

table.profile_kinkyo td a {
	text-decoration: none;
}



/*---------------------
 スマホの馬の競走成績
---------------------*/
.uma_seiseki {
	background: #fdfdfd;
	border: 1px solid #014099;
	max-width: 400px;
	margin: 0 auto 2px;;
	line-height: 1.3;
}

.uma_seiseki.none {
	background: #fdfdfd;
	border: none;
	max-width: 400px;
	margin: 0 auto 2px;;
	line-height: 1.3;
}

.uma_seiseki_openBtn {
	background: #fdfdfd;
	border: 1px solid #eee;
	max-width: 400px;
	margin: 0 auto 2px;;
	border: 1px solid #eee;
}

.uma_seiseki_closeBtn {
	background: #fdfdfd;
	border: 1px solid #eee;
	max-width: 400px;
	margin: 0 auto 2px;;
}

.uma_seiseki.motto {
	display: none;
}

.uma_seiseki.motto.active {
	display: block;
}

.uma_seiseki span {
	margin: 0 1px;
}

.uma_seiseki span.cyakusa {
	font-size: 0.9em;
}

.uma_seiseki dl {
	display: table;
	width: 99%;
	margin: 0 auto;
	height: 1em;
}

.uma_seiseki dl.midasi {
	background: #014099;
	width: 100%;
	color: #fff;
	padding: 4px 0;
}

.uma_seiseki dl > dt {
	display: table-cell;
	vertical-align: middle;
}

.uma_seiseki dl > dd {
	display: table-cell;
	vertical-align: bottom;
	text-align: right;
}

.uma_seiseki dl > dd ul.tuka {
	margin-left: auto;
}

.uma_seiseki dl > dt {
	text-align: left;
}

.uma_seiseki d > dd {
	text-align: right;
}

span.cyakujun {
	float: right;
	font-size: 100%;
	font-weight: bold;
	padding: 0 0 0 0px;
	margin-top: 1px;
	border: 1px solid #666666;
	min-width: 18px;
	text-align: center;
}

/* --- 最新の近況 --- */
div.latestkinkyo {
	position: relative;
	margin: 0.1em 0;
	padding: 1.5em 0.5em 0.1em;
	border: 1px solid #c0232b;
	border-right: 2px solid #c0232b;
	border-bottom: 2px solid #c0232b;
	background: #fff;
}

div.latestkinkyo .latestkinkyo-title {
	position: absolute;
	display: inline-block;
	top: -2px;
	left: -1px;
	padding: 0 9px;
	background: #c0232b;
	color: #fff;
	font-weight: bold;
}
div.latestkinkyo p {
	margin: 0; 
	padding: 0;
	text-align: left;
}

/*---------------------
 WIN5
---------------------*/
table.win5 {
	width: 100%;
	margin: 0 auto;
}

table.win5 th {
	width: 4em;
	padding: 1px 3px;
}

table.win5 td {
	height: 2em;
	text-align: left;
	padding: 1px 2px;
}

table.win5 td.midasi {
	width: 5em;
	background-color: #EDECCD;
	text-align: center;
	padding: 1px 1px;
}

table.win5 td.kbamei {
	width: 8.5em;
	text-align: left;
	padding: 1px 2px;
	table-layout: fixed;
	letter-spacing: -0.1em;
}

table.win5data {
	width: 100%;
	margin: 0 auto;
	white-space: nowrap;
}

table.win5data td.midasi {
	width: 49.9%;
	background-color: #EDECCD;
	text-align: center;
}

table.win5data td {
	height: 2em;
	text-align: right;
}

/*---------------------
 POG
---------------------*/
table.pogranking {
	width: 100%;
	margin: 0 auto;
}

table.pogranking th {
	padding: 1px 3px;
}

table.pogranking td {
	height: 2em;
	text-align: left;
	padding: 1px 3px;
}

table.pogranking td.midasi {
	width: 49.9%;
	background-color: #EDECCD;
	text-align: center;
}

table.pogranking th.midasi {
	font-weight: 600;
	font-size: 1.1em;
	background-color: #014099;
	color: #fff;
	border: 4px solid #EDECCD;
}

table.pogranking caption {
	font-weight: 600;
	background: #014099 none repeat scroll 0 0;
	text-align: center;
	color: #fff;
	padding: 1px 5px;
}

/*  */
table.pogrule {
	width: 100%;
	margin: 0 auto;
}

table.pogrule th {
	padding: 1px 3px;
}

table.pogrule td {
	height: 2em;
	text-align: right;
	padding: 1px 3px;
}

table.pogrule td.midasi {
	background-color: #EDECCD;
	text-align: center;
}


/*-------------------------------------
調教動画
---------------------------------------*/
div.cyokyomovie {
	margin: 5px 0px;
	background-color: #fff; /* ボックスの背景色 */
	border: 1px #c0c0c0 solid; /* ボックスの境界線 */
}

/* --- 見出し --- */
div.cyokyomovie p.title {
	margin: 0; /* 見出しのマージン */
	padding: 6px 10px; /* 見出しのパディング（上下、左右） */
	background: #fdfdfd none repeat scroll 0 0;
	background: -moz-linear-gradient(#fff, #F0F0F0);
	background: -webkit-linear-gradient(#fff, #F0F0F0);
	background: -ms-linear-gradient(#fff, #F0F0F0);
	background: #1f4e3a none repeat scroll 0 0;
	border-bottom: 1px #c0c0c0 solid;
	color: #fff;
}

/* --- リンク --- */
div.cyokyomovie p {
	padding: 2px 10px;
	white-space: nowrap;
	border-top: 1px #dadada solid;
}

/* --- リンク --- */
div.cyokyomovie p a {
	display: block;
}

/*---------------------
サイトマップのレイアウト
---------------------*/
div.sitemap {
	width: 100%;
}

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

	div.sitemap > div {
		float: left;
		margin: 0 0.1%;
		width: 100%;
		overflow: hidden;
		min-height:1px;
	}

}

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

	div.sitemap > div {
		float: left;
		margin: 0 0.1%;
		width: 49.8%;
		overflow: hidden;
		min-height:1px;
	}

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

	div.sitemap > div {
		float: left;
		margin: 0 0.1%;
		width: 33%;
		overflow: hidden;
		min-height:1px;
	}

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

	div.sitemap > div {
		float: left;
		margin: 0 0.1%;
		width: 24.8%;
		overflow: hidden;
		min-height:1px;
	}

}

/*-------------------------------------
プライバシーポリシーなどで使用
---------------------------------------*/
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: #014099;
	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;
}

/*-------------------------------------
動画
---------------------------------------*/
.movie {
	position: relative;
	padding-bottom : 56.25%;
}

.movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mainlist1 li span.image {
	width: 80px;
}

/*-------------------------------------
週刊誌予告
---------------------------------------*/
div#syukansi {
	background: #fff;
	border: 1px #fcfcfc solid;
	border: 2px solid #6AAE3A;
}

div#Book-image {
	text-align: center;
}

div#syukansi dl dt {
	padding: 5px;
	text-align: center;
}

div#syukansi dl dd {
	padding: 5px;
	text-align: left;
	font-size: 0.9em
}

div#syukansi .midasi_syukansi {
	padding: 0.2em 0.5em;
	color: #fff;
	background: #6AAE3A;
	font-weight: 600;
	margin: 0 0 5px;
}

/*---------------------
 履歴ボックス
---------------------*/
ul.rirekibox li .detail {
	display: table-cell;
	padding: 2%;
}

ul.rirekibox li .detail a {
	display: block;
	color: #022eb0;
	text-decoration: none;
}

ul.rirekibox li .detail p {
	padding: 0px;
	color: #111;
}

ul.rirekibox li .detail p.large {
	font-size: 104%;
	font-weight: 600;
}

ul.rirekibox li .detail p.small {
	font-size: 84%;
	color: #666;
	text-align: right;
}

ul.rirekibox li .button {
	display: table-cell;
	width: 60px;
	vertical-align: middle;
	text-align: center;
}

ul.rirekibox li .button a {
	display: block;
	padding: 5px;
	color: #022eb0;
	text-decoration: none;
}

ul.rirekibox li .button p.button {
	color: #111;
	background: #fdfdfd none repeat scroll 0 0;
	background: -moz-linear-gradient(#fff, #F0F0F0);
	background: -webkit-linear-gradient(#fff, #F0F0F0);
	background: -ms-linear-gradient(#fff, #F0F0F0);
	border: 1px solid #eee;
	width: 50px;
	height: 50px;
}

/*-------------------------------------
馬場傾向のボックス
---------------------------------------*/
div.henkou_click {
	width: 300px;
	background: #f6f6f6;
}

div.keikoubox {
	margin: 5px 10px;
	background-color: #fff; /* ボックスの背景色 */
	border: 1px #014099 solid; /* ボックスの境界線 */
}

/* --- 見出し --- */
div.keikoubox p.title {
	margin: 0; /* 見出しのマージン */
	padding: 3px 10px; /* 見出しのパディング（上下、左右） */
	background: #014099 none repeat scroll 0 0;
	border-bottom: 1px #c0c0c0 solid; /* 見出しの下境界線 */
	color: #fff;
}

/* --- 見出し --- */
div.keikoubox p.time {
	text-align: right;
	margin: 0.5em 5px;
}

/* --- 見出し --- */
div.keikoubox p.title a {
	color: #fff;
}

/* ---  --- */
div.keikoubox p.honbun {
	margin: 0.5em 10px; /* 段落のマージン（上下、左右） */
}

/* --- ボックス内の段落 --- */
div.keikoubox p {
}

div.keikoubox dl.dl-tenkoubaba {
	display: table;
	margin: 1% 5%;
	width: auto;
}

div.keikoubox dl.dl-tenkoubaba > dt {
	display: table-cell;
	width: 4em;
	text-align: left;
}

div.keikoubox dl.dl-tenkoubaba > dd {
	display: table-cell;
	text-align: left;
}

/*-------------------------------------
当該成績 用
---------------------------------------*/
table.tougai {
	table-layout: fixed;
	width: 100%;
}

table.tougai td {
	height: 1.5em;
}

table.tougai th.seirei {
	width: 3em;
}

table.tougai td.title {
	text-align: center;
	background-color: #e9effb;
}

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

/*-------------------------------------
競馬ブックポイント表示用
---------------------------------------*/
div.point {	
	color: #364e96;/*文字色*/
	border: solid 3px #364e96;/*線色*/
	padding: 0.3em;/*文字周りの余白*/
	border-radius: 0.4em;/*角丸*/
	
	padding: 0.2em 0.5em;/*文字の上下 左右の余白*/
	color: #fff;/*文字色*/
	background: #364e96 none repeat scroll 0 0;
	background: -moz-linear-gradient(#364e96, #3f5bad);
	background: -webkit-linear-gradient(#364e96, #3f5bad);
	background: -ms-linear-gradient(#364e96, #3f5bad);
	margin: 0 0 5px;
	font-weight: 600;
}

/*---------------------
 画像表示用
---------------------*/
div.photo {
	margin: 0 auto;
	width: 98%;
	text-align: center;
}

div.photo img {
	padding: 1px;
	border: 1px solid #ddd;
}

/*---------------------
 API用
---------------------*/
table.api {
	width: 100%;
	margin: 0 auto;
	white-space: nowrap;
}

table.api th {
	font-size: 0.9em;
}

table.api td {
	height: 2em;
	text-align: left;
	padding: 1px 3px;
	font-size: 0.9em;
}

table.api td.midasi {
	background-color: #EDECCD;
	text-align: left;
	width: 5em;
}


table.api th.midasi {
	font-weight: 600;
	background-color: #014099;
	color: #fff;
	border: 2px solid #EDECCD;
	text-align: left;
}

table.api td p.second {
	margin-left: 0.5em;
	text-indent: 0.5em;
	border-left: 1px solid #ccc;
}

table.api td p.third {
	margin-left: 1.0em;
	text-indent: 0.5em;
	border-left: 1px solid #ccc;
}


table.api td p.forth {
	margin-left: 1.5em;
	text-indent: 0.5em;
	border-left: 1px solid #ccc;
}

/*-------------------------------------
 乗り替わり
---------------------------------------*/
span.norikawari {
	font-weight: 600;
}

/*-------------------------------------
 当日騎手変更 
---------------------------------------*/
span.toujitsu {
	background-color: #1d3994;
	color: #fff;
	padding: 0.2em;
}


/*-------------------------------------
 バナーボタン 
---------------------------------------*/ 
div.banner_button.smart {
	width: 80%;
	margin: 0.5em auto;
	background: #c0232b none repeat scroll 0 0;
	background: -moz-linear-gradient(#e20000, #c0232b);
	background: -webkit-linear-gradient(#e20000, #c0232b);
	background: -ms-linear-gradient(#e20000, #c0232b);
	border: 1px solid #f6f6f6;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

div.banner_button.web {
	width: 80%;
	margin: 0.5em auto;
	background: #c0232b none repeat scroll 0 0;
	background: -moz-linear-gradient(#e20000, #c0232b);
	background: -webkit-linear-gradient(#e20000, #c0232b);
	background: -ms-linear-gradient(#e20000, #c0232b);
	border: 1px solid #f6f6f6;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

div.banner_button.web_lite {
	width: 80%;
	margin: 0.5em auto;
	background: #005100 none repeat scroll 0 0;
	background: -moz-linear-gradient(#0c700c, #005100);
	background: -webkit-linear-gradient(#0c700c, #005100);
	background: -ms-linear-gradient(#0c700c, #005100);
	border: 1px solid #f6f6f6;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

div.banner_button .text {
	padding: 4px;
}

div.banner_button p {
	color: #fff;
}

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

div.banner_button p.honbun {
	font-size: 0.8em;
	text-align: center;
}

/*---------------------
提供内容
---------------------*/
table.teikyo_p,
table.teikyo {
	width: 100%;
	margin: 0 auto;
}

table.teikyo_p th ,
table.teikyo th {
	white-space: nowrap;
	background: #449A76;
	color: #fff;
	font-weight: 600;
}

table.teikyo_p td ,
table.teikyo td {
	height: 2.5em;
	padding: 1px 2px;
	white-space: nowrap;
	text-align: center;
}

table.teikyo td_p p ,
table.teikyo td p {
	padding: 1px 2px;
}

table.teikyo_p caption ,
table.teikyo caption {
	font-weight: 600;
	background: #449A76 none repeat scroll 0 0;
	background: -moz-linear-gradient(#449A76, #1f4e3a);
	background: -webkit-linear-gradient(#449A76, #1f4e3a);
	background: -ms-linear-gradient(#449A76, #1f4e3a);
	text-align: center;
	color: #fff;
	border-bottom: 2px solid #fff;
}

table.teikyo_p td.midasi ,
table.teikyo td.midasi {
	font-weight: 600;
	font-size: 1.1em;
	background-color: #014099;
	color: #fff;
	border: 1px solid #EDECCD;
	padding-left: 5px;
}

table.teikyo_p td.midasi_sub ,
table.teikyo td.midasi_sub {
	background-color: #EDECCD;
	text-align: left;
	white-space: nowrap;
	padding: 0 0.5em;
}

table.teikyo_p td p.setumei ,
table.teikyo td p.setumei {
	padding: 1px 2px;
	font-size: 0.8em;
	color: #666;
	text-align: left;
}

table.teikyo tr td:nth-of-type(3) {
	background-color: #eee;
}

/*通常パターンの4つ目は線を太く*/
table.teikyo tr th,
table.teikyo tr td {
	border-right: 1px solid #014099;
}

/*以下パソコン*/

/* 無料は二つ目なので */
table.teikyo_p tr td:nth-of-type(2) {
	background-color: #eee;
}

/*通常パターンの4つ目は線を太く*/
table.teikyo_p tr th,
table.teikyo_p tr td {
	border-right: 1px solid #014099;
}

table.teikyo_p td p.teikyotime ,
table.teikyo td p.teikyotime {
	padding: 1px 2px;
	font-size: 0.8em;
	color: #666;
	text-align: left;
}



/*---------------------
20190603追加
 ニュースの一覧表示で使う Start
---------------------*/

/* 全体 */
.news_section_list {
	display: flex;
	flex-wrap: wrap;
}

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

	.news_section {
		width: 100%;
	}

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

	.news_section {
		width: 48%;
	}

}

/* 1件ずつ */
.news_section {
	margin: 0 0.1em 0.2em;
	background: #fdfdfd none repeat scroll 0 0;
	background: -moz-linear-gradient(#fff, #fcfcfc);
	background: -webkit-linear-gradient(#fff, #fcfcfc);
	background: -ms-linear-gradient(#fff, #fcfcfc);
	border-top: 1px solid #e4e3e3;
	border-right: 2px solid #e4e3e3;
	border-bottom: 2px solid #e4e3e3;
	border-left: 1px solid #e4e3e3;
}

.news_section a {
	text-decoration: none;
}

.news_section dl {
	display: flex;
	justify-content: space-between;
	padding: 0.15em 0.1em 0.3em;
}

.news_section dl dt {
	vertical-align: top;
}

/* カテゴリ */
.news_section dl dt.icon {
	text-align: left;
	font-size: 0.9em;
}

/* 日時 */
.news_section dl dt.date {
	text-align: right;
	white-space: nowrap;
	font-size: 0.8em;
}

/* タイトル */
.news_section dl dt.title {
	flex: 1;
	text-align: left;
}

.news_section dl dt.title h3 {
	font-size: 1.0em;
	font-weight: normal;
	line-height: 1.1;
}

/* 写真 */
.news_section dl dt.photo {

}

dt.photo img {
	width: 99px;
	padding: 1px;
	border: 1px solid #fafafa;
}

dt.photo p.caption {
	display: none;
}

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

/* サブシステム */
dt.icon p span.subsystem {
	background-color: #1976D2;
	color: #fff;
}

/* カテゴリ */
dt.icon p span.category {
	background-color: #d71a1a;
	color: #fff;
}

/*---------------------
 ニュースの一覧表示で使う End
---------------------*/


/*---------------------
20191025追加
 スタッフ紹介 Start
---------------------*/
.staffindex ul {
	display: -webkit-box;
	display: flex;
	margin: 0 0 8px;
	flex-wrap: wrap;
	border: 1px;
}

.staffindex ul.retu2 li {
	width: 48.0%;
}

.staffindex ul li {
	float: left\9; /* IE10以下 */
	background: #fdfdfd none repeat scroll 0 0;
	background: -moz-linear-gradient(#fff, #F0F0F0);
	background: -webkit-linear-gradient(#fff, #F0F0F0);
	background: -ms-linear-gradient(#fff, #F0F0F0);
	border-left: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	text-align: center;
	padding: 2px 5px;
}

.staffindex ul li:last-child {
	border-right: 1px solid #dadada;
}

.staffindex ul li.active {
	background: #268300 none repeat scroll 0 0;
	background: -moz-linear-gradient(#268300, #449A76);
	background: -webkit-linear-gradient(#268300, #449A76);
	background: -ms-linear-gradient(#268300, #449A76);
	background: #156a15 none repeat scroll 0 0;
}

.staffindex ul li a {
	display: block;
}

.staffindex ul li.active a {
	display: block;
	color: #fff;
}

/* --- リストエリア --- */
.stafflist {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* --- リスト項目 --- */
.stafflist > a {
	display: block;
	width: 32%;
	margin: 0.5%; /* リスト項目のパディング（上下、左右） */
	border: 1px solid #eee; /* リスト項目の境界線 */
	background: #fefefe;
}



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

	.stafflist > a {
		width: 99%;
	}
	
}

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

	.stafflist > a {
		width: 48%;
	}

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

	.stafflist > a {
		width: 48%;
	}

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

	.stafflist > a {
		width: 32%;
	}

}

.stafflist > a:hover {
	background: #f1f1f1;
}

/* --- 項目内容 --- */
.stafflist > a dl {
	display: table;
	width: 100%;
	margin: 0;
}

/* --- 写真エリア --- */
.stafflist > a dl dt {
	display: table-cell;
	width: 60px; /* 写真エリアの幅 */
}
.stafflist > a dl dt img {
	border: 1px #808080 solid; /* 写真の境界線 */
}

/* --- キャプションエリア --- */
.stafflist > a dl dd {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.stafflist > a dl dd span {
	font-size: 90%;
}

/* --- キャプションエリア --- */
.stafflist > a dl dd p {
	font-weight: 600;
}

.boxlist {
	display: flex;
	flex-wrap: wrap;
}

.boxlist p {
	border: 1px solid #eee;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	margin: 4px;
	text-align: center;
}

.boxlist p a {
	padding: 2px;
}

/*---------------------
 画像表示用
---------------------*/
div.staffphoto {
	margin: 0 auto;
	width: 98%;
	text-align: center;
}

div.staffphoto img {
	padding: 1px;
	border: 1px solid #ddd;
}

/*---------------------
 キターーッ万券！！
---------------------*/
.showmanken .title {
	margin: 0;
	padding: 0.3em;
	background: #1f4e3a none repeat scroll 0 0;
	border-bottom: 1px #c0c0c0 solid;
	color: #fff;
}

.showmanken .title a {
	color: #fff;
	text-decoration :underline;
}

.showmanken dl.titlesub {
	display: flex;
	justify-content: space-between;
	margin: 0;
	padding: 0.2em 0.4em;
	background: #EDECCD none repeat scroll 0 0;
	border-bottom: 1px #c0c0c0 solid;
	color: #111;
}

.showmanken dl.titlesub dd span {
	font-weight: 600;
}

/*---------------------
 スタッフ紹介 End
---------------------*/

/*---------------------
20200105追加
 お知らせ Start
---------------------*/
/* --- 出走予定のMy馬がいます --- */
.box-oshirase {
	background: #fff;
	border: 1px solid;
	border-color: #eee #ccc #ccc;
}

/* --- --- */
.box-oshirase ul {
	display: table;
	width: 100%;
	margin: 0;
}

/* --- --- */
.box-oshirase ul li {
	display: table-cell;
	padding: 4px 2px;
	font-family :"Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', Meiryo,'ＭＳ Ｐゴシック', sans-serif;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

/* --- --- */
.icon.infomation {
	background: #c00;
	background-repeat: no-repeat;
	color: #fff;
	font-weight: 600;
	width: 2em;
	text-align: center;
}

/* --- --- */
.box-oshirase ul li p.honbun {
	padding: 0px 4px;
}
/*---------------------
 お知らせ End
---------------------*/



/*---------------------
20200405追加
 ステップ Start
---------------------*/
.steps {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 768px;
	margin: 0.5em auto;
	background-color: #fafafa;
	border-radius: 0.25em;
	border: 1px solid #ddd;
}

.steps p {
	padding: 0.5em 0.1em 0 0.1em;
	font-size: 0.9rem;
}

.steps p.current {
	font-weight: 600;
}

.steps p>* {
	font-size: 0.8rem;
	color: #2c3f4c;
}

.steps p::after {
	content: '>';
	margin: 0 0.1em 0 0.3em;
	color: #959fa5;
}

.steps p:last-child::after {
	content: '';
}

.steps p span {
	background: #ccc;
	color: #ffffff;
	display: inline-block;
	height: 20px;
	margin-bottom: 5px;
	line-height: 20px;
	width: 20px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
}

.steps p.current span {
	background: #333;
}

.cd-multi-steps {
	width: 100%;
	max-width: 768px;
	margin: 0.5em auto;
	background-color: #fafafa;
	border-radius: 0.25em;
}

.cd-multi-steps li {
	display: inline-block;
	padding: 0.5em 0 0;
	font-size: 0.9rem;
}

.cd-multi-steps li.current {
	font-weight: 600;
	text-decoration: underline;
}

.cd-multi-steps li>* {
	display: inline-block;
	font-size: 0.8rem;
	color: #2c3f4c;
}

.cd-multi-steps li::after {
	display: inline-block;
	content: '>';
	margin: 0 0.1em 0 0.3em;
	color: #959fa5;
}

.cd-multi-steps li:last-child::after {
	content: '';
}

.cd-multi-steps li span {
	background: #4D648D;
	color: #ffffff;
	display: inline-block;
	height: 20px;
	margin-bottom: 5px;
	line-height: 20px;
	width: 20px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
}
/*---------------------
 ステップ End
---------------------*/

/* --- --- */
.icon.red {
	background: #c00;
	color: #fff;
	font-weight: 600;
	padding: 0.1em;
	text-align: center;
	border: 1px solid #900;
	border-radius: 0.25em;
	margin-right: 0.25em;
}

/*---------------------
 My印 Start
---------------------*/

/* My印の親ボックス */
.js-yoso {
	position: relative;
	cursor: pointer;
}

/* My印を表示 */
.js-yoso-show { /*  */
	text-align: center;
	background: none repeat scroll 0 0 #eee;
	border: 1px solid #999;
	width: 1rem;
}

/* My印入力画面 */
.js-yoso-input {
	position: absolute;
	top: 0px;
	left: 1.5em;
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #999;
	color: #111;
	filter: alpha(opacity=99);
	-moz-opacity: 0.99;
	opacity: 0.99;
}

.js-yoso-input li {
	padding: 0.5em;
}

.js-yoso-input li:hover {
	background: none repeat scroll 0 0 #ddd;
	cursor: pointer;
}

.js-yoso-input li span {
	display: inline-block;
}

/*---------------------
 My印 End
---------------------*/

/*---------------------
 ギリギリ情報見出し用
---------------------*/
span.title_brackets {
	display:inline-block;
	margin-top: 10px;
}


/*---------------------
 ○○○特集のバナー start
---------------------*/
.bnr_tokusyu {
	font-family: 'Meiryo', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'MS PGothic', 'Avenir','Helvetica Neue','Helvetica','Arial', sans-serif;
	margin: 0 auto; 
	min-width: 320px; 
	max-width: 450px; 
	background: #1d3994;
	border: 2px solid;
	border-color: #1d3994 #1d3994 #1d3994;
	border-radius: 4px;
}

.bnr_tokusyu > ul {
	display: table;
	width: 100%;
	margin: 0;
}

.bnr_tokusyu > ul > li {
	display: table-cell;
	font-size: 1.5rem;
	padding: 0.25rem;
	text-align: center;
}

.bnr_tokusyu > ul > li > a {
	color: #fff;
}

.bnr_tokusyu > ul > li > a:hover {
	opacity: 0.7;
}

.bnr_tokusyu > ul > li > a > p:hover {
	opacity: 0.7;
}

.bnr_tokusyu > ul > li.icon {
	background: #fff;
	text-align: center;
	color: #1d3994;
	font-weight: 600;
	width: 2rem;
}

/*---------------------
 ○○○特集のバナー end
---------------------*/


/*---------------------
 血統表 start
---------------------*/
p.waku > span.kbamei {
	font-weight: normal;
}

p.waku > span.waku {
	width: 1rem;
	padding: 0.25rem;
	margin-right: 0.2rem;
	font-weight: 600;
	border: 1px solid #fafafa;
}

p.waku > span.umaban {
	background: #fff;
	width: 1rem;
	padding: 0.25rem;
	margin-right: 0.2rem;
	font-weight: 600;
	color: #000;
}

p.waku > span.waku1 {
	background: #fff;
	color: #000;
	border: 1px solid #ccc;
}

p.waku > span.waku2 {
	background: #000;
	color: #fff;
}

p.waku > span.waku3 {
	background: #d50000;
	color: #fff;
}

p.waku > span.waku4 {
	background: #3f51b5;
	color: #fff;
}

p.waku > span.waku5 {
	background: #ffee58;
	color: #000;
}

p.waku > span.waku6 {
	background: #388e3c;
	color: #fff;
}

p.waku > span.waku7 {
	background: #f9a825;
	color: #000;
}

p.waku > span.waku8 {
	background: #f9c;
	color: #000;
}

p.waku > span.wakulink > a {
	color: #fff;
}

span.kakomi {
	background: #fff;
	border: 1px solid #fafafa;
	color: #111;
	padding: 0.15rem 0.25rem;
}

table.k_dataketto {
	width: 100%;
}

table.k_dataketto tr {
	background: #E1DDF7;
	font-size: 0.85em;
}

table.k_dataketto tr > td {
	text-align: left;
	padding: 1px 1px;
}

table.k_dataketto tr > td p {
	min-height: 1rem;
}

table.kettou {
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px;
	background-color: #ccc;
}

.kettou tr {
	background: #E1DDF7;
	font-size: 0.85em;
}

.kettou tr > td {
	width: 20%;
	vertical-align: middle;
	padding: 1px 1px;
}

.kettou.sandai tr > td {
	width: 33%;
	vertical-align: middle;
	padding: 1px 1px;
}

.kettou tr > td > p {
	min-height: 1rem;
}

/*---------------------
 血統表の背景
---------------------*/
.boba {
	background:#E1DDF7;
}
.hinba {
	background:#EDCDCD;
}

/*---------------------
 血統表 end
---------------------*/