@charset "UTF-8";


/*3記事おきにインデックスミドル広告表示*/
function is_index_middle_widget_visible($count){
  if (
       /*3の倍数 --*/
      ($count  % 3) == 0 &&
      /*1ページに表示する最大投稿数が6以上の時*/
      is_posts_per_page_6_and_over() &&
       /*タイル表示じゃないとき*/
      !is_entry_card_type_tile_card() &&
       /*&&//公開記事が6以上の時*/
      (get_all_post_count_in_publish() >= 6)
  ) {
    return true;
  }
}

/************************************
****　サイドバー
************************************/
#sidebar>.widget{
border-radius:10px;
}
.tagcloud a{
/*background-color:#fff;/*タグの背景色変更*/
color:#fff!important;/*タグの文字色変更*/
}
.tagcloud a:hover{
background-color:#242529;/*マウスカーソルが合った際の背景色変更*/
color:#e023a7!important;/*マウスカーソルが合った際の文字色変更*/
transition: 0.4s ;
}

/************************************
** ■サイドバータイトル カスタマイズ
************************************/
#sidebar h3{
  margin: 10px 0px 20px 0px;
  padding: 10px 10px 10px 10px;
  line-height: 100%;
}


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

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

/*ダウンロードボタンの色*/
.wp-block-file a.wp-block-file__button {
 border: 1px solid #FFFFFF;/外枠線の太さ　直線　色/
 border-radius: 30px;/角の丸み/
}

/* 埋め込みURL全体の外枠を変更 */
.wp-block-embed {
  border: 2px solid white; /* 白い枠線を追加 */
  border-radius: 5px; /* 角を丸くする（必要に応じて） */
  padding: 10px; /* 内側の余白 */
  box-sizing: border-box; /* ボックスサイズを調整 */
}

/* 内部リンクのボタン部分を調整 */
/* 親要素の枠線を削除 */
.wp-block-embed {
  border: none !important; /* 外側の枠線を削除 */
  padding: 0; /* 不要な余白を削除 */
}

/* ボタン要素に枠線を適用 */
.wp-block-embed__wrapper a {
  display: inline-block;
  padding: 10px 15px; /* ボタン内側の余白 */
  border: 1px solid white; /* 枠線を1pxに変更 */
  border-radius: 5px; /* 角を丸くする（任意） */
  background-color: transparent; /* 背景を透明に */
  background-color: #1f2026; /* ホバー時の背景色 */
  color: #FFF; /* 文字色 */
  text-decoration: none; /* 下線を削除 */
  font-size: 16px; /* 文字サイズ */
  font-weight: bold; /* 太字 */
  text-align: center; /* テキスト中央寄せ */
  transition: all 0.3s ease; /* ホバー時のスムーズなエフェクト */
}

/* ホバー時のスタイル */
.wp-block-embed__wrapper a:hover {
  background-color: #333742; /* ホバー時の背景色 */
  color: #fff; /* ホバー時の文字色（必要に応じて変更） */
}
/************************************
　　　　Codocの改変部分
************************************/

.codoc-buy {
	color: #000 !important;  /*文字の色*/
    background: #f9f9f9!important;
}

/* 残り文字数*/
.codoc-continue, .codoc-more {
    color: #cac9d3 !important;
}


/* 「この続きを見るには」の左右のボダー色を指定*/
.codoc-continue::after, .codoc-continue::before {
  background: #fff !important;
}

/* 「この続きを見るには」のテキスト色を指定 */
.codoc-continue {
  color: #fff !important;  
}

/*残り文字数*/
.codoc-more {
    color: white !important; /* 好きな色を指定 */
}

/*復元関連*/
.codoc-subscription-articlelist-login {
	color: #fff !important; 
    background: #6e6c7c!important; 
}
.codoc-buy-creator a, .codoc-subscription-articlelist a {
    color: #fff!important;
}

/**/
.codoc-bottom {
    background:  #6e6c7c!important; 
}
/************************************
****　アピールエリア
************************************/
.appeal{
padding:0 0 .1em;
box-shadow: 0px 1px 4px 0 rgba(0,0,0,.1);
}
div#appeal-in.appeal-in.wrap{
padding:0;
min-height:0px;
max-height:60px;
}
.appeal-content{
background-color:#e023a7; /*エリア背景色・ボタン色と同じカラーコードを入力*/
margin:auto;
padding:0;
max-width:100%;
opacity:1;
line-height:1.6;
}
a.appeal-button {
color: #fff!important;/*文字色はこちらで変更できます*/
font-size:.30em;
padding:0 23em 0;
margin:0;
max-width:100%;
white-space: nowrap;
box-shadow: none;
}
@media screen and (max-width: 1023px){
a.appeal-button {
padding:0 18em 0 ;
}}
@media screen and (max-width: 834px){
a.appeal-button {
padding:0 13em 0 ;
}
.appeal{
padding:.1em 0 .25em;
}}
@media screen and (max-width: 652px){
a.appeal-button {
padding:0 8em 0 ;
}}
@media screen and (max-width: 500px){
a.appeal-button {
padding:0 6em 0 ;
}}
@media screen and (max-width: 420px){
a.appeal-button {
padding:0 3em 0 ;
}}
.appeal-button:hover {
transform:none;
box-shadow: none;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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

.example table, .example th, .example td {border: none ;}