@charset "utf-8";
input[type="text"]:focus{
	outline: 0;
}
input[type="text"],
input[type="password"],
textarea,
select{
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
*:focus{
	outline: none;
}

/* ----------------------h1.g-heading---------------------- */
h1.g-heading .g-heading__en{
	display: none;
}
h1.g-heading .g-heading__ja{
	font-weight: 500;
}
@media screen and (min-width: 768px){
	h1.g-heading .g-heading__ja{
		font-size: var(--fz-30) !important;
	}
	.g-headingContainer:has(h1.g-heading){
		margin-block: var(--spc-40);
	}
	.g-headingContainer.bgcolor--beige:has(h1.g-heading){
		padding-block: var(--spc-40);
	}
}
@media screen and (max-width: 767px){
	h1.g-heading .g-heading__ja{
		font-size: 18px !important;
	}
	.g-headingContainer:has(h1.g-heading){
		margin-block: 20px;
	}
	.g-headingContainer.bgcolor--beige:has(h1.g-heading){
		padding-block: 20px;
	}
}
.g-headingContainer--categorylv1 .g-heading__en{
	display: block !important;
}
.g-headingContainer--categorylv1 .g-heading__ja{
	font-weight: 400 !important;
}
/* ----------------------ページ見出し---------------------- */
.c-upper .fs-c-heading{
	font-weight: 500;
	text-align: center;
	width: var(--inner-w);
	max-width: var(--pc-maw);
	margin-inline: auto;
}
@media screen and (min-width: 768px){
	.c-upper .fs-c-heading{
		font-size: var(--fz-30);
		margin-block: var(--spc-40);
	}
}
@media screen and (max-width: 767px){
	.c-upper .fs-c-heading{
		font-size: 18px;
		margin-bottom: 20px;
	}
}

#fs_ProductCategory .c-upper .fs-c-heading{
	border-top: 1px solid var(--txt-c-base);
}
@media screen and (min-width: 768px){
	#fs_ProductCategory .c-upper .fs-c-heading{
		padding-top: var(--spc-50);
	}
}
@media screen and (max-width: 767px){
	#fs_ProductCategory .c-upper .fs-c-heading{
		padding-top: 30px;
	}
}
/* ----------------------絞り込み&並び替え---------------------- */
.c-subgroup{
	width: var(--inner-w);
	max-width: var(--pc-maw);
	margin-inline: auto;
	border-bottom: 1px solid var(--c-brown);
}
@media screen and (min-width: 768px){
	.c-subgroup{
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		gap: var(--spc-20);
		padding-bottom: 5px;
		margin-bottom: 40px;
	}
	.c-subgroup .groupsortarea{
		flex: 1;
	}
	.c-subgroup .fs-c-sortItems{
		width: fit-content;
	}
}
@media screen and (max-width: 767px){
	.c-subgroup{
		position: relative;
		padding-bottom: 65px;
		margin-bottom: 20px;
	}
}
/* ----------------------絞り込み---------------------- */
.groupsortarea{
	width: var(--inner-w);
	max-width: var(--pc-maw);
	margin-inline: auto;
}
.fs-c-subgroup{
	display: contents;
}
.fs-c-subgroup .fs-c-listControl{
	display: none;
}
.fs-c-subgroupList{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.groupsorttitle{
	font-family: var(--ff-base);
	font-weight: 700;
	letter-spacing: 0.1em;
}
.fs-c-subgroupList__link{
	display: block;
	background-color: var(--c-white);
	padding: 2px 8px;
}
.fs-c-subgroupList__label{
	font-family: var(--ff-base);
	font-weight: 400;
	font-size: 11px;
}
.fs-c-subgroupList__comment{
	display: none;
}
@media (hover: hover){
	.fs-c-subgroupList__link:hover{
		background-color: var(--txt-c-base);
		color: var(--c-white);
		opacity: 1;
	}
}
@media screen and (min-width: 768px){
	.groupsortarea{
		display: flex;
		align-items: center;
		gap: 15px;
		margin-bottom: 10px;
	}
	.groupsorttitle{
		width: fit-content;
		font-size: 14px;
	}
	.fs-c-subgroupList{
		flex: 1;
	}
}
@media screen and (max-width: 767px){
	.groupsorttitle{
		text-align: center;
		font-size: 14px;
		margin-bottom: 10px;
	}
}

/* ----------------------並び替え---------------------- */
.fs-c-sortItems__label{
	font-family: var(--ff-base);
	font-weight: 700;
	letter-spacing: 0.1em;
}
.fs-c-sortItems__list__item__label{
	font-family: var(--ff-base);
	font-weight: 400;
}
.is-active .fs-c-sortItems__list__item__label{
	background: var(--txt-c-emphasis);
	color: var(--c-white);
}
@media screen and (min-width: 768px){
	.fs-c-sortItems{
		width: var(--inner-w);
		max-width: var(--pc-maw);
		margin-inline: auto;
		display: flex;
		align-items: center;
		gap: 15px;
	}
	.fs-c-sortItems__label{
		width: fit-content;
		font-size: 14px;
	}
	.fs-c-sortItems__list{
		display: flex;
		width: fit-content;
		gap: 10px;
	}
	.fs-c-sortItems__list__item__label{
		font-size: 11px;
	  background-color: var(--c-beige-300);
    padding: 2px 8px;
	}
}
@media screen and (max-width: 767px){
	.fs-c-productList__controller{
		position: relative;
		padding-top: 30px;
		margin-top: 20px;
	}
	.fs-c-sortItems{
		width: 120px;
		margin-inline: auto;
		border-radius: 10px;
		background-color: var(--theme-c-sub);
		padding: 5px;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		z-index: 2;
	}
	.fs-c-sortItems__label{
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		font-size: 14px;
		position: relative;
		gap: 3px;
		color: var(--c-white);
		font-weight: 500;
	}
	.fs-c-sortItems__label::after{
		content: "";
    display: inline-block;
		 --this-mask: var(--data-icon-select-arrow) no-repeat center center / 100%;
		mask: var(--this-mask);
		-webkit-mask: var(--this-mask);
		background-color: var(--c-white);
    aspect-ratio: 1 / 1;
		width: 8px;
		transition: .3s;
	}
	.fs-c-sortItems__label.is-active::after{
		transform: rotate(180deg);
	}
	.fs-c-sortItems__list{
		display: none;
		margin-top: 3px;
	}
	.fs-c-sortItems__list__item__label{
		display: block;
		font-size: 12px;
		text-align: center;
		padding: 3px 0;
		color: var(--c-white);
	}
	.fs-c-sortItems__list__item__label:hover{
		color: var(--c-white);
	}
}

/* fs-c-listControl__status */
.fs-c-listControl__status{
	font-family: var(--ff-base);
	font-weight: 400;
	font-size: 14px;
}

/* 下部並び替え */
.fs-c-productList__list+.fs-c-productList__controller{
	margin-inline: auto;
	margin-bottom: var(--sec-spc);
}
.fs-c-productList__list+.fs-c-productList__controller .fs-c-sortItems{
	padding-bottom: 10px;
	border-bottom: 1px solid var(--c-brown);
}
@media screen and (min-width: 768px){
	.fs-c-productList__list+.fs-c-productList__controller{
		margin-top: var(--spc-40);
	}
}
@media screen and (max-width: 767px){
	.fs-c-productList__list+.fs-c-productList__controller .fs-c-sortItems{
		display: none;
	}
}

/* 検索結果 */
@media screen and (max-width: 767px){
	#fs_ProductSearch .fs-c-productList__controller{
		position: relative;
		padding-top: 50px;
	}
	#fs_ProductSearch .fs-c-sortItems{
		bottom: unset;
		top: 0;
	}
}

