@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){
  /*必要ならばここにコードを書く*/
}
.comment-btn {
font-size:18px; /*文字の大きさ*/
font-weight:700; /*文字の太さ*/
padding:10px; /*文字周り余白*/
border-radius:30px; /*ボタン角の丸み*/
color:#fff; /*ボタンの文字色 */
background:#ff7f00; /*ボタンの背景色*/
border:2px solid #ff7f00; /*ボタン枠線の太さと色 */
}
/*コメントボタン楕円形ココから*/

.comment-btn {
font-size:18px; /*文字の大きさ*/
font-weight:700; /*文字の太さ*/
padding:10px; /*文字周り余白*/
border-radius:30px; /*ボタン角の丸み*/
color:#fff; /*ボタンの文字色 */
background:#0073aa; /*ボタンの背景色*/
border:2px solid #0073aa; /*ボタン枠線の太さと色 */
}

.comment-btn:hover {
border-radius:30px; /*マウスオーバー時のボタン角の丸み*/
color:#0073aa; /*マウスオーバー時の文字色*/
background:#fff; /*マウスオーバー時のボタンの背景色*/
border:2px solid #0073aa; /*マウスオーバー時のボタン枠線の太さと色*/
transition:all 0.5s; /*色が変わる時間（秒）*/
}

/*コメントボタン楕円形ｋココまで */