@charset "utf-8";

.main_slide_banner { margin:30px 0; padding-bottom:5px; }
ul.slide_banner { margin:0; padding:0; list-style:none; }

/* ---------- */
.toppage h2 {
	margin:60px 0 20px 0; padding:6px;
	border-bottom:1px var(--bf-border-dark) solid;
}
.toppage h2.noborder { margin:0; border-bottom:none; }

.news_block { display:flex; flex-wrap:wrap; justify-content:space-between; padding:0 10px; }
.newslist { flex:0 0 65%; }
.pickup_banner { flex:0 0 30%; }
@media only screen and (max-width: 767px) {
	.newslist,
	.pickup_banner { flex:0 0 100%; }
}
.pickup_banner div { margin-bottom:16px; }
.pickup_banner div:last-child { margin-bottom:0; }
.pickup_banner div img { width:100%; max-width:560px; }




/* ---------- */
ul.slide_view_items { margin:0; padding:0; list-style:none; left:calc((100vw - 1200px) / 2); width:calc(100% - ((100vw - 1200px) / 2)); }
@media only screen and (max-width: 1200px) {
	ul.slide_view_items { left:0; width:100%; }
}
ul.slide_view_items li { position:relative; padding:0 5px; }

ul.slide_view_items li .item_img { position:relative; aspect-ratio: 1 / 1; max-height:320px; padding:16px 8px 0px 8px; margin:0 auto; }
ul.slide_view_items li .item_img img {
	position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);
	max-height:90%; max-width:85%;
}



/*　item name */
ul.slide_view_items .name_box {
	display:flex; justify-content:center; align-items:center;
	max-width:80%; height:3.9em;
	margin:0 auto; padding:0;
	font-size:0.9rem; line-height:1.3; font-weight:var(--bf-fontw2);
}
ul.slide_view_items .name_box span {
	display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	overflow: hidden;
	word-break:break-all;
}

/*　item price */
ul.slide_view_items .price_box { padding:10px 0 20px 0; font-size:1.3rem; font-weight:var(--bf-fontw2); color:var(--bf-price); text-align:center; }
ul.slide_view_items .price_box span.tax { font-size:60%; color:var(--bf-text); font-weight:var(--bf-fontw2); }


/*　cart button */
.cart_set { text-align:center; }
.cart_bt, button.cart_bt {
	display:block;
	width:80%; max-width:260px; margin:0 auto; padding:0;
	background-color:var(--bf-btbg); border: none; cursor:pointer;
	text-align:center; color:var(--bf-btcolor);
	border:none; border-radius:1.5em;
	font-size:0.9em; line-height:1;
	padding:10px 0;
	transition-duration:0.2s;
}
.cart_bt span, button.cart_bt span {
	padding-left:2em;
	background-image: var(--icon-cart-wht);
	background-position:left center;
	background-repeat: no-repeat;
	background-size:1.25em; line-height:1;
}
.cart_bt:hover, button.cart_bt:hover { background-color:var(--bf-btbg-hover); color:var(--bf-btcolor); }
@media only screen and (max-width: 767px) {
	.cart_bt, button.cart_bt { font-size:0.7rem; padding:8px 0; }
}


/* status */
ul.slide_view_items .status { display:block; position:absolute; left:0; top:0; width:95%; z-index:10; }
ul.slide_view_items.ranklist .status { left:61px; width:calc(95% - 61px); }
@media only screen and (max-width: 767px) { ul.slide_view_items.ranklist .status { left:42px; width:calc(95% - 42px); } }

ul.slide_view_items .new,
ul.slide_view_items .sale {
	display:inline-block; width:46px; height:46px; margin-right:6px;
	background-image: var(--icon-newmark);
	background-position:right top;
	background-repeat: no-repeat;
	background-size:contain;
	z-index:50;
}
ul.slide_view_items .sale { background-image: var(--icon-salemark); }
@media only screen and (max-width: 767px) {
	ul.slide_view_items .new,
	ul.slide_view_items .sale { width:30px; }
}







