@layer reset, base, design, overwrite;@layer overwrite{@container (width <= 760px){.box_products.box_phtxt .item{gap:0}.box_products.box_phtxt .item:has(.swiper-pagination-lock) .item_txt{padding-block-start:16px}}.box_products.box_card .item_txt{padding:24px 16px}.box_products.box_card .item_txt>:is(hr){margin-block:16px}.box_products.box_card .item_txt .item_txt_body{font-size:0.9em}.box_products .tag_product{margin-block-start:1lh}@media (1280px < width){.box_products .ul_price{width:fit-content!important;margin-inline:auto 0}}}@layer overwrite{@media (760px < width){.ul_grid.ul_product{--w-btntxt:50%}}@media (width <= 760px){.ul_grid.ul_product{--w-btntxt:65%}}@media (width <= 320px){.ul_grid.ul_product{--w-btntxt:100%}}.ul_grid.ul_product{grid-template-columns:repeat(auto-fill,minmax(min(480px,100%),1fr));gap:32px}.ul_grid.ul_product>li{display:flex;flex-wrap:wrap;flex-direction:row}.ul_grid.ul_product>li>a{position:relative;z-index:0;display:flex;flex-wrap:wrap;flex-direction:row;overflow:hidden;width:100%;background-color:var(--c-primary);color:var(--c-primary-bgctxt);border-radius:8px;font-size:1.1em;font-weight:600;line-height:1.2;opacity:unset}@media (any-hover:hover){.ul_grid.ul_product>li>a:hover>.btn_img img{scale:1.1}}.ul_grid.ul_product>li>a:focus-visible>.btn_img img{scale:1.1}.ul_grid.ul_product>li .btn_txt{display:flex;gap:0px 16px;flex-wrap:nowrap;flex-direction:row;align-items:center;width:var(--w-btntxt)}@media (480px < width){.ul_grid.ul_product>li .btn_txt{padding:2.5em 1em}}@media (width <= 480px){.ul_grid.ul_product>li .btn_txt{padding:2em 1em}}.ul_grid.ul_product>li .btn_txt>span:not([class]){flex:1}.ul_grid.ul_product>li .btn_txt>span [class]{flex-shrink:0}@media (width <= 320px){.ul_grid.ul_product>li .btn_img{display:none}}@media (320px < width){.ul_grid.ul_product>li .btn_img{display:block}}.ul_grid.ul_product>li .btn_img{position:absolute;right:0;top:0;z-index:-1;width:calc(100% - var(--w-btntxt));height:100%;overflow:hidden}.ul_grid.ul_product>li .btn_img img{display:block;width:100%;height:100%;object-fit:cover;transition:scale 0.3s ease-in-out}.ul_grid.ul_product>li .icon_arrow{--fc:var(--c-primary);--bdc:transparent;--bgc:var(--c-white);--size:1.0em}}@layer base{.tit_product:not(:last-child){margin-block-end:1.5em}.tit_product:last-child{margin-block-end:0}.tit_product{--r:clamp(15px,-6px + 4.375vw,50px);--i:clamp(15px,-6px + 4.375vw,50px)}@media (760px < width){.tit_product{--w-tit:15em;--h-tit:3.5em}}@media (width <= 760px){.tit_product{--w-tit:10em;--h-tit:2.3em}}@media (1280px < width){.tit_product .tit_product_ph{aspect-ratio:7/2}}@media (width <= 1280px){.tit_product .tit_product_ph{aspect-ratio:7/3}}.tit_product .tit_product_ph{background-color:var(--c-gray);overflow:hidden;clip-path:shape(from 100% var(--r),arc by calc(-1 * var(--r)) calc(-1 * var(--r)) of var(--r),hline to var(--r),arc by calc(-1 * var(--r)) var(--r) of var(--r),vline to calc(100% - var(--h-tit) - var(--r)),arc by var(--r) var(--r) of var(--r),hline to calc(var(--w-tit) - var(--r)),arc by var(--i) var(--i) of var(--i) cw,vline to calc(100% - var(--r)),arc by var(--r) var(--r) of var(--r),hline to calc(100% - var(--r)),arc by var(--r) calc(-1 * var(--r)) of var(--r),vline to var(--r),close)}.tit_product .tit_product_ph img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center}.tit_product{position:relative}.tit_product .tit_product_txt{position:absolute;left:0;bottom:0;line-height:1.2;max-width:15em}@media (760px < width){.tit_product .tit_product_txt{padding:0.5lh 0.8lh 0.3lh 0.2lh}}@media (width <= 760px){.tit_product .tit_product_txt{padding:0.4lh 0.5lh 0.2lh 0lh}}@media (1280px < width){.tit_product .tit_product_txt{font-size:1.5em}}@media (480px < width < 1280px){.tit_product .tit_product_txt{font-size:1.3em}}@media (width <= 480px){.tit_product .tit_product_txt{font-size:1.1em}}@supports not (clip-path:shape(from 0% 0%,close)){.tit_product .tit_product_txt{background-color:var(--c-base);border-radius:0 var(--r) 0 0}}}@layer overwrite{main :where(.box_headline):has(.tit_product){padding-block-end:var(--spa_block)}}
/*# sourceMappingURL=products.css.map */