.ranking-section{--ranking-accent: var(--kiji-color-accent, #C67A5C);--ranking-badge-1: #d4a24e;--ranking-badge-2: #a3a8ad;--ranking-badge-3: #b87a4b;--ranking-badge-other: #b5a99a;--ranking-bg-warm: #faf6f1;--ranking-text: var(--kiji-color-text-soft, #4a4540);--ranking-text-sub: var(--kiji-color-muted, #7E7E7E);--ranking-border: var(--kiji-color-border, #ece8e3);--ranking-card-bg: #ffffff;--ranking-radius: 12px}.ranking-header{text-align:center;margin-bottom:2.8rem}.ranking-title{margin:0 0 .6rem;font-size:2.4rem;font-weight:700;color:var(--ranking-text);letter-spacing:.04em}.ranking-title:before{content:"\1f3c6";display:block;font-size:2.8rem;margin-bottom:.4rem}.ranking-subtitle{margin:0;color:var(--ranking-text-sub);font-size:1.4rem;letter-spacing:.02em}.ranking-tabs{display:flex;justify-content:center;gap:.6rem;margin-bottom:2.4rem;flex-wrap:wrap}.ranking-tab{padding:.8rem 2.2rem;border:1.5px solid var(--ranking-border);border-radius:40px;background:var(--ranking-card-bg);color:var(--ranking-text);font-size:1.4rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;letter-spacing:.02em}.ranking-tab:hover{border-color:var(--ranking-accent);color:var(--ranking-accent);background:#fdf8f3}.ranking-tab--active{background:var(--ranking-accent);border-color:var(--ranking-accent);color:#fff;box-shadow:0 2px 8px #c8956c40}.ranking-tab--active:hover{color:#fff;background:var(--ranking-accent)}.ranking-panel{display:none}.ranking-panel--active{display:block}.ranking-carousel-wrapper{position:relative;padding:0}.ranking-carousel{overflow:hidden}.ranking-carousel__track{display:flex;gap:1.4rem;transition:transform .45s cubic-bezier(.25,.46,.45,.94)}.ranking-item{flex:0 0 calc((100% - 5.6rem)/5);min-width:0;position:relative;background:var(--ranking-card-bg);border-radius:var(--ranking-radius);border:1px solid var(--ranking-border);overflow:hidden;transition:box-shadow .3s ease,transform .3s ease}.ranking-item:hover{box-shadow:0 4px 16px #4a3f3514;transform:translateY(-2px)}.ranking-badge{position:absolute;top:.8rem;left:.8rem;z-index:2;width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ranking-badge-other);color:#fff;font-weight:700;font-size:1.3rem;line-height:1;box-shadow:0 2px 6px #0000001f}.ranking-badge--1{background:linear-gradient(135deg,#e8c84a,#d4a24e);width:3.6rem;height:3.6rem;font-size:1.6rem;box-shadow:0 3px 10px #d4a24e59}.ranking-badge--1:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid rgba(232,200,74,.4)}.ranking-badge--2{background:linear-gradient(135deg,#c0c5ca,#a3a8ad);width:3.2rem;height:3.2rem;font-size:1.4rem}.ranking-badge--3{background:linear-gradient(135deg,#d4955e,#b87a4b);width:3.2rem;height:3.2rem;font-size:1.4rem}.ranking-item__image-wrapper{display:block;position:relative;aspect-ratio:1 / 1;background:var(--ranking-bg-warm);overflow:hidden}.ranking-item__image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.ranking-item__image-wrapper:hover .ranking-item__image{transform:scale(1.06)}.ranking-item__placeholder{width:100%;height:100%}.ranking-item__info{padding:1rem 1rem 1.2rem}.ranking-item__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:var(--kiji-text-label, 13px);line-height:1.55;color:var(--ranking-text);text-decoration:none;transition:color .2s;font-weight:400}.ranking-item__title:hover{color:var(--ranking-accent)}.ranking-item__price{margin-top:.5rem;font-size:var(--kiji-text-small, 14px);font-weight:600;color:var(--ranking-text)}.ranking-item__price--compare{text-decoration:line-through;color:var(--ranking-text-sub);font-weight:400;font-size:var(--kiji-text-caption, 12px);margin-right:.4rem}.ranking-item__price--sale{color:var(--kiji-color-sale, #c0392b)}.ranking-item__price--regular{color:var(--ranking-text)}.ranking-arrow{position:absolute;top:50%;transform:translateY(-50%);width:3.6rem;height:3.6rem;border:1.5px solid var(--ranking-border);border-radius:50%;background:var(--ranking-card-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3;transition:all .25s ease;box-shadow:0 2px 8px #4a3f350f;color:var(--ranking-text-sub)}.ranking-arrow:hover:not(:disabled){border-color:var(--ranking-accent);color:var(--ranking-accent);box-shadow:0 2px 12px #c8956c2e}.ranking-arrow:disabled{opacity:.3;cursor:default}.ranking-arrow--prev{left:-1.8rem}.ranking-arrow--next{right:-1.8rem}.ranking-dots{display:flex;justify-content:center;gap:.6rem;margin-top:1.8rem}.ranking-dot{width:.8rem;height:.8rem;border-radius:50%;border:none;background:var(--ranking-border);cursor:pointer;padding:0;transition:all .3s ease}.ranking-dot--active{background:var(--ranking-accent);transform:scale(1.4)}.ranking-view-all{text-align:center;margin-top:2.4rem}.ranking-view-all__link{display:inline-block;padding:1rem 3rem;border:1.5px solid var(--ranking-accent);border-radius:40px;color:var(--ranking-accent);background:transparent;font-size:1.4rem;font-weight:500;text-decoration:none;letter-spacing:.04em;transition:all .3s ease}.ranking-view-all__link:hover{background:var(--ranking-accent);color:#fff}.ranking-empty{text-align:center;padding:4rem 2rem;color:var(--ranking-text-sub);font-size:1.4rem}@media(max-width:989px){.ranking-item{flex:0 0 calc((100% - 1.4rem * 3) / 4)}.ranking-carousel-wrapper{padding:0 3.6rem}.ranking-title{font-size:2rem}}@media(max-width:749px){.ranking-item{flex:0 0 calc((100% - 1rem * (var(--ranking-mobile-cols-md, 3) - 1)) / var(--ranking-mobile-cols-md, 3))}.ranking-carousel__track{gap:1rem}.ranking-carousel-wrapper{padding:0}.ranking-arrow{display:none}.ranking-badge{width:2.4rem;height:2.4rem;font-size:1.1rem;top:.5rem;left:.5rem}.ranking-badge--1{width:2.8rem;height:2.8rem;font-size:1.3rem}.ranking-badge--1:after{top:-2px;right:-2px;bottom:-2px;left:-2px}.ranking-badge--2,.ranking-badge--3{width:2.6rem;height:2.6rem;font-size:1.2rem}.ranking-item__info{padding:.7rem .7rem .9rem}.ranking-item__title{font-size:max(var(--kiji-text-label, 13px),var(--ranking-product-title-sp, 13px))}.ranking-item__price{font-size:max(var(--kiji-text-small, 14px),var(--ranking-product-price-sp, 14px))}.ranking-tabs{gap:.4rem}.ranking-tab{padding:.6rem 1.4rem;font-size:max(var(--kiji-text-caption, 12px),var(--ranking-tab-sp, 12px))}.ranking-title{font-size:var(--ranking-heading-sp, 1.8rem)}.ranking-subtitle{font-size:max(var(--kiji-text-small, 14px),var(--ranking-subheading-sp, 14px))}.ranking-title:before{font-size:2.2rem}.ranking-header{margin-bottom:2rem}}@media(max-width:575px){.ranking-item{flex:0 0 calc((100% - .8rem * (var(--ranking-mobile-cols, 2) - 1)) / var(--ranking-mobile-cols, 2))}.ranking-carousel__track{gap:.8rem}.ranking-item__info{padding:.6rem .6rem .8rem}.ranking-item__title{font-size:max(var(--kiji-text-label, 13px),var(--ranking-product-title-sp, 13px));-webkit-line-clamp:2}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-ranking.css.map */