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

	海外 主要レースカレンダー

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

#cal_block strong { font-weight: bold; }


/* - 主要レース　テーブル
-------------------------------------------------- */


p.sp_line {
	display:none;
    font-size: 1.2rem;
}

table.main_race > caption {
    margin-bottom: 15px;
    text-align: left;
}

table.main_race > caption > div.header {
    padding-bottom: 4px;
    border-bottom: 2px solid #e2e2e2;
    position: relative;
}

table.main_race > caption > div.header:after {
    position: absolute;
    left: 0;
    bottom: -2px;
    content: "";
    width: 120px;
    border-bottom: 2px solid #0cae2f;
}


table.main_race > caption > div.header > .content {
    display: block;
}

table.main_race > caption > div.header > .content > p {
    font-size: 1.6rem;
    font-weight: bold;
    color: #444;
    line-height: 1.4;
    padding: 4px 0;
}

table.main_race {
	width:100%;
	border-collapse:collapse;
}

table.main_race {
	width:100%;
	font-size:1.2rem;
}

table.main_race > thead > tr.detail_all {
	background:#0069a7;
	font-weight:bold;
}


table.main_race > thead > tr.detail_all > th {
	text-align:center;
	color:#FFF;
	border:1px solid #DDD;
	padding:6px;
	vertical-align:middle;
    background-color: #0069a7;
}

table.main_race > thead > tr.detail_all > th.sale {
	width:56px;
}

table.main_race > thead > tr.detail_all > th.day {
	width: 162px;
}

table.main_race > thead > tr.detail_all > th.day.ph {
	width: 192px;
}

table.main_race > thead > tr.detail_all > th.fac {
	width: 166px;
}

table.main_race > thead > tr.detail_all > th.dis {
    width:84px;
}

table.main_race > thead > tr.detail_all > th.horse {
    min-width: 160px;
}


table.main_race > tbody > tr > td {
	border:1px solid #DBDBDB;
	padding:6px;
	vertical-align:middle;
}

table.main_race > tbody > tr > td i {
	padding-right:0.4rem;
}

table.main_race > tbody > tr > td a {
	text-decoration:underline;
	color:#06a;
}

table.main_race > tbody > tr > td a:hover {
	color:#097722;
}

table.main_race > tbody > tr > td.sale_on > span {
	display:inline-block;
	background-color:#0069a7;
	color:#FFF;
	padding:2px 5px;
	border-radius:3px;
}


table.main_race > tbody > tr > td:nth-child(1) {
	text-align:right;
}

table.main_race > tbody > tr > td:nth-child(4) {
	text-align:center;
	white-space:nowrap;
}



table.main_race > tbody > tr:nth-child(even) > td {
	background-color:#f3f3f3;
}


table.main_race > tbody > tr > td > span.flag {
	display:inline-block;
	vertical-align:middle;
	line-height:1.2;
	padding-right:0.4rem;
}

table.main_race > tbody > tr > td > span.flag img {
	width:22px;
}

table.main_race > tbody > tr > td > span.inner {
	display:table;
}

table.main_race > tbody > tr > td > span.inner > a {
	display:block;
}

table.main_race > tbody > tr > td > span.inner > a > span.icon {
	display:table-cell;
	vertical-align:top;
}

table.main_race > tbody > tr > td > span.inner > a > span.name {
	display:table-cell;
	vertical-align:top;
}


table.main_race > tbody > tr > td span.unit {
    font-size: 1rem;
    display: block;
    line-height: 1.1;
}


.caution {
	margin-bottom:20px;
}

.caution > p {
	font-size: 1.2rem;
    text-indent: -1.2rem;
    padding-left: 1.2rem;
	line-height:1.8;
}

.caution > p > i {
	padding-right:0.2rem;
	padding-left:1.4rem;
}


.caution_block {
    background-color: #f3f3f3;
    padding: 10px;
    border: 1px dashed #ccc;
}


/* ------------------------------------------------------------
    2020.01.24 当該年に発売するレース表
------------------------------------------------------------ */

.head > .content .title > h2 span.block { display: block; }


.release_block {
    border-bottom: 1px dashed #CCC;
    padding-bottom: 30px;
}

