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

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

/*モバイルヘッダーの文字と背景の色を変える*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button{
	background-color: #000;
	color: #fff;
}

.logo-menu-button.menu-button{
	background-color: #000;
	color: #fff;
}

/*モバイルヘッダーの文字と背景の色を変える追加CSS*/
.menu-button-in{
	color: #fff!important;
	background-color: #000!important;
}

/*モバイルスライドインメニューをカスタマイズ*/
.navi-menu-content{
	background-color: rgba(0,0,0,0.5);
}

.menu-drawer a{
	font-size: 1.1em;/*文字の大きさ*/
	color: #fff;/*文字の色*/
	height: 3em;/*行の高さ*/
}

.menu-drawer a:hover{
	color: rgba(255,255,255,0.7);
	background-color: rgba(0,0,0,0);
}

/*コンテンツ背景の色を変える*/
.main{
    background-color: #000;
}

.a-wrap {
    color: #fff;

}
/*コンテンツ背景の色を変える*/


/* 固定ページの不要情報を非表示 */
.page .date-tags, /*投稿日・更新日*/
.page .author-info, /*投稿者情報*/
.page .eye-catch-wrap { /*アイキャッチ*/
display: none;
}

/*TOPページのウィジェットのプロフィールコメントを中央寄せにする方法*/
 .nwa .author-box .author-description {
     text-align: center;
}

/*TOPページのウィジェットのSNSフォローボタンカスタマイズ方法*/
.author-box .sns-follow-buttons a.follow-button{
  width: 32px;
  height: 32px;
  font-size: 24px;
} 
/* アイコン */
.nwa .author-box .author-thumb{
	width: 110px;
}
.nwa .author-box .author-thumb img{
	box-shadow: 0 1px 3px rgba(0,0,0,.18)
}

/* お問い合わせ送信ボタンのカスタマイズ　*/
.wpcf7-submit {
  border: solid 2px #fff!important; /*枠線*/
  border-radius: 6px!important; /*角丸コーナー*/
  font-weight:bold!important; /*文字強調*/
  font-size: 18px!important; /*フォントサイズ*/
  color: #000!important; /*フォントカラー*/
  background-color: #fff!important; /*背景色*/
  letter-spacing: 30px!important; /*文字間隔*/
}
.wpcf7-submit:hover{
  color: #000!important; /*フォントカラー*/
  background-color: #ffd!important; /*背景色*/
  transition: all 0.5s ease!important; /*アニメーション*/
}



/*ブログカードに「続きを読む」追加*/
.internal-blogcard::after{
	content: '続きを読む \00bb'; /* 内部リンク右下枠の文言 */
	position: absolute;
	bottom: .5rem;
	right: 1rem;
	font-size: 70%;
	background-color: #ffc300; /* 内部リンク右下枠の背景色 */
	padding: .4em 3em;
	font-weight: bold;
	color: #fff; /* 内部リンク右下枠の文字色 */
	border-radius: 2px;
}
/*ブログカードに「続きを読む」追加*/

/*通知エリアをトップページのみ表示*/
body:not(.front-top-page) .notice-area {
	display: none;
}
/*通知エリアをトップページのみ表示*/

/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{ display: none; } 


/* サイド背景 */
.main, 
.sidebar {
  background-color: #000;
}



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

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

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

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