@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.6
*/

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

/*タグリセット*/
.article h2 {
    padding: 0;
    background: none;
}
.article h3 {
    border: none;
    padding: 0;
}
.article h4 {
    border: none;
    padding: 0;
}
/*ここまで*/

/*h2タグ*/
.article h2{
	font-size: 1.0em;
	background: #4699e2; /*背景色*/
	padding: 0.5em;/*文字周りの余白*/
	color: white;/*文字を白に*/
	border-radius: 0.3em;/*角の丸み*/
	letter-spacing: 0.1em;/*文字間*/
	box-shadow:1px 3px 7px 0px  #666666 !important;
	border: 3px solid #4699e2 !important;
}
.article h2:before {
	content: ‘＊’;
	color: #f9f6ef;
	margin-right: 3px;
}
/*ここまで*/

/*h3タグ*/
.article h3{
	padding-top: 10px !important;
	padding-right: 0px !important;
	padding-bottom: 10px !important;
	padding-left: 10px !important;
	border-top: solid 3px #4699e2;
	border-bottom: solid 3px #4699e2;
	margin-top: 30px !important;
	margin-bottom: 20px !important;
}
/*ここまで*/

/*h4タグ*/
.article h4 {
	padding-top: 5px !important;
	padding-right: 5px !important;
	padding-bottom: 5px !important;
	padding-left: 15px !important;
	border-bottom-width: 2px !important;
	border-bottom-style: solid !important;
	border-bottom-color: #CCC !important;
	margin-top: 30px !important;
	margin-bottom: 20px !important;
}
/*ここまで*/

/*サイドバーh3タグ https://web-ashibi.net/archives/1761*/
#sidebar h3{
	font-size: 1.0em;
	background: #4699e2; /*背景色*/
	padding: 0.5em;/*文字周りの余白*/
	color: white;/*文字を白に*/
	border-radius: 0.3em;/*角の丸み*/
	letter-spacing: 0.1em;/*文字間*/
	box-shadow:1px 3px 7px 0px  #666666 !important;
	border: 3px solid #4699e2 !important;
}
#sidebar h3:before {
	content: ‘＊’;
	color: #f9f6ef;
	margin-right: 3px;
}
/*ここまで*/

.widget_nav_menu ul li a { /*親カテゴリ用のコード*/
    color: #333;
    text-decoration: none;
    padding: 6px 0;
    display: block;
    padding-right: 4px;
    padding-left: 4px;
    border-top: 1px dotted #ccc; /*上部にボーダーを引く*/
}
.widget_nav_menu ul li a::before { /*親カテゴリのアイコン*/
    font-family: FontAwesome;
    content: "\f0da";
    padding-right: 10px;
}
.widget_nav_menu > ul > li > a:first-child { 
    border-top: none; /*最初の親カテゴリは上部ボーダーを消す*/
}
.widget_nav_menu > ul > li > a:last-child {
    border-bottom: 1px dotted #ccc; /*最後の親カテゴリは下部ボーダーを引く*/
}
.widget_nav_menu ul li a .post-count { /*記事数用のコード*/
    display: block;
    float: right;
    background: #ededed;
    padding: 0 1em;
    font-size: 14px;
    margin-top: .3em;
    border-radius: 4px;
}
.widget_nav_menu ul li a:hover { /*親子共通マウスホバー時*/
    background: none;
    transition: 0.5s;
    color: #72c7e6;
}
.widget_nav_menu ul li a:hover .post-count { /*記事数のマウスホバー時*/
    background: #72c7e6;
    color: #fff;
    transition: 0.5s;
}
.widget_nav_menu ul li ul { /*子カテゴリのボックス*/
    padding-top: 20px;
    border-bottom: 1px dotted #ccc;
}
.widget_nav_menu ul li ul li a { /*子カテゴリ用のコード*/
    color: #333;
    text-decoration: none;
    padding: 0 4px 0 4px;
    display: block;
    border: none;
}
.widget_nav_menu ul li ul li a::before { /*子カテゴリのアイコン*/
    font-family: FontAwesome;
    content: "・";
    padding: 0;
}

/*サイドバー font 14px*/
.widget-entry-card {
font-size: 14px;
}
/*ここまで*/

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

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

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

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