@charset "utf-8";


/*メイン部
----------------------------------------------------------------------*/
#page_ranking{}

/*ul.wpp-list
----------------------------------------------------------------------*/
.pageList ul.wpp-list{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: left;
	justify-content: left;
}

.pageList ul.wpp-list li{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 20%;
	padding: 0.5%;
	counter-increment: rank;
}

.pageList ul.wpp-list li:before{
	content: "No" counter(rank) ".";
	font-weight: bold;
	font-size: 16px;
	display: block;
}

.pageList ul.wpp-list li .photo{
	width: 100%;
	z-index: 10;
	overflow: hidden;
	text-align: center;
	background: #EDEDED;
}

.pageList ul.wpp-list li .photo img{
	max-width: 100%;
	height: auto;
	margin: auto;
}


.pageList ul.wpp-list li .ttl{
	font-size: 14px;
	padding: 7px 10px;
}
.pageList ul.wpp-list li .ttl a{
	color: #399;
	text-decoration: none;
}