/*　タイトル設定 */
    
    h1,
    h2 {
        color: gray;
        font-size: 250%;
        font-family: 'DotGothic16', sans-serif;
        text-align: center;
    }
    /* 全体設定 */
    
    div {
        max-width: 640px;
        margin-right: auto;
        margin-left: auto;
    }
    /* 文字設定 */
    
    div,
    footer {
        text-align: center;
        font-family: 'Noto Serif JP', serif;
    }
    /* nav設定 */
    
    li {
        list-style: none;
    }
    
    ul {
        /* flexboxレイアウト */
        display: flex;
        justify-content: space-evenly;
        /* nav左の余白消去 */
        padding: 0;
    }
    
    li a {
        color: #000;
    }
    /* カーソルを乗せると線が消える */
    
    li a:hover {
        text-decoration: none;
    }
    
    table {
        width: 100%;
    }
    /* tableを1列で表示 */
    
    table th,
    table td {
        width: 100%;
        display: block;
    }
    /* ヘッダー装飾 */
    
    header {
        border-top: solid 10px #d3d3d3;
    }
    /* くぼむようなデザイン */
    
    section {
        box-shadow: 0 0 10px 0 #ccc inset;
        margin-top: 40px;
        padding: 10px 20px;
    }
    
    img {
        max-width: 100%;
    }
    /* メディアクエリ */
    
    @media(max-width:640px) {
        ul {
            flex-direction: column;
        }
        li {
            width: auto;
        }
        li a {
            padding: 1em;
            margin-bottom: 0.5em;
            display: block;
            background-color: #d3d3d3;
            border-radius: 6px;
            text-decoration: none;
        }
    }