body, div, span, p, a, li, dt, dd, td, th, h1, h2, h3, h4, h5, h6,
.num, .number, .count, .digits, [class*="num"], [id*="num"],
ol li, ul li, .list, .plugin_list {
 font-family: "Hiragino Maru Gothic ProN", "Hiragino Maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "Kosugi Maru", sans-serif !important;
 font-size: 102% !important;
 font-weight: 500 !important;
}/* 通常のリンクの色を紫にする */
a, a:visited {
    color: #8a2be2 !important;       /* 見出しとおそろいの紫色 */
    text-decoration: underline;      /* リンクとわかりやすいように下線をつける（消したい場合は none に） */
    transition: color 0.2s ease;     /* 色が変わる瞬間を少しなめらかにする */
}

/* リンクの上にカーソルが乗ったとき（ホバー）の色 */
a:hover {
    color: #a0522d !important;       /* お好みで調整（今は少し明るい紫/別の色になります） */
}

/* リンクをタップ・クリックした瞬間の色を黒にする */
a:active {
    color: #000000 !important;       /* タップした瞬間に真っ黒になる */
}/* パターンA：カウンターがリンクになっている場合 */
.w-holder a:active, .p-entry a:active {
    color: #000000 !important;
}

/* パターンB：カウンターがただの文字（インライン要素）の場合 */
span:active, div:active {
    color: #000000 !important;
}/* メユニット、サイドバーと呼ばれる場所をすべて濃い赤の点線で囲む */
#menubar, #sidebar, .sidebar, #side-a, #side-b, .w-side, 
#utility, #links, .links, #left, #right, .left, .right {
    border: 3px dotted #8b0000 !important; /* 濃い赤色の点線 */
    padding: 10px !important;              /* 内側の余白 */
    border-radius: 8px !important;         /* 角を丸くする */
}/* 編集ボタンの枠線を黒色にする */
input[type="submit"], input[type="button"], button, 
.edit-btn, .btn-edit, .w-btn, .p-btn,
a[href*="edit"], a[href*="mode=edit"] {
    border: 2px solid #000000 !important; /* 枠線を黒色にする */
}/* 💖 通常見出しの文字：白文字 ➔ ミント色のパキッとしたフチ取り ➔ 外側にミントの光！ */
body h1, body h2, body h3, body h4, body h5, body h6, #header h1, #header h1 a, #sitename, #sitename a, .atwiki-content h3, #atwiki-body h3, #menubar h3, #side h3 {

 color: #ffffff !important; 
 /* 💡 1px〜-1pxの指定で綺麗なミント色の「フチ取り」を作りつつ、最後の3pxぼかしで「フワッとした光」を表現！ */
 text-shadow: 
   1px 1px 0 #a7f3d0, -1px -1px 0 #a7f3d0, 1px -1px 0 #a7f3d0, -1px 1px 0 #a7f3d0,
   0px 0px 4px #a7f3d0 !important; 

}
body h1 a, body h2 a, body h3 a, body h4 a, body h5 a, body h6 a { text-decoration: none !important; } /* 右メニューやページ内の箇条書き（リスト）の点を✦に変える */
ul {
  list-style-type: "✦ " !important;
}

/* もし上記で変わらない場合の予備命令 */
li {
  list-style-type: "✦ " !important;
}

/* ==========================================
   投票プラグイン＆テーブルの枠線をココアベージュに
========================================== */

/* 1. 投票の枠線と中の区切り線 */
.plugin_vote, 
.plugin_vote table, 
.plugin_vote td, 
.plugin_vote th {
  border-color: #d7beb0 !important; /* ふんわり優しいココアベージュ */
}

/* 2. 通常のテーブル（表）の枠線 */
table, th, td, 
.atwiki-table, 
.atwiki-table th, 
.atwiki-table td {
  border: 1px solid #d7beb0 !important; /* 全てのテーブルの線をこの色に */
}

