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

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


/*拡張クラスを追加するスタイルシート*/

/*バッジ色変更*/
.badge-grey, .badge-brown, .badge-yellow, .badge-green, .badge-blue, .badge-purple, .badge-pink, .badge-red, .badge,
.ref,
.reffer,
.sankou {
  color: var(--cocoon-white-color);
  padding: 1px 5px 0;
  border-radius: 2px;
  font-size: 16px;
}

.badge,
.ref,
.reffer,
.sankou {
  background-color: #72C6C7;
}

.badge-red {
  background-color: #00ACEB;
}

.badge-pink {
  background-color: #C0DB8C;
}

.badge-purple {
  background-color: #F5AF7D;
}

.badge-blue {
  background-color: #74C7F0;
}

.badge-green {
  background-color: #419ACF;
}

.badge-yellow {
  background-color: #D4EBEC;
}

.badge-brown {
  background-color: #E8DBCD;
}

.badge-grey {
  background-color: #005EA7;
}

/*トップの空間なくす*/
/*　main {
padding-top: 0;
}
main .entry-content {
margin-top: 0;
}　*/

/*mein上部余白ゼロ*/
main#main {
    padding-top: 0;
}

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



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

}

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

}

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


	
}

a{
text-decoration: none; color: #005EA7;
}