WOX

{block:PlugMiniProfile}
	<section>
		{block:PlugTitle}
			<h3>{PlugTitle}</h3>
		{/block:PlugTitle}
		{block:Image}
			<img src="{Url}" alt="プロフィール" width="{Width}" height="{Height}">
		{/block:Image}
		{Body}
	</section>
{/block:PlugMiniProfile}

{block:PlugNewArticle}
	<section>
		{block:PlugTitle}
			<h3>{PlugTitle}</h3>
		{/block:PlugTitle}
		<ul>
			{loop:Article}
				<li><a href="{BaseUrl}/entry{No}.html#no{No}">{Title}</a>{block:ResNum} ({ResNum}){/block:ResNum}</li>
			{/loop:Article}
		</ul>
	</section>
{/block:PlugNewArticle}

{block:PlugNewReply}
	<section>
		{block:PlugTitle}
			<h3>{PlugTitle}</h3>
		{/block:PlugTitle}
		<ul>
			{loop:Reply}
				{block:Reply}
					<li><a href="{BaseUrl}/entry{No}.html#rno{ResNo}">{Name}</a> ⇒ <a href="{BaseUrl}/entry{No}.html#no{No}">{Title}</a></li>
				{/block:Reply}
	 		{/loop:Reply}
		</ul>
	</section>
{/block:PlugNewReply}

{block:PlugYearlyArchive}
	<section>
		{block:PlugTitle}
			<h3>{PlugTitle}</h3>
		{/block:PlugTitle}
		<ul>
			{loop:Archive}
				<li><a href="{BaseUrl}/{YYYY}.html">{YYYY}年</a> ({ArticleNum})</li>
 			{/loop:Archive}
		</ul>
	</section>
{/block:PlugYearlyArchive}

{block:PlugMonthlyArchive}
	<section>
		{block:PlugTitle}
			<h3>{PlugTitle}</h3>
		{/block:PlugTitle}
		<ul>
			{loop:Archive}
				<li><a href="{BaseUrl}/{YYYY}-{MM}.html">{YYYY}年{MM}月</a> ({ArticleNum})</li>
 			{/loop:Archive}
		</ul>
	</section>
{/block:PlugMonthlyArchive}

{block:PlugCalendar}
	<section>
		{block:PlugTitle}
			<h3>{PlugTitle}</h3>
		{/block:PlugTitle}
		{Calendar}
	</section>
{/block:PlugCalendar}

{block:PlugFriendsList}
	<section class="friend">
		{block:PlugTitle}
			<h3>{PlugTitle}</h3>
		{/block:PlugTitle}
		<ul class="flex">
			{loop:List}
				<li><a href="{UserPageUrl}"><img src="{UserImgUrl}" alt="{UserID}" width="64" height="64"></a></li>
			{/loop:List}
		</ul>
		{block:MoreLink}
			<div class="foot">
				<a href="{Url}">全てを見る</a>
			</div>
		{/block:MoreLink}
	</section>
{/block:PlugFriendsList}

{block:PlugSearchForm}
	<section>
		{block:PlugTitle}
			<h3>{PlugTitle}</h3>
		{/block:PlugTitle}
		<form action="{Action}" method="{Method}">
			<input type="search" name="{NameValueSearch}" style="width:18rem;" required><button class="button inline search">検索</button>
		</form>
	</section>
{/block:PlugSearchForm}

{block:PlugMyLink}
	<section>
		{block:PlugTitle}
			<h3>{PlugTitle}</h3>
		{/block:PlugTitle}
		<ul>
			{loop:Link}
				<li><a href="{Url}">{Name}</a></li>
			{/loop:Link}
		</ul>
	</section>
{/block:PlugMyLink}

{block:PlugMiniMailForm}
	<section>
		{block:PlugTitle}
			<h3>{PlugTitle}</h3>
		{/block:PlugTitle}
		<form action="{Action}" method="{Method}">
			{HiddenTag}
			
			{block:FormMes}
				<p class="message mb6">{FormMes}</p>
			{/block:FormMes}
			
			{block:Error}
				<div id="mini-mail-form-error" class="error mb6">
					<div class="head">入力内容が正しくありません</div>
					<ul>
						{loop:Message}
							<li>{Message}</li>
						{/loop:Message}
					</ul>
				</div>
				<script>window.onload = function() { scrollTo('#mini-mail-form-error'); }</script>
			{/block:Error}
			
			{block:Success}
				<p id="mini-mail-form-success" class="success">送信が完了しました</p>
				<script>window.onload = function() { scrollTo('#mini-mail-form-success','fadeOut'); }</script>
			{/block:Success}
			
			<p>
				<label for="mini-label-title" class="label">{LabelTitle}</label>
				<input type="text" name="{NameValueTitle}" id="mini-label-title" value="{FormValueTitle}">
			</p>
			<p>
				<label for="mini-label-name" class="label">{LabelName}</label>
				<input type="text" name="{NameValueName}" id="mini-label-name" value="{FormValueName}">
			</p>
			<p>
				<label for="mini-label-mail" class="label">{LabelMail}</label>
				<input type="text" name="{NameValueMail}" id="mini-label-mail" value="{FormValueMail}">
			</p>
			<p>
				<label for="mini-label-comment" class="label">{LabelComment}</label>
				<textarea name="{NameValueComment}" id="mini-label-comment" style="height:12rem;">{FormValueComment}</textarea>
			</p>
			<p>
				<label for="mini-label-captcha" class="label">{LabelCaptcha}<img src="{CaptchaImageUrl}" class="captcha-img"></label>
				<input type="text" name="{NameValueCaptcha}" id="mini-label-captcha" value="{FormValueCaptcha}">
			</p>
			<p>
				<label class="label">
					<input type="checkbox" name="{NameValueCookie}" id="mini-input-cookie" class="checkbox" value="{FormValueCookie}"{CheckedCookie}>
					<span id="mini-label-cookie">{LabelCookie}</span>
				</label>
			</p>
			<button class="button">送信</button>
		</form>
	</section>
	
	<script>
		//バリデート		
		{block:RequiredTitle}
			$('label[for="mini-label-title"]').addClass('required');
			$('#mini-label-title').attr('required', 'true');
		{/block:RequiredTitle}
		
		{block:RequiredName}
			$('label[for="mini-label-name"]').addClass('required');
			$('#mini-label-name').attr('required', 'true');
		{/block:RequiredName}
		
		{block:RequiredMail}
			$('label[for="mini-label-mail"]').addClass('required');
			$('#mini-label-mail').attr('required', 'true');
		{/block:RequiredMail}
		
		{block:RequiredComment}
			$('label[for="mini-label-comment"]').addClass('required');
			$('#mini-label-comment').attr('required', 'true');
		{/block:RequiredComment}
		
		{block:RequiredCaptcha}
			$('label[for="mini-label-captcha"]').addClass('required');
			$('#mini-label-captcha').attr('required', 'true');
		{/block:RequiredCaptcha}
		
		{block:RequiredCookie}
			$('#mini-label-cookie').addClass('required');
			$('#mini-input-cookie').attr('required', 'true');
		{/block:RequiredCookie}
	</script>
{/block:PlugMiniMailForm}

