/* =========================================================
   PS WORKS News一覧ページ専用スタイル
   (page-news.phpから読み込みます)
   ========================================================= */
.psw-news-page{ padding:70px 24px 100px; position:relative; }
.psw-news-page-list{ list-style:none; margin:0; padding:0; }
.psw-news-page-list li{ padding:20px 0; border-bottom:1px dashed #cbd5db; }
.psw-news-page-row{ display:flex; align-items:baseline; gap:40px; }
.psw-news-page-list time{ width:140px; flex-shrink:0; color:var(--text); }
.psw-news-page-list .title{ color:var(--text); }
.psw-news-page-content{
  margin:10px 0 0 180px; color:var(--text); font-size:.9rem; line-height:1.8;
}
.psw-news-page-content p{ margin:0 0 .6em; }
.psw-news-page-content p:last-child{ margin-bottom:0; }

.psw-news-page-pagination{ display:flex; justify-content:center; gap:10px; margin-top:44px; flex-wrap:wrap; }
.psw-news-page-pagination .page-numbers{
  display:inline-block; min-width:36px; padding:8px 12px; text-align:center;
  border:1px solid #cbd5db; border-radius:2px; color:var(--navy-dark); font-weight:700;
}
.psw-news-page-pagination .page-numbers.current{ background:var(--navy); color:#fff; border-color:var(--navy); }
.psw-news-page-pagination .page-numbers:hover:not(.current){ background:var(--lightblue-2); }

.psw-news-page-dog{ text-align:right; margin-top:40px; }
.psw-news-page-dog img{ width:110px; height:auto; margin-left:auto; }

@media (max-width: 560px){
  .psw-news-page-row{ flex-direction:column; gap:6px; }
  .psw-news-page-list time{ width:auto; }
  .psw-news-page-content{ margin-left:0; }
}