@charset "utf-8";
/* --------------------------------------------------

Ranking Stylesheet

-------------------------------------------------- */

/*
------------------------------ */
.bdBox1 {
	clear: both;
	margin: 0 auto;
	padding: 15px 0;
	width: 598px;
}
.txt_lead {
	margin: 0 22px 10px;
	font-size: 12px;
	line-height: 1.4;
}

/* ランキングタブ */
#rankingSubTabArea {
	width: 599px;
	height: 34px;
	margin: 0 auto 10px;
	background: url(../img/worldranking/bg_tabborder.png) repeat-x left bottom;
}
#rankingSubTabArea li {
	float: left;
	width: 193px;
	margin-right: 10px;
}
#rankingSubTabArea li:last-child {
	margin-right: 0px;
}
#rankingSubTabArea li a {
	display: block;
	width: 193px;
	height: 34px;
	background: url(../img/worldranking/tab_ranking.png?20160914) no-repeat 0 0;
	overflow: hidden;text-indent: -9999em;white-space: nowrap;
}

#rankingSubTabArea li.navi01 a { background-position: 0 0; }
#rankingSubTabArea li.navi01 a:hover,
#bossRanking #rankingSubTabArea li.navi01 a { background-position: 0 bottom; }
#rankingSubTabArea li.navi02 a { background-position: -204px 0; }
#rankingSubTabArea li.navi02 a:hover,
#colosseumRanking #rankingSubTabArea li.navi02 a { background-position: -204px bottom; }

#rankingSubTabArea li.navi03 a { background-position: -407px 0; }
#rankingSubTabArea li.navi03 a:hover,
#slimeracing #rankingSubTabArea li.navi03 a { background-position: -407px bottom; }

#bossRanking #rankingSubTabArea li.navi01 a,
#colosseumRanking #rankingSubTabArea li.navi02 a,
#slimeracing #rankingSubTabArea li.navi03 a,{ cursor: default; }
#bossRanking #rankingSubTabArea li.navi01 a,
#colosseumRanking #rankingSubTabArea li.navi02 a,
#slimeracing #rankingSubTabArea li.navi03 a,{ cursor: default; }


/* ランキングTOPPAGE
------------------------------ */
/* BOX */
#defenceRanking .select01 {
	width:600px;
	margin: 0 auto 10px auto;
	padding-bottom: 0;
	border-bottom: 0px dotted #777;
}
#defenceRanking .selectList {
	width:100%;
	text-align:right;
}
#defenceRanking .selectTitle {
	float: right;
	width: 90px;
	font-size: 12px;
}
#defenceRanking .select03 {
	width:600px;
	margin: 0 auto 10px auto;
	padding-bottom: 0;
	border-bottom: 0px dotted #777;
	text-align:left;
}
#defenceRanking .selectList_right {
	float:right;
}

.article {
	margin: 0 15px 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #777;
}
.select01 {
}
.select02 {
	margin: 0 15px 15px;
	padding-bottom: 15px;
}
.article .iconTitle {
	margin-left: 0;
}

/* select */
.selectTitle {
	float: left;
	width: 90px;
	font-size: 12px;
}
.selectList {
	float: left;
	width: 170px;
}
.selectList_right {
	float: right;
	width: auto;
	margin-right:5px;
}
.selectList_right select {
	padding: 2px 5px;
	border: 1px solid #C3BDBD;
	font-size: 12px;
}
#colosseumRanking .selectList { width: 260px; }
.select02 .selectList {
	width: 230px;
}
.selectList select {
	padding: 2px;
	border: 1px solid #C3BDBD;
	font-size: 12px;
}
#bossRanking .selectList select { width: 170px; }
#contentArea .selectList input {
	padding: 0;
	border: none;
	vertical-align: -3px;
}
.selectList label {
	padding: 0 18px 0 5px;
	font-size: 12px;
}

/* TXT */
.article .txt_lead {
	float: left;
	width: 280px;
	margin: 0 0 0 22px;
}

/* btn */
.btn_select input {
	display: block;
	width: 100px;
	margin: 0 auto;
	cursor:pointer;
}


