<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:root {
	--bg-color:   #f9f8f7;    /* 背景色 */
	--fg-color:   #f6f5f4;    /* エディタ */
	--cb-color:   #f3f2f1;    /* コードブロック */
	--shade:      #777777;    /* 薄い文字色 */
	--default:    #222222;    /* 黒字 */
	--highlight:  #eedd55;    /* ハイライト */
	--blue-link:  #2880bb;    /* 既存リンク */
	--red-link:   #dd2525;    /* 空リンク */
}
 .page-list-item.grid-style-item.pin:nth-child(4) 
 {
      width: 100%;
      height: 0px;
      border-top: 1px solid #f9f8f7;
      margin-top: 20px;
      margin-bottom: 30px;
  }
.quick-launch .plan-badge {
	display: none;
}
body {
	background-color: var(--bg-color) !important 
} 
body, .editor, .grid li, .list li.page-list-item .stream {  
	 font-family: "Helvetica Neue",
   Arial,
   "Hiragino Kaku Gothic ProN",
   "Hiragino Sans",
   Meiryo,
   sans-serif;    
	/* 文字を書くときのエディタの文字サイズ */
	font-size: 16px;
    line-height: 28px;
}
.editor .text {
    color: var(--default);
   	font-size: 16px;
    line-height: 28px;
}
.editor .line-title .text {
	font-size: 42.667px;
  	line-height: 1.75;
    font-weight: bold;
}
 a[type="hashTag"] {
	opacity:0.7;
	padding: 4px 6px;
    font-size: 0.9em;
    border: 1px solid;
    border-radius: 2px;  
}

a[type="hashTag"]:hover {
	opacity:1;
}
textarea#text-input:focus {
	background: var(--default);
    color: var(--bg-color);
}
/* カーソルの幅と色替え */
.cursor { width: 4px; background-color: var(--default) }

/* カーソルの点滅 https://codepen.io/g12n/pen/FgzEj */
@keyframes blink {
	0% {opacity: 0}
	49%{opacity: 0}
	50%{opacity: 0.5}
}
.cursor { 
	animation: blink 1s infinite
} 
#page-edit-menu, #page-info-menu, #translation-menu, a.random-jump-button.tool-btn.link-btn {
	color: var(--default);
    opacity: 0.1; /* Set this to 0 if you want a complete 無 */
    transition: opacity 0.5s;
}
#page-edit-menu:hover, #page-info-menu:hover, #translation-menu:hover, a.random-jump-button.tool-btn.link-btn:hover {
	opacity: 1;
	color: var(--default);
}
#tooltip-top {
	display: none;
}   
body {
	--tool-color: var(--fg-color);
	--tool-light-color: var(--fg-color);
	--tool-badge-bg: var(--bg-color);
	--tool-bg: var(--bg-color);
	--tool-text-color: var(--fg-color);
	--body-headings-color: var(--bg-color);
}
body {
	--dropdown-menu-bg: var(--fg-color);
	--dropdown-menu-border: 1px solid #8888882d;
	--dropdown-menu-text-color: var(--shade);
	--dropdown-menu-divider-color: #e5e5e5;
	--dropdown-menu-text-hover-color: var(--default);
	--dropdown-menu-text-hover-bg: var(--bg-color);
}
.dropdown-menu,
.drawer .drawer-menu {
	background-color: var(--dropdown-menu-bg);
	border: var(--dropdown-menu-border, unset);
}

