/*////////////////////////////////////////////////////
一般設定
////////////////////////////////////////////////////*/

#wiki_menu table { height:100%; }

#wiki_menu td { height:100%; }

#wiki_menu td a { display: block; margin: -5px; padding: 5px; color: #444; height: 100%; }

/* マップ用のテーブルだけ特殊表示 */
#wiki_menu .fullImg td a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}

* { font-family: "メイリオ","Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; }

hr { margin: 8px 0; }

ul { margin: auto 8px; }

table { table-layout: fixed; }

table img { margin: 0; }

table.uk-table th {
  background-color: #16205A;
  background: url(https://img.wiki3.jp/heliosR/sankaku.png?i=284834);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-color: #16205A;
}

table.uk-table th:first-letter { color: #F6BB50; }

table.whiteBorder, table.whiteBorder th, table.whiteBorder td { border: none;  padding: 5px 2px; }

table.fullImg img { width: 100%!important; }

table.fullImg p { width: 100%; margin: 0!important; }

td { text-align: center; }

img { margin: 5px 0; }

p { margin: 0 5px; }

h1 {
  background: url(https://img.wiki3.jp/heliosR/h1.png?i=294084);
  background-position: right;
  background-repeat: no-repeat;
  background-color: #16205A!important;
  color: #FFF!important;
  font-size: 1.2em!important;
  font-weight: bold!important;
  border-bottom: none!important;
  padding-left: 10px;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  margin: 0 0 10px;
}

h1:first-letter {  color: #F6BB50; }

h2 {
  background: url(https://img.wiki3.jp/heliosR/sankaku.png?i=284834);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-color: #F6BB50 !important;
  color: #16205A !important;
  font-size: 1.2em !important;
  font-weight: bold !important;
  border-left: 3px solid #2a2a2a;
  border-bottom: none !important;
  padding-left: 10px;
  margin-top: 15px;
  margin-bottom: 5px;
}

h3 {
  background: url(https://img.wiki3.jp/heliosR/h3.png?i=248397);
  background-position: left center;
  background-repeat: no-repeat;
  /*background-color: #F2F2F2;*/
  color: #16205A !important;
  font-size: 1.1em !important;
  font-weight: bold !important;
  margin: 5px;
  padding: 10px 5px 2px 35px;
  border-bottom: 2px solid #888;
}

.uk-text-danger::before {
  content: url(https://img.wiki3.jp/heliosR/BadBadge3.png);
  position: relative;
  bottom: -0.33em;
}

.uk-text-primary::before {
  content: url(https://img.wiki3.jp/heliosR/pointBadge3.png);
  position: relative;
  bottom: -0.33em;
}

.uk-text-success::before {
  content: url(https://img.wiki3.jp/heliosR/goodBadge3.png);
  position: relative;
  bottom: -0.33em;
}

section#main_content .uk-text-danger, section#main_content .uk-text-primary, section#main_content .uk-text-success {
  font-size: 1.1em;
  font-weight: bold;
  color: #16205A !important;
  display: block;
  position: relative;
  bottom: 0.3em;
  margin: 5px 0 -4px;
  line-height: 1.6em;
}

/* 吹き出し表示 */
.commentBox{
  position: relative;
  padding: 12px 10px;
  text-align: center;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  margin: 10px 0 10px 12px;
  background: #EBF7FD;
  color: #2d7091;
}

.commentBox:after{
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(235, 247, 253, 0);
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-width: 10px;
  border-right-width: 10px;
  margin-top: -5px;
  border-right-color: #EBF7FD;
  right: 100%;
  top: 50%;
}

/* サブメニュー用 */
ul.subMenu {
  display: flex;
  justify-content: left;
  padding: 5px 0;
  margin: 0;
  list-style: none;
  position: fixed;
  bottom: 0;
  background-color: #fff;
  z-index: 2;
  width: 730px;
}

.subMenu li {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
}

.subMenu li a {
  text-align: center;
  width: 100%;
  color: #444;
}

.subMenu li a img {
  max-width: calc(100% - 10px);
  height: auto;
}

/* サブメニュー用 ver2 */
ul.subMenuDB {
  display: flex;
  overflow-x: auto;
  justify-content: left;
  padding: 5px;
  margin: 0 -5px;
  position: fixed;
  bottom: 0;
  background-color: #fff;
  z-index: 2;
  width: 730px;
  white-space: nowrap;
  list-style: none;
  align-items: center;
  box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.22);
}

.subMenuDB li {
  display: inline-block;
  text-align: center;
  padding: 8px;
}

.subMenuDB li:not(:first-child) {
  border-left: 1px solid #ddd;
}

.subMenuDB li a img {
  width: auto;
  height: auto;
  margin: -5px;
  padding: 0;
  min-width: 40px;
  max-height: 120px;
  min-height: 40px;
}

/*最近更新されたページを非表示*/
#page_bottom_recent_page {
  display: none;
}

/*////////////////////////////////////////////////////
トップページ関連
////////////////////////////////////////////////////*/

/* 更新履歴 */
.log {
  height: 8em;
  overflow-y: scroll;
  overflow-x: hidden;
}

/*////////////////////////////////////////////////////
一覧表示関連
////////////////////////////////////////////////////*/

/* 表示を入れる箱の設定 */
.flexList, .uk-block {
  padding: initial;
  box-sizing: initial;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5px;
}

/* 家具一覧のその他家具画像制御 */
.flexImg {
  width: calc(14.28% - 8px);
  margin-left: 4px!important;
  margin-right: 4px!important;
}

/* プラグインで呼び出すと最後になぜかpができるので消す */
.floatList_2column + p ,.floatList + p {  display: none; }

/* ここから一覧表示のパーツ設定。横7個、1個、2個、3個、4個表示があります */
.floatList {
  width: calc(14.28% - 8px);
  margin: 4px;
  padding: 0 0 4px;
  color: #5d627b;
  background: white;
  border-top: solid 5px #5d627b;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

.floatList p, .floatList_1column p, .floatList_2column p, .floatList_3column p, .floatList_4column p, p.aa {
  line-height: 0.7;
  padding: 0 0 3px;
}

.floatList a, .floatList_1column a, .floatList_2column a, .floatList_3column a, .floatList_4column a, p.aa {
  padding-top: 4px;
  color: #444;
  line-height: 1.2;
}

.floatList img, .floatList_1column img, .floatList_2column img, .floatList_3column img, .floatList_4column img {
  width: 100%;
  height: auto;
  margin-bottom: 2px;
}

.floatList .uk-text-small, .floatList_1column .uk-text-small, .floatList_2column .uk-text-small, .floatList_3column .uk-text-small,  .floatList_4column .uk-text-small {
  font-size: 0.7em;
  line-height: 1.1!important;
}

.floatList_1column {
  width: calc(100% - 8px);
  margin: 4px 4px 8px;
  padding: 0 0 4px;
  color: #5d627b;
  background: white;
  border-top: solid 5px #5d627b;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}

.floatList_2column {
  width: calc(50% - 8px);
  margin: 4px;
  padding: 0 0 4px;
  color: #5d627b;
  background: white;
  border-top: solid 5px #5d627b;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
  overflow: hidden;
}

.floatList_3column {
  width: calc(33.33% - 8px);
  margin: 4px;
  padding: 0 0 4px;
  color: #5d627b;
  background: white;
  border-top: solid 5px #5d627b;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
  overflow: hidden;
}

.floatList_4column {
  width: calc(25% - 8px);
  margin: 4px;
  padding: 0 0 4px;
  color: #5d627b;
  background: white;
  border-top: solid 5px #5d627b;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
  overflow: hidden;
}

/* ヒーローの1カラム表示用設定 */
.floatList_1column_left {
  width: 90px;
  margin: auto;
}

.floatList_1column_right {
  width: calc(100% - 104px);
  margin: 5px 10px 1px 0;
}

.floatList_1column_right table {
  margin: auto;
  height: 100%;
}

/* イベント一覧用の設定 */
.floatList_1column_eventLeft {
  width: calc(50% - 10px);
  margin: 7px 1px -5px 1px;
}

img.edit {
  width: 18px!important;
  height: auto;
  padding: 0 0 5px;
  margin: 0;
  opacity: 0.5;
}

.floatList_1column_eventLeft img {
  max-width: 100%!important;
  margin: auto;
}

.floatList_1column_eventLeft h3 {
  margin: -3px 8px 1px !important;
}

.floatList_1column_eventRight {
  width: 50%;
  margin: 7px 4px 0 0;
}

.floatList_1column_eventRight table {
  height: calc(100% - 5px)!important;
  margin: 0 0 5px;
}

.floatList_1column_eventRight img, .eventTable img {
  width: calc(33.333%)!important;
}

/* 並べるときの間調整 */
.plugin_list_by_tagsearch {  margin: 0!important; }

/* Pタグを縦中央揃えにする用 */
.vertical-middle-top {
  display: table;
  text-align: center;
}

.vertical-middle-top .vertical-middle {
  display: table-cell;
  vertical-align: middle;
}

/*////////////////////////////////////////////////////
ヒーロー・フレーム詳細関連
////////////////////////////////////////////////////*/

/* 一番上の画像表示部分 */
#topImage {
  position: relative;
  width: 100%;
  height: auto;
  margin-top: 15px;
}

#topImage img {
  margin: 0 auto;
  width: 100%;
  height: auto;
}

/*属性画像を重ねて表示 */
#attribute {
  max-width: 25%;
  height: auto;
  position: absolute;
  top: 0;
}

/* データ編集リンクの表示設定 */
.float-right {
  float: right;
  opacity: 0.5;
  font-size: 0.8em;
  margin-right: 5px;
}

/* ツイートボタン設定 */
#twitter {
  float: right;
  height: 20px;
}

#twitter div.twitter_widget {  margin: 5px 7px; }

/* 名前とかステータスあたり */
#headBox {
  min-height: 30px;
  display: flex;
  align-items: center;
  justify-content: left;
}

/* これはなんだったかわからんけど右寄せのもののはず */
.rightMargin {
  margin-top: 5px;
}

/* ちょっとだけスペース開けたいとき用のクラス*/
.top-space {  height: 5px; }

/*////////////////////////////////////////////////////
WikiのデフォルトCSSを叩いて直しているやつ
////////////////////////////////////////////////////*/

/* 青いボックス */
.uk-alert p {
  margin: 0 !important;
  padding: 0;
}

.uk-alert { 
  margin: 5px;
}

.uk-alert .floatList p {
  margin: 0 5px !important;
  padding: 0 0 4px !important;
}

/* テーブルのセル */
.uk-table th, .uk-table td {
  padding: 5px;
}

/* テーブル作ると出るクラス */
.uk-overflow-container {
  margin: auto 5px;
  padding: 0;
  overflow: visible;
//  position: static;
  width: auto;
}

.uk-table {
  margin: 0 !important;
}

/* ページ右上の文字が邪魔だったので白くして消している */
div.uk-text-right {
  color: #FFF;
}

/* タグ一覧表示にスペースを開ける */
.plugin_tag {  margin-right: 10px; }

/* テキストが折り返すように設定 */
.uk-text-nowrap {  white-space: normal; }

/* これはなんだったかわからん */
/*.uk-margin-small-top p {
  margin-left: 8px;
  margin-right: 8px;
}*/

/* メニュー伸ばす対応 */
body>div.uk-container.uk-container-center { width: 1050px; }

.uk-container { max-width: 1050px; }

body>div.uk-container.uk-container-center>div.uk-grid>div[class*=uk-width-].sidebar { width: 300px; }

/* メニューが角丸になるのが嫌だったので訂正 */
body>div.uk-container>div.uk-grid>div[class*=uk-width-]>h1:nth-of-type(1){
-moz-border-radius-topleft:0 !important;
-webkit-border-top-left-radius:0 !important; 
border-top-left-radius:0 !important;
-moz-border-radius-topright:0 !important;
-webkit-border-top-right-radius:0 !important;
border-top-right-radius:0 !important; 
}

/* 三角背景を設定 */
body{
  background: url(https://img.wiki3.jp/heliosR/bg.png?i=212841)!important;
}

/* タイトル部分を消す */
#site_header h1{  display: none; }

/* スマホはタイトルでちゃうので色など設定 */
#site_header a {
  display: none;
  font-size: 1.2em;
  padding: 70px 10px 0;
}

#site_header a:link, .uk-link-muted a:link { color: #FFF!important; }

#site_header a:visited, .uk-link-muted a:visited { color: #FFF!important; }

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

#wiki_menu td a:hover , .subMenu li a:hover {
  background-color: #F6BB50;
  color: #fff;
  text-decoration: none;
}

a:active {
  color: #F6BB50; 
  text-decoration: none;
}

/* twitter表示 */
.timeline-InformationCircle-widgetParent, .timeline-Footer {
    display: none !important;
}

/*////////////////////////////////////////////////////
転載防止用措置
////////////////////////////////////////////////////*/

/* ページ内容部分を選択不可にしてコピペ防止 */
#main_content {
  margin-top: -5px!important;
  margin-bottom: 100px!important;
  user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-drag:none;
-khtml-user-drag:none;
}

/*////////////////////////////////////////////////////
メニューの専用設定
////////////////////////////////////////////////////*/

#wiki_menu p { margin: 0 4px !important; }

#wiki_menu h3 { margin: 5px 0 5px !important; }

#wiki_menu h2 { margin: 16px -5px 5px !important; }

#wiki_menu .uk-overflow-container { margin: auto 0; }

#wiki_menu .uk-alert { margin: 5px 0 !important; }

#wiki_menu .uk-overflow-container img { margin: 0 !important; }

/*////////////////////////////////////////////////////
所持率チェッカー用
////////////////////////////////////////////////////*/

/* 表示を入れる箱の設定 */
.wikidb_checker {
  padding: initial;
  box-sizing: initial;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5px;
}

.uk-thumbnail-caption {
  margin: 0 5px 1px;
}

.wikidb_checker_item div.image_filter {
    background-color: #333;
}

.wikidb_checker_item img {
    max-width: calc(100% - 20px);
    max-height: 100%;
    opacity: .6;
}

.wikidb_checker_item .uk-text-small {
  font-size: 10px;
  line-height: 12px;
  overflow-wrap: break-word;
}

.wikidb_checker_item {
  width: calc(12.5% - 8px);
  margin: 4px;
  padding: 0 0 4px;
  color: #5d627b;
  background: white;
  border-top: solid 5px #5d627b;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
  white-space: normal;
}

.wikidb_checker .uk-margin-bottom, .wikidb_checker_result {
  width: calc(100% - 8px);
  margin: 4px;
}

/*////////////////////////////////////////////////////
スマホのみの表示設定
////////////////////////////////////////////////////*/

@media only screen and (max-width: 750px) {
  .float-right { display: none !important; }
  .floatList, .flexImg { width: calc(25% - 8px); }
  .floatList img{ margin-bottom: 0; }
  #topImage { margin-top: 0; }
  .wikidb_checker_item { width: calc(20% - 8px); }
  .floatList_1column_eventLeft { width: 100%; margin: 8px 0 0; }
  .floatList_1column_eventRight { width: 100%; margin: 4px 7px 12px; }
  .uk-table th { padding: 2px; }
  .floatList_1column_eventLeft h3 { margin: -5px 8px 5px; }
  ul.subMenu { width: 100%; margin-left: -5px; flex-wrap: wrap; padding-bottom: 60px; box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.22); }
  ul.subMenu li { width: calc(100% / 7); }
  ul.subMenuDB { width: 100%; margin-left: -5px; padding-top: 2px; }
  ul.subMenuDB li:last-child { margin-right: 10px; }
  #wiki_menu .uk-table td { vertical-align: baseline; }
  img.edit { display: none; }
  
  /* 進化前後切り替えボタン */
  .switchButtonDeco {
  	position: fixed;
    width: 38px;
    height: 38px;
  	top: 8px;
 	right: 52px;
    z-index: 1;
    background-color: #EEE;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
    border-radius: 50px;
  }
  .switchButtonContents {
    border: none;
    width: 38px;
    height: 38px;
    color: #4b4b4b;
    position: absolute;
    right: 0;
    background: transparent;
  }
  .switchButtonDeco::before {
    content: '画像切替';
    font-size: 0.6em;
    pointer-events: none;
    position: relative;
    top: 14px;
    left: 4px;
  }
  .switchButtonDeco::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(https://img.wiki3.jp/heliosR/switchbutton.png?i=389046);
    background-size: contain;
    vertical-align: middle;
    pointer-events: none;
    position: relative;
    bottom: 18px;
    left: 9px;
  }
  
  /* 疑似ハンバーガーメニュー */
  #wiki_menu .plugin_contents_trigger {
  	position: fixed;
  	top: 8px;
 	right: 3px;
    z-index: 1;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
    border-radius: 50px;
    padding-bottom: 8px;
  }
  #wiki_menu .plugin_contents_list {
    position: fixed;
    top: -5px;
    right: -5px;
    background-color: #16205A;
    padding: 52px 20px 10px 0;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
    max-height: 80vh;
    overflow-y: auto;
  }
  #wiki_menu .plugin_contents_trigger span {
    display: none;
  }
  #wiki_menu .plugin_contents_trigger .uk-icon-list-ul::after {
    content: "MENU";
    font-size: 0.6em;
    position: absolute;
    bottom: 8px;
    left: 0;
    right: 0;
  }
  #wiki_menu .plugin_contents_list a {
    color: #FFF;
    font-weight: bold;
    display: block;
    width: 100%;
    height: 100%;
  }
  #wiki_menu .fullImg td a {
    display: block;
  }
  #wiki_menu .plugin_contents_list .header_level2 {
    background-color: #F6BB50;
    margin: 15px 0 10px 10px !important;
    padding-left: 5px;
    width: calc(100% - 5px);
  }
  #wiki_menu .plugin_contents_list .header_level2:first-child {
    margin-top: 0 !important;
  }
  #wiki_menu .plugin_contents_list .header_level3 {
    padding-left: 15px;
    margin-top: -5px !important;
}
  #wiki_menu .plugin_contents_list .header_level2 a {
    color: #16205A;
  }
}

/*////////////////////////////////////////////////////
PCのみの表示設定
////////////////////////////////////////////////////*/

@media only screen and (min-width: 751px) {
  .pc2colmn { width: 50%; margin: -8px 0; }
  .pc2colmn p { margin: 4px; line-height: 1; }
  
  /* 進化前後切り替えボタン */
  .switchButtonDeco {
  	position: fixed;
    width: 180px;
    height: 38px;
  	bottom: 120px;
 	right: 20px;
    z-index: 1;
  }
  .switchButtonDeco::before {
    content: '進化前後画像切り替え';
    pointer-events: none;
    position: relative;
    top: 29px;
    left: 40px;
    font-weight: bold;
  }
  .switchButtonContents {
    border: none;
    padding-left: 30px;
    width: 180px;
    height: 38px;
    background-color: #FFF;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
    border-radius: 50px;
    color: #4b4b4b;
  }
  .switchButtonDeco::after {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(https://img.wiki3.jp/heliosR/switchbutton.png?i=389046);
    background-size: contain;
    vertical-align: middle;
    pointer-events: none;
    position: relative;
    bottom: 40px;
    left: 4px;
  }
}