#dtSongTable img {
    max-width:  25px;
    max-height: 25px;
}

#dtSongTable td, th {
    text-align:     center;
    vertical-align: middle;
}

#dtSongTable>tbody>tr>td, #dtSongTable>tbody>tr>th,
#dtSongTable>tfoot>tr>td, #dtSongTable>tfoot>tr>th,
#dtSongTable>thead>tr>td, #dtSongTable>thead>tr>th {
    padding: 8px 4px;
}

#dtSongTable a{
    color: black;
}

.J-Pop td {
    background-color: #88ceebB0;
}

.アニメ td {
    background-color: #ff9935B0;
}

.ボーカロイド td {
    background-color: #a7a7a7B0;
}

.どうよう td {
    background-color: #ff689bB0;
}

.バラエティ td {
    background-color: #68cb51B0;
}

.クラシック td {
    background-color: #fcbe19B0;
}

.ゲームミュージック td {
    background-color: #9385dbB0;
}

.ナムコオリジナル td {
    background-color: #ff6a29B0;
}

.new-song {
    position: absolute;
    right: -20px;
    top: -15px;
    font-size: 10px;
}

.song-name {
    position: relative;
}

.ribbon-new {
    position: absolute;
    left: 5px;
    top: -3px;
}
.ribbon-vid {
    position: absolute;
    left: 35px;
    top: -3px;
}

.ribbon-vid-content,
.ribbon-new-content {
    opacity: 1;
    transition-property: opacity;
    transition-duration: 0.5s;

    text-align: center;
    box-shadow: 0px 0px 8px 2px black;
    padding: 8px 2px 4px;
    width: 28px;
    min-height: 36px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 8px), 0 100%);
}

.ribbon-new-content {
    color: white;
    background: linear-gradient(90deg, #ad0000, #db0202);
    font-size: 11px;
}
.ribbon-vid-content {
    color: #555;
    background: linear-gradient(90deg, #00ad00, #02db02);
    font-size: 14px;
}

.ribbon-new-content:hover,
.ribbon-vid-content:hover {
    opacity: 0.2;
    transition-property: opacity;
    transition-duration: 0.5s;
}
.ribbon-new-content div{
    transform: rotate(45deg);
}