/**
 * テーマ用 CSS 変数（一括管理）
 * 背景・文字色を変更する場合はここを編集
 */
:root {
  --theme-main-bg: rgba(239, 239, 239, 0.8);
  --theme-text: var(--theme-text);
  --theme-text-08: rgba(51, 51, 51, 0.8);
  --theme-text-05: rgba(51, 51, 51, 0.5);
  --theme-text-01: rgba(51, 51, 51, 0.1);
}

table[class="-x-on-richtext"] {
  border-collapse: collapse;
  word-break: break-all;
}
table[class="-x-on-richtext"] tr td {
  border-style: solid;
  border-width: 1px;
  padding: 0.4em;
}

/* 矢印アイコン: 元の ::before を削除し、Material Icons を白で表示 */
.-w-icon.icon-arrow::before,
[data-lib="15159"] .-w-3column_list ul li .-w-icon.icon-arrow::before,
[data-lib="15159"] .-w-3column_list ul li a:hover .-w-icon.icon-arrow::before {
  display: none !important;
  content: none !important;
}
.-w-icon.icon-arrow .material-icons {
  color: #fff;
  font-size: 3rem;
  transition:
    opacity 0.2s cubic-bezier(0.5, 0, 0.5, 1),
    margin-left 0.2s cubic-bezier(0.5, 0, 0.5, 1);
}

/* PC: 矢印はホバー時のみ表示 */
@media (min-width: 769px) {
  [data-lib="15159"]
    .-w-3column_list
    ul
    li
    .-w-icon.icon-arrow
    .material-icons {
    opacity: 0;
  }
  [data-lib="15159"]
    .-w-3column_list
    ul
    li
    a:hover
    .-w-icon.icon-arrow
    .material-icons {
    opacity: 1;
    margin-left: 5px;
  }
}

/* スマホ: 矢印は常時表示 */
@media (max-width: 768px) {
  [data-lib="15159"]
    .-w-3column_list
    ul
    li
    .-w-icon.icon-arrow
    .material-icons {
    opacity: 1;
  }
}