/* ============================================================================================
	LOOP CATEGORY WALL PAINTING / PATTERN
============================================================================================ */
.kasai-wall-painting-title-jp {
    position: relative;
    z-index: 1
}
.kasai-wall-painting-title-en {
    line-height: 1.2;
    text-shadow: -1px -1px 1px rgb(230, 230, 230),
                 1px 1px white
}

.kasai-wall-painting-archive-list {
    margin-bottom: 60px !important
}
.kasai-wall-painting-archive-list li {
    position: relative;
    margin-bottom: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    background: var(--wp--preset--color--white)
}
.kasai-wall-painting-archive-image {
    margin: 0 !important
}

.kasai-wall-painting-archive-tag a {
    margin: .5em .5em 0 0;
    text-decoration: none;
    pointer-events: none
}
.kasai-wall-painting-archive-tag a:first-of-type {
    display: block;
    margin: 0 0 1em
}
.kasai-wall-painting-archive-tag .wp-block-post-terms__separator {
	display: none
}

@media screen and (min-width: 660px) {
    .kasai-wall-painting-archive-list li {
        display: flex;
        margin-bottom: 40px
    }
    .kasai-wall-painting-archive-image {
        width: 40%;
    }
    .kasai-wall-painting-archive-content {
        flex: 1;
        min-width: 0;
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: flex-start
    }
    .kasai-wall-painting-archive-title,
    .kasai-wall-painting-archive-tag {
        width: 100%
    }
}

.kasai-wall-painting-archive-anchor {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.editor-styles-wrapper .kasai-wall-painting-archive-anchor {
    display: none
}

/* ============================================================================================
	PAGINATION / PATTERN
============================================================================================ */
:root {
	--listed-pagination-size: 40px;
	--listed-pagination-gap: 20px;
	--listed-pagination-gap-inner: 8px;
	--listed-pagination-prev-next-size: 8px
}
.listed-pagination.wp-block-query-pagination {
	width: 90%;
	max-width: 1280px;
	margin: 50px auto
}
.listed-pagination.wp-block-query-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--listed-pagination-gap)
}
.listed-pagination.wp-block-query-pagination .wp-block-query-pagination-numbers {
	display: flex;
	flex-flow: wrap;
	justify-self: center;
	align-items: center;
	gap: var(--listed-pagination-gap-inner)
}
.listed-pagination.wp-block-query-pagination .wp-block-query-pagination-numbers span.page-numbers.current,
.listed-pagination.wp-block-query-pagination .wp-block-query-pagination-numbers a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: var(--listed-pagination-size);
	height: var(--listed-pagination-size)
}
.listed-pagination.wp-block-query-pagination .wp-block-query-pagination-numbers span.page-numbers.current {
	border: 1px solid var(--wp--preset--color--contrast);
}
.listed-pagination.wp-block-query-pagination .wp-block-query-pagination-numbers a,
.listed-pagination.wp-block-query-pagination .listed-pagination-prev-next {
	background: var(--wp--preset--color--gray);
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
	transition: .3s ease-in-out
}
.listed-pagination.wp-block-query-pagination .wp-block-query-pagination-numbers a:hover,
.listed-pagination.wp-block-query-pagination .listed-pagination-prev-next:hover {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--white)
}
.listed-pagination.wp-block-query-pagination .listed-pagination-prev-next {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 3rem;
	height: var(--listed-pagination-size);
	text-decoration: none
}