@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/



/************************************
 文章のカーニング
************************************/

body {
letter-spacing: -0.02em;
}

/************************************
 異なるフォントサイズの行間調整
************************************/
.fontsize12-center {
  font-size: 12px;
  line-height: 1.6;
  margin-top: 1.6em;
text-align: center;
}
.fontsize12 {
  font-size: 12px;
  line-height: 1.4;
  margin-top: 1.4em;
}

.fontsize13-center {
font-size: 13px;
line-height: 1.6;
margin: -0.5em 0em 2em;
text-align: center;
}
.fontsize13 {
font-size: 13px;
  line-height: 1;
margin: -0.5em 0em 2em;  
}
.fontsize13 > :last-child {
  margin-bottom: 2em;
}

.fontsize14 {
  font-size: 14px;
  line-height: 1.6;
  margin-top: 1.6em;
}

.fontsize15 {
  font-size: 15px;
  line-height: 1.6;
  margin-top: 0em;
  margin-bottom: 1.4em;
}

span[style="font-size: 14px;"] {
  line-height: 1.3 !important;
}

[style*="text-align: center"] {
  font-size: 15px;
}

span[style*="font-size: 14px"] {
  line-height: 1.3 !important;
}
/************************************
白抜きボックス
************************************/


.blank-box:not(.bb-blue) {
  font-size: 15px;
  color: #222;
  line-height: 1.6; 
  border-width: 2pt;
  padding: 1.5em; 
  width: calc(100% - 16px); 
  margin: 0 auto; 
  margin-bottom: 2em;
}

.bb-blue {
  font-size: 15.5px;
color: #333;
  line-height: 1.7; 
  border-width: 2pt;
  padding: 1.5em; 
  width: calc(100% - 16px); 
  margin: 0 auto; 
  margin-bottom: 2em;
}

.blank-box p {
margin-bottom: 0.9em;
}

.blank-box {
  padding: 1em 1.5em 1.5em;
}
.blank-box > *:first-child {
  margin-top: 0.5em;
}

.blank-box h6 {
margin: 2px 4px;
}

.blank-box li {
  line-height: 1.6;
  margin-bottom: 0.4em;
}
/************************************
 青枠-白抜きボックス見出しデザイン
************************************/
/* H2 (青い下線) */

.blank-box.bb-blue h2 {
  font-size: 20px;
  color: #222;
  border: none;
  margin: 6px 5px 12px;
	  padding-left: 12px;
	padding-top: 0px;
  line-height: 1.4;
  position: relative;
}

.blank-box.bb-blue h2::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.2em;
  width: 5px;
  height: 0.97em;
  background-color: #0082be;
}

/* H3 (青) */
.blank-box.bb-blue h3 {
  font-size: 19px;
  color: #222;
  border-left: none;
  margin: 5px 5px 10px;
	  padding-left: 12px;
	padding-top: 0px;
  line-height: 1.4;
  position: relative;
}


@media only screen and (max-width: 600px) {

.blank-box.bb-blue h3 {
  position: relative;
  font-size: 18px;
  color: #333;
  margin: 5px 5px 30px;
  padding: 10px 3px 0px;
 text-indent: 5px;
}
}

/* H4 (青 縦線) */
.blank-box.bb-blue h4 {
	 color: #333;
  position: relative;
  padding-left: 12px;
  margin: 12px 0 14px 3px;
  line-height: 1.3;
}


/* H5 */
.blank-box.bb-blue h5 {
	 color: #444;
  position: relative;
  padding-left: 16px;
  font-size: 16.3px;
  margin: 2px 0 8px 4px;
  line-height: 1.3;
  display: flex;
  align-items: flex-start;
}

/* H5 青い三角形 */
.blank-box.bb-blue h5:before {
  content: "▶";
  width: auto;
  height: auto;
  background: none;
  position: absolute;
  left: 0;
  top: 0.5em;
  transform: none;
  margin-top: 0;
  color: #52a6c4;
  font-size: 10px;
  border-radius: 0;
}

/* モバイル用のスタイル */
@media only screen and (max-width: 600px) {
  .blank-box.bb-blue h5:before {
    color: #4a90e2;
  }
}
.blank-box h5 + ul,
.blank-box h5 + ol {
  margin-top: 0;
}

/************************************
 青枠なし 見出し 青デザイン
************************************/

