@charset "utf-8";
/* =====================================================================
   じゃぱにーずリフトガール — ランキング 2026
   対象：single-ranking.php （詳細 ／ /ranking/○○/） … .jlgRank
         archive-ranking.php（一覧 ／ /ranking/）     … .jlgRankArchive
   読み込み：header.php（ランキングの一覧・詳細ページでのみ読み込み）
   ・<section id="mainContent"> に付けた .jlgRank 配下だけに限定。
   ・10位→1位のカウントダウン表示。1〜3位は金・銀・銅のカード、
     4位以下はPCでは画像と情報を横並びにしたコンパクトなカード。
   ・キャラ画像は切らずに全体を表示します。
   ===================================================================== */

#mainContent#mainContent.jlgRank .left{
	font-family: var(--jlg-font);
	font-feature-settings: "palt" 1;
	color: var(--jlg-ink);
}

/* =====================================================================
   ヒーロー（ランキング名＋アイキャッチ）
   ===================================================================== */
#mainContent#mainContent.jlgRank .left div.affiliationImg{
	position: relative;
	display: flex;
	align-items: flex-end;
	width: 100%;
	aspect-ratio: 16 / 9;
	margin: 0 0 40px;
	overflow: hidden;
	border-radius: var(--jlg-radius-lg);
	box-shadow: 0 28px 56px -32px rgba(60, 10, 60, .6);
	isolation: isolate;
}
#mainContent#mainContent.jlgRank .left div.affiliationImg::before{ /* 文字を読みやすくする下側の影 */
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		linear-gradient(180deg, rgba(28, 19, 39, 0) 35%, rgba(28, 19, 39, .78) 100%),
		linear-gradient(120deg, rgba(59, 47, 168, .25), rgba(255, 0, 144, .15));
}
#mainContent#mainContent.jlgRank .left div.affiliationImg div.affiliationFilter{
	display: block;
	width: 100%;
	padding: 28px 30px;
}
#mainContent#mainContent.jlgRank .left div.affiliationImg div.affiliationFilter::before{ /* アイブロウ */
	content: "\f091  RANKING";
	display: block;
	margin: 0 0 8px;
	color: #fff;
	font-family: "Font Awesome 6 Free", var(--jlg-font-en);
	font-weight: 900;
	font-size: 12px;
	letter-spacing: .3em;
	opacity: .9;
}
#mainContent#mainContent.jlgRank .left div.affiliationImg div.affiliationFilter span{
	display: block;
	width: auto;
	padding: 0;
	background: none;
	color: #fff;
	font-family: var(--jlg-font);
	font-size: clamp(24px, 3.4vw, 40px);
	font-weight: 900;
	line-height: 1.3;
	letter-spacing: .04em;
	text-align: left;
	text-shadow: 0 2px 16px rgba(0, 0, 0, .35);
	text-wrap: balance;
}

/* =====================================================================
   ランキングカード（共通）
   ===================================================================== */
#mainContent#mainContent.jlgRank .left .rankingBox{
	--medal: linear-gradient(135deg, #5b4f6e, #241a33);
	--medal-ink: #fff;
	--frame: var(--jlg-line);
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 14px;
	margin: 0 0 20px;
	padding: 18px;
	border: 1px solid var(--frame);
	border-radius: var(--jlg-radius-lg);
	background: var(--jlg-surface);
	box-shadow: var(--jlg-shadow-sm);
}
#mainContent#mainContent.jlgRank .left .rankingBox:last-child{
	margin-bottom: 0;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--frame);
}

/* 順位＋名前 */
#mainContent#mainContent.jlgRank .left h2.rankingLbl{
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0;
	padding: 0;
	border-radius: 0;
	background: none;
	color: var(--jlg-ink);
	text-align: left;
}
#mainContent#mainContent.jlgRank .left h2.rankingLbl span.rank{
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 16px;
	border-radius: 999px;
	background: var(--medal);
	color: var(--medal-ink);
	font-family: var(--jlg-font-en);
	font-size: 17px;
	font-weight: normal;
	line-height: 1;
	letter-spacing: .06em;
	text-align: center;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 8px 18px -10px rgba(0, 0, 0, .5);
}
#mainContent#mainContent.jlgRank .left h2.rankingLbl span.rankName{
	display: block;
	min-width: 0;
	color: var(--jlg-ink);
	font-family: var(--jlg-font);
	font-size: 22px;
	font-weight: 900;
	line-height: 1.35;
	letter-spacing: .04em;
	text-align: left;
}

