@charset "utf-8";
/*
Theme Name:blanks for blog (hitfilm ver.)
Theme URI:edit-anything.com
Description:ワードプレス・オリジナルテーマ 「blanks for blog」
Author:Kouta A2age
Author URI:https://edit-anything.com
Version:3.2
License:GNU General Public License v2 or later
License URI:http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:blanks for about


Tested up to: 5.7
Requires PHP: 8.2.28

google検索導入
次の記事のサムネイル
analytics ウィジェット化

4.0.1
Google検索デザイン修正

4.1.0
ファビコンが表示されないのでリンクを貼る
管理画面にファビコン表示

4.2.1
ブログカード修正
ダウンロードに利用規約

4.3.0
サイトマップに固定ページを追加

4.3.1
リストの背景 ダウンロードボタンのデザイン変更

4.4.1
blanks for about用にカスタム

4.5.0
表の並び替え機能の実装
tablesorter.js 

4.6.0
サイトマップデザイン修正
固定ページの一覧が固定ページに出力されていたのを修正
管理画面で「アイキャッチ画像を削除」がスムーススクロールするのを修正
アドセンス・サイト運営者ID ウィジェット追加
CSSの条件分岐の見直しなど


■2026.2.17 テーマ修正版の開発開始
blank for EDIUS 用テーマをblog用の変更
主な修正点
・H2 → H3 
・prism絡みのボタン
・目次デザイン


■修正済み
検索結果の並び替え 
更新日を表記
一覧のコメントの有無
次の記事のレイアウト崩れの修正
次の記事のタイトルのはみ出し
次の記事のホームに戻る画像の差し替え
Google tag
モバイル 検索マークをセンター配置
モバイル用検索ボタンのヒット位置
twitter → x
おススメ記事設定  sidebar.php
index.phpのインフィードアドの位置・サイズの調整及び、広告の見切れの問題を修正
投稿フィード設置 /comments/feed/
コメントフィード設置 /feed/
content-metaにRSS設置
目次にフッターまで進むボタンを設置
人気ランキングに見出し
未使用のCSSの整理
setting-template.js 修正
バージョン名を3に変更
target="_blank" 削除
blockquoteとリストのデザイン修正 背景アリリストなど
記事内にインフィードアド

hitfilm用にサイトカラーを設定


*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	-webkit-text-size-adjust: 100%;
}
@supports (-webkit-touch-callout: none) {
  body {height: -webkit-fill-available;
  }
}
body, button, input, select, textarea, pre, blockquote {
	color: #5e6265;
	font-family: sans-serif;
	font-size: 16px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Helvetica,Sans-Serif,Arial;
	letter-spacing: 1px;
	line-height: 1.6;
}
input, textarea {
	-webkit-appearance: none;
}
p {
	margin: 1em 0;
}
dfn, cite, em, i {
	font-style: italic;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background-color: rgba(0,0,0,0.01) !important;
	font-size: 14px;
	line-height: 1.5;
	display: inline-block;
	max-width: 100%;
	overflow: auto;
	padding: 1.2em 2em;
	border: 1px gainsboro solid;
	border-radius: 0px !important;
	margin: 2em 0px !important;
}
code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; /*	font-size: 15px;*/;
	font-size: 0.9375rem;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	text-decoration: none;
}
big {
	font-size: 125%;
}
.clear10 {
	clear: both;
	height: 10px;
}
.clear100 {
	clear: both;
	height: 68px;
}
.hr-dashed {
	border: 1px #555 dashed;
}
.fa {
	padding: 0 0.5em;
}
.list-border {
	border: 1px solid gainsboro;
	padding: 1em 0;
	background-color: rgba(228,228,222,0.2);
}
h4 {
	font-weight:bold;
}
/*--------------------------------------------------------------
# 背景色
--------------------------------------------------------------*/
body, button, input, select, textarea, pre, blockquote, #toc_container, footer {
	background-color: #f9f9f9;
}
/*--------------------------------------------------------------
# パンくずリスト
--------------------------------------------------------------*/
#breadcrumb {
	margin-top: 10px;
}
.pankuzu {
	display: block;
	font-size: 11px;
	list-style-type: none;
	width: auto;
	z-index: 1;
	margin: 0 1em;
	line-height: 2;
}
@media (max-width:991px){
.pankuzu {
	margin-left: 3em;
	text-indent: -2.6em;
}
}
.pankuzu li {
	display: inline;
	padding-left: 5px;
}
.pankuzu li.firstPankuzu {
	margin-left: 5px;
	padding-left: 25px;
	background-image: url('images/house16.svg');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.pankuzu li a {
	color: #000;
	text-decoration: none;
	padding-right: 18px;
	background-image: url('images/arrow-right7x11.svg');
	background-repeat: no-repeat;
	background-position: right;
	position: static;
}
.pankuzu li a:hover {
	text-decoration: underline;
}
/*--------------------------------------------------------------
# お知らせ information
--------------------------------------------------------------*/
.information_area {
	background-color: #ff6900;
	color: #fff;
	font-size: 14px;
	text-align: center;
	width: 100%;
	z-index: 9;
	padding: 0 1em;
}
.information_area.m_fixed {
	left: 0;
	position: fixed;
	top: 0;
	opacity: 0.8;
}
/*--------------------------------------------------------------
# テキスト
--------------------------------------------------------------*/
.page-title {
	font-size: 20px;
}
.entry-title {
	font-size: 20px;
}
.navbar {
	font-size: 12px;
}
.site-title {
	font-size: 20px;
	margin: 0 3%;
	padding: 100px 0 5px 0;
}
.site-title a {
	text-decoration: none;
	color: #000 !important;
}
.site-description {
	margin-top: 0px;
	margin-bottom: 30px;
	font-size: 12px;
}
.site-description a {
	text-decoration: none !important;
}
.site-description a:hover {
	text-decoration: none;
}
h1 {
	font-size: 24px;
	margin-bottom: 0.5em;
}
.mobile_h1 {
	font-size: 18px;
	margin: 0 auto 1em;
}

/*--------------------------------------------------------------
# indexBox 記事一覧
--------------------------------------------------------------*/
.indexBox {
	width: 100%;
	clear: both;
	margin-bottom: 15px;
	position: relative;
	z-index: 2;
	border-bottom: none;
	margin-bottom: 30px;
}
.indexBox h2 {
	font-size:16px;
	font-weight:bold;
	line-height: 20px;
}
.indexBox img {
	float: left;
	overflow: hidden;
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	margin: 0px 15px 10px 0;
	border: 1px solid gray;
}
.indexBox p {
	font-size: 12px;
	margin: 1em 0 3em 0;
	line-height: 16px;
	color: #808080;
}
.date_indexBox {
	margin: 0px 0px 4px 10px;
	font-size: 12px;
	display: block;
	position: absolute;
	bottom: 0.5em;
	right: 0;
	color: #cf2e2e;
}
@media (max-width:768px){
.indexBox {
	border-bottom: 0px gainsboro solid;
	text-align: center;
}
.indexBox img {
	float: none;
}
.post-thumbnail_pc, .post-thumbnail_mobile {
	position: relative;
}
}
@media (min-width:992px){
.indexBox img {
	width: 284px;
	height: 160px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
.indexBox img {
	width: 200px;
	height: 113px;
}
}
/*
--------------------------------------------------------------
# カテゴリー名 ※サムネイルの上
--------------------------------------------------------------*/
.category_name {
	position: absolute;
	background-color: #0000008c;
	margin: 0;
	left: 3px;
	top: 3px;
	display: block;
	font-size: 12px;
	padding: 0.1em 0.5em;
	border: 1px #f0f0f0 solid;
	z-index: 2;
	max-width: 194px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.category_name a {
	text-decoration: none !important;
	color: #f0f0f0 !important;
}
/*--------------------------------------------------------------
# contentBox 記事本文
--------------------------------------------------------------*/
.contentBox {
	width: 100%;
	clear: both;
	margin-bottom: 15px;
	padding: 0;
	position: relative;
}
.contentBox img {
	clear: both;
	overflow: hidden;
	box-sizing : border-box;
	outline: 1px solid gainsboro;
	outline-offset: -1px;
	max-width: 100% !important;
	height: auto;
}
}
.contentBox iframe {
	margin: 2em 2px;
}
.contentBox p {
	clear: both;
	overflow: hidden;
	line-height: 1.6;
	margin-top: 16px;
    margin-bottom: 26px;
	/*margin-top: 2em;
	margin-bottom: 2em;*/
}
#main {
	counter-reset: contentBox_h2;
}
.contentBox h2 {
	counter-reset: contentBox_h3;
	clear: both;
	font-weight: bold;
	line-height: 1.5;
	padding-top: 2em;
	margin-top: 3em;
	margin-bottom: 1em;
}
.contentBox h2:before {
	content: counter(contentBox_h2);
	counter-increment: contentBox_h2;
	color: #fff;
	float: left;
	text-align: center;
	height: 36px;
	width: 36px;
	line-height: 40px;
	font-size: 24px;
	margin-right: 10px;
	position: relative;
	top: -6px;
}
.contentBox ol {
	margin: 1em 0;
	padding-left: 3em;
	list-style-type: decimal;
	line-height: 1.3;
}
.contentBox ul {
	margin: 1em 0;
	padding-left: 2em;
	list-style-type: disc;
	line-height: 1.3;
}
.contentBox ul li, .contentBox ol li {
	margin-bottom: 0em;
	line-height: 1.6;
}
@media (max-width:768px){
.contentBox h2:before {
	position: relative;
	top: -4px;
	display: inline-block;
	float: none;
}
}
/*--------------------------------------------------------------
# contentBox タグ カテゴリー meta情報
--------------------------------------------------------------*/
.category_list {
	transition: 0.5s;
	border-radius: 5px;
	display: inline-block;
	line-height: 0;
	margin-bottom: 0!important;
}
.tags {
	transition: 0.5s;
	border-radius: 5px;
	display: inline-block;
	line-height: 0;
	margin-bottom: 0!important;
}
.tag_list {
	margin-bottom: 0.5em !important;
	display: inline-flex;
}
.tag_list span {
	padding: 2px 6px;
	border-radius: 5px;
	margin: 2px 4px;
	color: #000;
	display: inline-block;
	min-width: 90px;
}
.tag_list ul {
	margin: 0;
	padding-left: 0em !important;
	list-style-type: disc;
	line-height: 1.3;
	display: inline-block;
}
li.tags a:before {
	content: "\f02b ";
	font-family: FontAwesome;
	margin-right: 0.5em;
}
.category_list a:before {
	content: "\f115 ";
	font-family: FontAwesome;
	margin-right: 0.5em;
}
.content_meta {
	background-color: #f0f0f0;
	padding: 1em;
	border-radius: 5px;
	font-size: 14px;
}
.page_views {
	font-weight: bold;
}
/*
.date_single {
	margin: 0px 10px 7px 0px;
	bottom: 1.5em;
	font-size: 14px;
	display: flex;
	flex-flow: wrap;
	justify-content: center
}*/
.date_single {
    margin: 0px 10px 7px 0px;
    bottom: 1.5em;
    font-size: 11px;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    color: #4c6688;
}
.awesome_pencil, .awesome_refresh, .awesome_comment, .awesome_user {
	padding: 2px 6px 2px 6px;
	margin: 2px 4px 2px 4px;
}
.awesome_pencil:before {
	content: "\f040 ";
	font-family: FontAwesome;
	margin-right: 0.5em;
}
.awesome_refresh:before {
	content: "\f021 ";
	font-family: FontAwesome;
	margin-right: 0.5em;
}
.awesome_comment:before {
	content: "\f27a ";
	font-family: FontAwesome;
	margin-right: 0.5em;
}
.awesome_user:before {
	content: "\f007 ";
	font-family: FontAwesome;
	margin-right: 0.5em;
}
.awesome_rss:before {
	content: "\f09e ";
	font-family: FontAwesome;
	margin-right: -0.5em;
}
.awesome_rss2:before {
	content: "\f143 ";
	font-family: FontAwesome;
	margin-right: -0.5em;
}
.date_single .fa {
	padding: 0 0.5em 0 0;
}
.content_meta .sns_frame_top {
	margin-top: 30px;
}
.content_meta_title {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px gainsboro solid;
	margin: 0px 0 1.2em 0;
	padding: 0.2em 1em;
}
.content_meta_title .post-edit-link {
	position: relative;
	top: -3px;
}
.content_meta a {
	transition: 0.5s;
	padding: 2px 6px;
	margin: 2px 4px;
	display: inline-block;
	font-size: 13px;
	text-decoration: none !important;
/*
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 0 0 0 #fff;
	color: #000;
	border: 1px solid #dcdcdc; */	
}
.content_meta a:hover {
	color: #fff !important;
	background-color: #3f3f3f;
}
.awesome_comment a {
	display: inline;
	color: #4c6688;
}
.awesome_comment a:hover {
/*    color: #fff !important; */
    text-decoration: underline ;
}
span.awesome_comment {
    position: relative;
    top: -2px;
}
.awesome_comment a:visited, .awesome_comment a:hover, .awesome_comment a:focus, .awesome_comment a:active, .awesome_comment a:focus {
	color: #4c6688;
}

/*--------------------------------------------------------------
# contentBox メディアクエリ
--------------------------------------------------------------*/
@media (max-width:768px){
.indexBox {
	text-align: center;
}
h1 {
	text-align: center;
}
.blog-card-title {
	text-align: left;
}
.blog-card-date {
	text-align: left;
}
#toc_container .toc_list {
	text-align: left;
}
.contentBox ul {
	text-align: left;
}
.contentBox ol {
	text-align: left;
}
.contentBox h2 {
	font-size: 16px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
.excerpt p {
	font-size: 80%!important;
}
.indexBox h2 {
	font-size: 16px!important;
}
.contentBox h2 {
	font-size: 16px!important;
}
}
span.right_layout {
	float: right;
}
.excerpt {
	font-size: 16px;
	font-weight: normal;
}
.excerpt p {
	margin: 0.3em 0 0em 0em;
	line-height: 1.3;
	font-size: 14px;
}
@media screen and (max-width:768px){
span.right_layout {
	float: none;
}
}

/*
--------------------------------------------------------------
# single.php ページネーション
--------------------------------------------------------------*/
.comments-previous {
	float: left;
	margin: 1em 0 1em 1em;
	width: 45%;
}
.comments-next {
	float: right;
	margin: 1em 1em 1em 0;
	width: 45%;
	text-align: right;
}
.prev-next-link {
	font-size: 13px;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: space-between;
}
.prev-link, .next-link {
	width: 48%;
	border-top: 20px #252e39 solid;
}
.prev-link:before {
	content: "<< 古い記事";
	display: block;
	position: relative;
	top: -20px;
	text-align: center;
	color: #fff;
	margin-bottom: -20px;
}
.next-link:before {
	content: "新しい記事 >>";
	display: block;
	position: relative;
	top: -20px;
	text-align: center;
	color: #fff;
	margin-bottom: -20px;
}
.prev-link a img, .next-link a img {
	margin: 5px;
}
.prev-link a, .next-link a {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: space-between;
}
.prev-next-title {
	margin: 5px 5px 5px 5px;
	position: relative;
	height: 80px;
	overflow: hidden;
	line-height: 20px;
}
.next-next-title {
	margin: 5px 5px 5px 5px;
	position: relative;
	height: 80px;
	overflow: hidden;
	line-height: 20px;
}
@media screen and (max-width:650px) {
.prev-link, .next-link {
	width: 100%;
	margin: 5px auto;
}
.prev-next-link {
	display: block;
}
}
.prev-nav, .next-nav {
	border-bottom: 1px gainsboro solid;
	border-left: 1px gainsboro solid;
	border-right: 1px gainsboro solid;
}
.single_pagenation {
	display: flex;
	justify-content: space-between;
}
.prev_post_title {
	max-width: 288px;
	margin-left: 10px;
}
.next_post_title {
	max-width: 288px;
	margin-right: 10px;
}
.prev_post_thumb img {
	margin: 10px 0 0 10px !important;
    border: 1px solid gainsboro;	
}
.next_post_thumb img {
	margin: 10px 10px 0 0 !important;
    border: 1px solid gainsboro;	
}

/*
--------------------------------------------------------------
# index.php ページネーション
--------------------------------------------------------------*/
.pager_center {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	justify-content: center;
}
.nav-links a, .dots {
	display: inline-block;
	border: 1px solid #555;
	border-left-width: 0px;
	padding: 0.4em 0.8em;
	text-decoration: none;
	color: #555;
	margin: 0 -4px;
	background-color: transparent;
	transition: all 0.3s;
}
.nav-links a:hover {
	background-color: #3f3f3f;
	color: #fff;
}
.prev {
	border-left: 1px solid #555 !important;
}
.current {
	background-color: #3f3f3f!important;
	color: #fff!important;
	display: inline-block;
	border: 1px solid #555;
	border-left-width: 1px;
	padding: 0.4em 0.8em;
	text-decoration: none;
	color: #555;
	margin: 0 -4px!important;
	background-color: transparent;
	transition: all 0.3s;
}
/*
--------------------------------------------------------------
# その他のページネーション
--------------------------------------------------------------*/
.prev_section, .nav-previous {
	float: left;
	margin: 1em 0 1em 1em;
}
.next_section, .nav-next {
	float: right;
	margin: 1em 1em 1em 0;
}
/*--------------------------------------------------------------
# ウィジェット
--------------------------------------------------------------*/
@media screen and (max-width:992px) {
#main_sidebar {
	display: none;
}
}
.widget select {
	max-width: 100%;
}
.widget-title {
	font-size: 15px;
	color: #45758e;
	padding-bottom: 0.3em;
	margin-bottom: 1em;
	margin-top: 1em;
}
h2.widget-title:before {
	content: "\f114";
	font-family: FontAwesome;
	margin-right: 0.3em;
}
.widget_recent_comments ul li {
	padding-bottom: 1em;
}
.recentcomments {
	font-size : 12px;
	margin-bottom: 1em;
	border-bottom: 1px gainsboro solid;
}
.widget {
	margin: 0 0 100px 0;
}
.header_adsense:before, /* .sidebar_adsense:before */ {
	content: "スポンサーリンク";
	font-size: 10px;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-webkit-justify-content: center;
	justify-content: center;
}
.double-rectangle:before {
	content: "スポンサーリンク";
	font-size: 10px;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-webkit-justify-content: center;
	justify-content: center;
	display: none;
}
.Ads_postIn:before {
	content: "スポンサーリンク";
	font-size: 10px;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-webkit-justify-content: center;
	justify-content: center;
	position: relative;
	top: -3px;
}
.Ads_postIn {
	padding: 0 2px;
}
.Ads_postIn iframe {
	margin: 0px 0px;
}
.header_adsense {
	margin: 50px auto 100px auto;
	max-width: 728px;
}
.sidebar_adsense {
	margin: 50px 0;
}
.sidebar_adsense {
	text-align: center;
}
@media screen and (max-width:992px) {
.sidebar_adsense .textwidget {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-webkit-justify-content: center;
}
}
@media screen and (min-width:992px) {
.col-md-4 {
	max-width: 336px;
}
}
.widget_footer_area1 h3, .widget_footer_area2 h3, .widget_footer_area3 h3 {
	font-size: 14px;
	font-weight: bold;
}
.widget_footer_area1, .widget_footer_area2, .widget_footer_area3 {
	float: left;
	margin: 1%;
	width: 30%;
}
.double-rectangle {
	text-align: center;
	overflow: hidden;
	margin: 20px auto;
	max-width: 624px;
}
.left-rectangle {
	float: left;
	width: 300px;
	height: 250px;
}
.right-rectangle {
	float: right;
	width: 300px;
	height: 250px;
}
@media screen and (max-width:647px) {
.left-rectangle, .right-rectangle {
	float: none;
	margin: 0 auto !important;
}
}
@media screen and (max-width:647px) {
.right-rectangle {
	margin: 0 auto !important;
	display: none;
}
}
.infeed-ads {
	overflow: hidden;
	width: 100%;
	clear: both;
	margin-bottom: -16px;
    padding-top: 48px;
}
ins.adsbygoogle {
	position: relative;
	top: -3em;
}

