/*■リアルタイム■━━━━━━━━━━━━━━━━━━━━*/
#realtime{
	padding-top: 10px;
	background-color: #000000;
}
#update{
	width: 200px;
	margin: 0px auto 10px auto;
	text-align: center;
	border: solid 1px #4D4D4D;
	background-color: #FFFFFF;
}
#update_left{
	float: left;
	width: 100px;
	padding: 5px 0px;
	color: #FFFFFF;
	background-color: #666666;
}
#update_right{
	float: right;
	width: 100px;
	padding: 5px 0px;
}
#update_text{
	margin: 10px;
	color: #FFFFFF;
	font-size: 10px;
}
#cond_bar1{
	padding: 5px 0px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url("../img/realtime/cond1_bg.jpg");
}
#cond_bar2{
	padding: 5px 0px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url("../img/realtime/cond2_bg.jpg");
}
#cond_bar3{
	padding: 5px 0px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url("../img/realtime/cond3_bg.jpg");
}
#cond_bar4{
	padding: 5px 0px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url("../img/realtime/cond4_bg.jpg");
}
#cond_bar5{
	padding: 5px 0px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url("../img/realtime/cond5_bg.jpg");
}
#cond_bar6{
	padding: 5px 0px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url("../img/realtime/cond7_bg.jpg");
}
.waku{
	position: relative;
	margin-bottom: 15px;
}
.real_body{
	padding: 10px;
	background-image: url("../img/realtime/real_body_bg.jpg");
}
.normal_top{
	height: 8px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	border-top: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	background-color: #FFFFFF;
}
.real_box{
	padding: 5px;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	background-color: #FFFFFF;
}
.real_box1{
	padding: 5px;
	border-left: solid 1px #660099;
	border-right: solid 1px #660099;
	background-color: #FFFFFF;
}
.real_box3{
	padding: 5px;
	border-left: solid 1px #996600;
	border-right: solid 1px #996600;
	background-color: #FFFFFF;
}
.real_box4{
	padding: 5px;
	border-left: solid 1px #3F3F52;
	border-right: solid 1px #3F3F52;
	background-color: #FFFFFF;
}
.real_box5{
	padding: 5px;
	border-left: solid 1px #990033;
	border-right: solid 1px #990033;
	background-color: #FFFFFF;
}
.real_box6{
	padding: 5px;
	border-left: solid 1px #FF97F4;
	border-right: solid 1px #FF97F4;
	background-color: #FFFFFF;
}
.real_box7{
	padding: 5px;
	border-left: solid 1px #45B900;
	border-right: solid 1px #45B900;
	background-color: #FFFFFF;
}
.bottom1{
	width: 100%; height: 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	background-color: #660099;
}
.bottom3{
	width: 100%; height: 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	background-color: #996600;
}
.bottom4{
	width: 100%; height: 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	background-color: #3F3F52;
}
.bottom5{
	width: 100%; height: 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	background-color: #990033;
}
.bottom6{
	width: 100%; height: 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	background-color: #FF97F4;
}
.bottom7{
	width: 100%; height: 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	background-color: #45B900;
}
.bottom_normal{
	height: 8px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	border-left: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	background-color: #FFFFFF;
}
.real_img{
	float: left;
	width: 30%;
}
/*===★★★===女の子ランク対応===★★★===*/
.real_box{
	padding: 5px;
	background-color: #FFFFFF;
}
.bottom{
	width: 100%;
	aspect-ratio: 60/1;
}
.real_img a{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
.real_img a:after{
	position: absolute;
	bottom: 0;
	right: 0;
	line-height: 10px;
	font-size: 10px;
	font-family: "Oswald", "Lucida Grande", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	padding: 2px 5px 2px 16px;
	color: #FCFCFC;
}
.real_box.gr_diamond,
.real_box.gr_premium,
.real_box.gr_gvip,
.real_box.gr_vip,
.real_box.gr_gold,
.real_box.gr_silver{
	border-left: solid 1px #000009;
	border-right: solid 1px #000009;
}
.real_box.gr_normal{
	padding: 10px 5px;
	border: solid 1px #CCCCCC;
	border-radius: 10px;
	background-color: #FFFFFF;
}
/*========▼▼▼ ダイアモンド ▼▼▼========*/
.bottom.gr_diamond {
	background: url(../../img/rank/gr_bottom_diamond.gif) no-repeat center center /cover;
}
.real_img.gr_diamond a::after {
	content: "diamond";
	background-image: linear-gradient(to right, rgba(209,29,209, 0), rgba(209,29,209, 1) 30%, rgba(209,29,209, 1));
}
/*========▼▼▼ プレミアム ▼▼▼========*/
.bottom.gr_premium {
	background: url(../../img/rank/gr_bottom_premium.gif) no-repeat center center /cover;
}
.real_img.gr_premium a::after {
	content: "premium";
	background-image: linear-gradient(to right, rgba(29,29,209, 0), rgba(29,29,209, 1) 30%, rgba(29,29,209, 1));
}
/*========▼▼▼ グランドビップ ▼▼▼========*/
.bottom.gr_gvip {
	background: url(../../img/rank/gr_bottom_gvip.gif) no-repeat center center /cover;
}
.real_img.gr_gvip a::after {
	content: "grand vip";
	background-image: linear-gradient(to right, rgba(209,29,30, 0), rgba(209,29,30, 1) 30%, rgba(209,29,30, 1));
}
/*========▼▼▼ ビップ ▼▼▼========*/
.bottom.gr_vip {
	background: url(../../img/rank/gr_bottom_premium.gif) no-repeat center center /cover;
}
.real_img.gr_vip a::after {
	content: "vip";
	background-image: linear-gradient(to right, rgba(0,181,70, 0), rgba(0,181,70, 1) 30%, rgba(0,181,70, 1));
}
/*========▼▼▼ ゴールド ▼▼▼========*/
.bottom.gr_gold {
	background: url(../../img/rank/gr_bottom_gold.gif) no-repeat center center /cover;
}
.real_img.gr_gold a::after {
	content: "gold";
	background-image: linear-gradient(to right, rgba(255,215,0, 0), rgba(255,215,0, 1) 30%, rgba(255,215,0, 1));
	font-size: 12px;
	color: #101010;
}
/*========▼▼▼ シルバー ▼▼▼========*/
.bottom.gr_silver {
	background: url(../../img/rank/gr_bottom_silver.gif) no-repeat center center /cover;
}
.real_img.gr_silver a::after {
	content: "silver";
	background-image: linear-gradient(to right, rgba(139,139,139, 0), rgba(139,139,139, 1) 30%, rgba(139,139,139, 1));
}
.real_right{
	float: right;
	width: 70%;
}
.real_cond2_1{
	margin-left: 5px;
	padding: 5px 0px;
	text-align: center;
	color: #FF0066;
	border: solid 1px #FF0066;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.real_cond2_2{
	margin-left: 5px;
	padding: 5px 0px;
	text-align: center;
	color: #CC33FF;
	border: solid 1px #CC33FF;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.real_cond2_3{
	margin-left: 5px;
	padding: 5px 0px;
	text-align: center;
	color: #0099FF;
	border: solid 1px #0099FF;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.real_cond2_4{
	margin-left: 5px;
	padding: 5px 0px;
	text-align: center;
	color: #6666CC;
	border: solid 1px #6666CC;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.real_cond2_5{
	margin-left: 5px;
	padding: 5px 0px;
	text-align: center;
	color: #66CC33;
	border: solid 1px #66CC33;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.real_cond2_6{
	margin-left: 5px;
	padding: 5px 0px;
	text-align: center;
	color: #666666;
	border: solid 1px #666666;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.real_name{
	margin: 5px 0px 0px 5px;
	font-size: 16px;
	font-weight: bold;
	font-family: "Roboto", "Lucida Grande", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}
.real_name span{
	font-family: "Oswald", "Lucida Grande", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 14px;
	font-weight: normal;
}
.real_name span > span{
	display: inline-block;
	height: auto;
	margin: 0px 0px 0px 1px;
	vertical-align: baseline;
	font-size: 11px;
}
.real_eventname{
	width: 100%; height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
}
.real_size{
	margin: 0px 0px 0px 5px;
	font-size: 11px;
	font-family: "Oswald", "Lucida Grande", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}
.real_att_waku{
	margin: 2px 0px 0px 5px;
	padding: 1px;
	text-align: center;
	color: #FFFFFF;
	background-color: #323232;
}
.real_att_text{
	float: left;
	width: 30%;
	font-size: 10px;
	background-color: #FF0066;
}
.real_att{
	float: right;
	width: 70%;
	font-size: 11px;
	font-family: "Roboto", "Lucida Grande", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}
.real_com{
	margin-top: 5px;
}
#no_real{
	height: 100px;
	text-align: center;
	color: #FFFFFF;
}
.icon_takumi{
	position: absolute;
	top: 48px; right: 5px;
	width: 40px;
}
.icon_license{
	position: absolute;
	top: 0px; left: 0px;
	width: 35px;
}
.ftype_icon_nf_addclass{
	position: absolute;
	top: 35px; right: 5px;
	width: 15%;
}