/* ■■■■■■■■■■共通■■■■■■■■■■ */
/* ■■■■■■■■■■よくある質問■■■■■■■■■■ */
.s-faq dt,
.s-faq dd{
	position: relative;
	border: 1px solid var(--GRAY02);
}
.s-faq dd{
	background-color: #e5ebd9;
}
.s-faq dt::before,.s-faq dd::before{
	font-family: var(--FF_EN);
	font-weight: 500;
	position: absolute;
}
.s-faq dt::before{
	content: 'Q';
  color: var(--FS_BTN_COLOR_1);
}
.s-faq dd::before{
	content: 'A';
  color: var(--RED01);
}
.s-faq dt:not(:first-child){
	margin-top: -1px;
}
.s-faq dd:not(:last-child){
	margin-top: -2px;
}
.s-faq p{
	line-height: 1.7;
}
@media screen and (min-width: 768px){
	.s-faq{
		margin-top: 20px;
	}
	.s-faq dd{
		padding-bottom: 30px;
	}
	.s-faq dt,.s-faq dd{
		padding: 2% 2% 2% 6%;
	}
	.s-faq dt::before {
		font-size: 20px;
	}
	.s-faq dd::before {
		font-size: 16px;
	}
	.s-faq dt::before,.s-faq dd::before{
		left: 3%;
		top: 27px;
		transform: translate(-50%, -50%);
	}
}
@media screen and (max-width: 767px){
	.s-faq dt,.s-faq dd{
		font-size: 13px;
	}
	.s-faq{
		margin-top: 20px;
	}
	.s-faq dd:not(:last-child){
		padding-bottom: 20px;
	}
	.s-faq dt,.s-faq dd{
		padding: 6% 4% 6% 10%;
	}
	.s-faq dt::before,.s-faq dd::before{
		font-size: 16px;
		left: 5%;
		transform: translate(-50%, -50%);
	}
	.s-faq dt::before{
		top: 35%;
	}
	.s-faq dd::before{
		top: 28px;
	}
	.s-faq dd .g-txt{
		line-height: 1.7;
	}
}
/* アコーディオン プラスマイナス

.s-faq--acc dt{
	position: relative;
}
.s-faq--acc dt span{
	display: inline-block;
	position: relative;
	aspect-ratio: 1/1;
	position: absolute;
	border: 1px solid var(--GRAY02);
	border-radius: 50%;

}
.s-faq--acc dt span::before,
.s-faq--acc dt span::after{
	content: "";
	display: inline-block;
	background: var(--GRAY03);
	width: 60%;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.s-faq--acc dt span::after{
	transition: .3s;
	transform: translate(-50%, -50%) rotate(90deg);
}
.s-faq--acc dt.active span::after{
	transform: translate(-50%, -50%) rotate(180deg);
}
.s-faq--acc dd{
	display: none;
}
@media (hover: hover){
	.s-faq--acc dt:hover{
		cursor: pointer;
	}
}
@media screen and (min-width: 768px){
	.s-faq--acc dt:not(:first-child){
		margin-top: 20px;
	}
	.s-faq--acc dt span{
		width: 15px;
		right: 30px;
		top: 7px;
	}
}
@media screen and (max-width: 767px){
	.s-faq dt{
		padding-right: 30px;
	}
	.s-faq--acc dt:not(:first-child){
		margin-top: 10px;
	}
	.s-faq--acc dt span{
		width: 13px;
		right: 7px;
		top: 4px;
	}
} */

