@charset "UTF-8";

/*-------------------------------------------------
	++ KEIRIN TOP
-------------------------------------------------*/
/* SELECT BTN */
.selectBtn {
	margin-bottom:5vw;
}
.selectBtn ul {
	letter-spacing: -.4em;
}
.selectBtn ul li {
	display:inline-block;
	letter-spacing: normal;
	width:33%;
	padding:0 0.5vw;
}
.selectBtn ul li a {
	display:block;
	width:100%;
	font-size:77%;
	border:1px solid #EB6363;
	color:#EB6363;
	border-radius:5px;
	padding: 4vw 3vw;
    height: 12vw;
    background:#FFEEEE url(/images/arrow/arrow_red.png) right 1vw center no-repeat;
	background-size:1.5vw;
	box-shadow:1px 1px 3px 0px rgba(0,0,0,0.3);
}
.selectBtn ul li.line2 a {
	padding:4vw 3vw;
}



/* RACE TABLE */
.raceTbl .daytab {
	background-color:#EB6363;
	color:#FFF;
	position:relative;
	height:13vw;
}
.raceTbl .daytab li {
	width:26vw;
}
.raceTbl .daytab li.today {
	position:absolute;
	top:2vw;
	left:35vw;
}
.raceTbl .daytab li.yesterday {
	position:absolute;
	top:2vw;
	left:2vw;
}
.raceTbl .daytab li.tomorrow {
	position:absolute;
	top:2vw;
	right:2vw;
}
.raceTbl .daytab li a {
	display:block;
	background-color:#FFF;
	color:#EB6363;
	padding:1vw 5vw;
	border-radius:5vw;
	font-size:123%;
}
.raceTbl .daytab li.today.current a,
.raceTbl .daytab li.yesterday.current a,
.raceTbl .daytab li.tomorrow.current a {
	background-color:#EB6363;
	color:#FFF;
}
.raceTbl .daytab li.tomorrow a {
	background:#FFF url(/images/arrow/arrow_red.png) right 2vw center no-repeat;
	background-size:1.5vw;
}
.raceTbl .daytab li.yesterday a {
	background:#FFF url(/images/arrow/arrow_red_l.png) left 2vw center no-repeat;
	background-size:1.5vw;
}


.raceTbl table {
	width:100%;
}
.raceTbl table tr th,
.raceTbl table tr td {
	border:1px solid #d0d0d0;
	padding:2vw;
	position:relative;
}
.raceTbl table tbody tr {
	background-color:#f1f1e6;
}
.raceTbl table tbody tr:nth-of-type(even) {
	background-color:#fafaf5;
}
.raceTbl table tbody tr td .place {
    margin-bottom: 2vw;
    /*margin-right: 1vw;*/
    display: inline-block;
    width: 11em;
    float: left;
}
.raceTbl table tbody tr td .place .placeName {
	font-size: 4.5vw;
	float:left;
	font-weight:bold;
	color:#EB6363;
	margin-right: 1.3vw;
    line-height: 7vw;
}
.raceTbl table tbody tr td .place .mark,
.raceTbl table tbody tr td .place .dokantoLogo {
	float:left;
	margin-right:3vw;
}
.raceTbl table tbody tr td .day {
	text-align: left;
    margin-bottom: 0;
    margin-top: 0.1em;
    float: left;
    display: inline-block;
    vertical-align: top;
}
.raceTbl table tbody tr td .date {
    background-color: #919191;
    color: #FFF;
    /*padding: 0 1.7vw;*/
    border-radius: 3vw;
    width: 4em;
    display: inline-block;
    text-align: center;
}
.raceTbl table tbody tr td ul.btn {
	width:100%;
	/*letter-spacing: -.4em;*/
}
.raceTbl table tbody tr td ul.btn li {
	display: block;
    float: left;
    width: 20%;
    vertical-align: top;
    padding-right: 1vw;
}
.raceTbl #race01 table tbody tr td ul.btn li {
    width: 33%;
}
.raceTbl table tbody tr td ul.btn li a,
.raceTbl table tbody tr td ul.btn li span {
	display:block;
	width:100%;
	height:100%;
	color:#EB6363;
	border-radius:5px;
	line-height: 1;
	padding:3vw 1vw;
	background:#FFEEEE;
	border:1px solid #EB6363;
	box-shadow:1px 1px 2px 0px rgba(0,0,0,0.2);
}
.raceTbl table tbody tr td ul.btn li a:hover,
.raceTbl table tbody tr td ul.btn li.rev a {
	background:#EB6363;
	color:#FFF;
}
.raceTbl table tbody tr td ul.btn li span {
	background:#999999;
	border:1px solid #999999;
	color:#e6e6e6;
	box-shadow: none;
}
/*荳ｭ豁｢*/
.raceTbl table tr td.canceled:before {
	content:"";
	width: 100%;
	height: 100%;
	background:black;
	z-index: 1;
	top: 0px;
	left: 0px;
	display: block;
	opacity: 0.3;
	position: absolute;
	border-radius: 4px;
}

/*-------------------------------------------------
	++ オートレースTOP：トピックス
-------------------------------------------------*/

.topicsContent ul li {
	border-bottom:1px solid #d0d0d0;
	margin-bottom:1vw;
	padding:2vw;
	text-align: left;
}
.topicsContent ul li a {
	display:block;
	background:url(/images/arrow/arrow_gray.png) right center no-repeat;
	padding-right:5vw;
}


/*-------------------------------------------------
	++ オートレースTOP：お知らせ
-------------------------------------------------*/
.infoContent {
	margin-top:3vw;
}
.infoContent ul li {
	border-bottom:1px solid #d0d0d0;
	margin-bottom:1vw;
	padding:2vw;
	text-align: left;
}
.infoContent ul li a {
	display:block;
	background:url(/images/arrow/arrow_gray.png) right center no-repeat;
}
.infoContent ul li a .title {
	display:block;
}

/*-------------------------------------------------
	++ オートレース TOP FOOTER
-------------------------------------------------*/

#autoraceFooterBanner ul li {
	width:49%;
	float:left;
	margin-right:2%;
	margin-bottom:1vw;
}
#autoraceFooterBanner ul li:nth-of-type(2n) {
	margin-right:0;
}

ul.cf.btn.canceled:before {
	content:"";
	width: 100%;
	height: 100%;
	background:black;
	z-index: 1;
	top: 0px;
	left: 0px;
	display: block;
	opacity: 0.3;
	position: absolute;
	border-radius: 4px;
}