/* ======================================
SINGLE NEWS
Cartier Editorial Scoped Version
====================================== */

.single-news{
  background:#fff;
  padding-bottom:160px;
}



/* =========================
TITLE AREA
========================= */

.single-news .section-title{
  text-align:center;
  margin-bottom:80px;
}



/* 上下ライン（ブランド演出） */
.single-news .page-title::before,
.single-news .page-title::after{
  content:"";
  display:block;
  width:70px;
  height:1px;
  background: var(--accent);
  margin: 18px auto;
  opacity:.6;
}

/* =========================
BREADCRUMB
========================= */

.single-news .breadcrumb{
  margin-top:20px;
  font-size:11px;
  letter-spacing:.2em;
  color:#888;
}

/* =========================
CONTENT
========================= */

.single-news .section-sub{
  font-size:15px;
  line-height:2.2;
  color:#444;
  letter-spacing:.03em;
}

/* 本文の余白を“雑誌化” */
.single-news .section-sub p{
  margin-bottom: 28px;
}

/* 強調 */
.single-news .section-sub strong{
  font-weight:600;
  color:#222;
}

/* リンク */
.single-news .section-sub a{
  color: var(--accent);
  text-decoration: none;
  border-bottom: 1px solid rgba(188,158,120,.3);
  transition: .3s;
}

.single-news .section-sub a:hover{
  border-bottom-color: var(--accent);
}

/* =========================
NAVIGATION（重要）
========================= */

.single-news .news-nav{

  margin-top:120px;

  display:grid;

  grid-template-columns: 1fr auto 1fr;

  align-items:center;

  justify-items:stretch; /* ←追加重要 */

  padding-top:40px;

  border-top:1px solid rgba(0,0,0,.08);

}}

/* 左右を強制的に端寄せ */

.single-news .news-nav-prev{

  justify-self:start;

  text-align:left;

}

.single-news .news-nav-next{

  justify-self:end;

  text-align:right;

}

.single-news .news-nav-prev,

.single-news .news-nav-next{

  min-width:120px;

}

/* 中央 */
.single-news .news-nav-center{
  text-align:center;
}

/* VIEW ALL */
.single-news .back-to-list{
  font-size:11px;
  letter-spacing:.3em;
  text-transform:uppercase;
  padding-bottom:6px;
  position:relative;
  color:#111;
}

/* 下線アニメーション */
.single-news .back-to-list::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:0%;
  height:1px;
  background: var(--accent);
  transition: width .5s ease;
}

.single-news .back-to-list:hover::after{
  width:100%;
}

/* PREV/NEXT */
.single-news .news-nav-prev a,
.single-news .news-nav-next a{
  color:#111;
  text-decoration:none;
  position:relative;
  padding-bottom:4px;
}

/* hover underline */
.single-news .news-nav-prev a::after,
.single-news .news-nav-next a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:0;
  height:1px;
  background: var(--accent);
  transition:.4s ease;
}

.single-news .news-nav-prev a:hover::after,
.single-news .news-nav-next a:hover::after{
  width:100%;
}

.single-news .news-nav-prev:empty::before,
.single-news .news-nav-next:empty::before{
  content:" ";
  display:inline-block;
  width:80px;
}

/* =========================
HOVER（全体）
========================= */

.single-news a{
  transition:.3s ease;
}

/* =========================
SP
========================= */

@media(max-width:768px){

  .single-news .section-inner{
    padding: 80px 20px;
  }

  .single-news .page-title{
    font-size: 32px;
    letter-spacing:.14em;
  }

  .single-news .news-nav{
    grid-template-columns: 1fr;
    gap:30px;
    text-align:center;
  }

  .single-news .news-nav-prev,
  .single-news .news-nav-next{
    font-size:11px;
  }

}