@charset "UTF-8";
/* CSS Document */




/* fs-c-breadcrumb
--------------------------- */
.fs-c-breadcrumb {
    margin-bottom: 0;
}






/* catbox
--------------------------- */
.catbox {
	padding-bottom: 100px;
}
	.catbox .pht {
		width: 50%;
	}
		.catbox .pht img {
			border-radius: 0 0 100px 0;
		}


	.catbox .text {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 50%;
		padding: 0 5%;
	}
		.catbox .text h2 {
			font-size: 2.6rem;
			line-height: 1.5em;
			margin-bottom: 10px;
		}

		.catbox .text .txt {
			font-size: 1.6rem;
			line-height: 34px;
			margin-bottom: 12px;
		}
		.catbox .text .txt:nth-last-child(1) {
			margin-bottom: 0;
		}






/* fs-c-subgroup
--------------------------- */
.fs-c-subgroup{
}
.more {
	width: 250px;
	height: 50px;
	background: #f7f7f7;
	border: solid 1px #ddd;
	margin: 10px auto 0 auto;
	font-size: 1.4rem;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
}
	.more .open {
		display: block;
	}
	.more .close {
		display: none;
	}
	.more.is-active .open {
		display: none;
	}
	.more.is-active .close {
		display: block;
	}


.fs-c-subgroup {
	margin: 0;
	overflow: hidden;
}
	.fs-c-subgroup .fs-c-listControl__status {
		display: none;
	}


	.fs-c-subgroup .fs-c-subgroupList {
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0;
	}
		.fs-c-subgroup .fs-c-subgroupList .fs-c-subgroupList__item {
			width: 19%;
			flex-basis: 19%;
			flex-grow: 0;
			margin-left: 0;
			margin-top: 0;
			border: solid 1px #ddd;
			border-radius: 6px;
			margin-right: 1%;
			margin-bottom: 10px;
		}
		.fs-c-subgroup .fs-c-subgroupList .fs-c-subgroupList__item:nth-child(5n) {
			margin-right: 0;
		}
			.fs-c-subgroup ul.fs-c-subgroupList li a.fs-c-subgroupList__link {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				height: 46px;
				text-align: left;
				background: none;
				border: none;
				font-size: 1.4rem;
				letter-spacing: 0.06em;
				line-height: 1.4em;
				padding: 0 5px;
				transition: 0.3s;
				-webkit−transition: 0.3s;
			}
			.fs-c-subgroup ul.fs-c-subgroupList li a.fs-c-subgroupList__link:after {
				display: none;
			}

	.fs-c-subgroup ul.fs-c-subgroupList .fs-c-subgroupList__image {
		width: 29px;
		padding: 8px 0 0 0;
		margin-left: 5px;
	}





