/***
	ランキング表のスタイルシート
***/

.rankTable {
	border-collapse: collapse;
	/* table-layout: fixed; */
	font-size:  0.8em;
	width: 100%;
	margin-bottom: 3vh;
}

.rankTable th,
.rankTable td {
	border: 1px solid #CCCCCC;
	padding: 5px 10px;
	white-space: nowrap;
}

.rankTable th {
	background-color: #1670e7;
	color: white;
	font-size:  1.2em;
	font-weight: normal;
	text-align: center;
}

/*	順位	*/
.row-rank {
  width: 5%;
  text-align:center;
}

/*	点数	*/
.row-score , .row-age{
  width: 5%;
  text-align:center;
}

/*  時間  */
.row-second {
  width: 5%;
}	

/*  日付  */
.row-date {
  width: 10%;
}

/*  地域、名前  */
.row-locale {
  width: 10%;

  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 0;

}

/*  地域、名前  */
.row-name {
	width: 12%;
}
  
  /*  年齢  */
.row-age {
	width: 5%;
	text-align:center;
}

/*  コメント  */
.row-comment {
  width: 12%;

  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 0;

}

@media all and (max-width: 600px) {

	.rankTable th:nth-child(3),		/* 秒 */
	.rankTable td:nth-child(3),
	.rankTable th:nth-child(4),		/* 日付 */
	.rankTable td:nth-child(4),
	.rankTable th:nth-child(7),		/* 年齢 */
    .rankTable td:nth-child(7), 
	.rankTable th:nth-child(8),		/* コメント */
    .rankTable td:nth-child(8) 
	{
        display: none; /* 列を非表示にする */
    }

	/*	順位	*/
	.row-rank {
		width: 3%;
	}

	/*	点数	*/
	.row-score , .rowTime, .row-age{
		width: 3%;
	}
	
}