cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

Pen Settings

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

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

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

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

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.

            
              <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 -->
						
						<h1 id="archive-title">カテゴリータイトル</h1>


			<!-- カテゴリの説明文 -->
			<div class="category-description">
				<p><strong>Simplicity 2.5.3</strong><br>親テーマstyle.css & javascript.js</p>
			</div>


			<div id="list">
				<!-- 記事一覧 -->
				<article id="post-36838" class="entry cf entry-card post-36838 post type-post status-publish format-standard has-post-thumbnail category-extension-class">
					<figure class="entry-thumb">
						<a href="//wp-simplicity.com/extended-basic-class/" class="entry-image entry-image-link" title="Simplicityの基本的な文章装飾スタイルを使う方法まとめ"><img src="//wp-simplicity.com/wp-content/uploads/2016/02/GDICZINTVI-1-150x150.jpg" class="entry-thumnail wp-post-image" alt="Simplicityの基本的な文章装飾スタイルを使う方法まとめ" srcset="//wp-simplicity.com/wp-content/uploads/2016/02/GDICZINTVI-1-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2016/02/GDICZINTVI-1-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2016/02/GDICZINTVI-1-150x150.jpg 150w"
								sizes="(max-width: 150px) 100vw, 150px" height="150" width="150"></a>
					</figure>
					<!-- /.entry-thumb -->

					<div class="entry-card-content">
						<header>
							<h2><a href="//wp-simplicity.com/extended-basic-class/" class="entry-title entry-title-link" title="Simplicityの基本的な文章装飾スタイルを使う方法まとめ">Simplicityの基本的な文章装飾スタイルを使う方法まとめ</a></h2>
							<p class="post-meta">
								<span class="post-date"><span class="fa fa-clock-o fa-fw"></span><span class="published">2016/2/27</span></span>

								<span class="category"><span class="fa fa-folder fa-fw"></span><a href="//wp-simplicity.com/category/settings/extension-class/" rel="category tag">拡張クラス</a></span>


								<span class="comments">
          <span class="fa fa-comment"></span>
								<span class="comment-count">
            <a href="//wp-simplicity.com/extended-basic-class/#reply-title" class="comment-count-link">0</a>
          </span>
								</span>

							</p>
							<!-- /.post-meta -->
						</header>
						<p class="entry-snippet">

							Simplicityでは、デフォルト状態で、文字装飾に使えるCSSの拡張クラスをいくつか用意しています。 以下では、それら拡張...

						</p>

						<footer>
							<p class="entry-read"><a href="//wp-simplicity.com/extended-basic-class/" class="entry-read-link">記事を読む</a></p>
						</footer>

					</div>
					<!-- /.entry-card-content -->
				</article>
				<article id="post-36794" class="entry cf entry-card post-36794 post type-post status-publish format-standard has-post-thumbnail category-customizer category-settings">
					<figure class="entry-thumb">
						<a href="//wp-simplicity.com/admin-pv/" class="entry-image entry-image-link" title="Simplicityで管理者のみにPV数を表示する方法"><img src="//wp-simplicity.com/wp-content/uploads/2016/02/UNB7V2H5L4-1-150x150.jpg" class="entry-thumnail wp-post-image" alt="Simplicityで管理者のみにPV数を表示する方法" srcset="//wp-simplicity.com/wp-content/uploads/2016/02/UNB7V2H5L4-1-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2016/02/UNB7V2H5L4-1-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2016/02/UNB7V2H5L4-1-150x150.jpg 150w"
								sizes="(max-width: 150px) 100vw, 150px" height="150" width="150"></a>
					</figure>
					<!-- /.entry-thumb -->

					<div class="entry-card-content">
						<header>
							<h2><a href="//wp-simplicity.com/admin-pv/" class="entry-title entry-title-link" title="Simplicityで管理者のみにPV数を表示する方法">Simplicityで管理者のみにPV数を表示する方法</a></h2>
							<p class="post-meta">
								<span class="post-date"><span class="fa fa-clock-o fa-fw"></span><span class="published">2016/2/27</span></span>

								<span class="category"><span class="fa fa-folder fa-fw"></span><a href="//wp-simplicity.com/category/customizer/" rel="category tag">カスタマイザー設定</a>, <a href="//wp-simplicity.com/category/settings/" rel="category tag">設定いろいろ</a></span>


								<span class="comments">
          <span class="fa fa-comment"></span>
								<span class="comment-count">
            <a href="//wp-simplicity.com/admin-pv/#reply-title" class="comment-count-link">0</a>
          </span>
								</span>

							</p>
							<!-- /.post-meta -->
						</header>
						<p class="entry-snippet"> Simplicity2.1.0から管理者のみにWordpress Popular Postsを用いてPV表示ができるようになりました。 以...</p>

						<footer>
							<p class="entry-read"><a href="//wp-simplicity.com/admin-pv/" class="entry-read-link">記事を読む</a></p>
						</footer>

					</div>
					<!-- /.entry-card-content -->
				</article>
				<article id="post-36777" class="entry cf entry-card post-36777 post type-post status-publish format-standard has-post-thumbnail category-settings">
					<figure class="entry-thumb">
						<a href="//wp-simplicity.com/sns-count-cache/" class="entry-image entry-image-link" title="SimplicityでSNSシェア数をキャッシュ化する方法(SNS Count Cacheを利用した設定)"><img src="//wp-simplicity.com/wp-content/uploads/2016/02/numbers-seat-concrete-seat-1-150x150.jpg" class="entry-thumnail wp-post-image" alt="SimplicityでSNSシェア数をキャッシュ化する方法(SNS Count Cacheを利用した設定)" srcset="//wp-simplicity.com/wp-content/uploads/2016/02/numbers-seat-concrete-seat-1-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2016/02/numbers-seat-concrete-seat-1-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2016/02/numbers-seat-concrete-seat-1-150x150.jpg 150w"
								sizes="(max-width: 150px) 100vw, 150px" height="150" width="150"></a>
					</figure>
					<!-- /.entry-thumb -->

					<div class="entry-card-content">
						<header>
							<h2><a href="//wp-simplicity.com/sns-count-cache/" class="entry-title entry-title-link" title="SimplicityでSNSシェア数をキャッシュ化する方法(SNS Count Cacheを利用した設定)">SimplicityでSNSシェア数をキャッシュ化する方法(SNS Count Cacheを利用した設定)</a></h2>
							<p class="post-meta">
								<span class="post-date"><span class="fa fa-clock-o fa-fw"></span><span class="published">2016/2/27</span></span>

								<span class="category"><span class="fa fa-folder fa-fw"></span><a href="//wp-simplicity.com/category/settings/" rel="category tag">設定いろいろ</a></span>


								<span class="comments">
          <span class="fa fa-comment"></span>
								<span class="comment-count">
            <a href="//wp-simplicity.com/sns-count-cache/#reply-title" class="comment-count-link">0</a>
          </span>
								</span>

							</p>
							<!-- /.post-meta -->
						</header>
						<p class="entry-snippet"> Simplicity2.1.0からSNS Count Cacheを用いたシェア数のキャッシュ化に対応しました。 以下では、その設定方法につ...</p>

						<footer>
							<p class="entry-read"><a href="//wp-simplicity.com/sns-count-cache/" class="entry-read-link">記事を読む</a></p>
						</footer>

					</div>
					<!-- /.entry-card-content -->
				</article>
				<article id="post-36651" class="entry cf entry-card post-36651 post type-post status-publish format-standard has-post-thumbnail category-settings">
					<figure class="entry-thumb">
						<a href="//wp-simplicity.com/folding-archive-widget/" class="entry-image entry-image-link" title="アーカイブウィジェットの折り畳み機能について"><img src="//wp-simplicity.com/wp-content/uploads/2016/02/838F759730-1-150x150.jpg" class="entry-thumnail wp-post-image" alt="アーカイブウィジェットの折り畳み機能について" srcset="//wp-simplicity.com/wp-content/uploads/2016/02/838F759730-1-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2016/02/838F759730-1-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2016/02/838F759730-1-150x150.jpg 150w"
								sizes="(max-width: 150px) 100vw, 150px" height="150" width="150"></a>
					</figure>
					<!-- /.entry-thumb -->

					<div class="entry-card-content">
						<header>
							<h2><a href="//wp-simplicity.com/folding-archive-widget/" class="entry-title entry-title-link" title="アーカイブウィジェットの折り畳み機能について">アーカイブウィジェットの折り畳み機能について</a></h2>
							<p class="post-meta">
								<span class="post-date"><span class="fa fa-clock-o fa-fw"></span><span class="published">2016/2/18</span></span>

								<span class="category"><span class="fa fa-folder fa-fw"></span><a href="//wp-simplicity.com/category/settings/" rel="category tag">設定いろいろ</a></span>


								<span class="comments">
          <span class="fa fa-comment"></span>
								<span class="comment-count">
            <a href="//wp-simplicity.com/folding-archive-widget/#comments" class="comment-count-link">22</a>
          </span>
								</span>

							</p>
							<!-- /.post-meta -->
						</header>
						<p class="entry-snippet"> アーカイブウィジェットに折り畳み機能をつけました。 以下で、この機能を利用する方法を紹介します。 折り畳み機能の使い方 折り畳み機能は、...</p>

						<footer>
							<p class="entry-read"><a href="//wp-simplicity.com/folding-archive-widget/" class="entry-read-link">記事を読む</a></p>
						</footer>

					</div>
					<!-- /.entry-card-content -->
				</article>
				<article id="post-36087" class="entry cf entry-card post-36087 post type-post status-publish format-standard has-post-thumbnail category-extension-class">
					<figure class="entry-thumb">
						<a href="//wp-simplicity.com/expanded-information-class/" class="entry-image entry-image-link" title="補足情報を表示させるための拡張クラスの使い方|Simplicity"><img src="//wp-simplicity.com/wp-content/uploads/2016/02/LXCMDRFA51-1-150x150.jpg" class="entry-thumnail wp-post-image" alt="補足情報を表示させるための拡張クラスの使い方|Simplicity" srcset="//wp-simplicity.com/wp-content/uploads/2016/02/LXCMDRFA51-1-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2016/02/LXCMDRFA51-1-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2016/02/LXCMDRFA51-1-150x150.jpg 150w"
								sizes="(max-width: 150px) 100vw, 150px" height="150" width="150"></a>
					</figure>
					<!-- /.entry-thumb -->

					<div class="entry-card-content">
						<header>
							<h2><a href="//wp-simplicity.com/expanded-information-class/" class="entry-title entry-title-link" title="補足情報を表示させるための拡張クラスの使い方|Simplicity">補足情報を表示させるための拡張クラスの使い方|Simplicity</a></h2>
							<p class="post-meta">
								<span class="post-date"><span class="fa fa-clock-o fa-fw"></span><span class="published">2016/2/2</span></span>

								<span class="category"><span class="fa fa-folder fa-fw"></span><a href="//wp-simplicity.com/category/settings/extension-class/" rel="category tag">拡張クラス</a></span>


								<span class="comments">
          <span class="fa fa-comment"></span>
								<span class="comment-count">
            <a href="//wp-simplicity.com/expanded-information-class/#comments" class="comment-count-link">6</a>
          </span>
								</span>

							</p>
							<!-- /.post-meta -->
						</header>
						<p class="entry-snippet"> Simplicityに、以下のような足説明(補足情報補)用のスタイルを適用した拡張クラスを追加しました。 以下のような補足説明用のスタイル...</p>

						<footer>
							<p class="entry-read"><a href="//wp-simplicity.com/expanded-information-class/" class="entry-read-link">記事を読む</a></p>
						</footer>

					</div>
					<!-- /.entry-card-content -->
				</article>
				<article id="post-34931" class="entry cf entry-card post-34931 post type-post status-publish format-standard has-post-thumbnail category-1-to-2 category-customizer">
					<figure class="entry-thumb">
						<a href="//wp-simplicity.com/simplicity1-to-2-customizer-settings/" class="entry-image entry-image-link" title="Simplicity1系から2に移行するときに再設定が必要なテーマカスタマイザーの設定一覧"><img src="//wp-simplicity.com/wp-content/uploads/2015/12/workers-construction-site-hardhats-silhouettes-1-150x150.jpg" class="entry-thumnail wp-post-image" alt="Simplicity1系から2に移行するときに再設定が必要なテーマカスタマイザーの設定一覧" srcset="//wp-simplicity.com/wp-content/uploads/2015/12/workers-construction-site-hardhats-silhouettes-1-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2015/12/workers-construction-site-hardhats-silhouettes-1-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2015/12/workers-construction-site-hardhats-silhouettes-1-150x150.jpg 150w"
								sizes="(max-width: 150px) 100vw, 150px" height="150" width="150"></a>
					</figure>
					<!-- /.entry-thumb -->

					<div class="entry-card-content">
						<header>
							<h2><a href="//wp-simplicity.com/simplicity1-to-2-customizer-settings/" class="entry-title entry-title-link" title="Simplicity1系から2に移行するときに再設定が必要なテーマカスタマイザーの設定一覧">Simplicity1系から2に移行するときに再設定が必要なテーマカスタマイザーの設定一覧</a></h2>
							<p class="post-meta">
								<span class="post-date"><span class="fa fa-clock-o fa-fw"></span><span class="published">2015/12/29</span></span>

								<span class="category"><span class="fa fa-folder fa-fw"></span><a href="//wp-simplicity.com/category/settings/1-to-2/" rel="category tag">Simplicity1から2への移行</a>, <a href="//wp-simplicity.com/category/customizer/" rel="category tag">カスタマイザー設定</a></span>


								<span class="comments">
          <span class="fa fa-comment"></span>
								<span class="comment-count">
            <a href="//wp-simplicity.com/simplicity1-to-2-customizer-settings/#reply-title" class="comment-count-link">0</a>
          </span>
								</span>

							</p>
							<!-- /.post-meta -->
						</header>
						<p class="entry-snippet"> 以下は、Simplicity1→2に移行するときに、再設定が必要になるかもしれない設定項目の一覧です。 Simplicity2に移行したら...</p>

						<footer>
							<p class="entry-read"><a href="//wp-simplicity.com/simplicity1-to-2-customizer-settings/" class="entry-read-link">記事を読む</a></p>
						</footer>

					</div>
					<!-- /.entry-card-content -->
				</article>
				<article id="post-34926" class="entry cf entry-card post-34926 post type-post status-publish format-standard has-post-thumbnail category-1-to-2 category-customizer">
					<figure class="entry-thumb">
						<a href="//wp-simplicity.com/simplicity1-to-2-customizer/" class="entry-image entry-image-link" title="Simplicity1系から2に移行するときにのテーマカスタマイザーの再設定方法"><img src="//wp-simplicity.com/wp-content/uploads/2015/12/construction-worker-concrete-hummer-vibrator-job-1-150x150.jpg" class="entry-thumnail wp-post-image" alt="Simplicity1系から2に移行するときにのテーマカスタマイザーの再設定方法" srcset="//wp-simplicity.com/wp-content/uploads/2015/12/construction-worker-concrete-hummer-vibrator-job-1-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2015/12/construction-worker-concrete-hummer-vibrator-job-1-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2015/12/construction-worker-concrete-hummer-vibrator-job-1-150x150.jpg 150w"
								sizes="(max-width: 150px) 100vw, 150px" height="150" width="150"></a>
					</figure>
					<!-- /.entry-thumb -->

					<div class="entry-card-content">
						<header>
							<h2><a href="//wp-simplicity.com/simplicity1-to-2-customizer/" class="entry-title entry-title-link" title="Simplicity1系から2に移行するときにのテーマカスタマイザーの再設定方法">Simplicity1系から2に移行するときにのテーマカスタマイザーの再設定方法</a></h2>
							<p class="post-meta">
								<span class="post-date"><span class="fa fa-clock-o fa-fw"></span><span class="published">2015/12/29</span></span>

								<span class="category"><span class="fa fa-folder fa-fw"></span><a href="//wp-simplicity.com/category/settings/1-to-2/" rel="category tag">Simplicity1から2への移行</a>, <a href="//wp-simplicity.com/category/customizer/" rel="category tag">カスタマイザー設定</a></span>


								<span class="comments">
          <span class="fa fa-comment"></span>
								<span class="comment-count">
            <a href="//wp-simplicity.com/simplicity1-to-2-customizer/#reply-title" class="comment-count-link">0</a>
          </span>
								</span>

							</p>
							<!-- /.post-meta -->
						</header>
						<p class="entry-snippet"> Simplicity2を公開しました。 Simplicity2の子テーマも公開しています。 Simplicity2では、テーマカスタマ...</p>

						<footer>
							<p class="entry-read"><a href="//wp-simplicity.com/simplicity1-to-2-customizer/" class="entry-read-link">記事を読む</a></p>
						</footer>

					</div>
					<!-- /.entry-card-content -->
				</article>
				<article id="post-34937" class="entry cf entry-card post-34937 post type-post status-publish format-standard has-post-thumbnail category-1-to-2 category-settings">
					<figure class="entry-thumb">
						<a href="//wp-simplicity.com/simplicity1-to-2-child-theme-settings/" class="entry-image entry-image-link" title="Simplicity1用の子テーマをSimplicity2で使う時の修正方法"><img src="//wp-simplicity.com/wp-content/uploads/2015/12/pier-jetty-wooden-beach-sand-bridge-construction-1-150x150.jpg" class="entry-thumnail wp-post-image" alt="Simplicity1用の子テーマをSimplicity2で使う時の修正方法" srcset="//wp-simplicity.com/wp-content/uploads/2015/12/pier-jetty-wooden-beach-sand-bridge-construction-1-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2015/12/pier-jetty-wooden-beach-sand-bridge-construction-1-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2015/12/pier-jetty-wooden-beach-sand-bridge-construction-1-150x150.jpg 150w"
								sizes="(max-width: 150px) 100vw, 150px" height="150" width="150"></a>
					</figure>
					<!-- /.entry-thumb -->

					<div class="entry-card-content">
						<header>
							<h2><a href="//wp-simplicity.com/simplicity1-to-2-child-theme-settings/" class="entry-title entry-title-link" title="Simplicity1用の子テーマをSimplicity2で使う時の修正方法">Simplicity1用の子テーマをSimplicity2で使う時の修正方法</a></h2>
							<p class="post-meta">
								<span class="post-date"><span class="fa fa-clock-o fa-fw"></span><span class="published">2015/12/29</span></span>

								<span class="category"><span class="fa fa-folder fa-fw"></span><a href="//wp-simplicity.com/category/settings/1-to-2/" rel="category tag">Simplicity1から2への移行</a>, <a href="//wp-simplicity.com/category/settings/" rel="category tag">設定いろいろ</a></span>


								<span class="comments">
          <span class="fa fa-comment"></span>
								<span class="comment-count">
            <a href="//wp-simplicity.com/simplicity1-to-2-child-theme-settings/#reply-title" class="comment-count-link">0</a>
          </span>
								</span>

							</p>
							<!-- /.post-meta -->
						</header>
						<p class="entry-snippet"> Simplicity2を公開しました。 Simplicity2の子テーマも公開しています。 ただ、Simplicity1の子テーマは、...</p>

						<footer>
							<p class="entry-read"><a href="//wp-simplicity.com/simplicity1-to-2-child-theme-settings/" class="entry-read-link">記事を読む</a></p>
						</footer>

					</div>
					<!-- /.entry-card-content -->
				</article>
				<article id="post-34661" class="entry cf entry-card post-34661 post type-post status-publish format-standard has-post-thumbnail category-server">
					<figure class="entry-thumb">
						<a href="//wp-simplicity.com/simplicity-on-php-7-0/" class="entry-image entry-image-link" title="SimplicityをPHP7.0上で動作させてみました"><img src="//wp-simplicity.com/wp-content/uploads/2015/12/php-1-150x150.jpg" class="entry-thumnail wp-post-image" alt="SimplicityをPHP7.0上で動作させてみました" srcset="//wp-simplicity.com/wp-content/uploads/2015/12/php-1-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2015/12/php-1-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2015/12/php-1-150x150.jpg 150w"
								sizes="(max-width: 150px) 100vw, 150px" height="150" width="150"></a>
					</figure>
					<!-- /.entry-thumb -->

					<div class="entry-card-content">
						<header>
							<h2><a href="//wp-simplicity.com/simplicity-on-php-7-0/" class="entry-title entry-title-link" title="SimplicityをPHP7.0上で動作させてみました">SimplicityをPHP7.0上で動作させてみました</a></h2>
							<p class="post-meta">
								<span class="post-date"><span class="fa fa-clock-o fa-fw"></span><span class="published">2015/12/15</span></span>

								<span class="category"><span class="fa fa-folder fa-fw"></span><a href="//wp-simplicity.com/category/settings/server/" rel="category tag">サーバー</a></span>


								<span class="comments">
          <span class="fa fa-comment"></span>
								<span class="comment-count">
            <a href="//wp-simplicity.com/simplicity-on-php-7-0/#comments" class="comment-count-link">4</a>
          </span>
								</span>

							</p>
							<!-- /.post-meta -->
						</header>
						<p class="entry-snippet"> 先日、当サイトなどで利用しているエックスサーバーから以下のメールが届きました。 この度当サービスでは「PHP7」を導入いたしました。 P...</p>

						<footer>
							<p class="entry-read"><a href="//wp-simplicity.com/simplicity-on-php-7-0/" class="entry-read-link">記事を読む</a></p>
						</footer>

					</div>
					<!-- /.entry-card-content -->
				</article>
				<article id="post-34063" class="entry cf entry-card post-34063 post type-post status-publish format-standard has-post-thumbnail category-settings">
					<figure class="entry-thumb">
						<a href="//wp-simplicity.com/eye-catch-caption/" class="entry-image entry-image-link" title="テーマカスタマイザーのアイキャッチ表示設定でクレジット表記(キャプション)を表示する方法"><img src="//wp-simplicity.com/wp-content/uploads/2015/11/KHQEKCKQOX1-150x150.jpg" class="entry-thumnail wp-post-image" alt="テーマカスタマイザーのアイキャッチ表示設定でクレジット表記(キャプション)を表示する方法" srcset="//wp-simplicity.com/wp-content/uploads/2015/11/KHQEKCKQOX1-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2015/11/KHQEKCKQOX1-150x150.jpg 150w"
								sizes="(max-width: 150px) 100vw, 150px" height="150" width="150"></a>
					</figure>
					<!-- /.entry-thumb -->

					<div class="entry-card-content">
						<header>
							<h2><a href="//wp-simplicity.com/eye-catch-caption/" class="entry-title entry-title-link" title="テーマカスタマイザーのアイキャッチ表示設定でクレジット表記(キャプション)を表示する方法">テーマカスタマイザーのアイキャッチ表示設定でクレジット表記(キャプション)を表示する方法</a></h2>
							<p class="post-meta">
								<span class="post-date"><span class="fa fa-clock-o fa-fw"></span><span class="published">2015/11/27</span></span>

								<span class="category"><span class="fa fa-folder fa-fw"></span><a href="//wp-simplicity.com/category/settings/" rel="category tag">設定いろいろ</a></span>


								<span class="comments">
          <span class="fa fa-comment"></span>
								<span class="comment-count">
            <a href="//wp-simplicity.com/eye-catch-caption/#reply-title" class="comment-count-link">0</a>
          </span>
								</span>

							</p>
							<!-- /.post-meta -->
						</header>
						<p class="entry-snippet"> Simplicity1.9.3にて、アイキャッチ画像にキャプションを表示できるように機能追加しました。 ここでいうアイキャッチというのは、...</p>

						<footer>
							<p class="entry-read"><a href="//wp-simplicity.com/eye-catch-caption/" class="entry-read-link">記事を読む</a></p>
						</footer>

					</div>
					<!-- /.entry-card-content -->
				</article>
				<article id="post-30132" class="entry cf entry-card post-30132 post type-post status-publish format-standard has-post-thumbnail category-customizer category-settings">
					<figure class="entry-thumb">
						<a href="//wp-simplicity.com/simplicity-and-page-cache-plugin/" class="entry-image entry-image-link" title="Simplicityとページキャシュプラグインを併用する方法"><img src="//wp-simplicity.com/wp-content/uploads/2015/07/HNCK1748_thumb1-150x150.jpg" class="entry-thumnail wp-post-image" alt="Simplicityとページキャシュプラグインを併用する方法" srcset="//wp-simplicity.com/wp-content/uploads/2015/07/HNCK1748_thumb1-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2015/07/HNCK1748_thumb1-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2015/07/HNCK1748_thumb1-150x150.jpg 150w"
								sizes="(max-width: 150px) 100vw, 150px" height="150" width="150"></a>
					</figure>
					<!-- /.entry-thumb -->

					<div class="entry-card-content">
						<header>
							<h2><a href="//wp-simplicity.com/simplicity-and-page-cache-plugin/" class="entry-title entry-title-link" title="Simplicityとページキャシュプラグインを併用する方法">Simplicityとページキャシュプラグインを併用する方法</a></h2>
							<p class="post-meta">
								<span class="post-date"><span class="fa fa-clock-o fa-fw"></span><span class="published">2015/7/30</span></span>

								<span class="category"><span class="fa fa-folder fa-fw"></span><a href="//wp-simplicity.com/category/customizer/" rel="category tag">カスタマイザー設定</a>, <a href="//wp-simplicity.com/category/settings/" rel="category tag">設定いろいろ</a></span>


								<span class="comments">
          <span class="fa fa-comment"></span>
								<span class="comment-count">
            <a href="//wp-simplicity.com/simplicity-and-page-cache-plugin/#reply-title" class="comment-count-link">0</a>
          </span>
								</span>

							</p>
							<!-- /.post-meta -->
						</header>
						<p class="entry-snippet">

							W3 Total Cacheというキャシュプラグインを使用して、Simplicityでページキャッシュを利用する方法を書きました。 ...
						</p>

						<footer>
							<p class="entry-read"><a href="//wp-simplicity.com/simplicity-and-page-cache-plugin/" class="entry-read-link">記事を読む</a></p>
						</footer>

					</div>
					<!-- /.entry-card-content -->
				</article>
				<article id="post-29497" class="entry cf entry-card post-29497 post type-post status-publish format-standard has-post-thumbnail category-customizer category-settings">
					<figure class="entry-thumb">
						<a href="//wp-simplicity.com/skin-parts/" class="entry-image entry-image-link" title="Simplicitパーツデザインの着せ替えができる「パーツスキン」機能の使い方と仕様"><img src="//wp-simplicity.com/wp-content/uploads/2015/07/fashion-clothes-hanger-clothes-rack-clothing-landscape1-150x150.jpg" class="entry-thumnail wp-post-image" alt="Simplicitパーツデザインの着せ替えができる「パーツスキン」機能の使い方と仕様" srcset="//wp-simplicity.com/wp-content/uploads/2015/07/fashion-clothes-hanger-clothes-rack-clothing-landscape1-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2015/07/fashion-clothes-hanger-clothes-rack-clothing-landscape1-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2015/07/fashion-clothes-hanger-clothes-rack-clothing-landscape1-150x150.jpg 150w"
								sizes="(max-width: 150px) 100vw, 150px" height="150" width="150"></a>
					</figure>
					<!-- /.entry-thumb -->

					<div class="entry-card-content">
						<header>
							<h2><a href="//wp-simplicity.com/skin-parts/" class="entry-title entry-title-link" title="Simplicitパーツデザインの着せ替えができる「パーツスキン」機能の使い方と仕様">Simplicitパーツデザインの着せ替えができる「パーツスキン」機能の使い方と仕様</a></h2>
							<p class="post-meta">
								<span class="post-date"><span class="fa fa-clock-o fa-fw"></span><span class="published">2015/7/17</span></span>

								<span class="category"><span class="fa fa-folder fa-fw"></span><a href="//wp-simplicity.com/category/customizer/" rel="category tag">カスタマイザー設定</a>, <a href="//wp-simplicity.com/category/settings/" rel="category tag">設定いろいろ</a></span>


								<span class="comments">
          <span class="fa fa-comment"></span>
								<span class="comment-count">
            <a href="//wp-simplicity.com/skin-parts/#comments" class="comment-count-link">3</a>
          </span>
								</span>

							</p>
							<!-- /.post-meta -->
						</header>
						<p class="entry-snippet"> Simplicity1.7.9でパーツスキン機能を実装しました。 以前にもスキン機能というのはありました。 パーツスキン機能も、スキン機...</p>

						<footer>
							<p class="entry-read"><a href="//wp-simplicity.com/skin-parts/" class="entry-read-link">記事を読む</a></p>
						</footer>

					</div>
					<!-- /.entry-card-content -->
				</article>
				<article id="post-28847" class="entry cf entry-card post-28847 post type-post status-publish format-standard has-post-thumbnail category-customizer category-settings">
					<figure class="entry-thumb">
						<a href="//wp-simplicity.com/shortcode-blog-card/" class="entry-image entry-image-link" title="Simplicityの記事作成時にショートコードでブログカードを挿入する方法"><img src="//wp-simplicity.com/wp-content/uploads/2015/07/6987953487_93f0817b56_k1-150x150.jpg" class="entry-thumnail wp-post-image" alt="Simplicityの記事作成時にショートコードでブログカードを挿入する方法" srcset="//wp-simplicity.com/wp-content/uploads/2015/07/6987953487_93f0817b56_k1-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2015/07/6987953487_93f0817b56_k1-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2015/07/6987953487_93f0817b56_k1-150x150.jpg 150w"
								sizes="(max-width: 150px) 100vw, 150px" height="150" width="150"></a>
					</figure>
					<!-- /.entry-thumb -->

					<div class="entry-card-content">
						<header>
							<h2><a href="//wp-simplicity.com/shortcode-blog-card/" class="entry-title entry-title-link" title="Simplicityの記事作成時にショートコードでブログカードを挿入する方法">Simplicityの記事作成時にショートコードでブログカードを挿入する方法</a></h2>
							<p class="post-meta">
								<span class="post-date"><span class="fa fa-clock-o fa-fw"></span><span class="published">2015/7/6</span></span>

								<span class="category"><span class="fa fa-folder fa-fw"></span><a href="//wp-simplicity.com/category/customizer/" rel="category tag">カスタマイザー設定</a>, <a href="//wp-simplicity.com/category/settings/" rel="category tag">設定いろいろ</a></span>


								<span class="comments">
          <span class="fa fa-comment"></span>
								<span class="comment-count">
            <a href="//wp-simplicity.com/shortcode-blog-card/#reply-title" class="comment-count-link">0</a>
          </span>
								</span>

							</p>
							<!-- /.post-meta -->
						</header>
						<p class="entry-snippet"> Simplicityには、ブログカード機能があります。 テーマカスタマイザーなどでの設定は以下を参照してください。 このブログカード機能...</p>

						<footer>
							<p class="entry-read"><a href="//wp-simplicity.com/shortcode-blog-card/" class="entry-read-link">記事を読む</a></p>
						</footer>

					</div>
					<!-- /.entry-card-content -->
				</article>
				<article id="post-28216" class="entry cf entry-card post-28216 post type-post status-publish format-standard has-post-thumbnail category-settings">
					<figure class="entry-thumb">
						<a href="//wp-simplicity.com/ads-widget-settings/" class="entry-image entry-image-link" title="Simplicity広告用ウィジェットの設定方法"><img src="//wp-simplicity.com/wp-content/uploads/2015/06/14328526962_b191231278_k1-150x150.jpg" class="entry-thumnail wp-post-image" alt="Simplicity広告用ウィジェットの設定方法" srcset="//wp-simplicity.com/wp-content/uploads/2015/06/14328526962_b191231278_k1-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2015/06/14328526962_b191231278_k1-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2015/06/14328526962_b191231278_k1-150x150.jpg 150w"
								sizes="(max-width: 150px) 100vw, 150px" height="150" width="150"></a>
					</figure>
					<!-- /.entry-thumb -->

					<div class="entry-card-content">
						<header>
							<h2><a href="//wp-simplicity.com/ads-widget-settings/" class="entry-title entry-title-link" title="Simplicity広告用ウィジェットの設定方法">Simplicity広告用ウィジェットの設定方法</a></h2>
							<p class="post-meta">
								<span class="post-date"><span class="fa fa-clock-o fa-fw"></span><span class="published">2015/6/23</span></span>

								<span class="category"><span class="fa fa-folder fa-fw"></span><a href="//wp-simplicity.com/category/settings/" rel="category tag">設定いろいろ</a></span>


								<span class="comments">
          <span class="fa fa-comment"></span>
								<span class="comment-count">
            <a href="//wp-simplicity.com/ads-widget-settings/#comments" class="comment-count-link">22</a>
          </span>
								</span>

							</p>
							<!-- /.post-meta -->
						</header>
						<p class="entry-snippet"> Simplicity1.7.4から広告用ウィジェットを追加しました。 photo by Peter Kaminski 広告専用のウィジェッ...</p>

						<footer>
							<p class="entry-read"><a href="//wp-simplicity.com/ads-widget-settings/" class="entry-read-link">記事を読む</a></p>
						</footer>

					</div>
					<!-- /.entry-card-content -->
				</article>
				<article id="post-28113" class="entry cf entry-card post-28113 post type-post status-publish format-standard has-post-thumbnail category-customizer category-settings">
					<figure class="entry-thumb">
						<a href="//wp-simplicity.com/ban-ads/" class="entry-image entry-image-link" title="Simplicityで広告を非表示にするページを設定する方法"><img src="//wp-simplicity.com/wp-content/uploads/2015/06/life-of-pix-free-stock-photos-spain-door-lock1-150x150.jpg" class="entry-thumnail wp-post-image" alt="Simplicityで広告を非表示にするページを設定する方法" srcset="//wp-simplicity.com/wp-content/uploads/2015/06/life-of-pix-free-stock-photos-spain-door-lock1-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2015/06/life-of-pix-free-stock-photos-spain-door-lock1-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2015/06/life-of-pix-free-stock-photos-spain-door-lock1-150x150.jpg 150w"
								sizes="(max-width: 150px) 100vw, 150px" height="150" width="150"></a>
					</figure>
					<!-- /.entry-thumb -->

					<div class="entry-card-content">
						<header>
							<h2><a href="//wp-simplicity.com/ban-ads/" class="entry-title entry-title-link" title="Simplicityで広告を非表示にするページを設定する方法">Simplicityで広告を非表示にするページを設定する方法</a></h2>
							<p class="post-meta">
								<span class="post-date"><span class="fa fa-clock-o fa-fw"></span><span class="published">2015/6/21</span></span>

								<span class="category"><span class="fa fa-folder fa-fw"></span><a href="//wp-simplicity.com/category/customizer/" rel="category tag">カスタマイザー設定</a>, <a href="//wp-simplicity.com/category/settings/" rel="category tag">設定いろいろ</a></span>


								<span class="comments">
          <span class="fa fa-comment"></span>
								<span class="comment-count">
            <a href="//wp-simplicity.com/ban-ads/#reply-title" class="comment-count-link">0</a>
          </span>
								</span>

							</p>
							<!-- /.post-meta -->
						</header>
						<p class="entry-snippet"> Simplicity1.7.3にて広告を非表示にできるページを設定できる機能を追加しました。 これは主に、AdSense プログラム ポリ...</p>

						<footer>
							<p class="entry-read"><a href="//wp-simplicity.com/ban-ads/" class="entry-read-link">記事を読む</a></p>
						</footer>

					</div>
					<!-- /.entry-card-content -->
				</article>
				<article id="post-27962" class="entry cf entry-card post-27962 post type-post status-publish format-standard has-post-thumbnail category-settings">
					<figure class="entry-thumb">
						<a href="//wp-simplicity.com/facebook-like-widget/" class="entry-image entry-image-link" title="SimplicityのFacebookページ「いいね!」ウィジェットの使い方"><img src="//wp-simplicity.com/wp-content/uploads/2015/06/4859806074_0f5d6faa15_b1-150x150.jpg" class="entry-thumnail wp-post-image" alt="SimplicityのFacebookページ「いいね!」ウィジェットの使い方" srcset="//wp-simplicity.com/wp-content/uploads/2015/06/4859806074_0f5d6faa15_b1-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2015/06/4859806074_0f5d6faa15_b1-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2015/06/4859806074_0f5d6faa15_b1-150x150.jpg 150w"
								sizes="(max-width: 150px) 100vw, 150px" height="150" width="150"></a>
					</figure>
					<!-- /.entry-thumb -->

					<div class="entry-card-content">
						<header>
							<h2><a href="//wp-simplicity.com/facebook-like-widget/" class="entry-title entry-title-link" title="SimplicityのFacebookページ「いいね!」ウィジェットの使い方">SimplicityのFacebookページ「いいね!」ウィジェットの使い方</a></h2>
							<p class="post-meta">
								<span class="post-date"><span class="fa fa-clock-o fa-fw"></span><span class="published">2015/6/18</span></span>

								<span class="category"><span class="fa fa-folder fa-fw"></span><a href="//wp-simplicity.com/category/settings/" rel="category tag">設定いろいろ</a></span>


								<span class="comments">
          <span class="fa fa-comment"></span>
								<span class="comment-count">
            <a href="//wp-simplicity.com/facebook-like-widget/#reply-title" class="comment-count-link">0</a>
          </span>
								</span>

							</p>
							<!-- /.post-meta -->
						</header>
						<p class="entry-snippet"> Simplicity1.7.2にて、『Simplicity Facebookページ「いいね!」 』を追加しました。 このウィジェットを本...</p>

						<footer>
							<p class="entry-read"><a href="//wp-simplicity.com/facebook-like-widget/" class="entry-read-link">記事を読む</a></p>
						</footer>

					</div>
					<!-- /.entry-card-content -->
				</article>
				<article id="post-27194" class="entry cf entry-card post-27194 post type-post status-publish format-standard has-post-thumbnail category-settings">
					<figure class="entry-thumb">
						<a href="//wp-simplicity.com/singlur-widget-ads-setting/" class="entry-image entry-image-link" title="Simplicityの「投稿・固定ページ」にウィジェットのみでアドセンス広告を配置する設定例"><img src="//wp-simplicity.com/wp-content/uploads/2015/05/3422422550_cdc5a2a6b1_o1-150x150.jpg" class="entry-thumnail wp-post-image" alt="Simplicityの「投稿・固定ページ」にウィジェットのみでアドセンス広告を配置する設定例" srcset="//wp-simplicity.com/wp-content/uploads/2015/05/3422422550_cdc5a2a6b1_o1-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2015/05/3422422550_cdc5a2a6b1_o1-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2015/05/3422422550_cdc5a2a6b1_o1-150x150.jpg 150w"
								sizes="(max-width: 150px) 100vw, 150px" height="150" width="150"></a>
					</figure>
					<!-- /.entry-thumb -->

					<div class="entry-card-content">
						<header>
							<h2><a href="//wp-simplicity.com/singlur-widget-ads-setting/" class="entry-title entry-title-link" title="Simplicityの「投稿・固定ページ」にウィジェットのみでアドセンス広告を配置する設定例">Simplicityの「投稿・固定ページ」にウィジェットのみでアドセンス広告を配置する設定例</a></h2>
							<p class="post-meta">
								<span class="post-date"><span class="fa fa-clock-o fa-fw"></span><span class="published">2015/5/28</span></span>

								<span class="category"><span class="fa fa-folder fa-fw"></span><a href="//wp-simplicity.com/category/settings/" rel="category tag">設定いろいろ</a></span>


								<span class="comments">
          <span class="fa fa-comment"></span>
								<span class="comment-count">
            <a href="//wp-simplicity.com/singlur-widget-ads-setting/#reply-title" class="comment-count-link">0</a>
          </span>
								</span>

							</p>
							<!-- /.post-meta -->
						</header>
						<p class="entry-snippet"> Simplicity1.7.4にて、より手軽に広告を設定できるように広告専用ウィジェットを追加しました。 以下はその設定方法です。 ...</p>

						<footer>
							<p class="entry-read"><a href="//wp-simplicity.com/singlur-widget-ads-setting/" class="entry-read-link">記事を読む</a></p>
						</footer>

					</div>
					<!-- /.entry-card-content -->
				</article>
				<article id="post-23513" class="entry cf entry-card post-23513 post type-post status-publish format-standard has-post-thumbnail category-settings">
					<figure class="entry-thumb">
						<a href="//wp-simplicity.com/simplicity-known-bugs/" class="entry-image entry-image-link" title="Simplicityの既知の不具合と対応策まとめ"><img src="//wp-simplicity.com/wp-content/uploads/2015/03/d5de81719f60fae136753ece78e099561-150x150.jpg" class="entry-thumnail wp-post-image" alt="Simplicityの既知の不具合と対応策まとめ" srcset="//wp-simplicity.com/wp-content/uploads/2015/03/d5de81719f60fae136753ece78e099561-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2015/03/d5de81719f60fae136753ece78e099561-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2015/03/d5de81719f60fae136753ece78e099561-150x150.jpg 150w"
								sizes="(max-width: 150px) 100vw, 150px" height="150" width="150"></a>
					</figure>
					<!-- /.entry-thumb -->

					<div class="entry-card-content">
						<header>
							<h2><a href="//wp-simplicity.com/simplicity-known-bugs/" class="entry-title entry-title-link" title="Simplicityの既知の不具合と対応策まとめ">Simplicityの既知の不具合と対応策まとめ</a></h2>
							<p class="post-meta">
								<span class="post-date"><span class="fa fa-clock-o fa-fw"></span><span class="published">2015/3/12</span></span>

								<span class="category"><span class="fa fa-folder fa-fw"></span><a href="//wp-simplicity.com/category/settings/" rel="category tag">設定いろいろ</a></span>


								<span class="comments">
          <span class="fa fa-comment"></span>
								<span class="comment-count">
            <a href="//wp-simplicity.com/simplicity-known-bugs/#comments" class="comment-count-link">6</a>
          </span>
								</span>

							</p>
							<!-- /.post-meta -->
						</header>
						<p class="entry-snippet">
							現在、作者が確認していて、修正してない不具合はありません。 Simplicityは、ユーザーの方々からのフォーラムへの報告のおかげで、...
						</p>

						<footer>
							<p class="entry-read"><a href="//wp-simplicity.com/simplicity-known-bugs/" class="entry-read-link">記事を読む</a></p>
						</footer>

					</div>
					<!-- /.entry-card-content -->
				</article>
				<article id="post-23149" class="entry cf entry-card post-23149 post type-post status-publish format-standard has-post-thumbnail category-customizer category-settings">
					<figure class="entry-thumb">
						<a href="//wp-simplicity.com/how-to-use-blogcard/" class="entry-image entry-image-link" title="Simplicityのブログカードの使い方と注意点"><img src="//wp-simplicity.com/wp-content/uploads/2015/03/3840288471_0786ca7fe9_o1-150x150.jpg" class="entry-thumnail wp-post-image" alt="Simplicityのブログカードの使い方と注意点" srcset="//wp-simplicity.com/wp-content/uploads/2015/03/3840288471_0786ca7fe9_o1-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2015/03/3840288471_0786ca7fe9_o1-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2015/03/3840288471_0786ca7fe9_o1-150x150.jpg 150w"
								sizes="(max-width: 150px) 100vw, 150px" height="150" width="150"></a>
					</figure>
					<!-- /.entry-thumb -->

					<div class="entry-card-content">
						<header>
							<h2><a href="//wp-simplicity.com/how-to-use-blogcard/" class="entry-title entry-title-link" title="Simplicityのブログカードの使い方と注意点">Simplicityのブログカードの使い方と注意点</a></h2>
							<p class="post-meta">
								<span class="post-date"><span class="fa fa-clock-o fa-fw"></span><span class="published">2015/3/6</span></span>

								<span class="category"><span class="fa fa-folder fa-fw"></span><a href="//wp-simplicity.com/category/customizer/" rel="category tag">カスタマイザー設定</a>, <a href="//wp-simplicity.com/category/settings/" rel="category tag">設定いろいろ</a></span>


								<span class="comments">
          <span class="fa fa-comment"></span>
								<span class="comment-count">
            <a href="//wp-simplicity.com/how-to-use-blogcard/#reply-title" class="comment-count-link">0</a>
          </span>
								</span>

							</p>
							<!-- /.post-meta -->
						</header>
						<p class="entry-snippet"> Simplicityには、サイト内にある投稿・固定ページへのリンクをブログカード化できる機能が標準で備わっています。 ただ、フォーラムで使...</p>

						<footer>
							<p class="entry-read"><a href="//wp-simplicity.com/how-to-use-blogcard/" class="entry-read-link">記事を読む</a></p>
						</footer>

					</div>
					<!-- /.entry-card-content -->
				</article>
				<article id="post-18667" class="entry cf entry-card post-18667 post type-post status-publish format-standard has-post-thumbnail category-settings">
					<figure class="entry-thumb">
						<a href="//wp-simplicity.com/popular-widget-specification-change/" class="entry-image entry-image-link" title="Simplicityの「カテゴリ別人気記事」ウィジェットの使用を変更について"><img src="//wp-simplicity.com/wp-content/uploads/2015/01/14af9e8dda5638819ba1c2a6d46d05ca1-150x150.jpg" class="entry-thumnail wp-post-image" alt="Simplicityの「カテゴリ別人気記事」ウィジェットの使用を変更について" srcset="//wp-simplicity.com/wp-content/uploads/2015/01/14af9e8dda5638819ba1c2a6d46d05ca1-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2015/01/14af9e8dda5638819ba1c2a6d46d05ca1-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2015/01/14af9e8dda5638819ba1c2a6d46d05ca1-150x150.jpg 150w"
								sizes="(max-width: 150px) 100vw, 150px" height="150" width="150"></a>
					</figure>
					<!-- /.entry-thumb -->

					<div class="entry-card-content">
						<header>
							<h2><a href="//wp-simplicity.com/popular-widget-specification-change/" class="entry-title entry-title-link" title="Simplicityの「カテゴリ別人気記事」ウィジェットの使用を変更について">Simplicityの「カテゴリ別人気記事」ウィジェットの使用を変更について</a></h2>
							<p class="post-meta">
								<span class="post-date"><span class="fa fa-clock-o fa-fw"></span><span class="published">2015/1/28</span></span>

								<span class="category"><span class="fa fa-folder fa-fw"></span><a href="//wp-simplicity.com/category/settings/" rel="category tag">設定いろいろ</a></span>


								<span class="comments">
          <span class="fa fa-comment"></span>
								<span class="comment-count">
            <a href="//wp-simplicity.com/popular-widget-specification-change/#reply-title" class="comment-count-link">0</a>
          </span>
								</span>

							</p>
							<!-- /.post-meta -->
						</header>
						<p class="entry-snippet"> Simplicity1.4.5で、「カテゴリ別人気記事」ウィジェットの仕様を変更しました。 バージョンアップ案内でも書きましたが、サイト内...</p>

						<footer>
							<p class="entry-read"><a href="//wp-simplicity.com/popular-widget-specification-change/" class="entry-read-link">記事を読む</a></p>
						</footer>

					</div>
					<!-- /.entry-card-content -->
				</article>
				<div class="clear"></div>
			</div>
						
						<div id="post-44850" class="post-44850 post type-post status-publish format-standard has-post-thumbnail hentry category-news">
							<article class="article">


								<header>
									<h1 class="entry-title">Simplicity 2.5.2 親テーマstyle.scss & javascript.js</h1>
									<p class="post-meta">
										<span class="post-date">
											<span class="fa fa-clock-o fa-fw"></span>
											<span class="entry-date date published">2016/9/1</span>
										</span>
										<span class="post-update">
											<span class="fa fa-history fa-fw"></span>
											<time class="entry-date date updated" datetime="2016-09-03T15:53:27+00:00">2016/9/3</time>
										</span>
										<span class="category">
											<span class="fa fa-folder fa-fw"></span>
											<a href="//wp-simplicity.com/category/news/" rel="category tag">NEWS</a>
										</span>

										<span class="comments">
          						<span class="fa fa-comment"></span>
										<span class="comment-count">
            					<a href="//wp-simplicity.com/simplicity2-2-9/#reply-title" class="comment-count-link">0</a>
											</span>
										</span>


									</p>


									<div id="sns-group-top" class="sns-group sns-group-top">
										<div class="sns-buttons sns-buttons-pc">
											<p class="sns-share-msg">シェアする</p>
											<ul class="snsb snsb-balloon clearfix">
												<li class="balloon-btn twitter-balloon-btn">
													<span class="balloon-btn-set">
														<span class="arrow-box">
															<a href="//twitter.com/search?q=https%3A%2F%2Fwp-simplicity.com%2Fsimplicity2-2-9%2F&amp;related=MrYhira" target="blank" class="arrow-box-link twitter-arrow-box-link" rel="nofollow">
																<span class="social-count twitter-count">6</span>
															</a>
													</span>
													<a href="//twitter.com/share?text=Simplicity2.2.9%E5%85%AC%E9%96%8B%E3%80%82%E3%81%A1%E3%82%87%E3%81%A3%E3%81%A8%E3%81%97%E3%81%9F%E4%BB%95%E6%A7%98%E5%A4%89%E6%9B%B4%E3%81%AE%E3%81%BF%E3%80%82&amp;url=https%3A%2F%2Fwp-simplicity.com%2Fsimplicity2-2-9%2F&amp;related=MrYhira"
														target="blank" class="balloon-btn-link twitter-balloon-btn-link" rel="nofollow">
														<span class="icon-twitter"></span>
													</a>
													</span>
												</li>
												<li class="balloon-btn facebook-balloon-btn">
													<span class="balloon-btn-set">
        <span class="arrow-box">
          <a href="//www.facebook.com/sharer/sharer.php?u=//wp-simplicity.com/simplicity2-2-9/&amp;t=Simplicity2.2.9%E5%85%AC%E9%96%8B%E3%80%82%E3%81%A1%E3%82%87%E3%81%A3%E3%81%A8%E3%81%97%E3%81%9F%E4%BB%95%E6%A7%98%E5%A4%89%E6%9B%B4%E3%81%AE%E3%81%BF%E3%80%82" target="blank" class="arrow-box-link facebook-arrow-box-link" rel="nofollow">
            <span class="social-count facebook-count">0</span>
													</a>
													</span>
													<a href="//www.facebook.com/sharer/sharer.php?u=//wp-simplicity.com/simplicity2-2-9/&amp;t=Simplicity2.2.9%E5%85%AC%E9%96%8B%E3%80%82%E3%81%A1%E3%82%87%E3%81%A3%E3%81%A8%E3%81%97%E3%81%9F%E4%BB%95%E6%A7%98%E5%A4%89%E6%9B%B4%E3%81%AE%E3%81%BF%E3%80%82"
														target="blank" class="balloon-btn-link facebook-balloon-btn-link" rel="nofollow">
														<span class="icon-facebook"></span>
													</a>
													</span>
												</li>
												<li class="balloon-btn googleplus-balloon-btn">
													<span class="balloon-btn-set">
        <span class="arrow-box">
          <a href="//plus.google.com/share?url=https%3A%2F%2Fwp-simplicity.com%2Fsimplicity2-2-9%2F" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" target="blank" class="arrow-box-link googleplus-arrow-box-link" rel="nofollow">
            <span class="social-count googleplus-count">1</span>
													</a>
													</span>
													<a href="//plus.google.com/share?url=https%3A%2F%2Fwp-simplicity.com%2Fsimplicity2-2-9%2F" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" target="blank" class="balloon-btn-link googleplus-balloon-btn-link"
														rel="nofollow">
														<span class="icon-googleplus"></span>
													</a>
													</span>
												</li>
												<li class="balloon-btn hatena-balloon-btn">
													<span class="balloon-btn-set">
        <span class="arrow-box">
          <a href="//b.hatena.ne.jp/entry/s/wp-simplicity.com/simplicity2-2-9/" target="blank" class="arrow-box-link hatena-arrow-box-link" rel="nofollow">
            <span class="social-count hatebu-count">0</span>
													</a>
													</span>
													<a data-hatena-bookmark-initialized="1" href="//b.hatena.ne.jp/entry/s/wp-simplicity.com/simplicity2-2-9/" target="blank" class="hatena-bookmark-button balloon-btn-link hatena-balloon-btn-link" data-hatena-bookmark-layout="simple" title="Simplicity2.2.9公開。ちょっとした仕様変更のみ。"
														rel="nofollow">
														<span class="icon-hatena"></span>
													</a>
													</span>
												</li>
												<li class="balloon-btn pocket-balloon-btn">
													<span class="balloon-btn-set">
        <span class="arrow-box">
          <a href="//getpocket.com/edit?url=//wp-simplicity.com/simplicity2-2-9/" target="blank" class="arrow-box-link pocket-arrow-box-link" rel="nofollow">
            <span class="social-count pocket-count">1</span>
													</a>
													</span>
													<a href="//getpocket.com/edit?url=//wp-simplicity.com/simplicity2-2-9/" target="blank" class="balloon-btn-link pocket-balloon-btn-link" rel="nofollow">
														<span class="icon-pocket"></span>
													</a>
													</span>
												</li>
												<li class="balloon-btn evernote-balloon-btn">
													<span class="balloon-btn-set">
        <span class="arrow-box">
          <a href="#" onclick="Evernote.doClip({url:'//wp-simplicity.com/simplicity2-2-9/',
    providerName:'Simplicity',
    title:'Simplicity2.2.9公開。ちょっとした仕様変更のみ。',
    contentId:'the-content',
    }); return false;" target="blank" class="arrow-box-link evernote-arrow-box-link" rel="nofollow">
            CLIP!
          </a>
        </span>
													<a href="#" onclick="Evernote.doClip({url:'//wp-simplicity.com/simplicity2-2-9/',
    providerName:'Simplicity',
    title:'Simplicity2.2.9公開。ちょっとした仕様変更のみ。',
    contentId:'the-content',
    }); return false;" target="blank" class="balloon-btn-link evernote-balloon-btn-link" rel="nofollow">
														<span class="icon-evernote"></span>
													</a>
													</span>
												</li>
												<li class="balloon-btn push7-balloon-btn">
													<span class="balloon-btn-set">
            <span class="arrow-box">
              <a href="//simplicity.app.push7.jp" target="blank" class="arrow-box-link push7-arrow-box-link" rel="nofollow">
                <span class="social-count push7-count">86</span>
													</a>
													</span>
													<a href="//simplicity.app.push7.jp" target="blank" class="balloon-btn-link push7-balloon-btn-link" rel="nofollow">
														<span class="icon-push7"></span>
													</a>
													</span>
												</li>
												<li class="balloon-btn feedly-balloon-btn">
													<span class="balloon-btn-set">
        <span class="arrow-box">
          <a href="//feedly.com/index.html#subscription%2Ffeed%2F//wp-simplicity.com/feed/" target="blank" class="arrow-box-link feedly-arrow-box-link" rel="nofollow">
            <span class="social-count feedly-count">460</span>
													</a>
													</span>
													<a href="//feedly.com/index.html#subscription%2Ffeed%2F//wp-simplicity.com/feed/" target="blank" class="balloon-btn-link feedly-balloon-btn-link" rel="nofollow">
														<span class="icon-feedly"></span>
													</a>
													</span>
												</li>
											</ul>
										</div>
									</div>
									<div class="clear"></div>

								</header>

