/* Backgachi Hall Stylesheet. */


/*******************************************************************************************/


/***** PC表示用 *****/

@media (min-width: 1000px) {

	.pc {
		display: block;
	}

	.sp {
		display: none;
	}

	/* レイアウト修正 */
	#content:after {
		content: "";
		display: block;
		clear: both;
		height: 0px;
	}

	#leftContents {
		float: left;
		width: 730px;
		margin: 0px 0px 30px 0px;
		padding: 0px;
	}


/* ランキングリスト */
#rankingList {
	margin: 0px 0px 30px 0px;
	padding: 0px;
	border-radius: 5px;
	background-image: url(/img/rankMainBack01.jpg);
	background-repeat: repeat-y;
}

#rankingList div.pageTitle {
	position: relative;
	height: 160px;
	margin: 0px;
	padding: 0px;
}

#rankingList div.pageTitle h3.gekkan {
	height: 160px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	background-image: url(/img/rankHeadGekkan01.png);
	background-repeat: no-repeat;
}

#rankingList div.pageTitle h3.threeYears {
	height: 160px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	background-image: url(/img/rankHeadThreeYears01.png);
	background-repeat: no-repeat;
}

#rankingList div.pageTitle p.kikan {
	position: absolute;
	bottom: 5px;
	right: 0px;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	color: #FFFFFF;
	text-align: right;
	line-height: 100%;
}


#rankingList ul {
	width: 710px;
	margin: 0px auto;
	padding: 0px 0px 10px 0px;
}

#rankingList ul li {
	position: relative;
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background-repeat: no-repeat;
}

#rankingList ul li:last-child {
	margin: 0px 0px 0px 0px;
}

#rankingList ul li img.blankImg {
	width: 710px;
	height: 170px;
}

#rankingList .rankBody {
	position: absolute;
	top: 6%;
	left: 18.5%;
	width: 80%;
	margin: 0px;
	padding: 0px;
}

#rankingList .rankBody:after {
	content: "";
	display: block;
	clear: both;
}

#rankingList .rankBody img.lineupPict {
	float: left;
	width: 150px;
	height: auto;
	max-height: 150px;
	margin: 0px;
	padding: 0px;
}

#rankingList .rankBody .right {
	position: relative;
	float: right;
	width: calc(100% - 160px);
	height: 150px;
	margin: 0px;
	padding: 0px;
}

#rankingList .rankBody .line {
	display: block;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#rankingList .rankBody .line:after {
	content: "";
	display: block;
	clear: both;
}

#rankingList .rankBody h5.title {
	float: left;
	width: 70%;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	font-size: 1.1rem;
	line-height: 120%;
}

#rankingList .rankBody .point {
	float: right;
	width: calc(30% - 10px);
	margin: 0px;
	padding: 0px 10px 0px 0px;
	text-align: right;
	font-family: 'Monotype Corsiva';
	font-style: italic;
	font-size: 2.0rem;
	font-weight: bold;
	color: #EE0000;
}

#rankingList .rankBody .point small {
	font-size: 1.0rem;
}

#rankingList .rankBody table {
	position: absolute;
	bottom: 0px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#rankingList .rankBody table td {
	width: 75%;
	margin: 0px;
	padding: 0px;
}

#rankingList .rankBody table td.eventDate {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

#rankingList .rankBody table td.eventDate span {
	margin: 0px 5px 0px 0px;
	padding: 2px 5px;
	color: #FFFFFF;
	font-size: 90%;
	line-height: 100%;
	background-color: #000000;
	border-radius: 3px;
}

#rankingList .rankBody table td.hallName {
	margin: 0px;
	padding: 0px 5px 0px 0px;
	text-align: right;
	vertical-align: bottom;
}

#rankingList .rankBody table td.hallPict {
	width: 25%;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}

#rankingList .rankBody table td.hallPict img {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
}

#rankingList .none {
	margin: 0px auto;
	padding: 50px 0px 50px 0px;
	text-align: center;
	color: #FFFFFF;
}










}
/* PC表示ここまで */



/*******************************************************************************************/



/***** スマホ表示用 *****/