/* ----------------------商品一覧---------------------- */
.fs-c-productList__list{
	display: grid;
	width: var(--inner-w);
	max-width: var(--pc-maw);
	margin-inline: auto;
}
.fs-c-productListItem form{
	display: flex;
	flex-direction: column;
	height: 100%;
}
@media screen and (min-width: 768px){
	.fs-c-productList__list{
		grid-template-columns: repeat(auto-fill, minmax(178px, 1fr));
		gap: var(--spc-50) var(--spc-20);
	}
}
@media screen and (max-width: 767px){
	.fs-c-productList__list{
		grid-template-columns: repeat(2, 1fr);
		gap: 30px 15px;
	}
}
/* ----------------------カートパーツ(お気に入り）---------------------- */
.fs-c-productListItem__control{
	margin-top: 0 !important;
}
/* 再入荷お知らせ */
.fs-c-button--subscribeToArrivalNotice--list{
	display: none;
}
/* お気に入り */
.fs-c-productListItem__control .fs-c-button--particular{
	-webkit-appearance: none;
	border: none;
	background-color: var(--c-white);
	border: 1px solid var(--bd-c-gray);
	border-radius: 50%;
	aspect-ratio: 1/1;
	width: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 6px;
	right: 6px;
	z-index: 2;
}
.fs-c-productListItem__control .fs-c-button--particular::before{
	content: "";
	display: inline-block;
	--this-icon: var(--data-icon-product-wished);
	--this-mask: var(--this-icon) no-repeat center center / 100%;
	mask: var(--this-mask);
	-webkit-mask: var(--this-mask);
	background-color: var(--c-gray-200);
	aspect-ratio: 1/1;
	width: 50%;
}
.fs-c-productListItem__control .fs-c-button--removeFromWishList--icon::before{
  background-color: var(--theme-c-sub);
}
.fs-c-productListItem__control .fs-c-button--particular .fs-c-button__label{
	font-size: 0;
}
.fs-c-productListItem:not(:has(.fs-c-productListItem__image)) .fs-c-productListItem__control{
	display: none;
}
/* 詳細を見る */
.fs-c-productListItem__control .fs-c-button--viewProductDetail{
	display: none !important;
}
/* カートに入れる */
.fs-c-productListItem__control .fs-c-button--addToCart--list{
	display: none;
}
/* ----------------------他の画像を見る---------------------- */
.fs-c-productListItem__viewMoreImageButton{
	display: none;
}
/* ----------------------サムネ---------------------- */
:root{
	--product-image-border-radius: 0px;
}
.fs-c-productListItem__imageContainer{
	position: relative;
}
.fs-c-productListItem__image{
	--this-border-radius: var(--product-image-border-radius);
}
.fs-c-productListItem__image a{
	display: flex !important;
	align-items: center;
	overflow: hidden;
	border-radius: var(--this-border-radius);
}
.fs-c-productListItem__image__image{
	width: 100%;
	box-sizing: unset;
	line-height: 1rem;
	display: block;
	object-fit: cover;
}
@media (hover: hover){
	/* .fs-c-productListItem__image a:hover{
		opacity: 1;
	}
	.fs-c-productListItem__image__image{
		transition: .3s;
	}
	.fs-c-productListItem__image a:hover .fs-c-productListItem__image__image{
		transform: scale(1.1);
		opacity: 1 !important;
	} */
}
/* ----------------------商品マーク---------------------- */
@media screen and (min-width: 768px){
	.fs-c-productListItem .fs-c-productMarks{
		margin-top: 10px;
	}
}
@media screen and (max-width: 767px){
	.fs-c-productListItem .fs-c-productMarks{
		margin-top: 10px;
	}
}
/* メッセージ類 */
.fs-c-productListItem__preorderMessage,
.fs-c-productListItem__salesPeriodNotice{
	border: 1px solid var(--txt-c-base);
	font-size: clamp( 9px, 1vw, 11px);
	text-align: center;
	padding-block: 2px;
	margin-top: 5px;
	letter-spacing: 0.08em;
}
.fs-c-productListItem__salesPeriod{
	border: 1px solid var(--txt-c-base);
}
.fs-c-productListItem__salesPeriod{
	margin-top: 5px;
}
.fs-c-productListItem .fs-c-salesPeriod__date{
	font-size: clamp( 9px, 1vw, 11px);
}
.fs-c-productListItem .fs-c-salesPeriod__date dt{
	text-align: center;
	background-color: var(--bg-c-gray);
	padding-block: 2px;
}
.fs-c-productListItem .fs-c-salesPeriod__date dd{
	display: flex;
	justify-content: center;
	gap: 3px;
	padding-block: 2px;
}
.fs-c-productListItem .fs-c-salesPeriod__date dd *{
	width: fit-content;
	letter-spacing: 0;
	text-align: center;
}
/* 在庫切れ */
.fs-c-productListItem__outOfStock{
	background-color: var(--c-black-op50);
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--c-white);
	border-radius: var(--product-image-border-radius);
	position: absolute;
	width: 100%;
	height: 30px;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

/* ----------------------商品名---------------------- */
.fs-c-productListItem__productName .fs-c-productName__name{
	display: block;
	font-weight: 400;
	font-family: var(--ff-base);
}
@media screen and (min-width: 768px){
	.fs-c-productListItem__productName{
		margin-top: 5px;
	}
	.fs-c-productListItem__productName .fs-c-productName__name{
		font-size: var(--fz-sm);
		line-height: 1.6;
	}
}
@media screen and (max-width: 767px){
	.fs-c-productListItem__productName{
		margin-top: 5px;
	}
	.fs-c-productListItem__productName .fs-c-productName__name{
		font-size: 12px;
		line-height: 1.5;
	}
}
/* ----------------------商品価格---------------------- */
.fs-c-productListItem .fs-c-productPrices{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	flex: 1;
	margin-top: 10px;
}
.fs-c-productListItem .fs-c-productPrices *{
	line-height: 1;
}
.fs-c-productListItem .fs-c-productPrice{
	display: flex;
	align-items: baseline;
	justify-content: flex-end;
}
.fs-c-productListItem .fs-c-price{
  display: flex;
}
.fs-c-productListItem .fs-c-price__value{
  letter-spacing: 0.02em;
}
.fs-c-productListItem .fs-c-productPrice__main{
	display: flex;
	align-items: baseline;
	justify-content: flex-end;
}
.fs-c-productListItem .fs-c-productPrice__main__label{
	display: none;
}
.fs-c-productListItem :is(
  .fs-c-productPrice__addon,
  .fs-c-productPrice__main__addon
){
  display: flex;
  align-items: baseline;
}
.fs-c-productListItem .fs-c-productPrice__addon::before{
	content: "(";
}
.fs-c-productListItem .fs-c-productPrice__addon::after{
	content: ")";
}
.fs-c-productListItem .fs-c-productPrice__main__addon::before{
	content: "(";
}
.fs-c-productListItem .fs-c-productPrice__main__addon::after{
	content: ")";
}
@media screen and (min-width: 768px){
  .fs-c-productListItem .fs-c-productPrices{
		gap: 10px;
  }
	.fs-c-productListItem .fs-c-productPrice{
		gap: 1px;
	}
	.fs-c-productListItem .fs-c-productPrice__main{
		gap: 3px;
	}
	.fs-c-productListItem .fs-c-productPrice__main__price{
		gap: 1px;
	}
  .fs-c-productListItem .fs-c-price__currencyMark{
    font-size: 12px;
  }
	.fs-c-productListItem :is(
		.fs-c-productPrice__addon,
		.fs-c-productPrice__main__addon
	){
			font-size: 11px;
		}
	.fs-c-productListItem .fs-c-price__value{
		font-size: 16px;
	}
}
@media screen and (max-width: 767px){
  .fs-c-productListItem .fs-c-productPrices{
		gap: 10px;
  }
	.fs-c-productListItem .fs-c-productPrice{
		gap: 1px;
	}
	.fs-c-productListItem .fs-c-productPrice__main{
		gap: 3px;
	}
	.fs-c-productListItem .fs-c-productPrice__main__price{
		gap: 1px;
	}
  .fs-c-productListItem .fs-c-price__currencyMark{
    font-size: 11px;
  }
	.fs-c-productListItem :is(
		.fs-c-productPrice__addon,
		.fs-c-productPrice__main__addon
	){
			font-size: 10px;
		}
	.fs-c-productListItem .fs-c-price__value{
		font-size: 14px;
		font-weight: 400;
	}
}
/* 通常価格 - fs-c-productPrice--listed */

/* 販売価格 - fs-c-productPrice--selling */

