@charset "UTF-8";

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

.hanasuto-resources {
	padding-inline: var(--page-gap);
}




/**
 * Download
 */
.section-download {
	max-width: 936px;
	margin-top: clamp(48px, 12.8vw, 96px);
	margin-bottom: 120px;
	margin-inline: auto;

	.download-title {
		margin-block: 1.25em;
		font-weight: 600;
		font-size: clamp(24px, 6.4vw, 32px);
		text-align: center;
	}

	.download-list {
		--columns: 1;
		display: grid;
		grid-template-columns: repeat(var(--columns), minmax(0, 458px));
		justify-content: center;
		gap: 20px;

		@media (min-width: 860px) {
			--columns: 2;
		}
	}

	.download-item {
		container-type: inline-size;
		border-radius: 10px;
		background-color: #F7F7F7;

		.conatainer-inner {
			padding-block: 24px;
			padding-inline: 24px;

			@container (min-width: 400px) {
				padding-inline: 32px;
			}
		}

		.download-item-data {
			display: grid;
			justify-content: center;
			gap: 24px;
			margin-bottom: 24px;

			@container (min-width: 400px) {
				grid-template-columns: auto minmax(0, 1fr);
			}

			.item-image {
				width: 113px;
				aspect-ratio: 113 / 160;
				justify-self: center;
			}

			.item-text {}

			.item-name {
				display: grid;
				font-weight: 600;
				margin-bottom: 1em;

				.series-name {
					font-size: 14px;
				}

				.volume-name {
					font-size: 16px;
				}
			}

			.item-description {
				font-size: 16px;
			}
		}

		.download-item-link {
			width: min(100%, 230px);
			height: 48px;
			margin-top: auto;
			margin-inline: auto;
		}
	}
}