@charset "UTF-8";@layer page{.p_blogList{column-gap:2rem;@container (45rem <= width){grid-template-columns:1fr 1fr}@container (90rem <= width){grid-template-columns:1fr 1fr 1fr}@container (135rem <= width){grid-template-columns:repeat(auto-fill,30rem)}}.p_box{width:100%;container-name:blog_box;container-type:inline-size;height:100%}.p_box__link{position:relative;text-decoration:none;display:grid;width:100%;height:100%;padding:var(--space-outer);gap:1rem;grid-template-columns:100%;background-color:var(--clr-bg);border-radius:.5rem;border:1px solid var(--clr-fg);transition:border-width var(--animation-type),padding var(--animation-type),border-color var(--animation-type);@container blog_box (36rem <= width){grid-template-columns:10rem 1fr;grid-template-areas:"thumb ttl" "thumb dsc" "thumb dLast"}@media (any-hover: hover){&:hover{border-width:calc(1px + var(--space-outer) / 2);border-color:color-mix(in srgb,var(--clr-fg) 60%,transparent);padding:calc(var(--space-outer) / 2)}}&:focus-visible{border-width:calc(1px + var(--space-outer) / 2);border-color:color-mix(in srgb,var(--clr-fg) 60%,transparent);padding:calc(var(--space-outer) / 2)}}.p_box__thumb{@container blog_box (36rem <= width){grid-area:thumb}}.p_box__thumb_i{object-fit:contain;border-radius:.3rem;border:1px solid var(--clr-fg)}.p_box__ttl{display:block;font-size:110%;font-weight:700;@container blog_box (36rem <= width){grid-area:ttl}}.p_box__dsc{display:block;@container blog_box (36rem <= width){grid-area:dsc}}.p_box__otherData{display:block;text-align:right;@container blog_box (36rem <= width){grid-area:dLast}}.p_box__svgLink{padding-left:.5rem;padding-right:.5rem;display:inline-block;transition:transform var(--animation-type);.p_box__link:hover &{@media (any-hover: hover){transform:translate(.3rem)}}}}