@charset "UTF-8";

/*!
 * PukiWiki - Yet another WikiWikiWeb clone.
 * Copyright  2002-2020 PukiWiki Development Team  2001-2002 Originally written by yu-ji
 * License: GPL v2 or (at your option) any later version
 * ORIGINAL CSS to VERSUS@2.0 CUSTOMIZE CSS
 */

h2
{
	font-family:"Trebuchet MS", arial, helvetica, Sans-Serif;
/*	font-family: verdana, arial, helvetica, sans-serif; */
	font-size:22px;
	color:#000000;
	background-image:url(https://game-syo.com/img/bar/bar_osl.jpg);
/*  text-align:center; */
	text-indent: 2.6in;
	background-color:transparent;
	margin:.3em -10px .3em -5px;
	padding:.9em .9em .28em .5em;
	border:0px;
	border-left:10px solid;
	border-bottom:1px solid #000000;
    border-top:1px solid #444444;
    border-left:5px solid #000000;
}

#naviheader	{position: fixed !important;position: absolute;top: 0;right: 4%;width: 100%;height: 0.1em;background-color: #FFF;color: #000000;}

.navis	{width: 100%;}
.navis p	{float: right;text-align: center;border-left: solid 1px #FFF;border-bottom: solid 1px #FFF;height: 2.4em;}

.navis p a	{display: block;width: 60px;background: #EEE;padding: .4em 0;text-decoration: none;}
.navis p a:hover	{background: #EEE;padding: .4em 0;text-decoration: none;}

/* ツールチップの対象に下線を引く*/
.plugin-tooltip {
    border-bottom: 1px dashed gray;
}
/* ツールチップ内のリンクに下線を引く (noteプラグインと共通) */
[data-tippy-root] a {
    text-decoration: underline whitesmoke solid 1px;
}
/* ツールチップ内のリンク色を通常の文章と同じにする (noteプラグインと共通) */
[data-tippy-root] a:link, [data-tippy-root] a:visited {
    color: unset;
}

.plugin-figure {
  padding: 5px;
  font-size: 12px;
  margin: 0 auto 10px auto;
  text-align: center;
  position: relative;
}
.plugin-figure[data-theme=dark] {
  background: #333;
  color: #ececec;
}
.plugin-figure[data-theme=light] {
  background: #fafafe;
  color: dimgray;
  border: 1px solid silver;
}
.plugin-figure[data-wrap=nowrap] {
  background: none;
  color: inherit;
  border: none;
}
.plugin-figure[data-position=left] {
  float: left;
  margin-right: 20px;
}
.plugin-figure[data-position=right] {
  float: right;
  margin-left: 20px;
}
.plugin-figure[data-float=nofloat] {
  float: none;
}
.plugin-figure[data-float=nofloat][data-position=left] {
  margin: 0 auto 10px 0;
}
.plugin-figure[data-float=nofloat][data-position=right] {
  margin: 0 0 10px auto;
}
.plugin-figure figcaption {
  padding: 0 5px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.plugin-figure[data-style$=left] figcaption {
  text-align: left;
}
.plugin-figure[data-style$=center] figcaption {
  text-align: center;
}
.plugin-figure[data-style$=right] figcaption {
  text-align: right;
}
.plugin-figure[data-style^=overlay] figcaption {
  position: absolute;
  bottom: 5px;
  padding-top: 10px;
  width: calc(100% - 20px);
  max-height: 40%;
  min-height: 18px;
  color: #efefef;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 20%, transparent);
  pointer-events: none;
  text-shadow: 1px 1px 3px #333;
}

.plugin-figure-inline {
  display: inline-block;
  position: relative;
  font-size: 12px;
}
.plugin-figure-inline[data-cap]::after {
  content: attr(data-cap);
  display: block;
  position: absolute;
  text-align: left;
  bottom: 0;
  padding: 10px 5px 0 5px;
  width: calc(100% - 10px);
  max-height: 40%;
  min-height: 18px;
  color: #efefef;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 20%, transparent);
  pointer-events: none;
  text-shadow: 1px 1px 3px #333;
}



.search-text  {
  color: #000;
  background-color:#ddd;
  border: 1px solid #4444ff;
  font-size: 11px;
  font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Osaka‐等幅;
}

.youtube {
  margin-left:7%;
  float:center;
}

.mes {
    position: relative;
}
.mes span.pop {
    display: none;
}
.mes a:hover span.pop {
    background: none repeat scroll 0 0 #EEFFEE;
    border: 1px solid #CCCCCC;
    color: #000000;
    display: block;
    line-height: 1.2em;
    margin: 0.5em;
    padding: 0.5em;
    position: absolute;
    top: 50px;
    width: 12em;
}

details[open] .details-content {
  animation: fadeIn 0.5s ease;
}
@keyframes fadeIn {
  0% {
    opacity: 0; /* 透明 */
    transform: translateY(-10px); /* 上から表示 */
  }
  100% {
    opacity: 1;
    transform: none;
  }
}



pre, dl, ol, p, blockquote {
  line-height:140%;
}
blockquote {
  margin-left:32px;
  width: 900px;
  border: dotted 2px #888;
  position: relative;
  padding: 50px 50px 50px 50px;
  box-sizing: border-box;
  background: #c2e8ed;
}
blockquote:before{
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    content: "\f10d";
    font-family: FontAwesome;
    color: #e0e0e0;
    font-size: 22px;
    line-height: 1;
    z-index: 2;
    font-weight: 900;
}

blockquote:after{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    border-width: 0 0 40px 40px;
    border-style: solid;
    border-color: transparent #ffffff;
}

blockquote p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

body,td {
  color:#333322;
  background-color:#FFFFF0;
  margin-left:0.5%;
  margin-right:0.5%;
  font-size:95%;
  font-family:verdana, arial, helvetica, Sans-Serif;
}
textarea {
  box-sizing:border-box;
  max-width:99.5%;
}

a:link {
  color:#215dc6;
  font-size: 13px;
  line-height: 1.7;
  background-color:inherit;
  text-decoration:none;
}
a:active {
  color:#215dc6;
  font-size: 13px;
  background-color:#CCDDEE;
  text-decoration:none;
}
a:visited {
  color:#a63d21;
  font-size: 13px;
  background-color:inherit;
  text-decoration:none;
}
a:hover {
  color:#215dc6;
  font-size: 13px;
  background-color:#CCDDEE;
  text-decoration:underline;
}
a.external-link:not(.external-link-silent)::after {
  content:url(../image/external-link.png);
  margin:3px;
}

h1
{
	font-family:"Trebuchet MS", arial, helvetica, Sans-Serif;
/*	font-family: verdana, arial, helvetica, sans-serif; */
	color:#cc0000;
	font-size: 26px;
	background-color:transparent;
	border:0px;
	margin:.2em 0 .2em .5em;
}

h3 {
  font-family:verdana, arial, helvetica, Sans-Serif;
  border-bottom:3px solid #DDEEFF;
  border-top:1px solid #DDEEFF;
  border-left:8px solid #DDEEFF;
  border-right:5px solid #DDEEFF;

  color:inherit;
  background-color:#FFFFFF;
  padding:.2em;
  margin:0 0 .5em 0;
}

h4{
    font-size:100%;color:inherit;
    margin:4px 20px 4px 20px;
    font-size:15px;
    font-weight:bold;
    border-style : dashed ; border-color : #66c;
    border-bottom:dashed #66c 1px;
    padding:2px;background-color:#ddd;
    border-left:8px dashed #66c;
    clear:both;
}

h5, h6 {
  font-family:verdana, arial, helvetica, Sans-Serif;
  color:inherit;
  background-color:#DDEEFF;
  padding:.3em;
  border:0;
  margin:0 0 .5em 0;
}

h1.title
{
	font-family: HGP創英角ｺﾞｼｯｸUB;
	font-size: 25px;
	font-weight:normal;
	background-color:transparent;
	padding: 3px 0px 0px 0px;
	border: 0px;
	margin: 3px 0px 0px 0px;
}

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;	*/
	font-size: 108%;
	color:#fff;
	background-color:#000000;
/*	white-space:normal;	*/
	line-break:strict;
	word-break:break-all;
	word-wrap:break-word;
}


img {
  border:none;
  vertical-align:middle;
}

ul {
  margin-top:.5em;
  margin-bottom:.5em;
  line-height:130%;
}

em {
  font-style:italic;
}

strong {
  font-weight:bold;
}

thead td.style_td,
tfoot td.style_td {
  color:inherit;
  background-color:#D0D8E0;
}
thead th.style_th,
tfoot th.style_th {
	color:#fff;
    font-size: 14.5px;
	background-color:#777;
}
.style_table {
	font-size: 14.5px;
	padding:0px;
	border:0px;
	margin:1em auto 1em 0;
	text-align:left;
	color:#000;
	background-color:#333;
}
.style_th {
	padding:5px;
	margin:1px;
	text-align:center;
	color:inherit;
	background-color:#EEEEEE;
}
.style_td {
	padding:1px;
	margin:0.5px;
	color:inherit;
	background-color:#FFFAFA;
}

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

.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; }
-div.ie5 { text-align:center; }
+div.ie5 { text-align:left; }

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

.small {
  font-size:13px;
}

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

a.note_super {
  color:#DD3333;
  background-color:inherit;
  font-weight:bold;
  font-size:60%;
  vertical-align:super;
}

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

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

span.size1 {
  font-size:xx-small;
  line-height:130%;
  text-indent:0;
  display:inline;
}
span.size2 {
  font-size:x-small;
  line-height:130%;
  text-indent:0;
  display:inline;
}
span.size3 {
  font-size:small;
  line-height:130%;
  text-indent:0;
  display:inline;
}
span.size4 {
  font-size:medium;
  line-height:130%;
  text-indent:0;
  display:inline;
}
span.size5 {
  font-size:large;
  line-height:130%;
  text-indent:0;
  display:inline;
}
span.size6 {
  font-size:x-large;
  line-height:130%;
  text-indent:0;
  display:inline;
}
span.size7 {
  font-size:xx-large;
  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;
}
.edit_form textarea,.edit_form select {
  width:95%;
}

/* pukiwiki.skin.php */
div#header {
  padding:0;
  margin:0;
  word-break:break-all;
}

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

div#contents {
  display:flex;
  flex-flow:row nowrap;
  word-break:break-all;
  overflow-wrap:break-word;
  word-wrap:break-word;
}

/*	↓　左メニューバーの幅やベース↓	*/
div#menubar {
  min-width:19em;
  max-width:19em;
  padding:0px;
  margin:0px;
  font-size:12px;
  overflow:hidden;
  order:1;
  flex-grow:0;
}
div#menubar ul {
  margin:0;
  padding:0;
}
div#menubar ul li {
  line-height:110%;
}
div#menubar h4 {
  font-size:110%;
}

