/***************	共通	***************/
BODY	{
	text-align:			center;
	font-size:			16px;
	line-height:		20px;
}
/* テキスト */
.text_bold	{
	font-weight: bold;
}
.text_font_s {
	font-size:			12px;
	line-height:		20px;
}
.text_black {
	padding:			5px;
}
.text_white {
	padding:			5px;
	color:				white;
}

.waku {
	width:	24px;
	height:	24px;
	margin:	auto;
	border-radius:	5px;
	line-height:		14px;
}
/* ボタン */
.button {
	display:			block;
	position:			relative;
	width:				80px;
	height:				50px;
	color:				black;
	vertical-align:		middle;
	border-radius:		10px;
	background-color:	white;
	box-shadow:			0 5px 1px gray;
	text-decoration:	none;
	padding:			5px 5px 10px;
	margin:		5px auto;
}
.button:hover {
	top:				4px;
	box-shadow: 		0 1px 0 gray;
}
/* 点滅 */
.blink {
	padding:		2px;
	border-radius:	2px;
	animation:		blinkColor 0.5s infinite alternate;
	position:		absolute;
	top:			-5px;
	left:			-5px;
}
@keyframes blinkColor {
	0% {
		background-color:	#FFFF00;
	}
	20% {
		background-color:	#FFFF00;
	}
	100% {
		background-color:	#C08000;
	}
}
/* テーブル */
.tbl_row, .tbl_row2, .tbl_row_label {
	display:			table;
	width:				640px;
}
.tbl_row_label {
	background-color:	CornflowerBlue;
}
.tbl_row {
	background-color:	white;
}
.tbl_row2 {
	background-color:	Azure;
}

.label, .label_n, .label_l, .cell, .cell_l, .cell_d, .cell_dl {
	display:			table-cell;
	vertical-align:		middle;
	padding:			5px 0;
}
.label_n {
	border-bottom:		solid	1px		black;
}
.label {
	border-bottom:		solid	2px		black;
}

.label_l {
	border-bottom:		solid	2px		black;
	border-left:		solid	1px		black;
}

.cell {
}
.cell_l {
	border-left:		solid	1px		black;
}
.cell_d {
	border-bottom:		solid	1px		black;
}
.cell_dl {
	border-bottom:		solid	1px		black;
	border-left:		solid	1px		black;
}


/***************　日付	***************/
.date {
	background-color:	black;
	color:				white;
	width:				320px;
	font-size:			24px;
	border-radius:		20px;
	padding:			10px 0px;
	margin:				0px auto 20px;
}
.date_text {
  display:block;
  font-size:24px;
  line-height:24px;
  text-shadow:0px 0px 1px #fff,
  0px 0px 2px #fff,
  0px 0px 3px #fff,
  0px 0px 4px #f80,
  0px 0px 7px #f80;
  0px 0px 8px #f80;
  0px 0px 10px #f80;
  0px 0px 15px #f80;
}

.schedule {
	width:				320px;
	margin:				0px auto;
}
.schedule table {
	text-align:			center;
}
.schedule td {
	padding:			5px;
}


/***************　タイトル	***************/
.title {
	background-color:	white;
	width:				620px;
	display:			table;
	margin:				0px auto 20px;
	padding:			10px;
}
.title_raceNo {
	width:				30%;
	display:			table-cell;
	vertical-align:		middle;
	padding:			10px 10px;
	border-radius:		10px;
	color:				white;
}
.title_info {
	display:			table-cell;
	vertical-align:		middle;
	padding-left:		20px;
}

/***************　 メイン	***************/
.main {
	width:				640px;
	margin:				0px auto;
	padding-bottom:		20px;
}

.main_mark, .main_tanshou, .main_umaban, .main_rank {
	width:		5%;
}
.main_fukushou, .main_umaren {
	width:		10%;
}
.main_name, .main_graph {
	width:		30%;
}
.main_label {
	width:		70%;
}

.main_graph-tanshou, .main_graph-fukushou, .main_graph-umaren,
.main_graph-umatan1, .main_graph-umatan2,
.main_graph-sanrentan1, .main_graph-sanrentan2, .main_graph-sanrentan3 {
	height:				5px;
	border-bottom:		solid	1px		black;
	border-right:		solid	1px		black;
}
.main_graph-tanshou {
	background-color:	red;
}
.main_graph-fukushou {
	background-color:	orange;
}
.main_graph-umaren {
	background-color:	yellow;
}
.main_graph-umatan1 {
	background-color:	pink;
	float:				left;
}
.main_graph-umatan2 {
	background-color:	green;
}
.main_graph-sanrentan1 {
	background-color:	purple;
	float:				left;
}
.main_graph-sanrentan2 {
	background-color:	cyan;
	float:				left;
}
.main_graph-sanrentan3 {
	background-color:	blue;
}

/* 断層 */
hr.small, hr.normal, hr.large {
	width:				640px;
	border:				none;
	background-color:	white;
	margin:				0px;
}
hr.small {
	border-top:			2px black dashed;
}
hr.normal {
	border-top:			2px black solid;
}
hr.large {
	border-top:			4px black double;
}

