@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){
  /*必要ならばここにコードを書く*/
}
  /*目次カスタマイズここから*/
.toc {
    border: 1px solid #666;
    font-size: 0.9em;
    line-height: 1.5;
    padding: 0;
    margin-bottom: 1em;
    display: table;
    margin-left: auto;
    margin-right: auto;
}
.toc-title {
    background: #666; /*目次タイトルの背景色*/
    color: #fff; /*目次タイトルの文字色*/
    font-size: 1.1em;
    text-align: center;
    padding: 6px 16px;
}
.toc-title::before {
    font-family: FontAwesome;
    content: '\f0ca'; /*目次タイトルのアイコン*/
    margin-right: 0.5em;
}
.toc-content {
    padding: 8px;
}
.toc ul li a, .toc ol li a {
    display: block;
    border-bottom: 1px dashed #666; /*h3以下の下側ボーダー*/
    margin-left: -20px;
    padding-left: 20px;
}
.toc ul.toc-list>li, .toc ol.toc-list>li {
    margin-top: 1em;
}
.toc ul.toc-list>li>a, .toc ol.toc-list>li>a {
    border-bottom: 2px solid #666; /*h2の下側ボーダー*/
    font-weight: bold;
}
 /*目次カスタマイズここまで*/

 /*--良い点悪い点ここから--*/
ul.point55{border:3px solid #009688;background:#e0f2f1;margin:3em 0 1em 0;padding:0.5em 0 0 0;position:relative;border-radius:0 16px 0px 16px;}
ul.point55::before{content:'良い点・悪い点';position:absolute;top:-2.1em;left:-3px;display:inline-block;background:#009688;color:#fff;padding:0.1em 8px 0 8px;line-height:2em;font-weight:bold;}
ul.point55 li{list-style-type:none;margin:0 1em 0.2em 1em;padding:0.2em 0 0.2em 1em;}
ul.point55 li:not(:last-of-type){border-bottom:3px dotted #00796b;}
ul.point55 li::before{display:inline-block;font-family:FontAwesome;text-indent:-1em;}
ul.point55 li.good::before{content:'\f10c';color:#4caf50;text-indent:0;margin:0 0.5em 0 -1em;}
ul.point55 li.bad::before{content:'\f00d';color:#f44336;text-indent:0;margin:0 0.5em 0 -1em;}
/*--良い点悪い点ここまで--*/

 /*内部リンク本文消す*/
.internal-blogcard-snipet {
  display: none;
}
 /*内部リンク本文消すここまで*/

/*外部リンク本文消す*/
.external-blogcard-snipet {
  display: none;
}
 /*外部リンク本文消すここまで*/

 /*ボタンに影をつけるここから*/
.btn{
	box-shadow: 0 7px 10px -5px rgba(0,0,0,0.5);
}
 /*ボタンに影をつけるここまで*/

/*表カスタマイズここから*/
.entry-content table {
  border-collapse: collapse;
	max-width: 500px
}
.entry-content th {
  border: solid 1px #999999 !important;
  color: #000000;
  background-color: #f5f5f5;
}
.entry-content td {
  border: solid 1px #999999 !important;
  color: #000000;
  text-align: center;
  background-color: #ffffff;
}
.entry-content thead th {
  background-color: #656565;
  color: #FFFFFF;
}
 /*表カスタマイズここまで*/

 /*CTA BOXカスタマイズここから*/
.cta-box {
border: solid 1px #9d9d9d;
border-radius: 8px;
background-color: #fff;
color:#444;
font-size: 16px
}
 /*CTA BOXカスタマイズここまで*/

/*中心表示*/
.img_center {
 	text-align: center;
}