.article h2.blue-underline {
    border-image: linear-gradient(to right, #0195D8, #23A9E5, #0195D8);
    border-image-slice: 1;
    border-image-width: 0px 0px 2px;
}

/* 青い下線のH3 */
.article h3.blue-underline:before {
  background: linear-gradient(to right, #0195D8, #019EE5);
font-size: 18px;
}

/* 青い左線のH4 */
.article h4.blue-line::before {
  background-color: #0195D8;
}

/* 青い点のH5 */

.article h5.blue-dot {
  position: relative;
  padding-left: 16px;
  font-size: 16.3px;
  margin: 0 0 6px 4px;
  line-height: 1.3;
  display: flex;
  align-items: flex-start;
}
.article h5.blue-dot:before {
  content: "▶";
  width: auto;
  height: auto;
  background: none;
  position: absolute;
  left: 0;
  top: 0.4em;
  transform: none;
  margin-top: 0;
  color: #017ab1;
  font-size: 10px;
  border-radius: 0;
}
.article h5.blue-dot + ul,
.article h5.blue-dot + ol {
  margin-top: 0;
}

@media only screen and (max-width: 600px) {
  .article h3.blue-underline:before {
    background: linear-gradient(to right, #4a90e2, #5ca0f2);
  }
}
/************************************
 画像のデフォルト位置
************************************/

img {
  display: block;
  margin: 0 auto;
}

/************************************
 表　テーブル
************************************/
table td, table th{
font-size:14px;
color: #222;
}
/* 内枠（既に適用済み） */
.entry-content table td,
.entry-content table th {
    border: 1px solid #ddd;
}

/* 外枠を濃い黒に */
.entry-content table {
    border: 1px solid #000000 !important;
    border-collapse: collapse;
}
/************************************
** リスト ul番号なし ol番号あり <li class="liasap">
************************************/

ul li, ol li {
  color: #404349;
  margin: 0;
  line-height: 1.8;
  padding-top: 1px;
  padding-bottom: 1px;
}

ul {
  list-style-type: disc;
  margin-bottom: 1em;
}

ol + ul {
  margin-top: 0.5em;
}

/* 以下の2つのセレクターを追加 */
ol > li:first-child + ul {
  margin-top: 0.5em;
}

ol > li:nth-child(2) + ul {
  margin-top: 0.5em;
}

ul ul {
  list-style-type: circle;
}

ul ul li {
  margin: 0;
}


ul ul ul {
  list-style-type: none;
}

ul ul ul li {
  margin: 0;
}

/***********************************
** リンク
************************************/

a:link {
color: #0645AD;/* Wikipediaカラーコード0645AD */
text-decoration: none;
}

a:visited {
color: #0B0080;
text-decoration: none;
}
a:hover {
  text-decoration: none;
  transition: 0.2s;
}
article a:hover {
text-decoration: none;
transition: 0.2s;
}


/* メイン部分とサイドバーの枠を消す */
#main,#sidebar{
 border:none;
}



/****************************************
グローバルナビメニュー 文字
****************************************/
/*グローバルメニューのフォントサイズ等変更*/
.navi-in .menu-header .item-label {
  font-size: 15px;
  color: #444;
  font-weight: bold;
}

/*グローバルメニューのホバーエフェクト*/
.navi-in .menu-header .item-label:hover {
  opacity: 0.8;
}


/*モバイル ヘッダーロゴのサイズ*/
/*480以下（スマホ）でロゴの大きさ変更*/
@media screen and (max-width: 480px){
  .site-logo-image{
    visibility: hidden;
  }
  .logo-menu-button.menu-button{
    background-image: url(https://alzhacker.com/wp-content/uploads/2023/08/alzhacker-2023-08-head-fbn3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 20px;
    padding-left: 30px; /* 追加: ロゴの左側に余白を設ける */
  }
}

/*481px〜1023px（タブレット）でロゴの大きさ変更*/
@media screen and (min-width: 481px) and (max-width: 1023px){
  .site-logo-image{
    visibility: hidden;
  }
  .logo-menu-button.menu-button{
    background-image: url(https://alzhacker.com/wp-content/uploads/2023/08/alzhacker-2023-08-head-fbn3.png);
     background-position: center;
    background-repeat: no-repeat;
    background-size: auto 23px;
  }
}


/************************************
** 記事サブタイトル セカンドタイトル
************************************/
.second-title{
font-size:16px;
color: #555;
padding-top: 12px;
display:block;
line-height:1.4;
}

/***********************************
 * *Cocoonのcat-label（カテゴリラベル）の位置と文字のカスタマイズ
************************************/
/* カテゴリー枠 */
.cat-link {
  color: #555;
  font-family: "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
  font-size: 11px;
  font-weight: 500;
  padding: 2px 8px;
  border: 0px solid #ddd;
  background-color: #fff;
  line-height: 1.7;
  font-feature-settings: "pkna";
}

.cat-link:hover {
  color: #555;
  transition: 0.2s;
  background-color: #eee;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
}

/* カテゴリリンクのフォルダアイコン非表示 */
.entry-card-wrap .cat-link::before {
  display: none;
}

/* カテゴリラベルのフォルダアイコン非表示 */
.entry-card-wrap .cat-label::before {
  display: none;
}

/* 残りのCSSコードは省略 */




/* カテゴリー display:none*/
.cat-label {
font-feature-settings: "pkna";
}

.cat-label:hover {
color: #555;
transition: 0.2s ;
opacity: 0.9;
border: 0px 0px 1px 1px solid #ddd;
}


/*トップカテゴリラベル位置変更 tmp*/
.category_right .cat-label {
	position: static !important;
	display:inline-block;
	margin-top: 3px;
	padding: 2px 8px;
	font-size: 12px;
border: 0px 0px 1px 1px solid #ddd;
	background-color: #f7f5f1;
} 
/*関連記事カテゴリラベル 位置変更*/
.related-entry-card .cat-label {
	position: static !important;
	display: inline-block;
	font-size: 12px;
	margin-top: 3px;
	padding: 2px 8px;
border: 0px 0px 1px 1px solid #ddd;
	background-color: #f7f5f1;
}

.relatea_category_side{
	margin-bottom: -5px;
}

.related-entry-card-content card-content e-card-content {
	font-size: initial;
}

.entry-category {
    display: none;
}
/***********************************
** カテゴリータグ
************************************/

.tag-link {
font-family: "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
font-size: 12px;
font-weight: 500;
background-color:transparent;
}

.tag-link:hover {
transition: 0.2s ;
opacity: 0.9;
}


/************************************
** 下線  強調  strong em
************************************/

/* em 強調オン */
body:not(.no-emphasis) em {
 font-weight: bold;
 font-style: normal;
 color: #73665e;
}

body:not(.no-emphasis) strong {
  font-weight: bold;
  color: #1D1D24;
}

/* em 強調オフ */
body.no-emphasis em {
font-weight: 500;
 font-style: normal;
  color: #393e45;
}

/* strong 強調オン */
body.no-emphasis strong {
font-weight: 500;
  color: #444b53;
}

/* strong 強調オフ */
.under{
font-style:normal;
font-weight: var(-fw,600);
color: #393e45;
}

.under2 {
color: #222427;
text-decoration: none;
border-bottom:2px solid #FA9996;
padding-bottom: 0px;
margin: auto .2em;
}

.red {
color: #ea5550;
margin: auto .1em;
}

b {
color: #444;
}


.kakomi {
    display: inline-block;
    padding: 0px 10px;
    margin: 3px 4px;
    color: #666;
    background-color: #fff;
    border: 1px solid #bbb;
    border-radius: 3px;
    font-size: 15px;
    font-weight: bold;
    line-height: 2em;
}

.kakomi:visited {
    color: #444;
}

.kakomi:hover {
background-color: #f6f6f6;
transition: 0.2s ;
}

.kakomi2:visited{

}
.kakomi2:hover{
background-color: #f6f6f6;
transition: 0.2s ;
}



/************************************
** ユーザーテキスト選択時の背景カラー 
************************************/

::-moz-selection {
  background: #6699FF;
  color: white;
}
::selection {
  background: #6699FF;
  color: white;
}

/************************************
** 修飾
************************************/

.cite {
    background: #fff;
    color: #333;
    border-top: solid 1px #eee;
    border-left: solid 3px #aaa;
    border-bottom: solid 1px #eee9dd;
    border-right: solid 1px #eee9dd;
    border-radius: 3px;
    font-size: 15px;
    padding-left: 20px;
}


/************************************
** blockquote クオート 引用
************************************/

blockquote {
font-size:15.5px;
letter-spacing: 0em;
  display: block;
  position: relative;
  box-sizing: border-box;
  background-color:#ffffff;
  color: #444;
	border: solid 1px #bbbbbb;
	border-radius: 3px;
margin:20px 3px;	
  text-align: left;
}


@media only screen and (max-width: 600px) {
  /* モバイル用のスタイルを追加 */
  blockquote {
    display: block;
    position: relative;
    background: #ffffff;
    color: #404040;
    border-left: 4px solid #aaaaaa;
    padding-left: 1em;
    text-align: left;
  }
}

blockquote:before, blockquote:after {
  content: none;
}


/************************************
** 横ライン hrタグ
************************************/
hr {
  border: 0; /* デフォルトの線を消す */
	margin: 40px 0 30px 5px; /* 上下の隙間 */
  text-align: left; /* 左揃え */
  height: auto; /* 高さを自動に */
	color: #777; /* 文字色 */
font-size: 17px;
}

hr:before {
  content: "*"; /* アスタリスク1個 */
  display: inline-block; /* インラインブロック要素として */
}

.abb {
 border-top: 1px #ccc;
 height: 1em;
 text-align: center;
 overflow: visible;
margin: 40px 0;
}
.abb::after {
  content: "省略";
 background: #eee;
  color: #aaa;
 display: inline-block;
 height: 2em;
 line-height: 2em;
 position: relative;
 top: -1em;
 padding: 1 1em;
}


/************************************
** 固定ページの日付表示オフ
************************************/
.page .date-tags {
display: none;
}
.post-date, .post-update{
 font-size: 14px;
 padding-right: 4px;
 display: inline; /*横並びで縦中央揃え*/
}

.post-update{
display: none;
}

/************************************
** 見出し
************************************/

/* 見出しリセット */

.article h2{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}

.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}

.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}
.article h5{
border-bottom:none;
padding: 0;
}

.article h6{
border-bottom:none;
padding: 0;
}

/* フィーチャータグ*/
h1, h2, h3, h4, h5, h6 {
  font-feature-settings: "pkna";
letter-spacing: 0.02em;
}
/* H1 基本*/
.article h1 {
 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
font-size: 24px;
font-feature-settings: "pkna";
letter-spacing: 0.01em;
text-align: center;
font-weight: bold;
color: #333;
line-height: 1.4em;
margin: 50px 10px 40px;
border: none;
}

@media only screen and (max-width: 600px) {
.article h1 {
font-size:20px;
font-feature-settings: "pkna";
padding: 10px 10px 10px;
font-weight: bold;
padding: 5px 5px;
}
}

.article h2 {
	font-size:21px;
	color: #333;
	line-height: 1.4em;
	border-style: solid;
	border-width: 0 0 1px;
	border-image: linear-gradient(to right, #70838c, #93acb8, #70838c) 1;
	padding: 0px 1% 5px;
	margin: 50px 0.5% 20px;
	background-color: transparent;
}

/* H2 スマホ*/
@media only screen and (max-width: 600px) {
.article h2 {
font-size: 19px;
}
}


/* H3 基本 */

.article h3 {
  position: relative;
  font-size: 20px;
  color: #333;
  line-height: 1.5;
	margin: 48px 0px 16px 0px;
	padding: 0px ;

}

/* h2 の直後の h3 の margin-top を小さく */
.article h2 + h3 {
  margin-top: 24px; /
}
/* h2、h3 の直後の h4 の margin-top を小さく */
.article h2 + h4,
.article h3 + h4 {
  margin-top: 28px; 
}

/* H3 スマホ用 */
@media only screen and (max-width: 600px) {
  .article .secondary-box h3 {
    margin-top: 0px;
  }
}

/* スモールフォントH3 */
.article h3.smaller-font {
  font-size: 17px;
}

@media only screen and (max-width: 600px) {
  .article h3.smaller-font {
    font-size: 16px;
  }
}

/* H4 基本*/
.article h4 {
  font-size: 18px;
  color: #333;
  line-height: 1.0;
	margin: 35px 0 14px;
	padding: 0 0 0 9px;
	border-left: 5px solid #88a9b8;
}


.article blockquote h4 {
  margin: 10px 0px 15px 3px;
}
/* H4 スマホ用 */

@media only screen and (max-width: 600px) {
.article h4 {
  font-size: 17px;
}
}

/* H5 基本*/
.article h5 {
  font-size: 17px;
  color: #333;
	margin: 32px 0 16px 0;
	padding: 0 0 0 8px;
	line-height: 1.0em;
	border-left: 3px solid #b59567;
}


/* blockquote内のH5スタイル */
.article blockquote h5 {
  margin: 10px 0px 10px 0px;
}

/* blockquote内のH5も同じ三角形スタイルを継承 */
.article blockquote h5:before {
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}

/* H4 スマホ用 */

@media only screen and (max-width: 600px) {
.article h5 {
  font-size: 16px;
}
}
/* H6 基本*/

.article h6 {
font-size: 16px;
color: #2c4b59;
	margin: 2px 2px 8px;
    padding: 2px 0px 2px;
    line-height: 1.5em;
    font-style: italic;
}



/************************************
** ボックスの背景色
************************************/

/* カテゴリーboxの背景色 プライマリー*/
.primary-box{
background-color: #fefcfa;
border-radius: 2px;
border: solid 1px #f0f2f4;
padding:20px 30px;
line-height:1.7;
color: #333;
}

/*セカンダリー*/
.secondary-box{
font-size:0.96em;
background-color: #f5f5f5;
border-radius: 4px;
border: solid 1px #eee;
 line-height: 1.6;
}
.secondary-box p {
line-height:1.7;
 margin-bottom: 1em;
}

/* カテゴリーboxの背景色 グレー */
.danger-box{
background-color: #f6f6f6;
border-radius: 5px;
color: #555;
border: solid 1px #eee;
}


.danger-box h5 {
margin-top:2px;
padding-top: 2px;
}

.box {
 display: inline-block;
line-height:1.7;
}

/* カテゴリーboxの背景色 イエロー */
.warning-box {
display: block;
position: relative;
font-weight: bold;
color: #555;
line-height: 1.6;
}
.warning-box p {
 margin-bottom: 1em;
}
.warning-box h5 {
margin-top:2px;
padding-top: 2px;
}


.GPT4-box {
display: block;
position: relative;
box-sizing: border-box;
font-style: #444;
padding:12px 10px 10px 10px;
margin: -8px 6px 15px 6px;
background: #fff;
font: #404040;
border-top: dashed 1px #ccc;
border-bottom: dashed 1px #ccc;
border-radius: 2px;
 font-size: 14px;
 line-height: 1.6;
}

.GPT4-box p {
 margin: 0 0 12px;
}

/************************************
** メインカラム
************************************/

/*枠線を削除する*/

#main{
border-color: #eee;
}


/************************************
** ブログカードのスタイル
************************************/
.internal-blogcard-footer{
display: none; /* 内部ブログカードのアイコンとURLを非表示 */
}
/* ブログカード サムネイル */
.blogcard-thumbnail img{
float:right;
width: auto;
height: 110px;
width: 150px;
}
.blogcard-thumbnail a:link{
opacity: 0.9;
}
/* タイトル文字を変える*/
.blogcard-title{
font-size: 16px;
color: #444 ;
line-height: 1.6;

}
.blogcard-content {
line-height: 1.6;
color: #4d5156 ;
}

/************************************
** サイドバー 全般
************************************/

#sidebar {
  font-size: 14px;
  color: #333;
  line-height: 1.5;
  font-weight: 500;
}

#sidebar h3 {
  font-size: 16px;
  color: #444;
  padding: 0px 10px;
  display: inline-block;
  border-bottom: 1px solid #74868d;
  background-color: transparent;
  padding-bottom: 5px;
  height: 30px;
  width: 100%;
  text-align: center;
  vertical-align: top;
}

