/* ============================================================
   オバマス設定wiki CSS v13
   Target: Uikit レスポンシブ (3カラム)

   v12方針:
   - 旧CSS_v2の左右幅・透過サイドバー・本文パネルへ寄せる
   - PCではUikit実DOMをGridで3カラム化し、右カラム内の自動ランキング/最近更新をページ下部へ移動する
   - SP専用ランキングはPCでは出さず、PC用ランキングを下部表示へ回す
   - Uikit内部ヘッダー画像ではなく、3カラム全体上部に旧ヘッダー風の疑似ヘッダーを出す
   - v11の本文・表・フォーム・コメント欄補正を維持する
   ============================================================ */

/* ============================================================
   0. 共通変数
   ============================================================ */
:root{
  --mftd-bg-color: #1a1a1a;
  --mftd-panel: #222222;
  --mftd-panel-2: #2a2a2a;
  --mftd-panel-3: #333333;
  --mftd-text: #e6e6e6;
  --mftd-text-weak: #bdbdbd;
  --mftd-border: #555555;
  --mftd-border-strong: #888888;
  --mftd-accent: #ffad33;
  --mftd-accent-hover: #ffcc80;
  --mftd-link-visited: #cc8800;
  --mftd-radius: 6px;
  --mftd-shadow: 0 4px 14px rgba(0,0,0,0.45);

  --mftd-container-max: none;
  --mftd-container-width: 100%;
  --mftd-grid-left: 260px;
  --mftd-grid-right: 220px;
  --mftd-grid-gap: 15px;

  --mftd-sidebar-rgb: 64, 40, 96;
  --mftd-sidebar-alpha: 0.74;
  --mftd-sidebar-item-alpha: 0.18;
  --mftd-sidebar-hover-alpha: 0.28;
  --mftd-sidebar-border-alpha: 0.26;
  --mftd-sidebar-right-table-alpha: 0.16;
  --mftd-bg1-url: url("https://img.atwiki.jp/mftd/pub/e.png");
  --mftd-bg2-url: url("https://img.atwiki.jp/mftd/pub/%E7%BD%85.png");
}

/* ============================================================
   1. ベース
   ============================================================ */
html,
body{
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  color: var(--mftd-text);
  background-color: var(--mftd-bg-color);
  font-size: 95%;
  line-height: 1.65;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  overflow-wrap: normal;
  word-break: normal;
}

*,
*::before,
*::after{
  box-sizing: border-box;
}

img,
video,
iframe{
  max-width: 100%;
}

img{
  height: auto;
}

p{
  margin: 0 0 1.4em 0;
}

hr{
  border: none;
  border-top: 1px solid #999999;
  height: 0;
  padding: 0;
  margin: 1.4em 0;
}

.box{
  zoom: 100%;
}

.box::after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.hidden,
.hide{
  display: none !important;
}

.disableLink{
  color: #777777 !important;
  cursor: default !important;
  display: block !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  padding: 3px 1em !important;
  white-space: nowrap !important;
}

.Uncreatedpage{
  background-color: #ffd700;
  color: #000000;
  text-decoration: none;
  padding: 0 2px;
  border-radius: 2px;
}

span.word1{ background-color: #ffff66; color: #000000; }
span.word2{ background-color: #a0ffff; color: #000000; }
span.word3{ background-color: #99ff99; color: #000000; }
span.word4{ background-color: #ff9999; color: #000000; }
span.word5{ background-color: #ff66ff; color: #000000; }
span.word6{ background-color: #880000; color: #ffffff; }
span.word7{ background-color: #00aa00; color: #ffffff; }
span.word8{ background-color: #886800; color: #ffffff; }
span.word9{ background-color: #004699; color: #ffffff; }
span.word10{ background-color: #990099; color: #ffffff; }

/* ============================================================
   2. リンク
   ============================================================ */
a{
  color: var(--mftd-accent);
  background-color: transparent;
  font-weight: bold;
  text-decoration: none;
  transition: color 0.18s ease, background-color 0.18s ease;
}

a:hover,
a:focus-visible{
  color: var(--mftd-accent-hover);
  background-color: rgba(255,165,0,0.10);
  text-decoration: underline;
}

a:visited{
  color: var(--mftd-link-visited);
}

a img{
  border: 0;
}

:focus-visible{
  outline: 2px solid rgba(255,173,51,0.85);
  outline-offset: 2px;
}

/* ============================================================
   3. Uikit標準構造を壊さない初期化
   ============================================================ */
.footer_fixed,
.footer_fixed > .uk-margin-remove,
.main_wrapper,
#atwiki-jp-bg2,
#atwiki-jp-bg2 > .atwiki-container,
#contents,
#menubar,
#menubar2,
.atwiki-main-column,
.atwiki-menu-content,
.atwiki-contents-shadow,
.atwiki-contents{
  min-width: 0 !important;
}

.footer_fixed,
.footer_fixed > .uk-margin-remove,
.main_wrapper{
  background: transparent !important;
  box-shadow: none !important;
}

#container,
#wrapper{
  min-width: 0;
  max-width: none;
  box-sizing: border-box;
}

#atwiki-jp-bg2{
  background-color: var(--mftd-bg-color) !important;
  background-image: var(--mftd-bg2-url) !important;
  background-repeat: repeat !important;
  background-position: top left !important;
  padding: 10px 0 !important;
}

#atwiki-jp-bg1{
  background-image: var(--mftd-bg1-url) !important;
  background-repeat: no-repeat !important;
  background-position: center bottom !important;
  background-size: contain !important;
  background-color: #000000 !important;
}

/* PCでは、UikitのSP専用ブロックだけを限定的に隠す。
   .atwiki-pc-only の一律 display:block は、ヘッダーや右カラムの表示形式を壊すため行わない。 */
@media screen and (min-width: 960px){
  #atwiki-menu-top.atwiki-sp-only,
  #atwiki-jp-bg2 > .atwiki-container > .atwiki-sp-only{
    display: none !important;
  }
}

/* ============================================================
   4. PC: Uikit実DOMを軽量Gridで3カラム復旧
   ============================================================ */
@media screen and (min-width: 960px){
  #atwiki-jp-bg2 > .atwiki-container{
    display: grid !important;
    grid-template-columns: var(--mftd-grid-left) minmax(0, 1fr) var(--mftd-grid-right) !important;
    grid-template-areas: "left main right" !important;
    column-gap: var(--mftd-grid-gap) !important;
    row-gap: 0 !important;
    align-items: start !important;
    width: var(--mftd-container-width) !important;
    max-width: var(--mftd-container-max) !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 10px !important;
    background: var(--mftd-panel) !important;
    color: var(--mftd-text) !important;
    border: none !important;
    border-radius: var(--mftd-radius) !important;
    box-shadow: var(--mftd-shadow) !important;
    overflow: visible !important;
  }

  #atwiki-jp-bg2 > .atwiki-container > .atwiki-left-column{
    grid-area: left !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
  }

  #atwiki-jp-bg2 > .atwiki-container > #contents{
    grid-area: main !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    overflow: visible !important;
  }

  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column{
    grid-area: right !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
  }

  #contents.uk-width-1-1,
  #atwiki-jp-bg2 > .atwiki-container > #contents.uk-width-1-1{
    width: auto !important;
    max-width: none !important;
    flex: none !important;
  }

  .atwiki-left-column,
  .atwiki-right-column,
  .atwiki-menu-content,
  .atwiki-main-column{
    min-width: 0 !important;
  }
}

@media screen and (min-width: 960px) and (max-width: 1150px){
  :root{
    --mftd-container-width: calc(100% - 20px);
    --mftd-grid-left: 200px;
    --mftd-grid-right: 170px;
    --mftd-grid-gap: 12px;
  }
}

@media screen and (min-width: 1400px){
  :root{
    --mftd-grid-left: 240px;
    --mftd-grid-right: 200px;
    --mftd-grid-gap: 15px;
  }
}

/* ============================================================
   5. パンくず・ページ情報
   ============================================================ */
.responsive-breadcrumb{
  width: min(var(--mftd-container-max), var(--mftd-container-width));
  margin: 0 auto 8px !important;
  color: var(--mftd-text-weak) !important;
  background: rgba(0,0,0,0.35) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: var(--mftd-radius) !important;
  padding: 4px 8px !important;
  font-size: 0.88em !important;
}

.responsive-breadcrumb a{
  color: var(--mftd-accent) !important;
  background: transparent !important;
}

#contents .atwiki-page-info{
  display: block !important;
  background: transparent !important;
  color: var(--mftd-text) !important;
  border: none !important;
  box-shadow: none !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
}

#contents .atwiki-page-info .atwiki-small-text{
  color: var(--mftd-text-weak) !important;
}

#contents .atwiki-page-info .header_img{
  display: block !important;
  width: 100% !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  background: #000000 !important;
  border: 1px solid #333333 !important;
  overflow: hidden !important;
}

#contents .atwiki-page-info .header_img #atwiki-jp-bg1{
  display: block !important;
  width: 100% !important;
  height: 175px !important;
  min-height: 175px !important;
}

#contents .atwiki-page-info .atwiki-pagename,
#contents h1.atwiki-pagename{
  display: block !important;
  color: #ffffff !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid var(--mftd-accent) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 1.8em !important;
  font-weight: bold !important;
  line-height: 1.35 !important;
  margin: 0 0 12px 0 !important;
  padding: 0 0 6px 0 !important;
}

