@charset "UTF-8";
/**************/
/*
	#category-main-outer {
		position: relative;
	}
		#category-main-img {
			display: flex;
			justify-content: flex-end;
			position: relative;
		}
			#category-main-img img {
				margin: 100px 0;
			}
		#category-main-char {
			bottom: 20%;
			position: absolute;
		}
			#category-main-char img {
			}
*/
/**************/

/* 「カテゴリー検索」ページ */
#category-container {
	background-image: url("../images/category-bg.jpg");
	background-repeat: no-repeat;
}
@media (max-width: 480px) {
	#category-container {
		background-image: none;
/*
		background-position: top center;
*/
	}
}
	#category-contents-outer {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 0px auto;
/*
		max-width: 1600px;
*/
		max-width: 1240px;
		padding: 160px 0;
	}
	@media (max-width: 1300px) {
		#category-contents-outer {
			margin: 0px 30px;
		}
	}
	@media (max-width: 480px) {
		#category-contents-outer {
			margin: 0px 20px;
			padding: 80px 0;
		}
	}
		#category-contents-left {
/*
			width: 16%;
*/
			width: 22%;
		}
		@media (max-width: 800px) {
			#category-contents-left {
				margin-bottom: 50px;
				width: 100%;
			}
		}
		@media (max-width: 480px) {
			#category-contents-left {
				margin-bottom: 30px;
			}
		}
			#category-contents-left form {
				margin-bottom: 20px;
			}
				#search-text-box {
					position: relative;
				}
					input[name="search_text"] {
						font-size: 2.0rem;
						line-height: 1.0em;
						margin-right: 1.0em;
						width: 100%;
					}
					#search-text-box i {
						cursor: pointer;
						font-size: 2.0rem;
						font-weight: 900;
						line-height: 1.0em;
						position: absolute;
						right: 10px;
						top: 50%;
						transform: translateY(-50%);
					}

			.category-list-pulldown {
				border-bottom: 1px solid #333;
				border-top: 1px solid #333;
				color: #333;
				display: none;
				font-size: 2.0rem;
				line-height: 1;
				padding: 7px 20px;
			}
				.category-list-pulldown span {
					display: inline-block;
					vertical-align: middle;
					color: #333;
					line-height: 1;
					width: 0.8em;
					height: 0.2em;
					background: currentColor;
					border-radius: 0.1em;
					position: relative;
					top: -2px;
					right: 2px;
				}
				.category-list-pulldown span::before {
					content: '';
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background: inherit;
					border-radius: inherit;
					transform: rotate(90deg);
					transition:transform 0.3s ease;
				}
				.category-list-pulldown.open span::before {
					transform: rotate(0deg);
				}
				@media (max-width: 800px) {
					.category-list-pulldown {
						display: block;
					}
					.category-list-item {
						display: none;
					}
				}
				@media (max-width: 640px) {
					.category-list-pulldown {
						font-size: 1.6rem;
					}
				}
				@media (max-width: 480px) {
					.category-list-pulldown {
						font-size: 1.4rem;
					}
				}


			#category-contents-left ul {
				list-style-type: none;
			}
			@media (max-width: 800px) {
				#category-contents-left ul {
					display: flex;
					flex-wrap: wrap;
				}
			}
				#category-contents-left ul li {
				}
					#category-contents-left ul li a {
						border-top: 1px solid #707070;
						display: block;
						font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
						font-size: 1.5rem;
						line-height: 1.5em;
						padding: 1.0em 0 1.0em 1.0em;
					}
					@media (max-width: 1300px) {
						#category-contents-left ul li a {
							font-size: 1.2rem;
						}
					}
					@media (max-width: 1000px) {
						#category-contents-left ul li a {
							font-size: 1.0rem;
						}
					}
					@media (max-width: 800px) {
						#category-contents-left ul li a {
							border-top: none;
							font-size: 1.4rem;
							margin-right: 30px;
							padding-left: 25px;
							position: relative;
						}
						#category-contents-left ul li a::before {
							content: "●";
							font-size: 3.4rem;
							line-height: 0.5em;
							margin-left: -25px;
							position: absolute;
						}
					}
					@media (max-width: 480px) {
						#category-contents-left ul li a {
							border-top: none;
							font-size: 1.2rem;
							margin-right: 18px;
							padding: 0.5em 0 0.5em 15px;
							position: relative;
						}
						#category-contents-left ul li a::before {
							content: "●";
							font-size: 2.0rem;
							line-height: 0.7em;
							margin-left: -15px;
							position: absolute;
						}
					}
					#category-contents-left ul li:last-child a {
						border-bottom: 1px solid #707070;
					}
					@media (max-width: 800px) {
						#category-contents-left ul li:last-child a {
							border-bottom: none;
						}
					}
					#category-contents-left ul li a span {
						border-bottom: 2px transparent solid;
						padding-bottom: 3px;
						transition: .5s;
					}
					#category-contents-left ul li a:hover span {
						border-bottom: 2px solid #707070;
					}
		#category-contents-right {
/*
			width: 80%;
*/
			width: 74%;
		}
		@media (max-width: 800px) {
			#category-contents-right {
				width: 100%;
			}
		}
			#search-word {
				border-bottom: 1px solid #707070;
				font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
				font-size: 2.5rem;
				line-height: 1.4em;
				margin-bottom: 1.0em;
				padding-bottom: 0.7em;
			}
			@media (max-width: 1300px) {
				#search-word {
					font-size: 2.0rem;
				}
			}
			@media (max-width: 1000px) {
				#search-word {
					font-size: 1.5rem;
				}
			}
			@media (max-width: 800px) {
				#search-word {
					font-size: 2.0rem;
				}
			}
			@media (max-width: 480px) {
				#search-word {
					font-size: 1.3rem;
				}
			}

/*****************/
/*
			#category-contents-right ul {
				display: flex;
				justify-content: flex-start;
				flex-wrap: wrap;
				list-style-type: none;
			}
				#category-contents-right ul li {
					margin-bottom: 40px;
					text-align: center;
					width: calc(100% / 3 - 27px);
				}
				#category-contents-right ul li:nth-child(3n - 1) {
					margin: 0 40px;
				}
					#category-contents-right ul li a {
						background: #fff;
						display: block;
						padding: 20px;
						position: relative;
					}
						#category-contents-right ul li a img {
							max-width: 100%;
						}
						#category-contents-right ul li .products_goods_name {
							font-size: 16px;
							line-height: 1.0em;
							margin: 20px 0 0;
						}
						#category-contents-right ul li .p_number {
							font-size: 16px;
							line-height: 1.0em;
							margin: 20px 0 0;
							text-align: right;
						}
*/