@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.6
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.profile-link { display: table; }
.profile-link a { display: table-cell; padding-right:8px; vertical-align: middle; line-height: 1; }
.profile-link a img { width:40px; height: auto; border-radius: 50%; border:2px solid #dea0d3; }

input[type="submit"].wpcf7-submit { padding:15px 10px; font-size:17px; border-radius: 8px; background-color: #444; color: #fff; }
input[type="submit"].wpcf7-submit:hover { background-color: #777;  }

.author-follows .sns-follow .sns-follow-buttons .instagram-button{
    border-radius: 50%;
    padding-top:4px;
    width: 30px;
    height: 30px;
    background: -webkit-linear-gradient(135deg,#427eff 0,#f13f79 70%) no-repeat;
    background: linear-gradient(135deg,#427eff 0,#f13f79 70%) no-repeat;
    color: #fff;
    border: 0;
    margin-right: .5em;
}

.bc-brand-color.sns-share .instagram-button, .bc-brand-color.sns-follow .instagram-button {
    background: -webkit-linear-gradient(135deg,#427eff 0,#f13f79 70%) no-repeat;
    background: linear-gradient(135deg,#427eff 0,#f13f79 70%) no-repeat;	
}

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

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

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

}

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