<figure class="eye-catch">
	<img title="" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" alt="" src="//wp-simplicity.com/wp-content/uploads/2016/09/pexels-photo-94616-large.jpg" height="453" width="680">
								</figure>
								<div id="the-content" class="entry-content">
									<h1>見出し1 heading1</h1>
									<h2>見出し2 heading2</h2>
									<h3>見出し3 heading3</h3>
									<h4>見出し4 heading4</h4>
									<h5>見出し5 heading5</h5>
									<h6>見出し6 heading6</h6>
									
									<p>Simplicityを2.2.9にバージョンアップしました。</p>
									<p>主な変更点は以下。</p>
									<ol>
										<li>検索結果数が0の場合はアドセンスを表示しないように処理を追加(<a href="//wp-simplicity.com/suport/topic/%e6%a4%9c%e7%b4%a2%e7%b5%90%e6%9e%9c%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ab%e5%ba%83%e5%91%8a%e3%82%92%e6%8e%b2%e8%bc%89%e3%81%97%e3%81%aa%e3%81%84%e6%96%b9%e6%b3%95/"
												target="_blank" class="liexternal">詳細</a>)
										</li>
										<li>タグページに対するブログカード機能の仕様変更(<a href="//wp-simplicity.com/suport/topic/%e6%a4%9c%e7%b4%a2%e7%b5%90%e6%9e%9c%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ab%e5%ba%83%e5%91%8a%e3%82%92%e6%8e%b2%e8%bc%89%e3%81%97%e3%81%aa%e3%81%84%e6%96%b9%e6%b3%95/" target="_blank"
												class="liexternal">詳細</a>)
										</li>
										<li>テーマカスタマイザー「外部サイトデータ取得時にSSL検証を行う」機能の親項目を「その他項目」に変更
										</li>
										<li>is_ads_visible関数をオーバーライドできるように変更
										</li>
										<li>[修正d]JavaScriptでFacebookシェア数を取得する時の不具合修正(<a 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/"
												target="_blank" class="liexternal">詳細</a>)</li>
									</ol>
									<div id="widget-in-article" class="widgets"> </div>
									<h2>変更の補足説明</h2>
									<h3>アドセンス表示の変更</h3>
									<p>検索ページで、検索結果が0の場合、アドセンス等広告をテーマ側から表示しないように仕様変更しました。</p>
									<p>詳しくは以下。</p>
									<div class="blog-card internal-blog-card blog-card-thumbnail-right blog-card-wide cf">
										<div class="blog-card-thumbnail">
											<a href="//wp-simplicity.com/suport/topic/%e6%a4%9c%e7%b4%a2%e7%b5%90%e6%9e%9c%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ab%e5%ba%83%e5%91%8a%e3%82%92%e6%8e%b2%e8%bc%89%e3%81%97%e3%81%aa%e3%81%84%e6%96%b9%e6%b3%95/" class="blog-card-thumbnail-link"><img src="//wp-simplicity.com/wp-content/themes/simplicity2/images/no-image.png" alt="検索結果ページに広告を掲載しない方法" class="blog-card-thumb-image"></a>
										</div>
										<div class="blog-card-content">
											<div class="blog-card-title"><a href="//wp-simplicity.com/suport/topic/%e6%a4%9c%e7%b4%a2%e7%b5%90%e6%9e%9c%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ab%e5%ba%83%e5%91%8a%e3%82%92%e6%8e%b2%e8%bc%89%e3%81%97%e3%81%aa%e3%81%84%e6%96%b9%e6%b3%95/" class="blog-card-title-link">検索結果ページに広告を掲載しない方法</a></div>
											<div class="blog-card-excerpt">はじめまして。 広告(アドセンス)の設置についてご質問になります。 サイドバー右上にある検索ボックスで検索した際に表示される、検索結果ペー...

											</div>
										</div>
										<div class="blog-card-footer">
											<div class="blog-card-site"><span class="blog-card-favicon"><img src="//www.google.com/s2/favicons?domain=wp-simplicity.com" class="blog-card-favicon-img" alt=""></span>wp-simplicity.com</div>
											<div class="blog-card-hatebu">
												<a href="//b.hatena.ne.jp/entry///wp-simplicity.com/suport/topic/%e6%a4%9c%e7%b4%a2%e7%b5%90%e6%9e%9c%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ab%e5%ba%83%e5%91%8a%e3%82%92%e6%8e%b2%e8%bc%89%e3%81%97%e3%81%aa%e3%81%84%e6%96%b9%e6%b3%95/" rel="nofollow"><img src="//b.hatena.ne.jp/entry/image///wp-simplicity.com/suport/topic/%e6%a4%9c%e7%b4%a2%e7%b5%90%e6%9e%9c%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ab%e5%ba%83%e5%91%8a%e3%82%92%e6%8e%b2%e8%bc%89%e3%81%97%e3%81%aa%e3%81%84%e6%96%b9%e6%b3%95/"
														alt=""></a>
											</div>
											<div class="blog-card-date">2016-08-29 11:43</div>
										</div>
									</div>
									<p>以前のままでも、取り立てて問題はないと思うのですが、ポリシー違反となる可能性を少しでも排除しておこうと。</p>
									<h3>タグページ用の出力</h3>
									<p>タグページ用に、OGP、Twitterカードの出力を変更しました。</p>
									<p>詳しくは以下。</p>
									<div class="blog-card internal-blog-card blog-card-thumbnail-right blog-card-wide cf">
										<div class="blog-card-thumbnail">
											<a href="//wp-simplicity.com/suport/topic/%e6%a4%9c%e7%b4%a2%e7%b5%90%e6%9e%9c%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ab%e5%ba%83%e5%91%8a%e3%82%92%e6%8e%b2%e8%bc%89%e3%81%97%e3%81%aa%e3%81%84%e6%96%b9%e6%b3%95/" class="blog-card-thumbnail-link"><img src="//wp-simplicity.com/wp-content/themes/simplicity2/images/no-image.png" alt="検索結果ページに広告を掲載しない方法" class="blog-card-thumb-image"></a>
										</div>
										<div class="blog-card-content">
											<div class="blog-card-title"><a href="//wp-simplicity.com/suport/topic/%e6%a4%9c%e7%b4%a2%e7%b5%90%e6%9e%9c%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ab%e5%ba%83%e5%91%8a%e3%82%92%e6%8e%b2%e8%bc%89%e3%81%97%e3%81%aa%e3%81%84%e6%96%b9%e6%b3%95/" class="blog-card-title-link">検索結果ページに広告を掲載しない方法</a></div>
											<div class="blog-card-excerpt">はじめまして。 広告(アドセンス)の設置についてご質問になります。 サイドバー右上にある検索ボックスで検索した際に表示される、検索結果ペー...

											</div>
										</div>
										<div class="blog-card-footer">
											<div class="blog-card-site"><span class="blog-card-favicon"><img src="//www.google.com/s2/favicons?domain=wp-simplicity.com" class="blog-card-favicon-img" alt=""></span>wp-simplicity.com</div>
											<div class="blog-card-hatebu">
												<a href="//b.hatena.ne.jp/entry///wp-simplicity.com/suport/topic/%e6%a4%9c%e7%b4%a2%e7%b5%90%e6%9e%9c%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ab%e5%ba%83%e5%91%8a%e3%82%92%e6%8e%b2%e8%bc%89%e3%81%97%e3%81%aa%e3%81%84%e6%96%b9%e6%b3%95/" rel="nofollow"><img src="//b.hatena.ne.jp/entry/image///wp-simplicity.com/suport/topic/%e6%a4%9c%e7%b4%a2%e7%b5%90%e6%9e%9c%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ab%e5%ba%83%e5%91%8a%e3%82%92%e6%8e%b2%e8%bc%89%e3%81%97%e3%81%aa%e3%81%84%e6%96%b9%e6%b3%95/"
														alt=""></a>
											</div>
											<div class="blog-card-date">2016-08-29 11:43</div>
										</div>
									</div>
									<p>これは、タグページをブログカード表示させるための対策です。</p>
									<p>あと、タグページ用の、メタディスクリプション、メタキーワードも出力するようにしておきました。ただ、Simplicityのデフォルト機能で、タグページはnoindexにしているので、あまり意味はないです。なので、これはタグページを外部ブログカード化してもらうときに、ちゃんとした内容が表示される用の仕様変更です。</p>
									<h2>あとがき</h2>
									<p>今回は、取り立てて大きな機能追加や、仕様変更はありません。</p>
								</div>

								<footer>
									<!-- ページリンク -->

									<!-- 文章下広告 -->

									<div id="sns-group" class="sns-group sns-group-bottom">
										<div class="sns-buttons sns-buttons-pc">
											<p class="sns-share-msg">シェアする</p>
											<ul class="snsb snsb-balloon clearfix">
												<li class="balloon-btn twitter-balloon-btn">
													<span class="balloon-btn-set">
        <span class="arrow-box">
          <a href="//twitter.com/search?q=https%3A%2F%2Fwp-simplicity.com%2Fsimplicity2-2-9%2F&amp;related=MrYhira" target="blank" class="arrow-box-link twitter-arrow-box-link" rel="nofollow">
            <span class="social-count twitter-count">6</span>
													</a>
													</span>
													<a href="//twitter.com/share?text=Simplicity2.2.9%E5%85%AC%E9%96%8B%E3%80%82%E3%81%A1%E3%82%87%E3%81%A3%E3%81%A8%E3%81%97%E3%81%9F%E4%BB%95%E6%A7%98%E5%A4%89%E6%9B%B4%E3%81%AE%E3%81%BF%E3%80%82&amp;url=https%3A%2F%2Fwp-simplicity.com%2Fsimplicity2-2-9%2F&amp;related=MrYhira"
														target="blank" class="balloon-btn-link twitter-balloon-btn-link" rel="nofollow">
														<span class="icon-twitter"></span>
													</a>
													</span>
												</li>
												<li class="balloon-btn facebook-balloon-btn">
													<span class="balloon-btn-set">
        <span class="arrow-box">
          <a href="//www.facebook.com/sharer/sharer.php?u=//wp-simplicity.com/simplicity2-2-9/&amp;t=Simplicity2.2.9%E5%85%AC%E9%96%8B%E3%80%82%E3%81%A1%E3%82%87%E3%81%A3%E3%81%A8%E3%81%97%E3%81%9F%E4%BB%95%E6%A7%98%E5%A4%89%E6%9B%B4%E3%81%AE%E3%81%BF%E3%80%82" target="blank" class="arrow-box-link facebook-arrow-box-link" rel="nofollow">
            <span class="social-count facebook-count">0</span>
													</a>
													</span>
													<a href="//www.facebook.com/sharer/sharer.php?u=//wp-simplicity.com/simplicity2-2-9/&amp;t=Simplicity2.2.9%E5%85%AC%E9%96%8B%E3%80%82%E3%81%A1%E3%82%87%E3%81%A3%E3%81%A8%E3%81%97%E3%81%9F%E4%BB%95%E6%A7%98%E5%A4%89%E6%9B%B4%E3%81%AE%E3%81%BF%E3%80%82"
														target="blank" class="balloon-btn-link facebook-balloon-btn-link" rel="nofollow">
														<span class="icon-facebook"></span>
													</a>
													</span>
												</li>
												<li class="balloon-btn googleplus-balloon-btn">
													<span class="balloon-btn-set">
        <span class="arrow-box">
          <a href="//plus.google.com/share?url=https%3A%2F%2Fwp-simplicity.com%2Fsimplicity2-2-9%2F" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" target="blank" class="arrow-box-link googleplus-arrow-box-link" rel="nofollow">
            <span class="social-count googleplus-count">1</span>
													</a>
													</span>
													<a href="//plus.google.com/share?url=https%3A%2F%2Fwp-simplicity.com%2Fsimplicity2-2-9%2F" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" target="blank" class="balloon-btn-link googleplus-balloon-btn-link"
														rel="nofollow">
														<span class="icon-googleplus"></span>
													</a>
													</span>
												</li>
												<li class="balloon-btn hatena-balloon-btn">
													<span class="balloon-btn-set">
        <span class="arrow-box">
          <a href="//b.hatena.ne.jp/entry/s/wp-simplicity.com/simplicity2-2-9/" target="blank" class="arrow-box-link hatena-arrow-box-link" rel="nofollow">
            <span class="social-count hatebu-count">0</span>
													</a>
													</span>
													<a data-hatena-bookmark-initialized="1" href="//b.hatena.ne.jp/entry/s/wp-simplicity.com/simplicity2-2-9/" target="blank" class="hatena-bookmark-button balloon-btn-link hatena-balloon-btn-link" data-hatena-bookmark-layout="simple" title="Simplicity2.2.9公開。ちょっとした仕様変更のみ。"
														rel="nofollow">
														<span class="icon-hatena"></span>
													</a>
													</span>
												</li>
												<li class="balloon-btn pocket-balloon-btn">
													<span class="balloon-btn-set">
        <span class="arrow-box">
          <a href="//getpocket.com/edit?url=//wp-simplicity.com/simplicity2-2-9/" target="blank" class="arrow-box-link pocket-arrow-box-link" rel="nofollow">
            <span class="social-count pocket-count">1</span>
													</a>
													</span>
													<a href="//getpocket.com/edit?url=//wp-simplicity.com/simplicity2-2-9/" target="blank" class="balloon-btn-link pocket-balloon-btn-link" rel="nofollow">
														<span class="icon-pocket"></span>
													</a>
													</span>
												</li>
												<li class="balloon-btn evernote-balloon-btn">
													<span class="balloon-btn-set">
        <span class="arrow-box">
          <a href="#" onclick="Evernote.doClip({url:'//wp-simplicity.com/simplicity2-2-9/',
    providerName:'Simplicity',
    title:'Simplicity2.2.9公開。ちょっとした仕様変更のみ。',
    contentId:'the-content',
    }); return false;" target="blank" class="arrow-box-link evernote-arrow-box-link" rel="nofollow">
            CLIP!
          </a>
        </span>
													<a href="#" onclick="Evernote.doClip({url:'//wp-simplicity.com/simplicity2-2-9/',
    providerName:'Simplicity',
    title:'Simplicity2.2.9公開。ちょっとした仕様変更のみ。',
    contentId:'the-content',
    }); return false;" target="blank" class="balloon-btn-link evernote-balloon-btn-link" rel="nofollow">
														<span class="icon-evernote"></span>
													</a>
													</span>
												</li>
												<li class="balloon-btn push7-balloon-btn">
													<span class="balloon-btn-set">
            <span class="arrow-box">
              <a href="//simplicity.app.push7.jp" target="blank" class="arrow-box-link push7-arrow-box-link" rel="nofollow">
                <span class="social-count push7-count">86</span>
													</a>
													</span>
													<a href="//simplicity.app.push7.jp" target="blank" class="balloon-btn-link push7-balloon-btn-link" rel="nofollow">
														<span class="icon-push7"></span>
													</a>
													</span>
												</li>
												<li class="balloon-btn feedly-balloon-btn">
													<span class="balloon-btn-set">
        <span class="arrow-box">
          <a href="//feedly.com/index.html#subscription%2Ffeed%2F//wp-simplicity.com/feed/" target="blank" class="arrow-box-link feedly-arrow-box-link" rel="nofollow">
            <span class="social-count feedly-count">460</span>
													</a>
													</span>
													<a href="//feedly.com/index.html#subscription%2Ffeed%2F//wp-simplicity.com/feed/" target="blank" class="balloon-btn-link feedly-balloon-btn-link" rel="nofollow">
														<span class="icon-feedly"></span>
													</a>
													</span>
												</li>
											</ul>
										</div>

										<!-- 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 id="widget-under-sns-buttons" class="widgets">
										<div id="text-25" class="widget-under-sns-buttons widget_text">
											<div class="textwidget"></div>
										</div>
										<div id="text-22" class="widget-under-sns-buttons widget_text">
											<div class="textwidget">
												<p><a href="//twitter.com/MrYhira" class="twitter-follow-button" data-show-count="true" data-lang="ja" data-size="large">@MrYhiraさんをフォロー</a>
													<script>
														!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
													</script>
												</p>
											</div>
										</div>
										
										
										<div id="facebook_page_like-2" class="widget-under-sns-buttons 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: 566px;" 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><span style="color: #F27C8E;font-weight: bold;font-size: 1.1em;">いいね</span>してチェックしよう! </div>
													</div>
												</div>
												<div class="clear"></div>
											</div>
										</div>
									</div>

									<p class="footer-post-meta">

										<span class="post-tag"></span>

										<span class="post-author vcard author"><span class="fn"><span class="fa fa-user fa-fw"></span><a href="//wp-simplicity.com/author/simplicity/">わいひら</a>
										</span>
										</span>


									</p>
								</footer>
							</article>
							<!-- .article -->
						</div>
						<!-- .post -->

						<div id="under-entry-body">

							<aside id="related-entries">
								<h2>関連記事</h2>
								<article class="related-entry cf">
									<div class="related-entry-thumb">
										<a href="//wp-simplicity.com/simplicity1-2-9/" title="Simplicity1.2.9公開。2つの機能追加と大幅調整。">
											<img src="//wp-simplicity.com/wp-content/uploads/2014/11/oIpwxeeSPy1cnwYpqJ1w_Dufer-Collateral-test-1400x11361-100x100.jpg" class="related-entry-thumb-image wp-post-image" alt="Simplicity1.2.9公開。2つの機能追加と大幅調整。" srcset="//wp-simplicity.com/wp-content/uploads/2014/11/oIpwxeeSPy1cnwYpqJ1w_Dufer-Collateral-test-1400x11361-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2014/11/oIpwxeeSPy1cnwYpqJ1w_Dufer-Collateral-test-1400x11361-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2014/11/oIpwxeeSPy1cnwYpqJ1w_Dufer-Collateral-test-1400x11361-150x150.jpg 150w"
												sizes="(max-width: 100px) 100vw, 100px" height="100" width="100"> </a>
									</div>
									<!-- /.related-entry-thumb -->

									<div class="related-entry-content">
										<header>
											<h3 class="related-entry-title">
        <a href="//wp-simplicity.com/simplicity1-2-9/" class="related-entry-title-link" title="Simplicity1.2.9公開。2つの機能追加と大幅調整。">
        Simplicity1.2.9公開。2つの機能追加と大幅調整。        </a></h3>
										</header>
										<p class="related-entry-snippet">
											Simplicityをバージョンアップしました。 今回は、機能追加もありますが、不具合箇所の修正と、よりカスタマイズがしやすいよう、と...</p>

										<footer>
											<p class="related-entry-read"><a href="//wp-simplicity.com/simplicity1-2-9/">記事を読む</a></p>
										</footer>

									</div>
									<!-- /.related-entry-content -->
								</article>
								<!-- /.elated-entry -->
								<article class="related-entry cf">
									<div class="related-entry-thumb">
										<a href="//wp-simplicity.com/1_2_0-to-1_3_0/" title="Simplicity1.2→1.3の変更点まとめ">
											<img src="//wp-simplicity.com/wp-content/uploads/2014/11/IMG_7779-1300x8661-100x100.jpg" class="related-entry-thumb-image wp-post-image" alt="Simplicity1.2→1.3の変更点まとめ" srcset="//wp-simplicity.com/wp-content/uploads/2014/11/IMG_7779-1300x8661-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2014/11/IMG_7779-1300x8661-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2014/11/IMG_7779-1300x8661-150x150.jpg 150w"
												sizes="(max-width: 100px) 100vw, 100px" height="100" width="100"> </a>
									</div>
									<!-- /.related-entry-thumb -->

									<div class="related-entry-content">
										<header>
											<h3 class="related-entry-title">
        								<a href="//wp-simplicity.com/1_2_0-to-1_3_0/" class="related-entry-title-link" title="Simplicity1.2→1.3の変更点まとめ">Simplicity1.2→1.3の変更点まとめ</a>
											</h3>
										</header>
										<p class="related-entry-snippet">先日、Simplicity1.3を公開しました。 ですので、この辺で1.2→1.3の変更点をまとめておきたいと思います。 前回、1....</p>

										<footer>
											<p class="related-entry-read"><a href="//wp-simplicity.com/1_2_0-to-1_3_0/">記事を読む</a></p>
										</footer>

									</div>
									<!-- /.related-entry-content -->
								</article>
								<!-- /.elated-entry -->
								<article class="related-entry cf">
									<div class="related-entry-thumb">
										<a href="//wp-simplicity.com/simplicity-1-9-3l/" title="【重要】WordPressを4.4にアップデートする場合はSimplicityのバージョンを1.93l以上の利用を推奨します。4.4でtitleタグの仕様が変わりました。">
											<img src="//wp-simplicity.com/wp-content/uploads/2015/12/light-christmas-lighting-decoration-1-100x100.jpg" class="related-entry-thumb-image wp-post-image" alt="【重要】WordPressを4.4にアップデートする場合はSimplicityのバージョンを1.93l以上の利用を推奨します。4.4でtitleタグの仕様が変わりました。"
												srcset="//wp-simplicity.com/wp-content/uploads/2015/12/light-christmas-lighting-decoration-1-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2015/12/light-christmas-lighting-decoration-1-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2015/12/light-christmas-lighting-decoration-1-150x150.jpg 150w"
												sizes="(max-width: 100px) 100vw, 100px" height="100" width="100"> </a>
									</div>
									<!-- /.related-entry-thumb -->

									<div class="related-entry-content">
										<header>
											<h3 class="related-entry-title">
        <a href="//wp-simplicity.com/simplicity-1-9-3l/" class="related-entry-title-link" title="【重要】WordPressを4.4にアップデートする場合はSimplicityのバージョンを1.93l以上の利用を推奨します。4.4でtitleタグの仕様が変わりました。">
        【重要】WordPressを4.4にアップデートする場合はSimplicityのバージョンを1.93l以上の利用を推奨します。4.4でtitleタグの仕様が変わりました。        </a></h3>
										</header>
										<p class="related-entry-snippet">
											フォーラムにて、以下の不具合報告をいただきました。 Wordpress4.4でwp_title関数が非推奨に Wordpress4.1で...</p>

										<footer>
											<p class="related-entry-read"><a href="//wp-simplicity.com/simplicity-1-9-3l/">記事を読む</a></p>
										</footer>

									</div>
									<!-- /.related-entry-content -->
								</article>
								<!-- /.elated-entry -->
								<article class="related-entry cf">
									<div class="related-entry-thumb">
										<a href="//wp-simplicity.com/simplicity1-8-2/" title="Simplicity1.8.2公開。ページごとにnoindex、nofollowを設定できる機能を追加。">
											<img src="//wp-simplicity.com/wp-content/uploads/2015/08/Coverr-lamp1-100x100.jpg" class="related-entry-thumb-image wp-post-image" alt="Simplicity1.8.2公開。ページごとにnoindex、nofollowを設定できる機能を追加。" srcset="//wp-simplicity.com/wp-content/uploads/2015/08/Coverr-lamp1-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2015/08/Coverr-lamp1-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2015/08/Coverr-lamp1-150x150.jpg 150w"
												sizes="(max-width: 100px) 100vw, 100px" height="100" width="100"> </a>
									</div>
									<!-- /.related-entry-thumb -->

									<div class="related-entry-content">
										<header>
											<h3 class="related-entry-title">
        <a href="//wp-simplicity.com/simplicity1-8-2/" class="related-entry-title-link" title="Simplicity1.8.2公開。ページごとにnoindex、nofollowを設定できる機能を追加。">
        Simplicity1.8.2公開。ページごとにnoindex、nofollowを設定できる機能を追加。        </a></h3>
										</header>
										<p class="related-entry-snippet">


											Simplicityを1.8.2 20150809にバージョンアップしました。 今回の主な変更点は以下。 投稿・固定ペ...

										</p>

										<footer>
											<p class="related-entry-read"><a href="//wp-simplicity.com/simplicity1-8-2/">記事を読む</a></p>
										</footer>

									</div>
									<!-- /.related-entry-content -->
								</article>
								<!-- /.elated-entry -->
								<article class="related-entry cf">
									<div class="related-entry-thumb">
										<a href="//wp-simplicity.com/simplicity1-6-3/" title="Simplicity1.6.3公開。はてブ・LINE@フォローボタンを追加。">
											<img src="//wp-simplicity.com/wp-content/uploads/2015/04/iphone-6-macro-800x5331-100x100.jpg" class="related-entry-thumb-image wp-post-image" alt="Simplicity1.6.3公開。はてブ・LINE@フォローボタンを追加。" srcset="//wp-simplicity.com/wp-content/uploads/2015/04/iphone-6-macro-800x5331-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2015/04/iphone-6-macro-800x5331-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2015/04/iphone-6-macro-800x5331-150x150.jpg 150w"
												sizes="(max-width: 100px) 100vw, 100px" height="100" width="100"> </a>
									</div>
									<!-- /.related-entry-thumb -->

									<div class="related-entry-content">
										<header>
											<h3 class="related-entry-title">
        <a href="//wp-simplicity.com/simplicity1-6-3/" class="related-entry-title-link" title="Simplicity1.6.3公開。はてブ・LINE@フォローボタンを追加。">
        Simplicity1.6.3公開。はてブ・LINE@フォローボタンを追加。        </a></h3>
										</header>
										<p class="related-entry-snippet">
											Simplicityを1.6.3 20150417にバージョンアップしました。 今回の主な変更点は以下。 はてブフォローボタンを追加 ...</p>

										<footer>
											<p class="related-entry-read"><a href="//wp-simplicity.com/simplicity1-6-3/">記事を読む</a></p>
										</footer>

									</div>
									<!-- /.related-entry-content -->
								</article>
								<!-- /.elated-entry -->
								<article class="related-entry cf">
									<div class="related-entry-thumb">
										<a href="//wp-simplicity.com/simplicity1-9-2/" title="Simplicity1.9.2公開。Twitterボタンの仕様変更に対応、不具合修正。">
											<img src="//wp-simplicity.com/wp-content/uploads/2015/11/light-sky-love-clouds-large1-100x100.jpg" class="related-entry-thumb-image wp-post-image" alt="Simplicity1.9.2公開。Twitterボタンの仕様変更に対応、不具合修正。" srcset="//wp-simplicity.com/wp-content/uploads/2015/11/light-sky-love-clouds-large1-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2015/11/light-sky-love-clouds-large1-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2015/11/light-sky-love-clouds-large1-150x150.jpg 150w"
												sizes="(max-width: 100px) 100vw, 100px" height="100" width="100"> </a>
									</div>
									<!-- /.related-entry-thumb -->

									<div class="related-entry-content">
										<header>
											<h3 class="related-entry-title">
        <a href="//wp-simplicity.com/simplicity1-9-2/" class="related-entry-title-link" title="Simplicity1.9.2公開。Twitterボタンの仕様変更に対応、不具合修正。">
        Simplicity1.9.2公開。Twitterボタンの仕様変更に対応、不具合修正。        </a></h3>
										</header>
										<p class="related-entry-snippet">
											Simplicityを1.9.2 20151120にバージョンアップしました。 今回は、Twitterのツイートボタン刷新があったので、取...</p>

										<footer>
											<p class="related-entry-read"><a href="//wp-simplicity.com/simplicity1-9-2/">記事を読む</a></p>
										</footer>

									</div>
									<!-- /.related-entry-content -->
								</article>
								<!-- /.elated-entry -->
								<article class="related-entry cf">
									<div class="related-entry-thumb">
										<a href="//wp-simplicity.com/simplicity1-8/" title="Simplicity1.8安定版公開。1.7→1.8変更点まとめ。">
											<img src="//wp-simplicity.com/wp-content/uploads/2015/07/spieker-11-100x100.jpg" class="related-entry-thumb-image wp-post-image" alt="Simplicity1.8安定版公開。1.7→1.8変更点まとめ。" srcset="//wp-simplicity.com/wp-content/uploads/2015/07/spieker-11-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2015/07/spieker-11-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2015/07/spieker-11-150x150.jpg 150w"
												sizes="(max-width: 100px) 100vw, 100px" height="100" width="100"> </a>
									</div>
									<!-- /.related-entry-thumb -->

									<div class="related-entry-content">
										<header>
											<h3 class="related-entry-title">
        <a href="//wp-simplicity.com/simplicity1-8/" class="related-entry-title-link" title="Simplicity1.8安定版公開。1.7→1.8変更点まとめ。">
        Simplicity1.8安定版公開。1.7→1.8変更点まとめ。        </a></h3>
										</header>
										<p class="related-entry-snippet">
											Simplicity1.8.0を安定版としました。 気づいた不具合や、報告のあった不具合は全て修正したので公開です。 1.8.1からまた開...</p>

										<footer>
											<p class="related-entry-read"><a href="//wp-simplicity.com/simplicity1-8/">記事を読む</a></p>
										</footer>

									</div>
									<!-- /.related-entry-content -->
								</article>
								<!-- /.elated-entry -->
								<article class="related-entry cf">
									<div class="related-entry-thumb">
										<a href="//wp-simplicity.com/simplicity1-8-4/" title="Simplicity1.8.4公開。記事公開前にアラートで確認できる機能追加、あとは不具合修正など。">
											<img src="//wp-simplicity.com/wp-content/uploads/2015/08/light-banner-dirty-festive-large1-100x100.jpg" class="related-entry-thumb-image wp-post-image" alt="Simplicity1.8.4公開。記事公開前にアラートで確認できる機能追加、あとは不具合修正など。" srcset="//wp-simplicity.com/wp-content/uploads/2015/08/light-banner-dirty-festive-large1-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2015/08/light-banner-dirty-festive-large1-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2015/08/light-banner-dirty-festive-large1-150x150.jpg 150w"
												sizes="(max-width: 100px) 100vw, 100px" height="100" width="100"> </a>
									</div>
									<!-- /.related-entry-thumb -->

									<div class="related-entry-content">
										<header>
											<h3 class="related-entry-title">
        <a href="//wp-simplicity.com/simplicity1-8-4/" class="related-entry-title-link" title="Simplicity1.8.4公開。記事公開前にアラートで確認できる機能追加、あとは不具合修正など。">
        Simplicity1.8.4公開。記事公開前にアラートで確認できる機能追加、あとは不具合修正など。        </a></h3>
										</header>
										<p class="related-entry-snippet">
											Simplicityを1.8.4 20150824にバージョンアップしました。 今回の主な変更点は以下。 記事の投稿前に確認のアラートを...</p>

										<footer>
											<p class="related-entry-read"><a href="//wp-simplicity.com/simplicity1-8-4/">記事を読む</a></p>
										</footer>

									</div>
									<!-- /.related-entry-content -->
								</article>
								<!-- /.elated-entry -->
								<article class="related-entry cf">
									<div class="related-entry-thumb">
										<a href="//wp-simplicity.com/simplicity1-6-4/" title="Simplicity1.6.4公開。モバイル・PCそれぞれのみで表示されるウィジェット機能追加。">
											<img src="//wp-simplicity.com/wp-content/uploads/2015/04/HNCK5322-1300x8671-100x100.jpg" class="related-entry-thumb-image wp-post-image" alt="Simplicity1.6.4公開。モバイル・PCそれぞれのみで表示されるウィジェット機能追加。" srcset="//wp-simplicity.com/wp-content/uploads/2015/04/HNCK5322-1300x8671-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2015/04/HNCK5322-1300x8671-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2015/04/HNCK5322-1300x8671-150x150.jpg 150w"
												sizes="(max-width: 100px) 100vw, 100px" height="100" width="100"> </a>
									</div>
									<!-- /.related-entry-thumb -->

									<div class="related-entry-content">
										<header>
											<h3 class="related-entry-title">
        <a href="//wp-simplicity.com/simplicity1-6-4/" class="related-entry-title-link" title="Simplicity1.6.4公開。モバイル・PCそれぞれのみで表示されるウィジェット機能追加。">
        Simplicity1.6.4公開。モバイル・PCそれぞれのみで表示されるウィジェット機能追加。        </a></h3>
										</header>
										<p class="related-entry-snippet">
											Simplicityを1.6.4 20150428にバージョンアップしました。 今回の主な変更点は以下。 「モバイル用テキストウィジェッ...</p>

										<footer>
											<p class="related-entry-read"><a href="//wp-simplicity.com/simplicity1-6-4/">記事を読む</a></p>
										</footer>

									</div>
									<!-- /.related-entry-content -->
								</article>
								<!-- /.elated-entry -->
								<article class="related-entry cf">
									<div class="related-entry-thumb">
										<a href="//wp-simplicity.com/simplicity1-5-0/" title="Simplicity1.5公開。SEOに機能追加、印刷用のスタイル適用など。">
											<img src="//wp-simplicity.com/wp-content/uploads/2015/02/6e09d64561939c4387e5e0de9f54fa2c-100x100.jpg" class="related-entry-thumb-image wp-post-image" alt="Simplicity1.5公開。SEOに機能追加、印刷用のスタイル適用など。" srcset="//wp-simplicity.com/wp-content/uploads/2015/02/6e09d64561939c4387e5e0de9f54fa2c-100x100.jpg 100w, //wp-simplicity.com/wp-content/uploads/2015/02/6e09d64561939c4387e5e0de9f54fa2c-300x300.jpg 300w, //wp-simplicity.com/wp-content/uploads/2015/02/6e09d64561939c4387e5e0de9f54fa2c-150x150.jpg 150w"
												sizes="(max-width: 100px) 100vw, 100px" height="100" width="100"> </a>
									</div>
									<!-- /.related-entry-thumb -->

									<div class="related-entry-content">
										<header>
											<h3 class="related-entry-title">
        <a href="//wp-simplicity.com/simplicity1-5-0/" class="related-entry-title-link" title="Simplicity1.5公開。SEOに機能追加、印刷用のスタイル適用など。">
        Simplicity1.5公開。SEOに機能追加、印刷用のスタイル適用など。        </a></h3>
										</header>
										<p class="related-entry-snippet">


											Simplicityを1.5.0 20150214にバージョンアップしました。 この1.5公開後、しばらく不具合報告がなければ...

										</p>

										<footer>
											<p class="related-entry-read"><a href="//wp-simplicity.com/simplicity1-5-0/">記事を読む</a></p>
										</footer>

									</div>
									<!-- /.related-entry-content -->
								</article>
								<!-- /.elated-entry -->
								<br style="clear:both;"> </aside>
							<!-- #related-entries -->


							<!-- 広告 -->


							<div class="navigation">
								<div id="prev-next" class="clearfix">
									<a href="//wp-simplicity.com/simplicity2-2-8/" title="Simplicity2.2.8公開。外部ブログカードを改善。" id="prev" class="clearfix">
										<div id="prev-title"><span class="fa fa-arrow-left pull-left"></span></div>
										<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">
										<p>Simplicity2.2.8公開。外部ブログカードを改善。</p>
									</a>
									<div id="next-no">
										<a href="//wp-simplicity.com/">
											<div id="prev-next-home"><span class="fa fa-home"></span>
											</div>
										</a>
									</div>
								</div>
							</div>
							<!-- /.navigation -->
							<!-- comment area -->
							<div id="comment-area">
								<aside>
									<div id="respond" class="comment-respond">
										<h2 id="reply-title" class="comment-reply-title">コメントをどうぞ <small><a rel="nofollow" id="cancel-comment-reply-link" href="/simplicity2-2-9/#respond" style="display:none;">コメントをキャンセル</a></small></h2>
										<form action="#" method="post" id="commentform" class="comment-form">
											<p class="comment-notes"><span id="email-notes">メールアドレスが公開されることはありません。</span></p>
											<p class="red">※テーマに関する質問は<a href="https://wp-simplicity.com/forums/create-topic/">フォーラム</a>の方にお願いします。</p>
											<p class="comment-form-comment">
												<div class="expanding-wrapper" style="position:relative"><textarea style="margin: 0px; box-sizing: border-box; width: 100%; position: absolute; top: 0px; left: 0px; height: 100%; resize: none; overflow: auto;" id="comment" class="expanding" name="comment" cols="45" rows="8" aria-required="true"
														placeholder=""></textarea>
													<pre style="margin: 0px; box-sizing: border-box; width: 100%; display: block; border: 1px solid; visibility: hidden; min-height: 213px; white-space: pre-wrap; line-height: 22.85px; word-wrap: break-word; padding: 6px 12px;" class="expanding-clone"><span></span><br></pre>
												</div>
											</p>
											<p class="comment-form-author"><label for="author">名前</label> <input id="author" name="author" value="" size="30" maxlength="245" type="text"></p>
											<p class="comment-form-email"><label for="email">メールアドレス</label> <input id="email" name="email" value="" size="30" maxlength="100" aria-describedby="email-notes" type="text"></p>
											<p class="comment-form-url"><label for="url">ウェブサイト</label> <input id="url" name="url" value="" size="30" maxlength="200" type="text"></p>
											
											<p><label for="siteguard_captcha">上に表示された文字を入力してください。</label><br><input name="siteguard_captcha" id="siteguard_captcha" class="input" value="" size="10" aria-required="true" type="text"><input name="siteguard_captcha_prefix" id="siteguard_captcha_prefix"
													value="279128517" type="hidden"></p>
											<p class="form-submit"><input name="submit" id="submit" class="submit" value="コメントを送信" type="submit"> <input name="comment_post_ID" value="44850" id="comment_post_ID" type="hidden">
												<input name="comment_parent" id="comment_parent" value="0" type="hidden">
											</p>
											<p style="display: none;"><input id="akismet_comment_nonce" name="akismet_comment_nonce" value="4f01dac079" type="hidden"></p>
											<p class="comment-subscription-form"><input name="subscribe_blog" id="subscribe_blog" value="subscribe" style="width: auto; -moz-appearance: checkbox; -webkit-appearance: checkbox;" type="checkbox"> <label class="subscribe-label" id="subscribe-blog-label" for="subscribe_blog">新しい投稿をメールで受け取る</label></p>
											<p style="display: none;"></p> <input id="ak_js" name="ak_js" value="1473427066028" type="hidden"></form>
									</div>
									<!-- #respond -->
								</aside>
							</div>
							<!-- /comment area -->
						</div>

					</div>
					<!-- /#main -->
				</main>
				<!-- sidebar -->
				<div 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>
							<li><a href="https://wp-simplicity.com/2016/01/">2016年1月</a>&nbsp;(3)</li>
							<li><a href="https://wp-simplicity.com/2015/12/">2015年12月</a>&nbsp;(6)</li>
							<li><a href="https://wp-simplicity.com/2015/11/">2015年11月</a>&nbsp;(6)</li>
							<li><a href="https://wp-simplicity.com/2015/10/">2015年10月</a>&nbsp;(2)</li>
							<li><a href="https://wp-simplicity.com/2015/09/">2015年9月</a>&nbsp;(7)</li>
							<li><a href="https://wp-simplicity.com/2015/08/">2015年8月</a>&nbsp;(4)</li>
							<li><a href="https://wp-simplicity.com/2015/07/">2015年7月</a>&nbsp;(12)</li>
							<li><a href="https://wp-simplicity.com/2015/06/">2015年6月</a>&nbsp;(11)</li>
							<li><a href="https://wp-simplicity.com/2015/05/">2015年5月</a>&nbsp;(9)</li>
							<li><a href="https://wp-simplicity.com/2015/04/">2015年4月</a>&nbsp;(8)</li>
							<li><a href="https://wp-simplicity.com/2015/03/">2015年3月</a>&nbsp;(10)</li>
							<li><a href="https://wp-simplicity.com/2015/02/">2015年2月</a>&nbsp;(10)</li>
							<li><a href="https://wp-simplicity.com/2015/01/">2015年1月</a>&nbsp;(13)</li>
							<li><a href="https://wp-simplicity.com/2014/12/">2014年12月</a>&nbsp;(14)</li>
							<li><a href="https://wp-simplicity.com/2014/11/">2014年11月</a>&nbsp;(17)</li>
							<li><a href="https://wp-simplicity.com/2014/10/">2014年10月</a>&nbsp;(18)</li>
							<li><a href="https://wp-simplicity.com/2014/09/">2014年9月</a>&nbsp;(19)</li>
							<li><a href="https://wp-simplicity.com/2014/08/">2014年8月</a>&nbsp;(31)</li>
							<li><a href="https://wp-simplicity.com/2014/07/">2014年7月</a>&nbsp;(33)</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 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>
            
          
