.mileage_ranking_wrap						{position:relative;}
.mileage_ranking_wrap .wrap					{padding:40px 60px; border-radius:5px;}
.mileage_ranking_box						{min-height:900px;}

.board_calendar_title						{text-align:center;overflow:hidden; padding:0 0 15px 0;}
.board_calendar_title span					{padding:0 2px;font-size:1.6em; color:#333;line-height:150%; vertical-align:middle; font-weight:700; letter-spacing:-1px;}
.board_calendar_title span img				{vertical-align:sub; width:18px;}
.board_calendar_title_year					{}
.board_calendar_title_select				{float:right; margin:5px 0 0 0;}
.board_calendar_title_select select			{border:1px solid #b5b5b5;height:28px;padding:0 0 0 5px;margin:0 0 0 3px;}	
.board_calendar_title_year .prev			{padding:0; margin-right:5px; content:''; display:inline-block;  width:30px; height:30px; background:url("../image/calendar_prev.png") no-repeat center 50%; background-sizE:10px auto;}
.board_calendar_title_year .next			{padding:0; margin-left:5px; content:''; display:inline-block;  width:30px; height:30px; background:url("../image/calendar_next.png") no-repeat center 50%; background-sizE:10px auto;}
.board_calendar_title_year .prev:hover,
.board_calendar_title_year .next:hover		{border:1px solid #aaa;}

.mileage_ranking_tab 						{border-bottom:1px solid #ddd; width:60%; margin:20px auto 40px auto;}
.mileage_ranking_tab:after					{content: '';display: block;clear: both;}
.mileage_ranking_tab li.prev						{position:relative; float:left; width:25%; text-align:center; color:#999; cursor:pointer; letter-spacing:-1px; font-size:1.1em; }
.mileage_ranking_tab li.next						{position:relative; float:left; width:50%; text-align:center; color:#999; cursor:pointer; letter-spacing:-1px; font-size:1.1em; }
.mileage_ranking_tab li:after				{content:''; display:block; width:7px; height:7px; margin:10px auto -8px auto; border:3px solid #ccc; background:#fff; border-radius:100%; }
.mileage_ranking_tab .on, .mileage_ranking_tab li:hover			{color:#414141; font-weight:700;}
.mileage_ranking_tab .on:after, .mileage_ranking_tab li:hover:after	{border-color:#4290ff;}

.mileage_ranking_box						{min-height:850px;}
.mileage_ranking_th							{overflow:hidden; text-align:center; background:#646e7d; padding:12px 0; color:#fff;}
.mileage_ranking_th li						{float:left; width:25%;}
.mileage_ranking							{overflow:hidden; text-align:center; padding:12px 0; border-bottom:1px solid #eaeaea;}
.mileage_ranking li							{float:left; width:25%; }
.mileage_ranking li:last-child				{font-weight:700;}
.mileage_ranking .nolist					{width:100%; height:60px; font-weight:300 !important; font-size:0.9em; opacity:0.8;}
.mileage_ranking .Lv1						{content:''; width:25px; height:20px; display:inline-block; background:url('../image/rank_lv01.png') no-repeat center top; background-size:22px;}
.mileage_ranking .Lv2						{content:''; width:25px; height:20px; display:inline-block; background:url('../image/rank_lv02.png') no-repeat center top; background-size:22px;}
.mileage_ranking .Lv3						{content:''; width:25px; height:20px; display:inline-block; background:url('../image/rank_lv03.png') no-repeat center top; background-size:22px;}

.mileage_ranking_wrap .spring				{background:url("../image/rank_bg01.png") no-repeat 95% bottom #fff2f1; background-size:350px;}
.mileage_ranking_wrap .spring .mileage_ranking_th		{background:#d10039;}
.mileage_ranking_wrap .summer				{background:url("../image/rank_bg02.png") no-repeat 95% bottom #ebfaff; background-size:350px;}
.mileage_ranking_wrap .autumn				{background:url("../image/rank_bg03.png") no-repeat 95% bottom #ffe6cb; background-size:350px;}
.mileage_ranking_wrap .autumn .mileage_ranking_th		{background:#ee7900;}
.mileage_ranking_wrap .winter				{background:url("../image/rank_bg04.png") no-repeat 95% bottom #f7f7f7; background-size:350px;}
.mileage_ranking_wrap .winter .mileage_ranking_th		{background:#454b54;}

.mileage_content_web						{display:table;}
.mileage_content_mobile						{display:none;}

/* screen 1024 */
@media screen and (max-width:1024px) {

	.mileage_ranking_tab					{width:100%; margin:10px auto 20px auto;}
	.mileage_ranking_tab li					{font-size:0.95em;}

	.mileage_ranking_wrap .wrap				{padding:30px 20px;}
	.mileage_ranking_table					{font-size:0.9em;}
	.mileage_ranking_box					{min-height:750px;}
	.mileage_ranking_th, .mileage_ranking	{padding:10px 0;}


}



/* screen 785 */
@media screen and (max-width:785px) {

	.board_calendar_title span				{font-size:1.2em;}

	.mileage_content_web						{display:none;}
	.mileage_content_mobile						{display:table;}

}


/* screen 520 */
@media screen and (max-width:520px) {

	.board_calendar_title_year				{float:none;margin:0;width:100%;}
	.board_calendar_title_select			{float:none; margin:10px auto 0 auto;}

.mileage_ranking_th li:nth-child(1)			{width:20%;}
.mileage_ranking_th li:nth-child(2)			{width:30%;}
.mileage_ranking li:nth-child(1)			{width:20%; }
.mileage_ranking li:nth-child(2)			{width:30%; }

}