.newslist-wrap li{
position: relative;
margin: 0;
}
.newslist-wrap li:last-child{
border-bottom: 1px solid var(--metal-mid);
}
.newslist-wrap a{
display: block;
padding-left: 5rem;
border-top: 1px solid var(--metal-mid);
padding: 2.3rem 1.5rem 2.4rem calc(1.5rem + 9em);
font-size: 100%;
transition: background .3s, color .3s;
}
.newslist-wrap .wp-block-post-date{
position: absolute;
left: 1.5rem;
top: 2.3rem;
font-size: 100%;
line-height: 1.4;
font-weight: 700;
pointer-events: none;
}
.newslist-wrap a:hover{
background: var(--bg-Base);
}
@media (max-width:700px){
.newslist-wrap a{
padding: calc(1.8rem + 1em + .8rem) 1em 1.8rem;
}
.newslist-wrap .wp-block-post-date{
top: 1.8rem;
left: 1em;
}
}
.pager-wrap{
justify-content: center;
gap: 1.4rem 2rem;
margin-top: 3em;
}
.pager-wrap .wp-block-query-pagination-numbers{
display: flex;
justify-content: center;
gap: 1rem;
}
.pager-wrap .page-numbers{
border: 1px solid var(--after-border);
text-decoration: none;
width: 2em;
height: 2em;
display: flex;
justify-content: center;
align-items: center;
font-weight: 600;
transition: background .3s, border .3s;
}
.pager-wrap span.page-numbers{
color: var(--before-color);
background: var(--after-bg);
}
.pager-wrap a.page-numbers:hover{
border-color: var(--before-color);
}
.pager-wrap .wp-block-query-pagination-previous,
.pager-wrap .wp-block-query-pagination-next{
text-decoration: none;
display: flex;
align-items: center;
}
.pager-wrap .wp-block-query-pagination-previous::before,
.pager-wrap .wp-block-query-pagination-next::after{
content: "";
background-color: var(--metal-light);
background-image: url(//kksanshin.co.jp/wp-content/themes/twentytwentyfive-child/img/angle-right-solid-full.svg);
background-repeat: no-repeat;
background-size: 70% 70%;
background-position: center center;
border-radius: 100vw;
width: 2em;
height: 2em;
display: flex;
justify-content: center;
align-items: center;
font-size: 90%;
transition: background .3s, padding .3s;
}
.pager-wrap .wp-block-query-pagination-previous::before{
margin-right: .5rem;
transform: rotate(180deg)
}
.pager-wrap .wp-block-query-pagination-next::after{
margin-left: .5rem;
}
.pager-wrap .wp-block-query-pagination-previous:hover,
.pager-wrap .wp-block-query-pagination-next:hover{
color: var(--before-color);
}
.pager-wrap .wp-block-query-pagination-previous:hover::before,
.pager-wrap .wp-block-query-pagination-next:hover::after{
background-color: var(--after-border);
}
.pager-wrap .wp-block-query-pagination-previous:hover::before{
padding-right: .6em;
}
.pager-wrap .wp-block-query-pagination-next:hover::after{
padding-left: .6em;
}
@media (max-width:860px){
body .pager-wrap{
display: grid;
grid-template-areas:
"pager pager"
"prev next";
}
.pager-wrap .wp-block-query-pagination-numbers{
grid-area:pager;
}
.pager-wrap .wp-block-query-pagination-previous{
grid-area:prev;
}
.pager-wrap .wp-block-query-pagination-next{
grid-area:next;
}
}