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

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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/************************/
/*見出しデザイン*/
/************************/
/* 見出し2 */
.article h2{
background:none;
padding: 0;
  background: #ffffff;/*背景色*/
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
  font-size: 20px;/*文字のサイズ*/
}

/* H3 */
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
　font-size: 20px;/*文字のサイズ*/
  border-bottom: 3px solid #00a1e9;/*下線*/
  color: #00a1e9;
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
  margin-bottom: 15px;
  border-top: none;
	font-size: 20px;/*文字のサイズ*/
}

/* H4 */
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
　font-size: 16px;/*文字のサイズ*/
  border-bottom: 2px solid #00a1e9;/*下線*/
  color: #00a1e9;
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
  margin-bottom: 15px;
  border-top: none;
	font-size: 16px;/*文字のサイズ*/
}

/* H5 */
.article h5{
border-bottom:none;
padding: 0;
　font-size: 15px;/*文字のサイズ*/
  border-bottom: 1px solid #00a1e9;/*下線*/
  color: #00a1e9;
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
  margin-bottom: 15px;
  border-top: none;
	font-size: 15px;/*文字のサイズ*/
}

/************************/
/*固定ページ非表示　タイトル・投稿日・更新日*/
/************************/
.page .entry-title{
  display: none;
}
.page .date-tags,
.page .author-info{
  display: none;
}
.entry-title {
display: none;
}
/************************/
/*サイドバーデザイン*/
/************************/
.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 #00a1e9; /*ラインの色*/
}
.sidebar h3::before {
    left: 0;
}
.sidebar h3::after {
    right: 0;
}
.widget-sidebar ul li a {
font-size: 15px;/*文字のサイズ*/
}
/************************/
/*スマホサイドバー非表示*/
/************************/
@media screen and (max-width: 1023px){
#sidebar{
display: none;
}
}