/* DN-J3IDMAP variant selectors for store 15, generated from custom.css (md5 f62e645cfa2e928761475886fc5bbabb) + oc_setting j3idmap.
   Do not edit: regenerate with  php8.2 ~/dn_newstore/dn_code_a_patch.php --part=css --store=sk --apply  (also after custom.css edits of these ids). */
@media (max-width:500px){
.module-header_notice-2585{height:28px !important;
		min-height:28px !important;
		max-height:28px !important;
		overflow:hidden !important;}
.module-header_notice-2585.dn-hn-active-long{height:36px !important;
		min-height:36px !important;
		max-height:36px !important;}
.module-header_notice-2585 .hn-content{width:100vw !important;
		max-width:100vw !important;
		height:28px !important;
		min-height:28px !important;
		max-height:28px !important;
		margin-left:-28px !important;
		padding:0 24px !important;
		box-sizing:border-box !important;
		overflow:hidden !important;
		align-items:center !important;
		justify-content:center !important;}
.module-header_notice-2585.dn-hn-active-long .hn-content{width:calc(100vw + 44px) !important;
		max-width:calc(100vw + 44px) !important;
		height:36px !important;
		min-height:36px !important;
		max-height:36px !important;
		margin-left:-49px !important;
		padding:0 30px 0 10px !important;}
.module-header_notice-2585 .swiper-container{width:calc(100vw - 48px) !important;
		max-width:calc(100vw - 48px) !important;
		margin-left:auto !important;
		margin-right:auto !important;
		overflow:hidden !important;}
.module-header_notice-2585.dn-hn-active-long .swiper-container{width:calc(100vw - 16px) !important;
		max-width:calc(100vw - 16px) !important;}
.module-header_notice-2585 .swiper-slide{width:calc(100vw - 48px) !important;
		max-width:calc(100vw - 48px) !important;
		height:28px !important;
		min-height:28px !important;
		max-height:28px !important;
		padding:0 !important;
		margin:0 !important;
		overflow:hidden !important;
		white-space:nowrap !important;
		text-align:center !important;
		align-items:center !important;
		justify-content:center !important;}
.module-header_notice-2585.dn-hn-active-long .swiper-slide{width:calc(100vw - 16px) !important;
		max-width:calc(100vw - 16px) !important;
		height:36px !important;
		min-height:36px !important;
		max-height:36px !important;
		white-space:normal !important;
		text-align:center !important;
		justify-content:center !important;}
.module-header_notice-2585 .slide-content,.module-header_notice-2585 .slide-cols,.module-header_notice-2585 .slide-col,.module-header_notice-2585 .slide-layers,.module-header_notice-2585 .slide-text,.module-header_notice-2585 .slide-text-item,.module-header_notice-2585 .slide-text-item span{width:100% !important;
		max-width:100% !important;
		min-width:0 !important;
		margin-left:0 !important;
		margin-right:0 !important;
		padding-left:0 !important;
		padding-right:0 !important;
		box-sizing:border-box !important;
		justify-content:center !important;
		text-align:center !important;}
.module-header_notice-2585 .module-item,.module-header_notice-2585 .module-item *{font-size:12px !important;
		line-height:15px !important;
		text-align:center !important;
		overflow:visible !important;
		text-overflow:clip !important;}
.module-header_notice-2585 .swiper-slide:not(.dn-hn-long),.module-header_notice-2585 .swiper-slide:not(.dn-hn-long) *{white-space:nowrap !important;
		text-align:center !important;}
.module-header_notice-2585 .swiper-slide.dn-hn-long,.module-header_notice-2585 .swiper-slide.dn-hn-long *{white-space:normal !important;
		text-align:center !important;}
.module-header_notice-2585 .header-notice-close-button{left:auto !important;
		right:0 !important;
		width:18px !important;
		height:28px !important;
		margin:0 !important;
		padding:0 !important;
		align-items:center !important;
		justify-content:center !important;}
.module-header_notice-2585.dn-hn-active-long .header-notice-close-button{height:36px !important;}
.module-header_notice-2585 .header-notice-close-button button{width:15px !important;
		height:15px !important;
		min-width:15px !important;
		min-height:15px !important;
		padding:0 !important;
		margin:0 !important;}
.module-header_notice-2585 .swiper:not(.swiper-initialized) .swiper-slide:not(:first-child),.module-header_notice-2585 .swiper-container:not(.swiper-initialized) .swiper-slide:not(:first-child){display:none !important;}
}
@media (max-width:390px){
.module-header_notice-2585.dn-hn-active-long .hn-content{margin-left:-40px !important;
		width:calc(100vw + 35px) !important;
		max-width:calc(100vw + 35px) !important;
		padding-left:8px !important;
		padding-right:30px !important;}
.module-header_notice-2585.dn-hn-active-long .swiper-container,.module-header_notice-2585.dn-hn-active-long .swiper-slide{width:calc(100vw - 20px) !important;
		max-width:calc(100vw - 20px) !important;}
}
@media (max-width:360px){
.module-header_notice-2585.dn-hn-active-long .hn-content{margin-left:-34px !important;
		width:calc(100vw + 28px) !important;
		max-width:calc(100vw + 28px) !important;
		padding-left:8px !important;
		padding-right:30px !important;}
.module-header_notice-2585.dn-hn-active-long .swiper-container,.module-header_notice-2585.dn-hn-active-long .swiper-slide{width:calc(100vw - 24px) !important;
		max-width:calc(100vw - 24px) !important;}
}
@media (min-width:501px){
.module-header_notice-2585{height:28px !important;
		min-height:28px !important;
		max-height:28px !important;
		padding-top:0 !important;
		padding-bottom:0 !important;
		margin-top:0 !important;
		margin-bottom:0 !important;
		overflow:hidden !important;}
.module-header_notice-2585 .hn-content{height:28px !important;
		min-height:28px !important;
		max-height:28px !important;
		padding-top:0 !important;
		padding-bottom:0 !important;
		margin-top:0 !important;
		margin-bottom:0 !important;
		align-items:center !important;}
.module-header_notice-2585 .grid-item,.module-header_notice-2585 .module-item,.module-header_notice-2585 .swiper-slide{height:28px !important;
		min-height:28px !important;
		max-height:28px !important;
		padding-top:0 !important;
		padding-bottom:0 !important;
		margin-top:0 !important;
		margin-bottom:0 !important;}
.module-header_notice-2585 .module-item,.module-header_notice-2585 .module-item *{line-height:16px !important;}
.module-header_notice-2585 .header-notice-close-button,.module-header_notice-2585 .header-notice-close-button button{height:28px !important;
		min-height:28px !important;
		max-height:28px !important;
		line-height:28px !important;
		padding-top:0 !important;
		padding-bottom:0 !important;
		margin-top:0 !important;
		margin-bottom:0 !important;}
}
.module-header_notice-2585 .swiper-container:not(.swiper-initialized) .swiper-slide:not(:first-child),.module-header_notice-2585 .swiper:not(.swiper-initialized) .swiper-slide:not(:first-child){display:none !important;}
.module-header_notice-2585 .swiper-container:not(.swiper-initialized) .swiper-wrapper,.module-header_notice-2585 .swiper:not(.swiper-initialized) .swiper-wrapper{transform:none !important;}
.module-header_notice-2585 .swiper-container:not(.swiper-initialized) .swiper-slide:first-child,.module-header_notice-2585 .swiper:not(.swiper-initialized) .swiper-slide:first-child{display:flex !important;}
html.route-common-home .module-banners_grid-2654,html.route-common-home .module-categories-2680,html.route-common-home .module-products-2681,html.route-common-home .module-categories-2675,html.route-common-home .module-categories-2684,html.route-common-home .module-products-2685,html.route-common-home .module-blog_posts-2659,html.route-common-home .module-grid-2629,html.route-common-home .module-manufacturers-2658,html.route-common-home .module-gallery-2645,html.route-common-home .module-testimonials-2664{content-visibility: auto;
  contain-intrinsic-size: auto 700px;}
html.route-common-home #top .module-slider-2709 .swiper-container{overflow: hidden !important;}
html.route-common-home #top .module-slider-2709 .swiper-container:not(.swiper-initialized):not(.swiper-container-initialized) .swiper-slide{width: 100% !important;}
html.route-common-home #top .module-slider-2709 .swiper-container:not(.swiper-initialized):not(.swiper-container-initialized) .swiper-slide:not(:first-child){position: absolute !important;
  inset: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;}
@media (max-width: 500px){
html.route-common-home #top .grid-row-top-1 .grid-module-top-1-1-1 .module-slider-2709 .swiper-pagination-wrapper .swiper-pagination.swiper-pagination-dots{top: auto !important;
    right: auto !important;
    bottom: 9px !important;
    left: 50% !important;
    transform: translate3d(-50%, 0, 0) !important;}
}
@media (min-width: 501px) and (max-width: 650px){
html.route-common-home #top .grid-row-top-1 .grid-module-top-1-1-1 .module-slider-2709 .swiper-pagination-wrapper .swiper-pagination.swiper-pagination-dots{top: auto !important;
    right: auto !important;
    bottom: 26px !important;
    left: calc(50% + 105px) !important;
    transform: translate3d(-50%, 0, 0) !important;}
}