#sidebar .content {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-size: 14px;
	color: #555;
font-feature-settings: "pkna";
}

.widget-sidebar .cat-label{
display: inline;
font-feature-settings: "pkna";
}
/**********************************
** サイドバー 新着記事
************************************/

#sidebar .widget-entry-cards figure {
float:right;
}

#sidebar .widget-entry-card-content {
text-decoration: none;
margin-right: 0px;
margin-left: 0px;
font-size: 14px;
font-feature-settings: "pkna";
color: #444; 
padding: 4px 4px;
width: 100%;
min-height: 100px;
}

#sidebar .widget-entry-card-title {
font-size: 14px;
font-feature-settings: "pkna";
color: #444; 
font-weight: bold;
}


.new-entry-card-title {
font-size: 15px;
font-weight: bold;
}

/**********************************
** ウィジェット エントリーカード
************************************/
.widget-entry-cards .cat-label {
background-color: #f7f5f1;
display: inline;
padding: 2px 6px;
}
/* サイドバーで非表示に */

.widget-entry-card:hover { /*マウスオン時*/
 background: #f6f6f6;
transition: 0.2s ;
opacity: 0.9;
}
/*投稿日と更新日を表示*/
.widget-entry-card {
  position: relative;
}

.widget-entry-card-date {
  display: block;
font-family: Arial, sans-serif;
font-size:12px;
color: #555;
}