{block:PlugSubmitForm}

	{block:FormTitle}
		<h2 id="form" class="h3">{FormTitle}</h2>
	{/block:FormTitle}
	
	{block:FormMes}
		<p class="message mb5">{FormMes}</p>
	{/block:FormMes}

	{block:Success}
		<p id="submit-form-success" class="success mb5">送信が完了しました</p>
		<script>window.onload = function() { scrollTo('#submit-form-success','fadeOut'); }</script>
	{/block:Success}
	
	<form action="{Action}" method="{Method}" enctype="{Enctype}">
		{HiddenTag}
		
		{block:Error}
			<div id="submit-form-error" class="error mb6">
				<div class="head">入力内容が正しくありません</div>
				<ul>
					{loop:Message}
						<li>{Message}</li>
					{/loop:Message}
				</ul>
			</div>
			<script>window.onload = function() { scrollTo('#submit-form-error'); }</script>
		{/block:Error}
		
		
		<!--新規投稿フォーム-->
		{block:New}
			<!--名前-->
			<p>
				<label for="label-name" class="label">{LabelName}</label>
				<input type="text" name="{NameValueName}" id="label-name" value="{FormValueName}">
			</p>
			<!--メール-->
			<p>
				<label for="label-mail" class="label">{LabelMail}</label>
				<input type="email" name="{NameValueMail}" id="label-mail" value="{FormValueMail}">
			</p>
			<!--ホーム-->
			<p>
				<label for="label-home" class="label">{LabelHome}</label>
				<input type="url" name="{NameValueHome}" id="label-home" value="{FormValueHome}">
			</p>
			<!--ファイル-->
			<p>
				<label for="label-file" class="label">{LabelFile}</label>
				<input type="file" name="{NameValueFile}" id="label-file" value="">
			</p>
			<!--文字回込-->
			<p>
				<span id="label-float" class="label">{LabelFloat}</span>
				{loop:PlugSubmitFormFloatRadio}
					<label class="float{Value}"><input type="radio" name="{NameValueFloat}" value="{Value}"{Checked}><span>{Name}</span></label>
				{/loop:PlugSubmitFormFloatRadio}
			</p>
			<!--コメント-->
			<p>
				<label for="label-comment" class="label">{LabelComment}</label>
				<textarea name="{NameValueComment}" id="label-comment">{FormValueComment}</textarea></p>
			<div class="flex foot">
				<!--編集キー-->
				<p>
					<label for="label-editkey" class="label">{LabelEditKey}</label>
					<input type="text" name="{NameValueEditKey}" id="label-editkey" value="{FormValueEditKey}">
				</p>
				<!--画像認証-->
				{block:Captcha}
					<p>
						<label for="label-captcha" class="label">{LabelCaptcha}<img src="{CaptchaImageUrl}" class="captcha-img"></label>
						<input type="text" name="{NameValueCaptcha}" id="label-captcha" value="{FormValueCaptcha}">
					</p>
				{/block:Captcha}
				<!--クッキー-->
				<p>
					<label class="label">
						<input type="checkbox" name="{NameValueCookie}" id="input-cookie" class="checkbox" value="{FormValueCookie}"{CheckedCookie}>
						<span id="label-cookie">{LabelCookie}</span>
					</label>
				</p>
			</div>
			
			<script>
				//バリデート				
				{block:RequiredName}
					$('label[for="label-name"]').addClass('required');
					$('#label-name').attr('required', 'true');
				{/block:RequiredName}
				
				{block:RequiredMail}
					$('label[for="label-mail"]').addClass('required');
					$('#label-mail').attr('required', 'true');
				{/block:RequiredMail}
		
				{block:RequiredHome}
					$('label[for="label-home"]').addClass('required');
					$('#label-home').attr('required', 'true');
				{/block:RequiredHome}
				
				{block:RequiredFile}
					$('label[for="label-file"]').addClass('required');
					$('#label-file').attr('required', 'true');
				{/block:RequiredFile}
				
				{block:RequiredFloat}
					$('#label-float').addClass('required');
				{/block:RequiredFloat}
				
				{block:RequiredComment}
					$('label[for="label-comment"]').addClass('required');
					$('#label-comment').attr('required', 'true');
				{/block:RequiredComment}
				
				{block:RequiredEditKey}
					$('label[for="label-editkey"]').addClass('required');
					$('#label-editkey').attr('required', 'true');
				{/block:RequiredEditKey}
				
				{block:RequiredCaptcha}
					$('label[for="label-captcha"]').addClass('required');
					$('#label-captcha').attr('required', 'true');
				{/block:RequiredCaptcha}
				
				{block:RequiredCookie}
					$('#label-cookie').addClass('required');
					$('#input-cookie').attr('required', 'true');
				{/block:RequiredCookie}
			</script>
		{/block:New}
		
		
		<!--返信フォーム-->
		{block:Res}
			<!--名前-->
			<p>
				<label for="label-name" class="label">{LabelName}</label>
				<input type="text" name="{NameValueName}" id="label-name" value="{FormValueName}">
			</p>
			<!--メール-->
			<p>
				<label for="label-mail" class="label">{LabelMail}</label>
				<input type="email" name="{NameValueMail}" id="label-mail" value="{FormValueMail}">
			</p>
			<!--ホーム-->
			<p>
				<label for="label-home" class="label">{LabelHome}</label>
				<input type="url" name="{NameValueHome}" id="label-home" value="{FormValueHome}">
			</p>
			<!--コメント-->
			<p>
				<label for="label-comment" class="label">{LabelComment}</label>
				<textarea name="{NameValueComment}" id="label-comment">{FormValueComment}</textarea>
			</p>
			<div class="flex foot">
				<!--編集キー-->
				<p>
					<label for="label-editkey" class="label">{LabelEditKey}</label>
					<input type="text" name="{NameValueEditKey}" id="label-editkey" value="{FormValueEditKey}">
				</p>
				<!--画像認証-->
				{block:Captcha}
					<p>
						<label for="label-captcha" class="label">{LabelCaptcha}<img src="{CaptchaImageUrl}" class="captcha-img"></label>
						<input type="text" name="{NameValueCaptcha}" id="label-captcha" value="{FormValueCaptcha}">
					</p>
				{/block:Captcha}
				<!--クッキー-->
				<p>
					<label class="label">
						<input type="checkbox" name="{NameValueCookie}" id="input-cookie" class="checkbox" value="{FormValueCookie}"{CheckedCookie}>
						<span id="label-cookie">{LabelCookie}</span>
					</label>
				</p>
			</div>
			
			<script>
				//バリデート				
				{block:RequiredName}
					$('label[for="label-name"]').addClass('required');
					$('#label-name').attr('required', 'true');
				{/block:RequiredName}
				
				{block:RequiredMail}
					$('label[for="label-mail"]').addClass('required');
					$('#label-mail').attr('required', 'true');
				{/block:RequiredMail}
		
				{block:RequiredHome}
					$('label[for="label-home"]').addClass('required');
					$('#label-home').attr('required', 'true');
				{/block:RequiredHome}
				
				{block:RequiredComment}
					$('label[for="label-comment"]').addClass('required');
					$('#label-comment').attr('required', 'true');
				{/block:RequiredComment}
				
				{block:RequiredEditKey}
					$('label[for="label-editkey"]').addClass('required');
					$('#label-editkey').attr('required', 'true');
				{/block:RequiredEditKey}
				
				{block:RequiredCaptcha}
					$('label[for="label-captcha"]').addClass('required');
					$('#label-captcha').attr('required', 'true');
				{/block:RequiredCaptcha}
				
				{block:RequiredCookie}
					$('#label-cookie').addClass('required');
					$('#input-cookie').attr('required', 'true');
				{/block:RequiredCookie}
			</script>
			
		{/block:Res}
		<button class="button">送信</button>
	</form>
{/block:PlugSubmitForm}

