@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&family=Noto+Serif+JP:wght@700&display=swap');

/* yamanaka.html */

figure {
    text-align: center;
}

.red {
    color: #ff0000;
}

.blue {
    color: #0000ff;
}

figure img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 400px;
}

figcaption {
    font-size: 0.9em;
}

@media (max-width: 768px) {
    figure {
        margin-inline: 0;
        width: 100%;
    }
}

#siga-map, #siga-admin-map, #overlay-rittai, #overlay-usa {
    width: 100%;
    margin-inline: 0;
    position: relative;

    img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 400px;
    }

    img+img {
        position: absolute; top: 0; left: 0; right: 0; margin-inline: auto;
    }
}

#siga-map, #siga-admin-map {
    text-align: center;

    datalist {
        text-align: center;
        display: flex;
        justify-content: space-between;
        margin-inline: auto;
    }

    option {
        padding: 0;
    }

    input {
        max-width: 90%;
        margin: 0;
    }
}

#siga-map {
    datalist {
        width: calc(min(300px, 90%) + 1em);
    }

    input#siga-year-selector {
        width: 300px;
    }
}

#siga-admin-map {
    datalist {
        width: calc(min(200px, 90%) + 1em);
    }

    input#siga-admin-year-selector {
        width: 200px;
    }
}

#overlay-rittai, #overlay-usa {
    input#rittai-opacity, input#current-opacity {
        vertical-align: top;
        margin-inline: 0.5em;
    }
}

.annotation {
    font-size: 0.9em;
    border-top: 1px solid var(--black);
    border-bottom: 1px solid var(--black);
}

/* yamanaka-{1,2,3}.html */

div.container {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin-top: 0.75rem;
    margin-bottom: 1.5rem;

    p.time {
        font-weight: bold;
    }
}

@media (min-width: 768px) {
    div.container {
        flex-direction: row;
        align-items: flex-end;

        p {
            margin-top: 0;
        }
    }
}

img.yoko {
    width: 400px;
    height: auto;
    max-width: 100%;
    max-height: 95vh;
    margin-right: 0.75em;
}

/* yamanaka-articles.html */

span.notice-kanji {
    font-family: 'Noto Serif JP', serif;
    font-size: 2em;
}

blockquote {
    font-family: 'Noto Serif JP', serif;

    div.title {
        padding-bottom: 0.25em;
        margin-bottom: 0.25em;
        border-bottom: 1px solid var(--border-gray);
    }

    p {
        text-indent: 1em each-line;
        margin: 0.25em 0 0;
    }

    blockquote+p {
        margin-top: 0.5em;
    }

    blockquote {
        all: initial;
        color: inherit;
        font-family: inherit;
        display: block;
        margin: 0.5em 2em 0;
    }

    span.larger {
        font-size: 1.5em;
    }
}