.f-ranking{padding:10px 0;background:#fff}.f-ranking .pc{display:inherit}.f-ranking .sp{display:none}.f-ranking a:hover img{opacity:.7}.f-ranking-tabs{position:relative;padding:10px 60px 10px 32px}.f-ranking-tabs::after,.f-ranking-tabs::before{display:block;content:'';position:absolute;right:0;width:60px;top:0;bottom:0;background:#fff;z-index:6}.f-ranking-tabs::before{right:auto;left:0;width:32px}.f-ranking-tab-item{display:-webkit-box;position:relative;padding:0 8px;outline:0;font:inherit;color:#828282;-webkit-line-clamp:2;-webkit-box-orient:vertical;background:0 0;border:0;box-sizing:border-box;cursor:pointer;font-size:14px;height:39px;line-height:1.3;white-space:normal}.f-ranking-tab-item:not(:last-child)::before{background-color:#ebebeb;content:"";height:16px;right:-16px;position:absolute;top:11px;width:1px}.f-ranking-tab-item.js-active,.f-ranking-tab-item:hover{color:#bf0000;font-weight:700}.f-ranking-tab-item.js-active::after,.f-ranking-tab-item:hover::after{background-color:#bf0000;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.f-ranking-tab-item.js-active{pointer-events:none}.f-ranking-panel-title{display:none}.f-ranking-panel-link{text-align:right;margin-top:15px}.f-ranking-panel-slider{padding:10px 20px}.f-ranking-panel-item{display:none}.f-ranking-panel-item.is-show{display:block!important}.f-ranking-panel-item.js-active{display:block!important}.f-ranking-item p{margin-bottom:0;text-align-last:left}.f-ranking-item a{color:#333;text-decoration:none}.f-ranking-item a:hover{text-decoration:underline}.f-ranking-item .ranking-item-thumb{overflow:hidden}.f-ranking-item .ranking-item-image{border:1px solid rgba(0,0,0,.04);aspect-ratio:1;display:flex;justify-content:center;align-items:center}.f-ranking-item .ranking-item-image img{display:block;width:100%;height:auto}.f-ranking-item .ranking-item-content{padding:10px 0}.f-ranking-item .ranking-item-rank{color:#333;font-family:roboto,sans-serif;font-size:28px;line-height:1;font-weight:700;display:inline-block;margin-bottom:8px}.f-ranking-item .ranking-item-name{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.3}.f-ranking-item .ranking-item-price{color:#bf0000;font-family:roboto,sans-serif;font-size:17px;margin-top:8px;font-weight:700}.f-ranking-item .ranking-item-price span{font-weight:400}.f-ranking-item .ranking-item-review{display:flex;align-items:center;justify-content:flex-start}.f-ranking-item .ranking-item-review .star{background-image:url('https://r.r10s.jp/com/img/home/201306/ranking/review_star10.gif');background-repeat:no-repeat;background-position:center;background-size:contain;width:10px;height:10px}.f-ranking-item .ranking-item-review .star.null{background-image:url('https://r.r10s.jp/com/img/home/201306/ranking/review_star10_off.gif')}.f-ranking-item .ranking-item-review .star.half{background-image:url('https://r.r10s.jp/com/img/home/201306/ranking/review_star10_half.gif')}.f-ranking-item .ranking-item-review .star:nth-child(5){margin-right:4px}.f-ranking .swiper-button-next,.f-ranking .swiper-button-prev{width:32px;height:32px;filter:drop-shadow(0 1.25px 6px rgba(0, 0, 0, .2));background-color:#fff;padding:0;border-radius:50px}.f-ranking .swiper-button-next:hover,.f-ranking .swiper-button-prev:hover{background:#f7f7f7}.f-ranking .swiper-button-next{right:8px}.f-ranking .swiper-button-prev{left:8px}.f-ranking .swiper-button-next::after,.f-ranking .swiper-button-prev::after{font-size:16px;color:#888}.f-ranking .swiper-button-disabled{display:none}.f-ranking-tabs .swiper-button-next,.f-ranking-tabs .swiper-button-prev{top:50%;margin-top:-18px}.f-ranking-panel-slider .swiper-button-next,.f-ranking-panel-slider .swiper-button-prev{top:95px}@media screen and (max-width:768px){.f-section-inner .f-ranking{margin-left:-20px;margin-right:-20px}.f-ranking .pc{display:none}.f-ranking .sp{display:inherit}.f-ranking .swiper-button-next,.f-ranking .swiper-button-prev{display:none}.f-ranking-tabs{display:none}.f-ranking-panels{padding:10px 20px;padding-bottom:20px;display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;overflow-y:hidden}.f-ranking-panel-slider{padding:0;margin-right:12px;pointer-events:none}.f-ranking-panel-title{display:block;font-size:16px;padding-bottom:8px;color:#333;line-height:1.1;margin-bottom:8px}.f-ranking-panel-item{min-width:284px;max-width:284px;display:block!important}.f-ranking-panel-item a{pointer-events:auto}.f-ranking-panel-list{display:block!important;transform:none!important}.f-ranking-panel-slider .swiper-button-next::after,.f-ranking-panel-slider .swiper-button-prev::after{display:none!important}.f-ranking-panel-link{text-align:left}.f-ranking-item{width:100%!important;height:auto;margin-bottom:20px}.f-ranking-item:nth-child(n+4){display:none!important}.f-ranking-item .ranking-item-inner{display:flex}.f-ranking-item .ranking-item-thumb{width:96px}.f-ranking-item .ranking-item-content{position:relative;padding:8px 0 0 36px;flex:1}.f-ranking-item .ranking-item-rank{display:flex;justify-content:center;position:absolute;width:36px;left:0;font-size:18px;font-weight:700}.f-ranking-item .ranking-item-name{font-size:13px;line-height:1.3;word-break:break-all}.f-ranking-item .ranking-item-price{margin-top:0}.f-ranking-item .ranking-item-review{display:none}}