@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/************************************
****　全体のバランス
************************************/
.entry-content {/*本文下の空白を削除*/
padding-bottom: 0;
margin-bottom: 0;
}
@media (max-width: 1023px){
article > .entry-content, article > footer.article-footer {/*本文左右の空白*/
padding: 0 20px;
}
}
@media screen and (max-width: 880px){
.page-body {
font-size: 16px;
}
}
@media screen and (max-width: 480px){
.page-body {
font-size: 15px;
}
}
img{
/*box-shadow: 0px 2px 5px 0 rgba(0,0,0,.2);*/
}
a {
 -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.body .article {/*本文SNSフォロー下の空白*/
margin-bottom: 0;
}

/************************************
****　お問い合わせフォーム contact form7
************************************/
.haveto{
font-size:9px;
padding:2px 5px;
background:#90C31F;/*必須 色の変更はこちら*/
color:#fff;
border-radius:20px;
margin-right:5px;
position:relative;
bottom:2px;
}
#formbtn{
display: block;
padding:10px;
width:300px;
background:#f7f7f7;
color:#545454;
font-size:17px;
border:none;
border-radius:50px;
margin:25px auto 0;
transition:0.3s;
}
#formbtn:hover{
background:#90C31F;/*送信 色の変更はこちら*/
color:#fff;
border-radius:50px;
box-shadow: 0px 1px 5px 0 rgba(0,0,0,.2);
}
.wpcf7 p{
margin-bottom: 0em;
}

/************************************
****　おすすめカード
************************************/
/*div#recommended-in.recommended-in.wrap.cf{
margin-top: 20px;
max-height:220px;
}
@media screen and (min-width: 1024px){
div#recommended-in.recommended-in.wrap.cf{
padding:0 2em;
}}
div#content.content.cf{
margin-top:0;
}
.widget-entry-cards .a-wrap{
transition: all .2s;
}
.widget-entry-cards .a-wrap:hover {
transform: translateY(-1px);
transition: all .2s;
}
figure.navi-entry-card-thumb.widget-entry-card-thumb.card-thumb{
opacity:.8;
}
.recommended.rcs-center-white-title .a-wrap:hover .card-content {
transition: all .1s;
opacity: 1;
}
.widget-entry-cards.large-thumb-on .card-content{
background: rgba(151, 151, 151, 0);
}
a.navi-entry-card-link.widget-entry-card-link.a-wrap{
border-radius:10px!important;
margin:1em .5em;
background-color:#FFFFFF;
}
div.navi-entry-card-title.widget-entry-card-title.card-title{
color:#333333;
font-weight:bold;
font-size:.8em;
background-color: rgba(255, 255, 255, 0.8);
padding: .6em .5em;
border-radius:30px;
}
@media (max-width:834px){
a.navi-entry-card-link.widget-entry-card-link.a-wrap{
margin:.3em 0em;
}
div.navi-entry-card.widget-entry-card.e-card.cf{
border-radius:10px!important;
overflow:hidden;
max-height:100px;
margin:0 .3em 0;
box-shadow: 0px 1px 4px 0 rgba(0,0,0,.1)!important;
}
.widget-entry-cards.large-thumb-on .a-wrap:hover {
box-shadow:none;
}
}
@media (max-width:834px){
div.navi-entry-card-title.widget-entry-card-title.card-title{
font-size:.6em;
padding: .5em;
}
div#recommended-in.recommended-in.wrap.cf{
margin: .7em .2em .3em;
}
.widget-entry-cards.large-thumb-on .card-content{
background: rgba(151, 151, 151, 0.2);
}
}
main#main.main{
margin:0;
}
.body .navi-entry-cards{
margin-bottom: 0;
}*/
/************************************
****　プロフィール欄
************************************/


