大見出し（* 見出し）全体を鮮やかなピンクに */
.cmd_h2, h2 {
    background-color: #ff1493; /* 鮮やかなピンク（ディープピンク） */
    color: #ffffff;            /* 文字色を白に */
    padding: 0.6em 1em;        /* 上下左右の余白 */
    border-radius: 5px;        /* 角を少し丸くする（不要なら削除） */
    font-weight: bold;
    border: none;              /* 既存の枠線を消去 */
}

/* 中見出し（** 見出し）全体をやややわらかいピンクに */
.cmd_h3, h3 {
    background-color: #ff69b4; /* ホットピンク */
    color: #ffffff;            /* 文字色を白に */
    padding: 0.4em 0.8em;      /* 上下左右の余白 */
    border-radius: 4px;        /* 角を少し丸くする */
    font-weight: bold;
    border: none;
} /* コメント送信ボタンをピンクにする */
input[type="submit"][value*="コメント"],
input[type="submit"][name="comment"] {
    background-color: #ff1493; /* 鮮やかなピンク */
    color: #ffffff;            /* 文字色（白） */
    border: none;              /* 枠線を消す */
    padding: 6px 16px;         /* ボタンの余白（サイズ） */
    border-radius: 4px;        /* 角を少し丸く */
    font-weight: bold;
    cursor: pointer;           /* マウスカーソルをポインターに */
    transition: background-color 0.2s ease; /* ホバー時の変化をなめらかに */
} /* ページ編集・保存の投稿ボタンをピンクにする */
input[type="submit"][name="write"],
input[type="submit"][value*="保存"],
input[type="submit"][value*="投稿"] {
    background-color: #ff1493 !important; /* 鮮やかなピンク */
    color: #ffffff !important;            /* 文字色（白） */
    border: none !important;              /* デフォルトの枠線を消す */
    padding: 8px 20px;                    /* ボタンの大きさ調整 */
    border-radius: 5px;                   /* 角を少し丸く */
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

/* マウスを乗せた（ホバーした）時の効果 */
input[type="submit"][name="write"]:hover,
input[type="submit"][value*="保存"]:hover,
input[type="submit"][value*="投稿"]:hover {
    background-color: #ff69b4 !important; /* ふんわり明るいピンク */
} /* ==========================================
   1. ☆マーク・アイコンのパステルピンク化
   ========================================== */
.example-star::before,
.example-star::after,
.star-mark {
    content: "☆" !important; 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.0);
    color: #ffb6c1 !important; /* ふんわりパステルピンク */
    font-size: 36px !important;
    font-weight: normal !important;
    line-height: 1 !important;
}

/* ==========================================
   2. 見出し（h2, h3）のパステル化
   ========================================== */
/* 大見出し：パステルピンク背景 × 濃いめピンク文字 */
.cmd_h2, h2 {
    background-color: #ffc0cb !important; /* 淡いパステルピンク */
    color: #5c3d46 !important;            /* 読みやすいように文字は少し落ち着いたピンクブラウン */
    padding: 0.6em 1em;
    border-radius: 8px;                    /* 少し丸みを強めてやわらかい印象に */
    font-weight: bold;
    border: none !important;
}

/* 中見出し：さらに淡いピンク背景 */
.cmd_h3, h3 {
    background-color: #ffe4e1 !important; /* ミスティローズ（超極薄ピンク） */
    color: #5c3d46 !important;
    padding: 0.4em 0.8em;
    border-radius: 6px;
    font-weight: bold;
    border-left: 4px solid #ffb6c1 !important; /* 左側にワンポイント線 */
}

/* ==========================================
   3. ボタン類（投稿・保存・コメント）のパステル化
   ========================================== */
input[type="submit"][name="write"],
input[type="submit"][name="comment"],
input[type="submit"][value*="保存"],
input[type="submit"][value*="投稿"],
input[type="submit"][value*="コメント"] {
    background-color: #ffb6c1 !important; /* パステルピンク */
    color: #ffffff !important;            /* 文字色（白） */
    border: none !important;
    padding: 8px 20px;
    border-radius: 20px;                   /* コロンと丸いボタンデザイン */
    font-weight: bold;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 5px rgba(255, 182, 193, 0.4); /* うっすらピンクの影 */
}

/* マウスホバー時（少し濃いパステルに変化） */
input[type="submit"]:hover {
    background-color: #ffb3ba !important;
    transform: translateY(-1px);
}

/* ==========================================
   4. リンク・引用などのアクセント
   ========================================== */
