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

	馬場情報

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

.contents_header h3 > span {
    font-size: 1.3rem;
    margin-left: 0.5em;
}

.block_header > .content > h4 > span {
    font-size: 1.3rem;
    margin-left: 0.5em;
}


/* - layout grid
-------------------------------------------------- */
.content_pair {
    display: table;
    width: 100%;
}

.content_pair > div {
    display: table-cell;
    vertical-align: top;
}


.content_pair > div.img {
    padding-right: 10px;
}

.content_pair > div.txt {
    padding-left: 10px;
}


/* ----- 直前情報 ----- */
.new_info .content_pair > div.img {
    width: 210px;
}

.new_info .grid {
    display: table;
    width: auto;
    /*margin: 20px auto 0 auto;*/
    /*margin: 0 auto;*/
}

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

.new_info .grid > div.left {
    white-space: nowrap;
    padding-right: 20px;
    font-size: 1.4rem;
}

.new_info .grid > div.right {
    /*padding-top: 1.5em;*/
    /*padding-top: 20px;*/
}




ul.data_list  {
    border-top: 1px dashed #ddd;
}

ul.data_list > li {
    /*padding: 2px 0;*/
    padding: 4px 0;
    padding: 8px 0 6px 0;
    border-bottom: 1px dashed #ddd;
}

/*
ul.data_list > li:first-child {
    float: left;
}

ul.data_list > li:nth-child(2) {
    float: left;
    padding-left: 20px;
}

ul.data_list > li:nth-child(3) {
    clear: both;
}
*/


ul.data_list > li dl {
    /*clear: both;*/
    display: table;
    
}

ul.data_list > li dl > dt {
    /*float: left;*/
    font-weight: bold;
    padding-right: 10px;
    min-width: 7em;
    
    display: table-cell;
    vertical-align:  top;
    
    /*background-color: #eee;*/
    /*padding: 2px 5px;*/
}

ul.data_list > li dl > dd {
    /*float: left;*/
    display: table-cell;
    vertical-align:  top;
    
    /*padding: 2px 5px;*/
    padding-left: 10px;
    
    border-left: 1px dashed #ddd;
    
}






/* ----- 気象情報 ----- */
#weather_info {
    
}

#weather_info thead th {
    font-size: 1.2rem;
}

#weather_info thead th span.day {
    font-size: 1.1rem;
    display: block;
}

#weather_info tbody th span {
    font-size: 1rem;
    display: block;
}



table.weather_list {
    
}

table.weather_list thead th { font-size: 1.2rem; }

table.weather_list thead th span.day {
    font-size: 1.1rem;
    display: block;
}

table.weather_list tbody th span {
    font-size: 1rem;
    display: block;
}


div.scr > .caution {
    /*margin-top: 20px;*/
    /*display: none;*/
}

div.scr + .caution {
    /*display: none;*/
}



/* ----- コース ----- */
span.dist_unit {
    font-size: 1rem;
    margin-left: 0.2em;
}



ul.img_list {
    display: table;
}

ul.img_list > li {
    display: table-cell;
    vertical-align: top;
    width: 25%;
    padding: 0 5px;
}

ul.img_list > li img {
    vertical-align: top;
}

ul.img_list > li > img + p {
    font-size: 1.2rem;
    text-align: center;
    margin-top: 5px;
}



/* - 週末情報
------------------------------------------------------------ */
.layout-grid {
    display: table;
    width: 100%;
}

.layout-grid > div {
    display: table-cell;
    vertical-align: top;
    width: 50%;
}

.layout-grid > div.left {
    padding-right: 20px;
}

.layout-grid > div.right {
    padding-left: 20px;
}



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

	767px以下

------------------------------------------------------------ */
@media screen and ( max-width : 767px ) {
	
    #weather_info thead > tr > th { padding: 10px 5px; }
    #weather_info tbody > tr > td { padding: 10px 5px; }
    #weather_info tbody > tr > th { font-size: 1.2rem; }
    #weather_info tbody > tr > td { font-size: 1.2rem; }
    
    
    ul.img_list {
        display: block;
    }
    
    ul.img_list:after { content: ''; display: block; clear: both; }
    
    ul.img_list > li {
        display: block;
        width: 50%;
        float: left;
        text-align: center;
        
        padding-bottom: 10px;
        
        padding: 0 5px 10px 5px;
    }
    
    
    
    /* - 週末情報
    ------------------------------------------------------------ */
    .layout-grid {
        /*display: table;
        width: 100%;
        */
        display: block;
    }

    .layout-grid > div {
        /*display: table-cell;
        vertical-align: top;
        width: 50%;
        */
        display: block;
        width: auto;
    }

    .layout-grid > div.left {
        padding-right: 20px;
        padding-right: 0;
    }

    .layout-grid > div.right {
        padding-left: 20px;
        padding-left: 0;
        margin-top: 30px;
    }
    
    
}


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

	639px以下

------------------------------------------------------------ */
@media screen and ( max-width : 639px ) {
    
    .content_pair { display: block;}
    .content_pair > div {
        display: block;
    }
    
    .content_pair > div.txt {
        margin-top: 20px;
    }
    
    .new_info .content_pair > div.img {
        width: auto;
        text-align: center;
    }
    
    
    /*
    .new_info .grid { display: block; }
    .new_info .grid > div {
        display: block;
        text-align: center;
    }
    
    .new_info .grid > div.right {
        margin-top: 10px;
    }
    */
    
    
    .new_info .grid > div.left {
        font-size: 1.3rem;
    }
}



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

	479px以下

------------------------------------------------------------ */
@media screen and ( max-width : 479px ) {
	
    /*
	ul.record_list > li {
		padding: 0;
		margin-top: 15px;
	}
	
	ul.record_list > li:first-child { margin-top: 0; }

	ul.record_list > li > span { display: block; }
	
	ul.record_list > li > span.name { margin-right: 0; }
	
	ul.record_list > li > span.record {
		font-size: 1.4rem;
		margin-top: 2px;
	}
    */
    
    
    .contents_header h3 > span {
        display: block;
        margin-left: 0;
        font-size: 1.1rem;
    }
    
    .block_header > .content > h4 > span {
        /*display: block;
        margin-left: 0;*/
        font-size: 1.1rem;
    }
    
    .new_info .grid { display: block; }
    .new_info .grid > div {
        display: block;
        text-align: center;
    }
    
    .new_info .grid > div.right {
        margin-top: 10px;
    }
    /*
    .new_info .grid > div.left {
       font-size: 1.2rem;
    }*/
    
    
    
    ul.img_list {
        display: block;
    }
    
    ul.img_list:after { content: ''; display: block; clear: both; }
    
    ul.img_list > li {
        /*display: block;
        width: 50%;
        float: left;
        text-align: center;
        
        padding-bottom: 10px;
        
        padding: 0 5px 10px 5px;*/
        
        float: none;
        width: auto;
    }
}



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

	359px以下

------------------------------------------------------------ */
@media screen and ( max-width : 359px ) {
    
    .block_header > .content > h4 > span {
        display: block;
        margin-left: 0;
        font-size: 1.1rem;
    }
    
}