/* news.html / news-detail.html の投稿用レイアウト */
.ampel-news { position: relative; }
.ampel-news .site-header { position: fixed; top: var(--admin-bar-offset, 0px); left: 0; width: 100%; }
.news-hero { height: 510px; overflow: hidden; background: url('../pages/news-hero.webp') center bottom / cover no-repeat; color: #fff; }
.news-hero__inner { padding-top: 196px; }
.news-hero__title { margin: 0; font-size: 40px; font-weight: 700; letter-spacing: .15em; line-height: 1.2; }
.news-hero__eyebrow { margin: 9px 0 0; color: #ff7f00; font: 400 24px/1 Jost, sans-serif; letter-spacing: .1em; }
.news-archive, .news-detail { padding: 102px 0; }
.news-archive__title { margin: 0 0 32px; font-size: 24px; }
.news-list { margin: 0; padding: 0; border-bottom: 1px solid #d5d5d5; list-style: none; }
.news-list__item { display: grid; grid-template-columns: 136px minmax(0, 1fr); align-items: baseline; border-top: 1px solid #d5d5d5; }
.news-list__item time { padding: 26px 9px; color: #999; font: 400 12px/1.5 Poppins, sans-serif; letter-spacing: .08em; text-align: center; white-space: nowrap; }
.news-list__link { padding: 26px 9px; font-size: 15px; line-height: 1.9; letter-spacing: .04em; overflow-wrap: anywhere; }
.news-list__link:hover { color: #0000fe; text-decoration: underline; text-underline-offset: .2em; }
.news-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px; margin-top: 34px; font-family: Poppins, sans-serif; }
.news-pagination .page-numbers { display: grid; width: 31px; height: 31px; padding: 0; place-items: center; border: 1px solid #d5d5d5; font-size: 14px; line-height: 1; }
.news-pagination .current { border-color: #ff7f00; background: #ff7f00; color: #fff; }
.news-pagination .prev, .news-pagination .next { display: inline-flex; gap: 9px; width: auto; border: 0; font-family: var(--font-ja); letter-spacing: .08em; }
.news-pagination .dots { border: 0; }
.news-pagination img { width: 6px; height: 12px; transform: rotate(-90deg); }
.news-pagination .next img { transform: rotate(90deg); }
.news-detail > .container { display: grid; justify-items: center; }
.news-detail__article { width: min(680px, 100%); min-width: 0; margin: 0 0 43px; }
.news-detail__header { padding-bottom: 10px; border-bottom: 2px solid #e7e7e7; }
.news-detail__header time { display: block; color: #999; font: 400 12px/1.5 Poppins, sans-serif; letter-spacing: .08em; }
.news-detail__header h1 { margin: 0; font-size: 28px; font-weight: 700; line-height: 1.5; overflow-wrap: anywhere; }
.news-detail__content { margin-top: 43px; }
.news-detail__featured { margin: 0 0 26px; }
.news-detail__image { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.news-detail__back { display: inline-flex; width: 177px; min-height: 43px; align-items: center; justify-content: center; gap: 17px; border: 1px solid #ff7f00; color: #ff7f00; font-size: 15px; font-weight: 700; letter-spacing: .08em; line-height: 1; }
.news-detail__back img { width: 6px; height: 12px; transform: rotate(90deg) scaleY(-1); }
.news-detail__back:hover { background: #fff5eb; }
@media (max-width: 1360px) {
  .news-hero { height: 408px; }
  .news-hero__inner { padding-top: 162px; }
}
@media (max-width: 1060px) {
  .ampel-news .container { width: min(var(--content-max-width), calc(100% - 32px)); }
}
@media (max-width: 767px) {
  .news-hero { height: 320px; background-position: 58% center; }
  .news-hero__inner { padding-top: 130px; }
  .news-hero__title { font-size: 32px; }
  .news-hero__eyebrow { font-size: 18px; }
  .news-archive, .news-detail { padding: 80px 0; }
  .news-list__item { grid-template-columns: 106px minmax(0, 1fr); }
  .news-list__item time, .news-list__link { padding: 20px 8px; }
  .news-pagination { gap: 10px; margin-top: 30px; }
  .news-pagination .page-numbers { min-width: 32px; height: 32px; }
  .news-pagination .prev, .news-pagination .next { gap: 6px; }
  .news-detail__article { margin-bottom: 40px; }
  .news-detail__header h1 { font-size: 24px; }
  .news-detail__content { margin-top: 40px; }
  .news-detail__back { width: 190px; min-height: 48px; font-size: 16px; }
}
@media (max-width: 767px) {
  .news-hero { height: 400px; }
  .ampel-news .news-hero__inner { width: calc(100% - 120px); padding-top: 132px; }
  .news-hero__eyebrow { font-size: 20px; color: #ffa851; }
}