/* ============================================================================================
	FAQ ACCORDION / BLOCK
============================================================================================ */
.matsunaga-faq-accordion {
	width: 100%;
	margin: 0 auto;
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--small)
}
.matsunaga-faq-item {
	position: relative
}
.matsunaga-faq-title {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: flex-start;
	margin: 0 !important;
	padding: .8em 30px .8em 10px !important;
	background-color: inherit;
	font-weight: normal;
	font-size: inherit;
	cursor: pointer
}
.matsunaga-faq-title.matsunaga-faq-title--align-center {
	justify-content: center
}
.matsunaga-faq-title.matsunaga-faq-title--align-right {
	justify-content: flex-end
}
.matsunaga-faq-title.matsunaga-faq-title--align-justify {
	justify-content: space-between
}
.matsunaga-faq-content.matsunaga-faq-content--align-center {
	text-align: center
}
.matsunaga-faq-content.matsunaga-faq-content--align-right {
	text-align: right
}
.matsunaga-faq-content.matsunaga-faq-content--align-justify {
	text-align: justify
}
.matsunaga-faq-title.is-active {
	font-weight: bold
}
.matsunaga-faq-title.is-active::before {
	transform: rotate(45deg) scale(-1,-1)
}
.matsunaga-faq-title::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	width: 7px;
	height: 7px;
	margin: auto;
	border-right: 1px solid currentColor;
	border-bottom: 1px solid currentColor;
	transform: rotate(45deg);
	transition: .3s
}
.matsunaga-faq-title::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background: rgb(220,220,220)
}

/* アイコン */
.matsunaga-faq-icon {
	display: inline-flex;
	flex-shrink: 0;
	align-self: center;
	width: 1.4em;
	height: 1.4em
}
.matsunaga-faq-icon svg {
	width: 100%;
	height: 100%
}

/* エディタ状態でのカーソル/イベント処理を調整 */
.block-editor-block-list__layout .matsunaga-faq-accordion .matsunaga-faq-title {
	user-select: text;
}
.block-editor-block-list__layout .matsunaga-faq-accordion .matsunaga-faq-title * {
	pointer-events: auto;
	user-select: text;
}

.matsunaga-faq-content {
	height: 0;
	padding: 0 1.5em;
	overflow: hidden;
	background: inherit;
	font-size: .95em;
	transition: height .3s
}
.matsunaga-faq-content::before,
.matsunaga-faq-content::after {
	content: "";
	display: block;
	width: 1px;
	height: 1em
}
.matsunaga-faq-content::after {
	height: 3em
}
.matsunaga-faq-content p {
	margin: 0 0 1.5em
}
.matsunaga-faq-content p:last-child {
	margin-bottom: 0
}
/* インラインフォーマットの既定値をブロックの font-weight 等で潰されないよう明示 */
.matsunaga-faq-content strong,
.matsunaga-faq-content b {
	font-weight: 700
}
.matsunaga-faq-content em,
.matsunaga-faq-content i {
	font-style: italic
}