/* キャラ画像（切らずに全体を表示） */
#mainContent#mainContent.jlgRank .left .character-thumb{
	overflow: hidden;
	border-radius: var(--jlg-radius);
	background: #f4eef3;
	line-height: 0;
}
#mainContent#mainContent.jlgRank .left .character-thumb img{
	display: block;
	width: 100%;
	height: auto;
	transition: transform .7s var(--jlg-ease);
}
#mainContent#mainContent.jlgRank .left .rankingBox:hover .character-thumb img{
	opacity: 1;
	transform: scale(1.03);
}

/* 記録 */
#mainContent#mainContent.jlgRank .left .recordBox{
	margin: 0;
	padding: 12px 18px;
	border: 0;
	border-radius: 16px;
	background: #fff5fa;
	color: var(--jlg-ink);
	font-size: 22px;
	font-weight: 900;
	line-height: 1.4;
	letter-spacing: .03em;
	text-align: center;
	box-shadow: inset 0 0 0 1px rgba(255, 0, 144, .14);
	font-variant-numeric: tabular-nums;
}

/* キャラページへのボタン */
#mainContent#mainContent.jlgRank .left .rankingBox p.center{
	margin: 0;
	text-align: center;
}
#mainContent#mainContent.jlgRank .left .rankingBox a.btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 46px;
	padding: 0 24px;
	border: 1.5px solid rgba(255, 0, 144, .45);
	border-radius: 999px;
	background: #fff;
	color: var(--jlg-pink);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .04em;
	transition: background .3s ease, color .3s ease, border-color .3s ease, transform .3s var(--jlg-ease);
}
#mainContent#mainContent.jlgRank .left .rankingBox a.btn::after{
	content: "\f061";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 11px;
	transition: transform .3s var(--jlg-ease);
}
#mainContent#mainContent.jlgRank .left .rankingBox a.btn:hover{
	border-color: transparent;
	background: var(--jlg-grad);
	color: #fff;
	transform: translateY(-1px);
}
#mainContent#mainContent.jlgRank .left .rankingBox a.btn:hover::after{
	transform: translateX(3px);
}

/* =====================================================================
   4位以下：PCでは画像を左、情報を右に並べたコンパクトなカード
   ===================================================================== */
@media screen and (min-width: 760px){
	#mainContent#mainContent.jlgRank .left .rankingBox:not(.is-top3){
		grid-template-columns: 42% minmax(0, 1fr);
		grid-template-rows: auto auto 1fr;
		column-gap: 20px;
		row-gap: 12px;
		align-items: start;
	}
	#mainContent#mainContent.jlgRank .left .rankingBox:not(.is-top3) > .character-thumb{
		grid-column: 1;
		grid-row: 1 / span 3;
	}
	#mainContent#mainContent.jlgRank .left .rankingBox:not(.is-top3) > h2.rankingLbl{
		grid-column: 2;
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}
	#mainContent#mainContent.jlgRank .left .rankingBox:not(.is-top3) > .recordBox,
	#mainContent#mainContent.jlgRank .left .rankingBox:not(.is-top3) > p.center{
		grid-column: 2;
		text-align: left;
	}
	#mainContent#mainContent.jlgRank .left .rankingBox:not(.is-top3) > .recordBox{
		font-size: 18px;
	}
	/* 画像がないキャラは全幅で */
	#mainContent#mainContent.jlgRank .left .rankingBox:not(.is-top3):not(:has(> .character-thumb)){
		grid-template-columns: minmax(0, 1fr);
	}
	#mainContent#mainContent.jlgRank .left .rankingBox:not(.is-top3):not(:has(> .character-thumb)) > *{
		grid-column: 1;
	}
}

/* =====================================================================
   1〜3位（金・銀・銅）
   ===================================================================== */