/*
------------------------------ */
#rankingArea {
	clear: both;
}

#rankingSearch p { font-size: 12px; }

/* table基本 */
#contentArea table {
	clear: both;
	width: 600px;
	margin: 0 auto;
	border: 1px solid #777;
	font-size: 12px;
	line-height:1.3!important;
}
#contentArea td ,
#contentArea th {
	padding: 5px 10px;
	border:1px solid #D6CFBD;
}
#contentArea th {
	background-color:#a79873;
	color:#FFF;
}
#contentArea th.em {
	background-color: #816940;
}
#contentArea td {
	background-color:#FFF;
}

#contentArea .firstrank p.rank {
	color: #FC3;
	font-weight: bold;
}
#contentArea .secondrank p.rank {
	color: #B1C6CE;
	font-weight: bold;
}
#contentArea .thirdrank p.rank {
	color: #CCB370;
	font-weight: bold;
}

.data { clear: both; }
.data .name,
.data .job,
.data .level,
.data .team,
.data .c_rank {
	display: block;
	float: left;
}
.data .job,
.data .level,
.data .team,
.data .c_rank {
	padding-left: 10px;
	background: url(../img/worldranking/bg_slash.png?v=20150903) no-repeat 0 3px;
}
.data .name { width: 90px; padding-left: 20px; }
.data .job { width: 90px; }
.data .level { width: 40px; padding-right: 10px;text-align: right; }
.data .c_rank { width: 45px; padding-left: 15px; }
.data .team { width: 150px; }
.leader {
	background: url(../img/worldranking/rida_icon.gif) no-repeat 0 0;
}

/* 討伐ランキング ========== */
#rankingArea h2 {
	position: relative;
	width: 600px;
	height: 128px;
	margin: 0 auto 18px;
}
#rankingArea h2 span {
	position: absolute;
	width: 300px;
	left: 20px;
	top: 55px;
	color: #FFF;
	font-size: 12px;
}
/* 万魔ランキング ========== */
#rankingArea h2.is-banma span {
	width: auto;
}
/* 日付 */
#rankingArea h2.is-banma span:nth-of-type(1) {
	top: 66px;
}
/* 大富豪ランキング ========== */
#rankingArea h2.is-danni,
#rankingArea h2.is-kettei {
	height: 121px;
}
	#rankingArea h2.is-danni span,
	#rankingArea h2.is-kettei span {
		position: absolute;
		font-size: 14px;
		font-weight: bold;
	}
	/* ランキング名 */
	#rankingArea h2.is-danni span:nth-of-type(1),
	#rankingArea h2.is-kettei span:nth-of-type(1) {
		top: 88px;
	}
	/* 開催期間 */
	#rankingArea h2.is-danni span:nth-of-type(2),
	#rankingArea h2.is-kettei span:nth-of-type(2) {
		top: 88px;
		left: 84px;
		color: #ffbd9c;
	}
	/* 終了後ランキング名 */
	#rankingArea h2.is-danni.is-complete span:nth-of-type(1),
	#rankingArea h2.is-kettei.is-complete span:nth-of-type(1) {
		top: 35px;
		left: 210px;
	}
	#rankingArea h2.is-kettei.is-complete span:nth-of-type(1) {
		right: 0;
		left: auto;
		text-align: right;
		padding-right: 10px;
	}
	#rankingArea h2.is-danni img,
	#rankingArea h2.is-kettei img {
		position: absolute;
	}



#contentArea h3 {
	width: 600px;
	margin: 0 auto 10px;
}
/* table 自己ベスト */
table#personalBest {}
/* table 期間ランキング */
table#periodRanking td { height: 62px; }
table#periodRanking td.col3 { vertical-align: top; }

/* コロシアムランキング ========== */
#colosseumRanking #rankingArea h2 span {
	left: 95px;
}
#bestplayerBox {
	position: relative;
	width: 556px;
	height: 90px;
	margin: 0 auto 10px;
	background: url(../img/worldranking/bg_bestplayer.jpg) no-repeat 0 0;
}