@media (min-width:992px){
.infeed-ads img {
	width: 284px;
	height: 160px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
.infeed-ads img {
	width: 200px;
	height: 113px;
}
}
/*
--------------------------------------------------------------
# 関連記事
--------------------------------------------------------------*/
.Related_parent {
	margin-bottom: 80px;
}
.Related_parent h3 {
	padding-bottom: 1em;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px gainsboro dotted;
	margin-bottom: 1em;
}
.Related_box {
	margin-right: 10px;
	padding: 0 !important;
	font-size: 12px;
	width: 48%;
	height: 80px;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	float: left;
	margin-bottom: 1em;
}
.Related_thumb img {
	margin: 0;
	float: left;
	max-width: none;
}
.Related_title {
	float: right;
	width: 200px;
	height: 75px;
	margin-left: 1em;
}
.Related_title p {
	margin: 0px;
}
@media screen and (max-width:650px) {
.Related_box {
	width: 100%;
}
.Related_title {
	width: 80%;
}
}
/*
--------------------------------------------------------------
# サイドバー カテゴリーなど
--------------------------------------------------------------*/
.widget_archive ul li, .widget_meta ul li, .widget_nav_menu ul li, .widget_pages ul li, .widget_recent_entries ul li, .widget_categories ul li {
	font-size: 13px;
	display: block;
	text-decoration: none;
	border-bottom: 1px gainsboro solid;
	text-indent: 0px;
	cursor: pointer;
	font-weight: normal;
	width: 92%;
	height: 2.3em;
	line-height: 2.3em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
@media screen and (max-width:991px){
.widget_archive ul li, .widget_meta ul li, .widget_nav_menu ul li, .widget_pages ul li, .widget_recent_entries ul li, .widget_categories ul li {
	font-size: 14px;
	width: 100%;
	height: auto;
	white-space: normal;
}
}
.widget_nav_menu div ul li a {
	color: #5e6265;
}
/*
--------------------------------------------------------------
# コメント
--------------------------------------------------------------*/
.comments-title {
	font-size: 14px;
}
.comments-title:before {
	content: "\f0e6  ";
	font-family: FontAwesome;
}
#comments .comment {
	margin: 10px auto;
	padding: 10px;
	background-color: #f0f0f0;
}
.comment-reply-title {
	font-size: 14px;
	border: 1px gainsboro solid;
	display: inline-block;
	background-color: gray;
	color: #fff;
	padding: 4px 8px;
}
.comment-metadata {
	font-size: 12px;
	margin-bottom: 0.8em;
}
.comment-meta {
	background-color: #f0f0f0;
}
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
	display: block;
}
#comments-count {
	font-size: 14px;
}
span.required {
	color: red;
}
p.comment-notes {
	padding: 0.5em;
}
.comment-form-author label, .comment-form-email label, .comment-form-url label {
	width: 100px;
	padding: 3px 6px 2px;
	display: inline-block;
}
.comment-reply-title {
	font-size: 14px;
	border: 1px gainsboro solid;
	display: inline-block;
	background-color: #3f3f3f;
	color: #fff;
	padding: 4px 8px;
	border-radius: 5px;
}
div#comments {
	background-color: #f0f0f0;
	padding: 1em;
	font-size: 14px;
}
textarea#comment {
	max-width: 100%;
	max-height: 100%;
}
#comments input#author, input#email {
	max-width: 100%;
}
.wpcf7 {
	font-size: 13px;
}
/*
--------------------------------------------------------------
# タグ･クラウド
--------------------------------------------------------------*/
.widget_tag_cloud p {
	font-size: 14px;
	padding-bottom: 1em;
	border-bottom: 1px gainsboro dotted;
}
.widget_tag_cloud a {
	border: 1px gainsboro dotted;
	display: inline-table;
	margin: 2px;
	padding: 1px 4px;
	background-color: #fff;
	background-color: transparent;
	transition: all 0.3s;
	text-decoration: none;
}
.widget_tag_cloud a:hover {
    background-color: #8d8d8d !important;
    color: #FFE;
}
.tagcloud {
	float: none !important;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-flow: row wrap;
	width: 100% !important;
}
/*
--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}
img {
	height: auto;
	max-width: 100%;
	margin: 10px 10px 10px 0;
}
figure {
	margin: 1em 0;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button, input[type=button], input[type=reset], input[type=submit] {
	border: 1px solid gainsboro;
	background: #f1f1f1;
	font-size: 12px;
	line-height: 1;
	padding: 7px 1em;
	transition: 0.3s;
}
button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
	border-color: #ccc #bbb #aaa;
	cursor: pointer;
	background-color: #3f3f3f;
	color: #fff;
}
button:focus, input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus, button:active, input[type=button]:active, input[type=reset]:active, input[type=submit]:active {
	border-color: #aaa #bbb #bbb;
}
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea {
	border: 1px solid gainsboro;
	padding: 4px;
}
select {
	border: 1px solid #ccc;
}
input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=range]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, textarea:focus {
	color: #111;
}
textarea {
	width: 100%;
}
.search_sidebar {
	margin: 0 0 50px 0;
}

@media screen and (min-width:769px) and ( max-width:991px){
.search_sidebar {
	width: 70%;
	margin: 1em auto 3em;
}
}
@media (max-width:648px){
select {
	border: 1px solid #ccc;
	width: 100%;
}
section h2 {
	text-align: center;
}
}
/*
--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
#content[tabindex="-1"]:focus {
	outline: 0;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}
.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {
	clear: both;
}
/*
--------------------------------------------------------------
# Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}
.hentry {
	margin: 0 0 1.5em;
}
.byline,
.updated:not(.published) {
	display: none;
}
.single .byline, .group-blog .byline {
	display: inline;
}
.page-content, .entry-content, .entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
embed, iframe, object {
	max-width: 100%;
}
/*--------------------------------------------------------------
# Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption .wp-caption-text {
	margin-top: -2em;
	font-size: 12px;
	color: gray;
}
.wp-caption-text {
	text-align: center;
}
/*--------------------------------------------------------------
# Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}
.gallery img {
	border: 1px gainsboro solid;
	padding: 3px;
}
.gallery img:hover {
	opacity: 0.8;
}
.gallery-item {
	display: inline-block;
	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-caption {
	display: block;
}
/*--------------------------------------------------------------
# footer
--------------------------------------------------------------*/
#footerBoader1 {
	margin: 50px 0 0 0;
	border-bottom: 1px gainsboro solid;
	width: 100%;
}
#footerBoader2 {
	border-bottom: 1px gainsboro solid;
	position: relative;
	top: 2px;
	width: 100%;
}
#copyright {
	text-align: center;
	padding: 2em 0;
	font-size: 14px;
}
.center_text {
	text-align: center;
	margin: 2em auto;
}
/*
--------------------------------------------------------------
# 続きを読む
--------------------------------------------------------------*/
.moretag {
	text-decoration: none !important;
	color: #000 !important;
	padding: 0px 4px;
	background-color: #fff;
	background-color: transparent;
	transition: all 0.5s;
}
.moretag:hover {
	background-color: #555 !important;
	color: #fff !important;
}
/*
--------------------------------------------------------------
# コード
--------------------------------------------------------------*/
code {
	border: 1px solid gainsboro;
	background-color: rgba(233,233,233,0.3);
	padding: 0px 10px 0px 10px;
	margin: 0.3em 0.3em 0 0.3em;
	display: inline-block;
}
pre code {
	padding: 3px 12px;
	font-size: inherit;
	color: inherit;
	white-space: pre-wrap;
	background-color: transparent;
	border-radius: 4px;
}
/*--------------------------------------------------------------
# おススメ記事
--------------------------------------------------------------*/
.recommend_box {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.recommend_thumb img {
	margin: 0px 10px 0px 0;
	max-width: none;
}
.recommend_title {
	text-align: left!important;
}
.recommend_title p {
	margin: 0px;
	font-size: 13px;
}
.recommend_parent {
	margin-bottom: 80px;
}
.recommend_parent h3 {
	padding-bottom: 1em;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px gainsboro dotted;
}
@media screen and (max-width:650px) {
.recommend_box {
	width: 100%;
}
.recommend_title {
	width: 80%;
}
}
/*
--------------------------------------------------------------
# 自作 人気記事ランキングにランキング文字を追加
--------------------------------------------------------------*/
.wpp_box {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	position: relative;
}
.wpp_thumb img {
	margin: 0px 10px 0px 0;
	max-width: none;
	border:1px solid gray;
}
.wpp_title {
	text-align: left!important;
	line-height: 16px;
}
.wpp_title p {
	margin: 0px;
	font-size: 13px;
}
.wpp_parent {
	margin-bottom: 80px;
}
.wpp_parent h3 {
	padding-bottom: 1em;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px gainsboro dotted;
}
@media screen and (max-width:650px) {
.wpp_box {
	width: 100%;
}
.wpp_title {
	width: 80%;
}
}
@media screen and (max-width:991px) {
.wpp_box:before {
	position: absolute;
	top: 11px;
	left: 1px;
}
}
.wpp_parent {
	counter-reset: wpp_number;
}
.wpp_box:before {
	counter-increment: wpp_number;
	content: counter(wpp_number);
	align-items: center;
	position: absolute;
	padding: 2px 8px;
	font-size: 12px;
	color: #fff;
	background: #3f3f3f;
	z-index: 1;
	border: 1px #fff solid;
	border-radius: 4px;
}
.wpp_pv {
	color: #167ac6;
	display: inline-block;
	padding: 0px 4px;
	border-radius: 3px;
	position: absolute;
	bottom: 8px;
	right: 0px;
	font-size: 11px!important;
}
/*
--------------------------------------------------------------
# この記事を編集
--------------------------------------------------------------*/
.post-edit-link:before {
	content: "\f0ad ";
	font-family: FontAwesome;
}
.post-edit-link {
    color: #9e3939;
	transition: 0.5s;
	padding: 2px 6px;
	border-radius: 5px;
	margin: 2px 4px;
	display: inline-block;
	background-color: #fff;
	box-shadow: 0 0 0 #fff;
	border: 1px solid #dcdcdc;
	font-size: 12px;
	vertical-align: middle;
	position: relative;
	top: -3px;
}
.post-edit-link:hover {
	background-color: #3a4f69;
	color: #fff!important;
}
.edit_link_sitemap:before {
	content: "\f013 ";
	font-family: FontAwesome;
}
.edit_link_sitemap {
	color: #9e3939!important;
	margin-bottom: 10px;
	display: inline-block;
}
.edit_link_sitemap:hover {
	text-decoration: none !important;
}
.social_button_bottom .post-edit-link:before {
	content: "\f013 ";
	font-family: FontAwesome;
	margin-right: 0.5em;
	position: relative;
	top: -3px;
	font-size: 18px;
}
.dashboard_link {
	color: #9e3939!important;
	transition: 0.5s;
	padding: 2px 6px;
	border-radius: 5px;
	margin: 2px 4px;
	display: inline-block;
	background-color: #fff;
	box-shadow: 0 0 0 #fff;
	border: 1px solid #dcdcdc;
	font-size: 13px;
	vertical-align: middle;
	position: relative;
	top: -3px;
}
.dashboard_link:after {
	content: "\f0ad " " ダッシュボード";
	font-family: FontAwesome;
}
.dashboard_link:hover, .post-edit-link_single:hover {
	background-color: #3a4f69;
	color: #fff!important;
}
.mobile_dashboard_link:after {
	content: "\f0ad ";
	font-family: FontAwesome;
	color: #bbb!important;
	position: absolute;
	right: 15px;
	top: 10px;
	font-size: 25px;
}
.post-edit-link_single:before {
	content: "\f0ad " " 投稿を編集";
	font-family: FontAwesome;
}
.post-edit-link_single {
	color: #9e3939!important;
	transition: 0.5s;
	padding: 2px 6px;
	border-radius: 5px;
	margin: 2px 4px;
	display: inline-block;
	background-color: #fff;
	box-shadow: 0 0 0 #fff;
	border: 1px solid #dcdcdc;
	font-size: 12px;
	vertical-align: middle;
	position: relative;
	top: -3px;
	text-decoration:none !important;
}
/*-----------------------------------
内部リンクをショートコードでブログカード化
------------------------------------*/
.blog-card {
	border: 1px solid #ddd;
	word-wrap: break-word;
	max-width: 100%;
	position: relative;
	margin-bottom: 1em;
	margin-top: 1em;
}
.blog-card:before {
	content: "\f040 関連記事";
	font-family: "FontAwesome";
	height: 25px;
	left: -8px;
	top: -8px;
	background-color: #3f3f3f;
	color: #fff;
	padding: 4px 12px 0px 12px;
	font-size: 12px;
	position: absolute;
	box-shadow: 2px 2px 0px 0px #ff9800;
	z-index: 1;
}
.blog-card a {
	color: #333;
	display: block;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	text-decoration: none;
}
.blog-card:hover {
	transition: 0.3s;
	opacity: 0.8;
	box-shadow: 2px 2px 0px 0px;
}
.blog-card-thumbnail {
	float: left;
	padding: 10px;
}
.blog-card-thumbnail img {
	display: block;
	padding: 0;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	margin: 0;
}
.blog-card-thumbnail img {
	width: 200px!important;
	height: 113px!important;
}
.blog-card-description {
	font-size: 85%;
	margin: 0 2em;
}
.blog-card:hover {
	transition: 0.3s;
	opacity: 0.8;
}
.blog-card-content {
	line-height: 120%;
}
.blog-card-title {
	font-weight: bold;
	font-size: 14px;
	padding: 10px 10px 5px 10px;
	line-height: 1.3em;
	text-overflow: ellipsis;
}
.blog-card-date {
	color: #32373c;
	font-size: 12px;
}
.blog-card-date:before {
	content: "\f017";
	font-family: "FontAwesome";
	font-size: 14px;
	margin-right: 0.5em;
}
.site-name {
	font-size: 14px;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
img.blog-card-icon {
	vertical-align: bottom;
	margin: 0 1em 0 1em;
}
.site-name span:before {
	font-family: FontAwesome;
	margin-right: 0.5em;
	content: "\f0c1 ";
}
@media (max-width: 500px) {
.blog-card-description {
	font-size: 85%;
	margin: 0.5em 1.5em;
	clear: both;
}
.site-name {
	position: relative;
	margin: 1em;
	text-align: right;
	right: 0;
	bottom: 0;
}
.blog-card-description {
	margin: 0.5em 1.5em;
}
.blog-card-thumbnail img {
	width: 100%!important;
	height: 100%!important;
}
img.blog-card-icon {
	vertical-align: bottom;
	margin: 0 0 0 1em!important;
}
.blog-card-title {
	margin-left: 0.2em;
}
.blog-card-date {
	margin-left: 1.5em;
}
}
@media screen and (min-width:501px) and ( max-width:768px){
.blog-card-description {
	display: none;
}
}
/*-----------------------------------
2020.12.18 テーマ・リニューアル bootstrap 廃止後に追加したCSS
------------------------------------*/
.new_post {
	position: absolute;
	background-color: #d00043;
	padding: 2px 8px;
	margin: 0;
	float: left;
	color: #fff;
	font-weight: bold;
	top: 10px;
	left: 0px;
}
.col-md-12, .col-md-4, .col-md-8 {
	position: relative;
	min-height: 1px;
	padding-right: 20px;
	padding-left: 20px;
}
@media (min-width:992px){
.col-md-12, .col-md-4, .col-md-8 {
	float: left;
}
.col-md-12 {
	width: 100%;
}
.col-md-8 {
	width: 66.66666667%;
}
.col-md-4 {
	width: 33.33333333%;
	max-width: 336px;
}
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
@media (min-width:768px){
.container {
	width: 750px;
}
}
@media (min-width:992px){
.container {
	width: 970px;
}
}
@media (min-width:1200px){
.container {
	width: 1170px;
}
}
.row {
	margin-right: -15px;
	margin-left: -15px;
}
.row:after, .row:before {
	display: table;
	content: " ";
}
header#masthead {
	margin-bottom: 3em;
}
/*
--------------------------------------------------------------
# Table of Contents Plus 自作の目次表示 
--------------------------------------------------------------*/
#toc_container {
	margin-bottom: 40px;
	padding: 15px 20px;
	border: 1px gainsboro dotted;
	color: #666;
	font-size: 15px;
	background-color: #f0f0f0;
	border-radius: 5px;
}
#toc_container .toc_title {
	margin-bottom: 25px;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 1.1em;
	border-bottom: 1px solid #dedede;
}
#toc_container .toc_list {
	list-style-type: disc;
	counter-reset: li;
	list-style: decimal;
}
#toc_container .toc_list > li {
	position: relative;
	margin-bottom: 15px;
	margin-left: 6px;
	line-height: 1.3em;
	font-size: .9em;
}
#toc_container .toc_list > li a {
	text-decoration: none !important;
	color: #5e6265;
}
#toc_container .toc_list > li a:hover {
	text-decoration: underline !important;
}
#toc_container .toc_list > li ul {
	list-style-type: circle;
	margin-top: 15px;
	padding-left: 20px;
	color: #555;
	font-weight: 400;
	list-style: decimal;
}
#toc_container .toc_list > li > ul li {
	font-size: .9em;
	margin-bottom: 8px;
}
@media only screen and (min-width:641px){
#toc_container {
	padding: 1em 1.5em;
}
#toc_container .toc_title {
	font-size: 1.1em;
}
#toc_container .toc_list > li {
	margin-bottom: 0.5em;
	margin-left: 12px;
	font-size: 1em;
}
#toc_container .toc_list > li:after {
	left: -48px;
	top: 0;
	font-size: 26px;
}
.toc_toggle a {
	text-decoration: none !important;
}
.ads-area {
	max-height: 300px;
	height: 300px;
}
}
.post-content #toc_container ul {
	padding-left: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
