.title {
	padding: 12px 15px;
	background-color:#3695d6;
	color: #fff;
	font-size: 1.2em;
	font-family: Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Arial,Verdana,sans-serif;
}

.head {
    font-weight: bold;
    background-color: #f3f3f3 !important;
    margin-top: 10px;
	border-top:1px solid #CCC;
	text-align:center !important;
	color: #444444;
}
.head .tbl-col1{
	color:#444444 !important;
}
.head .tbl-col2, .head .tbl-col6{
	text-align:center !important;
}

img {
		max-width: 100%;
		height: auto;
	}

#ranking-table {
  width: 100%;
  margin:10px 0;
}
.table-row {
    -moz-border-left-colors: none;
    display: table;
    width: 960px;
    margin: 0px auto;
    background-color: #FFF;
	text-align:center;
	width:100%;
	font-size:15px;
}
.table-row td {
    display: table-cell;
    vertical-align: middle;
    border-right: 1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:8px 5px;
}

.table-row td .tbl-col1 {
	padding:0 !important;
}

.tbl-col1 {
    width: 11%;
	border-left:1px solid #CCC;
	text-align:center;
	color:#EF0003;
}

.tbl-col2 {
    width: 7%;
	text-align:center;
}
.tbl-col3 {
    width: 9%;
	text-align:center;
}
.tbl-col4 {
    width: 9%;
	text-align:center;
}
.tbl-col5 {
    width: 7%;
	text-align:center;
}


@media screen and (max-width: 768px) {
	img {
		max-width: 100%;
		height: auto;
	}
	
	.table-box{
		width:98%;
		margin:10px auto;
	}
	.table-row {
    -moz-border-left-colors: none;
    display: table;
    margin: 0px auto;
    background-color: #FFF;
	text-align:center;
	width:100%;
	font-size:12px;
}
.table-row td {
    display: table-cell;
    vertical-align: middle;
    border-right: 1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:5px;
}
.tbl-col1 {
    width: 22%;
	border-left:1px solid #CCC;
	text-align:center;
}
.tbl-col2 {
    width:12%;
	text-align:center;
}
.tbl-col3 {
    width: 12%;
	text-align:center;
}
.tbl-col4 {
    width: 12%;
	text-align:center;
}
.tbl-col5 {
    width: 12%;
	text-align:center;
}

.tbl-col5 br{
		display:none;
	}
}