/* ==========================================================================

	 MYD WP Basic CSS

	 ========================================================================== */

/*
 * このファイルには投稿ページ、固定ページ、ウィジェットなど、
 * WordPressの基本的な要素について記述する。
 * ウェブサイトで一般的にに使われる要素の基本設定についてはbasic.cssに記述する。
*/

/* Ensure that there is no gap between the header and
	 the admin bar for WordPress versions before 3.8. */
#wpadminbar {
	min-height: 32px;
}

/* ==========================================================================
	 Accessibility
	 ========================================================================== */

/* Text meant only for screen readers */
.says,
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
	background-color: #f1f1f1;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #21759b;
	display: block;
	font: bold 14px/normal "Noto Sans", sans-serif;
	left: -9999em;
	outline: none;
	padding: 15px 23px 14px;
	text-decoration: none;
	text-transform: none;
	top: -9999em;
}

.logged-in .site .skip-link {
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	font: bold 14px/normal "Open Sans", sans-serif;
}

.site .skip-link:focus {
	clip: auto;
	height: auto;
	left: 6px;
	top: 7px;
	width: auto;
	z-index: 100000;
}

/* ==========================================================================
	 Alignment
	 ========================================================================== */

.alignleft {
	display: inline;
	float: left;
}

.alignright {
	display: inline;
	float: right;
}

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

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
	margin: 0.4em 1em 0 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
	margin: 0.4em 0 0 1.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
	clear: both;
	margin-top: 0.4em;
	margin-bottom: 0;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
	margin-bottom: 0;
}

