/*---------------------------------------- splash --*/

#splash {
	position: fixed;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	z-index: 999;
	background:#fff;
	text-align:center;
	color:#fff;}

#splash_logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);}

#splash_logo svg {
	width:13vmax;
	height: auto}
	
@media screen and (max-width:1300px) {
	#splash_logo svg {width:20vmax;}
}

@media screen and (max-width:540px) {
	#splash_logo svg {width:100%;}
}	

/*---------------------------------------- slider --*/

.slider {
	width:100%;}

.slider img.sp {
	display: none}

@media screen and (max-width:540px) {
	.slider img.sp {
		display: block}
	.slider img.pc {
		display: none}
}

.slider img {
    animation: anime_zoom 5.5s linear;
}

@keyframes anime_zoom {
    0% {transform: scale(1.05);}
    100% {transform: scale(1.0);}
}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto!important;
	padding: 0!important;
	*zoom: 1;}

.bx-wrapper img {
	max-width: 100%;
	display: block;}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 0 #ccc!important;
	-webkit-box-shadow: 0 0 0 #ccc!important;
	box-shadow: 0 0 0 #ccc!important;
	border:  none!important;
	box-sizing: border-box;
	left: 0!important;
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 1vmax!important;
	width: 100%; }

@media screen and (max-width:540px) {
	.bx-wrapper .bx-pager,
	.bx-wrapper .bx-controls-auto {
      	padding-bottom:1.5vmax}
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: rgba(183,184,184,.5)!important;
	padding-top: 0!important;}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: rgba(183,184,184,.5)!important;
	text-indent: -9999px;
	display: block;
	width: 0.5vmax!important;
	height: 0.5vmax!important;
	margin: 0 1vmax;
	outline: 0;
	-moz-border-radius: 100%!important;
	-webkit-border-radius: 100%!important;
	border-radius: 100%!important;}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: rgba(183,184,184,1)!important;}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	display: none}

.bx-wrapper .bx-next {
	display: none}


@media screen and (max-width:540px) {
	.bx-wrapper .bx-pager,
	.bx-wrapper .bx-controls-auto {
		bottom: 0!important; }
	.bx-wrapper .bx-pager.bx-default-pager a {
		width: 0.8vmax!important;
		height: 0.8vmax!important;}	
}

/*---------------------------------------- pickup --*/

.pickup_wrapper {
	padding:5vmax 0;}

.pickup_inner {
	width:85%;
	margin: 5vmax auto 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	position: relative;}

.pickup_inner:after {
    content: '';
    display: block;
    width: 21%;
    height: 0;}

.pickup_inner:before {
    content: '';
    display: block;
    width: 21%;
    height: 0;
    order: 1;}

.pickup_box {
	margin-bottom:5%;
	width:21%;
	transition: .2s}

.pickup_box_imgwrap {
	width:100%;
	margin-bottom:5%;
	overflow: hidden;
	position: relative;
	padding-top:100%;}

.pickup_box_imgwrap>img {
	display: block;
	wiidth:100%;
	height: 100%;
	position: absolute;
	top:0;left:0;
	object-fit: contain;
	object-position: center;
	transition: .5s;}

.pickup_box:hover .pickup_box_imgwrap>img {
	transform: scale(1.05)}

.pickup_box>a {
	color:#000;
	text-decoration: none}

.pickup_name {
	display: block;
	margin:0;
	font-size: 0.8vmax;
  	letter-spacing:0.05vmax;
  	font-weight:500;
	line-height: 2;
	transition: .2s; }

.pickup_price {
	display: block;
	margin:0;
	font-size: 0.8vmax;
	letter-spacing: 0.05vmax;
	line-height: 2;
	font-weight: bold;
	transition: .2s;}

.pickup_box:hover .pickup_name,
.pickup_box:hover .pickup_price {
	opacity: .7}

@media screen and (max-width:1300px) {
	.pickup_wrapper {
		padding:7vmax 0}
	.pickup_inner {
		margin:7vmax auto 0 auto}
	.pickup_name {
		font-size: 1vmax;
		letter-spacing: 0.1vmax	}
	.pickup_price {
		letter-spacing: 0.1vmax;
		font-size: 1vmax}
}

