/*
Theme Name: Apros
Theme URI: https://apros-ok.com/
Description: アプロスコンピュータ学院の1ページ完結型テーマ。トップページ（講座・理念・アクセス・お問い合わせフォーム）、お知らせ一覧・記事ページに対応。各エリアの文章・写真は「外観 → カスタマイズ → トップページの内容」、講座は管理画面の「講座」、学院情報とフォームの受信先は「学院情報・お問い合わせ」から編集できます。
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Author: ぐっしー
Text Domain: apros
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* デザインは assets/css/main.css にあります。追加の調整はここに書いてください。 */

/* ---- 投稿・固定ページ用 ---- */
.page-hero{padding:140px 0 56px;background:radial-gradient(900px 400px at 85% 0%,var(--sea-soft),transparent 60%),var(--paper)}
.page-hero h1{font-size:clamp(26px,4vw,40px);font-weight:900;margin-top:14px}
.page-hero .meta{margin-top:12px;color:var(--ink-3);font-size:14px;font-family:var(--mono)}
.entry{max-width:780px;margin:0 auto;padding:40px 24px 40px}
.entry > * + *{margin-top:1.4em}
.entry h2{font-size:24px;margin-top:2.2em;padding-bottom:10px;border-bottom:2px solid var(--line)}
.entry h3{font-size:20px;margin-top:1.8em}
.entry a{color:var(--sea)}
.entry img{height:auto;border-radius:12px}
.entry ul,.entry ol{padding-left:1.4em}
.entry .wp-block-image{margin-left:0;margin-right:0}
.entry-thumb{border-radius:var(--radius);overflow:hidden;margin-bottom:10px}
.post-nav{max-width:780px;margin:0 auto 40px;padding:0 24px;display:flex;justify-content:space-between;gap:16px;font-size:14px}
.post-nav a{text-decoration:none;font-weight:700}

/* ---- お知らせ ---- */
.news{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.news li{border-bottom:1px solid var(--line)}
.news a{display:grid;grid-template-columns:130px 1fr 24px;gap:20px;align-items:center;padding:22px 8px;text-decoration:none;transition:background .2s}
.news a:hover{background:var(--paper-2)}
.news time{font-family:var(--mono);font-size:13px;color:var(--ink-3)}
.news .ttl{font-weight:700}
.news svg{width:18px;height:18px;color:var(--accent)}
.news__more{margin-top:28px;text-align:right}
.news__empty{color:var(--ink-3)}
@media (max-width:600px){.news a{grid-template-columns:1fr 20px;gap:4px 12px}.news time{grid-column:1/-1}}
.pagination{display:flex;justify-content:center;gap:8px;margin-top:40px;flex-wrap:wrap}
.pagination .page-numbers{min-width:42px;height:42px;display:grid;place-items:center;padding:0 12px;border-radius:999px;border:1px solid var(--line);text-decoration:none;font-weight:700;font-size:14px}
.pagination .current{background:var(--ink);color:#fff;border-color:var(--ink)}
.custom-logo{max-height:40px;width:auto}
.footer .custom-logo{filter:brightness(0) invert(1)}
.header .menu{display:contents;list-style:none;margin:0;padding:0}
.header .menu li{list-style:none}
.header .menu .sub-menu{display:none}
.admin-bar .header{top:32px}
@media (max-width:782px){.admin-bar .header{top:46px}}