:root{--new-bg: #FFFFFF;--new-tx: #06060C;--new-accent: #06FFB3;--new-accent-d: #00C48A;--new-t4: #6B7280;--new-bd: #E5E7EB}.new-top-body{background:#fff;color:var(--new-tx);font-family:Outfit,Noto Sans JP,system-ui,sans-serif}html,body{overflow-x:hidden;max-width:100vw}@media(max-width:767px){.page-width-new{padding:0 12px!important}.hero-overlay{left:22px!important;right:22px!important;bottom:16px!important}.hero-name{padding-left:2px!important;font-size:clamp(11px,3.5vw,16px)!important}.hero-count{font-size:10px!important}.hero-dots{bottom:6px!important;right:8px!important;gap:4px!important}.hero-dot{width:8px!important;height:8px!important}.hero-dot.active{width:18px!important}.color-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.color-overlay{padding:4px 8px!important}.color-name{font-size:11px!important}.color-count{font-size:9px!important}.cat-grid{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}.cat-card{padding-bottom:130%!important;min-height:0!important;--cat-grad: none !important}.cat-card:before{background:none!important}.cat-card:after{height:50%!important;background:linear-gradient(180deg,#fff0,#ffffffeb 60%,#fff)!important}.cat-text{top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;height:48%!important;padding:6px!important;justify-content:flex-end!important}.cat-name{font-size:10px!important;white-space:normal!important;line-height:1.15!important}.cat-sub{font-size:7px!important;margin-bottom:2px!important;letter-spacing:.8px!important}.cat-price{font-size:10px!important;margin-top:2px!important}.cat-cta{font-size:8px!important;margin-top:3px!important}.cat-bg-img{width:80%!important;height:50%!important;top:4%!important;left:50%!important;right:auto!important;transform:translate(-50%)!important;object-position:center center!important}.collab-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.collab-name{font-size:10px!important}.collab-count{font-size:9px!important}.collab-overlay{padding:8px 10px!important}.na-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.na-title{font-size:10.5px!important}.na-price{font-size:12.5px!important}.rec-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.rec-info{padding:6px 8px!important}.rec-title{font-size:10.5px!important;min-height:26px!important;line-height:1.25!important}.rec-price{font-size:12px!important;margin-top:3px!important}.rec-tilde{font-size:8px!important}.rec-title-h{font-size:14px!important;padding-left:10px!important}.rec-title-h .rec-en{font-size:9px!important}.rec-title-h .rec-count{font-size:10px!important}.sec-title .ph{font-size:14px!important}.sec-title .sub{font-size:10px!important}.sec{padding-bottom:18px!important}}@media(min-width:768px)and (max-width:1023px){.page-width-new{padding:0 24px!important}.cat-grid{gap:10px!important}.cat-name{font-size:17px!important}.collab-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.collab-name{font-size:12px!important}.na-grid,.rec-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.rec-title{font-size:12px!important}.color-grid{grid-template-columns:repeat(3,1fr)!important}}@media(min-width:1024px)and (max-width:1199px){.rec-grid,.collab-grid,.color-grid{grid-template-columns:repeat(4,1fr)!important}}@media(min-width:1200px){.rec-grid{grid-template-columns:repeat(5,1fr)!important}.collab-grid,.color-grid{grid-template-columns:repeat(4,1fr)!important}}.rec-grid{align-items:stretch!important;grid-auto-rows:1fr!important}.rec-grid .rec-card{display:flex!important;flex-direction:column!important;height:100%!important}.rec-grid .rec-img-wrap{aspect-ratio:1 / 1!important;flex-shrink:0!important;overflow:hidden!important;background:#f9fafb!important}.rec-grid .rec-img-wrap img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.rec-grid .rec-info{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}.rec-grid .rec-title{min-height:2.6em!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.rec-grid .rec-price{margin-top:auto!important}.product-grid,.grid--3-col-tablet,.grid--4-col-desktop,.product-recommendations__grid,ul.product-grid,.related-products .grid{align-items:stretch!important;grid-auto-rows:1fr!important}.product-grid>li,.product-grid>.grid__item,.product-recommendations__grid>li,.grid--3-col-tablet>li,.grid--4-col-desktop>li{display:flex!important;flex-direction:column!important;height:100%!important}.product-grid .card-wrapper,.product-grid .card,.product-grid .product-card,.product-recommendations__grid .card-wrapper,.product-recommendations__grid .product-card{display:flex!important;flex-direction:column!important;height:100%!important}.product-grid .card__media,.product-grid .media,.product-grid .product-card__image,.product-recommendations__grid .card__media,.product-recommendations__grid .media{aspect-ratio:1 / 1!important;overflow:hidden!important;flex-shrink:0!important}.product-grid .card__media img,.product-grid .media img,.product-grid .product-card__image img,.product-recommendations__grid .card__media img,.product-recommendations__grid .media img{width:100%!important;height:100%!important;object-fit:cover!important}.product-grid .card__information,.product-grid .card-information,.product-grid .product-card__info,.product-recommendations__grid .card__information,.product-recommendations__grid .card-information{flex:1 1 auto!important;display:flex!important;flex-direction:column!important}.product-grid .card__heading,.product-grid .product-card__title,.product-recommendations__grid .card__heading,.product-recommendations__grid .product-card__title{min-height:2.8em!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.product-grid .price,.product-grid .product-card__price,.product-recommendations__grid .price,.product-recommendations__grid .product-card__price{margin-top:auto!important}.page-width-new{max-width:1440px;margin:0 auto;padding:0 clamp(16px,5vw,80px);box-sizing:border-box}.hero-wrap{padding:12px 12px 0;max-width:1440px;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}@media(min-width:768px){.hero-wrap{padding:clamp(16px,2vw,24px) clamp(16px,4vw,48px) 0}}.hero-container{position:relative;width:100%;height:min(56.25vw,240px);overflow:hidden;border-radius:12px;border:1px solid var(--new-bd);background:#fafafa}@media(min-width:768px){.hero-container{height:clamp(380px,42vw,760px);border-radius:clamp(14px,1.8vw,20px)}}.hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .6s ease;text-decoration:none;pointer-events:none}.hero-slide.active{opacity:1;pointer-events:auto}.hero-slide img{width:100%;height:100%;object-fit:contain;display:block;background:#fafafa}.hero-overlay{position:absolute;bottom:clamp(16px,2.5vw,32px);left:clamp(16px,3vw,36px);right:clamp(16px,3vw,36px);z-index:1}.hero-tag{display:inline-block;font-size:clamp(8px,1vw,10px);font-weight:900;color:#fff;padding:clamp(3px,.5vw,5px) clamp(10px,1.3vw,14px);border-radius:4px;letter-spacing:1px;margin-bottom:clamp(6px,.9vw,10px)}.hero-name{font-size:clamp(14px,2.5vw,28px);font-weight:900;color:#fff;line-height:1.2;text-shadow:0 2px 12px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.5)}.hero-count{font-size:clamp(10px,1.2vw,12px);font-weight:700;color:#fff;margin-top:clamp(6px,.9vw,10px);text-shadow:0 2px 8px rgba(0,0,0,.85)}.hero-dots{position:absolute;bottom:8px;right:16px;display:flex;gap:6px;z-index:2}.hero-dot{width:10px;height:10px;border-radius:5px;border:none;background:#06060c66;cursor:pointer;padding:0;transition:all .3s}.hero-dot.active{width:22px;background:var(--new-tx)}.sec{padding-bottom:clamp(20px,2.8vw,32px)}.sec-title{display:flex;align-items:baseline;gap:10px;margin-bottom:clamp(16px,1.8vw,20px)}.sec-title .ph{font-size:clamp(14px,1.8vw,18px);font-weight:900;color:var(--new-tx);letter-spacing:1px}.sec-title .sub{font-size:clamp(10px,1.2vw,12px);color:var(--new-t4)}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,1.2vw,14px)}@media(min-width:768px){.color-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){.color-grid{grid-template-columns:repeat(4,1fr)}}.color-card{position:relative;aspect-ratio:16/10;border-radius:clamp(10px,1.4vw,16px);overflow:hidden;border:1px solid var(--new-bd);text-decoration:none;background:var(--new-bg);transition:transform .2s,box-shadow .2s}.color-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.color-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.color-overlay{position:absolute;bottom:12px;left:14px;display:flex;align-items:center;gap:8px;background:#ffffffeb;padding:6px 10px;border-radius:8px}.color-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.color-name{font-size:13px;font-weight:900;color:var(--new-tx)}.color-count{font-size:10px;font-weight:700;color:var(--new-t4)}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.2vw,14px)}.cat-card{position:relative;padding-bottom:80%;height:0;border-radius:clamp(10px,1.5vw,16px);overflow:hidden;text-decoration:none;display:block;cursor:pointer;transition:transform .2s,box-shadow .2s;--cat-grad: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 30%, rgba(255,255,255,.85) 45%, rgba(255,255,255,.4) 65%, transparent 80%)}.cat-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--cat-grad);z-index:1;pointer-events:none}.cat-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:12%;background:linear-gradient(0deg,#FFFFFF 0%,rgba(255,255,255,.7) 50%,transparent 100%);z-index:2;pointer-events:none}.cat-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0000001a}.cat-bg-img{position:absolute;right:-5%;top:5%;width:70%;height:90%;object-fit:contain;object-position:center right;pointer-events:none;z-index:0}.cat-text{position:absolute;top:0;bottom:0;left:0;width:55%;display:flex;flex-direction:column;justify-content:center;padding:clamp(12px,2.5vw,28px);z-index:3}.cat-sub{font-size:clamp(9px,1.1vw,12px);font-weight:700;letter-spacing:2px;opacity:.85;margin-bottom:6px}.cat-name{font-size:clamp(15px,2.2vw,28px);font-weight:900;color:#06060c;line-height:1.2;white-space:nowrap}.cat-price{font-size:clamp(12px,1.4vw,17px);font-weight:900;margin-top:8px}.cat-cta{margin-top:clamp(8px,1.2vw,14px);font-size:clamp(9px,1vw,11px);font-weight:700}.collab-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.3vw,14px)}@media(min-width:768px){.collab-grid{grid-template-columns:repeat(3,1fr)}}.collab-card{position:relative;aspect-ratio:1/1;border-radius:clamp(10px,1.4vw,14px);overflow:hidden;border:1px solid;text-decoration:none;background:#fafafa;transition:transform .25s ease,box-shadow .25s ease}.collab-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001f}.collab-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.collab-overlay{position:absolute;bottom:0;left:0;right:0;padding:10px 12px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.95))}.collab-tag{display:inline-block;font-size:7px;font-weight:900;padding:2px 7px;border-radius:4px;color:#fff;letter-spacing:1px;margin-bottom:4px}.collab-name{font-size:clamp(10px,1.4vw,14px);font-weight:900;color:var(--new-tx);line-height:1.25}.collab-count{font-size:10px;color:var(--new-t4);margin-top:3px}.na-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.3vw,14px)}@media(min-width:768px){.na-grid{grid-template-columns:repeat(4,1fr)}}.na-card{border:1px solid var(--new-bd);border-radius:10px;overflow:hidden;background:#fff;text-decoration:none;display:block;transition:transform .2s,box-shadow .2s}.na-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.na-img-wrap{aspect-ratio:4/3;overflow:hidden;background:#f3f4f6}.na-img{width:100%;height:100%;object-fit:cover;display:block}.na-info{padding:10px 12px}.na-title{font-size:11.5px;font-weight:800;color:var(--new-tx);margin-bottom:4px;line-height:1.3;min-height:30px}.na-price{font-size:14px;font-weight:900;color:var(--new-accent-d)}.na-tilde{font-size:10px;color:var(--new-t4);font-weight:500;margin-left:2px}.rec-title-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 clamp(14px,1.8vw,20px);padding-left:12px;border-left:4px solid;font-size:clamp(14px,1.8vw,20px);font-weight:900;color:#06060c}.rec-title-h .rec-en{font-size:clamp(10px,1.2vw,12px);font-weight:700;letter-spacing:1.5px}.rec-title-h .rec-count{font-size:11px;color:#6b7280;font-weight:700}.rec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(8px,1vw,12px)}@media(min-width:768px){.rec-grid{grid-template-columns:repeat(5,1fr)}}.rec-card{border:1px solid #E5E7EB;border-radius:8px;overflow:hidden;background:#fff;text-decoration:none;display:block;transition:transform .2s,box-shadow .2s}.rec-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.rec-img-wrap{aspect-ratio:1/1;overflow:hidden;background:#f9fafb}.rec-img{width:100%;height:100%;object-fit:cover;display:block}.rec-info{padding:8px 10px}.rec-title{font-size:11px;font-weight:700;color:#06060c;line-height:1.3;min-height:28px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rec-price{font-size:13px;font-weight:900;color:#00c48a;margin-top:4px}.rec-tilde{font-size:9px;color:#6b7280;font-weight:500;margin-left:2px}.subcat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(6px,1vw,12px)}@media(max-width:1199px){.subcat-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.subcat-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.subcat-card{position:relative;padding-bottom:110%;height:0;border-radius:clamp(10px,1.5vw,14px);overflow:hidden;text-decoration:none;display:block;cursor:pointer;transition:transform .2s,box-shadow .2s}.subcat-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:55%;background:linear-gradient(180deg,#fff0,#ffffffeb 70%,#fff);z-index:1;pointer-events:none}.subcat-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0000001a}.subcat-bg-img{position:absolute;top:6%;left:50%;width:88%;height:55%;object-fit:contain;transform:translate(-50%);pointer-events:none;z-index:0}.subcat-text{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;padding:clamp(8px,1.2vw,14px);z-index:2}.subcat-sub{font-size:clamp(7px,.8vw,9px);font-weight:700;letter-spacing:1.5px;opacity:.95;margin-bottom:3px}.subcat-name{font-size:clamp(10px,1.2vw,13px);font-weight:900;color:#06060c;line-height:1.2}.subcat-cta{margin-top:clamp(3px,.5vw,6px);font-size:clamp(8px,.9vw,10px);font-weight:700}@media(max-width:767px){.subcat-card{padding-bottom:110%}.subcat-name{font-size:11px!important}.subcat-sub{font-size:8px!important}.subcat-cta{font-size:9px!important}.subcat-bg-img{width:90%!important;height:55%!important}}
/*# sourceMappingURL=/cdn/shop/t/79/assets/astro-index.css.map */