/* wiki内のすべての見出しを強制的に紫・白文字にする設定 */
h1, h2, h3, h4, h5, h6,
.atwiki-content h1, .atwiki-content h2, .atwiki-content h3,
#atwiki-body h1, #atwiki-body h2, #atwiki-body h3,
.bu_content h3, div.textarea_content h3,
[id^="id_"] {
    color: #ffffff !important;
    background-color: #9966cc !important;
    padding: 15px !important;
    border-radius:  20px !important;
}
border: none !important;                 /* 元の線を消す */
   border-bottom: 2px solid #b39ddb !important; /* 新しい薄紫色の線（太さ2px） */
   margin: 20px 0 !important;               /* 上下のすき間（余白） */
   height: 0 !important;/* 左側メニューのオレンジ部分を薄いピンク色に変える設定 *//* 左側メニュー内のすべての文字を濃い紫にする設定 */
#menubar, #side, .sidemenu, #sidebar,
#menubar a, #side a, .sidemenu a, #sidebar a,
#menubar p, #side p, #menubar li, #side li {
    color: #4b0082 !important; /* 濃い紫（インディゴ） */
    text-decoration: none;     /* リンクの下線を消してスッキリさせる設定 */
}

/* メニュー内のリンクに触れた（ホバーした）ときの色 */
#menubar a:hover, #side a:hover {
    color: #800080 !important; /* 触れたときは少し明るい紫（パープル）になる */
}

#menubar, 
#side, 
.sidemenu, 
#sidebar,
#menubar .plugin_menu_title,
#side .plugin_menu_title {
    background-color: #ffe4e1 !important; /* 薄いピンク（ミスティローズ） */
    border-color: #ffb6c1 !important;     /* 枠線用の少し濃いピンク */
}

/* メニュー内の各項目の背景や枠線がオレンジの場合もピンクにする */
#menubar div, #side div, 
#menubar ul, #side ul, 
#menubar li, #side li {
    background-color: #ffe4e1 !important;
    border-color: #ffb6c1 !important;
}/* 中見出しの左側に水色の縦線を入れる設定 */
h3, .atwiki-content h3, #atwiki-body h3, .bu_content h3 {
    background-color: transparent !important; /* 背景を透明にする */
    color: #333333 !important;                /* 文字を読みやすい濃いグレーにする */
    border-left: 8px solid #00bfff !important; /* 左側に8ピクセルの太い水色の線 */
    padding: 4px 0px 4px 12px !important;     /* 線と文字の間のすき間を調整 */
    border-top: none !important;              /* 上の線を消す */
    border-right: none !important;            /* 右の線を消す */
    border-bottom: none !important;           /* 下の線を消す */
}/* すべての水平線をピンク色にする設定 */
hr, .atwiki-content hr, #atwiki-body hr {
    border: none !important;                 /* 元の線を一度消す */
    border-top: 3px solid #ffb6c1 !important; /* 上側に3ピクセルのピンクの線を引く */
    height: 0px !important;
    margin: 20px 0 !important;               /* 上下のすき間を調整 */
}/* メニュー（サイドバー）内の中見出しだけを水色背景・ピンク左線にする */
#menubar h3, #side h3, .sidemenu h3, #sidebar h3,
#menubar .plugin_menu_title, #side .plugin_menu_title {
    background-color: #e0f7fa !important;    /* 薄い水色（ミント水色） */
    color: #4b0082 !important;               /* 文字は読みやすい濃い紫 */
    border-left: 8px solid #ffb6c1 !important; /* 左側に8ピクセルのピンクの太線 */
    padding: 6px 20px !important;            /* 上下左右のすき間をきれいに調整 */
    border-top: none !important;             /* 余計な上の線を消す */
    border-right: none !important;           /* 余計な右の線を消す */
    border-bottom: none !important;          /* 余計な下の線を消す */
    border-radius: 0 4px 4px 0 !important;   /* 右側の角だけ少し丸くする */
}/* wiki内のすべてのリンク文字を濃いピンクにする設定 */
a, 
.atwiki-content a, 
#atwiki-body a, 
#menubar a, 
#side a {
    color: #ff69b4 !important; /* 濃いピンク（ホットピンク） */
    text-decoration: none;     /* リンクの下線を消してスッキリさせる */
}

