@charset "UTF-8";
/* ============================== / news-scroll start / ============================== */
/* index.htmlのNEWS専用。10件の実際の高さはnews-scroll.jsで再計算する。 */
.topics .news_sps.news-scroll {
  position: relative;
  width: 65vw;
  max-height: 51.8rem;
  padding-right: 1rem;
  box-sizing: content-box;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #72aca7 rgba(255, 255, 255, .25);
  -webkit-overflow-scrolling: touch;
}
.topics .news-scroll > .sps { width: 100%; box-sizing: border-box; }
/* 内部スクロールで未表示記事が透明なまま残らないよう、記事の登場移動だけ解除。 */
.topics .news-scroll > .sps.mov-left { opacity: 1; transform: none; }
.topics .news-scroll:focus-visible { outline: .2rem solid #fff; outline-offset: .3rem; }
.topics .news-scroll::-webkit-scrollbar { width: .8rem; }
.topics .news-scroll::-webkit-scrollbar-track { background: rgba(255, 255, 255, .25); }
.topics .news-scroll::-webkit-scrollbar-thumb { background: #72aca7; border-radius: 1rem; }
/* ============================== / news-scroll end / ============================== */