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

	出走馬決定順一覧

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

table.basic tbody tr td.date { width: 100px; }

table.basic tbody tr td.date span {
	font-size: 1.1rem;
    display: block;
    line-height: 1.3;
	}
	
table.basic tbody tr td.date span.sun { color: #B71C1C; }
table.basic tbody tr td.date span.sat { color: #1670c9; }

table.basic tbody tr td.racename {
	width: 250px;
	text-align: left;
	font-weight: bold;
	}
	
/*span.grade_icon { font-weight: normal; }*/

table.basic tbody tr td:nth-child(5) span.unit {
    font-size: 1rem;
    display: block;
    line-height: 1.2;
}

table.basic tbody tr td:nth-child(6) { width: 150px; }
table.basic tbody tr td:nth-child(6) a { min-width: 100px; }

table.basic tbody tr td:nth-child(7) { width: 166px; }


/* --- 出走馬決定順一覧（特別登録）について --- */
#about .collapse-close-btn {
    text-align: center;
}



/* - 出走馬決定順一覧（特別登録）の見方
---------------------------------------------------------------------- */

div.guide h2 > span { font-size: 1.3rem; }

div.guide div.panel > h5.sub_header { padding: 10px 20px; }

div.guide div.panel > div.content {
	border: 1px solid #ddd;
    border-top: none;
    padding: 20px 40px;
}

div.guide div.panel > div.content > p.img {
	/*border: 1px solid #ddd;*/
    /*padding: 10px;*/
    text-align: center;
}

ul.guide_list > li { margin-bottom: 30px; }
ul.guide_list > li:last-child { margin-bottom: 0; }

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

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

ul.guide_list > li span.alphabet {
    background-color: #fbb829;
    font-weight: bold;
    padding: 3px 0.4em;
    font-size: 1.1rem;
    margin-right: 0.3em;
}

ul.guide_list p.title > span {
	margin-left: 0.4em;
	font-size: 1.2rem;
	font-weight: normal;
}

ul.guide_list li table.simple-b > thead th { text-align: center; }
ul.guide_list li table.simple-b > tbody td {
	text-align: left;
	padding: 15px 10px;
}

ul.guide_list li table.simple-b > tbody td:first-child { white-space: nowrap; }

uul.guide_list li table.simple-b > tbody td a.btn-def {
	padding: 0 10px;
	font-size: 1.2rem;
}

ul.dot_list > li { 
	text-indent: -1.3rem;
    padding-left: 1.3rem;
	margin-bottom: 4px;
}

ul.num_list > li { 
	display: table;
	margin-bottom: 4px;
}
ul.num_list > li > span { display: table-cell; }

ul.dot_list > li:last-child,
ul.num_list > li:last-child { margin-bottom: 0; }


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

	959px以下

------------------------------------------------------------ */
@media screen and ( max-width : 959px ) {
	
	div.panel > div.content  { padding: 20px 10px; }
	div.panel > div.content > div.inner > div.race_block { padding-right: 5px; }
	div.panel > div.content > div.inner > div.course_block { padding-left: 5px; }
	
	table.basic tbody tr td.date { width: 80px; }
	table.basic tbody tr td.racename { width: 205px; }
	table.basic tbody tr td:nth-child(6) { width: 120px; }
	table.basic tbody tr td:nth-child(7) { width: 136px; }
	
    
    #intro ul.link_list.multi.div3 > li {
        width: 50%;
    }
    
    #intro ul.link_list.multi.div3 > li:first-child {
        width: 100%;
    }
    
    
	
	/* - 出走馬決定順一覧（特別登録）の見方
　　------------------------------------------------------------------- */
	div.guide div.panel > div.content { padding: 20px; }
	
}


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

	767px以下

------------------------------------------------------------ */
@media screen and ( max-width : 767px ) {
	
    table.basic tbody tr td.racename { width: auto; }
	
    
    #intro ul.link_list.multi.div3 > li {
        width: 100%;
    }
    
	
	/* - 出走馬決定順一覧（特別登録）の見方
　　------------------------------------------------------------------- */
	
	ul.guide_list li table.simple-b > tbody td:first-child { white-space: normal; }
	
	ul.guide_list li table.simple-b > tbody td a.btn-def { display: block; }
}


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

	639px以下

------------------------------------------------------------ */
@media screen and ( max-width : 639px ) {
    
	/* - 出走馬決定順一覧（特別登録）の見方
　　------------------------------------------------------------------- */

	div.guide h2 > span { display: block; }
	
	ul.guide_list li table.simple-b > thead th,
	ul.guide_list li table.simple-b > tbody td { padding: 10px 5px ; }
	
	ul.guide_list li table.simple-b > tbody td:first-child > span { display: block; }
}



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

	479px以下

------------------------------------------------------------ */
@media screen and ( max-width : 479px ) {
	
	
	
	/* - 出走馬決定順一覧（特別登録）の見方
　　------------------------------------------------------------------- */
	div.guide div.panel > div.content { padding: 20px 10px; }
    
}



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

	359px以下

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

    
	/* - 出走馬決定順一覧（特別登録）の見方
　　------------------------------------------------------------------- */
	ul.guide_list p.title > span {
		display: block;
		margin-left: 0;
	}
	
}