.c-post{--vw: calc(100vw / var(--basis));display:grid}.c-post .line-clamp{overflow:clip;display:-webkit-box;-webkit-box-orient:vertical;block-size:calc(var(--line-clamp, 2)*1lh);-webkit-line-clamp:var(--line-clamp, 2);line-clamp:var(--line-clamp, 2)}.c-post__card{display:grid}.c-post__card-link{display:grid}.c-post__card-media{position:relative;inline-size:100%;block-size:auto;background-color:#eee;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;aspect-ratio:16/9}.c-post__card-head{display:grid;align-content:start;row-gap:.5em}.c-post__card-meta{display:grid;grid-template-columns:max-content 1fr;-moz-column-gap:1em;column-gap:1em;margin-block-start:calc((1em - 1lh)/2);color:gray}.c-post__card-categories{display:flex;flex-wrap:wrap;-moz-column-gap:1em;column-gap:1em}.c-post__card-title{font-weight:700}@media(any-hover: hover){.c-post__card-media{transition:background-size .25s ease-in-out}.c-post__card-media::before,.c-post__card-media::after{position:absolute;inset:0;transition:opacity .25s linear;content:"";opacity:0}.c-post__card-media::before{background-color:rgba(0,0,0,.65)}.c-post__card-media::after{background-image:url(../img/common/icon_View.png);background-position:50%;background-repeat:no-repeat}.c-post__card-title{transition:color .25s linear}.c-post__card:is(:hover,:focus-visible) .c-post__card-media{background-size:120% 120%}.c-post__card:is(:hover,:focus-visible) .c-post__card-media::before,.c-post__card:is(:hover,:focus-visible) .c-post__card-media::after{opacity:1}.c-post__card:is(:hover,:focus-visible) .c-post__card-title{color:#a57841}}@media(width <= 767.98px){.c-post{--basis: 375;row-gap:calc(40*var(--vw))}.c-post.\--home{margin-block-end:32px}.c-post.\--topics{margin-block-end:40px}.c-post__card-link{grid-template-columns:calc(130*var(--vw)) 1fr;gap:.5em}.c-post__card-meta{font-size:calc(10*var(--vw))}.c-post__card-title{font-size:calc(14*var(--vw))}.c-post__card-body{grid-column:span 2;font-size:calc(12*var(--vw))}}@media(width <= 767.98px)and (any-hover: hover){.c-post__card-media::after{background-size:calc(49*var(--vw)) calc(14*var(--vw))}}@media(width >= 768px){.c-post{--basis: 1380;grid-template-columns:repeat(3, 1fr);gap:calc(40*var(--vw)) calc(30*var(--vw))}.c-post.\--home{margin-block-end:40px}.c-post.\--topics{margin-block-end:70px}.c-post__card{grid-template-rows:max-content 1fr 2lh;block-size:100%}.c-post__card-link{grid-template-rows:subgrid;grid-row:span 3;row-gap:.5em}.c-post__card-head{margin-block-start:.25em}.c-post__card-meta{font-size:min(12*var(--vw),12px)}.c-post__card-title{font-size:min(16*var(--vw),16px)}.c-post__card-body{font-size:min(14*var(--vw),14px)}}@media(width >= 768px)and (any-hover: hover){.c-post__card-media::after{background-size:calc(97*var(--vw)) calc(28*var(--vw))}}/*# sourceMappingURL=component.css.map */