/*
Theme Name: PHP_1913
Theme URL: https://alumania.net/info/wp-content/themes
Description: Wordpress.
Author: alumania
Version: 2.1
*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
/*===背景色分け===*/
.separate_back_color {
	background: linear-gradient(90deg, #6c757d 0%, #6c757d 33.333%, #f7f7f7 33.333%, #f7f7f7 100%);
}
@media(max-width: 991px) {
	.separate_back_color {
		background: #f7f7f7;
	}
}
.sidebar_back_color {
	background: #6c757d;
}
/*トップ画像とタイトル重ね　コピーで使用しているため全体変更時はここも変更すること*/
.back_black {
	background-color: #000;
}
/*単独記事contentにあり*/
.info_title {
	padding: 1rem 1.5rem;
	background: #eee;
	font-size: 2rem;
	font-weight: 700;
	color: #56756f;
	line-height: 1.3;
}
.each_top_ttl {
	text-align: center;
	padding: 0.5rem;
	margin: 1rem;
	border-bottom: 1px solid #5b5d5f;
	border-top: 1px solid #5b5d5f;
	font-size: 1.75rem;
	background: #fff;
}
.single_top_date {
	margin: 1rem;
	font-size: 1.2rem;
	text-align: right;
	color: #999;
}
.info_h2 {
	font-size: 1.5rem;
	/* text-align: center; */
	border-bottom: 1px solid #43b25d;
	border-top: 1px solid #43b25d;
	margin: 0.5rem 0 1.5rem 0;
	/* margin-left: 1.4em; */
	text-indent: -1.4em;
	padding-left: 3rem;
	padding-right: 1rem;
}
.info_h2 a::before {
	font-family: 'Font Awesome 5 Free';
	content: '\f5bf';
	font-weight: 900;
	padding: 0 0.5rem 0 0;
	color: #004115;
}
.single_post {
	background: #f7f7f7;
	border-radius: 10px 10px 0 0;
	border: 1px solid #e1e1e1;
}
.single_post_inner {
	background: #fcfcfc;
}
.single_post > h2 {
	padding: 1.5rem;
	border-radius: 10px 10px 0 0;
}
.single_post_inner img {
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.single_post_inner a img:hover, .wpp-list li a img:hover, .rpwwt-widget ul li a img:hover {
	opacity: 0.7;
}
.single_post_inner > h2 {
	padding: 1rem;
	background: #f7f7f7;
	border-left: 1rem solid #519b07;
	display: block;
	margin: 2.5rem 1rem 1.5rem 1rem;
}
.single_post_inner > h3 {
	padding: 1rem 0.5rem 0.5rem 0.5rem;
	background: #f7f7f7;
	margin: 3rem 1.5rem 1.5rem 1.5rem;
	font-size: 1.75rem;
	border-top: 2px solid #07099b;
	border-bottom: 2px solid #07099b;
	color: #07099b;
}
.single_post_inner > h4 {
	padding: 1rem 0.5rem 0.5rem 0.5rem;
	background: #f7f7f7;
	margin: 3rem 1.5rem 1.5rem 1.5rem;
	font-size: 1.6rem;
	color: #07869b;
	border-left: 7px solid;
	border-bottom: 2px solid;
}
.single_post_inner > p {
	line-height: 1.75rem;
	color: #333;
	padding: 1rem 1.5rem;
	margin: 1rem;
}
@media(max-width: 576px) {
	.single_post_inner > h2 {
		margin: 1rem 0rem;
	}
	.single_post_inner > h3 {
		margin: 2.5rem 0rem 1.5rem 0rem;
	}
	.single_post_inner > h4 {
		margin: 0.2rem;
		margin-top: 1.5rem;
	}
	.single_post_inner > p {
		padding: 1rem 0.5rem;
		margin: 1rem 0.5rem;
	}
}
caption {
	caption-side: top !important;
}
/*固定ページでは表示させない*/
.privacy-policy .sns_icon_box, .privacy-policy .postinfo, .page-id-12041 .sns_icon_box, .page-id-12041 .postinfo {
	display: none;
}
/*サムネイル画像のレスポンシブ化-強制入れないと適用不可*/
.thumnail_size img {
	max-width: 100% !important;
	height: auto !important;
}
/*カテゴリーアイコン*/
.postcat a {
	display: inline-block;
	background-color: #007582;
	color: #FFF;
	font-size: 0.75rem;
	margin: 0.2rem;
	border-radius: 5px;
	padding: 0.2rem 0.5rem;
	border: 1px solid #00ffe7;
	line-height: 1.5;
}
.postcat a:hover {
	background: #3d6a37;
}
/*記事一覧表示ブロック単位*/
.list_box {
	background: #fff;
}
.list_box > h2 {
	background: #f9fff8;
}
.single_post_inner ol li {
	list-style-type: symbols !important;
	padding: 0.5rem;
	font-weight: bold;
	color: #21931e;
	list-style: inherit;
}
.single_post_inner ul, .single_post_inner ol {
	padding: 1rem 2rem;
	margin: 2rem 1rem;
	background: #f3fff5;
	border-radius: 0.5rem;
	border: 1px solid #999;
}
.single_post_inner ul li {
	padding: 0.5rem;
	font-weight: bold;
	color: #35662b;
	border-bottom: dashed 1px;
}
.single_post_inner ul li::before {
	font-family: 'Font Awesome 5 Free';
	content: '\f14a';
	font-weight: 900;
	padding: 0 0.5rem 0 0;
	color: #4bbd34;
}
.wpp-list_m ul li {
	padding: 0.5rem;
	font-weight: bold;
	color: #8a4e4e;
	background: #f8f8f8;
	margin-bottom: 1rem;
}
figcaption {
	text-align: center;
	font-size: 0.8rem;
	color: #999;
}
.privacy {
	background: none !important;
}
/* _______サイドバー専用_______ */
/*サイドバー一式*/
.widget_search,/*検索*/
.widget_recent_entries,/*最近*/
.widget_categories,/*カテゴリ*/
.widget_calendar,/*カレンダー*/
.post_mail,/*メール受け取り*/
.widget_archive/*月別アーカイブ*/
{}
.widget {
	margin-bottom: 1rem;
	background-color: #f0f0f0;
}
/*サイドバーのタイトル文字大きさ調整*/
.widgettitle {
	background-color: #353535;
	text-align: center;
	color: #fff;
	padding: 1rem;
	font-size: 1.5rem;
	margin-bottom: 0;
}
.widget_archive {
	padding-bottom: 1rem;
}
.widget_archive select {
	text-align: center;
	padding: 0.2rem;
	display: block;
	margin: 0.5rem auto;
	width: 50%;
}
.post_mail h2 {
	font-size: 1.1rem;
}
.subscribe-text p {
	font-size: 0.7rem;
}
.searchform div input {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	-o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	display: inline-block;
	width: 70%;
	padding: 0.2rem 0.7rem;
}
/*検索ボタンサイズ*/
#searchsubmit {
	margin: 0.5rem auto;
	width: 70px;
	background: #0e9103;
	color: #fff;
	display: inline-block;
	/* padding: 0 0.5rem; */
}
.searchform, .post_mail > form, .calendar_wrap {
	text-align: center;
	padding: 1rem;
	color: #37609f;
	font-size: 0.9rem;
	line-height: 1.2;
}
/*トップ検索装飾大半cssはサイドバーと兼用されてる*/
.top_searchform {
	background: #c2d2bc;
}
#wp-calendar {
	width: 100%;
	color: #5a6f52;
}
#wp-calendar > caption {
	text-align: center;
	color: #fff;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	padding: 0.3rem;
	background-color: #9b9b9b;
	margin-bottom: 0.5rem;
}
#wp-calendar tbody tr td {
	padding: 0.2rem 0.1rem;
}
#wp-calendar tbody tr td a {
	background-color: #28a745;
	padding: 0.1rem;
	color: #fff;
}
#wp-calendar tbody tr td a:hover {
	background-color: #1D7230;
}
td#prev a, td#next a {
	padding: 0.5rem 0.2rem;
	margin: 0.5rem 0.2rem;
	background: #0f7118;
	display: block;
	color: #fff;
}
td#prev a:hover, td#next a:hover {
	background: #45864B;
}
/*最近の投稿*/
.recent_w_thumb ul {
	padding: 0.5rem;
}
.rpwwt-widget ul li {
	overflow: hidden;
	margin: 0;
	border-bottom: 1px dotted #bfbfbf;
}
.recent_w_thumb li a {
	font-size: 1rem;
	display: block;
	margin-top: 0.5rem;
}
.recent_w_thumb li:hover, ul#popular-posts.wpp-list li:hover {
	color: #fff !important;
	background: #c2f2ce;
}
.recent_w_thumb li a::before {
	font-family: 'Font Awesome 5 Free';
	content: '\f658';
	font-weight: 900;
	padding: 0 0.5rem 0 0;
	color: #0294a4;
}
/*人気記事ランキング表示*/
ul#popular-posts.wpp-list {
	counter-reset: pupular-ranking;
}
ul#popular-posts.wpp-list li {
	position: relative;
	border-bottom: 1px solid #dbdbdb;
}
ul#popular-posts.wpp-list li::before {
	background: none repeat scroll 0 0 #ab0000;
	color: #fff;
	content: counter(pupular-ranking, decimal);
	counter-increment: pupular-ranking;
	font-size: 100%;
	left: 0;
	top: 0;
	line-height: 1;
	padding: 4px 7px;
	position: absolute;
	z-index: 1;
	opacity: .75;
	border-radius: 0;
	font-family: Arial;
}
/*リストサブ*/
.cat-item a {
	display: block;
	background-color: #fff;
	padding: 0.7rem 0.2rem 0.3rem 0.5rem;
	color: #28a745;
	border-bottom: 1px solid #bbb;
}
.cat-item a:hover, .cat-item .children a:hover {
	color: #FFF;
	background: #646262;
}
.cat-item a::before {
	font-family: 'Font Awesome 5 Free';
	content: '\f187';
	font-weight: 900;
	padding: 0 0.5rem 0 0;
	color: #28a745;
}
.cat-item .children a {
	border-bottom: 1px solid #fff;
	display: block;
	background: #f0f0f0;
	padding: 0.5rem 0 0.5rem 0.7rem;
	font-size: 0.8rem;
	font-weight: normal;
}
.cat-item .children a::before {
	font-family: 'Font Awesome 5 Free';
	content: '\f49e';
	font-weight: 900;
	padding: 0 0.5rem 0 0;
	color: #004115;
}
/* _______以下インフォ専用_______ */
.postinfo {
	color: #c1c1c1;
	text-align: right;
	font-size: 0.95rem;
	background-color: #333;
	padding: 0.5rem;
}
.postinfo a {
	color: #ffc600;
	border: 1px solid #ffc600;
	border-radius: 3px;
	margin-right: 1rem;
	padding: 0.3rem;
}
.postinfo a:hover {
	background-color: #898585;
}
/*アドセンス用サイドバー スクロール固定*/
.sidebar_adsense {
	background: unset;
	position: -webkit-sticky;
	position: sticky;
	top: 70px;
}
/* _______SINGLE POST用_______ */
/*menu*/
#toc_container li, #toc_container ul {
	padding-bottom: 0.5rem;
	border: none;
}
#toc_container li::before {
	color: #2887ac;
}
ul.toc_list li ul li {
	padding: 0.5rem 0.2rem !important;
	font-size: 0.85rem;
	font-weight: normal;
}
#toc_container ul ul {
	padding: 0.5rem 0.35rem !important;
}
#toc_container a {
	color: #2a8599;
}
.toc_list > li > a {
	background: #e8eaf2;
	padding: 1rem 0.3rem;
	margin-top: 1rem;
	display: block;
	text-indent: -2rem;
	padding-left: 2.3rem;
}
ul.toc_list > li::before {
	content: none;
}
.toc_list > li > a > span.toc_number {
	padding: 0.5rem 0.5rem;
	background: #317799;
	color: #fff;
}
/*文字強調*/
/*黄色*/
.back_y {
	background: linear-gradient(transparent 60%, #ffff66 60%);
	line-height: 1.7;
}
/*ピンク*/
.back_p {
	background: linear-gradient(transparent 60%, #ffccff 60%);
	line-height: 1.7;
}
/*ブルー*/
.back_l {
	background: linear-gradient(transparent 60%, #cce5ff 60%);
	line-height: 1.7;
}
/*グリーン*/
.back_g {
	background: linear-gradient(transparent 60%, #ccff99 60%);
	line-height: 1.7;
}
/*BTS4のテーブル上横固定*/
.table thead th {
	/* 縦スクロール時に固定する */
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	/* tbody内のセルより手前に表示する */
	z-index: 1;
}
.table th {
	/* 横スクロール時に固定する :first-child削除した*/
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	background-color: #f1fbff;
	;
	background-clip: padding-box; /*これないと線が消える*/
}
/* 前の投稿へのリンクを左寄せ */
.nav-previous {
	float: left;
}
/* 次の投稿へのリンクを右寄せ */
.nav-next {
	float: right;
}
/* リンクが長い場合に重ならないように */
.nav-previous, .nav-next {
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0.5rem;
	border: 1px solid #66bb7b;
	margin: 0.5rem;
	border-radius: 5px;
	background-color: #eafff1;
}
/*前後リンクを非表示　固定ページごと必要*/
.page-id-12041 .pagnation, .privacy-policy .pagenation {
	display: none;
}
/*引用設定*/
.wp-block-quote {
	padding: 1rem;
	margin: 1.5rem;
	background: #f7f7f7;
	border: 1px solid #ccc;
	color: #777;
	border-radius: 7px;
}
.wp-block-quote cite {
	text-align: right;
	padding-right: 1rem;
	display: block;
	font-size: 0.8rem;
}
.wp-block-quote p::before {
	font-family: 'Font Awesome 5 Free';
	content: '\f10e';
	font-weight: 900;
	padding: 0 1rem 0 0;
	color: #8c8c8c;
	font-size: 2.5rem;
}
/*コメントエリア*/
.comment_area {
	padding: 1rem;
	background: #ececec;
	margin-top: 1rem;
}
h3#comments {
	padding: 0.5rem 2rem;
	border-top: 1px solid #bfbfbf;
	font-size: 1.5rem;
	border-bottom: 1px solid #bfbfbf;
	background: #f5ffff;
}
.commentlist > li.comment {
	padding: 1rem;
	border: 1px solid #00cebb;
	border-radius: 5px;
	margin-bottom: 2rem;
	background: #fdfdfd;
}
.commentlist {
	padding: 1rem;
}
.comment .children {
	padding: 0.5rem;
	border: 1px solid #e1e1e1;
	background: #f9f9f9;
	font-size: 0.9rem;
	color: #333;
}
.comment-reply-title::before {
	font-family: 'Font Awesome 5 Free';
	content: '\f086';
	font-weight: 900;
	padding: 0 0.5rem 0 0;
	color: #004115;
}
.comment-respond {
	margin: 1rem auto;
	background: #fcfcfc;
	padding: 1rem;
}
.comment-form-comment textarea {
	background-color: rgb(250, 255, 250);
	border-radius: 10px;
	border: 2px solid #28a745;
	padding: 1rem;
}
.comment-form p.form-submit {
	text-align: right;
}
.comment-form p.form-submit .submit {
	border: 2px solid #28a745;
	background-color: #57b949;
	padding: 0.5rem;
	color: #fff;
	border-radius: 0.3rem;
}
.comment-form-author, .comment-form-email, .comment-form-url, .comment-subscription-form, .comment-subscription-form {
	margin: 0.5rem;
}
/*コメント投稿フォーム*/
textarea {
	width: 100%;
}
.nocomments {
	text-align: center;
	color: #777;
}
#email-notes, .comment-form-cookies-consent label {
	font-size: 0.8rem;
	color: #777;
}
.comment-form-author input {
	/* background: #fffff1; */
	background-color: rgb(250, 255, 250);
	border-radius: 5px;
	border: 2px solid #28a745;
	width: -webkit-fill-available;
}
/*————————————–
関連記事　サムネイル用
————————————–*/
/*—関連記事　JP用—–*/
#jp-relatedposts {
	border: 1px solid #999;
	margin: 2rem 1rem !important;
	padding: 1rem !important;
	background: #f7f7f7;
}
@media(max-width: 576px) {
	#jp-relatedposts {
		margin: 2rem 0rem !important;
		padding: 0.5rem !important;
	}
}
#jp-relatedposts h3.jp-relatedposts-headline {
	margin: 0 0 1em 0;
	font-size: 2rem !important;
	color: #0787ae;
}
#jp-relatedposts h3.jp-relatedposts-headline em::before {
	border: none !important;
	margin-bottom: 0 !important;
}
@media(max-width: 576px) {
	div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post:nth-child(3n+1), div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post:nth-child(3n+1) {
		clear: none;
	}
	div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post:nth-child(3n) {
		clear: none;
	}
	div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post:nth-child(2n+1) {
		clear: left;
	}
}

