/* 投稿・固定記事共通。トップページへはenqueueしない。 */
.entry-content :is(.keiko_yellow, .keiko_red, .keiko_blue, .keiko_green) {
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: 100% 90%;
}

body .entry-content h3 {
	font-size: calc(1.1em - 1px);
}

body .entry-content h4:not(.goodlife_quick h4) {
	font-size: calc(1.1em + 1px);
}

@media screen and (max-width: 450px) {
	body .entry-content .black-hyo h4 {
		font-size: 15px !important;
	}
}

html.gl-entry-motion-ready .article-header .post-thumbnail,
html.gl-entry-motion-ready .entry-content h2,
html.gl-entry-motion-ready .entry-content h3 {
	opacity: 0;
	transform: translateX(-24px);
}

html.gl-entry-motion-ready .article-header .post-thumbnail {
	transition: opacity 0.48s ease, transform 0.48s cubic-bezier(0.22, 1, 0.36, 1);
}

html.gl-entry-motion-ready .entry-content h2,
html.gl-entry-motion-ready .entry-content h3 {
	transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

html.gl-entry-motion-ready .article-header .post-thumbnail.is-gl-entry-visible,
html.gl-entry-motion-ready .entry-content :is(h2, h3).is-gl-entry-visible {
	opacity: 1;
	transform: translateX(0);
}

.header.gl-reading-header {
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	transform: translateY(0);
	transition: transform 0.25s ease;
	will-change: transform;
}

.header.gl-reading-header.is-gl-header-hidden {
	pointer-events: none;
	transform: translateY(calc(-100% - 2px));
}

@media (prefers-reduced-motion: reduce) {
	html.gl-entry-motion-ready .article-header .post-thumbnail,
	html.gl-entry-motion-ready .entry-content h2,
	html.gl-entry-motion-ready .entry-content h3 {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.header.gl-reading-header {
		transition: none;
	}
}