.back-toc {
	text-align: right;
}
.back-toc a {
	padding: 8px 15px;
	color: #666;
	background: #f3f3f3;
	border: 1px solid #ddd;
	font-size: 13px;
	border-radius: 2px;
	text-align: center;
}
.single article.post {
	border: none;
}
#wpcf7-f278-o1 textarea {
	width: 100%;
	height: 100px;
}
#wpcf7-f278-o1 .wpcf7-submit {
	margin-top: 20px;
}
.cat-content-area ul {
	margin-top: 20px;
}
.post-content ol {
	counter-reset: number-ol;
	list-style: none;
	margin: 0;
	padding: 0;
}
.post-content ol > li {
	position: relative;
	line-height: 1.5em;
	padding: 1.8em .5em .5em 30px;
	border-top: 1px solid #f2f2f2;
}
.post-content ol > li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}
.post-content ol > li:first-child {
	border-top: none;
	padding-top: 0;
}
.post-content ol > li:before {
	position: absolute;
	counter-increment: number-ol;
	content: counter(number-ol);
	display: inline-block;
	background: #2581c4;
	color: #fff;
	font-family: 'Avenir','Arial Black','Arial',sans-serif;
	font-weight: 700;
	font-size: 15px;
	border-radius: 50%;
	left: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
}
.share-message {
	color: #999;
}
.toc_widget.side-widget ul > li {
	padding-top: 6px;
	padding-bottom: 6px;
}
.toc_widget.side-widget ul ul {
	padding-left: 16px;
	font-size: 12px;
}
.toc_widget.side-widget ul ul > li {
	margin-left: 16px;
	font-size: 12px;
	list-style: circle;
}
.toc_widget.side-widget ul ul li:last-child {
	border-bottom: none;
}
#toc_container .toc_list {
	counter-reset: toc_1st_list;
	list-style: none;
}
#toc_container .toc_list > li:before {
	content: counter(toc_1st_list);
	counter-increment: toc_1st_list;
	float: left;
	line-height: 20px;
	margin-left: -28px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	height: 20px;
	width: 20px;
	padding-left: 2px;
}
#toc_container .toc_list li ul {
	counter-reset: toc_2nd_list;
	list-style: none;
}
#toc_container .toc_list li ul > li:before {
	content: counter(toc_2nd_list);
	counter-increment: toc_2nd_list;
	float: left;
	line-height: 20px;
	margin-left: -28px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	height: 20px;
	width: 20px;
}
#toc_container .toc_list li ul li ul {
	counter-reset: toc_3nd_list;
	list-style: none;
}
#toc_container .toc_list li ul li ul > li:before {
	content: counter(toc_3nd_list);
	counter-increment: toc_3nd_list;
	float: left;
	line-height: 20px;
	margin-left: -28px;
	font-size: 12px;
	background-color: #3693c7;
	color: #fff;
	text-align: center;
	height: 20px;
	width: 20px;
	border-radius: 5px;
}
/*--------------------------------------------------------------
# ヘッダーメニュー
--------------------------------------------------------------*/
#top-head {
	width: 100%;
	height: 60px;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	z-index: 999;
	font-size: 14px;
}
#top-head .inner {
	float: left;
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: space-between;
	align-items: center;
}
#top-head_mobile {
	width: 100%;
	height: 60px;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	z-index: 999;
	font-size: 14px;
}
#top-head_mobile .inner {
	float: left;
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: space-between;
	align-items: center;
}
@media(max-width: 991px){
#top-head .inner {
	width: auto;
}
#top-head_mobile .inner {
	width: auto;
}
}
.inner p a {
	color: #d4d4d4;
	text-decoration: none;
	font-size: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: 0.5s;
}
#top-head_mobile .inner p a {
	color: #d4d4d4;
	text-decoration: none;
	font-size: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: 0.5s;
}
#top-head nav ul {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-wrap: nowrap;
	list-style-type: none;
	padding-top: 10px;
}
#top-head nav ul li a {
	text-decoration: none;
	padding: 10px 10px 0px 10px;
	color: #d4d4d4;
	letter-spacing: 0.2px;
	transition: 0.5s;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 10em;
}
#top-head nav ul li a:hover, .inner p a:hover {
	color: #fcb900;
}
@media screen and (max-width:991px) {
#top-head nav {
	display: none;
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	height: auto;
	background: #252e39;
	z-index: 999;
}
#top-head nav ul {
	display: inline-grid;
	width: 100%;
}
#top-head nav ul li {
	text-align: center;
	border-bottom: 1px solid #dcdcdc;
}
#top-head nav ul li:last-child {
	border: none;
}
#top-head nav ul li a {
	display: block;
}
}
img.site_icon {
	height: auto;
	max-width: 100%;
	margin: 0 10px 0 0;
	vertical-align: middle!important;
	margin: 0;
}
span.site_name {
	color: #d4d4d4;
	font-size: 16px;
	position: relative;
	top: 3px;
}
span.site_name:hover {
	color: #fcb900;
}
/*
--------------------------------------------------------------
# フッターメニュー
--------------------------------------------------------------*/
@media(min-width: 992px){
div.bottom-menu {
	display: none;
}
}
@media(max-width: 991px){
div.bottom-menu {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
}
#nav-content #secondary section .bottom-menu div {
	text-align: left !important;
}
}
.mini-text {
	font-size: 10px;
}
div.bottom-menu {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 60px;
	margin: 0;
	padding: 0;
	border-top: 2px solid #808080;
	z-index: 30;
	background: #252e39;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
}
div.bottom-menu div {
	list-style-type: none;
	text-align: center;
}
.bottom-menu div a {
	display: block;
	padding-top: 10px;
	padding-bottom: 5px;
	line-height: 10px;
	text-decoration: none;
}
.bottom-menu div a:hover, #nav-open:hover {
	opacity: 0.7;
}
.bottom-menu div a, .drawer-open_2:before, .drawer-open_2:after, .drawer-open:after {
	color: #bbb;
	transition: 0.5s;
}
.drawer-open span, .drawer-open span:before, .drawer-open span:after {
	background-color: #bbb;
}
.margin_top_60 {
	margin-top: 60px;
}
/*
--------------------------------------------------------------
# 検索メニュー
--------------------------------------------------------------*/
.drawer-hidden_2 {
	display: none;
}
.drawer-open_2 {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: center;
	align-items: center;
	height: 60px;
	z-index: 120;
	cursor: pointer;
	margin: 0 auto;
	top: -1px;
	position: relative;
	left: 13px;
}
.drawer-open_2:hover {
	opacity: 0.7;
}
.drawer-open_2:before {
	content: "\f002 ";
	font-family: FontAwesome;
	position: relative;
	top: -5px;
	font-size: 22px;
}
.drawer-open_2:before::hover {
	content: "\f002 ";
	font-family: FontAwesome;
	position: relative;
	top: -4px;
	color: #a9a9a9;
}
.drawer-open_2:after {
	content: "検索";
	font-family: FontAwesome;
	position: relative;
	top: 19px;
	left: -24px;
	font-size: 11px;
}
.drawer-content_2 {
	width: 100%;
	height: 60px;
	position: fixed;
	bottom: 0px;
	left: 100%;
	z-index: 125;
	background-color: #252e39;
	transition: .5s;
	border-top: 2px gray solid;
}
#drawer-check_2:checked ~ .drawer-content_2 {
	left:0;	
}
.searchbox {
	width: 60px !important;
}
.close_area2 {
	width: 100%;
	height: 100%;
	position: fixed;
	bottom: 60px;
	left: 100%;
	z-index: 90;
	transition: .5s;
}
#drawer-check_2:checked ~ .close_area2 {
  left: 0;
}
label.drawer-close_2:after {
	content: "X";
	margin: 0 1em;
}
.drawer-close_2 {
	position: relative;
	top: 11px;
	color: #aaa;
	cursor: pointer;
}
/*--------------------------------------------------------------
# モバイル用検索フォーム
--------------------------------------------------------------*/
.searchsubmit:hover {
	background-color: #ccc !important;
	border: 1px #ccc solid;
}
#searchform2 {
	display: flex;
	justify-content: space-around;
}
#searchform2 input[type=submit] {
	position: relative;
	top: 10px;
	color: #bbb;
	font-size: 24px;
}
#searchform2 .searchsubmit:hover {
	color: #ff8c3c!important;
	transform: 0.5;
	background: none !important;
}
#searchform2 input[type=submit]:hover {
	border-color: #ccc #bbb #aaa;
}
#searchform2 input[type=submit]:focus, input[type=submit]:active {
	border-color: #aaa #bbb #bbb;
}
#searchform2 input[type=search] {
	border: 2px solid grey;
	width: 68%;
}
select {
	border: 1px solid #ccc;
}
#searchform2 input[type=search]:focus {
	color: #111;
}
#searchform2 .searchfield {
	padding: 5px;
	margin-top: 10px;
	font-size: 14px;
	min-width: 200px;
}
#searchform2 .searchsubmit {
	width: 55px;
	height: 31px;
	position: relative;
	top: -1px;
	padding: 4px 2px 2px 2px;
	font-family: FontAwesome;
	font-size: 20px;
	border: none;
	cursor: pointer;
	background: transparent;
	transition: all 0.5s;
}
/*--------------------------------------------------------------
# SNS ボタン
--------------------------------------------------------------*/
@font-face{font-family:free-stock-icon;src:url(free-stock-icon/fonts/free-stock-icon.eot?ubriim);src:url(free-stock-icon/fonts/free-stock-icon.eot?ubriim#iefix) format('embedded-opentype'),url(free-stock-icon/fonts/free-stock-icon.ttf?ubriim) format('truetype'),url(free-stock-icon/fonts/free-stock-icon.woff?ubriim) format('woff'),url(free-stock-icon/fonts/free-stock-icon.svg?ubriim#free-stock-icon) format('svg');font-weight:400;font-style:normal}
[class*=" icon-"], [class^=icon-] {
	font-family: free-stock-icon!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.sns_area ul {
	list-style: none;
}
.sns_posi {
	text-align: center;
}
.sns_posi {
	position: relative;
	top: 3px;
}
.sns_area li a {
	text-decoration: none!important;
}
.icon-get-pocket:before {
	content: "\e903";
	color: #ee4056;
}
.icon-feedly:before {
	content: "\e901";
	color: #2bb24c;
}
.icon-hatenabookmark:before {
	content: "\e902";
	position: relative;
	top: 1px;
	color: #00a4de;
}
.icon-facebook2:before {
	content: "\ea91";
	color: #1877f2;
}
.icon-google-plus:before {
	content: "\ea8b";
}
.icon-facebook:before {
	content: "\ea90";
	color: #1877f2;
}
.icon-twitter:before {
	content: "\ea96";
	color: #1b95e0;
}
.icon-rss:before {
	content: "\ea9b";
	color: #f6904c;
}
.icon-youtube:before {
	content: "\ea9d";
	color: #ff0101;
}
.sns_area {
	display: block;
	margin: auto;
	width: 100%;
}
.sns_area .fa {
	padding: 0;
	margin: 0;
}
.sns_area ul {
	text-align: center;
	padding-left: 0;
}
.sns_area ul li {
	margin: 1em auto;
}
.sns_area li {
	float: none;
	margin: 0 1% 15px;
	display: inline-block;
	width: 120px;
	height: 30px;
}
.sns_area li a:hover {
	transform: translate3d(0,2px,1px);
	box-shadow: none;
	transition-duration: .4s;
	transition-property: all;
	transition-timing-function: ease;
}
.sns_area li a .sns_count {
	position: absolute;
	font-size: 85%;
	right: 5px;
	bottom: 0;
}
.sns_area p {
	line-height: 1;
	margin-bottom: 0;
}
.sns_area li a {
	font-size: 75%;
	position: relative;
	display: block;
	padding: 7px 2px 5px;
	color: #000!important;
	text-align: center;
}
.sns_area .facebook-o a, .sns_area .feedly-o a, .sns_area .hatena-o a, .sns_area .pocket-o a, .sns_area .rss-comment-o a, .sns_area .rss-o a, .sns_area .twitter-o a, .sns_area .youtube-o a {
	background-color: #fff;
	box-shadow: 0 0 0 #fff;
	color: #000;
	border: 1px solid #eee;
}
.sns_area .facebook-o a:hover, .sns_area .feedly-o a:hover, .sns_area .hatena-o a:hover, .sns_area .pocket-o a:hover, .sns_area .rss-comment-o a:hover, .sns_area .rss-o a:hover, .sns_area .twitter-o a:hover, .sns_area .youtube-o a:hover {
	background: #eee;
}
ul.clearfix {
	margin: 0px 0 0px 0;
}
.fa-commenting-o:before {
	font-size: 13px;
	margin-right: -0.5em;
}
.fa-clock-o:before {
	font-size: 13px;
}
@media screen and (min-width:992px){
i.fa.fa-arrow-up.gototop_pc {
	font-size: 30px;
	position: fixed;
	bottom: 30px;
	right: 9px;
	opacity: 0.5;
}
i.fa.fa-arrow-up.gototop_pc:after {
	content: "上へ";
	font-size: 12px;
	position: fixed;
	bottom: 15px;
	right: 23px;
}
}
.arrow_top a {
	width: 45px;
	height: 44px;
	display: block;
	position: fixed;
	bottom: 1em;
	right: 1em;
	z-index: 2;
}
@media screen and (max-width:768px){
span.right_layout {
	float: none;
}
}
nav#top_menu {
	background-color: #252e39;
}
.menu {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	box-sizing: border-box;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0px auto;
	font-size: 16px;
}
@media screen and (max-width:991px){
.menu {
	flex-direction: column;
}
.widget_categories ul li a {
	margin-left: 0;
}
}
.menu > li {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	margin: 0 1px;
	position: relative;
}
.menu > li a {
	display: block;
	text-decoration: none;
	color: #fff;
	transition: .3s;
}
.menu > li > ul {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-webkit-flex-direction: column;
	flex-direction: column;
	position: absolute;
}
.menu > li:hover > ul {
	z-index: 3;
	margin: 0 auto;
}
.menu > li > ul > li {
	overflow: hidden;
	height: 0;
}
.menu > li:hover > ul li {
	overflow: visible;
	height: 38px;
	border-bottom: 1px solid #585d86;
}
.menu > li:hover > ul li:first-child {
}
.menu > li > ul > li a {
	background: #3a424c;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	border: 1px #585d86 solid;
}
/*可動式サイドメニュー*/
#nav-drawer {
	position: relative;
	top: 21px;
	width: 26px;
	float: left;
	margin-left: 12px;
	margin-right: 10px;
}
.nav-unshown {
	display: none;
}
#nav-open {
	display: block;
	padding-top: 10px;
	padding-bottom: 5px;
	line-height: 10px;
	color: #bbb;
}
label#nav-open:hover {
	cursor: pointer;
}
#nav-open span:before {
	bottom: -8px;
}
#nav-open span:after {
	bottom: -16px;
}
#nav-close {
	display: none;
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	transition: .3s ease-in-out;
}
#nav-close2 {
	display: block;
	z-index: 99;
	padding: 10px;
	background-color: #252e39;
	color: #f9f9f9;
	margin: 0 -20px;
	transition: .3s ease-in-out;
}
#nav-close2:hover {
	background-color: #ff8c3c;
}
#nav-close2:after {
	content: "\A 暗転している所をタップしても閉じます";
	white-space: pre-wrap;
	font-size: 11px;
	opacity: 0.7;
}
#nav-close2:hover {
	cursor: pointer;
}
@media screen and (min-width:992px){
#nav-close2 {
	display: none;
}
}
#nav-content {
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 80%;
	max-width: 330px;
	height: 100%;
	background-color: #f9f9f9;
	transition: .3s ease-in-out;
	-webkit-transform: translateX(-105%);
	transform: translateX(-105%);
}
.custom-html-widget ul li a {
	line-height: 3em !important;
	color: #808080;
	margin: 0;
	padding: 0;
	/* text-align: center; */
}
#nav-input:checked ~ #nav-close {
  display: block;
  opacity: .5;
}
#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
.widget_text.sidebar_adsense {
	float: none;
	width: 100%;
	list-style-type: none;
	text-align: left;
	font-size: 25px;
	height: 100%;
}
.except {
	font-size: 14px;
}
#nav-content #secondary {
	font-size: 16px;
}
#nav-content #secondary a {
	line-height: 1.2em;
	color: #808080;
}
@media screen and (max-width:991px){
#nav-content #secondary .menu a {
	line-height: 3em;
}
}
#nav-content #secondary, #secondary {
	color: #5e6265;
}
@media screen and (max-width:991px){
#secondary {
	display: none;
}
.widget_tag_cloud a {
	padding: 6px;
}
.widget_tag_cloud a:hover {
	color: #4a4a4a !important;
}
#nav-content #secondary {
	display: block;
}
.fa-outdent:before {
	color: #bbb;
}
.nav-content #secondary .widget a {
	color: #808080;
}
}
.wp-caption .wp-caption-text {
	margin-top: 0em;
	font-size: 12px;
	color: gray;
}
#secondary .menu {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-direction: column;
}
#secondary .menu > li a {
	padding: 0 !important;
	text-decoration: none;
	color: #000;
	transition: .3s;
}
/* カレンダー */
#wp-calendar {
	width: 100%;
	font-size: 14px;
	padding-top: 10px;
	margin: 1em auto;
	table-layout: fixed;
}
#wp-calendar tr {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
}
#wp-calendar th, #wp-calendar td {
	display: block;
	width: calc(100% / 7);
	text-align: center;
	margin-bottom: 10px;
	padding: 0.1em 0em;
	color: #5e6265;
}
#wp-calendar tr {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: flex-start;
}
.wp-calendar-table {
	border: 0px gainsboro solid;
	background-color: #f9f9f9;
}
.wp-calendar-table tr td, .wp-calendar-table tr th {
	border: 0px gainsboro solid;
}
.wp-calendar-table th {
	background-color: #f9f9f9!important;
}
#wp-calendar tr:first-of-type {
	justify-content: flex-end;
}
#wp-calendar td:first-of-type, #wp-calendar th:first-of-type {
	color: red;
}
#wp-calendar td:last-of-type, #wp-calendar th:last-of-type {
	color: #2794d2;
}
#nav-content #secondary #wp-calendar td a {
	padding: 0;
	margin: 0 0.2em;
}
#wp-calendar td a {
	padding: 2px 4px;
}
#wp-calendar tfoot tr {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: center;
}
#wp-calendar tfoot tr td {
	width: calc(100% / 3);
}
#wp-calendar #today a, #wp-calendar #today {
	font-weight: bold;
}
#wp-calendar a {
	border: 2px #3a4f697a dotted;
	border-radius: 3px;
}
#wp-calendar caption, #wp-calendar th {
	text-align: center;
	background-color: #f9f9f9;
	padding: 0.2em 0;
}
nav.wp-calendar-nav {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: center;
	padding: 0 0.5em;
	font-size: 14px;
}
span.wp-calendar-nav-prev {
	width: 50%;
	text-align: left;
}
span.wp-calendar-nav-next {
	width: 50%;
	text-align: right;
}
aside#secondary table, aside#secondary table tr td, aside#secondary table tr, aside#secondary table tr th {
	border: 0 gainsboro solid;
	background-color: #f9f9f9;
}
/*カテゴリー・アーカイブウィジェット*/
.widget_categories ul li a .post-count, .widget_archive ul li a .post-count {
	margin-left: 0.5em;
}
span.post-count::before {
	content: "[";
}
span.post-count::after {
	content: "]";
}
section ol, section ul {
	margin-left: 12px;
}
#nav-content #secondary section ol, section ul {
	margin-left: 0px;
}
/*
--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a {
	color: #5e6265;
	text-decoration: none;
}
a:visited {
	color: #5e6265;
}
a:hover, a:focus, a:active {
	color: #5e6265;
}
a:focus {
	color: #5e6265;
}
a:hover, a:active {
	outline: 0;
}
.content-area p a {
	text-decoration: underline;
}
.youtube_responsive {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube_responsive iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	margin: 20px 0 0 0;
}
strong {
	font-weight: bold;
}
/*
===============================================
# hitfilm
===============================================*/
.english, .english10, .english12, .english18 {
	font-size: 80%;
	margin-left: 1em;
	opacity: 0.5;
}
table {
	background-color: #f5f5f5;
	font-size: 90%;
}
.table_auto, table {
	width: 100%;
	margin: 40px 0;
	border: 1px gainsboro solid;
	table-layout: auto;
}
.table_auto tr:nth-child(odd) td, .table_fixed tr:nth-child(odd) td, table tr:nth-child(odd) td, table tr:nth-child(odd) th {
	background: #f9f9f9;
}
table tr th {
	border: 1px gainsboro solid;
	text-align: left;
	font-size: 90%;
	padding: 0.7em 1em;
}
.table_fixed {
	width: 100%;
	margin: 40px 0;
	border: 1px gainsboro solid;
	table-layout: fixed;
}
th {
	background-color: #f5f5f5!important; /*color: #fff;*/;
	text-align: center !important;
}
td.first_td {
	background-color: #f0f0f0;
	text-align: center !important;
}
img.hitfilmIcon {
	vertical-align: middle;
	margin: 0 0.3em;
}
img.textInIcon {
	vertical-align: middle;
	margin: 0 5px 0 5px;
}
/*
.contentBox p a:not([href*=".jpg"]):not([href*=".png"]):not([href*=".gif"]):not([href*=".zip"]):not([href*=".pdf"]):not([href^="https://1drv.ms"])::after {
	font-family: FontAwesome;
	content: '\f08e';
	margin: 0px 6px;
	display: inline-block;
	text-decoration:none;
	position: relative;
    top: 1px;
}
.contentBox a[target=_blank]::after {
	font-family: FontAwesome;
	content: '\f08e';
	margin: 0px 6px;
	display: inline-block;
	text-decoration: none;
	position: relative;
	top: 1px;
}*/
.download_icon {
	text-decoration: none!important;
}
.updateDetail {
	padding: 12px 10px;
	margin: 20px 0px 0px 0;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.updateDetail dt {
	float: left;
	width: 89px;
	margin: 5px 0 5px 0;
	font-weight: normal;
}
.updateDetail dd {
	padding-left: 8em;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid gainsboro;
}
.updateDetail a {
	margin: 0 2px;
	padding: 0;
}
.update a:hover {
	text-decoration: underline;
}
.sameDate {
	text-align: center;
}
blockquote {
	position: relative;
	padding: 0.5em 2em 0.5em 3em;
	box-sizing: border-box;
	background: #ececec;
	border-left: 3px solid #3f3f3f;
	box-shadow: 0 2px 4px rgb(0 0 0 / 14%);
	font-size: 95%;
	margin-bottom: 2.5em;
}
blockquote:before {
	display: inline-block;
	position: absolute;
	top: 12px;
	left: 12px;
	content: "\f10d";
	font-family: FontAwesome;
	font-size: 12px;
	line-height: 1;
}
blockquote:after {
	display: inline-block;
	position: absolute;
	bottom: 12px;
	right: 12px;
	content: "\f10e";
	font-family: FontAwesome;
	font-size: 12px;
	line-height: 1;
}
/*
blockquote ul, blockquote ol {
	padding-left: 1em!important;
}*/
blockquote p {
	line-height: 1.4 !important;
	margin: 0 !important;
    padding: 1.5em 1em 1em 0em;
}
blockquote ol, blockquote ul {
    padding: 0.5em 1em 0em 1em!important;
}
blockquote cite {
	display: block;
	text-align: right;
	font-size: 0.9em;
}
.home_buttom, .page-down, .page-top {
	display: none;
	position: fixed;
	left: 1%;
	z-index: 2;
}
@media screen and (max-width:991px){
.home_buttom, .page-down, .page-top {
	display: none!important;
}
}
.home_buttom a, .link_add_after a, .page-down a, .page-top a {
	text-decoration: none!important;
}
.home_buttom a:after, .page-down a:after, .page-top a:after {
	margin-right: -1em;
	font-size: 30px;
	opacity: .5;
	font-family: FontAwesome;
}
.page-top {
	bottom: 18%;
}
.home_buttom {
	bottom: 13%;
}
.page-down {
	bottom: 8%;
}
.home_buttom a:hover, .page-down a:hover, .page-top a:hover {
	color: #333333!important;
	transition-property: color;
	transition-duration: .5s;
	transition-timing-function: ease-in-out;
}
.page-top a:after {
	content: "\f062";
}
.page-down a:after {
	content: "\f063";
}
.home_buttom a:after {
	content: "\f015";
}/*
blockquote cite a:after {
	font-family: FontAwesome;
	content: '\f08e';
	margin: 0px 6px;
	display: inline-block;
	text-decoration: none;
	font-style: normal;
}*/
.header_title {
	text-align: center;
	font-size: 22px;
	margin-top: 1em;
}
.header_title_mobile {
	text-align: center;
	font-size: 22px;
	margin: 3em 0;
}
h1.post-title {
	border: 1px gainsboro solid;
	padding: 0.5em;
	background-color: #3f3f3f;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	margin-bottom: 2em;
	font-weight: normal;
}
h1.archieve-title {
	padding: 0.5em;
	color: #3f3f3f;
	border-radius: 10px;
	text-align: center;
	margin-bottom: 2em;
	font-weight: normal;
	font-size: 16px;
	background-color: #f0f0f0;
}
@media (max-width: 768px){
h1.post-title {
	text-align: left;
	font-size: 85%;
}
}
.current_site a {
	border-bottom: 5px #fcb900 solid;
}
/*--------------------------------------------------------------
# Contact Form 7
--------------------------------------------------------------*/
form.wpcf7-form.init {
	background-color: #f0f0f0;
	padding: 2em 1em;
	border-radius: 5px;
}
span.mail_name {
	margin-right: 1em;
	font-size: 90%;
}
span.mandatory {
	color: #d64848;
	font-size: 90%;
}
/*--------------------------------------------------------------
# QTags.addButton
--------------------------------------------------------------*/
.bgbox {
	position: relative;
	border: 2px solid #5f69dd;
	border-radius: 5px;
	padding: 20px;
	width: 500px;
}
.bgbox::before {
	content: "POINT";
	position: absolute;
	top: -15px;
	left: 15px;
	font-size: 1.3rem;
	font-weight: bold;
	background-color: #ffffff;
	color: #c53929;
	padding: 0 10px;
	font-family: Arial, Helvetica, sans-serif;
}
#display_none {
	display: none;
}
#secondary .textwidget.custom-html-widget {
	font-size: 16px;
	text-align: left;
}
.display_no_title {
	display: none;
}
.sponsered_link {
	font-size: 12px;
	text-align: center;
}
/*
--------------------------------------------------------------
# wp-note 2021.05.01
--------------------------------------------------------------*/
/*.contentBox p {
	line-height: 2;
}*/
#top-head nav ul li a {
	max-width: 12em;
}
.php_color {
	background-color: #962c71;
	color: #fff;
}
.html_color {
	background-color: #252e39;
	color: #fff;
}
.js_color {
	background-color: #7393bb;
	color: #fff;
}
.css_color {
	background-color: #409caf;
	color: #fff;
}
.code_title {
	top: 1px;
	left: 0px;
	padding: 2px 20px 0px 20px;
	display: inline-block;
	position: relative;
	z-index: 1;
	font-size: 90%;
}
.code_title:before {
	font-family: FontAwesome;
	margin-right: 0.5em;
	content: "\f121 ";
}
.og_code_title {
	top: 0px;
	left: 0px;
	padding: 2px 20px 0px 20px;
	display: inline-block;
	position: absolute;
	z-index: 1;
	font-size: 90%;
}
.og_code_title:before {
	font-family: FontAwesome;
	margin-right: 0.5em;
	content: "\f044 ";
}
.og_code_1 {
	border: 1px gainsboro solid;
	padding: 1em 1em 1em 3.8em;
	background-color: #f6f6f6;
	counter-reset: og_code_2;
	font-size: 90%;
	overflow: auto;
	white-space: nowrap;
	line-height: 1.8;
	position: relative;
}
.vertical_line {
	border-left: 1px gainsboro solid;
	padding: 0 9px 0 7px;
}
.og_code_2:before {
	counter-increment: og_code_2;
	content: counter(og_code_2);
	position: relative;
	left: -30px;
}
.og_code_2:nth-child(n+10)::before {
    counter-increment: og_code_2;
    content: counter(og_code_2);
    position: relative;
    left: -40px;
}
.code_title.php_color.sample_a {
	background-color: #9a989c;
	color: #fff;
}
.og_code_1.sample_a {
	background-color: #9a989c;
	border-radius: 0 20px 20px 20px;
	color: white;
}
.sample_a .og_code_2:nth-child(2) {
    background-color: #2695a0;
    border-radius: 10px;
    display: inline-block;
    padding-right: 1em;
}
.annotation {
	padding: 1em;
	background-color: #f6f6f6;
	border: 1px gainsboro solid;
	border-left: 5px #0693e3 solid;
}
.annotation_title {
	position: relative;
	top: 3px;
	left: 0px;
	padding: 5px 20px 0px 20px;
	display: inline-block;
	z-index: 1;
	border-radius: 8px 8px 0 0;
	font-size: 12px;
	border-top: 1px gainsboro solid;
	border-left: 5px #0693e3 solid;
	border-right: 1px gainsboro solid;
	background-color: #f6f6f6;
	font-weight: bold;
}
.annotation_title:before {
	font-family: FontAwesome;
	margin-right: 0.5em;
	content: "\f040 ";
}
.code_title.sample_border_delete {
	background-color: #f6f6f6;
	border-top: 1px gainsboro solid;
	border-left: 1px gainsboro solid;
	border-right: 1px gainsboro solid;
}
.css_practice1 {
	font-size: 13px;
	border: 1px gainsboro solid;
	padding: 10px 26px 10px 10px;
	border-left: 3px #ba4243 solid;
	background-color: white;
	letter-spacing: 0.1px;
	position: relative;
	max-width: 616px;
}
span.css_practice_batsu:after {
	font-family: FontAwesome;
	content: "\f057";
	font-size: 15px;
	position: absolute;
	top: 8px;
	right: 13px;
	color: #787b80;
}
.wakusen {
	border: 3px gainsboro dotted;
	padding: 1em;
	font-size: 13px;
}
ul.list_circle_number {
	counter-reset: number;
	list-style-type: none!important;
	padding: 0.5em 1.5em;
	background-color: lavender;
	border-radius: 10px;
}
ul.list_circle_number li:before {
	position: absolute;
	counter-increment: number;
	content: counter(number);
	display: inline-block;
	background: #ff8c3c;
	color: white;
	font-family: 'Avenir','Arial Black','Arial',sans-serif;
	font-weight: bold;
	font-size: 15px;
	border-radius: 50%;
	left: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
ul.list_circle_number li {
	position: relative;
	padding-left: 30px;
	line-height: 1.5em;
	padding: 0.5em 0.5em 0.5em 38px;
}
.circled_number {
	background: #ff8c3c;
	display: inline-block;
	color: white;
	font-family: 'Avenir','Arial Black','Arial',sans-serif;
	font-weight: bold;
	font-size: 15px;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	margin: 0 0.4em;
}
.orange {
	background-color: #ff8c3c;
}
.purple {
	background-color: #c13991;
}
.red {
	background-color: red;
}
.blue {
	background-color: #7393bb;
}
.skyblue {
	background-color: skyblue;
}
.green {
	background-color: green;
}
.gainsboro {
	background-color: gainsboro;
}
.line_headline {
	border: 1px gainsboro solid;
	border-left: 3px #3f3f3f solid;
	background-color: white;
	letter-spacing: 0.1px;
	position: relative;
	transition: 0.3s;
	margin: 4em 0 1em 0;
	overflow: auto;
}
.line_headline a {
	display: block;
	padding: 0.5em 1em;
}
.line_headline_title {
	position: absolute;
	top: -21px;
	left: -3px;
	padding: 2px 12px 0px 12px;
	display: inline-block;
	border-radius: 8px 8px 0 0;
	font-size: 12px;
	color: #fff;
	background-color: #3f3f3f;
}
.line_headline:hover {
	box-shadow: 0 3px 6px rgb(0 0 0 / 20%);
}
.heading_blue {
	border: 1px gainsboro solid;
	padding: 1em;
	border-left: 5px #0693e3 solid;
	background-color: #f6f6f6;
	letter-spacing: 0.1px;
	position: relative;
	display: inline-block;
	transition: 0.3s;
	margin: 1.5em 0 1em 0;
}
.heading_blue_title {
	position: absolute;
	top: -22px;
	left: -5px;
	padding: 2px 12px 0px 12px;
	display: inline-block;
	border-radius: 8px 8px 0 0;
	font-size: 12px;
	background-color: #f6f6f6;
	border-top: 1px gainsboro solid;
	border-right: 1px gainsboro solid;
	border-left: 5px #0693e3 solid;
	font-weight: bold;
}
#cancel-comment-reply-link {
	text-decoration: none;
	color: #dcdcdc;
	margin-left: 1em;
}
.comment-author.vcard img {
	margin: 0;
}
.text_box {
	border: 1px gainsboro solid;
	border-left: 3px #c13991 solid;
	background-color: white;
	letter-spacing: 0.1px;
	transition: 0.3s;
	margin: 0 0 2em 0;
	padding: 0.5em 1em;
}
.text_box a {
	display: inline-block;
	margin: 0.2em 0;
}
.text_box_title {
	position: relative;
	top: 3px;
	left: 0px;
	z-index: 1;
	padding: 2px 12px 0px 12px;
	display: inline-block;
	border-radius: 8px 8px 0 0;
	font-size: 12px;
	color: #fff;
	background-color: #3f3f3f;
	margin-top: 0em;
}
span.marker_pen {
	font-weight: bold;
	padding: 0 0.4em;
	margin: 0 0.4em;
}
.console-error-color {
	background-color: #fef0ef;
	color: #bc4e4f;
}
.prism_display_no span.token.space {
	display: none;
}
.prism_display_no span.token.lf {
	opacity: 0;
}
.prism_display_no span.token.tab {
	opacity: 0;
}
.prism_display_no span.token.color {
	display: none;
}
.contentBox pre.line-numbers a[target=_blank]::after {
	content: none;
}
pre.line-numbers {
	margin: 0 !important;
	padding: 0;
	display: block;
	font-size: 95%!important;
	white-space: pre-wrap;
	background-color: transparent;
	border-radius: 0px;
}
.line-numbers code {
	border: 0px solid gainsboro;
	border-radius: 0;
	background-color: transparent;
	padding: 0;
	margin: 0;
}
pre[class*="language-"].line-numbers {
	padding-top: 1em;
}
pre[class*="language-"].line-numbers > code {
	letter-spacing: 0px;
}
/*--------------------------------------------------------------
# アクセントカラー カスタム 色
--------------------------------------------------------------*/
#top-head, #top-head_mobile, div.bottom-menu, #nav-close2, nav#top_menu {
	background-color: #3f3f3f;
}
#toc_container .toc_list > li:before, .contentBox h2:before {
	background-color: #3f3f3f;
}
.contentBox h2 {
	border-bottom: 1px solid #3f3f3f;
}
#toc_container .toc_list li ul > li:before {
	background-color: #955858;
}
div.code-toolbar > .toolbar a, div.code-toolbar > .toolbar button, div.code-toolbar > .toolbar span {
	color: #bbb!important;
	padding: 2px 8px!important;
	background: #3f3f3f !important;
	border-radius: 0!important;
	font-size: 12px!important;
	margin-left: 1px!important;
	box-shadow: 0 0 0 0 rgb(0 0 0 / 0%)!important;
	transition: .5s!important;;
}
div.code-toolbar > .toolbar {
	position: absolute!important;
	top: -3px!important;
	right: 0!important;
}
button.copy-to-clipboard-button span:hover {
	color: red!important;
	cursor: pointer;
}
/* edius で修正したコード
.contentBox ol {
	background-color: #f0f0f0;
	padding: 1em 1em 1em 3em;
	border: 1px gainsboro solid;
	border-radius: 15px;
} */
.yellow {
	background-color: #ffda00;
}
.gsc-control-cse {
	border-color: #f9f9f9!important;
	background-color: #f9f9f9!important;
}
.gsc-input-box {
	border: 0px solid #dfe1e5!important;
	background: #f9f9f9!important;
}
.gsc-control-cse {
	padding: 0em!important;
}
.gsc-input .table_auto, table {
	margin: 0!important;
	border: 1px gainsboro solid;
}
table.gsc-search-box tbody tr td {
	border: 0px gainsboro solid;
}
#sort_current, .current, .sort_button input[type=submit]:hover {
	text-decoration: none;
}
.reset_button:hover, .sort_button input[type=submit]:hover {
	transition-property: background-color;
	transition-timing-function: ease-in-out;
}
.sort_button form {
	display: inline;
}
.sort_button input[type=submit] {
	cursor: pointer;
	border: 1px solid #aaa;
	text-decoration: none;
	padding: .6em;
	margin: 5px .1em;
	width: 96px;
}
.sort_button input[type=submit]:hover {
	color: #fff;
	background-color: #3f3f3f;
	transition-duration: .3s;
}
#sort_current {
	background-color: rgba(0,0,0,.1)!important;
	border: 1px solid rgba(0,0,0,.3)!important;
}
#sort_current:hover {
	color: #000!important;
	cursor: default!important;
}
.sort_button {
	margin: 0 auto;
	text-align: center;
}
.reset_button {
	text-align: center;
}
.reset_button {
	line-height: 26px;
	text-decoration: none!important;
	font-size: 12px;
	padding: 0 12px;
	display: block;
	background-color: #ddd;
	border-radius: 4px;
	margin: 1em auto 1.5em;
	width: 150px;
}
.reset_button:hover {
	color: #fff;
	background-color: #3f3f3f;
	text-decoration: none;
	transition-duration: .3s;
}
.sort_box {
	background-color: #f0f0f0;
	padding: 1em;
	margin-bottom: 3em;
	border-radius: 5px;
	border: 1px #ddd solid;
}
.sort_box p {
	text-align: right;
	font-size: 11px;
	margin: 0!important;
}
span.post_date {
	font-size: 12px;
	color: #cf2e2e;
}
@media screen and (min-width:992px) {
.widget div ul li a:hover, .widget ul li a:hover {
	background-color: #8d8d8d;
	color: #fff;
}
.widget div ul li a, .widget ul li a {
	padding-left: 1em;
	display: block;
	transition: 0.3s;
}
}
.border-caution, .border-point, .border-tips {
	border: 2px solid gray;
	border-radius: 00px 4px 4px 4px;
	margin: 2em 0em;
	padding: 1em;
	position: relative;
	background-color: #bedbff;
}
.border-tips::before {
	background-color: #bedbff;
	padding: 0 1em;
	position: absolute;
	top: -26px;
	left: -2px;
	content: " Tips";
	font-family: FontAwesome;
	font-size: 15px;
	border-radius: 4px 4px 0 0;
	border-top: 2px grey solid;
	border-left: 2px grey solid;
	border-right: 2px grey solid;
	font-weight: bold;
}
.border-tips p {
	margin: 0;
	line-height: 1.6;
}
.border-box1 {
	padding: 2.5em 1.5em 1.5em 1.5em;
	background-color: #beeeff;
	position: relative;
	display: inline-block;
	margin: 1.5em 0 1em 0;
	border-radius: 8px;
}
.border-box1_heading {
	position: absolute;
	top: -14px;
	left: 17px;
	padding: 2px 12px 0px 12px;
	display: inline-block;
	border-radius: 8px;
	font-weight: bold;
	background-color: #f9f9f9;
	box-shadow: 2px 2px 0px 0px;
}
.border-box1 p {
	margin: 0.5em 0;
	line-height: 1.2;
}
.table_auto tr td, .table_fixed tr td, table tr td, table tr th {
	border: 1px gainsboro solid;
	text-align: left;
	font-size: 90%;
	padding: 0.3em 0.6em;
}
.pager_center_top {
	margin: 1em auto 0;
	text-align: center;
}
.pager_center_top nav .nav-links a, .pager_center_top nav .nav-links .dots {
	display: inline-block;
	transition: all 0s;
	border: 0px solid #555;
	border-left-width: 0px;
	text-decoration: none;
	color: #555;
	padding: 0.4em 0.8em;
	margin: 0 -4px!important;
}
.pager_center_top nav .nav-links .current {
	display: inline-block;
	color: #555;
	transition: all 0s;
	border-bottom: 3px #3f3f3f solid;
	border-top: 0px #3f3f3f solid;
	border-left: 0px #3f3f3f solid;
	border-right: 0px #3f3f3f solid;
	color: inherit !important;
	display: inline-block;
	border-left-width: 0;
	text-decoration: none;
	padding: 0.4em 0.8em;
	margin: 0 -4px!important;
	background-color: transparent!important;
}

