/* ========================================
   common.css — 全ページ共通の基本スタイル
   ======================================== */

/* リセット */
* { margin: 0; padding: 0; box-sizing: border-box; }

/* CSS変数 */
:root {
    --bg: #fffff3;
    --ink: #000000;
    --ink-light: #555550;
    --accent: #3d2b1f;
    --rule: rgba(0,0,0,0.12);
}

/* ベースタイポグラフィ */
body {
    background-color: var(--bg);
    color: var(--ink);
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", sans-serif;
    font-size: 15px;
    line-height: 1.9;
    min-height: 100vh;
    -webkit-text-size-adjust: 100%;
}

/* 言語ブロック切替 */
.lang-block { display: none; }
.lang-block.active { display: block; }

/* 言語セレクター（サブページ用：ボーダー付きボックス） */
#site-header #lang-select {
    background: transparent;
    border: 1px solid rgba(0,0,0,0.3);
    color: var(--ink);
    font-family: inherit;
    font-size: 12px;
    padding: 4px 26px 4px 9px;
    border-radius: 3px;
    cursor: pointer;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23000000aa'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    letter-spacing: 0.03em;
}
#site-header #lang-select option {
    background: #fffff3;
    color: #000;
}