#contents .atwiki-page-info .uk-flex,
#contents .atwiki-page-info #atwiki-pv-view{
  color: var(--mftd-text-weak) !important;
  font-size: 0.92em !important;
}

#contents .atwiki-page-info .atwiki-flat-button,
#contents .atwiki-page-info .atwiki-permission-text{
  font-size: 0.88em !important;
}

/* ============================================================
   6. 本文領域
   ============================================================ */
#contents{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#contents > .atwiki-contents-shadow{
  background: transparent !important;
  color: var(--mftd-text) !important;
  border: none !important;
  border-left: 1px solid #444444 !important;
  border-right: 1px solid #444444 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#contents .atwiki-contents,
#wikibody{
  line-height: 1.6em !important;
  background: transparent !important;
  color: var(--mftd-text) !important;
  overflow: visible !important;
}

#contents .atwiki-contents{
  padding: 0 10px 18px !important;
}

#contents h2,
#contentwide h2,
#contentwide2 h2{
  font-size: 1.8em !important;
  margin: 0 0 15px !important;
  padding: 0 0 6px !important;
  border: none !important;
  border-bottom: 2px solid var(--mftd-accent) !important;
  color: #ffffff !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: inherit !important;
}

#contents h3,
#contentwide h3,
#contentwide2 h3{
  font-size: 1.4em !important;
  margin: 15px 0 10px !important;
  color: #ffffff !important;
  background-color: transparent !important;
  border-left: 5px solid var(--mftd-accent) !important;
  border-bottom: 1px solid #444444 !important;
  padding: 5px 10px !important;
  box-shadow: none !important;
  font-family: inherit !important;
}

#contents h4,
#contentwide h4,
#contentwide2 h4{
  font-size: 1.2em !important;
  margin: 10px 0 !important;
  color: #dddddd !important;
  background-color: #333333 !important;
  border-left: 4px solid #888888 !important;
  padding: 5px 8px !important;
  border-radius: 0 4px 4px 0 !important;
  box-shadow: none !important;
  font-family: inherit !important;
}

#contents h5,
#contentwide h5,
#contentwide2 h5{
  font-size: 1.05em !important;
  margin: 10px 0 6px !important;
  color: #eeeeee !important;
  background: transparent !important;
  border: none !important;
  border-left: 2px solid #777777 !important;
  padding: 2px 0 2px 8px !important;
  box-shadow: none !important;
  font-family: inherit !important;
}

#contents ul,
#contentwide ul,
#contentwide2 ul,
#contents ol,
#contentwide ol,
#contentwide2 ol{
  margin: 0 0 16px 20px;
  padding: 0;
}

#contents li,
#contentwide li,
#contentwide2 li{
  margin: 0 0 5px 0;
  padding: 0 0 0 5px;
}

#contents blockquote,
#contentwide blockquote,
#contentwide2 blockquote,
#wikibody blockquote{
  background-color: #333333;
  border-bottom: none;
  color: #dddddd;
  border-left: 3px solid var(--mftd-accent);
  margin: 10px 0;
  padding: 10px;
  border-radius: 4px;
}

#contents pre,
#contentwide pre,
#contentwide2 pre,
#wikibody pre{
  background-color: #111111;
  border: 1px solid #444444;
  color: #eeeeee;
  border-left: 4px solid #596456;
  display: block;
  font-family: Consolas, Monaco, "Andale Mono", monospace;
  margin: 5px 0;
  padding: 10px;
  overflow-x: auto;
  border-radius: 4px;
}

.postinfo{
  margin: 10px 0 20px;
  padding: 10px;
  background-color: var(--mftd-panel-3);
  color: var(--mftd-text-weak);
  border-left: 4px solid #666666;
  border-radius: 4px;
  font-size: 0.9em;
  line-height: 1.45;
}

#wikibody,
#contents .atwiki-contents{
  overflow-wrap: normal !important;
  word-break: normal !important;
}

#wikibody a,
#contents .atwiki-contents a,
#wikibody code,
#wikibody pre,
#contents .atwiki-contents code,
#contents .atwiki-contents pre{
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}

/* ============================================================
   7. テーブル
   ============================================================ */
#contents table,
#contentwide table,
#contentwide2 table,
#wikibody table,
#menubar table,
#menubar2 table{
  width: auto !important;
  max-width: 100%;
  border-collapse: collapse;
  margin: 1em 0;
  border: 2px solid var(--mftd-border-strong);
  border-radius: 0;
  overflow: hidden;
  color: var(--mftd-text);
}

#contents th,
#contentwide th,
#contentwide2 th,
#wikibody th,
#menubar th,
#menubar2 th{
  background-color: #444444;
  color: #ffffff;
  border: 1px solid var(--mftd-border-strong);
  padding: 10px;
  font-weight: bold;
}

#contents td,
#contentwide td,
#contentwide2 td,
#wikibody td,
#menubar td,
#menubar2 td{
  border: 1px solid var(--mftd-border-strong);
  padding: 8px;
  color: #dddddd;
}

#contents .table_style_1 tr th,
#menubar .table_style_1 tr th,
#menubar2 .table_style_1 tr th,
#wikibody .table_style_1 tr th{
  background-color: #696969 !important;
  color: #ffffff !important;
  font-size: 120%;
}

#contents td.table_style_1_column_1,
#menubar td.table_style_1_column_1,
#menubar2 td.table_style_1_column_1,
#wikibody td.table_style_1_column_1{
  text-align: center;
}

/* ============================================================
   8. フォーム・ボタン
   ============================================================ */
input[type="text"],
input[type="password"],
input[type="search"],
textarea,
select,
#tarea_wiki{
  padding: 5px 8px;
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #cccccc !important;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus,
#tarea_wiki:focus{
  border-color: var(--mftd-accent) !important;
  box-shadow: 0 0 5px rgba(255,173,51,0.50);
  outline: none;
  background-color: #ffffff !important;
}

input[type="submit"],
input[type="button"],
button{
  background-color: #f0f0f0 !important;
  color: #000000 !important;
  border: 1px solid #999999 !important;
  cursor: pointer;
  padding: 5px 15px;
  border-radius: 4px;
}

input[type="submit"]:hover,
input[type="button"]:hover,
button:hover{
  background-color: #dddddd !important;
  color: #000000 !important;
  border-color: #666666 !important;
}

textarea{
  width: 100%;
  min-height: 80px;
  resize: vertical;
  field-sizing: content;
}

.plugin_pcomment_form input[type="text"][name="name"]{
  width: auto !important;
  min-width: 4em;
}

.plugin_pcomment_form input[type="text"][name="text"]{
  width: min(100%, 34em) !important;
}

/* ============================================================
   9. 左右メニュー
   Uikit標準の配置を維持し、見た目だけ調整する
   ============================================================ */
#menubar,
#menubar2,
.atwiki-pc-rank-wrap,
.atwiki-right-column > .atwiki-contents-shadow,
.atwiki-left-column > .atwiki-contents-shadow{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--mftd-text) !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

#menubar,
#menubar2{
  padding: 0 !important;
}

#menubar .atwiki-contents,
#menubar2 .atwiki-contents{
  padding: 0 !important;
  font-size: 0.94em !important;
  line-height: 1.45 !important;
  background: transparent !important;
  color: var(--mftd-text) !important;
}

#menubar .atwiki-list-title,
#menubar2 .atwiki-list-title,
.atwiki-pc-rank-wrap .atwiki-list-title,
.atwiki-right-column .atwiki-list-title{
  display: block !important;
  margin: 0 0 8px !important;
  padding: 3px 0 4px !important;
  color: #ffffff !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,0.18) !important;
  font-size: 1.05em !important;
  line-height: 1.3 !important;
  font-weight: bold !important;
}

#menubar h3{
  font-size: 1.12em !important;
  line-height: 1.28 !important;
  margin: 12px 0 8px !important;
  padding: 4px 6px !important;
  color: #ffffff !important;
  background: transparent !important;
  border-left: none !important;
  border-bottom: 1px solid rgba(255,255,255,0.18) !important;
  box-shadow: none !important;
}

#menubar h4,
#menubar h5,
#menubar2 h3,
#menubar2 h4,
#menubar2 h5{
  font-size: 1.02em !important;
  line-height: 1.28 !important;
  margin: 10px 0 5px !important;
  padding: 3px 0 !important;
  color: #ffffff !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* 左メニューのカード型リンク */
#menubar ul{
  width: 100%;
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
}

#menubar ul li{
  width: 100%;
  padding: 0;
  display: block;
  margin-bottom: 5px;
  list-style: none;
}

#menubar ul li a{
  background: #333333 !important;
  background-color: #333333 !important;
  color: #dddddd !important;
  font-weight: bold;
  display: block;
  width: auto;
  float: none;
  margin: 0;
  padding: 9px 12px;
  border-left: 4px solid #666666;
  border-bottom: none;
  text-decoration: none;
  border-radius: 4px;
  box-shadow: none;
  transition: background-color 0.18s ease, color 0.18s ease, padding-left 0.18s ease, border-color 0.18s ease;
}

