/*
Theme Name: Cocoon Child
Theme URI: https://wp-cocoon.com/
Template: cocoon-master
Author: わいひら
Author URI: https://nelog.jp/
Description: SEO・高速化・モバイルファースト最適化済みの無料テーマ。
Tags: two-columns,left-sidebar,right-sidebar
Version: 2.5.8.3.1680143749
Updated: 2023-03-30 11:35:49

*/
.no-sidebar .content #main {
	width: 100%;
}
#container.container.cf {
  background-color: #ffffff;
}

#container{
	color: #494949;
}

/*********
 * 固定ページの更新日非表示
 * ******/
.post-250 .date-tags {
display: none;
}

/************************************
**ヘッダー
************************************/
/*.is-header-fixed .header-container .logo {
margin-top: 8px;
margin-left: -2px;
}
.header-container-in.hlt-top-menu .site-name-text {
margin-top: -10px;
}*/

/** menu **/
#menu-menu-1.menu-top.menu-header.menu-pc {
margin-top: 5px;
padding-top: 10px;
padding-right: 10px;
}
/*logo*/
div.header-container-in.hlt-top-menu .logo-header img {
margin-top: 0;
}

/************************************
**検索窓の調整
************************************/
.header-search {
width: 200px !important;
margin-left: 10px;
margin-top: 10px;
}
.header-search .search-box {
margin: 0; 
}
.header-search input[type="text"] {
padding: 4px 14px;
font-size: 15px;
border-radius: 50px 50px 50px 50px; 
/*border: 1px solid #dbdbdb;*/
}
.header-search .search-submit {
color: #00A86C;
padding: 2px 14px;
/*background: #dbdbdb;*/
border-radius: 0 50px 50px 0;
/*border: 3px solid #dbdbdb;
top: 15px;
right: 0px;*/
}

/************************************
** グローバルメニュー
************************************/
/*** フォント ***/
.navi .item-label {
  font-size: 16px;
  font-weight: bold;
}
.navi .item-label a:hover {
  background-color: none;
  transition: none;
}
.navi-in a:hover　{
  color: #ffffff;
}
/*グローバルナビメニュー マウスオーバーでアンダーライン*/
#navi .navi-in a:after{
position: absolute;/*線の位置を絶対配置に*/
content: "";/*文字はなし*/
left: 0px;/*線の位置*/
bottom: 1px;/*線の位置*/
height: 1px;/*線の高さ*/
width: 100%;/*幅いっぱいに線を引く*/
background: #00A86C;/*線の色*/
transform: scale(0,1);/*マウスオーバーの前は線を消す*/
transition: 0.3s;/*線が0→100%になるまでの秒数*/
}
#navi .navi-in a:hover:after{
transform: scale(1);/*マウスオーバー後、線を100%出す*/
}
/***　スクロール時のナビロゴサイズ ***/ 
.header-container-in.hlt-top-menu .logo-header img {
  max-height: 100%;
  height: auto;
  max-width: 210px;
  vertical-align: middle;
  margin: 20px 0;
}


/************************************
** Contents
************************************/
/*** インデックス縦列カード4列or5列 ***/
.ect-3-columns {
  justify-content: space-around;
}
.ect-3-columns .entry-card-wrap {
/*4列*/width: 24.67%;
/*5列width: 19%;*/ 
}
.ect-3-columns .entry-card-snippet {
  max-height: 4em;
  overflow: hidden;
}
.ect-3-columns .ad-area {
/*4列*/width: 24.67%;
/*5列width: 19%;*/
}
@media screen and (max-width: 559px) {
  .ect-3-columns .entry-card-wrap {
	width: 100%; /*スマホは1列*/
  }
}




/* 「新着記事」を非表示にするCSS */
/*div#list-wrap .list-new-entries {
  display: none;
}*/


/************************************
****　目次
************************************/
.toc-title{
font-weight:bold;
}
.toc-title::after {
color:#00A86C;
}
.toc-list > li a {
font-weight: bold;
display:block;
margin-top:10px;
margin-left: 10px;
}
.toc-list > li a::before {
font-family: "Font Awesome 5 Free";
content : "\f144";
margin-right: 7px;
color: #00A86C;
}
.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: #00A86C;/*こちらで緑点の色を変更できます*/
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;
}


/************************************
** タグ
************************************/
.article h1 {
margin-bottom: 50px;
}

/*.article h2 {
background-color: transparent;
padding: 0;
color: #494949;
margin-top: 60px;
margin-bottom: 20px;
}*/


.article h3 {
border-left:7px solid #00A86C;
border-right:  none;
border-top: none;
border-bottom: none;
font-size: 20px;
padding: 8px 10px;
color: #494949;
margin-top: 60px;
margin-bottom: 15px;
}

.article h4 {
border: initial;
font-size: 18px;
padding: 10px;
margin: 0;
}

