@charset "utf-8";

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

pre, dl, ol, p, blockquote {
	line-height:150%;
}

blockquote {
	background-color:#F0F0F0;
	margin-left:32px;
	margin-right:32px;
	padding: 4px 20px;
}

body,td {
	color:black;
	background-color:white;
	margin-left:2%;
	margin-right:2%;
	font-family: "Noto Serif JP", sans-serif;
	font-variant-ligatures: common-ligatures;
	font-feature-settings: "palt", "halt";
		/*	-webkit-font-feature-settings: "palt","halt";
		-moz-font-feature-settings: "palt","halt"; */
	text-align: justify;
	text-justify: inter-character;

/*	font-variant-numeric: diagonal-fractions;
	-moz-font-feature-settings: "frac";
	-webkit-font-feature-settings: "frac";
	font-feature-settings: "frac"; */
	word-break: auto-phrase;
}

a:link {
	color:#0000ff;
	background-color:inherit;
	text-decoration:none;
}
a:active {
	color:#215dc6;
	background-color:#CCDDEE;
	text-decoration:none;
}

a:visited {
	color:#5050ff;
	background-color:inherit;
	text-decoration:none;
}

a:hover {
	background-color:#CCDDEE;
	text-decoration:underline;
}
a.external-link:not(.external-link-silent)::after {
	content:url(../image/external-link.png);
	margin:3px;
}

h1, h2 {
	color:inherit;
	background-color:#DDEEFF;
	padding:.3em;
	border:0px;
	margin:0px 0px .5em 0px;
}

h2 {
	clear:left;
}

h3 {
	border-bottom:3px solid #DDEEFF;
	border-top:1px solid #DDEEFF;
	border-left:10px solid #DDEEFF;
	border-right:5px solid #DDEEFF;

	color:inherit;
	background-color:#FFFFFF;
	padding:.3em;
	margin:0px 0px .5em 0px;

	clear:left;
}
h4 {
	border-left:18px solid #DDEEFF;

	color:inherit;
	background-color:#FFFFFF;
	padding:.3em;
	margin:0px 0px .5em 0px;
	clear:left;
}
h5, h6 {
	color:inherit;
	background-color:#DDEEFF;
	padding:.3em;
	border:0px;
	margin:0px 0px .5em 0px;
}
h1.title {
	font-size:30px;
	font-weight:bold;
	background-color:transparent;
	padding:12px 0px 0px 0px;
	border:0px;
	margin:12px 0px 0px 0px;
}

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

dd {
	margin-left:0em;
}

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;
}

img {
	border:none;
	vertical-align:middle;
	max-width: 100%;
	height: auto;
}

iframe {
	max-width: 100%;
}

ul, ol {
	margin-top:.5em;
	margin-bottom:.5em;
	line-height:150%;
}

em {
	font-style:italic;
}

em:before {
	content: '“';
}

em:after {
	content: '”';
}

strong {
	font-weight:bold;
}

ruby[data-ruby]
{
    position: relative;
}
ruby[data-ruby]::before
{
    content: attr(data-ruby);
    position: absolute;
    line-height: 100%;
    text-align: center;
    left: -3em;
    right: -3em;
    transform-origin: bottom center;
    /* ルビの文字サイズを親文字に対する比率で指定 */
    transform: scale(0.5);
    /* 100%を越える部分が親文字とルビとのスペースになる。単位は親文字に対する比率 */
    bottom: 85%;
}
ruby[data-ruby] rt
{
    display: none;
}

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:0px;
	border:0px;
	margin:auto;
	text-align:left;
	color:inherit;
	background-color:#ccd5dd;
}

.style_th {
	text-align:center;
	color:inherit;
	background-color:#EEEEEE;
}
.style_td {
	color:inherit;
	background-color:#EEF5FF;

}

.amazon_td {
	font-size:80%;
	background-color:#e8e8e8;
	text-align:left;
	text-justify:auto;
}

ul.list1 {
	list-style-type:disc;
}
ul.list2 {
	list-style-type:circle;
}
ul.list3 {
	list-style-type:square;
}
ol.list1 {
	list-style-type:decimal;
}
ol.list2 {
	list-style-type:lower-roman;
}
ol.list3 {
	list-style-type:lower-alpha;
}

.list-indent1 {
	padding-left:16px;
	margin-left:16px;
}
/* list-indent2,3,4 are used for leaping list level indentation */
.list-indent2 {
	padding-left:32px;
	margin-left:32px;
}
.list-indent3 {
	padding-left:48px;
	margin-left:48px;
}
.list-indent4 {
	padding-left:64px;
	margin-left:64px;
}

div.ie5 {
	text-align:center;
}
span.noexists {
	color:inherit;
	background-color:#FFFACC;
}

.small {
	font-size:80%;
}

.super_index {
	color:#DD3333;
	background-color:inherit;
	font-weight:bold;
	font-size:70%;
	vertical-align:super;
}

a.note_super {
	color:#DD3333;
	background-color:inherit;
	font-weight:bold;
	font-size:70%;
	vertical-align:super;
	font-variant-position: super;
	-moz-font-feature-settings: "sups";
	-webkit-font-feature-settings: "sups";
	font-feature-settings: "sups";
}

div.jumpmenu {
	font-size:60%;
	text-align:right;
}

