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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* 見出しのデザインリセット */
/*H2 */
.entry-content h2{
	border:none;
	background:none;
	padding: 0;
}

/* H3 */
.entry-content h3{
	border:none;
	background:none;
	padding: 0;
}

/* H4 */
.entry-content h4{
	border:none;
	background:none;
	padding: 0;
}

/* H5 */
.entry-content h5{
	border:none;
	background:none;
	padding: 0;
}

/* H6 */
.entry-content h6{
	border:none;
	background:none;
	padding: 0;
}

/* インラインコード */
code {
	background-color: #F5F4F4;
	border-radius: 5px;
	font-size: 15px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: bolder;
	padding: 0px 4px;
}

/*
.top-level-categories {
    list-style: none;
    padding: 0;
    margin: 0;
}

.top-level-categories li {
    margin-bottom: 10px;
}

.top-level-categories a {
    display: block;
    padding: 5px;
    text-decoration: none;
}
*/

/************************************
** トップレベルカテゴリー ウィジェット
************************************/
.widget_top_level_categories ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.widget_top_level_categories ul li ul {
  padding-left: 20px;
  margin: 0;
}
.widget_top_level_categories ul li a {
  color: var(--cocoon-text-color);
  text-decoration: none;
  display: block;
  border-bottom: 1px dashed #ccc;
  padding: 5px 0;
}
.widget_top_level_categories ul li a:hover {
  background-color: #f5f8fa;
  transition: all 0.3s ease-in-out;
  color: var(--cocoon-text-color);
}
.widget_top_level_categories ul li a .post-count {
  display: block;
  float: right;
}

/************************************
** カテゴリーパンくずリストのショートコード
************************************/
.category-breadcrumbs {
	margin: 20px 0;
	font-size: 14px;
}
.breadcrumb-item {
	margin-bottom: 10px;
	line-height: 1.5;
}
.breadcrumb-item a {
	color: #333;
	text-decoration: none;
}
.breadcrumb-item a:hover {
	text-decoration: underline;
}

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

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

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