/*
 * 固定ページの部品（部4。54-2 で採用のページの分から始める。54-3 で一般の固定ページの器、54-4 でカテゴリーのページ＝sk-cat-*、54-5 で型の一覧とタグ＝sk-list-*、54-6 で文書のご購入＝sk-pub-*）。
 * 帯・本文の面・横の札・本文の器は部3 の css/sk-single.css（sk-art-*）を使い、ここは固定ページだけの部品（sk-rec-* ほか）。
 * 見た目の正は 50_サイト全面改修\試作\R1.html（54-1、2026-11-02 確定）。寸法は rem（提案書 §2-2）。
 */

/* ===== 採用（54-2） ===== */
.sk-page .sk-rec-now{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:0 0 2rem}
.sk-page .sk-rec-now>div{background:var(--sk-cream);border:.0625rem solid var(--sk-line);padding:1rem 1.25rem}
.sk-page .sk-art-prose .sk-rec-now h3{margin:0 0 .25rem;padding:0;border:0;font-size:1rem;color:var(--sk-ink)}
.sk-page .sk-rec-now p{margin:0;font-size:.875rem;color:var(--sk-muted)}
.sk-page .sk-rec-job{border:.0625rem solid var(--sk-line);border-left:.25rem solid var(--sk-gold);padding:1.25rem 1.5rem;margin:0 0 1.25rem;background:#fff}
.sk-page .sk-art-prose .sk-rec-job h3{margin:0 0 .75rem;padding:0;border:0}
.sk-page .sk-rec-flow{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.sk-page .sk-rec-flow>div{background:var(--sk-cream);border:.0625rem solid var(--sk-line);padding:1rem 1.25rem;font-size:.875rem}
.sk-page .sk-art-prose .sk-rec-flow h3{margin:0 0 .5rem;padding:0;border:0;font-size:.9375rem}
.sk-page .sk-rec-go{margin:.75rem 0 0}
.sk-page .sk-rec-go .sk-btn{min-height:2.75rem;padding:0 1.25rem;text-decoration:none}
/* 応募の欄（部2 のフォームの部品）は本文の面の幅いっぱいに。目次から飛んだときに固定のヘッダーに隠れない */
.sk-page #sk-form-recruit{max-width:none;margin:0;scroll-margin-top:6.5rem}
.sk-page .sk-art-prose [id]{scroll-margin-top:6.5rem}

/* ===== 一般の固定ページの器（54-3。試作 G1・G2） ===== */
/* 横の札の無いページは、本文を読みやすい幅で中央に（G1） */
.sk-page .sk-art-grid.sk-page-one{grid-template-columns:minmax(0,52rem);justify-content:center}
.sk-page .sk-page-soon{margin:0;color:var(--sk-muted)}
.sk-page .sk-gate-teaser{position:relative}
.sk-page .sk-gate-teaser::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6rem;background:linear-gradient(180deg,rgba(255,255,255,0),#fff);pointer-events:none}
/* 柔軟コンテンツの段（16・08・13・15・06・中央の見出し・17・05・10）。外枠の幅と余白は器に任せ、見出しは部3 の形にそろえる（54-3-D） */
.sk-page .sk-art-prose [class*="gp__layout"],.sk-page .sk-art-prose [class*="wp__layout"]{margin:0 0 1.75rem;padding:0;background:none;border:0;width:auto;max-width:none}
.sk-page .sk-art-prose [class*="gp__layout"]>div,.sk-page .sk-art-prose [class*="wp__layout"]>div{margin:0;padding:0;max-width:none;width:auto}
.sk-page .sk-art-prose h3.td-section,.sk-page .sk-art-prose .wrap_title_b1,.sk-page .sk-art-prose .txt_technology,.sk-page .sk-art-prose .txt_comps202_2{display:block;position:static;font-size:1.0625rem;font-weight:700;line-height:1.55;color:var(--sk-brown);margin:1.75rem 0 .625rem;padding:0 0 0 .625rem;border:0;border-left:.25rem solid var(--sk-gold);background:none;text-align:left}
.sk-page .sk-art-prose h3.td-section::before,.sk-page .sk-art-prose h3.td-section::after,.sk-page .sk-art-prose .wrap_title_b1::before,.sk-page .sk-art-prose .wrap_title_b1::after{content:none;display:none}
.sk-page .sk-art-prose .txt_h3_comp{font-size:.9375rem;font-weight:700;color:var(--sk-brown);margin:1.25rem 0 .5rem;padding:0;border:0;background:none}
.sk-page .sk-art-prose .item_company{display:flex;gap:1.5rem;align-items:flex-start}
.sk-page .sk-art-prose .item_company>*{flex:1 1 0;min-width:0;max-width:none;padding:0}
/* 写真の側（前の CSS は max-width:calc(100% - 900px) で、本文の面では幅 0 になる）は 3 割 */
.sk-page .sk-art-prose .item_company>*:has(>.img_ali_left,>.img_ali_right,>img){flex:0 0 32%}
.sk-page .sk-art-prose .img_ali_left,.sk-page .sk-art-prose .img_ali_right{width:auto;max-width:100%;float:none;margin:0}
.sk-page .sk-art-prose .img_ali_left img,.sk-page .sk-art-prose .img_ali_right img{width:100%;height:auto}
.sk-page .sk-art-prose .item_company .img_ali_left img,.sk-page .sk-art-prose .item_aic_01 img{max-width:100%;height:auto}
.sk-page .sk-art-prose .block_refer{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:1rem;margin:0 0 1.5rem}
.sk-page .sk-art-prose .item_refer{width:auto;max-width:none;margin:0;padding:0}
.sk-page .sk-art-prose .item_refer a{display:block;text-decoration:none;color:var(--sk-ink)}
/* 法形成過程の一覧：国旗の札（前の CSS は札の幅を 0 にする） */
.sk-page .sk-art-prose .item_refer picture{display:flex;align-items:center;justify-content:center;width:100%;height:auto;aspect-ratio:4/3;background:var(--sk-cream);border:.0625rem solid var(--sk-line)}
.sk-page .sk-art-prose .item_refer picture img{width:4rem;height:auto;border:0}
.sk-page .sk-art-prose .item_refer h5.txt_refer{font-size:.9375rem;font-weight:700;text-align:center;margin:.5rem 0 .25rem;color:var(--sk-brown)}
.sk-page .sk-art-prose .item_refer a>span{display:block;font-size:.6875rem;line-height:1.5;color:var(--sk-link);text-decoration:underline;word-break:break-all;text-align:center}
.sk-page .sk-art-prose .item_refer img{width:100%;height:auto;border:.0625rem solid var(--sk-line)}
.sk-page .sk-art-prose .item_refer .txt_refer{font-size:.875rem;margin:.375rem 0 0}
.sk-page .sk-art-prose .wrap__button-list{display:flex;flex-wrap:wrap;gap:.625rem;margin:0 0 1.25rem}
.sk-page .sk-art-prose .wrap__button-list a{display:inline-flex;align-items:center;min-height:2.75rem;padding:.5rem 1.25rem;background:var(--sk-brown);color:var(--sk-gold-lt);text-decoration:none;font-weight:500}
.sk-page .sk-art-prose .wrap__button-list a:hover{background:var(--sk-gold-lt);color:var(--sk-brown-dk)}
/* 見出しの列の表（table2・table3）：前の CSS の白い字が、部3 の淡い地の上に残らないように */
.sk-page .sk-art-prose table.table2 td:first-child,.sk-page .sk-art-prose table.table3 tr+tr td:first-child{color:var(--sk-ink)}
/* 法形成過程（G2）：表は枠線・濃茶の見出しの行・行ごとの地の色・結合の欄。狭い画面は横にスクロール */
.sk-page-lmp .sk-art-prose table{font-size:.8125rem;border:.0625rem solid var(--sk-brown-md)}
.sk-page-lmp .sk-art-prose td,.sk-page-lmp .sk-art-prose th{border:.0625rem solid #cdbca4;vertical-align:middle;width:auto!important}
.sk-page-lmp .sk-art-prose table.table1 tr:first-child>td{background:var(--sk-brown);color:#fff;font-weight:700;text-align:center;white-space:nowrap}
.sk-page-lmp .sk-art-prose table tr:nth-child(even)>td{background:#f6efe3}
.sk-page-lmp .sk-art-prose table tr:nth-child(odd):not(:first-child)>td{background:#fff}
.sk-page-lmp .sk-art-prose td:first-child{text-align:center;font-family:var(--sk-latin);font-size:.9375rem;color:var(--sk-brown);min-width:2.5rem}
.sk-page-lmp .sk-art-tscroll table{min-width:40rem}
/* 前の CSS の表の下の余白（40px）と、エディターが行に書いた高さを消す。表の後の空きが大きくならないように */
.sk-page-lmp .sk-art-prose table{margin:0!important}
.sk-page-lmp .sk-art-prose tr,.sk-page-lmp .sk-art-prose td{height:auto!important}
.sk-page-lmp .sk-art-prose h4{font-size:.9375rem;margin:1.5rem 0 .5rem;color:var(--sk-brown)}
.sk-page-cta .sk-page-cta-d{font-size:.8125rem;line-height:1.7;margin:0 0 .875rem;color:#eadfce}
.sk-page-lmplist{background:#fff;border:.0625rem solid var(--sk-line);padding:1rem 1.125rem;max-height:22rem;overflow:auto}
.sk-page-lmplist p{margin:0 0 .375rem;font-family:var(--sk-latin);font-size:.6875rem;letter-spacing:.24em;color:var(--sk-link)}
.sk-page-lmplist ul{list-style:none;margin:0;padding:0;columns:2;column-gap:1rem;font-size:.8125rem}
.sk-page-lmplist li{padding:.1875rem 0;break-inside:avoid}
.sk-page-lmplist a{color:var(--sk-brown-md);text-decoration:underline;text-underline-offset:.1875rem;text-decoration-color:var(--sk-line)}
.sk-page-lmplist .is-self a{font-weight:700;color:var(--sk-brown);text-decoration:none}
/* 前の記事一覧の段の代わり（記事の札 6件） */
.sk-page-list{background:#fff;border-top:.0625rem solid var(--sk-line);padding:2.5rem 0}
.sk-page .sk-page-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:2rem}

/* ===== カテゴリーのページ（54-4。試作 C1〜C3）。部品は template/page-category.php ===== */
.sk-cat-sec{background:var(--sk-cream);padding:2.5rem 0}
.sk-cat-sec.sk-cat-white{background:#fff;border-top:.0625rem solid var(--sk-line)}
.sk-cat-sec.sk-cat-tight{padding-top:0}
.sk-cat-sec .sk-art-sec-h{margin-top:0}
.sk-cat-sec .sk-art-pop{margin-top:0}
.sk-cat-counts{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;margin:0;padding:0;list-style:none;font-size:.8125rem}
.sk-cat-counts b{font-family:var(--sk-latin);font-size:1.25rem;color:var(--sk-champ);margin-right:.25rem;font-weight:500}
/* 関連のページ（分類の欄） */
.sk-cat-rel{display:flex;flex-wrap:wrap;gap:.625rem;list-style:none;margin:0;padding:0}
.sk-cat-rel a{display:inline-flex;align-items:center;min-height:2.75rem;padding:.5rem 1rem;background:#fff;border:.0625rem solid var(--sk-line);font-size:.875rem;color:var(--sk-ink);transition:background-color .2s,color .2s}
.sk-cat-rel a:hover{background:var(--sk-brown);color:var(--sk-gold-lt)}
/* 小分類の札：写真（ナビの札と同じ画像。無ければ濃茶の面）に英字・名前・件数、下に短い説明（54-4-A） */
.sk-cat-kids{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;list-style:none;margin:0;padding:0}
.sk-cat-kids li{min-width:0}
.sk-cat-kids a{display:flex;flex-direction:column;height:100%;min-width:0;background:#fff;border:.0625rem solid var(--sk-line);color:var(--sk-ink);transition:border-color .2s}
.sk-cat-kids a:hover{border-color:var(--sk-brown)}
.sk-cat-ph{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:16/9;padding:.875rem 1rem;background:var(--sk-brand);color:#fff;overflow:hidden;isolation:isolate}
.sk-cat-ph img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;filter:sepia(.35) saturate(.8) hue-rotate(-8deg)}
.sk-cat-ph:not(.is-text)::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(30,20,15,.05) 0%,rgba(30,20,15,.3) 40%,rgba(30,20,15,.9) 100%)}
/* 英字は名前のすぐ上（覆いの濃い所）。写真の明るい上の方に置くと読めない */
.sk-cat-en{display:block;font-family:var(--sk-latin);font-size:.6875rem;letter-spacing:.12em;line-height:1.4;color:var(--sk-gold-text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sk-cat-nm{font-size:1rem;font-weight:500;line-height:1.4}
.sk-cat-n{font-size:.75rem;color:#e6dccd}
.sk-cat-d{display:block;padding:.75rem .875rem .875rem;font-size:.8125rem;line-height:1.7;color:var(--sk-muted)}
.sk-cat-kids .is-self a{border-color:var(--sk-gold);box-shadow:inset 0 0 0 .125rem var(--sk-gold)}
.sk-cat-kids .is-self .sk-cat-nm::after{content:"（このページ）";font-size:.6875rem;color:var(--sk-gold-text);margin-left:.25rem}
/* この分野の解説：長いので、最初の部分だけ見せて「続きを読む」で開く */
.sk-cat-essay .sk-art-grid{align-items:start}
.sk-cat-fold.is-fold{max-height:28rem;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}
.sk-cat .sk-cat-more{margin-top:1rem;min-height:2.75rem;padding:0 1.5rem;background:transparent;color:var(--sk-brown);border:.0625rem solid var(--sk-brown)}
.sk-cat .sk-cat-more:hover{background:var(--sk-brown);color:var(--sk-gold-lt)}
.sk-cat .sk-cat-more[aria-expanded=true]{display:none}

/* ===== 型の一覧とタグ（54-5。試作 L1・L1b・L2）。部品は inc/type-list.php、探した後の画面とタグは 51-5 の css/sk-search.css も読む ===== */
/* 新着の帯：濃茶の地 */
.sk-list-newband{background:var(--sk-brand);color:var(--sk-ink-dk);padding:2.25rem 0;border-top:.25rem solid var(--sk-gold)}
.sk-list-newband .sk-art-sec-h{margin-top:0;border-bottom-color:rgba(243,221,174,.25)}
.sk-list-newband .sk-art-sec-h h2{color:var(--sk-champ)}
.sk-list-newband .sk-art-sec-h small{color:var(--sk-gold-text)}
.sk-list-new{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2rem;list-style:none;margin:0;padding:0}
.sk-list-new li{min-width:0}
.sk-list-new a{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.75rem;padding:.625rem .25rem;border-bottom:.0625rem solid rgba(243,221,174,.2);font-size:.875rem;line-height:1.55;color:var(--sk-ink-dk);transition:background-color .2s,color .2s}
.sk-list-new span{overflow-wrap:anywhere}
.sk-list-new time{font-family:var(--sk-latin);color:var(--sk-gold-text)}
.sk-list-new a:hover{background:var(--sk-gold-lt);color:var(--sk-brown-dk)}
.sk-list-new a:hover time{color:var(--sk-brown-dk)}
/* 探す欄（既定の画面）。「条件で絞り込む」は JS があるときだけ（無ければ選ぶ欄を最初から出す） */
.sk-list-find{background:#fff;border:.0625rem solid var(--sk-line);border-top:.25rem solid var(--sk-gold);padding:1.125rem 1.25rem;display:grid;gap:.875rem;margin:0}
.sk-list-kw{display:flex;gap:.5rem}
.sk-list-kw input{flex:1;min-width:0;font:inherit;font-size:.9375rem;padding:.5rem .75rem;border:.0625rem solid var(--sk-line);min-height:2.75rem;margin:0;border-radius:0;background:#fff;box-shadow:none}
.sk-list-kw .sk-btn{min-height:2.75rem;padding:0 1.5rem}
.sk-list .sk-list-find .sk-btn-solid,.sk-list .sk-list-invf .sk-btn-solid{background:var(--sk-brown);color:var(--sk-gold-lt);border-color:var(--sk-brown)}
.sk-list .sk-list-find .sk-btn-solid:hover,.sk-list .sk-list-invf .sk-btn-solid:hover{background:var(--sk-gold-lt);color:var(--sk-brown-dk)}
.sk-list-more{display:none;align-items:center;font:inherit;font-size:.8125rem;min-height:2.75rem;padding:0 1rem;background:#fff;border:.0625rem solid var(--sk-brown);color:var(--sk-brown);cursor:pointer;white-space:nowrap}
.sk-list-find.sk-js .sk-list-more{display:inline-flex}
.sk-list-more[aria-expanded=true]{background:var(--sk-brown);color:var(--sk-gold-lt)}
.sk-list-sel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.625rem .875rem}
.sk-list-sel[hidden]{display:none}
.sk-list-sel label,.sk-list-invf label{display:grid;gap:.1875rem;font-size:.75rem;color:var(--sk-muted);margin:0;min-width:0;font-weight:400}
.sk-list-sel select,.sk-list-invf select{font:inherit;font-size:.875rem;padding:.375rem .5rem;min-height:2.5rem;color:var(--sk-ink);width:100%;min-width:0;border:.0625rem solid var(--sk-line);background:#fff;margin:0;border-radius:0}
/* 国・地域の段 */
.sk-list-natsec .sk-art-sec-h{margin-top:2.25rem}
.sk-list-nat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem 2rem}
.sk-list-nat section{background:#fff;border:.0625rem solid var(--sk-line);padding:1rem 1.125rem 1.125rem;min-width:0}
.sk-list-nat h3{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin:0 0 .5rem;font-family:var(--sk-serif);font-size:1.125rem;font-weight:600}
.sk-list-nat h3 small{font-family:"Noto Sans JP",sans-serif;font-size:.75rem;color:var(--sk-muted);font-weight:400}
.sk-list-nat table{width:100%;border-collapse:collapse;font-size:.8125rem;table-layout:fixed}
.sk-list-nat th,.sk-list-nat td{border-bottom:.0625rem solid var(--sk-line);padding:.4375rem .375rem;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.sk-list-nat th{font-size:.75rem;color:var(--sk-muted);font-weight:500;border-bottom:.125rem solid var(--sk-brown)}
.sk-list-nat td:last-child,.sk-list-nat th:last-child{color:var(--sk-muted);font-size:.75rem;width:8.5rem}
.sk-list-nat tr:nth-child(even) td{background:#faf6ef}
/* 古い指定（.page table td a は青い字・ブロック、:hover は !important の橙）より強く */
.sk-list .sk-list-nat td a{display:inline;color:var(--sk-ink);text-decoration:underline;text-underline-offset:.1875rem;text-decoration-color:var(--sk-line)}
.sk-list .sk-list-nat td a:hover{color:var(--sk-link)!important}
.sk-list-nat .sk-art-go{display:inline-block;margin-top:.625rem}
/* 古い style.css は、幅 1024px 以下で固定ページの表の行を隠して「読み込み中」の絵にする（古い JS が動くまで）。一覧の表では打ち消す */
/* 古い指定（.page table）より強くするため .sk-list を前に付ける */
.sk-list .sk-list-nat table,.sk-list table.sk-list-inv{display:table!important;height:auto!important;background-image:none!important}
.sk-list .sk-list-nat tr,.sk-list table.sk-list-inv tr{display:table-row!important}
/* 古いフッターの「目次」の札（見出しから目次を作る）は、一覧には目次にする見出しが無いので出さない */
.sk-list-page .wrap__table_content{display:none!important}
/* 探した後の画面・タグ：結果の上の語の欄と、絞り込みの下の総合検索への案内（ほかは 51-5 の部品のまま） */
.sk-list-q{display:flex;gap:.5rem;margin:0 0 1rem}
.sk-list-q input{flex:1;min-width:0;height:2.75rem;padding:0 .75rem;border:.0625rem solid var(--sk-line);font:inherit;font-size:.9375rem;margin:0;border-radius:0;background:#fff;box-shadow:none}
.sk-list-q .sk-btn{min-height:2.75rem;padding:0 1.5rem}
.sk-list-all{display:block;margin-top:1rem;padding:.875rem 1rem;background:var(--sk-brand);color:var(--sk-ink-dk);font-size:.8125rem;line-height:1.6;border-top:.1875rem solid var(--sk-gold)}
.sk-list-all b{display:block;color:var(--sk-champ);font-size:.875rem}
.sk-list-all:hover{background:var(--sk-brown-dk);color:var(--sk-ink-dk)}
/* ページ送り（お知らせは css/sk-search.css を読まないので、同じ形をここにも） */
.sk-list .sk-s-pager{display:flex;flex-wrap:wrap;justify-content:center;gap:.375rem;margin-top:1.75rem}
.sk-list .sk-s-pager .page-numbers{min-width:2.5rem;height:2.5rem;display:inline-grid;place-items:center;padding:0 .625rem;border:.0625rem solid var(--sk-line);background:#fff;font-size:.875rem;color:var(--sk-brown)}
.sk-list .sk-s-pager a.page-numbers:hover{background:var(--sk-brown);color:var(--sk-gold-lt);border-color:var(--sk-brown)}
.sk-list .sk-s-pager .current{background:var(--sk-brown);color:var(--sk-gold-lt);border-color:var(--sk-brown);font-weight:700}
.sk-list .sk-s-pager .dots{border:0;background:none;min-width:1.5rem}
/* お知らせ（54-5-C）：区分の札と、日付・区分・題名の行 */
.sk-list-kinds{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.25rem}
.sk-list-kinds a{display:inline-flex;align-items:center;gap:.5rem;min-height:2.5rem;padding:0 1rem;border:.0625rem solid var(--sk-brown);background:#fff;color:var(--sk-brown);font-size:.875rem;transition:background-color .2s,color .2s}
.sk-list-kinds a span{font-size:.75rem;color:var(--sk-muted)}
.sk-list-kinds a[aria-current],.sk-list-kinds a:hover{background:var(--sk-brown);color:var(--sk-gold-lt)}
.sk-list-kinds a[aria-current] span,.sk-list-kinds a:hover span{color:var(--sk-gold-lt)}
.sk-list-news{background:#fff;border:.0625rem solid var(--sk-line)}
.sk-art-news.sk-list-news a{grid-template-columns:6.5rem 10rem minmax(0,1fr);align-items:start}
.sk-list-kind{justify-self:start;font-size:.75rem;line-height:1.5rem;padding:0 .5rem;border:.0625rem solid var(--sk-line);color:var(--sk-brown-md);white-space:nowrap}
.sk-list-news a:hover .sk-list-kind{color:var(--sk-gold-lt);border-color:var(--sk-gold-lt)}
/* 調査相談（54-5-B）：絞り込みと表。狭い画面は1件ずつの札 */
.sk-list-invf{display:flex;flex-wrap:wrap;align-items:end;gap:.75rem 1rem;background:#fff;border:.0625rem solid var(--sk-line);border-top:.25rem solid var(--sk-gold);padding:1rem 1.25rem;margin:0 0 1rem}
.sk-list-invf label{flex:1 1 12rem}
.sk-list-invf .sk-btn{min-height:2.5rem;padding:0 1.25rem}
.sk-list-n{margin:0 0 .75rem;font-size:.875rem;color:var(--sk-muted)}
.sk-list-n b{font-family:var(--sk-latin);font-size:1.25rem;color:var(--sk-brown);margin-right:.125rem}
.sk-list-invwrap{background:#fff;border:.0625rem solid var(--sk-line)}
.sk-list-inv{width:100%;border-collapse:collapse;font-size:.875rem}
.sk-list-inv th,.sk-list-inv td{padding:.625rem .75rem;border-bottom:.0625rem solid var(--sk-line);text-align:left;vertical-align:top}
.sk-list-inv th{font-size:.75rem;color:var(--sk-muted);font-weight:500;border-bottom:.125rem solid var(--sk-brown);white-space:nowrap}
.sk-list-inv td:first-child{font-family:var(--sk-latin);color:var(--sk-link);white-space:nowrap;width:5.5rem}
.sk-list-inv td:nth-child(2),.sk-list-inv td:nth-child(3){width:12rem}
.sk-list-inv tr:nth-child(even) td{background:#faf6ef}
.sk-list-inv td p{margin:0}
.sk-list-inv .sk-art-chip{display:inline-block;margin:0 .25rem .25rem 0}

/* ===== 文書のご購入（54-6。試作 P1）。部品は template/page-publications.php ===== */
.sk-pub-intro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;margin:0;padding:0}
.sk-pub-intro li{background:#fff;border:.0625rem solid var(--sk-line);border-top:.25rem solid var(--sk-gold);padding:1rem 1.125rem;min-width:0}
.sk-pub-e{font-family:var(--sk-latin);font-size:.6875rem;letter-spacing:.2em;color:var(--sk-link)}
.sk-pub .sk-pub-intro h2{margin:.125rem 0 .375rem;font-size:1rem;font-weight:700;color:var(--sk-ink)}
.sk-pub-intro p{margin:0;font-size:.8125rem;line-height:1.7}
.sk-pub-tools{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:end;background:#fff;border:.0625rem solid var(--sk-line);padding:1rem 1.125rem;margin:1.5rem 0 1rem}
.sk-pub-tools label,.sk-pub-kinds-w{display:grid;gap:.25rem;font-size:.75rem;color:var(--sk-muted);margin:0;font-weight:400;min-width:0}
.sk-pub-tools select,.sk-pub-tools input[type=search]{font:inherit;font-size:.875rem;padding:.375rem .5rem;min-height:2.5rem;min-width:9rem;color:var(--sk-ink);border:.0625rem solid var(--sk-line);background:#fff;margin:0;border-radius:0;box-shadow:none}
.sk-pub-kw input[type=search]{min-width:16rem}
.sk-pub-kinds{display:flex;flex-wrap:wrap;gap:.375rem}
.sk-pub-kinds button{font:inherit;font-size:.8125rem;min-height:2.5rem;padding:0 .875rem;border:.0625rem solid var(--sk-line);background:#fff;color:var(--sk-ink);cursor:pointer}
.sk-pub-kinds button[aria-pressed=true]{background:var(--sk-brown);color:var(--sk-gold-lt);border-color:var(--sk-brown)}
.sk-pub-kinds button:hover{border-color:var(--sk-brown)}
.sk-pub .sk-pub-go{min-height:2.5rem;padding:0 1.25rem;background:var(--sk-brown);color:var(--sk-gold-lt);border-color:var(--sk-brown)}
.sk-pub-tools.sk-js .sk-pub-go{display:none}
.sk-pub-n{font-size:.8125rem;margin:0 0 .75rem}
.sk-pub-n b{font-family:var(--sk-latin);font-size:1.125rem;color:var(--sk-brown)}
.sk-pub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem;list-style:none;margin:0;padding:0}
.sk-pub-card{min-width:0}
.sk-pub-card[hidden]{display:none}
.sk-pub-card a{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:.75rem;height:100%;background:#fff;border:.0625rem solid var(--sk-line);padding:.875rem;color:var(--sk-ink);transition:border-color .2s}
.sk-pub-card a:hover{border-color:var(--sk-brown)}
.sk-pub-card a>div{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem;min-width:0}
.sk-pub-im{width:4.5rem;height:4.5rem;object-fit:cover;background:var(--sk-brand)}
.sk-pub-ph{display:grid;place-items:center;color:var(--sk-gold-text);font-family:var(--sk-latin);font-size:.625rem;letter-spacing:.1em}
.sk-pub-tags{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center}
.sk-pub-k{display:inline-block;font-size:.6875rem;line-height:1.25rem;padding:0 .4375rem;background:var(--sk-champ);color:var(--sk-brown-dk);font-weight:700}
.sk-pub-tt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:.875rem;line-height:1.55;margin:.125rem 0;overflow-wrap:anywhere}
.sk-pub-m{font-size:.75rem;color:var(--sk-muted)}
.sk-pub-pr{font-family:var(--sk-latin);font-size:1rem;color:var(--sk-brown)}
.sk-pub-pr small{font-family:"Noto Sans JP",sans-serif;font-size:.6875rem;color:var(--sk-muted)}
.sk-pub-more{font-size:.6875rem;color:var(--sk-muted)}
.sk-pub-none{background:#fff;border:.0625rem dashed var(--sk-brown-md);padding:1.25rem;font-size:.875rem;color:var(--sk-muted);margin:0}
.sk-pub-morew{display:flex;justify-content:center;margin:1.25rem 0 0}
.sk-pub .sk-pub-morebtn{min-height:2.75rem;padding:0 1.75rem;background:#fff;color:var(--sk-brown);border:.0625rem solid var(--sk-brown)}
.sk-pub .sk-pub-morebtn:hover{background:var(--sk-brown);color:var(--sk-gold-lt)}
.sk-pub .sk-pub-morebtn[hidden]{display:none}

@media (max-width:1100px){
  .sk-page .sk-page-cards{grid-template-columns:1fr 1fr}
  .sk-pub-intro{grid-template-columns:1fr}
  .sk-cat-kids{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sk-list-new,.sk-list-nat{grid-template-columns:1fr}
  .sk-list-sel{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .sk-list-newband{padding:1.75rem 0}
  .sk-pub-tools{display:grid;grid-template-columns:minmax(0,1fr)}
  .sk-pub-tools select,.sk-pub-tools input[type=search],.sk-pub-kw input[type=search]{min-width:0;width:100%}
  .sk-pub-grid{grid-template-columns:minmax(0,1fr)}
  .sk-list-new a{grid-template-columns:1fr;gap:.125rem}
  .sk-list-find{padding:1rem}
  .sk-list-sel{grid-template-columns:1fr}
  .sk-list-kw{flex-wrap:wrap}
  .sk-list-kw input{flex-basis:100%}
  .sk-list-kw .sk-btn,.sk-list-kw .sk-list-more{flex:1;justify-content:center}
  .sk-art-news.sk-list-news a{grid-template-columns:auto minmax(0,1fr);gap:.25rem .75rem}
  .sk-list-news a>span:last-child{grid-column:1/-1}
  .sk-list-invf{padding:.875rem 1rem}
  .sk-list-invf label{flex-basis:100%}
  .sk-list-inv thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .sk-list table.sk-list-inv,.sk-list table.sk-list-inv tbody,.sk-list table.sk-list-inv tr,.sk-list table.sk-list-inv td{display:block!important;width:auto!important}
  .sk-list-inv tr{padding:.75rem .875rem;border-bottom:.0625rem solid var(--sk-line)}
  .sk-list-inv tr:nth-child(even){background:#faf6ef}
  .sk-list-inv td,.sk-list-inv tr:nth-child(even) td{border:0;padding:.125rem 0;background:none;white-space:normal}
  .sk-list-inv td:nth-child(2)::before,.sk-list-inv td:nth-child(3)::before{content:attr(data-label) "：";font-size:.6875rem;color:var(--sk-muted);margin-right:.25rem}
  .sk-list table.sk-list-inv td:empty{display:none!important}
}
@media (max-width:700px){
  .sk-cat-sec{padding:1.75rem 0}
  .sk-cat-kids{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}
  .sk-cat-nm{font-size:.875rem}
  .sk-cat-d{padding:.5rem .625rem .625rem;font-size:.75rem}
}
@media (max-width:700px){
  .sk-page .sk-rec-now,.sk-page .sk-rec-flow{grid-template-columns:1fr}
  .sk-page .sk-rec-job{padding:1rem 1.125rem}
  .sk-page .sk-art-prose .item_company{flex-direction:column}
  .sk-page .sk-page-cards{grid-template-columns:1fr}
  .sk-page-lmplist ul{columns:1}
}