/* css/column1.css
basic-layout.cssを読み込んだ後に読込
202210月から長方形サムネイル表示に使う。
コンテンツエリアの本文以外 #ContentArea(左カラム)の .mainBox←投稿以外の部分
function.phpのfunction db_enqueue_stylesで定義読込
 */
@charset "UTF-8";
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 BasicSetting （共通設定）
	>> #ContentArea JUMP

2.0 media Queries タブサイズ縦サイズ（750-939px)
	>> #ContentArea JUMP iPad

3.0 media Queries PCサイズ（940px-）
	>> #ContentArea JUMP PC
--------------------------------------------------------------*/



/*--------------------------------------------------------------
1.0 BasicSetting （共通設定）
--------------------------------------------------------------*/
/* >> #ContentArea JUMP
---------------------------------------------------------*/
/* #ContentArea > main ------------------------------------*/



/* #ContentArea > main > div > article ページのメインコンテンツエリア -------------- */
/* post内 STYLE 別スタイルシートに移動----------- */
/* .article-header シングルページではheader内にdiv.blogInfo div.catGroup h1.entry-title p.vcard authorを内包 */

/* article内のヘッダ部分 -------------------------------------*/
/* .article-header 個別ページではh1.entry-titleのみ内包 */
.article-header {
	padding: 14px 0 20px;
	margin-bottom: 20px;
}

/* 投稿に含まれる記事情報 ------------------ */
	/* div.blogInfo内（更新日） */
	.dateBox { /* ul */
		text-align: right;
	}
		.dateBox li {
			display: inline-block;
			padding-right: 5px;
			color: #757575;
			font-size: 14px; /* px固定 */
			background: #FFF;
		}
		.dateBox li a {
			text-decoration: none;
			color: #757575;
		}
		.dateBox li::before {
			padding-right: 3px;
		}
		/* icon */
		.dateBox .post-date::before { /* 投稿日 */
			content:"\f073"; /* fa-calendar */
			font-family: FontAwesome;
		}
		.dateBox .mod-date::before { /* 更新日 */
			content:"\f021"; /* fa-refresh */
			font-family: FontAwesome;
		}
		.dateBox .author::before { /* 投稿者 */
			content:"\f040"; /* fa-pencil */
			font-family: FontAwesome;
		}



/* div.catGroup内 li a のspan カテゴリーボタン */
		.catGroup {
			margin-bottom: 14px;
		}
		.catGroup li {
			display: inline-block;
			margin-bottom: 6px;
		}
		.catGroup a { /* .catname 全体をリンク */
			display: inline-block;
		}
		.catname { /* li a > span */
			font-size: 13px; /* px固定 */
			line-height: 1.4;
			color: #757575;
			display: inline-block;
			padding: 8px 8px;
			text-decoration: none;
			background: #f3f3f3;
			border-radius: 2px;
		}
			.catname:hover {
				opacity: 0.8;
			}

/* ページタイトルとディスクリプション */
/* home.php */
.entry-desc {
	color: #757575;
	margin-top: 20px;
	line-height: 1.4;
	font-size: 1.4rem;
}
/* postページ他,共通 */
.entry-title { /* h1 h2 */
	font-size: 2.2rem; /* 22px */
	line-height: 1.3;
	padding: 0 0 12px;
	margin: 14px 0 ;
	border-bottom: solid 1px #ccc;
}
/* archive.php タイトル*/
.archive-box .entry-title::before {
	font-size:1.8rem;
	color: #757575;
	font-weight: normal;
	display: block;
	margin-bottom:10px;
}
.archive-box .cat-arc::before { /* h1 カテゴリータイトル */
	content: "\f114  Category";
	font-family: FontAwesome;
}
.archive-box .tag-arc::before {
	content: "\f02b  Tag";
	font-family: FontAwesome;
}
.archive-box .arc::before {
	content: "\f187  Archive";
	font-family: FontAwesome;
}
.archive-box .auth-arc::before {
	content: "\f040  Author Archive";
	font-family: FontAwesome;
}


