#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-pager{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-top:20px}#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);width:var(--ponponcat-archive-pager-item-side);height:var(--ponponcat-archive-pager-item-side);text-align:center;border-radius:5px;color:var(--ponponcat-archive-pager-item-color);background-color:var(--ponponcat-archive-pager-item-background-color);font-size:var(--ponponcat-archive-pager-item-text-size);line-height:calc(var(--ponponcat-archive-pager-item-side) - var(--ponponcat-archive-pager-border-size) * 2)}#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)}#archive-sidebar{margin-left:20px;width:200px;background-color:var(--ponponcat-archive-sidebar-background-color);display:flex;flex-flow:column;gap:10px 0;padding:10px}@media screen and (max-width: 960px){#archive-sidebar{margin-left:0;margin-top:50px}}@media screen and (max-width: 960px){#archive-sidebar{width:100%}}#archive-sidebar aside h2{border-left:var(--ponponcat-archive-sidebar-aside-title-border-width) solid var(--ponponcat-archive-sidebar-aside-title-border-color);background-color:var(--ponponcat-archive-sidebar-aside-title-background-color);padding-left:calc(var(--ponponcat-archive-sidebar-aside-padding-width) - var(--ponponcat-archive-sidebar-aside-title-border-width));font-size:18px}#archive-sidebar aside ul{padding-left:var(--ponponcat-archive-sidebar-aside-padding-width)}#archive-sidebar aside select{margin:5px 0;padding:0 calc(var(--ponponcat-archive-sidebar-aside-padding-width) - 5px);width:100%;max-width:none}