/************************************
****　本文記事タイトル　H1
************************************/
header.article-header.entry-header {
text-align:center;
margin-bottom: 3em;
}
.article-header h1 {
position: static;
font-size: 1.4em;
color: #333333;
background-color:#fff;
line-height:1.8em;
text-shadow: none;
margin:0;
padding: 1.5em .95em 1.1em;
}
.eye-catch{
box-shadow: 0px 3px 7px 0 rgba(0,0,0,.2);
}
.eye-catch img{
height:auto!important;
-webkit-filter:none;
filter:none;
opacity:1;
transform: none;
}
a.cat-link, a.tag-link{
font-size:.7em;
border-radius:10px;
border:0;
margin:0.5em;
padding:0 0.5em 0;
background:#90C31F!important;
color:#fff!important;
}
.cat-link:hover ,.tag-link:hover {
opacity: .5;
transition: all .3s ease-in-out;
}
.entry-categories-tags {
margin-bottom: 0.4em;
}
.date-tags{
font-size:1.2em;
color:#7b7b7b;
top:5px;
right:0;
left: 0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
}
div.date-tags span.post-update{
order: 1;
}
span.fas.fa-history::before{
content:"\f2f1"
}
div.date-tags span.post-update,div.date-tags span.post-date{
margin-right: 10px;
}
@media (max-width:1023px){
.entry-categories-tags.ctdt-one-row {
padding: 0;
}
}
@media (max-width:420px){
.article-header h1 {
font-size: 1.2em;
}
.date-tags{
top:3px;
}
}
@media (max-width:834px){
main.main, div.sidebar {
padding:0;
}}
@media screen and (min-width: 601px) and (max-width: 834px){
div#content.content.cf{
margin:1em;
}}
/************************************
****　本文記事見出し H2 H3 H4 H5
************************************/
.article h2:before {
background-image: none;
}
.article h2{
line-height:2;
background-color:#f6f6f6;
font-size: 24px;
color:#333333;
border-radius:1px;
/*border-left:solid 14px #636b64;*/
border-left:solid 14px #394F63;
padding:1em;
margin-top:70px;
margin-bottom:2em;
}
.article h3{
line-height:2;
font-size:20px;
border:none;
color:#333333;
border-radius:2px;
/*border-left:10px solid #8b968d;*/
border-left:8px solid #E55937;
padding: 0.4em 0.8em;
/*margin-top:90px;*/
margin-top:40px;
}
.article h3:before {
width: 0em;
}
.article h4{
line-height:2;
background-color:#F6F6F6;
font-size: 17px;
/*font-weight:normal;*/
font-weight:bold;
color:#333333;
border-radius:1px;
padding:1.5em;
margin-top:1.5em;
margin-bottom:1.5em;
}
.article h5{
background: #F7F7F7;
font-size: 17px;
/*font-weight:normal;*/
font-weight:bold;
line-height:2;
color:#333333;
border-bottom: none;
border-radius: 4px;
padding: 1.5em;
margin-left:0 auto;
border:1.5px dashed;
border-color:#93b69c;
margin-top:1.5em;
margin-bottom:1.5em;
}
@media (max-width:480px){
.article h2{
font-size:18px;
padding:1.5em 1em 1.5em 0.5em;
}
.article h3{
font-weight:bold;
font-size:17px!important;
}
.article h4, .article h5{
font-size:15px!important;
}
}

/************************************
****　本文記事装飾 囲み 背景
************************************/
.haikei{/*背景のカスタマイズ*/
line-height:2;
background-color:#F6F6F6;/*背景色*/
border-radius:1px;
padding:1.5em;
margin-top:1.5em; 
margin-bottom: 1.5em;
}
.kakomi{/*囲み枠のカスタマイズ*/
background: #F7F7F7;/*背景色*/
line-height:2;
border-radius: 4px;
padding: 1.5em;
border:1.5px dashed;
border-color:#93b69c;/*枠の色*/
margin-top:1.5em; 
margin-bottom: 1.5em;
}
/************************************
****　エントリーカード
************************************/
/*a.entry-card-wrap.a-wrap.border-element.cf{
padding:0 0 .5em;
border-radius:10px;
width:48%;
margin-bottom:2em;
}
a.entry-card-wrap.a-wrap{
transition: all .1s;
}
a.entry-card-wrap.a-wrap:hover {
transform: translateY(-1px);
transition: all .1s;
background-color: #fff;
}
figure.entry-card-thumb.card-thumb.e-card-thumb{
max-height:150px;
border-radius:10px 10px 0 0/ 10px 10px 0 0;
overflow:hidden;
display: flex;
justify-content: center;
align-items: center;
}
.e-card-thumb .cat-label{
margin-left:.8em;
}
@media screen and (max-width: 1100px){
figure.entry-card-thumb.card-thumb.e-card-thumb{
max-height:120px;
}}
@media screen and (max-width: 1023px){
figure.entry-card-thumb.card-thumb.e-card-thumb{
max-height:180px;
}
a.entry-card-wrap.a-wrap:hover {
transform: none;
background-color: #f7f7f7;
}}
@media screen and (max-width: 900px){
figure.entry-card-thumb.card-thumb.e-card-thumb{
max-height:160px;
}}
@media screen and (max-width: 750px){
figure.entry-card-thumb.card-thumb.e-card-thumb{
max-height:130px;
}}
@media screen and (max-width: 600px){
figure.entry-card-thumb.card-thumb.e-card-thumb{
max-height:250px;
}
a.entry-card-wrap.a-wrap.border-element.cf{
margin:.5em 1em!important;
}
.ect-vertical-card .entry-card-wrap {
width: 95%!important;
}
}
@media screen and (max-width: 480px){
.e-card-thumb .cat-label{
margin-left:1em;
}}
@media screen and (max-width: 1023px){
div#list a {
box-shadow: 0px 1px 5px 0 rgba(0,0,0,.2);
}
}
@media screen and (min-width: 601px) and (max-width: 834px){
div#content.content.cf{
margin:1em;
}}*/
h2.entry-card-title.card-title.e-card-title{
font-size:18px;
/*color:#696969;*/
font-weight:bold;
/*text-align:center;
line-height:1.8em;*/
margin-top:1em;
margin-bottom:1em;
/*padding: 0 1.5em 0;*/
padding: 0 1.0em 0;
}
.entry-card-snippet{
-webkit-line-clamp: unset;
}
.entry-card-snippet.card-snippet.e-card-snippet{
font-size:14px;
color:#7b7b7b;
text-align:left;
border-top:3px dotted #90C31F;
line-height:1.8em;
padding-top:0.6em;
/*margin-left:2em;
margin-right:2em;*/
margin-left:1em;
margin-right:1em;
margin-bottom:2em;
max-height:20em;
}
@media (max-width:834px){
h2.entry-card-title.card-title.e-card-title{
font-size: 1.15em;
font-weight:bold;
line-height:1.7em;
padding: 1.5em .8em 1em;
margin:0;
}
.entry-card-snippet.card-snippet.e-card-snippet{
font-size:13px;
text-align:center;
border-top:3px dotted #79c06e;
line-height:1.8em;
padding:1em 0.5em 0;
margin: 0 1em 1.5em;
}
main.main, div.sidebar {
padding:0;
}
}
a.entry-card-wrap.a-wrap.border-element.cf .post-date,
a.entry-card-wrap.a-wrap.border-element.cf .post-update{
margin-right:1.5em!important;
color:#7b7b7b;
font-size:.86em;
}

