/* trendsx.jp（wwwなし）固有スタイル（common.cssを先に読み込む前提） */
.tx-cats{padding:48px 0;}
.tx-cat-card{display:block;position:relative;overflow:hidden;}
.tx-cat-card h3{font-size:1.15rem;margin-bottom:6px;}
.tx-cat-card p{color:var(--tx-gray);font-size:.85rem;margin-bottom:10px;}
.tx-cat-tag{display:inline-block;font-size:.7rem;background:#fff0f3;color:var(--tx-primary-dark);padding:3px 8px;border-radius:6px;}

.tx-ranking{padding:48px 0;background:#fff;}
.tx-ranking table{width:100%;border-collapse:collapse;font-size:.88rem;}
.tx-ranking th,.tx-ranking td{padding:10px 8px;border-bottom:1px solid #eee;text-align:left;}
.tx-ranking th{color:var(--tx-gray);font-weight:600;}

/* サイト一覧サイドバー（2026-08-23追加、trendsx.jpルート専用。他サイトのcommon.cssには影響しない） */
.tx-sitelist-toggle{
  position:fixed;top:50%;right:0;transform:translateY(-50%);
  background:var(--tx-primary);color:#fff;border:none;
  padding:14px 10px;border-radius:10px 0 0 10px;
  font-size:.78rem;font-weight:700;cursor:pointer;z-index:40;
  writing-mode:vertical-rl;text-orientation:mixed;
  box-shadow:var(--tx-shadow);
  display:flex;align-items:center;gap:6px;
}
.tx-sitelist-toggle:hover{background:var(--tx-primary-dark);}
.tx-sitelist-toggle-icon{writing-mode:horizontal-tb;}

.tx-sitelist{
  position:fixed;top:0;right:0;height:100%;width:280px;max-width:85vw;
  background:#fff;box-shadow:-4px 0 24px rgba(0,0,0,.12);
  transform:translateX(100%);transition:transform .25s ease;
  z-index:60;overflow-y:auto;
}
.tx-sitelist.is-open{transform:translateX(0);}
.tx-sitelist-inner{padding:20px;}
.tx-sitelist-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-weight:800;}
.tx-sitelist-close{background:none;border:none;font-size:1.4rem;line-height:1;cursor:pointer;color:var(--tx-gray);}
.tx-sitelist-group{margin-bottom:20px;}
.tx-sitelist-group h4{font-size:.75rem;color:var(--tx-gray);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;}
.tx-sitelist-group a{display:block;padding:8px 10px;border-radius:8px;font-size:.9rem;margin-bottom:2px;}
.tx-sitelist-group a:hover{background:#fff0f3;color:var(--tx-primary-dark);}

.tx-sitelist-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.3);
  opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:50;
}
.tx-sitelist-overlay.is-open{opacity:1;pointer-events:auto;}

@media(max-width:600px){
  .tx-sitelist-toggle{padding:12px 8px;font-size:.72rem;}
}