@charset "utf-8";

/* ==========================================================================
   ニュース詳細ページ：記事本文レイアウト
   ========================================================================== */

/* 詳細ページ全体の背景色を確実に固定 */
.news-detail-page {
    background-color: #f8f6e7 !important;
}

/* 記事本文用のコンテナ（全ページの基準幅 960px に完全同期） */
.container-article {
    width: 100% !important;
    max-width: 960px !important; 
    margin: 0 auto !important;
    
    /* パンくず下の余白を全ページ共通の60pxに設定 */
    padding: 30px 0 0 0 !important; 
    
    background-color: #f8f6e7 !important;
    box-sizing: border-box !important;
}

/* 記事ヘッダー（日付とタイトル） */
.article-header {
    margin-bottom: 40px !important;
    border-bottom: none !important; 
}

.article-header .date {
    font-family: "futura-pt", sans-serif !important;
    font-size: 14px !important;
    color: #3b2004 !important;
    margin-bottom: 10px !important;
    display: block !important;
}

.article-header h1 {
    font-family: "Noto Serif JP", serif !important;
    font-size: 28px !important;
    font-weight: 500 !important;
    color: #3b2004 !important;
    letter-spacing: 0.05em !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

/* 記事本文 */
.article-body {
    font-family: "Noto Serif JP", serif !important;
    font-size: 15px !important;
    line-height: 2.3 !important; /* カフェらしいゆったりした行間 */
    color: #3b2004 !important;
    margin-bottom: 60px !important;
}

.article-body p {
    margin-bottom: 2em !important;
}

/* ==========================================================================
   お知らせ一覧へ戻るボタン
   ========================================================================== */
.btn-area {
    text-align: center !important;
    margin-top: 60px !important;
    margin-bottom: 190px !important; /* 下のCONTACTセクションとの間隔 */
}

.back-btn {
    display: inline-block !important;
    width: 180px !important;
    padding: 15px 0 !important;
    border: 1px solid #3b2004 !important;
    background-color: transparent !important;
    color: #3b2004 !important;
    text-decoration: none !important;
    font-family: "Noto Serif JP", serif !important;
    font-size: 14px !important;
    transition: background-color 0.3s ease, color 0.3s ease !important;
    text-align: center !important;
}

/* ボタンのホバー（一覧と同じく心地よい反転アクション） */
.back-btn:hover {
    background-color: #3b2004 !important;
    color: #ffffff !important;
}