@charset "utf-8";
/* 着物一覧 */
#kimono_list {
	width: 100%;
	height: auto;
	padding: min(calc((100 / var(--vw)) * 100vw), 100px) 0 min(calc((162 / var(--vw)) * 100vw), 162px);
}
	.kimono_list__inner {
		width: min(calc((1100 / var(--vw)) * 100vw), 1100px);
		height: auto;
		margin: 0 auto;
	}
		.kimono_list__heading {
			margin-bottom: min(calc((40 / var(--vw)) * 100vw), 40px);
			font-size: min(calc((36 / var(--vw)) * 100vw), 36px);
			font-weight: 700;
			line-height: 1;
			text-align: center;
		}
		.kimono_list__anchor {
			margin-bottom: min(calc((60 / var(--vw)) * 100vw), 60px);
		}
			.kimono_list__anchor__list {
				display: flex;
				flex-wrap: wrap;
				justify-content: flex-start;
				gap: min(calc((8 / var(--vw)) * 100vw), 8px);
			}
					.kimono_list__anchor__list__item__link {
						display: block;
						padding: min(calc((8 / var(--vw)) * 100vw), 8px) min(calc((16 / var(--vw)) * 100vw), 16px);
						font-size: min(calc((13 / var(--vw)) * 100vw), 13px);
						font-weight: 700;
						line-height: 1;
						letter-spacing: 0.1em;
						color: var(--color--taupe);
						background-color: var(--color--white);
						border: solid 1px var(--color--taupe);
						border-radius: var(--radius--btn);
					}
					.kimono_list__anchor__list__item__link:focus-visible {
						outline: solid 2px var(--color--taupe);
						outline-offset: 2px;
					}
			@media (any-hover: hover) {
					.kimono_list__anchor__list__item__link {
						transition-property: color, background-color;
						transition-duration: .4s;
						transition-timing-function: ease;
					}
					.kimono_list__anchor__list__item__link:hover {
						color: var(--color--white);
						background-color: var(--color--taupe);
					}
			}
		.kimono_list__category {
			margin-bottom: min(calc((147 / var(--vw)) * 100vw), 147px);
			scroll-margin-top: 100px;
		}
		.kimono_list__category:last-child {
			margin-bottom: 0;
		}
			.kimono_list__category__heading {
				margin-bottom: min(calc((36 / var(--vw)) * 100vw), 36px);
			}
			.kimono_list__category__list {
				display: flex;
				flex-wrap: wrap;
				gap: min(calc((25 / var(--vw)) * 100vw), 25px);
				width: 100%;
				height: auto;
			}
				.kimono_list__category__list__item {
					width: min(calc((350 / var(--vw)) * 100vw), 350px);
					height: auto;
				}

/* ================================================== SP */
@media all and (max-width: 768px) {
#kimono_list {
	padding: min(calc((40 / var(--vw)) * 100vw), 40px) 0 min(calc((80 / var(--vw)) * 100vw), 80px);
}
	.kimono_list__inner {
		width: calc((335 / 375) * 100%);
	}
		.kimono_list__heading {
			margin-bottom: min(calc((24 / var(--vw)) * 100vw), 24px);
			font-size: min(calc((28 / var(--vw)) * 100vw), 28px);
		}
		.kimono_list__anchor {
			margin-bottom: min(calc((40 / var(--vw)) * 100vw), 40px);
		}
			.kimono_list__anchor__list {
				gap: min(calc((6 / var(--vw)) * 100vw), 6px);
			}
					.kimono_list__anchor__list__item__link {
						padding: min(calc((6 / var(--vw)) * 100vw), 6px) min(calc((12 / var(--vw)) * 100vw), 12px);
						font-size: min(calc((11 / var(--vw)) * 100vw), 11px);
					}
		.kimono_list__category {
			margin-bottom: min(calc((60 / var(--vw)) * 100vw), 60px);
			scroll-margin-top: 88px;
		}
			.kimono_list__category__heading {
				margin-bottom: min(calc((26 / var(--vw)) * 100vw), 26px);
			}
			.kimono_list__category__list {
				gap: min(calc((11 / var(--vw)) * 100vw), 11px) calc((11 / 335) * 100%);
			}
				.kimono_list__category__list__item {
					width: calc((162 / 335) * 100%);
				}

}