{block:PlugCommentForm}
	<section id="comment-form" class="mb2 mt2">

		{block:FormTitle}
			<h3>{FormTitle}</h3>
		{/block:FormTitle}
		
		<form action="{Action}" method="{Method}">
			{HiddenTag}

			{block:FormMes}
				<p class="message mb6">{FormMes}</p>
			{/block:FormMes}
						
			{block:Error}
				<div id="comment-error" class="error mb6">
					<div class="head">入力内容が正しくありません</div>
					<ul>
						{loop:Message}
							<li>{Message}</li>
						{/loop:Message}
					</ul>
				</div>
				<script>window.onload = function() { scrollTo('#comment-error'); }</script>
			{/block:Error}
	
			{block:Success}
				<p id="comment-success" class="success">送信が完了しました</p>
				<script>window.onload = function() { scrollTo('#comment-success','fadeOut'); }</script>
			{/block:Success}

			<p>
				<label for="label-name" class="label">{LabelName}</label>
				<input type="text" name="{NameValueName}" id="label-name" value="{FormValueName}">
			</p>
			<p>
				<label for="label-comment" class="label">{LabelComment}</label>
				<textarea name="{NameValueComment}" id="label-comment">{FormValueComment}</textarea>
			</p>
			
			<div class="flex foot">
				<p>
					<label for="label-editkey" class="label">{LabelEditKey}</label>
					<input type="text" name="{NameValueEditKey}" id="label-editkey" value="{FormValueEditKey}">
				</p>
				{block:Captcha}
					<p>
						<label for="label-captcha" class="label">{LabelCaptcha}<img src="{CaptchaImageUrl}" class="captcha-img"></label>
						<input type="text" name="{NameValueCaptcha}" id="label-captcha" value="{FormValueCaptcha}">
					</p>
				{/block:Captcha}
				<p>
					<label class="label">
						<input type="checkbox" name="{NameValueCookie}" id="input-cookie" class="checkbox" value="{FormValueCookie}"{CheckedCookie}>
						<span id="label-cookie">{LabelCookie}</span>
					</label>
				</p>
			</div>

			<button class="button">送信</button>
		</form>
	</section>
	
	<script>
		//バリデート		
		{block:RequiredName}
			$('label[for="label-name"]').addClass('required');
			$('#label-name').attr('required', 'true');
		{/block:RequiredName}
		
		{block:RequiredComment}
			$('label[for="label-comment"]').addClass('required');
			$('#label-comment').attr('required', 'true');
		{/block:RequiredComment}
		
		{block:RequiredEditKey}
			$('label[for="label-editkey"]').addClass('required');
			$('#label-editkey').attr('required', 'true');
		{/block:RequiredEditKey}
		
		{block:RequiredCaptcha}
			$('label[for="label-captcha"]').addClass('required');
			$('#label-captcha').attr('required', 'true');
		{/block:RequiredCaptcha}
		
		{block:RequiredCookie}
			$('#label-cookie').addClass('required');
			$('#input-cookie').attr('required', 'true');
		{/block:RequiredCookie}
	</script>
	