/* article内のヘッダ部分 end----------------------------------*/

/* article内のフッタ部分 -------------------------------------*/
/* .article-footer */
/* single.php */
.pageInfo {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: flex-end;
	font-size: 13px;
	align-items: baseline;
	color: #757575;
	padding: 0 0 10px;
	margin: 0 0 10px;
	border-bottom: solid 1px #eee;
}
	.pageInfo .pageDate {
		flex: 0 0 auto;
		text-align: right;
		padding:0 3px 0 10px;
	}
	.pageInfo .vcard.author {
		flex: 1;
		text-align: right;
	}
/* page.php, 404.php */
div.page > article {
	padding: 0 0 10px;
	margin: 0 0 10px;
	border-bottom: solid 1px #ccc;
}
/* article内のフッタ部分 end----------------------------------*/

/* main 編集エリア以外のCSS --------------------------------- */
/* メインコンテント内 投稿に関係する部分
 ------------------------------------------------ */


/* SNSシェアボタン aside.sns*/
.sns {
	margin: 40px 0;
	padding: 10px 0;
}
.sns ul {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
	text-align: center;
	align-items: stretch; /* アイテム縦いっぱいに表示 */
}
.sns li {
	width: 100%;
	padding: 5px;

}
.sns li a {
	position: relative; /* .snstextの基点 */
	display: block;
	height: 100%; /* ボタンサイズ縦を揃える */
	padding: 6px 0 18px;
	border-radius: 3px;
	background: #eee;
	color: #fff;
	text-decoration: none;
}
.sns .fa/* snsアイコン */
 { /* snsアイコン はてぶ以外*/
	display: block;
	font-size: 18px;
	line-height: 18px;
}
.snstext {
	position: absolute;
	width: 100%;
	bottom: 6px;
	display:block;
	font-size: 10px;
	line-height: 11px;
}


/* snsボタン背景 */
/* ツイッター */
.sns .twitter a {
	background:#55acee;
}
.sns .twitter a:hover {
	background:#4892cb;
}

/* Facebook */
.sns .facebook a {
	background:#3b5998;
}
.sns .facebook a:hover {
	background:#324c81;
}

/* はてぶ */
.fa-hatena {
	display: block;
	font-size: 18px;
	line-height: 18px;
}
.sns .hatebu a {
	background:#00a5de;
}
.sns .hatebu a:hover {
	background:#008cbd;
}

/* LINE */
.sns .line a {
	background:#25af00;
}
	.sns .line a img {
		vertical-align: top;
	}
.sns .line a:hover {
	background:#219900;
}
/* SNSシェアボタン aside.sns ここまで */

/* 投稿下部のウィジェットエリア */
/*htmlウィジェット*/
.widget_text.single-add {
	padding: 15px;
	background: #fafafa;
	border-radius: 3px;
	font-size: 1.4rem;
	line-height: 1.4;
	margin-bottom: 10px;
}
.widget_text.single-add h2 {
	color: #777; /* default#555 */
	font-size: 1.6rem;
	margin-bottom: 0.6rem;
}
.widget_text.single-add h3,
.widget_text.single-add h4 {
	color: #777; /* default#555 */
	font-size: 1.5rem;
	margin-bottom: 0.4rem;
}
.widget_text.single-add p {
	margin-bottom: 0.6rem;
}
.widget_text.single-add *:last-child {
	margin-bottom: 0;
}
/* 投稿下部のウィジェットエリア End*/

/* div.tagBox 記事の所属catとtagSet */
.tagBox {
	padding: 10px 0;
	margin: 40px 0;
	border-bottom: solid 1px #ccc; /* 投稿エンドライン */
}
.tagBox dl {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	color: #aaa;
	line-height: 1.3;
}
	.tagBox dt { /* icon */
		padding: 3px 2px 2px 0;
		font-size: 12px;
	}
	.tagBox dd { /* タグ */
		width: 100%;
	}
	.tagBox dd a {
		display: inline-block;
		font-size: 12px;
		text-decoration: none;
		line-height: 14px;
		padding: 2px;
		font-feature-settings: "pkna" 1; /* プロポーショナル */
	}
	.tagSet a:before {
		content: "#";
	}