/* 定期 - fs-c-subscriptionPriceTable */
.fs-c-subscriptionPriceTable *{
  line-height: 1;
}
.fs-c-subscriptionPriceTable__row{
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.fs-c-subscriptionPriceTable__label{
  display: none;
}

/* 2重価格ある時装飾 */
.fs-c-productListItem .fs-c-productPrices:has(.fs-c-productPrice:nth-child(2)) .fs-c-productPrice:first-child{
	position: relative;
  width: fit-content;
}
.fs-c-productListItem .fs-c-productPrices:has(.fs-c-productPrice:nth-child(2)) .fs-c-productPrice:first-child::before{
	content: "";
	display: inline-block;
	background: var(--txt-c-base);
	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}
.fs-c-productListItem .fs-c-productPrices:has(.fs-c-productPrice:nth-child(2)) .fs-c-productPrice:first-child+.fs-c-productPrice:last-child *{
	color: var(--txt-c-emphasis);
}
.fs-c-productListItem .fs-c-productPrices:has(.fs-c-productPrice:nth-child(2)) .fs-c-productPrice__main__label{
	display: block;
	letter-spacing: 0;
}
@media screen and (min-width: 768px){
  .fs-c-productListItem .fs-c-productPrices:has(.fs-c-productPrice:nth-child(2)) .fs-c-productPrice:first-child .fs-c-price__value{
    font-size: 15px;
  }
  .fs-c-productListItem .fs-c-productPrices:has(.fs-c-productPrice:nth-child(2)) .fs-c-productPrice:first-child .fs-c-price__currencyMark::after{
    font-size: 12px;
  }
	.fs-c-productListItem .fs-c-productPrices:has(.fs-c-productPrice:nth-child(2)) .fs-c-productPrice:first-child :is(
    .fs-c-productPrice__addon,
    .fs-c-productPrice__main__addon
  ){
		font-size: 11px;
	}
	.fs-c-productListItem .fs-c-productPrices:has(.fs-c-productPrice:nth-child(2)) .fs-c-productPrice__main__label{
		font-size: 12px;
	}
}
@media screen and (max-width: 767px){
  .fs-c-productListItem .fs-c-productPrices:has(.fs-c-productPrice:nth-child(2)) .fs-c-productPrice:first-child .fs-c-price__value{
    font-size: 12px;
  }
	.fs-c-productListItem .fs-c-productPrices:has(.fs-c-productPrice:nth-child(2)) .fs-c-productPrice__main__label{
		font-size: 10px;
	}
	.fs-c-productListItem .fs-c-productPrices:has(.fs-c-productPrice:nth-child(2)) .fs-c-productPrice:first-child :is(
    .fs-c-productPrice__addon,
    .fs-c-productPrice__main__addon
  ){
		font-size: 10px;
	}
	.fs-c-productListItem .fs-c-productPrices:has(.fs-c-productPrice:nth-child(2)) .fs-c-productPrice__main__label{
		font-size: 9px;
		display: none;
	}
}

/* 内部CSS打ち消し */
.fs-c-productListItem .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price{
	color: var(--txt-c-base);
}

/* ----------------------商品一言説明---------------------- */
.fs-c-productListItem__productDescription{
	display: none;
}

/* ----------------------レビュー表示---------------------- */
.product-review-link-get:has(.ratingcount-0){
	display: none;
}
.fs-c-productListItem .productRating{
	margin-top: 5px;
	display: flex;
	align-items: flex-end;
	align-items: center;
	flex-wrap: wrap;
}

.fs-c-productListItem .fs-c-rating{
	display: flex;
	align-items: center;
}
.fs-c-productListItem .fs-c-rating__value{
	margin-left: 5px;
}
@media screen and (min-width: 768px){
	.fs-c-productListItem .fs-c-reviewStars::before{
		font-size: 17px;
	}
	.fs-c-productListItem .fs-c-rating__value{
		font-size: 14px;
	}
	.fs-c-productListItem .review-amout{
		font-size: 12px;
	}
}
@media screen and (max-width: 767px){
	.fs-c-productListItem .fs-c-reviewStars::before{
		font-size: 10px;
	}
	.fs-c-productListItem .fs-c-rating__value{
		font-size: 11px;
	}
	.fs-c-productListItem .fs-c-reviewStars{
		font-size: 10px;
	}
	.fs-c-productListItem .review-amout{
		font-size: 9px;
	}
}


/* ----------------------任意商品パーツカスタム---------------------- */
.g-fsProductList{
	overflow: hidden;
}
.g-fsProductList:empty{
	padding-top: 0;
}
.g-fsProductList .fs-c-productListCarousel__ctrl{
	display: none;
}
.g-fsProductList .fs-c-productListCarousel__list{
	overflow: visible;
}
[class*="g-fsProductList__arrow"].slick-disabled{
	display: none !important;
	filter: grayscale(80%);
}
[class*="g-fsProductList__arrow"].slick-disabled:hover{
	background-color: var(--c-black);;
	cursor: not-allowed;
}
[class*="g-fsProductList__arrow"].slick-disabled:hover:before{
	background-color: var(--c-black);
}
.g-fsProductList .slick-track{
	display: flex;
}
.g-fsProductList .slick-slide{
	height: auto !important;
}
.g-fsProductList .slick-slide > div{
	height: 100%;
}
.g-fsProductList .fs-c-productListItem{
	height: 100%;
	display: flex !important;
	flex-direction: column;
}
.g-fsProductList .fs-c-productListItem__imageContainer{
	order: 1;
}
.g-fsProductList .fs-c-productListItem__productName{
	order: 3;
}
.g-fsProductList .fs-c-productMarks{
	order: 2;
}
.g-fsProductList .fs-c-productListItem__prices{
	order: 4;
}
@media screen and (min-width: 1301px){
	.g-fsProductList__arrow--prev{
		left: 0;
		transform: translateX(-100%) rotate(180deg);
	}
	.g-fsProductList__arrow--next{
		right: 0;
		transform: translateX(100%);
	}
}
@media screen and (min-width: 1301px){
	.g-fsProductList .fs-c-productListCarousel__list{
		width: var(--inner-w);
		max-width: var(--pc-maw);
		margin-inline: auto;
	}
}
@media screen and (min-width: 768px) and (max-width: 1300px){
	.g-fsProductList .fs-c-productListCarousel__list{
		width: calc(var(--inner-w) - 60px);
		margin-inline: auto;
	}
}
@media screen and (min-width: 768px){
	.g-fsProductList{
		--slick-gap: var(--spc-10);
	}
	.g-fsProductList .slick-slide{
		margin-inline: var(--slick-gap);
	}
	[class*="g-fsProductList__arrow"]{
		top: 35%;
	}
	.g-fsProductList .fs-c-productListCarousel{
		display: contents !important;
	}
}
@media screen and (max-width: 767px){
	.g-fsProductList :is(
	.fs-c-productListCarousel,
	.fs-c-productListCarousel__list,
	.fs-c-wishlistProduct .fs-c-productListCarousel__list
	){
		display: contents !important;
	}
	.g-fsProductList .fs-c-productListCarousel__list__itemTrack{
		display: flex;
		padding-left: var(--sp-scroll-padding-left) !important;
		overflow-x: scroll;
		overflow-y: hidden;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	.g-fsProductList .fs-c-productListCarousel__list__itemTrack::-webkit-scrollbar{
		display: none;
	}
	.g-fsProductList .fs-c-productListCarousel__list__item{
		flex: 0 0 auto;
		--this-width: 100px;
		min-width: var(--this-width);
		max-width: var(--this-width);
		margin-right: 10px;
	}
}
/* ランキング */
.g-fsProductList--ranking .slick-track{
	counter-reset: original-counter;
}
.g-fsProductList--ranking .slick-slide{
	position: relative;
}
.g-fsProductList--ranking .slick-slide::before{
	content: ''counter(original-counter);
	counter-increment: original-counter;
	font-weight: 700;
	color: var(--c-white);
	aspect-ratio: 36/47;
	background-color: var(--c-black);
	clip-path: polygon(0% 0%, 100% 0, 100% 100%, 50% 83%, 0% 100%);
	position: absolute;
	top: 0;
	display: flex;
	justify-content: center;
	text-align: center;
	z-index: 2;
}
@media screen and (min-width: 768px){
	.g-fsProductList--ranking .slick-slide::before{
		width: 36px;
		font-size: 24px;
		left: 12px;
	}
}
@media screen and (max-width: 767px){
	.g-fsProductList--ranking .slick-slide::before{
		width: 24px;
		font-size: 13px;
		left: 8px;
		padding-top: 3px;
	}
}

.g-fsProductList .fs-c-productStock{
	display: none;
}


/* -----------------コメント用スタイル----------------- */
.fs-c-breadcrumb{
	position: relative;
	z-index: 2;
}
@media screen and (max-width: 767px){
	nav.fs-c-breadcrumb{
		margin-bottom: 20px;
	}
}
.c-upperComment{
	display: none;
}
@media screen and (min-width: 768px){
	.c-upperComment{
		--sec-spc: 80px;
	}
}
/* c-fv */
.c-fv{
	position: relative;
	z-index: 1;
}
.c-fv span{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-family: var(--ff-en);
	letter-spacing: 0.1em;
	z-index: 2;
}
.c-fv--txtWhite span{
	color: var(--c-white);
}
@media screen and (min-width: 768px){
	.c-fv{
		margin-block: -50.5px 50px;
	}
	.c-fv span{
		font-size: var(--fz-38);
	}
	.c-fv--txtleft span{
		left: 20%;
	}
	.c-fv--txtRight span{
		right: 20%;
	}
}
@media screen and (max-width: 767px){
	.c-fv{
		margin-bottom: 20px;
	}
	.c-fv span{
		font-size: 18px;
	}
	.c-fv--txtleft span{
		left: 10%;
	}
	.c-fv--txtRight span{
		right: 10%;
	}
}

/* c-txt */
@media screen and (min-width: 768px){
	.c-txt p{
		font-size: 14px;
	}
}
@media screen and (max-width: 767px){
	.c-txt p{
		font-size: 13px;
	}
}

/* c-SearchByFeatures */
.c-SearchByFeatures{
	display: grid;
}
.c-SearchByFeatures li{
	display: flex;
	flex-direction: column;
}
.c-SearchByFeatures li a::before{
	content: "";
	display: inline-block;
	aspect-ratio: 1/1;
	border-radius: 50%;
	width: 100%;
}
.c-SearchByFeatures li a[style*="--this-icon"]::before{
	background: var(--c-white) var(--this-icon) no-repeat center center / 50%;
}
.c-SearchByFeatures li a[style*="--this-image"]::before{
	background: var(--this-image) no-repeat center center / cover;
}
.c-SearchByFeatures li a span{
	display: block;
	text-align: center;
	line-height: 1.5;
}
@media (hover: hover){
	.c-SearchByFeatures li a[style*="--this-icon"]:hover{
		opacity: 1;
	}
	.c-SearchByFeatures li a[style*="--this-icon"]::before{
		transition: .3s;
	}
	.c-SearchByFeatures li a[style*="--this-icon"]:hover::before{
		background-size: 60%;
	}
}
@media screen and (min-width: 768px){
	.c-SearchByFeatures{
		grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
		gap: var(--spc-35);
		margin-bottom: var(--spc-60);
	}
	.c-SearchByFeatures li a span{
		font-size: 14px;
	}
}
@media screen and (max-width: 767px){
	.c-SearchByFeatures{
		grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
		gap: 20px;
		margin-bottom: 30px;
	}
	.c-SearchByFeatures li a span{
		font-size: 11px;
		letter-spacing: 0;
	}
}

@media screen and (min-width: 768px){
	.c-lead p{
		line-height: 2;
	}
	.c-lead--center p{
		text-align: center;
	}
	.c-lead+*{
		margin-top: var(--spc-30);
	}
	.c-mv+.c-lead{
		margin-top: var(--spc-30);
	}
	.c-mv+.c-lead p{
		font-size: var(--fz-18);
	}
	.c-lead .g-heading__ja{
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 767px){
	.c-lead+*{
		margin-top: 20px;
	}
	.c-mv+.c-lead{
		margin-top: 20px;
	}
	.c-lead p{
		font-size: 14px;
	}
	.c-lead .g-heading__ja{
		font-weight: 700;
		margin-bottom: 10px;
	}
}

/* c-txtBnrLink */
.c-txtBnrLink__item{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--this-bgimg) no-repeat center/cover;
  position: relative;
  z-index: 0;
}
.c-txtBnrLink__item[href="/my/top"]{
	--this-bgimg: url(/asset2026/images/common/bn_mypage.jpg);
}
.c-txtBnrLink__item[href="/f/history"]{
	--this-bgimg: url(/asset2026/images/common/bn_history.jpg);
}
.c-txtBnrLink__item[href*="/f/search"]{
	--this-bgimg: url(/asset2026/images/common/bn_search.jpg);
}
.c-txtBnrLink__item::after{
  content: "";
  display: inline-block;
  background-color: var(--c-black-op50);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.c-txtBnrLink__item span{
  display: block;
  color: var(--c-white);
  position: relative;
  z-index: 2;
}
.c-txtBnrLink__item span[lang="en"]{
  font-family: var(--ff-en);
	position: relative;
}
.c-txtBnrLink__item span[lang="en"]::after{
	content: "";
	display: inline-block;
	background-color: var(--c-white);
	width: 30px;
	height: 1px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
@media (hover: hover){
  .c-txtBnrLink__item:hover{
    opacity: 1;
  }
  .c-txtBnrLink__item::after{
    transition: background-color .3s ease;
  }
  .c-txtBnrLink__item:hover::after{
    background-color: var(--c-black-op30);
  }
}
@media screen and (min-width: 768px){
	.c-txtBnrLink--col1{
		max-width: 600px;
		margin-inline: auto;
	}
	.c-txtBnrLink--col1 .c-txtBnrLink__item{
		height: 200px;
	}
	.c-txtBnrLink--col2{
		display: grid;
		grid-template-columns: repeat(2,1fr);
		gap: var(--spc-20);
	}
	.c-txtBnrLink--col2 .c-txtBnrLink__item{
		height: 250px;
	}
	.c-txtBnrLink--col3{
		display: grid;
		grid-template-columns: repeat(3,1fr);
		gap: var(--spc-20);
	}
  .c-txtBnrLink--col3 .c-txtBnrLink__item{
    height: 130px;
  }
  .c-txtBnrLink__item span{
    font-size: var(--fz-18);
  }
  .c-txtBnrLink__item span[lang="en"]{
    font-size: var(--fz-25);
    line-height: 1.3;
		margin-bottom: 10px;
  }
	.c-txtBnrLink__item span[lang="en"]::after{
		bottom: -5px;
	}
	.c-txtBnrLink__txt{
		margin-top: 5px;
		font-size: 12px;
	}
}
@media screen and (max-width: 767px){
	.c-txtBnrLink--col1{
		width: var(--inner-w);
		margin-inline: auto;
	}
  .c-txtBnrLink{
    display: grid;
    gap: 15px;
  }
	.c-txtBnrLink--col1 .c-txtBnrLink__item{
		height: 150px;
	}
	.c-txtBnrLink--col2 .c-txtBnrLink__item{
		height: 200px;
	}
  .c-txtBnrLink--col3 .c-txtBnrLink__item{
    height: 113px;
  }
  .c-txtBnrLink__item span{
    font-size: 14px;
  }
  .c-txtBnrLink__item span[lang="en"]{
    font-size: 25px;
		margin-bottom: 10px;
  }
	.c-txtBnrLink__item span[lang="en"]::after{
		bottom: -3px;
	}
	.c-txtBnrLink__txt{
		margin-top: 3px;
		font-size: 11px;
	}
}

/* c-productList */
.c-productList{
	display: grid;
	width: var(--inner-w);
	margin-inline: auto;
	max-width: var(--pc-maw-md);
}
.c-productList br{
	display: none;
}
.c-productList a img:first-child{
	height: auto;
	width: 100%;
	box-sizing: unset;
	line-height: 1rem;
	display: block;
}
.c-productList a img[src*="icon"]{
	margin: 0 5px 5px 0;
}
.c-productList a img[src*="icon"]+br{
	display: block;
}
.c-productList p a{
	display: block;
}
@media screen and (min-width: 768px){
	.c-productList{
		grid-template-columns: repeat(6,1fr);
		gap: var(--spc-50) var(--spc-20);
	}
	.c-productList a img:first-child{
		margin-bottom: 10px;
	}
	.c-productList p a{
		margin-bottom: 5px;
		font-size: var(--fz-14);
	}
	.c-productList p{
		font-size: var(--fz-11);
	}
	.c-productList p span{
		font-size: var(--fz-16);
	}
}
@media screen and (max-width: 767px){
	.c-productList{
		grid-template-columns: repeat(3,1fr);
		gap: 20px 10px;
	}
	.c-productList a img:first-child{
		margin-bottom: 5px;
	}
	.c-productList p a{
		margin-bottom: 3px;
		font-size: 10px;
	}
	.c-productList p{
		font-size: 8px;
	}
	.c-productList p span{
		font-size: 12px;
		letter-spacing: 0;
	}
}


/* c-chooseList */
.c-chooseList{
	--grid-cols-pc: 5;
	--grid-gap-pc: var(--spc-50) var(--spc-20);
	--grid-cols-sp: 3;
	--grid-gap-sp: 20px 10px;
}
.c-chooseItem__image--icon a{
	display: block;
	background-color: var(--c-gray-250);
}
.c-chooseItem__image--icon span{
	display: block;
	aspect-ratio: 1;
	--this-mask: var(--this-icon) no-repeat center center / 75%;
	mask: var(--this-mask);
	-webkit-mask: var(--this-mask);
	background-color: var(--c-white);
}
.c-chooseItem{
	display: flex;
	flex-direction: column;
}
.c-chooseItem__name{
	font-weight: 500;
}
.c-chooseItem__summary{
	letter-spacing: 0.05em;
}
.c-chooseItem__link{
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	--this-gap: clamp( 5px, 0.7vw, 10px);
	gap: var(--this-gap);
}
.c-chooseItem__link a{
	display: block;
	width: 100%;
	text-align: center;
	color: var(--c-white);
	text-decoration: unset;
}
.c-chooseItem__link:has(a:nth-child(2)) a{
	width: calc((100% - var(--this-gap)) / 2);
}
.c-chooseItem__link__all{
	background-color: var(--c-black);
}
.c-chooseItem__link__detail{
	background-color: var(--theme-c-sub);
}
@media (hover: hover){
	.c-chooseItem__link a:hover{
		color: var(--c-white);
	}
}
@media screen and (min-width: 768px){
	.c-chooseItem__image{
		margin-bottom: 10px;
	}
	.c-chooseItem__name{
		font-size: var(--fz-16);
		margin-bottom: 5px;
	}
	.c-chooseItem__summary{
		font-size: var(--fz-14);
		margin-bottom: 10px;
	}
	.c-chooseItem__link a{
		font-size: var(--fz-12);
		padding-block: 7px 8px;
	}
}
@media screen and (max-width: 767px){
	.c-chooseItem__image{
		margin-bottom: 5px;
	}
	.c-chooseItem__name{
		font-size: 12px;
		margin-bottom: 3px;
	}
	.c-chooseItem__summary{
		font-size: 10px;
		margin-bottom: 5px;
	}
	.c-chooseItem__link a{
		font-size: 9px;
		padding-block: 5px 6px;
	}
}
/* g-recommendedPoint */
@media screen and (min-width: 768px){
	.g-mgb+.g-recommendedPoint{
		margin-top: calc(var(--spc-60) + var(--sec-spc));
	}
}
@media screen and (max-width: 767px){
	.g-mgb+.g-recommendedPoint{
		margin-top: calc(40px + var(--sec-spc));
	}
}

/* c-relatedLinks */
.c-relatedLinks{
	display: grid;
	background-color: var(--c-white);
	padding: var(--spc-20) var(--spc-30);
}
.c-relatedLinks li a{
	display: flex;
	align-items: center;
	gap: 10px;
	position: relative;
	text-decoration: unset;
}
.c-relatedLinks li:not(:last-child){
	padding-bottom: 10px;
	border-bottom: 1px dashed var(--bd-c-gray);
	margin-bottom: 10px;
}
.c-relatedLinks li a::before{
	content: "";
	display: inline-block;
	--this-mask: var(--data-icon-user-info) no-repeat center center / 100%;
	mask: var(--this-mask);
	-webkit-mask: var(--this-mask);
	background-color: var(--c-black);
	aspect-ratio: 1/1;
	width: 20px;
}
.c-relatedLinks--longText li:has(br) a{
	margin-top: 20px;
}
/* c-showRoom */
.c-showRoom__list{
	display: grid;
}
.c-showRoom__note{
	margin-top: 10px;
	text-align: center;
	font-size: 12px;
}
@media screen and (min-width: 768px){
	.c-showRoom__list{
		display: grid;
		grid-template-columns: repeat(3,1fr);
		gap: 20px;
	}
	.c-showRoom__list li:first-child{
		grid-column: span 3;
	}
}
@media screen and (max-width: 767px){
	.c-showRoom__list{
		display: grid;
		gap: 10px;
	}
}


/* c-adsearch */
#search-item :where(
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	input[type="text"],
	input[type="image"],
	select
){
	background-color: unset;
	color: var(--txt-c-base);
	-webkit-appearance: none;
	border-radius: 0;
	border: none;
}
#search-item :where(
	input[type="text"],
	input[type="text"]::placeholder
){
	font-family: var(--ff-base);
}
#search-item :where(input[type="text"]){
	color: var(--txt-c-base);
}
#search-item :where(input[type="text"]::placeholder){
	color: var(--txt-c-addon);
}
@media (hover: hover){
	#search-item button:hover,
	#search-item input[type="button"]:hover,
	#search-item input[type="submit"]:hover,
	#search-item input[type="reset"]:hover,
	#search-item input[type="image"]:hover,
	#search-item select:hover{
		cursor: pointer;
	}
}
#search-item{
	margin-bottom: var(--sec-spc);
}
#search-item .sbk-title{
	text-align: center;
	display: flex;
	flex-direction: column;
}
#search-item .sbk-title::before{
	content: 'SEARCH';
	display: block;
	font-family: var(--ff-en);
	letter-spacing: 0.03em;
}
#search-item form{
	width: var(--inner-w);
	max-width: var(--pc-maw-sm);
	margin-inline: auto;
	background-color: var(--c-white);
}
.g-inner--s #search-item form{
	width: 100%;
}
#search-item form > br{
	display: none;
}
#search-item table{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}
#search-item .sbk-flexbox{
	display: grid;
}
#search-item th:has(select){
	background-color: var(--c-gray-100);
	position: relative;
}
#search-item th:has(select)::after{
	content: "";
	display: inline-block;
	--this-mask: var(--data-icon-search-select) no-repeat center center / 100%;
	mask: var(--this-mask);
	-webkit-mask: var(--this-mask);
	background-color: var(--c-black);
	aspect-ratio: 1 / 1;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}