/* リンク文字にマウスを乗せた（タップした）ときの色 */
a:hover, 
.atwiki-content a:hover, 
#menubar a:hover {
    color: #ff1493 !important; /* 触れたときはさらに鮮やかなピンクになる */
    text-decoration: underline; /* 触れたときだけ下線を出す */
}/* コメント投稿ボタンをピンクと水色のグラデーションにする設定 */
input[type="submit"], 
.atwiki_comment_submit, 
button[type="submit"] {
    background: linear-gradient(135deg, #ffb6c1, #00bfff) !important; /* 左上ピンク、右下水色のグラデーション */
    color: #ffffff !important;         /* ボタンの文字を白にする */
    font-weight: bold !important;      /* 文字を太字にする */
    border: none !important;           /* 古臭いボタンの枠線を消す */
    padding: 8px 16px !important;      /* ボタンの押しやすいサイズ（余白） */
    border-radius: 20px !important;    /* 角を丸くして可愛いカプセル型にする */
    cursor: pointer !important;        /* マウスを乗せたときに指マークにする */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important; /* ほんのり影をつけて浮かせる */
    transition: all 0.3s ease !important; /* 変化をなめらかにする */
}

/* ボタンにマウスを乗せた（タップした）ときの動き */
input[type="submit"]:hover, 
.atwiki_comment_submit:hover, 
button[type="submit"]:hover {
    opacity: 0.9 !important;           /* ほんのり透明にして、押せることをわかりやすくする */
    transform: translateY(1px) !important; /* 押したときに1ピクセルだけ下に沈む演出 */
}/* すべての見出しの白い文字をピンクでふちどる設定 */
h1, h2, h3, h4, h5, h6,
.atwiki-content h3, #atwiki-body h3, 
#menubar h3, #side h3 {
    color: #ffffff !important; /* 文字の色は白のまま */
    /* 文字の上下左右にピンクの影をつけてフチを表現 */
    text-shadow: 
        -2px -2px 0 #ffb6c1,  
         2px -2px 0 #ffb6c1,
        -2px  2px 0 #ffb6c1,
         2px  2px 0 #ffb6c1,
        -2px  0px 0 #ffb6c1,
         2px  0px 0 #ffb6c1,
         0px -2px 0 #ffb6c1,
         0px  2px 0 #ffb6c1 !important;
}/* すべての見出しを立体の形にする設定 */
h1, h2, h3, h4, h5, h6,
.atwiki-content h3, #atwiki-body h3, 
#menubar h3, #side h3 {
    /* 1. 下と右に濃い色を足して立体感を出す（3Dボックス効果） */
    box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.15) !important;
    
    /* 2. 立体的な箱に見えるように上下左右の余白を調整 */
    padding: 10px 15px !important;
    
    /* 3. 角を少し丸くしてマイルドな立体感にする */
    border-radius: 6px !important;
    
    /* 4. 少しだけ右下に沈むような立体的な配置にするための調整 */
    position: relative !important;
    margin-bottom: 15px !important;
}/* ページ内のすべてのリンク文字にラベンダー色の影をつける */
a {
    text-shadow: 1px 1px 5px #ccaacc !important;
}

/* マウスを乗せたときに影を少しハッキリさせる（お好みで） */
a:hover {
    text-shadow: 1px 1px 3px #b399b3 !important;
}/*==================================================
  ★世界の裏側★ 全体の背景をバッチリわかるピンクにする設定
  ================================================== */