#mainContent#mainContent.jlgRank .left .rankingBox.is-top3{
	margin-top: 34px;
	padding: 22px;
	border: 2px solid transparent;
	background:
		linear-gradient(var(--jlg-surface), var(--jlg-surface)) padding-box,
		var(--medal) border-box;
	box-shadow: 0 26px 50px -30px rgba(80, 20, 70, .55);
}
#mainContent#mainContent.jlgRank .left .rankingBox.is-top3 h2.rankingLbl span.rank{
	padding: 10px 20px;
	font-size: 22px;
}
#mainContent#mainContent.jlgRank .left .rankingBox.is-top3 h2.rankingLbl span.rankName{
	font-size: 26px;
}
#mainContent#mainContent.jlgRank .left .rankingBox.is-rank-3{
	--medal: linear-gradient(135deg, #f1b58a 0%, #b8693a 50%, #e9a071 100%);
	--medal-ink: #4a2410;
}
#mainContent#mainContent.jlgRank .left .rankingBox.is-rank-2{
	--medal: linear-gradient(135deg, #eef1f6 0%, #a6adbb 50%, #dfe3ea 100%);
	--medal-ink: #2e3440;
}
#mainContent#mainContent.jlgRank .left .rankingBox.is-rank-1{
	--medal: linear-gradient(135deg, #fff1a8 0%, #f2b705 45%, #ffd84d 70%, #d99a00 100%);
	--medal-ink: #4a3200;
	padding: 26px;
	background:
		radial-gradient(70% 60% at 50% 0%, rgba(255, 216, 77, .22), transparent 70%) padding-box,
		linear-gradient(var(--jlg-surface), var(--jlg-surface)) padding-box,
		var(--medal) border-box;
	box-shadow: 0 34px 70px -34px rgba(217, 154, 0, .7);
}
/* 1位の王冠 */
#mainContent#mainContent.jlgRank .left .rankingBox.is-rank-1::before{
	content: "\f521";
	position: absolute;
	top: -26px;
	left: 50%;
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: var(--medal);
	color: #fff;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 20px;
	box-shadow: 0 10px 22px -10px rgba(217, 154, 0, .9), 0 0 0 4px #fff;
	transform: translateX(-50%);
}
#mainContent#mainContent.jlgRank .left .rankingBox.is-rank-1 h2.rankingLbl{
	flex-direction: column;
	gap: 10px;
	margin-top: 14px;
	text-align: center;
}
#mainContent#mainContent.jlgRank .left .rankingBox.is-rank-1 h2.rankingLbl span.rank{
	padding: 12px 26px;
	font-size: 26px;
}
#mainContent#mainContent.jlgRank .left .rankingBox.is-rank-1 h2.rankingLbl span.rankName{
	font-size: clamp(26px, 3vw, 34px);
	text-align: center;
}
#mainContent#mainContent.jlgRank .left .rankingBox.is-top3 .recordBox{
	font-size: 26px;
}
#mainContent#mainContent.jlgRank .left .rankingBox.is-rank-1 .recordBox{
	background: linear-gradient(135deg, #fffbe6, #fff3c4);
	box-shadow: inset 0 0 0 1px rgba(217, 154, 0, .3);
	font-size: 30px;
}

/* 上位の画像：縦長・正方形の画像でも大きくなりすぎないよう高さを抑える（切らずに中央寄せ） */
#mainContent#mainContent.jlgRank .left .rankingBox.is-top3 .character-thumb{
	display: flex;
	justify-content: center;
}
#mainContent#mainContent.jlgRank .left .rankingBox.is-top3 .character-thumb img{
	width: auto;
	max-width: 100%;
	max-height: 520px;
}

/* 該当なし */
#mainContent#mainContent.jlgRank .left p.rankingEmpty{
	padding: 40px 20px;
	border: 1px dashed rgba(255, 0, 144, .3);
	border-radius: var(--jlg-radius-lg);
	background: #fff8fc;
	color: var(--jlg-muted);
	text-align: center;
}

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
@media screen and (max-width: 759px){
	#mainContent#mainContent.jlgRank .left div.affiliationImg{
		margin-bottom: 28px;
		border-radius: 20px;
	}
	#mainContent#mainContent.jlgRank .left div.affiliationImg div.affiliationFilter{
		padding: 18px 18px;
	}
	#mainContent#mainContent.jlgRank .left div.affiliationImg div.affiliationFilter::before{
		margin-bottom: 4px;
		font-size: 10.5px;
	}
	#mainContent#mainContent.jlgRank .left div.affiliationImg div.affiliationFilter span{
		font-size: 21px;
	}
	#mainContent#mainContent.jlgRank .left .rankingBox{
		padding: 14px;
		border-radius: 20px;
	}
	#mainContent#mainContent.jlgRank .left .rankingBox:last-child{
		padding-bottom: 14px;
	}
	#mainContent#mainContent.jlgRank .left h2.rankingLbl{
		gap: 10px;
	}
	#mainContent#mainContent.jlgRank .left h2.rankingLbl span.rank{
		padding: 7px 12px;
		font-size: 14px;
	}
	#mainContent#mainContent.jlgRank .left h2.rankingLbl span.rankName{
		font-size: 18px;
	}
	#mainContent#mainContent.jlgRank .left .rankingBox.is-top3{
		padding: 16px;
	}
	#mainContent#mainContent.jlgRank .left .rankingBox.is-top3 h2.rankingLbl span.rank{
		padding: 8px 14px;
		font-size: 17px;
	}
	#mainContent#mainContent.jlgRank .left .rankingBox.is-top3 h2.rankingLbl span.rankName{
		font-size: 20px;
	}
	#mainContent#mainContent.jlgRank .left .rankingBox.is-rank-1{
		padding: 18px 16px;
	}
	#mainContent#mainContent.jlgRank .left .rankingBox.is-rank-1 h2.rankingLbl span.rank{
		font-size: 20px;
	}
	#mainContent#mainContent.jlgRank .left .rankingBox.is-rank-1 h2.rankingLbl span.rankName{
		font-size: 24px;
	}
	#mainContent#mainContent.jlgRank .left .recordBox{
		font-size: 18px;
	}
	#mainContent#mainContent.jlgRank .left .rankingBox.is-top3 .recordBox{
		font-size: 20px;
	}
	#mainContent#mainContent.jlgRank .left .rankingBox.is-rank-1 .recordBox{
		font-size: 23px;
	}
	#mainContent#mainContent.jlgRank .left .rankingBox a.btn{
		width: 100%;
	}
}
/* =====================================================================
   ランキング一覧（archive-ranking.php ／ .jlgRankArchive）
   ===================================================================== */
