<?php
// PukiWiki - Yet another WikiWikiWeb clone.
// $Id: pukiwiki.css.php,v 1.12 2005/10/12 13:06:27 henoheno Exp $
// Copyright (C)
//   2002-2005 PukiWiki Developers Team
//   2001-2002 Originally written by yu-ji
// License: GPL v2 or (at your option) any later version
//
// Default CSS

// Send header
header('Content-Type: text/css');
$matches = array();
if(ini_get('zlib.output_compression') && preg_match('/\b(gzip|deflate)\b/i', $_SERVER['HTTP_ACCEPT_ENCODING'], $matches)) {
	header('Content-Encoding: ' . $matches[1]);
	header('Vary: Accept-Encoding');
}

// Default charset
$charset = isset($_GET['charset']) ? $_GET['charset']  : '';
switch ($charset) {
	case 'Shift_JIS': break; /* this @charset is for Mozilla's bug */
	default: $charset ='iso-8859-1';
}

// Media
$media   = isset($_GET['media'])   ? $_GET['media']    : '';
if ($media != 'print') $media = 'screen';

// Output CSS ----
?>
@charset "<?php echo $charset ?>";

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

blockquote { margin-left:32px; }

body {
 width: 100%;
 margin: 0px;
}

#contents{
 display: flex;
 width:100% !important;
 flex-flow: row nowrap;
 word-break: break-all;
 word-wrap: break-word;
font-family:-apple-system, BlinkMacSystemFont, Helvetica Neue, Segoe UI, Yu Gothic, YuGothic, sans-serif;

}

#menubar {
 　　order: 1;
	min-width:15%;
        padding-left:10px;
        padding-right: 10px;
	margin:4px;
	word-break:break-all;
	font-size:90%;
	overflow:hidden;
 　　position: relative;
　　z-index: 3 ;
}

#body {
 order: 2;
 width: 80%;
	color:black;
	background-color:white;
        padding-left: 1%;
        padding-right: 2%;
	font-size:100%;
}

a:link {
	color:#215dc6;
	background-color:inherit;
	text-decoration:none;
}
a:active {
	color:#215dc6;
	background-color:#CCDDEE;
	text-decoration:none;
}
a:visited {
	color:#215dc6;
	background-color:inherit;
	text-decoration:none;
}
a:hover {
	color:#215dc6;
	background-color:#CCDDEE;
	text-decoration:underline;
}

h1, h2 {
  padding: 1rem 2rem;
  color: #fff !important;
  background: #969696;
  -webkit-box-shadow: 5px 5px 0 #707070;
  box-shadow: 5px 5px 0 #707070;
}
h1,h2:visited {
  color: #fff !important;
}
h3 {
	padding-bottom: 10px;
	font-size: 20px;
	background-image: repeating-linear-gradient(90deg, #b4a983 0, #b4a983 2px, rgba(0,0,0,0) 2px, rgba(0,0,0,0) 4px);
	background-size: 4px 4px;
	background-repeat: repeat-x;
	background-position: center bottom;
}
h4 {
  padding: 1rem 2rem;
  border-bottom: 3px dotted #000;
  background: #f4f4f4;
}
h5,h6 {
  font-weight: bold;
  padding: 0.3em 0.5em;
  border-left: 10px double #4c9ac0;
}

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

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;
	color:black;
	background-color:#F0F8FF;
}

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:#ffffff;
  text-align:center;
  background: linear-gradient(#647691,#91a8cf);
}
}
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;
　　width:100%;
	background-color:#ccd5dd;
border-spacing:1px!important;
  background-color:#777777;
}
.style_th {
	padding:5px;
	margin:1px;
	text-align:center;
	color:inherit;
	background-color:#EEEEEE;
}
.style_td {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
}

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

div.ie5 {
  text-align:center;
  /* 追加 改行禁止と横スクロールを行う*/
/*  white-space: nowrap;/*
/*  overflow-x: auto;/*
  /* 追加 */
}

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

.small { font-size:80%; }

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

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 */
html {
 scroll-behavior: smooth;
}