/* ==========================================
   【決定版】「返信〇件」をボタンとお揃いの薄紫にする
========================================== */
.comment_form span, #pcomment span,
.comment_form dt, #pcomment dt,
.comment_tree, .comment_reply,
[class*="reply"], [id*="reply"] {
  color: #e0b0ff !important;    /* ボタンや水平線とお揃いの薄紫 */
  font-weight: bold !important; /* 文字を少し太く */
}

/* マウスを乗せたとき（少しだけ濃い薄紫になって押しやすく） */
.comment_tree:hover, .comment_reply:hover,
[class*="reply"]:hover, [id*="reply"]:hover {
  color: #c896e6 !important; 
} /* アットウィキが裏で数字やリストを小さくしている設定をすべて102%に強制統一 */
body, div, span, p, a, li, dt, dd, td, th, h1, h2, h3, h4, h5, h6,
.num, .number, .count, .digits, [class*="num"], [id*="num"],
ol li, ul li, .list, .plugin_list {


font-family: "Hiragino Maru Gothic ProN", "Hiragino Maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "Kosugi Maru", sans-serif !important;
font-size: 102% !important;
font-weight: 500 !important;


}

/* ========================================================
 1. デフォルトの丸ポチを消して、お顔の土台を作る
======================================================== */
.comment_form input[type="radio"],
#pcomment input[type="radio"],
[class*="comment"] input[type="radio"] {


-webkit-appearance: none !important;
appearance: none !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
position: relative !important;
display: inline-block !important;
width: 60px !important;  
height: 60px !important;
cursor: pointer !important;
vertical-align: middle !important;
margin: 0 4px 2px 4px !important;


}

/* 💡 星マーク（☆ / ★）の設定 */
.comment_form input[type="radio"]::before,
#pcomment input[type="radio"]::before,
[class*="comment"] input[type="radio"]::before {


position: absolute !important;
top: 50% !important;
left: 50% !important;
line-height: 1 !important;
font-size: 55px !important; 
transform: translate(-50%, -50%) scale(1);
transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.2s ease;
z-index: 1 !important;


}

/* 💡 お顔のパーツ（最前面に重ねる）の設定 */
.comment_form input[type="radio"]::after,
#pcomment input[type="radio"]::after,
[class*="comment"] input[type="radio"]::after {


position: absolute !important;
top: 53% !important; /* 星の中心に合うように微調整 */
left: 50% !important;
line-height: 1 !important;
white-space: nowrap !important;
font-size: 11px !important; 
font-weight: bold !important;
transform: translate(-50%, -50%);
z-index: 2 !important; 
pointer-events: none !important;
transition: transform 0.06s ease-out, color 0.2s ease;


}

/* ========================================================
 2. 🚀 選択前：黄色の☆の中で「ーωー」と優しく浮遊する
======================================================== */
.comment_form input[type="radio"]:not(:checked)::before,
#pcomment input[type="radio"]:not(:checked)::before,
[class*="comment"] input[type="radio"]:not(:checked)::before {


content: "☆" !important;
color: #ffd700 !important; 


}
.comment_form input[type="radio"]:not(:checked)::after,
#pcomment input[type="radio"]:not(:checked)::after,
[class*="comment"] input[type="radio"]:not(:checked)::after {


content: "ーωー" !important;
color: #333333 !important; /* 黄色い星には黒文字 */


}

/* 全体をフワフワ浮遊させるアニメーション */
.comment_form input[type="radio"]:not(:checked),
#pcomment input[type="radio"]:not(:checked),
[class*="comment"] input[type="radio"]:not(:checked) {


animation: fuwafuwaUku 2.5s infinite ease-in-out !important;


}

@keyframes fuwafuwaUku {


0%, 100% { transform: translateY(0); }
50% { transform: translateY(-6px); } 


}

