@charset "UTF-8";
body{
width:100%;
max-width:800px;
margin: auto;
/* background-color:#E6F3F1; */
            font-family :"HG丸ｺﾞｼｯｸM-PRO","メイリオ","ＭＳ Ｐゴシック","MS UI Gothic",sans-serif;
font-size : 16px;
}

/* reset.css  */
header,
footer.
main,
nav,
article,
section{
display: block;
}


hr{clear:both}
/* =========== \  :header,main,nav,footer====== */
/* header */
header{
background-color : #ffffff;
width : 100%; 
text-align : center;
}
h1{
font-size : xx-large;
line-height :50px;
width:100%;
text-align : center;
background-color : #ccc;
margin:0;
padding:0;
}

h2{
font-size : x-large;
line-height :1;
margin:0;
padding:0;
}

h3{
font-size : large;
line-height :1;
margin:0;
padding:3%;
}

.topnav{
display: block;
background-color : #000;
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;
/*	border-bottom-width : 2px;
	border-bottom-style : solid;
	border-bottom-color : #c4a3bf ;
	border-right-width : 1px;
	border-right-style : solid;
	border-right-color : silver;  */
line-height :30px;
color: #fff;
}
.topnav li a{
text-decoration: none;
color:white;
}



#content {
width:100%;
max-width:1100px;
margin: auto;
background-color:white;
}

main{
width:90%;
margin:auto;
background-color:white;
}



footer{
clear : both;
color : white;
background-color : #281a2d;
height : 28px;
line-height : 150%;
width : 100%;
text-align : center;
}
footer a{
font-size : small;
font-weight : bold;
color : #d0f2cc;
}