@charset "utf-8";
/* PC ================================================== */
@media all and (min-width:960px){
#shop {
	width: 100%;
}
	.shop--inner {
		width: 100%;
		padding-top: 82px;
	}
		.shop-main_image {
			width: 100%;
			height: 350px;
		}
			.shop-main_image img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

		.shop-list_contents {
			width: 90%;
			max-width: 1200px;
			padding: 70px 0px 120px;
			margin: auto auto;
		}
			.shop-heading {
				width: 100%;
				margin: auto auto 50px;
				font-family: lato, sans-serif;
				font-size: 20px;
				font-weight: 700;
				color: #6B0F2B;
				letter-spacing: 0em;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
				.shop-heading:before,
				.shop-heading:after {
					content: '';
					width: 42%;
					height: 1px;
					background-color: #6B0F2B;
				}

			.product-category_select {
				display: none;
			}
			.product-category_list {
				width: 100%;
				margin: auto auto 70px !important;
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				flex-wrap: wrap;
			}
			.product-category_list::before{
				content:"";
				display: block;
				width: 23.5%;
				order:1;
			}
			.product-category_list::after{
				content:"";
				display: block;
				width: 23.5%;
			}
				.product-cat_item {
					width: 23.5%;
					height: 60px;
					margin-bottom: 20px;
					border: solid 1px #6B0F2B;
				}
				.product-cat_item:nth-last-of-type(-n+4) {
					margin-bottom: 0px;
				}
					.product-cat_item a {
						display: flex;
						justify-content: center;
						align-items: center;
						width: 100%;
						height: 100%;
						font-size: 16px;
						font-weight: 500;
						text-align: center;
						color: #6B0F2B;
					}
					.product-cat_item.on a {
						background-color: #6B0F2B;
						color: #ffffff;
					}

			.product-list_container {
				width: 100%;
			}
				.product-list {
					width: 100%;
					margin: auto auto 90px !important;
					display: flex;
					justify-content: space-between;
					align-items: flex-start;
					flex-wrap: wrap;
				}
				.product-list:before {
					content: '';
					display: block;
					width: 22%;
					order: 1;
				}
				.product-list:after{
					content: '';
					display: block;
					width: 22%;
				}
					.product-item {
						width: 22%;
						margin-bottom: 50px;
						transition: .2s;
						-webkit-transition: .2s;
						position: relative;
						z-index: 1;
					}
					.product-item:nth-last-of-type(-n+4) {
						margin-bottom: 0px;
					}
					.product-item:hover {
						color: #6B0F2B;
					}
						.product-item a {
							display: block;
							width: 100%;
							height: 100%;
							position: absolute;
							top: 0;
							left: 0;
							z-index: 2;
						}
						.product-image {
							width: 100%;
							height: 0;
							padding-top: 102%;
							margin-bottom: 13px;
							position: relative;
							overflow: hidden;
						}
							.product-image img {
								width: 100%;
								height: 100%;
								object-fit: cover;
								position: absolute;
								top: 0;
								bottom: 0;
								left: 0;
								right: 0;
								transition: .2s;
								-webkit-transition: .2s;
							}
							.product-item:hover .product-image img {
								transform: scale(1.05,1.05);
								-webkit-transform: scale(1.05,1.05);
							}

						.product-cat {
							width: 100%;
							margin-bottom: 6px;
							font-family: lato, sans-serif;
							font-size: 14px;
							font-weight: 400;
							line-height: 1.0;
							letter-spacing: 0em;
							color: #6B0F2B;
						}
						.product-name {
							width: 100%;
							font-size: 16px;
							font-weight: 700;
							line-height: 1.5;
							letter-spacing: 0.15em;
						}

					.pagination {
						width: 100%;
					}
						ul.page-numbers {
							width: auto;
							font-family: lato, sans-serif;
							font-size: 16px;
							display: flex;
							justify-content: center;
							align-items: center;
						}
							ul.page-numbers li {
								width: 44px;
								height: 44px;
								margin-right: 14px;
							}
								ul.page-numbers li a.page-numbers,
								ul.page-numbers li span.page-numbers {
									display: flex;
									justify-content: center;
									align-items: center;
									width: 100%;
									height: 100%;
									border-radius: 50%;
									border: solid 1px #6B0F2B;
								}
								ul.page-numbers li a {
									background-color: #ffffff;
									color: #6B0F2B;
								}
								ul.page-numbers li span.current {
									background-color: #6B0F2B;
									color: #ffffff;
								}
								ul.page-numbers li a.prev {

								}
									ul.page-numbers li a.prev:before {
										content: "\f053";
										font-family: "Font Awesome 5 Pro";
										font-weight: 500;
									}
								ul.page-numbers li a.next {

								}
									ul.page-numbers li a.next:before {
										content: "\f054";
										font-family: "Font Awesome 5 Pro";
										font-weight: 500;
									}
								ul.page-numbers li span.dots {
									border: none;
								}
}

