@charset "UTF-8";
/* ===================================================================
   - SeikeiFocus : homepage (front-page.php only)
   - Ref. Site : https://www.jiji.com/
   - Enqueued only on is_front_page() via optimization.php fv-home handle.
   - Point color : #d8050d
   - Shared 2-column layout + card components (hero/thumb-grid/kaisetsu-
     grid/genre pattern/section-title) now live in style.css since
     archive.php reuses them too.
=================================================================== */

/* 注目 — .sf-trending は style.css (sitewide) に이동. 記事ページ(single.php)에서도 재사용하기 위함. */

/* アクセスランキング */
.sf-ranking-list li {display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid #ddd;}
.sf-ranking-list li:last-child {border-bottom: none;}
.sf-ranking-num {display: flex; align-items: center; justify-content: center; flex: 0 0 22px; width: 22px; height: 22px; font-size: 1.1rem; font-weight: 700; color: #fff; background: #d8050d;}
.sf-ranking-list li a {font-size: 1.6rem; line-height: 1.4;}
.sf-ranking-list li:nth-child(n+4) .sf-ranking-num {background: #d6d6d4; color: #1e1e17;}

/* 写真ニュース / 動画ニュース */
.sf-movie-row {display: flex; gap: 24px;}
.sf-movie-col {flex: 1 1 50%; min-width: 0;}
.sf-movie-thumb img, .sf-movie-thumb iframe {width: 100%; aspect-ratio: 420 / 280; object-fit: cover;}
.sf-movie-thumb span {display: block; margin-top: 8px; font-size: 1.3rem; font-weight: 700; line-height: 1.4;}

/* responsive — home page only, 840px matches this theme's own mobile switch */
@media (max-width: 840px) {
	.sf-ranking-list li {align-items: flex-start;}
	.sf-ranking-list li a {font-size: 1.5rem; letter-spacing: -0.4px;}
	.sf-movie-row {flex-direction: column; gap: 24px;}
	.sf-movie-col {flex: 1 1 auto;}
}