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

/************************************
** アコーディオンの見出しを左詰めにする
************************************/
.toggle-button {
	text-align: left;
}

.cocoon-custom-text-1{
  border-color: var(--cocoon-purple-color);
  background-color: var(--cocoon-white-color);
  color: var(--cocoon-purple-color);
}

/* インラインボタン（塗りつぶしスタイル）*/
/* 黒からオレンジへ変更する           */
.inline-button-black {
  border-color: #f39800; /* 枠線の色 */
  background-color: #f39800; /* 背景色 */
}

.inline-button-red {
  border-color: #e95295;
  background-color: #e95295;
}

/* インラインボタン（白抜きスタイル）*/
/* 黒からオレンジへ変更する        */
.inline-button-white-black {
  border-color: #f39800;
  color: #f39800;
}

.inline-button-white-red {
  border-color: #e95295;
  color: #e95295;
}

[class*="inline-button-"] {
  border-radius: 30px; /* 少し丸くする */
}

/* スマホやタブレットでは、文字サイズをやや小さく */
@media screen and (max-width: 834px) {
  [class*="inline-button-"] {
   font-size: 1em;
  }
}