@charset "utf-8";
/* ■■■■■■■■■■詳細検索■■■■■■■■■■ */
/* g-pageHeadingContainer */
@media screen and (min-width: 768px){
	.g-pageHeadingContainer{
		margin-block: var(--spc-50) var(--spc-60);
	}
}
@media screen and (max-width: 767px){
	.g-pageHeadingContainer{
		margin-block: 30px;
	}
}
/* s-adsearch */
.tab-wrap--search > .tab-nav > .tab-btn{
	background-color: var(--c-gray-200);
	color: var(--c-white);
	position: relative;
	text-align: center;
}
.tab-wrap--search > .tab-nav > .tab-btn.show{
	background-color: var(--c-black);
}
.tab-wrap--search > .tab-nav > .tab-btn.show::after{
	content: "";
	display: inline-block;
	background-color: var(--c-black);
	aspect-ratio: 2/1;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	position: absolute;
	top: 99%;
	left: 50%;
	transform: translateX(-50%);
}
.s-adsearch__keywordLink{
	border-bottom: 1px solid var(--bd-c-gray);
}
.s-adsearch__keywordLink__ttl{
	text-align: center;
}
.s-adsearch__keywordLink__keyword{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.s-adsearch__keywordLink__keyword a{
	background-color: var(--c-beige-300);
	color: var(--c-gray-500);
	border-radius: 16px;
}
.s-adsearch__keywordLink__keyword a::before{
	content: "#";
}
@media (hover: hover){
	.tab-wrap--search > .tab-nav > .tab-btn{
		transition: background-color 0.3s;
	}
	.tab-wrap--search > .tab-nav > .tab-btn:hover{
		background-color: var(--c-black);
	}
}
@media screen and (min-width: 768px){
	.s-adsearch{
		max-width: 1100px;
		margin-inline: auto;
		padding-block: var(--spc-60);
	}
	.tab-wrap--search{
		width: 95%;
		max-width: 850px;
		margin-inline: auto;
	}
	.tab-wrap--search > .tab-nav{
		gap: var(--spc-20);
		margin-bottom: var(--spc-60);
	}
	.tab-wrap--search > .tab-nav > .tab-btn{
		font-size: var(--fz-16);
		padding-block: 13px;
		letter-spacing: 0.3em;
	}
	.tab-wrap--search > .tab-nav > .tab-btn.show::after{
		width: 16px;
	}
	.s-adsearch__keywordLink{
		padding-bottom: var(--spc-60);
		margin-bottom: var(--spc-60);
	}
	.s-adsearch__keywordLink__ttl{
		font-size: var(--fz-18);
		margin-bottom: var(--spc-40);
	}
	.s-adsearch__keywordLink__keyword{
		gap: 15px var(--spc-20);
	}
	.s-adsearch__keywordLink__keyword a{
		padding: 1px var(--spc-20) 2px;
		font-size: var(--fz-16);
	}
}
@media screen and (max-width: 767px){
	.tab-wrap--search{
		width: var(--inner-w);
		margin-inline: auto;
		padding-block: 30px;
	}
	.tab-wrap--search > .tab-nav{
		gap: 5px;
		margin-bottom: 30px;
	}
	.tab-wrap--search > .tab-nav > .tab-btn{
		font-size: 12px;
		padding-block: 8px;
	}
	.tab-wrap--search > .tab-nav > .tab-btn.show::after{
		width: 12px;
	}
	.s-adsearch__keywordLink{
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	.s-adsearch__keywordLink__ttl{
		font-size: 16px;
		margin-bottom: 20px;
	}
	.s-adsearch__keywordLink__keyword{
		gap: 10px;
	}
	.s-adsearch__keywordLink__keyword a{
		padding: 3px 15px;
		font-size: 12px;
	}
}

/* s-adsearch__form */
.s-adsearch__form{
	--input-height-pc: 50px;
	--input-height-sp: 40px;
	--input-bg-color: var(--c-gray-100);
	--input-padding-inline: 15px;
	--contents-gap-pc: var(--spc-60);
	--contents-gap-sp: 40px;
}
.s-adsearch__contents{
	display: grid;
}
.s-adsearch__item dt{
	display: flex;
	align-items: baseline;
}
.s-adsearch__item__desc{
	text-decoration: underline;
}
@media (hover: hover){
	.s-adsearch__item__desc:hover{
		text-decoration: underline;
		color: var(--theme-c-sub);
	}
}
@media screen and (min-width: 768px){
	.s-adsearch__contents{
		grid-template-columns: repeat(2,1fr);
		gap: var(--contents-gap-pc) var(--spc-50);
	}
	.s-adsearch__item:has(.s-adsearch__icon, .s-adsearch__checkbox){
		grid-column: span 2;
	}
	.s-adsearch__item--col2{
		grid-column: span 2;
	}
	.s-adsearch__item dt{
		gap: var(--spc-15);
		margin-bottom: 10px;
	}
	.s-adsearch__item__ttl{
		font-size: var(--fz-18);
	}
	.s-adsearch__item__desc{
		font-size: var(--fz-12);
	}
}
@media screen and (max-width: 767px){
	.s-adsearch__contents{
		gap: var(--contents-gap-sp);
	}
	.s-adsearch__item dt{
		gap: 5px;
		margin-bottom: 7px;
	}
	.s-adsearch__item__ttl{
		font-size: 16px;
	}
	.s-adsearch__item__desc{
		font-size: 11px;
	}
	
}

/* s-adsearch__select */
.s-adsearch__select{
	background-color: var(--input-bg-color);
	position: relative;
}
.s-adsearch__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;
}
.s-adsearch__select select{
	width: 100%;
	color: var(--txt-c-base);
	position: relative;
	z-index: 2;
	letter-spacing: 0.1em;
	padding-inline: var(--input-padding-inline);
}
.s-adsearch__select select.is-placeholder{
	color: var(--txt-c-addon);
}
@media screen and (min-width: 768px){
	.s-adsearch__select select{
		height: var(--input-height-pc);
	}
	.s-adsearch__select::after{
		right: 20px;
		width: 20px;
	}
}
@media screen and (max-width: 767px){
	.s-adsearch__select select{
		height: var(--input-height-sp);
	}
	.s-adsearch__select::after{
		right: 15px;
		width: 15px;
	}
}
/* s-adsearch__icon */
.s-adsearch__icon{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(var(--this-item-size),1fr));
}
.s-adsearch__icon input[type="checkbox"]{
  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-adsearch__icon label{
	display: flex;
	flex-direction: column;
	position: relative;
}
.s-adsearch__icon label::before,
.s-adsearch__icon label::after{
	content: "";
	display: inline-block;
	aspect-ratio: 1/1;
}
.s-adsearch__icon label::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;
}
.s-adsearch__icon label::after{
	background: var(--c-gray-250);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}
