/* 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;
}