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


/*****************************************
* reCAPTCHAのロゴ（バッジ）を非表示
******************************************/
.grecaptcha-badge { visibility: hidden; }


/************************************
**表の幅調整
************************************/
.body div.scrollable-table table, .body .wp-block-table table {
	width: 100%;
}


/************************************
**リスト　まるばつ色
************************************/
.is-style-icon-list-cross > li::before
{
	color: #0067C0 !important;
}

.is-style-icon-list-circle > li::before
{
	color: #DC143C !important;
}

/************************************
**ブログカードのスニペット・URL等非表示
************************************/
.blogcard-snippet {
 display: none;
}

.blogcard-footer {
 display: none;
}

.blogcard-title {
	font-weight: normal;
}

/*****************************************
* ポチップ CSS
******************************************/

/***ホバーすると反転***/
.pochipp-box[data-btn-style=dflt] .pochipp-box__btn {
border: 1px solid transparent;
}

/*アマゾン*/
.pochipp-box[data-btn-style=dflt] .-amazon>.pochipp-box__btn:hover {
       background-color: #fff;
	color:var(--pchpp-color-amazon)!important;
	border-color:var(--pchpp-color-amazon);
}

/*楽天*/
.pochipp-box[data-btn-style=dflt] .-rakuten>.pochipp-box__btn:hover {
       background-color: #fff;
	color:var(--pchpp-color-rakuten)!important;
	border-color:var(--pchpp-color-rakuten);
}

/*yahoo*/
.pochipp-box[data-btn-style=dflt] .-yahoo>.pochipp-box__btn:hover {
       background-color: #fff;
	color: var(--pchpp-color-yahoo)!important;
	border-color:var(--pchpp-color-yahoo);
}


/***インラインボタン色個別設定***/

.-amazon.pochipp-inline__btnwrap>.pochipp-inline__btn{
	 background-color:var(--pchpp-color-amazon)!important;
}

.-rakuten.pochipp-inline__btnwrap>.pochipp-inline__btn{
	background-color:var(--pchpp-color-rakuten)!important;
}

.-yahoo.pochipp-inline__btnwrap>.pochipp-inline__btn{
	background-color:var(--pchpp-color-yahoo)!important;
}