:root {
    --home-bg: #e7dec4;
    /* トップ背景 */
    --border-color: #ff7300;
    /* カード枠線色 */
    --border-width: 5px;
    /* カード枠線太さ */
    --title-color: #000000;
    /* トップ見出し文字色 */
    --underline-color: #ff7300;
    /* 見出し下線色 */
    --underline-width: 100px;
    /* 見出し下線幅 */
    --underline-height: 3px;
    /* 見出し下線太さ */
    --underline-offset: 20px;
    /* 見出しから下線までの距離 */
    --card-text-color: #ffffff;
    /* カード文字色 */
    --card-letter-spacing: 5.12px;
    --card-sub-letter-spacing: 1.92px;
    --footer-text-color: #9a9a9a;
    /* フッター文字色 */
}

/* ===== Top only ===== */
/* ここはふれない */

/* 背景（トップ） */
body.home {
    background: var(--home-bg);
}

/* 見出し（トップ） */
body.home main.toppage_main h2.underline {
    color: var(--title-color);
}

/* 見出し下線（トップ） */
body.home main.toppage_main h2.underline:after {
    background: var(--underline-color);
    width: var(--underline-width);
    height: var(--underline-height);
    bottom: calc(-1 * var(--underline-offset));
}

/* カード枠（トップ） */
body.home main.toppage_main div.imagelink {
    border: var(--border-width) solid var(--border-color);
}

/* カード文字（トップ） */
body.home main.toppage_main p.link_title {
    color: var(--card-text-color);
    letter-spacing: var(--card-letter-spacing);
}

body.home main.toppage_main p.link_title span {
    color: var(--card-text-color);
    letter-spacing: var(--card-sub-letter-spacing);
}

/* フッター（全ページでOK） */
footer .copyright p {
    color: var(--footer-text-color);
}