/* リンクカード表示(recent-post.php/list-view-posts.php/relatedPosts.php/shortcode_card_link)
----------------------------------------------------------------------------- */
/* 関連記事一覧 */
/* 関連section.relatedPosts アーカイブは.archiveSect*/
/* color sample  #5ba9e5 #63acb7 */
.archiveSect,
.relatedPosts {
	margin: 40px 0;
	border-bottom: solid 1px #63acb7;
}
.relatedPosts { /* 関連のみボーダートップ */
	border-top: solid 1px #63acb7;
}
.siteTop { /* topページのみ */
	border-top: solid 1px #63acb7;
	padding-top: 20px;
}
.archiveSect.siteTop h2 {
	display: block;
	color: #757575;
	/*font-family: 'Crimson Text', serif;*/
	/*font-weight: normal;*/
}
.archiveSect.siteTop h2 + p {
	display: none;
}

/* アーカイブページのみ */
.archiveSect h2 { /* アーカイブタイトル */
	display: none;
}
.archiveSect .list-view-box { /* h2非表示分margin border */
	margin-top: 20px;
}
.archiveSect .list-view:first-child {
	border-top: solid 1px #eee;
}
/* 投稿関連記事のみ */
.relatedPosts h2 { /* 関連記事 */
	display: inline-block;
	padding: 5px 15px;
	font-size: 15px;
	color: #fff;
	background: #63acb7;
	border-radius: 0 0 3px 3px / 0 0 3px 3px;
	margin-bottom: 20px;
}
.relatedPosts h2:before {
	content: "\f0f6";
	font-weight: normal;
	padding-right: 6px;
	font-family: "FontAwesome";
}

/* 関連記事及び一覧表示 */
.list-view-box { /* ul */
	margin-bottom:20px;
}
.list-view { /* li */
	padding: 10px 0;
	border-bottom: solid 1px #eee;
	}