{/block:PlugCommentForm}

{block:PlugComment}
	<section id="comment">
		{block:PlugTitle}
			<h3>{PlugTitle}</h3>
		{/block:PlugTitle}
		{loop:Comment}
			{block:Comment}
				<div id="rno{ResNo}" class="section mbs5">
					{Body}
					<ul class="foot flex right">
						<li>{block:Name}{Name}{/block:Name}</li>
						<li><time datetime="{YYYY}-{MM}-{DD} {HH}:{II}">{YYYY}/{MM}/{DD} {HH}:{II}</time></li>
						<li><a href="{BaseUrl}/?mode=edit&no={No}&rno={ResNo}#comment-form" class="edit" rel="nofollow"><span>編集</span></a></li>
						<li><a href ="{BaseUrl}/?pagename=delRes&no={No}&rno={ResNo}" class="del modal-open" rel="nofollow"><span>削除</span></a></li>					
					</ul>
				</div>
			{/block:Comment}
		{/loop:Comment}
	</section>
{/block:PlugComment}

{block:PlugCategory}
	<section>
		{block:PlugTitle}
			<h3>{PlugTitle}</h3>
		{/block:PlugTitle}
		<ul>
			{loop:Category}
				<li><a href="{BaseUrl}/cate{Id}.html">{Name}</a> ({ArticleNum})</li>
	 		{/loop:Category}
		</ul>
	</section>
{/block:PlugCategory}

{block:PlugFreeArea1}
	<section>
		{block:PlugTitle}
			<h3>{PlugTitle}</h3>
		{/block:PlugTitle}
		{Contents}
	</section>
{/block:PlugFreeArea1}

{block:PlugImage}
	<img src="{Url}" alt="トップ画像" class="pict">
{/block:PlugImage}

<p class="message">
	最新{FootMarkMax}件の訪問履歴です。	{block:InfoMes}<br>{InfoMes}{/block:InfoMes}
</p>
{block:FootMark}
	<ul class="mt5">
		{loop:FootMark}
			<li>
				<time datetime="{YYYY}-{MM}-{DD} {HH}:{II}">{YYYY}/{MM}/{DD} {HH}:{II}</time><a href="{UserPageUrl}" class="user">{UserID}</a><a href="{UserContentUrl}"><img src="{ServiceBaseUrl}/site/img/service/{UserUseService}.svg" alt="{UserUseService}" width="24" height="24"></a>
			</li>
		{/loop:FootMark}
	</ul>
{/block:FootMark}

{block:NumberOfUnapproved}
	<p class="message mb5">
		承認待ちの友人が{NumberOfUnapproved}人います。<br>
		承認作業を<a href="{ApprovalUrl}">こちら</a>から行ってください。<br>
		※このメッセージはコンテンツ管理者のみに表示されています。		
	</p>
{/block:NumberOfUnapproved}

<p class="message mb5">
	{block:InfoMes}{InfoMes}<br>{/block:InfoMes}
	フレンド申請は<a href="{AddFriendUrl}" rel="nofollow">こちら</a>からどうぞ。
</p>

{block:Friend}
	<ul class="flex friend">
		{loop:Friend}
			<li><a href="{UserPageUrl}"><img src="{UserImgUrl}" alt="{UserID}" width="64" height="64"><br>{UserID}</a></li>
		{/loop:Friend}
	</ul>
	{block:Pager}
		<ul class="pager flex mt2">
			{block:PreviousPage}<li><a href="{PreviousPageUrl}">&#8810; 前のページ</a></li>{/block:PreviousPage}
			{block:NextPage}<li><a href="{NextPageUrl}">次のページ &#8811;</a></li>{/block:NextPage}
		</ul>
	{/block:Pager}
{/block:Friend}

{block:InfoMes}
	<p class="message mb5">{InfoMes}</p>
{/block:InfoMes}
{block:Success}
	<p id="friend-form-success" class="success mb5">送信が完了しました</p>
	<script>window.onload = function() { scrollTo('#friend-form-success','fadeOut'); }</script>
{/block:Success}
<form action="{Action}" method="{Method}">
	{HiddenTag}
	{block:Error}
		<div id="friend-form-error" class="error mb6">
			<div class="head">入力内容が正しくありません</div>
			<ul>
				{loop:Message}
					<li>{Message}</li>
				{/loop:Message}
			</ul>
		</div>
		<script>window.onload = function() { scrollTo('#friend-form-error'); }</script>
	{/block:Error}
	<p>
		<label for="label-comment" class="label">メッセージ</label>
		<textarea name="{NameValueComment}" id="label-comment" required></textarea>
	</p>
	<button class="button">フレンド申請をする</button>