@media(max-width: 768px) {
	.alignleft,
	blockquote.alignleft,
	.wp-caption.alignleft,
	img.alignleft,
	.alignright,
	blockquote.alignright,
	.wp-caption.alignright,
	img.alignright {
		display: block;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
}

/* ==========================================================================
	 ウィジェットエリア
	 ========================================================================== */

/*
 * Sidebars
 * ウィジェットを置ける場所
 */

/* 記事 本文上
	 ========================================================================== */

.single_main_post_content_top {
	padding-bottom: 1em;
	text-align: center;
}

/* 記事 「続きを読む」の後
	 ========================================================================== */

.single_main_post_content_more {
	text-align: center;
}

/* 記事 本文下
	 ========================================================================== */

.single_main_post_content_bottom {
	padding-top: 1em;
	text-align: center;
}

/* 記事 メインカラム下
	 ========================================================================== */

.single_main_bottom {
	padding-top: 2em;
}

/* ヘッダーバナー
	 ========================================================================== */

.bigbanner_top {
	padding-bottom: 20px;
	text-align: center;
	line-height: 0;
}

.bigbanner_top:before,
.bigbanner_top:after {
	content: none!important;
}

/* フッターバナー
	 ========================================================================== */

.bigbanner_bottom {
	clear: both;
	padding-bottom: 20px;
	text-align: center;
	line-height: 0;
}

.bigbanner_bottom:before,
.bigbanner_bottom:after {
	content: none!important;
}

@media(max-width: 768px) {
	.bigbanner_top {
		padding-bottom: 10px;
	}
	.bigbanner_bottom {
		padding-top: 10px;
	}
	.bigbanner_top,
	.bigbanner_bottom {
		margin-left: -1em;
		margin-right: -1em;
	}
}

/* スクロール追尾
	 ========================================================================== */

.fixed-sidebar-wrapper {
}

.fixed-sidebar-wrapper .fixed-sidebar {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* ==========================================================================
	 コンテンツ
	 ========================================================================== */

.hentry:before,.hentry:after { content: ""; display: table }
.hentry:after { clear: both }

.widget:before,.widget:after { content: ""; display: table }
.widget:after { clear: both }

.hentry,
.main > div > .widget,
.category-description > .widget {
	margin-bottom: 20px;
	padding: 20px;
	border: 1px solid #ddd;
	background-color: #fff;
}

.hentry > .entry-content *:last-child,
.main > div > .widget > *:last-child,
.category-description > .widget > *:last-child {
}

@media(max-width: 768px) {
	body .hentry,
	body .main > div > .widget {
		margin-bottom: 1em;
		padding: 14px;
	}
	body .hentry .entry-header .entry-title,
	body .main > div > .widget .widget-title,
	body .category-description > .widget .widget-title {
		margin: -14px -14px 14px;
	}
}

/* カード型 */

.hentry.card-summary,
.hentry.card-title {
	margin: 0;
	padding: 0;
	height: 100%;
}

.l-card-wrapper {
	margin: 0 0 0 -27px;
	display: flex;
	flex-wrap: wrap;
}

.l-card {
	padding: 0 0 27px 27px;
	font-size: 14px;
	font-size: 1.4rem;
}

	.l-card-wrapper {
		font-size: 0\9;
	}
	.l-card {
		display: inline-block\9;
		vertical-align: top\9;
	}

.c1  .l-card { width: 33.333% }
.c2l .l-card { width: 50% }
.c2r .l-card { width: 50% }
.c3  .l-card { width: 50% }
.c3r .l-card { width: 50% }

@media(max-width: 768px) {
	.c1  .l-card { width: 100% }
	.c2l .l-card { width: 100% }
	.c2r .l-card { width: 100% }
	.c3  .l-card { width: 100% }
	.c3r .l-card { width: 100% }
}

/* 投稿タイトル
	 ========================================================================== */

.hentry .entry-header .entry-title,
.main > div > .widget .widget-title,
.category-description > .widget .widget-title {
	margin-bottom: 20px;
	font-size: 21px;
	font-size: 2.1rem;
	line-height: 1.333;
}

.hentry .entry-header .entry-title a,
.main > div > .widget .widget-title a,
.category-description > .widget .widget-title a {
	color: inherit;
	text-decoration: none;
}

.hentry .entry-header .entry-title a:hover,
.main > div > .widget .widget-title a:hover,
.category-description > .widget .widget-title a:hover {
}

/* カード型 */

.hentry.card-summary .entry-header .entry-title,
.hentry.card-title .entry-header .entry-title {
	overflow: hidden;
	margin: 15px auto 15px;
	padding: 0 15px ;
	height: 2.618em;
	border: none;
	background-color: transparent;
	background-image: none;
	box-shadow: none;
	text-overflow: ellipsis;
}

.hentry.card-summary .entry-header .entry-title a,
.hentry.card-title .entry-header .entry-title a {
	padding-left: 0;
}
.hentry.card-summary .entry-header .entry-title a:before,
.hentry.card-title .entry-header .entry-title a:before,
.hentry.card-summary .entry-header .entry-title .entry-title-inner:before,
.hentry.card-title .entry-header .entry-title .entry-title-inner:before {
	content: none;
}

.hentry.card-summary .entry-header .entry-title .entry-title-inner,
.hentry.card-title .entry-header .entry-title .entry-title-inner {
	display: inline;
	background: none;
	margin-bottom: 0;
	padding: 0;
}

.hentry.card-summary .entry-header .entry-title {
}

@media(max-width: 768px) {
	.hentry .entry-header .entry-title,
	.main > div > .widget .widget-title,
	.category-description > .widget .widget-title {
		font-size: 18px;
		font-size: 1.8rem;
	}
}

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

.entry-img {
	position: relative;
	z-index: 1;
	display: block;
	float: right;
	overflow: hidden;
	margin: 0 0 1em 1em;
	width: 33%;
}

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

/* リスト型 */

/* 投稿 */
.hentry .entry-img {
	width: 180px;
	height: auto;
}

	.hentry .entry-img.entry-img--center {
		float: none;
		margin: 0 auto 1em;
		width: 100%;
		max-height: none;
	}

	.hentry .entry-img.entry-img--left {
		float: left;
		margin: .5em 1em 1em 0;
		width: 33%;
		max-height: none;
	}

	.hentry .entry-img.entry-img--right {
		float: right;
		margin: .5em 0 1em 1em;
		width: 33%;
		max-height: none;
	}

/* ウィジェット：メイン */
.main .widget .entry-img {
	width: 120px;
	max-height: 90px;
}

/* ウィジェット：サブ */
.sidebar .widget .entry-img {
	width: 90px;
	max-height: 60px;
}

/* カード型 */

.l-card .entry-img {
	float: none;
	margin: 0 0 .75em;
	height: 15em;
	max-height: 15em;
	width: 100%;
}

.l-card .entry-img-inner { /* htmlの方にbackground-imageが書いてある */
	display: block;
	width: 100%;
	height: 100%;
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
}

@media(max-width: 768px) {
	.entry-img {
		float: none;
		margin: 0 auto .75em !important;
		width: 100% !important;
		height: auto !important;
		max-height: 100% !important;
		text-align: center;
		transform: none !important;
	}
	.l-card .entry-img {
		height: 15em !important;
	}
}

/* エントリーメタ
	 ========================================================================== */

.entry-meta {
	clear: both;
	margin-bottom: 2em;
	color: #666;
	text-align: left;
	font-size: 12px;
	line-height: 1.5;
}

footer.entry-meta {
	margin-top: 1em;
	margin-bottom: 0;
	padding-top: 2em;
	border-top: 1px solid rgba(0,0,0,.1);
}

.entry-meta a,
.entry-meta a:visited {
	color: #666;
}

.entry-meta a:hover {
}

.sticky .entry-meta { /* 先頭固定表示 */
	display: none;
}

.entry-meta-item {
	margin-right: .5em;
	margin-bottom: .5em;
}

.entry-meta .tag {
	margin: 5px 0;
}

.entry-meta .date:before {
	content: "\f073";
	font-family: FontAwesome;
	margin-right: 5px;
}

.entry-meta .author:before {
	content: "\f007";
	font-family: FontAwesome;
	margin-right: 5px;
}

	.entry-meta .author { display: none; }

.entry-meta .category:before {
	content: "\f115";
	font-family: FontAwesome;
	margin-right: 5px;
}

.entry-meta .comments:before {
	content: "\f0e5";
	font-family: FontAwesome;
	margin-right: 5px;
}

.entry-meta .edit_post {
}

/* カード型 */

.hentry.card-summary footer.entry-meta,
.hentry.card-title footer.entry-meta {
	margin: 15px;
	padding: 0;
	background: transparent;
	border: none;
}

/* 投稿内容
	 ========================================================================== */

.entry-content:before,.entry-content:after { content: ""; display: table }
.entry-content:after { clear: both }
.entry-content {
	line-height: 2;
}

.entry-content > .widget:first-child .widget-title,
.entry-content > *:first-child {
	margin-top: 0;
}

.entry-content > :last-child {
  margin-bottom: 0;
}

.entry-content .widget:first-child {
	margin-bottom: 30px;
}

/* タイポグラフィー */

.entry-content > ul li {
	margin-top: .25em;
	margin-bottom: .25em;
}


.entry-content > hr {
	clear: both;
	margin: 40px auto;
	height: 1px;
	background: #ccc;
}

.entry-content > blockquote {
	margin: 30px;
	background-color: rgba(0,0,0,.02);
	padding: 2em 2em 2em 4em;
	position: relative;
}

.entry-content > blockquote:before {
	position: absolute;
	top: 15px;
	left: 15px;
	color: #ccc;
	content: "\201c";
	font-size: 600%;
	font-family: serif;
	line-height: 1em;
}

.entry-content > blockquote > :last-child {
	margin-bottom: 0;
}

@media(max-width: 768px) {
	.entry-content > blockquote {
		margin: 20px 0;
		padding: 40px 20px 20px;
		border: 1px solid #eee;
	}
	.entry-content > blockquote:before {
		font-size: 300%;
	}
}

.textwidget table,
.widget_text_noframe_myd table,
.entry-content table {
	margin: 2em auto;
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	font-size: 96%;
}

.textwidget table th,
.textwidget table td,
.widget_text_noframe_myd table th,
.widget_text_noframe_myd table td,
.entry-content table th,
.entry-content table td {
	padding: .75em 1em;
	border: 1px solid #ddd;
	text-align: left;
	vertical-align: top;
	line-height: 1.618;
}

.textwidget table th,
.widget_text_noframe_myd table th,
.entry-content table th {
	background-color: rgba(0,0,0,.02);
}

.entry-content .table-wrap { overflow: scroll; } /* 画面が小さい時に横スクロールを出す（要JS） */

.textwidget table img,
.widget_text_noframe_myd table img,
.entry-content table img {
	max-width: none;
}

.h1,
.entry-content h1,
.textwidget h1 {
	text-align: left;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.333;
}

.h2,
.entry-content h2,
.textwidget h2 {
	margin: 2em 0 1em;
	padding: 0 0 .5em;
	border-bottom: 1px solid #aaa;
	text-align: left;
	font-size: 21px;
	font-size: 2.1rem;
	line-height: 1.333;
}

.h3,
.textwidget > h3,
.entry-content > h3,
.entry-content .widget h3,
.hentry .widget .widget-title,
.yarpp-related h3 /* Yet Another Related Posts */,
.yarpp-related-widget h3 /* Yet Another Related Posts */ {
	margin: 2em 0 1em;
	padding: .7em .7em .6em;
	border-radius: 2px;
	background: rgba(0,0,0,.06);
	text-align: left;
	font-size: 21px;
	font-size: 2.1rem;
	line-height: 1.333;
}

.h4,
.entry-content h4,
.textwidget h4 {
	margin: 2em 0 1em;
	padding: 3px 0 6px;
	border-bottom: 1px solid #ccc;
	text-align: left;
	font-size: 21px;
	font-size: 2.1rem;
	line-height: 1.333;
}

.h5,
.entry-content h5,
.textwidget h5 {
	margin: 2em 0 1em;
	text-align: left;
	font-size: 21px;
	font-size: 2.1rem;
}

.h6,
.entry-content h6,
.textwidget h6 {
	margin: 2em 0 1em;
	font-size: 21px;
	font-size: 2.1rem;
	line-height: 1.333;
}

.entry-content p,
.textwidget p {
	text-align: justify;
	text-justify: inter-ideograph;
}

.entry-content ul,
.textwidget ul {
	text-align: justify;
	text-justify: inter-ideograph;
}

/* 外部アイコン */
#content-area .entry-content p a[target="_blank"]:after,
#content-area .textwidget p a[target="_blank"]:after { 
	margin: 0 3px;
	font-family: FontAwesome;
	vertical-align: middle;
	content: '\f08e';
}
	/* 外部アイコンつけない */
	#content-area .entry-content table a[target="_blank"]:after,
	#content-area .textwidget table a[target="_blank"]:after,
	#content-area a.no_icon:after /* imgを含むaにjqueryでno_iconというclassをつけている */ {
		content:none !important;
	} 

