/* =========================== [Pattern] 木馬（priority14 / カルーセル） =========================== */
.sur-priority{ width:100%; overflow:hidden; }
.sur-priority .sur-row{ position:relative; margin:7px 0; cursor:grab; }
.sur-priority .sur-row.is-dragging{ cursor:grabbing; }

/* 補助調整（互換維持） */
.sur-priority .sur-row > .sur-track{ position:relative; overflow:hidden; }
.sur-priority .sur-row > .sur-track > .sur-strip{
  display:flex !important; flex-wrap:nowrap !important;
  gap:var(--sur-gap, 12px); will-change:transform;
}
/* 補助調整（互換維持） */
.sur-priority .sur-track .sur-box{
  flex:0 0 auto; margin:10px 0 !important;
}
/* 補助調整（互換維持） */
.sur-priority .sur-row, .sur-priority .sur-row *{
  -webkit-user-select:none; user-select:none;
}
.sur-priority .sur-track, .sur-priority .sur-strip{
  touch-action:pan-y; -ms-touch-action:pan-y;
}
/* 補助調整（互換維持） */
@media (min-width:1024px){ .sur-priority .sur-row{ padding:0 5vw; } }

/* =========================== [Pattern] 一覧（非カルーセル＝[scoreup_list], [svoice_list]） =========================== */
/* 繝ｫ繝ｼ繝・*/
.sur-list{ width:100%;
  --sur-gap-y:24px; --sur-gap-x:8px;
}
/* 補助調整（互換維持） */
.sur-list .sur-list-grid{
  display:grid !important;
  gap:var(--sur-gap-y, var(--sur-gap,6px)) var(--sur-gap-x, var(--sur-gap,6px)) !important;
  grid-template-columns:repeat(3, minmax(0,1fr));
  align-items:start;
}
@media (min-width:1024px){
  .sur-list .sur-list-grid{ grid-template-columns:repeat(6, minmax(0,1fr)); }
}
/* 補助調整（互換維持） */
.sur-list .sur-list-item{ display:block; }
.sur-list .sur-list-item.is-hidden{ display:none; }
/* 補助調整（互換維持） */
.sur-list .sur-list-grid .sur-box{
  width:100% !important; margin:0 !important;
  border:none !important;
}
.sur-list .sur-list-grid .sur-img{
  width:100%; aspect-ratio:1/1;
  border-radius:12px !important; overflow:hidden;
}
.sur-list .sur-list-grid .sur-img img{
  width:100%; height:100%; object-fit:cover; display:block;
}
/* 邁｡譏薙き繝ｼ繝・*/
.sur-list .sur-list-grid .sur-card{
  width:100%; margin:0; text-align:center;
  display:grid; justify-items:center;
}
.sur-list .sur-list-grid .sur-card .sur-img{
  width:100%; aspect-ratio:1/1;
  border-radius:12px; overflow:hidden;
}


/* 陦瑚ｪｿ謨ｴ */
.sur-list{ --list-fs-a:.875rem; --list-fs-b:.875rem; --list-fs-d:1.0rem;
           --list-lh-a:1.3; --list-lh-b:1.3; --list-lh-d:1.3; }
.sur-list .sur-list-grid .sur-card .line-a{
  font-size:var(--list-fs-a); line-height:var(--list-lh-a) !important;
  margin:.45em 0 0;
}
.sur-list .sur-list-grid .sur-card .line-b{
  font-size:var(--list-fs-b); line-height:var(--list-lh-b) !important;
  margin:.10em 0 0;
}
.sur-list .sur-list-grid .sur-card .line-d{
  font-size:var(--list-fs-d); font-weight:700;
  line-height:var(--list-lh-d) !important; margin:.10em 0 0;
}
/* 補助調整（互換維持） */
.sur-list .sur-more{
  display:block; margin:16px auto 0;
  padding:10px 16px; border-radius:999px;
  border:1px solid currentColor; background:#fff; cursor:pointer;
}

/* 補助調整（互換維持） */
.sur-sheet{ position:fixed; inset:0; display:none; z-index:9999; }
.sur-sheet.is-open{ display:block; }
.sur-sheet-backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.35); opacity:0; transition:opacity .2s ease; }
.sur-sheet.is-open .sur-sheet-backdrop{ opacity:1; }
.sur-sheet-panel{
  position:absolute; left:0; right:0; bottom:0; background:#fff;
  border-top-left-radius:16px; border-top-right-radius:16px;
  transform:translateY(100%); transition:transform .28s ease;
  max-height:85vh; padding:16px; box-shadow:0 -8px 30px rgba(0,0,0,.18);
  margin:0 auto; max-width:640px; overscroll-behavior:contain; overflow:auto;
}
.sur-sheet.is-open .sur-sheet-panel{ transform:translateY(0); }
.sur-sheet-close{
  position:absolute; right:10px; top:8px;
  font-size:18px; width:32px; height:32px;
  border-radius:50%; border:1px solid #ddd; background:#fff; cursor:pointer;
}
html.sur-no-scroll{ overflow:hidden; }
.sur-list .sur-box--detail{ display:none !important; }

/* 補助調整（互換維持） */
.sur-box .row-c.len-9{ font-size:0.94em; }
.sur-box .row-c.len-10{ font-size:0.88em; }
.sur-box .row-d.len-9 strong{ font-size:0.94em; }
.sur-box .row-d.len-10 strong{ font-size:0.88em; }
.sur-card .line-d.len-9 strong{ font-size:0.94em; }
.sur-card .line-d.len-10 strong{ font-size:0.88em; }
.sur-box .row-a.len-9{ font-size:0.94em; }
.sur-box .row-a.len-10{ font-size:0.88em; }
.sur-card .line-a.len-9{ font-size:0.94em; }
.sur-card .line-a.len-10{ font-size:0.88em; }
.sur-box .row-c.len-10,
.sur-box .row-d.len-10,
.sur-box .row-a.len-10,
.sur-card .line-a.len-10,
.sur-card .line-d.len-10{ line-height:1.15; }
.sur-card .line-x{ font-size:var(--list-fs-d); font-weight:700; line-height:var(--list-lh-d) !important; }
.sur-box .row-x.len-9, .sur-card .line-x.len-9{ font-size:0.94em; }
.sur-box .row-x.len-10, .sur-card .line-x.len-10{ font-size:0.88em; line-height:1.15; }

/* =========================== [Variant] voice 蛻・屬 =========================== */
.sur-list:not(.sur-list--voice) .sur-card{ border:none; }
.sur-excerpt-wrap{ position:relative; max-height:6.8em; overflow:hidden;
  -webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0.05));