</form>

{block:Success}
	<script>
		//モーダルとオーバーレイをフェードアウト		
		window.parent.$('.modal-content').fadeOut('slow');
		window.parent.$('.modal-overlay').fadeOut('slow',function(){
			window.parent.$('.modal-overlay').remove();
		});
		//記事をフェードアウト		
		//親記事の場合		
		{block:Parent}
			parent.$('#no{No}').fadeOut(1000);
		{/block:Parent}
		//子記事の場合		
		{block:Child}
			parent.$('#no{No}-rno{ResNo}').fadeOut(1000);
		{/block:Child}
	</script>
{/block:Success}

<form action="{Action}" method="{Method}">
	{HiddenTag}
	{block:Error}
		<div class="error-single">{Message}</div>
	{/block:Error}
	<p>
		編集キーを入力してください<br>
		<input type="text" name="{NameValueEditKey}" required>
	</p>
	<button class="button">削除</button>
</form>

{block:Success}
	<script>
		//モーダルとオーバーレイをフェードアウト		
		window.parent.$('.modal-content').fadeOut('slow');
		window.parent.$('.modal-overlay').fadeOut('slow',function(){
			window.parent.$('.modal-overlay').remove();
		});
		//記事をフェードアウト		
		parent.$('#rno{ResNo}').fadeOut(1000);
	</script>
{/block:Success}

<form action="{Action}" method="{Method}">
	{HiddenTag}
	{block:Error}
		<div class="error-single">{Message}</div>
	{/block:Error}
	<p>
		編集キーを入力してください<br>
		<input type="text" name="{NameValueEditKey}" required>
	</p>
	<button class="button">削除</button>
</form>

<h2 class="h3">制限中</h2>
<p class="message">{InfoMes}</p>

{block:PwForm}
	<form action="{Action}" method="{Method}">
		{HiddenTag}
		{block:Error}
			<div id="pw-form-error" class="error-single mb6">{Message}</div>
			<script>window.onload = function() { scrollTo('#pw-form-error'); }</script>
		{/block:Error}
		<p>
			<label for="label-pw" class="label">パスワード</label>
			<input type="password" name="{NameValuePw}" id="label-pw" required>
		</p>
		<p>
			<label class="label">
				<input type="checkbox" name="{NameValueAutoLogin}" class="checkbox" value="{FormValueAutoLogin}">
				次回から自動ログインする			</label>
			<span class="cookie-mes">
				最長で2週間ログイン状態を維持できます。<br>
				共用のパソコンではチェックを外してください。			</span>
		</p>
		<button class="button">認証</button>
	</form>
{/block:PwForm}

{block:MainArticle}
	{loop:Article}
		<article class="mbs2">
			<h2><time datetime="{YYYY}-{MM}-{DD}">{YYYY}/{MM}/{DD}({W1})</time></h2>
			{Body}
		</article>
	{/loop:Article}
{/block:MainArticle}

{block:MainArticle}
	{loop:Article}
		<article id="no{No}" class="mbs2">
			<header>
				<h2><a href="{BaseUrl}/entry{No}.html">{Title}</a></h2>
				<time datetime="{YYYY}-{MM}-{DD} {HH}:{II}">{YYYY}/{MM}/{DD}({W1}) {HH}:{II}</time>
			</header>
			
			{Body}
			
			{block:MoreBody}
				<p id="more{No}" class="mt5">{MoreBody}</p>
			{/block:MoreBody}
			
			{block:MoreLink}
				<p><a href="{BaseUrl}/entry{No}.html#more{No}">続きを読む</a></p>
			{/block:MoreLink}
			
			{block:BodyPwForm}
				<form action="{Action}" id="limit{No}" method="{Method}">
					{HiddenTag}
					{block:Error}
						<p class="error-single">{Message}</p>
						<script>window.onload = function() { scrollTo('#limit{No}'); }</script>
					{/block:Error}
 						<input type="password" name="{NameValuePw}" style="width:18rem;" required><button class="button inline">認証</button>
				</form>
			{/block:BodyPwForm}
			
			<footer>
				<ul class="foot flex right">
					<li><a href="{BaseUrl}/entry{No}.html#comment-form">コメント({CommentNum})</a></li>
					<li><a href="{BaseUrl}/entry{No}.html">記事URL</a></li>
					{block:Category}<li><a href="{BaseUrl}/cate{Id}.html">{Name}</a></li>{/block:Category}
				</ul>
			</footer>
		</article>
	{/loop:Article}
	
	{block:Pager}
		<ul class="pager flex mt2">
			{block:PreviousPage}<li><a href="{PreviousPageUrl}">&#8810; 前のページ</a></li>{/block:PreviousPage}
			{block:NextPage}<li><a href="{NextPageUrl}">次のページ &#8811;</a></li>{/block:NextPage}
		</ul>
	{/block:Pager}
{/block:MainArticle}

