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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*見出し2*/
h2.wp-block-heading{
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #e0f1f2;/*背景色*/
  border-left: solid 5px #67c5de;/*左線（実線 太さ 色）*/
}
/*見出し3*/
h3.wp-block-heading{
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: none;/*背景色*/
  border: none;/*左線（実線 太さ 色）*/
  position: relative;/*相対位置*/
  line-height: 1.4;/*行高*/
  display: inline-block;
}

h3.wp-block-heading:before{ 
  position: relative;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  display: inline-block;
  font-size: 1.0em;
  color: #67c5de;
  content:"\f00c";/*アイコン種類*/
  padding-right: 0.5em
}
/*見出し3のプロフィール*/
h3.widget-sidebar-title{
　padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #e0f1f2;/*背景色*/
  border-left: solid 5px #67c5de;/*左線（実線 太さ 色）*/
}
h3.widget-sidebar-title:before {
　font-family: none;
}

/*ボタンの色*/
.wp-block-button__link{
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #67c5de;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #4696d2;
  border-radius: 3px;
}
.wp-block-button__link:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}
/*ハイライトカラーの色*/
span.marker-red{
	background-color:#fed7f0;
}
/*付箋付きブロックの色*/
.wp-block-cocoon-blocks-sticky-box blank-box block-box sticky{
  background: #e0f1f2;/*背景色*/
  border-left: solid 5px #67c5de;/*左線（実線 太さ 色）*/
}

/*インフォ独自カラー*/
/*プライマリー*/
/*ピンク*/
.primary-box{
background-color: #f8cec1;
}
/*サクセス*/
/*イエロー*/
.success-box{
background-color: #f8e815;
}
/*インフォ*/
/*水色*/
.info-box{
background-color: #e0f1f2;
}
/*ワーニング*/
/*サックスブルー*/
.warning-box{
background-color: #a5ceef;
}
/*デンジャー*/
.danger-box{
background-color: #dcd2c2;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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