table#miyazaki {
    margin: 0 auto;
    border-collapse: collapse;
    font-family: Agenda-Light, sans-serif;
    font-weight: 100;
    background: #E8EAEB; color: #555555;
    text-rendering: optimizeLegibility;
    border-radius: 5px;
}
table#miyazaki caption {
    font-size: 2rem; color: #444;
    margin: 1rem;
    background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/miyazaki.png), url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/miyazaki2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left, center right;
}
table#miyazaki thead th { font-weight: 600; }
table#miyazaki thead th, table#miyazaki tbody td {
    padding: .8rem; font-size: 1rem;
}
table#miyazaki tbody td {
    padding-top: .8rem;
    padding-bottom: .8rem;
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 1rem;
    color: #555555; background: #FAFAFA;
    border: 1px solid #D3D3D3;
}
table#miyazaki tbody tr:not(:last-child) {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

@media screen and (max-width: 600px) {
    table#miyazaki caption { background-image: none; }
    table#miyazaki thead { display: none; }
    table#miyazaki tbody td {
        display: block; padding: .6rem;
    }
    table#miyazaki tbody tr td:first-child {
        background: #666; color: #fff;
    }
    table#miyazaki tbody td:before {
        content: attr(data-th);
        font-weight: bold;
        display: block;
        width: 6rem;
    }
}
#miyazaki tr:first-child {
    background: #E8EAEB;
    border: 1px solid #D3D3D3;

}