/* 商品画像サムネイルナビ 完全版 */
:root{--lupis-thumb-nav-height:64px;--lupis-thumb-size:52px;--lupis-thumb-radius:12px;--lupis-main-photo-size:min(320px, calc(100vw - 40px));}
#pi_photo{min-height:1px !important;}
#pi_photo .product_img{box-sizing:border-box !important;min-height:calc(var(--lupis-main-photo-size) + var(--lupis-thumb-nav-height) + 28px) !important;}
#pi_photo .product_img > ul{min-height:var(--lupis-main-photo-size) !important;max-height:var(--lupis-main-photo-size) !important;overflow:hidden !important;margin:0 !important;padding:0 !important;}
#pi_photo .product_img > ul > li{min-height:var(--lupis-main-photo-size) !important;max-height:var(--lupis-main-photo-size) !important;overflow:hidden !important;}
#pi_photo .product_img > ul > li:not(:first-child){display:none !important;}
#pi_photo .product_img > ul img{width:100% !important;max-width:var(--lupis-main-photo-size) !important;height:auto !important;aspect-ratio:1 / 1 !important;object-fit:contain !important;display:block !important;margin:0 auto !important;}
#pi_photo .product_img .bx-wrapper{margin-bottom:0 !important;}
#pi_photo .product_img .bx-wrapper img{border:0 !important;}
#pi_photo .product_img .bx-wrapper .bx-viewport{min-height:var(--lupis-main-photo-size) !important;overflow:hidden !important;}
#pi_photo .product_img .bx-wrapper .bx-viewport li{min-height:var(--lupis-main-photo-size) !important;}
#pi_photo .product_img .bx-wrapper .bx-viewport img{aspect-ratio:1 / 1 !important;object-fit:contain !important;}
#pi_photo .product_img .bx-wrapper .bx-controls{min-height:var(--lupis-thumb-nav-height) !important;}
#pi_photo .product_img .bx-wrapper .bx-controls-direction{display:none !important;}
#pi_photo .product_img .bx-wrapper .bx-pager{position:static !important;width:100% !important;max-width:640px !important;height:var(--lupis-thumb-nav-height) !important;min-height:var(--lupis-thumb-nav-height) !important;margin:10px auto 14px !important;padding:0 8px !important;box-sizing:border-box !important;display:grid !important;grid-template-columns:34px minmax(0, 1fr) 34px !important;align-items:center !important;gap:8px !important;overflow:hidden !important;text-align:left !important;contain:layout paint !important;}
#pi_photo .product_img .bx-wrapper .bx-pager .bx-pager-item{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;}
#pi_photo .product_img .bx-wrapper .bx-pager a.bx-pager-link{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;}
#pi_photo .product_img .bx-wrapper .bx-pager > a[data-slide-index]{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;}
#pi_photo .product_img .bx-wrapper .bx-pager:not(.lupis-thumb-built){min-height:var(--lupis-thumb-nav-height) !important;height:var(--lupis-thumb-nav-height) !important;overflow:hidden !important;}
.lupis-original-pager{position:absolute !important;left:-9999px !important;top:auto !important;width:1px !important;height:1px !important;overflow:hidden !important;opacity:0 !important;pointer-events:none !important;}

/* サムネイル化後の基本レイアウト */
#pi_photo .product_img .bx-wrapper .bx-pager.lupis-thumb-built{width:100% !important;max-width:640px !important;grid-template-columns:34px minmax(0, 1fr) 34px !important;justify-content:center !important;padding-left:8px !important;padding-right:8px !important;column-gap:8px !important;visibility:visible !important;opacity:1 !important;overflow:visible !important;}
#pi_photo .product_img .bx-wrapper .bx-pager.lupis-thumb-built .lupis-gallery-arrow{display:flex !important;visibility:visible !important;opacity:1 !important;}
#pi_photo .product_img .bx-wrapper .bx-pager.lupis-thumb-built .lupis-product-thumbs-wrap{display:flex !important;visibility:visible !important;opacity:1 !important;}
#pi_photo .product_img .bx-wrapper .bx-pager.lupis-thumb-built .lupis-product-thumbs{display:flex !important;visibility:visible !important;opacity:1 !important;}

/* サムネイル横スクロール枠 */
.lupis-product-thumbs-wrap{position:relative !important;width:100% !important;min-width:0 !important;height:var(--lupis-thumb-nav-height) !important;overflow:hidden !important;display:flex !important;align-items:center !important;}
.lupis-product-thumbs{display:flex !important;align-items:center !important;gap:8px !important;width:100% !important;height:var(--lupis-thumb-nav-height) !important;padding:0 !important;box-sizing:border-box !important;overflow-x:auto !important;overflow-y:hidden !important;white-space:nowrap !important;-webkit-overflow-scrolling:touch !important;scrollbar-width:none !important;scroll-padding-left:0 !important;overscroll-behavior-x:contain !important;scroll-snap-type:none !important;}
.lupis-product-thumbs::-webkit-scrollbar{display:none !important;}