.dropdown-menu &gt; li &gt; a,
.drawer .drawer-menu ul li a,
.page-menu ul &gt; li &gt; div {
	color: var(--dropdown-menu-text-color, #333);
}

.dropdown-menu&gt;li&gt;a:active,
.drawer-menu ul li a:active,
[data-hover-visible] :is(.dropdown-menu,.drawer-menu) &gt; li &gt; :is(a:hover, a:focus) {
	color: var(--dropdown-menu-text-hover-color, #262626);
	background-color:  var(--dropdown-menu-text-hover-bg, #f5f5f5);
}

:is(.dropdown-menu, .drawer-menu) .divider {
	color: var(--dropdown-menu-divider-color, #e5e5e5);
}

.project-list-tab&gt;a.active {
	color: var(--dropdown-menu-bg);
	background-color: var(--dropdown-menu-text-hover-color);
}

.project-list-tab&gt;a {
	color: var(--dropdown-menu-text-hover-bg);
	background-color: var(--dropdown-menu-text-color);
}
body {
	--search-form-bg: var(--bg-color);
	--search-form-icon-color: var(--fg-color);
	--search-form-icon-focus-color: #ffffff;
}
form {
	border:0px;
}
.related-page-list .grid li.page-list-item a .header {
	height: auto;
}

.grid li.page-list-item a .header .title {
    font-size: 14.222px;
    font-weight: 400 !important;
    color: var(--default);
    text-align: left;
    line-height: 20px;
}

.grid.grid-md li.page-list-item a .description {
    font-size: 12.8px;
    padding: 7.5px;
    line-height: 20px;
}
.grid.grid-lg li.page-list-item a .description {
     font-size: 12.8px;
     padding: 7.5px;
     line-height: 20px;
}
 
.grid li.page-list-item a .description {
    padding: 7.5px;
    font-size: 12.8px;
    line-height: 20px;
    white-space: pre-line;
    column-count: 1;
    column-gap: 2em;
    column-width: 12em;
    height: 75%;
    color: var(--shade);
    flex-shrink: 16;
    overflow: hidden;
}

.grid li.page-list-item a .icon {
    padding: 0 0px;
}

.grid-md.grid li.page-list-item a .icon {
	padding: 0 0px;
}

.grid li.page-list-item a .header {
    padding: 10px 7.5px;
}

.grid-md.grid li.page-list-item a .header {
	padding: 10px 7.5px;
}

.grid-lg.grid li.page-list-item a .header {
	padding: 10px 7.5px;
}
 
.grid li.page-list-item a {
    background-color: var(--fg-color);
    box-shadow: none !important;
}

 .grid li.page-list-item a .content {
	justify-content: center;
	align-content: bottom;
} 
  
.navbar-default {
	background-color: var(--fg-color);
	overflow: unset;
	border-top: solid #fffff9 0px;
}
     
.grid li.page-list-item a {
	box-shadow: none !important;
}

ul.grid li.page-list-item a .header{
	border-top: solid 1.75px var(--blue-link); 
} 

ul.grid-md.grid li.page-list-item a .header{
	border-top: solid 1.75px var(--blue-link); 
}  

ul.grid-lg.grid li.page-list-item a .header{
	border-top: solid 1.75px var(--blue-link); 
} 
  
.page {           
	box-shadow: none !important;
	background-color: var(--fg-color);
} 
.related-page-list .toolbar .related-page-list-search .fa-search {
	color: var(--shade);
	font-size: 12.8px;
}

.related-page-list .toolbar .related-page-list-search {
	background-color: var(--fg-color);
}

.related-page-list .toolbar .related-page-list-search input {
	font-size: 12.8px;
}
.line code{
  		background-color: var(--cb-color);
 		}
 .line span.code-block {
   	background-color: var(--cb-color);
  }
.empy-links{
	display:none;
}
	
.deco-\! {
	color: var(--fg-color); /* 文字 */
	background-color: var(--default); /* 背景 */
	padding: 0.1em 0.2em 0.1em 0.2em;
}
.selections{
	background-color: var(--highlight);
}
.line .indent-mark .dot {
	border-radius: 0%;
}
.line .indent-mark .dot {
	top: 12px;
    width: 5px;
    height: 1px;
    background-color: #333333;
}
.full-content-modal .modal-dialog .modal-content .modal-body a.link .text {
	display: none;
}
.line .quote {
	display: inline-block;
	border-left: solid 5px var(--default);
	padding-right: 1em;
	font-size: 0.9em;
	background: var(--highlight);
}	
.brand-icon {
	display: none;
}
.status-bar {
	display: none;
}
.telomere {
	display: none;
}
.grid li.page-list-item a .pin {
	display: none;
}
li.grid-style-item.pin{
	height:100% ;
	width:100% ; 
}
li.page-list-item.grid-style-item.pin a .content .icon {
	display: none;
}
.grid li.page-list-item.pin a {
	box-shadow: none !important;
}

ul.grid li.page-list-item.pin a .header{
	border-top: solid 4px var(--highlight); 
} 
     
ul.grid-md.grid li.page-list-item.pin a .header{
	border-top: solid 4px var(--highlight); 
}  

ul.grid-lg.grid li.page-list-item.pin a .header{
	border-top: solid 4px var(--highlight); 
}            
.page-list-item.pin + .page-list-item:not(.pin) {
 	grid-column-start: 1;
}
.page-list.clearfix .grid li.page-list-item.pin a.description {
	display: none;
}
[data-hover-visible] .new-button:active {
	background-color: var(--new-button-bg);
}  
[data-hover-visible] .new-button:hover {
	background-color: var(--new-button-bg);
}
body {
	--new-button-horizontal-color: var(--bg-color);
	--new-button-vertical-color: var(--bg-color);
	--new-button-bg: var(--fg-color);
}
a[type="link"].page-link, a[type="hashTag"].page-link, .line a.link {
	color: var(--blue-link) !important;
}
a[type="link"].empty-page-link, a[type="hashTag"].empty-page-link {
	color: var(--red-link) !important;
}
body {
	--relation-label-bg: var(--blue-link);
	--relation-label-text: var(--fg-color);
	--relation-label-links-bg: var(--blue-link);
	--relation-label-links-text: var(--fg-color);
	--relation-label-empty-bg: var(--red-link);
	--relation-label-empty-text: var(--fg-color);
}
.line a.link, .line a.page-link {
	color: var(--default);
	text-decoration: none;
}

.line a:hover {
	text-decoration: underline;
}
@media (max-width: 420px) {
	.line img.image {
    max-height: none !important;
    max-width: 100% !important;
  } 
}   
/* チェックボックスになるタグ v2 Font Awesome版 */
  .line:not(.cursor-line) a[href$='/o']:not(.icon) span,
  .line:not(.cursor-line) a[href$='/v']:not(.icon) span {
    display: inline-block; width: 0; text-indent: -9999px 
	}
  .line:not(.cursor-line) a[href$='/o']:not(.icon)::after,
  .line:not(.cursor-line) a[href$='/v']:not(.icon)::after {
    display: inline-block; min-width: 1.15em; padding-left: 1px;
    font-family: 'Font Awesome 5 Free'; font-weight: 400;
    font-size: 120%; text-align: center; vertical-align: middle
	}
  .line:not(.cursor-line) a[href$='/o']:not(.icon)::after { 
  content: '\f0c8'; color: var(--shade);
	}
  .line:not(.cursor-line) a[href$='/v']:not(.icon)::after { 
  content: '\f14a'; color: var(--blue-link);
	}
.line span:not(.modal-image) &gt; a.link:not(.icon)::before {
   font-family: 'Font Awesome 5 Free';
   content: ' \f101';
   font-weight: 600;
   display: inline-block;
   padding: 0 0.5em 0 0;
   color: var(--blue-link);
}
/*読み込みアニメーション*/     
a {
   animation: fadeIn 0.8s cubic-bezier(.38,-0.01,.22,.99) 0s 1 normal;
}
@keyframes
 fadeIn {
   0% {opacity: 0}
   100% {opacity: 1}
 }
/* マトリクス記法 */
.line:not(.cursor-line) .deco-\| { display: inline-flex }
.line .deco-\| img.image { object-fit: contain; margin: 0 }

/* 太字記法と組み合わせて列数を変える */
.line [class^="level"] .deco-\| { flex-wrap: wrap }
.line .level-1 .deco-\| &gt; span { width: calc(100%/1) }
.line .level-2 .deco-\| &gt; span { width: calc(100%/2) }
.line .level-3 .deco-\| &gt; span { width: calc(100%/3) }
.line .level-4 .deco-\| &gt; span { width: calc(100%/4) }
.line .level-5 .deco-\| &gt; span { width: calc(100%/5) }

.line [class^="level"] .deco-\| img.image { object-fit: cover; width: 100%; height: 100% }

/* 並べた画像の間にスキマが欲しい場合はこの2行を追加・ぴっちり敷き詰めたい場合はこの2行は不要 */
`.line .deco-\| &gt; span, .line [class^="level"] .deco-\| &gt; span { overflow: hidden }`
`.line .deco-\| img.image, .line [class^="level"] .deco-\| img.image { margin: .2em }`
.level-2 img.image {
    width: 77%;
 			display: block;
 			margin: 0 auto;
 		}
 		
 .level-3 img.image {
      max-height: 300px;
   		}
   		
 .level-4 img.image {
        display: none;
     		}
   		
  span.deco .empty-char-index{
          display: none;
      		}
.line img.strong-image {
		display: block;
		margin: 0 auto;
	}
.line .image {
    max-height: none;
    }
 .grid li.page-list-item a .icon {
     height: 100%;
 }
 
 .grid li.page-list-item a .icon img {
     display: block;
     min-height: 100%;
     object-fit: contain;
     object-position: 50% 28%;
     width: 100%;
     /* margin: 0 auto; */
 }
    .page-list &gt; .grid li.pin {
    	height: 44px;
    	width: 100%;
    	margin-bottom: 5px;
    }
  .page-list &gt; .grid li.page-list-item.pin a .content :is(.description,.icon) {display: none;}
  .page-list &gt; .grid li.page-list-item a .pin {background: none;}</pre></body></html>