#brandTopSection .brandLineupSection{
	padding-bottom:0 !important;
}
.ht-SearchItem .ht-contL .ht-section {
	padding-bottom:50px;
}
.ht-SearchItem .ht-sectionBG{
	background-color:#f7f7f7;
	padding:20px 10px;
	width:100%;
	margin:0 auto 20px;
}
.ht-SearchItem .sliderArea{
	max-width:100%;
	margin:0 auto;
	padding:0 10px;
}
.ht-SearchItem .ht-section > .sliderRow{
	padding-inline:10px;
}
.ht-SearchItem .sliderRow{
	display:grid;
	grid-template-columns:48px 1fr 48px;
	align-items:center;
	gap:8px;
	--nav-w: 48px;
	--col-gap: 8px;
	--space: 20px;
}
.ht-SearchItem .ht-swiper{
	width:100%;
	padding-bottom:20px;
	box-sizing:border-box;
	--perView: 4;
}
.ht-SearchItem .ht-swiper .swiper-wrapper{
	align-items:stretch;
}
.ht-SearchItem .ht-swiper img{
	width:100%;
	height:auto;
	object-fit:contain;
}
.ht-SearchItem .ht-swiper.is-static{
	overflow:visible;
}
.ht-SearchItem .ht-swiper.is-static .swiper-wrapper{
	display:flex !important;
	width:100% !important;
	transform:none !important;
	justify-content:center;
	gap:var(--space);
	flex-wrap:nowrap;
}
.ht-SearchItem .ht-swiper.is-static .swiper-slide{
	flex:0 0 calc((100% - (var(--space) * (var(--perView) - 1))) / var(--perView));
	max-width:calc((100% - (var(--space) * (var(--perView) - 1))) / var(--perView));
}
.ht-SearchItem .nav-btn{
	width:100%;
	height:26px;
	cursor:pointer;
	background-position:center;
	background-repeat:no-repeat; background-size:contain;
	border:none;
	padding:0; appearance:none;
	outline:none;
}
.ht-SearchItem .nav-prev{
	background-image:url("../../img/arrowL.png?$staticlink$");
	background-color:transparent !important; box-shadow:none !important;
}
.ht-SearchItem .nav-next{
	background-image:url("../../img/arrowR.png?$staticlink$");
	background-color:transparent !important; box-shadow:none !important;
}
.ht-SearchItem .sliderRow .nav-btn{
	display:none !important;
	visibility:hidden !important;
	pointer-events:none !important;
}
.ht-SearchItem .sliderRow.has-arrows .nav-btn{
	display:block !important;
	visibility:visible !important;
	pointer-events:auto !important;
}
.ht-SearchItem .sliderRow:not(.has-arrows){
	grid-template-columns: var(--nav-w,48px) 1fr var(--nav-w,48px);
}
.ht-SearchItem .sliderRow:not(.has-arrows) .nav-btn{
	display:block !important;
	visibility:hidden !important;
	pointer-events:none !important;
}
.ht-SearchItem .sliderRow.has-arrows{
	grid-template-columns: var(--nav-w,48px) 1fr var(--nav-w,48px);
}
.ht-SearchItem .swiper-pagination,
.ht-SearchItem .swiper-pagination-bullets,
.ht-SearchItem .swiper-pagination-horizontal{
	display:none !important;
}
.ht-SearchItem .swiper-slide{
	text-align:center;
}
.ht-SearchItem .swiper-slide img{
	width:180px !important;
}
.ht-SearchItem .swiper-slide figure{
	margin-bottom:10px;
}
.ht-SearchItem .swiper-slide .mds{
	font-size:1.4rem;
	line-height:1.4;
	margin-bottom:3px;
}
.ht-SearchItem .swiper-slide .price{
	font-size:1.4rem;
	line-height:1.4;
	margin-bottom:8px;
}
.ht-SearchItem .swiper-slide .func{
	font-size:10px;
	line-height:1.5;
}
.ht-SearchItem .swiper-slide .func span{
	border:1px solid #888;
	padding:2px 5px;
	margin-right:5px;
	margin-bottom:5px;
	display:inline-block;
}
.ht-SearchItem .sliderArea a{
	display: block;
	text-decoration:none;
}
.ht-SearchItem .sliderArea a{
	text-decoration: none;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
.ht-SearchItem .sliderArea a:hover{
	opacity: 0.4;
}
.ht-SearchItem .tab > .tab-buttons{
	display:flex !important;
}
.ht-SearchItem .tab > .tab-contents{
	display:block !important;
}
.ht-SearchItem .tab .tab-buttons{
	display:flex;
	justify-content:center;
	align-items:flex-end;
	gap:80px;
	flex-wrap:nowrap;
}
.ht-SearchItem .tab .tab-buttons > label{
	box-sizing:border-box;
	width:clamp(160px, 28vw, 400px);
	padding: 40px 10px 30px;
	border-radius:30px;
	background-color:#f7f7f7;
	border:1px solid #ccc;
	color:#999;
	font-size:2rem;
	line-height:2.4rem;
	text-align:center;
	cursor:pointer;
	position:relative;
	transition: background-color .3s ease, color .3s ease, border-color .3s ease;
	margin:50px 0 30px 0 !important;
}
.ht-SearchItem .tab .tab-buttons > label > input{
	position:absolute;
	opacity:0;
	pointer-events:none;
}
.ht-SearchItem .tab .tab-buttons > label::after{
	content:"";
	display:block;
	width:20px;
	height:20px;
	border-right:2px solid #bbb;
	border-bottom:2px solid #bbb;
	transform:rotate(45deg);
	margin-top:10px;
	margin-bottom:-14px;
	transition:border-color .3s ease;
}
.ht-SearchItem .tab .tab-buttons > label:hover{
	background-color:#777;
	color:#fff;
	border-color:#777;
}
.ht-SearchItem .tab .tab-buttons > label:hover::after{
	border-color:#fff;
}
.ht-SearchItem .tab .tab-buttons > label:has(input:checked){
	background:#666;
	color:#fff;
	border-color:transparent;
}
.ht-SearchItem .tab .tab-buttons > label:has(input:checked)::after{
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
}
.ht-SearchItem .tab .tab-contents > div{
	display:none;
	width:100%;
	padding:1.5em 1em;
}
.ht-SearchItem .tab:has(.tab-buttons > label:nth-of-type(1) > input:checked) .tab-contents > div:nth-of-type(1){
	display:block;
}
.ht-SearchItem .tab:has(.tab-buttons > label:nth-of-type(2) > input:checked) .tab-contents > div:nth-of-type(2){
	display:block;
}
.ht-SearchItem .catTtl{
	font-size:1.4rem;
	line-height:1.4;
	text-align: center;
	margin-bottom: -15px;
	margin-top:20px;
}
.ht-SearchItem .catMidash{
	font-size:2.2rem;
	font-weight:700;
	text-align:center;
	margin:25px 0;
}
.ht-SearchItem .cap{
	margin-top:5px;
	font-size:1.4rem;
	line-height:1.4;
}
.ht-SearchItem .catBanner a{
	text-decoration: underline;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
.ht-SearchItem .catBanner a:hover {
	opacity: 0.4;
	text-decoration: none;
}
.ht-SearchItem .tab .tab-buttons > label::after{
	margin: 20px auto -18px;
	display: block;
}

@media screen and (min-width: 769px){
	.sp_br{ display: none; }
	.ht-SearchItem .ht-Category{
		margin:30px 0 0;
		text-align:center;
		font-size:2.4rem;
		line-height:2;
	}
	.ht-SearchItem .ht-Category span{
		font-size:2.4rem;
		font-weight:700;
	}
	.ht-SearchItem .sliderArea{
		max-width:1100px;
		margin:30px auto;
	}
	.ht-SearchItem .swiper-slide .func{ text-align:left; }
	.ht-SearchItem .catName{
		font-size:2.2rem;
		font-weight:700;
		text-align:center;
		margin:50px 0 25px;
	}
	.ht-SearchItem .onlyBnr{
		max-width:460px;
		margin:0 auto;
	}
	.ht-SearchItem .swiper-slide .mds{
		text-align:center;
	}
	.ht-SearchItem .infoBox{
		width: fit-content;
		margin:0 auto;
		text-align: left;
	}
	.ht-SearchItem .tab > .tab-contents > div {
		max-width:1200px;
		margin:0 auto;
	}
	.ht-SearchItem .tab > label{
		all: unset;
	}
	.ht-SearchItem label:nth-child(1),
	.ht-SearchItem label:nth-child(3){
		margin:0 !important;
	}
	.ht-SearchItem .catBanner{
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		justify-content: flex-start;
		width: 1000px;
		margin: 0 auto 50px;
	}
	.ht-SearchItem .catBanner li{
		display: block;
		width: calc(50% - 15px);
		margin-right: 30px;
		font-size: 1.4rem;
		line-height: 1.7;
	}
	.ht-SearchItem .catBanner li:nth-of-type(2n){
		margin-right: 0;
	}
	.ht-SearchItem .catBanner li:nth-of-type(n + 3){
		margin-top: 30px;
	}
	.ht-SearchItem .sliderAreaBox{
		display: grid;
		gap: 20px;
		grid-template-columns: 2fr 1fr;
	}
	.ht-SearchItem .sliderAreaBoxBdr{
		border-right:1px solid #ccc;
		padding-right:20px;
	}
	.ht-SearchItem .sliderArea.sliderAreaBox .ht-swiper.is-static .swiper-slide{
		flex: 0 0 225px !important;
		max-width: 225px !important;
	}
}

@media screen and (max-width:768px){
	.pc_br{display: none; }
	.ht-SearchItem .sliderArea{
		padding:0;
		margin:0 auto;
	}
	.ht-SearchItem .sliderRow{
		grid-template-columns:36px 1fr 36px;
		gap:4px;
		--nav-w: 36px;
		--col-gap: 4px;
	}
	.ht-SearchItem .ht-swiper{
		padding-bottom:20px;
		--perView: 2;
	}
	.ht-SearchItem .ht-Category{
		margin:20px 0 0;
		text-align:center;
		font-size:2.4rem;
		line-height:2;
	}
	.ht-SearchItem .ht-Category span{
		font-size:2.4rem;
		font-weight:700;
	}
	.ht-SearchItem .ht-sectionBG{
		padding:30px 0;
	}
	.ht-SearchItem .catName{
		font-size:2.2rem;
		font-weight:700;
		text-align:center;
		margin:30px 0 15px;
	}
	.ht-SearchItem .onlyBnr{
		width:90%;
		margin:0 auto;
	}
	.ht-SearchItem .infoBox{
		width: fit-content;
		margin:0 auto;
		text-align: left;
	}
	.ht-SearchItem .tab .tab-buttons{
		gap:16px;
		flex-wrap:nowrap;
	}
	.ht-SearchItem .tab .tab-buttons > label{
		font-size:1.5rem;
		line-height:2.4rem;
		padding:35px 10px;
		margin:30px 0 !important;
	}
	.ht-SearchItem label:nth-child(1),
	.ht-SearchItem label:nth-child(3){
		margin:0 !important;
	}
	.ht-SearchItem .catBanner{
		margin: 0 20px;
	}
	.ht-SearchItem .catBanner li{
		margin-bottom:40px;
	}
	.ht-SearchItem .tab .tab-buttons{
		padding: 0 20px;
		gap: 20px;
		flex-wrap: nowrap;
	}
	.ht-SearchItem .tab .tab-buttons > label{
		width: auto;
		max-width: none;
		flex: 1 1 0;
		margin: 30px 0 !important;
	}
	.ht-SearchItem .tab .tab-buttons > label::after{
		margin: 8px auto -18px;
		display: block;
	}
}

@media (hover: none) and (pointer: coarse) {
	.ht-SearchItem a,
	.ht-SearchItem a * {
		-webkit-tap-highlight-color: transparent;
	}
	.ht-SearchItem img {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		user-select: none;
		-webkit-user-drag: none;
	}
	.ht-SearchItem a:focus {
		outline: none;
	}
}


.ht-SearchItem .tab.is-a-active .tab-buttons > label:nth-of-type(1),
.ht-SearchItem .tab.is-c-active .tab-buttons > label:nth-of-type(2){
  background:#666 !important;
  color:#fff !important;
  border-color:transparent !important;
}
.ht-SearchItem .tab.is-a-active .tab-buttons > label:nth-of-type(1)::after,
.ht-SearchItem .tab.is-c-active .tab-buttons > label:nth-of-type(2)::after{
  border-right:2px solid #fff !important;
  border-bottom:2px solid #fff !important;
}
