@charset "UTF-8";
/* 特集一覧（/feature/）＝案A「表紙と読みもの」。2026-10-17 CEO決定
   読み込みは mu-plugin auen-feature-list.php（一覧のページだけ）。テンプレートは archive-news.php
   数字は見本（台紙の 案A スマホ390px／PC1280px）の値。.auen-fl の中だけに閉じる */

.auen-fl {
  --fl-ink: #1B2025;
  --fl-sub: #5E6369;
  --fl-face: #F3F3F3;
  --fl-en: "Inter", "Noto Sans JP", -apple-system, sans-serif;
  --fl-ja: "Noto Sans JP", -apple-system, sans-serif;
  --fl-gut: 20px;
  background: #FFFFFF;
  color: var(--fl-ink);
  font-family: var(--fl-ja);
  letter-spacing: .04em;
  padding-bottom: 72px;
}
.auen-fl *, .auen-fl *::before, .auen-fl *::after { box-sizing: border-box; }
.auen-fl p, .auen-fl h1, .auen-fl h2, .auen-fl h3, .auen-fl ul, .auen-fl li { margin: 0; padding: 0; }
.auen-fl ul { list-style: none; }
.auen-fl a, .auen-fl a:visited { color: var(--fl-ink); text-decoration: none; }
.auen-fl a:hover { color: var(--fl-ink); opacity: .7; }
.auen-fl h1, .auen-fl h2, .auen-fl h3 { font-family: var(--fl-ja); border: 0; background: none; }
.auen-fl h1::before, .auen-fl h1::after, .auen-fl h2::before, .auen-fl h2::after,
.auen-fl h3::before, .auen-fl h3::after { content: none; }
.auen-fl img { display: block; max-width: none; margin: 0; }
.auen-fl-sp { display: inline; }
.auen-fl-ph { display: inline-block; max-width: 100%; }

/* 見出し */
.auen-fl-head { padding: 36px var(--fl-gut) 28px; }
.auen-fl .auen-fl-head__en { font-family: var(--fl-en); font-size: 10.5px; font-weight: 500; letter-spacing: .26em; line-height: 1.4; color: var(--fl-sub); }
.auen-fl .auen-fl-head__ja { margin-top: 10px; font-size: 26px; font-weight: 300; letter-spacing: .08em; line-height: 1.4; color: var(--fl-ink); }

