@charset "UTF-8";

/*!
 * PukiWiki - Yet another WikiWikiWeb clone.
 * Copyright
 *   2002-2017 PukiWiki Development Team
 *   2001-2002 Originally written by yu-ji
 * License: GPL v2 or (at your option) any later version
 *
 * Default CSS
 */

/*!
 * Milligram v1.3.0
 * https://milligram.github.io
 *
 * Copyright (c) 2017 CJ Patoilo
 * Licensed under the MIT license
 */

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

html {
  font-size:62.5%;
}

body {
  margin:0;
  color:#383838;
  background-color:#ffffff;
  font-family:Meiryo,Verdana,sans-serif;
  font-size:1.225rem;
  letter-spacing:.03rem;
  line-height:1.5;
  word-wrap:break-word;
  -webkit-text-size-adjust:100%;
}

:not(#logo) img {
  max-width:100%;
  height:auto;
}

div.spacer {
  line-height:75%;	
}
hr {
  border-style:outset;
  border-color:#f7f7f7;
}

pre,p {
  line-height:150%;
}
dl, ol, blockquote {
  line-height:150%;
}
blockquote {
  margin-left:3.2em;
}

input,textarea,select,button {
  font-family:inherit;
  font-size:100%;
}
input[type="text"],input[type="search"],input[type="password"],input[type="email"] {
  border:1px solid #dbdbdb;
}
input[type="text"]:focus,input[type="search"]:focus,input[type="password"]:focus,input[type="email"]:focus {
  border:1px solid;
}
input[type="text"][name="word"],input[type="search"],input[type="password"] {
  max-width:25%;
}
input[name="name"] {
  max-width:160px;
}
input[name="msg"] {
  max-width:50%;
}
input[name="page"] {
  max-width:75%;
}
input[type="radio"] {
  transform:scale(1);
  vertical-align:text-bottom;
}
textarea[name="msg"] {
  width:100%;
}

a {
  font-family:inherit;
}
a:link {
  color:#215dc6;
  background-color:inherit;
  text-decoration:none;
}
a:active {
  color:#215dc6;
  background-color:#ffffff;
  text-decoration:none;
}
a:visited {
  color:#215dc6;
  background-color:inherit;
  text-decoration:none;
}
a:hover {
  color:#b9232a;
  background-color:#ccddee;
  text-decoration:none;
}

h1 {
  font-family:inherit;
  font-size:130%;
  color:inherit;
  background-color:#ffffff;
  padding:.7em .1em;
  border-bottom:1px solid #89bdde;
  margin:.1em 0;
}
h2 {
  font-family:inherit;
  font-size:102%;
  color:inherit;
  background:linear-gradient(to bottom,rgba(137,189,222,0.3),rgba(221,238,255,0.3));
  padding:.7em;
  margin:.8em 0 .3em;
  border:1px solid #89bdde;
}
h3 {
  font-family:inherit;
  font-size:102%;
  color:inherit;
  background-color:#ffffff;
  padding:.5em .7em;
  margin:.8em 0 .3em;
  border-left:1px solid #89bdde;
  border-bottom:1px solid #89bdde;
}
h4 {
  font-family:inherit;
  font-size:102%;
  color:#7d7d7d;
  background-color:#ffffff;
  padding:.3em .7em;
  margin:1.6em 0 0;
  border-left:1px solid #7d7d7d;
}
h5, h6 {
  font-family:inherit;
  font-size:80%;
  color:inherit;
  background:linear-gradient(to bottom,rgba(137,189,222,0.3),rgba(221,238,255,0.3));
  padding:.7em;
  margin:.2em 0;
  border:0;
}

dt {
  font-weight:bold;
  margin-top:1em;
  margin-left:1em;
}

pre {
  border-top:#DDDDEE 1px solid;
  border-bottom:#888899 1px solid;
  border-left:#DDDDEE 1px solid;
  border-right:#888899 1px solid;
  padding:.5em;
  margin-left:1em;
  margin-right:2em;
  white-space:pre-wrap;
  word-wrap:break-word;
  color:black;
  background-color:#F0F8FF;
}

ul {
  margin:.5em 0;
  line-height:150%;
}
ul.list1 {
  list-style-type:disc;
}
ul.list2 {
  list-style-type:disc;
}
ul.list3 {
  list-style-type:disc;
}

em {
  font-style:italic;
}

strong {
  font-weight:bold;
}


div.ie5 {
  overflow-x:auto;
}
div.ie5 table.style_table {
  width:auto;
}
thead td.style_td,
tfoot td.style_td {
  color:inherit;
  background-color:#D0D8E0;
}
thead th.style_th,
tfoot th.style_th {
  color:inherit;
  background-color:#E0E8F0;
}
.style_table {
  padding:0;
  border:0;
  margin:auto;
  margin-left:0;
  font-family:inherit;
  text-align:left;
  color:inherit;
  background-color:#dbdbdb;
}
.style_th {
  padding:.3em;
  margin:.1em;
  text-align:center;
  color:#ffffff;
  background-color:rgba(51,51,51,0.5);
}
.style_td {
  padding:.3em;
  margin:.1em;
  color:inherit;
  background-color:#ffffff;
}

