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

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


/********* 自作 目次タグ ***************************************/
@media screen and (min-width: 599px){/*ディスクトップ用*/
  ol.mokuji {
    padding: 3% 3% 2% 39px;
    margin: 3% 3% 2% 3%;
    background-color: #eeffee;
    border: 5px solid #003300;
    border-radius: 20px/20px;
  }
}

@media screen and (max-width:599px) {/*スマホ用*/
  ol.mokuji {
    padding: 3% 3% 2% 29px;
    margin: 3% 3% 2% 3%;
    background-color: #eeffee;
    border: 5px solid #003300;
    border-radius: 13px/13px;
  }
}

code {
  background-color: #E8E8E8;
}

.my-center {
  text-align: center;
}

table,
th,
td {
  border: 1px solid rgba(51, 51, 51, 1);
}

table th, .scrollable-table th {
  color: black;
  background: initial;
}

/***lazy img 高さ固定***/
img.mgotec-content-pc {
  height: 288px;
  object-fit: scale-down;
}

img.mgotec-top-thumb-pc {
  height: 170px;
  object-fit: scale-down;
}

/***iframe lazy 画角固定***/
iframe.mgotec-iframe-lazy {
  width: 500px;
  height: 400px;
}

/***コメント欄の「メールアドレスは公開されません」という文言を非表示***/
.comment-notes {
  display: none;
}

/***アドセンス自動広告の余白***/
.google-auto-placed {
  margin-top: 2em!important;
  margin-bottom: 2em!important;
}

/***ヘッダ領域のキャッチフレーズの２行目表示***/
.tagline:after {
   content: "素人ながらコード紹介しています。古い記事のものは動かないかも…";
   display: block;
}