@charset "UTF-8";

/* ==============================================
   Base Styles (リセット & 基本設定)
   ============================================== */

/* モダンなリセット */
*, *::before, *::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    line-height: 1.8;
    
    /* ★ここにカスタマイザーの設定値(変数)を適用！ */
    background-color: var(--color-bg, #f9f9f9);
    color: var(--color-text, #333);
    
    /* 固定ヘッダーの分だけ余白を空ける（後でJSで調整しますが一旦仮で） */
    padding-top: 80px; 
}

a {
    color: var(--color-link, #0056b3);
    text-decoration: none;
    transition: color 0.3s;
}

a:hover {
    color: var(--color-link-hover, #003d82);
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}

/* コンテナ（中央寄せの箱） */
.container,
.header-inner,
.footer-inner {
    width: 100%;
    max-width: 1200px; /* PC幅 */
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
}