/* フォントのインポート */
@import url("<https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&display=swap>");
@import url("<https://fonts.googleapis.com/css2?family=Reggae+One&display=swap>");

:root {
  /* カラーコード */
  --1:  #000;
  --2:  #f44;
  --3:  #fbb;
  --4:  #ffccc3;
  --5:  #8a0303;
  --6:  #cfc;
  --7:  #222;
  --8:  #333;
  --9:  #c0c;
  --10: #fff;
  --11: #eee;
  --12: #fff9b8;
  --13: #444;
  /* フォント */
  --14: "Zen Maru Gothic", sans-serif;
  --15: "Reggae One", serif;
  /* 余白 */
  --16: 5px 5px;
  --17: 3px;
  --18: 5px 20px;
}

/* グローバルスタイル */
body {
  font-family: var(--14);
  background-color: var(--7);
  margin: 0;
  padding: 0;
}
body #main-content,body #page-content{
	color: var(--10);
}

/* サイト構文 */
h1 {
  color: var(--2);
}

a {
  color: var(--3);
  font-family: var(--14);
  text-decoration: none;
}

p {
  color: var(--10);
}

/* 批評コメント */
div.foldable-list-container,li.folded{
	color: var(--10);
}
/* ヘッダー部分 */
#header {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  padding: 10px;
}

#header h1 a::before {
  content: "分割部門";
  font-family: var(--15);
  font-size: 0.8em;
  color: var(--5);
  font-weight: 800;
}

#header h1 a span {
  display: block;
  visibility: hidden;
}

#header h2 span {
  display: block;
  margin: 0;
  padding: 19px 0;
  font-weight: bold;
  color: transparent;
  text-shadow: none;
}

#header h2 span::before {
  content: "精査、立案、分割";
  font-family: var(--14);
  font-size: 1.2em;
  font-weight: 700;
  color: var(--11);
}

#header a {
  color: var(--8);
}

#header li {
  color: var(--8);
  background-color: var(--4);
}
#header li:hover {
  color: var(--8);
  background-color: var(--1);
}
/*検索*/
form#search-top-box-form.input-append input.button.btn{
	background-color:var(--8);
	color:var(--6);
	padding: var(--18);
	display:none;
	-webkit-appearance: button;
	cursor: pointer;	
}
/* アカウント */
a#my-account,
a#account-topbutton {
  color: var(--10);
}
/* トップバー */
#top-bar {
  background-color: var(--4);
  padding: 0 100px 0 50px;
}

#top-bar a {
  font-family: var(--14);
  color: var(--8);
}

/* メインコンテンツ */
#main-content {
  background-color: var(--7);
  color: var(--10);
  padding-right: 40px;
  font-family: var(--14);
}
code,blockquote,blockquote p{
	color:var(--8) !important;
}

/* サイドバー */
#side-bar {
  color: var(--9);
}

/* コンテナ */
#container {
  background-color: var(--8);
}

/* ページタイトル */
#page-title {
  color: var(--10);
  font-family: var(--14);
}

/* ボタンスタイル */
.buttons .btn {
  color: var(--8);
  background-color: var(--12);
  padding: var(--16);
  border-radius: 5px;
}

/* テキストエリア */
textarea#edit-page-comments {
  color: var(--8);
  border-radius: 5px;
  margin-right: 10px;
}

textarea#edit-page-textarea {
  color: var(--8);
  border-radius: 10px;
}

div#page-content {
  border-radius: 10px;
  padding-right: 40px;
}

div#odialog-container {
  background-color: var(--1);
  color: var(--10);
}

/* ライセンス */
div.modalbox {
  color: var(--8);
  font-family: var(--14);
}

div.modalbox strong,
div.modalbox #text,
#text,
div.modalbox h2,
div.modalbox p{
  color: var(--8);
}
div.modalbox a{
	color:#AD2020;
}