.list-view .link-card { /* flexbox a */
	position: relative; /* blog_infoの基点 */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	cursor: pointer;
	text-decoration: none;
}
	.list-view .list-image-box { /* image */
		width: 129px; /*比率golden*/
		height: 80px;
		margin:0 5px 0 0;
		display: flex; /* 長方形画像に対応 */
		justify-content: center;
		align-items: center; /* 上下左右中央表示 */
		overflow: hidden;
	}
	.list-view .list-image-box img {
		max-width: 129px;
	}
	/* 抜粋とブログインフォ エリア */
	.list-view .list-text-box { /* text */
		flex:1;
		padding-bottom: 16px; /* absoluteした.dateにテキストがかからないように */
	}
	/* 記事内リンクカード */
	.related-post-card .list-view .list-text-box {
		padding-bottom: 0; /* sp */
	}

	/* 見出しタグ.card-title デフォルトはh3*/
	.list-view .list-text-box .card-title { /* 記事タイトル */
		font-size: 15px;
		line-height: 1.3;
		padding: 0;
		margin-bottom: 2px;
		color: #555;
		text-decoration: none;
		border: none;
	}
	.list-view .list-text-box .card-title:hover {
		color: #b22222;
	}
	.list-view .list-text-box .card-title::before,
	.list-view .list-text-box .card-title::after {
		content:none;
	}

	.list-view .list-text-box > div p { /* p.blog_info/p.excerpt/ */
		color: #757575;
		font-size: 12px;
		line-height: 1.3;
	}
	.list-view .list-text-box .excerpt { /* 記事抜粋 p */
		display: none;
	}
	/* div.blog_info */
	/* list-view flexboxで制御 ブログインフォ テキストエリア最下段に表示*/
	.list-view .list-text-box .blog_info {
		text-align: right;
		position: absolute;
		bottom: 0;
		right: 0;
		left: 129px; /* sp */
		display: flex;
		flex-direction: row-reverse;
		height: 16px;
	}
	.list-view .list-text-box .blog_info p { /* .post_cat post_tags */
		color: #757575;
	}
	
	/* カテゴリー */
	.blog_info .post_cat {
		/* display: none;  */
		flex: 0 1 auto; /* flex-grow(伸びる比率)、flex-shrink(縮む比率)、flex-basis(ベース幅) */
		overflow: hidden;
		white-space: nowrap; /* 改行阻止 */
		text-overflow: ellipsis; /* 3点リーダー */
		padding:0 5px 0 5px;
	}
	.blog_info .post_cat:before {
		content: '\f07c';
		font-family: "FontAwesome";
		color: #aaa;
	}
	.blog_info .post_cat span {
		display: none;
	}
	.blog_info .post_cat span:last-child { /* 子カテゴリ */
		display: inline;
	}
	
	/* タグ */
	.blog_info .post_tags {
		display: none; /* 記事リストに不要に感じるため非表示 */
		padding-right: 5px;
		flex: 1 1 auto; /* flex-grow(伸びる比率)、flex-shrink(縮む比率)、flex-basis(ベース幅) */
		overflow: hidden;
		white-space: nowrap; /* 改行阻止 */
		text-overflow: ellipsis; /* 3点リーダー */
	}
	.blog_info .post_tags span { /* tagの間隔 */
		padding-right: 5px;
	}
	.blog_info .post_tags:before {
		content: '\f02c';
		font-family: "FontAwesome";
		color: #aaa;
	}

	/* 日付は全てのレイアウトで表示 */
	.blog_info .date {
		margin: 0 5px auto 0;
		color: #757575;
    font-size: 12px;
    line-height: 1.3;
		flex: 0 0 auto; /* flex-grow(伸びる比率)、flex-shrink(縮む比率)、flex-basis(ベース幅) */
		

	}
	.date:before {
		content: "\f017";
		font-family: "FontAwesome";
		margin-right: 2px;
	}
	/* Icon 伸縮しない */
	.blog_info .date:before,
	.blog_info .post_cat:before,
	.blog_info .post_tags:before {
		flex: 0;
	}
	/* 表示・非表示切替え */
	.blog_info .post_cat span:last-child,
	.blog_info .post_tags span,
	.blog_info .post_cat:before,
	.blog_info .post_tags:before {
		display:none;
	}

/* 関連section.archiveSect start--------------*/
/* 共通 sp */
.archiveSect .list-view-box .list-view { /* ul.list-view-box li.list-view  */
	background: #fff;
	border:solid 1px #ccc ;
	border-radius: 2px;
	padding:10px;
	margin: 0 0 16px 0;
}
.archiveSect .list-view-box .list-view .link-card { /* a.link-card */
	display: block; /* flex解除 */
}
/* image */
.archiveSect .list-view-box .list-view .link-card .list-image-box { /* figure.list-image-box */
	width: 100%;
	height: auto;
	aspect-ratio: 1.91 / 1; /* db_thumb-rectangle-m(サムネイル中)サイズ使用クロップしない */
	margin: 0;
}
.archiveSect .list-view-box .list-view .link-card .list-image-box img {
	max-width: 100%;
}
/* title text */
.archiveSect .list-view-box .list-view .list-text-box .card-title {
	margin: 12px 0 16px;
}
/* blog-info */
.archiveSect .list-view-box .list-view .list-text-box .blog_info {
	position: static; /* absolute解除 */
	height: auto; /* 高さ指定解除 */
}
.archiveSect .list-view-box .list-view .list-text-box .blog_info .post_cat::before {
	display: none; /* pcサイズで表示されるアイコン非表示 */
}
/* カテゴリータグ */
.archiveSect .list-view-box .list-view .list-text-box .blog_info .cat_tag:last-child {
	position: absolute;
	right: 2px;
	top: 2px;
	display: inline;
	color: #fff;
	background: rgba(0,95,102,0.7);
	padding: 2px 4px;
	font-family: "Helvetica Neue", YuGothic, "Yu Gothic", Verdana, Meiryo, sans-serif;
	font-feature-settings: "palt" 1;
}
.archiveSect .list-view-box .list-view .list-text-box .blog_info .cat_tag:last-child::before {
	content: '\f114';
	font-family: "FontAwesome";
	padding-right: 2px;
}
/* time.dateタグ */
.archiveSect .list-view-box .list-view .list-text-box .blog_info .date {
	position: absolute;
	right: 0;
	bottom: 0;
}

