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

/* --------------------------------
   □ サイト情報 (ヘッダー)
-------------------------------- */

.contents .entry{
	padding-top:0;
	margin-bottom:45px;
}

#works-box ul.list li{
	margin-bottom:60px;
}

#works-box ul.list li a{
	color:#333;
}

#works-box ul.list li:last-child{
	margin-bottom:0;
}

#works-box ul.list li img{
	width:100%;
	margin-bottom:12px;
}


/* ------------------------------
■ Paging
------------------------------ */
.Paging {
	margin: 80px 0;
}

.Paging ul.page-numbers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 20px;
    font-weight: 600;
}

.Paging ul.page-numbers li .page-numbers {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    color: #333;
    text-decoration: none;
    transition: 0.2s;
}
.Paging ul.page-numbers li .page-numbers:hover {
    transform: translateY(-5px);
}
.Paging ul.page-numbers li .current {
	text-decoration: underline;
    pointer-events: none;
}

.Paging ul.page-numbers li .page-numbers.next,
.Paging ul.page-numbers li .page-numbers.prev {
    position: relative;
    font-size: 0;
}

.Paging ul.page-numbers li .page-numbers.next:before,
.Paging ul.page-numbers li .page-numbers.prev:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 11px;
    height: 11px;
    transform: translate(-50%, -50%);
    border: none !important;
    background: url("../../images/works/next.png") no-repeat center / contain;
}

.Paging ul.page-numbers li .page-numbers.prev:before {
    transform: translate(-50%, -50%) rotate(180deg);
}

@media screen and (max-width: 767px) {
    .Paging ul.page-numbers {
        gap: 10px 15px;
    }

    .Paging ul.page-numbers li .page-numbers {
        width: 36px;
        height: 36px;
        font-size: 1.3rem;
    }

    .Paging ul.page-numbers li .page-numbers.next:before,
    .Paging ul.page-numbers li .page-numbers.prev:before {
        width: 9px;
        height: 9px;
    }
}


.contents .pager{
	overflow:hidden;
	margin:80px 0;
	padding:0 115px 0 115px;
}

.contents .pager li{
	display:table;
	float:left;
	width:240px;
}

	.contents .pager li.next{
		float:right;
	}
	
	.contents .pager li p{
		display:table-cell;
		vertical-align:middle;
	}
	
	.contents .pager li p.text{
		width:6em;
		text-align:center;
	}

	.contents .pager li p.entry img{
		display:inline-block;
		max-width:100%;
		height:auto;
		margin-bottom:5px;
	}
	
	.contents .pager li.next p.text span{
		padding-right:20px;
		background:url(../../images/works/next.png) 95% 50% no-repeat;
	}
	
	.contents .pager li.prev p.text span{
		padding-left:20px;
		background:url(../../images/works/prev.png) 0 50% no-repeat;
	}

.contents dl.category{
	border-top:2px solid #909090;
	padding:33px 0 0 0;
}

.contents dl.category dt{
	font-size:125%;
	font-weight:700;
	margin-bottom:27px;
}

.contents dl.category dd ul li{
	width:20%;
	float:left;
	margin-bottom:11px;
}


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

#works-box ul.list li{
	margin-bottom:3em;
}

#works-box ul.list li:last-child{
	margin-bottom:0;
}

#works-box ul.list li img{
	margin-bottom:4px;
}

.contents .pager{
	overflow:hidden;
	margin:8em 0;
	padding:0 1% 0 1%;
}

.contents .pager li{
	width:45%;
}
	
	.contents .pager li p.text{
		width:5em;
		text-align:center;
		font-size:82%;
	}

	.contents .pager li p.entry img{
		display:inline-block;
		max-width:100%;
		margin-bottom:5px;
	}
	

.contents dl.category{
	border-top:2px solid #909090;
	padding:2em 0 0 0;
}

	.contents dl.category dt{
		font-size:125%;
		font-weight:700;
		margin-bottom:27px;
	}
	
	.contents dl.category dd ul li{
		width:33%;
	}


}