.teaser-products_list{margin:40px 0 0;padding:0;list-style-type:none;gap:40px 16px;align-self:stretch;flex-wrap:wrap;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr auto)}@media screen and (min-width: 768px){.teaser-products_list{gap:24px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(1,1fr auto)}}.teaser-products_item{margin:40px 0 0;padding:0;gap:8px;display:grid;grid-template-rows:subgrid;grid-row:span 2;width:auto}@media screen and (min-width: 768px){.teaser-products_item{gap:16px;width:auto}}.teaser-products_itemFig{margin:0}.teaser-products_itemImg{width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover}.teaser-products_itemImg.mod-ratio-adapt{object-fit:contain}.teaser-products_itemImg.mod-ratio-square{object-fit:cover}.teaser-products_itemFigInner{position:relative;width:100%;aspect-ratio:1/1;flex-shrink:0;border-radius:16px;border:1.2px solid var(--main_black, #222);overflow:hidden;background:#fff}@media screen and (min-width: 768px){.teaser-products_itemFigInner{border-width:1.6px}}.teaser-products_itemBadge{position:absolute;display:flex;width:88px;padding:5px 4px;justify-content:center;align-items:center;gap:10px;border:1.2px solid var(--main_black, #222);background:var(--badge-color, var(--l_burlywood, #dedad5));z-index:1;left:-1px;bottom:-1px}@media screen and (min-width: 768px){.teaser-products_itemBadge{width:103px;border-width:1.6px}}.teaser-products_itemBadge[data-position=top-left]{top:-1px;left:-1px;bottom:auto;right:auto}.teaser-products_itemBadge[data-position=top-right]{top:-1px;right:-1px;bottom:auto;left:auto}.teaser-products_itemBadge[data-position=bottom-left]{bottom:-1px;left:-1px;top:auto;right:auto}.teaser-products_itemBadge[data-position=bottom-right]{bottom:-1px;right:-1px;top:auto;left:auto}.teaser-products_itemBadgeTxt{color:var(--main_black, #222);text-align:justify;font-size:12px;font-style:normal;font-weight:700;line-height:120%;letter-spacing:0}@media screen and (min-width: 768px){.teaser-products_itemBadgeTxt{font-size:14px}}.teaser-products_itemTtl{margin:0;color:var(--main_black, #222);flex:1;display:flex;align-items:flex-start;font-size:14px;font-style:normal;font-weight:500;line-height:160%;letter-spacing:-.05em}@media screen and (min-width: 768px){.teaser-products_itemTtl{font-size:16px;line-height:160%}}.teaser-products_priceTxt{margin:auto 0 0;color:var(--main_black, #222);text-align:justify;font-family:Roboto;font-size:18px;font-style:normal;font-weight:700;line-height:120%;letter-spacing:-.01em}@media screen and (min-width: 768px){.teaser-products_priceTxt{font-size:20px;line-height:120%}}.teaser-products_priceTxtSub{color:var(--main_black, #222);font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:120%}@media screen and (min-width: 768px){.teaser-products_priceTxtSub{font-size:14px}}.teaser-products_itemBtn{display:flex;padding:12px 16px;border:none;justify-content:center;align-items:center;align-self:stretch;border-radius:8px;background:var(--main_black, #222);width:100%;cursor:pointer;vertical-align:baseline;text-decoration:none}@media screen and (min-width: 768px){.teaser-products_itemBtn{padding:16px}}.teaser-products_itemBtn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.teaser-products_itemBtnTxt{color:var(--white, #fff);text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:160%;white-space:nowrap;vertical-align:baseline}@media screen and (min-width: 768px){.teaser-products_itemBtnTxt{font-size:16px;line-height:160%;font-family:Noto Sans JP}}button:disabled .teaser-products_itemBtnTxt{color:#666}.teaser-products_itemForm{width:100%}.teaser-products_itemBtnWrap{width:100%;margin-top:auto}.teaser-products_itemLink{text-decoration:none}.teaser-products_itemLinkWrap{gap:8px;display:flex;flex-direction:column;height:100%}@media screen and (min-width: 768px){.teaser-products_itemLinkWrap{gap:16px}}.teaser-products_btnWrap{margin:40px auto 0}@media screen and (min-width: 768px){.teaser-products_btnWrap{margin:48px auto 0}}.teaser-products_btn_link{display:flex;width:240px;padding:12px 16px;justify-content:center;align-items:center;border-radius:100px;border:1.2px solid var(--main_black, #222);text-decoration:none}@media screen and (min-width: 768px){.teaser-products_btn_link{width:280px;padding:16px;justify-content:center;align-items:center;border-width:1.6px}}.teaser-products_btnLinkTxt{color:var(--main_black, #222);text-align:center;font-size:14px;font-style:normal;font-weight:500;line-height:160%}@media screen and (min-width: 768px){.teaser-products_btnLinkTxt{font-size:16px}}.teaser-products_listWrap.add-nowrap{width:100vw;margin:0 -24px;padding:0 24px;scroll-padding-inline:24px;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;grid-auto-flow:column;scrollbar-width:none;-ms-overflow-style:none}.teaser-products_listWrap.add-nowrap ::-webkit-scrollbar{display:none}@media screen and (min-width: 768px){.teaser-products_listWrap.add-nowrap{margin:0 -60px;padding:0 60px;scroll-padding-inline:60px}}@media screen and (min-width: 1000px){.teaser-products_listWrap.add-nowrap{width:100%;margin:0;padding:0}}.teaser-products_listWrap.add-nowrap .teaser-products_list{width:auto;grid-auto-flow:column;grid-template-rows:none;grid-template-columns:none;grid-auto-columns:calc((100vw - 64px)/2);scroll-snap-type:x proximity}.teaser-products_listWrap.add-nowrap .teaser-products_list:after{content:"";width:1px}@media screen and (min-width: 768px){.teaser-products_listWrap.add-nowrap .teaser-products_list{gap:16px;grid-auto-columns:calc((100vw - 152px)/4)}}@media screen and (min-width: 1000px){.teaser-products_listWrap.add-nowrap .teaser-products_list{gap:16px;grid-auto-columns:auto;grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-template-rows:repeat(1,1fr auto)}.teaser-products_listWrap.add-nowrap .teaser-products_list:after{display:none}}.teaser-products_listWrap.add-nowrap .teaser-products_item{scroll-snap-align:start}@media screen and (min-width: 768px){.teaser-products_listWrap.add-nowrap .teaser-products_item{gap:16px}}@media screen and (min-width: 768px){.teaser-products_listWrap.add-nowrap .teaser-products_itemLinkWrap{gap:8px}}@media screen and (min-width: 768px){.teaser-products_listWrap.add-nowrap .teaser-products_itemBtn{padding:11px 0 12px}}@media screen and (min-width: 768px){.teaser-products_listWrap.add-nowrap .teaser-products_itemBtnTxt{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hb-page-teaser_products.css.map */