:where(a,a:visited,a:active){color:#212529}.bl_card01-wrapper{display:grid;gap:1rem;grid-template-columns:1fr;margin-inline:0;max-width:100%}@media (min-width:480px){.bl_card01-wrapper{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.bl_card01-wrapper{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);max-width:1200px}}@media (min-width:1200px){.bl_card01-wrapper{margin-inline:auto}}.bl_card01{border:0;box-shadow:0 2px 5px 2px rgb(0 0 0/.05);color:#212529;display:flex;flex-direction:column;height:100%;margin-block-end:20px;overflow:hidden;position:relative;row-gap:10px;text-decoration:none;transition:box-shadow .25s ease;z-index:0}.bl_card01:has(>:where(a,button)){cursor:pointer}.bl_card01__link{text-decoration:none}button.bl_card01__link{background:#fff;border:none;cursor:pointer;font-family:Noto Sans CJK JP,Noto Sans,Arial,sans-serif;font-size:16px;height:100%;line-height:1.5;outline:none;padding:0;text-align:left}.bl_card01:before{border:1px solid #392d4c;content:"";display:block;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .25s ease;z-index:1}.bl_card01__thumb{margin:0}.bl_card01__thumb img{aspect-ratio:290/163;display:block;height:auto;object-fit:cover;width:100%}.bl_card01__thumb:after{background:#392d4c;background:linear-gradient(90deg,#392d4c 12%,#392d4c 19%,#00ceab);content:"";display:block;height:2px;width:100%}.bl_card01__title{color:#392d4c;font-size:18px;font-weight:700;margin-block:0;padding-block:10px 0;padding-inline:20px;text-decoration:underline transparent;transition:text-decoration-color .25s ease}.bl_card01__tag{display:flex;flex-wrap:wrap;font-size:12px;font-weight:400;gap:10px;padding-inline:20px;z-index:1}.bl_card01__tag span{background:#392d4c;border:1px solid #392d4c;border-radius:4px;color:#fff;font-size:14px;font-weight:700;padding-block:4px;padding-inline:8px}.bl_card01__description{font-size:16px;font-weight:400;height:100%;padding-inline:20px}.bl_card01_thumbWrapper{position:relative;width:100%}.bl_card01__badge{background-color:#a555a7;border-radius:0 0 4px 0;color:#fff;font-size:14px;font-weight:700;left:0;padding-block:2px;padding-inline:10px;position:absolute;top:0;width:fit-content}@media (any-hover:hover){.bl_card01:has(>:where(a,button)):hover{box-shadow:none}.bl_card01:has(>:where(a,button)):hover:before{opacity:1}.bl_card01:has(>:where(a,button)):hover .bl_card01__title{text-decoration:underline currentColor}.el_post-tags a:hover span{background:var(--color-on-primary);border:1px solid;color:var(--color-primary)}}:where(dialog){background-color:unset;block-size:unset;border:unset;color:unset;inline-size:unset;margin:unset;max-block-size:unset;max-inline-size:unset;overflow:unset;padding:unset}:focus:not(:focus-visible){outline:none}:focus-visible{outline:1px solid rgb(57 45 76/.3)}:where(:root[data-mousedown] dialog *){outline:none}[data-modal-open]:where(:root[data-mousedown] *){outline:none}.button-wrapper{display:grid;gap:1lh;padding-block:40px;padding-inline:min(5vi,20px);place-items:center}.bl_card01Modal{--duration:0.5s;--gutter:max(5vi,20px);--background:#fff;--background-backdrop:rgb(57 45 76/.3);background-color:var(--background-backdrop);block-size:min(calc(100svb - var(--gutter)*2),60%);box-shadow:0 0 0 100vmax var(--background-backdrop);color:#392d4c;contain:strict;inline-size:min(calc(100% - var(--gutter)*2),840px);margin:auto;transition:opacity var(--duration),scale var(--duration)}.bl_card01Modal:not([data-active=true]){opacity:0;scale:.95}.bl_card01Modal::backdrop{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:opacity .5s}.bl_card01Modal:not([data-active=true])::backdrop{opacity:0}.bl_card01Modal:focus-visible{outline:none}.bl_card01Modal:focus-visible .dialog__container :where(img,video){outline:1px solid rgb(57 45 76/.3)}.dialog__container{block-size:100%;margin-block-start:3.2em;overflow:auto;overscroll-behavior:contain;padding:0}.dialog-close{--background:#392d4c;--icon-color:#fff;appearance:none;aspect-ratio:1;background-color:var(--background);border:0;border-radius:50%;box-shadow:0 0 12px 0 rgba(0,0,0,.2);color:#fff;cursor:pointer;inline-size:3em;inset-block-start:0;inset-inline-end:0;position:absolute;transition:background-color .3s;z-index:1}.dialog-close:after,.dialog-close:before{background-color:#fff;content:"";display:inline-block;height:2px;inset:0;margin:auto;position:absolute;width:45%}.dialog-close:before{rotate:45deg}.dialog-close:after{rotate:135deg}.dialog-close:focus-visible{opacity:.75}@media (any-hover:hover){.dialog-close:hover{opacity:.75}}.el_post-tags{align-items:center;display:flex;flex-wrap:wrap;font-size:12px;font-weight:400;gap:10px}.el_post-tags a span{background:#392d4c;border:1px solid #392d4c;border-radius:4px;color:#fff;display:inline-block;padding-block:4px;padding-inline:8px;transition:border .25s ease,color .25s ease,background .25s ease}@media (any-hover:hover){.el_post-tags a:hover span{background:#fff;border:1px solid;color:#392d4c}}