@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_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_rss ul li a:hover,
.widget_nav_menu ul li a:hover,
.navi-in a:hover,
.navi-footer-in a:hover,
.a-wrap:hover,
.comment-reply-link:hover,
.recent-comments .a-wrap:hover .recent-comment-content,
.pagination a:hover,
.pagination-next-link:hover, .comment-btn:hover,
.pager-links a:hover span,
.pager-links a:hover span,
.mobile-menu-buttons .menu-button:hover,
.menu-drawer a:hover,
.bp-login-widget-register-link a:hover{
  background-color: #f2f2f2; /*背景色*/
  transition: all 0.8s ease; /*アニメーション*/
  color: #333; /*フォントカラー*/
}

#container {
  background:#fff;
}

/* header footer */
#header ol,#footer ol,#header ul,#footer ul {
    padding-left: 0px;
}
#footer {
  margin-top: 80px;
  color: #333;
}
#footer a:not(.sns-button) {
  color: #006CD8;
}



/* archive */
#main .cat-label {
  border:none;
}

/* single */
.single .toc {
  border-color:#ccc;
}
.single .article h2 {
  padding:15px 25px;
}


/* side */
.widget_search .wp-block-search__button {
  background:#f59701;
  border-color:#f59701;
}

#sidebar h2.wp-block-heading {
  font-size:16px;
}
#sidebar .fa-search:before {
    content: "\f002";
    position: relative;
    top: -6px;
}

/* 最近の投稿リンク：青文字＋下線 */
.wp-block-latest-posts__list .wp-block-latest-posts__post-title {
    color: #1e73be;
    text-decoration: underline;
}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  /* single */
  .single .article h2 {
    padding:12px 14px;
  }

}