#menubar ul li a:hover,
#menubar ul li a.current{
  background: #444444 !important;
  background-color: #444444 !important;
  border-left-color: var(--mftd-accent);
  color: #ffffff !important;
  padding-left: 17px;
}

#menubar ul ul{
  margin: 5px 0 5px 10px;
  width: auto;
}

#menubar ul ul a{
  padding: 5px;
  font-weight: normal;
  border: none;
  background: transparent !important;
}

#menubar ul ul a:hover{
  padding-left: 5px;
  background: transparent !important;
  color: var(--mftd-accent) !important;
}

/* 右メニューは透明背景・通常リンク主体 */
#menubar2 ul,
.atwiki-right-column ul{
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 10px !important;
}

#menubar2 li,
.atwiki-right-column li{
  list-style: none !important;
  margin: 0 0 5px !important;
  padding: 0 !important;
}

#menubar2 a,
.atwiki-right-column a{
  color: var(--mftd-accent) !important;
  background-color: transparent !important;
  border-left: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  font-weight: bold;
}

#menubar2 a:hover,
.atwiki-right-column a:hover{
  color: var(--mftd-accent-hover) !important;
  background-color: rgba(255,255,255,0.08) !important;
}

#menubar2 table,
#menubar2 th,
#menubar2 td{
  background: rgba(0,0,0,0.12) !important;
  background-color: rgba(0,0,0,0.12) !important;
}

#menubar input,
#menubar textarea,
#menubar select,
#menubar button,
#menubar2 input,
#menubar2 textarea,
#menubar2 select,
#menubar2 button{
  background-color: #ffffff !important;
  color: #000000 !important;
}

#menubar img,
#menubar2 img{
  max-width: 100%;
  height: auto;
}

/* PC用ランキング・最近更新ページは右カラムの一部として整える */
.atwiki-pc-rank-wrap,
.atwiki-right-column > .atwiki-pc-only,
.atwiki-right-column > .atwiki-contents-shadow.atwiki-pc-only{
  margin: 14px 0 0 !important;
  padding: 0 !important;
  color: var(--mftd-text) !important;
}

.atwiki-pc-rank-wrap ol,
.atwiki-pc-rank-wrap ul,
.atwiki-right-column .atwiki-link-list{
  margin: 0 0 10px 18px !important;
  padding: 0 !important;
}

.atwiki-pc-rank-wrap li,
.atwiki-right-column .atwiki-link-list li{
  margin: 0 0 4px !important;
  padding: 0 !important;
  line-height: 1.35 !important;
}

.atwiki-right-column .atwiki-description{
  color: var(--mftd-text-weak) !important;
  font-size: 0.9em !important;
  line-height: 1.4 !important;
  margin: 0 0 8px !important;
}

.atwiki-right-column .atwiki-more-button,
.atwiki-pc-rank-wrap .atwiki-more-button{
  margin: 6px 0 0 !important;
  padding: 0 !important;
  text-align: right !important;
}

.atwiki-right-column .atwiki-more-button a,
.atwiki-pc-rank-wrap .atwiki-more-button a{
  display: inline-block !important;
  padding: 2px 6px !important;
  background: rgba(255,255,255,0.08) !important;
  color: var(--mftd-accent) !important;
  border-radius: 3px !important;
  font-size: 0.9em !important;
}

/* ============================================================
   10. コメント欄補助
   ============================================================ */
li[data-pcmt-card="1"]{
  position: relative;
  margin: 10px 0;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 12px;
  background-color: rgba(0,0,0,0.12);
  box-shadow: 0 4px 12px rgba(0,0,0,0.18);
}

li[data-pcmt-card="1"]:hover{
  border-color: rgba(255,255,255,0.30);
}

li[data-pcmt-card="1"] > [data-pcmt-headline="1"]{
  margin: 2px 0 8px 0;
}

ul[data-pcmt-tree="1"],
ol[data-pcmt-tree="1"]{
  margin: 8px 0 0 0;
  padding-left: 18px;
}

li[data-pcmt-card="1"] a,
li[data-pcmt-card="1"] button,
li[data-pcmt-card="1"] input,
li[data-pcmt-card="1"] textarea,
li[data-pcmt-card="1"] select{
  cursor: auto;
}

.plugin_pcomment_reply_count{
  cursor: pointer;
}

/* ============================================================
   11. 下部UI・広告・フッター
   ============================================================ */
#atwiki-page-tags,
#atwiki-liked-counter,
.atwiki-page-keyword,
.atwiki-lastmodify,
#contents .social-button,
#contents .atwiki-ads,
#contents .atwiki-body-footer,
#contents .atwiki-page-info-bottom,
#ads,
#body_footer,
#menuarea,
#editmenu{
  background: transparent !important;
  color: var(--mftd-text) !important;
  border: none !important;
  box-shadow: none !important;
}

#atwiki-page-tags,
#atwiki-liked-counter,
.atwiki-page-keyword,
.atwiki-lastmodify,
#contents .social-button,
#contents .atwiki-ads,
#contents .atwiki-body-footer,
#ads,
#body_footer{
  margin: 10px 0 !important;
  padding: 0 10px !important;
}

#contents .social-button{
  opacity: 0.86;
}

#contents .social-button .uk-flex,
#contents .social-button .uk-text-center{
  margin: 0 !important;
  padding: 0 !important;
}

#contents .social-button a,
#at_social_links2 a{
  background-color: transparent !important;
}

#body_footer img,
.atwiki-body-footer img{
  max-width: 160px;
  height: auto;
}

#footer,
.atwiki_footer{
  width: 100%;
  margin: 0 auto;
  padding: 20px 0;
  border-top: 1px solid #444444;
  text-align: center;
  color: #888888;
  background-color: var(--mftd-panel);
  border-radius: 0 0 var(--mftd-radius) var(--mftd-radius);
}

#footer p{
  margin: 0;
  padding: 0;
}

#footer a,
.atwiki_footer a{
  color: #aaaaaa;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
}

#footer a:hover,
.atwiki_footer a:hover{
  color: #ffffff;
  text-decoration: underline;
}

#footer hr{
  display: none;
}

/* ============================================================
   12. 脚注
   Uikitでは .atwiki-container 外に出るため、3カラム下部の安定ブロックとして扱う
   ============================================================ */
#atwiki-jp-bg2 > .atwiki-footnote-title,
#atwiki-jp-bg2 > .atwiki-footnote{
  width: min(var(--mftd-container-max), var(--mftd-container-width)) !important;
  max-width: var(--mftd-container-max) !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  background: var(--mftd-panel) !important;
  color: var(--mftd-text) !important;
  border-left: 1px solid #444444 !important;
  border-right: 1px solid #444444 !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  line-height: 1.6em !important;
  font-size: 0.95em !important;
}

#atwiki-jp-bg2 > .atwiki-footnote-title{
  padding-top: 12px !important;
  border-top: 1px solid #444444 !important;
  color: #ffffff !important;
  font-weight: bold !important;
}

#atwiki-jp-bg2 > .atwiki-footnote{
  padding-bottom: 12px !important;
  border-bottom: 1px solid #444444 !important;
}

#atwiki-jp-bg2 > .atwiki-footnote p,
#atwiki-jp-bg2 > .atwiki-footnote-title p{
  margin: 0 0 0.6em 0;
}

#atwiki-jp-bg2 > .atwiki-footnote a,
#atwiki-jp-bg2 > .atwiki-footnote-title a,
.link_atwiki_footnote a{
  color: var(--mftd-accent) !important;
}

.link_atwiki_footnote{
  font-size: 0.92em;
  white-space: nowrap;
}

/* ============================================================
   13. 固定スクロールボタン補助
   ============================================================ */
#charaScrollDock{
  z-index: 10000;
}

#charaScrollDock button{
  font-family: inherit;
}

/* ============================================================
   14. ユーティリティ
   ============================================================ */
.left{
  margin: 3px 10px 2px 0;
  float: left;
}

.right{
  margin: 2px 0 2px 10px;
  float: right;
}

.textright{ text-align: right; }
.center{ text-align: center; }
.small{ font-size: 0.8em; }
.bold{ font-weight: bold; }
.clearing{ clear: both; padding: 0; margin: 0; visibility: hidden; }

.gafc_on{ background-color: #EEBFFF; }
.gafc_domain{ color: green; }

#photospace{
  width: 100%;
  max-width: 760px;
  display: block;
  margin: 0 0 20px 0;
}

#tarea_wiki{
  width: 98%;
}

/* ============================================================
   15. 横幅対策
   ============================================================ */
@media screen and (max-width: 1100px){
  #wikibody,
  #contents .atwiki-contents{
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch;
  }

  #wikibody table,
  #contents table,
  #contentwide table,
  #contentwide2 table{
    display: block;
    width: max-content !important;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
}

/* ============================================================
   16. スマホ・タブレット
   ============================================================ */