.pager_center_top nav .nav-links .prev {
	border: 0px gainsboro solid!important;
}
.prev_post_title {
	max-width: 288px!important;
	max-width: fit-content;
	margin-left: 10px;
	line-height: 1.4;
	font-size: 14px;
}
.next_post_title {
	max-width: 288px !important;
	max-width: fit-content;
	margin-right: 10px;
	line-height: 1.4;
	font-size: 14px;
}
.prev_post:before {
	content: "古い記事";
	background-color: #000000ad;
	color: #dadada;
	display: flex;
	justify-content: center;
	margin-left: 10px;
	position: relative;
	top: 10px;
}
.next_post:before {
	content: "新しい記事";
	background-color: #000000ad;
	color: #dadada;
	display: flex;
	justify-content: center;
	margin-right: 10px;
	position: relative;
	top: 10px;
}
.prev_post_no:before {
	content: "ホームに戻る";
	background-color: #000000ad;
	color: #dadada;
	display: flex;
	justify-content: center;
	margin-left: 10px;
	position: relative;
	top: 10px;
}
.next_post_no:before {
	content: "ホームに戻る";
	background-color: #000000ad;
	color: #dadada;
	display: flex;
	justify-content: center;
	margin-right: 10px;
	position: relative;
	top: 10px;
}
@media (max-width:768px){
.next_post:before {
	width: 100%;
}
}
/*
.widget a[target=_blank]::after {
	font-family: FontAwesome;
	content: '\f08e';
	margin: 0px 6px;
	text-decoration: none;
	color: #aaa;
}*/
#categories {
	list-style: none;
}

