/* ========================================
   アットウィキ掲示板 × X風（ライトモード）
   投票トークデータベース向け
   ======================================== */

:root {
  --x-bg: #ffffff;
  --x-bg-secondary: #f7f9f9;
  --x-bg-hover: #f7f7f7;
  --x-border: #eff3f4;
  --x-border-strong: #cfd9de;
  --x-text: #0f1419;
  --x-text-secondary: #536471;
  --x-accent: #1d9bf0;
  --x-accent-hover: #1a8cd8;
  --x-accent-soft: #e8f5fe;
  --x-danger: #f4212e;
  --x-radius-pill: 9999px;
  --x-radius: 16px;
  --x-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
             "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
}

/* ========== 掲示板本体 ========== */
#wikibody:has(.atwiki-forum-body),
.atwiki-forum-body {
  background: var(--x-bg) !important;
  color: var(--x-text) !important;
  font-family: var(--x-font) !important;
}

.atwiki-forum-body {
  max-width: 600px;
  margin: 0 auto !important;
  border-left: 1px solid var(--x-border);
  border-right: 1px solid var(--x-border);
  box-sizing: border-box;
}

/* ========== ヘッダー（白背景に変更） ========== */
.atwiki-forum-head {
  background: #ffffff !important;
  border-bottom: 1px solid var(--x-border) !important;
  padding: 16px !important;
  position: sticky;
  top: 0;
  z-index: 20;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  background: rgba(255, 255, 255, 0.85) !important;
}

/* タイトル「投票トークデータベース掲示板」 */
.atwiki-forum-head h3,
#wikibody .atwiki-forum-head h3 {
  background: transparent !important;
  color: var(--x-text) !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  border: none !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em;
}

/* 説明文 */
.atwiki-forum-head p,
.atwiki-forum-head .description,
.atwiki-forum-head div {
  color: var(--x-text-secondary) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

/* パンくず */
.atwiki-forum-breadcrumb {
  color: var(--x-text-secondary) !important;
  font-size: 13px !important;
  padding: 8px 16px !important;
  background: var(--x-bg) !important;
  border-bottom: 1px solid var(--x-border);
}

.atwiki-forum-breadcrumb a {
  color: var(--x-accent) !important;
  text-decoration: none !important;
}
.atwiki-forum-breadcrumb a:hover {
  text-decoration: underline !important;
}

/* ========== スレ作成ボタン（Xの青い丸ボタン） ========== */
.add-thread-btn,
.atwiki-forum-head .atwiki-forum-button,
.atwiki-forum-head a[class*="btn"],
.atwiki-forum-head button {
  background: var(--x-accent) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--x-radius-pill) !important;
  padding: 10px 24px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  transition: background 0.15s ease, transform 0.1s ease;
  display: inline-block;
  text-align: center;
  text-decoration: none !important;
  margin-top: 12px !important;
}

.add-thread-btn:hover,
.atwiki-forum-head .atwiki-forum-button:hover,
.atwiki-forum-head button:hover {
  background: var(--x-accent-hover) !important;
}

/* ========== 検索エリア ========== */
.atwiki-forum-search-wrap {
  background: var(--x-bg) !important;
  border: none !important;
  border-bottom: 1px solid var(--x-border) !important;
  border-radius: 0 !important;
  padding: 12px 16px !important;
  margin: 0 !important;
  box-shadow: none !important;
}

.atwiki-forum-search-wrap input[type="text"],
.atwiki-forum-search-wrap input {
  background: var(--x-bg-secondary) !important;
  border: 1px solid transparent !important;
  border-radius: var(--x-radius-pill) !important;
  color: var(--x-text) !important;
  padding: 10px 16px !important;
  font-size: 15px !important;
  outline: none !important;
  transition: border-color 0.15s, background 0.15s;
}

.atwiki-forum-search-wrap input:focus {
  background: var(--x-bg) !important;
  border-color: var(--x-accent) !important;
  box-shadow: 0 0 0 1px var(--x-accent) !important;
}

/* 詳細検索条件ボタン・検索ボタン */
.atwiki-forum-search-wrap .atwiki-forum-button,
.atwiki-forum-search-wrap button,
.atwiki-forum-body .atwiki-forum-button {
  background: var(--x-accent) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--x-radius-pill) !important;
  padding: 8px 18px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  transition: background 0.15s ease;
}

