@charset "UTF-8";

/**
 * 共通設定
 */
:where(.hanasuto-simple) {
	--page-gap: 28px;

	--color-link: #007cff;

	--fs-title: 28px;
	--fs-heading: 24px;
	--fs-subheading: 18px;
	--fs-body: 18px;

	@media (width < 600px) {
		--fs-title: 24px;
		--fs-heading: 20px;
		--fs-subheading: 16px;
		--fs-body: 14px;
	}
}


.hanasuto-simple {
	width: calc(840px + var(--page-gap) * 2);
	max-width: 100%;
	margin-inline: auto;
	padding-block: 64px;
	padding-inline: var(--page-gap);

	/* font-size遷移 */
	transition: font-size 0.3s ease;
}


.simple-main-header {}


.simple-title {
	font-size: var(--fs-title);
	font-weight: 700;
	text-align: center;
}


.simple-article {

	h2 {
		font-size: var(--fs-heading);
		font-weight: 700;
		margin-block-start: 3em;
	}

	h3 {
		font-size: var(--subheading);
		font-weight: 700;
		margin-block-start: 3em;
	}

	p {
		margin-block: 0.5em;
	}

	ol {
		list-style: decimal;
		margin-inline-start: 1em;
	}

	li {
		margin-block: .5em;
	}

	a:not([class]) {
		color: var(--color-link);
		text-decoration: underline;
	}

	footer {
		margin-block-start: 4em;

		p {
			margin-block-start: 1em;

			&:first-of-type {
				text-align: end;
			}
		}
	}

	padding-block: 1.5em;
	line-height: 1.8;
	font-size: var(--fs-body);
}