#lesson-container{display:block}.lesson-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-bottom:32px}.lesson-card{position:relative;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:16px;transition:transform .12s ease,box-shadow .12s ease;outline:none;display:flex;gap:16px;justify-content:space-between;align-items:stretch;overflow:hidden;text-decoration:none;color:inherit}a.lesson-card{cursor:pointer}article.lesson-card{cursor:default}a.lesson-card:hover,a.lesson-card:focus{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f;border-color:#d0d0d0}article.lesson-card:hover{transform:none;box-shadow:none;border-color:#e5e5e5}.lesson-card__content{flex:1;display:flex;flex-direction:column;min-width:0}.lesson-card__header{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.lesson-card__title-area{display:flex;flex-direction:column;gap:4px}.lesson-series{font-size:.85rem;color:#888;font-weight:600;margin:0;line-height:1.2}.lesson-name{margin:0;font-size:1.15rem;font-weight:700;line-height:1.4;color:#333}.lesson-icons{position:absolute;top:0;right:6px;z-index:2}.chip-hot{background:#fb6a6a;color:#fff;font-weight:700;font-size:.8rem;padding:4px 8px;border-radius:8px;border:1px solid #fff}.lesson-card__body{margin-top:auto;display:flex;flex-direction:column;gap:8px}.lesson-keywords{display:flex;flex-wrap:wrap;gap:6px}.keyword-tag{display:inline-block;padding:2px 8px;background:#f0f4f8;color:#555;font-size:.8rem;border-radius:12px;white-space:nowrap}.lesson-link-wrapper{margin-top:4px}.lesson-link{font-size:.9rem;color:#87a8ce;text-decoration:none;font-weight:500}.lesson-card__image-wrapper{width:100px;flex-shrink:0;aspect-ratio:1/1;border-radius:6px;overflow:hidden;background:#f5f5f5;align-self:center}.lesson-card__image{width:100%;height:100%;object-fit:cover}.lesson-card__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:.7rem}.association-title{font-size:1.8rem;font-weight:800;color:#333;border-bottom:2px solid #333;padding-bottom:8px;margin:40px 0 24px}.category-title{font-size:1.3rem;font-weight:700;color:#444;margin:0 0 16px;padding-left:12px;border-left:4px solid #87A8CE}.lesson-category-group{margin-bottom:40px}@media (max-width: 599px){.lesson-grid{grid-template-columns:1fr}.lesson-card{padding:12px}.lesson-card__image-wrapper{width:80px}.association-title{font-size:1.5rem;margin:32px 0 20px}.category-title{font-size:1.15rem}}#lesson-filters{margin-bottom:24px}.filter-status{position:fixed;top:160px;right:20px;z-index:90;display:none;align-items:center;gap:12px;padding:8px 16px;background:#fff;border:1px solid #ddd;border-radius:8px;font-size:.95rem;box-shadow:0 2px 8px #00000014;transition:top .3s ease,all .2s ease}.result-count{font-weight:500;color:#555;white-space:nowrap}.result-number{font-size:1.6em;font-weight:800;color:#333;margin:0 2px}.filter-clear--sticky{padding:4px 12px;background:#fff;border:1.5px solid #999;border-radius:4px;font-size:.85rem;font-weight:600;color:#555;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.filter-clear--sticky:hover{background:#f9f9f9;border-color:#999;color:#333}.filter-clear--sticky .clear-text-mini{display:none}@media (max-width: 768px){.filter-status{top:110px;right:10px;gap:8px;padding:6px 12px;font-size:.85rem}.result-label{display:none}.result-number{font-size:2em}.filter-clear--sticky{padding:6px 10px;min-width:32px;font-size:1.1rem}.filter-clear--sticky .clear-text{display:none}.filter-clear--sticky .clear-text-mini{display:inline}}@media (min-width: 1200px){.filter-status{right:calc((100vw - 1200px)/2 + 20px)}}.filter-toggle{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:2px solid #ddd;border-radius:8px;color:#333;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.filter-toggle:hover{background:#f5f5f5;border-color:#666}.filter-toggle__icon{font-size:.85em;transition:transform .2s ease}.filter-toggle[aria-expanded=true] .filter-toggle__icon{transform:rotate(180deg)}.filter-panel{margin-top:16px;padding:20px;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px}.filter-panel[hidden]{display:none}.filter-section{margin-bottom:24px}.filter-section:last-of-type{margin-bottom:0}.filter-section input[type=checkbox]{display:none}.filter-section__title{margin:0 0 12px;font-size:1.15rem;font-weight:700;color:#333}.filter-chip{display:inline-block;cursor:pointer;-webkit-user-select:none;user-select:none}.filter-chip__label{display:inline-block;padding:4px 8px;background:#fff;border:2px solid #ccc;border-radius:12px;font-size:1.1rem;font-weight:500;color:#333;transition:all .15s ease;white-space:nowrap}.filter-chip:hover .filter-chip__label{border-color:#ffb6c1}.filter-chip input:checked+.filter-chip__label{background:#fdeff2;border-color:#ffb6c1;color:#333}.filter-chip.is-indeterminate .filter-chip__label{background:#e8e8e8;border-color:#999;color:#555}.filter-chip[data-plan=JVS]:hover .filter-chip__label{border-color:#89c997}.filter-chip[data-plan=JVS] input:checked+.filter-chip__label{background:#f0f6da;border-color:#89c997;color:#333}.filter-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filter-region{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e5e5e5}.filter-region:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.filter-chip--region .filter-chip__label{min-width:120px;padding:8px 16px;text-align:center;border:1px solid transparent;background:#e5e5e5;font-size:.98rem;font-weight:600;border-radius:6px;transition:all .15s ease}.filter-chip--region:hover .filter-chip__label{background:#d5d5d5;transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.filter-chip--region input:checked+.filter-chip__label{background:#ffb6c1;border-color:#ffb6c1;color:#fff;font-weight:700;box-shadow:0 2px 8px #ffb6c14d}.filter-chip--region.is-indeterminate .filter-chip__label{background:silver;border-color:#999;color:#fff}.filter-association{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e5e5e5}.filter-association:nth-child(3),.filter-association:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.filter-chip--association .filter-chip__label{min-width:120px;padding:8px 16px;text-align:center;border:1px solid transparent;background:#e5e5e5;font-size:.98rem;font-weight:600;border-radius:6px;transition:all .15s ease}.filter-chip--association:hover .filter-chip__label{background:#d5d5d5;transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.filter-chip--association[data-association=JVS]:not(.is-indeterminate):hover .filter-chip__label{border-color:#89c997}.filter-chip--association input:checked+.filter-chip__label{background:#ffb6c1;border-color:#ffb6c1;color:#fff;font-weight:700;box-shadow:0 2px 8px #ffb6c14d}.filter-chip--association[data-association=JVS] input:checked+.filter-chip__label{background:#89c997;border-color:#89c997;color:#fff;box-shadow:0 2px 8px #89c9974d}.filter-chip--association.is-indeterminate .filter-chip__label{background:silver;border-color:#999;color:#fff}.filter-chips--category{flex:1;min-width:0}.filter-chips--category .filter-chip[data-association=JVS]:hover .filter-chip__label{border-color:#89c997}.filter-chips--category .filter-chip[data-association=JVS] input:checked+.filter-chip__label{background:#f0f6da;border-color:#89c997;color:#333}.filter-chip--keyword:hover .filter-chip__label{border-color:#87a8ce;background:#f0f8ff}@media (max-width: 599px){.filter-association{flex-direction:column;align-items:flex-start;gap:8px}.filter-chip--association .filter-chip__label{min-width:auto;width:100%}}@media (max-width: 768px){.filter-panel{padding:16px}.filter-region{flex-direction:column;align-items:flex-start;gap:8px}.filter-chip--region .filter-chip__label{min-width:auto;width:100%}}.filter-details{margin-bottom:0}.filter-details__summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;padding:4px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.filter-details__summary::-webkit-details-marker{display:none}.filter-details__summary>span:first-child{font-size:1.15rem;font-weight:700;color:#333}.filter-details__icon{font-size:.85em;color:#666;transition:transform .2s ease}.filter-details[open] .filter-details__icon{transform:rotate(180deg)}.filter-details__content{margin-top:12px}.filter-section:has(.filter-details){margin-bottom:20px}.filter-section:has(.filter-details):last-of-type{margin-bottom:16px}.filter-group{margin-bottom:16px}.filter-group__title{margin:0 0 8px;font-size:1rem;font-weight:600;color:#555}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.filter-chip--keyword .filter-chip__label{padding:6px 12px;background:#fff;border:1px solid #ddd;border-radius:20px;font-size:.9rem;transition:all .2s ease}.filter-chip--keyword input:checked+.filter-chip__label{background:#87a8ce;color:#fff;border-color:#87a8ce}.lesson-series{margin:0;font-size:.9rem;color:#666}.lesson-link{display:inline-block;margin-bottom:8px;font-size:.95rem;color:#87a8ce;text-decoration:none}.lesson-link:hover{text-decoration:underline}.lesson-keywords{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.keyword-tag{display:inline-block;padding:4px 8px;background:#f0f0f0;border-radius:4px;font-size:.8rem;color:#555}.keyword-tag.is-active{font-weight:700;background:#ffe0b2;color:#333}
/*# sourceMappingURL=/cdn/shop/t/11/assets/lessonlist.css.map */