/* 関連section.archiveSect end--------------*/

/* エントリー記事内リンクカード */
.mainBox .list-view-box { /* ul */
	clear: both; /* エディタ内でfloatが使われる場合に対応 */
	list-style: none; /* エントリー内 標準リストを使えるようにするため */
  list-style-type: none; /* エントリー内 標準リストを使えるようにするため */
}
.mainBox .list-view { /* li */
	padding: 10px 10px 24px;
	margin:0 0 10px 0;
	border: solid 1px #e5e5e5;
	box-shadow: 1px 1px 1px #f6f4f3;
}
.entry_link {
	padding: 0;
}
 .list-view .list-text-box .entry_link .blog_info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	margin: 0;
	position: absolute;
	bottom: -20px;
	right: 0;
	left: 0;
}
.entry_link .blog_info p {
	margin-bottom: 0;
}
.entry_link .blog_info .domainName {
	flex: 1;
	text-align: left;
}
.entry_link .blog_info .date {
	flex: 0 0 90px;
	margin: 0;
	text-align: right;
}

/* リンクカード表示 ここまで
----------------------------------------------------------------------------- */


/* アーカイブページページネーション div.paginateBox */
.paginateBox {
	padding: 15px 0 20px;
}
.paginateBox .pagenateInfo {
	text-align: center;
	font-size: 13px;
	color: #757575;
	margin: 0 0 18px;
}
.paginateBox .nonePaginate { /* ページ送り無し 表示無しの場合*/
	display: none;
}
.paginateBox ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto;
}
.paginateBox li {
	text-align: center;
	flex: 1;
	padding: 2px;
}
.paginateBox .prev,
.paginateBox .next {
	flex: 2;
}
.paginateBox li a {
	background: rgba(238,238,238,1.0); /*#eee*/
	display: block;
	line-height: 50px;
	border-radius: 3px;
}
.paginateBox li a:hover {
	background: rgba(238,238,238,0.8);
}
.paginateBox li .btn_desc { /* ボタン下のテキスト */
	font-size: 11px;
	color: #aaa;
	padding-top: 6px;
}
.paginateBox .current {
	flex: 0 0 30px;
	line-height: 50px;
	color: #757575;
	display: none;
}

/* single.php下部 ページナビ */
/* div.p-navi */
.p-navi { /* flexbox */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 80px;
	margin:40px 0 20px;
}
.p-navi li a {
	position: relative; /* 日付スパンの基点 */
	display: block;
	height: 100%;
	padding: 5px 5px 20px 5px;
	text-decoration: none;
	background: #fff;
	box-shadow: 1px 1px 1px #f6f4f3;
	border: solid 1px #CCC;
	border-radius: 3px;
}
.p-navi li a:hover {
	opacity: 0.8;
}
/* single.php下部 ページナビ */
/* figure */
.p-navi li a figure {
	width: 100%;
	height: auto;
	aspect-ratio: 1.618 /1; /* 黄金比 */
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.p-navi li.NewPost { /* 新しい記事 */
	width: 50%;
	margin: 0;
	padding-right: 5px;
}
.p-navi li.BackPost { /* 古い記事 */
	width: 50%;
	margin: 0;
	padding-left: 5px;
	text-align: right;
}

.p-navi li h2 { /* ナビテキストnext previous */
	font-family: "Helvetica Neue", YuGothic, "Yu Gothic", Verdana, Meiryo, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.3;
	float: none;
	width: auto;
	color: #4682b4;
	border-bottom: solid 1px #ccc;
	padding-bottom: 2px;
	margin-bottom: 5px;
}
.p-navi li p { /* p-navi 記事タイトル */
	font-size: 13px;
	font-weight: bold;
	line-height: 1.3;
	color: #555;
	padding: 0 2px;
	margin: 5px 0 0;
	text-align: left;

}
.p-navi li p span { /* 更新日 */
	position: absolute; /* dlのaを基点 */
	right: 5px;
	bottom: 5px;
	display: block;
	font-size: 10px;
	font-weight: normal;
}
/* single.phpページナビゲーション ここまで */




/* single.php コメント欄 */

/*--------------------------------
コメント
---------------------------------*/
#comments { /* div */
	font-size: 1.4rem; /* 14px */
	color: #555;
	margin: 20px 0;
}
#comments h2 { /* コメントがある時のタイトル */
	color: #757575;
	margin-bottom: 1.0rem;
}
#comments h2:before {
	content: "\f0e5";
	padding-right: 5px;
	font-family: "FontAwesome";
}