{block:MainArticle}

	{loop:Article}
		<!-- 親記事 -->
		<article id="no{No}">
			<header>
				<ul class="head flex">
					<li>{block:Name}{Name}{/block:Name}</li>
					<li>{block:Mail}<a href="mailto:{Mail}" class="mail"><span>メール</span></a>{/block:Mail}</li>
					<li>{block:Home}<a href="{Home}" class="home"><span>ホーム</span></a>{/block:Home}</li>
					<li><a href="{BaseUrl}/?mode=res&no={No}#form" class="res" rel="nofollow">返信</a></li>
				</ul>
			</header>
		
			{Body}
		
			<footer>
				<ul class="foot flex right">
					<li><time datetime="{YYYY}-{MM}-{DD} {HH}:{II}">{YYYY}/{MM}/{DD}({W1}) {HH}:{II}</time></li>
					<li><a href="{BaseUrl}/entry{No}.html#no{No}">No.{No}</a></li>
					<li><a href="{BaseUrl}/?mode=edit&no={No}#form" class="edit" rel="nofollow"><span>編集</span></a></li>
					<li><a href="{BaseUrl}/?pagename=del&no={No}" class="del modal-open" rel="nofollow"><span>削除</span></a></li>
				</ul>
			</footer>
			
			
			{block:ResArticle}
				{loop:ResArticle}
					<!-- 子記事 -->
					<article id="no{No}-rno{ResNo}">
						<header>
							<ul class="head flex">
								<li>{block:ResName}{ResName}{/block:ResName}</li>
								<li>{block:ResMail}<a href="mailto:{ResMail}" class="mail"><span>メール</span></a>{/block:ResMail}</li>
								<li>{block:ResHome}<a href="{ResHome}" class="home"><span>ホーム</span></a>{/block:ResHome}</li>
							</ul>
						</header>
					
						{ResBody}
					
						<footer>
							<ul class="foot flex right">
								<li><time datetime="{YYYY}-{MM}-{DD} {HH}:{II}">{YYYY}/{MM}/{DD}({W1}) {HH}:{II}</time></li>
								<li><a href="{BaseUrl}/entry{No}.html#no{No}-rno{ResNo}">No.{ResNo}</a></li>
								<li><a href="{BaseUrl}/?mode=edit&no={No}&rno={ResNo}#form" class="edit" rel="nofollow"><span>編集</span></a></li>
								<li><a href="{BaseUrl}/?pagename=del&no={No}&rno={ResNo}" class="del modal-open" rel="nofollow"><span>削除</span></a></li>	
							</ul>
						</footer>
					</article>
					<!-- /子記事 -->
				{/loop:ResArticle}
			{/block:ResArticle}
			
		</article>
		<!-- /親記事 -->
	{/loop:Article}
	
	{block:Pager}
		<ul class="pager flex mt2">
			{block:PreviousPage}<li><a href="{PreviousPageUrl}">&#8810; 前のページ</a></li>{/block:PreviousPage}
			{block:NextPage}<li><a href="{NextPageUrl}">次のページ &#8811;</a></li>{/block:NextPage}
		</ul>
	{/block:Pager}

{/block:MainArticle}

{block:MainArticle}
	{loop:Article}
		<article id="no{No}" class="mbs2">
			<header>
				<h2><a href="{BaseUrl}/entry{No}.html">{Title}</a> <span class="rate rate{Rate}"><span>rate:{Rate}</span></span></h2>
				<time datetime="{YYYY}-{MM}-{DD} {HH}:{II}">{YYYY}/{MM}/{DD}({W1}) {HH}:{II}</time>
			</header>
			
			<a href="{ProductUrl}"><img src="{ImgUrl}" alt="{Title}" width="{Width}" height="{Height}"></a>
			{Body}
			<br style="clear: both">
			
			{block:MoreBody}
				<p id="more{No}" class="mt5">{MoreBody}</p>
			{/block:MoreBody}

			{block:MoreLink}
				<p><a href="{BaseUrl}/entry{No}.html#more{No}">続きを読む</a></p>
			{/block:MoreLink}
			
			{block:BodyPwForm}
				<form action="{Action}" id="limit{No}" method="{Method}">
					{HiddenTag}
					{block:Error}
						<p class="error-single">{Message}</p>
						<script>window.onload = function() { scrollTo('#limit{No}'); }</script>
					{/block:Error}
 						<input type="password" name="{NameValuePw}" style="width:18rem;" required><button class="button inline">認証</button>
				</form>
			{/block:BodyPwForm}
							
			<footer>
				<ul class="foot flex right">
					<li><a href="{BaseUrl}/entry{No}.html#comment-form">コメント({CommentNum})</a></li>
					<li><a href="{BaseUrl}/entry{No}.html">記事URL</a></li>
					{block:Category}<li><a href="{BaseUrl}/cate{Id}.html">{Name}</a></li>{/block:Category}
				</ul>
			</footer>
		</article>
	{/loop:Article}
	{block:Pager}
		<ul class="pager flex mt2">
			{block:PreviousPage}<li><a href="{PreviousPageUrl}">&#8810; 前のページ</a></li>{/block:PreviousPage}
			{block:NextPage}<li><a href="{NextPageUrl}">次のページ &#8811;</a></li>{/block:NextPage}
		</ul>
	{/block:Pager}
{/block:MainArticle}

{block:NovelCategory}
	<ul class="category">
		{loop:Category}
			<li>
				<h2 class="h3">{Name}</h2>
				{block:Body}{Body}{/block:Body}
				{block:Title}
					<ul class="flex">
						{loop:Title}
							<li><a href="{Url}">{Title}</a></li>
						{/loop:Title}
					</ul>
				{/block:Title}
				
				{block:MoreLink}
					<div class="foot">
						<a href="{Url}">全て見る</a>
					</div>
				{/block:MoreLink}
			</li>
		{/loop:Category}
	</ul>
	
	{block:Pager}
		<ul class="pager flex mt2">
			{block:PreviousPage}<li><a href="{PreviousPageUrl}">&#8810; 前のページ</a></li>{/block:PreviousPage}
			{block:NextPage}<li><a href="{NextPageUrl}">次のページ &#8811;</a></li>{/block:NextPage}
		</ul>
	{/block:Pager}
{/block:NovelCategory}



