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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*reCAPTCHAのロゴを非表示にする*/
.grecaptcha-badge { visibility: hidden; }

/*ブログカードのラベルを表示させる*/
.bct-related .blogcard-label,/*関連記事*/
.bct-reference .blogcard-label,/*参考記事*/
.bct-reference-link .blogcard-label,/*参考リンク*/
.bct-popular .blogcard-label,/*人気記事*/
.bct-together .blogcard-label,/*あわせて読みたい*/
.bct-detail .blogcard-label,/*詳細はこちら*/
.bct-check .blogcard-label,/*チェック*/
.bct-pickup .blogcard-label,/*ピックアップ*/
.bct-official .blogcard-label,/*公式サイト*/
.bct-dl .blogcard-label{/*ダウンロード*/
display: inline !important;
background-color: #bdbebd;
margin-left:.5em;
}
@media screen and (max-width: 600px){
.blogcard-label{
margin-left:-0.3em!important;
}
}

/* レスポンシブデザイン用のメディアクエリ*/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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

.internal-blogcard::after{
	content: '続きを読む \00bb'; /* 内部リンク右下枠の文言 */
	position: absolute;
	bottom: .5rem;
	right: 1rem;
	font-size: 70%;
	background-color: #bdbebd; /* 内部リンク右下枠の背景色 */
	padding: .4em 3em;
	font-weight: bold;
	color: #323435; /* 内部リンク右下枠の文字色 */
	border-radius: 2px;
}

/* ブログカードのアイコンとURLを非表示 */
.blogcard-snippet{
display:none;
}
.blogcard-footer{
	display: none; 
}

/*モバイルボタン色設定*/
.mobile-menu-buttons {
  background: #bdbebd;
  color: #323435;
}

/*サイドバーの背景・文字色*/
.sidebar h3{
  background-color:#bdbebd;
  color:#323435;
  padding:16px 10px;
  margin:16px 0;
  text-align:center;
}

/*見出し設定h2*/
.article h2 {
  position:relative;
  padding: 0.7rem 2.5rem;
  color: #323435;
  background: #bebebd;
  -webkit-box-shadow: 3px 3px 0 #595155;
  box-shadow: 3px 3px 0 #595155;
}
.article h2:before {
  font-family: "FontAwesome";
  content: "\f138";
  font-weight: 900;
  position: absolute;
  left : 0.5em; /*左端からのアイコンまでの距離*/
}


/*見出し設定h3*/
.article h3 {
  padding: 0.5em;
  color: #323435;
  background: linear-gradient(to right, #bdbebd, #ffffff);
  border-top: none;
  border-bottom: none;
  border-right: none;
  border-left: solid 3px #595155;
}

/*見出し設定h5*/
.article h5 {
  position: relative;
}
.article h5:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 15px;
  background: linear-gradient(transparent 70%, #bdbebd 70%);
}

/* アプリーチ */
.appreach {
  text-align: left;
  padding: 10px;
  border: 1px solid #7C7C7C;
  overflow: hidden;
}
.appreach:after {
  content: "";
  display: block;
  clear: both;
}
.appreach p {
  margin: 0;
}
.appreach a:after {
  display: none;
}
.appreach__icon {
  float: left;
  border-radius: 10%;
  overflow: hidden;
  margin: 0 3% 0 0 !important;
  width: 25% !important;
  height: auto !important;
  max-width: 120px !important;
}
.appreach__detail {
  display: inline-block;
  font-size: 20px;
  line-height: 1.5;
  width: 72%;
  max-width: 72%;
}
.appreach__detail:after {
  content: "";
  display: block;
  clear: both;
}
.appreach__name {
  font-size: 16px;
  line-height: 1.5em !important;
  max-height: 3em;
  overflow: hidden;
}
.appreach__info {
  font-size: 12px !important;
}
.appreach__developper, .appreach__price {
  margin-right: 0.5em;
}
.appreach__posted a {
  margin-left: 0.5em;
}
.appreach__links {
  float: left;
  height: 40px;
  margin-top: 8px;
  white-space: nowrap;
}
.appreach__aslink img {
  margin-right: 10px;
  height: 40px;
  width: 135px;
}
.appreach__gplink img {
  height: 40px;
  width: 134.5px;
}
.appreach__star {
  position: relative;
  font-size: 14px !important;
  height: 1.5em;
  width: 5em;
}
.appreach__star__base {
  position: absolute;
  color: #737373;
}
.appreach__star__evaluate {
  position: absolute;
  color: #ffc107;
  overflow: hidden;
  white-space: nowrap;
}
/* アプリーチここまで */

/*カテゴリーラベル*/
.cat-label {
    top: 0;
    left: 10px;
    border: none;
    color: #ffffff;
    background-color: #595955;
    padding: 1px 5px;
    margin: -6px 0 0 0;
    overflow: visible;
}

/*ボックス文字色*/
.blank-box.bb-tab .bb-label{
	color:#323435;
}
.tab-caption-box.has-border-color .box-label{
	color:#323435;
}
.tab-caption-box.has-border-color:not(.not-nested-style) .box-label{
	color:#323435;
}
.cocoon-block-caption-box.has-border-color.not-nested-style>.box-label{
	color:#323435;
}
.caption-box.has-border-color:not(.not-nested-style) .box-label{
	color:#323435;
}
.caption-box.has-border-color .box-label{
	color:#323435;
}
.body .toggle-wrap.has-key-color-border-color .toggle-button{
	color:#323435;
}
.blogcard-label{
	color:#323435;
}

/*カテゴリー＆タグのリンク文字色*/
.cat-link{
	color:#323435;
}
.tag-link{
	color:#323435;
}