/***********************************
** ウィジェット 新着記事
************************************/
.new-entry-card{
 text-decoration: none;
border: unset;
}

.new-entry-card-title{
font-size:15px;
font-weight: bold;
}
.new-entry-card-title .second-title{
font-size:14px;
 color: #666;
padding-top: 4px;
display:block;
line-height:1.5;
} 

.new-entry-cards .cat-label {
 display: inline;
background-color: #f3f3f3;
}

.new-entry-card:hover { /*マウスオン時*/
 background: #f6f6f6;
transition: 0.2s ;
opacity: 0.9;
}

.widget-entry-card .new-entry-card {
  transition: 0.2s;
}


/*投稿日と更新日を表示*/
.new-entry-card-date {
  display: block;
font-family: Arial, sans-serif;
font-size:12px;
color: #555;
}
/***********************************
** ウィジェット 人気記事
************************************/
.popular-entry-card{
border: unset;
border-radius: 0px;
border-bottom: 1px solid #eee;
border-right: 1px solid #f0f0f0;
overflow-y: hidden;
}
.popular-entry-card-title{
color: #444;
}
.popular-card-title .second-title{
font-size:14px;
 color: #666;
padding-top: 4px;
display:block;
line-height:1.5;
} 

.popular-entry-card:hover { /*マウスオン時*/
 background: #f6f6f6;
transition: 0.2s ;
opacity: 0.9;
}
/*投稿日と更新日を表示*/
.popular-entry-card-post-date {
  display: block;
color: #555;
font-family: Arial, sans-serif;
font-size:12px;
}

