body {
    font-family: "Zen Kurenaido", sans-serif;
    height: 100vh;
    margin: 2rem 0;
}

.bg {
    animation: fadein 3s forwards;
}

@keyframes fadein {
    0% {opacity: 0}
    100% {opacity: 1}
}

.contaier {
    width: 100%;
}

.tile_container {
    width: 90%;
    height: auto;
    text-align: center;
    margin: auto;
    border-bottom: gray 1px solid;
}

.site_title {
    font-size: 2rem;
}

a {
    border: none;
    text-decoration: none;
    color: gray;
}

.mokuji_title{
    text-align: center;
}

.page_title{
    width: 70%;
    height: auto;
    margin: 1.5rem auto;
    font-weight: bold;
    text-align: center;
    /* background-color: rgb(216, 216, 216); */
    /* border-bottom: red 1px solid; */
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
}

.mokuji_container{
    width: 60%;
    height: auto;
    margin: auto;
    margin-top: 1rem;
    text-align: center;
    border: gray 1px solid;
    padding: 0.5rem ;
}

.mokuji_container:hover{
    background-color: rgb(177, 224, 243);
}

.cate_title_container{
    margin: 3rem 2rem;
}

.cate_title{
    font-size: larger;
    font-weight: bold;
}

.hurigana{
    font-size: smaller;
}
.menu_container{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 2rem;
    justify-content: center;
    }

.menu_wrap{
    width: 100%;
    text-align: center;
    flex-basis: calc(50% - 10px); /* 2カラムにするため、幅を50%に設定 */
    margin-bottom: 1rem;
}

.menu_img{
    width: 100%;
    height: auto;
    /* padding: ; */
}

.menu_title{
    font-size: 12px;
    padding: 4px 5px 4px 5px;
}