#rightbar {
  min-width:14em;
  max-width:14em;
  padding:0;
  margin:4px;
  font-size:90%;
  overflow:hidden;
  order:3;
  flex-grow:0;
}
#rightbar ul {
  margin:0 0 0 1em;
  padding:0 0 0 .5em;
}
#rightbar ul li {
  line-height:110%;
}
#rightbar h4 {
  font-size:110%;
}

div#body {
  padding:0;
  margin:0 0 0 .5em;
  max-width:98%;
  order:2;
  flex-grow:1;
}

div#note {
  clear:both;
  padding:0;
  margin:0;
  word-break:break-all;
}
div#attach {
  clear:both;
  padding:0;
  margin:0;
}
div#toolbar {
  clear:both;
  padding:0;
  margin:0;
  text-align:right;
}

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

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

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

/* calendar*.inc.php */
.style_calendar {
  padding:0;
  border:0;
  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:0;
  clear:both;
}

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

/* 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:#333333;
  border-width:1px 0;
}

/* 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:block;
  float:none;
}
li.navi_left {
  display:block;
  float:left;
  text-align:left;
}
li.navi_right {
  display:block;
  float:right;
  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;
}

/* comment.inc.php */
._p_comment_form input[name="msg"] {
  max-width:90%;
}

/* pcomment.inc.php */
._p_pcomment_form input[name="msg"] {
  max-width:90%;
}