/* Tablet ================================================== */
@media all and (min-width:560px) and (max-width:959px){
#shop {
	width: 100%;
}
	.shop--inner {
		width: 100%;
	}
		.shop-main_image {
			width: 100%;
			height: 180px;
		}
			.shop-main_image img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

		.shop-list_contents {
			width: 90%;
			padding: 30px 0px 70px;
			margin: auto auto;
		}
			.shop-heading {
				width: 100%;
				margin: auto auto 30px;
				font-family: lato, sans-serif;
				font-size: 20px;
				font-weight: 700;
				color: #6B0F2B;
				letter-spacing: 0em;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
				.shop-heading:before,
				.shop-heading:after {
					content: '';
					width: 36%;
					height: 1px;
					background-color: #6B0F2B;
				}

			.product-category_select {
				display: none;
			}
			.product-category_list {
				width: 100%;
				margin: auto auto 40px !important;
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				flex-wrap: wrap;
			}
			.product-category_list::before{
				content:"";
				display: block;
				width: 24%;
				order:1;
			}
			.product-category_list::after{
				content:"";
				display: block;
				width: 24%;
			}
				.product-cat_item {
					width: 24%;
					height: 54px;
					margin-bottom: 10px;
					border: solid 1px #6B0F2B;
				}
				.product-cat_item:nth-last-of-type(-n+4) {
					margin-bottom: 0px;
				}
					.product-cat_item a {
						display: flex;
						justify-content: center;
						align-items: center;
						width: 100%;
						height: 100%;
						font-size: 14px;
						font-weight: 500;
						text-align: center;
						letter-spacing: 0em;
						color: #6B0F2B;
					}
					.product-cat_item.on a {
						background-color: #6B0F2B;
						color: #ffffff;
					}

			.product-list_container {
				width: 100%;
			}
				.product-list {
					width: 100%;
					margin: auto auto 90px !important;
					display: flex;
					justify-content: space-between;
					align-items: flex-start;
					flex-wrap: wrap;
				}
				.product-list:before {
					content: '';
					display: block;
					width: 23.5%;
					order: 1;
				}
				.product-list:after{
					content: '';
					display: block;
					width: 23.5%;
				}
					.product-item {
						width: 23.5%;
						margin-bottom: 50px;
						transition: .2s;
						-webkit-transition: .2s;
						position: relative;
						z-index: 1;
					}
					.product-item:nth-last-of-type(-n+4) {
						margin-bottom: 0px;
					}
					.product-item:hover {
						color: #6B0F2B;
					}
						.product-item a {
							display: block;
							width: 100%;
							height: 100%;
							position: absolute;
							top: 0;
							left: 0;
							z-index: 2;
						}
						.product-image {
							width: 100%;
							height: 0;
							padding-top: 102%;
							margin-bottom: 10px;
							position: relative;
						}
							.product-image img {
								width: 100%;
								height: 100%;
								object-fit: cover;
								position: absolute;
								top: 0;
								bottom: 0;
								left: 0;
								right: 0;
								transition: .2s;
								-webkit-transition: .2s;
							}

						.product-cat {
							width: 100%;
							margin-bottom: 6px;
							font-family: lato, sans-serif;
							font-size: 12px;
							font-weight: 400;
							line-height: 1.0;
							letter-spacing: 0em;
							color: #6B0F2B;
						}
						.product-name {
							width: 100%;
							font-size: 14px;
							font-weight: 700;
							line-height: 1.5;
							letter-spacing: 0.15em;
						}

					.pagination {
						width: 100%;
					}
						ul.page-numbers {
							width: auto;
							font-family: lato, sans-serif;
							font-size: 16px;
							display: flex;
							justify-content: center;
							align-items: center;
						}
							ul.page-numbers li {
								width: 44px;
								height: 44px;
								margin-right: 10px;
							}
								ul.page-numbers li a.page-numbers,
								ul.page-numbers li span.page-numbers {
									display: flex;
									justify-content: center;
									align-items: center;
									width: 100%;
									height: 100%;
									border-radius: 50%;
									border: solid 1px #6B0F2B;
								}
								ul.page-numbers li a {
									background-color: #ffffff;
									color: #6B0F2B;
								}
								ul.page-numbers li span.current {
									background-color: #6B0F2B;
									color: #ffffff;
								}
								ul.page-numbers li a.prev {

								}
									ul.page-numbers li a.prev:before {
										content: "\f053";
										font-family: "Font Awesome 5 Pro";
										font-weight: 500;
									}
								ul.page-numbers li a.next {

								}
									ul.page-numbers li a.next:before {
										content: "\f054";
										font-family: "Font Awesome 5 Pro";
										font-weight: 500;
									}
								ul.page-numbers li span.dots {
									border: none;
								}
}

