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

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

.article h2{font-size:20px;font-weight:bold;color:#333;padding:10px 14px;border-left:5px solid #5c6bc0;border-bottom:2px solid #5c6bc0;background-color:#f5f7fb;border-radius:8px;margin:24px 0 16px 0}.article h2::before{content:"🍒 ";font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;margin-right:4px}.article h3{font-size:16px;font-weight:bold;color:#8e9be3;padding:8px 12px;border-left:4px solid #5c6bc0;border-bottom:1px dashed #aab2f0;background-color:#f5f7fb;border-radius:6px;margin:20px 0 14px 0;padding-bottom:3px}@media (prefers-color-scheme: dark){.article h2,.article h3{color:#fff;background-color:#2a2a2a;border-left:5px solid #5c6bc0;border-bottom:2px solid #5c6bc0}}a{color:#5c6bc0;text-decoration:none}a:hover{color:#7a89db;text-decoration:underline}.entry-card-wrap:hover{text-decoration:none!important}.widgettitle{color:#5c6bc0;border-bottom:2px solid #7a89db;padding-bottom:5px}.sns-button{transition:transform .2s ease}.sns-button:hover{transform:scale(1.05);opacity:.85}.archive-link-box{text-align:center;margin:1.5em 0}.archive-button{display:inline-block;padding:.8em 1.5em;background-color:#f2f2f2;border-radius:30px;font-weight:bold;text-decoration:none;color:#333;transition:.3s;border:2px solid #5c6bc0}.archive-button:hover{background-color:#e0e0e0;color:#5c6bc0}.profile-intro{font-weight:500;font-size:16px;margin-bottom:1em;background:#f5f7fb;padding:10px 12px;border-left:4px solid #5c6bc0;border-radius:6px;color:#333}@media (prefers-color-scheme: dark){.profile-intro{background:#2a2a2a;border-left:4px solid #5c6bc0;color:#fff}}.grecaptcha-badge { visibility: hidden; }





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

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

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