.section-category-list{position:relative}.section-category-list:before{content:"";display:block;width:100vw;height:100%;position:absolute;z-index:-1;left:calc(50% - 50vw);top:0}.hat_category_container{display:grid;grid-template-columns:repeat(3, 1fr);margin:0;padding:0;border-left:1px solid var(--color-background)}#hat_menu .hat_category_container{gap:6px}.hat_category_container li{list-style:none;border-right:1px solid var(--color-background);border-bottom:1px solid var(--color-background);border-top:1px solid var(--color-background)}.hat_category_container li:nth-child(n+4){border-top:none}.hat_category_container li a{display:block;width:100%;display:flex;align-items:center;padding:8px;background:#fff;color:currentColor;text-decoration:none;transition:background-color 200ms ease-in-out}.hat_category_container li a:hover{background:var(--color-background)}.hat_category_container li a .image{flex:0 0 84px;aspect-ratio:1}.hat_category_container li a .image img,.hat_category_container li a .image svg{display:block;width:100%;height:100%;object-fit:cover}.hat_category_container li a .txt{flex:0 1 100%;font-size:1.6rem;padding-left:14px;margin:0;line-height:1.5}@media screen and (max-width: 749px){.hat_category_container{grid-template-columns:repeat(2, 1fr)}.hat_category_container li:nth-child(n+3){border-top:none}.hat_category_container li a .image{flex:0 0 32%}.hat_category_container li a .txt{font-size:1.4rem;padding-left:8px}}