.h1 a, .entry-content h1 a, .textwidget h1 a,
.h2 a, .entry-content h2 a, .textwidget h2 a,
.h3 a, .entry-content h3 a, .textwidget h3 a,
.h4 a, .entry-content h4 a, .textwidget h4 a,
.h5 a, .entry-content h5 a, .textwidget h5 a,
.h6 a, .entry-content h6 a, .textwidget h6 a { color: inherit !important; text-decoration: none;}

/* 続きを読む */

.more-link > a {
	display: inline-block;
	clear: both;
	margin: 9px 0 0;
	padding: 9px;
	border: 1px solid #666;
	border-radius: 3px;
	color: inherit;
	color:  #666;
	font-size: 12px;
	line-height: 1;
}

.more-link > a:after {
	margin-left: 6px;
	content: "\f0da";
	font-family: FontAwesome;
}

.more-link > a:hover {
	background-color: #666;
	color: #fff;
	text-decoration: none;
}

/* Page links */

.page-links {
	clear: both;
	margin-bottom: 1.3333em;
}

.page-links a,
.page-links > span {
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	height: 2em;
	line-height: 2;
	margin: 0 0.3333em 0.3333em 0;
	text-align: center;
	width: 2em;
}

.page-links a {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
	background-color: #333;
	border-color: #333;
	color: #fff;
}

