/*	.ranking
============================== */


@media all and (min-width: 992px) {
}
@media all and (max-width: 991.98px) {
}


.rank-tbl {
	border-radius:10px;
	overflow:hidden;
}
.rank-tbl table {
	width:100%;
	background-color:#fff;
	border-collapse: collapse;
}
.rank-tbl table th, .rank-tbl table td {
	font-size:100%;
	line-height:1.25; 
	padding:0.8em 0.5em;
	/**/
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	/**/
	vertical-align:middle;
	text-align:left;
}
.rank-tbl table th {
	font-weight:700;
}
.rank-tbl table td.rank-number, .rank-tbl table td.rank-updown {
	padding:0.8em 0;
	text-align:center;
}
.rank-tbl table th a, .rank-tbl table td a { color:#000; text-decoration:none; }
.rank-tbl table th a:hover, .rank-tbl table td a:hover { text-decoration:underline; }

.rank-tbl table tr:nth-child(even) td { background-color:#eeeeee; }

/* .rank-tbl table tr:first-child .rank-number { border-radius:10px 0 0 0; }
.rank-tbl table tr:first-child .rank-artist { border-radius:0 10px 0 0; }
.rank-tbl table tr:last-child .rank-number { border-radius:0 0 0 10px; }
.rank-tbl table tr:last-child .rank-artist { border-radius:0 0 10px 0; } */

.rank-tbl table td.rank-number {
	width:10%;
	font-size:125%;
	font-weight:800;
}
.rank-tbl table td.rank-updown { width:6%; }
.ico_up,
.ico_down,
.ico_stay,
.ico_new { display:inline-block; line-height:1; height:1.2em; background-position:center center; background-repeat:no-repeat; background-size:contain; text-indent:-9999px; }
.ico_up { background-image:url(../img/rank_up.png); }
.ico_down { background-image:url(../img/rank_down.png); }
.ico_stay { background-image:url(../img/rank_stay.png); }
.ico_up,
.ico_down,
.ico_stay { width:1.2em; }
.ico_new { background-image:url(../img/rank_new.png); width:2.2em; }
.rank-song, .rank-artist {
	width:42%;
	/*
	min-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	*/
}
.rank-song { font-weight:700; }

@media all and (min-width: 992px) {
.rank-tbl {
	max-width:900px;
	margin:0 auto;
}
.rank-tbl:not(:last-child) {
	margin-bottom:60px;
}
}
@media all and (max-width: 991.98px) {
.rank-tbl:not(:last-child) {
	margin-bottom:30px;
}
.rank-tbl table td.rank-number {
	font-size:112.5%;
}
.rank-tbl table th, .rank-tbl table td { font-size:87.5%; }
}

.top div.ranking > article > div.rank-tbl > table tr:nth-child(n+11) {
	display: none;
}
.dataindex div.ranking > article > div.rank-tbl > table tr:nth-child(n+21) {
	display: none;
}


.rank-tbl table th.rank-th-month,
.rank-tbl table th.rank-th-day,
.rank-tbl table th.rank-th-song,
.rank-tbl table th.rank-th-artist,
.rank-bk-month {
	background-color:#333;
	color:#fff;
	white-space:nowrap;
}
.rank-tbl table th.rank-bk-month {
	text-align:center;
	font-size:125%;
	text-shadow:0 0 5px rgba(0,0,0,0.2);
	box-shadow:0px 0px 20px rgba(0,0,0,0.2) inset;
}
.rank-tbl table th.rank-bk-month .month {
	font-size:175%;
}
@media all and (max-width: 991.98px) {
.rank-tbl table th.rank-bk-month {
	font-size:87.5%;
}
.rank-tbl table th.rank-bk-month .month {
	font-size:150%;
}
}


header#result-title {
	text-align:center;
	background-color:hsla(0,100%,100%,0.8);
}
header#result-title p {
	margin-bottom:0.5em;
	font-weight:700;
	letter-spacing:0.2em;
	text-indent:0.2em;
}
header#result-title h3 {
	line-height:1.5;
	font-weight:700;
}
@media all and (min-width: 992px) {
header#result-title {
	padding:32px;
	border-radius:32px;
}
header#result-title:not(:last-child) {
	margin-bottom:40px;
}
header#result-title p {
	font-size:125%;
}
header#result-title h3 {
	font-size:200%;
}
}
@media all and (max-width: 991.98px) {
header#result-title {
	padding:16px;
	border-radius:16px;
}
header#result-title:not(:last-child) {
	margin-bottom:20px;
}
header#result-title p {
	font-size:87.5%;
}
header#result-title h3 {
	font-size:125%;
}
}



div#result-song-data { margin-bottom:15px;
	text-align:left;
	background-color:hsla(0,0%,0%,0.9);
	box-shadow:0px 0px 20px rgba(0,0,0,0) inset;
}
div#result-song-data dl {
	color:#fff;
	line-height:1.5;
}
div#result-song-data dl dd a {
	color:#ff00b4 !important;
}
div#result-song-data dl:not(:last-child) {
	margin-right:1.25em;
}
div#result-song-data dl#data-artist { display:block; }
div#result-song-data dl dt { display:inline; font-weight:700; }
div#result-song-data dl dt::after { content:" ： " }
div#result-song-data dl dd { display:inline; }
@media all and (min-width: 992px) {
div#result-song-data {
	padding:32px;
	border-radius:32px;
}
div#result-song-data:not(:last-child) {
	margin-bottom:40px;
}
div#result-song-data dl {
	display:inline;
}
div#result-song-data dl#data-artist {
	margin-bottom:0.5em;
}
div#result-song-data dl dt, div#result-song-data dl dd {
	font-size:125%;
}
}
@media all and (max-width: 991.98px) {
div#result-song-data {
	padding:16px;
	border-radius:16px;
}
div#result-song-data:not(:last-child) {
	margin-bottom:20px;
}
div#result-song-data dl dt, div#result-song-data dl dd {
	font-size:87.5%;
}
}


p#result-notice {
	line-height:1.5;
}
@media all and (min-width: 992px) {
p#result-notice {
	font-size:125%;
}
p#result-notice:not(:last-child) {
	margin-bottom:28px;
}
}
@media all and (max-width: 991.98px) {
p#result-notice {
	font-size:100%;
}
p#result-notice:not(:last-child) {
	margin-bottom:14px;
}
}


h3.result-artist-song {
	font-weight:700;
	padding:0.8em;
	background-color:#454545; color:#fff; border-radius:10px 10px 0 0; box-shadow:0px 0px 20px rgba(0,0,0,0.4) inset; text-align:left;
}
h3.result-artist-song a,
ul.result-onair-list li a {
	color:#ff00b4 !important;
}
@media (hover: hover) { .result-artist-song a:hover { text-decoration:none; } }
.result-onair-list { margin-bottom:20px; padding:0.4em 0; display:flex; flex-wrap:wrap; background-color:#fff; color:#000; border-radius:0 0 10px 10px; }
.result-onair-list li { padding:0.4em 0.8em; box-sizing:border-box; font-size:90%; line-height:120%; overflow-wrap: break-word; }
.result-onair-list li a { color:#000; text-decoration:none; }
.result-onair-list li a:hover { text-decoration:underline; }
@media all and (min-width: 992px) {
.result-onair-list li { width:25%; }
}
@media all and (max-width: 991.98px) {
.result-onair-list li { width:33.3333333333%; }
}