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

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

.grecaptcha-badge { visibility: hidden; }

/* 記事周りに枠 

#main{
   border: 2px solid #ddd;
   border-radius: 4px;
}
#sidebar
.sideber{
   border: 2px solid #ddd;
   border-radius: 4px;
}
*/

/*グローバルメニューに影*/
nav#navi, .menu-header .sub-menu{
	box-shadow:0 5px 12px -5px rgba(0,0,0,.6);
}

/* 見出しリセットここから */
/* H2 */
.article h2{
	border-top:none;
	border-bottom:none;
	border-left:none;
	border-right:none;
	padding: 0;
	margin-top: 50px;
}
/* H3 */
.article h3{
	border-top:none;
	border-bottom:none;
	border-left:none;
	border-right:none;
	padding: 0;
	margin-top: 50px;
}
/* H4 */
.article h4{
	border-top:none;
	border-bottom:none;
	border-left:none;
	border-right:none;
	padding: 0;
	margin-top: 50px;
}
/* H5 */
.article h5{
	border-bottom:none;
	padding: 0;
	margin-top: 50px;
}
/* H6 */
.article h6{
	border-bottom:none;
	padding: 0;
	margin-top: 50px;
}
/* 見出しリセットここまで */


/* H1 */
.article h1{
	margin-top:0.5rem;
	font-size: 1.6rem;
	font-weight: 500;
	background: #fff;
	border-bottom: solid 4px #ffc778;
	position: relative
}
.article h1:after{
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 4px #244575;
	bottom: -4px;
	width: 140px;
}


/* H2 */
.article h2{
	font-size: 1.6rem;
	font-weight: 500;
	background: #fff;
	border-bottom: solid 4px #ffc778;
	position: relative
}
.article h2:after{
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 4px #244575;
	bottom: -4px;
	width: 140px;
}


/* H2 topページのタイトル兼用 */
h2{
	font-size: 1.6rem;
	font-weight: 500;
	background: #fff;
	border-bottom: solid 4px #ffc778;
	position: relative
}
h2:after{
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 4px #244575;
	bottom: -4px;
	width: 140px;
}


/* H3 */
.article h3{
	font-size: 1.6rem;
	font-weight: 500;
	background: #fff;
	border-bottom: solid 4px #ffc778;
	position: relative
}
.article h3:after{
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 4px #244575;
	bottom: -4px;
	width: 140px;
}

/* H3 サイドバー部分 */
.sidebar h3{
	font-size: 1.6rem;
	font-weight: 500;
	padding: 0.1rem 0.2em 0.1rem 0.8em;
	margin: 0 0 0.8rem 0;
	background: none;
	border-top: solid 0.3rem #ffc778;
	border-bottom: solid 0.3rem #244575;
	border-radius: 0;
}
/* 下線仮置き
.sidebar h3:before {
	content: "";
	position: absolute;
	bottom: -0.1rem;
	left: 0;
	background-image: url();
	height: 0.3rem;
    width: 6.2rem;
}
 */
/*
.sidebar h3{
	font-size: 1.6rem;
	padding-left: 1.4rem;
	position: relative;
	background: none;
	padding: 0;
	border-bottom: 6px solid #ffc778;
}

.sidebar h3:before {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 20%;
  height: 6px;
  content: '';
  background: #244575;
}*/

/* H4 */
.article h4 {
//	Display: inline-block;
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: 0.1rem;
	padding: 0.8rem 3.0rem 0.6rem 1.0rem;
	color: #fff;
	border-radius: 5px 5px 0 0;
	background: #244575;
	border-bottom:solid 10px #ffc778; /*下線*/
	border-bottom-right-radius:5px;
	border-bottom-left-radius: 5px;
}
.article h4:before {
  content: "●";
  font-size: 1.4rem;
  margin-right:0.6rem;
}
/* H5 */
.article h5 {
	font-weight: 500;
	border-bottom: dotted 3px #ffc778;/*下線*/
}
/* H6 */
.article h6 {
	font-weight: 500;
	border-bottom: dotted 3px #ffc778;/*下線*/
}


/* ヘッダーメニューフォント変更 グローバルナビバグあり 25/1/4停止
#navi .navi-in > .menu-header .item-label{
	font-size: 20px;
	font-weight: nomal;　
}
#navi .navi-in > ul li{
	height: 52px;
	line-height: 52px;
}*/

/*投稿日アイコン*/
.widget-entry-card-post-date::before{ 
	content: "\f017"; /*fa fa-clock-oアイコン*/
}

/*更新日アイコン*/
.widget-entry-card-update-date::before{ 
	content: "\f1da"; /*fa-historyアイコン*/
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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

/*---------------------------------
カテゴリの行間を狭くする
--------------------------------*/
.widget_categories ul li a{
	line-height: 0.3;
	font-size: 15px;
}
/*---------------------------------
親カテゴリのカスタマイズ
--------------------------------*/
.widget_categories ul li a{ 
  border-bottom: 2px dashed #CCCCCC; /* 下線の種類 */
}
/*---------------------------------
ヘッダーとインデックスの余白変更
--------------------------------*/
.content { 
margin-top: 6px; 
}



/* タイトル周辺の余白 */
main#main.main {
	padding: 12px 16px;
}
/* ウィジェットタイトル 新着記事部分のみ有効 */
.list-new-entries-title.list-title {
	font-size: 22px;
	margin-top: 0px;
	margin-bottom: 0.3em;
}