#bestplayerBox .tit_bestplayer {
	position: absolute;
	width: 200px;
	top: 19px;
	left: 85px;
	font-size: 12px;
	font-weight: bold;
}
#bestplayerBox .txt_score {
	position: absolute;
	width: 100%;
	bottom: 20px;
	left: 0;
	font-size: 12px;
	text-align: center;
}
#rankingBox1 {
	margin-bottom: 20px;
}
/* table */
#personalBest th { text-align: left; }
td.col1 { width: 30px; }
td.col2 { width: 70px; }
td.col4 { width: 50px; text-align: right; }

#personalBest td.col1 { text-align: center; }

#rankingBox2 td.col1 { text-align: right; }
td.col2 { text-align: right; }
#rankingBox2 td strong { color:#C16060; }
#rankingBox2 div strong { color:#C16060; }

/* MVP */
.mvpCol1 {  }
.mvpCol2 { width: 140px; }
.mvpCol3 {
	width: 100px;
}
td.mvpCol1 {
	padding: 0 0 0 20px !important;
}
td.mvpCol2 {
	text-align: center;
}
td.mvpCol3 {
	text-align: right;
	padding: 0 14px 0 0 !important;
}

/* フィッシングコンテスト */
/*----------------------------------------------------------------------------*/



/* 自己記録テーブル */
.fishingcontest-kiroku {
}
.battlePencil-kiroku td,
.fishingcontest-kiroku td {
	text-align: center;
	padding:30px 15px!important;
}
.battlePencil-kiroku td:first-child {
	background-color:#816940!important;
	color:#fff;
	font-weight: bold;
	width:150px;
}
.battlePencil-kiroku td.battlePencil-data {
	border-right:0px!important;
}
.fishingcontest-kiroku td:first-child{
	background-color:#448523!important;
	color:#fff;
	font-weight: bold;
	width:150px;
}

.fishingcontest-kiroku td:first-child{
	background-color:#235185!important;
}
.fishingcontest-kiroku img {
	vertical-align: middle;
	margin-right:10px;
}
.fishingcontest-kiroku td:last-child {
	width:90px;
}

/* フィッシングコンテスト */
/*----------------------------------------------------------------------------*/



/* 自己記録テーブル */
.casinoRaid-kiroku {
	margin
}
.casinoRaid-kiroku td {
	text-align: center;
	padding:25px 15px!important;
}
.casinoRaid-kiroku td:first-child{
	background-color:#448523!important;
	color:#fff;
	font-weight: bold;
	width:160px;
}

.casinoRaid-kiroku td:first-child{
	background-color:#a79873!important;
}
.casinoRaid-kiroku img {
	vertical-align: middle;
	margin-right:10px;
}


/* ワールドランキング */
/*----------------------------------------------------------------------------*/

