.foot_popup_caption.rank
{
	background-image: url(../../img/popup/rank.png);
}
#foot_popup_rank
{
    margin-right: 37px;
}
#foot_popup_rank_seqs
{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	margin: 0px auto;
	overflow: auto;
	padding-right: 13px;
}
.foot_popup_rank_seq
{
	box-sizing: border-box;
	height: 50px;
	margin: 0px 0px 12px;
	border-radius: 8px;
	border: solid #69583d;
	background: linear-gradient(0deg, #9c6913 0%, #fefee2 75%, #c2b99b 100%);
	padding: 4px 5px;
	color: #332d2b;
}
.foot_popup_rank_seq:nth-child(-n+3)
{
	border: solid #0044a3;
	background: linear-gradient(0deg, #14ac4c 0%, #d2fce4 50%, #78e68d 100%);
}
.foot_popup_rank_seq_box
{
	height: 100%;
	box-sizing: border-box;
	display: flex;
	font-size: 17px;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #69583d;
	box-shadow: 0 0 0 2px rgb(255 255 255 / 85%);
	border-radius: 4px;
	padding: 0 5px;
}
.foot_popup_rank_seq:nth-child(-n+3) .foot_popup_rank_seq_box
{
	border: 1px solid #0044a3;
	color: #1c2a3b;
	padding-left: 1px;
}
.foot_popup_rank_seq_left
{
	box-sizing: border-box;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.foot_popup_rank_seq:nth-child(-n+3) .foot_popup_rank_seq_left::before
{
	content:"";
	width: 36px;
	height: 30px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 2px;
}
.foot_popup_rank_seq:nth-child(1) .foot_popup_rank_seq_left::before
{
	background-image: url(../../img/popup/rank_top1.png);
}
.foot_popup_rank_seq:nth-child(2) .foot_popup_rank_seq_left::before
{
	background-image: url(../../img/popup/rank_top2.png);
}
.foot_popup_rank_seq:nth-child(3) .foot_popup_rank_seq_left::before
{
	background-image: url(../../img/popup/rank_top3.png);
}
.foot_popup_rank_seq_right
{
	display: flex;
	align-items: center;
	gap: 4px;
}
.foot_popup_rank_seq_right::before
{
	content:"";
	width: 23px;
	height: 23px;
	background-image: url(../../img/popup/popup_rank_gold.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
@media screen and (min-width:800px)
{
	#foot_popup_rank
	{
		margin: 10px 55px 0 55px;
		padding-right: 0;
	}
	#foot_popup_rank_seqs
	{
		padding-right: 30px;
	}
}