!
            
              @charset "UTF-8";

/*!
Theme Name: Simplicity2
Description: Simplicityの意味は、単純、簡単、簡素、質素です。飾り気のないカスタマイズの土台となれるようなテーマを目指して作りました。
Theme URI: https://wp-simplicity.com/
Author: yhira
Author URI: http://nelog.jp/
Version: 2.5.3 20170429
Tags: white, two-columns, left-sidebar, right-sidebar, fluid-layout, fixed-layout
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/**
 * 基本設定(General Setting)
 */

* {
  box-sizing: border-box;
  &::before, &::after {
    box-sizing: border-box;
  }
}

html {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, Helvetica, Arial, sans-serif;
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
}

img {
  border-width: 0px;
}

figure, main figure {
  margin: 0;
}

.category-description img, .wp-caption, .hover-image {
  max-width: 100%;
  height: auto;
}

.aligncenter {
  clear: both;
}

.cf:after {
  content: "";
  clear: both;
  display: block;
}

ul li, ol li {
  list-style: none;
}

/**
 * 見出し(H1-6)
 */

h1, h2, h3, h4, h5, h6 {
  line-height: 1.1;
  color: #333;
}

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 26px;
  margin-bottom: 13px;
}

h1 {
  small, .small {
    font-size: 65%;
  }
}

