/* plecre-works お知らせ・ブログ一覧 [plecre_posts]
 * 平面・線のみ（影・浮き上がりなし）。色は下の変数で変えられます。 */
.pp-wrap{
  --pp-accent:#2f83b3; --pp-ink:#1d2b33; --pp-sub:#5b6d78; --pp-line:#d6e4ec; --pp-pale:#eef6fb;
  color:var(--pp-ink); line-height:1.7; letter-spacing:.04em;
}
.pp-wrap *,.pp-wrap *::before,.pp-wrap *::after{box-sizing:border-box}

/* テーマ（SWELL）の見出し・リスト装飾を打ち消す */
.pp-wrap.pp-wrap .pp-title,.pp-wrap.pp-wrap ul,.pp-wrap.pp-wrap li,.pp-wrap.pp-wrap p{margin:0;padding:0;border:0;background:none;box-shadow:none;list-style:none}
.pp-wrap.pp-wrap .pp-title::before,.pp-wrap.pp-wrap .pp-title::after,.pp-wrap.pp-wrap li::before{content:none;display:none}
.pp-wrap.pp-wrap a{text-decoration:none;color:inherit}

/* 見出し */
.pp-wrap .pp-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-bottom:1px solid var(--pp-ink);padding-bottom:14px;margin-bottom:6px}
.pp-wrap.pp-wrap .pp-title{font-size:19px;font-weight:500;line-height:1.5;color:var(--pp-ink)}
.pp-wrap .pp-en{font-family:"Jost",sans-serif;font-size:12px;font-weight:400;letter-spacing:.2em;color:var(--pp-accent);margin-left:12px}
.pp-wrap.pp-wrap .pp-more{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--pp-accent);white-space:nowrap}
.pp-wrap .pp-more:hover{text-decoration:underline}
.pp-wrap .pp-more-wrap{margin-top:20px;text-align:right}

/* 共通 */
.pp-wrap .pp-link{display:flex;color:var(--pp-ink)}
.pp-wrap .pp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.pp-wrap .pp-date{font-family:"Noto Sans JP",sans-serif;font-size:13px;color:var(--pp-sub);letter-spacing:.02em}
.pp-wrap .pp-cat{font-size:11px;line-height:1;padding:4px 8px;border:1px solid var(--pp-line);border-radius:3px;color:var(--pp-sub)}
.pp-wrap .pp-ttl{display:block;font-size:15px;line-height:1.7;transition:color .2s}
.pp-wrap .pp-link:hover .pp-ttl{color:var(--pp-accent)}
.pp-wrap .pp-excerpt{display:block;margin-top:6px;font-size:13px;line-height:1.8;color:var(--pp-sub)}
.pp-wrap .pp-thumb{display:block;flex:none;aspect-ratio:16/10;border:1px solid var(--pp-line);border-radius:4px;overflow:hidden;background:var(--pp-pale);line-height:0}
.pp-wrap .pp-thumb img,.pp-wrap .pp-img{width:100%!important;height:100%!important;object-fit:cover;display:block;margin:0}
.pp-wrap .pp-noimg{display:block;width:100%;height:100%;background:var(--pp-pale)}
.pp-wrap .pp-empty{padding:24px 0;font-size:14px;color:var(--pp-sub)}

/* リスト：日付＋タイトル（＋右端に矢印） */
.pp-design--list .pp-link{align-items:center;gap:16px;padding:18px 4px;border-bottom:1px solid var(--pp-line)}
.pp-design--list .pp-body{flex:1;min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:4px 20px}
.pp-design--list .pp-meta{min-width:96px}
.pp-design--list .pp-excerpt{grid-column:2}
.pp-design--list .pp-arw{flex:none;color:var(--pp-line);transition:color .2s}
.pp-design--list .pp-link:hover .pp-arw{color:var(--pp-accent)}

/* サムネイル付きリスト */
.pp-design--thumb .pp-link{align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid var(--pp-line)}
.pp-design--thumb .pp-thumb{width:128px}
.pp-design--thumb .pp-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}

/* カード */
.pp-design--card .pp-list{display:grid;grid-template-columns:repeat(var(--pp-cols,3),1fr);gap:28px 22px;margin-top:20px}
.pp-design--card .pp-link{flex-direction:column;gap:14px;height:100%}
.pp-design--card .pp-body{display:flex;flex-direction:column;gap:6px}

@media (max-width:960px){
  .pp-design--card .pp-list{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
  .pp-design--list .pp-body{grid-template-columns:1fr;gap:2px}
  .pp-design--list .pp-excerpt{grid-column:1}
  .pp-design--thumb .pp-thumb{width:96px}
  .pp-design--card .pp-list{grid-template-columns:1fr}
  .pp-wrap .pp-ttl{font-size:14px}
}

/* タブ切り替え */
.pp-tabs-wrap .pp-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 4px}
.pp-wrap .pp-tab{appearance:none;font:inherit;font-size:13.5px;letter-spacing:.04em;line-height:1.4;padding:9px 18px;border:1px solid var(--pp-line);border-radius:999px;background:#fff;color:var(--pp-sub);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.pp-wrap .pp-tab:hover{border-color:var(--pp-accent);color:var(--pp-accent)}
.pp-wrap .pp-tab[aria-selected="true"]{background:var(--pp-accent);border-color:var(--pp-accent);color:#fff}
.pp-wrap .pp-tab:focus-visible{outline:2px solid var(--pp-accent);outline-offset:2px}
.pp-tabs-wrap .pp-tabs .pp-more{margin-left:auto}
.pp-tabs-wrap .pp-panel[hidden]{display:none}
.pp-tabs-wrap .pp-panel > .pp-wrap{margin:0}