body, html, #wrapper, #container, .atwiki_body {
   background-color: pink !important; /* ひと目でわかる可愛いピンク */
   background: pink !important;       
}/* 1. アットウィキの嫌な水色の四角い背景バグだけを確実に消し去る */
.comment_form input[type="radio"], #pcomment input[type="radio"], .atwiki_comment_form input[type="radio"],
div[id^="atwiki-comment"] input[type="radio"], [class*="comment"] input[type="radio"],
.comment_form input[type="radio"]:checked, #pcomment input[type="radio"]:checked, .atwiki_comment_form input[type="radio"]:checked,
div[id^="atwiki-comment"] input[type="radio"]:checked, [class*="comment"] input[type="radio"]:checked {
    -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; 
    position: relative !important; display: inline-block !important;
    width: 36px !important; height: 36px !important; 
    background: none !important; background-color: transparent !important;
    border: none !important; box-shadow: none !important; outline: none !important;
    vertical-align: middle !important; margin: 0 4px 2px 4px !important; cursor: pointer !important;
}

/* 2. キラキラ返信ダイヤボタン（ベース設定） */
.comment_form input[type="radio"], #pcomment input[type="radio"], .atwiki_comment_form input[type="radio"],
div[id^="atwiki-comment"] input[type="radio"], [class*="comment"] input[type="radio"] {
    -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; 
    position: relative !important; display: inline-block !important;
    width: 36px !important; height: 36px !important; background: transparent !important; 
    border: none !important; box-shadow: none !important; cursor: pointer !important;
    vertical-align: middle !important; margin: 0 4px 2px 4px !important;
}

/* ========================================================
   ★マークをばらけさせる設定（未選択のウロウロ状態：6周期）
======================================================== */
/* 共通のウロウロ基本設定 */
.comment_form input[type="radio"]::before, #pcomment input[type="radio"]::before, .atwiki_comment_form input[type="radio"]::before,
div[id^="atwiki-comment"] input[type="radio"]::before, [class*="comment"] input[type="radio"]::before {
    position: absolute !important; top: 50% !important; left: 50% !important;
    line-height: 1 !important;
    animation: kyururunUrowro 3s infinite ease-in-out !important; 
}

/* ① 1番目：ハート（薄紫・30px） */
.comment_form :nth-child(6n+1) input[type="radio"]::before, #pcomment :nth-child(6n+1) input[type="radio"]::before, [class*="comment"] :nth-child(6n+1) input[type="radio"]::before {
    content: "♡" !important; font-size: 30px !important; color: #b0a4e3 !important; 
}
/* ② 2番目：星（黄色・30px） */
.comment_form :nth-child(6n+2) input[type="radio"]::before, #pcomment :nth-child(6n+2) input[type="radio"]::before, [class*="comment"] :nth-child(6n+2) input[type="radio"]::before {
    content: "☆" !important; font-size: 30px !important; color: #ffd700 !important; 
}
/* ③ 3番目：ひし形（ピンク・30px） */
.comment_form :nth-child(6n+3) input[type="radio"]::before, #pcomment :nth-child(6n+3) input[type="radio"]::before, [class*="comment"] :nth-child(6n+3) input[type="radio"]::before {
    content: "♢" !important; font-size: 30px !important; color: #ffb6c1 !important; 
}
/* ④ 4番目：キラキラダイヤ（水色・40px） */
.comment_form :nth-child(6n+4) input[type="radio"]::before, #pcomment :nth-child(6n+4) input[type="radio"]::before, [class*="comment"] :nth-child(6n+4) input[type="radio"]::before {
    content: "✧" !important; font-size: 40px !important; color: #87ceeb !important; 
}
/* ⑤ 5番目：★三日月（★通常時：形は「 ☽ 」で、色は「 黄色（#ffd700）」・32px★） */
.comment_form :nth-child(6n+5) input[type="radio"]::before, #pcomment :nth-child(6n+5) input[type="radio"]::before, [class*="comment"] :nth-child(6n+5) input[type="radio"]::before {
    content: "☽" !important; font-size: 32px !important; color: #ffd700 !important; 
}
/* ⑥ 6番目：クローバー（ミントグリーン・32px） */
.comment_form :nth-child(6n+6) input[type="radio"]::before, #pcomment :nth-child(6n+6) input[type="radio"]::before, [class*="comment"] :nth-child(6n+6) input[type="radio"]::before {
    content: "♧" !important; font-size: 32px !important; color: #7fecad !important; 
}