@media screen and (max-width: 959px){
  :root{
    --mftd-container-width: 100%;
  }

  body{
    font-size: 94%;
  }

  #atwiki-jp-bg2{
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  #atwiki-jp-bg2 > .atwiki-container{
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 8px !important;
    background: var(--mftd-panel) !important;
    color: var(--mftd-text) !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  .responsive-breadcrumb{
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 8px !important;
    border-radius: 0 !important;
  }

  #atwiki-jp-bg2 > .atwiki-container > #contents,
  #atwiki-jp-bg2 > .atwiki-container > .atwiki-left-column,
  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column{
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    float: none !important;
  }

  #contents .atwiki-page-info .header_img #atwiki-jp-bg1{
    height: 120px !important;
    min-height: 120px !important;
    background-size: contain !important;
  }

  #contents .atwiki-page-info .atwiki-pagename,
  #contents h1.atwiki-pagename{
    font-size: 1.45em !important;
  }

  #contents > .atwiki-contents-shadow{
    border-left: none !important;
    border-right: none !important;
  }

  #contents .atwiki-contents{
    padding: 0 8px 16px !important;
  }

  #contents h2,
  #contentwide h2,
  #contentwide2 h2{
    font-size: 1.55em !important;
  }

  #contents h3,
  #contentwide h3,
  #contentwide2 h3{
    font-size: 1.22em !important;
  }

  #menubar ul li a{
    padding: 12px 15px;
    font-size: 16px;
  }

  #contents th,
  #contents td,
  #contentwide th,
  #contentwide td,
  #contentwide2 th,
  #contentwide2 td,
  #wikibody th,
  #wikibody td{
    padding: 7px;
  }

  .right,
  .left{
    float: none;
    display: block;
    max-width: 100%;
    margin: 0 0 10px 0;
  }

  #atwiki-jp-bg2 > .atwiki-footnote-title,
  #atwiki-jp-bg2 > .atwiki-footnote{
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    border-left: none !important;
    border-right: none !important;
  }

  #charaScrollDock{
    right: 8px !important;
    bottom: 8px !important;
    transform: scale(0.92);
    transform-origin: right bottom;
  }
}

@media screen and (max-width: 480px){
  body{
    font-size: 92%;
  }

  #contents .atwiki-page-info .header_img #atwiki-jp-bg1{
    height: 96px !important;
    min-height: 96px !important;
  }

  #contents .atwiki-contents{
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .atwiki-pagename,
  #contents .atwiki-page-info .atwiki-pagename,
  #contents h1.atwiki-pagename{
    font-size: 1.30em !important;
  }
}


/* ============================================================
   17. v11最終補正
   ============================================================ */
@media screen and (min-width: 960px){
  /* Uikit標準のSP専用ランキング群はPCでは出さない。右カラム側のPC用ランキングだけを使う。 */
  #atwiki-jp-bg2 > .atwiki-container > .atwiki-sp-only:not(#atwiki-menu-top),
  #atwiki-menu-top{
    display: none !important;
  }

  /* 右カラム内のPC用ランキング・更新一覧を、本文下ではなく右メニューの一部として軽く整える。 */
  .atwiki-right-column .atwiki-pc-rank-wrap,
  .atwiki-right-column > .atwiki-pc-only,
  .atwiki-right-column > .atwiki-contents-shadow.atwiki-pc-only{
    display: block;
    width: auto !important;
    max-width: none !important;
    margin: 14px 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  /* Uikitや共通CSSが右カラムに余白・幅を戻した場合の保険。 */
  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column > *,
  #atwiki-jp-bg2 > .atwiki-container > .atwiki-left-column > *{
    max-width: 100% !important;
  }
}

/* ============================================================
   18. 印刷
   ============================================================ */
@media print{
  html,
  body{
    background-color: #ffffff !important;
    color: #000000 !important;
  }

  #contents,
  #contents > .atwiki-contents-shadow,
  #menubar,
  #menubar2,
  #atwiki-jp-bg2 > .atwiki-container,
  #atwiki-jp-bg2 > .atwiki-footnote-title,
  #atwiki-jp-bg2 > .atwiki-footnote{
    background-color: #ffffff !important;
    background-image: none !important;
    color: #000000 !important;
    box-shadow: none !important;
    border: none !important;
  }

  #atwiki-jp-bg2 > .atwiki-container{
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
  }

  #menubar,
  #menubar2,
  #charaScrollDock{
    display: none !important;
  }

  #atwiki-jp-bg2 > .atwiki-footnote-title,
  #atwiki-jp-bg2 > .atwiki-footnote{
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
  }

  a{
    color: #000000 !important;
    text-decoration: underline;
  }
}


/* ============================================================
   20. v12最終補正
   旧CSS_v2との見た目差を詰めるための最終上書き
   ============================================================ */

@media screen and (min-width: 960px){

  /* 旧CSS_v2はPCで #container を透明化し、本文と左右メニューを背景上に載せていた。
     Uikit側の .atwiki-container も同じ役割へ寄せる。 */
  #atwiki-jp-bg2 > .atwiki-container{
    position: relative !important;
    display: grid !important;
    grid-template-columns: var(--mftd-grid-left) minmax(0, 1fr) var(--mftd-grid-right) !important;
    grid-template-areas:
      "sitehead sitehead sitehead"
      "left main right"
      "rankpop rankpop rankpop"
      "rankupd rankupd rankupd"
      "rankad rankad rankad" !important;
    column-gap: var(--mftd-grid-gap) !important;
    row-gap: 20px !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 10px 16px !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }

  /* 旧ヘッダー相当。Uikit本文内のヘッダー画像は下で非表示にする。 */
  #atwiki-jp-bg2 > .atwiki-container::before{
    content: "";
    grid-area: sitehead;
    display: block;
    width: 100%;
    height: 300px;
    min-height: 300px;
    margin: 0 auto;
    background-color: #000000;
    background-image: var(--mftd-bg1-url);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
  }

  #atwiki-jp-bg2 > .atwiki-container::after{
    content: "オバマス設定wiki";
    position: absolute;
    top: 30px;
    left: 36px;
    z-index: 1;
    color: #dddddd;
    background-color: rgba(0,0,0,0.50);
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 2.5em;
    font-weight: bold;
    line-height: 1.25;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.80);
    pointer-events: none;
  }

  #atwiki-jp-bg2 > .atwiki-container > .atwiki-left-column{
    grid-area: left !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
  }

  #atwiki-jp-bg2 > .atwiki-container > #contents{
    grid-area: main !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    overflow: visible !important;
  }

  /* 右カラムの子要素をGrid参加させ、PC用ランキング/最近更新だけページ下部へ移す。 */
  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column{
    display: contents !important;
  }

  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column > #menubar2{
    grid-area: right !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column > .atwiki-pc-rank-wrap{
    grid-area: rankpop !important;
  }

  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column > .atwiki-contents-shadow.atwiki-pc-only:not(.atwiki-pc-rank-wrap){
    grid-area: rankupd !important;
  }

  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column > .atwiki-side-ads.atwiki-pc-only{
    grid-area: rankad !important;
  }

  /* PCではSP専用ランキング群はUikit標準通り出さない。
     表示するのは右カラム内に出力されているPC用ランキング/最近更新をページ下部へ移したもの。 */
  #atwiki-menu-top.atwiki-sp-only,
  #atwiki-jp-bg2 > .atwiki-container > .atwiki-sp-only{
    display: none !important;
  }

  #contents.uk-width-1-1,
  #atwiki-jp-bg2 > .atwiki-container > #contents.uk-width-1-1{
    width: auto !important;
    max-width: none !important;
    flex: none !important;
  }
}

/* 旧CSS_v2の左右幅を維持する。狭いPCでも勝手に縮めない。 */
@media screen and (min-width: 960px) and (max-width: 1150px){
  :root{
    --mftd-grid-left: 260px;
    --mftd-grid-right: 220px;
    --mftd-grid-gap: 15px;
  }
}

/* 本文パネルを旧 #contents に近づける */
#contents > .atwiki-contents-shadow{
  background: #222222 !important;
  background-color: #222222 !important;
  color: #eeeeee !important;
  border-left: 1px solid #444444 !important;
  border-right: 1px solid #444444 !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.45) !important;
  overflow: visible !important;
}

#contents .atwiki-contents{
  padding: 0 10px 18px !important;
}

/* Uikit本文内ヘッダーは旧ヘッダーと二重になるため消す */
#contents .atwiki-page-info .header_img,
#contents .atwiki-page-info .header_img #atwiki-jp-bg1,
#contents .atwiki-page-info #atwiki-jp-bg1{
  display: none !important;
}

/* 左右サイドバーを旧CSS_v2の透過紫パネルへ戻す */
#menubar,
#menubar2{
  background: rgba(var(--mftd-sidebar-rgb), var(--mftd-sidebar-alpha)) !important;
  background-color: rgba(var(--mftd-sidebar-rgb), var(--mftd-sidebar-alpha)) !important;
  background-image: none !important;
  color: var(--mftd-text) !important;
  border: 1px solid rgba(255,255,255,var(--mftd-sidebar-border-alpha)) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  padding: 10px !important;
  overflow: hidden !important;
}

/* Uikitの親シャドウは消し、実体は #menubar/#menubar2 側だけに持たせる */
.atwiki-left-column > .atwiki-contents-shadow,
.atwiki-right-column > .atwiki-contents-shadow{
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* サイドバー内部の余計な不透明背景を消す */
#menubar h3,
#menubar div,
#menubar hr,
#menubar2 h3,
#menubar2 h4,
#menubar2 div,
#menubar2 hr{
  background: transparent !important;
  background-color: transparent !important;
}

