.newsSurface .btnLine{font-size:13.5px;letter-spacing:.14em;padding:11px 32px;cursor:pointer}
.newsSurface .btnLine:hover{transform:none}
/* News=朝の光(DL-015系): 東(右)から差す薄紅の朝陽と、洗いたての明るい空気。新しい知らせ=一日の始まり */

.newsSurface .pageHead{text-align:left;padding-bottom:48px}
.newsSurface .pageHeadInner{max-width:820px;margin:0 auto}
.newsSurface .pageTitle{font-family:var(--latin);font-size:clamp(26px,3.2vw,34px);font-weight:600;letter-spacing:.1em;color:var(--charcoal);margin-top:0}
.newsSurface .pageLead{display:flex;align-items:center;gap:14px;margin-top:12px;font-size:12.5px;letter-spacing:.1em;color:var(--gray)}
.newsSurface .pageLead::before{content:"";width:48px;height:1px;background:linear-gradient(90deg,var(--rose),rgba(216,164,143,0))}
.newsSurface .cat{
    display:inline-block;min-width:92px;text-align:center;
    font-family:var(--latin);font-size:10.5px;font-weight:600;letter-spacing:.2em;
    border-radius:3px;padding:4px 10px;text-transform:uppercase;
  }
.newsSurface .cat-character{background:#F6DEE3;color:#A8606F}
.newsSurface .cat-series{background:#E9E0F0;color:#7E6A96}
.newsSurface .cat-website{background:#F2E8D4;color:#96804E}
.newsSurface .cat-patreon{background:#F8E2D6;color:#AF6E4F}
.newsSurface .cat-community{background:#DEE8F0;color:#5A7A96}
.newsSurface .newsWrap{padding:10px 24px 92px}
.newsSurface .newsList{max-width:820px;margin:0 auto}
.newsSurface .newsRow{
    width:100%;display:flex;align-items:center;gap:20px;text-align:left;
    background:var(--ivory-soft);border:1px solid var(--hairline-soft);border-radius:4px;
    padding:18px 22px;cursor:pointer;font-family:var(--gothic);
    transition:all .25s;margin-bottom:12px;
  }
.newsSurface .newsRow:hover{border-color:var(--rose);box-shadow:0 4px 16px rgba(185,126,102,.14);transform:translateY(-1px)}
.newsSurface .newsDate{font-family:var(--latin);font-size:13px;letter-spacing:.12em;color:var(--gray);flex-shrink:0;width:92px}
.newsSurface .newsTitle{font-family:var(--serif);font-size:14.5px;letter-spacing:.06em;color:var(--ink);flex:1}
.newsSurface .newsRow:hover .newsTitle{color:var(--rose-deep)}
.newsSurface .newsChev{font-family:var(--latin);color:var(--rose);font-size:15px;flex-shrink:0}
.newsSurface .newsMore{text-align:center;margin-top:34px}


.newsSurface .overlay{
    position:fixed;inset:0;z-index:80;display:none;
    background:rgba(26,26,26,.45);backdrop-filter:blur(4px);
    align-items:center;justify-content:center;padding:28px;
  }
.newsSurface .overlay.open{display:flex}
.newsSurface .article{
    position:relative;width:min(640px,100%);max-height:86vh;overflow:auto;
    background:var(--ivory-soft);border:1px solid var(--hairline);border-radius:6px;
    padding:46px 48px 42px;box-shadow:0 24px 70px rgba(20,10,8,.4);
    scrollbar-width:thin;
  }
.newsSurface .artClose{
    position:absolute;right:14px;top:14px;width:36px;height:36px;border-radius:50%;
    background:none;border:1px solid var(--hairline);color:var(--rose-ink);
    font-size:15px;cursor:pointer;transition:all .25s;
  }
.newsSurface .artClose:hover{border-color:var(--rose);color:var(--rose-deep);transform:rotate(90deg)}
.newsSurface .artHead{display:flex;align-items:center;gap:14px}
.newsSurface .artDate{font-family:var(--latin);font-size:13px;letter-spacing:.12em;color:var(--gray)}
.newsSurface .artTitle{font-family:var(--serif);font-size:20px;font-weight:600;letter-spacing:.1em;color:var(--charcoal);line-height:1.9;margin-top:18px}
.newsSurface .artOrn{width:100%;height:1px;margin:22px 0;background:linear-gradient(90deg,rgba(216,164,143,0),var(--rose),rgba(216,164,143,0));position:relative}
.newsSurface .artOrn::before{content:"";position:absolute;left:50%;top:-2.5px;width:6px;height:6px;transform:translateX(-50%) rotate(45deg);background:var(--rose)}
.newsSurface .artBody{font-size:14px;line-height:2.3;letter-spacing:.04em}
.newsSurface .artBody p+p{margin-top:1.2em}
.newsSurface .artVisual{
    aspect-ratio:16/9;border-radius:4px;border:1px solid var(--hairline-soft);
    margin-top:22px;position:relative;
    background:
      radial-gradient(ellipse 70% 60% at 65% 30%, rgba(244,214,196,.6), rgba(244,214,196,0) 70%),
      linear-gradient(155deg,#EFE2D5 0%,#DEC5B4 100%);
  }
.newsSurface .artCta{margin-top:26px}
.newsSurface .artCta .btnLine{font-size:12.5px;padding:10px 26px}
.newsSurface .artRel{margin-top:30px;padding-top:20px;border-top:1px solid var(--hairline-soft)}
.newsSurface .artRelLabel{font-size:11px;letter-spacing:.16em;color:var(--rose-ink)}
.newsSurface .artRel a{display:block;font-size:13px;letter-spacing:.04em;color:var(--ink);padding:5px 0}
.newsSurface .artRel a:hover{color:var(--rose-deep)}
.newsSurface .artRel .rel18{font-size:10.5px;font-weight:700;color:var(--rose-deep);margin-left:6px}
.newsSurface .sheetHandle{display:none}
.newsSurface .fullPage{display:none;padding:52px 24px 92px}
.newsSurface .fullPage.show{display:block}
.newsSurface .fpInner{max-width:820px;margin:0 auto}
.newsSurface .fpUrl{
    font-family:var(--latin);font-size:12px;letter-spacing:.04em;color:var(--gray);
    background:var(--ivory-soft);border:1px solid var(--hairline-soft);border-radius:20px;
    padding:8px 18px;margin-bottom:34px;display:inline-block;
  }
.newsSurface .fpGrid{display:grid;grid-template-columns:1fr 340px;gap:44px;align-items:start}
.newsSurface .fpBack{margin-top:40px}
.newsSurface .newsListView.hidden{display:none}
@media (max-width:900px){.newsSurface .overlay{padding:0;align-items:flex-end}
.newsSurface .overlay .article{
      width:100%;max-height:94vh;border-radius:14px 14px 0 0;
      padding:30px 22px 40px;border-left:none;border-right:none;border-bottom:none;
      animation:sheetUp .3s ease-out;
    }
@keyframes sheetUp{from{transform:translateY(40px);opacity:.6}to{transform:translateY(0);opacity:1}}
.newsSurface .sheetHandle{display:block;width:44px;height:4px;border-radius:4px;background:var(--hairline);margin:0 auto 18px}
.newsSurface .newsRow{flex-wrap:wrap;gap:10px;padding:15px 16px}
.newsSurface .newsDate{width:auto}
.newsSurface .newsTitle{flex-basis:100%;order:3}
.newsSurface .fpGrid{grid-template-columns:1fr}
}

.newsArticlePage .fullPage{display:block}
.newsSurface .artVisual[data-empty]{display:none}
.newsSurface .artCta[data-empty],.newsSurface .artRel[data-empty]{display:none}
.newsSurface .pendingLink{opacity:.65;cursor:default}
.newsSurface .pendingLink:hover{box-shadow:none}
.newsSurface .artVisual .devBadge{position:absolute;right:8px;bottom:8px}

.newsArticlePage .fpGrid > .artVisual{aspect-ratio:3/4;margin-top:0}
.newsSurface .artVisual{overflow:hidden}
.newsSurface .artVisual img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.newsSurface .artVisual.hasImage > .devBadge{display:none}
/* 絵がある枠は絵の比率に従う(切り抜かない)。絵なしの枠は従来の固定比率のまま */
.newsSurface .artVisual.hasImage{aspect-ratio:auto}
.newsSurface .artVisual.hasImage img{position:static;height:auto;object-fit:unset}