.index-menu .f-sites li:not(.archives):not(.f-site){
    display: none;
}

.index-menu .f-site-h1{
    display: none;
}

.index-menu a:link, .index-menu a:visited, .index-menu a:hover, .index-menu a:active {
    color: #121212ff;
    text-decoration: none;
}

.index-menu a:hover{
    color: #e92a2a;
}
/* ここまでが前準備 */



.content{
    padding-right: 10vw;
    padding-left: 10vw;
    padding-top: 6vh;
    padding-bottom: 6vh;
}

.index-b{
    margin-bottom: 6vh;
}

.index-title{
    font-size: 3vw;
    border-bottom: 2px solid;
}

.index-text{
    font-size: 1.5vw;
    overflow-wrap: anywhere; /* 収まらない場合に折り返す */
    word-break: normal; /* 単語の分割はデフォルトに依存 */
    line-break: strict; /* 禁則処理を厳格に適用 */
}

/* メニューのカスタマイズ */
.index-menu .f-site-b{
    margin-left: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    border-left: 0px solid;
}

.index-menu .f-sites{
    display: block;
    flex-wrap: wrap;
    list-style: none;
    flex-direction: column;
}

.index-menu .f-site-c{
    column-count: 2;
    column-gap: 2vw;
    display: block;
    flex-wrap: wrap;
    padding-left: 0px;
    list-style: none;
}

.index-menu .f-site{
    width: 100%;
    height: 100%;
    padding-left: 0.5vw;
    border-left: 1px solid;
    margin-bottom: 3vh;
}

.index-menu a{
    font-size: 2vw;
}

.index-menu .f-space::after{
    content:"";
}

@media screen and (max-width: 767px){
    .index-title{
    font-size: 3.5vw;
    }

    .index-text{
    font-size: 2vw;
    }
    
    .index-menu a{
    font-size: 2.5vw;
    }
}

@media screen and (max-width: 480px){
    .content{
    padding-right: 6vw;
    padding-left: 6vw;
    }    
        
    .index-b{
    margin-bottom: 9vh;
    }

    .index-text{
        font-size: 4vw;
    }
    
    .index-menu .f-site-c{
        column-count: 1;
    }

    .index-menu .f-site{
        margin-bottom: 6vh;
    }
    
    .index-title{
        font-size: 8vw;
    }
    
    .index-menu a{
        font-size: 5vw;
    }
}