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

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

/************************************
** もとくろノート 記事装飾（rules/ブログ制作ルール.md）
** 色：ピンク #E58FA0 / ネイビー #2F3B59 / ベージュ #F2D7B6
************************************/
.article h2{background:#E58FA0;color:#fff;padding:.55em .8em;border:none;border-radius:0;margin:3em 0 1.2em;font-size:1.25em}
.article h3{border:none;border-left:5px solid #E58FA0;padding:.2em .7em;margin:2em 0 1em;background:none}
.article p{line-height:1.8;letter-spacing:.02em}
.mk-box{--c:#E58FA0;--bg:#fdf3f5;border:2px solid var(--c);background:var(--bg);border-radius:7px;margin:1.5em 0;overflow:hidden}
.mk-box-title{display:inline-block;background:var(--c);color:#fff;font-weight:bold;padding:.2em .9em;border-radius:0 0 6px 0;font-size:.9em}
.mk-box-body{padding:.8em 1em 1em;font-weight:bold;line-height:1.8}
.mk-box-ng{--c:#f77171;--bg:#fff4f4}
.mk-box-ok{--c:#6ecc8d;--bg:#eaf9ea}
.mk-cta{border:2px solid #E58FA0;background:#fdf3f5;border-radius:10px;padding:1.2em 1em;text-align:center;margin:2em 0}
.mk-cta p{margin-bottom:.8em}
.mk-cta-button{display:inline-block;background:#E58FA0;color:#fff !important;font-weight:bold;padding:.8em 1.6em;border-radius:30px;text-decoration:none !important;box-shadow:0 3px 0 #c9707f}
.mk-cta-button:hover{opacity:.85}
.speech-name{font-size:12px}


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

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

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