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


/* 見出しのデザインリセット */
/*H2 */
.entry-content h2{
border:none;
background:none;
padding: 0;
}

/* H3 */
.entry-content h3{
border:none;
background:none;
padding: 0;
}

/* H4 */
.entry-content h4{
border:none;
background:none;
padding: 0;
}

/* H5 */
.entry-content h5{
border:none;
background:none;
padding: 0;
}

/* H6 */
.entry-content h6{
border:none;
background:none;
padding: 0;
}

/* 見出しのデザイン設定 */
/* H2 */
.entry-content h2{
  font-size: 1.5em !important;/*文字のサイズ*/
　　　border-left: 3px #323232;/*左線*/
  background: #7B86C6;/*背景色*/
  padding: .5em .7em;/*余白*/
  color: #FFF;
  margin-bottom: 8px;
  border-top: none;
  border-bottom: none;
}

/* H3 */
.entry-content h3{
font-size: 1.3em !important;/*文字のサイズ*/
  border-left: 3px solid #0431B4;/*左線*/
  padding: .5em .7em;/*余白*/
  background: rgba(50,50,50,.07);/*背景色*/
  color: #323232;
  margin-bottom: 15px;
  border-top: none;
  border-bottom: none;
}

/* H4 */
.entry-content h4{
color: #000; /* 文字色 */
font-size: 1.2em; /* 文字サイズ */
padding: 10px;
border-top: solid 3px #0431B4;/* 上側に実線・色 */
border-bottom: solid 3px #0431B4;/* 下側に実線・色*/
}

/* H5 */
.entry-content h5{
color: #000; /* 文字色 */
font-size: 1.0em; /* 文字サイズ */
padding: 10px;
border-bottom: dotted 3px #0431B4;/* 下側に点線・色*/
}

/* H6 */
.entry-content h6{
color: #000; /* 文字色 */
font-size: 1.0em; /* 文字サイズ */
padding: 5px;
border-left: solid 7px #0431B4; /* 左側に実線・色*/
}

/* ①ヘッダーロゴ */
.header-site-logo-image {
	transition:0.5s;
}

/* ②ヘッダーロゴ(hover時) */
@media screen and (min-width: 15px) {
	.header-site-logo-image:hover {
		opacity:0.8;
	}


/*③グローバルナビの下線*/
#navi .navi-in a:after{
	position: absolute;
	content: "";
	left: 0px;
	bottom: 1px;
	height: 2px;
	width: 100%;
	background: #8cab8b;
	transform: scale(0,1);
	transition: 0.5s;
}

/*④グローバルナビの下線(hover)*/
@media screen and (min-width: 980px) {
	#navi .navi-in a:hover:after{
		transform: scale(1);
	}
}


/*⑤メニュー項目の間隔*/
#navi .navi-in>ul>li>a{
	padding: 0 2.0em;
}

/*⑥選択中メニューに下線*/
.current-menu-item:after{
	position: absolute;
	content: "";
	left: 0px;
	bottom: 1px;
	height: 2px;
	width: 100%;
	background: #8cab8b;
}

/*サイトタイトルここから*/
.site-name-text-link {
font-size: 15px;
}
/*サイトタイトルここまで*/


.single #header-container {
		display: none;}





/* ①フッター */
.footer {
	padding-top: 0px;
}

/* ②フッターメニュー */
.navi-footer-in a {
  position: relative;
  display: inline-block;
  text-decoration: none !important;
}

/* ③フッターメニュー(hover) */
@media screen and (min-width: 980px) {
	.navi-footer-in a:hover {
	  background: none!important; 
	}
}

/* ④フッターメニューの下線 */
.navi-footer-in a::after {
  position: absolute;
  bottom: -3px;
  content: '';
  left: 6%;
  width: 88%;
  height: 0.5px;
  background: #f7f7f5;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .5s;
}

/* ⑤フッターメニューの下線(hover) */
@media screen and (min-width: 980px) {
	.navi-footer-in a:hover::after {
	  transform: scale(1, 1);
	}
}



/*ブログカードのスニペット非表示*/
.blogcard-snippet {
 display: none;
}


.sample01 {
text-align: center;
}
.sample01 span {
display: inline-block;
text-align: left;
}

/************************************
** 固定ページのタイトルを中央寄せ
************************************/
.entry-title {
text-align: center;	
}

/* 画像中央寄せ */
.entry-content figure.wp-block-image{
    text-align:center;
}
.entry-content figure.wp-block-image img{
    margin:0 auto;
}

/* YouTube動画中央寄せ */
.video-container {margin: 0px auto;}
	

	
	
	
	
/************************************
** グローバルメニューホバー時階層表示
************************************/

/* モバイルでは下部のメニューボタンに集約 */
@media screen and (max-width: 834px) {
  #navi {
    display: none;
  }
}