#archive{display:flex}@media screen and (max-width: 960px){#archive{display:block}}#archive-content{width:100%}#archive-content-list{display:flex;flex-wrap:wrap;gap:10px calc((100% - var(--ponponcat-archive-item-width) * 3) / 2)}@media screen and (max-width: 960px){#archive-content-list{gap:10px calc(100% - var(--ponponcat-archive-item-width-tablet) * 2)}}#archive-content-list li{border:var(--ponponcat-archive-item-border-width) solid var(--ponponcat-archive-item-border-color);border-radius:5px;width:var(--ponponcat-archive-item-width);margin:0}@media screen and (max-width: 960px){#archive-content-list li{width:var(--ponponcat-archive-item-width-tablet)}}@media screen and (max-width: 520px){#archive-content-list li{width:100%}}#archive-content-list li:before{content:""!important}#archive-content-list li a{padding:5px;text-decoration:none;color:var(--ponponcat-text-main-color);display:block;width:100%;height:100%}@media screen and (max-width: 520px){#archive-content-list li a{display:flex}}#archive-content-list li a:hover{color:var(--ponponcat-theme-color)}#archive-content-list li a div,#archive-content-list li a h2,#archive-content-list li a h3,#archive-content-list li a h4,#archive-content-list li a h5,#archive-content-list li a h6{color:inherit;font-size:var(--ponponcat-archive-item-title-size);margin:0;background-color:inherit;border:none;padding:0}#archive-content-list li a div:hover,#archive-content-list li a h2:hover,#archive-content-list li a h3:hover,#archive-content-list li a h4:hover,#archive-content-list li a h5:hover,#archive-content-list li a h6:hover{color:inherit}#archive-content-list li a .create-date{font-size:var(--ponponcat-archive-item-date-size)}@media screen and (max-width: 520px){#archive-content-list li a .archive-content-list-item-thumbnail{width:var(--ponponcat-archive-item-thumbnail-width-smartphone)}#archive-content-list li a .archive-content-list-item-text{width:calc(100% - var(--ponponcat-archive-item-thumbnail-width-smartphone) - var(--ponponcat-archive-item-thumbnail-text-space-smartphone));margin-left:var(--ponponcat-archive-item-thumbnail-text-space-smartphone)}}#archive-content-list li img{width:100%;height:auto;aspect-ratio:var(--ponponcat-archive-item-aspect-ratio-width)/var(--ponponcat-archive-item-aspect-ratio-height);object-fit:cover}#archive-content-list .archive-content-list-null{border:none;width:100%;border-radius:0}#archive-content-pager{display:flex;flex-wrap:wrap;justify-content:center;margin-top:var(--ponponcat-archive-pager-margin);gap:var(--ponponcat-archive-pager-gap)}#archive-content-pager .pager-active{color:var(--ponponcat-archive-pager-item-background-color);background-color:var(--ponponcat-archive-pager-item-color)}#archive-content-pager .pager-active a{color:var(--ponponcat-archive-pager-item-background-color)}#archive-content-pager li{border:var(--ponponcat-archive-pager-border-size) solid var(--ponponcat-archive-pager-item-color);text-align:center;border-radius:5px;color:var(--ponponcat-archive-pager-item-color);background-color:var(--ponponcat-archive-pager-item-background-color);width:var(--ponponcat-archive-pager-item-side);height:var(--ponponcat-archive-pager-item-side);line-height:calc(var(--ponponcat-archive-pager-item-side) - var(--ponponcat-archive-pager-border-size) * 2);font-size:var(--ponponcat-archive-pager-item-text-size)}#archive-content-pager li:before{content:""!important}#archive-content-pager li a{display:block;width:100%;height:100%;color:var(--ponponcat-archive-pager-item-color);transition:.5s color,.5s background-color;text-decoration:none}#archive-content-pager li a:hover{color:var(--ponponcat-archive-pager-item-background-color);background-color:var(--ponponcat-archive-pager-item-color)}