/***************　 シフト	***************/
.shift {
	width:				640px;
	margin:				0px auto;
	padding-bottom:		20px;
}
.shift_cell {
	width:		8%;
}
.shift_text_up_1, .shift_text_up_c, .shift_text_down_1, .shift_text_down_c {
	width:				40px;
	text-align:			center;
	border-radius:		5px;
	margin:				0px auto;
}
.shift_text_up_1 {
	font-weight:		bold;
	background-color:	#FFC0C0;
	color:				black;
}
.shift_text_up_c {
	background-color:	#C0FFC0;
	color:				red;
}
.shift_text_up {
	color:				red;
}
.shift_text_down {
	color:				blue;
}
.shift_text_down_1 {
	font-weight:		bold;
	background-color:	#C0C0FF;
	color:				black;
}
.shift_text_down_c {
	background-color:	#C0FFC0;
	color:				blue;
}

/* 詳細 */
.shift_detail {
	width:				320px;
	margin:				0px auto;
	padding-bottom:		20px;
}
.detail_umaban {
	width:				30%;
}
.detail_odds {
	width:				20%;
}
.detail_arrow {
	width:				10%;
}


/***************　 出馬表	***************/
.race {
	width:				640px;
	margin:				0px auto;
	padding-bottom:		20px;
}

.race_rank, .race_umaban {
	width:		5%;
}
.race_tanshou {
	width:		10%;
}
.race_weight {
	width:		15%;
}
.race_name {
	width:		25%;
}
.race_time, .race_jockey {
	width:		20%;
}

/***************　 配当		***************/
.haitou {
	width:				320px;
	margin:				0px auto 20px;
	background-color:	white;
}
.haitou_title {
	width:				100%;
	background-color:	CornflowerBlue;
	border-bottom:		solid	2px		black;
	padding:			5px 0;
}
.haitou_kind, .haitou_umaban {
	width:		100px;
	text-align:	center;
}
.haitou_kin {
	width:		120px;
	text-align:	right;
}

/***************	色		***************/
/* コース */
.color_bg_east	{	background-color:	#FFE0E0;			}
.color_bg_west	{	background-color:	#E0FFE0;			}
.color_bg_local	{	background-color:	#E0E0FF;			}
.color_bg_result	{	background-color:	#FFFFC0;		}
.color_btn_east	{	background-color:	MediumVioletRed;	}
.color_btn_west	{	background-color:	ForestGreen;		}
.color_btn_local{	background-color:	RoyalBlue;			}
.color_turf		{	background-color:	LightGreen;		color:	black;	border-radius:	5px;	}
.color_dirt		{	background-color:	BurlyWood;		color:	black;	border-radius:	5px;	}
.color_jump		{	background-color:	Turquoise;		color:	black;	border-radius:	5px;	}
/* 印 */
.color_honmei	{	background-color:	#FFB0B0;	}
.color_taikou	{	background-color:	#FFD0A0;	}
.color_sankaku	{	background-color:	#FFFF80;	}
.color_dark		{	background-color:	#8000FF;		color:	white;	}
.color_star		{	background-color:	#E0C0FF;	}
.color_star_w 	{	background-color:	#80FF80;	}
.color_check	{	background-color:	#80FFFF;	}
.color_favorite	{	background-color:	#FFB0B0;	}
.color_rival	{	background-color:	#FFD0A0;	}
.color_hedge	{	background-color:	#FFFF80;	}
.color_hope 	{	background-color:	#A0A0FF;	}
.color_dream 	{	background-color:	#80FF80;	}
/* 番 */
.color1			{	background-color:	white;		border: solid 1px black;		}
.color2			{	background-color:	black;		}
.color3			{	background-color:	red;		}
.color4			{	background-color:	blue;		}
.color5			{	background-color:	yellow;		}
.color6			{	background-color:	green;		}
.color7			{	background-color:	orange;		}
.color8			{	background-color:	pink;		}
/* 毛色 */
.color_bay				{	background-color:#E0CCC6;	}
.color_dark_bay			{	background-color:#C8C4C2;	}
.color_brown			{	background-color:#C2C4CA;	}
.color_chestnut			{	background-color:#F0D4C4;	}
.color_dark_chestnut	{	background-color:#E8DACE;	}
.color_black			{	background-color:#C0C0C0;	}
.color_gray				{	background-color:#F0F0F0;	}

/***************	競馬		***************/
.jra	{
  width:				120px;
  height:				100px;
  margin:				20px auto;
  background-image:		url(jra.png);
  background-size:		120px;
  background-repeat:	no-repeat;
  background-position:	5px;
  background-color:		#268300;
  float:				right;
  left:					-51%;
}
.pat	{
  width:				120px;
  height:				100px;
  margin:				20px auto;
  background-image:		url(Turfy.jpg);
  background-size:		120px;
  background-repeat:	no-repeat;
  background-position:	10px 5px;
  float:				left;
  right:				-51%;
}

/***************	PC/SP切り替え		***************/
.pc-show {
  display: none;
}
.pc-hide {
  display: inline-block;
}
@media screen and (min-width: 80em) {
  .pc-show {
    display: inline-block;
  }
  .pc-hide {
    display: none;
  }
}