@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){
  /*必要ならばここにコードを書く*/
}
/* オリジナルパステル付箋（ピンク） */
.my-pastel-box {
    background-color: #FFF0F2; /* 薄いパステルピンク */
    border-left: 8px solid #FFB7C5; /* 左側の濃いピンクの線 */
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 8px; /* 角を丸くする */
    box-shadow: 0 2px 5px rgba(0,0,0,0.05); /* ほんのり影をつけて立体的に */
}
/* ==========================================
 * オーナー専用：ブログこだわり付箋ボックス3選
 * ========================================== */

/* 1. 🎀 くるみの空想ノート（ピンク・ドット＆リボン） */
.my-kurumi-note {
    position: relative;
    background-color: #FFF0F2; /* パステルピンク */
    background-image: radial-gradient(#FFD1DC 15%, transparent 15%); /* ドット柄 */
    background-size: 12px 12px;
    border-left: 8px solid #FFB7C5; /* 左の濃いピンク線 */
    padding: 25px 20px 20px 20px;
    margin-bottom: 25px;
    border-radius: 8px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.03);
}
/* 左上のリボン飾り */
.my-kurumi-note::before {
    content: "🎀 空想ノート";
    position: absolute;
    top: -12px;
    left: 15px;
    background: #FFB7C5;
    color: #fff;
    font-size: 0.75em;
    font-weight: bold;
    padding: 2px 10px;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* 2. 📍 栗栖くるみの「のんびり現地ナビ」（青・マップピン） */
.my-kurumi-navi {
    position: relative;
    background-color: #F0F7FF; /* パステルブルー */
    border: 1px solid #BCD9FF;
    border-left: 8px solid #4A90E2; /* 左の濃い青線 */
    padding: 25px 20px 20px 20px;
    margin-bottom: 25px;
    border-radius: 6px;
}
/* 左上のマップピン飾り */
.my-kurumi-navi::before {
    content: "📍 現地ナビ";
    position: absolute;
    top: -12px;
    left: 15px;
    background: #4A90E2;
    color: #fff;
    font-size: 0.75em;
    font-weight: bold;
    padding: 2px 10px;
    border-radius: 4px;
}

/* 3. 💡 おうちでレナーズ気分（黄色・ステッチ付箋風） */
.my-kurumi-hint {
    position: relative;
    background-color: #FFFDEB; /* パステルイエロー */
    border: 2px dashed #E6C845; /* 裁縫のステッチのような点線 */
    padding: 25px 20px 20px 20px;
    margin-bottom: 25px;
    border-radius: 4px;
    box-shadow: 3px 3px 0px #F5ECD0; /* 少しずらした可愛い影 */
}
/* 左上の電球飾り */
.my-kurumi-hint::before {
    content: "💡 おうちヒント";
    position: absolute;
    top: -12px;
    left: 15px;
    background: #E6C845;
    color: #fff;
    font-size: 0.75em;
    font-weight: bold;
    padding: 2px 10px;
    border-radius: 4px;
}