ol.list1 {
  list-style-type:decimal;
}
ol.list2 {
  list-style-type:lower-roman;
}
ol.list3 {
  list-style-type:lower-alpha;
}
 
.list-indent1 {
  padding-left:1.1em;
  margin-left:1.1em;
}
/* list-indent2,3,4 are used for leaping list level indentation */
.list-indent2 {
  padding-left:2.2em;
  margin-left:2.2em;
}
.list-indent3 {
  padding-left:3.3em;
  margin-left:3.3em;
}
.list-indent4 {
  padding-left:4.4em;
  margin-left:4.4em;
}

span.noexists {
  color:inherit;
  background-color:#FFFACC;
}

.small {
  font-size:90%;
}

.super_index {
  font-weight:bold;
  font-size:90%;
  vertical-align:super;
}

a.note_super {
  font-weight:bold;
  font-size:90%;
  vertical-align:top;
}
a[id^="notefoot"] {
  padding:0 0.8em 0 0.3em;
}

div.jumpmenu {
  display:none;
}

hr.full_hr {
  margin:0;
}
hr.note_hr {
  display:none;
}

span.size1 {
  font-size:40%;
  line-height:130%;
  text-indent:0;
  display:inline;
}
span.size2 {
  font-size:60%;
  line-height:130%;
  text-indent:0;
  display:inline;
}
span.size3 {
  font-size:80%;
  line-height:130%;
  text-indent:0;
  display:inline;
}
span.size4 {
  font-size:100%;
  line-height:130%;
  text-indent:0;
  display:inline;
}
span.size5 {
  font-size:125%;
  line-height:130%;
  text-indent:0;
  display:inline;
}
span.size6 {
  font-size:150%;
  line-height:130%;
  text-indent:0;
  display:inline;
}
span.size7 {
  font-size:200%;
  line-height:130%;
  text-indent:0;
  display:inline;
}

/* html.php/catbody() */
strong.word0 {
  background-color:#FFFF66;
  color:black;
}
strong.word1 {
  background-color:#A0FFFF;
  color:black;
}
strong.word2 {
  background-color:#99FF99;
  color:black;
}
strong.word3 {
  background-color:#FF9999;
  color:black;
}
strong.word4 {
  background-color:#FF66FF;
  color:black;
}
strong.word5 {
  background-color:#880000;
  color:white;
}
strong.word6 {
  background-color:#00AA00;
  color:white;
}
strong.word7 {
  background-color:#886800;
  color:white;
}
strong.word8 {
  background-color:#004699;
  color:white;
}
strong.word9 {
  background-color:#990099;
  color:white;
}

/* html.php/edit_form() */
.edit_form {
  clear:both;
}

/* pukiwiki.skin.php */
img#logo {
  width:auto;
  max-height:30px;
}

p#search_simple {
  margin:.1em 0;
  text-align:right;
}
p#search_simple input[type="text"][name="word"] {
  max-width:25%;
}

div#navigator {
  display:flex;
  flex-direction:row;
  align-items:center;
  padding:0 .7em 0;
}
div#navigator >:last-child {
  margin-left:auto;
  padding:0 .9em 0 0;
}
@media (max-width: 1023px) {
  div#navigator >:last-child { display:none; }
}

div#navigator span {
  font-size:30px;
  margin:0 .55em 0 0;
}

div#navigator-sp {
  display:none;
}

div#menubar ul {
  margin:0 0 0 .5em;
  padding:0 0 0 1.1em;
}

div#menubar ul{
  list-style-type:square;
}

div#menubar li {
  font-family:inherit;
}

div#menubar h2,
div#menubar h3 {
  margin:.7em 0;
  font-size:100%;
}

div#menubar h2,
div#menubar h3,
div#menubar h4,
div#menubar h5,
div#menubar h6 {
  text-align:center;
}	

div#copyright {
  padding:.3em .8em;
}

#pagebottom span {
  display:inline;
  bottom:2.25em;
  right:.8em;
  font-weight:bold;
  font-size:36px;
  position:fixed;
  z-index:1003;
  opacity:0.2;
}

#pagebottom-sp span {
  display:none;
}

#pagetop span {
  display:inline;
  bottom:.5em;
  right:.8em;
  font-weight:bold;
  font-size:36px;
  position:fixed;
  z-index:1002;
  opacity:0.2;
}

#pagetop span:hover {
  opacity:0.5;
}

div#navigator a,
div#navigator-sp a,
#pagebottom a,
#pagetop a {
  color:#215dc6;
}
div#navigator a:hover,
div#navigator-sp a:hover,
#pagebottom a:hover,
#pagetop a:hover {
  color:#b9232a;
  background-color:#ffffff;
}

