@charset "UTF-8";
/* ============================================================================
   update.css  ―― アップデート情報 専用ページ（page-updates.php）
   .upd_* ：紺主役・カテゴリ絞り込み・資料DL・ver
   ============================================================================ */
.upd_wrap { padding:40px 0 64px; }
.upd_cats { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin:0 auto 28px; max-width:680px; }
.upd_cat { font-family:inherit; font-size:14px; font-weight:700; cursor:pointer; border:2px solid #2D4585; background:#FFF; color:#2D4585; border-radius:999px; padding:7px 16px; transition:.2s; }
.upd_cat:hover { background:#FFF100; color:#2D4585; }
.upd_cat.is-active { background:#2D4585; color:#FFF; }
.upd_noresult { display:none; text-align:center; font-size:14px; font-weight:700; color:#888; padding:32px 0; }
.upd_list { max-width:840px; margin:0 auto; }
.upd_item { background:#FFF; border:2px solid #2D4585; border-radius:12px; padding:20px; margin:0 0 16px; }
.upd_meta { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:10px; }
.upd_date { font-size:14px; font-weight:700; color:#555; }
.upd_ver { display:inline-block; font-size:12px; font-weight:700; color:#2D4585; background:#FFF100; border:1px solid #2D4585; border-radius:4px; padding:2px 10px; letter-spacing:.02em; }
.upd_badge { display:inline-block; font-size:11px; font-weight:700; color:#FFF; border-radius:999px; padding:3px 12px; }
.upd_badge_new { background:#D10000; }
.upd_badge_improve { background:#338DF4; }
.upd_badge_fix { background:#2D4585; }
.upd_badge_info { background:#888; }
.upd_ttl { font-size:17px; font-weight:700; line-height:1.5; margin-bottom:8px; }
.upd_body { font-size:14px; line-height:1.8; }
.upd_body p { margin:0 0 8px; }
.upd_body p:last-child { margin:0; }
.upd_dl { margin-top:16px; }
.upd_dl_btn { display:inline-flex; align-items:center; gap:8px; background:#338DF4; color:#FFF; font-weight:700; font-size:14px; border-radius:999px; padding:11px 24px; transition:.2s; box-shadow:0 2px 4px rgba(0,0,0,.25); text-decoration:none; }
.upd_dl_btn:hover { background:#0878F8; box-shadow:none; transform:translate3d(0,2px,0); }
.upd_dl_icon { display:inline-block; width:14px; height:14px; position:relative; }
.upd_dl_icon::after { content:""; position:absolute; left:2px; top:3px; width:10px; height:10px; border-left:2px solid #FFF; border-bottom:2px solid #FFF; transform:rotate(-45deg); transform-origin:left bottom; }

/* --- アップデート専用ページ レスポンシブ：タブレット --- */
@media screen and (min-width: 768px) {
	.upd_wrap { padding:56px 0 80px; }
	.upd_cat { font-size:14px; padding:8px 20px; }
	.upd_item { padding:28px 32px; }
	.upd_ttl { font-size:20px; }
	.upd_body { font-size:15px; }
}