/* コメント リスト ol*/
.comments-list {
	padding: 10px 10px 10px 20px;
	border-top: solid 1px #eee;
	list-style: decimal outside;
}
.comments-list > li { /* コメントdepth-1 */
	display: list-item;
	margin-bottom: 20px;
	border-bottom: solid 1px #eee;
}
.comment-body { /* コメント */
	padding: 10px 10px 10px 0;
}
.comments-list .byuser > div > div .fn:after {
	content: "(管理人)";
	color: #757575;
}

/* 返信コメントの装飾 ul*/
.comments-list .children .comment-body{
	padding-left: 10px;
}
.comments-list .children .comment-body:before {
	content: "Re:";
	color: orange;
	font-size: 12px;
}

.fn { /* cite */
	font-size: 13px;
	font-style: normal; /* default ltalic */
}
.vcard .fn {
	line-height: 18px;
}
.vcard .fn a {
	text-decoration: none;
}
.says { /* よりの部分 */
	display: none;
}

.comment-author.vcard .avatar { /* アバター */
	float: left;
	margin-right: 10px;
}

.comment-meta.commentmetadata { /* コメント日時 div */
	display: inline;
	font-size: 12px;
	line-height: 18px;
}
.comment-meta.commentmetadata a {
	text-decoration: none;
	color: #757575;
}
.comment-meta.commentmetadata .comment-edit-link { /* 編集ボタン */
	position: static;
	text-decoration: none;
	color: #4682b4;
}
#comments p { /* コメント本文 */
	font-size: 14px;
	line-height: 1.5;
	color: #555;
	padding: 15px 0;
	clear: both;
}
#comments p a {
	color: #555;
}

.reply { /* 返信エリア */
	padding: 5px;
	text-align: right;
}
	.comment-reply-link { /* 返信リンク */
		text-decoration: none;
	}
	.comment-reply-link:before {
		content: "\f122";
		padding: 0 3px;
		font-family: "FontAwesome";
	}

/* 開閉式ボタン js制御で続くdivを開閉する*/
.openBtn {
	border: solid 2px #cfe9f9; /* blue #00a0e9*/
	border-radius: 3px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	padding: 15px 5px;
	margin: 0 20px 10px;
	cursor: pointer;
}
#comments .openBtn .btnText { /* ボタンテキスト */
	font-size: 16px;
	width: 100%;
	padding: 0;
}
#comments .openBtn .changeIco { /* ボタン開閉アイコン */
	width: 50px;
	border-left: solid 2px #cfe9f9;
	color: #4682b4;
	padding: 0;
}

/* -----コメントフォーム------ */
#comments label {
	display: block;
}
.metadata dd a {
	color: #555;
}