.s-adsearch__icon label[for*="italian-collar-wide"]::before{
	--this-icon: var(--data-icon-italian-collar-wide);
}
.s-adsearch__icon label[for*="wing-collar"]::before{
	--this-icon: var(--data-icon-wing-collar);
}
.s-adsearch__icon label[for*="cleric"]::before{
	--this-icon: var(--data-icon-cleric);
}
.s-adsearch__icon label[for*="stand-collar"]::before{
	--this-icon: var(--data-icon-stand-collar);
}
.s-adsearch__icon label[for*="snap-down"]::before{
	--this-icon: var(--data-icon-snap-down);
}
.s-adsearch__icon label[for*="tab-collar"]::before{
	--this-icon: var(--data-icon-tab-collar);
}
.s-adsearch__icon label[for*="duebottoni"]::before{
	--this-icon: var(--data-icon-duebottoni);
}
.s-adsearch__icon label[for*="trebottoni"]::before{
	--this-icon: var(--data-icon-trebottoni);
}
.s-adsearch__icon label[for*="pinhole-collar"]::before{
	--this-icon: var(--data-icon-pinhole-collar);
}
.s-adsearch__icon label[for*="horizontal-collar"]::before{
	--this-icon: var(--data-icon-horizontal-collar);
}
.s-adsearch__icon label[for*="button-down"]::before{
	--this-icon: var(--data-icon-button-down);
}
.s-adsearch__icon label[for*="miter-collar"]::before{
	--this-icon: var(--data-icon-miter-collar);
}
.s-adsearch__icon label[for*="regular-collar"]::before{
	--this-icon: var(--data-icon-regular-collar);
}
.s-adsearch__icon label[for*="wide-collar"]::before{
	--this-icon: var(--data-icon-wide-collar);
}
.s-adsearch__icon label[for*="italian-collar-buttoned"]::before{
	--this-icon: var(--data-icon-italian-collar-buttoned);
}
.s-adsearch__icon label[for*="italian-collar-skipper"]::before{
	--this-icon: var(--data-icon-italian-collar-skipper);
}
.s-adsearch__icon label[for*="double-cuffs"]::before{
	--this-icon: var(--data-icon-double-cuffs);
}
.s-adsearch__icon label[for*="convertible-cuffs"]::before{
	--this-icon: var(--data-icon-convertible-cuffs);
}
.s-adsearch__icon label[for*="long-sleeve"]::before{
	--this-icon: var(--data-icon-long-sleeve);
}
.s-adsearch__icon label[for*="seven-tenths-sleeve-shirt"]::before{
	--this-icon: var(--data-icon-seven-tenths-sleeve-shirt);
}
.s-adsearch__icon label[for*="short-sleeve-shirt"]::before{
	--this-icon: var(--data-icon-short-sleeve-shirt);
}
.s-adsearch__icon label[for*="style-slim-fit"]::before{
	--this-icon: var(--data-icon-style-slim-fit);
}
.s-adsearch__icon label[for*="ladies-style-slim-fit"]::before{
	--this-icon: var(--data-icon-ladies-style-slim-fit);
}
.s-adsearch__icon label[for*="style-natural-fit"]::before{
	--this-icon: var(--data-icon-style-natural-fit);
}
.s-adsearch__icon label[for*="style-relax-fit"]::before{
	--this-icon: var(--data-icon-style-relax-fit);
}
.s-adsearch__icon label[for*="style-regular-fit"]::before{
	--this-icon: var(--data-icon-style-regular-fit);
}
.s-adsearch__icon label[for*="pocketed"]::before{
	--this-icon: var(--data-icon-pocketed);
}
.s-adsearch__icon label[for*="pocketless"]::before{
	--this-icon: var(--data-icon-pocketless);
}
.s-adsearch__icon input[type="checkbox"]:checked + label::after{
	background-color: var(--c-black);
}
.s-adsearch__icon span{
	display: block;
	text-align: center;
	line-height: 1.5;
}
@media (hover: hover){
	.s-adsearch__icon li label:hover{
		cursor: pointer;
	}
	.s-adsearch__icon li label::after{
		transition: background-color 0.2s;
	}
	.s-adsearch__icon li:hover label::after{
		background-color: var(--c-black-op50);
	}
}
@media screen and (min-width: 768px){
	.s-adsearch__icon{
		--this-item-size: 120px;
		gap: 13px var(--spc-20);
	}
	.s-adsearch__icon span{
		font-size: var(--fz-12);
		margin-top: 5px;
	}
}
@media screen and (max-width: 767px){
	.s-adsearch__icon{
		--this-item-size: 70px;
		gap: 10px 5px;
	}
	.s-adsearch__icon span{
		font-size: 9px;
		margin-top: 3px;
		letter-spacing: 0;
	}
}
/* s-adsearch__color */
.s-adsearch__color{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(var(--this-item-size),1fr));
}
.s-adsearch__color input[type="checkbox"]{
  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-adsearch__color label{
	display: flex;
	flex-direction: column;
	position: relative;
}
.s-adsearch__color label::before{
	content: "";
	display: inline-block;
	aspect-ratio: 1/1;
	width: 100%;
	border-radius: 50%;
	box-sizing: border-box;

}
.s-adsearch__color label[for*="color"]::before{
	background: var(--this-color);
}
.s-adsearch__color label[for*="color-white"]::before{
	--this-color: #fff;
	border: 1px solid #d1d1d1;
}
.s-adsearch__color label[for*="color-black"]::before{
	--this-color: #0E0E0E;

}
.s-adsearch__color label[for*="color-gray"]::before{
	--this-color: #C7C7C7;
}
.s-adsearch__color label[for*="color-silver"]::before{
	--this-color: linear-gradient(45deg, #a5a4a4 0%, #9E9E9E 45%, #E8E8E8 70%, #9E9E9E 85%, #757575 90% 100%);;
}
.s-adsearch__color label[for*="color-gold"]::before{
	--this-color: linear-gradient(45deg, #ce980f 0%, #FFD700 45%, #FFF8DC 70%, #FFD700 85%, #d29a0d 90% 100%);
}
.s-adsearch__color label[for*="color-blue"]::before{
	--this-color: #ABD8FF;
}
.s-adsearch__color label[for*="color-purple"]::before{
	--this-color: #8370BB;
}
.s-adsearch__color label[for*="color-red-pink"]::before{
	--this-color: #FB6F6F;
}
.s-adsearch__color label[for*="color-yellow-orange"]::before{
	--this-color: #FEC53B;
}
.s-adsearch__color label[for*="color-brown-beige"]::before{
	--this-color: #856C47;
}
.s-adsearch__color label[for*="color-green"]::before{
	--this-color: #3AAB76;
}
.s-adsearch__color label[for*="pattern"]::before{
	background: var(--this-pattern) no-repeat center center / cover;
}
.s-adsearch__color label[for*="pattern-solid"]::before{
	--this-pattern: url(/asset2026/images/common/img_muji.jpg);
}
.s-adsearch__color label[for*="pattern-stripe"]::before{
	--this-pattern: url(/asset2026/images/common/img_stripe.jpg);
}
.s-adsearch__color label[for*="pattern-check"]::before{
	--this-pattern: url(/asset2026/images/common/img_check.jpg);
}
.s-adsearch__color label[for*="pattern-other"]::before{
	--this-pattern: url(/asset2026/images/common/img_others.jpg);
}
.s-adsearch__color input[type="checkbox"]:checked + label::before{
	border: var(--this-border-width, 1px) solid var(--this-border-color, transparent);
	--this-border-color: var(--c-black);
	--this-border-width: 2px;
}
.s-adsearch__color input[type="checkbox"]:checked + label[for*="color-black"]::before{
	--this-border-color: var(--c-beige-300);
}
.s-adsearch__color label span{
	display: block;
	text-align: center;
	line-height: 1.5;
}
.s-adsearch__color label::after{
	content: "";
	display: inline-block;
	--this-mask: var(--data-icon-color-check) no-repeat center center / 50%;
	mask: var(--this-mask);
	-webkit-mask: var(--this-mask);
	background-color: var(--this-check-color, transparent);
	aspect-ratio: 1/1;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}
.s-adsearch__color input[type="checkbox"]:checked + label::after{
	--this-check-color: var(--c-black);
}
.s-adsearch__color input[type="checkbox"]:checked + label[for*="color-black"]::after{
	--this-check-color: var(--c-white);
}
@media (hover: hover){
	.s-adsearch__color label::after{
		transition: .2s;
	}
	.s-adsearch__color label:hover{
		cursor: pointer;
	}
	.s-adsearch__color input[type="checkbox"]:hover + label::after{
		--this-check-color: var(--c-black);
		opacity: 0.5;
	}
	.s-adsearch__color input[type="checkbox"]:hover + label[for*="color-black"]::after{
		--this-check-color: var(--c-white);
	}
}
@media screen and (min-width: 768px){
	.s-adsearch__color{
		--this-item-size: 64px;
		gap: 15px var(--spc-20);
	}
	.s-adsearch__color label{
		gap: 3px;
	}
	.s-adsearch__color label span{
		font-size: 12px;
		letter-spacing: 0;
	}
}
@media screen and (max-width: 767px){
	.s-adsearch__color{
		--this-item-size: 50px;
		gap: 10px;
	}
	.s-adsearch__color label{
		gap: 2px;
	}
	.s-adsearch__color label span{
		font-size: 9px;
		letter-spacing: 0;
	}
}

/* s-adsearch__price */
.s-adsearch__price{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	position: relative;
}
.s-adsearch__price::after{
	content: "〜";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.s-adsearch__price input[type="text"]{
	background-color: var(--input-bg-color);
	padding-inline: var(--input-padding-inline);
	border: none;
	border-radius: 0;
	display: block;
}
.s-adsearch__price input[type="text"]::placeholder{
	color: var(--txt-c-addon);
}
@media screen and (min-width: 768px){
	.s-adsearch__price{
		gap: var(--spc-40);
	}
	.s-adsearch__price input[type="text"]{
		height: var(--input-height-pc);
	}
}
@media screen and (max-width: 767px){
	.s-adsearch__price{
		gap: 30px;
	}
	.s-adsearch__price input[type="text"]{
		height: var(--input-height-sp);
	}
}

/* s-adsearch__checkbox */
.s-adsearch__checkbox input[type="checkbox"]{
	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-adsearch__checkbox label{
	display: flex;
	align-items: center;
	gap: 10px;
	position: relative;
}
.s-adsearch__checkbox label::before{
	content: "";
	display: inline-block;
	background-color: var(--input-bg-color);
	aspect-ratio: 1/1;
	width: var(--this-checkbox-size);
}
.s-adsearch__checkbox label::after{
	content: "";
	display: inline-block;
	--this-mask: var(--data-icon-checkbox) no-repeat center center / 100%;
	mask: var(--this-mask);
	-webkit-mask: var(--this-mask);
	background-color: var(--c-black);
	aspect-ratio: 1/1;
	width: var(--this-checkbox-size);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	opacity: 0;
}
.s-adsearch__checkbox input[type="checkbox"]:checked + label::after{
	opacity: 1;
}
@media (hover: hover){
	.s-adsearch__checkbox label::after{
		transition: .1s;
	}
	.s-adsearch__checkbox input[type="checkbox"]:hover + label::after{
		opacity: 0.3;
	}
}
@media screen and (min-width: 768px){
	.s-adsearch__checkbox{
		display: flex;
		flex-wrap: wrap;
		gap: var(--spc-30);
	}
	.s-adsearch__checkbox label{
		--this-checkbox-size: 20px;
	}
	.s-adsearch__checkbox label span{
		font-size: var(--fz-16);
	}
}
@media screen and (max-width: 767px){
	.s-adsearch__checkbox{
		display: grid;
		grid-template-columns: repeat(2,1fr);
		gap: 10px;
	}
	.s-adsearch__checkbox label{
		--this-checkbox-size: 15px;
	}
	.s-adsearch__checkbox label span{
		font-size: 13px;
	}
}
/* s-adsearch__keyword */
.s-adsearch__keyword input[type="text"]{
	width: 100%;
	background-color: var(--c-white);
	border: 1px solid var(--txt-c-base);
	padding-inline: var(--input-padding-inline);
	border-radius: 8px;
}
.s-adsearch__keyword input[type="text"]::placeholder{
	color: var(--txt-c-addon);
}
@media screen and (min-width: 768px){
	.s-adsearch__keyword{
		margin-block: var(--spc-60) var(--spc-30);
		max-width: 450px;
		margin-inline: auto;
	}
	.s-adsearch__keyword input[type="text"]{
		height: 60px;
	}
}
@media screen and (max-width: 767px){
	.s-adsearch__keyword{
		margin-block: var(--contents-gap-sp) 20px;
	}
	.s-adsearch__keyword input[type="text"]{
		height: 50px;
	}
}

/* s-adsearch__buttons */
.s-adsearch__buttons{
	display: grid;
	grid-template-columns: repeat(2,1fr);
}
.s-adsearch__buttons button{
	border-radius: 8px;
}
.s-adsearch__reset{
	color: var(--c-white);
	background-color: var(--c-gray-250);
}
.s-adsearch__submit{
	background-color: var(--c-black);
	color: var(--c-white);
	letter-spacing: 0.2em;
}
@media (hover: hover){
	.s-adsearch__buttons button{
		transition: .3s;
	}
	.s-adsearch__buttons button:hover{
		opacity: 0.7;
	}
}
@media screen and (min-width: 768px){
	.s-adsearch__buttons{
		gap: var(--spc-20);
		max-width: 500px;
		margin-inline: auto;
	}
	.s-adsearch__buttons button{
		height: 60px;
		font-size: var(--fz-18);
	}
}
@media screen and (max-width: 767px){
	.s-adsearch__buttons{
		gap: 10px;
	}
	.s-adsearch__buttons button{
		height: 50px;
		font-size: var(--fz-16);
	}
}

/* tab-wrap--goods */
.tab-wrap--goods .tab-nav{
	justify-content: center;
}
.tab-wrap--goods .tab-btn{
	flex: unset;
	color: var(--c-gray-250);
	position: relative;
	transition: .3s;
}
.tab-wrap--goods .tab-btn::after{
	content: "";
	display: inline-block;
	background-color: var(--theme-c-sub);
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: -3px;
	left: 0;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .3s;
}
.tab-wrap--goods .tab-btn.show{
	color: var(--theme-c-sub);
	font-weight: 700;
}
.tab-wrap--goods .tab-btn.show::after{
	transform: scaleX(1);
	transform-origin: left;
}
@media (hover: hover){
	.tab-wrap--goods .tab-btn:hover::after{
		transform: scaleX(1);
		transform-origin: left;
		background-color: var(--c-gray-250);
	}
}
@media screen and (min-width: 768px){
	.tab-wrap--goods .tab-nav{
		margin-bottom: var(--spc-60);
		gap: var(--spc-50);
	}
	.tab-wrap--goods .tab-btn{
		font-size: var(--fz-18);
	}
}
@media screen and (max-width: 767px){
	.tab-wrap--goods .tab-nav{
		margin-bottom: 30px;
		gap: 20px;
	}
	.tab-wrap--goods .tab-btn{
		font-size: var(--fz-16);
	}
}

/* s-beigeBox */
@media screen and (min-width: 768px){
	.s-beigeBox{
		padding: var(--spc-50);
	}
}
@media screen and (max-width: 767px){
	.s-beigeBox{
		padding: 30px;
	}
}

/* s-howTo */
.s-howToMv{
	position: relative;
}
.s-howToMv p{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.s-howToMv p span{
	display: block;
}
.s-howToMv p span:first-child{
	font-weight: 500;
	position: relative;
}
.s-howToMv p span:first-child::after{
	content: "";
	display: inline-block;
	background-color: var(--txt-c-base);
	width: 50px;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.s-howTo dt{
	font-weight: 600;
	border-bottom: 1px solid var(--txt-c-base);
	position: relative;
}
.s-howTo dt::after{
	content: "";
	--this-mask: var(--data-icon-btn-arrow) no-repeat center center / 100%;
	mask: var(--this-mask);
	-webkit-mask: var(--this-mask);
	background-color: var(--txt-c-base);
	aspect-ratio: 86 / 150;
	position: absolute;
	transform: rotate(90deg);
	transition: .3s;
}
.s-howTo dt.is-active::after{
	transform: rotate(-90deg);
}
.s-howTo dd .s-txt__img{
	margin-inline: auto;
}
.s-howTo dd .s-txt strong{
	font-weight: 500;
	font-size: var(--fz-20);
}
.s-howTo dd .s-txt strong::before{
	content: "●";
	display: inline-block;
	margin-right: 3px;
}
@media (hover: hover){
	.s-howTo dt:hover{
		cursor: pointer;
	}
}
@media screen and (min-width: 768px){
	.s-howToMv p{
		left: 10%;
	}
	.s-howToMv p span:first-child{
		font-size: var(--fz-25);
		padding-bottom: var(--spc-20);
		margin-bottom: var(--spc-20);
	}
	.s-howTo dt{
		font-size: var(--fz-20);
		padding-bottom: var(--spc-10);
		padding-inline: var(--spc-20);
	}
	.s-howTo dt:not(:last-child){
		margin-bottom: var(--spc-50);
	}
	.s-howTo dt::after{
		width: 8px;
		top: 15px;
		right: 20px;
	}
	.s-howTo dd{
		padding: 0 var(--spc-20) var(--spc-80);
	}
	.s-txt__img{
		margin-top: var(--spc-30);
	}
	.s-howTo dd .s-txt__img{
		max-width: 300px;
	}
}
@media screen and (max-width: 767px){
	.s-howToMv img{
		aspect-ratio: 12/7;
		object-fit: cover;
		object-position: left center;
	}
	.s-howToMv p{
		left: 7%;
	}
	.s-howToMv p span:first-child{
		font-size: 18px;
		padding-bottom: 10px;
		margin-bottom: 8px;
	}
	.s-howToMv p span:last-child{
		font-size: 13px;
	}
	.s-howTo dt{
		font-size: var(--fz-18);
		padding-bottom: 10px;
		margin-bottom: 20px;
		padding-right: 30px;
	}
	.s-howTo dt:not(:last-child){
		margin-bottom: 20px;
	}
	.s-howTo dt::after{
		width: 6px;
		top: 10px;
		right: 15px;
	}
	.s-howTo dd{
		padding-bottom: 50px;
	}
	.s-txt__img{
		margin-top: 20px;
	}
	.s-howTo dd .s-txt__img{
		max-width: 200px;
	}
}