/* 共通変数設定 */
:root {
    --col-white: rgb(255, 255, 255);
    --col-black: rgb(75, 75, 75);
    --col-yellow: rgb(252, 200, 0);
    --col-thinyellow: rgb(255, 255, 239);
    /* --col-gray: rgb(250, 250, 251); */
    --col-gray: rgb(244, 244, 244); /*　背景用 */
    --col-darkgray: rgb(150, 150, 150); /* 枠線用 */
}

/* スムージング */
html {
    scroll-behavior: smooth;
}

/* ブラウザリセット */
body,
h1,
h2,
h3,
h4,
h5,
p,
button {
    margin: 0;
    padding: 0;
    color: var(--col-black);
    font-size: 100%;
    font-weight: 300;
    font-family: "Noto sans JP", sans-serif;
}

/* タグ共通設定 */
figure {
    margin: 10px;
}

ul {
    margin: 0;
    list-style: none;
}

label {
    display: block;
}

/* LVHA */
a:link {
    text-decoration: underline 0.5px;
    color: inherit;
}

a:visited {
    color: inherit;
}

a:hover {
    color: var(--col-yellow);
    font-weight: 500;

    & h3,
    p {
        color: var(--col-yellow);
        font-weight: 500;
    }
}

@media (hover: none) {
    a:hover {
        color: inherit;
        font-weight: inherit;

        & h3,
        p {
            color: inherit;
            font-weight: inherit;
        }
    }
}