#mainContent#mainContent.jlgRankArchive .left{
	font-family: var(--jlg-font);
	font-feature-settings: "palt" 1;
	color: var(--jlg-ink);
}

/* 説明文 */
#mainContent#mainContent.jlgRankArchive .left .archiveText{
	position: relative;
	margin: 0 0 24px;
	padding: 20px 22px 18px 72px;
	border: 1px solid rgba(255, 0, 144, .14);
	border-radius: var(--jlg-radius-lg);
	background:
		radial-gradient(60% 120% at 0% 0%, rgba(255, 122, 196, .22), transparent 70%),
		#fff8fc;
}
#mainContent#mainContent.jlgRankArchive .left .archiveText::before{
	content: "\f091";
	position: absolute;
	top: 20px;
	left: 20px;
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: var(--jlg-grad);
	color: #fff;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 15px;
	box-shadow: 0 8px 18px -8px rgba(255, 0, 144, .7);
}
#mainContent#mainContent.jlgRankArchive .left .archiveText p{
	margin: 0 0 6px;
	color: var(--jlg-ink);
	font-size: 14.5px;
	font-weight: 700;
	line-height: 1.8;
	text-align: left;
}
#mainContent#mainContent.jlgRankArchive .left .archiveText p + p{
	margin: 0;
	color: var(--jlg-muted);
	font-size: 12.5px;
	font-weight: 500;
	line-height: 1.75;
}

/* ランキングカード */
#mainContent#mainContent.jlgRankArchive .left ul.rankingList{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 16px;
	width: 100%;
	margin: 0 0 28px;
	padding: 0;
	font-size: 14px;
	list-style: none;
}
#mainContent#mainContent.jlgRankArchive .left ul.rankingList > li{
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}
#mainContent#mainContent.jlgRankArchive .left ul.rankingList > li > a{
	position: relative;
	display: block;
	margin: 0;
	overflow: hidden;
	border-radius: var(--jlg-radius);
	background: #2a1f33;
	box-shadow: var(--jlg-shadow-sm);
	isolation: isolate;
	transition: transform .4s var(--jlg-ease), box-shadow .4s ease;
}
#mainContent#mainContent.jlgRankArchive .left ul.rankingList > li > a > p:empty{
	display: none;
}
#mainContent#mainContent.jlgRankArchive .left ul.rankingList > li > a:hover{
	transform: translateY(-3px);
	box-shadow: 0 22px 40px -22px rgba(80, 20, 70, .6);
}
#mainContent#mainContent.jlgRankArchive .left ul.rankingList > li figure{
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	margin: 0;
	border-radius: 0;
	background-color: transparent !important;
	transition: transform .8s var(--jlg-ease);
}
#mainContent#mainContent.jlgRankArchive .left ul.rankingList > li > a:hover figure{
	transform: scale(1.05);
}
/* 文字を読みやすくする下側の影＋トロフィー */
#mainContent#mainContent.jlgRankArchive .left ul.rankingList > li figure::before{
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(28, 19, 39, 0) 30%, rgba(28, 19, 39, .82) 100%);
}
#mainContent#mainContent.jlgRankArchive .left ul.rankingList > li > a::after{
	content: "\f091";
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: linear-gradient(135deg, #fff1a8 0%, #f2b705 50%, #d99a00 100%);
	color: #fff;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 13px;
	box-shadow: 0 6px 14px -6px rgba(0, 0, 0, .5);
}
#mainContent#mainContent.jlgRankArchive .left ul.rankingList > li figure div{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 10px;
	padding: 14px 16px;
}
#mainContent#mainContent.jlgRankArchive .left ul.rankingList > li figure div span{
	display: block;
	width: auto;
	padding: 0;
	background: none;
	color: #fff;
	font-family: var(--jlg-font);
	font-size: 17px;
	font-weight: 900;
	line-height: 1.4;
	letter-spacing: .04em;
	text-align: left;
	text-shadow: 0 2px 10px rgba(0, 0, 0, .35);
}
#mainContent#mainContent.jlgRankArchive .left ul.rankingList > li figure div::after{
	content: "\f061";
	flex: 0 0 auto;
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .92);
	color: var(--jlg-pink);
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 12px;
	transition: transform .35s var(--jlg-ease), background .3s ease, color .3s ease;
}
#mainContent#mainContent.jlgRankArchive .left ul.rankingList > li > a:hover figure div::after{
	background: var(--jlg-pink);
	color: #fff;
	transform: translateX(3px);
}