@media screen and (max-width:540px) {
	.pickup_wrapper {
		padding:10vmax 0;}
	.pickup_inner {
		margin:10vmax auto 0 auto;}
	.pickup_box {
		margin-bottom:10%;
		width:45%;}
	.pickup_name {
		font-size: 1.5vmax;}
	.pickup_price {
		font-size: 1.5vmax}
}

/*---------------------------------------- toppage brand --*/

.toppage_brand_wrapper {
	width:100%;
	padding:5vmax 0 6vmax 0;}

.toppage_brand_inner {
	width:85%;
	margin:6vmax auto 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;}

.toppage_brand_box {
	margin:0 3vmax;
	width:auto;
	height: 5vmax;
	transition: .2s;}

.toppage_brand_box>a,
.toppage_brand_box>a>img{
	display: block;
	width:auto;
	height: 100%;}

.toppage_brand_box:hover {
	opacity: .7}

@media screen and (max-width:1300px) {
	.toppage_brand_wrapper {
		padding:7vmax 0 8vmax 0}
	.toppage_brand_inner {
		margin:8vmax auto 0 auto}
	.toppage_brand_box {
		height: 6vmax}
}

@media screen and (max-width:540px) {
	.toppage_brand_wrapper {
		padding:10vmax 0 11vmax 0}
	.toppage_brand_inner {
		flex-wrap: wrap;
		justify-content: space-between;
		margin:11vmax auto 0 auto}
	.toppage_brand_box {
		width:50%;
		height: 8vmax;
		margin:0 0 15% 0;}
	.toppage_brand_box:nth-last-of-type(1),
	.toppage_brand_box:nth-last-of-type(2){
		margin:0;}
	.toppage_brand_box>a>img {
		max-width:100%;
		margin:0 auto;}
}

/*---------------------------------------- toppage category --*/