/* サイドブロック */
.side-block {
  background-color: var(--10) !important;
  padding: 15px;
}

.side-block a {
  color: var(--8);
}

.side-block p {
	color: #cc0;
}

/*ボタン*/
a.btn.btn-default{
	padding:5px;
	color:var(--4);
	background-color:var(--10);
}
/* ページオプション（下部） */
div#page-options-bottom.page-options-b {
	color: var(--8);
	background-color: var(--11);
	border-radius: var(--17);
	padding: 3px 5px;
	margin: 10px 8px 10px 0;
}

/* サイト操作ツール */
a#edit-button.btn.btn-default,a#edit-sections-button.btn.btn-default{
	color: var(--8);
	background-color: var(--10);
	border-radius: 5px 0px 0px 5px;
	padding: var(--16);
	margin: 20px -1px 20px 0;
	outline-color: var(--13);
}
a#pagerate-button.btn.btn-default,
a#tags-button.btn.btn-default,
a#view-source-button.btn.btn-default,
a#discuss-button.btn.btn-default,
a#history-button.btn.btn-default,
a#files-button.btn.btn-default,
a#print-button.btn.btn-default,
a#site-tools-button.btn.btn-default,
a#edit-append-button.btn.btn-default,
a#edit-meta-button.btn.btn-default,
a#watchers-button.btn.btn-default,
a#backlinks-button.btn.btn-default,
a#parent-page-button.btn.btn-default,
a#page-block-button.btn.btn-default {
	color: var(--8);
	background-color: var(--10);
	padding: var(--16);
	margin: 20px -1px 20px 0;
	outline-color: var(--13);
}
a#rename-move-button.btn.btn-default {
	color: var(--8);
	background-color: var(--10);
	padding: var(--16);
	margin: 20px -1px 20px 100px;
	outline-color: var(--13);
}
a#more-options-button.btn.btn-default{
	color: var(--8);
	background-color: var(--10);
	border-radius: 0px 5px 5px 0px;
	padding: var(--16);
	margin: 20px -1px 20px 0;
	outline-color: var(--13);	
}
a#delete-button.btn.btn-default {
	color: var(--10);
	background-color: #f22;
	border-radius: 0px 5px 5px 0px;
	padding: var(--16);
	margin: 20px -1px 20px 0;
	outline-color: var(--13);
}
a.action-area-close.btn.btn-danger{
	color: var(--10);
	background-color: #f22;
	padding: var(--16);
	margin: 10px -1px 10px 0;
	outline-color: var(--13);
	border-radius:5px;
}
/*ポップアップ画面*/
div#owindow-1.owindow{
	color: var(--10);
	background-color: var(--1);
	border-radius:5px;
	font-family:var(--14);
}
div#ohandle-1.title{
	background-color:var(--8);
	color: var(--10);
	font-family:var(--14);
}
a.btn.btn-danger{
	color:var(--4);
	background-color:#bbb;
	border-radius:5px;
	font-family:var(--14);
}
/*編集*/
div#lock-info.alert.alert-info{
	 background-color: #0ff;
	 color: var(--8);
	 padding: 10px;
	 margin: 20px 0;
	 border: 1px solid #f5c6cb;
	 border-radius: 5px;
}

/*拡張構文
======================================================== */
 .alert {
	 background-color: #f8d7da;
	 color: #333 !important;
	 padding: 10px;
	 margin: 20px 0;
	 border: 1px solid #f5c6cb;
	 border-radius: 5px;
}
 .info{
	 background-color: #0ff;
	 color: #333 !important;
	 padding: 10px;
	 margin: 20px 0;
	 border: 1px solid #f5c6cb;
	 border-radius: 5px;
}
.warning{
	background-color: var(--12);
	color: #333 !important;
	padding: 10px;
	margin: 20px 0;
	border: 1px solid #f5c6cb;
	border-radius: 5px;
}
.info p ,.warning p,.alert p{
	color:var(--8) !important;
}