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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
a:where(:not(.wp-element-button)) {
  text-decoration: none;
}
.header-container-in.hlt-top-menu .logo-header .site-name {
  margin: 0;
display: none;/*追加。ヘッダーのサイト名削除*/
}
/*ヘッダー色*/
.header-container{
  background-color: #333;
}
#menu-category{
	background-color: #333;
}
/*ヘッダー文字色*/
.navi-in a {
  color: #ffffff;
  
}
.navi-in a:hover {
  background-color: #333;
  color: #ffffff;
}
/*サイドバー文字色*/
.sidebar h2, .sidebar h3 {
  color: #ffffff;
}
/*フッターの色*/
 .footer {
    background-color: #333;
	 color:#ffffff;
}
/*フッターホバー時の色*/
.widget_recent_entries ul li a:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover, .widget_block ul li a:hover {
  background-color: #333;
	 color:#ffffff;
}
/*サイドバーの色*/
 .sidebar {
    background-color: rgba(0,0,0,1);	 
}
/*サイドバーh2,h3の背景色*/
.sidebar h2, .sidebar h3 {
 background-color: rgba(0,0,0,0);
 
}
/*それ以外のサイドバーの文字色*/
.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a, .widget_block ul li a {
   color: #ffffff; 
 
}
/*サイドバーの「検索」ラベルを消す*/
.wp-block-search__label{
	font-size:0px;
}
/*カテゴリマークの削除*/
.fa-folder-open {
  display: none;
}
/*検索ボタンの背景削除*/
.wp-block-search__button {
  background-color:rgba(0,0,0,0);
  border: none;

}
/*コメントボタンの文字色、背景色*/
.comment-btn{
	border: none;
  background-color: #333;
  color:#ffffff;
}
.comment-btn:hover{
	border: none;
  background-color: #333;
  color:#ffffff;
}
/*送信ボタンの文字色、背景色、枠線*/
input[type="submit"] {
  -webkit-appearance: none;
  border: none;
 color:#ffffff;
  background-color: #333;
}











/*以下モバイル版の設定*/
/*モバイル版メニューの文字色*/
.menu-drawer a {
    color: #ffffff;
    }

/*モバイル版メニューの背景色*/
#navi-menu-content{	
	background-color:rgba(0,0,0,0.5);
}

.mobile-menu-buttons {
    color: #ffffff;
    background: rgba(0,0,0,0.5);

}

#slide-in-sidebar {
	color:#ffffff;
}

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

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

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