/* settings */

/* color */
:root {
    --color-primary: #05285a;
    --color-sub: #a08204;
    --color-white: #fefefe;
    --color-black: #1c1c1c;
    --color-beige: #f4e3ce;
}

/* 共通 */
html {
    /* min-width: 320px; */
    font-family: "Noto Serif JP", "Yu Mincho", "游明朝体", 'Shippori Mincho' , serif;
    font-weight: 400;
    scroll-behavior: smooth;
}

body {
    &.body-open {
        height: 100vh;
        overflow: hidden;
    }
}

main {
    position: relative;
    color: var(--color-primary);
    letter-spacing: 0.1em;
}

a {
    display: block;
    text-decoration: none;
    color: var(--color-black);
}

img {
    object-fit: cover;
    width: 200px;
}

span.db{
    display: block;
}

span.dib{
    display: inline-block;
}

hgroup{
    text-align: center;

    h2{
        color: var(--color-primary);
        font-size: 2rem;
        letter-spacing: 0.2em;

        @media(max-width:768px){
            font-size: 1.75rem;
        }

        @media(max-width:480px){
            font-size: 1.5rem;
        }
    }

    p{
        margin-top: 8px;
        color: var(--color-sub);
        font-size: 1.5rem;
        font-weight: 300;
        letter-spacing: 0.1em;

        @media(max-width:768px){
            font-size: 1.25rem;
        }

        @media(max-width:480px){
            font-size: 1rem;
        }
    }
}