#search-item select{
	position: relative;
	z-index: 2;
}
#search-item input[type="text"]{
	background-color: var(--c-gray-100);
	border: none;
}
#search-item .kensaku{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin-top: var(--spc-30);
}
#search-item .kensaku input{
	display: block;
	width: 120px;
	border: 1px solid var(--c-black);
	padding-block: 5px;
	border-radius: 3px;
}
#search-item .kensaku input[type="submit"]{
	background-color: var(--c-black);
	color: var(--c-white);
}
@media screen and (min-width: 768px){
	#search-item .sbk-title{
		font-size: var(--fz-20);
		margin-bottom: var(--spc-30);
	}
	#search-item .sbk-title::before{
		font-size: var(--fz-38);
		line-height: 1.3;
	}
	#search-item form{
		padding: var(--spc-40);
	}
	#search-item table+table{
		margin-top: var(--spc-15);
	}
	#search-item .sbk-flexbox{
		grid-template-columns: repeat(4,1fr);
		gap: var(--spc-20);
	}
	#search-item th:has(select)::after{
		width: 13px;
		right: 10px;
	}
}
@media screen and (max-width: 767px){
	#search-item .sbk-title{
		font-size: 15px;
		margin-bottom: 20px;
	}
	#search-item .sbk-title::before{
		font-size: 26px;
	}
	#search-item form{
		padding: 20px;
	}
	#search-item table+table{
		margin-top: 5px;
	}
	#search-item .sbk-flexbox{
		grid-template-columns: repeat(2,1fr);
		gap: 5px;
	}
	#search-item select{
		font-size: 12px;
	}
	#search-item th:has(select)::after{
		width: 10px;
		right: 5px;
	}
}
#search-item .sbk-topkotei{
	display: none;
}