#comments #respond { /* コメントフォーム div */
	position:relative; /* キャンセルボタン基点 */
	margin-bottom: 10px;
	padding: 20px;
	color: #666;
	background: #f5fbfe; /* rgba(207, 233, 249, 0.2) */
	border-radius: 3px;
}
#comments #respond:before {
	content: "Message";
	color: #757575;
	font-weight: bold;
	font-size: 18px;
	font-family: "Helvetica Neue", YuGothic, "Yu Gothic", Verdana, Meiryo, sans-serif;
}
	#respond .comment-reply-title a { /* コメントタイトル */
		text-decoration: none;
	}
	#respond a#cancel-comment-reply-link { /* 返信キャンセルボタン */
		position:absolute; /* コメントフォーム右上に表示 */
		right: 20px;
		top: 16px;
		display: block;
		background: #eee;
		padding: 5px 10px;
		border-radius: 3px;
	}
	#respond .required { /* フォーム必須項目※ */
		color: #CC2929; /* 赤 */
	}

#comments #commentlist img {
	padding: 10px;
}
textarea,
input[type="text"] {
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color:#555;
	background: #fff;
}
/* コメント記入欄 */
#comments textarea {
	line-height: 1.5;
	box-sizing:border-box;
	padding: 10px;
	margin-bottom: 10px;
	width: 100%;
	border: 1px #f2f2f2 solid;
}
/* 名前 メール サイト */
#comments input[type="text"] {
	box-sizing: border-box;
	padding: 10px;
	width: 100%;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border: 1px #f2f2f2 solid;
}

/* コメントボタン */
	#comments input[type="submit"] {
	color: #fff;
	font-size: 16px;
	background: #00a0e9;
	padding: 10px;
	width: 100%;
	appearance: none;
	-webkit-appearance: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px #f2f2f2 solid;
	cursor: pointer;
}

/* single.php コメント欄 ここまで */
/* main 編集エリア以外のCSS End--------------------------------- */

/*--------------------------------------------------------------
2.0 media Queries タブサイズ縦サイズ（750-939px)
--------------------------------------------------------------*/
@media print, screen and (min-width: 750px) and (max-width: 939px) { /* iPad ボックスレイアウト min750px max939px */
/* >> #ContentArea JUMP iPad
---------------------------------------------------------*/

/* 関連記事及び一覧表示 iPad用 ---------------------- */

/* 関連section.relatedPosts アーカイブは.archiveSect */

.list-view { /* li */
	padding: 18px 0 ;
	}
	.list-view .list-image-box { /* image */
		width: 243px; /* golden ratio */
		height: 150px;
		-webkit-box-flex:0 0 243px;
		-ms-flex:0 0 243px;
		flex: 0 0 243px;
	}
		.list-view .list-image-box img {
			max-width: 243px;
		}

	/* 見出しタグ.card-title */
	/* pc表示でタイトルを目立たせるため大きな文字を使う */
	.list-view .list-text-box .card-title {
		font-size: 18px; /* カード内はレイアウト維持のためpx固定 */
		margin-bottom: 18px;
	}
		

	/* div.blog_info */ /* iPad */
	.list-view .list-text-box .blog_info {
		left: 243px; /* image size243px */
	}
	/* 表示・非表示切替え */
	.blog_info .post_cat span:last-child,
	.blog_info .post_tags span,
	.blog_info .post_cat:before,
	.blog_info .post_tags:before {
		display:inline;
	}
	

	/* 記事抜粋 p */
	.list-view .list-text-box .excerpt {
		display: block;
		margin: 0;
	}

/* 関連記事及び一覧表示 iPad用 ここまで----------------- */

/* 関連section.archiveSect start--------------*/
/* 共通 iPad size */
.archiveSect .list-view-box { /* ul.list-view-box */
	display: flex;
	flex-wrap: wrap; /* 折り返し指定 default nowrap */
}
.archiveSect .list-view-box .list-view { /* li.list-view */
 width: calc(50% - 8px);
 margin-right: 16px;
}
.archiveSect .list-view-box .list-view:hover,
.archiveSect .list-view-box .list-view:active { /* pc用ホバー */
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
}
.archiveSect .list-view-box .list-view:nth-of-type(2n) { /* 2の倍数 */
	margin-right: 0;
}
.archiveSect .list-view-box .list-view .link-card { /* a.link-card */
	height: 100%;
}
.archiveSect .list-view-box .list-view .link-card .list-text-box {
	padding-bottom: 20px;
}

/* 関連section.archiveSect end--------------*/

/* single.php下部 ページナビ */
/* figure */
.p-navi li a figure {
	aspect-ratio: 1.91 /1; /* google推奨比率 */
}
.p-navi li p { /* p-navi 記事タイトル */
	font-size: 15px;
}

}/* 2.0 media Queries タブサイズ（750-939px)ここまで /////////////////////////////////////////////////////////////*/



