/* =========================================
   1. ベース設定
   ========================================= */
body {
    background-color: #fdfcf9;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjQiIHZpZXdCb3g9IjAgMCA0IDQiPjxnIGZpbGwtcmVsZT0iZXZlbm9kZCI+PGcgZmlsbD0iI2RhZDZDOSIgZmlsbC1vcGFjaXR5PSIwLjE1Ij48cGF0aCBkPSJNMCAwaDF2MUgwek0xIDFoMXYxSDF6TTIgMmguMXYxSDJ6TTMgM2guMXYxSDJ6Ii8+PC9nPjwvZz48L3N2Zz4=');
    font-family: "Hiragino Mincho ProN", "serif", sans-serif;
    color: #4a4a4a;
    line-height: 1.8;
    margin: 0;
}

/* =========================================
   2. 全体レイアウト：横並びを強制
   ========================================= */
#container {
    max-width: 1000px;
    margin: 40px auto;
    background: #fff;
    box-shadow: 0 4px 30px rgba(0,0,0,0.05);
}

/* メインとサイドを横並びにする核心部分 */
#wrapper {
    display: flex !important;
    flex-direction: row-reverse !important; /* 右サイドバー */
    padding: 40px !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
}

/* =========================================
   3. ヘッダー：ロゴ
   ========================================= */
#header {
    padding: 60px 20px;
    text-align: center;
    border-bottom: 3px solid #869476;
}

#header img {
    max-height: 140px;
    width: auto;
}

/* =========================================
   4. メインナビゲーション：横並び強制リセット
   ========================================= */
#main-nav {
    background-color: #2b1f1a;
    width: 100% !important;
    overflow: hidden;
}

#main-nav ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: flex !important;
    flex-direction: row !important; /* 横一列 */
    justify-content: center !important;
    flex-wrap: wrap !important;
}

#main-nav li {
    display: block !important;
    float: none !important;
    margin: 0 !important;
}

#main-nav li a {
    display: block !important;
    padding: 15px 25px !important;
    color: #f3f3f3 !important;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 0.95rem;
    text-decoration: none;
}

#main-nav li a:hover {
    background-color: #869476 !important;
}

/* =========================================
   5. メインコンテンツ：幅の調整
   ========================================= */
#content {
    flex: 1 !important;
    padding