#complete{padding:0 6%}.genre-band{display:flex;justify-content:space-between;align-items:center;padding:55px 0;border-top:1px solid currentColor}.genre-band h2,.complete-head h2,.ranking h2,.guide-band h2{margin:8px 0;font-size:28px}.genre-band nav{display:flex;flex-wrap:wrap;gap:9px}.genre-band nav a{border:1px solid currentColor;padding:10px 14px}.recommend{padding:40px 0}.complete-head{display:flex;justify-content:space-between;align-items:end}.recommend-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:18px}.recommend-grid a{transition:.25s}.recommend-grid a:hover{transform:translateY(-7px)}.recommend-grid img{width:100%;aspect-ratio:3/4;object-fit:cover}.recommend-grid b,.recommend-grid small{display:block;margin-top:7px}.ranking{display:grid;grid-template-columns:32% 1fr;gap:40px;padding:60px 0}.ranking ol{list-style:none;margin:0;padding:0}.ranking li{display:grid;grid-template-columns:56px 1fr auto;padding:13px 0;border-top:1px solid currentColor}.ranking em{font-style:normal}.guide-band{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:55px 0;border-top:1px solid currentColor}.guide-band p{line-height:1.8}@media(max-width:760px){.genre-band,.ranking,.guide-band{display:block}.genre-band nav{margin-top:18px}.recommend-grid{grid-template-columns:repeat(2,1fr)}.ranking ol{margin-top:20px}.guide-band p{margin-top:20px}}