@media (max-width: 999px) {

	.pc {
		display: none;
	}

	.sp {
		display: block;
	}

	/* レイアウト修正 */
	#content:after {
		content: "";
		display: block;
		clear: both;
		height: 0px;
	}

	#leftContents {
		margin: 0px 10px 30px 10px;
		padding: 0px;
	}


	/* ランキングリスト */
	#rankingList {
		width: 100%;
		margin: 0px 0px 30px 0px;
		padding: 0px;
		border-radius: 5px;
		background-image: url(/img/rankMainBack01.jpg);
		background-repeat: repeat-y;
		background-size: cover;
	}

	#rankingList div.pageTitle {
		position: relative;
		margin: 0px;
		padding: 0px;
	}

	#rankingList div.pageTitle h3 {
		width: 100%;
		height: calc((100vw - 20px) / (730 / 160));
		margin: 0px;
		padding: 0px;
		text-indent: -9999px;
		background-image: url(/img/rankHeadGekkan01.png);
		background-repeat: no-repeat;
		background-size: contain;
	}

	#rankingList div.pageTitle p.kikan {
		position: absolute;
		bottom: 5px;
		right: 0px;
		margin: 0px;
		padding: 0px 10px 0px 0px;
		color: #FFFFFF;
		text-align: right;
		line-height: 100%;
	}


	#rankingList ul {
		width: 100%;
		margin: 0px auto;
		padding: 0px 0px 10px 0px;
	}

	#rankingList ul li {
		position: relative;
		display: block;
		width: calc(100% - 20px);
		height: calc((100vw - 20px) * (170 / 710));
		margin: 0px 10px 10px 10px;
		padding: 0px;
		background-repeat: no-repeat;
		background-size: contain;
	}

	#rankingList ul li:last-child {
		margin: 0px 10px 0px 10px;
	}

	#rankingList ul li img.blankImg {
	}

	#rankingList .rankBody {
		position: absolute;
		top: 5px;
		left: 18.5%;
		width: 80%;
		height: calc((100vw - 20px) * 0.80 * (170 / 710));
		margin: 0px;
		padding: 0px;
	}

	#rankingList .rankBody:after {
		content: "";
		display: block;
		clear: both;
	}

	#rankingList .rankBody img.lineupPict {
		float: left;
		width: auto;
		height: 100%;
		max-width: 25%;
		margin: 0px;
		padding: 0px;
	}

	#rankingList .rankBody .right {
		position: relative;
		float: right;
		width: calc(75% - 5px);
		height: 100%;
		margin: 0px;
		padding: 0px;
	}

	#rankingList .rankBody h5.title {
		float: left;
		width: 70%;
		margin: 0px;
		padding: 0px 0px 0px 0px;
		font-size: 0.9rem;
		line-height: 120%;
	}

	#rankingList .rankBody .point {
		float: right;
		width: calc(30% - 10px);
		margin: 0px;
		padding: 0px 10px 0px 0px;
		text-align: right;
		font-family: 'Monotype Corsiva';
		font-style: italic;
		font-size: 1.8rem;
		font-weight: bold;
		color: #EE0000;
	}

	#rankingList .rankBody .point small {
		font-size: 1.0rem;
	}

	#rankingList .rankBody table {
		width: 100%;
		margin: 0px;
		padding: 0px;
	}

	#rankingList .rankBody table td {
		width: 85%;
		margin: 0px;
		padding: 0px;
	}

	#rankingList .rankBody table td.eventDate {
		margin: 0px;
		padding: 0px;
		vertical-align: top;
		font-size: 0.8rem;
		line-height: 160%;
	}

	#rankingList .rankBody table td.eventDate span {
		margin: 0px 5px 0px 0px;
		padding: 1px 3px;
		color: #FFFFFF;
		font-size: 0.8rem;
		line-height: 100%;
		background-color: #000000;
		border-radius: 3px;
	}

	#rankingList .rankBody table td.hallName {
		position: absolute;
		right: 0px;
		bottom: -5px;
		padding: 0px 5px 0px 0px;
		text-align: right;
		vertical-align: bottom;
		font-size: 0.5rem;
	}

	#rankingList .rankBody table td.hallPict {
		display: none;
		width: 15%;
		margin: 0px;
		padding: 0px;
		vertical-align: bottom;
	}

	#rankingList .rankBody table td.hallPict img {
		display: none;
		width: 100%;
		height: auto;
		margin: 0px;
		padding: 0px;
	}




}
/* スマホ表示ここまで */