/* SP ================================================== */
@media all and (max-width:559px){
#shop {
	width: 100%;
}
	.shop--inner {
		width: 100%;
	}
		.shop-main_image {
			width: 100%;
			height: 180px;
		}
			.shop-main_image img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

		.shop-list_contents {
			width: 90%;
			padding: 30px 0px 70px;
			margin: auto auto;
		}
			.shop-heading {
				width: 100%;
				margin: auto auto 30px;
				font-family: lato, sans-serif;
				font-size: 20px;
				font-weight: 700;
				color: #6B0F2B;
				letter-spacing: 0em;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
				.shop-heading:before,
				.shop-heading:after {
					content: '';
					width: 23%;
					height: 1px;
					background-color: #6B0F2B;
				}

			.product-category_select {
				width: 100%;
				margin: auto auto 35px;
				background-color: #6B0F2B;
				font-size: 16px;
				text-align: center;
				color: #ffffff;
				position: relative;
			}
			.product-category_select:after {
				content: "\f2ec";
				font-family: "Font Awesome 5 Pro";
				font-size: 10px;
				font-weight: 700;
				position: absolute;
				top: 50%;
				right: 10px;
				transform: translate(-50%,-50%) rotate(180deg);
				-webkit-transform: translate(-50%,-50%) rotate(180deg);
				pointer-events: none;
			}
				.product-category_select select {
					display: block;
					width: 100%;
					height: 60px;
					background-color: #6B0F2B;
					font-size: 16px;
					text-align: center;
					color: #ffffff;
					opacity: 0;
				}
				.product-category_select-txt {
					width: 100%;
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%,-50%);
					-webkit-transform: translate(-50%,-50%);
					pointer-events: none;
				}

			.product-category_list {
				display: none;
			}
				.product-cat_item {
					width: 100%;
					height: 60px;
					margin-bottom: 20px;
					border: solid 1px #6B0F2B;
				}
					.product-cat_item a {
						display: flex;
						justify-content: center;
						align-items: center;
						width: 100%;
						height: 100%;
						font-size: 16px;
						font-weight: 500;
						text-align: center;
						color: #6B0F2B;
					}
					.product-cat_item.on a {
						background-color: #6B0F2B;
						color: #ffffff;
					}

			.product-list_container {
				width: 100%;
			}
				.product-list {
					width: 100%;
					margin: auto auto 50px !important;
					display: flex;
					justify-content: space-between;
					align-items: flex-start;
					flex-wrap: wrap;
				}
					.product-item {
						width: 47%;
						margin-bottom: 40px;
						transition: .2s;
						-webkit-transition: .2s;
						position: relative;
						z-index: 1;
					}
					.product-item:nth-last-of-type(-n+2) {
						margin-bottom: 0px;
					}
					.product-item:hover {
						color: #6B0F2B;
					}
						.product-item a {
							display: block;
							width: 100%;
							height: 100%;
							position: absolute;
							top: 0;
							left: 0;
							z-index: 2;
						}
						.product-image {
							width: 100%;
							height: 0;
							padding-top: 102%;
							margin-bottom: 13px;
							position: relative;
						}
							.product-image img {
								width: 100%;
								height: 100%;
								object-fit: cover;
								position: absolute;
								top: 0;
								bottom: 0;
								left: 0;
								right: 0;
								transition: .2s;
								-webkit-transition: .2s;
							}

						.product-cat {
							width: 100%;
							margin-bottom: 6px;
							font-family: lato, sans-serif;
							font-size: 12px;
							font-weight: 400;
							line-height: 1.0;
							letter-spacing: 0em;
							color: #6B0F2B;
						}
						.product-name {
							width: 100%;
							font-size: 14px;
							font-weight: 700;
							line-height: 1.5;
							letter-spacing: 0.15em;
						}


					.pagination {
						width: 100%;
					}
						ul.page-numbers {
							width: auto;
							font-family: lato, sans-serif;
							font-size: 16px;
							display: flex;
							justify-content: center;
							align-items: center;
						}
							ul.page-numbers li {
								width: 40px;
								height: 40px;
								margin-right: 7px;
							}
								ul.page-numbers li a.page-numbers,
								ul.page-numbers li span.page-numbers {
									display: flex;
									justify-content: center;
									align-items: center;
									width: 100%;
									height: 100%;
									border-radius: 50%;
									border: solid 1px #6B0F2B;
								}
								ul.page-numbers li a {
									background-color: #ffffff;
									color: #6B0F2B;
								}
								ul.page-numbers li span.current {
									background-color: #6B0F2B;
									color: #ffffff;
								}
								ul.page-numbers li a.prev {

								}
									ul.page-numbers li a.prev:before {
										content: "\f053";
										font-family: "Font Awesome 5 Pro";
										font-weight: 500;
									}
								ul.page-numbers li a.next {

								}
									ul.page-numbers li a.next:before {
										content: "\f054";
										font-family: "Font Awesome 5 Pro";
										font-weight: 500;
									}
								ul.page-numbers li span.dots {
									border: none;
								}
}