@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*見出しクリア*/
.article h2 {
    background: none;
	margin: .3em 0;
	padding: .2em 0;
}
.article h3 {
    border: none;
	margin: 0;
	padding: .6em .3em .3em 40px;
}
.article h4 {
    border: none;
	margin: 0;
    padding: 0;
}
.article h5 {
    border: none;
    padding: 0;
}
.article h6 {
    border: none;
    padding: 0;
}
/*見出し設定*/
/*.article h*にしないとサイドバーまで影響が出る*/
/*上の「見出しクリア」と競合する内容があってはいけない */

.article h2 {
  border-top: 2px dashed #807e7e;/*上線*/
  border-bottom: 2px dashed #807e7e;/*下線*/
  color: #323232;
}

.article h3 {
	background:none;
	color: #333;
	position: relative;
  }

.article h3::before,
.article h3::after{
	position: absolute;
	content: '';
}

.article h3::before {
	top: .6em;
	left: .2em;
	z-index: 2;
	width: 22px;
	height: 22px;
	background: #607d8b;
	opacity: .5;
}
.article h3::after{
	top: 1.1em;
	left: .8em;
	width: 15px;
	height: 15px;
	background: #607d8b;
	opacity: .5;
}

/*マーカー設定*/
.marker_pink {
background: linear-gradient(transparent 60%, #ffccd5 0%);
font-weight: 700;
}
.marker_green {
background: linear-gradient(transparent 60%, #a1e6cf 0%);
font-weight: 700;
}
.bold {
font-weight: 700;
}
/*グローバルナビ設定*/
.sub-menu li{

}
/*サイドバー設定*/
.widget_recent_entries ul li a,
.widget_categories ul li a,
.widget_archive ul li a,
.widget_pages ul li a,
.widget_meta ul li a,
.widget_rss ul li a,
.widget_nav_menu ul li a{
	padding:0 10px 0;
	margin:10px;
	line-height:1.3;
}
.sidebar h3 {
    background: none;
    font-size: 16px;
    letter-spacing: 2px;
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 0;
    text-align: center;
}
.sidebar h3::before, .sidebar h3::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 28%; /*ラインの長さ*/
    border-top: 3px solid #444d53; /*ラインの色*/
}
.sidebar h3::before {
    left: 0;
}
.sidebar h3::after {
    right: 0;
}


/*タグクラウド設定*/
.xilitidytagscloud {
  display: flex;
  flex-wrap: wrap;
}
.xilitidytagscloud a {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  color: #555;
  display: inline-block;
  padding: 3px 8px;
  text-decoration: none;
  font-size: 12px !important;
  margin: 2px;
  flex: 1 1 auto;
  display: flex;
  justify-content: space-between;
}
.xilitidytagscloud a:hover {
  background-color: #f5f8fa;
  transition: all 0.7s ease;
  color: #333;
}
.xilitidytagscloud a {
  word-break: break-all;
}
.xilitidytagscloud a .tag-caption::before {
  font-family: FontAwesome;
  content: "";
  padding-right: 4px;
}
.xilitidytagscloud a .tag-link-count {
  margin-left: 8px;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}