@charset "UTF-8";

/*-------------------------------------------------
	++ KEIRIN TOP
-------------------------------------------------*/
/* SELECT BTN */
.selectBtn {
	margin-bottom:5vw;
}
.selectBtn ul li {
	float:left;
	width:25%;
	padding:0 0.5vw;
}
.selectBtn ul li a {
	display:block;
	width:100%;
	font-size:77%;
	border:1px solid #299fc4;
	color:#299fc4;
	border-radius:5px;
	padding: 4.1vw 3vw;
	height: 12vw;
	/*min-height:15vw;*/
	background:#E5F6FE url(/images/arrow/arrow_blue.png) right 1vw center no-repeat;
	background-size:1.5vw;
	box-shadow:1px 1px 3px 0px rgba(0,0,0,0.3);
	line-height: 1.5em;
}
.selectBtn ul li.line2 a {
	padding: 2vw 3vw;
}



/* RACE TABLE */
.raceTbl .daytab {
	background-color:#299fc4;
	color:#FFF;
	position:relative;
	height:13vw;
}
.raceTbl .daytab li {
	width:26vw;
}
.raceTbl .daytab li.today {
	position:absolute;
	top:2vw;
	left: 33vw;
}
.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:#299fc4;
	padding:1vw 5vw;
	border-radius:5vw;
	font-size:123%;
}
.raceTbl .daytab li.tomorrow a {
	background:#FFF url(/images/arrow/arrow_blue.png) right 2vw center no-repeat;
	background-size:1.5vw;
}
.raceTbl .daytab li.yesterday a {
	background:#FFF url(/images/arrow/arrow_blue_l.png) left 2vw center no-repeat;
	background-size:1.5vw;
}
.raceTbl .daytab li.current a {
	background:#299fc4;
	color:#FFF;
}


.raceTbl table {
	width:100%;
}
.raceTbl table tr th,
.raceTbl table tr td {
	border:1px solid #d0d0d0;
	padding:2vw;
	position:relative;
	text-align: left;
}
/*中止*/
.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;
}
.raceTbl table tbody tr {
	background-color:#f1f1e6;
}
.raceTbl table tbody tr:nth-of-type(even) {
	background-color:#fafaf5;
}

.raceTbl table tbody tr td .dokantoLogo {
	margin-bottom: 1vw;
}
.raceTbl table tbody tr td .place {
	/*margin-bottom:3vw;*/
	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:#299fc4;
	margin-right: 1.3vw;
	line-height: 7vw;
}
.raceTbl table tbody tr td .place .mark{
	float:left;
	margin-right:0vw;
}
.raceTbl table tbody tr td .place .dokantoLogo {
	float:left;
	margin-left: 5vw;
}
.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%;
}
.raceTbl table tbody tr td ul.btn li {
	display:block;
	float:left;
	width:24%;
	vertical-align: top;
	padding-right:1vw;
}
.raceTbl table tbody tr td ul.btn li.purchase {
	/*width:28%;*/
}
.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:#299fc4;
	border-radius:5px;
	line-height: 1;
	padding: 3vw 1vw;
	background:#E5F6FE;
	border:1px solid #299fc4;
	box-shadow:1px 1px 2px 0px rgba(0,0,0,0.2);
	white-space: normal;
	text-align: center;
}
.raceTbl table tbody tr td ul.btn li a:hover,
.raceTbl table tbody tr td ul.btn li.purchase a {
	background:#299fc4;
	color:#FFF;
}
.raceTbl table tbody tr td ul.btn li.purchase span {
	background:#999999;
	border:1px solid #999999;
	color:#e6e6e6;
	box-shadow: none;
}


/*-------------------------------------------------
	++ 競輪TOP：予想情報の成績
-------------------------------------------------*/
.recTbl {
	width:100%;
	border:1px solid #d0d0d0;
	margin-bottom:3vw;
}
.recTbl tr th,
.recTbl tr td {
	padding:1vw;
}
.recTbl thead tr {
	background:#999;
	color:#FFF;
}
.recTbl.recTaka thead tr {
	background:#4d7c2c;
}
.recTbl.recRyu thead tr {
	background:#b52b1e;
}
.recTbl.recTora thead tr {
	background:#2b4786;
}
.recTbl tbody tr {
	background:#FFF;
}
.recTbl tbody tr:nth-of-type(even) {
	background:#fafaf5;
}