hr.full_hr {
	border-style:ridge;
	border-color:#333333;
	border-width:1px 0px;
}
hr.note_hr {
	width:90%;
	border-style:ridge;
	border-color:#333333;
	border-width:1px 0px;
	text-align:center;
	margin:1em auto 0em auto;
}

span.size1 {
	font-size:xx-small;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size2 {
	font-size:x-small;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size3 {
	font-size:small;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size4 {
	font-size:medium;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size5 {
	font-size:large;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size6 {
	font-size:x-large;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size7 {
	font-size:xx-large;
	line-height:130%;
	text-indent:0px;
	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 */
div#header {
	padding:0px;
	margin:0px;
	word-break:break-all
}

header_advertise ,
footer_advertise {
	padding:0px;
	margin:0px;
	margin:0px;
	width:100%;
}

div#navigator {
	clear:both;
	padding:4px 0px 0px 0px;
	margin:0px;
}

div#body {
	padding: 0px;
	margin-right: 0.5em;
	margin-left: 0.5em;
}

div#menubar {
	padding:0px;
	margin:4px;
	word-break:break-all;
	font-size:90%;
	overflow:hidden;
}

div#sidebar_advertise {
	font-size:80%;
	text-align: justify;
	text-justify: inter-character;
}

div#menubar ul {
	margin:0px 0px 0px 6px;
	padding:0px 0px 0px 15px;
	line-height:130%;
}

div#menubar ol {
	margin:0px 0px 0px 14px;
	padding:0px 0px 0px 15px;
	line-height:130%;
}

div#menubar li {
	margin:2px 0px;
}


div#menubar h4 {
	font-size:110%;
}

div#advertise {
	padding:0px;
	margin:0px;
	word-break:break-all;
	overflow:hidden;
	text-align:center;
}

iframe {
	max-width: 100%;
}

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

	div#body {
		width: calc(100% - 370px);
		float:left;
		padding-right:10px;
		font-size:90%;
	}

	div#menubar {
		width:160px;
	}

	div#advertise {
		float:right;
		width:160px;
	}

	.style_th {
		padding:2px;
		margin:1px;
	}

	.style_td {
		padding:2px;
		margin:1px;
	}

	textarea {
		width: calc(100% + 340px);
	}
}

@media screen and (max-width: 799px) {

	div#body {
		width: calc(100% - 10px);
		float:none;
		padding: 0.5px;
		margin-right: 0.5em;
		margin-left: 0.5em;
	}

	div#menubar {
		width: calc(100% - 220px);
		float:left;
	}

	div#advertise {
		float:right;
		width:160px;
	}

	.style_th {
		padding:0px;
		margin:1px;
}
	.style_td {
		padding:1px;
		margin:0px;
	}

	textarea {
		width: 95%;
	}

	div:related {
		display:none;
	}
}

div#note {
	clear:both;
	padding:0px;
	margin:0px;
}
div#attach {
	clear:both;
	padding:0px;
	margin:0px;
}
div#toolbar {
	clear:both;
	padding:0px;
	margin:0px;
	text-align:right;
}
div#lastmodified {
	font-size:80%;
	padding:0px;
	margin:0px;
}
div#related {
	font-size:80%;
	padding:0px;
	margin:16px 0px 0px 0px;
}
div#related .page_passage {
	font-size:60%;
}
div#footer {
	font-size:70%;
	padding:0px;
	margin:16px 0px 0px 0px;
}
div#banner {
	float:right;
	margin-top:24px;
}
div#preview {
	color:inherit;
	background-color:#F5F8FF;
}
img#logo {
	float:left;
	margin-right:15px;
}

/* aname.inc.php */
.anchor_super {
	font-size:xx-small;
	vertical-align:super;
	margin-left:.5em;
}

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

/* calendar*.inc.php */
.style_calendar {
	padding:0px;
	border:0px;
	margin:3px;
	color:inherit;
	background-color:#CCD5DD;
	text-align:center;
}
.style_td_caltop {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
	font-size:80%;
	text-align:center;
}
.style_td_today {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#FFFFDD;
	text-align:center;
}
.style_td_sat {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#DDE5FF;
	text-align:center;
}
.style_td_sun {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#FFEEEE;
	text-align:center;
}
.style_td_blank {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
	text-align:center;
}
.style_td_day {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
	text-align:center;
}
.style_td_week {
	padding:5px;
	margin:1px;
	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:20px;
	margin-bottom:10px;
	padding-bottom:10px;
}
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:0px;
	clear:both;
}

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

/* diff.inc.php */
span.diff_added {
	color:blue;
	background-color:inherit;
	text-decoration: underline wavy;
}
span.diff_removed {
	color:red;
	background-color:inherit;
	text-decoration: line-through wavy;
}

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

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

/* navi.inc.php */
ul.navi {
	margin:0px;
	padding:0px;
	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:x-small;
}
span.new1 {
	color:red;
	background-color:transparent;
	font-size:x-small;
}
span.new5 {
	color:green;
	background-color:transparent;
	font-size:xx-small;
}

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

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

/* 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.2em;
}
span.topicpath-top {
	user-select:none;
}

/* 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:70%;
	color:gray;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

@media print {
	a:link,
	a:visited {
		text-decoration:underline;
	}
	img#logo,
	div#navigator,
	div#menubar,
	div#advertise,
	div#header_advertise,
	div#footer_advertise,
	ins#adsbygoogle,
	div#related,
	div#attach,
	div#toolbar {
		display:none;
	}
}