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

/***************************************************************
 * 以下より、個別に追加したCSS
 * *************************************************************/
[class*=is-style-blank-box-] {
  padding: 10px 20px;
}

/***************************************************************
 * このサイト独自の追加CSS
 * *************************************************************/

/* 見出しボックス、タブ見出しボックス、ラベルボックスのパティング調整 */
.caption-box-content, .tab-caption-box-content, .label-box-content {
  padding: var(--cocoon-box-padding);
}
/* ラベルつきブログカードのトップマージンを調整 */
.wp-block-cocoon-blocks-blogcard.blogcard-type:not(.bct-none) {
  margin-top: 1em;
}
/* PR文 */
#show_pr_template.secondary-box {
  line-height: 12px;
  box-shadow: none;
}
/* ブログ構成分 */
#blog_structure {
  margin-top: 2em;
  margin-bottom: 5em;
}
/* 見出しの上のマージン */
.article h2, .article h3, .article h4, .article h5, .article h6 {
  margin-top: 2em;
}

/***************************************************************
 * エッジ・グリーン独自の追加CSS
 * *************************************************************/
/* スムーススクロール */
html {
  scroll-behavior: smooth;
}

/* 黄、赤、青のマーカーを細く */
.marker-under {
  background: linear-gradient(transparent 80%, #ff9 80%);
}
.marker-under-red {
  background: linear-gradient(transparent 80%, #ffd0d1 80%);
}
.marker-under-blue {
  background: linear-gradient(transparent 80%, #a8dafb 80%);
}

/* タブがアクティブになった時の色 */
.tab-label-group .tab-label.is-active {
  background-color: rgba(5, 139, 123, .8);
}

/* プロフィールボックスの左上・右下の２色の背景色 */
.author-box {
  background-image: 
	  linear-gradient(150deg, #36a194 25%, transparent 0), 
	  linear-gradient(165deg, #53b7ab 30%, transparent 0), 
	  linear-gradient(331deg, #36a194 25%, transparent 0), 
	  linear-gradient(343deg, #53b7ab 30%, transparent 0);
}

/* プロフィールのパディング */
.author-box .author-content {
  padding: 1em; /* 本文内プロフィールウィジェットのみ */
}
/* 作成者を中央揃え */
.author-box .author-name {
  text-align: center;
}
/* 本文内プロフィールウィジェット名の下を空ける */
.author-widget-name {
  margin-bottom: 4px;
  color: white;
}
/* 本文内プロフィールウィジェットのプロフィール画像を小さく */
.author-thumb {
  width: 110px;
}
/* SNSフォローボタンを右揃え */
.author-box .sns-follow-buttons {
  justify-content: right; /* 本文内プロフィールウィジェットのみ */
}
/* SNSフォローボタンの枠とフォントを白 */
.author-box .sns-follow-buttons a.follow-button {
  border: 1px solid white;
  color: white;
}
/* ★エッジグリーンの指定を消す★（SNSボタンの影） */
.author-box .sns-follow-buttons a.follow-button {
  box-shadow: unset;
}
.author-box {
  border: 1px solid rgb(214, 214, 214);
}

/* 見出しボックス、タブ見出しボックス、ラベルボックスのパティング調整 */
.caption-box-content, .tab-caption-box-content, .label-box-content {
  padding: var(--cocoon-box-padding);
}
/* ラベルつきブログカードのトップマージンを調整 */
.wp-block-cocoon-blocks-blogcard.blogcard-type:not(.bct-none) {
  margin-top: 1em;
}

/*
** 「Contact Form 7」内のTurunstileウィジェット調整
*/
.wpcf7-turnstile.cf-turnstile div {
  display: grid;		/* グリッド指定 */
  margin: -1.2em 0 1.0em;	/* 上下マージンを揃える */
  place-items: center;		/* 中央揃え */
}

/* ブログカードのSnippetを非表示してカードを小さくする */
.carousel-entry-card-title, .blogcard-snippet {
  display: none;
}

/* 見出しのマージントップ */
.article h2 {
  margin-top: 5em;
}
.article h3, .article h4, .article h5, .article h6{
  margin-top: 4em;
}

/* 引用の上パディングを調整 */
.wp-block-quote {
  padding-top: 24px;
}

/* アフィリエイトボタン下のマイクロコピーの上マージン調整 */
.affilink-micro-copy-lower{
  margin-top:-20px;
}