.slider-01, .slider-02, .slider-03, .slider-04 {
width: 100%;
--swiper-navigation-color: var(--accent-color);
--swiper-navigation-size: 30px; 
}
/* .slider-04 {
--swiper-navigation-color:var(--white-color);
} */
.slider-01 .swiper-button-next::after,
.slider-01 .swiper-button-prev::after,
.slider-02 .swiper-button-next::after,
.slider-02 .swiper-button-prev::after,
.slider-03 .swiper-button-next::after
.slider-03 .swiper-button-prev::after,
.slider-04 .swiper-button-next::after,
.slider-04 .swiper-button-prev::after {
font-family: "Noto Serif JP", serif; 
font-weight: 900;
text-align: right;
}
.prev-01,.prev-02,.prev-03,.prev-04 { left: -0.5em; }
.next-01,.next-02,.next-03,.next-04 { right: -0.5em; }
.slider-01 .swiper-slide img {
width: 100%;
height: auto;
display: block;
}
.thumb-02, .thumb-03, .thumb-04{
margin: .5em auto 0;
}
.thumb-01 .swiper-slide { opacity: 0.4; cursor: pointer; }
.thumb-01 .swiper-slide-thumb-active { opacity: 1; }

@media screen and (min-width: 480px) {
.thumb-02, .thumb-03, .thumb-04 {
height: clamp(25px, 3vw, 35px);
}
.thumb-02 img, .thumb-03 img, .thumb-04 img {
object-fit: cover;
}
}
.lity {
background: radial-gradient(
circle, 
rgba(138, 122, 106, 0.85) 0%,
rgba(100, 88, 77, 0.9) 100% 
) !important;
}
.lity-close {
color: #fff !important;
text-shadow: 0 0 5px rgba(0,0,0,0.3) !important;
font-size: 50px;
font-family: "Noto Serif JP", serif; 
font-weight: 900;
right: 1%;
}
.lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {
font-size: 50px;
font-family: "Noto Serif JP", serif; 
font-weight: 900;
}