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

body {
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

/* Header and Footer and Main-content */
.main-container {
    border: 2px solid black;
}

header {
    padding: 10px;
    background-color: #fff4ea;
}

.main-content {
    padding: 10px;
}

@media screen and (min-width: 768px) {
    .main-container {
        display: flex;
        width: 100%;
    }

    header {
        width: 40%;
    }

    .main-content {
        width: 60%;
    }
}

/* Link Text */
.nav-link-a {
    color: black;
    text-decoration: none;
}

.nav-link-a:visited {
    color: black;
}

.nav-link {
    border-bottom: 10px solid lightgrey;
}

.link-a {
    color: black;
    text-decoration: none;
}

.link-a:visited {
    color: black;
}

/* テキスト装飾 */
.underline {
    border-bottom: 5px solid lightgrey;
}