.widget_archive select {
	width: 300px;
	display: block;
	width: 100%;
	margin-bottom: 0.7em;
	padding: 4px 10px;
	border: 0;
	border-radius: 3px;
	box-shadow: none;
	font-size: 13px;
	line-height: 1.5;
	transition: ease;
	color: #5e6265;
	border: 1px #dcdcdc solid;
}
.widget_text.ads_related_content {
	margin: 3em 0 1em 0;
}
/*タブ切り替え全体のスタイル*/
.tabs {
	margin: 3em auto 2em;
	display: flex;
	flex-wrap: wrap;
}
/*タブのスタイル*/
.tab_item {
	width: calc(100%/5);
	height: 45px;
	border-bottom: 2px solid #5ab4bd;
	background-color: #555;
	line-height: 45px;
	font-size: 14px;
	color: #dadada;
	text-align: center;
	transition: all 0.3s ease;
}
.tab_item:hover {
	opacity: 0.75;
}
/*ラジオボタンを全て消す*/
input[name=tab_item] {
	display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_content {
	display: none;
	padding: 2em 1em;
	clear: both;
	overflow: hidden;
	width: 100%;
	padding: 0 2em;
}
/*選択されているタブのコンテンツのみを表示*/
#review_2021:checked ~ #review_2021_content,
#review_2020:checked ~ #review_2020_content,
#review_2019:checked ~ #review_2019_content,
#review_2018:checked ~ #review_2018_content,
#review_2017:checked ~ #review_2017_content,
#review_2016:checked ~ #review_2016_content,
#review_2015:checked ~ #review_2015_content,
#review_2014:checked ~ #review_2014_content,
#review_2013:checked ~ #review_2013_content,
#review_2012:checked ~ #review_2012_content,
#review_2011:checked ~ #review_2011_content,
#review_2010:checked ~ #review_2010_content,
#prox:checked ~ #prox_content,
#pro9:checked ~ #pro9_content,
#pro8:checked ~ #pro8_content,
#pro7:checked ~ #pro7_content,
#neo35:checked ~ #neo35_content,
#neo3:checked ~ #neo3_content
{
  display: block;
}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
	background-color: #5ab4bd;
	color: #fff;
}
.tab_content_description ol {
	margin: 1em 0;
	padding: 0 0 0 1em;
	list-style-type: decimal;
	line-height: 1.3;
	background: inherit;
	border: 0px gainsboro solid;
	border-radius: 0px;
}
.tab_content_description ol li::marker {
	font-size: 12px;
}
.tab_content_description ol li a[target=_blank]::after {
	content: none;
}
.amazonjs_item .amazonjs_image a[target=_blank]::after {
	content: none;
}
.pager_center_top nav .nav-links a:hover {
	background-color: transparent;
	border-bottom: 3px #3f3f3f solid!important;
	border-left: 0px gainsboro solid !important;
}
a.download_icon {
	border: 1px gainsboro solid;
	padding: 0.5em 1em;
	display: inline-block;
	background-color: #ddd;
	transition: 0.3s;
	border-radius: 4px;
	margin-right: 1em;
}
a.download_icon:hover {
	background-color: #ccc;
}
.blog-card-description {
	font-size: 80%;
	margin: 0 2em;
	line-height: 1.4;
}
.contentBox ol {
	padding: 0em 1em 1em 3em;
	color: #383838;
	/*border-radius: 4px;
	background-color: #b2dfdb;
	border: 3px #009688 dotted;*/
}
.contentBox ul:nth-child(n + 3) {
    margin: 1em 0;
    list-style-type: disc;
    line-height: 1.3;
    padding: 0em 1em 1em 3em;
	/*
	padding-left: 2em;
	background-color: #b2dfdb;
	border: 3px #009688 dotted;
	color: #383838;
	border-radius: 4px;*/
}
.download_icon:before {
	margin-right: 1em;
	CONTENT: 'DOWNLOAD ファイル名 :';
	font-weight: bold;
}
div#mceu_16 {
	display: block!important;
}
#myTable .tablesorter-header {
	cursor: pointer;
	outline: none;
}
#myTable .tablesorter-header-inner::after {
	content: "\f0dc";
	font-family: FontAwesome;
	margin-right: 0.5em;
	font-size: 12px;
	margin-left: 5px;
}
.sitemap_css {
	margin-left: 0px!important;
}
h2.sitemap_h2 {
	border-bottom: 0px dotted #3f3f3f;
}
/*--------------------------------------------------------------
# Rinker 
--------------------------------------------------------------*/
ul.yyi-rinker-links {
    background-color: transparent !important;
}/*
.yyi-rinker-contents {
	max-width: 640px;
    font-size: 90%;	
} */
.yyi-rinker-image a img {
	outline: 0px solid gainsboro;	
}

