/* お知らせ（蔵元発信欄）：トップの帯、一覧、記事。 */

/* 一行：日付・題名・矢印。トップと一覧で共通。 */
.news-list, .home-news-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid #d6d1c1; }
.news-list li, .home-news-list li { border-bottom: 1px solid #d6d1c1; }
.news-list a, .home-news-list a {
    display: grid; grid-template-columns: 7.5em 1fr auto; align-items: baseline; gap: 6px 28px;
    min-height: 44px; padding: 20px 4px; color: inherit; text-decoration: none; transition: color .3s, background-color .3s;
}
.news-list time, .home-news-list time { font-family: "Cormorant Garamond", Georgia, serif; font-size: 17px; letter-spacing: .06em; color: #8a7a55; }
.news-item-title { font-size: 14px; line-height: 1.9; letter-spacing: .04em; word-break: auto-phrase; overflow-wrap: anywhere; }
.news-list a > span[aria-hidden], .home-news-list a > span[aria-hidden] { color: #8a7a55; transition: translate .4s; }
.news-list a:hover, .home-news-list a:hover { color: #a6392e; background: #efe9dc80; }
.news-list a:hover > span[aria-hidden], .home-news-list a:hover > span[aria-hidden] { translate: 4px 0; }
.news-list a:focus-visible, .home-news-list a:focus-visible { outline: 2px solid #998159; outline-offset: 2px; }

/* トップ：コンセプトのあとの細い帯 */
.home-news { padding: clamp(40px, 6vw, 72px) 0 clamp(56px, 7vw, 88px); }
.home-news-inner { display: grid; grid-template-columns: minmax(180px, 260px) 1fr; gap: 24px clamp(32px, 6vw, 88px); align-items: start; }
.home-news-head .section-kicker { margin-bottom: 14px; }
.home-news-head h2 { margin: 0; font-family: var(--fx-mincho, "Shippori Mincho", serif); font-size: clamp(24px, 2.4vw, 32px); font-weight: 500; letter-spacing: .14em; line-height: 1.6; }
.home-news-more { display: inline-flex; align-items: center; gap: 14px; min-height: 44px; margin-top: 18px; font-size: 13px; letter-spacing: .08em; color: inherit; border-bottom: 1px solid #b8ae9c; }
.home-news-more:hover { color: #a6392e; border-color: #a6392e; }
.home-news-body { min-width: 0; }

/* 一覧ページ */
.news-page .news-status { margin: 0 0 24px; font-size: 13px; color: #6c7167; }
.news-page .news-list { border-top: 0; } /* 見出しの下線と二重にしない */
.news-page .news-list li:first-child a { padding-top: 0; }
.news-page .news-status:empty { display: none; }
.news-more { margin-top: 36px; }

/* 記事 */
.news-article { max-width: 760px; }
.news-article-date { display: block; font-family: "Cormorant Garamond", Georgia, serif; font-size: 19px; letter-spacing: .08em; color: #8a7a55; }
.news-article-title { margin: 10px 0 34px; padding-bottom: 28px; border-bottom: 1px solid #d6d1c1; font-family: "Noto Serif JP", serif; font-size: clamp(22px, 2.6vw, 30px); font-weight: 400; line-height: 1.7; letter-spacing: .06em; word-break: auto-phrase; overflow-wrap: anywhere; }
.news-article-image { margin: 0 0 34px; }
.news-article-image img { display: block; width: 100%; height: auto; max-height: 640px; object-fit: contain; background: #ebe5d8; }
.news-article-body p { margin: 0 0 1.6em; font-size: 15px; line-height: 2.2; letter-spacing: .04em; color: #4c5047; overflow-wrap: anywhere; }
.news-article-body a { color: #2b4032; text-decoration: underline; text-underline-offset: 4px; word-break: break-all; }
.news-article-link { margin-top: 8px; }
.news-article-back { margin: 56px 0 0; font-size: 13px; letter-spacing: .06em; }
.news-article-back a { display: inline-flex; gap: 10px; align-items: center; min-height: 44px; color: inherit; }

@media (max-width: 767px) {
    .home-news-inner { grid-template-columns: 1fr; }
    .news-list a, .home-news-list a { grid-template-columns: 1fr auto; gap: 2px 16px; padding: 16px 2px; }
    .news-list time, .home-news-list time { grid-column: 1 / -1; font-size: 15px; }
    .news-article-body p { font-size: 14px; line-height: 2.1; }
}
