/* "fnranking.css" */
@charset "UTF-8";


.page-title button {
	border:				solid 1px #5981DE;
	border-radius:		10px;
	background-color:	transparent;
	color:				#1b51ce;
	cursor:				pointer;
	display:			inline-block;
	font-size:			1.4rem;
	line-height:		normal;
	padding:			2px 4px;
	margin-top:			0.5rem;
	text-align:			center;
	text-decoration:	none;
	white-space:		nowrap;
	vertical-align:		middle;
}

.page-title button:hover {
	background-color:	#5981DE;
	color:				white;
}

#fnranking_box {
	margin:				2rem 2rem 10rem 2rem;
	display:			none;
	font-size:			1.4rem;
}

#term_cur .item {
	background-color:	#e9eef8;
	border-radius:		12px;
	font-size:			1.2em;
	margin-bottom:		10px;
	padding:			7px 10px;
	display:			flex;
	justify-content:	space-between;
}

#term_cur .ttl {
	overflow:			hidden;
	text-overflow:		ellipsis;
	white-space:		nowrap;
}

@media screen and (min-width:1px) and (max-width:500px) {
	#term_cur .item {
		display:		block;
		width:			calc(100vw - 55px);
		font-size:		1em;
	}
}

#term_cur .cat {
	text-align:			right;
}

#term_cur a {
	color:				#373f52;
	text-decoration:	none;
}

#term_cur .rank {
	display:			inline-block;
	font-weight:		bold;
	text-align:			center;
	vertical-align:		top;
	width:				2em;
}

#term_cur .title {
	font-size:			1.6rem;
	font-weight:		bold;
	text-align:			center;
	margin-bottom:		15px;
}

#term_cur .mtime {
	font-size:			1.4rem;
	margin-left:		10px;
	white-space:		nowrap;
}

.past {
	display:			inline-block;
	width:				calc(50% - 5px);
}

@media screen and (min-width:1px) and (max-width:500px) {
	.past {
		width:			100%;
	}
}

.past .item {
	margin:				10px 0;
}

.past .term_ttl {
	font-weight:		bold;
	font-size:			1.4em;
	margin:				10px 0 20px 0;
	color:				#444;
	white-space:		nowrap;
	overflow:			hidden;
	text-overflow:		ellipsis;
}

.past .ttl {
	white-space:		nowrap;
	overflow:			hidden;
	text-overflow:		ellipsis;
}

.past .rank {
	margin-right:		5px;
	background-color:	#e9eef8;
	color:				#444;
	border-radius:		50%;
	display:			inline-block;
	width:				18px;
	text-align:			center;
	font-size:			1.2rem;
	vertical-align:		text-top;
}

.past a {
	font-size:			1.2em;
	text-decoration:	none;
	color:				#373f52;
}

.past a:hover {
	text-decoration:	underline;
}