/* ========================================================
 3. ⚡ タップした瞬間（アクティブ）：プニッと潰れてウインク！
======================================================= */
.comment_form input[type="radio"]:active::before,
#pcomment input[type="radio"]:active::before,
[class*="comment"] input[type="radio"]:active::before {


content: "★" !important;
color: #ff8c00 !important; /* オレンジ色 */
transform: translate(-50%, -30%) scale(1.6, 0.5) !important; /* 星がペチャッと潰れる */
transition: transform 0.06s ease-out;


}
.comment_form input[type="radio"]:active::after,
#pcomment input[type="radio"]:active::after,
[class*="comment"] input[type="radio"]:active::after {


content: "ーω・" !important; /* タップした瞬間ウインク！ */
color: #ffffff !important; /* お顔を白に！ */
transform: translate(-50%, -15%) scale(1.5, 0.6) !important; /* お顔もちょっと上寄りに潰れる */
transition: transform 0.06s ease-out;


}

/* ========================================================
 4. 🎉 選択後：オレンジの★＆白文字になり、1秒後に「ーωー」に戻る
======================================================== */
html body .comment_form input[type="radio"]:checked::before,
html body #pcomment input[type="radio"]:checked::before,
html body [class*="comment"] input[type="radio"]:checked::before {


content: "★" !important;
color: #ff8c00 !important; 


}

html body .comment_form input[type="radio"]:checked::after,
html body #pcomment input[type="radio"]:checked::after,
html body [class*="comment"] input[type="radio"]:checked::after {


color: #ffffff !important; /* 選択中はずっとお顔は白色 */
animation: winkBack 1s forwards !important; 


}

@keyframes winkBack {


0% { content: "ーω・"; }   /* 指を離した直後もまだびっくりウインク */
99% { content: "ーω・"; }  /* 1秒直前までキープ */
100% { content: "ーωー"; } /* 1秒経ったら「ほっ」として元に戻る！ */

} /* 水平線（ミント色・両端にオレンジの★） */
hr {
  border: none !important;
  border-top: 2px dashed #98fb98 !important; 
  margin: 20px 0 !important;
  position: relative !important;
  overflow: visible !important; 
}
hr::before {
  content: "★" !important;
  color:  #8a2be2 !important; 
  position: absolute !important;
  top: -12px !important;
  left: 0 !important;
  background: #ffffff !important;
}
hr::after {
  content: "★" !important;
  color: #ffa500 !important;
  position: absolute !important;
  top: -12px !important;
  right: 0 !important;
  background: #ffffff !important;
}/* ========================================================
  👑 反対バージョン：黒紫見出し一括設定 ＆ ゆめかわネオ記事メニュー
======================================================== */

/* 🤝 すべての見出し（h1〜h6）を一括で黒背景×紫の縦線に設定！ */
h1, h2, h3, h4, h5, h6, 
.atwiki-content h1, .atwiki-content h2, .atwiki-content h3, .atwiki-content h4, .atwiki-content h5, .atwiki-content h6,
#atwiki-body h1, #atwiki-body h2, #atwiki-body h3, #atwiki-body h4, #atwiki-body h5, #atwiki-body h6,
#menubar h3, #side h3 {
    font-size: 24px !important;                 /* すべての見出しを24pxで統一！ */
    background-color: #000000 !important;       /* 背景を黒 */
    color: #ffffff !important;                  /* 文字を白 */
    border-left: 6px solid #8a2be2 !important;   /* 左に紫の縦線 */
    border-radius: 6px !important;              /* 角を丸くする */
    padding: 10px 15px !important;              /* 内側の余白 */
    border-bottom: none !important; 
    border-top: none !important;
    border-right: none !important;
    box-shadow: none !important;                /* 影なし */
    text-shadow: none !important;               /* フチなし */
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 15px !important;
}

/* 見出しの中のリンク文字の下線を消して白くする設定 */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .atwiki-content a { 
  text-decoration: none !important; 
  color: #ffffff !important; 
}