/* s-adsearch__icon */
.c-collarList li a{
	display: flex;
	flex-direction: column;
	position: relative;
}
.c-collarList li a::before,
.c-collarList li a::after{
	content: "";
	display: inline-block;
	aspect-ratio: 1/1;
}
.c-collarList li a::before{
	--this-mask: var(--this-icon) no-repeat center center / 70%;
	mask: var(--this-mask);
	-webkit-mask: var(--this-mask);
	background-color: var(--c-white);
	position: relative;
	z-index: 2;
}
.c-collarList li a::after{
	background: var(--c-gray-250);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}
.c-collarList li.is-current a{
	color: var(--theme-c-sub);
}
.c-collarList li.is-current a::after{
	background-color: var(--theme-c-sub);
}
.c-collarList span{
	display: block;
	text-align: center;
	line-height: 1.5;
}
@media (hover: hover){
	.c-collarList li a:hover{
		opacity: 1;
	}
	.c-collarList li a::after{
		transition: .3s;
	}
	.c-collarList li a:hover::after{
		background-color: var(--c-black);
	}
}
@media screen and (min-width: 768px){
	.c-collarList{
		--this-item-size: 93px;
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(var(--this-item-size),1fr));
		gap: 13px 10px;
	}
	.c-collarList span{
		font-size: var(--fz-12);
		letter-spacing: 0;
		margin-top: 5px;
	}
}
@media screen and (max-width: 767px){
	.c-collarList{
		--this-item-size: 70px;
		gap: 10px 5px;
		display: flex;
		overflow-x: scroll;
		overflow-y: hidden;
		padding-left: var(--sp-scroll-padding-left);
		-ms-overflow-style: none;
		scrollbar-width: none;
		width: 100%;
		margin-bottom: 30px;
	}
	.c-collarList::-webkit-scrollbar{
		display: none;
	}
	.c-collarList li{
		flex: 0 0 auto;
		width: var(--this-item-size);
	}
	.c-collarList span{
		font-size: 9px;
		margin-top: 3px;
		letter-spacing: 0;
	}
}