/* ページ内のリンク色 */
a {
    color: #e88899 !important; /* 白背景でも見やすい少し濃いめのパステルピンク */
}
a:hover {
    color: #ffb6c1 !important;
}

/* 引用ブロック */
blockquote {
    border-left: 4px solid #ffb6c1 !important;
    background-color: #fff0f5 !important; /* いちごミルクのような薄いピンク */
    color: #666666 !important;
} /* ==========================================
   すべてのコメント関連ボタンをパステルピンク化
   ========================================== */

/* 1. コメント送信・投稿ボタン全般（Input / Button / Submit） */
input[type="submit"][name="comment"],
input[type="submit"][value*="コメント"],
input[type="submit"][value*="投稿"],
input[type="submit"][value*="送信"],
input[type="button"][value*="コメント"],
.atwiki_comment_submit,
.comment_submit,
#comment_form input[type="submit"] {
    background-color: #ffb6c1 !important; /* パステルピンク */
    color: #ffffff !important;            /* 文字色（白） */
    border: none !important;
    padding: 6px 16px !important;
    border-radius: 20px !important;       /* 丸みをつけてかわいく */
    font-weight: bold !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 2px 5px rgba(255, 182, 193, 0.4) !important;
}

/* 2. コメント送信ボタン（ホバー時） */
input[type="submit"][name="comment"]:hover,
input[type="submit"][value*="コメント"]:hover,
input[type="submit"][value*="投稿"]:hover,
input[type="submit"][value*="送信"]:hover,
input[type="button"][value*="コメント"]:hover,
.atwiki_comment_submit:hover,
.comment_submit:hover,
#comment_form input[type="submit"]:hover {
    background-color: #ffb3ba !important; /* 少し濃いパステルピンク */
    transform: translateY(-1px) !important;
}