{block:MainArticle}
	<article id="no{No}" class="mbs2"{block:BgCss}{BgCss}{/block:BgCss}>
		<header>
			<h2><a href="{BaseUrl}/entry{No}.html">{Title}</a></h2>
			<time datetime="{YYYY}-{MM}-{DD} {HH}:{II}">{YYYY}/{MM}/{DD}({W1}) {HH}:{II}</time>
		</header>
		
		{Body}
		
		{block:BodyPwForm}
			<form action="{Action}" id="limit{No}" method="{Method}">
				{HiddenTag}
				{block:Error}
					<p class="error-single">{Message}</p>
					<script>window.onload = function() { scrollTo('#limit{No}'); }</script>
				{/block:Error}
				 <input type="password" name="{NameValuePw}" style="width:18rem;" required><button class="button inline">認証</button>
			</form>
		{/block:BodyPwForm}
		
		<footer>
			<ul class="foot flex right">
				<li><a href="{BaseUrl}/entry{No}.html#comment-form">コメント({CommentNum})</a></li>
				<li><a href="{BaseUrl}/entry{No}.html">記事URL</a></li>
			</ul>
		</footer>
	</article>

	{block:Pager}
		<ul class="pager flex mt2">
			{block:PreviousPage}<li><a href="{PreviousPageUrl}">&#8810; 前のページ</a></li>{/block:PreviousPage}
			<li><a href="{BaseUrl}">TOP</a></li>
			{block:NextPage}<li><a href="{NextPageUrl}">次のページ &#8811;</a></li>{/block:NextPage}
		</ul>
	{/block:Pager}
{/block:MainArticle}

{block:GalleryCategory}
	<ul class="category">
		{loop:Category}
			<li>
				<h2 class="h3">{Name}</h2>
				{block:Body}{Body}{/block:Body}
				{block:Work}
					<ul class="flex">
						{loop:Work}
							<li><a href="{Url}"><img src="{ImgUrl}" width="{Width}" height="{Height}" title="{Title}"></a></li>
						{/loop:Work}
					</ul>
				{/block:Work}
				
				{block:MoreLink}
					<div class="foot">
						<a href="{Url}">全て見る</a>
					</div>
				{/block:MoreLink}
			</li>
		{/loop:Category}
	</ul>
	
	{block:Pager}
		<ul class="pager flex mt2">
			{block:PreviousPage}<li><a href="{PreviousPageUrl}">&#8810; 前のページ</a></li>{/block:PreviousPage}
			{block:NextPage}<li><a href="{NextPageUrl}">次のページ &#8811;</a></li>{/block:NextPage}
		</ul>
	{/block:Pager}
{/block:GalleryCategory}



{block:MainArticle}
	<article id="no{No}" class="mbs2">
		<header>
			<h2><a href="{BaseUrl}/entry{No}.html">{Title}</a></h2>
			<time datetime="{YYYY}-{MM}-{DD} {HH}:{II}">{YYYY}/{MM}/{DD}({W1}) {HH}:{II}</time>
		</header>
		
		{block:Image}
			<img src="{ImgUrl}" class="pict">
		{/block:Image}
		
		{block:File}
			<a href="{FileUrl}"><img src="{ImgUrl}" width="{Width}" height="{Height}"></a>
		{/block:File}
		
		<br>
		{Body}
		
		<footer>
			<ul class="foot flex right">
				<li><a href="{BaseUrl}/entry{No}.html#comment-form">コメント({CommentNum})</a></li>
				<li><a href="{BaseUrl}/entry{No}.html">記事URL</a></li>
			</ul>
		</footer>
	</article>

	{block:Pager}
		<ul class="pager flex mt2">
			{block:PreviousPage}<li><a href="{PreviousPageUrl}">&#8810; 前のページ</a></li>{/block:PreviousPage}
			<li><a href="{BaseUrl}">TOP</a></li>
			{block:NextPage}<li><a href="{NextPageUrl}">次のページ &#8811;</a></li>{/block:NextPage}
		</ul>
	{/block:Pager}
{/block:MainArticle}

{block:Profile}
	<section class="profile mb2">
		{block:Title}
			<h2 class="h3">{Title}</h2>
		{/block:Title}
		
		<div class="flex">
			<div class="img">
				{block:ImgUrl}<img src="{ImgUrl}" class="pict">{/block:ImgUrl}
			</div>
			<dl class="flex">
				{block:Name}
					<dt>{LabelName}</dt>
					<dd>{ValueName}</dd>
				{/block:Name}

				{block:Nickname}
					<dt>{LabelNickname}</dt>
					<dd>{ValueNickname}</dd>
				{/block:Nickname}
				
				{block:Sex}
					<dt>{LabelSex}</dt>
					<dd>{ValueSex}</dd>
				{/block:Sex}
				
				{block:Blood}
					<dt>{LabelBlood}</dt>
					<dd>{ValueBlood}</dd>
				{/block:Blood}
				
				{block:Birth}
					<dt>{LabelBirth}</dt>
					<dd>{ValueBirth}</dd>
				{/block:Birth}
				
				{block:Job}
					<dt>{LabelJob}</dt>
					<dd>{ValueJob}</dd>
				{/block:Job}
				
				{block:Address}
					<dt>{LabelAddress}</dt>
					<dd>{ValueAddress}</dd>
				{/block:Address}
				
				{block:BirthPlace}
					<dt>{LabelBirthPlace}</dt>
					<dd>{ValueBirthPlace}</dd>
				{/block:BirthPlace}
				
				{block:Comment}
					<dt>{LabelComment}</dt>
					<dd>{ValueComment}</dd>
				{/block:Comment}
			</dl>
		</div>
	</section>
{/block:Profile}