.page-links a:hover,
.page-links a:focus {
	background-color: #707070;
	background-color: rgba(51, 51, 51, 0.7);
	border-color: transparent;
	color: #fff;
}

.page-links > .page-links-title {
	border: 0;
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	height: auto;
	margin: 0;
	padding-right: 0.5em;
	width: auto;
}

/* Post password form */

.post-password-form {
	clear: both;
	padding: 2em 2em 1.5em;
	background-color: rgba(0,0,0,.0333);
	border: 1px solid rgba(0,0,0,.05);
}

/* Attachments  */

.attachment .wp-post-image {
	display: none;
}

/* ==========================================================================
	 コメント
	 ========================================================================== */

h3#comments,
#respond h3 {
	margin-top: 2em;
	padding-top: 1em;
	border-top: 1px solid #eee;
	font-weight: normal;
}

ol.commentlist {
	list-style-type: none;
	margin-bottom: 0;
	clear: both;
	background-color: rgba(0,0,0,.0333);
	padding: 20px;
}

li.comment {
	border-top: 1px solid rgba(0,0,0,.1);
	margin-top: 2em;
	padding-top: 2em;
	font-size: 13px;
}

ol.commentlist li.bypostauthor{ 
	overflow: hidden;
	margin-bottom: 1em;
	padding: 1em 1em 0;
	background-color: rgba(0,0,0,.0333);
	border: 1px solid rgba(0,0,0,.0333);
}

li.comment:first-child {
	border: none;
	margin-top: 0;
	padding-top: 0;
}

li.comment ul {
	list-style-type: none;
}

.avatar {
	float: left;
	margin: 4px 10px 0 0;
}

.fn {
	font-size: 15px;
	font-style: normal;
}

.says {
	font-size: 12px;
}

.comment-meta {
	font-size: 11px;
}

.comment-meta a {
	color: #666;
}

/* Comment - navigation */

.navigation:before,.navigation:after { content: ""; display: table }
.navigation:after { clear: both }
.navigation a { 
	display: block;
	margin: 20px 0;
 }

/* Comment - nocomments */

p.nocomments { display: none }

/* Comment - form */

form#commentform small {
	margin-left: .5em;
	color: #555;
	font-size: 90%;
}

form#commentform input[type="text"],
form#commentform textarea {
	outline: 0;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #fefefe;
}

form#commentform input[type="text"]:focus,
form#commentform textarea:focus {
	border: 1px solid #bbb;
	background: #fdfdfd;
}


