header {
    /* display: flex; 子要素を横並びにするFlexboxを有効化 */
    display: flex; 
    /* aligin-items: 縦方向のそろえ方 center=縦中央ぞろえ flex-start=上揃え flex-end=下揃え stretch=親の高さいっぱいまで伸ばす */
    align-items: center;
    /* justify-content横方向のそろえ方 */
    /* justify-content: flex-end; */
    /* 内側の余白 */
    padding: 0 15px;
}
.header-right {
    margin-left: auto;
    display: flex;
}
div ul {
    display: flex;
    /* リストの箇条書き記号 */
    list-style: none;
    /* margin: 外側の余白 */
    margin: 0;
    padding: 0;
    gap: 20px;
}
div ul li {
    display: inline;
}

header a {
    color: #8a8c8e;
}
header a:hover {
    color: #000000;
}

a {
    color: yellowgreen;
    /* 装飾、通常は下線が引かれている */
    text-decoration: none;
}
a:hover {
    color: greenyellow;
    text-decoration: none;
}


.headerlogo {
    height: 60px;
    width: auto;
}