@charset "UTF-8";


/* ラッパー */
.news-archive .container{ 
  margin: 0 auto; 
  padding: 12em 0; 
}

.news-single .container {
  margin: 0 auto; 
  padding: 12em 16em; 
}
/* ===== NEWS フィルター（パンくず風） ===== */
/* 並び方（横並び・折り返し可） */
.news-filter {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

/* 個々のリンク： pill を解除してテキスト化 */
.news-filter__chip {
  padding: 0 !important;
  margin: 0;                      /* 余白はセパレータで管理 */
  font-size: 18px;
  font-weight: 600;/* 画像の印象に寄せて少し大きめ */
  text-decoration: none;
}

/* セパレータ「／」を後続のアイテムの前に表示 */
.news-filter__chip + .news-filter__chip::before {
  content: "／";            
  margin: 0 .6em;
}

/* アクティブ（ALL など選択中） */
.news-filter__chip.is-current {
  color: #19a3a3 !important;      
  font-weight: 700;
}

/* ホバー/フォーカス：色だけ変えて下線は控えめ */
.news-filter__chip:hover,
.news-filter__chip:focus-visible {
  color: #19a3a3;
}

/* モバイルで詰みすぎないよう少し余裕 */
@media (max-width: 640px) {
  .news-filter__chip { font-size: 15px; }
  .news-filter__chip + .news-filter__chip::before { margin: 0 .5em; }
}



.news-archive .label {
  padding-bottom:0em;
}

.ne-h2{
  margin-left: 10em;
    padding-bottom: 3.5em;
}
.ne-h2.label {
  padding-bottom: 2.5em;
}

.news-main{
  background: linear-gradient(135deg, rgb(225, 244, 244) 0%, rgb(186, 237, 237) 100%);
  padding: 5em 14em;
}
}

/* 一覧 */
.news-list { 
  list-style:none; padding:0; margin:0; border-top:1px solid #e9f1f1; }
.news-item { 
  border-bottom:1px solid #e9f1f1; 
  background-color: #fff;
  margin: 2em 0;
}
.news-item__link { 
  display:grid; 
  grid-template-columns: auto auto 1fr;  
  gap:1em; 
  align-items:center; 
  padding:14px 4px; 
  text-decoration:none; 
  color:#222; 
}
@media (max-width:640px){ .news-item__link{ grid-template-columns: 100px 1fr; } .news-item__cat{ display:none; } }
.news-item__date { color:#6b7b84; font-size:14px; letter-spacing:.02em; }
.news-item__cat  { display:inline-block; font-size:12px; background:#e8f3f3; color:#2a7777; padding:.2em .6em; border-radius:6px; }
.news-item__title{ font-weight:700; }

/* ページャ */
.news-pager { display:flex; justify-content:center; gap:8px; padding:22px 0; }
.news-pager .page-numbers { display:inline-grid; place-items:center; width:36px; height:36px; border:1px solid #dfeaea; border-radius:8px; text-decoration:none; background:#fff; }
.news-pager .current { background:#19a3a3; color:#fff; border-color:transparent; }

/* 詳細 */
.news-entry__head { margin:10px 0 16px; }
.news-entry__date { color:#6b7b84; }
.news-entry__title{ font-weight:800; font-size: clamp(22px, 3.4vw, 30px); margin:.2em 0; }
.news-entry__cats { display:flex; gap:8px; list-style:none; padding:0; margin:6px 0 0; }
.news-entry__cats a{ display:inline-block; font-size:12px; background:#e8f3f3; color:#2a7777; padding:.25em .6em; border-radius:6px; text-decoration:none; }
.news-entry__content { margin: 20px 0 24px; line-height: 1.9; }
.news-entry__content img { max-width:100%; height:auto; }
/* ナビ全体 */
.news-entry__nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 4em 0;
  border-top: 1px solid #e9f1f1;
}

/* 共通ボタン */
.news-entry__nav a {
  display: inline-flex;
  align-items: center;
  border: 1.5px solid #19a3a3;
  border-radius: 6px;
  font-size: 16px;
  color: #19a3a3;
  text-decoration: none;
  overflow: hidden; /* アイコン部分の角丸を効かせるため */
}

/* アイコン部分（CSS三角形） */
.news-entry__nav a .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.6em 0.9em;
  border-right: 1.5px solid #19a3a3;
}
.news-entry__nav a .icon::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 8px solid #19a3a3; /* 三角形の色とサイズ */
  transform: rotate(180deg); /* 左向き */
}

/* テキスト部分 */
.news-entry__nav a .label {
  display: inline-block;
  padding: 0.6em 1.2em;
  letter-spacing: 0.05em;
}

/* ホバー時 */
.news-entry__nav a:hover {
  background: #19a3a3;
  color: #fff;
}
.news-entry__nav a:hover .icon {
  border-color: #fff;
}
.news-entry__nav a:hover .icon::before {
  border-right-color: #fff;
}

.news-entry__nav a { text-decoration:none; }
.news-entry__nav .back { display:inline-block; padding:.5em .9em; border-radius:8px; border:1px solid #dfeaea; }

@media (max-width: 768px){
  .news-archive .container {
    padding: 112px 0;
}
  .ne-h2 {
    margin-left: 36px;
    padding-bottom: 40px;
}
  .news-main {
    padding: 40px 24px;
}
    .news-item__link{
    grid-template-columns: 1fr;   /* 1カラムに */
    gap: .4em 0;                  /* 行間だけあける */
    align-items: start;
  }
  .news-item__cat{
      justify-self: start;        /* Gridの横ストレッチをやめる */
  width: fit-content;  
  }
  .news-single .container {
    padding: 120px 24px 0;
}
}