@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){
  /*必要ならばここにコードを書く*/
}

/************************************
トップページ（フロント）タイトルや更新日などをまとめて非表示
************************************/
.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}

/************************************
** ■見出しカスタマイズ（h1-6）
************************************/
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6{ /*見出し初期化*/
  padding: 0;
  margin: 0;
  font-size: medium;
  border-collapse: separate;
  border-spacing: 0;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  line-height: normal;
  position:relative;
}

.article h1{ /*見出し１（タイトル）カスタマイズ*/
  }

.article h2{ /*見出し２カスタマイズ*/
	  font-size: 30px; /*フォントサイズ*/
}

.article h3{ /*見出し３カスタマイズ*/
	  font-size: 22px; /*フォントサイズ*/
}

.article h4{ /*見出し４カスタマイズ*/

}

.article h5{ /*見出し５カスタマイズ*/

}

.article h6{ /*見出し６カスタマイズ*/

}

/************************************
**グローバルメニュー変更
************************************/
/*グローバルメニューのフォントサイズ等変更*/
.navi-in .menu-header .item-label{
	font-size: 14px;
}

/*グローバルナビの下線*/
#navi .navi-in a:after{
	position: absolute;
	content: "";
	left: 0px;
	bottom: 1px;
	height: 2px;
	width: 100%;
	background: #E6B744;
	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 0.8em;
}

/************************************
**モバイルスライドインメニュー
************************************/
/**閉じるボタンの色変更**/
.menu-close-button{
color:#FFFFFF;
}

/**メニューの内容表示**/
.navi-menu-content {
  background-color: rgba(0, 0, 0, 0.5); /* 背景色と透明度を指定 */
	
}
.menu-drawer li {
padding:0;
}
.menu-drawer a{
font-size:1em;
background-color: transparent; /* 文字背景を透明にする */
color:white;　/**文字色**/
margin: .5em 0;
}
/**カーソルを合わせたときの表示**/
.menu-drawer a:hover{
color:#191970;　/**文字色**/
}

/************************************
**フッター変更
************************************/
/**ボタンの文字色を変更**/
.menu-button,
.mobile-menu-buttons .menu-button > a {
	color: #191970;
}

/************************************
**タイトル非表示
************************************/
.page .entry-title{
  display: none;
}

/*フッターとメインカラムの隙間を無くす*/
.footer {
   margin-top: 0;
}