<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>つかいかた</title>

	<link href="https://fonts.googleapis.com/css2?family=Kaisei+Opti:wght@300;400;500&display=swap" rel="stylesheet">
	<style>
		body {
			font-family: 'Kaisei Opti', sans-serif;
			background-color: #ffebf7;
			color: #5d3d6e;
			margin: 0;
			padding: 0;
			box-sizing: border-box;
		}

		header {
			background-color: #f2a0ca;
			color: white;
			text-align: center;
			padding: 20px;
			font-size: 1.6rem;
			font-weight: bold;
			border-bottom: 3px solid #f2c1d0;
		}

		/* ヘッダ内のリンクスタイル */
		header a {
			color: white;
			text-decoration: none;
			font-weight: bold;
			font-size: 1.4rem;
			margin-right: 20px;
		}

		header a:hover {
			text-decoration: underline;
		}

		main {
			padding: 30px;
			line-height: 1.6;
		}

		h2 {
			color: #f14e6a;
			font-size: 1.4rem;
			margin-top: 30px;
		}

		.content {
			background-color: #ffffff;
			border-radius: 8px;
			padding: 20px;
			box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
			margin-bottom: 20px;
		}

		.content p {
			margin: 10px 0;
			font-size: 1rem;
		}

		.content a {
			color: #f14e6a;
			text-decoration: none;
		}

		.content a:hover {
			text-decoration: underline;
		}

		footer {
			background-color: #f2a0ca;
			color: white;
			text-align: center;
			padding: 10px 0;
			position: fixed;
			width: 100%;
			bottom: 0;
		}

		.footer-text {
			font-size: 0.9rem;
		}

	</style>
</head>
<body>
	<header>
		<a href="index.html">身長差メーカーへ</a>
		
	</header>

	<main>

		<h2>アリクイ身長差メーカーってなに？</h2>
		<div class="content">
			<p>アリクイ身長差メーカーは、自身で用意した画像を読み込み、入力した身長に応じて表示してくれるツールです。<br>画像さえ用意すれば、簡単にキャラクター同士の身長差表を作成できます！<br></p>
		</div>
		<h2>つかいかた</h2>
		<div class="content">
			<p>・名前、身長を入力し画像をアップロードすると、その内容を反映して表に表示されます。名前は未入力でもアップロード可能です。</p>
			<p>・入力できる身長は1㎝～300㎝までです。</p>
			<p>・画像をクリック(またはタップ)するとボタンが表示され、名前、身長を変更できるほか、画像の削除もできます。何もない箇所をクリック(またはタップ)すればボタンは非表示になります。</p>
			<p>・【名前、身長、目盛りの表示/非表示】をクリック(またはタップ)すれば、目盛りを非表示にできます。</p>
			<p>・【画像を出力】をクリック(またはタップ)すれば、身長差表を画像として保存できます。</p>
			<p>・使用する画像は、余白がなく、背景が透過されているものが望ましいです。</p>
			<p>・画像が表示されているエリアは端末の画面サイズや、表示しているウインドウのサイズによります。</p>
			<p>・沢山画像を表示したい場合は、ウインドウサイズを大きくしてください。</p>
			<p>・スマホは横画面にも対応しています。横画面のほうが沢山画像を表示できます。</p>
			<p>・画像の出力は、表示エリアをそのまま行います。つまり、ウインドウサイズ次第で画像の幅を調整できます。</p>
		</div>

		<h2>利用規約</h2>
		<div class="content">
			<p>・当サイトにおけるすべての機能、または画像は、個人用に作成したものです。</p>
			<p>・個人、商用問わず自由にご利用頂いて構いませんが、利用における一切の責任を、当サイトは負いません。</p>
			<p>・出力した画像の加工などは自由にして頂けますが、表示された当サイト名はそのままご掲載ください。削除の必要がある場合は、サイト名やURLを一緒に掲載ください。</p>
			<p>・あくまで個人用に作成したものですので、正確な比較を求めるご利用は推奨できません。</p>
			<p>・当サイトは予告なく利用規約の変更や、機能の変更および追加、削除を行う場合があります。</p>
			<p>・当サイトの利用は、これらの規約に同意した上での利用とみなします。</p>
		</div>
		<br>

		<h2>更新履歴</h2>
		<div class="content">
			<p>・25-02-20<br>【くちばしリスめっせんじゃー】にて、くちばしリスがさらに色々ほざくようになった！</p>
			<p>・25-02-19<br>おまけツール、【くちばしリスめっせんじゃー】が登場！くちばしリスとお話ができるように！</p>
			<p>・25-02-17<br>画像の入れ替え機能を追加！<br>「???」ボタンで召喚される者が、イカれた輝きを放つように！<br>スペース・オオアリクイが、更に無駄口を叩くようになった！</p>
			<p>・25-02-13<br>スペース・オオアリクイが、無駄によく喋るようになった！<br>誰もが一番欲しい「???」ボタンを追加！</p>
			<p>・25-02-10<br>全体的なレイアウトの調整！(スマホでも少し見やすくなった！)<br>ボタンの色を変えてちょっと見やすくなった！<br>名前、身長を非表示にするボタンを追加！</p>
		</div>
		<br>

	</main>

	<footer>
		<p class="footer-text">c 2025 身長差メーカー. All rights reserved.</p>
	</footer>
</body>
</html>