/***********************************
**  関連記事
************************************/
.related-entry-card{
overflow-y: hidden;
overflow-x: hidden;
}
.related-entry-heading{
font-size: 16px;
text-align: center;
}
.related-entry-card-title{
font-size: 15px;
color: #444;
}
.related-entry-card-title .second-title{
font-size:14px;
color: #555;
padding-top: 12px;
display:block;
line-height:1.4;
}

/*投稿日と更新日を表示*/
.related-entry-card-post-date {
display: block;
color: #555;
font-family: Arial, sans-serif;
font-size:12px;
}

.related-entry-card:hover { /*マウスオン時*/
background: #f6f6f6;
transition: 0.2s ;
opacity: 0.9;
}

/***********************************
** ウィジェット 関連記事
************************************/
.widget-related-entry-card-date{
display: block;
font-family: Arial, sans-serif;
font-size: 13px ;
}

/************************************
** エントリーカード
************************************/
.entry-card-thumb {
width: 130px;
}
.entry-card-content {
margin-left: 100px;
color: #555 ;
}

.entry-card-title {
color: #444;
}


/************************************
** 本文 目次
************************************/


#toc_container {
  display: block !important;
  width: 93% !important;
  background: radial-gradient(#ffffff, #f8f7f6);
  border-radius: 5px;
  color: #999;
  box-sizing: border-box;
  margin: 20px auto !important;
  padding: 25px 2% 25px;
  border: 1px solid #e9e9e9; /* 枠線を追加 */
}

