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

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

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

th {
	background-color: #c3fdff;
	text-align: center;
}

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

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

/*  地域、名前  */
.row-name {
  	width: 12%;

	text-overflow: ellipsis;
  	white-space: nowrap;
  	overflow: hidden;
  	max-width: 0;
}
  
/*  コメント  */
.row-comment , .row-taiou {
  width: 30%;

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

}

/*  地域、名前  */
.row-status {
	width: 12%;
}

/* 問題募集テーブル  */
.requestTable {
	border-collapse: collapse;
	/* table-layout: fixed; */
	font-size:  0.8em;
	width: 100%;
	margin-bottom: 3vh;
}

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

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

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

	.requestTable th:nth-child(4),		/* 日付 */
	.requestTable td:nth-child(4)
	{
        display: none; /* 列を非表示にする */
    }

}