.toppage_category_wrapper {
	width:100%;
	padding:5vmax 0 4vmax 0;
	background:#4c4948; }

.toppage_category_wrapper a {
	display: block;
	font-size: 0.8vmax;
	letter-spacing: 0.05vmax;
	color:#fff;
	text-decoration: none;
	transition: .2s;}

.toppage_category_wrapper a:hover {
	opacity: .7}

.toppage_category_inner {
	width:85%;
	margin:5vmax auto 0 auto; }

.toppage_category_list {
	width:100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding:0;
	margin:0; }

.toppage_category_lists {
	width:30%;
	list-style: none; }

.toppage_category_lists>a {
	border-bottom:1px solid;
	padding-bottom:0.5vmax;
	line-height: 1;}

/* ปาอืมว */
.toppage_category_list_child {
	padding:0;
	margin:1.5vmax 0 0 0;}

.toppage_category_lists_child {
	margin:0.5vmax 0;
	list-style: none;}

.toppage_category_lists_child>a {
	line-height: 1.5;
	font-weight: bold; }

@media screen and (max-width:1300px) {
	.toppage_category_wrapper {
		padding: 7vmax 0 6vmax 0}
	.toppage_category_inner {
		margin:6vmax auto 0 auto}
	.toppage_category_wrapper a {
		font-size: 1vmax;
		letter-spacing: 0.1vmax	}
	.toppage_category_lists {
		width:31%}
}

@media screen and (max-width:540px) {
	.toppage_category_wrapper {
		padding: 10vmax 0 9vmax 0}
	.toppage_category_wrapper a {
      	line-height:2;
		font-size: 1.7vmax}
	.toppage_category_inner {
		margin:9vmax auto 0 auto}
	.toppage_category_list {
		flex-wrap: wrap;}
	.toppage_category_lists {
		margin-bottom:12%;
		width:100%;}
	.toppage_category_lists:nth-last-of-type(1) {
		margin-bottom:0;}
	.toppage_category_lists>a {
		padding-bottom:1.3vmax;}
}

/*---------------------------------------- toppage seller --*/

.seller_wrapper {
	width:100%;
	padding:5vmax 0; }

.seller_inner {
	width:85%;
	margin: 5vmax auto 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap; }

.seller_number {
	position: relative; }

.seller_number:after {
	content:'';
	width:4.5vmax;
	height: 4.5vmax;
	position: absolute;
	left:0;top:0;
	background-size: 100%;
	background-position: top left;
	background-repeat: no-repeat; }

.seller_number:nth-of-type(1):after {background-image: url("https://img07.shop-pro.jp/PA01261/682/etc/seller_num1.png?cmsp_timestamp=20221205151052");}
.seller_number:nth-of-type(2):after {background-image: url("https://img07.shop-pro.jp/PA01261/682/etc/seller_num2.png?cmsp_timestamp=20221205151102");}
.seller_number:nth-of-type(3):after {background-image: url("https://img07.shop-pro.jp/PA01261/682/etc/seller_num3.png?cmsp_timestamp=20221205151111");}
.seller_number:nth-of-type(4):after {background-image: url("https://img07.shop-pro.jp/PA01261/682/etc/seller_num4.png?cmsp_timestamp=20221205151120");}
.seller_number:nth-of-type(5):after {background-image: url("https://img07.shop-pro.jp/PA01261/682/etc/seller_num5.png?cmsp_timestamp=20221205151128");}
.seller_number:nth-of-type(6):after {background-image: url("https://img07.shop-pro.jp/PA01261/682/etc/seller_num6.png?cmsp_timestamp=20221205151136");}
.seller_number:nth-of-type(7):after {background-image: url("https://img07.shop-pro.jp/PA01261/682/etc/seller_num7.png?cmsp_timestamp=20221205151144");}
.seller_number:nth-of-type(8):after {background-image: url("https://img07.shop-pro.jp/PA01261/682/etc/seller_num8.png?cmsp_timestamp=20221205151152");}

@media screen and (max-width:1300px) {
	.seller_wrapper {
		padding:7vmax 0	}
	.seller_inner {
		margin: 7vmax auto 0 auto}
	.seller_number:after {
		width:5vmax;
		height: 5vmax}
}

@media screen and (max-width:540px) {
	.seller_wrapper {
		padding:10vmax 0}
	.seller_inner {
		margin: 10vmax auto 0 auto}
	.seller_number:after {
		width:7vmax;
		height: 7vmax}
}

/*---------------------------------------- toppage info --*/

.toppage_info {
	width:85%;
	margin: 0 auto;
	border-top:1px solid #000;
	padding:5vmax 0;
	margin-top:-3%;}

.toppage_info_p {
	display: block;
	text-align: center;
  	font-weight:500;
	margin-top:5vmax;
	font-size: 0.8vmax;
	letter-spacing: 0.1vmax;}

@media screen and (max-width:1300px) {
	.toppage_info {
		padding:7vmax 0;}
	.toppage_info_p {
		margin-top:6vmax;
		font-size: 1.1vmax;	}
}

@media screen and (max-width:540px) {
	.toppage_info {
		padding:10vmax 0;}
	.toppage_info_p {
		text-align: left;
		line-height: 2.5;
		font-size: 1.5vmax}
}

/*---------------------------------------- toppage about --*/

.toppage_about {
	padding:5vmax 0;
	background-image: url("https://img07.shop-pro.jp/PA01261/682/etc/about_background.jpg?cmsp_timestamp=20221205151201");
	background-size: cover;
	background-position: center;
	text-align: center;}

.toppage_about_logo {
	display: block;
	width:4vmax;
	margin: 0 auto;}

.toppage_about_title {
	display: block;
	margin:2vmax auto 1.8vmax auto;
	font-size: 0.8vmax;
	letter-spacing: 0.1vmax;
	font-weight: 500; }

.toppage_about_p {
	display: block;
	margin:0;
	font-size: 0.7vmax;
	line-height: 2;
  	font-weight:500;
	letter-spacing: 0.05vmax;}

.toppage_about_p br.none {
	display: none}

@media screen and (max-width:1300px) {
	.toppage_about {
		padding:7vmax 0	}
	.toppage_about_logo {
		width:6vmax	}
	.toppage_about_title {
		margin:2.2vmax auto 2vmax auto;
		font-size: 1.1vmax}
	.toppage_about_p {
		font-size: 0.95vmax;
		letter-spacing: 0.1vmax	}
}

@media screen and (max-width:540px) {
	.toppage_about {
		padding:25vmax 0;
		background-image: url("https://img07.shop-pro.jp/PA01261/682/etc/about_background_sp.jpg?cmsp_timestamp=20221205151209");}
	.toppage_about_logo {
		width:11vmax;}
	.toppage_about_title {
		font-size:1.9vmax;
		margin:5vmax auto 4vmax auto;}
	.toppage_about_p {
		line-height: 2.4;
		font-size: 1.6vmax;}
	.toppage_about_p br.none {
		display: block}
}