/** sKnow エフェクトブロック */
.sknow-effect {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	box-sizing: border-box;
	background-size: cover;
	background-position: center;
}
.sknow-effect--content {
	max-width: var(--sknow-content-size, 720px);
	margin-right: auto;
	margin-left: auto;
}
.sknow-effect--wide:not(.alignwide):not(.alignfull) {
	max-width: var(--sknow-site-max-width, 1100px);
	margin-right: auto;
	margin-left: auto;
}
.sknow-effect--screen:not(.alignfull),
.entry-content > .sknow-effect--screen:not(.alignfull) {
	width: 100vw;
	max-width: none;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
}
.entry-content > .sknow-effect--wide:not(.alignwide):not(.alignfull) {
	max-width: var(--sknow-site-max-width, 1100px);
}
body:not(.no-sidebar) .entry-content > .sknow-effect--wide,
body:not(.no-sidebar) .entry-content > .sknow-effect.alignwide {
	width: calc(100% + (2 * var(--sknow-content-pad, 0px)));
	max-width: calc(100% + (2 * var(--sknow-content-pad, 0px)));
	margin-left: calc(-1 * var(--sknow-content-pad, 0px));
	margin-right: calc(-1 * var(--sknow-content-pad, 0px));
}
.editor-styles-wrapper .sknow-effect--screen {
	width: auto;
	max-width: none;
	margin-left: 0;
	margin-right: 0;
}
.editor-styles-wrapper .sknow-effect--wide {
	width: 100%;
	max-width: min(var(--sknow-site-max-width, 1250px), 100%);
	margin-left: auto;
	margin-right: auto;
}
.entry-content > .sknow-effect.alignwide {
	max-width: var(--sknow-site-max-width, 1100px);
	width: auto;
	margin-left: auto;
	margin-right: auto;
}
.entry-content > .sknow-effect.alignfull {
	width: 100vw;
	max-width: none;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
}
.sknow-effect__inner {
	width: 100%;
	max-width: var(--sknow-content-size, 720px);
	box-sizing: border-box;
	opacity: 0;
	transition:
		opacity var(--sknow-fx-duration, 700ms) ease var(--sknow-fx-delay, 0ms),
		transform var(--sknow-fx-duration, 700ms) ease var(--sknow-fx-delay, 0ms),
		filter var(--sknow-fx-duration, 700ms) ease var(--sknow-fx-delay, 0ms);
	will-change: opacity, transform;
}
.sknow-effect--fx-fade.sknow-effect--dir-up .sknow-effect__inner { transform: translateY(28px); }
.sknow-effect--fx-fade.sknow-effect--dir-left .sknow-effect__inner { transform: translateX(-28px); }
.sknow-effect--fx-fade.sknow-effect--dir-right .sknow-effect__inner { transform: translateX(28px); }
.sknow-effect--fx-slide.sknow-effect--dir-up .sknow-effect__inner { transform: translateY(64px); }
.sknow-effect--fx-slide.sknow-effect--dir-left .sknow-effect__inner { transform: translateX(-64px); }
.sknow-effect--fx-slide.sknow-effect--dir-right .sknow-effect__inner { transform: translateX(64px); }
.sknow-effect--fx-zoom .sknow-effect__inner { transform: scale(.92); }
.sknow-effect--fx-blur .sknow-effect__inner { filter: blur(12px); }
.sknow-effect.is-inview .sknow-effect__inner {
	opacity: 1;
	transform: none;
	filter: none;
}
@media (prefers-reduced-motion: reduce) {
	body:not(.sknow-fx-force-motion) .sknow-effect__inner { opacity: 1; transition: none; transform: none; filter: none; }
}
.editor-styles-wrapper .sknow-effect {
	outline: 1px dashed rgba(127, 127, 127, .55);
	outline-offset: -1px;
	position: relative;
	min-height: 56px;
}
.editor-styles-wrapper .sknow-effect::before {
	content: "sKnow エフェクト";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	font-size: 11px;
	line-height: 1;
	padding: 3px 8px;
	background: rgba(90, 90, 90, .9);
	color: #fff;
	border-bottom-right-radius: 4px;
	pointer-events: none;
}
.editor-styles-wrapper .sknow-effect__inner {
	opacity: 1;
	transform: none;
	filter: none;
}

/** sKnow 縦書きブロック */
.sknow-vwriting {
	display: grid;
	min-height: 16em;
	box-sizing: border-box;
	font-feature-settings: normal;
	font-variant-east-asian: normal;
	font-kerning: normal;
}
.sknow-vwriting__content {
	max-width: 100%;
	max-height: 100%;
	line-height: 1.7;
	letter-spacing: 0;
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	text-orientation: mixed;
	overflow-wrap: anywhere;
}
.sknow-vwriting--v-top .sknow-vwriting__content { align-self: start; text-align: start; }
.sknow-vwriting--v-center .sknow-vwriting__content { align-self: center; text-align: center; }
.sknow-vwriting--v-bottom .sknow-vwriting__content { align-self: end; text-align: end; }
.sknow-vwriting--h-left .sknow-vwriting__content { justify-self: start; }
.sknow-vwriting--h-center .sknow-vwriting__content { justify-self: center; }
.sknow-vwriting--h-right .sknow-vwriting__content { justify-self: end; }
.sknow-vwriting__content > :first-child { margin-block-start: 0; }
.sknow-vwriting__content > :last-child { margin-block-end: 0; }
.sknow-vwriting__item { white-space: pre-wrap; }
.sknow-vwriting__item.has-text-shadow { text-shadow: 0 2px 4px rgba(0, 0, 0, .35); }
.sknow-vwriting--font-bizud { font-family: "BIZ UDPGothic", "BIZ UDGothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; }
.sknow-vwriting--font-zenmaru { font-family: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "BIZ UDPGothic", Meiryo, sans-serif; }
.sknow-vwriting--font-mplusround { font-family: "M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "BIZ UDPGothic", Meiryo, sans-serif; }
.sknow-vwriting--font-shippori { font-family: "Shippori Mincho", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif; }
.sknow-vwriting--font-sans-serif { font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; }
.sknow-vwriting--font-serif { font-family: Georgia, "Times New Roman", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif; }
.sknow-vwriting--font-yugothic { font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }
.sknow-vwriting--font-yumincho { font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif; }
.sknow-vwriting--font-system { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", sans-serif; }
.sknow-vwriting[class*="sknow-vwriting--font-"] :is(h1, h2, h3, h4, h5, h6) { font-family: inherit !important; }
.sknow-vwriting__content :is(h1, h2, h3, h4, h5, h6) {
	display: block !important;
	position: static !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	margin-block-end: 1em !important;
	padding: 0 !important;
	clear: none !important;
	color: inherit !important;
	background: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	line-height: inherit;
}
.sknow-vwriting__content :is(h1, h2, h3, h4, h5, h6)::before,
.sknow-vwriting__content :is(h1, h2, h3, h4, h5, h6)::after {
	display: none !important;
	content: none !important;
}