@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.8;
	font-size: 16px;
}
/*---------------------------------
親カテゴリのカスタマイズ
--------------------------------*/
.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;
}


/************************************
** カテゴリーアイコンの設定
************************************/
/*メガミ*/
.cat-item-288 ,.cat-item-244 ,.cat-item-229 ,.cat-item-285 ,.cat-item-231 ,.cat-item-225 ,.cat-item-180 ,.cat-item-172{
    background: rgba(0, 0, 0, 0) url(../../uploads/2022/02/Megami-20x20.png) no-repeat scroll 0 0;
	background-position: left;
    padding-left: 22px;
}
/*旭日旗*/
.cat-item-289 ,.cat-item-284 ,.cat-item-165 ,.cat-item-37 ,.cat-item-191 ,.cat-item-11 ,.cat-item-194 ,.cat-item-195 ,.cat-item-261 ,.cat-item-290 ,.cat-item-166 ,.cat-item-167 ,.cat-item-255 ,.cat-item-27 ,.cat-item-281 ,.cat-item-179 ,.cat-item-189 ,.cat-item-184 ,.cat-item-286 ,.cat-item-197 ,.cat-item-192 ,.cat-item-245 ,.cat-item-170 ,.cat-item-176 ,.cat-item-173 ,.cat-item-164 ,.cat-item-186{
    background: rgba(0, 0, 0, 0) url(../../uploads/image/Icon/Ja-20x20.png) no-repeat scroll 0 0;
	background-position: left;
    padding-left: 22px;
}
/*ドイツ国旗*/
.cat-item-280 ,.cat-item-16 ,.cat-item-19 ,.cat-item-171 ,.cat-item-23 ,.cat-item-25 ,.cat-item-269 ,.cat-item-182 ,.cat-item-178 {
    background: rgba(0, 0, 0, 0) url(../../uploads/image/Icon/De-20x20.png) no-repeat scroll 0 0;
	background-position: left;
    padding-left: 22px;
}
/*ウマ*/
.cat-item-190 ,.cat-item-193 {
    background: rgba(0, 0, 0, 0) url(../../uploads/2023/04/icon_uma-20x20.png) no-repeat scroll 0 0;
	background-position: left;
    padding-left: 22px;
}
/*でんちゃ*/
.cat-item-183 ,.cat-item-169 ,.cat-item-175 ,.cat-item-237 {
    background: rgba(0, 0, 0, 0) url(../../uploads/N-20x20.png) no-repeat scroll 0 0;
	background-position: left;
    padding-left: 22px;
}