@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Noto+Serif+JP:wght@300;400;500&display=swap');

html {
    background: transparent;
}
body {
  --bg:#f1f1ef;
  --gold:#a9803f;
  --text-dark:#3a3a37;
  --text-gray:#8c8c89;
  --line:#c9c9c6;
  --serif: "Cormorant Garamond", "Times New Roman", serif;
  background: var(--bg);
  color: var(--text-dark);
  font-family: var(--serif);
  padding: 0 20px;
  -webkit-font-smoothing: antialiased;
}
/* ---------- breadcrumb ---------- */
.wrapper_ .breadcrumb{
  padding: 22px 0 0;
  white-space: nowrap;
  overflow: auto;
}
@media (min-width:1200px){
  .wrapper_ .breadcrumb{
    padding-inline: 74px;
  }
}
@media (min-width:769px){
  .wrapper_ .breadcrumb{
    padding-top: 48px;
  }
}
.wrapper_ .breadcrumb ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
}
.wrapper_ .breadcrumb li{
  font-size: clamp(11px, calc(9.6px + 0.373vw), 14px);
  color: #5c5c59;
  letter-spacing: 0.02em;
}
.wrapper_ .breadcrumb li + li{
  margin-left: 0.6em;
}
.wrapper_ .breadcrumb a{
  color: inherit;
  text-decoration: none;
}

/* ---------- page-news (中央寄せコンテナ) ---------- */
.wrapper_ .page-news{
  max-width: 1000px;
  margin: 0 auto 80px;
}
/* ---------- ロゴ（画像は仮置き） ---------- */
.wrapper_ .brand-logo{
  margin: clamp(24px, 5vw, 40px) 0 0;
  text-align: right;
}
.wrapper_ .brand-logo img{
  display:inline-block;
  width: 80%;
  max-width: 757px;
}

/* ---------- NEWS 見出し ---------- */
.wrapper_ .section-title{
  margin: 0 0 0;
  text-align:center;
  font-family: var(--serif);
  font-size: 44px;
  font-weight: 300;
  color: var(--gold);
  letter-spacing: 0.2em;
  line-height:1;
}
.wrapper_ .section-title span{
  display:block;
  margin-top: 0.7em;
  font-family: 'Noto Serif JP', serif;
  color: #826432;
  letter-spacing: 0.3em;
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 767px) {
    .wrapper_ .section-title {
        font-size: 28px;
    }
    .wrapper_ .section-title span {
        margin-top: 8px;
        font-size: 12px;
        line-height: 2;
    }
}
/* ---------- 記事一覧 ---------- */
.wrapper_ .news-list{
  list-style:none;
  margin: clamp(28px, 6vw, 48px) 0 0;
  border-top: 1px solid var(--line);
  padding:0;
}
.wrapper_ .news-item{
  border-bottom: 1px solid var(--line);
}
.wrapper_ .item-inner{
  display:flex;
  flex-direction:column;
  gap: 10px;
  padding: clamp(20px, 4vw, 41px) 0;
  text-decoration:none;
  color: inherit;
}
@media (min-width:769px){
  .wrapper_ .item-inner{
    flex-direction:row;
    align-items:flex-start;
    gap:0;
  }
  .wrapper_ .news-list{
    margin: clamp(28px, 10vw, 86px) 0 0;
  }
}
.wrapper_ .news-date{
  font-family: var(--serif);
  color: var(--gold);
  flex: none;
  font-size: 14.5px;
  line-height: 1.7;
  letter-spacing: 0.1em;
}
@media (min-width:769px){
  .wrapper_ .news-date{
    width: 150px;
    padding-top: 0.15em;
  }
}
.wrapper_ .news-text{
  margin:0;
  font-family: 'Noto Serif JP', serif;
  font-weight:400;
  color: var(--text-dark);
  font-size: 14px;
  line-height: 1.9;
  letter-spacing: 0.02em;
}
@media (min-width:769px){
  .wrapper_ .news-text{ flex:1; }
}

/* ---------- ページネーション ---------- */
.wrapper_ .navipage_.bottom_{
  text-align:center;
  padding: clamp(36px, 7vw, 64px) 0 clamp(50px, 8vw, 90px);
  font-family: var(--serif);
  color: var(--text-gray);
  font-size: clamp(13px, calc(11.5px + 0.3vw), 15px);
  letter-spacing: 0.03em;
}
.wrapper_ .navipage_.bottom_ ul{
  list-style:none;
  display:inline-flex;
  align-items:center;
  gap: clamp(10px, 2vw, 18px);
  margin:0;
  padding:0;
}
.wrapper_ .navipage_.bottom_ li{
  display:inline-flex;
}
.wrapper_ .navipage_.bottom_ a,
.wrapper_ .navipage_.bottom_ span{
  color: inherit;
  text-decoration:none;
}
.wrapper_ .navipage_.bottom_ a:hover{
  color: var(--gold);
}
/* ---------- 詳細：タイトル ---------- */
.news-title {
    color: var(--gold);
    font-family: var(--serif);
    font-weight: normal;
    font-size: clamp(16px,5.8vw,36px);
    margin: 0 0 20px;
}
/* ---------- 詳細：本文 ---------- */
.news-detail-content > * {
    margin: 0;
    line-height: 2;
}
.news-detail-content > * + * {
    margin: 50px 0;
}
.news-detail-content img {
    max-width: 100%;
    width: auto;
    height: auto;
}
.news-detail .news-date {
  font-size: 14px;
  color: #2C302E;
}
@media (min-width:769px){
  .news-detail-content > * + * {
      margin: 80px 0;
  }
  .news-detail .news-date {
    font-size: 24px;
  }
}
/* ---------- 戻るボタン ---------- */
.back-link {
    text-align: center;
    margin-top: 150px;
}
.back-link a {
    text-decoration: none;
    color: #2C302E;
    font-size: 17px;
    display: inline-block;
    position: relative;
    padding-left: 25px;
}
.back-link a::before {
    content: "";
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    border-top: 1px solid #2C302E;
    border-right: 1px solid #2C302E;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
@media (max-width:768px){
  .back-link {
      margin-top: 80px;
  }
}