/* 左メニュー項目は旧CSS_v2の透過カードへ */
#menubar ul li a{
  background: rgba(var(--mftd-sidebar-rgb), var(--mftd-sidebar-item-alpha)) !important;
  background-color: rgba(var(--mftd-sidebar-rgb), var(--mftd-sidebar-item-alpha)) !important;
  color: #dddddd !important;
  border-left: 4px solid rgba(255,255,255,0.16) !important;
  padding: 10px 15px !important;
}

#menubar ul li a:hover,
#menubar ul li a.current{
  background: rgba(255,255,255,var(--mftd-sidebar-hover-alpha)) !important;
  background-color: rgba(255,255,255,var(--mftd-sidebar-hover-alpha)) !important;
  border-left-color: var(--mftd-accent) !important;
  color: #ffffff !important;
  padding-left: 20px !important;
}

#menubar ul ul a,
#menubar ul ul a:hover{
  background: transparent !important;
  border-left: none !important;
}

/* 右メニューは透過パネル内の通常リンク主体にする */
#menubar2 a{
  color: var(--mftd-accent) !important;
  background: transparent !important;
  padding: 0 !important;
  border-left: none !important;
}

#menubar2 a:hover{
  color: var(--mftd-accent-hover) !important;
  background: rgba(255,255,255,0.08) !important;
}

#menubar2 table,
#menubar2 th,
#menubar2 td{
  background: rgba(var(--mftd-sidebar-rgb), var(--mftd-sidebar-right-table-alpha)) !important;
  background-color: rgba(var(--mftd-sidebar-rgb), var(--mftd-sidebar-right-table-alpha)) !important;
}

/* ページ下部へ移した自動ランキング/最近更新 */
@media screen and (min-width: 960px){
  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column > .atwiki-pc-rank-wrap,
  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column > .atwiki-contents-shadow.atwiki-pc-only:not(.atwiki-pc-rank-wrap),
  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column > .atwiki-side-ads.atwiki-pc-only{
    display: block !important;
    width: min(860px, 100%) !important;
    max-width: 100% !important;
    justify-self: center !important;
    margin: 0 auto !important;
    padding: 10px 12px !important;
    background: #222222 !important;
    background-color: #222222 !important;
    color: var(--mftd-text) !important;
    border: 1px solid #444444 !important;
    border-radius: 8px !important;
    box-shadow: 0 3px 10px rgba(0,0,0,0.35) !important;
    overflow: hidden !important;
  }

  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column > .atwiki-pc-rank-wrap,
  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column > .atwiki-contents-shadow.atwiki-pc-only:not(.atwiki-pc-rank-wrap){
    max-height: 280px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column > .atwiki-pc-rank-wrap .atwiki-list-title,
  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column > .atwiki-contents-shadow.atwiki-pc-only:not(.atwiki-pc-rank-wrap) .atwiki-list-title{
    display: block !important;
    margin: 0 0 8px !important;
    padding: 3px 0 5px !important;
    color: #ffffff !important;
    background: transparent !important;
    border-bottom: 1px solid #555555 !important;
    font-size: 1.05em !important;
    line-height: 1.3 !important;
    font-weight: bold !important;
  }

  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column > .atwiki-pc-rank-wrap ul,
  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column > .atwiki-pc-rank-wrap ol,
  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column > .atwiki-contents-shadow.atwiki-pc-only:not(.atwiki-pc-rank-wrap) ul,
  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column > .atwiki-contents-shadow.atwiki-pc-only:not(.atwiki-pc-rank-wrap) ol{
    margin: 0 0 8px 18px !important;
    padding: 0 !important;
  }
}

/* 下部脚注も透明コンテナ化後に横幅が破綻しないよう調整 */
#atwiki-jp-bg2 > .atwiki-footnote-title,
#atwiki-jp-bg2 > .atwiki-footnote{
  width: calc(100% - 32px) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background: #222222 !important;
  background-color: #222222 !important;
  border-left: 1px solid #444444 !important;
  border-right: 1px solid #444444 !important;
}

/* スマホでは疑似ヘッダーを使わず、Uikit標準の縦積みに戻す */
@media screen and (max-width: 959px){
  #atwiki-jp-bg2 > .atwiki-container::before,
  #atwiki-jp-bg2 > .atwiki-container::after{
    display: none !important;
    content: none !important;
  }

  #contents .atwiki-page-info .header_img,
  #contents .atwiki-page-info .header_img #atwiki-jp-bg1{
    display: block !important;
  }

  #menubar,
  #menubar2{
    border-radius: 8px !important;
    padding: 8px !important;
    overflow: visible !important;
  }
}


/* ============================================================
   21. v13最終補正
   - 人気記事ランキング / 最近更新されたページを横並びにする
   - 注釈ブロックを途切れて見えない連結パネルにする
   - Uikitページ情報の余計な行を隠し、上部の崩れを抑える
   ============================================================ */

/* 上部ページ情報は、旧CSS風にページ名だけを残す */
#contents .atwiki-page-info{
  display: block !important;
  margin: 0 0 10px 0 !important;
  padding: 10px 10px 0 10px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#contents .atwiki-page-info > p.atwiki-small-text,
#contents .atwiki-page-info > .uk-flex,
#contents .atwiki-page-info #atwiki-pv-view,
#contents .atwiki-page-info .atwiki-small-text,
#contents .atwiki-page-info .atwiki-flat-button,
#contents .atwiki-page-info .atwiki-permission-text{
  display: none !important;
}

#contents .atwiki-page-info .atwiki-pagename,
#contents h1.atwiki-pagename{
  display: block !important;
  margin: 0 0 12px 0 !important;
  padding: 0 0 6px 0 !important;
  color: #ffffff !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid var(--mftd-accent) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 1.8em !important;
  line-height: 1.35 !important;
  font-weight: bold !important;
}

/* PCでは3カラムを維持しつつ、下部ランキング2種を横並びにする */
@media screen and (min-width: 960px){
  #atwiki-jp-bg2 > .atwiki-container{
    grid-template-columns: var(--mftd-grid-left) minmax(0, 1fr) minmax(0, 1fr) var(--mftd-grid-right) !important;
    grid-template-areas:
      "sitehead sitehead sitehead sitehead"
      "left main main right"
      "rankpop rankpop rankupd rankupd"
      "rankad rankad rankad rankad" !important;
    column-gap: var(--mftd-grid-gap) !important;
    row-gap: 18px !important;
  }

  #atwiki-jp-bg2 > .atwiki-container > .atwiki-left-column{
    grid-area: left !important;
  }

  #atwiki-jp-bg2 > .atwiki-container > #contents{
    grid-area: main !important;
  }

  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column > #menubar2{
    grid-area: right !important;
  }

  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column > .atwiki-pc-rank-wrap{
    grid-area: rankpop !important;
  }

  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column > .atwiki-contents-shadow.atwiki-pc-only:not(.atwiki-pc-rank-wrap){
    grid-area: rankupd !important;
  }

  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column > .atwiki-side-ads.atwiki-pc-only{
    grid-area: rankad !important;
  }

  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column > .atwiki-pc-rank-wrap,
  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column > .atwiki-contents-shadow.atwiki-pc-only:not(.atwiki-pc-rank-wrap){
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    justify-self: stretch !important;
    align-self: start !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    background: #222222 !important;
    background-color: #222222 !important;
    color: var(--mftd-text) !important;
    border: 1px solid #444444 !important;
    border-radius: 8px !important;
    box-shadow: 0 3px 10px rgba(0,0,0,0.35) !important;
    max-height: 300px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
  }

  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column > .atwiki-side-ads.atwiki-pc-only{
    display: block !important;
    width: min(860px, 100%) !important;
    max-width: 100% !important;
    justify-self: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    max-height: none !important;
    overflow: visible !important;
  }

  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column > .atwiki-pc-rank-wrap .atwiki-list-title,
  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column > .atwiki-contents-shadow.atwiki-pc-only:not(.atwiki-pc-rank-wrap) .atwiki-list-title{
    display: block !important;
    margin: 0 0 8px !important;
    padding: 3px 0 5px !important;
    color: #ffffff !important;
    background: transparent !important;
    border-bottom: 1px solid #555555 !important;
    font-size: 1.05em !important;
    line-height: 1.3 !important;
    font-weight: bold !important;
  }

  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column > .atwiki-pc-rank-wrap ol,
  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column > .atwiki-pc-rank-wrap ul,
  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column > .atwiki-contents-shadow.atwiki-pc-only:not(.atwiki-pc-rank-wrap) ol,
  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column > .atwiki-contents-shadow.atwiki-pc-only:not(.atwiki-pc-rank-wrap) ul{
    margin: 0 0 8px 18px !important;
    padding: 0 !important;
  }

  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column > .atwiki-pc-rank-wrap li,
  #atwiki-jp-bg2 > .atwiki-container > .atwiki-right-column > .atwiki-contents-shadow.atwiki-pc-only:not(.atwiki-pc-rank-wrap) li{
    margin: 0 0 4px !important;
    padding: 0 !important;
    line-height: 1.35 !important;
  }
}

/* 注釈はタイトルと本文を連結させ、背景画像が間に見えないようにする */
#atwiki-jp-bg2 > .atwiki-footnote-title,
#atwiki-jp-bg2 > .atwiki-footnote{
  display: block !important;
  width: calc(100% - 32px) !important;
  max-width: none !important;
  margin-left: 16px !important;
  margin-right: 16px !important;
  background: #222222 !important;
  background-color: #222222 !important;
  color: var(--mftd-text) !important;
  box-shadow: none !important;
}