/* 大見出し */
#battlePencil-head,
#point-ranking-head,
#slimeracing-head,
#fishingcontest-head,
#casinoRaid-head,
#defenceRanking-head {
	width: 600px;
	height: 121px;
	margin: 0 auto 0 auto;
	line-height: 1.0;
}
	#point-ranking-head{
		background-image: url(../img/worldranking/ranking_banner.jpg);
		margin-bottom:20px;
	}
	#slimeracing-head {
		background-image: url(../img/slimeracing/banner_slimeracing.png);
		margin-bottom:20px;
	}
	#fishingcontest-head {
		background-image: url(../img/fishingcontest/banner_fishingcontest.jpg?20170717);
	}
	#battlePencil-head {
		background-image: url(../img/worldranking/banner_battlepencil.jpg);
	}
	#casinoRaid-head {
		background-image: url(../img/worldranking/banner_casinoRaid.jpg);
	}
	#defenceRanking-head {
		height: 95px!important;
		margin-bottom:10px;
		position: relative;
	}
	#defenceRanking-head .txt-date {
		color:#fff;
		font-weight:bold;
		position: absolute;
		left:10px;
		bottom:6px;
		font-size:13px;
	}
	/* イベント名 */
	#battlePencil-event-name,
	#point-ranking-event-name,
	#slimeracing-event-name,
	#fishingcontest-event-name{
		padding-top: 60px;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
	}

	/* 日程等 */
	#battlePencil-head ul,
	#point-ranking-head ul,
	#slimeracing-head ul,
	#fishingcontest-head ul{
		padding-top: 20px;
		padding-left: 95px;
	}
	#casinoRaid-head ul{
		padding-top: 94px;
		padding-left: 200px;
	}
		#battlePencil-head ul li,
		#point-ranking-head ul li,
		#slimeracing-head  ul li,
		#fishingcontest-head ul li,
		#casinoRaid-head ul li {
			font-weight: bold;
		}
		#battlePencil-event-date,
		#point-ranking-event-date,
		#slimeracing-event-date,
		#fishingcontest-event-date,
		#casinoRaid-event-date {
			float: left;
			color: #ffed29;
			font-size: 14px;
		}
		#point-ranking-update-date,
		#slimeracing-update-date,
		#fishingcontest-update-date,
		#casinoRaid-update-date {
			padding-top: 1px;
			float: right;
			color: #fff;
			font-size: 12px;
		}

		#point-ranking-update-date {
			padding-right: 23px;
		}
		#slimeracing-update-date {
			padding-top: 1px;
			padding-right: 15px;
			float: right;
			color: #fff;
			font-size: 12px;
		}

/* 最新ポイント */
#latest-point {
	width: 556px;
	height: 65px;
	margin: -6px auto 14px auto;
	background-image: url(../img/worldranking/latest_point.png);
}
	#latest-point li {
		float: left;
		font-size: 12px;
		width: 216px;
		margin: 23px 0 0 0px;
		text-align: center;
	}
	#latest-point li:first-child {
		width: 210px;
		font-weight: bold;
		text-align: left;
		margin: 23px 0 0 74px;
	}

/* ランキングをもっと見る */
#more-rank {
	width: 600px;
	margin: 4px auto 0 auto;
	text-align: right;
	font-weight: bold;
}
#more-rank-button {
	font-size: 12px;
	color: #d10000 !important;
}

/* 自分のランキング */
.my-ranking-result {
	font-weight: bold;
	color:#C16060 !important;
}

/* ランキングのテーブル幅に合わせた注釈 */
.ranking-note {
	font-size: 12px;
	width: 599px;
	margin: auto;
}

/* 過去のランキングを見るプルダウン */
#history-select {
	width: 600px;
	margin: auto;
	padding-bottom: 9px;
}
	#history-select select {
		float: right;
		padding: 2px;
		border: 1px solid #C3BDBD;
		font-size: 12px;
	}


/* タイムアタック用調整まとめ */
/*----------------------------------------------------------------------------*/
/* 順位表示 */
/* 背景色 */
#contentArea .timeattack .firstrank td {
	background-color: #fbf0d0;
}
#contentArea .timeattack .secondrank td {
	background-color: #e5e6e8;
}
#contentArea .timeattack .thirdrank td {
	background-color: #edded7;
}
/* 順位色 */
#contentArea .timeattack .firstrank p.rank {
	color: #a28521;
}
#contentArea .timeattack .secondrank p.rank {
	color: #627379;
}
#contentArea .timeattack .thirdrank p.rank {
	color: #924a3c;
}
	.timeattack.timeattack-close .firstrank p.rank,
	.timeattack.timeattack-close .secondrank p.rank,
	.timeattack.timeattack-close .thirdrank p.rank {
		padding-left: 24px;
		height: 27px;
		text-align: left;
		line-height: 2.2;
		background-repeat: no-repeat;
	}
	.timeattack.timeattack-close .firstrank p.rank {
		background-image: url(../img/event/timeattack/icon/gold.png);
	}
	.timeattack.timeattack-close .secondrank p.rank {
		background-image: url(../img/event/timeattack/icon/silver.png);
	}
	.timeattack.timeattack-close .thirdrank p.rank {
		background-image: url(../img/event/timeattack/icon/bronze.png);
	}