/* ========================================================
   ★タップされた瞬間の設定（選択済：ジャンプは1回、ウロウロは無限）
======================================================== */
.comment_form input[type="radio"]:checked, #pcomment input[type="radio"]:checked, .atwiki_comment_form input[type="radio"]:checked,
div[id^="atwiki-comment"] input[type="radio"]:checked, [class*="comment"] input[type="radio"]:checked {
    animation: kyururunPureJump 0.4s ease-out 1 forwards !important; 
}

.comment_form input[type="radio"]:checked::before, #pcomment input[type="radio"]:checked::before, .atwiki_comment_form input[type="radio"]:checked::before,
div[id^="atwiki-comment"] input[type="radio"]:checked::before, [class*="comment"] input[type="radio"]:checked::before {
    animation: kyururunUrowro 3s infinite ease-in-out 0.9s !important; 
}

/* ① ハート選択時：ピンクに塗りつぶし ♥ */
.comment_form :nth-child(6n+1) input[type="radio"]:checked::before, #pcomment :nth-child(6n+1) input[type="radio"]:checked::before, [class*="comment"] :nth-child(6n+1) input[type="radio"]:checked::before {
    content: "♥" !important; font-size: 30px !important; color: #ff69b4 !important; 
}
/* ② 星選択時：オレンジに塗りつぶし ★ */
.comment_form :nth-child(6n+2) input[type="radio"]:checked::before, #pcomment :nth-child(6n+2) input[type="radio"]:checked::before, [class*="comment"] :nth-child(6n+2) input[type="radio"]:checked::before {
    content: "★" !important; font-size: 30px !important; color: #ff8c00 !important; 
}
/* ③ ひし形選択時：水色に塗りつぶし ♦ */
.comment_form :nth-child(6n+3) input[type="radio"]:checked::before, #pcomment :nth-child(6n+3) input[type="radio"]:checked::before, [class*="comment"] :nth-child(6n+3) input[type="radio"]:checked::before {
    content: "♦" !important; font-size: 30px !important; color: #00bfff !important; 
}
/* ④ キラキラ選択時：ピンクの ✦ */
.comment_form :nth-child(6n+4) input[type="radio"]:checked::before, #pcomment :nth-child(6n+4) input[type="radio"]:checked::before, [class*="comment"] :nth-child(6n+4) input[type="radio"]:checked::before {
    content: "✦" !important; font-size: 40px !important; color: #ffb6c1 !important; 
}
/* ⑤ 三日月選択時：【★タップ後：形は「 ☾ 」で、色は「 薄紫（#b0a4e3）」・32px★】 */
.comment_form :nth-child(6n+5) input[type="radio"]:checked::before, #pcomment :nth-child(6n+5) input[type="radio"]:checked::before, [class*="comment"] :nth-child(6n+5) input[type="radio"]:checked::before {
    content: "☾" !important; font-size: 32px !important; color: #b0a4e3 !important; 
}
/* ⑥ クローバー選択時：深緑に塗りつぶし ♣ */
.comment_form :nth-child(6n+6) input[type="radio"]:checked::before, #pcomment :nth-child(6n+6) input[type="radio"]:checked::before, [class*="comment"] :nth-child(6n+6) input[type="radio"]:checked::before {
    content: "♣" !important; font-size: 32px !important; color: #2e7d32 !important; 
}

/* ========================================================
   ★アニメーション的部品設定
======================================================== */
@keyframes kyururunUrowro {
    0%   { transform: translate(-50%, -50%); }
    20%  { transform: translate(-35%, -60%); } 
    40%  { transform: translate(-65%, -40%); } 
    60%  { transform: translate(-40%, -45%); } 
    80%  { transform: translate(-60%, -55%); } 
    100% { transform: translate(-50%, -50%); } 
}