/* ============================================================
   McThis - news.css
   ============================================================ */

/* ---- ニュース一覧 ---- */
.news-list{display:flex;flex-direction:column;gap:0;max-width:860px;margin:0 auto}
.news-card{border-bottom:1px solid var(--border)}
.news-card:first-child{border-top:1px solid var(--border)}
.news-card__inner{display:grid;grid-template-columns:160px 1fr;gap:0 32px;padding:28px 0;align-items:start;transition:background .2s;border-radius:var(--radius);text-decoration:none;color:inherit}
.news-card__inner:hover{background:var(--bg-off);padding-left:16px;padding-right:16px;margin:0 -16px}
.news-card__meta{display:flex;flex-direction:column;gap:8px;padding-top:4px}
.news-card__date{font-family:var(--font-en);font-size:13px;font-weight:600;color:var(--gray-light);letter-spacing:.06em}
.news-card__cat{display:inline-block;padding:3px 10px;border:1px solid var(--gold);color:var(--gold-dark);border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.06em;width:fit-content}
.news-card__title{font-size:17px;font-weight:700;line-height:1.5;margin-bottom:8px;color:var(--dark);transition:color .2s}
.news-card__inner:hover .news-card__title{color:var(--gold-dark)}
.news-card__excerpt{font-size:13px;color:var(--gray);line-height:1.75;margin-bottom:12px}
.news-card__more{font-size:12px;font-weight:700;color:var(--gold-dark);display:flex;align-items:center;gap:4px}
.news-card__arrow{transition:transform .2s}
.news-card__inner:hover .news-card__arrow{transform:translateX(4px)}

/* ---- 記事レイアウト ---- */
.article-layout{display:grid;grid-template-columns:1fr 280px;gap:64px;align-items:start}
.article{max-width:100%}
.article__meta{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid var(--gold)}
.article__date{font-family:var(--font-en);font-size:14px;font-weight:600;color:var(--gray-light);letter-spacing:.06em}
.article__cat{display:inline-block;padding:4px 12px;border:1px solid var(--gold);color:var(--gold-dark);border-radius:100px;font-size:11px;font-weight:700}

/* ---- 記事本文 ---- */
.article__body{font-size:15px;line-height:1.9;color:var(--gray-dark)}
.article__body p{margin-bottom:20px}
.article__body h2{font-size:19px;font-weight:900;color:var(--dark);margin:40px 0 16px;padding-left:14px;border-left:4px solid var(--gold)}
.article__body ul{margin:0 0 20px 0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.article__body ul li{padding-left:18px;position:relative;font-size:14px}
.article__body ul li::before{content:'';position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--orange))}
.article__body strong{font-weight:700;color:var(--dark)}
.article__cta{margin-top:40px;padding-top:32px;border-top:1px solid var(--border)}

/* ---- サイドバー ---- */
.article-sidebar{display:flex;flex-direction:column;gap:24px;position:sticky;top:calc(var(--nav-h) + 24px)}
.sidebar-block{background:var(--bg-off);border-radius:var(--radius-lg);padding:24px}
.sidebar-block__title{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--gold-dark);text-transform:uppercase;margin-bottom:16px}
.sidebar-cat{display:flex;flex-direction:column;gap:8px}
.sidebar-cat__link{font-size:13px;color:var(--gray);padding:6px 0;border-bottom:1px solid var(--border);transition:color .2s}
.sidebar-cat__link:last-child{border-bottom:none}
.sidebar-cat__link:hover{color:var(--gold-dark)}
.sidebar-links{display:flex;flex-direction:column;gap:8px}
.sidebar-links__link{font-size:13px;font-weight:700;color:var(--gold-dark);transition:color .2s;padding:4px 0}
.sidebar-links__link:hover{color:var(--orange)}

/* ---- 記事ナビ ---- */
.article-nav{margin-top:48px;padding-top:32px;border-top:1px solid var(--border)}
.article-nav__back{font-size:14px;font-weight:700;color:var(--gray);transition:color .2s;display:inline-flex;align-items:center;gap:8px}
.article-nav__back:hover{color:var(--gold-dark)}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:768px){
  .news-card__inner{grid-template-columns:1fr;gap:8px;padding:20px 0}
  .news-card__inner:hover{padding-left:12px;padding-right:12px;margin:0 -12px}
  .news-card__meta{flex-direction:row;align-items:center}
  .article-layout{grid-template-columns:1fr;gap:40px}
  .article-sidebar{position:static}
  .article__body h2{font-size:17px}
}

/* ---- アイキャッチ ---- */
.article__eyecatch{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:32px;box-shadow:var(--shadow-lg)}.article__eyecatch img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center top;display:block}

/* ============================================================
   NEWS COMPACT LIST（一覧ページ）
   ============================================================ */
.news-compact-list{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:0}
.news-compact-item{border-bottom:1px solid var(--border)}
.news-compact-item:first-child{border-top:1px solid var(--border)}
.news-compact-item__inner{display:grid;grid-template-columns:120px 1fr 24px;gap:0 20px;padding:20px 8px;align-items:center;text-decoration:none;color:inherit;transition:background .2s;border-radius:var(--radius)}
.news-compact-item__inner:hover{background:var(--bg-off)}
.news-compact-item__thumb{border-radius:6px;overflow:hidden;flex-shrink:0}
.news-compact-item__thumb img{width:120px;height:72px;object-fit:cover;display:block;transition:transform .3s}
.news-compact-item__inner:hover .news-compact-item__thumb img{transform:scale(1.05)}
.news-compact-item__body{min-width:0}
.news-compact-item__meta{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.news-compact-item__date{font-family:var(--font-en);font-size:12px;font-weight:600;color:var(--gray-light);letter-spacing:.06em}
.news-compact-item__cat{display:inline-block;padding:2px 9px;border:1px solid var(--gold);color:var(--gold-dark);border-radius:100px;font-size:10px;font-weight:700}
.news-compact-item__title{font-size:15px;font-weight:700;line-height:1.45;color:var(--dark);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}
.news-compact-item__inner:hover .news-compact-item__title{color:var(--gold-dark)}
.news-compact-item__excerpt{font-size:12px;color:var(--gray);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-compact-item__arrow{font-size:14px;color:var(--gold);flex-shrink:0;transition:transform .2s}
.news-compact-item__inner:hover .news-compact-item__arrow{transform:translateX(4px)}

@media(max-width:600px){
  .news-compact-item__inner{grid-template-columns:88px 1fr 20px;gap:0 12px;padding:16px 4px}
  .news-compact-item__thumb img{width:88px;height:56px}
  .news-compact-item__title{font-size:13px}
  .news-compact-item__excerpt{display:none}
}