/* セル幅の調整 */
.timeattack td.col1 {
	width: 50px;
	text-align: center !important;
}
.timeattack td.col2 {
	width: 75px;
	text-align: center;
}
.timeattack td.col3 {
}
/* チームエリアの調整 */
.timeattack .data .name { width: 80px; padding-left: 20px; }
.timeattack .data .job { width: 80px; }
.timeattack .data .level { width: 40px; padding-right: 10px;text-align: right; }
.timeattack .data .c_rank { width: 45px; padding-left: 15px; }
.timeattack .data .team { width: 150px; }

/* 横長のボタン */
#timeattack-about-button,
#timeattck-worldranking-button {
	display: block;
	overflow: hidden;
	width: 304px;
	height: 32px;
	text-indent: -9999em;
}
	#timeattack-about-button:hover,
	#timeattck-worldranking-button:hover {
		background-position: 0 bottom;
	}
/* ルールとか */
#timeattack-about-button {
	background-image: url(../img/event/timeattack/button/about.png);
}
/* ワールドランクへ */
#timeattck-worldranking-button {
	background-image: url(../img/event/timeattack/button/goto_worldranking.png);
}

/* タイムアタック：大会中のじぶんのタイム */
#rankingBox3 {
}
	#rankingBox3 #personalBest th {
		text-align: center;
	}
	#rankingBox3 #personalBest td {
		padding-top: 16px;
		padding-bottom: 14px;
	}
	#rankingBox3 #personalBest th:first-child {
		width: 70px;
		text-align: center;
		line-height: 2.0;
		background-color: #816a41;
	}
	/* チームエリアの調整 */
	#rankingBox3 .data .name { width: 70px; padding-left: 20px; }
	#rankingBox3 .data .job { width: 80px; }
	#rankingBox3 .data .level { width: 30px; padding-right: 10px;text-align: right; }
	#rankingBox3 .data .team { width: 140px; }

/* 大会バナーエリア */
#timeattach-banner {
}
	#timeattach-banner ul {
		position: relative;
		margin-right: auto;
		margin-left: auto;
		width: 600px;
	}
	#timeattach-banner li {
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		line-height: 1.0;
	}
	/* 集計日時 */
	#timeattach-banner li:first-child + li {
		position: absolute;
		top: 72px;
		left: 16px;
	}

/* スライムレーシング */
/*----------------------------------------------------------------------------*/

/* 自己記録テーブル */
.slimeracing-kiroku td {
	text-align: center;
	padding:15px!important;
}
.slimeracing-kiroku td:first-child{
	background-color:#448523!important;
	color:#fff;
	font-weight: bold;
	width:150px;
}
.slimeracing-kiroku img {
	vertical-align: middle;
	margin-right:10px;
}
.slimeracing-kiroku td:last-child{
	width:90px;
}
.slimeracing-kiroku {
	margin-bottom:30px;
}

/* タイムアタック用調整まとめ */
/*----------------------------------------------------------------------------*/
/* 順位表示 */
/* 背景色 */
#contentArea .pointget-table .firstrank td {
	background-color: #fbf0d0;
}
#contentArea .pointget-table .secondrank td {
	background-color: #e5e6e8;
}
#contentArea .pointget-table .thirdrank td {
	background-color: #edded7;
}
/* 順位色 */
#contentArea .pointget-table .firstrank p.rank {
	color: #a28521;
	display:inline-block;
}
#contentArea .pointget-table .secondrank p.rank {
	color: #627379;
	display:inline-block;
}
#contentArea .pointget-table .thirdrank p.rank {
	color: #924a3c;
	display:inline-block;
}
	#contentArea .pointget-table .firstrank p.rank,
	#contentArea .pointget-table .secondrank p.rank,
	#contentArea .pointget-table .thirdrank p.rank
	{
		padding-left: 24px;
		height: 27px;
		text-align: center;
		line-height: 2.2;
		background-repeat: no-repeat;
	}
	#contentArea .pointget-table .firstrank p.rank {
		background-image: url(../img/event/timeattack/icon/gold.png);
	}
	#contentArea .pointget-table .secondrank p.rank {
		background-image: url(../img/event/timeattack/icon/silver.png);
	}
	#contentArea .pointget-table .thirdrank p.rank {
		background-image: url(../img/event/timeattack/icon/bronze.png);
	}