.article h5 {
border: initial;
color: #494949;
margin-top: initial;
padding-left: initial;
margin-bottom: 25px;
}

.article h6 {
border-bottom: 1px solid var(--cocoon-thin-color);
color: #494949;
}

p {
margin-bottom: 0;
}

table {
margin-left: 30px;
}

/************************************
** リスト
************************************/
.h-design {
list-style: none;
padding: 0 .8em 0;
position: relative;
}
.h-design li {
margin-top: initial;
padding: .5em 0 0 .5em;
font-weight: bold;
}
.h-design li:before {
color: #99bdde;
content: "\f138";
font-family: "Font Awesome 5 Free";
font-weight: 900;
left : 0;
margin: 0;
position: absolute;
}
.h-design p {
padding-left: .7em;
padding-bottom: initial;
margin-bottom: 0;
margin-top: .5em;
}

.list-design {
border: 2px solid #99bdde;
border-radius: 10px;
list-style: none;
padding: 0 .8em 0;
position: relative;
}
.list-design li {
border-bottom: 1px dashed #b9b9b9;
margin-top: 10px;
padding: .5em 0 .5em 1.5em;
font-weight: bold;
}
.list-design li:before {
color: #99bdde;
content: "\f138";
font-family: "Font Awesome 5 Free";
font-weight: 900;
left : 1em;
margin: 0;
position: absolute;
}
.list-design li:last-of-type {
border-bottom: none;
}

/****************
タブ見出しボックス
****************/
.tab-caption-box-label{ 
border-color: red;
background-color: red;
color: #FFFFFF;
font-weight: bold;
padding: 6px 16px; /*タブ内側余白*/
font-size: 16px; /*タイトル文字の大きさ*/
font-weight: bold; /*タイトル文字の太さ*/
border-radius: 4px 4px 0px 0px;  /*タブ角丸*/
}
.tab-caption-box-content {
position: relative;  /*配置に関するもの（ここを基準に）*/
top: 1px; /*上から(1px）移動*/
border: 2px solid; /*ボックス線*/
padding: 24px 24px 0px 24px; /*ボックス内側余白*/
border-radius: 4px; /*ボックス角丸*/
border-top-left-radius: 0px; /*ボックス左上角丸*/
border-color: red;
}


/************************************
** youtube埋め込み
************************************/
.ytb {
padding: 25px;
background-color: var(--cocoon-xx-thin-color);
border-radius: var(--cocoon-badge-border-radius);
}


/************************************
**固定ページ　トップページ用
https://wp-cocoon.com/new_list/
https://omtanke11.com/cocoon-top6/
************************************/
/* 新着記事表示 large_thumb_on */
.new-entry-cards.large-thumb-on {
display: flex;
flex-wrap: wrap;
}
.new-entry-cards.large-thumb-on a {
width: 25%;
}
/1024px以下/
@media screen and (max-width: 768px){
.new-entry-cards.large-thumb-on a {
width: 50%;
margin: none;
}
}
/480px以下/
@media screen and (max-width: 480px){
.new-entry-cards.large-thumb a {
width: 100%;
margin: none;
}
}
/* 新着記事表示 large_thumb */
.new-entry-cards.large-thumb {
display: flex;
flex-wrap: wrap;
}
.new-entry-cards.large-thumb a {
width: 25%;
}
/*1024px以下*/
@media screen and (max-width: 1024px){
.new-entry-cards.large-thumb a {
width: 50%;
}
}
/*480px以下*/
@media screen and (max-width: 480px){
.new-entry-cards.large-thumb a {
width: 100%;
}
}
/* おすすめ large_thumb */
.navi-entry-cards.large-thumb {
display: flex;
flex-wrap: wrap;
}
.navi-entry-cards.large-thumb a {
width: 25%;
}
/*1024px以下*/
@media screen and (max-width: 1024px){
.navi-entry-cards.large-thumb a {
width: 50%;
}
}
/*480px以下*/
@media screen and (max-width: 480px){
.navi-entry-cards.large-thumb a {
width: 100%;
}
}

/*投稿タイトルセンタリング*/
.new-entry-card-title.widget-entry-card-title.card-title {
text-align: center;
}

/***画像DLとドラッグ禁止***/
img {
pointer-events: none;
}


/************************************
** フッター　全てセンタリング
************************************/
.footer {
  background: #303030; /*フッター背景色*/
}
.footer-bottom-logo { /*ロゴの位置調整*/
  float: none;
  bottom: auto;
  position: static;
  margin-bottom: 10px;
}
.logo.logo-footer.logo-image {
  text-align: center;
}
.footer-bottom-logo .logo-image {
  padding: 0;
  max-width: 160px; /*ロゴ画像を少し大きく*/
  margin: 0 auto;
}
.footer-bottom-content { /*メニュー＆クレジットの位置調整*/
  float: none;
  text-align: center;
}
.copyright {
  color: #aab3b9; /*クレジットの文字色*/
}