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

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

/* アーカイブのリンク内を左詰めにして横に並べる */
.widget_archive ul li {
	border-bottom: #ccc 1px solid;
}
.widget_archive ul li:last-child {
	border-bottom: none;
}
.widget_archive ul li a {
    display: flex;
    justify-content: flex-start;
}

/* 件数（数字）の装飾：年月日との間に少し隙間を空ける */
.widget_archive ul li a .post-count {
    margin-left: 4px;
}

/* 件数（数字）の前にカッコをつける */
.widget_archive ul li a .post-count::before {
    content: "(";
}

/* 件数（数字）の後ろにカッコをつける */
.widget_archive ul li a .post-count::after {
    content: ")";
}
.related-entry-card-content, .entry-card-content {
    padding-bottom: 0;
}
/* コラムの詳細ページ */
.sidebar h2, .sidebar h3 {
  background-image: linear-gradient(165deg, #46c0c9 0%, #28979f 20%);
}
.toc .toc-content {
  border: solid 1px #28979f;
}
.toc .toc-content {
  color: #28979f;
}
.toc-title {
  background: #28979f;
}
.article h2::after {
  background-image: linear-gradient(165deg, #46c0c9 0%, #28979f 20%);
}
.under-entry-content h2 {
  background-image: linear-gradient(165deg, #46c0c9 0%, #28979f 20%);
}
.article h3 {
  border-left: 8px solid #28979f;
  background: linear-gradient(to right, #91e3e9 50%, #fff 100%);
}
.article h4:before {
  color: #28979f;
}
.article h5:before {
  color: #28979f;
}
.article h6:before {
  color: #28979f;
}
.pager-post-navi a.next-post::before,
.pager-post-navi a.prev-post::before {
  background-color: #28979f;
}
.mobile-menu-buttons, .navi-menu-close-button {
  background-image: linear-gradient(135deg, #46c0c9 10%, #28979f 100%);
}
.fa {
  color:#28979f;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  .mobile-footer-menu-buttons .search-menu-button{
    display: none;

  }
}