/* fs-c-productList
---------------------*/
.fs-c-productList {
	width: 100%;
	padding: 80px 0 150px 0;
	margin: 0;
}
.fs-body-category-brand .fs-c-productList {
	display: none;
}
	.fs-c-productList .sort_bottom .fs-c-sortItems,
	.fs-c-productList .sort_bottom .fs-c-listControl__status,
	.fs-c-productList .sort .fs-c-pagination,
	.group_features .fs-c-productList .fs-c-noResultMessage__title {
		display: none !important;
	}


	.fs-c-productList .fs-c-productList__controller {
		padding-bottom: 0;
		border-top: solid 1px #ddd;
		border-bottom: solid 1px #ddd;
		margin-bottom: 40px;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		 -ms-flex-direction: row-reverse;
			 flex-direction: row-reverse;
	}
	.fs-c-productList .sort_bottom .fs-c-productList__controller {
		border-top: none;
		border-bottom: none;
		margin-bottom: 0;
	}
		.fs-c-productList .sort .fs-c-productList__controller .fs-c-listControl {
			width: -webkit-calc(100% - 130px);
			width: calc(100% - 130px);
			font-size: 1.2rem;
			justify-content: start;
			align-items: start;
			line-height: 1;
		}
		.fs-c-productList .sort_bottom .fs-c-productList__controller .fs-c-listControl {
			width: 100%;
			justify-content: start;
		}

		.fs-c-productList .fs-c-productList__controller .fs-c-pagination {
			width: 100%;
			display: flex;
			justify-content: center;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}
			.fs-c-productList .fs-c-productList__controller .fs-c-pagination .fs-c-pagination__item {
				display: flex;
				justify-content: center;
				align-items: center;
				flex: inherit;
				width: 36px;
				height: 36px;
				font-size: 1.2rem;
				text-align: center;
				color: #FFAF00;
				border: solid 1px #FFAF00;
				letter-spacing: 0;
				line-height: 1;
				font-family: 'Montserrat', sans-serif;
				font-weight: 500;
				margin: 0 5px;
			}
			.fs-c-productList .fs-c-productList__controller .fs-c-pagination .is-active {
				color: #fff;
				background: #FFAF00;
				border: solid 1px #FFAF00;
			}

		.fs-c-productList .fs-c-productList__controller .fs-c-sortItems {
			position: relative;
		}
			.fs-c-productList .fs-c-productList__controller .fs-c-sortItems .fs-c-sortItems__label {
				display: block;
				width: 130px;
				height: 36px;
				font-size: 1.2rem;
				color: #fff;
				text-align: center;
				background: #FFAF00 url(https://hikarimiso.itembox.cloud/item/img/ac_arrow_open.png?d=20210323215207) no-repeat 94% center;
				border: none;
				padding: 10px 10px 5px 10px;
				cursor: pointer;
			}
			.fs-c-productList .fs-c-productList__controller .fs-c-sortItems .fs-c-sortItems__list {
				display: block;
				width: 130px;
				border: 1px solid #c5c5c5;
				background: #fff;
				position: absolute;
				top: 34px;
				left: 0;
				z-index: 3;
			}
				.fs-c-productList .fs-c-productList__controller .fs-c-sortItems .fs-c-sortItems__list li.is-active {
					font-size: 86%;
					padding: 2px 10px;
				}	
					.fs-c-productList .fs-c-productList__controller .fs-c-sortItems .fs-c-sortItems__list li a {
						display: block;
						font-size: 86%;
						padding: 2px 10px;
					}
					.fs-c-productList .fs-c-productList__controller .fs-c-sortItems .fs-c-sortItems__list li.is-active .fs-c-sortItems__list__item__label {
						color: #000;
						padding: 0;
					}


	.fs-c-productList .fs-c-productList__list {
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
		.fs-c-productList .fs-c-productList__list .fs-c-productListItem {
			width: 22.5%;
			margin-right: 3%;
			margin-bottom: 20px;
			border: none;
		}
		.fs-c-productList .fs-c-productList__list .fs-c-productListItem:nth-child(4n){
			width: 22.5%;
			margin-right: 0;
		}
			.fs-c-productList .fs-c-productList__list .fs-c-productListItem form {
				position: relative;
			}
				.fs-c-productList .fs-c-productList__list .fs-c-productListItem form .fs-c-productListItem__control {
					position: absolute;
					bottom: -4px;
					right: 0;
				}


			.fs-c-productList .fs-c-productList__list .fs-c-productListItem .fs-c-productListItem__viewMoreImageButton,
			.fs-c-productList .fs-c-productList__list .fs-c-productListItem form .fs-c-productListItem__control {
				display: none;
			}

			.fs-c-productList .fs-c-productList__list .fs-c-productListItem .fs-c-productListItem__image {
				border: solid 1px #ddd;
				border-radius: 10px;
				overflow: hidden;
			}

			.fs-c-productList .fs-c-productList__list .fs-c-productListItem h2.fs-c-productName {
				font-size: 1.6rem;
				line-height: 1.6em;
				text-align: left;
			}
				.fs-c-productList .fs-c-productList__list .fs-c-productListItem h2.fs-c-productName a .fs-c-productName__copy {
					display: none;
				}
				.fs-c-productList .fs-c-productList__list .fs-c-productListItem h2.fs-c-productName a .fs-c-productName__name {
					overflow: hidden;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
				}

			.fs-c-productList .fs-c-productList__list .fs-c-productListItem .fs-c-productPrices .fs-c-productPrice__main .fs-c-price {
				font-family: 'Montserrat', sans-serif;
				font-size: 1.6rem;
				font-weight: 600;
				color: #383430;
			}
			.fs-c-productList .fs-c-productList__list .fs-c-productListItem .fs-c-productPrices .fs-c-productPrice__addon {
				font-size: 1.0rem;
				font-weight: 700;
			}
			.fs-c-productList .fs-c-productList__list .fs-c-productListItem .fs-c-productPrices .fs-c-productPrice__main__label {
				display: none;
			}


	.fs-c-productMark {
		padding-top: 15px;
	}
	.fs-c-productMark li {
		font-size: 1.2rem;
		margin-bottom: 6px;
		margin-right: 4px;
	}
		.fs-c-productMark li .tag {
			background: #E6E6E6;
			font-weight: 700;
		}
		.fs-c-productMark li .yellow {
			background: #FFAF00;
			color: #fff;
		}
		.fs-c-productMark li .red {
			background: #D31C1C;
			color: #fff;
		}



	.brand-list {
		padding: 40px 0 100px 0;
	}



	#brand .online {
		margin-bottom: 120px;
	}
		#brand .online a {
			display: block;
		}
			#brand .online a .pht {
				overflow: hidden;
				border-radius: 0 0 100px 0;
				border: solid 1px #ddd;
			}

			#brand .online a .txt {
				padding-top: 15px;
				font-size: 1.5rem;
				line-height: 30px;
			}



	#brand .pickup .itembox {
		margin-bottom: 80px;
	}
		#brand .pickup .itembox .pht {
			width: 50%;
			overflow: hidden;
			border-radius: 0 0 100px 0;
			border: solid 1px #ddd;
		}
		#brand .pickup .itembox .flex-end .pht {
			border-radius: 0 0 0 100px;
		}

		#brand .pickup .itembox .text {
			display: flex;
			justify-content: center;
			align-items: center;
			text-align: left;
			width: 50%;
			padding: 0 0 0 4%;
		}
		#brand .pickup .itembox .flex-end .text {
			padding: 0 4% 0 0;
		}
			#brand .pickup .itembox .text h3 {
				font-size: 2.6rem;
				margin-bottom: 20px;
			}

			#brand .pickup .itembox .text .txt {
				font-size: 1.6rem;
				line-height: 30px;
			}




