@charset "utf-8";
/* CSS Document */
.sections {
    width: 100%;
}
.ranking_all_tbl{
    color:black;
	width:96%;
	margin: 0 auto;
	font-size: 24px;
	border-collapse:  collapse;
	background: white;
}
th,td{
	border: 1px solid #666;
	padding: 0;
}
th{
	background: black;
	color: white;
	text-align: center;
}
tr:nth-child(2n){
	background: #ffeede;
}
tr:nth-child(2){
	background: #ffc67b;
}
tr:nth-child(3){
	background: #c1c1c1;
}
tr:nth-child(4){
	background: #eab783;
}
.ranking_bar{
	background:#0071bc;
	height: 33px;
}
.ranking_no{
	width: 70px;
	text-align: center;
	font-family: 'Lobster', cursive;
	font-size: 36px;
}
.ranking_touban{
	width: 90px;
	text-align: center;
}
.ranking_name{
	width: 312px;
	text-align: center
}
.ranking_cnt{
	width: 70px;
	text-align: right;
	padding: 2px;
}
.top_1{
	background: #ffc67b;
}
.top_2{
	background: #c1c1c1;
}
.top_3{
	background: #eab783;
}

@media only screen and (max-device-width: 480px){
    .ranking_all_tbl{
        color:black;
        font-size: 20px;
        border-collapse:  collapse;
        background: white;
    }
.ranking_no{
	width: 40px;
	text-align: center;
	font-family: 'Lobster', cursive;
	font-size: 36px;
}
.ranking_touban{
	width: 70px;
	text-align: center;
}
.ranking_name{
	width: 180px;
	text-align: center
}
.ranking_cnt{
	width: 70px;
	text-align: right;
	padding: 2px;
}
}