@media (prefers-color-scheme: light) {
    body {
        background-color: #f7f7f7;
    }

    .top {
        background-color: #ffc832;
    }

    .top .left a {
        color: #ffffff;
    }

    .top .right .searchbox {
        border: solid 1px #ffffff;
    }

    main .contents .items:hover {
        box-shadow: 0 0px 48px 0 rgba(0, 0, 0, 0.05);
    }

    main .contents .items {
        background-color: #ffffff;
    }

    main h1,
    main p,
    main .contents .items h1,
    main .contents .items p,
    main .contents .items .date,
    main .article .date,
    main .article h1,
    main .article h2,
    main .article h3,
    main .article p {
        color: #252525;
    }

    main .article td,
    th {
        border: solid 1px #252525;
    }

    main .article pre,
    .link_btn,
    .error p {
        color: #f7f7f7;
    }

    main .article pre {
        background-color: #252525;
    }

    .link_btn {
        background-color: #ffc832;
    }

    .error {
        background-color: #ff4848;
        box-shadow: 0 0px 48px 0 rgba(0, 0, 0, 0.15);
    }

    .error p {
        text-shadow: 0 0 0 #f7f7f7;
    }

    footer {
        background-color: #f0f0f0;
        color: #000000;
    }

    footer a {
        color: #000000;
    }
}