.pop_up_archive_put{position:fixed;top:0;left:0;z-index:99999999999;padding:0 24px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0}.pop_up_archive_put.true{opacity:1;visibility:initial;transition:.2s}.pop_up_archive_put>.filter{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7)}.pop_up_archive_put>.contents{position:relative;z-index:100;padding:16px;padding-bottom:24px;width:100%;max-width:1200px;max-height:calc(100vh - 23vh);background:#fff;display:grid;grid-template-columns:repeat(4, 1fr);gap:24px 16px;overflow-y:scroll}@media (max-width: 1040px){.pop_up_archive_put>.contents{grid-template-columns:repeat(4, 1fr)}}@media (max-width: 980px){.pop_up_archive_put>.contents{grid-template-columns:repeat(3, 1fr)}}@media (max-width: 800px){.pop_up_archive_put>.contents{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 600px){.pop_up_archive_put>.contents{padding:8px;gap:24px 8px}}@media (max-width: 450px){.pop_up_archive_put>.contents{padding:12px;grid-template-columns:1fr}}.pop_up_archive_put>.contents>a{position:relative;z-index:100;padding:0;width:auto;height:auto;min-width:auto;min-height:auto;display:block;background:#fff;color:#000}.pop_up_archive_put>.contents>a figure{position:relative;width:100%;height:auto;overflow:hidden}.pop_up_archive_put>.contents>a figure::before{content:'';display:block;padding-top:68%}.pop_up_archive_put>.contents>a figure img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:.5s}.pop_up_archive_put>.contents>a .in{padding-top:10px;transition:.3s}.pop_up_archive_put>.contents>a .in .ttl{font-size:15px;font-weight:500;line-height:1.4em}.pop_up_archive_put>.contents>a .in p{margin-top:4px;font-size:12px;line-height:1.7em}.pop_up_archive_put>.contents>a:hover figure img{transform:scale(1.1)}.pop_up_archive_put>.contents>a:hover .in{color:#fd7f7f}