/*カテゴリーラベルの色変更はこちら*/
.eye-catch .cat-label, .cat-label{
font-size:.7em;
border-radius:10px;
margin:0.5em;
padding:0 0.5em 0;
background-color:#90C31F;
color:#fff;
}
/*閲覧数を非表示*/
div.admin-pv{
display:none;
}

/************************************
****　リスト
************************************/
.article ul:not(li ul,.toc-list,dd ul,.widget ul){
background: #F7F7F7;
line-height:2;
border-radius: 4px;
border:1.5px dashed;
border-color:#93b69c; 
padding: 1.5em;
padding-left:3em;
}
.article ul li:not(.toc-list li,.toc-list ul li,.faq li){
margin: 0em;
}
@media (max-width:600px){
.article ul:not(li ul,.toc-list,dd ul,.widget ul){
padding-left:2.5em;
}
}
.article li ul{
padding-left:1em;
}
/************************************
****　番号付きリスト
************************************/
.article ol:not(li ol,.toc-list,dd ol,.widget ol){
background: #F7F7F7;
line-height:2;
border-radius: 4px;
border:1.5px dashed;
border-color:#93b69c; 
padding: 1.5em;
padding-left:3em;
}
.article ol li:not(.toc-list li,.toc-list ol li,.faq li){
margin: 0em;
}
@media (max-width:600px){
.article ol:not(li ol,.toc-list,dd ol,.widget ol){
padding-left:2.5em;
}
}
.article li ol{
padding-left:1em;
}

/************************************
****　記述リスト
************************************/
/*.article dl:not(.faq){
background: #F7F7F7;
line-height:2;
border-radius: 4px;
border:1.5px dashed;
border-color:#93b69c;
padding: 1.5em;
margin: 3em 0;
}
.article dt:not(.faq-question)::before{
content: '✔ ';
font-size: 20px;
color: #90c31f;
}
.article dd {
margin-left:5px;
}
.article dd ul,.article dd ol{
padding-left: 1.2em;
margin-bottom: 0;
}
.article dl p{
margin-bottom: 0;
}
@media (max-width:600px){
.article dd ul,.article dd ol{
padding-left: .9em;
}
}*/

/************************************
****　サイドバーブログカード
************************************/
.sidebar a.popular-entry-card-link.a-wrap{
margin:0;
padding:0;
}
.sidebar figure.popular-entry-card-thumb.widget-entry-card-thumb.card-thumb{
margin:.5em 0em .5em .2em;
}
.sidebar div.popular-entry-card-content.widget-entry-card-content.card-content{
padding:.5em .5em .5em .8em;
/*text-align: justify;*/
line-height:1.3;
}
.sidebar .popular-entry-cards.widget-entry-cards.no-icon.cf {
margin-bottom: 0;
}