/*--------------------------------------------------------------
# 検索フォーム 
--------------------------------------------------------------*/
.search_container{
  position: relative;
  box-sizing: border-box;
  border: 1px solid #3f3f3f;
  height: 2.3em;
  overflow: hidden;
}
.search_container input[type=text]{
  border: none;
  height: 2.3em;
}
.search_container input[type=text]:focus {
  outline: 0;
  background:none;
}
.search_container input[type="submit"]{
  cursor: pointer;
  font-family: FontAwesome;
  border: none;
  background: #3f3f3f;
  color: #fff;
  position: absolute;
  width: 3.5em;
  height: 3.0em;
  right:0px;
  top: -1px;
  outline : none;
}

/*--------------------------------------------------------------
# 背景色 
--------------------------------------------------------------*/
#top-head, #top-head_mobile, div.bottom-menu, #nav-close2, nav#top_menu {
    background-color: #000000;
}
.search_container input[type="submit"] {
    background: #5e6265;
}
.search_container {
    border: 1px solid #5e6265;
}
/*--------------------------------------------------------------
# フッターメニュー fontawasomeアイコンサイズの調整 
--------------------------------------------------------------*/
.fa-youtube-play:before, .fa-twitter:before, .fa-arrow-up:before, .fa-home:before, .fa-dedent:before, .fa-outdent:before, .fa-times:before {
    font-size: 25px;
}
/*--------------------------------------------------------------
# フッターメニュー 検索フォームのデザイン変更 
--------------------------------------------------------------*/
.drawer-content_2 {
    bottom: 59px;
    background-color: #000000;
}
/*--------------------------------------------------------------
# 検索フォーム モバイル
--------------------------------------------------------------*/
.search_container2{
  position: relative;
  box-sizing: border-box;
  border: 0px solid #3f3f3f;
  overflow: hidden;
}
.search_container2 input[type=text] {
    border: none;
    height: 53px;
    width: 90%;
    margin: 2px 2px 2px 4px;
    display: block;
    padding: 2px 6px;
}
.search_container input[type=text]:focus {
  outline: 0;
  background:none;
}
.search_container2 input[type="submit"] {
    cursor: pointer;
    font-family: FontAwesome;
    border: none;
    background: #000000;
    color: #fff;
    position: absolute;
    width: 10%;
	min-width:59px;
    height: 59px;
    right: 0px;
    top: 0px;
    outline: none;
}
.textwidget p {
    font-size: 12px;
    text-align: left;
}
.prev_next_inner.prev_inner {
    max-width: 288px;
}
.prev_post:before , .next_post:before, .next_post_no:before, .prev_post_no:before{
    max-width: 288px;
}
.prev_next_inner.prev_inner {
    margin-right: 10px;
}
.Related_thumb img {
    border: 1px solid gainsboro;
}
/*
--------------------------------------------------------------
# おススメ記事
--------------------------------------------------------------*/
.recommend_box {
	margin-right: 10px;
	padding: 0 !important;
	font-size: 11px;
	width: 300px;
	height: 80px;
	display: flex;
	display: -webkit-flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	float: left;
}
.recommend_thumb img {
	margin: 0;
	float: left;
	border: 1px solid gainsboro;
	padding: 1px;
}
.recommend_title {
	float: right;
	width: 200px;
	height: 75px;
	margin-left: 1em;
}
.recommend_title p {
	margin: 0px;
	font-size: 13px;
}
.recommend_parent {
	margin-bottom: 80px;
}
.recommend_parent h3 {
	padding-bottom: 1em;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px gainsboro dotted;
}
@media screen and (max-width:650px) {
.recommend_box {
	width: 100%;
}
.recommend_title {
	width: 80%;
}
}
/*--------------------------------------------------------------
# sitemap
--------------------------------------------------------------*/
ul.sitemap_css {
	padding: 0em 1em 1em 0em !important;
}
ul.sitemap_css li {
	font-size: 90%;
	text-indent: 0px !important;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 0 !important;
	margin-left: 25px;
	list-style: disc;
}
ul.sitemap_css li a:hover {
	text-decoration: underline;
}
h2.sitemap_h2 {
	font-weight: bold;
	line-height: 1.5;
	padding-bottom: 10px;
	padding-top: 0.2em;
	margin-top: 3em;
	margin-bottom: 5px;
}
h2.sitemap_h2:hover {
	text-decoration: underline;
}
h2.sitemap_h2:before {
	content: none;
}
.sitemap_info {
	margin-bottom: 2em;
}
 .sitemap_css li:before {
    content: "\f0da";
    font-family: FontAwesome;
    margin-right: 0.3em;
	 color:#6785d3;
}
ul.sitemap_css {
    background-color: transparent !important ;
    border: 0px #009688 dotted !important;
    border-radius: 0px !important;
}
ul.sitemap_css li {
	line-height:2 !important;;
}
p.ads_info {
	border: 1px #1f6a6f solid;
    padding: 0.5em;
    color: #000000;
    background-color: #f0f0f0;
}
section.free_area ul li {
     height: 2.7em;
}
.link_icon_hidden ul li a[target=_blank]::after {
	content: none;
}
p.widget_description {
    color: #45758e;
    font-size: 15px;
}
.recommend_title p a:hover, .indexBox h2 a:hover, .wpp_title p a:hover, .awesome_comment a:hover{
    text-decoration: underline;
}
/* h2 の番号リセット */
.contentBox {
  counter-reset: contentBox_h2;
}
.contentBox h2 {
	counter-reset: h3; 
	counter-increment: h2;
}