#toc_container .toc_title {
font-size: 14px;
	 line-height: 1.5;
  font-weight: bold;
  color: #444;
  text-align: center;
}

#toc_container ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

#toc_container ul li {
  margin: 0;
}

#toc_container .toc_list > li > a {
  display: block;
  border-bottom: 1px solid #ccc;
  font-size: 15px;
 line-height: 1.5;
  color: #222;
  padding: 4px 1% 0px;
  margin-left: 4%;
  margin-right: 4%;
}

#toc_container ul a {
  display: block;
 font-size: 15px;
  text-decoration: none;
  color: #222;
  padding: 4px 1% 0px;
  border-bottom: 1px dotted #ccc;
  line-height: 1.6;
  margin-left: 4%;
  margin-right: 4%;
}

#toc_container ul ul {
  font-size: 15px;
  margin-left: 5%;
}

#toc_container li {
  margin-bottom: 0;
  padding-bottom: 0;
}

#toc_container a:hover {
  transition: 0.2s;
  background: #E8E7E6 ;
}

/*480px以下*/
@media screen and (max-width: 480px){
  #toc_container {
    width: 98% !important; 
    padding: 20px 2% 20px;
  }

  #toc_container .toc_title {
    font-size: 14px; 
  }

  #toc_container .toc_list > li > a {
    margin-left: 1%;
    margin-right: 1%;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 15px; 
	  color: #222;
  }

  #toc_container ul a {
    margin-left: 1%;
    margin-right: 1%;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 14px; 
  }

  #toc_container ul ul {
    margin-left: 1%;
    font-size: 14px; /* 15px から 14px に */
  }
}
/************************************
** ウィジェット 目次
************************************/
.toc_widget_list {
  border: 0px solid #eee;
  border-bottom: 1px solid #BDBEC0;
  margin: 10px 0px 10px -18px;
  background: transparent;
  padding-left: 0;
}
/* メイン項目 */
.toc_widget_list > li {
  margin-left: 0;
}
.toc_widget_list > li > a {
  display: block;
  border-bottom: 1px solid #bbb;
  color: #333;
  padding: 4px 0px 3px 0px;
  line-height: 1.5;
}
/* サブ項目 */
.toc_widget_list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.toc_widget_list ul li {
  margin-left: 0;
}
.toc_widget_list ul a {
  color: #444;
  padding: 4px 0px 3px 0px;
  display: block;
  border-bottom: 1px dashed #ccc;
  line-height: 1.4;
margin: 0 0 0 -30px;

}
.toc_widget_list a:hover {
  background-color: #f6f6f6;
  transition: 0.2s;
  opacity: 0.9;
}

