#pcard-scope{color-scheme:light;isolation:isolate;--pc-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;--pc-text: #111;--pc-muted: #666;--pc-bg: #fff;--pc-surface: #f5f5f5;--pc-radius: 12px;--pc-gap: 32px;--pc-shadow-1: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.08);--pc-shadow-2: 0 6px 18px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.06);--pc-btn: #111;--pc-btn-on: #fff;--pc-bd: #e5e5e5;--pc-bd-2: #d9d9d9;font-family:var(--pc-font);color:var(--pc-text)}#pcard-scope,#pcard-scope *{box-sizing:border-box}#pcard-scope img{display:block;max-width:100%;height:auto}#pcard-scope .pc-container{max-width:1200px;margin:0 auto;padding:40px 0}#pcard-scope .pc-grid{display:grid;gap:var(--pc-gap);align-items:start;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}#pcard-scope .pc-card{background:var(--pc-bg);border-radius:var(--pc-radius);overflow:hidden;box-shadow:var(--pc-shadow-1);transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;height:100%}#pcard-scope .pc-card:hover{transform:translateY(-2px);box-shadow:var(--pc-shadow-2)}#pcard-scope .pc-image-wrap{position:relative;width:100%;padding-bottom:66.666%;background:var(--pc-surface);overflow:hidden}#pcard-scope .pc-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}#pcard-scope .pc-card:hover .pc-image{transform:scale(1.035)}#pcard-scope .pc-content{padding:22px;display:flex;flex-direction:column;gap:14px;flex:1}#pcard-scope .pc-title{font-size:18px;font-weight:700;line-height:1.45;color:var(--pc-text);margin:0;padding:0;background:transparent;border:0;box-shadow:none;border-radius:0}#pcard-scope .pc-desc{font-size:14px;color:var(--pc-muted);margin:0;min-height:3.2em}#pcard-scope .pc-price{font-size:20px;font-weight:700;color:var(--pc-text);margin-top:4px}#pcard-scope .pc-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto}#pcard-scope .pc-btn{appearance:none;-webkit-appearance:none;display:inline-block;text-align:center;text-decoration:none;cursor:pointer;font-size:14px;font-weight:600;line-height:1;padding:10px 18px;border-radius:10px;border:1px solid transparent;transition:transform .15s ease,background .15s ease,border-color .15s ease,color .15s ease;background:var(--pc-btn);color:var(--pc-btn-on)}#pcard-scope .pc-btn:hover{transform:translateY(-1px)}#pcard-scope .pc-btn:focus-visible{outline:2px solid #000;outline-offset:2px}#pcard-scope .pc-btn--secondary{background:#fff;color:var(--pc-text);border-color:var(--pc-bd)}#pcard-scope .pc-btn--secondary:hover{background:#f4f4f4;border-color:var(--pc-bd-2)}#pcard-scope .pc-btn--primary:hover{background:#2b2b2b}#pcard-scope .pc-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px;padding:0;list-style:none}#pcard-scope .pc-tag{background:#f0f0f0;color:var(--pc-muted);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;border:none;box-shadow:none;display:inline-block}@media (max-width: 768px){#pcard-scope .pc-container{padding:28px 0}#pcard-scope .pc-grid{gap:24px;grid-template-columns:1fr}#pcard-scope .pc-title{font-size:17px}#pcard-scope .pc-price{font-size:19px}}@media (prefers-reduced-motion: reduce){#pcard-scope .pc-card,#pcard-scope .pc-image{transition:none!important}}#pcard-scope .pc-title{margin-top:0!important;padding:0!important;border:0!important;background:transparent!important;font-weight:700!important}#pcard-scope .pc-content>*{margin:0!important}#pcard-scope :where(:not(meta)+*){margin-block-start:0!important}#pcard-scope :last-child{margin-block-end:0!important}#pcard-scope ul{margin:0!important;padding:0!important;margin-inline-start:0!important;padding-inline-start:0!important;list-style:none!important}#pcard-scope .pc-tags>li{margin:0!important}@media (min-width: 1024px){#pcard-scope .pc-grid:has(>.pc-card:nth-child(odd):last-child)>.pc-card:first-child{grid-column:span 2}#pcard-scope .pc-grid:has(>.pc-card:nth-child(odd):last-child)>.pc-card:first-child .pc-image-wrap{padding-bottom:45%}}#pcard-scope .pc-desc{flex-grow:1;min-height:auto;display:flex;align-items:flex-start}
/*# sourceMappingURL=/cdn/shop/t/9/assets/pcard-scope.css.map */