/* bxslider ---------------------------------- */
.bx-wrapper{
	position : relative;
	z-index : 0;
	margin-bottom : 0;
	padding : 0;
	background : transparent;

	-ms-touch-action : pan-y;
	    touch-action : pan-y;
	overflow: hidden;
	width: 100%;
    height: auto;
}
.bx-viewport{
    position: relative;
	overflow: visible!important;
	width: 100%;
	height: auto;
	margin: 0 auto;
    border: none!important;
    left: 0!important;
    box-shadow: none!important
}
.bx-viewport::before{
    position: absolute;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    right: 100%;
    background: rgba(255,255,255,0.5);
    z-index: 1;
}

.bx-viewport::after{
    position: absolute;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 100%;
    background: rgba(255,255,255,0.5);
    z-index: 1;
}
.slider{
	margin : 0;
	padding : 0;
	list-style : none;
}

#slider > div{
	margin : 0;
	width: 100%;
	height: auto;
}
#slider img{
	position : relative;
	top : 0;
	display : block;
	width : 100%;
	max-width : var(--maximumWidth);
	object-fit: contain;
	height: auto;
}

@media(min-width: 1317px){
    .bx-wrapper{
	    height: var(--sliderHeight);
    }
	.bx-viewport{
		width: 1300px!important;
        height: var(--sliderHeight)!important;
	}
	#slider > div{
		width: 1300px!important;
        height: var(--sliderHeight);
	}
    #slider img{
        max-width : 1300px;
        object-fit: cover;
        height: var(--sliderHeight);
    }
}
/* bx-controls ----------------------*/
.bx-wrapper .bx-controls-auto , .bx-wrapper .bx-pager{
	position : absolute;
	z-index : 55;
	bottom : 20px;
	width : 100%;
}

.bx-wrapper .bx-pager{
	font-family : Arial;
	font-size : 0.85em;
	font-weight : var(--boldFontWeight);
	padding-top : 20px;
	text-align : center;
	color : #666666;
}

.bx-wrapper .bx-pager.bx-default-pager a{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	width: 1rem;
	height: 1rem;
	margin: 0 5px;
	padding: 0.1rem;
	font-size: 1rem;
	color: #999;
	text-decoration: none;
	line-height: 1;
	outline: 0;
	background: #999;
	border-radius: 50%;
}

.bx-wrapper .bx-pager.bx-default-pager a.active , .bx-wrapper .bx-pager.bx-default-pager a:focus , .bx-wrapper .bx-pager.bx-default-pager a:hover{
	background : #93C1E7;
	color: #93C1E7;
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item , .bx-wrapper .bx-pager-item{
	display : inline-block;
	vertical-align : bottom;
}

.bx-wrapper .bx-pager-item{
	font-size : 0;
	line-height : 0;
}

.bx-wrapper .bx-prev{
	left : 10px;
}
.bx-wrapper .bx-prev:before{
	content: "";
	background-image: url(https://file003.shop-pro.jp/PA01499/953/images/bx-prev.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.bx-wrapper .bx-prev:hover{
	opacity: 0.8;
}

.bx-wrapper .bx-next{
	right : 10px;
}
.bx-wrapper .bx-next:before{
	content: "";
	background-image: url(https://file003.shop-pro.jp/PA01499/953/images/bx-next.png );
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.bx-wrapper .bx-next:hover{
	opacity : 0.8;
}
.bx-controls{
	width: 100%;
	max-width: 1300px;
	margin: auto;
	height: 0;
	top: 0;
	left: 0;
	right: 0;
}
@media(min-width: 1317px){
	.bx-controls{
		width: 1300px;
	}
	.bx-wrapper .bx-prev{
		left: calc((100% - 1300px) / 2 + 10px)!important;
	}
	.bx-wrapper .bx-next{
		right: calc((100% - 1300px) / 2 + 10px)!important;
	}
}
.bx-wrapper .bx-controls-direction a{
	position: absolute;
	z-index: 9999;
	top: 50%;
	width: 32px;
	height: 32px;
	margin-top: -16px;
	text-indent: -9999px;
	outline: 0;
	transition: opacity 0.3s ease;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
}

.bx-wrapper .bx-controls-direction a.disabled{
	display : none;
}

.bx-wrapper .bx-controls-auto{
	text-align : center;
}

.bx-wrapper .bx-controls-auto .bx-start{
	display : block;
	width : 10px;
	height : 11px;
	margin : 0 3px;
	text-indent : -9999px;
	outline : 0;
	background : url(images/controls.png) -86px -11px no-repeat;
}

.bx-wrapper .bx-controls-auto .bx-start.active , .bx-wrapper .bx-controls-auto .bx-start:focus , .bx-wrapper .bx-controls-auto .bx-start:hover{
	background-position : -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop{
	display : block;
	width : 9px;
	height : 11px;
	margin : 0 3px;
	text-indent : -9999px;
	outline : 0;
	background : url(images/controls.png) -86px -44px no-repeat;
}

.bx-wrapper .bx-controls-auto .bx-stop.active , .bx-wrapper .bx-controls-auto .bx-stop:focus , .bx-wrapper .bx-controls-auto .bx-stop:hover{
	background-position : -86px -33px;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{
	width : 80%;
	text-align : left;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{
	right : 0;
	width : 35px;
}


.bx-wrapper .bx-pager{ bottom: 15px!important;left: 0;}
.bx-wrapper .bx-pager.bx-default-pager a{ background-color: white!important;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{ background-color: var(--accentColor)!important;}


/* home-description
----------------------------------------------------------*/
.home-description{ margin: 0 auto var(--variableSpaceM);}

/*brand logo list
=====================================================================================*/
.brand-logo-list {
  /*
    display: flex;
    max-width: 1140px;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 50px auto;
    text-align: center;
    list-style: none;
 */
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: flex-start;
    gap: 5px;
    margin-bottom: var(--variableSpaseS);
    max-width: 1166px;
    margin: auto;
}
.brand-logo-list li {
    height: 39px;
    overflow: hidden;
    flex-grow: 1;
    flex-basis: 139px;
    margin-bottom: 4px;
}
.brand-logo-list a, .brand-logo-list p {
    display: inline;
    line-height: 37px;
    vertical-align: top;
    color: black;
}
.brand-logo-list img {
    vertical-align: top;
    border: 1px solid #ccc;
}
.brand-logo-list li.empty {
    height: 0;
    margin-bottom: 0;
}

/* top banner
=====================================================================================*/
#banner-wrap.nogap{ display: flex; flex-wrap: nowrap;}

#banner-wrap a{ transition: all 0.3s ease-in-out; }

#banner-wrap a:hover{ opacity: 0.8;}

#banner-wrap.nogap a{ flex-basis: 50%;}

#banner-wrap.half{ display: flex; flex-wrap: wrap; gap: 30px; max-width: 960px; margin: 0 auto 30px;}

#banner-wrap.half a{ flex-basis: 350px; flex-grow: 1; max-width: 465px; margin: auto;}

#online_order-picup_store{ margin-bottom: var(--variableSpaceS);