h2.h2_tit {
	font-size: 3.2rem;
	line-height: 1.4em;
	position: relative;
	padding-left: 18px;
	margin-bottom: 30px;
}
h2.h2_tit:before {
	content: "";
	width: 8px;
	height: 8px;
	background: #FFAF00;
	position: absolute;
	top: 14px;
	left: 0;
}
h2.h2_tit:after {
	content: "";
	width: 8px;
	height: 8px;
	background: #FFCF67;
	position: absolute;
	top: 22px;
	left: 0;
}





/* 1260px */
@media screen and (max-width: 1260px) {






/* fs-c-subgroup
---------------------*/
.fs-c-subgroup {
	padding: 0 5%;
}






/* fs-c-productList
---------------------*/
.fs-c-productList {
	width: 100%;
	padding: 80px 5% 150px 5%;
	margin: 0;
}






/* brand-list
---------------------*/
.brand-list {
    padding: 40px 5% 100px 5%;
}





}

	







/* max 1023px */
@media screen and (max-width: 1023px) {






/* catbox
--------------------------- */
.catbox {
	display: block;
	padding-bottom: 40px;
}
	.catbox .pht {
		width: 95%;
	}
		.catbox .pht img {
			border-radius: 0 0 60px 0;
		}


	.catbox .text {
		display: block;
		width: 100%;
		padding: 16px 5% 0 5%;
	}
		.catbox .text h2 {
			font-size: 2.0rem;
			line-height: 1.5em;
			margin-bottom: 10px;
		}

		.catbox .text .txt {
			font-size: 1.4rem;
			line-height: 2em;
		}






/* fs-c-subgroup
--------------------------- */
.fs-c-subgroup .fs-c-subgroupList .fs-c-subgroupList__item {
	width: 48%;
	flex-basis: 48%;
	flex-grow: 0;
	margin-left: 0;
	margin-top: 0;
	border: solid 1px #ddd;
	margin-right: 2%;
}
.fs-c-subgroup .fs-c-subgroupList .fs-c-subgroupList__item:nth-child(5n) {
	margin-right: 2%;
}
.fs-c-subgroup .fs-c-subgroupList .fs-c-subgroupList__item:nth-child(2n) {
	margin-right: 0;
}
	.fs-c-subgroup ul.fs-c-subgroupList li a.fs-c-subgroupList__link {
		height: 46px;
		background: none;
		border: none;
		font-size: 1.2rem;
		letter-spacing: 0.06em;
		line-height: 1.4em;
		padding: 0 5px;
	}


	.fs-c-subgroup ul.fs-c-subgroupList .fs-c-subgroupList__image {
		width: 21px;
		padding: 13px 0 0 0;
	}




/* fs-c-productList
---------------------*/
.fs-c-productList {
	padding: 50px 5% 80px 5%;
}
	.fs-c-productList .sort .fs-c-productList__controller .fs-c-listControl {
		width: -webkit-calc(100% - 130px);
		width: calc(100% - 130px);
		font-size: 1.1rem;
		letter-spacing: 0.1em;
	}
	
	.fs-c-productList .fs-c-productList__controller {
		margin-bottom: 30px;
	}
		.fs-c-productList .fs-c-productList__controller .fs-c-sortItems {
			border: none;
		}
		.fs-c-productList .fs-c-productList__controller .fs-c-sortItems .fs-c-sortItems__label {
			width: 130px;
			letter-spacing: 0.1em;
		}
		.fs-c-productList .fs-c-productList__controller .fs-c-sortItems .fs-c-sortItems__list {
			width: 130px;
		}
			.fs-c-productList .fs-c-productList__controller .fs-c-sortItems .fs-c-sortItems__list li.is-active {
				letter-spacing: 0.1em;
			}	
				.fs-c-productList .fs-c-productList__controller .fs-c-sortItems .fs-c-sortItems__list li a {
					letter-spacing: 0.1em;
				}


	.fs-c-productList .fs-c-productList__list {
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
		.fs-c-productList .fs-c-productList__list .fs-c-productListItem {
			width: 48% !important;
			margin-right: 4%;
			margin-bottom: 20px;
			padding: 0;
		}
		.fs-c-productList .fs-c-productList__list .fs-c-productListItem:nth-child(2n){
			margin-right: 0;
		}
			.fs-c-productList .fs-c-productList__list .fs-c-productListItem h2.fs-c-productName {
				max-height: 44px;
				font-size: 1.4rem;
				line-height: 1.6em;
			}

			.fs-c-productList .fs-c-productList__list .fs-c-productListItem .fs-c-productPrices .fs-c-productPrice__main .fs-c-price {
				font-size: 1.4rem;
			}
			.fs-c-productList .fs-c-productList__list .fs-c-productListItem .fs-c-productPrices .fs-c-productPrice__addon {
				font-size: 1.0rem;
				letter-spacing: 0;
			}
	
			.fs-c-productList .fs-c-productList__list .fs-c-productListItem form .fs-c-productListItem__control {
				bottom: -7px;
			}


	.fs-c-productMark {
		padding-top: 15px;
	}
	.fs-c-productMark li {
		font-size: 1.0rem;
		margin-bottom: 6px;
		margin-right: 4px;
	}
		.fs-c-productMark li .tag {
			background: #E6E6E6;
			font-weight: 700;
		}
		.fs-c-productMark li .yellow {
			background: #FFAF00;
			color: #fff;
		}
		.fs-c-productMark li .red {
			background: #D31C1C;
			color: #fff;
		}



	.brand-list {
		padding: 20px 5% 60px 5%;
	}



	#brand .online {
		margin-bottom: 80px;
	}
		#brand .online a .pht {
			border-radius: 0 0 80px 0;
		}

		#brand .online a .txt {
			font-size: 1.4rem;
			line-height: 2em;
		}



	#brand .pickup .itembox {
		margin-bottom: 40px;
	}
	#brand .pickup .itembox a {
		display: block;
	}
		#brand .pickup .itembox .pht {
			width: 100%;
			border-radius: 0 0 80px 0;
		}
		#brand .pickup .itembox .flex-end .pht {
			border-radius: 0 0 80px 0;
		}

		#brand .pickup .itembox .text {
			display: block;
			width: 100%;
			padding: 15px 0 0 0;
		}
		#brand .pickup .itembox .flex-end .text {
			padding: 15px 0 0 0;
		}
			#brand .pickup .itembox .text h3 {
				font-size: 2.0rem;
				margin-bottom: 10px;
			}

			#brand .pickup .itembox .text .txt {
				font-size: 1.6rem;
				line-height: 30px;
			}


h2.h2_tit {
	font-size: 2.2rem;
	line-height: 1.4em;
	position: relative;
	padding-left: 18px;
	margin-bottom: 20px;
}
h2.h2_tit:before {
	top: 7px;
}
h2.h2_tit:after {
	top: 15px;
}
}