/* 引用カスタム＝＝＝ここから↓↓ */
blockquote{
  background: #EFEFEF;/*背景色を少し濃いめの灰色に*/
  border-radius: 5px; /*角を丸める*/
}
blockquote:before{ /*上の引用アイコン*/
  position: absolute;
  font-family: FontAwesome;
  content: '\f10d';
  top: 10px;/*上からの距離*/
  left: 10px;/*左からの距離*/
  color: silver;
  font-size: 1.5em;
}
blockquote:after{ /*下の引用アイコン*/
  position: absolute;
  font-family: FontAwesome;
  content: '\f10e';
  bottom: 20px;/*下からの距離*/
  right: 10px;/*右からの距離*/
  color: silver;
  font-size: 1.5em;
}
/* 引用カスタム＝＝＝ここまで↑↑ */
/************************************
****　記事本文　ブログカード　ラベル
************************************/
.bct-related .blogcard-label,/*関連記事*/
.bct-reference .blogcard-label,/*参考記事*/
.bct-reference-link .blogcard-label,/*参考リンク*/
.bct-popular .blogcard-label,/*人気記事*/
.bct-together .blogcard-label,/*あわせて読みたい*/
.bct-detail .blogcard-label,/*詳細はこちら*/
.bct-check .blogcard-label,/*チェック*/
.bct-pickup .blogcard-label,/*ピックアップ*/
.bct-official .blogcard-label,/*公式サイト*/
.bct-dl .blogcard-label{/*ダウンロード*/
display: inline !important;
/*background-color: #90C31F;*/
background-color: #E55937;
margin-left:.5em;
}
@media screen and (max-width: 600px){
.blogcard-label{
margin-left:-0.3em!important;
}
}
.bct-dl .blogcard-label{/*ダウンロード*/
background-color: blue;
}
/************************************
****　記事本文　ブログカード
************************************/
.blogcard {
padding-bottom:.8%;
border: 0px solid whitesmoke;
border-radius:4px;
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 30%);
}
a.blogcard-wrap.internal-blogcard-wrap.a-wrap.cf,
a.blogcard-wrap.external-blogcard-wrap.a-wrap.cf{
transition: all 200ms;
}
a.blogcard-wrap.internal-blogcard-wrap.a-wrap.cf:hover,
a.blogcard-wrap.external-blogcard-wrap.a-wrap.cf:hover{
background-color: #fafafa;
box-shadow:none;
transform: none;
}
.blogcard-footer {
padding-top: 2%;
}
.blogcard:before {
display:none;
}
.internal-blogcard::after,
.external-blogcard::after{
content: "続きを読む ≫"; 
position: absolute;
bottom: 0.7em;
right: 1em;
font-size: 0.7em;
background-color: #8b968d;
/*background-color: #394F63;*/
padding: .4em 3em;
font-weight: bold;
color: #fff;
border-radius: 2px;
}
.blogcard-content{
max-height: none;
}
.blogcard-date{
display:none;
}
.blogcard-title {
font-size:1em;
padding:.2em .2em 0;
line-height:1.4em;
text-align: justify;
}
.blogcard-snippet {
padding:0em .5em;
color:#7b7b7b;
text-align: justify;
}
@media screen and (max-width: 1023px){
.blogcard-title {
padding:.3em .3em 0em .2em;
line-height:1.5em;
}
.blogcard-snippet {
font-size:.9em;
margin-top:.3em;
}
}
@media screen and (max-width: 960px){
.blogcard-title {
padding:.3em .3em .2em .2em;
line-height:1.5em;
}
.blogcard-snippet{
font-size:.8em;
max-height:15em;
}
}
@media screen and (max-width: 834px){
.blogcard-title {
font-size:1.1em;
padding:.2em .3em .5em .2em;
}
.blogcard-snippet {
font-size:.9em;
}
}
@media screen and (max-width: 740px){
.blogcard-title {
padding:.3em;
}
}
@media screen and (max-width: 673px){
.blogcard-title {
padding:.3em .5em 1em .2em;
line-height:1.8em;
}
.blogcard-snippet {
display:none;
}
}
@media screen and (max-width: 480px){
.blogcard {
padding-bottom: 2%;
}
.blogcard-title {
padding:.1em .4em 0em .1em;
line-height:1.5em;
}
.blogcard-footer {
padding-top: 5%;
}
}
@media screen and (max-width: 410px){
.blogcard-domain{
max-width: 11em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}}
@media screen and (max-width: 375px){
.blogcard-domain{
max-width: 9em;
}}

/************************************
****　目次
************************************/
.toc {
  border: 1px solid var(--cocoon-basic-border-color);
  font-size: 0.9em;
	font-weight: bold;
  padding: 1em 1.6em;
  display: table;
}
.toc-list > li a::before {
font-family: "Font Awesome 5 Free";
content : "\f144";
margin-right: 7px;
}
.toc-list > li li a {
font-weight: normal;
font-size: 95%;
margin-top:0;
margin-left: 2em;
}
.toc-list > li li a::before {
content: "";
width: 7px;
height: 7px;
left: -2px;
display: inline-block;
border-radius: 50%;
background: #90C31F;
position: relative;
margin-bottom: 2px;
}
@media (max-width:880px){
.toc-list > li a {
margin-left: -10px;
}
.toc-list > li li a {
margin-left: -2em;
}
.toc-list > li li a::before {
left: 3px;
margin-bottom:1px;
}
}
.toc a:hover {
color: #333333;
text-decoration: underline;
}


/************************************
****　サイドバー
************************************/
#sidebar>.widget{
border-radius:10px;
}
.widget_search{
padding:0;
}
span.fas.fa-search::before{
color:#90C31F;/*検索マーク色変更はこちら*/
}
.sidebar h3{
color:#7b7b7b;
border-radius: 0%;
border-bottom:3px dotted;
border-color:#90C31F;/*タイトル下のライン色変更はこちら*/
padding-bottom:0.3em;
margin-top:-0.5em;
margin-bottom:1em;
}
.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a {
background-color:#f7f7f7;
margin: 6px 0;
padding: 4px 10px;
border-radius:20px;
transition: 0.4s
}
.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{
background-color:#90C31F;/*マウスオーバー時の背景色変更はこちら*/
color:#fff!important;
}
.tagcloud a{
background-color:#f7f7f7;
}
.tagcloud a:hover{
background-color:#90C31F;/*マウスオーバー時の背景色変更はこちら*/
color:#fff!important;
transition: 0.4s ;
}
.nwa .recommended.rcs-card-margin a {
margin: 0 0 1em;
width: 90%;
}
.widget-entry-cards .widget-entry-card-content{
color: #565656;
}

