@charset "UTF-8";

body{
width:100%;
max-width:800px;
margin: auto;
text-align:center;
font-family :"HG丸ｺﾞｼｯｸM-PRO","メイリオ","ＭＳ Ｐゴシック","MS UI Gothic",sans-serif;
}

h1{
font-size : x-large;
line-height :42px;
width:100%;
text-align : center;
background-color : #ccc;
margin:0;
padding:0;
}
.topnav{
display: block;
background-color :#8c7042 ;
height :1;
width:100%;
margin:0;
padding:0;
}
.topnav ul{
list-style: none; 
width:100%;
text-align : center;
margin:0;
padding:0;
display: flex; /* Flexboxコンテナとして設定 */
flex-direction:row;
}
.topnav li{
margin :0% 0%;
text-decoration: none;
justify-content : space-around;
padding:1% 3%;
margin-bottom:0;
line-height :30px;
color: #fff;
}
.topnav li a{
text-decoration: none;
color:white;
}

/* <link rel="stylesheet" href="design/style81.css" /> */