.contentBox h3 {
    counter-increment: h3;
	font-weight: bold;
    font-size: 16px;
	border-bottom:1px solid  #955858;
	color:#955858;
}
.contentBox h3::before {
    content: counter(h2) "-" counter(h3) " ";
    color: #fff;
    float: left;
    text-align: center;
    height: 26px;
    width: 50px;
    margin-right: 10px;
    background-color: #955858;
}
.rss {
	transition: 0.5s;
	border-radius: 5px;
	display: inline-block;
	line-height: 0;
	margin-bottom: 0!important;
}
.rss_list {
	margin-bottom: 0.5em !important;
	display: inline-flex;
}
.rss_list span {
	padding: 2px 6px;
	border-radius: 5px;
	margin: 2px 4px;
	color: #000;
	display: inline-block;
	min-width: 90px;
}
.rss_list ul {
	margin: 0;
	padding-left: 0em !important;
	list-style-type: disc;
	line-height: 1.3;
	display: inline-block;
}
li.rss a:before {
	content: "\f02b ";
	font-family: FontAwesome;
	margin-right: 0.5em;
}
ul.rss_list {
    list-style: none;
}
.rss_list li:before {
    content: "\f143 ";
    font-family: FontAwesome;
    margin-right: -0.5em;
}
.rss_list li a:hover {
	color:#955858;
    background-color: transparent;
}
/* もくじ フッター移動ボタン*/
span.comment_move a {
    display: inline-block;
    margin: 2em 4px 0 0;
    padding: 3px 6px 1px 6px;
    background-color: #3f3f3f;
    font-size: 13px;
    color: #fff;
}
.header_adsense .textwidget.custom-html-widget {
    margin-top: 50px;
}
h2.widget_icon_shop:before {
    content: "\f291";
    font-family: FontAwesome;
    margin-right: 0.3em;
	 color:#6785d3;
}
h2.widget_icon_popular_ranking:before {
    content: "\f0cb";
    font-family: FontAwesome;
    margin-right: 0.3em;
	 color:#6785d3;
}
.contentBox a {
    text-decoration: underline;
}
.blog-card a {
    text-decoration: none;
}
.recommend_title p {
    line-height: 1.2;
}
ol.li_background_on, ul.li_background_on {
    padding: 1.5em 1em 1.5em 3.5em!important;
    box-sizing: border-box;
    background: #ececec;
    border-left: 3px solid #3f3f3f;
    box-shadow: 0 2px 4px rgb(0 0 0 / 14%);
    font-size: 95%;
}
.yyi-rinker-info {
    font-size: 90%;
}
/* 注意喚起ボックス */
.box_warning {
    position: relative;
    padding: 4rem 1rem 1rem;
    background-color: #efefef;
    background-image: repeating-linear-gradient(45deg, #EBBB2F 0 5px, #333 5px 10px);
    background-position: top;
    background-size: 100% 2rem;
    background-repeat: no-repeat;
	border: 1px solid black;
}
.box_warning::before {
    position: absolute;
    top: 1rem;
    left: 50%;
    padding: 0.5rem;
    transform: translateX(-50%);
    /* border-radius: 30px; */
    background-color: #333;
    box-shadow: 0 0 5px black;
    color: #EBBB2F;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    content: attr(data-title);
}
.box_warning p {
    color: #333;
    line-height: 1.5;
}
.widget_text.ads_link {
    margin: 30px auto 10px;
}
.widget_text.ads_link div ins.adsbygoogle {
     position: relative;
    top: 0em;
}
div.code-toolbar {
    position: relative;
    margin-bottom: 2.5em;
}
.contentBox p {
    margin-bottom: 2.5em;
}
.gsc-input .table_auto, table {
    margin: 2.5em auto!important;
}
.blog-card {
    margin-bottom: 2.5em;
}
.contentBox h2 + p {
    margin-top: 2.5em;
}
.contentBox h3 + p {
    margin-top: 2.5em;
}
.contentBox h3 + ol, .contentBox h3 + ul, .contentBox h3 + ul:nth-child(n + 3), .contentBox h3 + ol:nth-child(n + 3) {
    margin-top: 2.5em;
}
.contentBox h3 + .youtube_responsive {
    margin-top: 2.5em;
}
.contentBox h2:first-of-type {
    margin-top: 0;
    padding-top: 0;
}
div#toc_container + p {
    margin-top: 5em;
}
.icon-x:before {
	content: '𝕏' !important;
    font-family: sans-serif !important;
    font-weight: bold;
	color: #000;
}