/************************************
****　本文下　関連記事
************************************/
.e-card-title {
font-weight: bold;
color:#337AB7;
}
.related-entry-card-content {
margin-left: 190px;
margin-right: 5px;
}
a.related-entry-card-wrap.a-wrap.border-element.cf:hover{
background-color: #fafafa;
transform: none;
transition: all 200ms;
}
.related-entry-card .cat-label{
display:none;
}
@media screen and (max-width: 480px){
.related-entry-card-thumb {
margin-right: 1em;
}
.e-card-title {
font-size: 15px;
line-height: 1.8;
}
article.related-entry-card.e-card.cf {
margin-left: .5em;
margin-right: .3em;
}
}
aside#related-entries.related-entries.rect-entry-card{
margin-bottom: 0;
}

.sns-share-message:before, .sns-follow-message:before, span.related-entry-main-heading.main-caption:before, .comment-title:before {
letter-spacing:.3em;
border-radius:20px;
border: 0;
padding: 0;
background-color:#3f5569;
color:#fff;
display: inline-block;
width: 40%;
}

/************************************
****　次のページボタン
************************************/
.pagination-next-link{
transition:0.4s;
}
@media (max-width:1023px){
.pagination-next-link{
box-shadow: 0px 1px 5px 0 rgba(0,0,0,.2);
}
}
@media (max-width:600px){
.pagination-next-link{
width:92%;
margin-right:auto;
margin-left:auto;
}
}
.pagination-next-link:hover{
background-color:#f7f7f7;
transition:0.3s;
}
.pagination-next-link:hover{
background-color:#3B5B78;/*色の変更はこちら*/
color:#fff;
box-shadow: 0px 1px 5px 0 rgba(0,0,0,.2);
}
.pagination .current {
background-color: #3B5B78;/*色の変更はこちら*/
}
.page-numbers.current{
color:#fff;
box-shadow: 0 1px 2px slategrey;
}
.pagination a:hover {
background-color: #3B5B78;/*色の変更はこちら*/
transition: all 0.3s;
color: #fff;
}
a.page-numbers:hover {
transform: none;
box-shadow: 0 1px 1px slategrey;
}
/************************************
****　フッターモバイル用おすすめカード
************************************/
div.footer-mobile div.navi-entry-card.widget-entry-card.e-card.cf{
max-height:300px;
margin:0;
}
div.footer-mobile div.navi-entry-card-title.widget-entry-card-title.card-title{
font-size:.85em;
padding: .6em .5em;
}

/************************************
****　FAQ　角型ラベル
************************************/
.is-style-square {
    background-color: #f7f7f7;/*背景色の変更はこちら*/
}
.is-style-square div.faq-question-label.faq-item-label{
    background-color: #D55656;
    font-size: 16px;
    padding: 3px 8px;
    border-radius: 10%;
    font-weight: bold;
}
.is-style-square div.faq-answer-label.faq-item-label{
    background-color: #6599B7;
    font-size: 16px;
    padding: 3px 8px;
    border-radius: 10%;
    font-weight: bold;
}
/************************************
****　アピールエリア
************************************/


/************************************
****　引用
************************************/
blockquote:before {
	display: inline-block;
	position: absolute;
	top: 0px;
	left: 0px;
	/*top: -20px;
	left: -20px;*/
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	content: "\f10d";
	font-family: "Font Awesome 5 Free";
	/*background: #EFEFEF;
	color: #333333;*/
	font-size: 22px;
	font-weight: 900;

}
blockquote:after {
		display: inline-block;
	position: absolute;
	bottom: -0px;
	right: -0px;
	width: 40px;
	/*bottom: -20px;
	right: -20px;*/
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	content: "\f10e";
	font-family: "Font Awesome 5 Free";
	/*background: #EFEFEF;
	color: #333333;*/
	font-size: 22px;
	font-weight: 900;
}
/************************************
****　おすすめカード
************************************/
.grecaptcha-badge { visibility: hidden; }
/************************************
****　コードコピーボタン
************************************/

/*----- Copy Button -----*/
/*.wp-block-code {
    position: relative;
    margin: 1em 0;
}*/

/*.wp-block-code code {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}*/
/* コピーボタンの基本スタイル */
/*.copy-button {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 6px 12px;
    font-size: 12px;
    color: #fff;
    background-color: rgba(52, 152, 219, 0.8);
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
}*/

/* ホバー時のスタイル */
/*.copy-button:hover {
    background-color: rgba(52, 152, 219, 1);
    transform: translateY(-1px);
}*/

/* コピー成功時のスタイル */
/*.copy-button.copied {
    background-color: #27ae60;
}*/