.atwiki-forum-search-wrap .atwiki-forum-button:hover,
.atwiki-forum-body .atwiki-forum-button:hover {
  background: var(--x-accent-hover) !important;
}

/* セレクト（更新順など） */
.atwiki-forum-search-wrap select {
  background: var(--x-bg-secondary) !important;
  border: 1px solid var(--x-border) !important;
  border-radius: var(--x-radius-pill) !important;
  color: var(--x-text) !important;
  padding: 6px 12px !important;
  font-size: 13px !important;
}

/* ========== スレッド一覧カード（Xのポスト風） ========== */
.atwiki-forum-card,
.atwiki-forum-body .thread,
.atwiki-forum-body [class*="thread-item"],
.atwiki-forum-body .list-item {
  background: var(--x-bg) !important;
  border-bottom: 1px solid var(--x-border) !important;
  border-radius: 0 !important;
  padding: 14px 16px !important;
  margin: 0 !important;
  box-shadow: none !important;
  transition: background-color 0.15s ease;
  position: relative;
}

.atwiki-forum-card:hover,
.atwiki-forum-body .thread:hover {
  background-color: var(--x-bg-hover) !important;
}

/* スレタイトル */
.atwiki-forum-card a,
.atwiki-forum-card .title,
.atwiki-forum-body .thread a {
  color: var(--x-text) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  line-height: 1.3 !important;
}

.atwiki-forum-card a:hover,
.atwiki-forum-body .thread a:hover {
  color: var(--x-accent) !important;
  text-decoration: underline !important;
}

/* スレ本文プレビュー */
.atwiki-forum-card .body,
.atwiki-forum-card .content,
.atwiki-forum-card p,
.atwiki-forum-body .thread p {
  color: var(--x-text) !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  margin: 6px 0 10px 0 !important;
  font-weight: 400 !important;
}

/* メタ情報（日時・件数など） */
.atwiki-forum-card .meta,
.atwiki-forum-card .date,
.atwiki-forum-card .time,
.atwiki-forum-body .thread .meta {
  color: var(--x-text-secondary) !important;
  font-size: 13px !important;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

/* 通報ボタンなど小さなボタン */
.atwiki-forum-card .atwiki-forum-button,
.atwiki-forum-card button {
  background: var(--x-accent) !important;
  color: #fff !important;
  border-radius: var(--x-radius-pill) !important;
  padding: 4px 12px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  border: none !important;
}

/* 管理ボタン */
.atwiki-forum-body a[href*="manage"],
.atwiki-forum-body .manage-btn {
  background: var(--x-bg-secondary) !important;
  color: var(--x-text) !important;
  border: 1px solid var(--x-border-strong) !important;
  border-radius: var(--x-radius-pill) !important;
  padding: 6px 14px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

/* ========== 投稿フォーム ========== */
.atwiki-forum-form {
  background: var(--x-bg) !important;
  border: 1px solid var(--x-border) !important;
  border-radius: var(--x-radius) !important;
  padding: 16px !important;
  margin: 12px 16px !important;
  color: var(--x-text) !important;
  box-shadow: none !important;
}

.atwiki-forum-form input[type="text"],
.atwiki-forum-form textarea {
  background: var(--x-bg) !important;
  border: 1px solid var(--x-border-strong) !important;
  border-radius: 12px !important;
  color: var(--x-text) !important;
  padding: 12px !important;
  font-size: 15px !important;
  font-family: var(--x-font) !important;
  width: 100%;
  box-sizing: border-box;
  outline: none !important;
  transition: border-color 0.15s;
}

.atwiki-forum-form input:focus,
.atwiki-forum-form textarea:focus {
  border-color: var(--x-accent) !important;
  box-shadow: 0 0 0 1px var(--x-accent) !important;
}

.atwiki-forum-form textarea {
  min-height: 100px;
  resize: vertical;
}

/* ========== モーダル ========== */
.atwiki-forum-modal {
  background: var(--x-bg) !important;
  border: 1px solid var(--x-border) !important;
  border-radius: var(--x-radius) !important;
  color: var(--x-text) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12) !important;
}

.atwiki-forum-modal .atwiki-forum-modal-header {
  background: var(--x-bg) !important;
  border-bottom: 1px solid var(--x-border) !important;
  color: var(--x-text) !important;
  font-weight: 800 !important;
  padding: 12px 16px !important;
}

/* ========== リンク全般 ========== */
.atwiki-forum-body a {
  color: var(--x-accent) !important;
  text-decoration: none !important;
}
.atwiki-forum-body a:hover {
  text-decoration: underline !important;
}

/* ========== スクロールバー ========== */
.atwiki-forum-body::-webkit-scrollbar {
  width: 8px;
}
.atwiki-forum-body::-webkit-scrollbar-track {
  background: transparent;
}
.atwiki-forum-body::-webkit-scrollbar-thumb {
  background: var(--x-border-strong);
  border-radius: 4px;
}

/* ========== スマホ ========== */
@media (max-width: 640px) {
  .atwiki-forum-body {
    max-width: 100%;
    border-left: none;
    border-right: none;
  }
  .atwiki-forum-head,
  .atwiki-forum-card,
  .atwiki-forum-search-wrap {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}


/* 画像リンクの青い枠を消す */
a img {
  border: none; /* 枠線を非表示にする */
  outline: none; /* フォーカス時の青い枠も非表示にする */
}

/* リンク全体のフォーカス時の青い枠も非表示にする */
a:focus {
  outline: none;
}

#retoroch-heading {
   font-size: 2.7rem;
   background: linear-gradient(to right, red, yellow, blue);
   border-radius: 0px;
}

body {
   font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Kaku Gothic", "角ゴシック", sans-serif;
}

h2 {
   border-radius: 10px;
}

h2 {
   background-color: #7b899e !important;
}

.atwiki-list-title {
   background-color: transparent;
   color: #2e2e2e;
   font-size: 1.15rem;
}

h2 > span {
   color: #bbc0c7 !important;
}

a:hover {
   color: #003d9e;
   text-decoration: none;
}

.atwiki-menubar-contents, .atwiki-contents-shadow, #page-ranking-list, #update-page-list {
   border-radius: 1px solid #b0b0b0;
   border-radius: 10px;
}