form#commentform input[type="text"] {
	padding: .5em;
	width: 50%;
	color: #666;
	font-size: 90%;
}

form#commentform textarea {
	padding: 1em;
	width: 100%;
	color: #333;
	font-size: 105%;
}

form#commentform input[type="submit"] {
	padding: .5em 1em;
	outline: 0;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #dedede;
	background: -webkit-linear-gradient(top, #fefefe, #eee);
	background:  linear-gradient( to bottom, #fefefe, #eee);
	color: #444;
	font-size: 90%;
}

form#commentform input[type="submit"]:hover {
	border-color: #bbb;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	color: #333;
}

form#commentform input[type="submit"]:active {
	box-shadow: 0 2px 2px rgba(0,0,0,.2) inset;
}

@media(max-width: 768px) {
	.commentlist ul {
		padding-left: 0;
	}
}

/* ==========================================================================
	 エントリーナビゲーション（前後の投稿へのリンク）
	 ========================================================================== */

.entry-navigation:before,.entry-navigation:after { content: ""; display: table }
.entry-navigation:after { clear: both }
.entry-navigation {
	clear: both;
	margin-top: 2em;
	padding-top: 2em;
	border-top: 1px solid rgba(0,0,0,.1);
	word-wrap:break-word;
	word-break:break-all;
	font-size: 12px;
	line-height: 1.618;
}

.entry-navigation a {
	position: relative;
	border-bottom: 1px solid rgba(0,0,0,0);
}

.entry-navigation a:hover {
	border-bottom: 1px solid rgba(0,0,0,.333);
	text-decoration: none;
}

/* previous */

.entry-navigation .previous {
	float: left;
	padding: 0 .5em 0 1.333em;
	width: 50%;
	text-align: left;
}

.entry-navigation .previous a:before {
	position: absolute;
	top: 4px;
	left: -14px;
	border: 4px solid transparent;
	border-right-color: #999;
	content: "";
}

/* next */

.entry-navigation .next {
	float: right;
	padding: 0 1.333em 0 .5em;
	width: 50%;
	text-align: right;
}

.entry-navigation .next a:before {
	position: absolute;
	top: 4px;
	right: -14px;
	border: 4px solid transparent;
	border-left-color: #999;
	content: "";
}

/* ==========================================================================
	 ページナビゲーション（ページャー、ページ送り）
	 ========================================================================== */

.page-navigation:before,.page-navigation:after { content: ""; display: table }
.page-navigation:after { clear: both }
.page-navigation {
	clear: both;
	margin-bottom: 30px;
	text-align: left;
	font-size: 12px;
	line-height: 1;
}

.page-navigation span,
.page-navigation a,
.page-navigation a:visited {
	float: left;
	padding: .7em .9em;
	border-radius: 4px;
	color: #333;
	text-decoration: none;
}