/* article.inc.php */
._p_article_form input[name="subject"] {
  max-width:82%;
}

/* 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_list_header th:nth-child(1) {
  min-width: 7em;
}
tr.bugtrack_list_header th:nth-child(2) {
  min-width: 2em;
}
tr.bugtrack_list_header th:nth-child(3) {
  min-width: 4em;
}
tr.bugtrack_list_header th:nth-child(4) {
  min-width: 4em;
}
tr.bugtrack_list_header th:nth-child(5) {
  min-width: 3em;
}
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;
}
._p_bugtrack_form input[name="summary"],
._p_bugtrack_form textarea {
  box-sizing:border-box;
  width:35em;
  max-width:99.5%;
}

/* tracker.inc.php */
._p_tracker_form th {
  min-width:5em;
}

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

/* Mobile-friendly Responsive layout */
@media (max-width:767px) {
  div#contents {
    flex-flow:column wrap;
  }
  div#menubar {
    width:auto;
    max-width:none;
    font-size:100%;
    order:2;
  }
  div#rightbar {
    width:auto;
    max-width:none;
    font-size:100%;
    order:3;
  }
  div#body {
    order:1;
  }
  div#body img {
    max-width:95%;
    height:auto;
  }

  ._p_tracker_form th,._p_tracker_form td {
    display:block;
    text-align:left !important;
    width:auto !important;
    margin:0;
  }
  ._p_tracker_form td input[type=text],
  ._p_tracker_form td textarea {
    box-sizing:border-box;
    width:99.5%;
  }

  tr.bugtrack_list_header th:nth-child(1) {
    min-width: 4em;
  }
  tr.bugtrack_list_header th:nth-child(2) {
    min-width: 1em;
  }
  tr.bugtrack_list_header th:nth-child(3) {
    min-width: 1em;
  }
  tr.bugtrack_list_header th:nth-child(4) {
    min-width: 3em;
  }
  tr.bugtrack_list_header th:nth-child(5) {
    min-width: 3em;
  }
  ._p_bugtrack_form th,._p_bugtrack_form td {
    display:block;
    text-align:left !important;
    margin:0;
  }
  ._p_bugtrack_form input[name="summary"],
  ._p_bugtrack_form textarea {
    box-sizing:border-box;
    width:99.5%;
  }
}

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