.atwiki-pc-rank-wrap {
   display: none;
}

.atwiki-right-column {
   order: 0;
}

.atwiki-left-column {
   order: 2;
}

@media (min-width: 751px) {
   .atwiki-right-column {
      width: 13%;
   }
}

.atwiki-left-column, .atwiki-right-column {
   margin: 20px;
}

#menubar > h4 {
   border-radius: 8px;
   padding: 8px;
   color: white;
   background-color: #333840;
}

/*
.plugin_pcomment {
   background-color: #d6e5ff;
}
*/

input[type="submit"] {
   background-color: #75aaff;
   color: white;
   border-radius: 5px;
}

input[type="text"] {
   border-radius: 5px;
}


/* 見出しの共通スタイル */
h1, h2, h3, h4, h5, h6 {
  position: relative;
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 1s ease-out forwards;
}

/* アニメーション効果 */
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* アニメーションを遅らせる（各見出しで少し時間差をつける） */
h1 {
  animation-delay: 0.2s;
}
h2 {
  animation-delay: 0.4s;
}
h3 {
  animation-delay: 0.6s;
}
h4 {
  animation-delay: 0.8s;
}
h5 {
  animation-delay: 1s;
}
h6 {
  animation-delay: 1.2s;
}



/* ページ106専用（class="page-106" を利用） */
.page-106 {
  background-color: #fdfcf7; /* 紙っぽいアイボリー */
  font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
  line-height: 1.8;
  color: #2c2c2c;
  padding: 20px;
}

/* 見出しを本っぽく */
.page-106 h1, 
.page-106 h2, 
.page-106 h3 {
  font-weight: bold;
  color: #1a1a1a;
  border-bottom: 1px solid #aaa;
  padding-bottom: 4px;
  margin-top: 2em;
  margin-bottom: 1em;
}

/* 小見出し */
.page-106 h3 {
  font-size: 1.1rem;
  border-bottom: none;
  margin-left: 1em;
  color: #444;
}

/* 本文段落 */
.page-106 p {
  text-indent: 1em;
  margin: 0.8em 0;
}

/* 引用をコラム風に */
.page-106 blockquote {
  border-left: 3px solid #aaa;
  margin: 1.5em 2em;
  padding-left: 1em;
  color: #555;
  background: #fafafa;
  font-style: italic;
}

/* リンクを参考文献風に */
.page-106 a {
  color: #004080;
  text-decoration: underline;
}