/*
button { 
    width:80%; 
    border-radius:50px; 
    margin: 0 5 0 1;
    } 
*/

/*20230513追加　brの高さ調整がcontent: "";の追加とmarginの指定によりできた*/
.button-iro-haru br {
display: block;
content: "";
margin: -0.2em 0; 
}

/* 2023夏（メイン）のボタン */
.button-iro-main:hover {
 cursor: pointer; /* カーソルを指マークに */
 background-color: #f0fedc; 
 box-shadow: 1px 1px 1px grey;
}

.button-iro-main{
    background-color: #EDEDED;
    font-size: 20px;/*20230513追加*/
    letter-spacing: 0.1em;
    width: 30%;
    padding: 10px;
    line-height: 1.3em;
    box-shadow: 5px 5px 5px grey;
    } 



/* 2023海の幸のボタン */
.button-iro-umi:hover {
 cursor: pointer; /* カーソルを指マークに */
 background-color: #D4F6F6; 
 box-shadow: 1px 1px 1px grey;
}
 
.button-iro-umi {
  cursor: pointer;
  width: 30%;
  transition: 0.2s; /* 変化を滑らかに */
  background-color: #EDEDED;
  text-align: center;
  border-radius: 10px;   
  padding: 10px;
  letter-spacing: 0.1em;
  box-shadow: 5px 5px 5px grey;
}



/* 2023春のボタン */
.button-iro-haru:hover {
 cursor: pointer; /* カーソルを指マークに */
 background-color: #ffe4e1; 
 box-shadow: 1px 1px 1px grey;
}
 
.button-iro-haru {
  cursor: pointer;
  width: 30%;
  transition: 0.2s; /* 変化を滑らかに */
  background-color: #EDEDED;
  text-align: center;
  border-radius: 10px;   
  padding: 10px;
  letter-spacing: 0.1em;
  box-shadow: 5px 5px 5px grey;
}


 /* 2022夏のボタン */
.button-iro-natu:hover {
 cursor: pointer; /* カーソルを指マークに */
 background-color: #f0fedc; 
 box-shadow: 1px 1px 1px grey;
}
 
.button-iro-natu {
  cursor: pointer;
  width: 30%;
  transition: 0.2s; /* 変化を滑らかに */
  background-color: #EDEDED;
  text-align: center;
  border-radius: 10px;   
  padding: 10px;
  letter-spacing: 0.1em;
  box-shadow: 5px 5px 5px grey;
}


/* 2021秋のボタン */
.button-iro-aki:hover {
 cursor: pointer; /* カーソルを指マークに */
 background-color: #ffd5b1; 
 box-shadow: 1px 1px 1px grey;
}
 
.button-iro-aki {
  cursor: pointer;
  width: 30%;
  transition: 0.2s; /* 変化を滑らかに */
  background-color: #EDEDED;
  text-align: center;
  border-radius: 10px;   
  padding: 10px;
  letter-spacing: 0.1em;
  box-shadow: 5px 5px 5px grey;
}






.button-iro-natu{
    background-color: #EDEDED;
    width: 30%;
    } 





.button-iro{ 
    white-space: nowrap;
    width: 30%;
    } 
.button-iro01{ 
    white-space: nowrap;
    width: 30%;
    } 

.button-iro02{ 
    white-space: nowrap;
    width: 30%;
    } 

 
.botan5{
    text-align:center;
    margin-bottom: 0px;
}


.report {
    align:center;
    background-color:#ffd5b1;
    padding:10px;
    border-radius:20px;   
}




table td{vertical-align: top;
}

.nickname{
   font-size: 1.5em;
   font-weight:500;
}

<details>
  <summary>




/* summary折りたたみ2022.08追加分 */
summary {
  cursor: pointer;
  transition: 0.2s; /* 変化を滑らかに */
 background-color: #E8ADAE;
text-align: center;
border-radius: 5px;   
font-size: 1.5em;
}
/* ホバー時のスタイル */



/* 春夏秋の読み込み用大きな角丸ボタン */


.smry_umi:hover {
cursor: pointer; /* カーソルを指マークに */
 background-color: #D4F6F6; 
 box-shadow: 1px 1px 1px grey;
}
 
.smry_umi {
  cursor: pointer;
  transition: 0.2s; /* 変化を滑らかに */
 background-color: #D4F6F6;
text-align: center;
border-radius: 20px;   
font-size: 2.0em;
padding: 10px;
letter-spacing: 0.1em;
box-shadow: 5px 5px 5px grey;
}



.smry_haru:hover {
cursor: pointer; /* カーソルを指マークに */
 background-color: #ffe4e1; 
 box-shadow: 1px 1px 1px grey;
}
 
.smry_haru {
  cursor: pointer;
  transition: 0.2s; /* 変化を滑らかに */
 background-color: #ffe4e1;
text-align: center;
border-radius: 20px;   
font-size: 2.0em;
padding: 10px;
letter-spacing: 0.1em;
box-shadow: 5px 5px 5px grey;
}


.smry_natu:hover {
cursor: pointer; /* カーソルを指マークに */
 background-color: #f0fdec; /* 30%暗く #f0fdec  #66cdaa*/
 box-shadow: 1px 1px 1px grey;
}
 
.smry_natu {
  cursor: pointer;
  transition: 0.2s; /* 変化を滑らかに */
 background-color: #f0fdec;
text-align: center;
border-radius: 20px;   
font-size: 2.0em;
padding: 10px;
letter-spacing: 0.1em;
box-shadow: 5px 5px 5px grey;
}


.smry_aki:hover {
cursor: pointer; /* カーソルを指マークに */
 background-color: #ffd5b1; /* 30%暗く */
box-shadow: 1px 1px 1px grey;
}
 
.smry_aki {
  cursor: pointer;
  transition: 0.2s; /* 変化を滑らかに */
 background-color: #ffd5b1;
text-align: center;
border-radius: 20px;   
font-size: 2.0em;
padding: 10px;
letter-spacing: 0.1em;
box-shadow: 5px 5px 5px grey;
}


/*================================================
　　追加 
 ================================================*/


.smry_haru {
    cursor: pointer;
    transition: 0.2s;
    background-color: #ffe4e1;
    text-align: center;
    border-radius: 20px;
    font-size: 2.0em;
    padding: 10px
}


/* 投稿切り替えボタン整え */
@media screen and (max-width: 1090px) {
	.button-iro-main {
    font-size: 18px;
    letter-spacing: 0.1em;
    width: 40%;    	
  }
    .smry_umi,.smry_haru,.smry_natu,.smry_aki {font-size: 1.3em;}
}

@media screen and (max-width: 600px) {
	.button-iro-main {
    font-size: 1.2em;
    letter-spacing: 0.1em;
    width: 60%;    	
  }
    .smry_umi,.smry_haru,.smry_natu,.smry_aki {font-size: 1.2em;}
    .button-iro-haru,.button-iro-natu{width: 45%;}
}


@media screen and (max-width: 480px) {
  .button-iro-main {
    font-size: 1.0em;
    letter-spacing: 0.1em;
    width: 60%;    	
  }
    .smry_umi,.smry_haru,.smry_natu,.smry_aki {font-size: 1.1em;}

}