@charset "utf-8";

.main li{list-style-type: none;}
.main ul{display:flex; margin:0; padding:0; justify-content:space-around; overflow-x:auto; font-weight: bold;}
.attention_lettera{display:none;}


.main ul li a{display:inline-block; white-space:nowrap; text-decoration: none; margin:0 10px; border-radius: 5px; padding:2px 3px; color:#000;}
.main ul li a:hover{background-color:#ffae00; color: #ffffff; border-radius: 5px; padding:2px 3px; text-shadow: 1px 1px 1px #000;}

.main ul {
    display: flex;
    margin: 0;
    padding: 0;
    justify-content: center;  /* ← 均等配置にしたいなら center */
    overflow-x:hidden;
    font-weight: bold;
    font-size:24px;
}
.main_tittle{justify-content: center; display:flex;padding:0;}


@media screen and (max-width: 600px) {
#main_contents{display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  width: 100%;
  margin-bottom:-30px;}
 li{display:block; width:20%; font-size:1rem; margin:0 5px;}
 .attention_lettera{width:300px; display:block;font-size:70%; position:fixed;}
}

@media screen and (min-width: 600px) {
    .main_tittle{display:none;}
    li a{font-size:70%;}

}