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

/* プロフィールSNSボタン：ブランドカラー */
.sf-profile .sns-button { width: 44px !important; height: 44px !important; border-radius: 50% !important; border: none !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.sf-profile .sns-button span { color: #fff !important; font-size: 20px !important; }
.sf-profile .website-button { background-color: #b8935a !important; }
.sf-profile .instagram-button { background-color: #E1306C !important; }
.sf-profile .youtube-button { background-color: #FF0000 !important; }
.sf-profile .note-button { background-color: #41C9B4 !important; }
.sf-profile .rakuten-room-button { background-color: #BF0000 !important; }
.sf-profile .feedly-button { background-color: #6CC655 !important; }
.sf-profile .rss-button { background-color: #F99B11 !important; }