.card{display:flex;flex-direction:column;width:100%;height:100%;cursor:pointer;text-decoration:none;color:var(--Text-primary);transition:opacity .2s ease;border-radius:var(--radius-xxxs);border-radius:4px 0}.card__genre-labels{flex-shrink:0}.card__genre-text{margin:0;line-height:1.5}.card__content{display:flex;flex-direction:column;width:100%;flex:1}.card__media{display:flex;flex-direction:column;width:100%}.card__image-wrapper{width:100%;flex-shrink:0;background-color:var(--Neutral-white);border-radius:var(--radius-xxxs);overflow:hidden;box-shadow:0 0 20px 0 var(--Neutral-black-alpha-10);position:relative;height:auto;aspect-ratio:.7071135624}.card__genre-labels+.card__image-wrapper{border-radius:0 0 var(--radius-xxxs) var(--radius-xxxs)}.card__image-inner{position:relative;width:100%;aspect-ratio:.7071135624;overflow:hidden;border-radius:var(--radius-xxs);transition:transform .2s ease}.card__image-inner--blur:before{content:"";position:absolute;inset:-20px;filter:blur(15px);opacity:.6;z-index:0}.card__image{display:block;object-fit:contain;object-position:center}.card__image,.card__image-placeholder{position:relative;z-index:1;width:100%;height:100%}.card__image-placeholder{background-color:var(--fill-primary)}.card__body{display:flex;flex-direction:column;flex:1;border-radius:var(--radius-xxs);overflow:hidden}@media(width >= 768px){.card__body{border-radius:0 0 var(--radius-xxs) var(--radius-xxs)}}.card__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xxxxs);padding-bottom:var(--spacing-xxxs)}.card__info{display:flex;flex-direction:column;flex:1;padding-top:var(--spacing-xxs)}@media(width >= 768px){.card__info{padding-top:var(--spacing-xs)}}.card__info-main{flex:1}.card__title{font-size:var(--Heading-Text-l-sp);font-weight:var(--font-weight-bold);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;color:var(--Text-primary);padding-bottom:var(--spacing-xxxs)}@media(width >= 768px){.card__title{font-size:var(--Heading-Text-l-pc);-webkit-line-clamp:4;padding-bottom:var(--spacing-xxxs)}}.card__date{font-size:var(--Heading-Text-s-sp);font-weight:var(--font-weight-regular);line-height:1.5;margin:0;color:var(--Text-gray);padding-bottom:var(--spacing-xxxs);overflow-wrap:anywhere}@media(width >= 768px){.card__date{font-size:var(--Heading-Text-xs-pc);padding-bottom:var(--spacing-xxxs)}}.card__hashtags{display:flex;flex-wrap:wrap;gap:0 var(--radius-xxs)}.card--size-s,.card--size-s-category{min-width:174px}@media(width >= 768px){.card--size-s,.card--size-s-category{min-width:335px}}.card--size-s .card__body,.card--size-s-category .card__body{width:100%;min-width:0;border-radius:var(--radius-xxs)}@media(width < 768px){.card--size-s .card__info,.card--size-s-category .card__info{padding-top:0}}.card--size-s .card__content,.card--size-s-category .card__content{flex-direction:row;align-items:flex-start;gap:16px}@media(width >= 768px){.card--size-s .card__content,.card--size-s-category .card__content{flex-direction:column}}.card--size-s .card__media,.card--size-s-category .card__media{width:180px;align-self:flex-start;flex-shrink:0}@media(width >= 768px){.card--size-s .card__media,.card--size-s-category .card__media{width:100%}}.card--size-s .card__image-wrapper,.card--size-s-category .card__image-wrapper{width:100%}.card--size-s .card__image-inner,.card--size-s-category .card__image-inner{aspect-ratio:unset;height:100%}@media(width >= 768px){.card--size-s .card__image-inner,.card--size-s-category .card__image-inner{width:100%;aspect-ratio:.7071135624;height:auto}}.card--size-s .card__title,.card--size-s-category .card__title{font-size:var(--Heading-Text-m-sp);padding-bottom:var(--spacing-xxxs)}@media(width >= 768px){.card--size-s .card__title,.card--size-s-category .card__title{font-size:var(--Heading-Text-m-pc)}}.card--size-s .card__date,.card--size-s-category .card__date{font-size:var(--Heading-Text-s-sp)}@media(width >= 768px){.card--size-s .card__date,.card--size-s-category .card__date{font-size:var(--Heading-Text-s-pc)}}.card:hover .card__image-inner{transform:scale(1.05)}.c-label-category{display:flex;align-items:center;width:100%;padding:2px 12px;border-radius:var(--radius-xxxs) var(--radius-xxxs) 0 0}.c-label-category--size-s{padding:2px 6px}@media(width >= 768px){.c-label-category--size-s{padding:var(--spacing-xxxxs) var(--spacing-xxs)}}.c-label-category--color-stage{background-color:var(--Genre-stage)}.c-label-category--color-classic{background-color:var(--Genre-classic)}.c-label-category--color-family{background-color:var(--Genre-family-2)}.c-label-category--color-event{background-color:var(--Genre-event)}.c-label-category--color-disney{background-color:var(--Genre-disney)}.c-label-category__text{color:var(--Text-white);font-size:12px;font-style:normal;font-weight:var(--font-weight-bold);line-height:180%}@media(width >= 768px){.c-label-category__text{font-size:16px}}.label-state{display:inline-flex;padding:2px var(--spacing-xxxs);justify-content:center;align-items:center;border-radius:30px;font-size:var(--Heading-Text-xs-sp);font-weight:var(--font-weight-regular);line-height:1.5;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;border-style:solid;border-color:var(--Border-secondary)}