﻿.sur-more-inline{
  align-self:flex-start; border:1px solid var(--sur-accent, #0066B8);
  background:#fff; color:var(--sur-accent, #0066B8);
  border-radius:6px; padding:4px 10px; font-size:.9em; cursor:pointer;
}
.sur-sheet .sur-box--voice .row-d{ font-weight:400; font-size:0.95em; }
.sur-sheet .sur-box--voice .row-d.row-x{ font-weight:700; font-size:1em; }

/* =========================== [Variant] 点数UP一覧 =========================== */
.sur-list--scoreup .sur-card{
  background:#fff; border:1px solid #fff; border-radius:12px;
  padding:10px; display:grid; justify-items:center; text-align:center; box-shadow:none;
}
.sur-list--scoreup .sur-card .sur-img{ width:100%; aspect-ratio:1/1; border-radius:12px; overflow:hidden; }
.sur-list--scoreup .sur-card .sur-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.sur-list--scoreup .line-a, .sur-list--scoreup .line-b, .sur-list--scoreup .line-d{ margin:0.2em 0; }
.sur-list--scoreup .line-d strong{ font-weight:700; }
.sur-list--scoreup .line-a.len-9, .sur-list--scoreup .line-b.len-9, .sur-list--scoreup .line-d.len-9 strong{ font-size:0.94em; }
.sur-list--scoreup .line-a.len-10, .sur-list--scoreup .line-b.len-10, .sur-list--scoreup .line-d.len-10 strong{ font-size:0.88em; line-height:1.15; }

/* =========================== [Variant] 体験談リスト（svoice_list） =========================== */
.sur-list--voice .sur-card{
  border-radius:16px; overflow:hidden; background:#fff;
  min-height:400px; display:grid; grid-auto-rows:min-content;
  justify-items:center; text-align:center;
  padding:14px 12px; box-sizing:border-box;
}
.sur-list--voice .sur-card .sur-img{
  width:125px; height:125px; border-radius:50% !important; overflow:hidden;
}
@media (min-width:600px){
  .sur-list--voice .sur-card .sur-img{ width:175px; height:175px; }
}



/* voice リスト列数（2/3/4列） */
.sur-list.sur-list--voice > .sur-list-grid{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: var(--sur-gap, 12px) !important;
}

@media (min-width:600px){
  .sur-list.sur-list--voice > .sur-list-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (min-width:1024px){
  .sur-list.sur-list--voice > .sur-list-grid{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

/* voice 以外の一覧カード幅リセット */
.sur-list:not(.sur-list--voice) .sur-list-item,
.sur-list:not(.sur-list--voice) .sur-card{
  width:auto !important;
  max-width:none !important;
  flex:1 1 auto !important;
}

/* voice カード幅（SP） */
@media (max-width:600px){
  .sur-list.sur-list--voice .sur-card,
  .sur-list.sur-list--voice .sur-box{
    box-sizing:border-box;
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
  }
}

/* voice カード幅（PC） */
@media (min-width:1024px){
  .sur-list.sur-list--voice .sur-card,
  .sur-list.sur-list--voice .sur-box{
    box-sizing:border-box;
    width:500px !important;
    max-width:500px !important;
    flex:0 0 500px !important; /* グリッド/フレックスでも崩れないように */
  }
}

/* voice 行Dの最小高さ */
.sur-box--voice .line.row-d.row-x,
.sur-list--voice .line-d.line-x { min-height:1.4em; }

/* シート内の voice ボックス幅 */
.sur-sheet .sur-box{ 
  width:auto !important;
  max-width:100% !important;
  margin:10px auto;
}

/* シート幅（wide） */
.sur-sheet.sur-sheet--wide .sur-sheet-panel { max-width:860px; }
@media (max-width:600px){
  .sur-sheet .sur-sheet-panel{ width:calc(100vw - 24px); }
}

/* シート内画像サイズ（SP） */
@media (max-width:600px){
  .sur-sheet .sur-box .sur-img{ width:150px; height:150px; }
}

/* 本文挿入時の余白調整 */
.entry-content .sur-list.sur-list--voice{ margin-block-end:0 !important; }

/* 画面幅ごとの bottom gap */
@media (min-width:600px){  .sur-list.sur-list--voice{ --bottom-gap:24px; } }
@media (min-width:1024px){ .sur-list.sur-list--voice{ --bottom-gap:32px; } }

/* SP 等高解除 */
@media (max-width:600px){
  .sur-list-grid{ align-items:flex-start; }
  .sur-list .sur-card{ min-height:0 !important; height:auto !important; }
}


/* シート本文の縦並び */
.sur-sheet .sur-card .sur-body{
  display: flex;
  flex-direction: column; /* 縦並び */
}

/* シート内 close の配置 */
.sur-sheet .sur-card .sur-close{
  order: 99;               /* 末尾に配置 */
  align-self: center;      /* 中央配置 */
  margin-top: 1rem;        /* 本文との間隔 */
  width: auto;             /* 必要に応じて 100% へ変更可 */
}

/* =========================== [Variant] 点数UP一覧（scoreup_list 追加調整） =========================== */
.sur-scoreup-list-shell{
  width:100%;
  box-sizing:border-box;
}
.sur-list--scoreup .sur-card{
  background:#fff; border:1px solid #fff; border-radius:12px;
  padding:10px; display:grid; justify-items:center; text-align:center; box-shadow:none;
}

.sur-list.sur-list--scoreup > .sur-list-grid{
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;
}
/* PC のみ：scoreup_list をショートコード親より狭くし、flex で水平中央（親が広いときに必ず余白が付く） */
@media (min-width:1024px){
  .sur-scoreup-list-shell{
    display:flex;
    flex-direction:column;
    align-items:center;
    width:100%;
    box-sizing:border-box;
  }
  .sur-scoreup-list-shell > .sur-list.sur-list--scoreup{
    flex:0 1 auto;
    box-sizing:border-box;
    width:min(100%, var(--sur-scoreup-list-outer-max, 1080px));
    max-width:100%;
  }
  .sur-list.sur-list--scoreup > .sur-list-grid{
    grid-template-columns:repeat(6, minmax(0,1fr)) !important;
  }
}
.sur-list.sur-list--scoreup .sur-card .sur-img,
.sur-list.sur-list--scoreup .sur-list-item .sur-img{
  position:relative !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:auto !important;
  border-radius:12px !important;
  overflow:hidden !important;
  margin:0 !important;
}
.sur-list.sur-list--scoreup .sur-card .sur-img::before,
.sur-list.sur-list--scoreup .sur-list-item .sur-img::before{
  content:"" !important; display:block !important; padding-top:100% !important;
}
.sur-list.sur-list--scoreup .sur-card .sur-img > picture,
.sur-list.sur-list--scoreup .sur-card .sur-img > img,
.sur-list.sur-list--scoreup .sur-list-item .sur-img > picture,
.sur-list.sur-list--scoreup .sur-list-item .sur-img > img{
  position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; display:block !important;
}
.sur-list.sur-list--scoreup .sur-card .sur-img > picture > img,
.sur-list.sur-list--scoreup .sur-list-item .sur-img > picture > img,
.sur-list.sur-list--scoreup .sur-card .sur-img > img,
.sur-list.sur-list--scoreup .sur-list-item .sur-img > img{
  width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; max-width:none !important;
}

@media (max-width:600px){
  .sur-list.sur-list--scoreup .sur-box{
    width:100% !important; max-width:none !important;
  }
}

.sur-list.sur-list--scoreup .sur-card .line-d{
  font-size:var(--list-fs-d) !important; line-height:1.1 !important;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

@media (max-width:600px){
  .sur-list.sur-list--scoreup > .sur-list-grid{
    column-gap:4px !important;
    row-gap:var(--sur-gap-y, 12px) !important;
  }
  .sur-list--scoreup .sur-card{
    padding-left:6px !important; padding-right:6px !important;
  }
}

/* scoreup フォントサイズ統一 */
.sur-box .row-d strong,
.sur-box .row-x strong,
.sur-list--scoreup .sur-card .line-d strong,
.sur-list--scoreup .sur-card .line-d.line-x strong{
  font-size:inherit !important;
}

.sur-list--scoreup .sur-card .line-d.len-9,
.sur-list--scoreup .sur-card .line-d.line-x.len-9{ font-size:.90em !important; line-height:1.1; white-space:nowrap; }
.sur-list--scoreup .sur-card .line-d.len-10,
.sur-list--scoreup .sur-card .line-d.line-x.len-10{ font-size:.86em !important; line-height:1.1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.sur-box .line.row-d, .sur-box .row-x{ font-size:var(--fs-d) !important; }
.sur-box .line.row-d.len-9, .sur-box .row-x.len-9{ font-size:.94em !important; line-height:1.15; }
.sur-box .line.row-d.len-10, .sur-box .row-x.len-10{ font-size:.88em !important; line-height:1.15; }
.sur-priority .sur-box .line.row-d.len-9 strong,
.sur-priority .sur-box .row-x.len-9 strong,
.sur-priority .sur-box .line.row-d.len-10 strong,
.sur-priority .sur-box .row-x.len-10 strong{ font-size:inherit !important; }

/* scoreup_list のPC正方形補強 */
@media (min-width:1024px){
  .sur-list.sur-list--scoreup .sur-card .sur-img,
  .sur-list.sur-list--scoreup .sur-list-item .sur-img{
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: auto !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    margin: 0 !important;
  }
  .sur-list.sur-list--scoreup .sur-card .sur-img::before,
  .sur-list.sur-list--scoreup .sur-list-item .sur-img::before{
    content: "" !important;
    display: block !important;
    padding-top: 100% !important;
  }

  .sur-list.sur-list--scoreup .sur-card .sur-img > picture,
  .sur-list.sur-list--scoreup .sur-card .sur-img > img,
  .sur-list.sur-list--scoreup .sur-list-item .sur-img > picture,
  .sur-list.sur-list--scoreup .sur-list-item .sur-img > img{
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    max-width: none !important;
  }
}

/* voice 最終上書き（枠線・影・最大幅） */
.sur-list.sur-list--voice .sur-list-grid .sur-list-item .sur-card{
  border:2.5px solid #0058B0 !important;
  box-shadow:0 4px 14px #444dbe33 !important;
  border-radius:16px !important;
  background:#fff !important;
}

.sur-list.sur-list--voice {
  max-width: 1600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


