<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.kanren a{
    flex: 1;
    justify-content: center;
    display: flex;
}

.kanrenList .swiper-button-prev,
.kanrenList .swiper-button-next,
.itemList .swiper-button-prev,
.itemList .swiper-button-next{
    background-color: #00BFFF;
    border: 1px solid #00BFFF;
    border-radius: 50%;
    cursor: pointer;
    height: 30px;
    width: 30px;
	position: absolute;
	bottom: 0;
	top: unset;
	z-index: 60;
}
.kanrenList .swiper-button-prev,
.itemList .swiper-button-prev{
	left: 15%;
}
.kanrenList .swiper-button-next,
.itemList .swiper-button-next{
	right: 15%;
}
@media screen and (max-width: 440px) {
.kanren_box .swiper-slide{
	padding-left: 3rem;
	padding-right: 3rem;
}

.kanrenList .swiper-button-prev,
.itemList .swiper-button-prev{
	left: 5%;
}
.kanrenList .swiper-button-next,
.itemList .swiper-button-next{
	right: 5%;
}
}
.kanrenList .swiper-button-next:after,
.kanrenList .swiper-button-prev:after,
.itemList .swiper-button-next:after,
.itemList .swiper-button-prev:after{
	font-size: 1rem;
    background-position: center;
    background-size: cover;
    display: block;
    height: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
	color: #fff;
}

.kanrenList .swiper-button-next.swiper-button-disabled,
.kanrenList .swiper-button-prev.swiper-button-disabled,
.itemList .swiper-button-next.swiper-button-disabled,
.itemList .swiper-button-prev.swiper-button-disabled{
	background:#cbcbcb;
	border: 1px solid #cbcbcb;
	opacity: 1;
	
}

</pre></body></html>