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

/* ===== 2026-09-15 広告表記(ステマ規制対応)と比較表 ===== */
.ok-pr{
  font-size:12px; line-height:1.7; color:#5b6670; background:#f5f7f8;
  border:1px solid #e1e6ea; border-radius:4px; padding:10px 12px; margin:0 0 1.6em;
}
.entry-content figure.wp-block-table{ overflow-x:auto; }
.entry-content figure.wp-block-table table{ min-width:520px; }
.entry-content figure.wp-block-table figcaption{
  font-size:12px; color:#78838c; margin-top:.5em; text-align:left;
}
.entry-content table th{ background:#f2f5f7; white-space:nowrap; }
@media screen and (max-width:767px){
  .entry-content figure.wp-block-table table{ min-width:480px; font-size:13px; }
}
.ok-related{ border:1px solid #dfe5ea; border-left:4px solid #2f7db5; border-radius:4px; padding:14px 16px; margin:2em 0; background:#fbfcfd; }
.ok-related-title{ font-weight:700; margin:0 0 .6em; font-size:15px; }
.ok-related ul{ margin:0; padding-left:1.2em; }
.ok-related li{ margin-bottom:.7em; }
.ok-related-note{ font-size:12px; color:#78838c; }

/* ===== 記事テーマ連動CTA ===== */
.ok-cta{
  border:1px solid #d9e2e8; border-radius:6px; background:#fbfdfe;
  padding:16px 18px; margin:2em 0; box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.ok-cta-title{
  font-weight:700; font-size:15px; margin:0 0 .9em; color:#1f3d52;
  display:flex; align-items:center; gap:.6em; flex-wrap:wrap;
}
.ok-cta-pr{
  font-size:10px; font-weight:600; letter-spacing:.06em; color:#fff;
  background:#98a6b0; border-radius:3px; padding:2px 6px;
}
.ok-cta ul{ list-style:none; margin:0; padding:0; }
.ok-cta li{
  border-top:1px solid #e8eef2; padding:.85em 0;
  display:flex; flex-direction:column; gap:.25em;
}
.ok-cta li:first-child{ border-top:none; padding-top:0; }
.ok-cta-name{
  font-weight:700; font-size:16px; color:#16628f; text-decoration:none;
}
.ok-cta-name:hover{ text-decoration:underline; }
.ok-cta-note{ font-size:12.5px; color:#65737d; line-height:1.6; }
.ok-cta-foot{
  font-size:11px; color:#8a959d; margin:1em 0 0; line-height:1.6;
  border-top:1px dashed #e0e7ec; padding-top:.7em;
}
@media screen and (max-width:767px){
  .ok-cta{ padding:14px; }
  .ok-cta-name{ font-size:15px; }
}