#atwiki-jp-bg2 > .atwiki-footnote-title{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 10px 12px !important;
  border: 1px solid #444444 !important;
  border-bottom: none !important;
  border-radius: 8px 8px 0 0 !important;
  color: #ffffff !important;
  font-size: 1.05em !important;
  line-height: 1.35 !important;
  font-weight: bold !important;
}

#atwiki-jp-bg2 > .atwiki-footnote{
  margin-top: 0 !important;
  margin-bottom: 18px !important;
  padding: 10px 12px 14px !important;
  border: 1px solid #444444 !important;
  border-top: none !important;
  border-radius: 0 0 8px 8px !important;
  line-height: 1.6em !important;
  font-size: 0.95em !important;
}

#atwiki-jp-bg2 > .atwiki-footnote #note{
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

#atwiki-jp-bg2 > .atwiki-footnote #note .note_hr,
#atwiki-jp-bg2 > .atwiki-footnote hr.note_hr{
  display: none !important;
}

#atwiki-jp-bg2 > .atwiki-footnote p,
#atwiki-jp-bg2 > .atwiki-footnote-title p{
  margin: 0 0 0.55em 0 !important;
  padding: 0 !important;
}

#atwiki-jp-bg2 > .atwiki-footnote a,
#atwiki-jp-bg2 > .atwiki-footnote-title a,
.link_atwiki_footnote a{
  color: var(--mftd-accent) !important;
  background: transparent !important;
}

@media screen and (max-width: 959px){
  #atwiki-jp-bg2 > .atwiki-footnote-title,
  #atwiki-jp-bg2 > .atwiki-footnote{
    width: calc(100% - 16px) !important;
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
}

/* ============================================================
   v13 bold-only patch
   v13から幅・配置・背景を変更せず、見出しの太字だけ補正する
   ============================================================ */
#contents h1,
#contents h2,
#contents h3,
#contents h4,
#contents h5,
#contentwide h1,
#contentwide h2,
#contentwide h3,
#contentwide h4,
#contentwide h5,
#contentwide2 h1,
#contentwide2 h2,
#contentwide2 h3,
#contentwide2 h4,
#contentwide2 h5,
#wikibody h1,
#wikibody h2,
#wikibody h3,
#wikibody h4,
#wikibody h5,
#menubar h3,
#menubar h4,
#menubar h5,
#menubar2 h3,
#menubar2 h4,
#menubar2 h5,
.atwiki-list-title{
  font-weight: bold !important;
}

#contents h1 a,
#contents h2 a,
#contents h3 a,
#contents h4 a,
#contents h5 a,
#contentwide h1 a,
#contentwide h2 a,
#contentwide h3 a,
#contentwide h4 a,
#contentwide h5 a,
#contentwide2 h1 a,
#contentwide2 h2 a,
#contentwide2 h3 a,
#contentwide2 h4 a,
#contentwide2 h5 a,
#wikibody h1 a,
#wikibody h2 a,
#wikibody h3 a,
#wikibody h4 a,
#wikibody h5 a,
#menubar h3 a,
#menubar h4 a,
#menubar h5 a,
#menubar2 h3 a,
#menubar2 h4 a,
#menubar2 h5 a,
.atwiki-list-title a{
  font-weight: bold !important;
}

/* ============================================================
   22. v20安全補正
   - v16〜v18の目的を反映
   - ただしスマホ操作を阻害した可能性がある
     atwiki-responsive-headbar / .atwiki-pc-only / .atwiki-sp-only
     の強制表示・強制非表示は入れない
   - 既存JSは変更しない
   ============================================================ */

:root{
  --mftd-sitehead-height-safe: 230px;
  --mftd-breadcrumb-height-safe: 30px;
}

/* ============================================================
   22-1. PC表示: サイトタイトル画像を中央に収める
   ============================================================ */
@media screen and (min-width: 960px){
  .main_wrapper{
    position: relative !important;
  }

  #atwiki-jp-bg2 > .atwiki-container::before{
    height: var(--mftd-sitehead-height-safe) !important;
    min-height: var(--mftd-sitehead-height-safe) !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: #000000 !important;
  }

  #atwiki-jp-bg2 > .atwiki-container::after{
    top: 18px !important;
    left: 24px !important;
    max-width: min(34vw, 360px) !important;
    padding: 4px 8px !important;
    font-size: clamp(1.05rem, 1.6vw, 1.55rem) !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    background-color: rgba(0,0,0,0.42) !important;
    border-radius: 4px !important;
    pointer-events: none !important;
  }
}

/* ============================================================
   22-2. PC表示: パンくずをページタイトル直上へ視覚配置
   - atwiki は非表示
   - リンク自体はクリック可能
   ============================================================ */
@media screen and (min-width: 960px){
  .responsive-breadcrumb{
    position: absolute !important;
    z-index: 5 !important;
    top: calc(20px + var(--mftd-sitehead-height-safe) + 18px) !important;
    left: calc(16px + var(--mftd-grid-left) + var(--mftd-grid-gap)) !important;
    width: calc(100% - 32px - var(--mftd-grid-left) - var(--mftd-grid-right) - (var(--mftd-grid-gap) * 2)) !important;
    max-width: none !important;
    min-height: var(--mftd-breadcrumb-height-safe) !important;
    margin: 0 !important;
    padding: 4px 10px !important;
    color: var(--mftd-text-weak) !important;
    background: rgba(0,0,0,0.20) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    font-size: 0.88em !important;
    line-height: 1.35 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .responsive-breadcrumb ul{
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    list-style: none !important;
  }

  .responsive-breadcrumb li{
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--mftd-text-weak) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .responsive-breadcrumb li:first-child{
    display: none !important;
  }

  .responsive-breadcrumb li:nth-child(n+3)::before{
    content: ">";
    display: inline-block;
    margin: 0 0.55em;
    color: #888888;
    font-weight: normal;
    flex: 0 0 auto;
  }

  .responsive-breadcrumb a{
    color: var(--mftd-accent) !important;
    background: transparent !important;
    font-weight: bold !important;
    text-decoration: none !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .responsive-breadcrumb a:hover{
    color: var(--mftd-accent-hover) !important;
    text-decoration: underline !important;
  }

  #contents .atwiki-page-info{
    padding-top: calc(var(--mftd-breadcrumb-height-safe) + 10px) !important;
  }
}

/* スマホではパンくずを絶対配置しない。
   atwiki行だけを非表示にして、標準のタップ・スクロール挙動を優先する。 */
@media screen and (max-width: 959px){
  .responsive-breadcrumb li:first-child{
    display: none !important;
  }

  .responsive-breadcrumb li:nth-child(n+3)::before{
    content: ">";
    margin: 0 0.45em;
    color: #888888;
  }
}

/* ============================================================
   22-3. サイト内検索フォーム補正
   - コメント欄JSの見た目に巻き込まれた場合のみCSSで戻す
   - JSは変更しない
   ============================================================ */
#menubar form.search,
#menubar form[action*="/search"][method="get"]{
  display: block !important;
  margin: 8px 0 14px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#menubar form.search textarea[name="keyword"],
#menubar form[action*="/search"][method="get"] textarea[name="keyword"]{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  margin: 0 0 6px 0 !important;
  padding: 4px 6px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid #bfbfbf !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-family: inherit !important;
  resize: none !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  appearance: auto !important;
  caret-color: #000000 !important;
}

/* CSSでは value="名無し" の挿入自体は止められないため、検索欄の文字を隠さない */
#menubar form.search textarea[name="keyword"],
#menubar form[action*="/search"][method="get"] textarea[name="keyword"],
#menubar form.search textarea[name="keyword"]:focus,
#menubar form[action*="/search"][method="get"] textarea[name="keyword"]:focus{
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  text-shadow: none !important;
}

#menubar form.search textarea[name="keyword"]::placeholder,
#menubar form[action*="/search"][method="get"] textarea[name="keyword"]::placeholder{
  color: #777777 !important;
  -webkit-text-fill-color: #777777 !important;
}

#menubar form.search input[type="submit"],
#menubar form[action*="/search"][method="get"] input[type="submit"]{
  display: inline-block !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 4px 12px !important;
  background: #f0f0f0 !important;
  background-color: #f0f0f0 !important;
  color: #000000 !important;
  border: 1px solid #999999 !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: normal !important;
  cursor: pointer !important;
}

#menubar form.search input[type="submit"]:hover,
#menubar form[action*="/search"][method="get"] input[type="submit"]:hover{
  background: #dddddd !important;
  background-color: #dddddd !important;
  color: #000000 !important;
}

/* ============================================================
   22-4. スマホ本文内ヘッダー画像・ページ名の軽量補正
   - atwiki-responsive-headbar / .atwiki-pc-only / .atwiki-sp-only には触らない
   ============================================================ */
