/* 2026-11-12 ランキング：人気（直近90日）と注目（直近7日）。PC は左右に並べ、スマホはタブで切り替え */
#access-ranking .rk-block{margin-bottom:28px}
#access-ranking .rk-tabs{display:none}
#access-ranking .rk-note{display:none}
#access-ranking .rk2{display:flex;gap:10px}
#access-ranking .rk-col{flex:1;min-width:0}
#access-ranking .rk-col ul{margin:0;padding:0;list-style:none}
#access-ranking .rk-h{font-size:12px;font-weight:700;margin:0 0 4px;padding:2px 8px;border-radius:10px;display:inline-block;color:#fff}
#access-ranking .rk-pop .rk-h{background:#2bb673}
#access-ranking .rk-hot .rk-h{background:#f08300}
#access-ranking .rk-h small{font-weight:400;margin-left:4px;font-size:10px}
#access-ranking .rk-col li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (min-width:681px){
 #access-ranking .rkgrid{display:grid!important;grid-template-columns:1fr 1fr;gap:12px}
 #access-ranking .rkgrid .rank-item{width:auto!important;margin:0!important}
}
@media (max-width:680px){
 #access-ranking .rk-h{display:none}
 #access-ranking .rk-block{--c:#2bb673;--bg:#eefaf3}
 #access-ranking .rk-block[data-m=hot]{--c:#f08300;--bg:#fff4e6}
 #access-ranking .rk-tabs{display:flex;align-items:flex-end;margin:0 0 -2px;padding:0 6px;gap:4px}
 #access-ranking .rk-tab{flex:1;position:relative;z-index:0;padding:7px 4px 8px;border:2px solid #d5d5d5;border-bottom:none;border-radius:12px 12px 0 0;background:#f1f1f1;color:#888;font-family:inherit;font-weight:700;font-size:15px;line-height:1.2;cursor:pointer;-webkit-appearance:none;appearance:none}
 #access-ranking .rk-tab small{display:inline;margin-left:5px;font-size:11px;font-weight:400}
 #access-ranking .rk-tab.on{z-index:2;background:var(--bg);color:var(--c);border-color:var(--c);padding:10px 4px 10px}
 #access-ranking .rk-panel{position:relative;z-index:1;border:2px solid var(--c);background:var(--bg);border-radius:12px;padding:10px 8px 8px}
 #access-ranking .rk-note{font-size:12px;color:var(--c);font-weight:700;margin:0 0 8px;text-align:center}
 #access-ranking .rk-block[data-m=pop] .rk-note-pop,#access-ranking .rk-block[data-m=hot] .rk-note-hot{display:block}
 #access-ranking .rk-block[data-m=pop] .rk-hot,#access-ranking .rk-block[data-m=hot] .rk-pop{display:none}
 #access-ranking .rk-panel .rank-item-body{background:#fff}
}