.container {
  margin:0 auto;
  padding:0 .7em;
  position:relative;
  width:100%;
  max-width:1280px;
}

.row {
  display:flex;
  flex-direction:row-reverse;
}

.row .column {
  flex:1;
  margin-bottom:inherit;
  padding:0;
  min-width:0;
}

.row .column-menu {
  padding:0 10px 0 0;
  width:250px;
}

/* aname.inc.php */
.anchor_super {
  font-size:80%;
  vertical-align:middle;
  text-decoration:none;
}

/* list.inc.php */
.page_passage {
  font-size:80%;
}

/* calendar*.inc.php */
.style_calendar {
  padding:0;
  border:0;
  margin:0.3em;
  color:inherit;
  background-color:#CCD5DD;
  text-align:center;
}
.style_td_caltop {
  padding:0.5em;
  margin:0.1em;
  color:inherit;
  background-color:#EEF5FF;
  font-size:1.05rem;
  text-align:center;
}
.style_td_today {
  padding:0.5em;
  margin:0.1em;
  color:inherit;
  background-color:#FFFFDD;
  text-align:center;
}
.style_td_sat {
  padding:0.5em;
  margin:0.1em;
  color:inherit;
  background-color:#DDE5FF;
  text-align:center;
}
.style_td_sun {
  padding:0.5em;
  margin:0.1em;
  color:inherit;
  background-color:#FFEEEE;
  text-align:center;
}
.style_td_blank {
  padding:0.5em;
  margin:0.1em;
  color:inherit;
  background-color:#EEF5FF;
  text-align:center;
}
.style_td_day {
  padding:0.5em;
  margin:0.1em;
  color:inherit;
  background-color:#EEF5FF;
  text-align:center;
}
.style_td_week {
  padding:0.5em;
  margin:0.1em;
  color:inherit;
  background-color:#DDE5EE;
  font-size:80%;
  font-weight:bold;
  text-align:center;
}

/* calendar_viewer.inc.php */
div.calendar_viewer {
  color:inherit;
  background-color:inherit;
  margin-top:2em;
  margin-bottom:1em;
  padding-bottom:1em;
}
span.calendar_viewer_left {
  color:inherit;
  background-color:inherit;
  float:left;
}
span.calendar_viewer_right {
  color:inherit;
  background-color:inherit;
  float:right;
}

/* clear.inc.php */
.clear {
  margin:0;
  clear:both;
}

/* counter.inc.php */
div.counter {
  font-size:60%;
}

/* diff.inc.php */
span.diff_added {
  color:blue;
  background-color:inherit;
}
span.diff_removed {
  color:red;
  background-color:inherit;
}

/* hr.inc.php */
hr.short_line {
  text-align:center;
  width:80%;
  border-style:solid;
  border-color:#f7f7f7;
  border-width:1px 0px;
}

/* include.inc.php */
h5.side_label {
  text-align:center;
}

/* navi.inc.php */
ul.navi {
  margin:0;
  padding:0;
  text-align:center;
}
li.navi_none {
  display:inline;
  float:none;
}
li.navi_left {
  display:inline;
  text-align:left;
}
li.navi_right {
  display:inline;
  text-align:right;
}

/* new.inc.php */
span.comment_date {
  font-size:90%;
}
span.new1 {
  color:red;
  background-color:transparent;
  font-size:95%;
}

span.new3 { 
  color:#ff4500;
  background-color:transparent;
  font-size:95%;
}

span.new5 {
  color:green;
  background-color:transparent;
  font-size:95%;
}

/* popular.inc.php */
span.counter {
  font-size:60%;
}

/* ref.inc.php */
div.img_margin {
  margin-left:3.2em;
  margin-right:3.2em;
}

/* vote.inc.php */
td.vote_label {
  color:inherit;
  background-color:#FFCCCC;
}
td.vote_td1 {
  color:inherit;
  background-color:#DDE5FF;
}
td.vote_td2 {
  color:inherit;
  background-color:#EEF5FF;
}

/* topicpath.inc.php */
span.topicpath-slash {
  margin:0 0.25em;
}

/* bugtrack.inc.php */
tr.bugtrack_list_header th {
  background-color:#ffffcc;
}
tr.bugtrack_state_proposal td {
  background-color:#ccccff;
}
tr.bugtrack_state_accept td {
  background-color:#ffcc99;
}
tr.bugrack_state_resolved td {
  background-color:#ccffcc;
}
tr.bugtrack_state_pending td {
  background-color:#ffccff;
}
tr.bugtrack_state_cancel td {
  background-color:#cccccc;
}
tr.bugtrack_state_undef td {
  background-color:#ff3333;
}

/* search2.inc.php  */
.search-result-page-summary {
  font-size:80%;
  color:gray;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* adjuster - pcomment */
ul.list2 hr {
  display:none;
}
li.pcmt {
  position:relative;
  list-style:none;
}
label.pcmt {
  position:absolute;
  left:-1.9em;
}