/* -----------------c-chooseType----------------- */
.c-chooseType:not(:last-child){
	margin-bottom: var(--sec-spc);
}
.c-chooseTypeList{
	display: grid;
}
.c-chooseTypeTtem{
	display: flex;
	flex-direction: column;
	position: relative;
	overflow: hidden;
}
.c-chooseTypeTtem .g-btn a::before{
	content: "";
	display: inline-block;
	width: 100vw;
	height: 100vw;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.c-chooseTypeTtem__img--col2{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	position: relative;
	gap: var(--this-gap);
}
.c-chooseTypeTtem__img--col2::after{
	content: "";
	display: inline-block;
	background-color: var(--c-gray-250);
	width: calc((100% - var(--this-gap)) / 2);
	aspect-ratio: 1;
	position: absolute;
	top: 0;
	left: 0;
}
.c-chooseTypeTtem__icon{
	--this-mask: var(--this-icon) no-repeat center center / 70%;
	mask: var(--this-mask);
	-webkit-mask: var(--this-mask);
	background-color: var(--c-white);
	aspect-ratio: 1/1;
	position: relative;
	z-index: 2;
}
.c-chooseTypeTtem__icon{
	aspect-ratio: 1/1;
	position: relative;
	z-index: 2;
}
.c-chooseTypeTtem__icon::before{
	--this-mask: var(--this-icon) no-repeat center center / 70%;
	mask: var(--this-mask);
	-webkit-mask: var(--this-mask);
	background-color: var(--c-white) !important;
	aspect-ratio: 1/1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
}
.c-chooseTypeTtem__name{
	font-weight: 500;
}
.c-chooseTypeTtem .g-btnContainer{
	flex: 1;
	align-items: flex-end;
}
.c-chooseTypeTtem .g-btn--secondary{
	display: none;
}
.c-chooseTypeTtem .g-btn > a:visited{
	color: var(--c-white);
}
.c-chooseTypeTtem .g-btn .g-btn__label{
	color: var(--c-white);
}
@media (hover: hover){
	.c-chooseTypeTtem .g-btn--arrow > a:hover::after{
		right: 1px;
	}
}
@media screen and (min-width: 768px){
	.c-chooseTypeList{
		grid-template-columns: repeat(3,1fr);
		gap: var(--spc-80) var(--spc-20);
	}
	.c-chooseTypeTtem__img--col2{
		--this-gap: 10px;
	}
	.c-chooseTypeTtem__name{
		font-size: var(--fz-16);
		margin-top: 10px;
	}
	.c-chooseTypeTtem__detail{
		font-size: var(--fz-14);
	}
	.c-chooseTypeTtem .g-btnContainer--horizontal{
		gap: 10px;
	}
	.c-chooseTypeTtem .g-btnContainer{
		margin-top: var(--spc-20);
	}
	.c-chooseTypeTtem .g-btn{
		max-width: 200px;
	}
	.c-chooseTypeTtem .g-btn > a{
		min-height: 40px;
	}
	.c-chooseTypeTtem .g-btn .g-btn__label{
		font-size: 12px;
	}
	.c-chooseTypeTtem .g-btn--arrow > a::after{
		width: 5px;
		top: 39%;
		right: 5px;
	}
}
@media screen and (max-width: 767px){
	.c-chooseTypeList{
		grid-template-columns: repeat(2,1fr);
		gap: 30px 15px;
	}
	.c-chooseTypeTtem__img--col2{
		--this-gap: 5px;
	}
	.c-chooseTypeTtem__name{
		font-size: 12px;
		margin-top: 5px;
	}
	.c-chooseTypeTtem__detail{
		font-size: 10px;
	}
	.c-chooseTypeTtem .g-btnContainer{
		margin-top: 15px;
	}
	.c-chooseTypeTtem .g-btnContainer--horizontal{
		--this-gap: 5px;
	}
	.c-chooseTypeTtem .g-btn > a{
		min-height: 35px;
	}
	.c-chooseTypeTtem .g-btn .g-btn__label{
		font-size: 10px;
	}
	.c-chooseTypeTtem .g-btn--arrow > a::after{
		width: 4px;
		top: 41%;
		right: 5px;
	}
}



/* -----------------検索エンプティコンテンツ----------------- */
#c-searchNoResult{
	width: var(--inner-w);
	max-width: 600px;
	margin-inline: auto;
}
#c-searchNoResult form{
	position: relative;
}
#c-searchNoResult input[type="text"]{
	width: 100%;
	background-color: var(--c-white);
	border: none;
	border-radius: 8px;
}
#c-searchNoResult input[type="text"]::placeholder{
	color: var(--txt-c-addon);
}
#c-searchNoResult button[type="submit"]{
	content: '';
	--this-mask: var(--data-icon-user-search) no-repeat center center / var(--this-size, 100%);
	mask: var(--this-mask);
	-webkit-mask: var(--this-mask);
	background-color: var(--txt-c-base);
	aspect-ratio: 172 / 150;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.g-keyword{
	display: flex;
	flex-wrap: wrap;
}
.g-keyword a{
	background-color: var(--c-beige-300);
	color: var(--c-gray-500);
	border-radius: 16px;
}
.g-keyword a::before{
	content: "#";
}
@media screen and (min-width: 768px){
	#c-searchNoResult{
		margin-block: var(--spc-60) var(--spc-30);
		max-width: 650px;
		margin-inline: auto;
	}
	#c-searchNoResult input[type="text"]{
		height: 60px;
		padding-inline: 15px 50px;
	}
	#c-searchNoResult button[type="submit"]{
		width: 30px;
		right: 20px;
	}
	#c-searchNoResult form+.g-keyword{
		margin-top: var(--spc-30);
	}
	.g-keyword{
		gap: 15px var(--spc-20);
	}
	.g-keyword a{
		padding: 1px var(--spc-20) 2px;
		font-size: var(--fz-16);
	}
}
@media screen and (max-width: 767px){
	#c-searchNoResult{
		margin-block: 0 20px;
	}
	#c-searchNoResult input[type="text"]{
		height: 50px;
		padding-inline: 15px 50px;
	}
	#c-searchNoResult button[type="submit"]{
		width: 30px;
		right: 20px;
	}
	#c-searchNoResult form+.g-keyword{
		margin-top: var(--spc-30);
	}
	.g-keyword{
		gap: 10px;
	}
	.g-keyword a{
		padding: 3px 15px;
		font-size: 12px;
	}
}