/* 3. 掲示板・ツリー型コメントの「返信」「編集」リンクボタン */
.comment_reply a,
.comment_edit a,
.pcomment_reply,
a.comment_reply_btn {
    display: inline-block !important;
    background-color: #ffe4e1 !important; /* ふんわり薄いピンク */
    color: #5c3d46 !important;            /* 落ち着いたピンクブラウン文字 */
    border: 1px solid #ffb6c1 !important; /* パステルピンクの枠線 */
    padding: 2px 10px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

/* 4. 「返信」ボタン（ホバー時） */
.comment_reply a:hover,
.comment_edit a:hover,
.pcomment_reply:hover,
a.comment_reply_btn:hover {
    background-color: #ffb6c1 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* 5. コメント欄のラジオボタン（選択肢）をチェックした時のピンク強調 */
input[type="radio"][name*="comment"]:checked + label,
input[type="checkbox"][name*="comment"]:checked + label {
    color: #e88899 !important;
    font-weight: bold !important;
} /* ==========================================
   掲示板関連（#bbs 等）のパステルピンク化
   ========================================== */

/* 1. 掲示板の「新規スレッド作成」「投稿」「送信」ボタン */
.bbs_form input[type="submit"],
.bbs_submit,
#bbs_form input[type="submit"],
form[name="bbs"] input[type="submit"],
input[type="submit"][value*="スレッド"],
input[type="submit"][value*="書き込む"] {
    background-color: #ffb6c1 !important; /* パステルピンク */
    color: #ffffff !important;            /* 文字色（白） */
    border: none !important;
    padding: 6px 18px !important;
    border-radius: 20px !important;       /* コロンと丸いボタン */
    font-weight: bold !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 2px 5px rgba(255, 182, 193, 0.4) !important;
}

/* ボタン（ホバー時） */
.bbs_form input[type="submit"]:hover,
.bbs_submit:hover,
#bbs_form input[type="submit"]:hover,
form[name="bbs"] input[type="submit"]:hover,
input[type="submit"][value*="スレッド"]:hover,
input[type="submit"][value*="書き込む"]:hover {
    background-color: #ffb3ba !important; /* 少し濃いパステルピンク */
    transform: translateY(-1px) !important;
}

/* 2. 掲示板内の「返信」「編集」「削除」リンクボタン */
.bbs_reply a,
.bbs_res_reply a,
.bbs_edit a,
a.bbs_button {
    display: inline-block !important;
    background-color: #ffe4e1 !important; /* ふんわり薄いピンク */
    color: #5c3d46 !important;            /* ピンクブラウン文字 */
    border: 1px solid #ffb6c1 !important; /* パステルピンクの枠線 */
    padding: 3px 12px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

/* 返信ボタン類（ホバー時） */
.bbs_reply a:hover,
.bbs_res_reply a:hover,
.bbs_edit a:hover,
a.bbs_button:hover {
    background-color: #ffb6c1 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* 3. 掲示板のレス・スレッド外枠やヘッダー */
.bbs_thread,
.bbs_res {
    border: 1px solid #ffd1dc !important; /* 薄いピンクの枠線 */
    border-radius: 8px !important;
    background-color: #fff9fa !important; /* 極薄ピンクの背景 */
    margin-bottom: 15px !important;
    padding: 10px !important;
}

/* スレッドのタイトル部分 */
.bbs_title,
.bbs_thread_title {
    color: #e88899 !important;            /* 濃いめパステルピンク */
    font-weight: bold !important;
    border-bottom: 2px solid #ffb6c1 !important;
    padding-bottom: 4px !important;
} /* ==========================================
   パステルピンク × パステルグリーンのミックスデザイン
   ========================================== */

/* 1. 見出し（大見出し＝ピンク / 中見出し＝サブのグリーン） */
.cmd_h2, h2 {
    background-color: #ffc0cb !important; /* 淡いパステルピンク */
    color: #5c3d46 !important;
    padding: 0.6em 1em;
    border-radius: 8px;
    font-weight: bold;
    border-left: 6px solid #c8e6c9 !important; /* ワンポイントにパステルグリーン */
}

.cmd_h3, h3 {
    background-color: #e8f5e9 !important; /* パステルグリーンの背景 */
    color: #3e523f !important;            /* 落ち着いたグリーン文字 */
    padding: 0.4em 0.8em;
    border-radius: 6px;
    font-weight: bold;
    border-left: 4px solid #ffb6c1 !important; /* ピンクのアクセント線 */
}

/* 2. ボタン類（基本＝ピンク / ホバー時＝サブのパステルグリーンに変化！） */
input[type="submit"][name="write"],
input[type="submit"][name="comment"],
input[type="submit"][value*="保存"],
input[type="submit"][value*="投稿"],
input[type="submit"][value*="コメント"],
input[type="submit"][value*="スレッド"],
input[type="submit"][value*="書き込む"],
.bbs_form input[type="submit"],
.bbs_submit {
    background-color: #ffb6c1 !important; /* パステルピンク */
    color: #ffffff !important;
    border: none !important;
    padding: 8px 20px !important;
    border-radius: 20px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 5px rgba(255, 182, 193, 0.4) !important;
}

/* ★ボタンにマウスを乗せるとパステルグリーンに変わる */
input[type="submit"]:hover,
.bbs_form input[type="submit"]:hover,
.bbs_submit:hover {
    background-color: #a8e6cf !important; /* 爽やかなミントグリーン */
    color: #2d5043 !important;            /* 文字色も読みやすくチェンジ */
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 5px rgba(168, 230, 207, 0.4) !important;
}

/* 3. 掲示板・コメントの「返信」「編集」ボタン（サブのパステルグリーン） */
.comment_reply a,
.comment_edit a,
.pcomment_reply,
a.comment_reply_btn,
.bbs_reply a,
.bbs_res_reply a,
.bbs_edit a,
a.bbs_button {
    display: inline-block !important;
    background-color: #e8f5e9 !important; /* 淡いグリーン */
    color: #3e523f !important;
    border: 1px solid #a8e6cf !important; /* パステルグリーンの枠線 */
    padding: 3px 12px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

/* 返信ボタン（ホバーするとピンクに） */
.comment_reply a:hover,
.comment_edit a:hover,
.pcomment_reply:hover,
a.comment_reply_btn:hover,
.bbs_reply a:hover,
.bbs_res_reply a:hover,
.bbs_edit a:hover,
a.bbs_button:hover {
    background-color: #ffb6c1 !important;
    color: #ffffff !important;
    border-color: #ffb6c1 !important;
}

/* 4. ☆マーク・アイコン（メイン＝ピンク / サブの☆＝グリーン） */
.example-star::before,
.star-mark {
    content: "☆" !important; 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.0);
    color: #a8e6cf !important; /* サブのパステルグリーン */
    font-size: 36px !important;
    font-weight: normal !important;
    line-height: 1 !important;
}

/* 5. 引用ブロックや選択アクセント */
blockquote {
    border-left: 4px solid #a8e6cf !important; /* パステルグリーンの枠線 */
    background-color: #f4fbf7 !important;     /* ほんのり薄いグリーン背景 */
    color: #4a5d4e !important;
} /* ==========================================
   人気ページランキング（#popular）のカスタム
   ========================================== */

/* ランキング全体を囲む枠と背景 */
ul.atwiki_popular,
ul.popular_list,
.cmd_popular {
    background-color: #fff9fa !important; /* ふんわり極薄ピンク背景 */
    border: 2px solid #ffd1dc !important; /* パステルピンクの枠線 */
    border-radius: 12px !important;
    padding: 12px 15px 12px 35px !important;
    list-style: none !important;
}

/* 各ランキング項目 */
ul.atwiki_popular li,
ul.popular_list li,
.cmd_popular li {
    padding: 6px 0 !important;
    border-bottom: 1px dashed #ffe4e1 !important; /* 区切り線 */
    font-weight: bold;
    position: relative;
}

/* ページ名リンクの色（パステルグリーン） */
ul.atwiki_popular li a,
ul.popular_list li a,
.cmd_popular li a {
    color: #3e523f !important; /* 読みやすいパステルグリーン系 */
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

/* ホバー時にピンクへ変化 */
ul.atwiki_popular li a:hover,
ul.popular_list li a:hover,
.cmd_popular li a:hover {
    color: #ffb6c1 !important;
    text-decoration: underline !important;
}

/* ------------------------------------------
   👑 1位〜3位の順位バッジ（カラーアクセント）
   ------------------------------------------ */

/* 1位：パステルピンクバッジ */
ul.atwiki_popular li:nth-child(1)::before,
ul.popular_list li:nth-child(1)::before {
    content: "1" !important;
    background-color: #ffb6c1 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: bold !important;
    padding: 2px 7px !important;
    border-radius: 50% !important;
    margin-right: 8px !important;
}

/* 2位：パステルミントグリーンバッジ */
ul.atwiki_popular li:nth-child(2)::before,
ul.popular_list li:nth-child(2)::before {
    content: "2" !important;
    background-color: #a8e6cf !important;
    color: #2d5043 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    padding: 2px 7px !important;
    border-radius: 50% !important;
    margin-right: 8px !important;
}

/* 3位：やわらかいクリームピンクバッジ */
ul.atwiki_popular li:nth-child(3)::before,
ul.popular_list li:nth-child(3)::before {
    content: "3" !important;
    background-color: #ffc0cb !important;
    color: #5c3d46 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    padding: 2px 7px !important;
    border-radius: 50% !important;
    margin-right: 8px !important;
} /* ==========================================
   人気ランキング（最優先適用版）
   ========================================== */

/* ランキング全体 */
ul[class*="popular"],
div[class*="popular"] ul {
    background-color: #fff9fa !important;
    border: 2px solid #ffd1dc !important;
    border-radius: 12px !important;
    padding: 12px 15px 12px 25px !important;
}

/* ランキングのリンク（文字色をパステルグリーンに） */
ul[class*="popular"] a,
div[class*="popular"] a {
    color: #3e523f !important; /* パステルグリーン */
    font-weight: bold !important;
    text-decoration: none !important;
}

/* ホバーでピンクに */
ul[class*="popular"] a:hover,
div[class*="popular"] a:hover {
    color: #ffb6c1 !important; /* パステルピンク */
}

/* 閲覧数（カウント数字）の文字色 */
ul[class*="popular"] span,
div[class*="popular"] span {
    color: #a8e6cf !important; /* パステルグリーン */
} /* コメント入力ボックスの枠線を薄いピンクにする */
#comment_form input[type="text"],
#comment_form textarea,
.atwiki_comment_form input,
.atwiki_comment_form textarea {
    border: 1px solid #ffd1dc !important;
    border-radius: 6px !important;
    background-color: #fff9fa !important;
    padding: 6px !important;
}

/* 入力中に枠線をパステルグリーンにする */
#comment_form input[type="text"]:focus,
#comment_form textarea:focus {
    border-color: #a8e6cf !important;
    outline: none !important;
} /* 全体の背景を優しい色にする */
#main, body {
    background-color: #fffafb !important; /* ほんのりイチゴミルク色 */
} /* テーブルのヘッダーをパステルピンクに */
table.atwiki_table th, .style_table th {
    background-color: #ffb6c1 !important;
    color: #ffffff !important;
    border: 1px solid #ffd1dc !important;
}

/* セルの枠線と偶数行の背景色 */
table.atwiki_table td, .style_table td {
    border: 1px solid #ffe4e1 !important;
}
table.atwiki_table tr:nth-child(even) {
    background-color: #f4fbf7 !important; /* 偶数行はうっすらパステルグリーン */
} /* ==========================================
   🌸 ゆめかわパステルピンク×ミントグリーン 🌸
   ========================================== */

/* 1. 全体の背景と文字 */
body, #main {
    background-color: #fffafc !important; /* ふんわりイチゴミルク背景 */
    color: #5c4b51 !important;            /* 優しいココアブラウン文字 */
    font-family: "Mplus 1p", "YakuHanJP", "Hiragino Maru Gothic ProN", "Quicksand", sans-serif !important;
}

/* 2. 大見出し（h2）：リボン風＆ハート付き */
.cmd_h2, h2 {
    background-color: #ffb6c1 !important; /* パステルピンク */
    color: #ffffff !important;            /* 白文字 */
    padding: 0.6em 1.2em !important;
    border-radius: 20px !important;       /* ふんわり丸み */
    font-weight: bold !important;
    border: none !important;
    box-shadow: 0 4px 10px rgba(255, 182, 193, 0.5) !important; /* ふんわり影 */
    position: relative !important;
}
.cmd_h2::before, h2::before {
    content: "♡ " !important;             /* 先頭にハート */
    font-size: 1.1em !important;
}

/* 3. 中見出し（h3）：ミントグリーンのふんわり枠 */
.cmd_h3, h3 {
    background-color: #e8f8f5 !important; /* ミントグリーン背景 */
    color: #4a6b5d !important;
    padding: 0.5em 1em !important;
    border-radius: 15px !important;
    border-left: 6px solid #a8e6cf !important; /* アクセントライン */
    font-weight: bold !important;
}
.cmd_h3::before, h3::before {
    content: "★ " !important;             /* 先頭に星 */
    color: #ffb6c1 !important;
}

/* 4. 全てのボタン：コロンと丸いキャンディ風ボタン */
input[type="submit"],
input[type="button"],
.atwiki_comment_submit,
.bbs_submit,
.atwiki_random_page_button {
    background: linear-gradient(135deg, #ffc0cb, #ffb6c1) !important; /* ピンクグラデ */
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    padding: 8px 22px !important;
    border-radius: 25px !important;       /* コロンと丸い */
    font-weight: bold !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 3px 8px rgba(255, 182, 193, 0.4) !important;
}

/* ボタンにマウスを乗せた時（ミントグリーンに変化＆ぽよんと浮く） */
input[type="submit"]:hover,
input[type="button"]:hover,
.atwiki_comment_submit:hover,
.bbs_submit:hover,
.atwiki_random_page_button:hover {
    background: linear-gradient(135deg, #b2ebd9, #a8e6cf) !important; /* グリーングラデ */
    color: #2d5043 !important;
    transform: translateY(-2px) scale(1.03) !important;
    box-shadow: 0 5px 12px rgba(168, 230, 207, 0.6) !important;
}

/* 5. 表（テーブル）：ふわふわチェック・ストライプ風 */
table.atwiki_table, .style_table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    border: 2px solid #ffd1dc !important;
    box-shadow: 0 3px 10px rgba(255, 209, 220, 0.3) !important;
}
table.atwiki_table th, .style_table th {
    background-color: #ffb6c1 !important; /* パステルピンク */
    color: #ffffff !important;
    padding: 10px !important;
    border: none !important;
}
table.atwiki_table td, .style_table td {
    padding: 10px !important;
    border-bottom: 1px dashed #ffe4e1 !important;
    background-color: #ffffff !important;
}
table.atwiki_table tr:nth-child(even) td {
    background-color: #f4fbf7 !important; /* 偶数行はうっすらパステルグリーン */
}

/* 6. テキスト入力エリア（コメント欄など）：ドット柄・角丸 */
input[type="text"], textarea {
    border: 2px solid #ffd1dc !important;
    border-radius: 12px !important;
    background-color: #fff9fa !important;
    padding: 8px !important;
    color: #5c4b51 !important;
    outline: none !important;
    transition: all 0.2s ease !important;
}
input[type="text"]:focus, textarea:focus {
    border-color: #a8e6cf !important; /* 入力中はパステルグリーン */
    background-color: #ffffff !important;
    box-shadow: 0 0 8px rgba(168, 230, 207, 0.5) !important;
}

/* 7. 引用・メモ枠：ドットの枠線付き可愛いノート風 */
blockquote {
    background-color: #fff0f3 !important;
    border: 2px dashed #ffb6c1 !important; /* ピンクの破線 */
    border-radius: 12px !important;
    padding: 12px 16px !important;
    color: #6b5259 !important;
    position: relative !important;
}

/* 8. リンク：ホバーでキラッとピンク */
a {
    color: #e88899 !important;
    font-weight: bold !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}
a:hover {
    color: #a8e6cf !important; /* ホバーでミントグリーン */
    text-decoration: underline !important;
}