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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.header-in {
  justify-content: start;
}

.logo-text {
  padding: 0;
}

.logo {
  text-align: left;
}

.navi {

  background-color: rgb(65, 65, 65);
}

.navi .item-label {
  color: white;

}

.navi-in > ul {
  justify-content: start;
  padding: 5px;
}

.navi-in > ul li {
  height: 30px;
  line-height: 30px;
}


/* プロフィール下のボタンを削除 */
a.follow-button.website-button.website-follow-button-sq{
	display:none;
}
a.follow-button.feedly-button.feedly-follow-button-sq{
  display:none;
}
a.follow-button.rss-button.rss-follow-button-sq{
  display:none;
}
/* プロフィール下のボタンを削除 */

.sidebar{
  background-color:#f4f5f7;
  padding: 0 1.5%;
}

.sidebar-scroll{
  background-color:#fff;
  padding: 0 1.5%;
}

.sidebar h3{
  margin: 0;
  padding: 8px 0 0 4px;
  background-color:#fff;
  font-size: medium ;
  font-weight: normal;
  border-radius: 4px 4px 0 0;
}

#sidebar>.widget{
  border-radius: 4px;
  background-color: #fff;
}

#search-2>.widget-sidebar-title{
  display: none;
}

#author_box-2>.widget-sidebar-title{
  display: none;
}

.search-box{
  margin: 0;
}

#sideber > .serartch-edit, input[type="text"]{
  padding: 5px;
  font-size: 16px;
}

.body .widget{
  margin-bottom: 1em;
}




/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
.menu-content {
    background-color: rgb(65, 65, 65);
  }

  .menu-drawer a {
    color: white;
  }

/*834px>880px以下*/
@media screen and (max-width: 880px){
  /*必要ならばここにコードを書く*/
	.page-body {
		font-size: 16px;
	}
}

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