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

	主要国 WEBサイトの歩き方
	レース結果の調べ方

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

/* - レース結果の調べ方
------------------------------------------------------------ */

/* --- レース映像 --- */
.img_line > div.txt ul.num_list {
	padding: 5px;
	background-color: #ebebeb;
}

.img_line > div.txt ul.num_list > li {
	padding: 5px;
	font-size: 1.5rem;
}

.img_line > div.txt ul.num_list > li > a {
	display: block;
	text-decoration: none;
	color: #444;
	background-color: #fff;
	padding: 20px 15px;
	border-radius: 4px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

.img_line > div.txt ul.num_list > li > a > span.num {
	background-color: #c50813;
	color: #fff;
	font-weight: bold;
	padding: 4px 0.5em;
	font-size: 1.2rem;
	margin-right: 0.8em;
}



ul.mov_list { font-size: 0; }

ul.mov_list > li {
	font-size: 1.3rem;
	display: inline-block;
	width: 50%;
	vertical-align: top;
	padding: 15px 0 10px 0;
}

ul.mov_list > li:nth-child(even) { padding-left: 10px; }
ul.mov_list > li:nth-child(odd) { padding-right: 10px; }

ul.mov_list > li:last-child {
	width: 100%;
	padding: 15px 0;
}

ul.mov_list > li > h6 {
	font-weight: bold;
	font-size: 1.6rem;
	padding-bottom: 0.3em;
	border-bottom: 1px dashed #ccc;
}

ul.mov_list > li > h6 > span {
	background-color: #c50813;
	color: #fff;
	font-weight: bold;
	padding: 4px 0.5em;
	font-size: 1.2rem;
	margin-right: 0.8em;
}

ul.mov_list > li div.unit { margin-top: 10px; }
ul.mov_list > li div.unit .txt { margin-top: 10px; }


ul.replay_list > li { padding: 4px 0; }

ul.replay_list > li > span.cap {
	padding: 5px 6px;
	margin-right: 0.8em;
	font-weight: bold;
}

ul.replay_list > li > span.cap.race {
	background-color: #FFCDD2;
	color: #444;
}

ul.replay_list > li > span.cap.patrol {
	background-color: #f8c890;
	color: #444;
}

ul.replay_list > li > span.cap.leading {
	background-color: #ccd9fb;
	color: #444;
}


/* --- 払戻金 --- */
.img_line.dividend > div.img > div.caps {
	background-color: #eee;
	padding: 15px;
	margin-top: 0;
	position: relative;
	margin-top: 15px;
	background-color: #f3f3f3;
}

.img_line.dividend > div.img > div.caps p.ex {
	border-top: 1px dashed #ccc;
	padding-top: 10px;
	margin-top: 10px;
}

.img_line.dividend > div.img > div.caps p.ex > span {
	display: block;
	font-size: 1.5rem;
	margin-bottom: 5px;
}



/* ----- レース結果：特別な記号リスト ----- */
table.marks { width: 100%; }

table.marks > caption {
	background-color: #eee;
	padding: 10px;
	font-size: 1.3rem;
	text-align: left;
	background-color: #0069a7;
	color: #fff;
	padding: 10px;
	font-weight: bold;
	font-size: 1.3rem;
}

table.marks thead tr th {
	background-color: #f3f3f3;
	font-weight: bold;
	font-size: 1.3rem;
	padding: 6px 10px;
	border: 1px solid #ddd;
	text-align: center;
}

table.marks thead tr th:nth-child(odd){ width: 35%; }

table.marks tbody tr td {
	border: 1px solid #ddd;
	padding: 6px 10px;
	font-size: 1.3rem;
	text-align: center;
	vertical-align: middle;
}

table.marks tbody tr td:nth-child(even) { text-align: left; }

table.marks tbody tr td span { font-size: 1.1rem; }








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

	979px以下

------------------------------------------------------------ */
@media screen and ( max-width : 979px ) {
	
	/* --- レース結果 --- */
	div.detail_block .img_line.result { display: block; }
	div.detail_block .img_line.result > div { display: block; }
	div.detail_block .img_line.result > div.img { width: auto; }
	
	div.detail_block .img_line.result > div.txt {
		margin-top: 20px;
		padding: 0;
	}
	
	
	/* ----- 払戻金 ----- */
	div.detail_block .img_line.dividend { display: block; }
	div.detail_block .img_line.dividend > div { display: block; }
	div.detail_block .img_line.dividend > div.img { width: auto; }
	
	div.detail_block .img_line.dividend > div.txt {
		margin-top: 20px;
		padding: 0;
	}
	
}



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

	767px以下

------------------------------------------------------------ */
@media screen and (max-width : 767px) {

	/* - ヘッダーブロック
	---------------------------------------------------------------------- */
	div.header_block {
		display: block;
	}

	div.header_block>div {
		display: block;
	}

	div.header_block>div.img {
		text-align: center;
		width: auto;
		padding: 0;
	}

	div.header_block>div.txt {
		padding: 0;
		margin: 0 auto;
		margin-top: 20px;
	}

	div.header_block>div.txt>h2 {
		font-size: 2.2rem;
	}

	div.header_block>div.txt p.url>a {
		word-break: break-all;
	}

	/* ----- レース結果 解説 ブロック ----- */
	#result div.detail_block>h4>span.inner {
		display: block;
		padding: 10px;
	}

	#result div.detail_block>h4>span.inner>span {
		display: block;
		padding: 0;
		text-align: left;
	}

	#result div.detail_block>h4>span.inner>span.cap {
		padding: 0;
	}

	#result div.detail_block>h4>span.inner>span.txt {
		padding: 0;
		margin-top: 2px;
	}


	/* ----- レース映像 ----- */
	ul.mov_list>li {
		display: block;
		width: auto;
		padding: 15px 0 10px 0;
	}

	ul.mov_list>li:nth-child(odd) {
		padding-right: 0;
	}

	ul.mov_list>li:nth-child(even) {
		padding-left: 0;
	}


}

@media screen and (max-width : 479px) {

	div.header_block>div.txt div.link>a>span.inner>span.icon {
		padding-right: 10px;
	}

}

@media screen and (max-width : 360px) {

	div.detail_block>h4>span.inner {
		display: block;
		padding: 10px;
	}

	div.detail_block>h4>span.inner>span {
		display: block;
		padding: 0;
		text-align: left;
	}

	div.detail_block>h4>span.inner>span.cap {
		padding: 0;
	}

	div.detail_block>h4>span.inner>span.txt {
		padding: 0;
		margin-top: 2px;
	}

}