@media screen and (max-width: 959px){
  #contents .atwiki-page-info{
    margin: 0 0 10px 0 !important;
    padding: 10px 8px 0 8px !important;
  }

  #contents .atwiki-page-info .header_img{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 10px auto !important;
    padding: 0 !important;
  }

  #contents .atwiki-page-info .header_img #atwiki-jp-bg1{
    display: block !important;
    width: 100% !important;
    height: clamp(88px, 24vw, 150px) !important;
    min-height: clamp(88px, 24vw, 150px) !important;
    max-height: 150px !important;
    margin: 0 auto !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: #000000 !important;
    border: 1px solid #333333 !important;
  }

  #contents .atwiki-page-info .atwiki-pagename,
  #contents h1.atwiki-pagename{
    max-width: 100% !important;
    font-size: clamp(1.55rem, 8vw, 2.05rem) !important;
    line-height: 1.15 !important;
    font-weight: bold !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: anywhere !important;
  }
}

@media screen and (max-width: 480px){
  #contents .atwiki-page-info .header_img #atwiki-jp-bg1{
    height: clamp(76px, 25vw, 118px) !important;
    min-height: clamp(76px, 25vw, 118px) !important;
    max-height: 118px !important;
  }

  #contents .atwiki-page-info .atwiki-pagename,
  #contents h1.atwiki-pagename{
    font-size: clamp(1.35rem, 7.5vw, 1.75rem) !important;
    line-height: 1.15 !important;
  }
}

/* ============================================================
   31. v31補正: アップロードファイル一覧の軽量化と左右メニュー色安定化
   - /upload/ の全件サムネイル描画負荷を下げる
   - 透過サイドバーが背景画像や再描画状態に引っ張られて色ズレする問題を抑える
   ============================================================ */

/* 透過紫を背景画像へ直接重ねない。左右メニュー色を固定し、負荷時の再描画差を抑える。 */
#menubar,
#menubar2{
  background: #36244e !important;
  background-color: #36244e !important;
  background-image: none !important;
  isolation: isolate !important;
  contain: paint !important;
}

#menubar ul li a,
#menubar ul li a:visited{
  background: rgba(255,255,255,0.045) !important;
  background-color: rgba(255,255,255,0.045) !important;
}

#menubar ul li a:hover,
#menubar ul li a.current{
  background: rgba(255,255,255,0.16) !important;
  background-color: rgba(255,255,255,0.16) !important;
}

#menubar2 table,
#menubar2 th,
#menubar2 td{
  background: rgba(0,0,0,0.14) !important;
  background-color: rgba(0,0,0,0.14) !important;
}

/* アップロード画面のドロップ領域を軽く、視認しやすくする。 */
#uploadfrom.dropzone{
  min-height: 118px !important;
  margin: 0 0 16px 0 !important;
  padding: 18px !important;
  background: #282828 !important;
  background-color: #282828 !important;
  border: 2px dashed rgba(255,173,51,0.72) !important;
  border-radius: 8px !important;
  color: #eeeeee !important;
  box-shadow: none !important;
}

#uploadfrom.dropzone .dz-message,
#uploadfrom.dropzone .dz-message span{
  color: #eeeeee !important;
  background: transparent !important;
  font-weight: bold !important;
  line-height: 1.6 !important;
}

#upload_message{
  margin: 0 0 10px 0 !important;
  color: #eeeeee !important;
}

/*
   アップロードファイル一覧は4千件超の画像サムネイルを含むため、
   表示上はファイル名・更新日時・操作を優先し、サムネイル列を描画しない。
   ファイルリンク自体は維持する。
*/
.uploadlist_table{
  max-height: 72vh !important;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  contain: layout paint style !important;
  margin: 12px 0 20px 0 !important;
  padding: 0 !important;
  background: #202020 !important;
  background-color: #202020 !important;
  border: 1px solid #444444 !important;
  border-radius: 8px !important;
}

.uploadlist_table table.uploadlist,
#wikibody .uploadlist_table table.uploadlist,
#contents .uploadlist_table table.uploadlist{
  display: table !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  white-space: normal !important;
  overflow: visible !important;
}

.uploadlist_table .atwiki-upload-thumbnail,
.uploadlist_table th[data-column="0"]{
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.uploadlist_table .atwiki-upload-thumbnail a,
.uploadlist_table .atwiki-upload-thumbnail img,
.uploadlist_table .atwiki-link-img-icon{
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.uploadlist_table thead th{
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
  background: #3a3a3a !important;
  background-color: #3a3a3a !important;
}

.uploadlist_table tbody tr{
  contain: paint !important;
}

.uploadlist_table .atwiki-upload-file-name{
  width: auto !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

.uploadlist_table .atwiki-upload-file-name a{
  display: inline-block !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-height: 1.45 !important;
}

.uploadlist_table .atwiki-upload-utime{
  width: 13.5em !important;
  white-space: nowrap !important;
  font-size: 0.92em !important;
  color: #dddddd !important;
}

.uploadlist_table .atwiki-upload-operate{
  width: 12.5em !important;
  white-space: normal !important;
  text-align: left !important;
}

.uploadlist_table .atwiki-upload-operate a{
  display: inline-block !important;
  margin: 0 0.35em 0.25em 0 !important;
  padding: 2px 7px !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 4px !important;
  background: rgba(255,255,255,0.06) !important;
  background-color: rgba(255,255,255,0.06) !important;
  line-height: 1.45 !important;
}

.uploadlist_table .tablesorter-header-inner{
  white-space: nowrap !important;
}

/* 既存の横スクロール用テーブル補正より後で、アップロード一覧だけ通常テーブルへ戻す。 */
@media screen and (max-width: 1100px){
  #wikibody .uploadlist_table table.uploadlist,
  #contents .uploadlist_table table.uploadlist,
  #contentwide .uploadlist_table table.uploadlist,
  #contentwide2 .uploadlist_table table.uploadlist{
    display: table !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    white-space: normal !important;
    overflow: visible !important;
  }
}

@media screen and (max-width: 959px){
  .uploadlist_table{
    max-height: 68vh !important;
    border-radius: 6px !important;
  }

  .uploadlist_table .atwiki-upload-utime{
    width: 9.5em !important;
    white-space: normal !important;
    font-size: 0.84em !important;
  }

  .uploadlist_table .atwiki-upload-operate{
    width: 7.5em !important;
  }

  .uploadlist_table .atwiki-upload-operate a{
    display: block !important;
    width: fit-content !important;
    margin: 0 0 4px 0 !important;
  }
}

@media screen and (max-width: 560px){
  .uploadlist_table .atwiki-upload-utime{
    display: none !important;
  }

  .uploadlist_table .atwiki-upload-operate{
    width: 6.5em !important;
  }
}

/* ============================================================
   34. v34 編集画面補正
   - pedit画面ではパンくずの絶対配置を解除し、ページ名との重なりを防ぐ
   - 編集画面の見出し、エディター切り替え、プラグイン入力モーダルの文字色を補正する
   ============================================================ */

@media screen and (min-width: 960px){
  body.atwiki_pedit .responsive-breadcrumb,
  body.atwiki_nomenu .responsive-breadcrumb{
    position: static !important;
    z-index: auto !important;
    display: block !important;
    width: calc(100% - 32px) !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 10px auto 0 !important;
    padding: 6px 10px !important;
    color: #dddddd !important;
    background: #1f1f1f !important;
    background-color: #1f1f1f !important;
    border: 1px solid #555555 !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.35) !important;
    line-height: 1.45 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.atwiki_pedit .responsive-breadcrumb ul,
  body.atwiki_nomenu .responsive-breadcrumb ul{
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.atwiki_pedit .responsive-breadcrumb li,
  body.atwiki_nomenu .responsive-breadcrumb li{
    color: #dddddd !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.atwiki_pedit .responsive-breadcrumb a,
  body.atwiki_pedit .responsive-breadcrumb a:visited,
  body.atwiki_nomenu .responsive-breadcrumb a,
  body.atwiki_nomenu .responsive-breadcrumb a:visited{
    color: #ffb84d !important;
    background: transparent !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.85) !important;
  }

  body.atwiki_pedit .responsive-breadcrumb a:hover,
  body.atwiki_nomenu .responsive-breadcrumb a:hover{
    color: #ffd28a !important;
  }

  body.atwiki_pedit.atwiki_nomenu #atwiki-jp-bg2 > .atwiki-container{
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "sitehead"
      "main" !important;
  }

  body.atwiki_pedit.atwiki_nomenu #atwiki-jp-bg2 > .atwiki-container > #contents{
    grid-area: main !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }
}

body.atwiki_pedit .atwiki-pedit-pagename{
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 44px !important;
  margin: 0 0 14px 0 !important;
  padding: 0 10px 8px 10px !important;
  color: #ffffff !important;
  background: #222222 !important;
  background-color: #222222 !important;
  border: none !important;
  border-bottom: 2px solid var(--mftd-accent) !important;
  box-shadow: none !important;
}

body.atwiki_pedit .atwiki-pedit-pagename h1,
body.atwiki_pedit .atwiki-pedit-pagename h2,
body.atwiki_pedit .atwiki-pedit-pagename h3,
body.atwiki_pedit .atwiki-pedit-pagename .edit-h2-width{
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  font-size: clamp(1.35rem, 1.9vw, 1.85rem) !important;
  line-height: 1.35 !important;
  font-weight: bold !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.atwiki_pedit .atwiki-pedit-pagename h1 a,
body.atwiki_pedit .atwiki-pedit-pagename h2 a,
body.atwiki_pedit .atwiki-pedit-pagename h3 a,
body.atwiki_pedit .atwiki-pedit-pagename .edit-h2-width a,
body.atwiki_pedit .atwiki-pedit-pagename .edit-h2-width a:visited{
  color: #ffffff !important;
  background: transparent !important;
  text-decoration: none !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.80) !important;
}

body.atwiki_pedit .atwiki-pedit-pagename h1 a:hover,
body.atwiki_pedit .atwiki-pedit-pagename h2 a:hover,
body.atwiki_pedit .atwiki-pedit-pagename h3 a:hover,
body.atwiki_pedit .atwiki-pedit-pagename .edit-h2-width a:hover{
  color: var(--mftd-accent-hover) !important;
}

body.atwiki_pedit .atwiki-edit-select-button{
  flex: 0 0 auto !important;
  margin-left: auto !important;
  color: #ffffff !important;
}

body.atwiki_pedit .atwiki-editor-select,
body.atwiki_pedit .atwiki-editor-select *{
  color: #ffffff !important;
}

body.atwiki_pedit .editor-select-button{
  opacity: 1 !important;
  min-height: 32px !important;
  padding: 5px 10px !important;
  color: #ffffff !important;
  background: #3a3a3a !important;
  background-color: #3a3a3a !important;
  border: 1px solid #777777 !important;
  border-radius: 4px !important;
  text-shadow: none !important;
}

body.atwiki_pedit .editor-select-button:hover,
body.atwiki_pedit .editor-select-button:focus-visible{
  color: #ffffff !important;
  background: #4a4a4a !important;
  background-color: #4a4a4a !important;
  border-color: var(--mftd-accent) !important;
}

body.atwiki_pedit .atwiki-editor-select-menu{
  color: #eeeeee !important;
  background: #252525 !important;
  background-color: #252525 !important;
  border: 1px solid #666666 !important;
  box-shadow: 0 6px 16px rgba(0,0,0,0.45) !important;
}

body.atwiki_pedit .atwiki-editor-select-list,
body.atwiki_pedit .atwiki-editor-select-list li,
body.atwiki_pedit .atwiki-editor-mode-link{
  color: #eeeeee !important;
  background: transparent !important;
}

body.atwiki_pedit .atwiki-editor-mode-link:hover,
body.atwiki_pedit .atwiki-editor-mode-link.is-current{
  color: #ffffff !important;
  background: rgba(255,173,51,0.20) !important;
  background-color: rgba(255,173,51,0.20) !important;
}

body.atwiki_pedit #simple-plugin-modal .uk-modal-dialog,
body.atwiki_pedit #simple-plugin-modal .modal_body,
body.atwiki_pedit #simple-plugin-modal #simple_plugin_body,
body.atwiki_pedit #simple-plugin-modal #simple_plugin_search,
body.atwiki_pedit #simple-plugin-modal .simple_plugin_scroll{
  color: #222222 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  text-shadow: none !important;
}

body.atwiki_pedit #simple-plugin-modal .modal_body *,
body.atwiki_pedit #simple-plugin-modal #simple_plugin_body *,
body.atwiki_pedit #simple-plugin-modal #simple_plugin_search *,
body.atwiki_pedit #simple-plugin-modal .simple_plugin_scroll *{
  color: #222222 !important;
  text-shadow: none !important;
}

