@charset "UTF-8";



.list {
    overflow:hidden;
    width:100%;
    margin: 30px auto;
    padding:0;
}

.list li {
    display:block;
    float:left;
    width:23%;
    height:150px;
    margin:1%;
    color:#fff;
    font-size:48px;
    line-height:150px;
    text-align:center;
    vertical-align:middle;
    list-style:none;
    background:#ccc;
}

.pager {
    clear:both;
    margin:30px 0;
    text-align:center;
}

.pager span {
    margin:5px;
    padding:5px 8px;
    color:#fff;
    background:#000;
}
.pager span:hover {
    cursor:pointer;
    background:#999;
}

.pager span.current {
    color:#000;
    background:none;
}
.pager span.current:hover {
    cursor:default;
}

.pager span.invalid {
    color:#dcdcdc;
    background:none;
}
.pager span.invalid:hover {
    cursor:default;
}

.pager span.ellipsis {
    color:#000;
    background:none;
}
.pager span.ellipsis:hover {
    cursor:default;
}

.pageNum {
    margin:30px 0;
    text-align:center;
}
/*カスタマイズ*/
#pagination {
            font-size: 14px;
        }
        
#pagination a {
    text-decoration: none;
	border: solid 1px #AAE;
	color: #15B;
	
}

#pagination a, #pagination span {
    display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
	margin-bottom: 5px;
	cursor:pointer;
	border: solid 1px #CCC;

}

#pagination .current {
    background: #26B;
	background:#99CCFF;
    color: #fff;
	border: solid 1px #AAE;
	cursor:pointer;

}

#pagination .current.prev, #pagination .current.next{
	color:#999;
	border-color:#999;
	background:#fff;
	cursor:pointer;
}
#pagination .prev, #pagination .next{
	border:none;

}
#pagination .ellipsis{
	color :#FFF;
	border:none;
	position:relative;
	
}
#pagination .ellipsis:after{
	content:"…";
	color :#333;
	position:absolute;
	left:10px;
}