アコーディオン 矢印
.s-faq--acc dt{
	position: relative;
}
.s-faq--acc dt span{
	display: inline-block;
	position: relative;
	aspect-ratio: 1/1;
	position: absolute;
}
.s-faq--acc dt span{
	position: absolute;
	content: "";
	background: url(/asset2024/images/ec/common/drop_arrow.svg) no-repeat center center / 100%;
}
.s-faq--acc dt.active span{
	transform: translate(-50%, -50%) rotate(180deg);
}
.s-faq--acc dd{
	display: none;
}
@media (hover: hover){
	.s-faq--acc dt:hover{
		cursor: pointer;
	}
}
@media screen and (min-width: 768px){
	.s-faq--acc dt span{
		width: 12px;
		right: 25px;
		top: 55%;
		transform: translate(-50%, -50%);
	}
}
@media screen and (max-width: 767px){
	.s-faq dt{
		padding-right: 30px;
	}
	.s-faq--acc dt span{
		width: 11px;
		right: 8px;
		top: 55%;
		transform: translate(-50%, -50%);
	}
	.s-faq--acc dt span::before{
		font-size: 15px;
	}
} 
/* ■■■■■■■■■■お買い物ガイド■■■■■■■■■■ */
.s-guideContents{
	--H3_BGCOLOR: #F5F5F5;
	--H2_BDCOLOR: #E5E5E5;
	margin-top: 3px;
	display: grid;
	gap: var(--GENERALSEC);
}
.s-guideColumn__heading{
	font-weight: 400;
	border-bottom: 1px solid var(--H2_BDCOLOR);
}
.s-guideColumn__ttl{
	font-weight: 500;
	background-color: var(--H3_BGCOLOR);
}
.s-guideCredit{
	display: flex;
	align-items: center;
	gap: var(--GAP_5_CONST);
	margin: var(--GAP_20) 0;
}
.s-guideCredit li{
	flex: 1;
}
.s-guidePaymentLogo{
	margin: var(--GAP_30) 0 var(--GAP_20);
}
.s-guideTable{
	width: 100%;
	max-width: 800px;
	border-collapse: collapse;
}
.s-guideTable--bank{
	max-width: 300px;
}
.s-guideTable th,
.s-guideTable td{
	border: 1px solid var(--H2_BDCOLOR);
}
.s-guideTable th{
	font-weight: normal;
}
.s-guideTable thead th{
	background-color: var(--H2_BDCOLOR);
	padding: 5px 0;
	font-size: var(--FZ_12_CONST);
}
.s-guideTable tbody th,
.s-guideTable tbody td{
	text-align: center;
}
.s-guideColumn__subttl{
	font-size: var(--FZ_14);
	font-weight: 400;
}
.s-guideColumn__subttl::before{
	content: '【';
}
.s-guideColumn__subttl::after{
	content: '】';
}
@media screen and (min-width: 768px){
	.s-guideContainer{
		display: grid;
		grid-template-columns: 200px 1fr;
		align-items: flex-start;
		gap: clamp( 80px, 8.5vw, 100px);
	}
	.s-guideNav{
		position: sticky;
		top: 5px;
		left: 0;
	}
	.s-guideNav__item li {
		border-bottom: 1px solid var(--GRAY01);
	}
	.s-guideNav__item li a{
		font-size: var(--FZ_13);
		display: block;
		padding: 10px 0;
	}
	.s-guideColumn__heading{
		font-size: var(--FZ_18);
		padding-bottom: 10px;
		margin-bottom: var(--MG_10);
	}
	.s-guideColumn__ttl{
		font-size: var(--FZ_14);
		padding: 4px 15px;
		margin: var(--MG_50) 0 var(--MG_15);
	}
	.s-guideCredit{
		max-width: 200px;
	}
	.s-guidePaymentLogo--AmazonPay{
		width: 180px;
	}
	.s-guidePaymentLogo--PayPay{
		width: 130px;
	}
	.s-guidePaymentLogo--rakutenPay{
		width: 150px;
	}
	.s-guideTable{
		margin-top: var(--MG_20);
	}
	.s-guideTable tbody th,
	.s-guideTable tbody td{
		padding: 7px 20px;
		font-size: var(--FZ_12);
	}
	.s-guideColumn__subttl{
		margin-top: var(--MG_20);
	}
}
@media screen and (max-width: 767px){
	.s-guideNav{
		--GUIDE_NAV_SP_BOX: 300px;
		--GUIDE_NAV_SP_BOX_TRIGGER: 40px;
		position: fixed;
		right: calc(0px - var(--GUIDE_NAV_SP_BOX) + var(--GUIDE_NAV_SP_BOX_TRIGGER));
		top: 150px;
		display: flex;
		width: var(--GUIDE_NAV_SP_BOX);
		transition: .5s;
		z-index: 99;
		opacity: 0;
	}
	body.scroll .s-guideNav{
		opacity: 0;
		animation: var(--ANIME_FADEIN);
	}
	body.scroll.returnTop .s-guideNav{
		opacity: 1;
		animation: var(--ANIME_FADEOUT);
	}
	.s-guideNav.active{
		right: 0;
	}
	.s-guideNav__spTrigger{
		width: var(--GUIDE_NAV_SP_BOX_TRIGGER);
		height: 200px;
		background-color: var(--GRAY01);
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 5px 0 0 5px;
		border: 1px solid var(--GRAY03);
		border-right: none;
	}
	.s-guideNav__spTrigger::after{
		content: '目次';
		writing-mode: vertical-rl;
	}
	.s-guideNav.active .s-guideNav__spTrigger::after{
		content: '閉じる';
	}
	.s-guideNav__item{
		flex: 1;
		background-color: var(--WHITE);
		border: 1px solid var(--GRAY03);
	}
	.s-guideNav__item li:not(:last-child){
		border-bottom: 1px solid var(--GRAY03);
	}
	.s-guideNav__item li a{
		display: block;
		padding: 8px 15px;
		font-size: 13px;
	}
	.s-guideColumn__heading{
		font-size: var(--FZ_18_CONST);
		padding-bottom: 5px;
		margin-bottom: var(--MG_5);
	}
	.s-guideColumn__ttl{
		font-size: var(--FZ_15_CONST);
		padding: 7px 15px;
		margin: var(--MG_50) 0 var(--MG_10);
	}
	.s-guidePaymentLogo--AmazonPay{
		width: 150px;
	}
	.s-guidePaymentLogo--PayPay{
		width: 120px;
	}
	.s-guidePaymentLogo--rakutenPay{
		width: 120px;
	}
	.s-guideTable{
		margin-top: var(--MG_20);
	}
	.s-guideTable tbody th,
	.s-guideTable tbody td{
		padding: 5px 15px;
		font-size: var(--FZ_12_CONST);
	}
	.s-guideColumn__subttl{
		margin-top: var(--MG_10);
	}
}
/* ■■■■■■■■■■fs2ガイド調整■■■■■■■■■■ */
.guide-link{
	display: grid;
}
.guide-link li{
	width: 100%;
	margin: 0;
}
.sends .mb-txt{
	width: 100%;
	float: unset;
}
@media (hover: hover){
	.guide-link li a:hover{
		color: var(--WHITE);
		opacity: 1;
		background-color: var(--GREEN01);
	}
}
@media screen and (min-width: 768px){
	.guide-link{
		grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
		gap: 20px;
	}
}
@media screen and (max-width: 767px){
	.guide-link{
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
		gap: 10px;
	}
	.guide-link li a{
		font-size: 11px;
		letter-spacing: 0px;
	}
	.basetable{
		width: 100%;
	}
	.basetable tr{
		display: contents;
	}
	.basetable tbody{
		display: grid;
		grid-template-columns: 1fr;
	}
	.basetable th,
	.basetable td{
		width: 100%;
	}
	.func li{
		margin-left: 15px;
	}
	.guidetel dt{
		font-size: 30px;
	}
}
.guidetel dt span{
	display: inline-block;
	font-family: var(--FF_BASE);
}
/* ■■■■■■■■■■fs2 faq調整■■■■■■■■■■ */
#acMenu dt,
#acMenu dd{
	width: 100%;
}
#acMenu dt{
	background-image:url(../images/ec/common/drop_arrow.svg),url(../../common/img/icon-q.svg);
}
#acMenu dt.active{
	background-image:url(../images/ec/common/drop_arrow--reverse.svg),url(../../common/img/icon-q.svg);
}
@media screen and (min-width: 768px){
	#acMenu dt{
		background-size: 12px 12px,17px 19px;
	}
	#acMenu dt.active{
		background-size: 12px 12px,17px 19px;
	}
}
@media screen and (max-width: 767px){
	#acMenu dt{
		padding: 10px 30px 10px 40px;
	}
	#acMenu dt,
	#acMenu dt.active{
		background-position: 97% center, 12px 13px;
		background-size: 12px 12px, 13px 19px;
	}
	#acMenu dd{
		padding: 10px 10px 10px 40px;
	}
	#acMenu dd{
		background-position: 12px 13px;
		background-size: 13px 19px;
	}
}
/* ------------------ s- 共通 -------------------- */
.s-imgBr img{
	border-radius: var(--IMG_BDRS);
}
.s-ff__Nsans{
	font-family: var(--FF_NOTO);
	font-weight: var(--FF_W_L)
}
@media screen and (min-width: 768px){
  .s-mt120{
		margin-top: 120px;
	}
	.s-mt70{
		margin-top: var(--GAP_75);
	}
	.s-mt50{
		margin-top: var(--GAP_50);
	}
	.s-mt20{
		margin-top: var(--GAP_20);
	}
}
@media screen and (max-width: 767px){
	.s-mt120{
		margin-top: 50px;
	}
	.s-mt70{
		margin-top: 30px;
	}
	.s-mt50{
		margin-top: 30px;
	}
	.s-mt20{
		margin-top: 10px;
	}
}
/* ■■■■■■■■■■千紀園について■■■■■■■■■■ */
.s-ttl__decoration{
  position: relative;
  border-bottom: 1px solid var(--GRAY03);
}
.s-ttl__decoration:before{
	position: absolute;
	content: "";
	left: 0;
	bottom: -1px;
	border-bottom: 3px solid var(--RED01);
}
.s-about__fvArea{
  position: relative;
	z-index: 0;
}
.s-about__fvArea::before{
  content: "";
	display: inline-block;
	background: url(../images/about/about_bg.png) no-repeat center center / 100%;
	aspect-ratio: 1 / 1;
	position: absolute;
	top: 0;
	left: 0; 
	z-index: -1;
}
.s-txtTtl{
	line-height: var(--LINE_HEIGHT_S);
}
.s-about__fv{
	display: grid;
}
.s-history{
	display: flex;
	position: relative;
	overflow: hidden;
}
.s-history__content{
	flex: 1;
	display: grid;
}
.s-history__content li{
	background-color: var(--WHITE);
	position: relative;
}
.s-history__contentTxt h2{
	position: relative;
}
.s-history__contentImg img{
	border-radius: 0 var(--IMG_BDRS) var(--IMG_BDRS) 0;
}
.s-history__time{
	position: relative;
	width: fit-content;
	display: grid;
}
.s-history__time::after{
	position: absolute;
  content: "";
	width: 1px;
	height: 100%;
	background-color: var(--RED01);
	right: 0;
	z-index: 0;
}
.s-history__time li{
	position: relative;
}
.s-kodawari__itemTxt h3{
	line-height: var(--LINE_HEIGHT_L);
}
.s-kodawari__itemTea,.s-kodawari__itemChadougu{
	letter-spacing: 1em;
	text-align: center;
}
.s-kodawari__item li{
	display: grid;
  align-items: center;
	overflow: hidden;
}
.s-kodawari,.s-kodawari li{
  display: grid;
}
.s-kodawari__txtTtl{
	display: inline-block;
	border-bottom: 1px solid var(--GREEN01);
}
@media screen and (min-width: 768px){
	.s-ttl__decoration{
		font-size: var(--FZ_30);
		padding: 70px 0 20px 0;
	}
	.s-ttl__decoration::before{
		width: 230px;
	}
	.s-about__txtArea{
		font-size: var(--FZ_15);
		margin-right: var(--GAP_50);
	}
	.s-about__fvArea::before{
		width: 30%;
		transform: translate(-40%, -10%);
	}
	.s-txtTtl,.s-history__time li{
		font-size: var(--FZ_22);
	}
	.s-txtPd:not(:first-child){
    margin-top: 1.5em;
	}
	.s-about__fv{
		grid-template-columns: repeat(2,1fr);
	}
	.s-history{
		gap: var(--GAP_50);
		--CHILD_GAP40: 40px;
		--CHILD_GAP50: 50px;
		--CHILD_GAP70: 70px;
	}
	.s-history__content{
		gap: var(--CHILD_GAP70);
	}
	.s-history__content li{
		display: grid;
		grid-template-columns: 5.5fr 4.5fr;
		border-radius: var(--IMG_BDRS);
	}
	.s-history__contentTxt{
		padding: var(--CHILD_GAP40) var(--CHILD_GAP50);
	}
	.s-history__contentTxt h2::before{
    width: 20px;
    left: calc(0px - var(--CHILD_GAP50));
	}
	.s-history__contentTxt p,.s-kodawari__itemTxt p{
		font-size: 14px;
	}
	.s-history__contentTxt h2::before{
		content: "";
		position: absolute;
		display: inline-block;
		height: 1px;
		background-color: var(--RED01);
		top: 50%;
		transform: translateY(-50%);
	}
	.s-history__time{
		gap: var(--CHILD_GAP70);
	}
	.s-history__time::after{
		top: 50px;
	}
	.s-history__time li{
		padding-top: calc(var(--CHILD_GAP40) - 2px);
		padding-right: 30px;
	}
	.s-history__time li::after{
		position: absolute;
	  content: "";
	  display: inline-block;
	  background-color: var(--WHITE);
	  border-radius: 50%;
	  z-index: 1;
		width: 4px;
		height: 4px;
		border: 8px solid var(--RED01);
		top: 46px;
		right: -10px;
	}
	.s-kodawari{
		gap: var(--GAP_50);
	}
	.s-kodawari li{
    grid-template-columns: 5fr 5.5fr;
		gap: var(--GAP_50);
	}
	.s-kodawari__txtTtl{
		font-size: var(--FZ_20);
		padding-bottom: 10px;
	}
	.s-kodawari__txtTtl span{
		font-size: var(--FZ_28);
	}
	.s-kodawari__item li{
		grid-template-columns: 2fr 7fr auto;
    max-height: 512px;
	}
	.s-kodawari__itemTea,.s-kodawari__itemChadougu{
		writing-mode: vertical-lr;
    display: inline-block;
		padding: 17px;
		position: relative;
	}
	.s-kodawari__itemTea::before,.s-kodawari__itemChadougu::before{
		position: absolute;
		content: "";
		display: inline-block;
		width: 1px;
		height: calc(100% + 60px);
    left: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	.s-kodawari__itemTea::before{
		background-color: var(--GREEN01);
	}
	.s-kodawari__itemChadougu::before{
		background-color: var(--BROWN02);
	}
	.s-kodawari__itemTxt{
		padding: 0 40px;
	}
	.s-kodawari__itemTxt h3{
		font-size: var(--FZ_18);
	}
	.s-kodawari__itemImg{
    margin: auto 0 auto -100px;
	}
	.s-aboutShop__contents{
    display: grid;
    grid-template-columns: clamp(200px, 30vw, 450px) 1fr;
    gap: var(--GAP_40);
	}
  .s-kodawari__itemSweet{
    padding: 0 17px;
    letter-spacing: .5em;
  }
}
@media screen and (max-width: 767px){
	.s-ttl__decoration{
		font-size: 22px;
		padding: 50px 0 10px;
	}
	.s-ttl__decoration::before{
		width: 170px;
	}
	.s-about__txtArea{
		margin-bottom: var(--GAP_20);
	}
	.s-about__txtArea p{
		font-size: 13px;
	}
	.s-about__fvArea::before{
		width: 45%;
		transform: translate(140%, -15%);
	}
	.s-txtTtl{
		font-size: 18px;
	}
	.s-history{
		gap: 15px;
		--CHILD_GAP20: 20px;
	}
	.s-history__content{
		gap: var(--CHILD_GAP20);
	}
	.s-history__content li{
    position: relative;
	}
	.s-history__content li::before{
		position: absolute;
		content: "";
		display: inline-block;
		background-color: var(--WHITE);
		border-radius: 50%;
		z-index: 1;
		width: 3px;
		height: 3px;
		border: 5px solid var(--RED01);
		top: calc(var(--CHILD_GAP20) + 6px);
		left: -22px;
	}
	.s-history__contentTxt{
		padding: var(--CHILD_GAP20);
	}
	.s-history__contentTxt span{
		font-size: 16px;
		position: relative;
	}
	.s-history__contentTxt span::before{
		content: "";
		position: absolute;
		display: inline-block;
		height: 1px;
		background-color: var(--RED01);
		top: 50%;
		width: 10px;
    left: calc(0px - var(--CHILD_GAP20));
	}
	.s-history__contentTxt p,.s-history__time li,.s-kodawari__content p,.s-kodawari__itemTxt p{
		font-size: 13px;
	}
	.s-history__time{
		gap: var(--CHILD_GAP20);
	}
	.s-history__time::after{
		top: 30px;
	}
	.s-history__time li{
		padding-top: calc(var(--CHILD_GAP20) + 2.5px);
		padding-right: 8px;
	}
	.s-history__time li::after{
		width: 2px;
		height: 2px;
		border: 4px solid var(--RED01);
		top: 27px;
		right: -4.5px;
	}
  .s-kodawari{
		gap: 30px;
	}
	.s-kodawari li{
		gap: 7px;
	}
	.s-kodawari li img{
		order: 1;
	}
	.s-kodawari__content{
		order: 2;
	}
	.s-kodawari__txtTtl{
		padding-bottom: 5px;
	}
	.s-kodawari__txtTtl span{
		font-size: 18px;
	}
	.s-kodawari__item li{
		padding: 15px 15px 30px 15px;
	}
	.s-kodawari__itemTea,.s-kodawari__itemChadougu{
		order: 1;
		padding: 8px 0 16px 0;
	}
	.s-kodawari__itemTea{
    border-bottom: 1px solid var(--GREEN03);
	}
	.s-kodawari__itemChadougu{
		border-bottom: 1px solid var(--BROWN02);
	}
	.s-kodawari__itemTxt{
		order: 2;
	}
	.s-kodawari__itemTxt h3{
		margin-top: 15px;
		font-size: 13px;
	}
	.s-kodawari__itemImg{
		order: 3;
	}
	.s-kodawari__itemImg{
		/*display: none;*/
		margin: 20px auto -100px auto;
        width: 60%;/*2025/06/13*/
	}
	.s-aboutShop__contents__body{
		margin-top: 20px;
	}
}
/* ■■■■■■■■■■茶道具■■■■■■■■■■ */
.s-group__fvBimg{
  background: no-repeat left center/cover;
}
.s-chadougu__fvBimg{
	display: flex;
	align-items: center;
}
.s-group__fvArea p{
	line-height: var(--LINE_HEIGHT_L);
}
.s-chadougu__ttl{
	position: absolute;
	z-index: 1;
  color: var(--WHITE);
	letter-spacing: 0.2em;
	font-weight: var(--FF_W_L);
	display: flex;
	flex-direction: column;
	justify-content: center;
	border: 1px solid var(--WHITE);
	border-radius: 50%;
	aspect-ratio: 1 / 1;
}
.s-chadougu__ttl span{
  letter-spacing: 0.2em;
	display: inline-block;
}
.s-subTtl__decoration{
	position: relative;
	border-bottom: 1px solid var(--GRAY03);
}
.s-subTtl__decoration::before{
	position: absolute;
  content: "";
  left: 0;
  bottom: -1px;
  border-bottom: 2px solid #6C4F00;
}
 .s-chadougu__search .g-searchForm.formReset input[type="text"]{
	background-color: var(--WHITE);
}
.s-search__cat{
	display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.tab-wrap--chadougu .tab-nav{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
	grid-template-rows: repeat(2, 1fr);
	border-bottom: 2px solid #4E4835;
}
.tab-wrap--chadougu .tab-nav li{
	background-color: var(--BROWN03);
	grid-column: span 3;
	text-align: center;
	border-radius: var(--IMG_BDRS) var(--IMG_BDRS) 0 0;
}
.tab-wrap--chadougu .tab-nav li:nth-of-type(n+3){
	grid-column: span 2;
}
/* .tab-wrap--chadougu .tab-btn::after{
	content: "";
	display: inline-block;
  background: url(../images/ec/common/drop_arrow.svg) no-repeat center center / 100%;
  aspect-ratio: 1 / 1;
  margin-left: 10px;
  width: 9px;
  transition: .3s;
}
.tab-wrap--chadougu .tab-link a::after{
	content: "";
	display: inline-block;
  background: url(../images/ec/common/drop_arrow.svg) no-repeat center center / 100%;
  aspect-ratio: 1 / 1;
  margin-left: 10px;
  width: 9px;
  transition: .3s;
} */
.tab-wrap--chadougu .tab-btn.show{
	background-color: #4E4835;
	color: var(--WHITE);
}
.tab-wrap--chadougu .tab-link{
	position: relative;
}
.tab-wrap--chadougu .tab-link a{
	display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.s-catLink{
  display: grid;
	grid-template-columns: repeat(3,1fr);
}
.s-catLink li{
	text-align: center;
}
.s-catLinkThumb{
	display: block;
	background: no-repeat center center / cover;
	border-radius: var(--IMG_BDRS);
}
.s-search__bn__img{
	width: var(--INNER_WIDTH);
	max-width: 100%;
	margin: 0 auto;
}
.s-chadougu__bnCnt{
	display: grid;
}
.s-chadougu__bnCnt img{
	border-radius: var(--IMG_BDRS);
}
.s-chadougu__fv--slide{
	position: relative;
	z-index: 0;
}
.s-chadougu__fv--bn{
	display: grid;
}
.s-chadougu__fv--bn img{
	border-radius: var(--IMG_BDRS);
}
.tab-wrap--product .tab-link {
	flex: 0 0 auto;
	background-color: var(--WHITE);
	border: 1px solid var(--TXT_COLOR_BASE);
	border-bottom: none;
	position: relative;
	margin-bottom: 2px;
	min-width: var(--WIDTH);
	max-width: var(--WIDTH);
}
.tab-nav--chadougu li{
	display: flex;
	justify-content: center;
	align-items: center;
}
.tab-nav--chadougu .tab-btn.show,.tab-nav--chadougu .tab-link.show,.tab-nav--chadougu .tab-btn.show::after,.tab-nav--chadougu .tab-link.show::after{
	background-color: #7e7544;
}
.tab-nav--chadougu .tab-btn,.tab-nav--chadougu .tab-link{
	background-color: var(--WHITE);
	border: 1px solid #7e7544;
	border-bottom: none;
}
.tab-wrap--product .tab-nav--chadougu {
	border-bottom: 2px solid  #7e7544;
}
@media (hover: hover){
	.tab-wrap--chadougu .tab-btn:hover,.tab-wrap--chadougu .tab-link:hover,.s-chawanSearch__list li:hover{
		opacity: 0.7;
		text-decoration: none;
	}
}
@media screen and (min-width: 768px){
	.s-group__fvBimg{
		height: 350px;
		display: flex;
		align-items: center;
	}
	.s-group__fvArea p{
	  font-size: var(--FZ_16);
		max-width: 700px;
		margin: 0 auto;
		padding: 50px 0;
	}
	.s-chadougu__search{
		padding: 0 var(--GAP_10);
		margin-bottom: calc(var(--GENERALSEC) / 4* 3);
	}
	.s-chadougu__ttl{
		font-size: var(--FZ_18);
		margin-left: 15%;
		padding: 2.5% 2.5% 2% 3.5%;
	}
	.s-chadougu__ttl span{
		font-size: var(--FZ_43);
	}
	.s-subTtl__decoration{
		font-size: var(--FZ_28);
		padding-bottom: 5px;
	}
	.s-subTtl__decoration::before{
		width: 150px;
	}
	.s-search__cat{
		gap: var(--GAP_20);
		padding: 0 var(--GENERALSEC);
	}
	.s-search__cat li a{
    display: grid;
		grid-template-columns: 80px 1fr;
		align-items: center;
		gap: 14px;
		background-color: var(--WHITE);
	}
	.s-search__name{
    font-size: var(--FZ_16);
	}
	.tab-wrap--chadougu{
		padding: 50px 40px;
	}
	.tab-wrap--chadougu .tab-nav{
		gap: 10px;
		margin-bottom: 40px;
	}
	.tab-wrap--chadougu .tab-nav li{
		padding: 20px 0;
		font-size: var(--FZ_16);
	}
	.s-catLinkThumb{
		background: no-repeat center center / cover;
		height: 80px;
		border-radius: var(--IMG_BDRS);
  }
	.s-catLinkName{
		font-size: var(--FZ_14);
	}
	.s-catLink{
		margin-top: var(--GAP_50);
		gap: 20px 10px;
		padding: 0 20px;
	}
	.s-search__bn__img{
		max-width: 600px;
	}
	.s-chadougu__bnCnt{
		grid-template-columns: repeat(4,1fr);
		gap: 10px;
	}
	.s-chadougu__fv--bn{
		grid-template-columns: repeat(2,1fr);
		gap: var(--GAP_40);
	}
	.s-chadougu__search--ietm{
		padding: var(--GAP_50) 0;
    background-color: #f5f0e6;
	}
	.tab-wrap--product .tab-link {
		--WIDTH: 130px;
		font-size: var(--FZ_16);
		padding: 5px 0;
  }
	.tab-nav--chadougu .tab-btn,.tab-nav--chadougu .tab-link{
		--WIDTH: 180px;
		line-height: 1.5;
  }
	.s-search__bn{
		display: grid;
		grid-template-columns: 1fr 1fr;
		align-items: center;
		gap: 20px;
	}
}
@media screen and (max-width: 767px){
	.s-chadougu__fvBimg{
		justify-content: center;
	}
	.s-groupFV__ttl{
		padding: 50px 20px;
	}
	.s-group__fvArea p{
	  font-size: 13px;
		padding: 20px 0;
	}
	.s-chadougu__search{
		--OYA: calc(50% - 50vw);
		margin-left: var(--OYA);
		margin-right: var(--OYA);
	}
	.s-subTtl__decoration{
		font-size: 20px;
		padding-bottom: 2px;
	}
	.s-subTtl__decoration::before{
		width: 110px;
	}
	.s-search__cat{
		gap: 10px;
		padding: 0 10px;
	}
	.s-search__cat__img img{
		border-radius: var(--IMG_BDRS);
		text-align: center;
	}
	.s-search__name{
    font-size: 12px;
		text-align: center;
	}
	.g-search__hotword__list li a{
		font-size: 12px;
	}
	.tab-wrap--chadougu{
		padding: 20px 10px 0;
	}
	.tab-wrap--chadougu .tab-nav{
		gap: 7px;
		margin-bottom: 30px;
	}
	.tab-wrap--chadougu .tab-nav li{
		font-size: 12px;
		padding: 7px 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.s-catLinkThumb{
		width: 100%;
		aspect-ratio: 9/4;
  }
	.s-catLinkName{
		font-size: 10px;
	}
	.s-catLink{
		gap: 9px 7px;
		padding: 0 20px;
	}
	.s-chadougu__bnCnt{
		grid-template-columns: repeat(2,1fr);
		gap: 7px;
	}
	.s-chadougu__fv--bn{
		gap: 20px;
	}
	.s-chadougu__ttl{
		font-size: 14px;
		padding: 7% 5% 6% 8%;
	}
	.s-chadougu__ttl span{
		font-size: 32px;
		position: relative;
	}
	.s-chadougu__search--ietm{
		padding: 50px 3%;
		margin-inline: calc(50% - 50vi)
	}
	.tab-nav--chadougu .tab-btn,.tab-nav--chadougu .tab-link{
		--WIDTH: 130px;
		line-height: 1.5;
		font-size: 12px;
  }
	.s-search__bn{
		margin-bottom: 50px;
		display: grid;
		grid-template-columns: 1fr;
		gap: 20px;
	}
}
/* ------------------ 茶碗詳細検索 -------------------- */
.s-chawanSearch__area{
	margin: 0 auto 50px auto;
	border: 2px solid var(--DARK01);
	max-width: 800px;
}
.s-chawanSearch{
	display: grid;
	align-items: center;
  align-items: stretch;
}
.s-chawanSearch__form {
  margin: 0 auto;
}
.s-chawanSearch__btn li{
	width: 100%;
	font-weight: var(--FF_W_M);
  letter-spacing: 0.2em;
  border: 1px solid var(--TXT_COLOR_BASE);
	font-size: var(--FZ_14_CONST);
}
.s-chawanSearch__btn{
	width: 93%;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	justify-items: center;
	align-items: center;
	font-family: var(--FF_NOTO);
}
.s-chawanSearch__btn--reset input[type="reset"] {
	color: var(----TXT_COLOR_BASE);
	background-color: var(--WHITE);
	display: block;
	width: 100%;
	padding: 10px 0 11px;
	cursor: pointer;
}
.s-chawanSearch__btn--submit button {
	background-color: var(--DARK01);
	color: var(--WHITE);
	display: block;
	width: 100%;
	padding: 10px 0 11px;
}
  .s-chawanSearch dt:nth-child(9),.s-chawanSearch dd:nth-child(10) {
    margin-bottom: 0;
  }
  .s-chawanSearch dt{
    display: flex;
  }
.s-chawanSearch__list {
	display: flex;
	flex-wrap: wrap;
}
.s-chawanSearch__list label {
  display: flex;
	flex-flow: column;
	align-items: center;
  cursor: pointer;
 }
.s-chawanSearch__tag__color {
	display: inline-block;
	border-radius: 50%;
  border: solid 1px #fff;
}
.s-chawanSearch__list--sanchi {
	gap: 10px;
}
.s-chawanSearch__list--sanchi label {
	background-color: var(--BROWN03);
	border-radius:  var(--IMG_BDRS);
}
.s-chawanSearch__list--text label {
  padding: 5px 0;
}
.s-chawanSearch__tag__name {
	width: fit-content;
}
.s-chawanSearch__list--text {
  display: flex;
  column-gap: 20px;
  row-gap: 10px;
}
.s-chawanSearch__list--text li{
  padding-left: 20px;
  position: relative;
}
.checkbox-label {
  cursor: pointer;
}
.checkbox-label::before,.checkbox-label::after {
  content: "";
  display: inline-block;
  aspect-ratio: 1 / 1;
  position: absolute;
  left: 0px;
  transition: .1s;
}
.checkbox-label::before {
  width: 13px;
  border:1px solid #A5A5A5;
  border-radius: 3px;
  top: 50%;
  transform: translateY(-50%);
}
.checkbox-label::after {
  width: 14px;
  background: url(/asset2024/interior/images/common/check.svg) no-repeat 0% 50%;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
}
.s-chawanSearch__list--text input[type="radio"]:checked + .checkbox-label::after {
  transform: translateY(-50%);
  opacity: 1;
}
.s-chawanSearch__list input[type="radio"] {
	position: absolute;
	white-space: nowrap;
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	overflow: hidden;
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
}
.s-chawanSearch__list--sanchi input[type="radio"]:checked+label {
	background-color: #4E4835;
	color: var(--WHITE);
	cursor: default;
}
.s-chawanSearch__list--katachi input[type="radio"]:checked+label .s-chawanSearch__tag__katachi{
	background-color: #4E4835;
	cursor: default;
}
.s-chawanSearch__list--gara input[type="radio"]:checked+label .s-chawanSearch__tag__name{
	font-weight: var(--FF_W_B);
	cursor: default;
}
.s-chawanSearch__list--katachi input[type="radio"]:checked+label .s-chawanSearch__tag__name{
	font-weight: var(--FF_W_B);
	cursor: default;
}
.s-chawanSearch__tag__gara{
	position: relative;
}
.s-chawanSearch__list--gara input[type="radio"]:checked+label .s-chawanSearch__tag__gara::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	background: rgba(78, 72, 53, 0.71);
	width: 100%;
	height: 100%;
	border-radius: var(--IMG_BDRS);
}
.s-chawanSearch__tag__katachi{
	display: block;
	aspect-ratio: 1/1;
	--MASK: var(--ICON) no-repeat center center / 100%;
	mask: var(--MASK);
	-webkit-mask: var(--MASK);
	background-color: var(--BROWN03);
}
.s-chawanSearch__tag__gara{
	display: block;
  background: no-repeat center center / cover;
	border-radius: var(--IMG_BDRS);
}
.s-chawanSearch__form{
	display: none;
}
.g-searchBox__chawan{
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}
.g-searchBox__chawan__toggle{
  position: relative;
}
.g-searchBox__chawan__toggle::before,.g-searchBox__chawan__toggle::after{
  content: "";
  display: inline-block;
  background-color: var(--DARK01);
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	transition: .3s;
}
.g-searchBox__chawan__toggle::after{
  transform: translate(-50%, -50%) rotate(90deg);
}
.is-active .g-searchBox__chawan__toggle::after{
  content: "";
  display: inline-block;
  background-color: var(--DARK01);
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	transition: .3s;
}
.g-searchBox__chawan span{
	font-weight: var(--FF_W_B);
}
@media (hover: hover){
	.s-chawanSearch__btn--reset input:hover{
		opacity: 1;
    background-color: var(--GRAY01);
	}
	.s-chawanSearch__btn--submit button:hover{
		opacity: 1;
    background-color: var(--GRAY03);
	}
}
@media screen and (min-width: 768px) {
	.s-chawanSearch{
		grid-template-columns: clamp(90px, 10vw, 120px) 1fr;
    padding: 0 50px;
	}
	.s-chawanSearch dt{
    font-size: var(--FZ_16);
  }
  .s-chawanSearch dt,.s-chawanSearch dd{
    padding: 40px 0;
  }
	.s-chawanSearch dt:not(:nth-child(5)),.s-chawanSearch dd:not(:nth-child(6)){
		border-bottom: 1px solid var(--GRAY03);
  }
	.s-chawanSearch__list label {
		gap: 5px;
	 }
	 .s-chawanSearch__list--katachi{
		display: flex;
		flex-wrap: wrap;
		column-gap: var(--GAP_40);
		row-gap: 15px;
	}
	.s-chawanSearch__tag__color {
		width: 20px;
		height: 20px;
	}
	.s-chawanSearch__list--sanchi label {
		padding: 6px 28px 7px 30px;
	}
	.s-chawanSearch__tag__name {
    font-size: var(--FZ_14);
	}
	.s-chawanSearch__tag__katachi{
		width: clamp( 50px, 0.6vw, 70px);
	}
	.s-chawanSearch__list--gara{
		gap: 20px 10px;
	}
	.s-chawanSearch__tag__gara{
		width: 120px;
		height: 50px;
	}
	.s-chawanSearch__btn{
		padding: 30px 0;
		max-width: 460px;
		margin: 0 auto;
		gap: 20px;
	}
	.g-searchBox__chawan{
		padding: 15px 0;
		gap: 20px;
	}
	.g-searchBox__chawan span{
		font-size: var(--FZ_20);
	}
	.g-searchBox__chawan__toggle::before,.g-searchBox__chawan__toggle::after{
		width: 15px;
	}
	.is-active .g-searchBox__chawan__toggle::after{
		width: 15px;
	}
}
@media screen and (max-width: 767px) {
  .s-chawanSearch {
    padding: 0 15px 15px;
  }
  /* .s-chawanSearch__form {
    margin-inline: calc(50% - 50vi)
  } */
  .s-chawanSearch dt {
    padding: 20px 0 20px 10px;
  }
	.s-chawanSearch dd {
		display: none;
    padding: 0 0 20px 10px;
	}
	.s-chawanSearch dt {
		position: relative;
    margin-top: 3px;
	}
	/* .s-chawanSearch dt span{
		display: inline-block;
		position: relative;
		aspect-ratio: 1 / 1;
		position: absolute;
		width: 15px;
		right: 8px;
		top: 25px;
		border: .5px solid var(--DARK01);
		border-radius: 50%;
	}
	.s-chawanSearch dt span::before,.s-chawanSearch dt span::after{
		content: "";
		display: inline-block;
		background: var(--DARK01);
		width: 60%;
		height: 1px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.s-chawanSearch dt span::after{
		transition: .3s;
		transform: translate(-50%, -50%) rotate(90deg);
	}
	.s-chawanSearch dt.active span::after{
		transform: translate(-50%, -50%) rotate(180deg);
	} */
	.s-chawanSearch dd{
		display: none;
	}
	.s-chawanSearch dd:not(:last-child){
		border-bottom: 1px solid var(--GRAY03);
	}
	.s-chawanSearch__list{
		gap: 7px;
    font-size: 12px;
	}
	.s-chawanSearch__list label{
		gap: 2px;
	 }
	.s-chawanSearch__tag__color{
		width: 15px;
		height: 15px;
	}
	.s-chawanSearch__list--sanchi label{
		padding: 7px 17px 7px 20px;
	}
	.s-chawanSearch__tag__katachi{
		width: 45px;
	}
	.s-chawanSearch__list--katachi{
		display: grid;
		grid-template-columns: repeat(4,1fr);
		column-gap: 15px;
		row-gap: 7px;
	}
	.s-chawanSearch__list--gara{
		display: grid;
		grid-template-columns: repeat(3,1fr);
		row-gap: 12px;
	}
	.s-chawanSearch__tag__gara{
		width: 100%;
		height: 40px;
	}
  .s-chawanSearch__btn{
		margin: 0 auto;
		gap: 10px;
		padding-bottom: 30px;
	}
	.g-searchBox__chawan{
		padding: 20px 0;
		gap: 15px;
	}
	.g-searchBox__chawan span{
		font-size: 16px;
	}
	.g-searchBox__chawan__toggle::before,.g-searchBox__chawan__toggle::after{
		width: 12px;
	}
	.is-active .g-searchBox__chawan__toggle::after{
		width: 12px;
	}
}
/* ■■■■■■■■■■ギフト■■■■■■■■■■ */
.s-gift__ttl span{
	color: var(--WHITE);
  display: inline-block;
  letter-spacing: 0.2em;
}
.s-bnr li img{
	border-radius: var(--IMG_BDRS);
}
.s-gift__recGift--imgR,.s-gift__recGift--imgL{
  display: grid;
}
.s-gift__recGift--ttl{
	display: flex;
	align-items: center;
}
.s-gift__recGift--dec{
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: var(--FF_NOTO);
	font-weight: 500;
  color: var(--WHITE); 
  border-radius: 50%;
  text-align: center;
	aspect-ratio: 1 / 1;
}
.s-gift__recGift--name{
  display: inline-block;
}
.s-gift__recGift--txt{
	font-family: var(--FF_NOTO);
}
.s-gift__bn__img{
	width: var(--INNER_WIDTH);
	margin: 0 auto;
}
.s-gift__bn__img img{
  border-radius: var(--IMG_BDRS);
}
.s-gift__recGift > li{
	background-repeat: no-repeat;
}
.s-ivent__area{
	background-color: #F4F2E7;
	background-image: url(/asset2024/images/gift/ivent_bg.png);
	background-repeat: no-repeat;
}
.s-ivent__list{
	font-family: var(--FF_NOTO);
	font-weight: 500;
	display: flex;
	flex-wrap: wrap;
}
.s-ivent__list li a{
	border-bottom: 1px solid var(--RANKING_1ST);
	display: inline-block;
}
@media screen and (min-width: 768px){
	.s-gift__fv{
		margin: -4px;
	}
	.s-gift__ttl{
		display: inline-flex;
		flex-direction: column;
		margin-left: 80px;
		align-items: flex-start;
		writing-mode: vertical-rl;
	}
	.s-gift__ttl span{
    font-size: var(--FZ_35);
    padding: 3px;
		position: relative;
	}
	.s-gift__ttl span::before{
		content: "";
    position: absolute;
    width: 1px;
    height: calc(100% - 12px);
    background-color: var(--GREEN01);
    left: 0;
	}
	.s-bnr{
		display: flex;
    justify-content: center;
    gap: var(--GAP_20);
	}
	.s-bnr li{
		width: calc(50% - var(--GAP_10));
	}
	.s-gift__recGift > li{
  padding: var(--GAP_50);
	background-size: 25%;
	}
	.s-gift__recGift > li:nth-child(odd){
		background-image: url(/asset2024/images/gift/gold_l.png), url(/asset2024/images/gift/gold_r.png);
    background-position: left top,right bottom;
	}
	.s-gift__recGift > li:nth-child(even){
		background-image: url(/asset2024/images/gift/gold_r.png), url(/asset2024/images/gift/gold_l.png);
    background-position: right top,left bottom;
	}
	.s-gift__recGift li > .g-btnContainer{
		margin: 0 auto;
	}
	.s-gift__recGift--imgR{
		grid-template-columns: 3fr 1fr;
		column-gap: var(--GAP_50);
	}
	.s-gift__recGift--imgL{
		grid-template-columns: 1fr 3fr;
		column-gap: var(--GAP_50);
	}
	.s-gift__recGift--dec{
		font-size: var(--FZ_16);
		width: 80px;
	}
	.s-gift__recGift--ttl{
		gap: var(--GAP_20);
	}
	.s-gift__recGift--name{
		font-size: var(--FZ_20);
		line-height: 1.5em;
	}
	.s-gift__recGift--txt{
    margin-top: var(--GAP_20);
	}
	.s-gift__bn__img{
		max-width: 560px;
	}
	.g-search__cat--purpose{
		padding: 0 var(--GAP_20);
	}
	.s-giftBtn{
		max-width: 240px;
	}
	.s-giftBtn a,.s-giftBtn__3clm a{
		padding: 8px 0;
		font-size: var(--FZ_12);
	}
	.s-giftBtn__3clm{
		display: flex;
		margin: var(--GAP_20) auto 0;
		gap: 10px;
    max-width: 560px;
	}
	.s-ivent__area{
		background-size: 15%;
		background-position: 20px -30px;
		padding: var(--GENERALSEC_HALF) 0;
	}
	.s-ivent__list{
		column-gap: 10px;
		row-gap: 30px;
		padding: 0 50px;
	}
	.s-ivent__list li a{
		padding: 6px 20px;
	}
	.s-chadougu__search .g-search__top{
		margin: 0 var(--GAP_20);
	}
}
@media screen and (max-width: 767px){
	.s-gift__ttl{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.s-gift__ttl span{
    font-size: 20px;
		position: relative;
		padding-bottom: 2px;
	}
	.s-gift__ttl span::before{
		content: "";
		position: absolute;
		width: calc(100% - 5px);
		height: 1px;
		background-color: var(--GREEN01);
		bottom: 0;
	}
	.s-bnr{
		display: grid;
    gap: 20px;
    grid-template-rows: repeat(2, 1fr);
	}
	.s-gift__recGift{
		--OYA: calc(50% - 50vw);
    margin-left: var(--OYA);
    margin-right: var(--OYA);
	}
	.s-gift__recGift > li{
		padding: 30px 15px;
		background-size: 60%;
		background-image: url(/asset2024/images/gift/gold_r.png);
		background-position: right bottom;
	}
	.s-gift__recGift--imgA{
    order: 2;
		margin-top: 20px;
	}
	.s-gift__recGift--txtA{
		display: contents;
	}
	.s-gift__recGift--dec{
		font-size: 12px;
		width: 60px;
	}
	.s-gift__recGift--ttl{
		order: 1;
		gap: 10px;
	}
	.s-gift__recGift--name{
		font-size: 15px;
		line-height: 1.5em;
	}
	.s-gift__recGift--txt{
		order: 3;
    margin-top: 20px;
		font-size: 13px;
	}
	.s-giftBtn{
		margin-top: 20px;
	}
	.s-giftBtn__3clm{
		display: grid;
		gap: 7px;
		margin-top: 20px;
	}
	.s-ivent__area{
		background-size: 35%;
		background-position: -5px -25px;
		padding: var(--GENERALSEC_HALF) 0;
		--OYA: calc(50% - 50vw);
    margin-left: var(--OYA);
    margin-right: var(--OYA);
	}
	.s-ivent__list{
		column-gap: 10px;
		row-gap: 18px;
		padding: 0 5px;
	}
	.s-ivent__list li a{
		font-size: 12px;
		padding: 2px 15px;
	}
	.g-search__purpose{
		padding: 0 10px;
	}
}
/* ■■■■■■■■■■ギフト包装・のし■■■■■■■■■■ */
.s-giftwp__ttl span{
  display: inline-block;
  letter-spacing: 0.2em;
}
.s-giftwp__anchor{
	display: grid;
	/* grid-template-columns: repeat(3,1fr); */
	/* よくある質問非表示のため */
	grid-template-columns: repeat(2,1fr);
}
.s-giftwp__anchor li{
	background-color: var(--WHITE);
	text-align: center;
}
.s-giftwp__anchor a{
	display: inline-block;
	position: relative;
}
.s-giftwp__anchor a::after{ 
  position: absolute;
	display: inline-block;
	content: "";
	background: url(/asset2024/images/ec/common/drop_arrow.svg) no-repeat center center / 100%;
	aspect-ratio: 1 / 1;
}
.s-giftwp__decoration,.s-giftwp__decoration--faq{
	position: relative;
}
.s-giftwp__decoration::before,.s-giftwp__decoration--faq::before{
	position: absolute;
	content: "";
	left: 0;
	bottom: -1px;
	border-bottom: 2px solid var(--RED01);
}
.s-giftwp__gift--kindCnt,.s-giftwp__gift--muryoWrap--img,.s-giftwp__gift--yuryoBag,.s-giftwp__yuryo--card,.s-giftwp__gift--flowCnt,.s-giftwp__gift--flowCnt li{
	display: grid;
}
.s-giftwp__gift--flow{
	/* padding-bottom: var(--GENERALSEC); */
	/* FAQ非表示のため */
}
.s-giftwp__gift--bgWhite{
	background-color: var(--WHITE);
	/* position: relative; */
}
.s-giftwp__gift--sb{
	text-align: center;
}
.s-giftwp__muryoNoshi--img{
	text-align: center;
}
.s-giftwp__muryoNoshi--imgTtl{
	font-family: var(--FF_NOTO);
	display: inline-block;
}
.s-giftwp__muryoNoshi--imgCap{
	display: flex;
}
.s-giftwp__yuryo--card img{
	box-shadow: 4px 3px 4px var(--GRAY02);
}
.s-giftwp__flow--noshi{
	font-family: var(--FF_NOTO);
	font-weight: var(--FF_W_M);
	text-decoration: underline;
	display: block;
}
.s-giftwp__txtBox p{
	line-height: 1.7;
}
@media screen and (min-width: 768px){
	.s-giftwp__fvBimg{
		background: no-repeat center center / cover;
	}
	.s-giftwp__fvArea{
		padding-top: 70px;
	}
	.s-giftwp__ttl{
		display: flex;
    flex-direction: column;
    margin-left: 80px;
    align-items: flex-start;
		writing-mode: vertical-rl;
	}
	.s-giftwp__ttl span{
		font-size: var(--FZ_26);
		color: var(--RANKING_1ST);
    padding: 3px;
    position: relative;
	}
	.s-giftwp__anchor{
		gap: 20px
	}
	.s-giftwp__anchor li{
		font-size: var(--FZ_18);
	}
	.s-giftwp__anchor a{
		padding: 15px 20px 15px 0;
	}
	.s-giftwp__anchor a::after{ 
		width: 13px;
		margin-left: 10px;
		margin-top: 11px;
	}
	.s-giftwp__decoration{
		padding-top: var(--GAP_75);
	}
	.s-giftwp__gift--kind h1{
		font-size: var(--FZ_28);
	}
	.s-giftwp__decoration::before{
		width: 250px;
	}
	.s-giftwp__decoration--faq::before{
		width: 350px;
	}
	.s-giftwp__gift--kindCnt{
		grid-template-columns: 7fr 2.5fr;
		gap: var(--GAP_50);
	}
	.s-giftwp__gift--kindSt{
		font-size: var(--FZ_20);
	}
	.s-giftwp__gift--bgWhite{
		padding: 70px var(--GAP_50);
	}
	.s-giftwp__gift--vrArea{
		flex: 1;
	}
	.s-giftwp__gift--vrArea h3:not(:first-of-type){
		margin-top: 100px;
	}
	.s-giftwp__gift--vr{
		position: sticky;
		display: inline-block;
	  width: fit-content;
		font-size: var(--FZ_28);
		font-weight: 500;
		top: 150px;
		height: 100%;
		padding-right: 5px;
	}
	.s-giftwp__gift--muryo,.s-giftwp__gift--yuryo{
		display: flex;
	}
	.s-giftwp__gift--muryoTtl{
		border-right: 1px solid var(--DARK01);
	}
	.s-giftwp__gift--yuryoTtl{
    border-right: 1px solid var(--RED01);
		color: var(--RED01);
	}
	.s-giftwp__gift--sb{
		font-size: var(--FZ_20);
	}
	.s-giftwp__gift--muryoNoshi{
		padding-left: var(--GAP_50);
		display: grid;
		gap: var(--GAP_50);
	}
	.s-giftwp__txtBox h4{
		font-size: var(--FZ_18);
	}
	.s-giftwp__gift--muryoNoshi li,.s-giftwp__gift--muryoWrap{
		display: grid;
		grid-template-columns: 2fr 3fr;
		gap: var(--GAP_40);
	}
	.s-giftwp__muryoNoshi--imgArea,.s-giftwp__muryoWrap--imgArea{
		display: flex;
		gap: 10px;
	}
	.s-giftwp__muryoNoshi--imgTtl{
		font-size: var(--FZ_14);
		margin-bottom: 7px;
	}
	.s-giftwp__muryoNoshi--imgCap{
		font-size: var(--FZ_11);
		margin-top: 5px;
	}
	.s-giftwp__gift--muryoWrap,.s-giftwp__gift--muryoWrap--img,.s-giftwp__gift--yuryoBag,.s-giftwp__gift--yuryoMc{
		padding-left: var(--GAP_50);
	}
	.s-giftwp__gift--muryoWrap--img{
		grid-template-columns: repeat(3,1fr);
		gap: 10px;
	}
	.s-giftwp__muryoWrap--imgCap{
		margin-top: 7px;
		display: flex;
		justify-content: center;
	}
	.s-giftwp__gift--yuryoBag,.s-giftwp__gift--flowCnt li{
		grid-template-columns: repeat(2,1fr);
		gap: var(--GAP_50);
	}
	.s-giftwp__yuryo--card{
		grid-template-columns: repeat(4,1fr);
		gap: var(--GAP_40) 15px;
	}
	.s-yuryo--card{
    font-size: var(--FZ_14);
	}
	.s-giftwp__gift--flowCnt{
		gap: var(--GAP_50);
	}
	.s-giftwp__flow--noshi{
		font-size: var(--FZ_16);
	}
}
@media screen and (max-width: 767px){
	.s-giftwp__fvBimg{
		background: no-repeat left center / cover;
	}
	.s-giftwp__fvArea{
		padding-top: 50px;
	}
	.s-giftwp__ttl {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
  }
	.s-giftwp__ttl span {
		font-size: 16px;
		color: var(--BROWN02);
		position: relative;
		padding-bottom: 2px;
  }
	.s-giftwp__anchor{
		gap: 10px
	}
	.s-giftwp__anchor li{
		font-size: 12px;
	}
	.s-giftwp__anchor a{
		padding: 10px 6px 20px 6px;
	}
	.s-giftwp__anchor a::after{ 
		width: 8px;
		top: calc(100% - 15px);
		left: 47%;
	}
	.s-giftwp__decoration{
		padding-top: 50px;
	}
	.s-giftwp__decoration::before{
		width: 180px;
	}
	.s-giftwp__decoration--faq::before{
		width: 245px;
	}
	.s-giftwp__gift--kindCnt{
		gap: var(--GAP_50);
	}
	.s-giftwp__gift--kindCnt li:first-child{
    order: 2;
	}
	.s-giftwp__gift--kindCnt li:nth-child(2){
    order: 1;
		width: 55%;
		margin: 0 auto;
		padding-top: 20px;
	}
	.s-giftwp__gift--kindCnt p{
		font-size: 13px;
	}
	.s-giftwp__gift--kindSt,.s-giftwp__gift--sb{
		font-size: 16px;
		font-weight: var(--FF_W_B);
	}
	.s-giftwp__gift--vr{
		font-size: 16px;
		display: flex;
		justify-content: center;
		padding: 0 0 2px 6px;
		margin-bottom: 20px;
		letter-spacing: 0.5em;
	}
	.s-giftwp__gift--kind > .s-mt70{
		margin-top: 0;
	}
	.s-giftwp__gift--muryoTtl{
		border-bottom: 1px solid var(--DARK01);
	}
	.s-giftwp__gift--yuryoTtl{
    border-bottom: 1px solid var(--RED01);
		color: var(--RED01);
	}
	.s-giftwp__gift--bgWhite{
		padding: 50px 20px;
	}
	.s-giftwp__txtBox h4{
		font-size: 14px;
	}
	.s-giftwp__txtBox p,.s-giftwp__gift--yuryoBag p,.s-giftwp__gift--yuryoMc p{
		font-size: 13px;
	}
	.s-giftwp__muryoNoshi--txtArea p,.s-giftwp__gift--muryoWrap p,.s-giftwp__gift--yuryoBag p{
		font-size: 13px;
		margin-bottom: 10px;
	}
	.s-giftwp__muryoNoshi--imgTtl{
		font-size: 13px;
		margin-bottom: 4px;
	}
	.s-giftwp__muryoNoshi--imgArea{
		margin-bottom: 30px;
		display: grid;
		grid-template-columns: repeat(2,1fr);
		gap: 7px;
	}
	.s-giftwp__muryoNoshi--imgCap,.s-giftwp__muryoWrap--imgCap{
		font-size: 11px;
		margin-top: 5px;
		text-align: left;
	}
	.s-giftwp__muryoWrap--imgArea{
		display: flex;
		gap: 7px;
	}
	.s-giftwp__gift--muryoWrap--img{
		grid-template-columns: repeat(2,1fr);
		column-gap: 7px;
		row-gap: 10px;
	}
	.s-giftwp__yuryo--card{
		grid-template-columns: repeat(2,1fr);
		gap: 15px 10px;
	}
	.s-yuryo--card{
    font-size: 11px;
	}
	.s-giftwp__gift--flowCnt{
		gap: 20px;
	}
	.s-giftwp__gift--flowCnt li{
		gap: 20px;
	}
	.s-giftwp__gift--vrArea h3:not(:first-of-type){
		margin-top: 50px;
	}
}
/* -------- ギフトのよくあるご質問 ---------- */
.s-giftwp__decoration--faq{
	position: relative;
	border-bottom: 1px solid var(--GRAY03);
}

/* .s-gift--faq dt {
	display: block;
	-webkit-box-shadow: 0 0 0 1px #ccc inset;
	box-shadow: 0 0 0 1px #ccc inset;
	padding: 2% 2% 2% 7%;
	background: url(../img/open.svg) no-repeat 97% center, url(../img/icon-q.svg) no-repeat 3% 20px;
	background-size: 12px 12px;
	margin: -1px 0 0 0;
}
.s-gift--faq dd {
	display: none;
	width: 95%;
	background: url(../img/icon-a.svg) no-repeat 3% 20px #e5ebd9;
	background-size: 12px 12px;
	-webkit-box-shadow: 0 0 0 1px #ccc inset;
	box-shadow: 0 0 0 1px #ccc inset;
	padding: 2% 2% 2% 7%;
	margin: -1px 0 0 0;
} */

@media screen and (min-width: 768px){
	.s-giftwp__decoration--faq{
		font-size: var(--FZ_28);
		padding-bottom: 5px;
		padding-top: var(--GENERALSEC);
	}
}
@media screen and (max-width: 767px){
	.s-giftwp__decoration--faq{
		font-size: 20px;
		padding-bottom: 2px;
		padding-top: var(--GENERALSEC);
	}
}

/* 2025.1.11 guidepage */
.case-send dd:last-child{
	background: none;
}