/* 📋 記事メニューの見出し：ゆめかわネオ・パステル水色 */
.atwiki-list-title, .atwiki-list2-title, .atwiki_list2_title,
.builtin_contents_track, .contents {
  font-size: 24px !important;                 /* 見出しとお揃いの24px */
  border: none !important; 
  display: block !important; 
  /* 💡 立体的な影をミントのトーンに合わせて可愛くしたよ！ */
  box-shadow: 0 4px 0px #bae6fd, 4px 6px 10px rgba(167, 243, 208, 0.4) !important; 
  padding: 10px 18px !important; 
  border-radius: 10px !important;             /* 丸みのある可愛い10px */
  position: relative !important; 
  width: 100% !important; 
  box-sizing: border-box !important;
  background-color: #7dd3fc !important;       /* パステル水色 */
  margin-bottom: 15px !important; 
}

/* 📋 記事メニューの文字（白文字 ➔ ミント色のフチ取り ➔ 外側にミントの光！） */
.atwiki-list-title, .atwiki-list2-title, .atwiki_list2_title,
.builtin_contents_track, .contents, .builtin_contents_track a, .contents a { 
 color: #ffffff !important; 
 /* 💡 綺麗に光る文字装飾 */
 text-shadow: 
   1px 1px 0 #a7f3d0, -1px -1px 0 #a7f3d0, 1px -1px 0 #a7f3d0, -1px 1px 0 #a7f3d0,
   0px 0px 4px #a7f3d0 !important; 
 text-decoration: none !important;
} /* ========================================================
5. 🚀【スローモーション版】右の角・左の角から交互に降る流れ星☆
======================================================== */
body {

position: relative !important;
overflow-x: hidden !important; 

}

/* 💫 流れ星その①：【右上（北東）の角】から左下（南西）へ */
body::before {

content: "★ ✦ ✦ ✦" !important; 
position: fixed !important;
z-index: 9999 !important; 
font-size: 20px !important;
white-space: nowrap !important;

/* 先頭★は黄色、後ろの✦は水色 */
color: #8b0000 !important; 
text-shadow: 

 0 0 10px #8a2be2,
 30px 0 5px #87ceeb,  
 55px 0 5px #87ceeb,  
 80px 0 5px #87ceeb;  

/* 💡 【大成功の角度！】触らずそのままキープ */
transform: rotate(-45deg) !important;

/* 💡 全体のループは4秒にして、流れる時間を2.2秒にスロー化！ */
animation: nagareboshiRight 4s infinite linear !important;

}

/* 💫 流れ星その②：【左上（北西）の角】から右下（南東）へ */
body::after {

content: "★ ✦ ✦ ✦" !important; 
position: fixed !important;
z-index: 9999 !important; 
font-size: 20px !important;
white-space: nowrap !important;

/* 先頭★は黄色、後ろの✦は水色 */
color: #ffd700 !important; 
text-shadow: 

 0 0 10px #ffd700,
 30px 0 5px #87ceeb,  
 55px 0 5px #87ceeb,  
 80px 0 5px #87ceeb;  

/* 💡 【大成功の角度！】触らずそのままキープ */
transform: rotate(225deg) !important;

/* 💡 全体のループは4秒、右の星から2秒遅らせて優雅にスタート */
animation: nagareboshiLeft 4s infinite linear !important;
animation-delay: 2s !important;

}

/* 🚀 右上の角から左下へゆっくり流れるルート */
@keyframes nagareboshiRight {

0% {

 top: -50px;
 right: -100px;
 opacity: 0;

}
5% {

 opacity: 1;

}
/* 💡 55%（2.2秒）かけて、画面の左下外へゆったり消え去るようにしたよ */
55%, 100% {

 top: 95vh;
 right: 115vw; 
 opacity: 0;

}

}

/* 🚀 左上の角から右下へゆっくり流れるルート */
@keyframes nagareboshiLeft {

0% {

 top: -50px;
 left: -100px;
 opacity: 0;

}
5% {

 opacity: 1;

}
/* 💡 55%（2.2秒）かけて、画面の右下外へゆったり消え去るようにしたよ */
55%, 100% {

 top: 95vh;
 left: 115vw; 
 opacity: 0;

}