/*=================================================================================
TOC+ の追従サイドバーを綺麗に表示する ここから
=================================================================================*/
.toc_widget .widgettitle.ef {
  margin-bottom: 0px;
  border: none!important;
  border-radius: 0;
}
.toc_widget ul {
  padding: 8px 0px 8px 3px;
  border: 0px solid #bbb;
  line-height: 1.7em;
  max-height: calc(100vh - 200px - 30px);
  overflow-y: auto;
}
.toc_widget ul li {
  list-style: none;
padding: 2px 3px 0px 15px;
font-size: 1em;
}
.toc_widget ul li ul {
  border: none;
  padding: 2px 0px 2px 30px;
}
.toc_widget ul li ul li {
  list-style: none;
}
.toc_widget a:hover {
background-color: #f6f6f6;
transition: 0.2s ;
opacity: 0.9;
}
.toc_widget .widgettitle::before {
  content: url(画像URL);
  display: block;
  width:25%;
  margin:0 auto;
}
@media (min-width: 1024px){
.sidebar_style4 .widget:last-child {
  margin: 0px 0 -15px;
}}


/************************************
** ウィジェット カテゴリー
************************************/

.widget_categories ul li a{ /*親カテゴリー設定*/
 text-decoration: none;
 color: #444;
 font-weight: 500;
font-size: 14px;
 display: block;
 padding: 2px 4px 0px 8px;
 border-bottom: 1px solid #aaa;
}

.widget_categories > ul > li > a:first-child{ 
 border-top: none;
}

.widget_categories ul li ul li a{ /*子カテゴリー設定*/
font-size: 13px;
color: #444;
 font-weight: 500;
 display: block; 
 padding: 0px 4px 0px 8px;
 border-bottom: 1px dashed #bbb;
}

.widget_categories ul li ul li ul li a{
font-size: 13px; 
color: #444;
 font-weight: 500;
 display: block;
 padding: 0px 4px 0px 6px;
 border-bottom: 1px dashed #e5e5e5;
}

.widget_categories ul li ul li ul li ul li a{ /*ひ孫カテゴリー設定*/
 font-size: 13px;
color: #444;
font-weight:500;
 display: block;
 padding: 0px 4px 0px 6px;
border-bottom: 0px dashed #fff; /*子カテゴリー下側にボーダーライン*/
}

.widget_categories ul li a .post-count{ /*記事数設定*/
 display: inline-block;
 float: right;
 margin-left: 8px; 
color: #444;
background: #fff;
  font-style: oblique; /*斜体フォント*/
  font-size: 12px;
 white-space: nowrap; /*1つの空白にまとめて表示。折り返し無し。*/
 line-height: 1.2; /*行の高さ*/
 padding: 3px 10px;
 text-decoration: none;
 border-radius: 2px;
}

.widget_categories ul li a:hover{
background: #f6f6f6;
transition: 0.2s ;
opacity: 0.9;
}
.widget_categories ul li a:hover .post-count{ /*記事数のマウスホバー時設定*/
 background: #f6f6f6;
transition: 0.2s ;
opacity: 0.9;
}


/************************************
** カレンダー
************************************/
/* カレンダー */
#calendar_wrap {
 margin-right: -4px;
 margin-left: -4px;
 line-height: 1.5;
}

#wp-calendar {
 margin-bottom: 5px;
 border-collapse: separate;
 border-spacing: 4px;
 border-style: none;
}

#wp-calendar caption {
 font-size: 16px;
 font-weight: 500l;
}

#wp-calendar th {
 padding: 2px 0;
 background-color: #f6f6f6;
}

#wp-calendar td,
#wp-calendar th {
 border-style: none;
}

#wp-calendar td a,
#wp-calendar #today a,
.wp-calendar-nav a {
 border: solid 1px #ddd;
 border-radius: 2px;
 background-color: transparent;
 text-decoration: none;
 transition: all .2s;
}

#wp-calendar td a:hover,
#wp-calendar #today a:hover,
.wp-calendar-nav a:hover {
background-color: #f6f6f6;
transition: 0.2s ;
opacity: 0.9;
}

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