.h1 {
  small, .small {
    font-size: 65%;
  }
}

h2 {
  small, .small {
    font-size: 65%;
  }
}

.h2 {
  small, .small {
    font-size: 65%;
  }
}

h3 {
  small, .small {
    font-size: 65%;
  }
}

.h3 {
  small, .small {
    font-size: 65%;
  }
}

h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 13px;
  margin-bottom: 13px;
}

h4 {
  small, .small {
    font-size: 75%;
  }
}

.h4 {
  small, .small {
    font-size: 75%;
  }
}

h5 {
  small, .small {
    font-size: 75%;
  }
}

.h5 {
  small, .small {
    font-size: 75%;
  }
}

h6 {
  small, .small {
    font-size: 75%;
  }
}

.h6 {
  small, .small {
    font-size: 75%;
  }
}

h1, .h1 {
  font-size: 30px;
}

h2, .h2 {
  font-size: 26px;
}

h3, .h3 {
  font-size: 23px;
}

h4, .h4 {
  font-size: 20px;
}

h5, .h5 {
  font-size: 16px;
}

h6, .h6 {
  font-size: 14px;
}

#archive-title {
  margin-bottom: 26px;
  font-size: 26px;
}

/**
 * アンカー
 */

a {
  color: #2098A8;
  word-wrap: break-word;
  text-decoration: none;
  &:hover {
    color: #c03;
  }
}

