/*linkcolor*/
a:link {
color: #164a84;
}
a:visited {
color: #164a84;
}

/*header*/
header {
  display: flex; 
  justify-content: space-evenly;
  align-items: center; 
  padding: 3px 15px 3px 0; 
}
.header-logo {
  justify-content: left;
}
.header-logo img {
  width: 168px;
  max-width: 1024px;
}
.header-list ul{
  list-style: none;
  display: flex;
}
.header-list li {
  padding: 0 12px;
  margin-top: 3px;
}
/*header end*/

/*contents*/
h1 {
font-family: "MS PMincho" ;
text-align: center;
margin-right: auto;
margin-left: auto;
}

/*contents, index, ja*/
.aiueo {
margin:0 auto;
font-size: 20px; 
line-height: 1.5;
border-top: 1mm ridge rgba(32, 45, 65, 0.6);
width:100%;  
max-width:1200px;
}
.aiueo h2{
text-align: center;
font-size: 23px;
font-family: serif;
color: #4d4d4f;
}
.aiueo ul{
padding-left:0;
}
.aiueo li{
line-height: 2;
text-align: center;
list-style:none;
}
.wrap{display: flex;
flex-wrap: wrap;
}

/*contents, index, rome. */
.rome {
margin:0 auto; 
border-bottom: 1mm ridge rgba(32, 45, 65, 0.6);
width:100%;  
max-width:1200px;
}
.rome h2{
text-align: center;
font-size:23px;
font-family: serif;
color: #4d4d4f;
}
.rome ul{
display: grid;
grid-template-rows: repeat(3, auto);
grid-template-columns: repeat(3, auto);
justify-content: center;
gap: 8px 32px;
padding:0px;
font-size: 21px;
}
.rome li{
text-align: center;
list-style:none;
}

/*contents, index, category. 
.category {
margin:0 auto;
font-size:17px;
border-top: 0px solid; 
width:100%;  
max-width:1200px;
}
.category h2{
text-align: center;
color: #4d4d4f;
}
.category ul{
padding-left:0;
}
.category li{
text-align: center;
list-style:none;
}*/

#footer{
display: flex;
margin: 0 auto;
width: 100%;
height: 100px;
justify-content: center;
align-items: center;
font-size: 0.9rem;
}

.copyright{
color: #4d4d4f;
}

/* MediaQueries*/
@media screen and (max-width: 959px) {
	/* max959px*/
}
@media screen and (max-width: 480px) {
	/* max480px */
}