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

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

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

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

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

/*固定ページの日付非表示*/
.page .date-tags {
display: none;
}

/* 見出しカスタマイズ */
/* H2 */
.article h2{
background:none;
background: #336600;
box-shadow: 0px 0px 0px 5px #336600;
border: dashed 2px white;
padding: 0.2em 0.5em;
color: #ffffe0
}

/* H3 */
.article h3{
border-bottom:none;
padding: 0;
border-left:none;
font-size: 1.5rem;
color: #000000;/*文字色*/
/*線の種類（点線）2px 線色*/
border-bottom: dashed 2px #47885e;
}

/* H4 */
.article h4{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
color: #f0f8ff;/*文字色*/
padding: 0.5em;/*文字周りの余白*/
display: inline-block;/*おまじない*/
line-height: 1.3;/*行高*/
background: #578a3d;/*背景色*/
vertical-align: middle;
border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
}

h4:before {
  content: '●';
  color: white;
  margin-right: 8px;
}

/* H5 */
.article h5{
border-top:none;
border-bottom:none;
padding: 0;
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #664032;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #47885e;/*左線*/
}

/* ボックスのカスタマイズ（トップの新着記事のやつ） */
.box6-blue {
	position:relative;/* 配置に関するもの(ここを基準に) */
	padding: 2em 2em 1.7em;	/* ボックスの内側余白(上:2em　左右:2em 下：1.7em) */
	margin: 2.5em auto;/*ボックス外側余白*/ 
	background-color: #ede4cd; /*ボックス背景色*/ 
	box-shadow: 0px 1px 5px rgba(0,0,0,0.1);/*ボックス影*/ 
	border-radius:4px;/* ボックス角丸 */
	max-width:600px;/*ボックス横幅*/ 
}
.box6-blue .box-title {
	position: absolute;/* 配置に関するもの(ここを動かす) */
	top: -22px;/* 上から（-22px）移動*/
	left: 30px;/* 左から（30px）移動*/
	padding: 0.15em 1.5em;/* テープ内側余白*/
	color: #192f60; /* テープ文字色 */
	font-weight: bold;/* テープ文字太さ*/
	font-size:18px;/* テープ文字大きさ*/
	background-color: rgba(255,255,255,.1);/* テープ背景色と透過*/
	border-left: 2px dotted rgba(0,0,0,.1);/* テープのギザギザ左*/
	border-right: 2px dotted rgba(0,0,0,.1);/* テープのギザギザ→*/
	box-shadow: 0 0 5px rgba(0,0,0,0.2); /* テープ影*/
	transform: rotate(-3deg);/* テープの傾き*/
}
.box6-blue p{
	margin: 0; /* 文字の外側余白リセット*/
	padding: 0; /* 文字の内側余白リセット*/
}

/* ブログの背景色（内側） */
.main{
    background-color: #f8f4e6;
}

.a-wrap {
    color: #fff;
}

/* サイドバーの背景色 */
.sidebar {
    background-color: #f8f4e6;
}

/* ブログカードの日付表示 */
.widget-entry-card-date {
  display: block;
}

.pager-post-navi a {/*ページ送りナビ*/
color: #4086bf;/*文字色*/
font-size: 1em;/*文字の大きさ*/