SANGOでトップページをホームページっぽくシンプルにカスタマイズしました｜TOPのホーム固定

<p class="hh hh5 pastel-bc ct">人気のカテゴリー</p>
<ul class="popcate">
	<li><a href="URL"><img src="画像URL" alt="" />カテゴリー名①</a></li>
	<li><a href="URL"><img src="画像URL" alt="" />カテゴリー名②</a></li>
	<li><a href="URL"><img src="画像URL" alt="" />カテゴリー名③</a></li>
</ul>
<ul class="popcate">
	<li><a href="URL"><img src="画像URL" alt="" />カテゴリー名④</a></li>
	<li><a href="URL"><img src="画像URL" alt="" />カテゴリー名⑤</a></li>
	<li><a href="URL"><img src="画像URL" alt="" />カテゴリー名⑥</a></li>
</ul>
<p>
 <a href="サイトマップのURL" class="btn raised red-bc strong">サイトマップはこちら</a> 
</p>
<p>&nbsp;</p>

/*人気カテゴリー*/
ul.popcate{
    background:none!important;/*背景色が必要な場合はどうぞ*/
    padding:0px!important;
    border:none!important;
    display: -webkit-flex;
    display: flex;
    margin:0 auto 0.5em 0!important;
}
ul.popcate li{
    margin:0.5em;
    background:none!important;/*背景色が必要な場合はどうぞ*/
    border:none!important;
    list-style: none;
    flex-basis: 30%;
    text-align:center!important;
    letter-spacing:0.1em;
    font-weight: bold;
}

ul.popcate a{
    height:150px;
    width:100px!important;
    color:#333!important;
    font-size:75%;
}

ul.popcate a:hover{
    opacity: 0.5;
    background:none;/*背景色が必要な場合はどうぞ*/
}

ul.popcate img{
    object-fit: cover;
    height:100px;
    width:100%!important;
    border-radius:5px;
}

<div class="top-kanren">

<p class="ct hh5 main-bdr hh">カテゴリー名①</p>
<p></p>
<p>
</p>
<p><a href="カテゴリーURL" class="btn raised red-bc strong">このカテゴリーをもっと見る</a></p>
<p>
</p>
<p>
</p>
<p>&nbsp;</p>
<p>
</p>
<p class="ct hh5 main-bdr hh">カテゴリー名②</p>
<p></p>
<p>
</p>
<p><a href="カテゴリーURL" class="btn raised red-bc strong">このカテゴリーをもっと見る</a></p>
<p>
</p>
<p>
</p>

</div>

div.top-kanren .longc_img {/*画像の範囲*/
    width: 35%;
}
div.top-kanren a.c_linkto.longc_linkto img{/*画像の大きさ*/
    height:100px;
    width:100%;
    padding:2px;
    background:#fff;
    object-fit: cover;/*11月1日追記*/
}

div.top-kanren .sng-link-time {/*日付消す*/
    display:none;
}
div.top-kanren .longc_title {
    color:#333;
    letter-spacing:0.5px;
    font-weight:bold;
}

@media only screen and (max-width: 480px){/*モバイルでの見え方*/
div.top-kanren .c_linkto{
    display:flex;	
}
div.top-kanren .c_linkto .c_linkto_text {
    max-width: 60%;
    font-size:85%;
    padding-top:8px;
}
div.top-kanren .longc_img {/*画像の範囲*/
    width: 40%!important;
}
}