/*--------------------------------------------------------------
3.0 media Queries PCサイズ（940px-）
--------------------------------------------------------------*/
@media print, screen and (min-width: 940px) { /* pc ボックスレイアウト max1080px min940px ///////////////////////*/
/* >> #ContentArea JUMP PC
---------------------------------------------------------*/
/* postページ他,共通 */
.entry-title { /* h1 h2 */
	font-size: 2.4rem; /* 24px */
	padding: 0 0 14px;
}

/* main 編集エリア以外のCSS ------------------------------------ */
	/* div.p-navi */
		.p-navi {
			margin-bottom: 20px;
		}

/* 関連記事及び一覧表示 PC用 ---------------------- */

/* 関連section.relatedPosts アーカイブは.archiveSect */

.list-view { /* li */
	padding: 18px 0 ;
	}
	.list-view .list-image-box { /* image */
		width: 243px; /* golden ratio */
		height: 150px;
		-webkit-box-flex:0 0 243px;
		-ms-flex:0 0 243px;
		flex: 0 0 243px;
	}
		.list-view .list-image-box img {
			max-width: 243px;
		}

	/* 見出しタグ.card-title */
	/* pc表示でタイトルを目立たせるため大きな文字を使う */
	.list-view .list-text-box .card-title {
		font-size: 18px; /* カード内はレイアウト維持のためpx固定 */
		margin-bottom: 18px;
	}


	/* div.blog_info */ /* PC */
	.list-view .list-text-box .blog_info {
		left: 243px; /* image size243px */
	}
	/* 表示・非表示切替え */
	.blog_info .post_cat span:last-child,
	.blog_info .post_tags span,
	.blog_info .post_cat:before,
	.blog_info .post_tags:before {
		display:inline;
	}


	/* 記事抜粋 p */
	.list-view .list-text-box .excerpt {
		display: block;
		margin: 0;
	}

/* 関連記事及び一覧表示 pc用 ここまで----------------- */

/* 関連section.archiveSect start--------------*/
/* 共通 PC size */
.archiveSect .list-view-box { /* ul.list-view-box */
	display: flex;
	flex-wrap: wrap; /* 折り返し指定 default nowrap */
}
.archiveSect .list-view-box .list-view { /* li.list-view */
 width: calc(50% - 8px);
 margin-right: 16px;
}
.archiveSect .list-view-box .list-view:hover,
.archiveSect .list-view-box .list-view:active { /* pc用ホバー */
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
}
.archiveSect .list-view-box .list-view:nth-of-type(2n) { /* 2の倍数 */
	margin-right: 0;
}
.archiveSect .list-view-box .list-view .link-card { /* a.link-card */
	height: 100%;
}
.archiveSect .list-view-box .list-view .link-card .list-text-box {
	padding-bottom: 20px;
}

/* 関連section.archiveSect end--------------*/

/* single.php下部 ページナビ */
/* figure */
.p-navi li a figure {
	aspect-ratio: 1.91 /1; /* google推奨比率 */
}
.p-navi li p { /* p-navi 記事タイトル */
	font-size: 15px;
}

/* SNSシェアボタン div.sns*/


/* main 編集エリア以外のCSS End--------------------------------- */


}/* 5.0 media Queries PCサイズ（940px)ここまで /////////////////////////////////////////////////////////////////*/