:root {
        --bg-color: #fcfbf7;
        --border-color: #d1ccbc;
        --text-color: #444;
        --accent: #8e7855;
    }
    body {
        font-family: sans-serif;
        background-color: var(--bg-color);
        color: var(--text-color);
        margin: 0;
        line-height: 1.6;
    }
    #pageWrapper { max-width: 960px; margin: 0 auto; padding: 20px; }
    #menuWrapper { border-bottom: 2px solid var(--border-color); padding-bottom: 20px; margin-bottom: 30px; }
    #mainTitle img { display: block; }
    #globalMenu1 ul, #globalMenu2 ul { list-style: none; padding: 0; display: flex; gap: 20px; }
    #globalMenu1 a { color: var(--accent); text-decoration: none; font-weight: bold; }
    
    #mainImage { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; }
    .menu { background: white; padding: 15px; border: 1px solid var(--border-color); border-radius: 8px; }
    .menu h2 a img { width: 100%; height: auto; }
    .menu ul { list-style: none; padding: 0; }
    .menu li { margin-bottom: 5px; }
    
    .whatsNew { grid-column: 1 / -1; background: #eee; padding: 20px; border-radius: 8px; }
    .newsWrap { display: grid; grid-template-columns: 120px 1fr; gap: 10px; }
    .kouji { color: #999; font-size: 0.9em; }
    
    #footer { margin-top: 40px; text-align: center; font-size: 0.8em; color: #888; border-top: 1px solid #ccc; padding-top: 20px; }

    @media (max-width: 768px) {
        #pageWrapper { padding: 10px; }
        .newsWrap { grid-template-columns: 1fr; }
    }