/* edius theme color ここから */
/*
#top-head, #top-head_mobile, div.bottom-menu, #nav-close2, nav#top_menu {
    background-color: #3A4F69;
}
#top-head nav ul li a:hover, .inner p a:hover, span.site_name:hover  {
    color: #fcb900;
}
#top-head nav ul li a, span.site_name {
    color: #fff;
 }
#toc_container .toc_list > li:before, .contentBox h2:before {
    background-color: #606d99;
}
#toc_container .toc_list li ul > li:before,  .contentBox h3::before{
    background-color: #252e39;
}
.contentBox h2 {
    border-bottom: 1px solid #606d99;
    color: #606d99;
}
.contentBox h3 {
    border-bottom: 1px solid #252e39;
    color: #252e39;
}
.widget-title, p.widget_description, h2.widget_icon_popular_ranking:before {
    color: #5e6265;
}
*/
/* edius theme color ここまで */



/* hitfilm theme color ここから */

#top-head, #top-head_mobile, div.bottom-menu, #nav-close2, nav#top_menu {
    background-color: #FEF102;
    color: #000;
}

#top-head nav ul li a, span.site_name {
    color: #000;
 }
#toc_container .toc_list > li:before, .contentBox h2:before {
    background-color: #3f3f3f;
    border: 1px solid #000000;
    color: #fff;
}
#toc_container .toc_list li ul > li:before,  .contentBox h3::before{
    background-color: #9b9519;
}
.contentBox h2 {
    border-bottom: 1px solid #000;
    color: #000;
}
.contentBox h3 {
    border-bottom: 1px solid #9b9519;
    color: #9b9519;
}
.widget-title {
    color: #955858;
}
#top-head nav ul li a:hover, .inner p a:hover, span.site_name:hover  {
    color: #ff0303;
}
p.widget_description {
    color: #955858;
}
.widget-title {
    color: #000000;
}
h2.widget_icon_popular_ranking:before {
    color: #000;
}
.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d";
    color: #000;
}
.mini-text {
    font-size: 10px;
    color: #000;
}
.english, .english10, .english12, .english18 {
    color: #000;
}
.current_site a {
    border-bottom: 5px #d2336b solid;
}
.information_area {
	background-color: #264f66;
	color: #fff;
	font-size: 14px;
	text-align: center;
	width: 100%;
	z-index: 9;
	padding: 5px 0;
}
.textwidget.custom-html-widget {
    padding: 0 1em;
}
.fa-youtube-play:before, .fa-twitter:before, .fa-arrow-up:before, .fa-home:before, .fa-dedent:before, .fa-outdent:before, .fa-times:before, .drawer-open_2:before, .drawer-open_2:after {
    color: #000;
}
i.fa.fa-window-close {
    color: #000;
}
#nav-close2:after {
    color: #000;
}
.mobile_dashboard_link:after {
    color: #000 !important;
}

.category_name {
    border: 1px #000 solid;
    background-color: #fef102;
}
.category_name a {
    color: #000 !important;
}
.wpp_box:before {
    color: #000000;
    background: #fef102;
    border: 1px #000000 solid;
    border-radius: 0px;
}





/* hitfilm theme color ここまで */