.cs-mod-related{font-family:Noto Sans JP,sans-serif;margin:60px 0;position:relative}.cs-mod-related__header{margin-bottom:30px}.cs-mod-related__title{border-left:4px solid #cc0714;color:#333;font-size:20px;font-weight:700;line-height:1.2;margin:0;padding-left:12px}.cs-mod-related__slider-wrap{align-items:center;display:flex;position:relative}.cs-mod-related__track{display:flex;gap:24px;overflow-x:auto;padding:10px 0;scroll-behavior:smooth;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;width:100%}.cs-mod-related__track::-webkit-scrollbar{display:none}.cs-mod-related__nav{align-items:center;background:#fff;border:1px solid #cc0714;border-radius:50%;color:#cc0714;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:48px;z-index:10}.cs-mod-related__nav:hover{background:#cc0714;color:#fff}.cs-mod-related__nav--prev{left:-24px}.cs-mod-related__nav--next{right:-24px}.cs-related-card{flex:0 0 calc(33.333% - 16px);min-width:280px;scroll-snap-align:start}.cs-related-card__link{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);display:flex;flex-direction:column;height:100%;overflow:hidden;text-decoration:none;transition:transform .2s,box-shadow .2s}.cs-related-card__link:hover{box-shadow:0 6px 16px rgba(0,0,0,.1);transform:translateY(-4px)}.cs-related-card__thumb{aspect-ratio:16/9;background:#eee;width:100%}.cs-related-card__thumb img{height:100%;object-fit:cover;width:100%}.cs-related-card__placeholder{align-items:center;color:#999;display:flex;font-size:14px;height:100%;justify-content:center;width:100%}.cs-related-card__body{display:flex;flex:1;flex-direction:column;padding:20px}.cs-related-card__title{color:#333;display:-webkit-box;font-size:15px;font-weight:700;-webkit-line-clamp:2;line-height:1.5;margin:0 0 16px;-webkit-box-orient:vertical;overflow:hidden}.cs-related-card__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.cs-related-tag{background:#fff;border:1px solid #cc0714;border-radius:999px;color:#cc0714;font-size:12px;padding:4px 12px;white-space:nowrap}@media (max-width:992px){.cs-related-card{flex:0 0 calc(50% - 12px)}}@media (max-width:640px){.cs-related-card{flex:0 0 100%}.cs-mod-related__nav{display:none}}