@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-mikke.1
*/

/* ==========================================================
   みっけ帖 カスタムスタイル
   管理：GitHub Akasaka-azure/mikke-cho（theme/cocoon-child-master）
   ※管理画面の「テーマファイルエディター」で直接編集しないこと
     （次回デプロイで上書きされます）
   ========================================================== */

/* ---------- PR表記（記事冒頭） ---------- */
.mikke-pr-notice {
  margin: 0 0 1.2em;
  padding: 0.6em 0.9em;
  font-size: 0.85em;
  line-height: 1.6;
  color: #555;
  background: #f6f6f6;
  border-left: 4px solid #bbb;
  border-radius: 2px;
}

/* ---------- 検証情報ボックス ---------- */
.mikke-verify-box {
  margin: 0 0 1.6em;
  padding: 0.9em 1.1em;
  font-size: 0.9em;
  line-height: 1.7;
  background: #fbfaf5;
  border: 1px solid #e3dcc6;
  border-radius: 6px;
}
.mikke-verify-box__title {
  margin: 0 0 0.4em;
  font-weight: bold;
  font-size: 0.95em;
}
.mikke-verify-box dl {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 0.2em 1em;
  margin: 0;
}
.mikke-verify-box dt {
  color: #777;
  font-weight: normal;
}
.mikke-verify-box dd {
  margin: 0;
}
.mikke-verify-box--unverified {
  background: #f7f9fb;
  border-color: #d5dfe8;
}

/* ---------- 比較表・料金表 ---------- */
.entry-content .wp-block-table table {
  font-size: 0.92em;
}
.entry-content .wp-block-table th {
  background: #f3f3f3;
  white-space: nowrap;
}

/* ---------- フッターの広告表記 ---------- */
.mikke-footer-ad-notice {
  padding: 0.8em 1em;
  font-size: 0.8em;
  text-align: center;
  color: #777;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
}
/*834px以下*/
@media screen and (max-width: 834px){
}
/*480px以下*/
@media screen and (max-width: 480px){
  .mikke-verify-box dl {
    grid-template-columns: 1fr;
  }
  .mikke-verify-box dd {
    margin-bottom: 0.3em;
  }
}