/* サムネイル本体 */
#pi_photo .product_img .bx-wrapper .bx-pager.lupis-thumb-built .lupis-product-thumb{position:relative !important;flex:0 0 auto !important;width:var(--lupis-thumb-size) !important;height:var(--lupis-thumb-size) !important;padding:0 !important;margin:0 !important;border:0 !important;border-radius:var(--lupis-thumb-radius) !important;background:transparent !important;overflow:hidden !important;box-sizing:border-box !important;cursor:pointer !important;opacity:.68 !important;line-height:0 !important;font-size:0 !important;box-shadow:none !important;transform:translateZ(0) !important;appearance:none !important;-webkit-appearance:none !important;isolation:isolate !important;-webkit-mask-image:-webkit-radial-gradient(white, black) !important;scroll-snap-align:none !important;}
#pi_photo .product_img .bx-wrapper .bx-pager.lupis-thumb-built .lupis-product-thumb::after{content:"" !important;position:absolute !important;inset:0 !important;z-index:2 !important;border:1px solid #e1e1e1 !important;border-radius:var(--lupis-thumb-radius) !important;box-sizing:border-box !important;pointer-events:none !important;}
#pi_photo .product_img .bx-wrapper .bx-pager.lupis-thumb-built .lupis-product-thumb img{position:absolute !important;inset:0 !important;z-index:1 !important;width:100% !important;height:100% !important;min-width:100% !important;min-height:100% !important;max-width:none !important;max-height:none !important;object-fit:cover !important;object-position:center center !important;display:block !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:var(--lupis-thumb-radius) !important;clip-path:inset(0 round var(--lupis-thumb-radius)) !important;box-sizing:border-box !important;transform:scale(1.02) !important;}
#pi_photo .product_img .bx-wrapper .bx-pager.lupis-thumb-built .lupis-product-thumb.is-active{opacity:1 !important;border:0 !important;box-shadow:none !important;}
#pi_photo .product_img .bx-wrapper .bx-pager.lupis-thumb-built .lupis-product-thumb.is-active::after{border:2px solid #ccc !important;border-radius:var(--lupis-thumb-radius) !important;}
#pi_photo .product_img .bx-wrapper .bx-pager.lupis-thumb-built .lupis-product-thumb.is-active img{border-radius:var(--lupis-thumb-radius) !important;clip-path:inset(0 round var(--lupis-thumb-radius)) !important;transform:scale(1.02) !important;}

/* 収まる時：中央にコンパクト表示 */
#pi_photo .product_img .bx-wrapper .bx-pager.lupis-thumb-built.is-fit{width:max-content !important;max-width:calc(100% - 24px) !important;grid-template-columns:34px auto 34px !important;justify-content:center !important;margin-left:auto !important;margin-right:auto !important;padding-left:8px !important;padding-right:8px !important;column-gap:8px !important;overflow:visible !important;}
#pi_photo .product_img .bx-wrapper .bx-pager.lupis-thumb-built.is-fit .lupis-product-thumbs-wrap{width:auto !important;min-width:0 !important;overflow:hidden !important;}
#pi_photo .product_img .bx-wrapper .bx-pager.lupis-thumb-built.is-fit .lupis-product-thumbs{width:auto !important;max-width:none !important;justify-content:center !important;overflow-x:hidden !important;scroll-snap-type:none !important;}

/* 収まらない時：横幅いっぱい・左端から表示 */
#pi_photo .product_img .bx-wrapper .bx-pager.lupis-thumb-built.is-scroll{width:100% !important;max-width:640px !important;grid-template-columns:34px minmax(0, 1fr) 34px !important;justify-content:center !important;margin-left:auto !important;margin-right:auto !important;padding-left:8px !important;padding-right:8px !important;column-gap:8px !important;overflow:visible !important;--lupis-thumb-size:48px;--lupis-thumb-radius:12px;}
#pi_photo .product_img .bx-wrapper .bx-pager.lupis-thumb-built.is-scroll .lupis-product-thumbs-wrap{width:100% !important;min-width:0 !important;overflow:hidden !important;}
#pi_photo .product_img .bx-wrapper .bx-pager.lupis-thumb-built.is-scroll .lupis-product-thumbs{width:100% !important;justify-content:flex-start !important;overflow-x:auto !important;scroll-snap-type:none !important;}
#pi_photo .product_img .bx-wrapper .bx-pager.lupis-thumb-built.is-many{--lupis-thumb-size:48px;--lupis-thumb-radius:12px;}