/* -----------------調整用----------------- */
.hacobune-app-container{
  background: unset !important;
}
@media screen and (min-width: 768px){
	.simple-layout img{
		width: 100%;
	}
	.simple-layout img[src*="home_icon04.gif"]{
		width: auto;
	}
}
@media screen and (max-width: 767px){
	.simple-layout .f_l{
		width: 100% !important;
	}
	.simple-layout #Recommend2_base04{
		width: 100%;
	}
	.simple-layout [id*=_rcmdjp_display] ul{
		display: grid;
		grid-template-columns: repeat(3,1fr);
	}
	.simple-layout [id*=_rcmdjp_display] #Recommend2_base04 ul li{
		float: unset;
		width: auto;
	}
}
.simple-layout img[class="f_l"]{
	width: auto !important;
}
.old-contents div:has(> iframe[src*="youtube.com"]){
	max-width: 500px;
	margin-inline: auto;
	margin-bottom: 30px;
}
.viewExpand__body .old-contents .g-recommendedPoint{
	margin-top: var(--spc-100);
}
@media screen and (min-width: 768px){
	#cont01 #point2{
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 767px){
	#cont01 div p.img_l{
		float: unset !important;
	}
	#cont01 div p.last{
		margin-left: 0 !important;
	}
	[style="width:735px;"]{
		width: 100% !important;
	}

	.viewExpand__body .old-contents .pl_20{
		padding: 0;
	}
}

#fs_ProductCategory .g-history{
	padding-bottom: 0;
	margin-bottom: 0;
}
*+.g-youtube{
	margin-top: var(--spc-50);
}

@media screen and (min-width: 768px){
	.viewExpand.g-inner--s{
	  max-width: var(--pc-maw-ss);
	}
}



/* ============================================================
   gift.css – ギフトページ
   サイト共通テイスト準拠：ベージュ / 白 交互背景・ミニマル
   ============================================================ */

/* ==========================================================
   Container – インナー1段落とし (--pc-maw-sm = 1000px)
   ========================================================== */
.c-gift .waku735 {
  width: var(--inner-w);
  max-width: var(--pc-maw-sm);
  margin-inline: auto;
}

/* ==========================================================
   Banner (MV) ─ コーディネートブロック先頭
   ========================================================== */
.c-gift #valentine2012 > img:first-child {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto var(--spc-40);
}

/* ==========================================================
   Intro Text
   ========================================================== */
.c-gift #valentine2012 > div.mb_40 {
  margin: 0 auto var(--spc-40) !important;
  font-size: var(--fz-15);
  line-height: 1.8;
  letter-spacing: var(--ls-default);
  color: var(--txt-c-base);
}

/* ==========================================================
   Coordinate Section (.shadow)
   - 白ボックス廃止 → ベージュ / 白 の交互フルワイド背景
   - CSS Grid で h2 を最上段へ再配置
   ========================================================== */
.c-gift .shadow {
  display: grid;
  position: relative;
  padding-block: var(--spc-60);
}

/* --- フルワイド背景（疑似要素でビューポート幅へ拡張） --- */
.c-gift .shadow::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  z-index: -1;
}

/* 奇数子 = 白背景 */
.c-gift .shadow:nth-child(odd)::before {
  background-color: var(--c-white);
}
/* 偶数子 = ベージュ（body 背景そのまま） */

/* --- ユーティリティクラスのリセット --- */
.c-gift .shadow.mb_50 {
  margin-bottom: 0 !important;
}
.c-gift .shadow .f_l {
  float: none !important;
}
.c-gift .shadow .mr_15 {
  margin-right: 0 !important;
}
.c-gift .shadow .mr_10,
.c-gift .shadow .mt_30 {
  margin: 0 !important;
}
.c-gift .shadow .mb_20,
.c-gift .shadow .mb_40 {
  margin-bottom: 0 !important;
}

/* ----------------------------------------------------------
   h2 見出し（コーデセクション用）
   セリフ体・中央揃え・下線区切り
   ---------------------------------------------------------- */
.c-gift .shadow h2 {
  grid-row: 1;
  grid-column: 1 / -1;
  font-size: var(--fz-25);
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  letter-spacing: var(--ls-default);
  color: var(--txt-c-base);
  padding-bottom: var(--spc-25);
  margin: 0 0 var(--spc-30) 0;
  border-bottom: none;
}
.c-gift .shadow h2 br {
  display: none;
}

/* ----------------------------------------------------------
   Main Coordinate Image（左カラム）
   ---------------------------------------------------------- */
.c-gift .shadow > p:first-child {
  grid-row: 2;
  grid-column: 1;
  margin: 0 !important;
  padding: 0;
  line-height: 0;
  overflow: hidden;
}
.c-gift .shadow > p:first-child a {
  display: block;
  line-height: 0;
  height: 100%;
}
.c-gift .shadow > p:first-child img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* ----------------------------------------------------------
   Product List（右カラム）
   ---------------------------------------------------------- */
.c-gift .valentine2012_style {
  grid-row: 2;
  grid-column: 2;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spc-50) var(--spc-30);
  list-style: none;
  padding: 0 0 0 var(--spc-50) !important;
  margin: 0 !important;
  align-content: start;
}

/* ----------------------------------------------------------
   Product Item – クリーン・画像ファースト
   ---------------------------------------------------------- */
