.palm-category-slider{--pcs-gap:var(--pcs-gap-pc,28px);--pcs-item-width:320px;--pcs-radius:0px;--pcs-text:#222;--pcs-edge:0px;--pcs-arrow-size:36px;--pcs-arrow-offset:12px;width:100%;overflow:visible;container-type:inline-size}.palm-category-slider.is-boxed{--pcs-edge:20px}.palm-category-slider *,.palm-category-slider *:before,.palm-category-slider *:after{box-sizing:border-box}.palm-category-slider__heading{margin:0 0 28px var(--pcs-edge);color:var(--pcs-text);font-size:clamp(24px, 3vw, 36px);font-weight:500;line-height:1.4;letter-spacing:.04em}.palm-category-slider__viewport{width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:var(--pcs-edge);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-width:none}.palm-category-slider__viewport::-webkit-scrollbar{display:none}.palm-category-slider.is-enhanced .palm-category-slider__viewport{cursor:grab}.palm-category-slider__viewport.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}.palm-category-slider__viewport:focus-visible{outline:2px solid #0a7;outline-offset:-2px}.palm-category-slider__track{display:flex;flex-wrap:nowrap;gap:var(--pcs-gap);width:max-content;padding:0 var(--pcs-edge) 6px}.palm-category-slider__item{display:block;flex:0 0 var(--pcs-item-width);width:var(--pcs-item-width);color:var(--pcs-text);text-decoration:none !important;scroll-snap-align:start}.palm-category-slider__viewport.is-dragging .palm-category-slider__item{pointer-events:none}.palm-category-slider__media{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:var(--pcs-radius);background:#eee}.palm-category-slider__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.palm-category-slider__placeholder{display:block;width:100%;height:100%;background:#ececec}.palm-category-slider__number{position:absolute;left:14px;bottom:12px;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:28px;padding:4px 8px;background:rgba(255,255,255,.92);color:#111;font-size:12px;line-height:1;letter-spacing:.08em}.palm-category-slider__title{display:block;margin-top:14px;font-size:16px;font-weight:500;line-height:1.6;letter-spacing:.02em}.palm-category-slider__item[href]:hover .palm-category-slider__media img{transform:scale(1.035)}.palm-category-slider__stage{position:relative}.palm-category-slider__hint{margin:18px var(--pcs-edge) 0;color:#777;font-size:11px;letter-spacing:.14em;text-align:right}.palm-category-slider__arrows{display:none;gap:10px}.palm-category-slider--arrows-bottom .palm-category-slider__arrows{justify-content:flex-end;margin:18px var(--pcs-edge) 0}.palm-category-slider--arrows-side .palm-category-slider__arrows,.palm-category-slider--arrows-overlay .palm-category-slider__arrows{position:absolute;z-index:3;top:var(--pcs-arrow-top,calc(var(--pcs-item-width) * 0.375));justify-content:space-between;transform:translateY(-50%);pointer-events:none}.palm-category-slider--arrows-side .palm-category-slider__arrow,.palm-category-slider--arrows-overlay .palm-category-slider__arrow{pointer-events:auto}.palm-category-slider--arrows-side .palm-category-slider__arrows{left:calc(var(--pcs-arrow-inset, var(--pcs-edge)) - var(--pcs-arrow-size) - var(--pcs-arrow-offset));right:calc(var(--pcs-arrow-inset, var(--pcs-edge)) - var(--pcs-arrow-size) - var(--pcs-arrow-offset))}.palm-category-slider--arrows-overlay .palm-category-slider__arrows{left:var(--pcs-arrow-inset,var(--pcs-edge));right:var(--pcs-arrow-inset,var(--pcs-edge))}.palm-category-slider--arrows-overlay .palm-category-slider__arrow{box-shadow:0 2px 10px rgba(0,0,0,.18)}.palm-category-slider__arrow{display:inline-flex;align-items:center;justify-content:center;width:var(--pcs-arrow-size);height:var(--pcs-arrow-size);padding:0;border:1px solid #ccc;border-radius:50%;background:#fff;color:#222;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease,opacity .25s ease}.palm-category-slider__arrow:hover{background:#222;border-color:#222;color:#fff}.palm-category-slider__arrow:focus-visible{outline:2px solid #0a7;outline-offset:3px}.palm-category-slider__arrow svg{width:13px;height:13px}@media (hover:hover) and (min-width:768px){.palm-category-slider.is-enhanced.is-scrollable .palm-category-slider__arrows{display:flex}.palm-category-slider.is-enhanced.is-scrollable .palm-category-slider__hint{display:none}}.palm-category-slider-empty{padding:12px 16px;border:1px solid #ddd;background:#fafafa}@media (min-width:1200px){.palm-category-slider{--pcs-gap:var(--pcs-gap-pc,32px);--pcs-item-width:340px}}@media (max-width:767px){.palm-category-slider{--pcs-gap:var(--pcs-gap-sp,14px);--pcs-item-width:min(78vw, 300px);--pcs-edge:0px}.palm-category-slider__heading{margin-bottom:18px;font-size:24px}.palm-category-slider__title{margin-top:10px;font-size:15px}}/* ------------------------------------------------------------------ * パソコン表示の枚数指定 * * 「表示設定 → パソコン表示の枚数」で 2〜5 を選んだときに使います。 * スライダーの幅（100cqw）から左右の余白とカード間の余白を引き、 * 枚数で割ってカード幅を求めます。スマホ（767px以下）には適用しません。 * 未対応の古いブラウザでは calc() ごと無効になり、
 * 上で指定した固定幅（320px／340px）がそのまま使われます。
 * ---------------------------------------------------------------- */
@media (min-width: 768px) {
    .palm-category-slider--cols-2 {
        --pcs-item-width: calc((100cqw - (var(--pcs-edge) * 2) - var(--pcs-gap)) / 2);}.palm-category-slider--cols-3{--pcs-item-width:calc((100cqw - (var(--pcs-edge) * 2) - (var(--pcs-gap) * 2)) / 3)}.palm-category-slider--cols-4{--pcs-item-width:calc((100cqw - (var(--pcs-edge) * 2) - (var(--pcs-gap) * 3)) / 4)}.palm-category-slider--cols-5{--pcs-item-width:calc((100cqw - (var(--pcs-edge) * 2) - (var(--pcs-gap) * 4)) / 5)}}@media (prefers-reduced-motion:reduce){.palm-category-slider__viewport{scroll-behavior:auto}.palm-category-slider__media img{transition:none}}