.widget_new_entries a, .widget_new_popular a, .widget_popular_ranking a, .wpp-list a, .entry-read a, .related-entry-read a, .entry-title a {
  color: #111;
}

.widget_new_entries a:hover, .widget_new_popular a:hover, .widget_popular_ranking a:hover, .wpp-list a:hover, .entry-read a:hover, .related-entry-read a:hover, .entry-title a:hover {
  color: #c03;
}

.widget_new_entries a, .widget_new_popular a, .widget_popular_ranking a, .wpp-list a, .entry-title a {
  text-decoration: none;
}

.article-list {
  color: #111;
  &:hover {
    color: #c03;
  }
}

.widget_new_entries a:hover, .widget_new_popular a:hover, .widget_popular_ranking a:hover, .wpp-list a:hover {
  text-decoration: underline;
}

.entry a:hover, .related-entry-title a:hover, .navigation a:hover {
  color: #c03;
}

#footer {
  a:hover {
    color: #c03;
  }
  .credit a:hover {
    color: inherit;
  }
}

/**
 * 引用(blockquote)
 */

blockquote {
  position: relative;
  margin: 1em 0;
  padding: 20px 55px;
  background: none repeat scroll 0 0 rgba(245, 245, 245, 0.8);
  border: 1px solid #FFF;
  p:last-child, ul:last-child, ol:last-child {
    margin-bottom: 0;
  }
  &::before, &::after {
    position: absolute;
    font-family: serif;
    font-size: 600%;
    color: #C8C8C8;
  }
  &:before {
    content: "“";
    line-height: 1em;
    top: 0;
    left: 0;
  }
  &:after {
    content: "”";
    line-height: 0;
    bottom: -16px;
    right: 0;
  }
}

/**
 * リスト(List)
 */

ul, ol {
  margin-top: 0;
  margin-bottom: 13px;
}

ul {
  ul, ol {
    margin-bottom: 0;
  }
}

ol {
  ul, ol {
    margin-bottom: 0;
  }
  ul {
    margin-left: 1em;
  }
}

ul ul {
  margin-left: 1em;
}

dl {
  margin-top: 0;
  margin-bottom: 26px;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/**
 * その他(Other)
 */

pre {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 7px;
  overflow: auto;
}

hr {
  color: #ddd;
  margin: 30px 0;
  width: 98%;
  border: 1px solid #ddd;
}

.category-description {
  margin-top: 15px;
  margin-bottom: 30px;
  background-color: #f7f7f7;
  padding: 5px 20px;
  border-radius: 3px;
  border: 1px solid #ddd;
}

.wpp-range {
  text-align: right;
  font-size: 14px;
}

span.search-excerpt {
  background-color: #FF9;
}

.invisible {
  display: none;
}

hr.sep {
  position: relative;
  margin-bottom: 130px;
  height: 1px;
  background-image: -webkit-linear-gradient(left center, transparent, rgba(0, 0, 0, 0.75), transparent);
  background-image: linear-gradient(left center, transparent, rgba(0, 0, 0, 0.75), transparent);
  border: 0 none;
}

@media screen and (min-width: 0\0) {
  *::-ms-backdrop, blockquote:before {
    left: -55px;
  }
  *::-ms-backdrop, blockquote:after {
    right: -55px;
  }
}

/**
 * レイアウト
 */

#container {
  margin: 0;
  padding: 0;
  margin: 0 auto;
  &:before {
    content: "";
    display: table;
  }
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}

#body-in, #footer-in, #header-in, #navi-in {
  width: 1070px;
  margin: 0 auto;
}

#navi, .clearfix {
  &:before {
    content: "";
    display: table;
  }
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}

/**
 * clearfix for ie7
 */

#container {
  &:before, &:after {
    content: "";
    display: table;
  }
}

#navi ul {
  &:before, &:after {
    content: "";
    display: table;
  }
}

.clearfix {
  &:before, &:after {
    content: "";
    display: table;
  }
}

#container:after, #navi ul:after, .clearfix:after {
  clear: both;
}

#container, #navi ul, .clearfix {
  display: block;
}

#body {
  margin-top: 26px;
}

#main {
  float: left;
  width: 740px;
  margin-bottom: 30px;
  padding: 20px 29px;
  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 4px;
}

#sidebar {
  float: right;
  width: 300px;
  margin-bottom: 30px;
}

#sidebar-widget {
  overflow: hidden;
}

.clear {
  clear: both;
}

/**
 * ヘッダー
 */

*:first-child + html #header > div {
  clear: both;
  zoom: 1;
}

#header {
  margin-bottom: 0;
  .alignleft, .alignright {
    margin-bottom: 0;
    width: auto;
  }
  .alignleft {
    margin-left: 30px;
    margin-right: 30px;
  }
  .alignright {
    position: absolute;
    top: 13px;
    right: 0;
    height: 52px;
    text-align: right;
    margin-right: 30px;
  }
}

#h-top {
  position: relative;
  min-height: 100px;
  background-repeat: no-repeat;
  background-position: top left;
  overflow: hidden;
}

#site-title {
  margin-top: 13px;
  margin-bottom: 8.66667px;
  font-size: 30px;
  line-height: 1.1;
  font-weight: normal;
  a {
    color: #222;
  }
}

#site-description {
  margin: 0;
  margin-right: 20px;
  margin-bottom: 26px;
  padding: 10 0;
  font-size: 14px;
  font-weight: normal;
  color: #777;
  line-height: 1.1;
}

#header-image {
  margin-bottom: 40px;
}

/**
 * メインカラム(#main、記事、固定ページなど)
 */

#main {
  .page, .post {
    margin-bottom: 60px;
  }
}

.post-meta {
  margin: 0;
  margin-bottom: 13px;
  color: #555;
  text-align: right;
  background-color: #F7F7F7;
  .category, .comments, .edit, .post-date, .post-update {
    padding-right: 0.7em;
  }
  a {
    text-decoration: underline;
  }
}

.comment-num {
  white-space: nowrap;
}

.footer-post-meta {
  color: #555;
  text-align: right;
  clear: both;
  .edit, .post-author, .post-tag {
    padding-right: 0.7em;
  }
}

.article-list .footer-post-meta {
  margin-top: 30px;
}

.more-link {
  display: block;
  margin-top: 13px;
  margin-bottom: 26px;
  text-align: right;
  clear: both;
}

#list .post .footer-post-meta {
  &:empty, .post-tag:empty {
    display: none;
  }
}

.content-box {
  float: right;
  margin-top: -0.25em;
  width: 420px;
  .more-link {
    margin: 0;
  }
}

.thumbnail-box {
  float: left;
  width: 160px;
  img {
    width: 160px;
    height: 160px;
  }
}

#main {
  .snsp {
    padding-left: 0;
  }
  .widgets {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .entry {
    clear: both;
    margin-bottom: 40px;
    word-wrap: break-word;
    &:last-of-type {
      margin: 0;
    }
  }
}

/**
 * リストアイテム(index.phpのリスト)
 */

.entry-thumb {
  float: left;
  margin-right: 10px;
  margin-top: 3px;
  margin-left: 0;
  a {
    display: block;
  }
  img {
    display: block;
    width: 150px;
    height: 150px;
  }
}

.entry-large-thumbnail img {
  width: 320px;
  height: 180px;
}

.entry-card-content {
  margin-left: 160px;
}

.entry {
  .post-meta {
    margin: 0 auto 13px;
    text-align: left;
    a {
      color: #000;
    }
  }
  h2, .entry-title {
    margin-top: 0;
    margin-bottom: 13px;
    color: #333;
  }
  h2 a, .entry-title a {
    color: inherit;
  }
}

.entry-snippet {
  margin: 0 0 13px;
  color: #555;
  line-height: 1.3;
}

.entry-read {
  margin: 0;
  a {
    text-decoration: underline;
  }
}

.entry-snippet, .related-entry-snippet {
  word-wrap: break-word;
}

/**
 * パンくずリスト(Breadcrumb)
 */

#breadcrumb {
  margin-bottom: 20px;
  font-size: 13px;
  color: #777;
  div {
    display: inline;
  }
  span.sp {
    margin: 0 10px;
  }
  a {
    color: #777;
  }
  ul {
    margin: 0;
    padding: 0;
    li {
      display: inline;
      span.sp {
        margin: 0 10px;
      }
      a {
        color: #777;
      }
    }
  }
}

/**
 * article
 */

.article {
  line-height: 1.625;
  img {
    max-width: 100%;
    height: auto;
  }
  h1, h2, h3, h4, h5, h6 {
    position: relative;
    margin-top: 26px;
    margin-bottom: 13px;
  }
  h1 {
    font-size: 30px;
  }
  h2 {
    margin-left: -29px;
    margin-right: -29px;
    padding: 0 30px;
    font-size: 26px;
    border-left: 1px solid #000;
  }
  h3 {
    font-size: 23px;
    border-bottom: 5px solid #e7e7e7;
  }
  h4 {
    border-bottom: 5px dashed #eee;
    font-size: 20px;
  }
  h3, h4 {
    padding-bottom: 6.5px;
  }
  h5 {
    font-size: 16px;
  }
  h6 {
    font-size: 14px;
  }
  table {
    border-collapse: collapse;
    margin: 15px 0;
    max-width: 100%;
  }
  th {
    background-color: #eee;
  }
  td, th {
    border: solid 1px #ccc;
    padding: 3px 5px;
  }
  .scrollable-table {
    overflow-x: auto;
    margin-bottom: 1em;
    th, td {
      white-space: nowrap;
    }
  }
  dl, ol, ul {
    line-height: 150%;
  }
  > {
    dl, ol, ul {
      margin: 30px 0;
    }
    dl dl, ol ol, ul ul {
      margin: 0;
    }
  }
  a {
    text-decoration: underline;
  }
  .widget_new_entries a, .widget_new_popular a, .widget_popular_ranking a {
    text-decoration: none;
  }
  .widget_new_entries a:hover, .widget_new_popular a:hover, .widget_popular_ranking a:hover {
    text-decoration: underline;
  }
}

.entry-content {
  margin-bottom: 40px;
  ul li, ol li {
    display: list-item;
    list-style: unset;
  }
  p {
    margin: 0 0 17.33333px;
  }
}

/**
 * とりあえず何でもレスポンシブ化するスタイル
 */

canvas, iframe, img, svg, video {
  max-width: 100%;
}

.overflow-container {
  overflow-y: scroll;
}

.aspect-ratio {
  position: relative;
  height: 0;
  padding-top: 56.25%;
}

.aspect-ratio--object {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

/**
 * グローバルナビメニュー(menu)
 */

#navi ul {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #F7F7F7;
  border: 1px solid #ddd;
  border-radius: 3px;
  clear: both;
  ul {
    box-sizing: content-box;
  }
  > li {
    position: relative;
    float: left;
  }
  li {
    a {
      display: block;
      padding: 0.3em 0.7em;
      font-size: 14px;
      color: #111;
      z-index: 99;
      &:hover {
        background-color: #ddd;
      }
    }
    &:hover > ul {
      display: block;
    }
  }
  &.children, &.sub-menu {
    display: none;
    position: absolute;
    min-width: 200px;
    margin-left: 0;
    padding-left: 0;
    border: 1px solid #ddd;
    z-index: 99;
  }
  &.children li, &.sub-menu li {
    position: relative;
    height: 100%;
    border: none;
    float: none;
  }
}

#footer-navi ul {
  text-align: center;
  padding-left: 0;
  li {
    display: inline;
    list-style: outside none none;
    &::before {
      content: "|";
      padding: 0 0.6em;
    }
    &:first-child::before {
      content: "";
      padding: 0;
    }
  }
  .sub-menu {
    display: none;
  }
}

#mobile-menu {
  display: none;
  a {
    display: block;
    position: absolute;
    right: 7px;
    margin-top: 3px;
    padding: 4px 8px;
    font-size: 15px;
    color: #333;
    text-align: center;
    line-height: 100%;
    border-radius: 3px;
    cursor: pointer;
    &:hover {
      opacity: 0.7;
    }
  }
}

#page-top a:hover {
  opacity: 0.7;
}

#prev-next {
  display: table;
  width: 100%;
  margin: 36px 0 24px;
  padding: 0;
  #next, #prev {
    display: table-cell;
    position: relative;
    width: 50%;
    text-decoration: none;
  }
  #next:hover, #prev:hover {
    background-color: rgba(238, 238, 238, 0.7);
  }
  #next img {
    margin: 0 auto;
    width: 100px;
    height: 100px;
  }
  #prev {
    img {
      margin: 0 auto;
      width: 100px;
      height: 100px;
      float: left;
      margin-top: 10px;
      margin-right: 10px;
    }
    border-right: #ddd 1px solid;
  }
  #prev-title {
    position: absolute;
    top: -0.8em;
    padding: 5px;
    font-size: 28px;
    color: #666;
    text-align: center;
    background-color: #fff;
    border: 1px #ccc solid;
    border-radius: 6px;
  }
  #next img {
    float: right;
    margin-top: 10px;
    margin-left: 10px;
  }
  #next-title {
    position: absolute;
    top: -0.8em;
    right: 10px;
    padding: 5px;
    font-size: 28px;
    color: #666;
    text-align: center;
    background-color: #fff;
    border: 1px #ccc solid;
    border-radius: 6px;
  }
  span {
    margin: 0;
    padding: 0;
  }
  #next-no, #prev-no {
    display: table-cell;
    position: relative;
    width: 50%;
    padding: 0 10px;
  }
  #next-no a:hover {
    background-color: #fff;
  }
  #prev-no {
    a:hover {
      background-color: #fff;
    }
    border-right: #ddd 1px solid;
  }
}

#prev-next-home span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  font-size: 100px;
  color: #ccc;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media all and (-ms-high-contrast: none) {
  #prev-next-home span {
    margin-top: 50px;
  }
}

/**
 *	前の記事へ、次の記事へ
 */

.navigation {
  clear: both;
  margin: 20px -30px 40px;
  overflow: hidden;
  > div {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    + div {
      border-top: 0;
      border-bottom: 1px solid #ddd;
    }
  }
  .alignright {
    text-align: right;
    a:hover {
      border-left: 1px solid #ddd;
    }
  }
  a {
    display: block;
    padding: 1em;
    border: none;
    span {
      margin-top: -4px;
      padding-right: 10px;
      color: #ddd;
      clear: left;
    }
    &:hover {
      background: #eee;
    }
  }
}

a.page-numbers {
  margin: 0 2px;
  padding: 6px 12px;
  background-color: #ddd;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.pager {
  margin: 3em 0;
  text-align: center;
  .current {
    margin: 0 2px;
    padding: 6px 12px;
    color: #000;
    background-color: #ddd;
    border: 1px solid #ddd;
    border-radius: 3px;
  }
  a {
    color: #000;
    background-color: #fff;
    &:hover {
      border: solid 1px #ddd;
      background-color: #eee;
    }
  }
}

.page-link {
  margin: 3em 0;
  text-align: center;
  span {
    margin-right: 3px;
    padding: 7px 15px;
    background-color: #ddd;
    border: 1px solid #ddd;
    border-radius: 4px;
  }
  a {
    color: #000;
    border-bottom: none;
    span {
      color: #000;
      background-color: #eee;
      &:hover {
        color: inherit;
        background: inherit;
      }
    }
  }
}

.comment-page-link {
  margin: 1em 1em 3em;
  text-align: center;
  a, span {
    margin-right: 3px;
    padding: 7px 15px;
    background-color: #ddd;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #000;
    background-color: #eee;
  }
  a:hover, span:hover {
    color: #000;
    background-color: inherit;
  }
}

/**
 * サイドバー(Sidebar)・ウィジェットなど
 */

#sidebar {
  h3 {
    margin-bottom: 10px;
    font-size: 20px;
  }
  .widget {
    margin-bottom: 40px;
    &:last-child {
      margin-bottom: 0;
    }
  }
  ol, ul {
    padding-left: 1em;
  }
  li {
    margin-bottom: 8px;
    &:last-child {
      margin-bottom: 0;
    }
  }
  .snsp, .widget_category_sns_follow_buttons ul {
    padding-left: 0;
  }
}

#sidebar-scroll .widget:last-child, .widget_search {
  margin-bottom: 0;
}

.widget-over-article {
  margin-top: 10px;
  margin-bottom: 10px;
  ol, ul {
    padding-left: 1em;
  }
}

.widget-under-article {
  ol, ul {
    padding-left: 1em;
  }
}

.widget-over-sns-buttons {
  ol, ul {
    padding-left: 1em;
  }
}

.widget-under-sns-buttons {
  ol, ul {
    padding-left: 1em;
  }
}

