@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');



tbody.off tr td{
    background: #CCC !important;
    font-size: 18px;color: #444;
}
#yoso_cate h2.yoso02 {
    background: url(../images/yoso02_sp.svg) center center no-repeat;
    background-size: auto 44px !important;
}
#yoso02 .off{
    height: 60px;
}

#yoso_kekka table{
    /* height: 400px; */
    margin-bottom: 10px;
}

/* #yoso_kekka tr{height: 60px;} */

#kisya, #vp{padding-bottom: 120px;}

#yoso_kekka .col1 { width: 25px; height: 40px;}
#yoso_kekka .col2 { width: 25px;}
#yoso_kekka .col5 { width: 200px; background: #01176D; color: #FFF; text-align: right; vertical-align: bottom; padding-bottom: 5px; padding-right: 5px; font-size: 14px;}
#yoso_kekka tbody tr.line_waku01 td:nth-child(2),
#yoso_kekka tbody tr.line_waku01 td:nth-child(3),
#yoso_kekka tbody tr.line_waku01 td:nth-child(3) a{  background: #EEF2F5;}
#yoso_kekka tbody tr.line_waku02 td:nth-child(2),
#yoso_kekka tbody tr.line_waku02 td:nth-child(3),
#yoso_kekka tbody tr.line_waku02 td:nth-child(3) a{  color: #FFF;  background: #474747;}
#yoso_kekka tbody tr.line_waku03 td:nth-child(2),
#yoso_kekka tbody tr.line_waku03 td:nth-child(3),
#yoso_kekka tbody tr.line_waku03 td:nth-child(3) a{  color: #FFF;  background: #D43A3A;}
#yoso_kekka tbody tr.line_waku04 td:nth-child(2),
#yoso_kekka tbody tr.line_waku04 td:nth-child(3),
#yoso_kekka tbody tr.line_waku04 td:nth-child(3) a{  color: #FFF;  background: #2387CB;}
#yoso_kekka tbody tr.line_waku05 td:nth-child(2),
#yoso_kekka tbody tr.line_waku05 td:nth-child(3),
#yoso_kekka tbody tr.line_waku05 td:nth-child(3) a{  background: #FFD500;}
#yoso_kekka tbody tr.line_waku06 td:nth-child(2),
#yoso_kekka tbody tr.line_waku06 td:nth-child(3),
#yoso_kekka tbody tr.line_waku06 td:nth-child(3) a{  color: #FFF;  background: #21B56B;}

#yoso04 tbody { border-bottom: 1px solid rgba(0,0,0,0.16);}

tbody tr td:nth-child(10) span {
  font-family: 'Roboto',sans-serif;
  font-size: 12px;
  font-weight: bold;
}
  
.sub_info{
	width: 360px;
	padding:10px  20px 20px 20px;
	text-align: center;
	color: #000;
	background: #E6E6E6;
	font-size: 16px;
}

.sub_info h5{
	width: 100%;
	height: 24px;
	background: #fff;
	border-radius: 24px;
	color: #000;
  font-size: 16px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 3px;
}

.sub_info span{
	font-family: 'Oswald', sans-serif;
	font-weight: 600;
	font-size: 20px;
	margin-right: 2px;
}
.sub_info a{
  margin-top: 15px;
  display: block;
  text-decoration: none;border-radius: 2em;
  text-align: center;
  line-height:40px;
  color: #FFF;
  background: linear-gradient(#01176D,#015F6D);
}

.sub00{
	width: 100%;
	margin: 5px auto;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
  text-align: center;
}
.sub00 span{
	color: #FF003D;
	font-size: 16px;
}

.sub01{
  text-align: left;
	font-size: 14px;
  line-height: 14px;
}
.red_sub{color: #FFB27C;}
.blue_sub{color: #559FEA;}
.white_sub{color: #FFF;}



#result02{width: 100%;}
#result02 table{height: 346px;}
#result02 .col1{ width: 40px;}
#result02 .col3{ width:80px;}
#result02 .col2{ width: 124px;}
#result02 .col6{ width: 100px;}
#result02 tr:nth-child(1) .col6{height: 36px;}
#result02 dl{	margin-left: 20px;}


#result02 tr:nth-child(3),
#result02 tr:nth-child(5),
#result02 tr:nth-child(7),
#result02 tr:nth-child(9),
#result02 tr:nth-child(14),
#result02 tr:nth-child(16),
#result02 tr:nth-child(19),
#result02 tr:nth-child(20){border-bottom: 1px solid #999;}

#result02 table tr:nth-child(odd) td{
  background: #E6E6E6;
}

#result02 th{  height: 30px;}
#result02 td{  height: 35px;}

#result02 dl dt{
  width: 24px;
  height: 24px;
	float: left;
}
#result02 dl dd{
	width: 10px;
	height: 24px;
	float: left;
}
#result02 dl dt.num01{
	background: url("../../images/wakuban1.svg") no-repeat top left;
	background-size: contain;
}
#result02 dl dt.num02{
	background: url("../../images/wakuban2.svg") no-repeat top left;
	background-size: contain;
}
#result02 dl dt.num03{
	background: url("../../images/wakuban3.svg") no-repeat top left;
	background-size: contain;
}
#result02 dl dt.num04{
	background: url("../../images/wakuban4.svg") no-repeat top left;
	background-size: contain;
}
#result02 dl dt.num05{
	background: url("../../images/wakuban5.svg") no-repeat top left;
	background-size: contain;
}
#result02 dl dt.num06{
	background: url("../../images/wakuban6.svg") no-repeat top left;
	background-size: contain;
}