#header-dwn {
 position: fixed;
 top: 0px;
 left:0px;
 width:100%;
 height: 25px;
 padding:10px 0px;
 text-indent: 15px;
 color: #ffffff;
 background-color: #97B4BE;
 transform: translateY(-100%);
 transition: .2s;
 z-index: 5;
}
#header-dwn.active {
 transform: none;
}

.drawer-btn {
 position: absolute;
 left: 60px;
 opacity: 0;
 transform: scale(7, 1.8);
 cursor: pointer;
}

.drawer-btn:checked ~ .header-nav{
 transform: translateY(0%);
}

.header-nav {
 position: relative;
 width: 100%;
 background-color: #97B4BE;
 transform: translateY(-115%);
 transition: 1s;
}

.header-menu {
 list-style: none;
 color: #ffffff;
 padding-left: 5px; 
}

.header-nav ul a:link{
 color: #ffffff;
}
.header-nav ul a:active{
  color:#ffffff;
}
.header-nav ul a:visited{
  color:#ffffff;
}
.header-nav ul a:hover{
  color:#ffffff;
}

.header-nav li {
 padding: 10px;
 border-bottom: 1px solid #ffffff;
}

#navigator {
	padding-right:15px;
	margin:0px;
        color: #ffffff;
        background-color: #97B4BE;
}
.navilinks {
 text-align: right;
}

#navigator a:link{
 color: #ffffff;
}
#navigator a:active{
  color:#ffffff;
}
#navigator a:visited{
  color:#ffffff;
}
#navigator a:hover{
  color:#ffffff;
}

.topicpath {
 text-align: left;
 text-indent: 5px;
}

.topicpath a:link {
 color: #ffffff;
}
.topicpath a:active{
  color:#ffffff;
}
.topicpath a:visited{
  color:#ffffff;
}
.topicpath ul a:hover{
  color:#ffffff;
}

td.menubar {
	width:20em;
	vertical-align:top;
}

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

div#menubar ul li { line-height:130%; }

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

}

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

div#attach {
<?php   if ($media == 'print') { ?>
	display:none;
<?php   } else { ?>
	clear:both;
	padding:0px;
	margin:0px;
<?php   } ?>
}

div#toolbar {
<?php   if ($media == 'print') { ?>
        display:none;
<?php   } else { ?>
	clear:both;
	padding:0px;
	margin:0px;
	text-align:right;
<?php   } ?>
}

div#lastmodified {
	font-size:80%;
	padding:0px;
	margin:0px;
}

div#related {
<?php   if ($media == 'print') { ?>
        display:none;
<?php   } else { ?>
	font-size:80%;
	padding:0px;
	margin:16px 0px 0px 0px;
<?php   } ?>
}

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 {
<?php   if ($media == 'print') { ?>
	display:none;
<?php   } else { ?>
	float:left;
	margin-right:20px;
        width: 100%;
<?php   } ?>
}

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

/* br.inc.php */
br.spacer {}

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

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 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;
	float:left;
	text-align:left;
}
li.navi_right {
	display:inline;
	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;
}

/* popular.inc.php */
span.counter { font-size:70%; }
ul.popular_list {
<?php
/*
	padding:0px;
	border:0px;
	margin:0px 0px 0px 1em;
	word-wrap:break-word;
	word-break:break-all;
*/
?>
}

/* recent.inc.php,showrss.inc.php */
ul.recent_list {
<?php
/*
	padding:0px;
	border:0px;
	margin:0px 0px 0px 1em;
	word-wrap:break-word;
	word-break:break-all;
*/
?>
}

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

ul.fa-ul {
 list-style-type: none;
}

/* トップボタン */
#top-btn{
 position: fixed;
 right: 10px;
 bottom: 10px;
}

/* ホームボタン */
#home-btn{
 position: fixed;
 right: 10px;
 bottom: 40px;
}

/* ハンバーガーメニュー */
@media screen and (min-width: 800px) {
nav#nav-drawer {
 display: none;
}
}

@media screen and (max-width: 800px) {
nav#nav-drawer {
overflow: hidden;
}
#menubar {
 display:none;
}
#body {
 width: 90%;
}
}

#nav-drawer {
 position: fixed;
 right: 10px;
 bottom: 70px;
}

.nav-unshown {
display:none;
}

#nav-open {
display: inline-block;
 cursor: pointer;
}