.wp-calendar-nav {
 display: flex;
 justify-content: space-between;
 margin-right: 4px;
 margin-left: 4px;
}

.wp-calendar-nav a {
 display: inline-block;
 padding: 0 50px;
 color: inherit;
}
#wp-calendar td:first-of-type,
#wp-calendar th:first-of-type{
color: red;
}



/***********************************
**PS auto sitemap サイトマップ
************************************/

/* サイトマップ全体の設定 */
#sitemap_list {
  padding: 0 0 0;
}

/* リスト項目の a タグの全般の設定 */
#sitemap_list li a {
font-size: 0.95em;
color:#666;
font-weight: bold;
}

/* a タグのテキストの上にマウスカーソルを置いたときの設定 */
#sitemap_list li a:hover {
background:#f6f6f6;
transition: 0.2s ;
opacity: 0.9;
}

/*「ホームページの出力」にチェックを入れた場合 */
#sitemap_list .home-item{
}

/* カテゴリ レベル１の設定 */
#sitemap_list .cat-item{
list-style-type:none;
}

/* カテゴリ レベル２の設定 */
#sitemap_list li .cat-item{
list-style-type: disc;
}

/* カテゴリ レベル3の設定 */
#sitemap_list li li .cat-item{
list-style-type: circle;
}
#sitemap_list li li li.cat-item{
list-style-type: circle;
}
#sitemap_list li li li li.cat-item{
list-style-type:none;
}

/* 固定ページ */
#sitemap_list .page_item{
list-style-type:square;
font-size: 1em;
}

/* 投稿 */
#sitemap_list .post-item{
list-style-type:none;
}

/* ［カテゴリーと投稿の表示］＞［投稿を分割］を選択した場合 */

 
#sitemap_list .posts_in_category {
position: absolute;
padding-left: 10px;
}

#sitemap_list li .posts_in_category a {
background: #fff url(../images/cube/ico_post_list.png) no-repeat center;
text-indent: -9999px;
display: block;
width: 1.2em;
height: 1.2em;
border: solid 1px #ccc;
padding: 0;
}




/************************************
キャプション 画像下の文字
wp-caption{color:grey;font:0.8em arial;}
************************************/





/* — コンタクトフォーム7 送信ボタンのカスタマイズ — */
input.wpcf7-submit {
padding:0.5em !important;
margin:1em 0em !important;
background-color: #FFD814 !important;
border-radius: 5px !important;
color: #333 !important;
font-size: 1em !important;
font-weight: 500 !important;
width: 30%;
transition:0.3s;
box-shadow: 2px 2px 6px -2px rgba(0,0,0,0.10);/* 薄っすらとボタンにドロップシャドウをかける*/
}

input.wpcf7-submit:hover {
background-color:#f9f9f9!important;
color: #333 !important;
}

.btn-submit {
  width: 100%;
  text-align: center;
}


/* amazon寄付ボタンのカスタマイズ — */
.amazon-button {
padding:0.5em 4em !important;
margin:1em 0em !important;
background-color: #FFD814 !important;
border-radius: 9px !important;
color: #111 !important;
font-size: 0.9em !important;
font-weight: 500 !important;
font-feature-settings: "pkna";
width: 40%;/* ボタンの横幅*/
transition:0.2s;/* 背景色が変わるまでの時間*/
box-shadow: 2px 2px 6px -2px rgba(0,0,0,0.10);/* 薄っすらとボタンにドロップシャドウをかける*/
}

.amazon-button:hover {
background-color:#f6f6f6;
color: #333 !important;
}

.btn-submit {
  width: 100%;
  text-align: center;
}

/************************************
ウィジェットのトグル CSS
************************************/

.childmenu {
  display: none;
}


/************************************
** ■ホバー時の背景色設定
************************************/
.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_rss ul li a:hover,
.widget_nav_menu ul li a:hover,
.navi-in a:hover,
.navi-footer-in a:hover,
.a-wrap:hover,
.comment-reply-link:hover,
.recent-comments .a-wrap:hover .recent-comment-content,
.pagination a:hover,
.pagination-next-link:hover, .comment-btn:hover,
.pager-links a:hover span,
.pager-links a:hover span,
.mobile-menu-buttons .menu-button:hover,
.menu-drawer a:hover,
.bp-login-widget-register-link a:hover{
  background-color: #f6f6f6;
  transition: all 0.2s ease; /*アニメーション*/
  color: #333; 
}

/* ウィジェットの自動改行 */
.widget-text {
    white-space: pre-wrap;
}