/* ---------- */
.ranklist .ranking {
	display:block; position:absolute; width:46px; height:46px; top:0; left:0;
	background-color:#74767A;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:32px auto;
	z-index:50;
}
.ranklist .rank01 .ranking { background-color:#BFA336; background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iYSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTEuODMgMTAuMzEiPjxwYXRoIGQ9Ik01LDIuMTJjMC0uMzUtLjEtLjYyLS4zLS44cy0uNDktLjI3LS44Ni0uMjdjLS4wNSwwLS4xMiwwLS4xOS4wMXMtLjE1LjAxLS4yNC4wMmwuMDMtLjI3Yy42MS0uMDEsMS4xOC0uMDgsMS43MS0uMnMxLjAyLS4yOSwxLjQ1LS41MXY4LjU2YzAsLjQuMS43Mi4yOS45NC4yLjIzLjQ3LjM0LjgxLjM0aC45MnYuMjdIMy4ydi0uMjdoLjcyYy4zNCwwLC42LS4xMS44LS4zNHMuMjktLjU0LjI5LS45NFYyLjEyWk00LjY4LDkuOTRoMS44M2MtLjIxLS4xNi0uMzUtLjMxLS40Mi0uNDRzLS4xMS0uMjktLjExLS40NlYuNjZjLS4yMS4wOC0uNDQuMTUtLjY2LjJzLS40Ni4wOC0uNjkuMWMuMjMuMTEuMzkuMjUuNDkuNDJzLjE0LjQ0LjE0LjgxdjYuNzhjMCwuMTktLjA1LjM3LS4xNC41NHMtLjIzLjMxLS40Mi40NFoiIGZpbGw9IiNmZmYiLz48L3N2Zz4="); }
.ranklist .rank02 .ranking { background-color:#939598; background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iYSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTEuODMgMTAuMzEiPjxwYXRoIGQ9Ik0yLjY0LDEwLjE4Yy4xMS0uMjIuMjktLjUxLjU0LS44NnMuNTctLjc5Ljk3LTEuM2MuMTYtLjIxLjUyLS42NCwxLjA2LTEuMjlzLjk1LTEuMTgsMS4yNC0xLjU5Yy4yOC0uNDEuNDktLjgzLjYzLTEuMjdzLjIxLS44OS4yMS0xLjM1YzAtLjYyLS4xMy0xLjExLS4zOS0xLjQ5cy0uNTktLjU3LTEtLjU3LS43NC4xNi0xLjAyLjQ5LS40Mi43My0uNDIsMS4yYzAsLjM5LjExLjcyLjMyLjk5cy40Ny40Ljc3LjRjLjA0LDAsLjA3LDAsLjExLS4wMXMuMDgtLjAyLjEyLS4wM2wuMTMuMTZjLS4xNy4xOC0uMzYuMzItLjU4LjQycy0uNDUuMTQtLjcxLjE0Yy0uNDgsMC0uODktLjE3LTEuMjEtLjVzLS40OS0uNzQtLjQ5LTEuMjNjMC0uNjYuMjktMS4yMi44OC0xLjY3UzUuMTIuMTMsNS45OS4xM3MxLjU4LjI1LDIuMTUuNzYuODUsMS4xNC44NSwxLjljMCwuNi0uMiwxLjE4LS42LDEuNzVzLTEuMTEsMS4yNS0yLjEyLDIuMDVsLS4xNS4xMmMtLjkuNzEtMS41NiwxLjM0LTEuOTgsMS45aDMuNDNjLjM3LDAsLjY1LS4wNy44NC0uMjJzLjM0LS40MS40Ni0uNzhsLjMyLjEyYy0uMTYuNC0uMzIuOC0uNDUsMS4yMXMtLjI3LjgzLS4zOCwxLjI1SDIuNjRaTTcuODgsOS45MWwuMjQtLjc2SDMuNjhsLS41MS43Nmg0LjdaTTUuNCwzLjczaC0uMWMtLjQ0LDAtLjc5LS4xMy0xLjA0LS40cy0uMzktLjYzLS4zOS0xLjA4YzAtLjM0LjA5LS42Ni4yNi0uOTVzLjQyLS41NC43NC0uNzZjLS41Mi4xNC0uOTMuMzktMS4yMy43M3MtLjQ1Ljc1LS40NSwxLjJjMCwuNDIuMTQuNzcuNDIsMS4wNnMuNjMuNDMsMS4wNC40M2MuMTUsMCwuMjgtLjAyLjQxLS4wNnMuMjQtLjEuMzQtLjE4Wk01LjU4LDYuNjRjLjktLjY2LDEuNTctMS4zMiwyLjAxLTEuOTdzLjY2LTEuMzIuNjYtMS45OWMwLS41LS4xNC0uOTQtLjQxLTEuMzNzLS42Ni0uNjgtMS4xNS0uODhjLjI3LjIxLjQ5LjQ5LjY0Ljg0cy4yMy43Ni4yMywxLjJjMCwuNjYtLjE2LDEuMzEtLjQ3LDEuOTdzLS44MSwxLjM4LTEuNTEsMi4xNloiIGZpbGw9IiNmZmYiLz48L3N2Zz4="); }
.ranklist .rank03 .ranking { background-color:#B45327; background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iYSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTEuODMgMTAuMzEiPjxwYXRoIGQ9Ik00LjUyLDUuMzVsLS4yMS0uMiwzLjEtMy42NGgtMi44MmMtLjQsMC0uNjkuMDctLjg3LjItLjE4LjEzLS4zNS4zOC0uNDkuNzVsLS4yOC0uMDhMMy44LjEzaDUuMTRsLTMuNjIsNC4yN2MuMDktLjAyLjE4LS4wMy4yNy0uMDQuMDksMCwuMTgtLjAxLjI4LS4wMS44LDAsMS40OS4yOCwyLjA2Ljg0cy44NiwxLjIzLjg2LDIuMDFjMCwuMy0uMDUuNTktLjE0Ljg3cy0uMjQuNTYtLjQ0Ljg1Yy0uMjYuMzgtLjYyLjY5LTEuMDcuOTJzLS45Mi4zNS0xLjQxLjM1Yy0uMzIsMC0uNjQtLjA2LS45Ny0uMTgtLjMzLS4xMi0uNjMtLjI5LS45MS0uNTEtLjMtLjI0LS41NC0uNTItLjcxLS44NS0uMTctLjMzLS4yNi0uNjYtLjI2LTEsMC0uMjkuMDgtLjUzLjI0LS43MS4xNi0uMTguMzctLjI3LjYyLS4yN3MuNDYuMDguNjIuMjUuMjMuNC4yMy43YzAsLjExLS4wMS4yOS0uMDQuNTRzLS4wNC40My0uMDQuNTdjMCwuMzcuMS42Ni4yOS44NnMuNDYuMzEuOC4zMWMuNTEsMCwuODktLjI0LDEuMTMtLjcxcy4zNy0xLjE5LjM3LTIuMTZjMC0uODYtLjExLTEuNDgtLjM0LTEuODctLjIzLS4zOC0uNTktLjU3LTEuMDktLjU3LS4yMSwwLS40MS4wNi0uNTkuMThzLS4zNy4zMS0uNTcuNThaTTQuNTYsOS42NmMtLjItLjE3LS4zNC0uMzYtLjQzLS41NS0uMDktLjE5LS4xNC0uNC0uMTQtLjYzLDAtLjEuMDItLjI2LjA1LS40OHMuMDUtLjM3LjA1LS40OGMwLS4xOS0uMDQtLjM0LS4xMi0uNDVzLS4xOS0uMTctLjMyLS4xN2MtLjE1LDAtLjI3LjA3LS4zNi4yMS0uMDkuMTQtLjEzLjMzLS4xMy41NiwwLC40MS4xMi43OC4zNywxLjEzcy41OS42MywxLjAzLjg0Wk03LjYyLDEuMjZsLjQ4LS41N0gzLjlsLS4zMS44M2MuMS0uMDguMjMtLjE0LjM4LS4xOS4xNS0uMDQuMzMtLjA2LjUzLS4wNmgzLjEyWk02LjU2LDkuNzdjLjUtLjE2LjktLjQ3LDEuMjEtLjk0LjMtLjQ3LjQ1LTEuMDEuNDUtMS42MiwwLS41Ny0uMTQtMS4wOS0uNDItMS41NC0uMjgtLjQ1LS42Ni0uNzctMS4xMy0uOTUuMjQuMTkuNDIuNDguNTQuODdzLjE4Ljg5LjE4LDEuNTFjMCwuNy0uMDcsMS4yNi0uMiwxLjY5LS4xMy40My0uMzQuNzYtLjYyLjk4WiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg=="); }
.ranklist .rank04 .ranking { background-color:#00A651; background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iYSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTEuODMgMTAuMzEiPjxwYXRoIGQ9Ik02LjUxLDEwLjI2Yy4wOC0uMTIuMTQtLjI1LjE4LS4zNy4wNC0uMTIuMDYtLjI1LjA2LS4zOXYtMi4yMkgyLjY3bDMuNDUtMy45OGMuNTYtLjY0LDEtMS4yNSwxLjM0LTEuODNzLjUyLTEuMDYuNTYtMS40M2gxLjE2Yy0uMTguMzMtLjg1LDEuMTctMi4wMywyLjUxLS40My41LS43Ny44OS0xLjAyLDEuMThsLTEuODgsMi4xN2gyLjUydi0yLjUybDEuNTctMS43NS4xNy4wNnY3LjM2YzAsLjI3LjAzLjQ5LjEuNjcuMDcuMTguMTguMzYuMzMuNTRoLTIuNDFaTTYuOTMsMTBoMWMtLjA0LS4wNi0uMDctLjEzLS4wOS0uMjEtLjAyLS4wOC0uMDItLjE3LS4wMi0uM1YyLjU1bC0uOC44M3YzLjA2aC0zLjI3bC0uNTEuNTloMy43OHYyLjM5YzAsLjEyLDAsLjIzLS4wMi4zMy0uMDIuMDktLjA0LjE4LS4wNy4yNVoiIGZpbGw9IiNmZmYiLz48L3N2Zz4="); }
.ranklist .rank05 .ranking { background-color:#0160A5; background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iYSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTEuODMgMTAuMzEiPjxwYXRoIGQ9Ik0zLjgyLDUuOGwtLjIxLS4xYy4xNi0uMjkuMjYtLjYuMy0uOTQsMC0uMDMsMC0uMDUsMC0uMDdsLjY5LTQuNjljLjIxLjEzLjQzLjIzLjY5LjMuMjUuMDcuNTMuMS44NC4xLjM0LDAsLjY0LS4wMy45LS4wOXMuNS0uMTQuNy0uMjZsLjE2LjE2Yy0uMzEuNTEtLjY5Ljg4LTEuMTQsMS4xMy0uNDUuMjUtLjk3LjM4LTEuNTYuMzgtLjA1LDAtLjE1LDAtLjMtLjAxLS4xLDAtLjE4LDAtLjI1LS4wMWwtLjQ4LDMuMjNjLjMxLS4xNy42MS0uMjkuODktLjM3LjI4LS4wOC41Ni0uMTIuODMtLjEyLjgzLDAsMS41NC4yOCwyLjEyLjg0LjU4LjU2Ljg2LDEuMjQuODYsMi4wNCwwLC4zLS4wNS41OS0uMTQuODgtLjEuMjgtLjI0LjU3LS40NC44NS0uMjYuMzgtLjYyLjY4LTEuMDguOTItLjQ1LjIzLS45Mi4zNS0xLjQxLjM1LS4zMiwwLS42NC0uMDYtLjk2LS4xOC0uMzItLjEyLS42Mi0uMjktLjkxLS41MS0uMy0uMjQtLjU0LS41Mi0uNzEtLjg1cy0uMjYtLjY2LS4yNi0xYzAtLjI5LjA4LS41My4yNC0uNzEuMTYtLjE4LjM3LS4yNy42My0uMjdzLjQ3LjA5LjYyLjI2Yy4xNS4xNy4yMy40LjIzLjY5LDAsLjExLS4wMi4yOS0uMDUuNTQtLjA0LjI0LS4wNS40My0uMDUuNTcsMCwuMzcuMS42Ni4yOS44Ny4xOS4yMS40Ni4zMS44LjMxLjUxLDAsLjg4LS4yNCwxLjEzLS43MS4yNS0uNDguMzctMS4yLjM3LTIuMTgsMC0uODYtLjEyLTEuNDctLjM0LTEuODQtLjIzLS4zNy0uNjEtLjU2LTEuMTQtLjU2LS40MiwwLS44MS4xLTEuMTUuMjktLjM0LjE5LS41OC40NS0uNzMuNzhaTTQuNjIsOS43OWMtLjItLjE3LS4zNC0uMzYtLjQzLS41NS0uMDktLjE5LS4xNC0uNC0uMTQtLjYzLDAtLjEuMDItLjI2LjA2LS40N3MuMDYtLjM3LjA2LS40OGMwLS4xOS0uMDQtLjM0LS4xMi0uNDUtLjA4LS4xMS0uMTktLjE3LS4zMi0uMTctLjE1LDAtLjI3LjA3LS4zNi4yMS0uMDkuMTQtLjEzLjMzLS4xMy41NiwwLC40MS4xMi43OS4zNywxLjEzLjI0LjM1LjU4LjYzLDEuMDIuODRaTTQuNjcsMS40M3MuMDIsMCwuMDQsMGMuMjcuMDMuNDYuMDUuNTcuMDUuNDIsMCwuODEtLjA4LDEuMTUtLjIzLjM0LS4xNS42MS0uMzYuOC0uNjMtLjI2LjExLS41Mi4yLS43Ny4yNi0uMjUuMDYtLjUuMDktLjc1LjA5LS4xNiwwLS4zMiwwLS40OC0uMDMtLjE2LS4wMi0uMzItLjA1LS40OC0uMDlsLS4wOC41N1pNNi42NCw5LjljLjUtLjE2LjktLjQ3LDEuMjEtLjk0LjMtLjQ3LjQ1LTEuMDEuNDUtMS42MiwwLS41Ny0uMTQtMS4wOS0uNDItMS41NC0uMjgtLjQ1LS42Ni0uNzctMS4xMy0uOTUuMjQuMTkuNDIuNDguNTQuODcuMTIuMzkuMTcuODkuMTcsMS41MSwwLC43LS4wNywxLjI2LS4yLDEuNjlzLS4zNC43Ni0uNjIuOThaIiBmaWxsPSIjZmZmIi8+PC9zdmc+"); }
.ranklist .rank06 .ranking { background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iYSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTEuODMgMTAuMzEiPjxwYXRoIGQ9Ik03LjY5LjA2di40aC0uMThjLS45NywwLTEuNjkuMzUtMi4xNiwxLjA1LS40OC43LS43NywxLjg1LS44OSwzLjQ2LjI4LS4yMS41Ni0uMzYuODQtLjQ2LjI4LS4xLjU3LS4xNS44Ni0uMTUuMjUsMCwuNS4wNC43NS4xMS4yNS4wNy40OS4xOC43Mi4zMy40NS4yNi43OS42MiwxLjA0LDEuMDYuMjQuNDQuMzcuOTMuMzcsMS40NywwLC40LS4wOC43OC0uMjQsMS4xNHMtLjM4LjY4LS42Ny45NWMtLjI5LjI3LS42MS40OC0uOTYuNjJzLS43Mi4yMi0xLjEuMjJjLS40OCwwLS45MS0uMTEtMS4yOS0uMzNzLS43My0uNTYtMS4wNS0xLjAyYy0uMy0uNDMtLjUyLS45Mi0uNjgtMS40Ni0uMTYtLjU0LS4yMy0xLjExLS4yMy0xLjcxLDAtMS40Ni40NS0yLjcxLDEuMzYtMy43N0M1LjA3LjkxLDYuMjUuMjgsNy42OS4wNlpNNC42Nyw5LjU1Yy0uMzEtLjQ4LS41My0xLjAyLS42Ny0xLjYzLS4xNC0uNjEtLjIxLTEuMzgtLjIxLTIuMzMsMC0uODIuMDgtMS41My4yNC0yLjE0LjE2LS42MS40MS0xLjE5Ljc2LTEuNzUtLjU3LjU3LTEsMS4yLTEuMjksMS44Ny0uMjkuNjctLjQzLDEuMzktLjQzLDIuMTZzLjE0LDEuNTQuNDIsMi4yMWMuMjguNjYuNjgsMS4yLDEuMTksMS42Wk00LjQ1LDUuMzRjLS4wMS4xNS0uMDIuMjgtLjAzLjQxLDAsLjEzLS4wMS4yNi0uMDEuMzgsMCwxLjMzLjEyLDIuMzEuMzcsMi45My4yNS42Mi42My45MywxLjE2LjkzLjUsMCwuODctLjI1LDEuMTMtLjc1LjI1LS41LjM4LTEuMjQuMzgtMi4yMSwwLS44MS0uMTItMS40LS4zNi0xLjc5LS4yNC0uMzktLjYxLS41OC0xLjExLS41OC0uMjcsMC0uNTQuMDYtLjguMTgtLjI2LjEyLS41LjI5LS43Mi41MVpNNi44OCw5Ljg3Yy41MS0uMjIuODktLjU2LDEuMTYtMSwuMjctLjQ1LjQtLjk4LjQtMS42MSwwLS41OC0uMTItMS4wOC0uMzctMS40OS0uMjUtLjQxLS42MS0uNzItMS4wNy0uOTMuMjUuMjIuNDQuNS41NS44Ni4xMS4zNS4xNi44Ni4xNiwxLjUzLDAsLjYxLS4wNywxLjEyLS4yLDEuNTYtLjEzLjQzLS4zNC43OS0uNjMsMS4wOVoiIGZpbGw9IiNmZmYiLz48L3N2Zz4="); }
.ranklist .rank07 .ranking { background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iYSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTEuODMgMTAuMzEiPjxwYXRoIGQ9Ik0yLjk2LDEwLjFjLjI4LTEuMTksMS40OS0zLjMxLDMuNjItNi4zNi42NC0uOTIsMS4xMy0xLjYyLDEuNDgtMi4xM2gtMy45NGMtLjM5LDAtLjY3LjA4LS44NS4yNC0uMTguMTYtLjM0LjQ5LS40OC45OWwtLjIxLS4wNUwzLjI1LjIxaDZjLTEuMzcsMi4yMS0yLjQsNC4xLTMuMSw1LjY5LS43LDEuNTktMS4xMiwyLjk5LTEuMjUsNC4xOWgtMS45M1pNMy4yLDEuNTZjLjA3LS4wNy4xNi0uMTIuMjUtLjE1LjA5LS4wMy4yLS4wNS4zMi0uMDVoNC40MmwuMzUtLjU2SDMuNDFsLS4yMS43NlpNNC4yOCw5LjgzYy4xMS0uNzQuMzUtMS41Ni43Mi0yLjQ2LjM3LS45Ljg2LTEuODksMS40Ny0yLjk1LS44NywxLjE1LTEuNTcsMi4xOC0yLjA5LDMuMDktLjUyLjkxLS44NywxLjY4LTEuMDUsMi4zMmguOTRaIiBmaWxsPSIjZmZmIi8+PC9zdmc+"); }
.ranklist .rank08 .ranking { background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iYSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTEuODMgMTAuMzEiPjxwYXRoIGQ9Ik00LjU5LDQuODljLS40NC0uMzYtLjc2LS43NC0uOTctMS4xMXMtLjMyLS43OC0uMzItMS4yYzAtLjcyLjI2LTEuMzMuNzktMS44MlM1LjI3LjAzLDYuMDYuMDNzMS40LjI0LDEuOTIuNzIuNzgsMS4wNy43OCwxLjc2YzAsLjUxLS4xMy45Ni0uNCwxLjM0LS4yNy4zOC0uNjYuNjgtMS4xNy45MS41OC4zNSwxLjAyLjc0LDEuMzIsMS4xOS4zLjQ1LjQ1Ljk0LjQ1LDEuNDgsMCwuNzgtLjI5LDEuNDUtLjg4LDIuMDEtLjU5LjU2LTEuMzEuODMtMi4xNi44My0uMjcsMC0uNTQtLjA0LS44LS4xMXMtLjUzLS4xOC0uNzktLjMzYy0uNDItLjI0LS43Ny0uNTgtMS4wNC0xLjAxLS4yNy0uNDQtLjQtLjg4LS40LTEuMzEsMC0uNTQuMTUtMS4wMy40NC0xLjQ4cy43Mi0uODMsMS4yNy0xLjE0Wk00LjQyLDkuNjJjLS4zMS0uMy0uNTMtLjY0LS42Ny0xLjAxcy0uMjEtLjgxLS4yMS0xLjNjMC0uMzMuMDQtLjY0LjExLS45MnMuMTktLjU0LjM1LS43OGMtLjI5LjI1LS41MS41Mi0uNjUuODMtLjE0LjMxLS4yMS42NS0uMjEsMS4wNCwwLC40My4xMS44My4zMywxLjIxcy41NC42OS45NC45M1pNOC4yMiw4LjYzYy4xLS4xNi4xOC0uMzIuMjMtLjQ5cy4wOC0uMzUuMDgtLjUzYzAtLjQ2LS4xMi0uODctLjM3LTEuMjMtLjI0LS4zNi0uNjYtLjc0LTEuMjUtMS4xMy0uMTMtLjA4LS4zMi0uMi0uNTctLjM2LTEuMDItLjY1LTEuNjYtMS4xNy0xLjkzLTEuNTctLjE1LS4yMS0uMjYtLjQzLS4zMy0uNjUtLjA3LS4yMi0uMTEtLjQzLS4xMS0uNjMsMC0uMTkuMDMtLjM4LjEtLjU3cy4xNi0uNC4zLS42MmMtLjI4LjIyLS40OS40OC0uNjMuNzgtLjE0LjMtLjIxLjYyLS4yMS45NywwLC44OS44NywxLjksMi42MSwzLjAxLjA3LjA1LjEzLjA4LjE3LjExLjc3LjQ5LDEuMjguOTIsMS41NSwxLjI5LjI3LjM3LjQxLjc5LjQxLDEuMjUsMCwuMDUsMCwuMTEtLjAxLjE4LDAsLjA2LS4wMi4xMy0uMDMuMTlaTTQuODUsNS4wOGMtLjI1LjExLS40NS4zNi0uNi43NHMtLjIzLjgzLS4yMywxLjM2YzAsLjg5LjE4LDEuNTguNTMsMi4wNy4zNS40OS44NS43MywxLjQ4LjczLjU5LDAsMS4wNy0uMTYsMS40NS0uNDkuMzgtLjMzLjU3LS43NC41Ny0xLjIzLDAtLjgzLTEuMDItMS44Ni0zLjA2LTMuMS0uMDYtLjA0LS4xLS4wNi0uMTMtLjA4Wk02Ljk5LDQuNjFjLjI1LS4xOS40NS0uNDYuNTktLjgxcy4yMS0uNzQuMjEtMS4xN2MwLS43MS0uMTctMS4yOC0uNTEtMS43MS0uMzQtLjQzLS43OS0uNjUtMS4zNC0uNjUtLjQ3LDAtLjg3LjE1LTEuMTkuNDRzLS40OS42Ni0uNDksMS4wOS4yLjgzLjYsMS4yNWMuNC40MiwxLjExLjkzLDIuMTMsMS41NVpNNy42OCw0LjA3Yy4yMi0uMTYuMzgtLjM4LjQ5LS42My4xMS0uMjYuMTYtLjU2LjE2LS44OSwwLS4zMS0uMDctLjYtLjIxLS44OXMtLjMzLS41My0uNTctLjczYy4xNi4yOS4yNy41Ny4zNS44Ni4wOC4yOC4xMi41Ny4xMi44NHMtLjAzLjU1LS4wOS43OS0uMTUuNDYtLjI2LjY1WiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg=="); }
.ranklist .rank09 .ranking { background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iYSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTEuODMgMTAuMzEiPjxwYXRoIGQ9Ik00LjI1LDEwLjI1di0uNDFoLjA1YzEuMDEsMCwxLjc1LS4zNiwyLjI0LTEuMDdzLjc3LTEuODYuODQtMy40NGMtLjI4LjIxLS41Ni4zNi0uODQuNDYtLjI4LjEtLjU3LjE1LS44NS4xNS0uMjUsMC0uNTEtLjA0LS43Ni0uMTEtLjI1LS4wNy0uNDktLjE4LS43MS0uMzMtLjQ1LS4yNy0uOC0uNjMtMS4wNC0xLjA2LS4yNC0uNDQtLjM2LS45Mi0uMzYtMS40NywwLS40LjA4LS43OC4yNC0xLjE0LjE2LS4zNi4zOC0uNjguNjctLjk1LjI4LS4yNy42LS40OC45Ni0uNjMuMzYtLjE0LjcyLS4yMSwxLjEtLjIxLjQ4LDAsLjkuMTEsMS4yOC4zMi4zNy4yMS43Mi41NSwxLjA1LDEuMDIuMy40My41Mi45Mi42OCwxLjQ2cy4yMywxLjExLjIzLDEuNzFjMCwuODUtLjE2LDEuNjMtLjQ4LDIuMzVzLS44LDEuMzktMS40NSwyYy0uNDMuNDEtLjg5LjcyLTEuMzcuOTUtLjQ5LjIyLS45OC4zNS0xLjQ3LjM5Wk00Ljk4LjM4Yy0uNTguMTktMS4wNC41My0xLjM5LDEuMDEtLjM1LjQ5LS41MiwxLjAzLS41MiwxLjY0cy4xNywxLjE0LjUxLDEuNmMuMzQuNDYuODMuOCwxLjQ2LDEuMDMtLjQ0LS4zLS43Ny0uNjctMS0xLjEyLS4yMy0uNDQtLjM0LS45My0uMzQtMS40N3MuMTEtMS4wMy4zMy0xLjUuNTQtLjg3Ljk1LTEuMlpNNy4zOSw0Ljk3Yy4wMi0uMTYuMDMtLjMuMDQtLjQzLDAtLjEzLDAtLjI1LDAtLjM3LDAtMS4zMy0uMTItMi4zLS4zOC0yLjkzLS4yNS0uNjMtLjY0LS45NC0xLjE3LS45NC0uNDksMC0uODcuMjYtMS4xMy43Ny0uMjcuNTEtLjQsMS4yNS0uNCwyLjIsMCwuNzguMTMsMS4zNy4zOCwxLjc3LjI1LjQuNjMuNiwxLjEzLjYuMjcsMCwuNTQtLjA2LjgtLjE3LjI2LS4xMi41LS4yOS43Mi0uNTFaTTcuMjMuOTNjLjE1LjQxLjI1Ljg4LjMzLDEuNDIuMDcuNTQuMTEsMS4xNy4xMSwxLjg5LDAsMS4wNi0uMDcsMS45Ny0uMjEsMi43NC0uMTQuNzctLjM1LDEuMzYtLjYyLDEuNzYuNDctLjQzLjgzLTEsMS4wOS0xLjcycy4zOC0xLjUzLjM4LTIuNDRjMC0uODItLjA5LTEuNTMtLjI3LTIuMTYtLjE4LS42Mi0uNDUtMS4xMi0uNzktMS40OVoiIGZpbGw9IiNmZmYiLz48L3N2Zz4="); }
.ranklist .rank10 .ranking { background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iYSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTEuODMgMTAuMzEiPjxwYXRoIGQ9Ik0xLjgxLDIuMDNjMC0uMzUtLjEtLjYyLS4zLS44cy0uNDktLjI3LS44Ny0uMjdjLS4wNSwwLS4xMiwwLS4xOS4wMS0uMDcsMC0uMTUuMDEtLjI0LjAybC4wMy0uMjdjLjYxLS4wMSwxLjE4LS4wOCwxLjcxLS4yUzIuOTcuMjMsMy40MS4wMXY4LjU2YzAsLjQuMS43Mi4yOS45NC4yLjIzLjQ3LjM0LjgxLjM0aC45MnYuMjdIMHYtLjI3aC43MmMuMzQsMCwuNi0uMTEuOC0uMzRzLjI5LS41NC4yOS0uOTRWMi4wM1pNMS40OCw5Ljg2aDEuODNjLS4yMS0uMTYtLjM1LS4zMS0uNDItLjQ0LS4wOC0uMTMtLjExLS4yOS0uMTEtLjQ2Vi41N2MtLjIxLjA4LS40NC4xNS0uNjYuMi0uMjMuMDUtLjQ2LjA4LS42OS4xLjIzLjExLjM5LjI1LjQ4LjQyLjA5LjE3LjE0LjQ0LjE0LjgxdjYuNzhjMCwuMTktLjA1LjM3LS4xNC41NC0uMDkuMTctLjIzLjMxLS40Mi40NFoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMTEuODMsNS4xOGMwLC42Ny0uMDgsMS4zLS4yMywxLjkxLS4xNS42MS0uMzcsMS4xMi0uNjQsMS41NS0uMzQuNTQtLjcxLjk1LTEuMTMsMS4yM3MtLjg1LjQyLTEuMjkuNDItLjg3LS4xNC0xLjI5LS40M2MtLjQyLS4yOS0uNzktLjctMS4xMi0xLjIyLS4yNy0uNDQtLjQ5LS45Ni0uNjQtMS41Ni0uMTUtLjYtLjIzLTEuMjQtLjIzLTEuOXMuMDgtMS4yOS4yMy0xLjljLjE1LS42LjM3LTEuMTIuNjQtMS41Ni4zMy0uNTIuNy0uOTMsMS4xMi0xLjIycy44NS0uNDMsMS4yOS0uNDMuODguMTQsMS4yOS40MmMuNDIuMjguNzkuNjksMS4xMywxLjIzLjI3LjQ0LjQ5Ljk2LjY0LDEuNTYuMTUuNi4yMywxLjI0LjIzLDEuOVpNNy4wOCw5LjQzYy0uMjctLjQ4LS40Ny0xLjEtLjYtMS44Ni0uMTMtLjc2LS4yLTEuNjctLjItMi43MywwLS45NC4wNy0xLjcyLjE5LTIuMzQuMTMtLjYyLjM0LTEuMTUuNjItMS42LS41MS40NS0uODksMS4wNC0xLjE2LDEuNzctLjI3LjczLS40LDEuNTctLjQsMi41MiwwLC44OS4xMywxLjcxLjQsMi40NHMuNjUsMS4zMywxLjE1LDEuOFpNOC41NSwxMC4wM2MuNiwwLDEuMDItLjI5LDEuMjUtLjg2LjIzLS41Ny4zNS0xLjY4LjM1LTMuMzIsMC0xLjExLS4wMi0yLS4wNS0yLjY5cy0uMDgtMS4yLS4xNC0xLjU0Yy0uMDgtLjQxLS4yNS0uNzItLjUtLjk1LS4yNS0uMjMtLjU1LS4zNC0uOTItLjM0LS42MSwwLTEuMDIuMjktMS4yNS44Ni0uMjMuNTctLjM0LDEuOTEtLjM0LDRzLjEyLDMuNDIuMzQsMy45OWMuMjMuNTcuNjUuODYsMS4yNS44NlpNMTAsOS40M2MuNDEtLjQyLjcxLS45NS45LTEuNjIuMTktLjY2LjI4LTEuNTQuMjgtMi42M3MtLjEtMS44OS0uMjktMi41Ni0uNTEtMS4yNC0uOTQtMS43MmMuMTYuMzQuMjguOTIuMzUsMS43My4wNy44MS4xMSwyLjAxLjExLDMuNTksMCwuODYtLjAzLDEuNTQtLjEsMi4wNC0uMDYuNS0uMTcuODktLjMxLDEuMTdaIiBmaWxsPSIjZmZmIi8+PC9zdmc+"); }
@media only screen and (max-width: 767px) {
	.ranklist .ranking { width:32px; height:32px; background-size:28px; }
}



/* ----- brand slider ----- */
ul.brand_slider { margin:0 0 80px 0 !important; padding:0; list-style:none;	}
ul.brand_slider li div {
    position: relative;
    aspect-ratio: 1 / 1;
    max-height: 540px;
    padding: 16px 8px 0px 8px;
    margin: 0 auto;
}
ul.brand_slider li div a {
    border-radius:8px;
	display:block; width:100%; height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:100%;
	transition: background-size 0.3s ease-in-out;
}
ul.brand_slider li a:hover { background-size: 110%; }
ul.brand_slider li a.bakauke { background-image:url('../images/toppage/brand_slider_bakauke.jpg'); }
ul.brand_slider li a.hoshi { background-image:url('../images/toppage/brand_slider_hoshi.jpg'); }
ul.brand_slider li a.seto { background-image:url('../images/toppage/brand_slider_seto.jpg'); }
ul.brand_slider li a.anpan { background-image:url('../images/toppage/top_banner_004.jpg'); }
ul.brand_slider li a.nagisa { background-image:url('../images/toppage/brand_slider_nagisa.jpg'); }
ul.brand_slider li a.goods { background-image:url('../images/toppage/top_banner_017.jpg'); }
ul.brand_slider li a.gentei { background-image:url('../images/toppage/top_banner_016.jpg'); }
ul.brand_slider li a.yamitsuki { background-image:url('../images/toppage/brand_slider_arare.jpg'); }
ul.brand_slider li a.hokkaido { background-image:url('../images/toppage/brand_slider_hokkaido.jpg'); }
ul.brand_slider li a.tanita { background-image:url('../images/toppage/brand_slider_tanita.jpg'); }
ul.brand_slider li a.other { background-image:url('../images/toppage/brand_slider_other2.jpg'); }

ul.brand_slider .slick-dots { bottom:-44px; }
ul.brand_slider .slick-dots li { width:17px; }
ul.brand_slider .slick-dots li button:before { color:#E40014; font-size:13px; }




/* slick build */
ul.slide_banner, ul.slide_view_items { visibility:hidden; max-height: 360px; overflow:hidden; }
ul.slide_banner.slick-initialized,
ul.slide_view_items.slick-initialized { visibility:visible; max-height:none; overflow:visible; }

.slick-prev, .slick-next, .slick-next:hover, .slick-prev:hover {
    position: absolute;
    z-index: 30;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    cursor: pointer;
    background-size:contain;
    background-repeat:no-repeat;
    text-indent:-9999px;
}
.box_parts .slick-next { right: 10px;}
.box_parts .slick-prev { left: 10px; }
.slick-prev, .slick-next, .slick-next:hover, .slick-prev:hover { width:40px; height:40px; top: 40%; transition-duration:0.2s; }
.slick-next, .slick-next:hover,
.slick-prev, .slick-prev:hover { opacity: 0.7; }
.slick-next, .slick-next:hover { right: 10px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNC4wMiAzNC4wMiI+PHBhdGggZD0iTTM0LjAyLDE3LjAxYzAsOS4zOS03LjYyLDE3LjAxLTE3LjAxLDE3LjAxUzAsMjYuNCwwLDE3LjAxLDcuNjIsMCwxNy4wMSwwczE3LjAxLDcuNjIsMTcuMDEsMTcuMDEiIGZpbGw9IiMyMzE4MTUiLz48cG9seWdvbiBwb2ludHM9IjI3LjQgMTcuMDEgMTEuNzMgNy4yNSAxMS43MyAyNi43NiAyNy40IDE3LjAxIiBmaWxsPSIjZmZmIi8+PC9zdmc+"); }
.slick-prev, .slick-prev:hover { left: 10px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNC4wMiAzNC4wMiI+PHBhdGggZD0iTTAsMTcuMDFDMCw3LjYyLDcuNjIsMCwxNy4wMSwwczE3LjAxLDcuNjIsMTcuMDEsMTcuMDEtNy42MiwxNy4wMS0xNy4wMSwxNy4wMVMwLDI2LjQsMCwxNy4wMSIgZmlsbD0iIzIzMTgxNSIvPjxwb2x5Z29uIHBvaW50cz0iNi42MSAxNy4wMSAyMi4yOSAyNi43NiAyMi4yOSA3LjI1IDYuNjEgMTcuMDEiIGZpbGw9IiNmZmYiLz48L3N2Zz4="); }
.slick-next:not(.slick-disabled):hover { opacity:1 !important; }
.slick-prev:not(.slick-disabled):hover { opacity:1 !important; }
.slick-disabled { display:none !important; }
.slick-dots { bottom:-30px; }
.slick-dots li button::before { font-size:10px; }