/* 表紙＝いちばん新しい1本 */
.auen-fl a.auen-fl-cover, .auen-fl a.auen-fl-cover:visited, .auen-fl a.auen-fl-cover:hover { position: relative; display: block; color: #FFFFFF; }
.auen-fl-cover__media { position: relative; display: block; aspect-ratio: 390 / 488; overflow: hidden; background: #121518; }
.auen-fl-cover__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(18,21,24,0) 40%, rgba(18,21,24,.62) 100%); }
.auen-fl .auen-fl-cover__img { width: 100%; height: 100%; object-fit: cover; object-position: center 20%; }
.auen-fl .auen-fl-cover__img--pc { display: none; }
.auen-fl-cover__body { position: absolute; left: var(--fl-gut); right: var(--fl-gut); bottom: 28px; z-index: 1; display: block; }
.auen-fl-cover__meta { display: flex; gap: 10px; align-items: center; font-family: var(--fl-en); font-size: 10.5px; font-weight: 500; letter-spacing: .24em; line-height: 1.4; }
.auen-fl-badge { display: inline-block; padding: 3px 7px 2px; border: 1px solid rgba(255,255,255,.7); font-family: var(--fl-ja); font-size: 10px; font-weight: 400; letter-spacing: .12em; line-height: 1.4; }
.auen-fl .auen-fl-cover__title { margin-top: 12px; font-size: 26px; font-weight: 300; letter-spacing: .08em; line-height: 1.45; color: #FFFFFF; }
.auen-fl-cover__desc { display: block; margin-top: 10px; font-size: 13px; line-height: 1.8; }
.auen-fl-cover__end { display: block; margin-top: 14px; font-family: var(--fl-en); font-size: 12px; letter-spacing: .1em; line-height: 1.4; }
.auen-fl-cover__more { display: inline-block; margin-top: 18px; padding-bottom: 6px; border-bottom: 1px solid #FFFFFF; font-size: 12px; letter-spacing: .12em; line-height: 1.4; }

/* 読みもの＝残りを新しい順に */
.auen-fl .auen-fl-list { display: flex; flex-direction: column; gap: 52px; padding: 52px var(--fl-gut) 0; }
.auen-fl-card a { display: block; }
.auen-fl-card__media { display: block; aspect-ratio: 350 / 438; overflow: hidden; background: var(--fl-face); }
.auen-fl .auen-fl-card__img { width: 100%; height: 100%; object-fit: cover; }
.auen-fl-noimg { display: block; width: 100%; height: 100%; background: var(--fl-face); }
.auen-fl-card__meta { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-top: 16px; font-family: var(--fl-en); color: var(--fl-sub); line-height: 1.4; }
.auen-fl-card__label { font-size: 10px; font-weight: 500; letter-spacing: .2em; }
.auen-fl-card__date { flex: none; font-size: 11px; letter-spacing: .06em; }
.auen-fl .auen-fl-card__title { margin-top: 8px; font-size: 18px; font-weight: 400; letter-spacing: .06em; line-height: 1.5; color: var(--fl-ink); }
.auen-fl .auen-fl-card__desc { margin-top: 6px; font-size: 13px; line-height: 1.8; color: var(--fl-sub); }
.auen-fl .auen-fl-empty { padding: 0 var(--fl-gut); font-size: 14px; line-height: 1.8; }
.auen-fl-pager { margin-top: 56px; }

/* タブレットから：表紙は横長、カードは2列 */
@media (min-width: 768px) {
  .auen-fl { --fl-gut: 32px; padding-bottom: 96px; }
  .auen-fl-sp { display: none; }
  .auen-fl-head { padding: 56px var(--fl-gut) 36px; }
  .auen-fl .auen-fl-head__en { font-size: 11px; }
  .auen-fl .auen-fl-head__ja { margin-top: 12px; font-size: 34px; }
  .auen-fl-cover__media { aspect-ratio: 1280 / 620; max-height: 760px; width: 100%; }
  .auen-fl-cover__media::after { background: linear-gradient(90deg, rgba(18,21,24,.58) 0%, rgba(18,21,24,.18) 42%, rgba(18,21,24,0) 60%); }
  .auen-fl .auen-fl-cover__img--sp { display: none; }
  .auen-fl .auen-fl-cover__img--pc { display: block; object-position: center 30%; }
  .auen-fl-cover__body { left: calc(var(--fl-gut) + 16px); right: auto; bottom: 64px; width: 460px; max-width: calc(100% - 2 * var(--fl-gut)); }
  .auen-fl-cover__meta { gap: 12px; font-size: 11px; }
  .auen-fl-badge { padding: 3px 8px 2px; font-size: 11px; }
  .auen-fl .auen-fl-cover__title { margin-top: 16px; font-size: 44px; line-height: 1.4; }
  .auen-fl-cover__desc { margin-top: 14px; font-size: 15px; }
  .auen-fl-cover__end { font-size: 13px; }
  .auen-fl-cover__more { margin-top: 24px; font-size: 13px; }
  .auen-fl .auen-fl-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; row-gap: 64px; padding-top: 72px; }
  .auen-fl-card__media { aspect-ratio: 389 / 473; }
  .auen-fl-card__meta { margin-top: 18px; }
  .auen-fl-card__label { font-size: 10.5px; }
  .auen-fl-card__date { font-size: 11.5px; }
  .auen-fl .auen-fl-card__title { margin-top: 10px; font-size: 19px; }
  .auen-fl .auen-fl-card__desc { margin-top: 8px; font-size: 13.5px; }
}

/* PC：カードは3列、中身の幅は1200pxまで（表紙だけ画面いっぱい） */
@media (min-width: 1024px) {
  .auen-fl { --fl-gut: max(40px, calc((100% - 1200px) / 2)); }
  .auen-fl .auen-fl-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}