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

/************************************
** 子テーマ用のスタイルを書く

/*h1～h6の見出しの変更*/
/*見出しデザインリセット*/
.article h2,
.article h3,
.article h4,
.article h5,
.article h6{
	background-color:initial;/*背景色リセット*/
	border:initial;/*上下左右の枠線リセット*/
	border-radius:initial;/*角の丸みリセット*/
}

.article h1 {
 font-size: 28px;/*文字サイズ*/
 color: #000;/*文字色*/
 padding: 1rem 0;
}

.article h2{
 font-size: 24px;/*文字サイズ*/
 color: #000;/*文字色*/
 text-align: center;
 padding: 0.8rem 1rem;
 border-top: 2px solid #000;/*文字上の線、太さ、種類、色*/
 border-bottom: 2px solid #000;/*文字下の線、太さ、種類、色*/
}

.article h3{
 font-size: 20px;
 margin: 1.5rem 0 1rem;/*上のスペース、上／左右／下*/
 padding: 0.5em 0.5em;/*文字の上下 左右の余白*/
 color: #000;/*文字色*/
 border-left: 6px solid #000;/*左線*/
}

.article h4{
 font-size: 18px;
 margin: 1.5rem 0 1rem;/*上のスペース、上／左右／下*/
 padding: 0.5em 0.5em;/*文字の上下 左右の余白*/
 color: #000;/*文字色*/
 border-left: 4px double #000;/*左線*/
}

.article h5{
 font-size: 18px;
 color: #000;/*文字色*/
 margin: 1.5rem 0 1rem;/*上のスペース、上／左右／下*/
 padding: 0.5em 0.5em;/*文字の上下 左右の余白*/
 display: inline-block;/*下線を文字の幅に*/
 border-bottom: 3px solid #000
}

.article h6{
 font-size: 18px;
 color: #000;/*文字色*/
 margin: 1.5rem 0 1rem;/*上のスペース、上／左右／下*/
 padding: 0.5em 0.5em;/*文字の上下 左右の余白*/
 display: inline-block;/*下線を文字の幅に*/
 border-bottom: 3px dotted #000
}

.sidebar h3 {
 color: #000;
 padding: 0.5rem 0.5rem;
 border-top: 2px solid #000;
 border-bottom: 2px solid #000;
}

/* フロントページ・固定ページの各要素非表示 */
.home.page .entry-title{
  display: none;
}
.page .sns-share,
.page .sns-follow,
.page .date-tags{
  display: none;
}

/* ヘッダーロゴの調整 */
#header-container-in.wrap {
    width: auto;
}

/*シェアボタンのカスタム*/
#main .button-caption {
	display: none; 
}

.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央寄せ*/
}
.sns-share-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-share a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}

/************************************
/*必要ならばここにコードを書く*/

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

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

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