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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
a:hover{color:#69788a;}
.article h1{color:#333;}
.entry-card-title, .related-entry-card-title{color:#333;}
.entry-card-snippet, .related-entry-card-snippet{color:#333;}
.sidebar .widget_recent_entries ul li a:hover, .sidebar .widget_categories ul li a:hover, .sidebar .widget_archive ul li a:hover, .sidebar .widget_pages ul li a:hover, .sidebar .widget_meta ul li a:hover, .sidebar .widget_rss ul li a:hover, .sidebar .widget_nav_menu ul li a:hover{color:#ffb6b9;}
.sidebar .widget_recent_entries ul li a, .sidebar .widget_categories ul li a, .sidebar .widget_archive ul li a, .sidebar .widget_pages ul li a, .sidebar .widget_meta ul li a, .sidebar .widget_rss ul li a, .sidebar .widget_nav_menu ul li a{color:#333;}

.sidebar .widget_recent_entries ul li a:before, .sidebar .widget_categories ul li a:before, .sidebar .widget_archive ul li a:before, .sidebar .widget_pages ul li a:before, .sidebar .widget_meta ul li a:before, .sidebar .widget_rss ul li a:before, .sidebar .widget_nav_menu ul li a:before{color:#ffb6b9;}
#navi .navi-in a, #navi .navi-in a:hover{font-weight:300;}
#header .logo .site-name-text{font-size:1.3em;}
.page-top a{background-color:#84ccc9;color:#fff;}
.page-top a:hover{background-color:#84ccc9;color:#bbded6;}
.mobile-menu-buttons{background-color:#ffb6b9;}
.related-entry-heading:before,#comments:before{color:#84ccc9;}
.pagination-next-link, .comment-btn:hover{background-color:#84ccc9;}
.pagination-next-link, .comment-btn{border: 1px solid #84ccc9;color: #84ccc9;}
blockquote, .key-btn{background-color:#fff;border-color:#84ccc9;}
.article h1{border-bottom: 3px dotted #ffb6b9;}
.article h3 {border-left: 7px solid #48a5b5;border-right: 1px solid #48a5b5;border-top: 1px solid #48a5b5;border-bottom: 1px solid #48a5b5;padding: 12px 20px;}
.article h4 {border: none;border-bottom: 2px dotted #48a5b5;padding: 0.3em 1.6em;}
.article h4:before{font-family: "Font Awesome 5 Free";font-weight: 900;}
.article h3, .article h4, .article h5, .article h6{color:#444;}
h4 {
  position: relative;
  color: #111;
  font-size: 20px;
  line-height: 1;
  margin: 30px 0 0 0;
  padding: 14px 5px 10px 10px;
}
h4:before {
  content: "";
  position: absolute;
  background: #48a5b5;
  top: 0;
  left: 10px;
  height: 12px;
  width: 12px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
h4:after {
  content: "";
  position: absolute;
  background:#8cd2d1;
  top: 15px;
  left: 0px;
  height: 8px;
  width: 8px;
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}
.sidebar h3{background-color:#ffb6b9;}
.toc-title{color:#69788a;}

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

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

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