#sidebar-popular-posts li, #sidebar-recent-posts li {
  margin: 20px 0;
}

#sidebar-popular-posts {
  h3, p {
    margin: 0;
  }
}

#sidebar-recent-posts {
  h3, p {
    margin: 0;
  }
}

.sidebar-thumbnail-box {
  float: left;
  width: 75px;
}

.sidebar-recent-posts-title {
  float: right;
  width: 165px;
}

/**
 * 関連記事(Relation)
 */

.related-entry {
  margin-bottom: 26px;
  margin-right: 10px;
  h4 {
    margin-top: 0;
  }
}

.related-entry-thumb {
  float: left;
  a {
    display: block;
  }
  img {
    display: block;
    border: 0;
    width: 100px;
    height: 100px;
  }
}

.related-entry-content {
  margin-left: 110px;
}

.related-entry-title {
  margin-top: 0;
  margin-bottom: 8.66667px;
  a {
    color: #333;
  }
}

.related-entry-snippet {
  margin: 0;
  margin-bottom: 13px;
  color: #555;
  line-height: 1.3;
}

.related-entry-read {
  font-size: 14px;
  margin: 0;
}

.related-entry-thumbnail {
  float: left;
  width: 200px;
  height: 292px;
  margin-bottom: 15px;
  margin-right: 26px;
  text-align: center;
  overflow: hidden;
  .related-entry-thumb {
    margin: 0;
    padding: 0;
    float: none;
  }
  .related-entry-content {
    margin: -10px 0 0;
    a {
      font-weight: normal;
    }
  }
  img {
    width: 200px;
    height: 200px;
    margin-bottom: 0;
  }
}

/**
 * コメントエリア(Comments Area)
 */

#comment-area {
  ol, ul {
    padding-left: 0;
  }
  ol ul, ul ul {
    margin-left: 1.5em;
  }
  a {
    text-decoration: underline;
  }
}

.required {
  color: #fe56aa;
}

.comment-list .avatar {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.commets-list, .trackback-list {
  margin-top: -20px;
  margin-bottom: 40px;
}

.commets-list li, .trackback-list li {
  margin-top: -1px;
  padding: 20px 0 0;
  width: 100%;
  border-bottom: 1px solid transparent;
}

.comment-meta, .comment-notes, .form-allowed-tags, .reply, span.small {
  font-size: 80%;
}

.comment-body p {
  clear: both;
}

.reply {
  text-align: right;
}

.children {
  padding-left: 2em;
}

#respond {
  margin-bottom: 40px;
}

#comments, #reply-title {
  font-size: 21px;
}

#comments {
  margin-bottom: 25px;
}

/**
 * 入力フォーム(Form)
 */

input {
  &[type="email"], &[type="password"], &[type="search"], &[type="tel"], &[type="text"], &[type="url"] {
    width: 100%;
    font-size: 16px;
    color: #333;
    line-height: 1.42857;
    padding: 6px 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  }
  &[type="email"]:focus, &[type="password"]:focus, &[type="search"]:focus, &[type="tel"]:focus, &[type="text"]:focus, &[type="url"]:focus {
    color: #444;
    background: #fff;
    border: 1px solid #ff69b4;
    box-shadow: 0 0 3px hotpink;
  }
  &[type="button"], &[type="reset"], &[type="submit"] {
    display: inline-block;
    margin-bottom: 20px;
    padding: 8px 14px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
    line-height: normal;
    background-color: #fff;
    border: 1px solid #777;
    border-radius: 3px;
    cursor: pointer;
  }
  &[type="button"]:hover, &[type="reset"]:hover, &[type="submit"]:hover {
    background-color: #eee;
  }
  &[type="button"]:active, &[type="reset"]:active, &[type="submit"]:active {
    position: relative;
    top: 1px;
  }
  &#author, &#email, &#url {
    max-width: 360px;
  }
}

textarea {
  width: 100%;
  padding: 6px 12px;
  font-size: 16px;
  color: #333;
  line-height: 1.42857;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  overflow: auto;
  &:focus {
    color: #444;
    border: 1px solid #ff69b4;
    background-color: #fff;
    box-shadow: 0 0 3px hotpink;
  }
}

.gsc-search-box input[type="text"] {
  background-color: #FFF;
  border-radius: 0;
}

#comment-area {
  input[type="text"], textarea {
    display: block;
  }
}

button, .button {
  display: inline-block;
  margin-bottom: 20px;
  padding: 8px 14px;
  color: #333;
  font-weight: bold;
  line-height: normal;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #777;
  border-radius: 3px;
  cursor: pointer;
}

button:hover, .button:hover {
  background-color: #eee;
}

button:active, .button:active {
  position: relative;
  top: 1px;
}

select, option {
  padding: 5px;
}

/**
 * フッター(footer)
 */

#footer {
  padding: 5px;
  color: #fff;
  background-color: #555;
  clear: both;
  a {
    color: #DCDCDC;
  }
  h3 {
    font-size: 16px;
    color: #fff;
  }
  .snsp {
    padding-left: 0;
  }
}

#footer-widget {
  margin: 10px auto;
  padding: 0 5%;
  color: #fcfcfc;
  text-align: left;
  ul {
    padding-left: 1em;
  }
  li {
    font-size: 14px;
  }
}

.footer-center, .footer-left, .footer-right {
  padding: 10px;
}

.footer-left {
  float: left;
  width: 34%;
}

.footer-center, .footer-right {
  float: left;
  width: 33%;
}

#copyright {
  padding: 20px 0;
  font-size: 80%;
  text-align: center;
  a {
    color: #fff;
  }
}

/**
 * サーチフォーム(Search Form)
 */

#searchform {
  position: relative;
  margin-top: 25px;
}

#s {
  width: 100%;
  height: 32px;
  margin-bottom: 20px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 2em;
  color: #333;
}

#searchsubmit {
  position: absolute;
  top: 3px;
  right: 3px;
  z-index: 0;
  margin-bottom: 0;
  width: 30px;
  height: 26px;
  border: none;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAEIklEQVR42pWVe0xTVxzHf22hFWiBUKjLEiTOjODGq4ArJJiYBV+gWy3YBoegWZysOgsVKYNC8IGhsMIYCLLqRKRkRdwEp4wR/yCZgwbHa8bwCH9sQkt5lceGIax0v3PDJd7MZaHJL72555zP+f6eF5xOJ3R1d4Pp7l342mAAbUEBp/DixagDBw/mh0dGdmzbvv25f0DA88CgoA5FcnLx9draWOXZs7xinQ5WVlZoIxzKGMDb9fXCdKUy21ckWgZcep0JfX2dCL5WVl4udDgcsLq6SuzfwJYHDzyzc3Lagc3eOMwXCJzePj6zAm9vmwefvwYs1sbap0rlT9PT0z52ux3QmMBfe3vhUlHRdXozOfhOcHBfTGzspYTDh5Mk0dHxkRJJQXBoqPlVtedUqrrBwUFWT08PE/j9/fu7PVANrSD52DFjXn7+W1ESCezdvx8ioqIgLCICLmg0b2So1d+gckotb8sWp8lkSjCbzUzgUYWihYBY6K44MnKipbVVoMrMhJDw8A3g20FBgPEF6+Skqywp6TvW+uXxCQmdCHRhAN8NCZmi3VBnZdUUl5QAxhPSTp6EuH37IBTBpxFWUFgIDY2NcFWnO04UEtsRGDhfWVXlzQDiy0V6A8IufJ6XB5eLioCAP5BK4YhMBt+aTHCrrg4MN25A/Z07UkqAi4tTKBLNvx8XJ2QAQ8LCbHQysjWarwYGBqCishJKSksB3YO0EycgV6sFU1MT6PAStFRaQODOnXbDzZs+DGCSXP6IBmIifrdYLPyq6moKeCQxEY6npsJnKhU0Ya1mqtXwSXp6K51AqUzW2W02cxjA5nv39vI9PddIDbI4HOdHKSmG8ooKry/0ejZRmJqWBpnnz7OMjY1eyjNnqnlubg7AfTx39zV9WdmBX7q6mFl+1NYGObm5Dex1IAGHicW9eVptVvyhQ7uOyuW7Pj516nR0TEwvdSnGjsvjOc5lZBhJu6JCJnBkZATGxsbc5ApFm6urq+PVAvfw9CRGINQ7DpdLlRf2+fSkzeY7YbHAHy9eMIFDQ0OU/fbsGV+amKjbFhAwxVkHoGuU0Ze48HhONq75+vn99cPDh/KXy8uwuLj4eiDpaZKMLI3mQ3T1y/diYjowTo8R8nj3nj0d2C3DFBQ7hPxjdVhHR0d3WK3W/waW6vWA4wkw2KQWBeiuFwK9rtXU8Pv6+iRv+vv/iaGglFJtmpLSOT4+zv1f4OUrV0iiwF0gADxMipzaW1Nbq0UgiSXlOnluMBqzNw0knfM3zr2ep0/dsL+pqeO67nqoWDyxKSD5NTU3w89PnsCP7e2kY2QERBvOy5ebAvb398Pc3BzYpqZgZmYG7PPzXBxjDTi9Z4VC4SxOIcOmgDabDZaWlmBhYYGUCHlm47dHL9q6ddhPJBrGCXWVBv4DYbnuWKzr2fcAAAAASUVORK5CYII=") no-repeat 50% 50%;
}

/**
 * WordPress Misc
 */

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img {
  &.alignleft, &.alignright {
    display: inline-block;
    margin-bottom: 10px;
  }
  &.alignleft {
    float: left;
    margin: 0 1.5em 1em 0;
  }
  &.alignright {
    float: right;
    margin: 0 0 1em 1.5em;
  }
}

.wp-caption {
  padding-top: 4px;
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: #f3f3f3;
  text-align: center;
  &.alignleft, &.alignright {
    margin-bottom: 10px;
  }
  &.alignleft {
    float: left;
    margin-right: 10px;
  }
  &.alignright {
    float: right;
    margin-left: 10px;
  }
  img {
    margin: 0;
    padding: 0;
    border: 0 none;
  }
}

.wp-caption-text, .gallery-caption {
  font-size: 80%;
}

.wp-caption-dd {
  margin: 0;
  padding: 0 4px 5px;
  font-size: 11px;
  line-height: 17px;
}

/**
 * widget
 */

#main .widget a, #sidebar .widget a, #footer .widget a {
  text-decoration: underline;
}

#main .widget {
  &.widget_new_entries a, &.widget_new_popular a, &.widget_popular_ranking a {
    text-decoration: none;
  }
}

#sidebar .widget {
  &.widget_new_entries a, &.widget_new_popular a, &.widget_popular_ranking a {
    text-decoration: none;
  }
}

#footer .widget {
  &.widget_new_entries a, &.widget_new_popular a, &.widget_popular_ranking a {
    text-decoration: none;
  }
}

#main .widget {
  &.widget_new_entries a:hover, &.widget_new_popular a:hover, &.widget_popular_ranking a:hover {
    text-decoration: underline;
  }
}

#sidebar .widget {
  &.widget_new_entries a:hover, &.widget_new_popular a:hover, &.widget_popular_ranking a:hover {
    text-decoration: underline;
  }
}

#footer {
  .widget {
    &.widget_new_entries a:hover, &.widget_new_popular a:hover, &.widget_popular_ranking a:hover {
      text-decoration: underline;
    }
  }
  .widget_new_entries ul, .widget_new_popular ul, .widget_popular_ranking ul {
    padding-left: 0;
  }
}

/**
 * widget 新着記事・人気記事(new, pupular)
 */

#main {
  .widget_new_entries ul, .widget_new_popular ul, .widget_popular_ranking ul {
    padding-left: 0;
  }
}

#sidebar {
  .widget_new_entries ul, .widget_new_popular ul, .widget_popular_ranking ul {
    padding-left: 0;
  }
}

.widget_new_entries, .widget_new_popular, .widget_popular_ranking {
  line-height: 150%;
}

.widget_new_entries h4, .widget_new_popular h4, .widget_popular_ranking h4 {
  margin-bottom: 15px;
}

.widget_new_entries ul li, .widget_new_popular ul li, .widget_popular_ranking ul li {
  clear: left;
  float: none;
  margin-bottom: 10px;
}

.widget_new_entries ul li img, .widget_new_popular ul li img, .widget_popular_ranking ul li img {
  display: inline;
  float: left;
  width: 75px;
  height: 75px;
  margin-top: 3px;
  margin-bottom: 10px;
  margin-right: 5px;
  border: medium none;
}

span.wpp-views {
  font-size: x-small;
  font-style: italic;
}

.widget_new_entries {
  .new-entrys-large .new-entry {
    display: block;
    position: relative;
    max-width: 440px;
    line-height: 120%;
    margin-bottom: 15px;
    overflow: visible;
    img {
      display: block;
      float: none;
      width: 100%;
      height: auto;
      max-width: 440px;
      min-height: 180px;
      max-height: 240px;
      margin: 0 0 5px;
    }
  }
  .new-entrys-large-on .new-entry .new-entry-content {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    max-height: 28%;
    overflow: hidden;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAA1JREFUGNNjGAWDCgAAAZAAAXtlmk8AAAAASUVORK5CYII=") repeat scroll 0 0 transparent;
    a {
      display: block;
      color: #fff;
    }
  }
}

.widget_new_popular {
  .popular-entrys-large {
    .popular-entry {
      display: block;
      position: relative;
      max-width: 440px;
      line-height: 120%;
      margin-bottom: 15px;
      overflow: visible;
      img {
        display: block;
        width: 100%;
        height: auto;
        float: none;
        min-height: 180px;
        max-width: 440px;
        max-height: 240px;
        margin: 0 0 5px;
      }
    }
    .wpp-list li {
      position: relative;
      display: block;
      max-width: 440px;
      line-height: 120%;
      margin-bottom: 15px;
      overflow: visible;
      img {
        display: block;
        width: 100%;
        height: auto;
        float: none;
        min-height: 180px;
        max-width: 440px;
        max-height: 240px;
        margin: 0 0 5px;
        &.wpp_cached_thumb {
          height: auto;
        }
      }
    }
  }
  .popular-entrys-large-on {
    .popular-entry .popular-entry-content {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      max-height: 28%;
      padding: 10px;
      overflow: hidden;
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAA1JREFUGNNjGAWDCgAAAZAAAXtlmk8AAAAASUVORK5CYII=") repeat scroll 0 0 transparent;
      a {
        display: block;
        color: #fff;
      }
    }
    .wpp-list li {
      a {
        display: block;
        color: #fff;
        &.wpp-post-title {
          display: block;
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          max-height: 28%;
          padding: 10px;
          overflow: hidden;
          background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAA1JREFUGNNjGAWDCgAAAZAAAXtlmk8AAAAASUVORK5CYII=") repeat scroll 0 0 transparent;
        }
      }
      span.wpp-views {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        padding: 2px 10px;
        color: #fff;
        opacity: 1;
        border-bottom-left-radius: 15px;
        font-size: medium;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAA1JREFUGNNjGAWDCgAAAZAAAXtlmk8AAAAASUVORK5CYII=") repeat scroll 0 0 transparent;
      }
    }
  }
  .new-entrys-large .new-entry {
    position: relative;
    display: block;
    max-width: 440px;
    line-height: 120%;
    margin-bottom: 15px;
    overflow: visible;
    img {
      display: block;
      width: 100%;
      height: auto;
      float: none;
      min-height: 180px;
      max-width: 440px;
      max-height: 240px;
      margin: 0 0 5px;
    }
  }
  .new-entrys-large-on .new-entry .new-entry-content {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 28%;
    padding: 10px;
    overflow: hidden;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAA1JREFUGNNjGAWDCgAAAZAAAXtlmk8AAAAASUVORK5CYII=") repeat scroll 0 0 transparent;
    a {
      display: block;
      color: #fff;
    }
  }
}

.widget_popular_ranking {
  .popular-entrys-large {
    .popular-entry {
      position: relative;
      display: block;
      max-width: 440px;
      line-height: 120%;
      margin-bottom: 15px;
      overflow: visible;
      img {
        display: block;
        width: 100%;
        height: auto;
        float: none;
        max-width: 440px;
        min-height: 180px;
        max-height: 240px;
        margin: 0 0 5px;
      }
    }
    .wpp-list li {
      position: relative;
      display: block;
      max-width: 440px;
      line-height: 120%;
      margin-bottom: 15px;
      overflow: visible;
      img {
        display: block;
        width: 100%;
        height: auto;
        float: none;
        max-width: 440px;
        min-height: 180px;
        max-height: 240px;
        margin: 0 0 5px;
        &.wpp_cached_thumb {
          height: auto;
        }
      }
    }
  }
  .popular-entrys-large-on {
    .popular-entry .popular-entry-content {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      max-height: 28%;
      padding: 10px;
      overflow: hidden;
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAA1JREFUGNNjGAWDCgAAAZAAAXtlmk8AAAAASUVORK5CYII=") repeat scroll 0 0 transparent;
      a {
        display: block;
        color: #fff;
      }
    }
    .wpp-list li {
      a.wpp-post-title {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        max-height: 28%;
        padding: 10px;
        overflow: hidden;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAA1JREFUGNNjGAWDCgAAAZAAAXtlmk8AAAAASUVORK5CYII=") repeat scroll 0 0 transparent;
        a {
          display: block;
          color: #fff;
        }
      }
      span.wpp-views {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        padding: 2px 10px;
        color: #fff;
        opacity: 1;
        border-bottom-left-radius: 15px;
        font-size: medium;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAA1JREFUGNNjGAWDCgAAAZAAAXtlmk8AAAAASUVORK5CYII=") repeat scroll 0 0 transparent;
      }
    }
  }
}

#wp-calendar {
  width: 100%;
  max-width: 400px;
  td, th {
    text-align: center;
  }
  #prev {
    text-align: left;
  }
  #next {
    text-align: right;
  }
}

.recent-comment-title {
  display: inline-block;
  margin-bottom: 6.5px;
}

.recent-comments {
  width: 100%;
  margin: 20px auto;
  dt {
    width: 46px;
    text-align: left;
    clear: left;
    float: left;
    white-space: nowrap;
    img {
      width: auto;
      height: 2.5em;
    }
  }
  dd {
    margin-left: 0;
    margin-bottom: 13px;
    .recent-comment-author {
      font-weight: bold;
    }
    .recent-comment-content {
      font-size: 14px;
    }
  }
}

/**
 * TOPへ戻るボタン(Go to top)
 */

#page-top {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  a {
    display: block;
    padding: 7px;
    font-size: 11px;
    color: #fff;
    line-height: 100%;
    text-align: center;
    background-color: #aaa;
    border-radius: 4px;
    cursor: pointer;
    &.move-page-top-image {
      background-color: transparent;
    }
  }
}

/**
 * 非表示にするものまとめ
 */

.widget-ad .ad-space .ad-label, .widget-over-article-title .ad-space .ad-label, .widget-under-article-title .ad-space .ad-label, .widget-over-sns-buttons-title .ad-space .ad-label, .widget-under-sns-buttons-title .ad-space .ad-label, #sidebar .ad-space .ad-label {
  display: none;
}

.widget-index-top {
  margin-bottom: 30px;
}

.widget-index-middle {
  margin-bottom: 40px;
}

/**
 * モバイルモーダルメニュー(animatedModal.js)
 */

.close-animatedModal {
  font-size: 45px;
  text-align: center;
}

.modal-content {
  width: auto;
  max-width: 440px;
  margin: auto;
}

#animatedModal ul {
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
  li {
    margin: 0 10px 10px;
    border: 1px solid #fff;
    border-radius: 5px;
    a {
      display: block;
      width: auto;
      padding: 5px 10px;
      color: #fff;
      border-radius: 5px;
      &:hover {
        background-color: #555;
      }
    }
  }
}

#___gcse_0 {
  .cse .gsc-control-cse, .gsc-control-cse {
    background-color: transparent;
    border: none;
  }
}

.slicknav_menu, div.vdh-mask {
  display: none;
}

/**
 * 広告(ads)
 */

.ad-space {
  margin: 30px 0;
  clear: both;
}

.ad-left, .ad-right {
  width: 336px;
}

.ad-left {
  float: left;
  margin-right: 2px;
}

.ad-right {
  float: right;
  margin-left: 2px;
}

.ad-top-pc {
  width: 728px;
  margin: 0 -24px 15px;
}

.ad-space-top {
  margin-top: 0;
  margin-bottom: 5px;
  .ad-label {
    display: none;
  }
}

.ad-space-singular {
  margin-top: 15px;
  margin-bottom: 10px;
}

#sidebar .ad-space {
  margin-top: 0;
}

/**
 * facebook
 */

.fb-like-mobile {
  display: none;
}

.article-like {
  height: 100px;
  margin-top: 30px;
  margin-bottom: 30px;
  clear: both;
}

.article-like-thumb {
  float: left;
  width: 100px;
  img {
    display: block;
  }
}

.article-like-body {
  float: none;
  height: 100px;
  margin-right: 140px;
  padding: 10px;
  font-size: 18px;
  color: #000;
  line-height: 1.3em;
  background-color: #fff;
  overflow: hidden;
  &::after {
    content: '\f054';
    position: absolute;
    top: 27px;
    right: 110px;
    font-size: 50px;
    font-family: FontAwesome;
    color: #ccc;
    line-height: 100%;
  }
}

.article-like-button {
  background-color: #f3f3f3;
  width: 100px;
  height: 100px;
  float: right;
  padding-top: 27px;
  text-align: center;
}

.fb-like iframe {
  background-color: #fff;
}

.article-like-arrow-box {
  float: left;
  position: relative;
  width: calc(100% - 114px);
  margin-left: 12px;
  border: 1px solid #bbb;
  border-radius: 5px;
  &:after, &:before {
    content: " ";
    position: absolute;
    top: 50%;
    right: 100%;
    width: 0;
    height: 0;
    border: solid transparent;
    pointer-events: none;
  }
  &:after {
    margin-top: -10px;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 10px;
  }
  &:before {
    margin-top: -11px;
    border-color: rgba(221, 221, 221, 0);
    border-right-color: #bbb;
    border-width: 11px;
  }
}

.article-like-arrow-box-in {
  border-radius: 5px;
  overflow: hidden;
}

#sidebar {
  .article-like-body {
    height: 70px;
    margin-right: 0;
    padding: 5px;
    font-size: 0.8em;
    line-height: 1.1em;
    &::after {
      display: none;
    }
  }
  .article-like-arrow-box {
    height: 100px;
  }
  .article-like-button {
    display: block;
    float: none;
    width: 100%;
    height: 30px;
    padding-top: 0;
    line-height: 24px;
  }
  div {
    &.fb-like-mobile {
      display: block;
    }
    &.fb-like-pc {
      display: none;
    }
  }
}

/**
 * feedly
 */

#feedly-followers {
  display: block;
  a {
    display: block;
  }
  img {
    width: 72px;
    height: 22px;
    border: none;
  }
}

