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

html {
  scroll-behavior: smooth;
}

/* 「新着記事」を非表示にするCSS */
div#list-wrap .list-new-entries {
  display: none;
}
[class*=is-style-blank-box-] {
  padding: 10px 20px;
}
.tab-caption-box-content table tr:nth-of-type(2n) {
  background-color: unset;
}
/* 黄、赤、青のマーカーを細く */
.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%);
}



/* 本文内の人気記事をカスタマイズ */
.popular-list-box .widget-entry-cards figure {
  display: none;
}
.popular-list-box .widget-entry-card-content {
    margin-left: unset;
    position: relative;
    padding-left: 2.2em;
}
.popular-list-box .widget-entry-card-content::before {
    position: absolute;
    top: calc(100% - 36px);
    top: -0.5em;
    line-height: 40px;
    color: rgba(128, 128, 128, .4);
    opacity: .9;
    font-size: 20px;
    font-family: Arial, sans-serif;
    z-index: 1;
    font-weight: bold;
    font-style: italic;
    content: counter(p-rank);
    left: -0.4em;
}
.popular-list-box .widget-entry-card-content::after {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    color: rgba(5, 139, 123, .6);
    font-weight: 900;
    font-size: 90%;
    top: 0;
    content: "\f0c1";
    left: 1em;
}

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

/* 背景色（斜めに2色） ＋ ボーダー＋画像枠 */
/*
.author-box {
  background-color: white;
  border: 10px solid #bde3e3;
  border-radius: 6px;
  background-image: linear-gradient(145deg, #bde3e3 0%, #bde3e3 50%, #f3fbf8 50%, #f3fbf8 100%, transparent 0);
}
.author-thumb img {
  border: 4px outset rgb(128 128 128 / 30%);
  box-shadow: none;
}
*/

/* ■№11：左上・右下の２色の背景色 */
/* プロフィールボックスの左上・右下の２色の背景色 */
.author-box {
/*  background-image: 
    linear-gradient(150deg, #45a1cf 25%, transparent 0), 
    linear-gradient(165deg, #63b2d9 30%, transparent 0), 
    linear-gradient(331deg, #45a1cf 25%, transparent 0), 
    linear-gradient(343deg, #63b2d9 30%, transparent 0);*/
  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;		/* 中央揃え */
}