/*-------------------------------------------------
	++ 競輪TOP：Dokanto
-------------------------------------------------*/
.dokantoBlock {
	border:1vw solid #1496be;
	padding:3vw;
}
.dokantoBlock .dokantoHeader {
	margin-bottom:3vw;
}
.dokantoBlock .dokantoHeader h2 {
	display:inline-block;
	float:left;
	text-align:left;
	font-size:93%;
	background-color:#ff1600;
	color:#FFF;
	padding:1vw 5vw;
	margin-right:3vw;
}
.dokantoBlock .dokantoHeader h3 {
	color:#1496be;
	font-weight:bold;
	float:left;
	margin-right:3vw;
}
.dokantoBlock .dokantoHeader .mark {
	float:left;
}
.dokantoBlock .dokantoBox {
	width:100%;
	padding:0 3vw;
	margin-bottom:5vw;
}
.dokantoBlock .dokantoBox .limitDate h4 {
	display:inline-block;
	background-color:#333;
	color:#FFF;
	font-weight:normal;
	font-size:85%;
	padding:1vw 3vw;
	border-radius:2vw;
	margin-right:3vw;
}
.dokantoBlock .dokantoBox .logo {
	margin-bottom:3vw;
}
.dokantoBlock .dokantoBox .limitDate {
	margin-bottom:3vw;
	font-size:108%;
}
.dokantoBlock .dokantoBox .limitDate .date {
	display: inline-block;
}
.dokantoBlock .dokantoBox dl {
	margin-bottom:2vw;
	border:1px solid #d0d0d0;
}
.dokantoBlock .dokantoBox dl dt {
	background-color:#333;
	color:#FFF;
	float:left;
	width:45%;
	padding:2vw;
	font-size:85%;
}
.dokantoBlock .dokantoBox dl.refund dt {
	background-color:#ff1600;
}
.dokantoBlock .dokantoBox dl dd {
	float:left;
	width:55%;
	padding:1vw;
	text-align: right;
}
.dokantoBlock .dokantoBox dl.refund dd {
	color:#ff1600;
	font-size:116%;
}

/*-------------------------------------------------
	++ 競輪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;
}

/*-------------------------------------------------
	++ 競輪FOOTER
-------------------------------------------------*/
#keirinFooterBanner ul li {
	width:49%;
	float:left;
	margin-right:2%;
	margin-bottom:1vw;
}
#keirinFooterBanner ul li:nth-of-type(2n) {
	margin-right:0;
}

/*-------------------------------------------------
	++ gt_information
-------------------------------------------------*/
h3.txtS {
    font-size: 3.75vw !important;
    letter-spacing: -0.5px !important;
    line-height: 1.5em !important;
	padding: 2% 0 2% 12px !important;}
.gt_information_txt {
	text-align: left;
	padding-top: 2%;}
.gt_information_txtS {
	font-size: 2.8125vw;}

.gt_informationList {
	margin-top: 3%;}
.gt_informationList li {
	width:100%;
	margin:0 0 3% 0;
	float:left;
	border: 1px #CECECE solid;
	text-align: left;
	padding: 0px;}
.gt_informationList li h4 {
	background-color: #eeef2f;
	border-bottom: 2px #000 solid;
	color: #000;
	font-size:4.0625vw;
	line-height: 2em;
	font-weight: bold;
	text-align: center;}
.gt_informationList li p {
	font-size:3.75vw;
	padding: 2%;}

.gt_informationPlace {
	margin: 3% 0;}
.gt_informationPlace li {
	width:100%;
	float:left;
	border-bottom: 1px #CECECE solid;
	text-align: left;
	margin-bottom:10px;
	padding-bottom: 10px;}
.gt_informationPlace li h4 {
	width: 100%;
	float: left;
	color: #000080;
	font-size:4.6875vw;
	line-height: 2em;
	font-weight: bold;
	text-align: left;}
.gt_informationPlace li p {
	float: left;
	font-size:4.0625vw;
	padding-bottom: 1%;}

.gt_informationPlace li .Btn {
	margin: 0 auto;
	text-align: center;}
.link {
	margin: 0px auto;}

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;
}