#pgTitle h1 {
		background: url(/soka/ranking/images/iconPgtitleRank.png) no-repeat;
		background-position: 24px center;
}

/*==============================================
				00 アクセスランキング
==============================================*/

.ranking02 {
	background: #EAF0F5 !important;
	margin-top: 0 !important;
}

.ranking02,
.ranking02 ul,
.ranking02  ul li {
	width: 100% !important;	
}

.ranking02 ul li {
	border-top: none !important;
}

.ranking02 ul li a{
	display: block;
	background: #FFF url(/soka/ranking/images/icon_Garrow.png) no-repeat;
	background-size: 10px;
	background-position: 700px center;
	margin-bottom: 10px;
	padding: 10px;
	border-top: none;
	overflow: hidden;
}

.ranking02 ul li a:hover .rankTopic{
	text-decoration: underline;
}

.ranking02 .rankData {
	width: 620px;
	padding: 0 0 0 20px;
	box-sizing: border-box;
	
}

.ranking02 .rankTopic{
		font-size: 139%;
}

.ranking02 div.rankPhoto p{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1000%;
	height: 500px;
	line-height: 500px;
	margin: -250px 0px 0px -500%;
	text-align: center;
}

.ranking02 div.rankPhoto p img {
    width: 142px;
	/*min-height: 80px;*/
    min-width: 10%;
    vertical-align: middle;
}


@media screen and (max-width:767px){

#pgTitle h1 {
	background: url(/soka/ranking/images/iconPgtitleRank.png) no-repeat;
	background-size: 24px 24px;
	background-position: 13px center;
}

/*==============================================
				00 アクセスランキング
==============================================*/

.contBox01 {
	width: auto;
	padding: 0;
}

#ranking {
	width: 100%;
	margin-top: 0;	
}

#ranking ul li {
    border-top: 1px solid #E4E0E1 !important;
}

#ranking ul li a{
	display: block;
	background: url(/soka/ranking/images/icon_Garrow.png) no-repeat;
	background-size: 8px 14px;
	background-position: 96% center;	
	overflow: hidden;
	margin-bottom: 0px;
	padding: 10px;
}

#ranking ul,#ranking ul li {
	width: 100%;
}



#ranking div.rankData {
	width: 69%;
	box-sizing: border-box;
	padding: 10px 12px;	
}

#ranking div.rankPhoto p{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1000%;
	height: 500px;
	line-height: 570px;
	margin: -288px 0px 0px -500%;
	text-align: center;	
}


/* reset */
.ranking02 {
	background: #FFF !important;	
}

.ranking02,
.ranking02 ul,
.ranking02  ul li {
	width: auto !important;	
}



.ranking02  ul li a:hover .rankTopic{
	text-decoration: none;
}

.ranking02 .rankTopic{
		font-size: 100%;
}


}