/* ページ送り（WordPress標準の the_posts_pagination・type=list） */
#mainContent#mainContent.jlgRankArchive .left nav.navigation.pagination{
	margin: 0 0 22px;
}
#mainContent#mainContent.jlgRankArchive .left nav.navigation.pagination .screen-reader-text{
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}
#mainContent#mainContent.jlgRankArchive .left nav.navigation.pagination ul.page-numbers{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#mainContent#mainContent.jlgRankArchive .left nav.navigation.pagination ul.page-numbers > li{
	display: contents;
}
#mainContent#mainContent.jlgRankArchive .left nav.navigation.pagination li > .page-numbers{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	margin: 0;
	padding: 0 10px;
	border: 1px solid var(--jlg-line);
	border-radius: 13px;
	background: var(--jlg-surface);
	color: var(--jlg-ink);
	font-family: var(--jlg-font-en);
	font-size: 15px;
	line-height: 1;
	transition: background .25s ease, color .25s ease, border-color .25s ease;
}
#mainContent#mainContent.jlgRankArchive .left nav.navigation.pagination li > a.page-numbers:hover{
	border-color: rgba(255, 0, 144, .4);
	background: var(--jlg-tint);
	color: var(--jlg-pink);
}
#mainContent#mainContent.jlgRankArchive .left nav.navigation.pagination li > span.page-numbers.current{
	border-color: transparent;
	background: var(--jlg-grad);
	color: #fff;
	box-shadow: 0 8px 18px -8px rgba(255, 0, 144, .7);
}
#mainContent#mainContent.jlgRankArchive .left nav.navigation.pagination li > span.page-numbers.dots{
	min-width: 20px;
	border-color: transparent;
	background: none;
	color: var(--jlg-muted);
}
#mainContent#mainContent.jlgRankArchive .left nav.navigation.pagination li > .prev,
#mainContent#mainContent.jlgRankArchive .left nav.navigation.pagination li > .next{
	gap: 7px;
	padding: 0 16px;
	border-radius: 999px;
	font-family: var(--jlg-font);
	font-size: 13.5px;
	font-weight: 700;
}
#mainContent#mainContent.jlgRankArchive .left nav.navigation.pagination li > .prev::before,
#mainContent#mainContent.jlgRankArchive .left nav.navigation.pagination li > .next::after{
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 11px;
}
#mainContent#mainContent.jlgRankArchive .left nav.navigation.pagination li > .prev::before{ content: "\f053"; }
#mainContent#mainContent.jlgRankArchive .left nav.navigation.pagination li > .next::after{ content: "\f054"; }

@media screen and (max-width: 759px){
	#mainContent#mainContent.jlgRankArchive .left .archiveText{
		padding: 16px 16px 14px 60px;
		border-radius: 20px;
	}
	#mainContent#mainContent.jlgRankArchive .left .archiveText::before{
		top: 16px;
		left: 14px;
		width: 34px;
		height: 34px;
		font-size: 13px;
	}
	#mainContent#mainContent.jlgRankArchive .left .archiveText p{
		font-size: 13.5px;
	}
	#mainContent#mainContent.jlgRankArchive .left ul.rankingList{
		grid-template-columns: 1fr;
		gap: 12px;
	}
	#mainContent#mainContent.jlgRankArchive .left ul.rankingList > li figure div span{
		font-size: 16px;
	}
	#mainContent#mainContent.jlgRankArchive .left nav.navigation.pagination li > .page-numbers{
		min-width: 38px;
		height: 38px;
		font-size: 14px;
	}
}

@media (prefers-reduced-motion: reduce){
	#mainContent#mainContent.jlgRankArchive .left *,
	#mainContent#mainContent.jlgRank .left *{
		transition-duration: .01ms !important;
	}
}