@charset "UTF-8";

.long-column--kitte, /*kitte.cssと被るため。テンプレ化完了後に統一する*/
.long-column {
	font-size: 0.9rem;
	line-height: 1.6;
}

@media screen and (min-width: 768px) {
	.long-column {
		font-size: 0.95rem;
	}
}

.long-column-section:where(:not(:first-child)) {
	margin-top: var(--space_lg);
}
.long-column-section__title {
	margin-bottom: var(--space_xs);
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.15rem;
	line-height: 1.4;
}

@media screen and (min-width: 768px) {
	.long-column-section__title {
		margin-bottom: var(--space_sm);
		font-size: 1.4rem;
	}
}
@media screen and (min-width: 1025px) {
	.long-column-section__title {
		font-size: var(--font-size_2lg);
	}
}
@media not screen and (min-width: 768px) {
	.long-column-section {
		margin-inline: var(--space_xs);
	}
}

.long-column-section__paragraph + .long-column-section__paragraph {
	margin-top: 1em;
}
.long-column-section__text--link {
	color: #6f1b29;
	font-weight: bold;
	text-decoration: none;
}
.long-column-section__text--link:hover {
	color: #6f1b29;
	text-decoration: underline;
}
.long-column-section__text--bold {
	font-weight: bold;
}
.long-column-section__text--marker {
	background: linear-gradient(to bottom, rgba(255,235,238,0) 60%, #ffdbe3 20%);
	font-weight: bold;
}
.long-column-section__text--emphasis {
	color: var(--color_category_pink3);
	font-weight: bold;
}
.long-column-section__text--large {
	font-size: 1.15em;
}
.long-column-section__text--normal {
	font-weight: normal;
}
.long-column-section__image {
	margin-inline: auto;
	margin-bottom: var(--space_sm);
}

@media screen and (min-width: 768px) {
	.long-column-section__text--large {
		font-size: 1.333em;
	}
}



/* 〇〇とは？ */
.long-column-what-is-item {
	box-sizing: border-box;
	padding: var(--space_sm) var(--space_xs) var(--space_md);
	background-repeat: no-repeat;
	background-position: right bottom;
	border: 1px solid #ccc;
	text-shadow: 1px 1px 1px #fff;
}
.long-column-what-is-item--kimono {
	background-image: url(../kimono/image/sakka/about-bland_bg.webp);
	background-position: right bottom -3px;
}
.long-column-what-is-item--kitte {
	background-image: url(../kitte/image/common/column__about-kitte_bg.webp);
}
.long-column-what-is-item__title {
	padding-bottom: var(--space_xs);
	color: #a63e57;
	border-bottom: 1px dashed currentColor;
	text-align: center;
}
.long-column-what-is-item__inner {
	width: 80%;
	max-width: 500px;
	font-size: 0.95rem;
}

@media screen and (min-width: 768px) {
	.long-column-what-is-item {
		padding-inline: var(--space_md);
	}
}
@media screen and (min-width: 1025px) {
	.long-column-what-is-item {
		padding-top: var(--space_md);
	}
	.long-column-what-is-item__title:where(:not(.long-column-what-is-item__title--center)) {
		text-align: unset;
	}
}



/* 目次 */
.long-column-toc {
	box-sizing: border-box;
	display: grid;
	justify-items: center;
	margin-inline: auto;
	padding: var(--space_xs) var(--space_sm) var(--space_md);
	width: 100%;
	border: 1px solid #ccc;
}
.long-column-toc__title {
	margin-bottom: var(--space_xs);
	padding-bottom: 10px;
	width: 100%;
	text-align: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	border-bottom: 1px dashed currentColor;
}
.long-column-toc__items {
	margin-left: 1.7em;
}
.long-column-toc__item {
	list-style: decimal-leading-zero;
	line-height: 1.4;
}
.long-column-toc__item + .long-column-toc__item {
	margin-top: 0.4em;
}
.long-column-toc__item-link {
	color: #6f1b29;
	text-decoration: none;
}
.long-column-toc__item-link:hover {
	color: #6f1b29;
}
.long-column-toc__sub-items {
	margin-left: 1.3em;
}
.long-column-toc__sub-item {
	list-style: square;
}

@media (hover: hover) and (pointer: fine) {
	.long-column-toc__item-link:hover {
		text-decoration: underline;
	}
}
@media screen and (min-width: 576px) {
	.long-column-toc {
		width: fit-content;
	}
}
@media screen and (min-width: 768px) {
	.long-column-toc {
		padding-inline: var(--space_md);
	}
}
@media screen and (min-width: 1025px) {
	.long-column-toc {
		min-width: 78%;
	}
}



/* 歴史について */
.long-column-about-history {
	background-color: #fcf6f8;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-bottom: var(--space_md);
}
.long-column-about-history__title {
	padding-block: var(--space_xs) 10px;
	background-color: #a63e57;
}
.long-column-about-history__title-wrapper {
	padding-inline: var(--space_xs);
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-size: inherit;
	text-align: center;
}
.long-column-about-history__inner {
	padding-inline: var(--space_xs);
}
.long-column-about-history__box {
	padding: var(--space_xs);
	background-color: #fff;
}
.long-column-about-history__list-item {
	margin-left: 1.3em;
	font-weight: bold;
	list-style: disc;
}

@media screen and (min-width: 768px) {
	.long-column-about-history__title-wrapper,
	.long-column-about-history__inner {
		padding-inline: var(--space_md);
	}
}
@media screen and (min-width: 1025px) {
	.long-column-about-history {
		border: 1px solid #ccc;
	}
}


/* 独自コンテンツ */
.long-column-content__title {
	padding-block: var(--space_xs);
	border-top: 4px solid currentColor;
	border-bottom: 1px solid currentColor;
	color: #a63e57;
	text-align: center;
}
.long-column-content__title--large {
	font-size: 1.1em;
}
.long-column-content__inner {
	padding-inline: var(--space_xs);
}
.long-column-content__box {
	padding: var(--space_xs);
	background-color: #fcf6f8;
}
.long-column-content__list-item {
	margin-left: 1.3em;
	font-weight: bold;
	list-style: disc;
}
.long-column-content__sub-title {
	padding-bottom: 2px;
	margin: 10px 0;
	color: #a63e57;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.1rem;
	font-weight: bold;
	border-bottom: 1px solid #a63e57;
}

@media not screen and (min-width: 768px) {
	.long-column-content__title {
		font-size: 1.2rem;
	}
}
@media screen and (min-width: 768px) {
	.long-column-content__title--large {
		font-size: 1.4em;
	}
	.long-column-content__inner {
		padding-inline: var(--space_md);
	}
}
@media screen and (min-width: 768px) {
	.long-column-content__title--large {
		font-size: 1.23em;
	}
}


/* 作品紹介（着物用？） */
.long-column-artwork {
	border: 1px solid var(--color_category_pink3);
	padding-bottom: var(--space_md);
}
.long-column-artwork__title {
	padding: var(--space_xs);
	background-color: var(--color_category_pink3);
	color: #fff;
	text-align: center;
}
.long-column-artwork__wrapper {
	padding-inline: var(--space_xs);
}
.long-column-artwork__lead {
	line-height: 1.4;
	text-align: center;
}
.long-column-artwork__text {
	line-height: 1.4;
}
.long-column-artwork__unit {
	margin-top: var(--space_sm);
	padding: var(--space_sm) var(--space_xs);
	background-color: #faf7ef;
}
.long-column-artwork__unit-head {
	margin-bottom: var(--space_xs);
	padding-bottom: 10px;
	font-size: 0.95rem;
	border-bottom: 1px dashed currentColor;
	text-align: center;
}

@media screen and (min-width: 768px) {
	.long-column-artwork__title,
	.long-column-artwork__wrapper {
		padding-inline: var(--space_md);
	}
	.long-column-artwork__unit {
		padding-inline: var(--space_md);
	}
}
@media screen and (min-width: 1025px) {
	.long-column-artwork__unit-head {
		font-size: var(--font-size_2md);
	}
}



/* 福ちゃんでの買取について */
.long-column-about-service {
	background-color: #fcf6f8;
	border: 1px solid #ccc;
}
.long-column-about-service__title {
	margin-bottom: var(--space_xs);
	padding: var(--space_xs) var(--space_xs) 10px;
	border-bottom: 1px solid currentColor;
	color: var(--color_category_pink3);
	font-family: kinuta-maruminold-stdn, serif;
	font-size: 1.3rem;
	line-height: 1.4;
	text-align: center;
}
.long-column-about-service__wrapper {
	padding-inline: var(--space_xs);
	padding-bottom: var(--space_md);
}
.long-column-about-service__box {
	padding: var(--space_xs);
	background-color: #fff;
}
.long-column-about-service__list-item {
	margin-left: 1.3em;
	font-weight: bold;
	list-style: disc;
}

@media screen and (min-width: 768px) {
	.long-column-about-service__title {
		margin-bottom: var(--space_sm);
		padding-top: var(--space_sm);
		font-size: var(--font-size_lg);
	}
	.long-column-about-service__title,
	.long-column-about-service__wrapper {
		padding-inline: var(--space_md);
	}
	.long-column-about-service__box {
		padding-inline: var(--space_sm);
	}
}
@media screen and (min-width: 1025px) {
	.long-column-about-service__title {
		font-size: 1.875rem;
	}
}



/*
旧ロングテール 統合またはコンテンツ変更したら削除
*/
.caseInfo {
	padding: var(--space_sm) var(--space_xs) var(--space_md);
	background-color: #efecdf;
	background-repeat: no-repeat;
	background-position: right bottom;
}
.caseInfo--kimono {
	background-image: url(../kimono/image/common/case_info_bg-sp.webp);
}
.caseInfo .long-column-section__title {
	margin-inline: unset;
	padding-bottom: 10px;
	font-family: revert;
}
.caseInfo .caseInfoTxt {
	padding: unset;
}
.caseInfo .caseInfoTxt p {
	margin: unset;
	line-height: 1.8;
}
.caseInfo .caseInfoTxt p + p {
	margin-top: 1em;
}

@media screen and (min-width: 768px) {
	.caseInfo {
		padding: var(--space_md);
	}
}