#toc_container {
	display: block;
}
@media(max-width: 576px) {
	#toc_container {
		margin-left: 0rem;
	}
}
.kanren_ttl {
	font-size: 2rem;
	padding: 0.5rem 1rem;
	background: #296024;
	border-left: 1rem solid #d7e1ce;
	display: block;
	margin: 2.5rem 1rem 1.5rem 1rem;
	color: #fff;
	border-right: 1rem solid #d7e1ce;
	text-align: center;
}

/*まとめ*/
.matome + ul, .matome + ol {
	padding: 1.5rem;
	background: #e5f5f9;
	border-radius: 7px;
	margin: 1rem 1.5rem;
	-webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.matome + ul > li, .matome + ol > li {
	color: #055764;
	line-height: 1.5rem;
	padding-top: 1rem;
	list-style: none;
	border-bottom: 1px dashed;
}
.matome + ul > li::before, .matome + ol > li::before {
	font-family: 'Font Awesome 5 Free';
	content: '\f560';
	font-weight: 900;
	padding: 0 0.5rem 0 0;
	color: #00AED7;
}
/*————————————–
アンケート用
————————————–*/
.wp-polls {
	padding: 1.5rem;
	font-size: 1.5rem;
	color: #777;
}
@media(max-width: 576px) {
	.wp-polls {
		padding: 1rem 0;
	}
}
ul.wp-polls-ul {
	list-style-type: disc;
	padding: 1rem 0.5rem;
	margin: 0.5rem;
}
ul.wp-polls-ul li {
	font-size: 1.1rem;
	padding: 0.3rem 1rem;
	color: #1dc63f;
}
.wp-polls-ans p input {
	padding: 1rem;
	background: #006cf7;
	color: #fff;
	border: 1px solid #999;
	border-radius: 5px;
}