@charset "UTF-8";:root{--global-grid-columns: 24;--pseudo_sp_height: 655px}.pp_co_productCard{--product-card-bg: var(--color-background-default);--product-card-shadow: 0 0 4px rgba(0, 0, 0, .1);position:relative;width:100%}.pp_co_productCard>a,.pp_co_productCard>div{display:block;height:100%}.pp_co_productCard__wrapper{background-color:var(--product-card-bg);overflow:hidden;display:grid;height:100%;position:relative}.pp_co_productCard__link{text-decoration:none;display:grid;grid-template-rows:auto 1fr;height:100%}.pp_co_productCard__imageWrapper{position:relative;width:100%;height:auto;aspect-ratio:1;background-color:var(--color-background-subtle)}.pp_co_productCard__image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pp_co_productCard__tags{position:absolute;display:grid;bottom:0;left:0;gap:2px}.pp_co_productCard__imageWrapper .pp_co_productCard__pageBadge{position:absolute;right:4px;bottom:4px;font-family:Noto Sans JP,sans-serif;font-size:10px;font-weight:500;line-height:1;letter-spacing:.25px}.pp_co_productCard__info{padding:8px 8px 12px 12px;display:grid;grid-template-rows:1fr auto;gap:2px}.pp_co_productCard__name{min-height:1.7em}.pp_co_productCard__name_wrap{display:grid;grid-template-columns:1fr auto;align-items:start;justify-content:space-between;gap:8px}.pp_co_productCard__soldOutText{white-space:nowrap}.pp_co_productCard__priceSection{display:grid;grid-template-columns:1fr auto;align-items:center;justify-content:space-between;gap:8px}.pp_co_productCard__checkbox{position:relative;display:grid;justify-content:center;z-index:10}.checkbox-icon-wrapper{display:flex;cursor:pointer;align-items:center;justify-content:center;width:32px;height:32px;position:relative}.checkbox-icon-wrapper .item-checkbox{position:absolute;opacity:0;width:24px;height:24px;cursor:pointer;z-index:2}.checkbox-icon-wrapper .icon-unchecked,.checkbox-icon-wrapper .icon-checked{position:absolute;top:0;left:0;pointer-events:none}.checkbox-icon-wrapper .icon-checked{display:none}.checkbox-icon-wrapper:has(.item-checkbox:checked) .icon-unchecked{display:none}.checkbox-icon-wrapper:has(.item-checkbox:checked) .icon-checked{display:block}