/************************************
****　アフェリエイトボタン
************************************/
.cocoon-cta{
  border:1px solid rgba(0,0,0,.12);
  padding:16px;
  border-radius:10px;
  margin:1.5em 0;
}
.cocoon-cta .wp-block-buttons{ margin-top:10px; }
.cocoon-cta .wp-block-heading{ margin-top:0; }
.cocoon-cta small{ opacity:.85; }
.cocoon-cta .is-style-outline .wp-block-button__link{
  border-width:1px;
}

/* =========================================================
   logicalyze.com 追加CSS（ブランド v5：白地・黒文字・青緑1色）
   貼る場所：外観 → カスタマイズ → 追加CSS（いちばん下に貼る）
   正本：Vault の 70_Web/logicalyze-com/additional.css
   元に戻すとき：このブロック（ここから「ここまで」）を消すだけ
   ========================================================= */
:root{
  --lz-ink:#1A1A1A; --lz-muted:#5F6368; --lz-line:#E1E3E6; --lz-surface:#F5F6F8;
  --lz-accent:#0A737A; --lz-accent-bright:#2BB8B0; --lz-accent-soft:#E3F4F3; --lz-caution:#B45309;
  --lz-radius:8px;
}

/* ---------- 土台 ---------- */
body.public-page{ background-color:var(--lz-surface); color:var(--lz-ink); --cocoon-text-color:var(--lz-ink); }
.main, .sidebar{ border-radius:var(--lz-radius); }
a{ color:var(--lz-accent); }
a:hover{ color:var(--lz-accent); }
::selection{ background:var(--lz-accent-soft); }

/* ---------- ナビ ---------- */
#navi .navi-in a{ color:var(--lz-ink); font-weight:700; letter-spacing:.02em; }
#navi .navi-in a:hover{ background-color:transparent; color:var(--lz-accent); }
#navi .navi-in > ul > li > a{ border-bottom:2px solid transparent; }
#navi .navi-in > ul > li > a:hover{ border-bottom-color:var(--lz-accent); }

/* ---------- 記事の一覧（カード） ---------- */
.e-card-title{ color:var(--lz-ink); line-height:1.55; }
a.entry-card-wrap:hover .e-card-title,
a.related-entry-card-wrap:hover .e-card-title{ color:var(--lz-accent); }
.entry-card-snippet.card-snippet.e-card-snippet{ border-top:1px solid var(--lz-line); color:var(--lz-muted); text-align:left; }
a.entry-card-wrap.a-wrap.border-element.cf .post-date,
a.entry-card-wrap.a-wrap.border-element.cf .post-update{ color:var(--lz-muted); }
.entry-card-thumb img, .related-entry-card-thumb img, .widget-entry-card-thumb img{ border-radius:6px; }

/* ---------- カテゴリー・タグのラベル ---------- */
.eye-catch .cat-label, .cat-label{
  background-color:var(--lz-accent); color:#fff; border:0; border-radius:4px;
  font-weight:700; padding:.15em .7em; margin:.6em; letter-spacing:.04em;
}
a.cat-link{
  background:var(--lz-accent)!important; color:#fff!important; border-radius:4px;
  padding:.2em .8em; font-weight:700; margin:.3em;
}
a.tag-link{
  background:#fff!important; color:var(--lz-muted)!important; border:1px solid var(--lz-line);
  border-radius:4px; padding:.15em .7em; margin:.3em;
}
a.tag-link:hover{ border-color:var(--lz-accent); color:var(--lz-accent)!important; }

/* ---------- 記事：タイトルまわり ---------- */
.article-header h1{ text-align:left; color:var(--lz-ink); line-height:1.5; font-size:1.6em; padding:1.2em .2em .8em; letter-spacing:.02em; }
.eye-catch{ box-shadow:none; }
.eye-catch img{ border-radius:var(--lz-radius); }
.date-tags{ color:var(--lz-muted); }

/* ---------- 記事：本文 ---------- */
.article .entry-content{ line-height:1.9; letter-spacing:.03em; }
.article .entry-content > p{ margin-bottom:1.6em; }
.article .entry-content a{ text-underline-offset:.2em; }
.article strong{ font-weight:700; }
.article .marker, .article .marker-under{ background:linear-gradient(transparent 62%, var(--lz-accent-soft) 62%); }

/* 見出し：飾りを減らし、線で区切る */
.article h2{
  background-color:transparent; color:var(--lz-ink); border-left:0; border-radius:0;
  border-bottom:2px solid var(--lz-ink); padding:0 0 .5em; line-height:1.5; font-size:1.5em;
  margin-top:3.2em; margin-bottom:1.4em; letter-spacing:.02em;
}
.article h3{
  color:var(--lz-ink); border:0; border-left:4px solid var(--lz-accent); border-radius:0;
  padding:.1em 0 .1em .7em; line-height:1.5; font-size:1.25em; margin-top:2.6em; margin-bottom:1.1em;
}
.article h4{
  background-color:transparent; color:var(--lz-ink); border-radius:0; padding:0 0 .4em;
  border-bottom:1px solid var(--lz-line); line-height:1.5; font-size:1.08em; margin-top:2.2em; margin-bottom:1em;
}
.article h5{ background:transparent; color:var(--lz-ink); padding:0; line-height:1.6; font-size:1em; border:0; }