.page-navigation a {
	margin-right: 4px;
	outline: 0 none black;
	border: 1px solid rgba(0,0,0,.2);
	border-top-color: rgba(0,0,0,.1);
	background: #fff;
	background: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
	background:  linear-gradient( to bottom, #fff 0%, #f8f8f8 100%);
	box-shadow: 0 1px 3px rgba(0,0,0,.05);
}

.page-navigation a:hover {
	box-shadow: 0 2px 6px rgba(0,0,0,.2);
}

.page-navigation a:active {
	position: relative;
	top: 1px;
	box-shadow: none;
}

.page-navigation span.current {
	margin-right: 5px;
	border: 1px solid rgba(0,0,0,.3);
	border-top-color: rgba(0,0,0,.2);
	background: #444;
	background: -webkit-linear-gradient(top, #444 0%, #666 100%);
	background:  linear-gradient( to bottom, #444 0%, #666 100%);
	box-shadow: 0 1px 3px rgba(0,0,0,.2) inset;
	color: #eee;
}

.page-navigation span.pages {
	float: right;
	border: 1px solid rgba(0,0,0,.2);
	background: #fff;
	color: #333;
}

@media(max-width: 768px) {
	.page-navigation {
		font-size: 11px;
	}
	.page-navigation span,
	.page-navigation a,
	.page-navigation span.pages {
		float: left;
		margin-bottom: 4px;
	}
}

/* ==========================================================================
	 ページ分割ナビゲーション
	 ========================================================================== */

ul.linkpage-navigation:before,ul.linkpage-navigation:after { content: ""; display: table }
ul.linkpage-navigation:after { clear: both }
ul.linkpage-navigation {
	clear: both;
	margin: 0 auto 30px;
	padding: 0;
	text-align: center;
	font-size: 12px;
	line-height: 1;
	list-style-type: none;
}

ul.linkpage-navigation li {
	padding: .7em .9em;
	margin-right: 5px;
	border: 1px solid rgba(0,0,0,.3);
	border-top-color: rgba(0,0,0,.2);
	border-radius: 4px;
	background: #444;
	background: -webkit-linear-gradient(top, #444 0%, #666 100%);
	background:  linear-gradient( to bottom, #444 0%, #666 100%);
	box-shadow: 0 1px 3px rgba(0,0,0,.2) inset;
	color: #eee;
	display: inline-block;
}

ul.linkpage-navigation a li,
ul.linkpage-navigation a:visited li {
	color: #333;
	text-decoration: none;
	outline: 0 none black;
	border: 1px solid rgba(0,0,0,.2);
	border-top-color: rgba(0,0,0,.1);
	background: #fff;
	background: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
	background:  linear-gradient( to bottom, #fff 0%, #f8f8f8 100%);
	box-shadow: 0 1px 3px rgba(0,0,0,.05);
}

ul.linkpage-navigation a:hover li {
	box-shadow: 0 2px 6px rgba(0,0,0,.2);
}

ul.linkpage-navigation a:active li {
	position: relative;
	top: 1px;
	box-shadow: none;
}

@media(max-width: 768px) {
	.linkpage-navigation {
		font-size: 11px;
	}
	.linkpage-navigation span,
	.linkpage-navigation a,
	.linkpage-navigation span.pages {
		float: left;
		margin-bottom: 4px;
	}
}

/* ==========================================================================
	 サブコンテンツ
	 ========================================================================== */

/*
 * サブコンテンツは投稿と固定ページの内容以外のコンテンツです。
 * サイドバーのウィジェットの他に、
 * メインエリアに入れたウィジェットやファットフッターがあります。
 */

.sub .widget > *:last-child {
	margin-bottom: 0;
}

.sub .widget {
	margin-bottom: 20px;
	padding: 15px;
	border: 1px solid #ddd;
	background-color: #fff;
}

	.c3 .sub .widget,
	.c3r .sub .widget {
		margin-bottom: 10px;
	}

.sub .widget-title {
	margin: 0 0 15px;
	padding: 0;
	font-weight: bold;
	line-height: 1.333;
}

	.c3 .sub .widget-title {
		font-size: 14px;
		font-size: 1.4rem;
	}

	.c2r .sub .widget-title,
	.c2l .sub .widget-title {
		font-size: 15px;
		font-size: 1.5rem;
	}

/* 見出し */

.sub h1 {
	margin-top: 1em;
	font-size: 16px;
	font-size: 1.6rem;
}

.sub h2 {
	margin-top: 1em;
	padding: .5em .75em;
	font-size: 16px;
	font-size: 1.6rem;
}

.sub h3{
	margin-top: 1em;
	padding: .5em .75em;
	font-size: 15px;
	font-size: 1.5rem;
}

.sub h4 {
	margin-top: 1em;
	padding: .5em .75em;
	font-size: 14px;
	font-size: 1.4rem;
}

.sub h5 {
	margin-top: 1em;
	font-size: 13px;
	font-size: 1.3rem;
}

.sub h6 {
	margin-top: 1em;
	font-size: 13px;
	font-size: 1.3rem;
}

@media(max-width: 768px) {
	.sub .widget-title {
		font-size: 18px !important;
	}
}

/* ==========================================================================
	 サイドバー
	 ========================================================================== */

.sidebar {
	margin-bottom: 30px;
}

.sidebar .widget:last-child {
	margin-bottom: 0;
}

/* ==========================================================================
	 ウィジェット
	 ========================================================================== */


/* Basic - widget item */

.widget .widget-item:before,.widget .widget-item:after { content: ""; display: table }
.widget .widget-item:after { clear: both }
.widget .widget-item {
	padding-top: .75em;
	padding-bottom: .5em;
}

/* Basic - entry title */

.widget .entry-title {
	color: #333;
	text-align: left;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.618;
	margin-bottom: .333em;
}

	.sub .widget .entry-title {
	}

.widget .entry-title a {
	color: inherit;
}

.widget .entry-title a:hover {
	text-decoration: none;
}

.widget ul {
	text-align: left;
}

/* Basic - entry date */

.widget .entry-date {
	color: #666;
	letter-spacing: 1px;
	font-size: 12px;
	font-size: 1.2rem;
}

.widget .post-date {
	text-align: right;
}

	.sub .widget .entry-date {
		font-size: 12px;
		font-size: 1.2rem;
	}

/* Basic - entry image (thumbnail) */

.widget .entry-img {
	float: right;
	overflow: hidden;
	margin-bottom: .5em;
	margin-left: 1em;
}

.widget .entry-img img {
	max-width: 100%;
	max-height: auto;
	margin: 0;
}

/* Basic - Comment numbers */

.widget .comment-num {
	color: #999;
	font-size: 12px;
	font-size: 1.2rem;
}

	.sub .widget .comment-num {
		font-size: 11px;
		font-size: 1.1rem;
	}

@media(max-width: 768px) {
	.widget ul li {
		font-size: 12px;
		line-height: 1.618;
	}
}

/* ==========================================================================
	 ウィジェット：テキスト
	 ========================================================================== */

.textwidget {
	text-align: center;
}

.textwidget *:first-child { margin-top: 0; }
.textwidget *:last-child { margin-bottom: 0; }

/* ==========================================================================
	 ウィジェット：最近の投稿
	 ========================================================================== */

.main .widget_recent_entries ul > li > a {
	/*font-weight: bold;*/
}

/* 最近の投稿の日付 */
.widget_recent_entries .post-date {
	display: block;
	margin-left: 8px;
	color: #666;
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: .333em;
}

/*
.widget_recent_entries .post-date:before {
	content: "\f073";
	font-family: FontAwesome;
	margin-right: 5px;
}
*/
.sub .widget_recent_entries .post-date {
	font-size: 11px;
	font-size: 1.1rem;
}

/* ==========================================================================
	 ウィジェット：最近のコメント
	 ========================================================================== */

.widget_recent_comments a {
	/*display: inline-block !important;*/
}

.comment-author-link a.url {
	padding-left: 0!important;
}

/* ==========================================================================
	 ウィジェット：カテゴリ一覧
	 ========================================================================== */

.widget_categories li.cat-item { /* (posts) color */
	color: #aaa;
}

/* ドロップダウン表示 */

.widget_categories select.postform {
	width: 100%;
	font-size: 15px;
}

.sub .widget_categories select.postform {
	font-size: 13px;
}

/* ==========================================================================
	 ウィジェット：検索
	 ========================================================================== */

.widget.widget_search .searchform { 
	position:relative;
	height: 40px;
}

.widget.widget_search input[type="search"] {
	position:absolute;
	display: block;
	padding: 12px 4%;
	width: 92%;
	border: 1px solid #ddd;
	border-radius: 1px;
	background-color: #fff;
	color: #333;
	vertical-align: middle;
	font-size: 1em;
}

.widget.widget_search input[type="search"]:focus {
	background-color: #f8f8f8;
}

.widget.widget_search button {
	position:absolute;
	top: -2px;
	right: 2px;
	display: block;
	padding: .8em .8em;
	height: 100%;
	border:0;
	background: none;
	color: #333;
	font-size: 1.1em;
}

/* ==========================================================================
	 ウィジェット：カレンダー
	 ========================================================================== */

#wp-calendar {
	width: 100%;
	color: #333;
}

#wp-calendar caption {
	padding: 0 0 .75em;
	color: #666;
	text-align: left;
	font-size: 15px;
	font-size: 1.5rem;
}

#wp-calendar th, 
#wp-calendar td {
	text-align: center;
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 1;
}

#wp-calendar thead th {
	padding: 1em 0;
	border: 1px solid #dedede;
	background: #f3f3f3;
	font-weight: normal;
}

#wp-calendar thead th[title="土曜日"] {
	color: blue;
}

#wp-calendar thead th[title="日曜日"] {
	color: red;
}

