@charset "utf-8";

/* ニュース詳細ページのスタイル */

.news-content.detail .meta {
  margin-bottom: clamp(12px, 2vw, 20px);
}
.news-content.detail .post-title {
  font-size: clamp(16px, 2vw, 20px);
  font-weight: 700;
  margin-bottom: clamp(20px, 5vw, 40px);
  color: #333;
  line-height: 1em;
  letter-spacing: 0.08em;
}
.news-content.detail .featured-image {
  aspect-ratio: 1100 / 618;
  overflow: hidden;
  margin-bottom: clamp(32px, 10vw, 80px);
}
.news-content.detail .featured-image.no-image {
  display: grid;
  place-items: center;
  aspect-ratio: 1100 / 618;
  background-color: #c1c1c1;
}
.news-content.detail .no-image-placeholder {
  width: fit-content;
  font-size: clamp(20px, 5vw, 40px);
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.news-content.detail .post-content {
  font-size: clamp(14px, 2vw, 16px);
  color: #333;
  line-height: 2em;
  letter-spacing: 0.08em;
  padding-bottom: clamp(40px, 10vw, 80px);
  margin-bottom: clamp(52px, 13vw, 100px);
  min-height: clamp(200px, 40vw, 320px);
  border-bottom: 2px solid #333;
}
.news-content.detail .post-content :is(p, h2, h3, h4, h5, h6) {
  margin-bottom: clamp(10px, 2.6vw, 20px);
  letter-spacing: 0.08em;
}
.news-content.detail .post-content p {
  font-weight: 500;
}
.news-content.detail .post-content h2 {
  font-weight: 700;
}
.news-content.detail .post-content :is(h3, h4, h5, h6) {
  font-weight: 600;
}
.news-content.detail .nav-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(20px, 4vw, 32px);
}
.news-content.detail .back-to-list {
  position: relative;
  z-index: 10;
  width: clamp(200px, 45vw, 350px);
  height: clamp(60px, 12vw, 90px);
  background-color: #fff;
  border: solid 2px #100169;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: all 0.3s ease-in;
}
.news-content.detail .back-to-list:hover {
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
}
.news-content.detail .back-to-list:hover::before {
  transform: translate3d(-100%, 0, 0);
}
.news-content.detail .back-to-list::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  transform: translate3d(0, 0, 0);
  z-index: -1;
  display: block;
  width: calc(100% + 28px);
  height: 100%;
  clip-path: polygon(0 0, 100% 0, 93% 100%, 0 100%);
  background-color: #100169;
  transition: all 0.3s ease-in;
}
.news-content.detail .back-to-list a {
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: clamp(16px, 3vw, 24px);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-align: center;
  box-sizing: border-box;
  transition: all 0.2s ease-in;
}
.news-content.detail .back-to-list:hover a {
  color: #100169;
}

.news-content.detail .nav-link:not(.disabled) {
  cursor: pointer;
}
.news-content.detail .nav-link:not(.disabled):hover .nav-label {
  color: #c19421;
}
.news-content.detail .nav-link.disabled {
  user-select: none;
  pointer-events: none;
  opacity: 0;
}
.news-content.detail .nav-label {
  font-size: clamp(16px, 2vw, 20px);
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #333;
  transition: all 0.2s ease-in;
}

/* トラッキングピクセル（1px画像）を非表示 */
.news-content.detail .post-content img[width="1"][height="1"] {
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

/* API投稿記事の空白要素対策 */
.news-content.detail .post-content .wp-block-spacer,
.news-content.detail .post-content p:empty,
.news-content.detail .post-content div:empty,
.news-content.detail .post-content figure.wp-block-image:empty {
  display: none;
}