body.atwiki_pedit #simple-plugin-modal .modal_header{
  color: #ffffff !important;
  background: #58b6c1 !important;
  background-color: #58b6c1 !important;
  border-radius: 6px 6px 0 0 !important;
}

body.atwiki_pedit #simple-plugin-modal .modal_header h1,
body.atwiki_pedit #simple-plugin-modal .modal_header h2,
body.atwiki_pedit #simple-plugin-modal .modal_header h3,
body.atwiki_pedit #simple-plugin-modal .modal_header *{
  color: #ffffff !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.atwiki_pedit #simple-plugin-modal h1,
body.atwiki_pedit #simple-plugin-modal h2,
body.atwiki_pedit #simple-plugin-modal h3,
body.atwiki_pedit #simple-plugin-modal h4,
body.atwiki_pedit #simple-plugin-modal h5{
  color: #222222 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.atwiki_pedit #simple-plugin-modal pre,
body.atwiki_pedit #simple-plugin-modal code{
  color: #333333 !important;
  background: #f2f2f2 !important;
  background-color: #f2f2f2 !important;
  border: 1px solid #dddddd !important;
  text-shadow: none !important;
}

body.atwiki_pedit #simple-plugin-modal input,
body.atwiki_pedit #simple-plugin-modal textarea,
body.atwiki_pedit #simple-plugin-modal select{
  color: #111111 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid #cccccc !important;
  text-shadow: none !important;
}

body.atwiki_pedit #simple-plugin-modal button,
body.atwiki_pedit #simple-plugin-modal .uk-button{
  opacity: 1 !important;
  text-shadow: none !important;
}

body.atwiki_pedit #simple-plugin-modal a,
body.atwiki_pedit #simple-plugin-modal a:visited{
  color: #0069b8 !important;
  background: transparent !important;
  text-shadow: none !important;
}

body.atwiki_pedit .atwiki-modal .atwiki-modal-body,
body.atwiki_pedit .atwiki-modal .atwiki-modal-body p,
body.atwiki_pedit .atwiki-modal .atwiki-modal-body li,
body.atwiki_pedit .atwiki-modal .atwiki-modal-body span{
  color: #222222 !important;
  text-shadow: none !important;
}

body.atwiki_pedit .atwiki-modal .atwiki-modal-body h1,
body.atwiki_pedit .atwiki-modal .atwiki-modal-body h2,
body.atwiki_pedit .atwiki-modal .atwiki-modal-body h3,
body.atwiki_pedit .atwiki-modal .atwiki-modal-body h4,
body.atwiki_pedit .atwiki-modal .atwiki-modal-body h5{
  color: #222222 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

@media screen and (max-width: 959px){
  body.atwiki_pedit .atwiki-pedit-pagename{
    display: block !important;
    padding: 0 8px 8px 8px !important;
  }

  body.atwiki_pedit .atwiki-pedit-pagename h1,
  body.atwiki_pedit .atwiki-pedit-pagename h2,
  body.atwiki_pedit .atwiki-pedit-pagename h3,
  body.atwiki_pedit .atwiki-pedit-pagename .edit-h2-width{
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  body.atwiki_pedit .atwiki-edit-select-button{
    margin: 8px 0 0 0 !important;
  }
}

/* ============================================================
   35. v35 スマホ上部表示補正
   - スマホでPC用ヘッドバー要素が表示され、上部メニューが折り返して崩れる問題のみ修正
   ============================================================ */
@media screen and (max-width: 959px){
  body#atwiki-jp header.atwiki-responsive-headbar .atwiki-pc-only,
  body#atwiki-jp header.atwiki-responsive-headbar ul.atwiki-headbar-menu.atwiki-pc-only,
  body#atwiki-jp header.atwiki-responsive-headbar div.atwiki_headbar_search.atwiki-pc-only,
  body#atwiki-jp header.atwiki-responsive-headbar div.atwiki-shortcut-menu.atwiki-pc-only,
  body#atwiki-jp header.atwiki-responsive-headbar #atwiki-fixed-nav > .atwiki-pc-only{
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  body#atwiki-jp header.atwiki-responsive-headbar .atwiki-sp-only{
    display: block !important;
    visibility: visible !important;
  }

  body#atwiki-jp header.atwiki-responsive-headbar .atwiki-headbar-nav{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  body#atwiki-jp header.atwiki-responsive-headbar .atwiki-logo,
  body#atwiki-jp header.atwiki-responsive-headbar .atwiki-navbar-right{
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }

  body#atwiki-jp header.atwiki-responsive-headbar .atwiki-headbar-button{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    min-width: 0 !important;
  }

  body#atwiki-jp header.atwiki-responsive-headbar .atwiki-header-submenu{
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  body#atwiki-jp header.atwiki-responsive-headbar .atwiki-header-title,
  body#atwiki-jp header.atwiki-responsive-headbar .atwiki-logined-header-title{
    min-width: 0 !important;
    overflow: hidden !important;
  }

  body#atwiki-jp header.atwiki-responsive-headbar .atwiki-logined-sitename,
  body#atwiki-jp header.atwiki-responsive-headbar #atwiki-header-nav-title{
    display: block !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* ============================================================
   36. v36 スマホ上部ショートカット非表示
   - スマホ上部の「新規作成」「編集する」「管理画面」「管理メニュー」行のみ非表示
   ============================================================ */
@media screen and (max-width: 959px){
  body#atwiki-jp header.atwiki-responsive-headbar nav.sp-header-btn.atwiki-sp-only{
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
}

/* ============================================================
   39. v39 上部ショートカット維持 + 下段管理ショートカットのみ非表示
   - 上段の .atwiki-shortcut-menu は残す
   - 下段の nav.sp-header-btn だけを画面幅に関係なく非表示
   - 非表示の管理メニュー用オフキャンバスが押下を塞がないようにする
   ============================================================ */

body#atwiki-jp header.atwiki-responsive-headbar nav.sp-header-btn,
body#atwiki-jp header.atwiki-responsive-headbar nav.sp-header-btn.atwiki-sp-only{
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

body#atwiki-jp header.atwiki-responsive-headbar #atwiki-offcanvas.atwiki-offcanvas{
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}