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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*ベースカラーの変更*/
.entry-card-thumb::before, .widget-entry-card-thumb::before, figure.prev-post-thumb.card-thumb::before, figure.next-post-thumb.card-thumb::before, .related-entry-card-thumb::before, .carousel-entry-card-thumb::before, .blogcard-thumbnail::before {
  background-color: rgb(10,68,95,1);
}
#content-in .article h2::before, .sidebar h2::before, .article h3::before, .article h5::before, .sidebar h3::before, hr.wp-block-separator::before {
  background-color: rgb(161,58,49,1);
}
#header-container #navi .navi-in a::before {
  background: rgb(189,147,93,1);
}
.page-numbers, .tagcloud a, .tag-link, .pagination-next-link, .comment-reply-link {
  background-color: rgb(10,68,95,1);
  border-color: rgb(10,68,95,1);
  color: white;
}
.pagination a:hover, .pagination-next-link:hover, .comment-btn:hover, .pagination .current, span.page-numbers.current, .pager-links a span:hover, .tag-link:hover, .comment-reply-link:hover, .tagcloud a:hover, .tag-link:hover {
  color: rgb(10,68,95,1);
}
#content-in .article h2 {
  counter-increment: x;
  background: rgb(10,68,95,1);
  color: #fff;
  opacity: .9;
}
.article h3 {
  border-color: rgb(10,68,95,1);
}
.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, .menu-drawer a:hover {
  color: inherit;
  background: rgb(10,68,95,1);
  color: #fff;
  opacity: .9;
}

/*固定ページの日付＆投稿者名を非表示*/
.page .date-tags,
.author-info {
  display: none;
}
/*ボックスメニューの余白除去*/
.box-menu {
  padding: 0.5em 0;
  color: #0A445F;
  box-shadow: none;
}
.box-menus .box-menu:hover {
  color: #0A445F;
  box-shadow: inset 2px 2px 0 0 rgb(10,68,95,1),2px 2px 0 0 rgb(10,68,95,1),2px 0 0 0 rgb(10,68,95,1),0 2px 0 0 rgb(10,68,95,1);
}

/* TOP 新着記事表示 */
.list-new-entries h1 {
  display: none;
}

/* 動画の横幅MAX */
.video-container {
  max-width: none;
}

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

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

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