@charset "UTF-8";
/* CSS Document */

/* MV */
#pagesMv { background-image: url("/ranking/images/ranking_mv_bg_pc.jpg"); }

/* ランキング */
.rankingTable { width: 100%; margin-top: 5px; }
.rankingTable img { width: 100%; border: solid 1px #ccc; }
.rankingTable .cellRank { width: 90px; }
.rankingTable .cellThumbnail { width: 115px; }

.rankingTable tr th,
.rankingTable tr td { text-align: center; }
.rankingTable tr:nth-of-type(2n+1) td { background-color: #f8f6ed; }
.rankingTable tr th { font-weight: 500; border-bottom: solid 1px #000; padding: 3px 0; }
.rankingTable tr th span { display: block; position: relative; }
.rankingTable tr th:nth-child(n+2) span::after { content: ""; display: block; width: 1px; height: calc(100% - 10px); background-color: #000; position: absolute; left: 0; top: 5px; }
.rankingTable tr td { vertical-align: middle; padding: 15px 0; }
.rankingTable tr td:last-of-type { text-align: left; padding-left: 4.8%; padding-right: 2%; }
.rankingTable tr td span { font-size: 0.87rem; display: block; }

.rankingTable tr { transition: 0.3s; }
.rankingTable tr td a { color: #000; }
.rankingTable tr.linkHover { opacity: 0.7; }
.rankingTable tr.linkHover td a { color: #0068b7; }