body{background-color:#f5f5dc	;}

div.zekkei{text-align:center;}


/*  home iroiro*/
nav{
text-align: center;
}
nav ul{
margin: 0 ;
padding: 0 ;
}
nav li{
list-style: none;
display: inline-block;
width: 10%;
min-width: 90px;
}
nav li:not(:last-child){
border-right:2px solid #ddd;
}
nav a{
text-decoration: none;
color: #333; //kuraihaiiiro
}
nav a.home{
color: #00B0F0;
border-bottom:2px solid #00B0F0;
}
nav a:hover{
color:#ff8c00;
border-bottom:2px solid #ff8c00;
}


/*丸い写真*/
img.spring{border-radius:50%;
width:150px;
height:150px;
object-fit:cover; /*アスペクト比を維持したまま拡大縮小*/
}

img.summer{border-radius:50%;
width:150px;
height:150px;
object-fit:cover; /*アスペクト比を維持したまま拡大縮小*/
}

img.autumn{border-radius:50%;
width:150px;
height:150px;
object-fit:cover; /*アスペクト比を維持したまま拡大縮小*/
}

img.winter{border-radius:50%;
width:150px;
height:150px;
object-fit:cover; /*アスペクト比を維持したまま拡大縮小*/
}

/**/
div.a{display:flex;
text-align:center;
}




/* 背景の色設定*/
/*m0=1月*/

body.spring,  body.m2 body.m3 body.m4{background:# fff0f5}
body.summer  body.m5, body.m6 ,body.m7{background: navy}

body.autumn, body.m8, body.m9, body.m10 {background:#f5deb3}
body.winter, body.m11body.m0,body.m1{background: #f0f8ff}
