.PopularInMonth{margin-bottom:30px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:10}.PopularInMonth .swiper-container{background-color:#1e1e1e;box-shadow:0 0 10px rgba(0,0,0,.3);height:100%;margin:0 auto;overflow:hidden;position:relative;width:100%}.PopularInMonth .swiper-container .swiper-slide{display:flex}.PopularInMonth .swiper-container .swiper-slide .preview{width:70%}.PopularInMonth .swiper-container .swiper-slide .preview img{display:block;height:auto;width:100%}.PopularInMonth .swiper-container .swiper-slide .info{width:30%}.PopularInMonth .swiper-container .swiper-slide .info .title{color:#f5f5f5;font-size:32px;margin:20px 0;padding-left:20px}.PopularInMonth .swiper-container .swiper-slide .info .thumbnails{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto)}.PopularInMonth .swiper-container .swiper-slide .info .thumbnails .thumbnail-wrapper{padding:5px}.PopularInMonth .swiper-container .swiper-slide .info .thumbnails .thumbnail-wrapper img{width:100%}.PopularInMonth .swiper-container .swiper-slide .info .description{color:#e0e0e0;line-height:1.5;padding:0 20px}.PopularInMonth .swiper-button{cursor:pointer;height:128px;position:absolute;top:50%;transform:translateY(-50%);width:64px;z-index:100}.PopularInMonth .swiper-button-next,.PopularInMonth .swiper-button-prev{background-position:50%;background-repeat:no-repeat;background-size:contain;display:block}.PopularInMonth .swiper-button-next{background:linear-gradient(90deg,#121212,#1e1e1e);right:-64px}.PopularInMonth .swiper-button-next:hover{background:linear-gradient(90deg,#121212,#dc143c)}.PopularInMonth .swiper-button-next:after{border-bottom:5.3333333333px solid #e0e0e0;border-left:5.3333333333px solid #e0e0e0;border-radius:5.3333333333px;box-sizing:border-box;content:"";display:block;height:32px;position:absolute;right:50%;top:50%;transform:translate(calc(50% - 8.64704px),-50%) rotate(-135deg);transition:transform .3s ease;width:32px}.PopularInMonth .swiper-button-prev{background:linear-gradient(-90deg,#121212,#1e1e1e);left:-64px}.PopularInMonth .swiper-button-prev:hover{background:linear-gradient(-90deg,#121212,#dc143c)}.PopularInMonth .swiper-button-prev:after{border-bottom:5.3333333333px solid #e0e0e0;border-left:5.3333333333px solid #e0e0e0;border-radius:5.3333333333px;box-sizing:border-box;content:"";display:block;height:32px;position:absolute;right:50%;top:50%;transform:translate(calc(50% + 8.64704px),-50%) rotate(45deg);transition:transform .3s ease;width:32px}.PopularInMonth .swiper-pagination{bottom:-30px;left:50%;position:absolute;transform:translateX(-50%)}.PopularInMonth .swiper-pagination .swiper-pagination-bullet{background:none;background-color:#333;border-radius:3px;height:12px;margin:6px;opacity:1;width:18px}.PopularInMonth .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#dc143c}@media (max-width:767px){.PopularInMonth .swiper-container .swiper-slide{flex-direction:column}.PopularInMonth .swiper-container .swiper-slide .info,.PopularInMonth .swiper-container .swiper-slide .preview{width:100%}.PopularInMonth .swiper-button,.PopularInMonth .swiper-container .swiper-slide .info .thumbnails{display:none}}.slogan{text-align:center}h1{color:#f5f5f5;font-size:1.5rem;letter-spacing:1px;line-height:1.4}h1 .highlight-anime{color:#dc143c;font-weight:700}.about-section{margin:40px 0 0}.about-section a{color:#dc143c;text-decoration:underline}
