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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* アクアリウムフィルター適合ナビ｜記事共通デザイン */
:root{
  --aqfn-ink:#16323d;
  --aqfn-water:#197f93;
  --aqfn-water-dark:#126477;
  --aqfn-pale:#edf8fa;
  --aqfn-border:#d7e6e9;
  --aqfn-marker:#fff0a6;
  --aqfn-danger:#b42318;
}

.entry-content{color:var(--aqfn-ink);line-height:1.9;}
.entry-content h2{margin-top:2.4em;padding:.72em .9em;border-left:6px solid var(--aqfn-water);border-radius:6px;background:var(--aqfn-pale);color:var(--aqfn-ink);}
.entry-content h3{margin-top:1.8em;padding-bottom:.35em;border-bottom:2px solid var(--aqfn-border);color:var(--aqfn-water-dark);}
.entry-content strong{background:linear-gradient(transparent 58%,var(--aqfn-marker) 58%);font-weight:700;}
.entry-content blockquote{margin:1.6em 0;padding:1.1em 1.25em;border-left:5px solid var(--aqfn-water);border-radius:6px;background:#f7fbfc;}
.entry-content .wp-block-table{overflow-x:auto;margin:1.5em 0;}
.entry-content table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--aqfn-border);border-radius:8px;overflow:hidden;}
.entry-content th{background:#e3f3f6;color:var(--aqfn-ink);font-weight:700;}
.entry-content th,.entry-content td{padding:.75em .8em;border-right:1px solid var(--aqfn-border);border-bottom:1px solid var(--aqfn-border);vertical-align:top;}
.entry-content tr:last-child td{border-bottom:0;}
.entry-content th:last-child,.entry-content td:last-child{border-right:0;}
.entry-content small{color:#5e737c;}

.aqfn-red{color:var(--aqfn-danger)!important;font-weight:700;}
.aqfn-note,.aqfn-warning{margin:1.5em 0;padding:1em 1.15em;border-radius:8px;}
.aqfn-note{border:1px solid #9fd3dc;background:#f0fafc;}
.aqfn-warning{border:1px solid #efb3ae;background:#fff5f4;color:#6f1d16;}

.aqfn-cta{margin:2em 0;padding:1.2em;border:1px solid var(--aqfn-border);border-radius:10px;background:#fff;box-shadow:0 4px 18px rgba(18,100,119,.08);}
.aqfn-cta-title{margin:0 0 .8em;font-weight:700;color:var(--aqfn-ink);}
.aqfn-cta-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65em;}
.aqfn-btn{display:block;padding:.78em .9em;border-radius:7px;text-align:center;text-decoration:none!important;font-weight:700;transition:transform .15s ease,opacity .15s ease;}
.aqfn-btn:hover{transform:translateY(-1px);opacity:.9;}
.aqfn-btn-amazon{background:#f3a847;color:#1f2933!important;}
.aqfn-btn-rakuten{background:#bf0000;color:#fff!important;}
.aqfn-btn-yahoo{background:#ff0033;color:#fff!important;}

@media screen and (max-width:640px){
  .entry-content h2{padding:.65em .75em;font-size:1.2em;}
  .entry-content th,.entry-content td{padding:.65em .65em;font-size:.94em;}
  .aqfn-cta-buttons{grid-template-columns:1fr;}
}

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

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

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