{block:Interview}
	<section class="interview">
		{block:Title}
			<h2 class="h3">{Title}</h2>
		{/block:Title}
		<dl>
			{loop:Interview}
				<dt>{Question}</dt>
				<dd>{Answer}</dd>
			{/loop:Interview}
		</dl>
	</section>
{/block:Interview}

{block:BookmarkCategory}
	<ul class="category flex">
		{loop:Category}
			<li>
				<h2 class="h3">{Name}</h2>
				{block:Bookmark}
					<ul>
						{loop:Bookmark}
							<li{block:Banner} class="banner"{/block:Banner}>
								{block:Text}
									<a href="{Url}">{Title}</a>
								{/block:Text}
								{block:Banner}
									<a href="{Url}"><img src="{ImgUrl}" width="{Width}" height="{Height}" title="{Title}"></a>
								{/block:Banner}
								{block:Body}<p>{Body}</p>{/block:Body}
							</li>
						{/loop:Bookmark}
					</ul>
				{/block:Bookmark}
				
				{block:MoreLink}
					<div class="foot">
						<a href="{Url}">全て見る</a>
					</div>
				{/block:MoreLink}
				
			</li>
		{/loop:Category}
	</ul>

	{block:Pager}
		<ul class="pager flex mt2">
			{block:PreviousPage}<li><a href="{PreviousPageUrl}">&#8810; 前のページ</a></li>{/block:PreviousPage}
			{block:NextPage}<li><a href="{NextPageUrl}">次のページ &#8811;</a></li>{/block:NextPage}
		</ul>
	{/block:Pager}

{/block:BookmarkCategory}

{block:Form}

	{block:FormTitle}
		<h2 class="h3">{FormTitle}</h2>
	{/block:FormTitle}
	
	{block:FormMes}
		<p class="message mb5">{FormMes}</p>
	{/block:FormMes}
	
	{block:Success}
		<p id="mail-form-success" class="success mb5">送信が完了しました</p>
		<script>window.onload = function() { scrollTo('#mail-form-success','fadeOut'); }</script>
	{/block:Success}
				
	<form action="{Action}" method="{Method}" enctype="{Enctype}">
		{HiddenTag}
		{block:Error}
			<div id="mail-form-error" class="error mb6">
				<div class="head">入力内容が正しくありません</div>
				<ul>
					{loop:Message}
						<li>{Message}</li>
					{/loop:Message}
				</ul>
			</div>
			<script>window.onload = function() { scrollTo('#mail-form-error'); }</script>
		{/block:Error}

		<!--タイトル-->
		<p>
			<label for="label-title" class="label">{LabelTitle}</label>
			<input type="text" name="{NameValueTitle}" id="label-title" value="{FormValueTitle}">
		</p>
		<!--名前-->
		<p>
			<label for="label-name" class="label">{LabelName}</label>
			<input type="text" name="{NameValueName}" id="label-name" value="{FormValueName}">
		</p>
		<!--メール-->
		<p>
			<label for="label-mail" class="label">{LabelMail}</label>
			<input type="email" name="{NameValueMail}" id="label-mail" value="{FormValueMail}">
		</p>
		<!--ホーム-->
		<p>
			<label for="label-home" class="label">{LabelHome}</label>
			<input type="url" name="{NameValueHome}" id="label-home" value="{FormValueHome}">
		</p>
		<!--コメント-->
		<p>
			<label for="label-comment" class="label">{LabelComment}</label>
			<textarea name="{NameValueComment}" id="label-comment">{FormValueComment}</textarea>
		</p>
		<div class="flex foot">
			<!--画像認証-->
				<p>
					<label for="label-captcha" class="label">{LabelCaptcha}<img src="{CaptchaImageUrl}" class="captcha-img"></label>
					<input type="text" name="{NameValueCaptcha}" id="label-captcha" value="{FormValueCaptcha}">
				</p>
			<!--クッキー-->
			<p>
				<label class="label">
					<input type="checkbox" name="{NameValueCookie}" id="input-cookie" class="checkbox" value="{FormValueCookie}"{CheckedCookie}>
					<span id="label-cookie">{LabelCookie}</span>
				</label>
			</p>
		</div>
		<button class="button">送信</button>
	</form>
	
	<script>
		//バリデート		
		{block:RequiredTitle}
			$('label[for="label-title"]').addClass('required');
			$('#label-title').attr('required', 'true');
		{/block:RequiredTitle}
		
		{block:RequiredName}
			$('label[for="label-name"]').addClass('required');
			$('#label-name').attr('required', 'true');
		{/block:RequiredName}
		
		{block:RequiredMail}
			$('label[for="label-mail"]').addClass('required');
			$('#label-mail').attr('required', 'true');
		{/block:RequiredMail}

		{block:RequiredHome}
			$('label[for="label-home"]').addClass('required');
			$('#label-home').attr('required', 'true');
		{/block:RequiredHome}
		
		{block:RequiredComment}
			$('label[for="label-comment"]').addClass('required');
			$('#label-comment').attr('required', 'true');
		{/block:RequiredComment}

		{block:RequiredCaptcha}
			$('label[for="label-captcha"]').addClass('required');
			$('#label-captcha').attr('required', 'true');
		{/block:RequiredCaptcha}
		
		{block:RequiredCookie}
			$('#label-cookie').addClass('required');
			$('#input-cookie').attr('required', 'true');
		{/block:RequiredCookie}
	</script>
	
{/block:Form}

{block:Pages}
	<article>
		<h2>{Title}</h2>
		{Body}
	</article>
{/block:Pages}