@charset "utf-8";

@media (min-width: 769px){
.history{border-collapse:collapse;}
.history col:nth-child(1){width:20%;}
.history col:nth-child(2){width:15%;}
.history col:nth-child(3){width:23%;}
.history col:nth-child(4){width:auto;}
.history th{text-align:center; vertical-align:top; font-size:12px;}
.history td{font-size:12px; vertical-align:top; padding:2px;}
.history hr{display:block; border:none; border-top:1px #999 solid; height:0; overflow:hidden;}
.history strong{font-weight:bold; font-size:14px;}
}

@media (min-width: 641px) and (max-width: 768px){
.history{border-collapse:collapse;}
.history col:nth-child(1){width:20%;}
.history col:nth-child(2){width:15%;}
.history col:nth-child(3){width:23%;}
.history col:nth-child(4){width:auto;}
.history th{text-align:center; vertical-align:top; font-size:12px;}
.history td{font-size:12px; vertical-align:top; padding:2px;}
.history hr{display:block; border:none; border-top:1px #999 solid; height:0; overflow:hidden;}
.history strong{font-weight:bold; font-size:14px;}
}

@media (max-width:640px){
.history{border-collapse:collapse;}
.history br{display:none;}
.history th{display:none;}
.history td{font-size:12px; vertical-align:top; padding:2px; display:block;}
.history td.empty{display:none;}
.history td.royal{border-top:1px #ccc solid; margin-top:10px; padding-top:5px;}
.history td.king{color:#c00;}
.history hr{display:block; border:none; border-top:3px #999 solid; height:0; overflow:hidden;}
.history strong{font-weight:bold; font-size:14px;}
}