Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <body class="single single-post postid-44850 single-format-standard categoryid-3" itemscope="" itemtype="http://schema.org/WebPage">
	<div id="container">

		<!-- header -->
		<header itemscope="" itemtype="http://schema.org/WPHeader">
			<div id="header" class="clearfix">
				<div id="header-in">

					<div id="h-top">
						<!-- モバイルメニュー表示用のボタン -->
						<div id="mobile-menu">
							<a id="mobile-menu-toggle" href="#"><span class="fa fa-bars fa-2x"></span></a>
						</div>

						<div class="alignleft top-title-catchphrase">
							<!-- サイトのタイトル -->
							<p id="site-title" itemscope="" itemtype="http://schema.org/Organization">
								<a href="//wp-simplicity.com/">Simplicity</a></p>
							<!-- サイトの概要 -->
							<p id="site-description">
								内部SEO施策済みのシンプルな無料Wordpressテーマ</p>
						</div>

						<div class="alignright top-sns-follows">
							<!-- SNSページ -->
							<div class="sns-pages">
								<p class="sns-follow-msg">フォローする</p>
								<ul class="snsp">
									<li class="twitter-page"><a href="//twitter.com/MrYhira" target="_blank" title="Twitterをフォロー" rel="nofollow"><span class="icon-twitter-logo"></span></a></li>
									<li class="facebook-page"><a href="//www.facebook.com/nelog.jp" target="_blank" title="Facebookをフォロー" rel="nofollow"><span class="icon-facebook-logo"></span></a></li>
									<li class="google-plus-page"><a href="//plus.google.com/+NelogJpgp" target="_blank" title="Google+をフォロー" rel="nofollow publisher"><span class="icon-google-plus-logo"></span></a></li>
									<li class="hatebu-page"><a href="//b.hatena.ne.jp/nelog" target="_blank" title="はてブをフォロー" rel="nofollow"><span class="icon-hatebu-logo"></span></a></li>
									<li class="push7-page"><a href="//simplicity.app.push7.jp" target="blank" title="push7で更新情報を購読" rel="nofollow"><span class="icon-push7-logo"></span></a></li>
									<li class="feedly-page"><a href="//feedly.com/index.html#subscription%2Ffeed%2Fhttps%3A%2F%2Fwp-simplicity.com%2Ffeed%2F" target="blank" title="feedlyで更新情報を購読" rel="nofollow"><span class="icon-feedly-logo"></span></a></li>
									<li class="rss-page"><a href="//wp-simplicity.com/feed/" target="_blank" title="RSSで更新情報をフォロー" rel="nofollow"><span class="icon-rss-logo"></span></a></li>
								</ul>
							</div>
						</div>

					</div>
					<!-- /#h-top -->
				</div>
				<!-- /#header-in -->
			</div>
			<!-- /#header -->
		</header>

		<!-- Navigation -->
		<nav itemscope="" itemtype="http://schema.org/SiteNavigationElement">
			<div id="navi">
				<div id="navi-in">
					<div class="menu-%e3%83%a1%e3%82%a4%e3%83%b3%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc-container">
						<ul id="menu-%e3%83%a1%e3%82%a4%e3%83%b3%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc" class="menu">
							<li id="menu-item-14" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-14"><a href="https://wp-simplicity.com/">ホーム</a></li>
							<li id="menu-item-39914" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-39914"><a href="#">ダウンロード</a>
								<ul class="sub-menu">
									<li id="menu-item-35130" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-35130"><a href="//wp-simplicity.com/downloads/downloads2/">Simplicity2</a></li>
									<li id="menu-item-35129" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-35129"><a href="//wp-simplicity.com/downloads/child-theme2/">Simplicity2子テーマ</a></li>
									<li id="menu-item-9279" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9279"><a href="//wp-simplicity.com/downloads/">Simplicity1系</a></li>
									<li id="menu-item-1343" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1343"><a href="//wp-simplicity.com/downloads/child-theme/">Simplicity1子テーマ</a></li>
									<li id="menu-item-1895" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1895"><a href="//wp-simplicity.com/downloads/skin/">スキン</a></li>
									<li id="menu-item-44126" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44126"><a href="//wp-simplicity.com/downloads/terms-of-use/">Simplicity利用規約</a></li>
								</ul>
							</li>
							<li id="menu-item-45" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45"><a href="//wp-simplicity.com/initialization/">初期設定</a></li>
							<li id="menu-item-61" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61"><a href="//wp-simplicity.com/layout/">レイアウト見本</a></li>
							<li id="menu-item-266" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-266"><a href="//wp-simplicity.com/category/news/">NEWS</a></li>
							<li id="menu-item-267" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-267"><a href="//wp-simplicity.com/category/settings/">設定いろいろ</a></li>
							<li id="menu-item-268" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-268"><a href="//wp-simplicity.com/category/settings/customizer/">カスタマイザー設定</a></li>
							<li id="menu-item-269" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-269"><a href="//wp-simplicity.com/category/theme-custom/">テーマ改造</a></li>
							<li id="menu-item-141" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-141"><a href="//wp-simplicity.com/reference/">参考情報</a>
								<ul class="sub-menu">
									<li id="menu-item-35028" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-35028"><a href="//wp-simplicity.com/reference/">参考・技術情報</a></li>
									<li id="menu-item-1154" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1154"><a href="//wp-simplicity.com/reference/adoption-sites/">導入サイト</a></li>
								</ul>
							</li>
							<li id="menu-item-9272" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-9272"><a href="//wp-simplicity.com/forums/">サポート</a>
								<ul class="sub-menu">
									<li id="menu-item-37199" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-37199"><a href="https://wp-simplicity.com/suport/topic/first-time/">フォーラム利用の前に</a></li>
									<li id="menu-item-9280" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9280"><a href="//wp-simplicity.com/forums/">フォーラム</a></li>
									<li id="menu-item-9273" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9273"><a href="//wp-simplicity.com/forums/create-topic/">トピックの作成</a></li>
									<li id="menu-item-44548" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44548"><a href="//wp-simplicity.com/forums/recent-response/">最近の書き込み一覧</a></li>
									<li id="menu-item-25226" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-25226"><a href="https://wp-simplicity.com/important-point/">テーマ利用前の注意点</a></li>
									<li id="menu-item-18106" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-18106"><a href="https://wp-simplicity.com/trouble-guideline/">動作不良時のガイドライン</a></li>
									<li id="menu-item-23521" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-23521"><a href="https://wp-simplicity.com/simplicity-known-bugs/">既知の不具合</a></li>
									<li id="menu-item-17785" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17785"><a href="//wp-simplicity.com/forums/unsupported/">サポート対象外のもの</a></li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
				<!-- /#navi-in -->
			</div>
			<!-- /#navi -->
		</nav>
		<!-- /Navigation -->
		<!-- 本体部分 -->
		<div id="body">
			<div id="body-in">


				<!-- main -->
				<main itemscope="" itemprop="mainContentOfPage">
					<div id="main" itemscope="" itemtype="http://schema.org/Blog">


						<div id="breadcrumb" class="breadcrumb-category">
							<div itemtype="http://data-vocabulary.org/Breadcrumb" itemscope="" class="breadcrumb-home"><span class="fa fa-home fa-fw"></span><a href="//wp-simplicity.com" itemprop="url"><span itemprop="title">ホーム</span></a><span class="sp"><span class="fa fa-angle-right"></span></span>
							</div>
							<div itemtype="http://data-vocabulary.org/Breadcrumb" itemscope="">
								<span class="fa fa-folder fa-fw"></span>
								<a href="//wp-simplicity.com/category/news/" itemprop="url">
									<span itemprop="title">NEWS</span>
								</a>
							</div>
						</div>
						<!-- /#breadcrumb -->
						<div id="post-44850" class="post-44850 post type-post status-publish format-standard has-post-thumbnail hentry category-news">

							<!-- /.navigation -->
							<!-- comment area -->
							<div id="comment-area">
								<aside>
									<div id="respond" class="comment-respond">
										<h3 id="reply-title" class="comment-reply-title">コメントをどうぞ 
											<small>
												<a rel="nofollow" id="cancel-comment-reply-link" href="/post-173/comment-page-1#respond" style="display: none;">コメントをキャンセル</a>
											</small>
										</h3>
										<form action="#" method="post" id="commentform" class="comment-form">
											<p class="comment-notes">
												<span class="add_note">メールは匿名アドレスがセットされますがご自身のアドレスに変更できます。また<a href="//ja.gravatar.com/" target="_blank" title="jp.gravatar.com">gravatar</a>の利用で必要です。</span>
												<span class="not_released">メールアドレスが公開されることはありません。
													<span class='required_text'>
														<span class="required">*</span> が付いている欄は必須項目です</span>
												</span>
											</p>
											<p class="comment-form-author">
												<label for="author">名前</label>
												<input id="author" name="author" value="匿名" size="30" aria-required="true" placeholder="名前を入力" required="" type="text">
												<span class="required">*</span>
											</p>
											<p class="comment-form-email">
												<label for="email">メールアドレス</label>
												<input id="email" name="email" value="anonymous_guest@example.com" size="30" aria-describedby="email-notes" aria-required="true" placeholder="メールを入力" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" type="email">
												<span class="required">*</span></p>
											<p class="comment-form-comment">
												<textarea id="comment" class="expanding" name="comment" cols="45" rows="8" aria-required="true" placeholder=""></textarea>
											</p>
											<p class="form-submit">
												<input name="submit" id="submit" class="submit" value="コメントを送信" type="submit">
												<input name="comment_post_ID" value="173" id="comment_post_ID" type="hidden">
												<input name="comment_parent" id="comment_parent" value="0" type="hidden">
											</p>
										</form>
									</div>
									<!-- #respond -->
								</aside>
							</div>
							<!-- /comment area -->
							
							<h3>対応項目 
							<span style="font-size: 14px;"><a href="https://wp-simplicity.com/suport/topic/%e3%82%b3%e3%83%a1%e3%83%b3%e3%83%88%e3%81%ae%e5%90%8d%e5%89%8d%e6%ac%84%e3%81%ab%e3%83%87%e3%83%95%e3%82%a9%e3%83%ab%e3%83%88%e3%81%a7%e5%90%8d%e5%89%8d%e3%82%92%e5%85%a5%e3%82%8c%e3%81%a6%e3%81%8a/#post-45552" target="_blank">参考アドレス:公式フォーラム</a></span></h3>
							<p>上記フォーラムの関数とこのサンプルのcssを適用してテストする場合は、ブラウザのプライベートウィンドウ、あるいはシークレットウィンドウ等でcookieを保存しないようにしてテストしてください。リロード、投稿時にcookieが発行されます。</p>
							<ul><p>共通</p>
								<li>placeholderを入れて未入力時に入力するメッセージを表示</li>
								<li>valid, invalidで色分け</li>
								<li>focus時の色を変更</li>
							</ul>
						<ul><p>投稿注意欄</p>
								<li>赤部分はcssで入力してます</li>
								<li>スタイルが変更できるようにclass追加</li>
							</ul>
					<ul><p>名前欄</p>
								<li>未入力で送信ボタンを押した場合、このフィールドを入力してくださいのメッセージが出る(require属性追加のため。ブラウザメッセージ)</li>
							</ul>
				<ul><p>メール欄</p>
								<li>デフォルトでanonymous_guest@example.comが入る
									<ul>
										<li>メールアドレスを残すのはgravatarのため</li>
									</ul>
								</li>
								<li>pattern属性追加(日本語アドレス不可)</li>
								<li>メールアドレスがpatternにあわない場合、送信不可(ブラウザメッセージ)
									<ul>
										<li>@example.comで投稿しようとした場合、@の前を入れてください等のメッセージが出る</li>
									</ul>
								</li>
							</ul>
						</div>

					</div>
					<!-- /#main -->
				</main>
				<!-- sidebar -->
				<div style="position: static; margin: 0px 0px 30px;" id="sidebar" role="complementary">

					<div id="sidebar-widget">
						<!-- ウイジェット -->
						<aside id="new_entries-2" class="widget widget_new_entries">
							<h3 class="widget_title sidebar_widget_title">      新着記事      </h3>
							<ul class="new-entrys">
								<li class="new-entry">
									<div class="new-entry-thumb">
										<a href="//wp-simplicity.com/simplicity2-2-9/" class="new-entry-image" title="Simplicity2.2.9公開。ちょっとした仕様変更のみ。"><img src="//wp-simplicity.com/wp-content/uploads/2016/09/pexels-photo-94616-large-100x100.jpg" class="attachment-thumb100 size-thumb100 wp-post-image" alt="Simplicity2.2.9公開。ちょっとした仕様変更のみ。" srcset="//wp-simplicity.com/wp-content/uploads/2016/09/pexels-photo-94616-large-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2016/09/pexels-photo-94616-large-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2016/09/pexels-photo-94616-large-150x150.jpg 150w"
												sizes="(max-width: 100px) 100vw, 100px" height="100" width="100"></a>
									</div>
									<!-- /.new-entry-thumb -->

									<div class="new-entry-content">
										<a href="//wp-simplicity.com/simplicity2-2-9/" class="new-entry-title" title="Simplicity2.2.9公開。ちょっとした仕様変更のみ。">Simplicity2.2.9公開。ちょっとした仕様変更のみ。</a>
									</div>
									<!-- /.new-entry-content -->

								</li>
								<!-- /.new-entry -->
								<li class="new-entry">
									<div class="new-entry-thumb">
										<a href="//wp-simplicity.com/simplicity2-2-8/" class="new-entry-image" title="Simplicity2.2.8公開。外部ブログカードを改善。"><img src="//wp-simplicity.com/wp-content/uploads/2016/08/nature-forest-trees-high-large-100x100.jpg" class="attachment-thumb100 size-thumb100 wp-post-image" alt="Simplicity2.2.8公開。外部ブログカードを改善。" srcset="//wp-simplicity.com/wp-content/uploads/2016/08/nature-forest-trees-high-large-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2016/08/nature-forest-trees-high-large-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2016/08/nature-forest-trees-high-large-150x150.jpg 150w"
												sizes="(max-width: 100px) 100vw, 100px" height="100" width="100"></a>
									</div>
									<!-- /.new-entry-thumb -->

									<div class="new-entry-content">
										<a href="//wp-simplicity.com/simplicity2-2-8/" class="new-entry-title" title="Simplicity2.2.8公開。外部ブログカードを改善。">Simplicity2.2.8公開。外部ブログカードを改善。</a>
									</div>
									<!-- /.new-entry-content -->

								</li>
								<!-- /.new-entry -->
								<li class="new-entry">
									<div class="new-entry-thumb">
										<a href="//wp-simplicity.com/simplicity2-2-7/" class="new-entry-image" title="Simplicity2.2.7公開。Facebookシェア数取得の仕様変更に対応、不具合修正など。"><img src="//wp-simplicity.com/wp-content/uploads/2016/08/pexels-photo-large-100x100.jpg" class="attachment-thumb100 size-thumb100 wp-post-image" alt="Simplicity2.2.7公開。Facebookシェア数取得の仕様変更に対応、不具合修正など。" srcset="//wp-simplicity.com/wp-content/uploads/2016/08/pexels-photo-large-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2016/08/pexels-photo-large-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2016/08/pexels-photo-large-150x150.jpg 150w"
												sizes="(max-width: 100px) 100vw, 100px" height="100" width="100"></a>
									</div>
									<!-- /.new-entry-thumb -->

									<div class="new-entry-content">
										<a href="//wp-simplicity.com/simplicity2-2-7/" class="new-entry-title" title="Simplicity2.2.7公開。Facebookシェア数取得の仕様変更に対応、不具合修正など。">Simplicity2.2.7公開。Facebookシェア数取得の仕様変更に対応、不具合修正など。</a>
									</div>
									<!-- /.new-entry-content -->

								</li>
								<!-- /.new-entry -->
								<li class="new-entry">
									<div class="new-entry-thumb">
										<a href="//wp-simplicity.com/simplicity2-2-6/" class="new-entry-image" title="Simplicity2.2.6公開。人気記事ウィジェットなので投稿の除外機能追加、ブログカードの不具合修正など。"><img src="//wp-simplicity.com/wp-content/uploads/2016/08/HKSP665ITQ-100x100.jpg" class="attachment-thumb100 size-thumb100 wp-post-image" alt="Simplicity2.2.6公開。人気記事ウィジェットなので投稿の除外機能追加、ブログカードの不具合修正など。" srcset="//wp-simplicity.com/wp-content/uploads/2016/08/HKSP665ITQ-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2016/08/HKSP665ITQ-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2016/08/HKSP665ITQ-150x150.jpg 150w"
												sizes="(max-width: 100px) 100vw, 100px" height="100" width="100"></a>
									</div>
									<!-- /.new-entry-thumb -->

									<div class="new-entry-content">
										<a href="//wp-simplicity.com/simplicity2-2-6/" class="new-entry-title" title="Simplicity2.2.6公開。人気記事ウィジェットなので投稿の除外機能追加、ブログカードの不具合修正など。">Simplicity2.2.6公開。人気記事ウィジェットなので投稿の除外機能追加、ブログカードの不具合修正など。</a>
									</div>
									<!-- /.new-entry-content -->

								</li>
								<!-- /.new-entry -->
								<li class="new-entry">
									<div class="new-entry-thumb">
										<a href="//wp-simplicity.com/alt-caption/" class="new-entry-image" title="Simplicityの「Alt属性値をキャプション表示」機能について"><img src="//wp-simplicity.com/wp-content/uploads/2016/08/ABNWAQVXT6-100x100.jpg" class="attachment-thumb100 size-thumb100 wp-post-image" alt="Simplicityの「Alt属性値をキャプション表示」機能について" srcset="//wp-simplicity.com/wp-content/uploads/2016/08/ABNWAQVXT6-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2016/08/ABNWAQVXT6-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2016/08/ABNWAQVXT6-150x150.jpg 150w"
												sizes="(max-width: 100px) 100vw, 100px" height="100" width="100"></a>
									</div>
									<!-- /.new-entry-thumb -->

									<div class="new-entry-content">
										<a href="//wp-simplicity.com/alt-caption/" class="new-entry-title" title="Simplicityの「Alt属性値をキャプション表示」機能について">Simplicityの「Alt属性値をキャプション表示」機能について</a>
									</div>
									<!-- /.new-entry-content -->

								</li>
								<!-- /.new-entry -->
							</ul>
							<div class="clear"></div>
						</aside>
						<aside id="blog_subscription-4" class="widget jetpack_subscription_widget">
							<h3 class="widget_title sidebar_widget_title">ブログをメールで購読</h3>
							<form action="#" method="post" accept-charset="utf-8" id="subscribe-blog-blog_subscription-4">
								<div id="subscribe-text">
									<p>メールアドレスを記入して購読すれば、更新をメールで受信できます。</p>
								</div>
								<p>250人の購読者に加わりましょう</p>
								<p id="subscribe-email">
									<label style="clip: rect(1px, 1px, 1px, 1px); position: absolute; height: 1px; width: 1px; overflow: hidden;" id="jetpack-subscribe-label" for="subscribe-field-blog_subscription-4">
							メールアドレス						</label>
									<input name="email" required="required" class="required" value="" id="subscribe-field-blog_subscription-4" placeholder="メールアドレス" type="email">
								</p>

								<p id="subscribe-submit">
									<input name="action" value="subscribe" type="hidden">
									<input name="source" value="//wp-simplicity.com/simplicity2-2-9/" type="hidden">
									<input name="sub-type" value="widget" type="hidden">
									<input name="redirect_fragment" value="blog_subscription-4" type="hidden">
									<input value="購読" name="jetpack_subscriptions_widget" type="submit">
								</p>
							</form>


						</aside>
						<aside id="text-26" class="widget widget_text">
							<h3 class="widget_title sidebar_widget_title">よく問い合わせがある症状</h3>
							<div class="textwidget">
								<p>タイトルタグが表示されない場合は、Wordpressを最新版にアップデートしてください。(4.1以上)</p>
								<p>テーマアップデートで表示が崩れた場合は、ブラウザのリロードボタンを押すか、<a href="https://wp-simplicity.com/trouble-guideline/">動作不良時のガイドライン</a>にあるキャッシュの削除を行ってください。</p>
							</div>
						</aside>
						<aside id="categories-2" class="widget widget_categories">
							<h3 class="widget_title sidebar_widget_title">カテゴリー</h3>
							<ul>
								<li class="cat-item cat-item-3"><a href="//wp-simplicity.com/category/news/" title="新着情報Simplicityに関する新着情報です。バージョンアップ、追加機能の報告など。">NEWS</a> (168)
								</li>
								<li class="cat-item cat-item-5"><a href="//wp-simplicity.com/category/settings/" title="Simplicity、Wordpressの設定全般Simplicityの設定はもとより、Simplicityを使う上で便利な、Wordpressの設定に関する情報です。">設定いろいろ</a> (85)
									<ul class="children">
										<li class="cat-item cat-item-20"><a href="//wp-simplicity.com/category/settings/bugs/" title="Simplicityに関する不具合の報告です。">既知の不具合</a> (1)
										</li>
										<li class="cat-item cat-item-6"><a href="//wp-simplicity.com/category/settings/customizer/" title="Wordpress管理画面からできるカスタマイズWordpress管理画面から「外観→カスタマイズ」で行える設定に関する情報です。">カスタマイザー設定</a> (39)
										</li>
										<li class="cat-item cat-item-19"><a href="//wp-simplicity.com/category/settings/skins/" title="いろいろな方が作成されたスキンを紹介していきます。">スキン</a> (2)
										</li>
										<li class="cat-item cat-item-13"><a href="//wp-simplicity.com/category/settings/extension-class/" title="Simplicityの文章を彩る拡張クラスの紹介です。">拡張クラス</a> (5)
										</li>
										<li class="cat-item cat-item-17"><a href="//wp-simplicity.com/category/settings/1-to-2/">Simplicity1から2への移行</a> (3)
										</li>
										<li class="cat-item cat-item-14"><a href="//wp-simplicity.com/category/settings/local-test/" title="Simplicityのローカルテスト環境用の設定など。">ローカルテスト</a> (1)
										</li>
										<li class="cat-item cat-item-15"><a href="//wp-simplicity.com/category/settings/server/" title="Simplicityとサーバーに関する情報です。">サーバー</a> (3)
										</li>
									</ul>
								</li>
								<li class="cat-item cat-item-4"><a href="//wp-simplicity.com/category/theme-custom/" title="テーマファイルのカスタマイズ方法などSimplicityのテーマファイルを編集してカスタマイズする方法の紹介です。テーマファイルのカスタマイズによる不具合、それに関する質問は、サポートできませんのでご了承ください。">テーマ改造</a> (34)
									<ul class="children">
										<li class="cat-item cat-item-16"><a href="//wp-simplicity.com/category/theme-custom/tips/" title="ちょっとしたテーマカスタマイズのTipsです。">Tips</a> (8)
										</li>
									</ul>
								</li>
							</ul>
						</aside>
						<aside id="text-6" class="widget widget_text">
							<h3 class="widget_title sidebar_widget_title">お知らせ</h3>
							<div class="textwidget">
								<p>このサイトは<a href="https://wp-simplicity.com/downloads/downloads2/">Simplicity最新版</a>を、ほぼデフォルトの状態で使用しています。<br> お使いのSimplicityに不具合などありましたら、
									<a href="https://wp-simplicity.com/suport/">フォーラム</a>にて、ご報告していただけると、ものすごく助かります。<br> できる限りすぐに対処いたします。
								</p>
								<p>また、説明文などに誤字脱字などありましたら、コメント欄で教えていただけると助かります。すぐに修正します。</p>
							</div>
						</aside>
						<aside id="archives-3" class="widget widget_archive">
							<h3 class="widget_title sidebar_widget_title">アーカイブ</h3>

							<ul class="years">
								<li class="year_2016"><a class="year">2016年</a>
									<ul class="month">
										<li><a href="//wp-simplicity.com/2016/09/">9月</a> (1)</li>
										<li><a href="//wp-simplicity.com/2016/08/">8月</a> (8)</li>
										<li><a href="//wp-simplicity.com/2016/07/">7月</a> (4)</li>
										<li><a href="//wp-simplicity.com/2016/06/">6月</a> (7)</li>
										<li><a href="//wp-simplicity.com/2016/05/">5月</a> (4)</li>
										<li><a href="//wp-simplicity.com/2016/04/">4月</a> (7)</li>
										<li><a href="//wp-simplicity.com/2016/03/">3月</a> (4)</li>
										<li><a href="//wp-simplicity.com/2016/02/">2月</a> (11)</li>
										<li><a href="//wp-simplicity.com/2016/01/">1月</a> (6)</li>
									</ul>
								</li>
								<li class="year_2015"><a class="year">2015年</a>
									<ul class="month hide">
										<li><a href="//wp-simplicity.com/2015/12/">12月</a> (6)</li>
										<li><a href="//wp-simplicity.com/2015/11/">11月</a> (6)</li>
										<li><a href="//wp-simplicity.com/2015/10/">10月</a> (2)</li>
										<li><a href="//wp-simplicity.com/2015/09/">9月</a> (7)</li>
										<li><a href="//wp-simplicity.com/2015/08/">8月</a> (4)</li>
										<li><a href="//wp-simplicity.com/2015/07/">7月</a> (12)</li>
										<li><a href="//wp-simplicity.com/2015/06/">6月</a> (11)</li>
										<li><a href="//wp-simplicity.com/2015/05/">5月</a> (9)</li>
										<li><a href="//wp-simplicity.com/2015/04/">4月</a> (8)</li>
										<li><a href="//wp-simplicity.com/2015/03/">3月</a> (10)</li>
										<li><a href="//wp-simplicity.com/2015/02/">2月</a> (10)</li>
										<li><a href="//wp-simplicity.com/2015/01/">1月</a> (13)</li>
									</ul>
								</li>
								<li class="year_2014"><a class="year">2014年</a>
									<ul class="month hide">
										<li><a href="//wp-simplicity.com/2014/12/">12月</a> (14)</li>
										<li><a href="//wp-simplicity.com/2014/11/">11月</a> (17)</li>
										<li><a href="//wp-simplicity.com/2014/10/">10月</a> (18)</li>
										<li><a href="//wp-simplicity.com/2014/09/">9月</a> (19)</li>
										<li><a href="//wp-simplicity.com/2014/08/">8月</a> (31)</li>
										<li><a href="//wp-simplicity.com/2014/07/">7月</a> (33)</li>
									</ul>
								</li>
							</ul>
						</aside>
						<aside id="text-5" class="widget widget_text">
							<h3 class="widget_title sidebar_widget_title">カスタマイズサンプル</h3>
							<div class="textwidget">
								<p>作者<a href="//twitter.com/MrYhira" target="_blank" rel="nofollow">@MrYhira</a>のサイト<a href="http://nelog.jp/" target="_blank" rel="nofollow">寝ログ</a>でもSimplicityを使用しています。<br>
									<a href="http://nelog.jp/" target="_blank" rel="nofollow"><img src="//wp-simplicity.com/wp-content/uploads/2014/07/33ac82d86fb7d99d946e12ca21635f21.jpg" alt="寝ログ" style="border:1px solid #ccc;" height="215" width="298"></a><br> スタイルシートを編集するだけで、Simplicityの基本形とはまた違ったデザインにカスタマイズしてみようと思います。
								</p>
							</div>
						</aside>
						<aside id="bbp_topics_widget-2" class="widget widget_display_topics">
							<h3 class="widget_title sidebar_widget_title">最近のトピック</h3>
							<a class="topic-info" href="https://wp-simplicity.com/suport/topic/first-time/" title="初めての方はこちらを必ずお読みください"><i class="fa fa-exclamation-triangle"></i>初めての方はこちらを必ずお読みください</a>
							<ul>


								<li>
									<a class="bbp-forum-title" href="//wp-simplicity.com/suport/topic/%e3%82%b9%e3%83%9e%e3%83%9b%e3%81%ae%e5%a0%b4%e5%90%88%e3%81%ab%e3%82%b5%e3%82%a4%e3%83%88%e3%83%ad%e3%82%b4%e3%82%92%e4%b8%ad%e5%a4%ae%e5%af%84%e3%81%9b%e3%81%ab%e3%81%97%e3%81%9f%e3%81%84/">スマホの場合にサイトロゴを中央寄せにしたい</a>									投稿者: <span class="topic-author"><img alt="" src="//secure.gravatar.com/avatar/9743d0d55a4be5bfaf1ed80423b6f95f?s=14&amp;d=mm&amp;r=g" srcset="//secure.gravatar.com/avatar/9743d0d55a4be5bfaf1ed80423b6f95f?s=28&amp;d=mm&amp;r=g 2x" class="avatar avatar-14 photo" height="14" width="14">&nbsp;うつみ</span>


									<div>41 分前</div>


								</li>


								<li>
									<a class="bbp-forum-title" href="//wp-simplicity.com/suport/topic/%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%9e%e3%82%a4%e3%82%ba%e3%81%8b%e3%82%89%e5%a4%89%e6%9b%b4%e5%be%8c%e4%bf%9d%e5%ad%98%e3%81%a7%e3%81%8d%e3%81%aa%e3%81%84%e3%80%82/">カスタマイズから変更後保存できない。</a>									投稿者: <span class="topic-author"><img alt="" src="//secure.gravatar.com/avatar/4bb17cca1e7645ee6b6132bd0e69ddf7?s=14&amp;d=mm&amp;r=g" srcset="//secure.gravatar.com/avatar/4bb17cca1e7645ee6b6132bd0e69ddf7?s=28&amp;d=mm&amp;r=g 2x" class="avatar avatar-14 photo" height="14" width="14">&nbsp;NaaN</span>


									<div>2 時間、 25 分前</div>


								</li>


								<li>
									<a class="bbp-forum-title" href="//wp-simplicity.com/suport/topic/%e3%82%a2%e3%82%a4%e3%82%ad%e3%83%a3%e3%83%83%e3%83%81%e7%94%bb%e5%83%8f%e3%81%ae%e9%81%b8%e6%8a%9e/">アイキャッチ画像の選択</a> 投稿者: <span class="topic-author"><img alt="" src="//secure.gravatar.com/avatar/760dfc6e7b72225195b3b3406bf8b266?s=14&amp;d=mm&amp;r=g" srcset="//secure.gravatar.com/avatar/760dfc6e7b72225195b3b3406bf8b266?s=28&amp;d=mm&amp;r=g 2x" class="avatar avatar-14 photo" height="14" width="14">&nbsp;マリオ</span>


									<div>2 時間、 30 分前</div>


								</li>


								<li>
									<a class="bbp-forum-title" href="//wp-simplicity.com/suport/topic/%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e6%9c%80%e6%96%b0%e8%a8%98%e4%ba%8b%e4%b8%80%e8%a6%a7%e3%82%92%e5%88%a5%e3%81%ae%e5%9b%ba%e5%ae%9a%e3%83%9a%e3%83%bc%e3%82%b8/">フロントページの最新記事一覧を別の固定ページで使いたい</a>									投稿者: <span class="topic-author"><img alt="" src="//secure.gravatar.com/avatar/5126700fd3e430d4bd586a7f225c1a9a?s=14&amp;d=mm&amp;r=g" srcset="//secure.gravatar.com/avatar/5126700fd3e430d4bd586a7f225c1a9a?s=28&amp;d=mm&amp;r=g 2x" class="avatar avatar-14 photo" height="14" width="14">&nbsp;しとね</span>


									<div>2 時間、 33 分前</div>


								</li>


								<li>
									<a class="bbp-forum-title" href="//wp-simplicity.com/suport/topic/5356%ef%bc%88%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e3%81%aa%e3%81%97%ef%bc%89/">#5356(タイトルなし)</a> 投稿者: <span class="topic-author"><img alt="" src="//secure.gravatar.com/avatar/d45911d84814d18619f8460e669ebc93?s=14&amp;d=mm&amp;r=g" srcset="//secure.gravatar.com/avatar/d45911d84814d18619f8460e669ebc93?s=28&amp;d=mm&amp;r=g 2x" class="avatar avatar-14 photo" height="14" width="14">&nbsp;けたしよ</span>


									<div>6 時間、 29 分前</div>


								</li>


								<li>
									<a class="bbp-forum-title" href="//wp-simplicity.com/suport/topic/pc%e7%94%a8%e3%80%81%e3%82%b9%e3%83%9e%e3%83%9b%e7%94%a8%e3%81%ae%e3%83%aa%e3%83%b3%e3%82%af%e5%88%87%e6%9b%bf%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/">PC用、スマホ用のリンク切替について</a> 投稿者:
									<span class="topic-author"><img alt="" src="//secure.gravatar.com/avatar/42878a4d31a35ff7fbc225573f052c16?s=14&amp;d=mm&amp;r=g" srcset="//secure.gravatar.com/avatar/42878a4d31a35ff7fbc225573f052c16?s=28&amp;d=mm&amp;r=g 2x" class="avatar avatar-14 photo" height="14" width="14">&nbsp;サイドバック</span>


									<div>8 時間、 18 分前</div>


								</li>


								<li>
									<a class="bbp-forum-title" href="//wp-simplicity.com/suport/topic/%e5%ad%90%e3%83%86%e3%83%bc%e3%83%9e%e3%81%a7/">子テーマでWordPressテーマ編集から直接javascript.jsファイルを編集する方法はありませんか?</a> 投稿者: <span class="topic-author"><img alt="" src="//secure.gravatar.com/avatar/924b7c0b2a2efb8642cd866412755be4?s=14&amp;d=mm&amp;r=g" srcset="//secure.gravatar.com/avatar/924b7c0b2a2efb8642cd866412755be4?s=28&amp;d=mm&amp;r=g 2x" class="avatar avatar-14 photo" height="14" width="14">&nbsp;jin</span>


									<div>1 日、 4 時間前</div>


								</li>


								<li>
									<a class="bbp-forum-title" href="//wp-simplicity.com/suport/topic/%e6%9c%80%e5%a4%a7%e6%8a%95%e7%a8%bf%e6%95%b010%e4%bb%b6%e3%82%92%e8%b6%85%e3%81%88%e3%82%8b%e3%81%a8%e3%80%81%e3%83%88%e3%83%83%e3%83%97%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ab%e3%82%a2%e3%83%89%e3%82%bb/">最大投稿数10件を超えると、トップページにアドセンスが表示されない</a>									投稿者: <span class="topic-author"><img alt="" src="//secure.gravatar.com/avatar/d9ac94bdc272fed5afbb852b25a40c98?s=14&amp;d=mm&amp;r=g" srcset="//secure.gravatar.com/avatar/d9ac94bdc272fed5afbb852b25a40c98?s=28&amp;d=mm&amp;r=g 2x" class="avatar avatar-14 photo" height="14" width="14">&nbsp;mimoza</span>


									<div>1 日、 4 時間前</div>


								</li>


								<li>
									<a class="bbp-forum-title" href="//wp-simplicity.com/suport/topic/%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc%e3%82%92google%e6%a4%9c%e7%b4%a2%e7%b5%90%e6%9e%9c%e3%81%8b%e3%82%89%e9%99%a4%e5%a4%96/">カテゴリーをgoogle検索結果から除外</a> 投稿者:
									<span class="topic-author"><img alt="" src="//secure.gravatar.com/avatar/23210652909b4ab5e4de00af4c2c19f5?s=14&amp;d=mm&amp;r=g" srcset="//secure.gravatar.com/avatar/23210652909b4ab5e4de00af4c2c19f5?s=28&amp;d=mm&amp;r=g 2x" class="avatar avatar-14 photo" height="14"
											width="14">&nbsp;ken</span>


									<div>2 日、 2 時間前</div>


								</li>


								<li>
									<a class="bbp-forum-title" href="//wp-simplicity.com/suport/topic/%e6%8a%95%e7%a8%bf%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%8c%e3%81%86%e3%81%be%e3%81%8f%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%be%e3%81%9b%e3%82%93/">投稿ページがうまく表示されません</a> 投稿者:
									<span class="topic-author"><img alt="" src="//secure.gravatar.com/avatar/1ffdcba00dac8013d27e1e95e27c46a3?s=14&amp;d=mm&amp;r=g" srcset="//secure.gravatar.com/avatar/1ffdcba00dac8013d27e1e95e27c46a3?s=28&amp;d=mm&amp;r=g 2x" class="avatar avatar-14 photo" height="14" width="14">&nbsp;kumi</span>


									<div>2 日、 2 時間前</div>


								</li>


								<li>
									<a class="bbp-forum-title" href="//wp-simplicity.com/suport/topic/%e3%83%9a%e3%83%bc%e3%82%b8%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3/">ページナビゲーションの仕様について</a> 投稿者: <span class="topic-author"><img alt="" src="//secure.gravatar.com/avatar/d65bbf8feecdeb190c04a8680e298c5e?s=14&amp;d=mm&amp;r=g" srcset="//secure.gravatar.com/avatar/d65bbf8feecdeb190c04a8680e298c5e?s=28&amp;d=mm&amp;r=g 2x" class="avatar avatar-14 photo" height="14" width="14">&nbsp;タカ</span>


									<div>2 日、 2 時間前</div>


								</li>


								<li>
									<a class="bbp-forum-title" href="//wp-simplicity.com/suport/topic/%e3%82%b0%e3%83%bc%e3%82%b0%e3%83%ab%e3%81%ae%e7%99%bb%e9%8c%b2%e5%90%8d%e3%82%92%e5%a4%89%e6%9b%b4%e3%81%97%e3%81%9f%e4%bb%b6%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/">グーグルの登録名を変更した件について</a>									投稿者: <span class="topic-author"><img alt="" src="//secure.gravatar.com/avatar/1392b5f3caeda942e1eaa75f5d5c45c1?s=14&amp;d=mm&amp;r=g" srcset="//secure.gravatar.com/avatar/1392b5f3caeda942e1eaa75f5d5c45c1?s=28&amp;d=mm&amp;r=g 2x" class="avatar avatar-14 photo" height="14" width="14">&nbsp;kazu</span>


									<div>2 日、 12 時間前</div>


								</li>


								<li>
									<a class="bbp-forum-title" href="//wp-simplicity.com/suport/topic/%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab%e8%bf%bd%e5%be%93%e9%a0%98%e5%9f%9f%e3%81%ab%e3%81%a6%e4%b8%8d%e5%85%b7%e5%90%88%ef%bc%9f%e4%bb%95%e6%a7%98%ef%bc%9f/">スクロール追従領域にて不具合?仕様?</a>									投稿者: <span class="topic-author"><img alt="" src="//secure.gravatar.com/avatar/65d57771b613cdb73330f4920bfdf00b?s=14&amp;d=mm&amp;r=g" srcset="//secure.gravatar.com/avatar/65d57771b613cdb73330f4920bfdf00b?s=28&amp;d=mm&amp;r=g 2x" class="avatar avatar-14 photo" height="14" width="14">&nbsp;2001Y</span>


									<div>2 日、 22 時間前</div>


								</li>


								<li>
									<a class="bbp-forum-title" href="//wp-simplicity.com/suport/topic/sns%e3%83%9c%e3%82%bf%e3%83%b3%e3%83%bbfacebook%e3%81%ae%e3%82%b7%e3%82%a7%e3%82%a2%e6%95%b0%e3%81%8c0%e3%81%a0%e3%81%a8%e3%82%af%e3%83%ab%e3%82%af%e3%83%ab%e5%9b%9e%e3%82%8a%e3%81%a3%e3%81%b1/">SNSボタン・Facebookのシェア数が0だとクルクル回りっぱなし</a>									投稿者: <span class="topic-author"><img alt="" src="//secure.gravatar.com/avatar/0315a3f11beec3e78f5d22ba458b4590?s=14&amp;d=mm&amp;r=g" srcset="//secure.gravatar.com/avatar/0315a3f11beec3e78f5d22ba458b4590?s=28&amp;d=mm&amp;r=g 2x" class="avatar avatar-14 photo" height="14" width="14">&nbsp;まつだ</span>


									<div>2 日、 23 時間前</div>


								</li>


								<li>
									<a class="bbp-forum-title" href="//wp-simplicity.com/suport/topic/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e7%89%88%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%82%a4%e3%83%b3%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%8c%e5%87%ba%e3%81%aa%e3%81%84%e3%80%82/">モバイル版スライドインメニューが出ない。</a>									投稿者: <span class="topic-author"><img alt="" src="//secure.gravatar.com/avatar/c80713a8d222da2035637b3481691f76?s=14&amp;d=mm&amp;r=g" srcset="//secure.gravatar.com/avatar/c80713a8d222da2035637b3481691f76?s=28&amp;d=mm&amp;r=g 2x" class="avatar avatar-14 photo" height="14" width="14">&nbsp;コーヘイ</span>


									<div>3 日、 1 時間前</div>


								</li>


							</ul>

						</aside>
						<aside id="recent_comments-2" class="widget widget_recent_comments">
							<h3 class="widget_title sidebar_widget_title">最近のコメント</h3>
							<dl class="recent-comments">
								<dt><img alt="わいひら" src="//wp-simplicity.com/wp-content/uploads/2016/07/aaafe4ccc2077f24d65e796fc9e4e70e-38x38.png" class="avatar avatar-38 photo" height="38" width="38"></dt>
								<dd>
									<div class="recent-comment-author">わいひら</div>
									<div class="recent-comment-date">2016/9/5</div>
									<div class="recent-comment-title"><a href="//wp-simplicity.com/ads-settings/#comment-14464">「広告の設定」カスタマイズについての解説</a></div>
									<div class="recent-comment-content"><span class="fa fa-comment-o"></span>&nbsp;Nendの広告は確かにあるのですが、「中央ぞろえになっている広告」というのがどれのことかはちょっとわからないです。 ただ、テーマの中央ぞろえのスタイルに影響されるものであれば、新たに左寄せスタイルで...
									</div>
								</dd><dt><img alt="" src="//secure.gravatar.com/avatar/49054596c1e6c9dbcf85826ff19d2405?s=38&amp;d=mm&amp;r=g" srcset="//secure.gravatar.com/avatar/49054596c1e6c9dbcf85826ff19d2405?s=76&amp;d=mm&amp;r=g 2x" class="avatar avatar-38 photo" height="38" width="38"></dt>
								<dd>
									<div class="recent-comment-author">hatake</div>
									<div class="recent-comment-date">2016/9/4</div>
									<div class="recent-comment-title"><a href="//wp-simplicity.com/ads-settings/#comment-14463">「広告の設定」カスタマイズについての解説</a></div>
									<div class="recent-comment-content"><span class="fa fa-comment-o"></span>&nbsp;早々にご返信ありがとうございます。当ブログ(http://ha-takeden.com/)をスマートフォン(iPhone6 Plus,AQUOSmini)ブラウザで開いた時に、Nendネイティブアドが...</div>
								</dd><dt><img alt="わいひら" src="//wp-simplicity.com/wp-content/uploads/2016/07/aaafe4ccc2077f24d65e796fc9e4e70e-38x38.png" class="avatar avatar-38 photo" height="38" width="38"></dt>
								<dd>
									<div class="recent-comment-author">わいひら</div>
									<div class="recent-comment-date">2016/9/3</div>
									<div class="recent-comment-title"><a href="//wp-simplicity.com/ads-settings/#comment-14462">「広告の設定」カスタマイズについての解説</a></div>
									<div class="recent-comment-content"><span class="fa fa-comment-o"></span>&nbsp;はじめまして。 何処か、モバイルのネイティブアドがセンタリングされているページのサンプルなどありますでしょうか(もしくはその状態のスクリーンショット)。 ソースを見てみないと、ちょっと何ともい...
									</div>
								</dd><dt><img alt="" src="//secure.gravatar.com/avatar/49054596c1e6c9dbcf85826ff19d2405?s=38&amp;d=mm&amp;r=g" srcset="//secure.gravatar.com/avatar/49054596c1e6c9dbcf85826ff19d2405?s=76&amp;d=mm&amp;r=g 2x" class="avatar avatar-38 photo" height="38" width="38"></dt>
								<dd>
									<div class="recent-comment-author">hatake</div>
									<div class="recent-comment-date">2016/9/3</div>
									<div class="recent-comment-title"><a href="//wp-simplicity.com/ads-settings/#comment-14461">「広告の設定」カスタマイズについての解説</a></div>
									<div class="recent-comment-content"><span class="fa fa-comment-o"></span>&nbsp;わいひらさんはじめまして。 Simplicity2をここ2ヶ月程使用させて頂いております。とても気に入っています。 とてもお忙しい中恐縮なのですが、一点ご教示頂きたい事があります。 広告の表示を...
									</div>
								</dd><dt><img alt="わいひら" src="//wp-simplicity.com/wp-content/uploads/2016/07/aaafe4ccc2077f24d65e796fc9e4e70e-38x38.png" class="avatar avatar-38 photo" height="38" width="38"></dt>
								<dd>
									<div class="recent-comment-author">わいひら</div>
									<div class="recent-comment-date">2016/7/6</div>
									<div class="recent-comment-title"><a href="//wp-simplicity.com/button-class/#comment-14453">Simplicity文字装飾のボタン拡張クラスの使い方</a></div>
									<div class="recent-comment-content"><span class="fa fa-comment-o"></span>&nbsp;おそらくそれは、多分Chromeが古いCSSのブラウザキャッシュを読み込んでいるのが原因かと思われます。 ブラウザを一度リロードするか、それでもうまくいかない場合は、以下に書かれている方法でキャッシ...
									</div>
								</dd>
							</dl>
						</aside>
						<aside id="popular_ranking-2" class="widget widget_popular_ranking">
							<h3 class="widget_title sidebar_widget_title">        人気記事        </h3>
							<!-- WordPress Popular Posts Plugin v3.3.4 [PHP] [monthly] [views] [custom] [CAT] -->

							<ul class="wpp-list">
								<li>
									<a href="//wp-simplicity.com/simplicity2-2-7/" title="Simplicity2.2.7公開。Facebookシェア数取得の仕様変更に対応、不具合修正など。" target="_self"><img src="//wp-simplicity.com/wp-content/uploads/wordpress-popular-posts/44541-featured-75x75.jpg" title="Simplicity2.2.7公開。Facebookシェア数取得の仕様変更に対応、不具合修正など。" alt="Simplicity2.2.7公開。Facebookシェア数取得の仕様変更に対応、不具合修正など。" class="wpp-thumbnail wpp_cached_thumb wpp_featured"
											height="75" width="75"></a> <a href="//wp-simplicity.com/simplicity2-2-7/" title="Simplicity2.2.7公開。Facebookシェア数取得の仕様変更に対応、不具合修正など。" class="wpp-post-title" target="_self">Simplicity2.2.7公開。Facebookシェア数取得の仕様変更に対応、不具合修正など。</a> </li>
								<li>
									<a href="//wp-simplicity.com/simplicity2-2-9/" title="Simplicity2.2.9公開。ちょっとした仕様変更のみ。" target="_self"><img src="//wp-simplicity.com/wp-content/uploads/wordpress-popular-posts/44850-featured-75x75.jpg" title="Simplicity2.2.9公開。ちょっとした仕様変更のみ。" alt="Simplicity2.2.9公開。ちょっとした仕様変更のみ。" class="wpp-thumbnail wpp_cached_thumb wpp_featured" height="75" width="75"></a>
									<a href="//wp-simplicity.com/simplicity2-2-9/" title="Simplicity2.2.9公開。ちょっとした仕様変更のみ。" class="wpp-post-title" target="_self">Simplicity2.2.9公開。ちょっとした仕様変更のみ。</a> </li>
								<li>
									<a href="//wp-simplicity.com/simplicity2-2-8/" title="Simplicity2.2.8公開。外部ブログカードを改善。" target="_self"><img src="//wp-simplicity.com/wp-content/uploads/wordpress-popular-posts/44669-featured-75x75.jpg" title="Simplicity2.2.8公開。外部ブログカードを改善。" alt="Simplicity2.2.8公開。外部ブログカードを改善。" class="wpp-thumbnail wpp_cached_thumb wpp_featured" height="75" width="75"></a>
									<a href="//wp-simplicity.com/simplicity2-2-8/" title="Simplicity2.2.8公開。外部ブログカードを改善。" class="wpp-post-title" target="_self">Simplicity2.2.8公開。外部ブログカードを改善。</a> </li>
								<li>
									<a href="//wp-simplicity.com/simplicity2-2-6/" title="Simplicity2.2.6公開。人気記事ウィジェットなので投稿の除外機能追加、ブログカードの不具合修正など。" target="_self"><img src="//wp-simplicity.com/wp-content/uploads/wordpress-popular-posts/44497-featured-75x75.jpg" title="Simplicity2.2.6公開。人気記事ウィジェットなので投稿の除外機能追加、ブログカードの不具合修正など。" alt="Simplicity2.2.6公開。人気記事ウィジェットなので投稿の除外機能追加、ブログカードの不具合修正など。" class="wpp-thumbnail wpp_cached_thumb wpp_featured"
											height="75" width="75"></a> <a href="//wp-simplicity.com/simplicity2-2-6/" title="Simplicity2.2.6公開。人気記事ウィジェットなので投稿の除外機能追加、ブログカードの不具合修正など。" class="wpp-post-title" target="_self">Simplicity2.2.6公開。人気記事ウィジェットなので投稿の除外機能追加、ブログカードの不具合修正など。</a> </li>
								<li>
									<a href="//wp-simplicity.com/simplicity2-2-5/" title="Simplicity2.2.5公開。Alt属性をキャプション表示する機能を追加。" target="_self"><img src="//wp-simplicity.com/wp-content/uploads/wordpress-popular-posts/44299-featured-75x75.jpg" title="Simplicity2.2.5公開。Alt属性をキャプション表示する機能を追加。" alt="Simplicity2.2.5公開。Alt属性をキャプション表示する機能を追加。" class="wpp-thumbnail wpp_cached_thumb wpp_featured"
											height="75" width="75"></a> <a href="//wp-simplicity.com/simplicity2-2-5/" title="Simplicity2.2.5公開。Alt属性をキャプション表示する機能を追加。" class="wpp-post-title" target="_self">Simplicity2.2.5公開。Alt属性をキャプション表示する機能を追加。</a> </li>

							</ul>

							<!-- End WordPress Popular Posts Plugin v3.3.4 -->
							<div class="clear"></div>

						</aside>
						<aside id="new_entries-4" class="widget widget_new_entries">
							<h3 class="widget_title sidebar_widget_title">      カテゴリー別新着記事      </h3>
							<ul class="new-entrys">
								<li class="new-entry">
									<div class="new-entry-thumb">
										<a href="//wp-simplicity.com/simplicity2-2-9/" class="new-entry-image" title="Simplicity2.2.9公開。ちょっとした仕様変更のみ。"><img src="//wp-simplicity.com/wp-content/uploads/2016/09/pexels-photo-94616-large-100x100.jpg" class="attachment-thumb100 size-thumb100 wp-post-image" alt="Simplicity2.2.9公開。ちょっとした仕様変更のみ。" srcset="//wp-simplicity.com/wp-content/uploads/2016/09/pexels-photo-94616-large-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2016/09/pexels-photo-94616-large-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2016/09/pexels-photo-94616-large-150x150.jpg 150w"
												sizes="(max-width: 100px) 100vw, 100px" height="100" width="100"></a>
									</div>
									<!-- /.new-entry-thumb -->

									<div class="new-entry-content">
										<a href="//wp-simplicity.com/simplicity2-2-9/" class="new-entry-title" title="Simplicity2.2.9公開。ちょっとした仕様変更のみ。">Simplicity2.2.9公開。ちょっとした仕様変更のみ。</a>
									</div>
									<!-- /.new-entry-content -->

								</li>
								<!-- /.new-entry -->
								<li class="new-entry">
									<div class="new-entry-thumb">
										<a href="//wp-simplicity.com/simplicity2-2-8/" class="new-entry-image" title="Simplicity2.2.8公開。外部ブログカードを改善。"><img src="//wp-simplicity.com/wp-content/uploads/2016/08/nature-forest-trees-high-large-100x100.jpg" class="attachment-thumb100 size-thumb100 wp-post-image" alt="Simplicity2.2.8公開。外部ブログカードを改善。" srcset="//wp-simplicity.com/wp-content/uploads/2016/08/nature-forest-trees-high-large-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2016/08/nature-forest-trees-high-large-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2016/08/nature-forest-trees-high-large-150x150.jpg 150w"
												sizes="(max-width: 100px) 100vw, 100px" height="100" width="100"></a>
									</div>
									<!-- /.new-entry-thumb -->

									<div class="new-entry-content">
										<a href="//wp-simplicity.com/simplicity2-2-8/" class="new-entry-title" title="Simplicity2.2.8公開。外部ブログカードを改善。">Simplicity2.2.8公開。外部ブログカードを改善。</a>
									</div>
									<!-- /.new-entry-content -->

								</li>
								<!-- /.new-entry -->
								<li class="new-entry">
									<div class="new-entry-thumb">
										<a href="//wp-simplicity.com/simplicity2-2-7/" class="new-entry-image" title="Simplicity2.2.7公開。Facebookシェア数取得の仕様変更に対応、不具合修正など。"><img src="//wp-simplicity.com/wp-content/uploads/2016/08/pexels-photo-large-100x100.jpg" class="attachment-thumb100 size-thumb100 wp-post-image" alt="Simplicity2.2.7公開。Facebookシェア数取得の仕様変更に対応、不具合修正など。" srcset="//wp-simplicity.com/wp-content/uploads/2016/08/pexels-photo-large-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2016/08/pexels-photo-large-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2016/08/pexels-photo-large-150x150.jpg 150w"
												sizes="(max-width: 100px) 100vw, 100px" height="100" width="100"></a>
									</div>
									<!-- /.new-entry-thumb -->

									<div class="new-entry-content">
										<a href="//wp-simplicity.com/simplicity2-2-7/" class="new-entry-title" title="Simplicity2.2.7公開。Facebookシェア数取得の仕様変更に対応、不具合修正など。">Simplicity2.2.7公開。Facebookシェア数取得の仕様変更に対応、不具合修正など。</a>
									</div>
									<!-- /.new-entry-content -->

								</li>
								<!-- /.new-entry -->
								<li class="new-entry">
									<div class="new-entry-thumb">
										<a href="//wp-simplicity.com/simplicity2-2-6/" class="new-entry-image" title="Simplicity2.2.6公開。人気記事ウィジェットなので投稿の除外機能追加、ブログカードの不具合修正など。"><img src="//wp-simplicity.com/wp-content/uploads/2016/08/HKSP665ITQ-100x100.jpg" class="attachment-thumb100 size-thumb100 wp-post-image" alt="Simplicity2.2.6公開。人気記事ウィジェットなので投稿の除外機能追加、ブログカードの不具合修正など。" srcset="//wp-simplicity.com/wp-content/uploads/2016/08/HKSP665ITQ-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2016/08/HKSP665ITQ-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2016/08/HKSP665ITQ-150x150.jpg 150w"
												sizes="(max-width: 100px) 100vw, 100px" height="100" width="100"></a>
									</div>
									<!-- /.new-entry-thumb -->

									<div class="new-entry-content">
										<a href="//wp-simplicity.com/simplicity2-2-6/" class="new-entry-title" title="Simplicity2.2.6公開。人気記事ウィジェットなので投稿の除外機能追加、ブログカードの不具合修正など。">Simplicity2.2.6公開。人気記事ウィジェットなので投稿の除外機能追加、ブログカードの不具合修正など。</a>
									</div>
									<!-- /.new-entry-content -->

								</li>
								<!-- /.new-entry -->
								<li class="new-entry">
									<div class="new-entry-thumb">
										<a href="//wp-simplicity.com/simplicity2-2-5/" class="new-entry-image" title="Simplicity2.2.5公開。Alt属性をキャプション表示する機能を追加。"><img src="//wp-simplicity.com/wp-content/uploads/2016/08/AWRIAGMQHL-100x100.jpg" class="attachment-thumb100 size-thumb100 wp-post-image" alt="Simplicity2.2.5公開。Alt属性をキャプション表示する機能を追加。" srcset="//wp-simplicity.com/wp-content/uploads/2016/08/AWRIAGMQHL-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2016/08/AWRIAGMQHL-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2016/08/AWRIAGMQHL-150x150.jpg 150w"
												sizes="(max-width: 100px) 100vw, 100px" height="100" width="100"></a>
									</div>
									<!-- /.new-entry-thumb -->

									<div class="new-entry-content">
										<a href="//wp-simplicity.com/simplicity2-2-5/" class="new-entry-title" title="Simplicity2.2.5公開。Alt属性をキャプション表示する機能を追加。">Simplicity2.2.5公開。Alt属性をキャプション表示する機能を追加。</a>
									</div>
									<!-- /.new-entry-content -->

								</li>
								<!-- /.new-entry -->
							</ul>
							<div class="clear"></div>
						</aside>
					</div>

					<!--スクロール追従領域-->
					<div id="sidebar-scroll">
						<aside id="text-13" class="widget widget_text">
							<h3 class="widget_title sidebar_widget_title">おすすめサーバー</h3>
							<div class="textwidget">
								<p>当サイトは、<a href="http://px.a8.net/svt/ejp?a8mat=25J89X+7OUPPE+CO4+6AZAQ" target="_blank" rel="nofollow">XSERVER</a>で運営中です。<br>
									<a href="//px.a8.net/svt/ejp?a8mat=25J89X+7OUO5U+CO4+6EU6P" target="_blank" rel="nofollow"><img style="display: none ! important;" alt="" src="//www20.a8.net/svt/bgt?aid=130227621465&amp;wid=005&amp;eno=01&amp;mid=s00000001642001077000&amp;mc=1" height="250" hidden="" width="300"></a><img style="display: none ! important;" src="//www12.a8.net/0.gif?a8mat=25J89X+7OUO5U+CO4+6EU6P"
										alt="" height="1" hidden="" width="1"></p>
							</div>
						</aside>
						<aside id="facebook_page_like-3" class="widget widget_facebook_page_like">
							<div class="article-like">
								<div class="article-like-thumb">
									<img src="//wp-simplicity.com/wp-content/uploads/2016/09/pexels-photo-94616-large-100x100.jpg" class="article-like-entry-thumnail wp-post-image" alt="Simplicity2.2.9公開。ちょっとした仕様変更のみ。" srcset="//wp-simplicity.com/wp-content/uploads/2016/09/pexels-photo-94616-large-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2016/09/pexels-photo-94616-large-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2016/09/pexels-photo-94616-large-150x150.jpg 150w"
										sizes="(max-width: 100px) 100vw, 100px" height="100" width="100"> </div>
								<div style="width: 186px;" class="article-like-arrow-box">
									<div class="article-like-arrow-box-in">
										<div class="article-like-button">
											<div class="fb-like fb-like-pc" data-href="//www.facebook.com/nelog.jp" data-layout="box_count" data-action="like" data-show-faces="false" data-share="false"></div>

											<div class="fb-like fb-like-mobile" data-href="//www.facebook.com/nelog.jp" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>

										</div>
										<div class="article-like-body">
											投稿を配信している<br>Facebookページも<br><span style="color: #F27C8E;font-weight: bold;font-size: 1.1em;">いいね</span>してチェックしよう! </div>
									</div>
								</div>
								<div class="clear"></div>
							</div>
						</aside>
					</div>

				</div>
				<!-- /#sidebar -->
			</div>
			<!-- /#body-in -->
		</div>
		<!-- /#body -->

		<!-- footer -->
		<footer itemscope="" itemtype="http://schema.org/WPFooter">
			<div id="footer" class="main-footer">
				<div id="footer-in">

					<div id="footer-widget">
						<div class="footer-left">
							<aside id="pages-2" class="widget widget_pages">
								<h3 class="footer_widget_title">固定ページ</h3>
								<ul>
									<li class="page_item page-item-17"><a href="//wp-simplicity.com/">Simplicityの特徴</a></li>
									<li class="page_item page-item-7 page_item_has_children"><a href="//wp-simplicity.com/downloads/">Simplicityのダウンロード</a>
										<ul class="children">
											<li class="page_item page-item-1339"><a href="//wp-simplicity.com/downloads/child-theme/">Simplicityの子テーマ</a></li>
											<li class="page_item page-item-35004"><a href="//wp-simplicity.com/downloads/downloads2/">Simplicity2のダウンロード</a></li>
											<li class="page_item page-item-35010"><a href="//wp-simplicity.com/downloads/child-theme2/">Simplicity2の子テーマ</a></li>
											<li class="page_item page-item-1877"><a href="//wp-simplicity.com/downloads/skin/">Simplicityのスキン</a></li>
											<li class="page_item page-item-38547"><a href="//wp-simplicity.com/downloads/terms-of-use/">Simplicity利用規約</a></li>
										</ul>
									</li>
									<li class="page_item page-item-43"><a href="//wp-simplicity.com/initialization/">Simplicityの初期設定・おすすめの設定</a></li>
									<li class="page_item page-item-59"><a href="//wp-simplicity.com/layout/">レイアウト見本</a></li>
									<li class="page_item page-item-139 page_item_has_children"><a href="//wp-simplicity.com/reference/">参考・技術情報</a>
										<ul class="children">
											<li class="page_item page-item-1143"><a href="//wp-simplicity.com/reference/adoption-sites/">Simplicity導入サイト</a></li>
											<li class="page_item page-item-21216"><a href="//wp-simplicity.com/reference/crowdsourcing-service/">Simplicityカスタマイズ依頼向けのクラウドソーシングサービス</a></li>
										</ul>
									</li>
									<li class="page_item page-item-9262 page_item_has_children"><a href="//wp-simplicity.com/forums/">Simplicityサポートフォーラム</a>
										<ul class="children">
											<li class="page_item page-item-9258"><a href="//wp-simplicity.com/forums/create-topic/">トピックの作成</a></li>
											<li class="page_item page-item-44456"><a href="//wp-simplicity.com/forums/recent-response/">最近の書き込み一覧</a></li>
											<li class="page_item page-item-13015"><a href="//wp-simplicity.com/forums/unsupported/">サポート対象外のもの</a></li>
										</ul>
									</li>
									<li class="page_item page-item-3185"><a href="//wp-simplicity.com/sitemap/">サイトマップ</a></li>
								</ul>
							</aside>
						</div>
						<div class="footer-center">
							<aside id="categories-3" class="widget widget_categories">
								<h3 class="footer_widget_title">カテゴリー</h3>
								<ul>
									<li class="cat-item cat-item-3"><a href="//wp-simplicity.com/category/news/" title="新着情報Simplicityに関する新着情報です。バージョンアップ、追加機能の報告など。">NEWS</a> (168)
									</li>
									<li class="cat-item cat-item-5"><a href="//wp-simplicity.com/category/settings/" title="Simplicity、Wordpressの設定全般Simplicityの設定はもとより、Simplicityを使う上で便利な、Wordpressの設定に関する情報です。">設定いろいろ</a> (85)
										<ul class="children">
											<li class="cat-item cat-item-20"><a href="//wp-simplicity.com/category/settings/bugs/" title="Simplicityに関する不具合の報告です。">既知の不具合</a> (1)
											</li>
											<li class="cat-item cat-item-6"><a href="//wp-simplicity.com/category/settings/customizer/" title="Wordpress管理画面からできるカスタマイズWordpress管理画面から「外観→カスタマイズ」で行える設定に関する情報です。">カスタマイザー設定</a> (39)
											</li>
											<li class="cat-item cat-item-19"><a href="//wp-simplicity.com/category/settings/skins/" title="いろいろな方が作成されたスキンを紹介していきます。">スキン</a> (2)
											</li>
											<li class="cat-item cat-item-13"><a href="//wp-simplicity.com/category/settings/extension-class/" title="Simplicityの文章を彩る拡張クラスの紹介です。">拡張クラス</a> (5)
											</li>
											<li class="cat-item cat-item-17"><a href="//wp-simplicity.com/category/settings/1-to-2/">Simplicity1から2への移行</a> (3)
											</li>
											<li class="cat-item cat-item-14"><a href="//wp-simplicity.com/category/settings/local-test/" title="Simplicityのローカルテスト環境用の設定など。">ローカルテスト</a> (1)
											</li>
											<li class="cat-item cat-item-15"><a href="//wp-simplicity.com/category/settings/server/" title="Simplicityとサーバーに関する情報です。">サーバー</a> (3)
											</li>
										</ul>
									</li>
									<li class="cat-item cat-item-4"><a href="//wp-simplicity.com/category/theme-custom/" title="テーマファイルのカスタマイズ方法などSimplicityのテーマファイルを編集してカスタマイズする方法の紹介です。テーマファイルのカスタマイズによる不具合、それに関する質問は、サポートできませんのでご了承ください。">テーマ改造</a> (34)
										<ul class="children">
											<li class="cat-item cat-item-16"><a href="//wp-simplicity.com/category/theme-custom/tips/" title="ちょっとしたテーマカスタマイズのTipsです。">Tips</a> (8)
											</li>
										</ul>
									</li>
								</ul>
							</aside>
						</div>
						<div class="footer-right">
							<aside id="archives-4" class="widget widget_archive">
								<h3 class="footer_widget_title">アーカイブ</h3>


								<ul class="years">
									<li class="year_2016"><a class="year">2016年</a>
										<ul class="month">
											<li><a href="//wp-simplicity.com/2016/09/">9月</a> (1)</li>
											<li><a href="//wp-simplicity.com/2016/08/">8月</a> (8)</li>
											<li><a href="//wp-simplicity.com/2016/07/">7月</a> (4)</li>
											<li><a href="//wp-simplicity.com/2016/06/">6月</a> (7)</li>
											<li><a href="//wp-simplicity.com/2016/05/">5月</a> (4)</li>
											<li><a href="//wp-simplicity.com/2016/04/">4月</a> (7)</li>
											<li><a href="//wp-simplicity.com/2016/03/">3月</a> (4)</li>
											<li><a href="//wp-simplicity.com/2016/02/">2月</a> (11)</li>
											<li><a href="//wp-simplicity.com/2016/01/">1月</a> (6)</li>
										</ul>
									</li>
									<li class="year_2015"><a class="year">2015年</a>
										<ul class="month hide">
											<li><a href="//wp-simplicity.com/2015/12/">12月</a> (6)</li>
											<li><a href="//wp-simplicity.com/2015/11/">11月</a> (6)</li>
											<li><a href="//wp-simplicity.com/2015/10/">10月</a> (2)</li>
											<li><a href="//wp-simplicity.com/2015/09/">9月</a> (7)</li>
											<li><a href="//wp-simplicity.com/2015/08/">8月</a> (4)</li>
											<li><a href="//wp-simplicity.com/2015/07/">7月</a> (12)</li>
											<li><a href="//wp-simplicity.com/2015/06/">6月</a> (11)</li>
											<li><a href="//wp-simplicity.com/2015/05/">5月</a> (9)</li>
											<li><a href="//wp-simplicity.com/2015/04/">4月</a> (8)</li>
											<li><a href="//wp-simplicity.com/2015/03/">3月</a> (10)</li>
											<li><a href="//wp-simplicity.com/2015/02/">2月</a> (10)</li>
											<li><a href="//wp-simplicity.com/2015/01/">1月</a> (13)</li>
										</ul>
									</li>
									<li class="year_2014"><a class="year">2014年</a>
										<ul class="month hide">
											<li><a href="//wp-simplicity.com/2014/12/">12月</a> (14)</li>
											<li><a href="//wp-simplicity.com/2014/11/">11月</a> (17)</li>
											<li><a href="//wp-simplicity.com/2014/10/">10月</a> (18)</li>
											<li><a href="//wp-simplicity.com/2014/09/">9月</a> (19)</li>
											<li><a href="//wp-simplicity.com/2014/08/">8月</a> (31)</li>
											<li><a href="//wp-simplicity.com/2014/07/">7月</a> (33)</li>
										</ul>
									</li>
								</ul>
							</aside>
						</div>
					</div>

					<div class="clear"></div>
					<div id="copyright" class="wrapper">
						<div id="footer-navi">
							<div id="footer-navi-in">
								<div class="menu-%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc-container">
									<ul id="menu-%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc" class="menu">
										<li id="menu-item-36407" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-36407"><a href="https://wp-simplicity.com/">トップ</a></li>
										<li id="menu-item-36404" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-36404"><a href="//wp-simplicity.com/forums/create-topic/">お問い合わせ</a></li>
										<li id="menu-item-36405" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-36405"><a href="//wp-simplicity.com/sitemap/">サイトマップ</a></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="credit">
							<a href="http://creativecommons.org/licenses/by-nd/2.1/jp/" rel="nofollow license">CC BY-ND</a> <a href="//wp-simplicity.com">Simplicity</a> Some Rights Reserved. </div>

					</div>
				</div>
				<!-- /#footer-in -->
			</div>
			<!-- /#footer -->
		</footer>
		<div style="display: none;" id="page-top">
			<a id="move-page-top"><span class="fa fa-angle-double-up fa-2x"></span></a>

		</div>
	</div>
	<!-- /#container -->
</body>
              
            
!

CSS

              
                /*
input[type="submit"]:invalid {
    background-color: #ccc;
    cursor: default;
    opacity: .5;
}
*/

#comment-area {
	
	.comment-notes {
		&::before {
			content: "投稿注意事項";
			font-size: 1.25em;
			background-color: #c00;
			color: #fff;
			padding: 2px 8px;
			margin-bottom: 0.25em;
			display: inline-block;
		}
		span {
			display: block;
		}
		.required_text {
			display: inline-block;
			
			.required {
				display: inline-block;
			}
		}
	}
	
	p > label,
	p > input[id="author"],
	p > input[type="email"] {
		display: inline-block;
	}
	p > label {
		width: 8em;
		text-align: right;
	}
	
	input[id="author"],
	input[type="email"],
	textarea {
		position: relative;
		overflow: hidden;
		color: #333;
		
		&:not(textarea) + .required {
			&::after {
				content: "\f096";
				font: normal 1.5em/1 "fontAwesome";
				display: inline-block;
				vertical-align: middle;
				margin-left: .25em;
				color: red;
				transition: .3s ease;
			}
		}
		
		&:invalid {
			color: #333;
			background-color: #f3eded;
			border: 1px dotted red;
			transition: .3s ease;
			
			&:focus {
				color: inherit;
				border: 2px dotted red;
				box-shadow: unset;
			}
		}
		
		&:valid {
			color: green;
			border: 1px solid lightgreen;
			
			&:focus {
				color: inherit;
				border: 2px solid green;
				box-shadow: unset;
			}
			
			&:not(textarea) + .required {
				&::after {
					content: "\f046";
					color: lightgreen;
				}
			}
		}
		
		// &:focus {
		// 	color: #333;
		// 	border: 1px solid #333;
		// 	box-shadow: unset;
		// }
	}
	
}

              
            
!

JS

              
                
              
            
!
999px

Console