#nav-close {
display: none;/*はじめは隠しておく*/
position: fixed;
z-index: 6;
top: 0;/*全体に広がるように*/
left: 0;
width: 100%;
height: 100%;
background: black;
opacity: 0;
transition: display 0.4s ease-in-out;
}

/*中身*/
#nav-content {
line-height: 1.5em;
vertical-align:top;
overflow: auto;
position: fixed;
padding: 0px 20px 0px 20px;
top: 0;
left: 0;
z-index: 7;/*最前面に*/
width: 60%;/*右側に隙間を作る（閉じるカバーを表示）*/
min-width: 280px;/*最大幅（調整してください）*/
max-width: 330px;/*最大幅（調整してください）*/
height: 100%;
background: #fff;/*背景色*/
transition: 0.4s ease-in-out;/*滑らかに表示*/
-webkit-transform: translateX(-105%);
/* transition-delay: 0.1s; */
transform: translateX(-105%);/*左に隠しておく*/
-ms-overflow-style: none;
scrollbar-width: none;
font-family:-apple-system, BlinkMacSystemFont, Helvetica Neue, Segoe UI, Yu Gothic, YuGothic, sans-serif;

}
#nav-content::-webkit-scrollbar{
  display: none;
}

#nav-content ul {
font-size: 90%;
margin:0px 0px 0px 0em;
padding:0px 0px 0px 0em;
}

#nav-content li{
list-style-type: none;
list-style-position:outside;
}

#nav-input:checked ~ #nav-close {
display: block;/*カバーを表示*/
opacity: .5;
}

#nav-input:checked ~ #nav-content {
-webkit-transform: translateX(0%);
transform: translateX(0%);/*中身を表示（右へスライド）*/
box-shadow: 6px 0 45px rgba(0,0,0,.45);
}

/*tab css*/
.plugin-tab {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 15px 5px;
}

.tab-label {
  font-weight: bold;
  min-width: 100px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(98, 98, 98, 0.3);
  border-bottom-color: rgba(98, 98, 98, 1);
  border-radius: 4px 4px 0 0;
  padding: 10px 5px;
  margin-bottom: 10px;
  order: -1;
  flex: 1;
  text-align: center;
}

.tab-content {
  width: 100%;
  display: none;
}

.tab-switch {
  display: none;
}
.tab-switch:checked + .tab-label {
  background: transparent;
  border: 1px solid rgba(98, 98, 98, 1);
  border-bottom: none;
}
.tab-switch:checked + .tab-label + .tab-content {
  display: block;
}

.plugin-switch {
  font-size: inherit;
}
.plugin-switch.switch-select[data-transparent] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  background-color: transparent;
  vertical-align: baseline;
}
.plugin-switch.switch-select[data-disable] {
  pointer-events: none;
}
.plugin-switch.switch-select[data-rtl] {
  direction: rtl;
}
.plugin-switch.switch-default .switch-item {
  display: none;
}
.plugin-switch.switch-default .switch-item[data-selected] {
  display: initial;
}

.plugin-ac-header {
  position: relative;
  padding-left: calc(1em + 5px) !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.plugin-ac-header:hover {
  filter: brightness(1.2);
}
.plugin-ac-header .ac-icon {
  font-style: normal;
}
.plugin-ac-header .ac-icon::before, .plugin-ac-header .ac-icon::after {
  font-family: "Font Awesome 5 Free";
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.plugin-ac-header .ac-icon::before {
  opacity: 1;
  content: "\f0fe";
}
.plugin-ac-header .ac-icon::after {
  opacity: 0;
  content: "\f146";
}
.plugin-ac-header.open .ac-icon::before {
  opacity: 0;
}
.plugin-ac-header.open .ac-icon::after {
  opacity: 1;
}
.plugin-ac-header.open + .plugin-ac + .plugin-ac-altmsg {
  opacity: 0;
}

.plugin-ac {
  overflow: hidden;
  border-left: 1px ridge silver;
  padding: 0 10px;
  margin-left: 10px;
}

.plugin-ac-altmsg {
  opacity: 1;
}

.plugin-ac-ctrl {
  font-weight: bold;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.plugin-ac-ctrl span {
  pointer-events: none;
}

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

ul.fa-ul { list-style-type: none; }