.ranking-section{text-align:center;margin:30px auto;max-width:1200px;position:relative;padding:0 10px}.section-title{font-family:\30d2\30e9\30ae\30ce\660e\671d  ProN,Hiragino Mincho ProN,serif;font-weight:600;font-size:2rem;color:#3b3b1f;margin-bottom:8px;letter-spacing:1px}.section-description{font-family:\30d2\30e9\30ae\30ce\89d2\30b4  ProN,Hiragino Kaku Gothic ProN,sans-serif;font-size:.95rem;color:#777;margin-bottom:20px;line-height:1.6}.ranking-container{position:relative;overflow:hidden}.ranking-slider{display:flex;transition:transform .4s ease;cursor:grab}.ranking-card{flex:0 0 25%;box-sizing:border-box;padding:10px}@media (max-width: 768px){.ranking-card{flex:0 0 50%}}.ranking-card a{display:flex;flex-direction:column;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;text-decoration:none;color:inherit;transition:transform .3s;height:auto;overflow:hidden}.ranking-card a:hover{transform:translateY(-3px)}.ranking-card img{width:100%;height:auto;display:block;border-radius:8px 8px 0 0;margin-bottom:6px}.ranking-text{padding:8px 10px;text-align:left;display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box}.ranking-rank{margin:0;line-height:1;display:flex;align-items:flex-end;gap:4px;min-height:24px;font-family:\30d2\30e9\30ae\30ce\89d2\30b4  ProN,Hiragino Kaku Gothic ProN,sans-serif}.rank-number{font-size:1.8rem;font-weight:700;color:#222}.rank-unit{font-size:1.4rem;color:#444}.ranking-title{font-family:\30d2\30e9\30ae\30ce\89d2\30b4  ProN,Hiragino Kaku Gothic ProN,sans-serif;font-size:1.2rem;line-height:1.2;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:2.4em;margin:4px 0 0}.ranking-price{font-family:\30d2\30e9\30ae\30ce\89d2\30b4  ProN,Hiragino Kaku Gothic ProN,sans-serif;font-weight:700;color:#b20000;display:flex;align-items:baseline;margin-top:4px;margin-bottom:0}.price-number{font-size:1.5rem;line-height:1}.price-unit{font-size:1rem;margin-left:2px;position:relative;top:-1px}.arrow-btn{background:#fffc;border:1px solid #ccc;color:#333;cursor:pointer;font-size:1.8rem;width:36px;height:60px;position:absolute;top:40%;transform:translateY(-50%);z-index:5;border-radius:6px;transition:background .3s}.arrow-btn:hover{background:#fff}.arrow-btn.prev{left:-10px}.arrow-btn.next{right:-10px}@media (max-width: 768px){.arrow-btn{width:30px;height:50px;font-size:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-product-ranking.css.map */