<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body:before {
   content: '';
   width: 250px;
   height: 250px;
   background: linear-gradient(to bottom, #78b0a0, #efdab9);
   position: fixed;
   top: -5%;
   left: -5%;
   animation: float 7s ease-in-out infinite;
   display: block;
       border-radius: 50%;  /* これを追加 */
   z-index: -1;  /* z-indexを-1に変更 */
   filter: blur(9px) brightness(1.2);    /* ぼかし効果追加 */
}
body:after {
   content: '';
   width: 350px;
   height: 350px;
   background-color: #FFE53B;
   background: linear-gradient(to bottom, #f96670, #a9b9d1);
   position: fixed;
   top: 70%;
   left: 80%;
   animation: float 5s ease-in-out infinite;
   animation-delay: -3s;
   display: block;
       border-radius: 50%;  /* これを追加 */
       z-index: -1;  /* z-indexを-1に変更 */
       filter: blur(30px) brightness(1.3);  /* ぼかし効果追加 */
}
@keyframes float {
   0% {
       transform: translateY(0px) translateX(0px);
   }
   25% {
       transform: translateY(-40px) translateX(30px);
   }
   50% {
       transform: translateY(-70px) translateX(-30px);
   }
   75% {
       transform: translateY(-40px) translateX(30px);
   }
   100% {
       transform: translateY(0px) translateX(0px);
   }
}

@-webkit-keyframes bg-scrolling-reverse {
    100% {
        background-position: 50px 50px
    }
}

@-moz-keyframes bg-scrolling-reverse {
    100% {
        background-position: 50px 50px
    }
}

@-o-keyframes bg-scrolling-reverse {
    100% {
        background-position: 50px 50px
    }
}

@keyframes bg-scrolling-reverse {
    100% {
        background-position: 50px 50px
    }
}

@-webkit-keyframes bg-scrolling {
    0% {
        background-position: 150px 150px
    }
}

@-moz-keyframes bg-scrolling {
    0% {
        background-position: 50px 50px
    }
}

@-o-keyframes bg-scrolling {
    0% {
        background-position: 50px 50px
    }
}

@keyframes bg-scrolling {
    0% {
        background-position: 100px 100px
    }
}

body {
    color: #fff;
    font: 400 16px/1.5 exo, ubuntu, "segoe ui", helvetica, arial, sans-serif;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAIAAACRXR/mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABnSURBVHja7M5RDYAwDEXRDgmvEocnlrQS2SwUFST9uEfBGWs9c97nbGtDcquqiKhOImLs/UpuzVzWEi1atGjRokWLFi1atGjRokWLFi1atGjRokWLFi1af7Ukz8xWp8z8AAAA//8DAJ4LoEAAlL1nAAAAAElFTkSuQmCC) repeat 0 0;
    -webkit-animation: bg-scrolling-reverse 2s infinite;
    -o-animation-timing-function: linear;
    animation-timing-function: linear
    
    
}

-moz-animation:bg-scrolling-reverse 2s infinite;
-o-animation:bg-scrolling-reverse 2s infinite;
animation:bg-scrolling-reverse 2s infinite;
-webkit-animation-timing-function:linear;
-moz-animation-timing-function:linear;
.page-list-item.pin + .page-list-item:not(.pin) {
	clear: both;
}
li.page-list-item:is(
	[data-page-title="settings"],
	[data-page-title="oshikai"],
	[data-page-title="備忘録"],
	[data-page-title="よかったペン"],
	[data-page-title="best tweet"],
	[data-page-title="名義の移行"],
) { display: none; }
/* カードタイトルぶぶん */
.grid li.page-list-item a .header{
	padding; 8px 10px;
}
/* タイトルの上のBorderを消して 背景色を設定 */
.grid li.page-list-item a .header{
 	background: #FFF;
 	border-top: 3px;
}
/* カード自体の borde-radius を 1 に */
/* アウトラインつける(これは必要なかったので 0 にしている,好きな時に戻せるように) */
/* カードの下にあるシャドウを消す */
.grid li.page-list-item:not(.pin) a {
	border: 1px solid #dfdfdf;
	border-radius: 0;
	box-shadow: none;
}
.page-list-item.pin + .page-list-item:not(.pin) {
	grid-column-start: 1;
}


.grid li.pin {
	height: 7rem;
	width: 100%;
	
}
 .grid li.pin a {
 	background-color: rgb(250, 250, 250);
 	box-shadow: none !important;
 }
.grid li.pin .header {
	
	border-top:none !important;
	padding: 6px 5px !important;
}
.grid li.pin .title {

	text-align: center !important;
	text-decoration: underline;
}
.grid li.page-list-item a .header.pinned {
	border: none;
	/*background-color: rgb(240, 240, 240);*/
	background: linear-gradient(to bottom, rgb(245, 245, 245),rgb(250, 250, 250) );
}

.page-list-item a .pin {
	background: none !important;
}
.lines a.icon:is(
	[href$="/-"],
	[href$="/hr"],
) {
	display: block;
	width: inherit;
	pointer-events: none;
	border-bottom: dashed 1px #777;
	margin-top: 1em;
	margin-bottom: -1em;
}
.lines img.icon:is(
	[title="hr"],
	[title="-"],
) { display: none; }
.stream a:is(
	[href$="/-"],
	[href$="/hr"],
) { display: none; }
.grid li.page-list-item a .description img:is(
	[src$="/-/icon"],
	[src$="/hr/icon"],
) { display: none; }
a[type="hashTag"] {
    color: var(--page-bg, #fff) !important;
    background-color: var(--page-link-color, #41b059);
    font-weight: bold;
    padding: .1em;
    border-radius: 1px;
}
a[type="hashTag"]:hover {
    background-color: var(--page-link-hover-color, #3a9d50);
} 
.line img.icon:not(.strong-icon):first-child { margin-left: 0.25em; }
.line img.icon:not(.strong-icon):last-child { margin-right: 0.25em; }
.grid li.page-list-item a .header{
	padding; 8px 10px;
}
/* タイトルの上のBorderを消して 背景色を設定 */
.grid li.page-list-item a .header{
 	background: var(--card-title-bg, #f2f2f3);
 	border-top: 0px;
}
.line:not(.cursor-line) .deco-\| {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: -2em;
	margin-bottom: -2em;
	flex-wrap: nowrap;
}
/* Youtube 動画に対応 */
.line:not(.cursor-line) .deco-\| iframe.youtube {
	width: 100%;
	height: inherit;
}
/* 中央寄せにする部分, テキスト編集中は無効化 */
.line:not(.cursor-line) .deco-\" {
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	flex-wrap: wrap;
  	margin-top: -2em;
  	margin-bottom: -2em;
}
/* 文字の見た目の部分 */
.line .deco-\" {
	font-style: italic;
	color: #999;
	font-size: .8em;
}
.line .indent-mark .dot {
  height: 5px;
  width: 5px;
  background-color: var(--tool-color, #848484);
}
.related-page-list .grid li.links {
	display: none;
}
html {
	--current-darkest: #9f9f9f;
	--current-dark: #bfbfbf;
	--current-gray: #dfdfdf;
	--current-light: #ffffff;
	--body-bg: #F4F4F4 !important;
	--navbar-bg: var(--current-dark) !important;
	--card-title-color: #1f1f1f !important;
	--card-title-bg: var(--current-light) !important;
	--card-bg: var(--current-light) !important;
	--card-description-link-color: #c2c2c2 !important;
	--card-box-shadow-color: var(--current-darkest) !important;
	--tool-color: #8b8b8b !important;
	--tool-bg: var(--current-gray) !important;
	--page-bg: var(--current-light) !important;
	--page-link-color: #00B9D5 !important;
	--empty-page-link-color: #c9171e !important;
}
/* 一行目 の下に Border を表示する, 上下の感覚を調整する*/
.page-wrapper .lines div.line:nth-child(3) {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #777;
	margin-bottom: 21px;
}
/* 一行目のテキストをセンタリングする, 色やフォントなども指定 */
.page-wrapper .lines div.line:nth-child(2) span.text {
	text-align: center;
	font-style: italic;
	font-size: 0.9em;
	color: #999;
}
	/* 2行目のテキストをセンタリングする, 色やフォントなども指定 */
 .page-wrapper .lines div.line:nth-child(3) span.text {
 	text-align: center;
 	font-style: italic;
 	font-size: 0.9em;
 	color: #999;
 }
/* 一行目に何も文字がないなら(つまり, 改行だけなら)詰める */
/* 不要ならこの style.css を削除する */
.lines .line:nth-child(2):not(.cursor-line) br.empty-char-index {
	display: contents;
}
 .lines .line:nth-child(3):not(.cursor-line) br.empty-char-index {
 	display: contents;
 }
/* ページ本文にデフォルトで設定されている box-shadow を消す */
.page-wrapper div.page {
	box-shadow: none;
}
/* ページ本文最終行の下に border を追加する */
.page-wrapper div.line:last-child {
	border-bottom: solid 1px #777;
}
.page-wrapper .lines .line-title span.text {
	text-align: center;
	font-weight: 700;
	padding-bottom: 0;
	font-style: italic;
}
.telomere {
    display: none;
}
/* 1. Scrapboxアイコンをバーガーアイコンに置き換え */
.brand-icon, .kamon { display: none !important }
.navbar-brand::before {
  content: '\f0c9'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 28px }

/* 2. ページ追加ボタンを検索ボックスの右に移動 */
.navbar-form { flex-flow: row-reverse }
.new-button { margin-left: 10px; margin-right: 0 }

/* 3-a. ヘッダー内のプロジェクトのページへのリンク ※要UserScript */
.col-brand .project-home {
  color: #F8F8FF; /* リンクの色 */
  margin: 16px 0 0 28px; font-size: 18px; 
  display: inline-block; max-width: calc(100% - 80px);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.col-brand .project-home:hover, .col-brand .project-home:focus,
.col-brand .project-home:active { text-decoration: none; opacity: .6 }
.col-brand .project-home .icon { margin-right: 10px; font-size:.9em }
.grid li.page-list-item:hover
 {
 	transition: .1s;
 -webkit-transform: scale(1.1);
   	transform: scale(1.1);
 }
.deco-\! {
  color: #fff; /* 白文字 */
  background-color: #cccccc; /* 赤背景 */
  padding: 0.1em 0.2em 0.1em 0.2em;
}
.deco-\~ {
  font-size: 0.8em; /* 文字を小さくする */
}</pre></body></html>