#wp-calendar tbody {
}

#wp-calendar tbody td {
	background: #fff;
	color: #666;
	padding: 1em 0;
	border: 1px solid #dedede;
}

#wp-calendar tbody td a {
	text-decoration: none;
	font-weight: bold;
	font-size: 110%;
}

#wp-calendar tbody td.pad {
	background: #fafafa;
}

#wp-calendar tfoot td {
	padding-top: 1em;
	padding-bottom: 0;
	border-top: 1px solid rgba(0,0,0,.1);
}

#wp-calendar tfoot td#prev { text-align: left; }
#wp-calendar tfoot td.pad  { text-align: center; }
#wp-calendar tfoot td#next { text-align: right; }

#wp-calendar #today {
	background: #dedede;
	font-weight: bold;
}

/* ==========================================================================
	 ウィジェット：タグクラウド
	 ========================================================================== */

.widget_tag_cloud .tagcloud {
	text-align: left;
	font-size: 0;
}

.widget_tag_cloud .tagcloud a.tag-cloud-link {
	display: inline-block;
	margin: 0 .4em .4em 0;
	padding: .4em;
	border: 1px solid #ddd;
	border-radius: 3px;
	background: rgba(248,248,248, 0.8);
	color: rgba(0,0,0, 0.666);
	text-decoration: none;
	line-height: 1;
}

