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

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

/* 見出しリセット */

/* 見出し2 */
.article h2{
background:none;
padding: 0;
}

/* 見出し3 */
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}

/* 見出し4 */
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}
.article h4::before,
.article h4::after {
   content: none;
}
/* 見出し6 */
.article h6{
border-bottom:none;
padding: 0;
}


/*見出し2をカスタマイズ*/
.article h2 {
  padding: 0.5em;/*文字周りの余白*/
  color: #010101;/*文字色*/
  background: #eaf3ff;/*背景色*/
  border-bottom: solid 3px #191970;/*下線*/
  border-top:none
  }

/*見出し3をカスタマイズ*/
.article h3 {
  /*線の種類（二重線）太さ 色*/
  border-bottom: double 8px #6495ed;
}

/*見出し4をカスタマイズ*/

.article h4 {
  /*線の種類（実線） 太さ 色*/
  border-bottom: solid 3px #87ceeb;
}

/*見出し6をカスタマイズ*/

h6 {
  position: relative;
  padding: 0.6em;
  background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
  background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
  border-radius: 7px;
}

h6:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #ffebbe;
  width: 0;
  height: 0;
}


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

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

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

/**********************
**目次のカスタマイズ
***********************/
/**目次**/
.toc {
  border: 3px solid #378cb0;
  font-size: 15px;
  padding: 0;
  display: table;
}

.toc .toc-list {
  list-style: none;
  margin-top: 0;
  padding-left: 0;
  counter-reset: toc;
}

.toc .toc-list > li {
  margin: 15px 0 15px 40px;
  padding: 0;
  font-weight: 700;
  line-height: 1.3;
  position: relative;
}

.toc .toc-list > li:before {
  position: absolute;
  left: -40px;
  top: 0;
  color: #1fa09c;
  display: inline-block;
  padding-right: 8px;
  margin-right: 8px;
  border-right: 2px solid #378cb0;
  counter-increment: toc;
  content: counter(toc, decimal-leading-zero);
}

.toc .toc-list > li ul,
.toc .toc-list > li ol {
  margin: 8px 0 8px -2px;
  padding-left: 0;
}

.toc .toc-list > li ul > li,
.toc .toc-list > li ol > li {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
}

.toc .toc-checkbox:checked ~ .toc-content {
  padding: 20px 50px;
}

.toc a {
  color: #333;
  text-decoration: none;
}

.toc a:hover {
  text-decoration: underline;
}

.toc-title {
  color: #378cb0;
  font-size: 1.1em;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 5px 0;
  font-weight: 700;
}

.toc-title:before {
  display: inline-block;
  width: 38px;
  height: 32px;
  font-family: "FontAwesome";
  font-size: .9em;
  text-align: center;
  line-height: 32px;
  content: "\f0ca";
  font-weight: 700;
}

.toc-checkbox:checked + .toc-title::after,
.toc-title::after {
  cursor: pointer;
  font-size: .8em;
  display: inline-block;
  margin-left: 0.8em;
  padding: 4px 16px;
  font-size: .7em;
  line-height: 1;
  background-color: #ccc;
  border-radius: 4px;
}

.toc-checkbox:checked + .toc-title::after {
  content: '閉じる';
}

.toc-title::after {
  content: '開く';
}

@media screen and (max-width: 480px) {
  .toc ul, .toc ol {
    padding-left: 0;
  }
  .toc-checkbox:checked ~ .toc-content {
    padding: 20px;
  }
}
/* 目次終了 */

/**********************
**固定ページ投稿日削除
***********************/
.post-2 .date-tags {
display: none;
}
.post-3 .date-tags {
display: none;
}
.post-18 .date-tags {
display: none;
}
.post-573 .date-tags {
display: none;
}
.post-1861 .date-tags {
display: none;
}

/* 新着カードを横並びにする */
/* はみ出した分を横スクロール */
.popular-entry-cards.large-thumb {
  display: flex;
  flex-direction: row;
  overflow-x: scroll;
}

/* カードのサムネイル幅200px */
.widget-entry-cards.card-large-image .a-wrap {
  flex-shrink: 0;
  max-width: 200px;
}

/* はみ出た分をスクロール可能にするコード */
.sidebar #toc-2 .toc-content {
	overflow-y: scroll; /* 縦スクロールを可能に */
	max-height: 390px; /* 目次の高さ上限 */
}

/* 内部ブログカードの抜粋文を消すコード */
.internal-blogcard-snippet{
    display: none;
}
/* 内部ブログカードこの記事を読むの追加　*/
.blogcard::after{
  content: "この記事を読む \261e";
  position: absolute;
  display: inline-block;
  bottom: 0.5rem;
  right: 2rem;
  font-size: 80%;
  background-color: #b5d0e5; 
  color: #fff;
  border-radius: 3px;
  padding: 0.4em 1.5em 0.4em 2em;
}

/* アプリーチ外観コード */
/*
 * Copyright (c) NomadWorks
 * Design: NomadCode
 * https://www.code.nomad.inc/
 */

.appreach {
  text-align: left;
  border: 1px solid #323232;
  background: #FFF;
  max-width: 100% !important;
  width: 100% !important;
  padding: 25px;
  margin: 20px auto;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.appreach:after {
  content: "";
  display: block;
  clear: both;
}

.appreach p {
  line-height: 1.8em !important;
  margin: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  padding-bottom: 0 !important;
}

.appreach a:after {
  display: none;
}

.appreach__icon {
  float: left;
  border-radius: 10%;
  overflow: hidden;
  margin: 0% 3% 0% 0% !important;
  width: 22.5% !important;
  height: auto !important;
  max-width: 100px !important;
}

.appreach__detail {
  display: inline-block;
  line-height: 1.5;
  width: 72%;
}

.appreach__detail:after {
  content: "";
  display: block;
  clear: both;
}

.appreach__name {
  font-size: 15px !important;
  color: #323232 !important;
  line-height: 1.5em !important;
  font-weight: bold !important;
  max-height: 3em;
  overflow: hidden;
}

.appreach__detail .appreach__name {
  line-height: 1.3em !important;
  padding-bottom: 5px !important;
}

.appreach__detail .appreach__info .appreach__posted {
  line-height: 1.3em !important;
  font-size: .8em !important;
}

.appreach__info {
  font-size: 12px !important;
  color: #929292 !important;
}

.appreach__posted {
  font-size: .9em !important;
}

.appreach__developper,
.appreach__price {
  margin-right: 0.5em;
}

.appreach__posted a {
  margin-left: 0.8em;
  color: #55A8DC !important;
}

.appreach__links {
  float: left;
  height: 40px;
  margin-top: 8px;
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.appreach__aslink img {
  height: 40px;
  -webkit-backface-visibility: hidden;
  margin-right: 10px;
}

.appreach__gplink img {
  height: 40px;
  -webkit-backface-visibility: hidden;
}

@media(max-width:460px) {
  .appreach {
    overflow: hidden;
    max-width: 320px !important;
  }

  .appreach__detail .appreach__name {
    line-height: 1.3em !important;
    padding-bottom: 5px !important;
    font-size: .7em !important;
  }

  .appreach__posted {
    font-size: .7em !important;
  }

  .appreach__icon {
    width: 25% !important;
  }

  .appreach__info {
    font-size: 10px !important;
  }

  .appreach__links {
    margin: auto;
    margin-top: 5px;
    float: left;
    display: table;
    padding-top: 5px;
  }

  .appreach__aslink img,
  .appreach__gplink img {
    margin-right: 2px;
    height: 40px;
  }

}