ul.link_list.release_btn > li > a {
    padding: 25px 10px;
    font-size: 1.8rem;
}

table.main_race.thisyear > caption { margin-bottom: 10px; }

table.main_race.thisyear > thead > tr.detail_all > th {
    line-height: 1.4;
}

table.main_race > thead > tr.detail_all > th.num {
    width: 40px;
}

table.main_race.thisyear > thead > tr.detail_all > th.dis {
    width: 116px;
}

table.main_race.thisyear > thead > tr.detail_all > th.day {
    line-height: 1.3;
}

table.main_race > thead > tr.detail_all > th.con {
    width: 142px;
}

table.main_race > thead > tr.detail_all > th.fac {
    width: 181px;
}

table.main_race.thisyear > thead > tr.detail_all > th.day {
    width: 120px;
}

table.main_race.thisyear > thead > tr.detail_all > th.day span {
    display: block;
    font-size: 1.0rem;
}

table.main_race.thisyear > thead > tr.detail_all > th.day span.normal {
    font-size: 1.3rem;
}

table.main_race.thisyear > tbody > tr > td {
    text-align: center;
}

table.main_race.thisyear > tbody > tr > td.left {
	text-align:left;
}


table.main_race.thisyear > tbody > tr > td.dist span.condition {
    display: block;
    line-height: 1.3;
}

table.main_race.thisyear > tbody > tr > td.dist span.unit {
    font-size: 1rem;
    line-height: 1.1;
    display: inline;
}


table.main_race.thisyear > tbody > tr > td span.en {
    display: block;
    font-size: 1.0rem;
    padding-top: 2px;
}

table.main_race.thisyear > tbody > tr > td span.opt {
    font-size: 1.1rem;
}

p.date {
    text-align: right;
}



/* - バックナンバー
-------------------------------------------------- */

div.bn-area > ul {
    background-color: #ebebeb;
    padding: 5px;
}

div.bn-area > ul:after { content: ''; display: block; clear: both; }

div.bn-area > ul > li {
    width: 20%;
    float: left;
    padding: 5px;
}


div.bn-area > ul.div6 > li {
    width: 16.66%;
}

div.bn-area > ul > li > a {
    text-align: center;
    display: block;
    background-color: #fff;
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    line-height: 1.4;
    font-size: 1.3rem;
    font-weight: bold;
    color: #444;
}

div.bn-area > ul > li > a:hover {
    background-color: #fff8e1;
}

div.bn-area > ul > li > a i {
    margin-right: 0.5em;
    color: #176aa4;
}

div.bn-area > ul > li.current > a {
    background-color: #0069a7;
    color: #fff;
}

div.bn-area > ul > li.current > a i {
    color: #fff;
}



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

	979px以下

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

    #contentsBody > .body_wrapper {
        padding:0 10px;
        box-sizing:border-box;
    }

    .release_unit {
        margin:0 10px;
    }

    .release_unit > .release_btn {
        right: 10px;
    }

}




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

	767px以下

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


    p.sp_line {
        display:block;
        margin-bottom:4px;
    }

    p.date {
        text-align: left;
        margin-bottom: 10px;
    }

    .head > .content .title > h2 span.block { display: inline; }

}

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

	680px以下

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

    div.bn-area > ul.div6 > li {
        width: 33.33%;
    }

}


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

	639px以下

------------------------------------------------------------ */
@media screen and ( max-width : 639px ) {
    
    div.bn-area > ul > li {
        width: 25%;
    }
    
}


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

	479px以下

------------------------------------------------------------ */
@media screen and ( max-width : 479px ) {
    
    div.bn-area > ul > li {
        width: 33.33%;
    }
    
    ul.link_list.release_btn > li > a {
        padding: 20px 10px;
        font-size: 1.5rem;
    }
    
    div.bn-area > ul.div6 > li {
        width: 50%;
        float: left;
    }
    
    
}


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

	374px以下

------------------------------------------------------------ */
@media screen and ( max-width : 374px ) {
    
    div.bn-area > ul > li {
        width: 50%;
        
        width: 100%;
        float: none;
        
        padding: 3px;
    }
    
    div.bn-area > ul > li > a {
        padding: 8px;
    }
    
}