*{box-sizing:border-box}.container-top-page{margin:0 auto;max-width:1160px;padding:0 60px;width:100%}.container-top-page a,.container-top-page h1,.container-top-page h2,.container-top-page h3,.container-top-page h4,.container-top-page h5,.container-top-page p,.container-top-page span{line-height:normal;margin:0}@media (max-width:1024px){.container-top-page{padding:0 40px}}@media (max-width:768px){.container-top-page{padding:0 20px}}.main-box-genre{display:grid;gap:16px 24px;grid-template-columns:repeat(4,1fr);padding:30px 0}.item-genre{overflow:hidden;position:relative}.item-genre,.item-genre img{border-radius:8px;height:100%;width:100%}.item-genre img{aspect-ratio:4/2.5;object-fit:cover;transition:transform .3s ease}.item-genre:hover img{transform:scale(1.1)}.item-genre p{background-color:rgba(0,0,0,.65);bottom:0;color:#fff;font-family:Noto Sans JP;font-size:18px;font-style:normal;font-weight:900;left:0;line-height:160%;padding:8px 10px;position:absolute;width:100%;z-index:2}@media (max-width:1024px){.main-box-genre{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.main-box-genre{gap:12px;grid-template-columns:repeat(2,1fr);padding:20px 0}}