/* セル幅の調整 */
#contentArea .pointget-table td.col1 {
	width: 50px;
	text-align: center !important;
}
	#contentArea .fishing-table td.col1 {
		width: 150px;
	}
	#defenceRanking #contentArea td.col1,
	#bossRanking #contentArea td.col1,
	#limitedRanking #contentArea td.col1{
		padding-left: 5px;
		padding-right: 5px;
		width: 51px;
	}
#contentArea .pointget-table td.col2 {
	width: 125px;
	text-align: center;
}
	#contentArea .fishing-table td.col2 {
		width: 200px;
	}
	#defenceRanking #contentArea td.col2,
	#bossRanking #contentArea td.col2,
	#limitedRanking #contentArea td.col2 {
		width: 90px;
		padding-left: 0px;
		padding-right: 0px;
	}

#contentArea .pointget-table td.col3,
#contentArea .pointget-table td.col4 {
	width: 200px;
	text-align: center;
	vertical-align:middle;
}
	#contentArea .fishing-table td.col3 {
		width: 200px;
	}
	#slimeracing #contentArea td.col3 {
		width: 150px;
	}
	#defenceRanking #contentArea td.col3,
	#bossRanking #contentArea td.col3,
	#limitedRanking #contentArea td.col3 {
		width: 457px;
		text-align: left;
		vertical-align: middle;
		padding-left: 10px;
		padding-right: 5px;
	}
#contentArea .pointget-table .pointget-col34 {
	display:table;
	text-align:left;
	margin:0 auto;
}
#contentArea .pointget-table .pointget-col34 > * {
	display:table-cell;
	vertical-align:middle;
}
#contentArea .pointget-table .pointget-col34 img {
	padding-top:0;
	padding-right:15px;
	padding-bottom:8px;
}

#defenceRanking #contentArea td,
#bossRanking #contentArea td{
	padding-top:10px;
	padding-bottom:10px;
}

#contentArea .pointget-table .pointget-col32-text {
	width: 77px;
}
#slimeracing-update-date img {
	position: relative;
	top:-6px;
	float:left;
}
#slimeracing-update-date p {
	position: relative;
	top:-1px;
	float:left;
	margin-left:5px;
}

/* ===== フィッシュコンランキング切り替え ===== */
.fishing-ranking-switch {
	margin-right: auto;
	margin-left: auto;
	width: 600px;
	font-size: 14px;
}
	.fishing-ranking-switch a {
		opacity: 0.5;
		cursor: pointer;
		display: block;
		width: 300px;
		height: 36px;
		color: #fff !important;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		line-height: 2.5;
	}
		.fishing-ranking-switch a:hover {
			color: #fff !important;
			text-decoration: none !important;
		}
		.fishing-ranking-switch a.active {
			cursor: default;
			opacity: 1;
		}
	.fishing-ranking-switch a:nth-of-type(1) {
		float: left;
		background-image: url(../img/worldranking/woodtab_l.png);
	}
	.fishing-ranking-switch a:nth-of-type(2) {
		float: right;
		background-image: url(../img/worldranking/woodtab_r.png);
	}