/* 左右矢印 */
#pi_photo .product_img .bx-wrapper .bx-pager.lupis-thumb-built .lupis-gallery-arrow{position:relative !important;width:34px !important;height:34px !important;min-width:34px !important;flex:0 0 34px !important;padding:0 !important;margin:0 !important;border:1px solid #dedede !important;border-radius:999px !important;background:#fff !important;color:transparent !important;font-size:0 !important;line-height:0 !important;text-indent:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;align-self:center !important;justify-self:center !important;overflow:visible !important;box-sizing:border-box !important;box-shadow:0 2px 8px rgba(0,0,0,.08) !important;appearance:none !important;-webkit-appearance:none !important;z-index:5 !important;}
#pi_photo .product_img .bx-wrapper .bx-pager.lupis-thumb-built .lupis-gallery-arrow::before{content:"" !important;position:absolute !important;top:50% !important;left:50% !important;width:8px !important;height:8px !important;border:solid #333 !important;border-width:2px 2px 0 0 !important;box-sizing:border-box !important;display:block !important;margin:0 !important;padding:0 !important;background:transparent !important;color:transparent !important;font-size:0 !important;line-height:0 !important;text-indent:0 !important;}
#pi_photo .product_img .bx-wrapper .bx-pager.lupis-thumb-built .lupis-gallery-arrow--prev::before{transform:translate(-42%, -50%) rotate(-135deg) !important;}
#pi_photo .product_img .bx-wrapper .bx-pager.lupis-thumb-built .lupis-gallery-arrow--next::before{transform:translate(-58%, -50%) rotate(45deg) !important;}
#pi_photo .product_img .bx-wrapper .bx-pager.lupis-thumb-built .lupis-gallery-arrow:active{transform:scale(.96) !important;}
#pi_photo .product_img .bx-wrapper .bx-pager.lupis-thumb-built .lupis-gallery-arrow.is-disabled{opacity:.28 !important;pointer-events:none !important;}

/* スマホ */
@media screen and (max-width:600px){
:root{--lupis-thumb-nav-height:60px;--lupis-thumb-size:48px;--lupis-thumb-radius:12px;--lupis-main-photo-size:min(320px, calc(100vw - 40px));}
#pi_photo .product_img .bx-wrapper .bx-pager{max-width:100% !important;grid-template-columns:32px minmax(0, 1fr) 32px !important;gap:7px !important;padding:0 7px !important;margin:8px auto 12px !important;}
#pi_photo .product_img .bx-wrapper .bx-pager.lupis-thumb-built{max-width:100% !important;grid-template-columns:32px minmax(0, 1fr) 32px !important;column-gap:7px !important;padding-left:7px !important;padding-right:7px !important;}
#pi_photo .product_img .bx-wrapper .bx-pager.lupis-thumb-built.is-fit{width:max-content !important;max-width:calc(100% - 16px) !important;grid-template-columns:32px auto 32px !important;column-gap:7px !important;padding-left:7px !important;padding-right:7px !important;}
#pi_photo .product_img .bx-wrapper .bx-pager.lupis-thumb-built.is-scroll{width:100% !important;max-width:100% !important;grid-template-columns:32px minmax(0, 1fr) 32px !important;column-gap:7px !important;padding-left:7px !important;padding-right:7px !important;--lupis-thumb-size:44px;--lupis-thumb-radius:12px;}
#pi_photo .product_img .bx-wrapper .bx-pager.lupis-thumb-built.is-many{--lupis-thumb-size:44px;--lupis-thumb-radius:12px;}
#pi_photo .product_img .bx-wrapper .bx-pager.lupis-thumb-built .lupis-gallery-arrow{width:32px !important;height:32px !important;min-width:32px !important;flex-basis:32px !important;}
#pi_photo .product_img .bx-wrapper .bx-pager.lupis-thumb-built .lupis-gallery-arrow::before{width:7px !important;height:7px !important;border-width:2px 2px 0 0 !important;}
#pi_photo .product_img .bx-wrapper .bx-pager.lupis-thumb-built .lupis-gallery-arrow--prev::before{transform:translate(-42%, -50%) rotate(-135deg) !important;}
#pi_photo .product_img .bx-wrapper .bx-pager.lupis-thumb-built .lupis-gallery-arrow--next::before{transform:translate(-58%, -50%) rotate(45deg) !important;}
}