#feedly-count {
  display: block;
  position: relative;
  width: 62px;
  height: 31px;
  margin: 0 auto 6px;
  padding: 0 4px;
  font-family: Arial;
  font-size: 16px;
  line-height: 31px;
  text-align: center;
  background-color: #FFF;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  a {
    color: #333;
  }
}

.fdly-count {
  &::after, &::before {
    content: '';
    position: absolute;
    right: 43%;
    border: solid transparent;
    border-width: 5px;
  }
  &:before {
    border-top-color: #B0C1D8;
    top: 32px;
  }
  &:after {
    border-top-color: #FFF;
    top: 30px;
  }
}

.feedly-btn-horizontal {
  img#feedly-follow {
    width: 60px;
    height: 20px;
    margin-right: 3px;
    border: 0;
  }
  .arrow_box {
    display: inline-block;
    position: relative;
    top: -7px;
    height: 22px;
    padding: 0 6px;
    line-height: 18px;
    background: #fff;
    border: 1px solid #BDBDBD;
    border-radius: 3px;
  }
  a {
    color: #333;
    font-size: 11px;
    line-height: 18px;
    &:hover {
      color: #333;
    }
  }
  .arrow_box {
    &:after {
      content: " ";
      position: absolute;
      top: 50%;
      right: 100%;
      width: 0;
      height: 0;
      border: solid transparent;
      pointer-events: none;
    }
    &:before {
      content: " ";
      position: absolute;
      top: 50%;
      right: 100%;
      width: 0;
      height: 0;
      border: solid transparent;
      pointer-events: none;
      margin-top: -4px;
      border-width: 4px;
      border-color: rgba(189, 189, 189, 0);
      border-right-color: #BDBDBD;
    }
    &:after {
      margin-top: -3px;
      border-width: 3px;
      border-color: rgba(255, 255, 255, 0);
      border-right-color: #fff;
    }
  }
}

/**
 * ブログカードのスタイル
 */

.blog-card {
  position: relative;
  width: 500px;
  min-width: 300px;
  max-width: 100%;
  min-height: 155px;
  margin: 20px 0;
  &:before {
    content: "";
    display: table;
  }
  &:after {
    content: "";
    display: table;
    clear: both;
  }
  img {
    border: 0;
  }
  a {
    text-decoration: none;
  }
}

.internal-blog-card {
  padding: 12px 12px 6px;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.external-blog-card {
  border: 0;
  background-color: transparent;
  overflow: hidden;
}

.blog-card-thumbnail {
  float: left;
  .blog-card-thumb-image {
    width: 100px;
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-bottom: 10px;
  }
}

.blog-card-content {
  margin-left: 110px;
  margin-bottom: 0.5em;
}

.blog-card-title {
  margin-bottom: 13px;
  font-weight: bold;
  a {
    color: #111;
  }
}

.blog-card-excerpt {
  color: #333;
  font-size: 14.4px;
  max-height: 80px;
  line-height: 1.3;
  overflow: hidden;
}

.blog-card-footer {
  margin-top: 5px;
  margin-left: -4px;
  margin-bottom: 3px;
  font-size: 11.2px;
  color: #777;
  clear: both;
  &:before {
    content: "";
    display: table;
  }
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}

.blog-card-hatebu {
  position: relative;
  bottom: -5px;
  float: left;
  margin-right: 7px;
}

.blog-card-date {
  float: right;
  margin-bottom: -5px;
}

.blog-card-site {
  float: left;
  margin-top: 1px;
  margin-right: 7px;
  position: relative;
  a {
    color: #777;
  }
}

.blog-card-favicon {
  position: relative;
  bottom: -4px;
  margin-right: 3px;
}

.blog-card-favicon-img {
  width: 16px;
  height: 16px;
}

.clear {
  clear: both;
}

#footer .blog-card, #sidebar .blog-card {
  width: 100%;
  min-width: initial;
  margin-left: 0;
  margin-right: 0;
}

#footer .blog-card {
  &:before, &:after {
    content: "";
    display: table;
  }
}

#sidebar .blog-card {
  &:before, &:after {
    content: "";
    display: table;
  }
}

#footer .blog-card:after, #sidebar .blog-card:after {
  clear: both;
}

#footer .blog-car-title, #sidebar .blog-car-title {
  font-size: 14px;
  line-height: 1.2;
}

#footer {
  .blog-card-excerpt, .blog-card-footer {
    font-size: 11px;
    line-height: 1.2;
  }
}

#sidebar {
  .blog-card-excerpt, .blog-card-footer {
    font-size: 11px;
    line-height: 1.2;
  }
}

#footer .blog-card-thumb-image, #sidebar .blog-card-thumb-image {
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
}

#footer .blog-card-content, #sidebar .blog-card-content {
  margin-left: 90px;
}

/**
 * ブログカード(幅が狭い場合)
 */
@media screen and (max-width: 560px) {
  .article {
    .blog-card, .entry-content .hover-card {
      width: 100%;
    }
  }
  .blog-card-content {
    margin-left: 0;
  }
  .blog-card-title a {
    font-size: 14px;
    line-height: 1.2;
  }
  .blog-card-excerpt, .blog-card-footer {
    font-size: 11px;
    line-height: 1.2;
  }
  #main {
    .blog-card, .hover-card {
      margin-left: 0;
      margin-right: 0;
      width: 100%;
    }
  }
  .blog-card-thumb-image {
    width: 80px;
    height: 80px;
  }
  .blog-card-content {
    margin-left: 90px;
  }
}

/**
 * 外部パーツ微調整
 */

.bbp-breadcrumb-home {
  display: none;
  + .bbp-breadcrumb-sep {
    display: none;
  }
}

.topic {
  .footer-post-meta, .post-date, .post-update {
    display: none;
  }
}

.post-0 {
  .footer-post-meta, .post-date, .post-update {
    display: none;
  }
  .post-meta {
    height: 27px;
  }
}

.forum {
  .footer-post-meta, .post-date, .post-update {
    display: none;
  }
}

#bbp_search {
  font-size: 17px;
}

#bbp_search_submit {
  padding-top: 9px;
  padding-bottom: 9px;
}

.bbp-reply-content {
  font-size: 16px;
  line-height: 1.7;
}

.bbp-forum-title {
  font-size: 16px;
}

.bbp-topic-permalink {
  font-size: 14px;
}

#main #bbpress-forums {
  .status-closed {
    color: #000;
    background-color: #fcfcfc;
    a {
      color: #2098a8;
    }
    .bbp-topic-title a {
      color: #333;
    }
  }
  .bbp-reply-author .avatar {
    position: relative;
  }
}

#bbp-container .entry-content {
  margin-left: 0;
}

.bbp-form > {
  div, p {
    text-align: left;
  }
}

#bbp_reply_content, #bbp_topic_content {
  border: 1px solid #ccc;
}

.bbr-form-wrapper {
  clear: left;
}

.bbr-field-wrapper {
  float: left;
  position: relative;
  top: 5px;
  margin-right: 10px;
}

@media screen and (max-width: 440px) {
  #main #bbpress-forums div {
    &.bbp-forum-content, &.bbp-reply-content, &.bbp-topic-content {
      margin-left: 10px;
    }
  }
}

@media screen and (max-width: 480px) {
  .article #bbpress-forums .bbp-body .bbp-reply-author {
    margin-top: 10px;
    padding-left: 0;
    line-height: 1.3;
    .avatar {
      top: 0;
    }
  }
}

#cse-search-box input {
  display: inline-block;
  height: 34px;
  color: #333;
  &[type="text"] {
    width: calc(100% - 70px);
    background-color: #fff;
  }
  &[type="submit"] {
    height: 32px;
  }
}

#main #bbpress-forums div.bbp-reply-author img.avatar {
  position: relative;
}

.widget_archive label.screen-reader-text, .widget_categories label.screen-reader-text {
  display: none;
}

/**
 * ページネーション
 */

.pagination {
  margin: 40px 0;
  padding-left: 0;
  text-align: center;
  li {
    display: inline-block;
  }
  a {
    display: block;
    width: 38px;
    height: 38px;
    font-weight: 500;
    line-height: 38px;
    color: #333;
    border: 0;
  }
  li {
    &:not([class*="current"]) a:hover {
      background-color: #eee;
    }
    &:first-of-type a {
      border-left-width: 1px;
    }
    &.first span, &.last span, &.next span, &.previous span {
      position: absolute;
      top: -9999px;
      left: -9999px;
    }
    &.first a {
      &::before, &::after {
        display: inline-block;
        font-family: Fontawesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
      }
    }
    &.last a {
      &::before, &::after {
        display: inline-block;
        font-family: Fontawesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
      }
    }
    &.next a {
      &::before, &::after {
        display: inline-block;
        font-family: Fontawesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
      }
    }
    &.previous a {
      &::before, &::after {
        display: inline-block;
        font-family: Fontawesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
      }
    }
    &.first a::before {
      content: "\f100";
    }
    &.last a::after {
      content: "\f101";
    }
    &.previous a::before {
      content: "\f104";
    }
    &.next a::after {
      content: "\f105";
    }
    &.current a {
      background-color: #ddd;
      cursor: default;
      pointer-events: none;
    }
  }
  > li {
    &:first-child > a {
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px;
    }
    &:last-child > a {
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px;
    }
  }
}

@media only screen and (max-width: 500px) {
  .pagination li {
    &.first, &.last {
      position: absolute;
      top: -9999px;
      left: -9999px;
    }
    &.previous a {
      border-left-width: 1px;
    }
  }
}

@media only screen and (max-width: 310px) {
  .pagination li {
    position: absolute;
    top: -9999px;
    left: -9999px;
    &.current, &.first, &.last, &.previous, &.next {
      position: initial;
      top: initial;
      left: initial;
    }
    &.previous a {
      border-left-width: 0;
    }
  }
}

.entry-large-thumnail {
  width: 100%;
  height: auto;
}

/**
 * アイキャッチ
 */

.eye-catch {
  line-height: 100%;
  margin-left: 0;
}

.eye-catch-caption {
  font-size: 75%;
}

/**
 * 折り畳みアーカイブウィジェット
 */

.widget_archive {
  .year {
    cursor: pointer;
    text-decoration: underline;
  }
  .years ul {
    -webkit-transition: .3s ease;
    transition: .3s ease;
    margin: 0;
    margin-bottom: 1em;
  }
}

#sidebar .widget_archive .years li {
  margin-bottom: 0;
}

/*PageSpeed Insightsのユーザーエクスペリエンス対策*/
@media screen and (max-width: 639px) {
  #sidebar .widget_archive .years li a {
    margin-bottom: 8px;
    display: inline-block;
  }
}

.widget_archive .years .hide {
  display: none;
  margin: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}

.admin-pv {
  text-align: right;
  > span {
    margin: 0 5px;
    padding: 0 3px;
  }
}

/**
 * highlight.js要のスタイル
 */

.hljs {
  display: block;
  margin: 1em auto;
  padding: 0.5em;
  line-height: 1.4;
  border-radius: 5px;
  word-wrap: normal;
  overflow: auto;
  -webkit-text-size-adjust: none;
}

.hljs-attribute, .hljs-doctag, .hljs-keyword, .hljs-meta-keyword, .hljs-name, .hljs-selector-tag {
  font-weight: bold;
}

/**
 * Alt属性値を画像ホバー時にキャプション表示する
 */

.hover-image {
  display: inline-block;
  position: relative;
  text-align: left;
  border-radius: 3px;
  opacity: 0.99;
  overflow: hidden;
  &:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 50%;
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
    -webkit-transition-property: top, opacity;
    transition-property: top, opacity;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    opacity: 0;
    z-index: 2;
  }
  img {
    display: block;
    max-width: 100%;
  }
  .details {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    font-size: 16px;
    color: #fff;
    z-index: 3;
    a {
      color: #fff;
    }
    span {
      display: block;
      position: relative;
      top: 100px;
      -webkit-transition-property: top, opacity;
      transition-property: top, opacity;
      -webkit-transition-duration: 0.1s;
      transition-duration: 0.1s;
      -webkit-transition-delay: 0s;
      transition-delay: 0s;
      opacity: 0;
    }
    .info {
      line-height: 1.2;
      margin-top: 5px;
      font-size: 12px;
    }
  }
  &:hover {
    &:before {
      opacity: 1;
      top: 50%;
    }
    span {
      top: 0;
      opacity: 1;
    }
    .info {
      -webkit-transition-delay: 0.15s;
      transition-delay: 0.15s;
    }
  }
}

.hover-image-admin::before {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}

.wp-caption .hover-image {
  margin: 0;
}

/**
 * hover card
 */

.hover-internal-blog-card, .hover-external-blog-card {
  width: 500px;
}

.hover-internal-blog-card.hover-blog-card-wide, .hover-external-blog-card.hover-blog-card-wide {
  width: calc(100% - 40px);
  margin: 20px;
}

.hover-internal-blog-card.hover-blog-card-wide .blog-card-wide, .hover-external-blog-card.hover-blog-card-wide .blog-card-wide {
  width: auto;
  margin: 0;
}

.hover-card {
  text-decoration: none;
  display: block;
  .entry-read, .category, .related-entry-read, .blog-card-title {
    color: #111;
    text-decoration: underline;
  }
  .admin-pv {
    color: #111;
    text-decoration: none;
  }
  .entry:hover, .related-entry:hover, .related-entry-thumbnail:hover, .blog-card:hover {
    background-color: #f7f7f7;
  }
  .entry-tile h2, .blog-card-title {
    font-size: 16px;
    line-height: 1.1;
    text-decoration: none;
    font-weight: bold;
  }
  .related-entry-thumbnail h3 {
    font-size: 16px;
    line-height: 1.1;
    font-weight: normal;
  }
}

/**
 * 人気ウィジェットをランキング
 */

.ranking_list {
  counter-reset: wpp-ranking;
  ul li {
    position: relative;
    &::before {
      content: counter(wpp-ranking, decimal);
      counter-increment: wpp-ranking;
      position: absolute;
      top: 3px;
      left: 0;
      padding: 4px 7px;
      background: none repeat scroll 0 0 #666;
      color: #fff;
      font-size: 75%;
      line-height: 1;
      font-family: Arial;
      border-radius: 2px;
      opacity: 0.9;
      z-index: 1;
    }
  }
}

.icon-amp-logo2::before {
  font-size: 14px;
}

/**
 * SNSに関するスタイルシートの設定
 */
/**
 * SNSシェアボタン
 */

#sns-group {
  &:before {
    content: "";
    display: table;
  }
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}

.article .snsb {
  list-style-type: none;
}

.snsb {
  margin-bottom: 0;
  padding: 10px 0;
  font-family: sans-serif;
  li {
    float: left;
    margin-top: 2px;
    margin-bottom: 5px;
    margin-right: 7px;
  }
  a {
    text-decoration: none;
  }
}

.snsbs {
  li {
    margin-right: 5px;
    margin-bottom: 5px;
    a {
      display: block;
      position: relative;
      width: 25px;
      height: 30px;
      padding: 7px 6px 3px;
      font-size: 25px;
      color: #fff;
      text-align: center;
      background-color: #000;
      border-radius: 5px;
      .social-count {
        display: inline-block;
        position: absolute;
        right: 0;
        bottom: 0;
        width: auto;
        height: 12px;
        padding: 1px 3px;
        font-size: 10px;
        font-family: Arial;
        line-height: 12px;
        background-color: #555;
        border-radius: 5px;
      }
      &:hover {
        opacity: 0.7;
      }
    }
    img {
      border-radius: 10px;
    }
  }
  a {
    &.twitter-btn-icon-link {
      background-color: #55acee;
    }
    &.facebook-btn-icon-link {
      background-color: #3b5998;
    }
    &.google-plus-btn-icon-link {
      background-color: #dd4b39;
    }
    &.hatena-btn-icon-link {
      background-color: #3C7DD1;
    }
    &.pocket-btn-icon-link {
      background-color: #EE4257;
    }
    &.line-btn-icon-link {
      background-color: #00c300;
    }
    &.evernote-btn-icon-link {
      background-color: #51b125;
    }
    &.feedly-btn-icon-link {
      background-color: #87bd33;
    }
    &.push7-btn-icon-link {
      background-color: #eeac00;
    }
    &.comments-btn-icon-link {
      background-color: #555;
      padding-top: 4px;
      padding-bottom: 6px;
    }
  }
}

img {
  &.line-btn-img, &.evernote-btn-img {
    min-height: 62px;
  }
  &.line-btn-img-mini, &.evernote-btn-img-mini {
    display: none;
  }
}

/**
  * タイトル下SNSボタン
  * オリジナルの読み込み位置にあわせるため
  * 分離したものの最初のブロック
  */

#sns-group-top {
  margin-bottom: 13px;
  ul {
    padding: 0;
    line-height: 20px;
    li {
      margin-top: 2px;
      margin-bottom: 2px;
    }
  }
  .sns-share-msg {
    display: none;
  }
  .twitter-btn {
    width: 100px;
  }
  .facebook-btn {
    width: 127px;
  }
  .google-plus-btn {
    width: 65px;
    margin-top: -2px;
  }
  .pocket-btn {
    width: 90px;
  }
  img {
    &.line-btn-img {
      display: none;
    }
    &.line-btn-img-mini {
      display: block;
      height: 20px;
    }
  }
  .evernote-btn-img {
    display: none;
  }
  .evernote-btn-img-mini {
    display: block;
    height: 20px;
    width: auto;
  }
}

/**
 * SNSページフォロー
 */

.sns-follow-msg {
  margin: 8px 0 0;
  font-size: medium;
}

.sns-share-msg {
  margin-bottom: 0;
  font-size: medium;
}

#header {
  .sns-follow-msg {
    display: none;
  }
  .snsp {
    margin: 0 0 15px;
  }
}

.snsp {
  padding-left: 0;
  margin: 10px 0 15px;
  li {
    display: inline;
    margin-right: 5px;
    a {
      color: #666;
      font-size: 19px;
      line-height: 170%;
    }
  }
}

/**
 * ロゴのアイコンフォントに関する設定(フォローボタン等で使用)
 */

#container ul.snsp li a:hover {
  color: #fff;
}

.snsp li {
  display: inline-block;
  margin-right: 5px;
  a {
    color: #fff;
    span {
      display: block;
      width: 33px;
      height: 33px;
      font-size: 33px;
      padding: 0;
      background-repeat: no-repeat;
      background-position: 3px 5px;
      background-color: #666;
      border-radius: 4px;
      z-index: 1;
      overflow: hidden;
      &.icon-feedly-square, &.icon-hatebu-square, &.icon-line-square, &.icon-push7-square {
        position: relative;
        font-size: 34px;
      }
    }
  }
  &.twitter-page a span:hover {
    background-color: #55acee;
  }
  &.facebook-page a span:hover {
    background-color: #3b5998;
  }
  &.google-plus-page a span:hover {
    background-color: #dd4b39;
  }
  &.instagram-page a span:hover {
    background-color: #3f729b;
  }
  &.hatebu-page a span:hover {
    background-color: #3C7DD1;
  }
  &.pinterest-page a span:hover {
    background-color: #cc2127;
  }
  &.youtube-page a span:hover {
    background-color: #e52d27;
  }
  &.flickr-page a span:hover {
    background-color: #1d1d1d;
  }
  &.feedly-page a span:hover {
    background-color: #87bd33;
  }
  &.push7-page a span:hover {
    background-color: #eeac00;
  }
  &.line-page a span:hover {
    background-color: #00c300;
  }
  &.rss-page a span:hover {
    background-color: #fe9900;
  }
  &.feedly-page a img {
    margin-bottom: -3px;
    width: 32.5px;
    height: 32.5px;
    border-radius: 7px;
    border-width: 0;
  }
}

#footer .snsp li a span {
  background-color: transparent;
}

/**
 * シェアバー
 */

#sharebar {
  position: fixed;
  width: 90px;
  margin: -50px 0 0 -110px;
  padding: 0;
  text-align: center;
  background: none repeat scroll 0 0 #FFF;
  border: 1px solid #CCC;
  z-index: 99;
  ul {
    &.snsb-balloon li {
      margin-left: 15px;
      margin-bottom: 10px;
    }
    li {
      display: block;
      float: none;
      margin: 5px;
      padding: 0;
      text-align: center;
      overflow: hidden;
      div {
        margin: auto;
      }
    }
  }
  .comments-balloon-btn {
    margin-left: 15px;
    margin-bottom: 10px;
  }
  .sns-share-msg {
    display: none;
  }
  a {
    text-decoration: none;
  }
}

/**
 * 自作のバルーンシェアボタン
 */

.balloon-btn-set {
  display: block;
  width: 60px;
  height: 63px;
  a {
    display: block;
    font-size: 14px;
    color: #777;
    &.twitter-arrow-box-link .fa-comments {
      font-size: 13px;
      color: #aaa;
    }
  }
}

a {
  &.arrow-box-link {
    display: block;
    font-family: Arial;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
  }
  &.evernote-arrow-box-link {
    font-weight: normal;
  }
  &.arrow-box-link:hover {
    color: #555;
  }
  &.balloon-btn-link {
    display: block;
    position: relative;
    top: 4px;
    width: 58px;
    height: 20px;
    color: white;
    text-align: center;
    line-height: 22px;
    border: 1px solid #ddd;
    border-radius: 3px;
    span {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate3d(-50%, -50%, 0);
      transform: translate3d(-50%, -50%, 0);
    }
    &:hover {
      opacity: 0.7;
    }
  }
  &.twitter-balloon-btn-link {
    background-color: #55acee;
  }
  &.facebook-balloon-btn-link {
    background-color: #3b5998;
  }
  &.googleplus-balloon-btn-link {
    background-color: #dd4b39;
  }
  &.hatena-balloon-btn-link {
    background-color: #3C7DD1;
  }
  &.pocket-balloon-btn-link {
    background-color: #EE4257;
  }
  &.line-balloon-btn-link {
    background-color: #00c300;
  }
  &.evernote-balloon-btn-link {
    background-color: #51b125;
  }
  &.feedly-balloon-btn-link {
    background-color: #87bd33;
  }
  &.push7-balloon-btn-link {
    background-color: #eeac00;
  }
  &.comments-balloon-btn-link {
    background-color: #555;
  }
}

.arrow-box {
  display: inline-block;
  position: relative;
  width: 58px;
  height: 33px;
  text-align: center;
  line-height: 33px;
  background: #fff;
  border: 1px solid #bbb;
  border-radius: 3px;
  &:after, &:before {
    position: absolute;
    top: 100%;
    left: 50%;
    content: " ";
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none;
  }
  &:after {
    margin-left: -3px;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 3px;
  }
  &:before {
    margin-left: -5px;
    border-color: rgba(187, 187, 187, 0);
    border-top-color: #ddd;
    border-width: 5px;
  }
}

/**
 * 旧Twitterボタンのような見た目を再現
 */

.twitter-balloon-btn-defalt {
  .balloon-btn-set {
    display: block;
    width: 65px;
    height: 63px;
  }
  .balloon-btn-link {
    position: relative;
    width: 65px;
  }
  .arrow-box {
    width: 65px;
  }
  .twitter-balloon-btn-link .tweet-label {
    font: 11px "Helvetica Neue",Arial,sans-serif;
    vertical-align: 25%;
  }
}