#result02 dl dd.line_1{
	background: url("../../images/ren_line1.svg") no-repeat center center;
	background-size: 60%;
}

#result02 dl dd.line_2{
	background: url("../../images/ren_line2.svg") no-repeat center center;
	background-size: 60%;
}
#result02 .henkan dl dt{	margin-right: 4px;}
#result02 tr td.col3 ,#result02 tr td.col6{
	text-align: right;
	padding-right: 10px;
  font-size: 16px;
  font-weight: bold;
}
#result02 tr td p{
  font-size: 14px;
}


#yoso_kekka{padding-top: 5px;}
#yoso_kekka .table02 th.col_st {
  width: 50px;
}

#yoso_kekka .table02 th.col_kimari {
  width: 86px;
  border-left: none;
}

#yoso_kekka .table02 td dl dt{
  width: 90px;
  padding-right: 12px;
}

#yoso_kekka .table02 td.st_tenji dl dt.kimari{
	width: 86px;
	padding-right: 0px;
	text-align: center;
	font-size: 14px;
	color: #000;
}
  
#yoso_kekka .data table{
  width: 100%;
  /* height: 56px; */
  margin: 0 auto 5px auto;
  font-size: 16px;
  border: #FFF solid 2px;
}
#yoso_kekka .data table tr{
  height: auto;
}
#yoso_kekka .data table td,
#yoso_kekka .data table th{
  border: 1px solid #FFF;
  height: 30px !important;
}
#yoso_kekka .data table td span{font-size: 12px;}

#yoso_kekka .data table:first-child th{  width: calc(100% / 3);}
#yoso_kekka .data table:nth-child(2) th{  width: calc(100% / 4);}

.replay_tenji{padding-top: 0;}

#yoso_kekka h5 {
  font-size: 16px;
  width: 100%;
  font-weight: bold;
  padding-left: 5px;
  background: #FFF;
}#yoso_kekka .data th {
  background: rgba(0,0,0,0.65);
  line-height: 25px;
  color: #FFF;
}

#yoso_kekka .right a {
  margin-top: 15px;
  display: block;
  text-decoration: none;
  border-radius: 2em;
  text-align: center;
  line-height: 40px;
  color: #FFF;
  font-size: 16px;
  font-weight: 900;
  background: linear-gradient(#01176D,#015F6D);
}

#yoso_kekka h5{
  border-bottom: 1px solid #001C7E;
  margin-bottom: 5px;
  background:url(../../images/yoso_result01.svg) left 5px center no-repeat;
  background-size: auto 16px;
  text-indent: -9999px;
}

#yoso_kekka #result02 h5{
  background:url(../../images/yoso_result02.svg) left 5px center no-repeat;
  background-size: auto 16px;
  margin-left: 0;
  margin-top: 10px;
  width: 885px;
}

#yoso_kekka td .sub2{
  font-size: 14px;
}




#yoso_kekka table tbody tr:nth-child(even) {
  background: #E6E6E6;
}

#yoso_kekka table tbody tr:nth-child(odd) {
  background: #FFFFFF;
}

#yoso_kekka #result02 table tbody tr{height: auto;}
#yoso_kekka #result02 table tbody tr:nth-child(even) td{
  background: #FFF !important;
}
#yoso_kekka #result02 table tbody tr:nth-child(even) td{
  background: #FFF !important;
}

#yoso_kekka .data table tbody tr td{ background: #FFF;}


#yoso_kekka .right h5{
  background: url(../../images/th_racerep.svg) center center no-repeat #020F43;
  background-size: auto 26px;
  margin-bottom: 0;
  height: 35px;
  border-bottom: none;
  text-indent: -9999px;
  width: 100%;
}
