/*
Theme Name: Step Asia News
Description: stepasia.co.jp の「お知らせ」用テーマ。コーポレートサイトの /assets/css を読み込み、見た目を揃える。
Author: Step Asia Co. Ltd.
Version: 1.0.3
Requires at least: 6.5
Requires PHP: 7.0
Text Domain: stepasia
*/

.sa_header { position: sticky; top: 0; z-index: 100; background: rgba(255,255,255,.92); border-bottom: 1px solid #eee; }
.sa_header .uk-navbar-nav > li > a { color: #000; font-family: National-Bold, Helvetica, sans-serif; }
.sa_header .ui_logo_red { color: #000; }

/* 記事が短くてもフッターを画面下端に置く（body の min-height:100vh は main.min.css 側） */
body { display: flex; flex-direction: column; }
.sa_main { flex: 1 0 auto; padding: 60px 0 100px; }
.sa_page_heading { text-align: center; margin-bottom: 50px; }
.sa_page_heading span {
  display: block; font-family: National-Bold, Helvetica, sans-serif;
  font-size: 14px; letter-spacing: 3px; color: rgba(0,0,0,.4); text-transform: uppercase;
}
.sa_page_heading h1 { font-family: National-Bold, Helvetica, sans-serif; font-size: 42px; color: #000; margin: 6px 0 0; }

.sa_pagination { margin-top: 60px; text-align: center; font-family: 'Open Sans', sans-serif; }
.sa_pagination .page-numbers { display: inline-block; min-width: 36px; padding: 6px 10px; margin: 0 2px; color: #000; border-radius: 4px; }
.sa_pagination .page-numbers.current { background: #000; color: #fff; }
.sa_pagination a.page-numbers:hover { background: #eee; text-decoration: none; }

.sa_article { max-width: 760px; margin: 0 auto; }
.sa_article time { font-family: 'Open Sans', sans-serif; font-size: 14px; color: rgba(0,0,0,.5); letter-spacing: 1px; }
.sa_article h1 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 30px; line-height: 1.5; color: #000; margin: 8px 0 30px; }
.sa_article .sa_eyecatch { margin-bottom: 40px; }
.sa_article .sa_eyecatch { text-align: center; }
/* 縦長の画像で本文が画面外に押し出されないよう高さを抑える */
.sa_article .sa_eyecatch img { max-width: 100%; max-height: 480px; width: auto; height: auto; border-radius: 4px; display: inline-block; }
.sa_body { font-family: 'Open Sans', 'Hiragino Sans', 'Yu Gothic', sans-serif; font-size: 16px; line-height: 2; color: #222; }
.sa_body h2 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 24px; margin: 50px 0 20px; padding-bottom: 8px; border-bottom: 2px solid #000; color: #000; }
.sa_body h3 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 20px; margin: 40px 0 16px; color: #000; }
.sa_body img { max-width: 100%; height: auto; }
.sa_body a { color: #0074E4; text-decoration: underline; }
.sa_body figure { margin: 30px 0; }
.sa_body .wp-block-image figcaption { font-size: 13px; color: #777; text-align: center; }
.sa_back { text-align: center; margin-top: 60px; }

/* トップページのお知らせ欄と同じ灰色。背景が明るいので文字は黒 */
.sa_footer { background: #f7f7f7; border-top: 1px solid #eee; color: #000; padding: 40px 0; text-align: center; font-family: 'Open Sans', sans-serif; font-size: 13px; }
.sa_footer a { color: #000; }

@media (max-width: 639px) {
  .sa_main { padding: 40px 0 70px; }
  .sa_page_heading h1 { font-size: 32px; }
  .sa_article h1 { font-size: 22px; }
  .sa_header .uk-navbar-left { display: none; }
}