.c-gift .valentine2012_style li {
  display: flex;
  flex-direction: column;
  font-size: var(--fz-12);
  line-height: 1.6;
  letter-spacing: var(--ls-default);
  transition: opacity 0.5s ease;
}
.c-gift .valentine2012_style li:hover {
  opacity: 0.7;
}
.c-gift .valentine2012_style li img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 10px;
}
.c-gift .valentine2012_style li a{
  color: var(--txt-c-base);
  font-weight: 500;
  text-decoration: none;
}
.c-gift .valentine2012_style li a:first-child{
  background-color: var(--c-white);
  border: 1px solid var(--bd-c-gray);
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-gift .valentine2012_style li a:first-child img{
  height: 80%;
  width: auto;
  object-fit: cover;
}
.c-gift .valentine2012_style li span {
  display: block;
  font-weight: 500;
  font-size: var(--fz-13);
  color: var(--txt-c-base);
  margin-top: auto;
  padding-top: 8px;
}
@media screen and (min-width: 768px){
  .c-gift .valentine2012_style li a:first-child{
    margin-bottom: 10px;
  }
  .c-gift .valentine2012_style li a{
    font-size: var(--fz-15);
  }
}
@media screen and (max-width: 767px){
  .c-gift .valentine2012_style li a:first-child{
    margin-bottom: 6px;
  }
  .c-gift .valentine2012_style li a{
    font-size: var(--fz-13);
  }
}
/* ----------------------------------------------------------
   Description（下段フルワイド）
   ---------------------------------------------------------- */
.c-gift .shadow > p:last-child {
  grid-row: 3;
  grid-column: 1 / -1;
  padding: var(--spc-50) 0 0;
  margin: var(--spc-60) 0 0 0 !important;
  font-size: var(--fz-14);
  line-height: 1.8;
  letter-spacing: var(--ls-default);
  color: var(--txt-c-base);
  border-top: 1px solid var(--bd-c-gray);
}

/* ==========================================================
   PC（768px〜）
   ========================================================== */
@media screen and (min-width: 768px) {
  .c-gift .shadow {
    grid-template-columns: minmax(260px, 400px) 1fr;
    grid-template-rows: auto 1fr auto;
  }
  .c-gift .shadow[id="13"], .c-gift .shadow[id="14"]{
    grid-template-columns: unset;
  }
  .c-gift .valentine2012_style {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 768px) and (max-width: 1079px) {
  .c-gift .valentine2012_style {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ==========================================================
   SP（〜767px）─ コーデセクション
   ========================================================== */
@media screen and (max-width: 767px) {
  .c-gift #valentine2012 > img:first-child {
    margin-bottom: 25px;
  }
  .c-gift #valentine2012 > div.mb_40 {
    margin-bottom: 25px !important;
    font-size: 13px;
    line-height: 1.7;
  }
  .c-gift .shadow {
    grid-template-columns: 1fr;
    padding-block: 35px;
  }
  .c-gift .shadow h2 {
    grid-row: 1;
    grid-column: 1;
    font-size: 16px;
    padding-bottom: 15px;
    margin-bottom: 20px;
  }
  .c-gift .shadow > p:first-child {
    grid-row: 2;
    grid-column: 1;
  }
  .c-gift .shadow > p:first-child img {
    height: auto;
    object-fit: contain;
  }
  .c-gift .valentine2012_style {
    grid-row: 3;
    grid-column: 1;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px 10px;
    padding: 20px 0 0 0 !important;
  }
  .c-gift .valentine2012_style li {
    font-size: 11px;
  }
  .c-gift .shadow > p:last-child {
    grid-row: 4;
    grid-column: 1;
    padding: 20px 0 0;
    margin: 20px 0 0 0 !important;
    font-size: 13px;
    line-height: 1.7;
  }
}


/* ============================================================
   白シャツバナーセクション (.mb_50)
   ============================================================ */
.c-gift #valentine2012 > .mb_50 {
  padding-block: var(--spc-60);
  margin-bottom: 0 !important;
}
.c-gift .mb_50:not(.shadow) > .opacity_img {
  margin-bottom: var(--spc-20) !important;
}
.c-gift .mb_50:not(.shadow) > .opacity_img a {
  display: block;
  transition: opacity 0.5s ease;
}
.c-gift .mb_50:not(.shadow) > .opacity_img a:hover {
  opacity: 0.7;
}
.c-gift .mb_50:not(.shadow) > .opacity_img img {
  display: block;
  width: 100%;
  height: auto;
}

/* 説明テキスト・ボタン（centerタグ内） */
.c-gift .mb_50 center {
  display: block;
  text-align: center;
}
.c-gift .mb_50 center p {
  font-size: var(--fz-14);
  line-height: 1.8;
  letter-spacing: var(--ls-default);
  margin-bottom: var(--spc-25);
}

/* --- btn_gray02a → サイト共通ボタンスタイルに上書き --- */
.c-gift a.btn_gray02a {
  display: inline-block;
  min-width: 320px;
  max-width: 80%;
  padding: 13px 40px;
  height: auto;
  line-height: 1.5;
  font-size: var(--fz-15);
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  letter-spacing: var(--ls-default);
  color: var(--txt-c-white) !important;
  background-color: var(--c-black);
  border: 1px solid var(--c-black);
  transition: opacity 0.5s ease;
}
.c-gift a.btn_gray02a:hover {
  opacity: 0.7;
  color: var(--txt-c-white) !important;
}


/* ============================================================
   #13 おすすめアイテム / #14 サイズ
   – コーデセクションのグリッドを上書き・独立レイアウト
   ============================================================ */

/* --- display を block へ切り替え --- */
.c-gift #13,
.c-gift #14 {
  display: block;
}

/* --- 背景色を個別指定（nth-child の自動判定を上書き）---
     #13 = 白、#14 = ベージュ（透明）                    */
.c-gift #13::before {
  background-color: var(--c-white);
}
.c-gift #14::before {
  background-color: transparent;
}

/* --- h2.title01 ─ サイトのオリジナルスタイルに戻す
       (IDセレクタで .shadow h2 より優先度を高める)      --- */
.c-gift #13 h2,
.c-gift #14 h2 {
  display: block;
  grid-row: unset;
  grid-column: unset;
  font-family: var(--ff-base);
  font-size: var(--fz-18);
  font-weight: 600;
  text-align: left;
  letter-spacing: var(--ls-default);
  color: var(--txt-c-base);
  border-bottom: 1px solid var(--bd-c-gray);
  padding-bottom: var(--spc-15);
  margin: 0 0 var(--spc-25) 0;
}
.c-gift #13 h2 br,
.c-gift #14 h2 br {
  display: inline;
}

/* --- .list02 カテゴリーグリッド（3カラム） --- */
.c-gift .list02 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spc-30);
  list-style: none;
  padding: 0;
}
.c-gift .list02.mb_30 {
  margin-bottom: var(--spc-30) !important;
}
.c-gift .list02 li {
  font-size: var(--fz-13);
  line-height: 1.6;
  letter-spacing: var(--ls-default);
}
.c-gift .list02 li a {
  color: var(--txt-c-base);
  text-decoration: none;
  transition: opacity 0.5s ease;
  font-weight: 500;
  font-size: var(--fz-16);
}
.c-gift .list02 li a:hover {
  opacity: 0.7;
}
.c-gift .list02 li img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 6px;
}
/* 画像リンク（1つ目の a）= ブロック */
.c-gift .list02 li a:first-child {
  display: block;
  line-height: 0;
}
/* カテゴリー名リンク（画像の次の a タグ）= インラインで文字幅のみ下線 */
.c-gift #13 .list02 li a + a {
  display: inline-block;
  font-weight: 500;
  margin-top: 4px;
  line-height: 1.5;
  border-bottom: 1px solid var(--txt-c-base);
}

/* .t_n 説明テキスト */
.c-gift .t_n {
  display: block;
  font-size: var(--fz-14);
  color: var(--txt-c-base);
  margin-top: 5px;
  line-height: 1.6;
}

/* --- .list08 リンクリスト（サイズについて） --- */
.c-gift .list08 {
  list-style: none;
  padding: 0;
  float: none !important;
  width: fit-content;
  margin-inline: auto;
}
.c-gift .list08 li {
  margin-bottom: var(--spc-15);
}
.c-gift .list08 li a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--fz-14);
  color: var(--txt-c-base);
  text-decoration: none;
  letter-spacing: var(--ls-default);
  border-bottom: 1px solid var(--txt-c-base);
  padding-bottom: 2px;
  transition: opacity 0.5s ease;
}
.c-gift .list08 li a::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: 1px solid var(--txt-c-base);
  border-right: 1px solid var(--txt-c-base);
  transform: rotate(45deg);
  flex-shrink: 0;
}
.c-gift .list08 li a:hover {
  opacity: 0.7;
}

/* ==========================================================
   SP（〜767px）─ 追加セクション
   ========================================================== */
@media screen and (max-width: 767px) {
  /* バナーセクション */
  .c-gift #valentine2012 > .mb_50 {
    padding-block: 35px;
  }
  .c-gift a.btn_gray02a {
    min-width: 0;
    width: 90%;
    padding: 11px 20px;
    font-size: 14px;
  }

  /* #13 / #14 */
  .c-gift #13,
  .c-gift #14 {
    padding-block: 35px;
  }
  .c-gift #13 h2,
  .c-gift #14 h2 {
    font-size: 16px;
  }

  /* list02 SP = 2カラム / nosp 非表示 */
  .c-gift .list02 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .c-gift .list02 li.nosp {
    display: none;
  }

  /* list08 */
  .c-gift .list08 li a {
    font-size: 13px;
  }
}



/* 調整 */
body.is-categoryLadies#fs_ProductCategory .g-history{
	padding-bottom: var(--sec-spc);
	margin-bottom: var(--sec-spc);
}
body.is-categoryLadies .g-coordinate{
	display: none;
}

@media screen and (min-width: 768px){
	.c-imgBgWhite:has(img[src*="-735.jpg"]){
		background-color: var(--c-white);
		display: flex;
		justify-content: center;
	}
	.c-imgBgWhite img[src*="-735.jpg"]{
		max-width: 735px;
	}
}