.widget_tag_cloud .tagcloud a.tag-cloud-link:hover {
	border: 1px solid #bbb;
	background: #f3f3f3;
}

/* ==========================================================================
	 ウィジェット：RSS
	 ========================================================================== */

.widget_rss cite {
	color: #999;
}


.widget_rss .widget-title a {
	color: inherit;
}

.widget_rss li .rsswidget {
	font-weight: bold;
	line-height: 1.618;
}

	.sub .widget_rss li .rsswidget {
		font-size: 13px;
		font-size: 1.3rem;
	}

.widget_rss .rss-date {
	display: block;
	font-size: 15px;
	font-size: 1.5rem;
	text-indent: 0;
}

	.sub .widget_rss .rss-date {
		font-size: 13px;
		font-size: 1.3rem;
	}

.rssSummary {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 2;
	text-indent: 0;
}

	.sub .rssSummary {
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 1.618;
	}

/* ==========================================================================
	 Media
	 ========================================================================== */

.site .avatar {
	border-radius: 50%;
}

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

audio,
canvas {
	display: inline-block;
}

embed,
iframe,
object,
video {
	margin-bottom: 1.6em;
	max-width: 100%;
	vertical-align: middle;
}

p > embed,
p > iframe,
p > object,
p > video {
	margin-bottom: 0;
}

.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
	font-size: 15px;
	font-size: 1.5rem;
	margin-top: 0;
	margin-bottom: 1.6em;
}

.wp-playlist.wp-playlist {
	padding-bottom: 0;
}

.wp-playlist .wp-playlist-tracks {
	margin-top: 0;
}

.wp-playlist-item .wp-playlist-caption {
	border-bottom: 0;
	padding: 10px 0;
}

.wp-playlist-item .wp-playlist-item-length {
	top: 10px;
}

/* ==========================================================================
	 キャプション
	 ========================================================================== */

.wp-caption {
	margin-bottom: 1.6em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption-text {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}

/* ==========================================================================
	 ギャラリー
	 ========================================================================== */

.gallery {
	margin-bottom: 1.6em;
}

.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-icon img {
	margin: 0 auto;
}

.gallery-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

/* ==========================================================================
	 他社製プラグイン用の設定
	 ========================================================================== */

/* Yet Another Related Posts
	 ========================================================================== */

.entry-content .yarpp-related {
	clear: both;
	margin-top: 20px;
}

.entry-content .yarpp-related h3 {
	margin: 1em 0 1em;
	padding: .6em .9em;
	font-weight: normal !important;
	font-size: 15px !important;
	font-size: 1.5rem !important;
}

/* WordPress Popular Posts
	 ========================================================================== */

.popular-posts ul {
	padding: 0;
}

.popular-posts li {
	overflow: hidden;
	margin-bottom: 0.3em;
	padding: 5px 0px;
	border-bottom: 1px solid #ddd;
}

.popular-posts li .post-stats {
	font-size: 1.2rem;
}

.wpp-thumbnail {
	float: left;
	overflow: hidden;
	margin-right: 1em;
	margin-bottom: 0.5em;
	margin-left: 0;
}

/* WordPress Related Posts
	 ========================================================================== */

.main .widget ul.related_post {
	text-align: left;
}
.main .widget ul.related_post li {
	border-bottom: none;
}

/* Table of Contents Plus
	 ========================================================================== */

body #toc_container {
	display: block;
	margin: 2em auto;
	padding: 2em 2em 1em;
	width: 100%;
	border: 1px solid #ccc;
	background-color: #fafafa;
	font-size: 95%;
	line-height: 1.4;
}

body #toc_container .toc_title {
	text-align: center;
}

body #toc_container ul a {
	display: block;
	border-bottom: 1px dotted #ccc;
	color: #444;
	text-decoration: none;
}

body #toc_container ul {
	margin: 0;
	max-width: 100%;
	list-style: none;
}

body #toc_container ul ul {
	padding: 1em 0 0 1em;
}

body #toc_container li {
	margin-bottom: 0.8em;
	padding-bottom: 0.2em;
	padding-left: 0;
	background: none;
}

body #toc_container .toc_list > li > a {
	border-bottom: 1px solid #ddd;
}

/* AmazonJS */
.amazonjs_item ul li {
	background: none;
}

@media(max-width: 768px) {
	body #toc_container {
		margin: 0 auto 15px;
		padding: 15px 15px 1px;
	}
	body #toc_container ul ul {
		margin-left: 0;
	}
	body #toc_container ul ul {
		padding: 15px 0 0 15px;
	}
}