:root {
    /*トップページ：サムネイルの横幅*/
    --thumbnail-width: 150px;
    /*トップページ：サムネイルの縦幅*/
    --thumbnail-height: 150px;

    /*検索ページ：サムネイルの横幅*/
    --search-thumbnail-width: 100px;
    /*検索ページ：サムネイルの縦幅*/
    --search-thumbnail-height: 100px;

    /*サムネイルの色*/
    --thumbnail-back-color: #eee;
    --thumbnail-font-color: #999;

    /*タグ クラウドのバックカラー&文字色*/
    --tag-cloud-back-color: #a0a0a0;
    --tag-cloud-font-color: #fff;
    --tag-cloud-back-color-hover: #777;
    --tag-cloud-font-color-hover: #fff;

    /* 基本背景色 */
    --background-color: #f0f0f0;
    --base-back-color: #fff;


    /* 基本 文字色 */
    --base-text-color: #333;
    --base-light-color: #777;

    --link-color: #777;
    --link-hover-color: #999;


    /* トップページ背景色 */
    --index-back-color: #fff;

    /* ヘッダー部背景色 */
    --header-back-color: var(--background-color);
    --header-link-color: #777;
    --header-link-color-hover: #999;

    /* テキスト記事サムネイル用背景 */
    --background-text-thumb: url("../resource/text-back1.png");
}

/* 画像関連 */
.instraction-image {
    border-radius: 5px;
}

.view-image {
    border-radius: 5px;
}