#sns-group-top .twitter-balloon-btn-defalt {
  .balloon-btn-set {
    width: 100px;
    margin-bottom: 0;
  }
  .balloon-btn-link {
    width: 65px;
  }
  .arrow-box {
    width: 25px;
  }
}

/**
  * タイトル下SNSボタン
  * オリジナルの読み込み位置にあわせるため
  * 分離したものの後のブロック
  */

.page #sns-group-top {
  display: none;
}

#sns-group-top {
  ul {
    padding: 0;
    line-height: 20px;
    li {
      margin-top: 2px;
      margin-bottom: 2px;
    }
  }
  .balloon-btn-set {
    display: block;
    width: 87px;
    height: 22px;
    span {
      line-height: 18px;
    }
  }
  .arrow-box-link {
    line-height: 1;
    text-align: center;
  }
  .balloon-btn-link {
    top: 0;
    width: 28px;
    float: left;
    line-height: 1;
  }
  .arrow-box {
    position: relative;
    width: 50px;
    height: 20px;
    float: right;
    line-height: 20px;
    background: #fff;
    border: 1px solid #bbb;
    &:after, &:before {
      content: " ";
      position: absolute;
      top: 50%;
      left: auto;
      right: 100%;
      width: 0;
      height: 0;
      border: solid transparent;
      pointer-events: none;
    }
    &:after {
      margin-top: -3px;
      border-color: rgba(255, 255, 255, 0);
      border-right-color: #fff;
      border-width: 3px;
    }
    &:before {
      margin-top: -4px;
      border-color: rgba(119, 119, 119, 0);
      border-right-color: #bbb;
      border-width: 4px;
    }
  }
  .sns-share-msg {
    display: none;
  }
  .twitter-btn {
    width: 100px;
  }
  .facebook-btn {
    width: 110px;
  }
  .google-plus-btn {
    width: 70px;
    margin-top: -2px;
  }
  .pocket-btn {
    width: 95px;
  }
  .evernote-btn-img {
    display: none;
  }
  .evernote-btn-img-mini {
    display: block;
    width: auto;
    height: 20px;
  }
}

/**
 * バイラルボタン
 */

.sns-group-viral {
  margin-bottom: 5px;
  .snsb li {
    width: 24%;
    margin-right: 1%;
    a {
      position: relative;
      width: 100%;
      height: 45px;
      margin-bottom: 5px;
      font-size: 16px;
      line-height: 35px;
      text-align: center;
      border-radius: 3px;
    }
  }
  .snsbs li a .social-count {
    font-size: 12px;
    font-weight: bold;
    bottom: 2px;
    background-color: transparent;
  }
  .social-icon::after {
    position: relative;
    top: -2px;
    font-family: arial;
    margin-left: 7px;
  }
  .fa-comment:after {
    top: -2px;
    top: 0;
  }
  .icon-twitter:after {
    content: 'Twitter';
  }
  .icon-facebook:after {
    content: 'Facebook';
  }
  .icon-googleplus:after {
    content: 'Google+';
  }
  .icon-hatena:after {
    content: 'Hatena';
  }
  .icon-pocket:after {
    content: 'Pocket';
  }
  .icon-line:after {
    content: 'Line';
  }
  .icon-evernote:after {
    content: 'Evernote';
  }
  .icon-feedly:after {
    content: 'Feedly';
  }
  .icon-push7:after {
    content: 'Push';
  }
  .fa-comment:after {
    content: 'Comment';
  }
}

#sharebar .sns-group-viral {
  .snsb li {
    width: 100%;
    a {
      width: 68px;
    }
  }
  .social-icon:after {
    display: none;
  }
}

/**
 * Push7通知ボタンのスタイル
 */

.snsb .p7-b > {
  .p7-left, .p7-top {
    font-weight: bold;
    font-size: 14px;
    font-family: Arial;
    text-align: center;
    color: #777;
    border-color: #bbb;
  }
  .p7-left {
    margin-left: 6px;
  }
  .p7-top {
    height: 33px;
    margin-bottom: 4px;
    padding: 0;
    line-height: 33px;
  }
}

#sharebar .snsb .p7-b > .p7-top {
  margin-bottom: 4px;
}

.push7-balloon-btn .p7-b > a {
  padding: 2px 4px;
  border: 1px solid #ddd;
  > span {
    font-size: 12px;
  }
  &:hover {
    opacity: 0.7;
  }
}

.facebook-save-button {
  margin: 1em 0;
}

.widget-under-sns-buttons.widget_facebook_save_button .main-widget-label {
  display: block;
  margin: 1em 0;
}

.fb-like iframe {
  max-width: none;
}
            
          
!
            
              //jQuery3.x対応版

/////////////////////////////////
//TOPへ戻るボタン
/////////////////////////////////
(function($) {
  var prevScrollTop = -1;
  var $window = $(window);
  $window.scroll(function() {
    //最上部から現在位置までの距離を取得して、変数[scrollTop]に格納
    var scrollTop = $window.scrollTop();
    var threashold = 600;
    var s1 = (prevScrollTop > threashold);
    var s2 = (scrollTop > threashold);

    // スレッショルドを跨いだ時のみ処理をする
    if (s1 ^ s2) {
      if (s2) {
        //[#page-top]をゆっくりフェードインする
        $('#page-top').fadeIn('slow');
      }
      else {
        //それ以外だったらフェードアウトする
        $('#page-top').fadeOut('slow');
      }
    }

    prevScrollTop = scrollTop;
  });
  //ボタン(id:move-page-top)のクリックイベント
  $('#move-page-top').click(function() {
    //ページトップへ移動する
    $('body,html').animate({
      scrollTop: 1
    }, 800);
  });
})(jQuery);

/////////////////////////////////
//スクロール追従
/////////////////////////////////
(function($){
	var wrapperTop; //追従エリアのトップ位置を格納(追従開始位置
	var wrapperHeight; //追従エリアの高さを格納
	var sidebarHeight; //サイドバーの高さを格納

	//非同期ブログパーツがあっても追従開始位置がずれないように修正(無理やり)
	//スマートな良い方法があれば、ご教授お願いします。
	setInterval(function() {
		wrapperHeight = $('#sidebar-scroll').outerHeight();
		sidebarHeight = $('#sidebar').outerHeight();
		wrapperTop = sidebarHeight - wrapperHeight + 240;
	}, 2000);

  $(function() {
    /*
    Ads Sidewinder
    by Hamachiya2. https://d.hatena.ne.jp/Hamachiya2/20120820/adsense_sidewinder
    */

    var main = $('#main'); // メインカラムのID
    var side = $('#sidebar'); // サイドバーのID
    var wrapper = $('#sidebar-scroll'); // スクロール追従要素のID
    var side_top_margin = 60;
    
		//スクロール追従エリアにウイジェットが入っていないときはスルー
		if (!wrapper.length) {
      return;
    }
		
    //レスポンシブでサイドバーをページ下に表示しているときはスルー
		if (side.css('clear') == 'both') {
      return;
    } 

    if (main.length === 0 || side.length === 0 || wrapper.length === 0) {
      return;
    }

    var w = $(window);
    wrapperHeight = wrapper.outerHeight();
    wrapperTop = wrapper.offset().top; //とりあえずドキュメントを読み込んだ時点でスクロール追従領域の高さを取得
    var sideLeft = side.offset().left;
    //console.log(wrapperTop);

    var sideMargin = {
      top: side.css('margin-top') ? side.css('margin-top') : 0,
      right: side.css('margin-right') ? side.css('margin-right') : 0,
      bottom: side.css('margin-bottom') ? side.css('margin-bottom') : 0,
      left: side.css('margin-left') ? side.css('margin-left') : 0
    };

    var winLeft;
    var pos;

    var scrollAdjust = function() {
      var
        sideHeight = side.outerHeight(),
        mainHeight = main.outerHeight(),
        mainAbs = main.offset().top + mainHeight,
        winTop = w.scrollTop() + side_top_margin,
        winLeft = w.scrollLeft(),
        winHeight = w.height();
      var nf = (winTop > wrapperTop) && (mainHeight > sideHeight) ? true : false;
      pos = !nf ? 'static' : (winTop + wrapperHeight) > mainAbs ? 'absolute' : 'fixed';
      if (pos === 'fixed') {
        side.css({
          position: pos,
          top: '',
          bottom: winHeight - wrapperHeight,
          left: sideLeft - winLeft,
          margin: 0,
          marginBottom: '-' + side_top_margin
        });

      } else if (pos === 'absolute') {
        side.css({
          position: pos,
          top: mainAbs - sideHeight,
          bottom: '',
          left: sideLeft,
          margin: 0,
          marginBottom: '-' + side_top_margin
        });

      } else {
        side.css({
          position: pos,
          marginTop: sideMargin.top,
          marginRight: sideMargin.right,
          marginBottom: sideMargin.bottom,
          marginLeft: sideMargin.left
        });
      }
    };

    var resizeAdjust = function() {
      side.css({
        position: 'static',
        marginTop: sideMargin.top,
        marginRight: sideMargin.right,
        marginBottom: sideMargin.bottom,
        marginLeft: sideMargin.left
      });
			
      sideLeft = side.offset().left;
      winLeft = w.scrollLeft();
      
			if (pos === 'fixed') {
        side.css({
          position: pos,
          left: sideLeft - winLeft,
          margin: 0,
          marginBottom: '-' + side_top_margin + 'px'
        });

      }
      else if (pos === 'absolute') {
        side.css({
          position: pos,
          left: sideLeft,
          margin: 0,
          marginBottom: '-' + side_top_margin + 'px'
        });
      }
    };
    w.on('load scroll', scrollAdjust);
    //w.on('scroll', scrollAdjust);
    w.on('resize', resizeAdjust);
  });
})(jQuery);

/////////////////////////////////
// メニューボタンの開閉
/////////////////////////////////
(function($) {
  $(function() {
    $('#mobile-menu-toggle').on("click",function() {
      var header_menu = $('#navi ul');
      if (header_menu.css('display') == 'none') {
        header_menu.slideDown();
      }
      else {
        header_menu.slideUp();
      }
    });
  });
})(jQuery);

///////////////////////////////////
// ソーシャルボタンカウントの非同期取得
///////////////////////////////////
(function($) {
  $(window).scroll(function() {
    //console.log($('#sidebar').css('clear'));
    //最上部から現在位置までの距離を取得して、変数[now]に格納
    var now = $(window).scrollTop();
    var sharebar = $('#sharebar');
    if (!sharebar.length) {
      return;
    }
    var main = $('#main');
    var sharebar_top = sharebar.offset().top;
    var sharebar_h = sharebar.outerHeight();
    var main_top = main.offset().top;
    var main_h = main.outerHeight();

    var bottom_line = main_h - 400;
    if (now < (main_h - sharebar_h)) {
      if (now > main_top) {
        sharebar.css({
          position: 'fixed',
          top: '70px'
        });
      } else {
        sharebar.css({
          position: 'absolute',
          top: main_top + 70
        });
      }
    } else {
      sharebar.css({
        position: 'absolute',
        top: main_h - sharebar_h
      });
    }
  });
})(jQuery);

// // Twitterのシェア数を取得
// function fetch_twitter_count(url, selector) {
//   jQuery.ajax({
//     url:'//urls.api.twitter.com/1/urls/count.json',
//     dataType:'jsonp',
//     timeout: 10000, //10sec
//     data:{
//       url:url
//     }
//   }).done(function(res){
//     jQuery( selector ).text( res.count || 0 );
//   }).fail(function(){
//     jQuery( selector ).html('<span class="fa fa-exclamation"></span>');
//   });
// }

// //Twitterのシェア数を取得(自分のサーバーからPHPで取得)
// function fetch_twitter_count(url, selector) {
//   jQuery.ajax({
//     url: social_count_config.theme_url+'/lib/fetch-twitter.php?url='+url,
//     dataType:'text',
//     timeout: 10000, //10sec
//   }).done(function(res){
//     jQuery( selector ).text( res || 0 );
//   }).fail(function(){
//     jQuery( selector ).html('<span class="fa fa-exclamation"></span>');
//   });
// }

//count.jsoonからTwitterのツイート数を取得
function fetch_twitter_count_from_count_jsoon(url, selector) {
  jQuery.ajax({
    url: '//jsoon.digitiminimi.com/twitter/count.json',
    dataType: 'jsonp',
    timeout: 10000, //10sec
    data: {
      url: url
    },
    success: function(res) {
      jQuery(selector).html(res.count || 0);
    },
    error: function() {
      jQuery(selector).html('error');
    }
  });
}


//Facebookのシェア数を取得
function fetch_facebook_count(url, selector) {
  jQuery.ajax({
    url: 'https://graph.facebook.com/',
    dataType: 'jsonp',
    timeout: 10000, //10sec
    data: {
      id: url
    }
  }).done(function(res) {
    //console.log(res);
    if (res.share && res.share.share_count) {
      jQuery(selector).text(res.share.share_count);
    }
    else {
      jQuery(selector).text(0);
    }
  }).fail(function() {
    jQuery(selector).html('<span class="fa fa-exclamation"></span>');
  });
}

//Google+のシェア数を取得
function fetch_google_plus_count(url, selector) {
  jQuery.ajax({
    url: social_count_config.theme_url + '/lib/fetch-google-plus.php?url=' + url,
    dataType: 'text',
    timeout: 10000, //10sec
  }).done(function(res) {
    jQuery(selector).text(res || 0);
  }).fail(function() {
    jQuery(selector).html('<span class="fa fa-exclamation"></span>');
  });
}

//はてなブックマークではてブ数を取得
function fetch_hatebu_count(url, selector) {
  jQuery.ajax({
    url: '//b.hatena.ne.jp/entry.count?callback=?',
    //url:'//api.b.st-hatena.com/entry.count?callback=?',
    dataType: 'jsonp',
    timeout: 10000, //10sec
    data: {
      url: url
    }
  }).done(function(res) {
    jQuery(selector).text(res || 0);
  }).fail(function() {
    jQuery(selector).html('<span class="fa fa-exclamation"></span>');
  });
}

//ポケットのストック数を取得
function fetch_pocket_count(url, selector) {
  jQuery.ajax({
    url: social_count_config.theme_url + '/lib/fetch-pocket.php?url=' + url,
    dataType: 'text',
    timeout: 10000, //10sec
  }).done(function(res) {
    jQuery(selector).text(res || 0);
  }).fail(function() {
    jQuery(selector).html('<span class="fa fa-exclamation"></span>');
  });
}

//feedlyの購読者数を取得
function fetch_feedly_count(rss_url, selector) {
  jQuery.ajax({
    url: social_count_config.theme_url + '/lib/fetch-feedly.php?url=' + rss_url,
    dataType: 'text',
    timeout: 10000, //10sec
  }).done(function(res) {
    jQuery(selector).text(res || 0);
  }).fail(function() {
    jQuery(selector).html('<span class="fa fa-exclamation"></span>');
  });
}

//Push7で購読者数を取得
function fetch_push7_count(app_no, selector) {
  url = 'https://api.push7.jp/api/v1/' + app_no + '/head';
  jQuery.ajax({
    url: url,
    dataType: 'json',
    timeout: 10000, //10sec
    data: {
      url: url
    }
  }).done(function(res) {
    jQuery(selector).text(res.subscribers || 0);
  }).fail(function() {
    jQuery(selector).html('<span class="fa fa-exclamation"></span>');
  });
}

jQuery(function() {
  if (typeof social_count_config !== 'undefined') {
    //console.log(social_count_config.all_sns_share_btns_visible);
    //シェアボタンを全部表示しているとき
    if (social_count_config.all_sns_share_btns_visible &&
      social_count_config.all_share_count_visible) {

      //Twitterカウントの取得
      if (social_count_config.twitter_btn_visible) {
        fetch_twitter_count_from_count_jsoon(social_count_config.permalink, '.twitter-count');
      }

      //Facebookカウントの取得
      if (social_count_config.facebook_btn_visible) {
        fetch_facebook_count(social_count_config.permalink, '.facebook-count');
      }
      //Google+カウントの取得
      if (social_count_config.google_plus_btn_visible) {
        fetch_google_plus_count(social_count_config.permalink, '.googleplus-count');
      }
      //はてブカウントの取得
      if (social_count_config.hatena_btn_visible) {
        fetch_hatebu_count(social_count_config.permalink, '.hatebu-count');
      }
      //Pocketカウントの取得
      if (social_count_config.pocket_btn_visible) {
        fetch_pocket_count(social_count_config.permalink, '.pocket-count');
      }
      //feedlyカウントの取得
      if (social_count_config.feedly_btn_visible) {
        fetch_feedly_count(social_count_config.rss2_url, '.feedly-count');
      }
      //push7カウントの取得
      if (social_count_config.push7_btn_visible) {
        fetch_push7_count(social_count_config.push7_app_no, '.push7-count');
      }

    }

  }

  if (typeof lazyload_config !== 'undefined') {
    jQuery('img').lazyload(lazyload_config);
  }
});

//masonry
(function($){
	function doMasonry() {
		$('#list').masonry({ //<!-- #listは記事一覧を囲んでる部分 -->
			itemSelector: '.entry', //<!--.entryは各記事を囲んでる部分-->
			isAnimated: false //<!--アニメーションON-->
		});
	}

	$(window).on("load", function() {
		if (typeof do_masonry !== 'undefined') {
			doMasonry();
		}
	});
	
	$(function() {
		if (typeof do_masonry !== 'undefined') {
			doMasonry();
		}
	});
})(jQuery);

///////////////////////////////////
// レスポンス表示時のメニューの挙動
// メニューのスタイル表示崩れの防止
///////////////////////////////////
(function($) {
  $(window).on("resize",function() {
    if ($(window).width() > 1110) {
      $('#navi-in ul').removeAttr('style');
    }
  });
})(jQuery);

///////////////////////////////////
// Facebookページいいねエリアのリサイズ(Androidブラウザ対応用)
///////////////////////////////////
(function($){
	//間引き用関数
	var debounce = function(object, eventType, callback){
		var timer;
		object.addEventListener(eventType, function() {
			clearTimeout(timer);
			timer = setTimeout(function(){
				callback();
			}, 100);
		}, false);
	};
	
	/*
	*	selector:	string	#main, #sidebar
	*	return: なし
	*/
	var adjust_article_like_arrow_box = function(selector) {
		var target = $(selector),
				boxSize = 114;
		
		target.each(function(){
			var wth = $(this).width();
			var w = wth - boxSize;
			$(this).find(".article-like-arrow-box").css("width", w);
		});
	};
	
	$(function(){
		adjust_article_like_arrow_box("#main, #sidebar");
	});

	debounce(window, "resize", function(){
		adjust_article_like_arrow_box("#main, #sidebar");
	});

})(jQuery);
	
// ///////////////////////////////////
// // Twitterのツイート数取得関数を呼び出す
// ///////////////////////////////////
// jQuery(function(){
//   if (typeof social_count_config !== 'undefined') {
//     //シェアボタンを全部表示しているとき
//     if ( social_count_config.all_sns_share_btns_visible &&
//          social_count_config.all_share_count_visible &&
//          social_count_config.twitter_count_visible ) {
//       fetch_twitter_count_from_count_jsoon('http://nelog.jp/google-map-to-amp', '.twitter-count');
//     }
//   }
// });

/////////////////////////////////
// 折り畳み式アーカイブウィジェット
/////////////////////////////////
(function($) {
  $(function() {
    var wgts = $(".widget_archive"); //アーカイブウィジェット全てを取得
    //アーカイブウィジェットを1つずつ処理する
    wgts.each(function(i, el) {
      var wgt = $(el);

      //日付表示+投稿数か
      var has_date_count = wgt.text().match(/\d+年\d+月\s\(\d+\)/);
      //日付表示だけか
      var has_date_only = wgt.text().match(/\d+年\d+月/) && !has_date_count;

      //日付表示されているとき(ドロップダウン表示でない時)
      if (has_date_count || has_date_only) {
        var
          clone = wgt.clone(), //アーカイブウィジェットの複製を作成
          year = [];
        //クローンはウィジェットが後にに挿入。クローンはcssで非表示
        wgt.after(clone);
        clone.attr("class", "archive_clone").addClass('hide');

        var
          acv = wgt, //ウィジェット
          acvLi = acv.find("li"); //ウィジェット内のli全て
        //ul.yearsをアーカイブウィジェット直下に追加してそのDOMを取得
        var acv_years = acv.append('<ul class="years"></ul>').find("ul.years");

        //liのテキストから年がどこからあるかを調べる
        acvLi.each(function(i) {
          var reg = /(\d+)年(\d+)月/;
          //日付表示+投稿数か
          if (has_date_count) {
            reg = /(\d+)年(\d+)月\s\((\d+)\)/;
          }
          var dt = $(this).text().match(reg);
          year.push(dt[1]);

        });
        $.unique(year); //重複削除

        acvLi.unwrap(); //liの親のulを解除

        //投稿年があるだけ中にブロックを作る
        var
          yearCount = year.length,
          ii = 0;
        while (ii < yearCount) {
          acv_years.append("<li class='year_" + year[ii] + "'><a class='year'>" + year[ii] + "年</a><ul class='month'></ul></li>");
          ii++;
        }

        //作ったブロック内のulに内容を整形して移動
        //オリジナルのクローンは順番に削除
        var j = 0;
        acvLi.each(function(i, el) {
          var reg = /(\d+)年(\d+)月/;
          //日付表示+投稿数か
          if (has_date_count) {
            reg = /(\d+)年(\d+)月\s\((\d+)\)/;
          }
          var
            dt = $(this).text().match(reg),
            href = $(this).find("a").attr("href");

          //月の追加
          var rTxt = "<li><a href='" + href + "'>" + "" + dt[2] + "月</a>";
          //日付表示+投稿数か
          if (has_date_count) {
            rTxt += " (" + dt[3] + ")" + "</li>"; //投稿数の追加
          }

          //作成した月のHTMLを追加、不要なものは削除
          if (year[j] === dt[1]) {
            acv_years.find(".year_" + year[j] + " ul").append(rTxt);
            $(this).remove();
          }
          else {
            j++;
            acv_years.find(".year_" + year[j] + " ul").append(rTxt);
            $(this).remove();
          }
        });

        //クローン要素を削除
        clone.remove();

        //直近の年の最初以外は.hide
        acv.find("ul.years ul:not(:first)").addClass("hide");

        //年をクリックでトグルshow
        acv.find("a.year").on("click", function() {
          $(this).next().toggleClass("hide");
        });
      } //if has_date_count || has_date_only
    }); //wgts.each
		
  });

})(jQuery);

/////////////////////////////////
//テーブルにレスポンシブ用のラップを追加する
/////////////////////////////////
// (function($){
//   $('table:not(.table-wrap table)').wrap('<div class="table-wrap"></div>');
// })(jQuery);

            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console