/* 箇条書き：点線の枠をやめ、淡い面にする */
.article ul:not(li ul,.toc-list,dd ul,.widget ul),
.article ol:not(li ol,.toc-list,dd ol,.widget ol){
  background:var(--lz-surface); border:0; border-radius:var(--lz-radius); line-height:1.9; padding:1.2em 1.4em 1.2em 2.6em;
}
.article li::marker{ color:var(--lz-accent); font-weight:700; }

/* 囲み */
.haikei{ background-color:var(--lz-surface); border-radius:var(--lz-radius); }
.kakomi{ background:#fff; border:1px solid var(--lz-line); border-radius:var(--lz-radius); }
.article .is-style-memo-box, .article .memo-box,
.article .is-style-information-box, .article .information-box{
  background:var(--lz-accent-soft); border:0; border-left:4px solid var(--lz-accent);
  border-radius:0 var(--lz-radius) var(--lz-radius) 0; color:var(--lz-ink);
}
.article .is-style-memo-box::before, .article .memo-box::before,
.article .is-style-information-box::before, .article .information-box::before{ color:var(--lz-accent); border-right-color:rgba(10,115,122,.25); }
.article .is-style-alert-box, .article .alert-box,
.article .is-style-warning-box, .article .warning-box{
  background:#FBF1E6; border:0; border-left:4px solid var(--lz-caution);
  border-radius:0 var(--lz-radius) var(--lz-radius) 0; color:var(--lz-ink);
}
.article .is-style-alert-box::before, .article .alert-box::before,
.article .is-style-warning-box::before, .article .warning-box::before{ color:var(--lz-caution); border-right-color:rgba(180,83,9,.25); }
blockquote{ background:var(--lz-surface); border:0; border-left:4px solid var(--lz-line); border-radius:0 var(--lz-radius) var(--lz-radius) 0; color:var(--lz-ink); }
blockquote::before, blockquote::after{ color:#C9CDD2; }

/* 表・コード */
.article table{ border-collapse:collapse; }
.article table:not(.has-border-color) th, .article table:not(.has-border-color) td{ border-color:var(--lz-line); }
.article table th{ background-color:var(--lz-surface); color:var(--lz-ink); font-weight:700; }
.article table tr:nth-of-type(2n+1){ background-color:transparent; }
.article :not(pre) > code{ background:var(--lz-surface); border:1px solid var(--lz-line); border-radius:4px; padding:.1em .4em; font-size:.92em; color:var(--lz-ink); }
.article pre{ border-radius:var(--lz-radius); }

/* 目次 */
.article .toc{ border:1px solid var(--lz-line); border-radius:var(--lz-radius); background:var(--lz-surface); }
.toc-title{ font-weight:700; color:var(--lz-ink); }
.toc-list > li li a::before{ background:var(--lz-accent); width:5px; height:5px; margin-bottom:3px; margin-right:.5em; }
.toc a{ color:var(--lz-ink); }
.toc a:hover{ color:var(--lz-accent); }

/* ブログカード（内部リンク・外部リンク） */
.blogcard, .a-wrap .blogcard{ box-shadow:none; border:1px solid var(--lz-line); border-radius:var(--lz-radius); padding:.8em; }
.blogcard-type .blogcard-label,
.bct-related .blogcard-label, .bct-reference .blogcard-label, .bct-reference-link .blogcard-label,
.bct-together .blogcard-label, .bct-popular .blogcard-label, .bct-pickup .blogcard-label, .bct-check .blogcard-label{
  background-color:var(--lz-accent); color:#fff; border-radius:4px;
}
.internal-blogcard::after, .external-blogcard::after{ background-color:transparent; color:var(--lz-accent); padding:.4em 0; }
.blogcard-title{ color:var(--lz-ink); }
.blogcard-snippet{ color:var(--lz-muted); text-align:left; }
a.blogcard-wrap.internal-blogcard-wrap.a-wrap.cf:hover,
a.blogcard-wrap.external-blogcard-wrap.a-wrap.cf:hover{ background-color:transparent; }
a.blogcard-wrap:hover .blogcard{ border-color:var(--lz-accent); }

/* よくある質問 */
.is-style-square{ background-color:var(--lz-surface); border-radius:var(--lz-radius); }
.is-style-square div.faq-question-label.faq-item-label{ background-color:var(--lz-ink); border-radius:4px; }
.is-style-square div.faq-answer-label.faq-item-label{ background-color:var(--lz-accent); border-radius:4px; }

/* ---------- サイドバー ---------- */
.sidebar h2, .sidebar h3{
  color:var(--lz-ink); font-weight:700; border-bottom:2px solid var(--lz-ink); border-radius:0;
  padding:0 0 .45em; font-size:1em; letter-spacing:.04em; background-color:transparent;
}
.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a,
.widget_pages ul li a, .widget_meta ul li a, .widget_nav_menu ul li a{
  background-color:transparent; border-radius:0; border-bottom:1px solid var(--lz-line); margin:0; padding:.55em .2em; color:var(--lz-ink);
}
.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_nav_menu ul li a:hover{
  background-color:transparent; color:var(--lz-accent)!important;
}
.tagcloud a{ background-color:#fff; border:1px solid var(--lz-line); border-radius:4px; color:var(--lz-muted); }
.tagcloud a:hover{ background-color:#fff; color:var(--lz-accent)!important; border-color:var(--lz-accent); }
.widget-entry-cards .widget-entry-card-content{ color:var(--lz-ink); }
span.fas.fa-search::before{ color:var(--lz-accent); }
.search-edit{ border-color:var(--lz-line); border-radius:var(--lz-radius); }
.author-box .author-name a{ color:var(--lz-ink); }

/* ---------- 記事の下（シェア・関連記事・ページ送り） ---------- */
.sns-share-message:before, .sns-follow-message:before,
span.related-entry-main-heading.main-caption:before{ background-color:var(--lz-ink); border-radius:4px; }
.pagination-next-link{ box-shadow:none; border:1px solid var(--lz-line); border-radius:var(--lz-radius); color:var(--lz-ink); }
.pagination-next-link:hover{ background-color:var(--lz-accent); color:#fff; box-shadow:none; }
.pagination .current, .page-numbers.current{ background-color:var(--lz-accent); color:#fff; box-shadow:none; border-color:var(--lz-accent); }
.pagination a:hover{ background-color:var(--lz-accent-soft); color:var(--lz-accent); }
.page-numbers{ border-color:var(--lz-line); border-radius:4px; }
.pager-post-navi a.a-wrap::before{ color:var(--lz-muted); }

/* ---------- フォーム・ボタン ---------- */
.haveto{ background:var(--lz-accent); border-radius:4px; }
#formbtn{ background:var(--lz-accent); color:#fff; border-radius:var(--lz-radius); }
#formbtn:hover{ background:#085D63; color:#fff; border-radius:var(--lz-radius); box-shadow:none; }
.go-to-top-button{ background-color:var(--lz-ink); color:#fff; border-radius:var(--lz-radius); }
.go-to-top-button:hover{ background-color:var(--lz-accent); color:#fff; }
:focus-visible{ outline:3px solid var(--lz-accent); outline-offset:2px; }

/* ---------- フッター ---------- */
#footer{ border-top:1px solid var(--lz-line); color:var(--lz-muted); }
#footer a:not(.sns-button){ color:var(--lz-ink); }
#footer a:not(.sns-button):hover{ background-color:transparent; color:var(--lz-accent); }

/* ---------- スマホ ---------- */
@media screen and (max-width:834px){
  .article-header h1{ font-size:1.35em; padding:1em 0 .6em; }
  .article h2{ font-size:1.3em; margin-top:2.6em; }
  .article h3{ font-size:1.15em; }
  .article .entry-content{ line-height:1.85; }
  .article ul:not(li ul,.toc-list,dd ul,.widget ul),
  .article ol:not(li ol,.toc-list,dd ol,.widget ol){ padding:1em 1em 1em 2.2em; }
}
/* ---------- ヘッダー：白地・左にロゴ・右にメニューの1行（A2） ----------
   先に Cocoon 設定 → ヘッダー で、ロゴ画像を 60_Design/logo/official/logicalyze-logo.png に替える。
   背景の写真と高さは、この CSS が打ち消すので、設定は残っていても表示されない（あとで設定からも外すとよい） */
#header-container{ background:#fff; border-bottom:1px solid var(--lz-line); }
.header{ background-image:none!important; background-color:#fff!important; }
.header .header-in{ min-height:0!important; }
.logo-header{ padding:0; margin:0; }
.header .site-logo-image{ height:50px!important; width:auto!important; max-height:none; display:block; }
@media screen and (min-width:1024px){
  #header-container-in.hlt-center-logo-top-menu{
    display:flex!important; flex-direction:row!important; align-items:center; justify-content:space-between;
    max-width:1256px; margin:0 auto; padding:6px 8px;
  }
  #header-container-in #header{ order:0!important; flex:0 0 auto; width:auto!important; }
  #header-container-in #navi{ order:1!important; flex:1 1 auto; width:auto!important; }
  .header .header-in{ padding:0; width:auto!important; margin:0; }
  #navi .navi-in{ width:auto!important; }
  #navi .navi-in > .menu-header{ display:flex; justify-content:flex-end; }
  #navi .navi-in > ul > li{ width:auto!important; }
  #navi .navi-in > ul > li > a{ padding:0 14px; font-size:15px; }
}
@media screen and (max-width:1023px){
  .header .header-in{ padding:8px 0; display:flex; justify-content:center; }
  .header .site-logo-image{ height:44px!important; }
}

/* ===================== ここまで ===================== */
/* スマホの記事一覧：タイトルの4行目が日付の上に見えるのを直す */
@media screen and (max-width:834px){
  h2.entry-card-title.card-title.e-card-title{ padding:0 .8em; margin:1.3em 0 .9em; line-height:1.6; }
}
/* 固定ページ（プロフィール・お問い合わせなど）では投稿日・更新日を出さない */
body.page .article-header .date-tags{ display:none; }