/* ===== カジノレイド切り替え ===== */
	.casinoRaid-tab {
		margin-right: auto;
		margin-left: auto;
		width: 600px;
		height: 37px;
		display: flex;
	}
		.casinoRaid-tab a {
			display: block;
			height: 100%;
			font-size: 14px;
			font-weight: bold;
			color: #d6c2b3 !important;
			text-align: center;
			box-sizing: border-box;
			padding-top: 6px;
		}
		.casinoRaid-tab a:hover {
			color: #fff !important;
			text-decoration: none !important;
		}
		.casinoRaid-tab a.is-active {
			cursor: default;
			color: #fff !important;

		}
		.casinoRaid-tab a.is-active {
			pointer-events: none;
		}
		.casinoRaid-tab.col-3 {
			background-image: url(../img/worldranking/tab_casinoRaid.png);
		}
			.casinoRaid-tab.col-3 a {
				margin-right: 2px;
				width: 198px;
				background-image: url(../img/worldranking/tab_casinoRaid.png);
				background-position: -200px 0;
			}
			.casinoRaid-tab.col-3 a:hover,
			.casinoRaid-tab.col-3 a.is-active {
				background-position: -200px bottom;
			}
			.casinoRaid-tab.col-3 a:first-of-type,
			.casinoRaid-tab.col-3 a:last-of-type {
				width: 199px;
			}
		/**
		 * 4列パターン
		 */
		.casinoRaid-tab.col-4 {
			background-image: url(../img/worldranking/tab_casinoRaid_4.png);
		}
			.casinoRaid-tab.col-4 a {
				margin-right: 2px;
				width: 148px;
				background-image: url(../img/worldranking/tab_casinoRaid_4.png);
				background-position: -150px 0;
			}
			.casinoRaid-tab.col-4 a:hover,
			.casinoRaid-tab.col-4 a.is-active {
				background-position: -150px bottom;
			}
			.casinoRaid-tab.col-4 a:first-of-type,
			.casinoRaid-tab.col-4 a:last-of-type {
				width: 149px;
			}
		/**
		 * 5列パターン
		 */
		.casinoRaid-tab.col-5 {
			background-image: url(../img/worldranking/tab_casinoRaid_5.png);
		}
			.casinoRaid-tab.col-5 a {
				margin-right: 2px;
				width: 118px;
				background-image: url(../img/worldranking/tab_casinoRaid_5.png);
				background-position: -120px 0;
			}
			.casinoRaid-tab.col-5 a:hover,
			.casinoRaid-tab.col-5 a.is-active {
				background-position: -120px bottom;
			}
			.casinoRaid-tab.col-5 a:first-of-type,
			.casinoRaid-tab.col-5 a:last-of-type {
				width: 119px;
			}
		/* 全パターン共通 */
		.casinoRaid-tab a:first-of-type {
			background-position: left 0;
		}
		.casinoRaid-tab a:first-of-type:hover,
		.casinoRaid-tab a:first-of-type.is-active {
			background-position: left bottom;
		}
		.casinoRaid-tab a:last-of-type {
			margin-right: 0;
			background-position: right 0;
		}
		.casinoRaid-tab a:last-of-type:hover,
		.casinoRaid-tab a:last-of-type.is-active {
			background-position: right bottom;
		}
	/**
	 * 期間限定ランキング
	 */
	.limited-ranking-banners a {
		display: inline-block;
		background-color: #fff;
		border-radius: 14px;
	}
	.limited-ranking-banners a img {
		transition: opacity .3s;
	}
	.limited-ranking-banners a:hover img {
		opacity: .7;
	}
	.limited-ranking-banners a:nth-of-type(n+2) {
		margin-top: 12px;
	}

	/* タイムアタックランキング
	 ----------------------------------- */
	.limited-timeattack-banner {
		aspect-ratio: 600 / 121;
		width: 600px;
		position: relative;
		margin-right: auto;
		margin-left: auto;
	}
	.limited-timeattack-banner > img {
		position: absolute;
	}
	.timeattack-regulation-icons {
		user-select: none;
		position: absolute;
		display: flex;
		justify-content: flex-end;
		bottom: 8px;
		right: 6px;
		width: 100%;
	}
	.timeattack-regulation-icons::after {
		display: none;
	}
	.timeattack-schedule {
		position: absolute;
		font-weight: bold;
		left: 100px;
		top: 63px;
	}
	.timeattack-schedule > li:nth-of-type(1) {
		color: #ffed29;
		font-size: 14px;
	}
	.timeattack-schedule > li:nth-of-type(2) {
		color: #fff;
		font-size: 12px;
		margin-top: 4px;
	}