/* ================================================== */
/* カテゴリ汎用 */
/* ================================================== */

/* 見出し */
:root {
--content-w:1000px;
--gutter:40px;
}
.page-title { background-color:var(--or-2); color:var(--wh); font-size:24px; text-align:center; line-height:36px; letter-spacing:1.2px; padding:8px 16px; margin-bottom:8px; }
.common-content .page-title { margin-bottom:24px; }

/* カテゴリベース */
.entry-content { font-size:16px; font-weight:400; text-align:justify; line-height:28px; padding:24px 0 56px 0; margin:auto; max-width:calc( 100% - 40px ); }
.entry-content.standard { display:flex; flex-direction:column; gap:24px; padding:0; margin-bottom:56px; }

/* リスト */
.category-list { display:flex; flex-direction:column; }
.category-list li { border-bottom:2px dashed #f6df67; }
.category-list li a { display:flex; flex-direction:column; padding:16px 8px; }
.category-list li a time { font-size:14px; line-height:22px; }
.category-list li a p { -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; overflow:hidden; }

@container(min-width:960px) {

/* 見出し */
.page-title { font-size:32px; letter-spacing:1.5px; padding:10px 40px; padding-inline:max( var(--gutter), ( 100% - var(--content-w) ) / 2 ); }
.common-content .page-title { margin:40px 0; }

/* カテゴリベース */
.entry-content, .entry-content.standard.wide { font-size:18px; font-weight:400; line-height:29px; padding:40px 0; max-width:890px; }
.entry-content.standard { gap:40px; padding:0; margin-bottom:80px; }

}

/* ================================================== */
/* ページャー */
/* ================================================== */

.pager {
--pager-arrow:8px;
--pager-bd:#ccc;
--pager-bg:var(--wh);
--pager-color:var(--bk);
--pager-current-bd:var(--gr);
--pager-current-bg:var(--gr);
--pager-current-color:var(--wh);
--pager-gap:8px;
--pager-size:32px;
}
.pager ul { align-items:center; display:flex; flex-wrap:wrap; gap:var(--pager-gap); justify-content:center; font-size:16px; font-weight:700; line-height:1; padding-top:30px; padding-bottom:40px; }
.pager :is(a, span) { align-items:center; background-color:var(--pager-bg); border:1px solid var(--pager-bd); color:var(--pager-color); display:flex; justify-content:center; height:var(--pager-size); width:var(--pager-size); }
.pager .is-current { background-color:var(--pager-current-bg); border-color:var(--pager-current-bd); color:var(--pager-current-color); }
.pager .is-dots { background-color:transparent; border-color:transparent; }
.pager .is-disabled { opacity:.3; pointer-events:none; }

/* 矢印 */
.pager :is(.pager-prev) { background-color:var(--pager-bd); }
.pager :is(pager-next) { color:var(--pager-bd); }
.pager :is(.pager-prev, .pager-next)::before { block-size:var(--pager-arrow); border-block-start:2px solid currentcolor; border-inline-end:2px solid currentcolor; box-sizing:border-box; content:""; inline-size:var(--pager-arrow); }
.pager .pager-prev::before { rotate:-135deg; translate:1.5px; }
.pager .pager-next::before { rotate:45deg; translate:-1.5px; }

@container(min-width:960px) {

/* ページャー */
.pager { --pager-gap:12px; --pager-size:40px; }
.pager ul { font-size:18px; }
.pager a { transition:.3s; }
.pager a:hover { background-color:var(--gr); border-color:var(--gr); color:var(--wh); transition:.3s; }

}