死んだ(かもしれない)人々の不気味な声が聞こえ始めたとき
/* source: http://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1 */
#top-bar .open-menu a {
position: fixed;
bottom: 0.5em;
left: 0.5em;
z-index: 15;
font-family: san-serif;
font-size: 30px;
font-weight: 700;
width: 30px;
height: 30px;
line-height: 0.9em;
text-align: center;
border: 0.2em solid #888 !important;
background-color: #fff !important;
border-radius: 3em;
color: #888 !important;
text-decoration: none!important;
}
@media (min-width: 768px) {
.mobile-top-bar {
display: block;
}
.mobile-top-bar li {
display: none;
}
#main-content {
max-width: 708px;
margin: 0 auto;
padding: 0;
transition: max-width 0.2s ease-in-out;
}
#side-bar {
display: block;
position: fixed;
top: 0;
left: -25em;
width: 17em;
height: 100%;
background-color: rgb(184, 134, 134);
overflow-y: auto;
z-index: 10;
padding: 1em 1em 0 1em;
-webkit-transition: left 0.5s ease-in-out 0.1s;
-moz-transition: left 0.5s ease-in-out 0.1s;
-ms-transition: left 0.5s ease-in-out 0.1s;
-o-transition: left 0.5s ease-in-out 0.1s;
transition: left 0.5s ease-in-out 0.1s;
}
#side-bar:after {
content: "";
position: absolute;
top: 0;
width: 0;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
}
#side-bar:target {
display: block;
left: 0;
width: 17em;
margin: 0;
border: 1px solid #dedede;
z-index: 10;
}
#side-bar:target + #main-content {
left: 0;
}
#side-bar:target .close-menu {
display: block;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0,0,0,0.3) 1px 1px repeat;
z-index: -1;
}
}
/*
Penumbra Theme
[2020 Wikidot Theme]
By EstrellaYoshte
Based on:
Paperstack Theme by EstrellaYoshte
Ad Astra Theme by NatVoltaic and stormbreath
Inkblot Theme by Croquembouche
Anderson Robotics Theme by Croquembouche
BHL Style Collapsible by Monkatraz
Edited for SCP-JP by ukwhatn
*/
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url(https://fonts.googleapis.com/css2?family=Fira+Code&display=swap);
#page-content { font-size: .9rem; }
body {
font-family: 'Roboto', sans-serif;
color: #EDEDED;
background-color: #2F333C;
background-image: linear-gradient(
to bottom,
#21252E, #21252E 90px,
#21252E 90px, #2F333C 200px,
#2F333C 200px, #2F333C 100%);
background-repeat: no-repeat;
}
#main-content {
top: -1.2rem;
}
/* ---- SCROLLBAR ---- */
::-webkit-scrollbar {
width: 9px;
background: transparent;
}
::-webkit-scrollbar-track {
background: #21252E;
}
::-webkit-scrollbar-thumb {
background: #ededed;
border: none;
}
::-webkit-scrollbar-thumb:hover {
background: var(--accentColor);
}
/* ---- HEADER ---- */
div#container-wrap {
background-image: none;
}
div#header {
background-image: none;
}
div#extra-div-1 {
height: 164px;
width: 100%;
top: 0;
position: absolute;
background: var(--lgurl);
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%;
z-index: -1;
}
#header h1, #header h2 { margin-left: 0; float: none; text-align: center; }
/* Move the subtitle down a smidge */
#header h2 { margin-top: 0.45rem; }
/* Hide the existing text */
#header h1 span, #header h2 span { font-size: 0; display: none; }
/* Style the new text */
#header h1 a::before, #header h2::before {
color: var(--accentColor);
font-family: 'Josefin Sans', sans-serif;
text-shadow: none;
}
/* Set the new text's content from variable */
#header h1 a::before {
content: var(--header-title, "SCP FOUNDATION");
font-weight: 300;
font-size: 1.3em;
}
#header h2::before {
content: var(--header-subtitle, "SECURE - CONTAIN - PROTECT");
font-weight: 600;
font-size: 1.22em;
}
#login-status {
color: #ededed;
}
#login-status a {
color: var(--accentColor);
}
#login-status ul a {
color: #ededed;
background: #21252E;
}
#login-status ul a:hover {
color: var(--accentColor);
}
#account-topbutton{
border: solid 1px var(--accentColor);
}
#footer, #footer a {
background: transparent;
color: #ededed;
}
#license-area {
color: #ededed;
}
#search-top-box {
top: 2.2rem!important;
right: 8px;
}
#search-top-box-form > input[type=submit] {
border: solid 1px #ededed;
background: #21252E!important;
box-shadow: none;
border-radius: 0;
color: #ededed;
transition: color 0.15s linear;
}
#search-top-box-form input[type=submit]:hover {
border: solid 1px var(--accentColor);
box-shadow: none;
color: var(--accentColor);
}
#search-top-box-form > input[type=text] { display: none; }
/* ---- TOP BAR ---- */
#top-bar {
top: 8.4rem;
display: flex;
justify-content: center;
right: 0;
}
#top-bar, #top-bar a {
color: #ededed;
transition: color 0s;
}
#top-bar ul li ul {
border-color: var(--accentColor);
overflow: hidden;
}
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
border-top-color: #2F333C;
}
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
background: #21252E;
color: #ededed;
}
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
background: #21252E; /* top bar hover background color */
color: var(--accentColor);
transition: color 0.1s linear;
}
/* ---- SIDE BAR ---- */
div#side-bar{
background: #21252E;
clear: both;
padding: .8em;
border-radius: 0;
box-shadow: none;
overflow-x: hidden;
}
#side-bar .heading{
color: #ededed;
font-family: 'Josefin Sans', sans-serif;
font-size: 0.94rem;
border-bottom: solid 1px #ededed;
}
#side-bar .side-block {
border: transparent;
border-radius: 0;
box-shadow: none;
background-color: #21252E!important;
}
#side-bar .side-block.media {
background-color:#21252E;
}
#side-bar .side-block.media > * {
display: flex;
justify-content: space-evenly;
}
#side-bar .side-block.resources {
background-color:#21252E;
}
.side-block .menu-item > .image {
display: none;
}
#top-bar div.open-menu a {
border-radius: 0;
box-shadow: none;
color: var(--accentColor)!important;
background-color: #21252E!important;
border: solid 1px #21252E!important;
}
@media (max-width: 767px) {
#main-content {
padding: 0;
margin: 0 5%;
border-left: none;
}
#page-title {
margin-top: 0.7em;
}
#side-bar {
background-color: #21252E;
left: -21em;
}
#side-bar:target {
border: none;
box-shadow: none;
}
#side-bar .close-menu {
transition: width 0.5s ease-in-out 0.1s,
opacity 1s ease-in-out 0s;
display: block;
position: fixed;
width: 100%;
height: 100%;
top: 0;
right: 0;
background: rgba(0,0,0,0.3);
background-position: 18.6em 50%;
z-index: -1;
opacity: 0;
pointer-events: none;
}
#side-bar:target .close-menu {
width: calc(100% - 18.6em);
right: 0;
left: auto;
opacity: 1;
pointer-events: auto;
}
#side-bar:target .close-menu:hover {
background: unset;
}
#page-content > hr, #page-content > .list-pages-box > .list-pages-item > hr {
margin: 3em -5.5%;
}
#side-bar {
top: 0;
}
#side-bar .heading {
padding-left: 1em;
margin-left: -1em;
}
#search-top-box {
top: 107px;
}
}
/* ---- TABS ---- */
/* ---- YUI TAB BASE ---- */
.yui-navset .yui-nav a,.yui-navset .yui-navset-top .yui-nav a{background-color:inherit;background-image:inherit}.yui-navset .yui-nav a:hover,.yui-navset .yui-nav a:focus{background:inherit;text-decoration:inherit}.yui-navset .yui-nav .selected a,.yui-navset .yui-nav .selected a:focus,.yui-navset .yui-nav .selected a:hover{color:inherit;background:inherit}.yui-navset .yui-nav,.yui-navset .yui-navset-top .yui-nav{border-color:inherit}.yui-navset li{line-height:inherit}
/* ---- YUI TAB CUSTOMIZATION ----*/
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav{
display: flex;
flex-wrap: wrap;
width: calc(100% - .125rem);
margin: 0 auto;
border-color: var(--accentColor);
box-shadow: none;
}
.yui-navset .yui-nav a, /* ---- Link Modifier ---- */
.yui-navset .yui-navset-top .yui-nav a{
color: #ededed;
font-weight: bold;
/* ---- Tab Background Colour | [UNSELECTED] ---- */
background-color: #21252E;
border: unset;
box-shadow: none;
box-shadow: none;
transition: background-color 0.15s linear;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus{
color: #ededed;
/* ---- Tab Background Colour | [HOVER] ---- */
background-color: var(--accentColor);
}
.yui-navset .yui-nav li, /* ---- Listitem Modifier ---- */
.yui-navset .yui-navset-top .yui-nav li{
position: relative;
display: flex;
flex-grow: 2;
max-width: 100%;
margin: 0;
padding: 0;
color: #ededed;
background-color: #21252E;
border-color: transparent;
box-shadow: none;
}
.yui-navset .yui-nav li a,
.yui-navset-top .yui-nav li a,
.yui-navset-bottom .yui-nav li a{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.yui-navset .yui-nav li em{
border: unset;
}
.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em{
padding: .35em .75em;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.yui-navset .yui-nav .selected, /* ---- Selection Modifier ---- */
.yui-navset .yui-navset-top .yui-nav .selected{
flex-grow: 2;
margin: 0;
padding: 0;
/* ---- Tab Background Colour | [SELECTED] ---- */
background-color: var(--accentColor);
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em{
border: none;
}
.yui-navset .yui-nav .selected a{
width: 100%;
color: #21252E;
font-weight: bold;
}
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active{
color: #21252E;
background-color: var(--accentColor);
}
.yui-navset .yui-content {
background-color: #21252E;
box-shadow: none;
}
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content{
padding: .5em;
border: none;
}
/*---- TAB ANIMATION by Croquembouche ---- */
.yui-navset .yui-content > div {
display: block;
top: 0;
overflow: hidden;
transform-origin: 0 0;
}
#page-content .yui-navset .yui-content > div[style*="none"] {
display: block !important;
flex: 0;
max-height: 0;
padding: 0 0.5em;
border-width: 0;
/* The following transition affects the one that DISAPPEARS */
transition: padding 0s linear 0.5s,
border-width 0s linear 0.5s,
flex 0.5s cubic-bezier(.18,.51,.54,.9) 0s;
animation: tab-disappear 0.5s ease-in-out 0s 1 both;
}
#page-content .yui-navset .yui-content > div[style*="block"] {
display: block !important;
flex: 1;
max-height: 9999rem;
/* The following transition affects the one that APPEARS */
transition: padding 0s linear 0.5s,
border-width 0s linear 0.5s,
flex 0.5s cubic-bezier(.18,.51,.54,.9) 0.5s;
animation: tab-appear 0.5s ease-in-out 0.5s 1 both;
}
@keyframes tab-disappear {
0% { max-height: 9999rem; }
1% { max-height: 100vh; }
100% { max-height: 0; }
}
@keyframes tab-appear {
0% { max-height: 0; }
99% { max-height: 100vh; }
100% { max-height: 9999rem; }
}
/* ---- INFO BAR ---- */
body{
--barColour: #21252E;
--linkColour: #ededed;
}
.info-container .collapsible-block-content{
padding: 0 .5em 30px;
}
.info-container .collapsible-block-content .wiki-content-table{
width: 100%;
}
/* Ayer's info-bar patch by Monkatraz */
#page-content .info-container .collapsible-block-folded, #page-content .info-container .collapsible-block-unfolded-link {
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 0;
box-shadow: none;
}
#page-content .info-container .collapsible-block-link::before, #page-content .info-container .collapsible-block-unfolded-link::before {
content: " ";
display: none;
}
#page-content .info-container .collapsible-block-content::after {
display: none;
}
/* ---- INFO PANE ---- */
#page-content .creditRate{
margin: unset;
margin-top: 4px;
margin-bottom: 4px;
margin-right: 3px;
}
#page-content .rate-box-with-credit-button {
background-color: #21252E;
border: solid 2px #21252E;
border-radius: 0;
box-shadow: 3px 0px 0px 0px var(--accentColor);
}
#page-content .rate-box-with-credit-button .creditButton p a {
border-left-color: transparent;
}
#page-content .rate-box-with-credit-button .page-rate-widget-box .cancel {
border-radius: 0;
}
#page-content .rate-box-with-credit-button div.page-rate-widget-box .rate-points {
border-left: 0;
}
.rate-box-with-credit-button .page-rate-widget-box .cancel a:hover {
border-radius: 0;
}
#page-content .rate-box-with-credit-button .fa-info {
color: #ededed;
}
#page-content .rate-box-with-credit-button .fa-info:hover {
color: var(--accentColor);
}
#page-content .creditButtonStandalone p a {
background-color: #21252E;
border: solid 2px #21252E;
border-radius: 0;
box-shadow: 3px 0px 0px 0px var(--accentColor);
color: #ededed;
}
#page-content .creditButtonStandalone p a:hover {
color: var(--accentColor);
}
#page-content .modalbox {
background: #2F333C !important;
color: #ededed;
box-shadow: none;
}
.close-credits,
.credit-back {
filter: grayscale(100%) invert(100%) contrast(275%);
}
/* ---- Credit Module for JP ---- */
#page-content .creditRate.creditModule .rate-box-with-credit-button {
background-color: #21252E!important;
}
#page-content .creditRate.creditModule .rate-box-with-credit-button .creditButton {
background-color: unset;
border: unset;
box-shadow: unset;
}
#page-content .creditRate.creditModule ~ #u-credit-view .modalbox .modalbox-title {
background: #21252e;
}
/* ---- PAGE RATING ---- */
.page-rate-widget-box {
margin: unset;
border-radius: 0;
border: solid 2px #21252E;
box-shadow: 3px 0px 0px 0px var(--accentColor);
background-color: #21252E;
margin-top: 4px;
margin-bottom:4px;
margin-right: 3px;
}
div.page-rate-widget-box .rate-points {
background-color: #21252E;
border: none;
color: #ededed !important;
text-transform: capitalize;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
background-color: #21252E;
border-top: none;
border-bottom: none;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
background: transparent;
color: #ededed;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
background: #21252E;
color: var(--accentColor);
}
.page-rate-widget-box .cancel {
background: transparent;
background-color: #21252E;
border: none;
}
.page-rate-widget-box .cancel a {
color: #ededed;
}
.page-rate-widget-box .cancel a:hover {
background: #21252E;
color: var(--accentColor);
}
/* ---- PAGE ELEMENTS ---- */
.page-source, tt{
font-family: "Fira Code", monospace;
font-size: 0.87rem;
}
.code pre, .code p, .code {
font-family: "Fira Code", monospace;
font-size: 0.87rem;
color: #21252E;
}
h1 {
color: var(--accentColor);
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
}
h2,
h3,
h4,
h5,
h6 {
color: #EDEDED;
font-family: 'Josefin Sans', sans-serif;
font-weight: bold;
}
#page-title {
color: #ededed;
font-family: 'Josefin Sans', sans-serif;
font-size: 1.65rem;
text-align: center;
border-color: #ededed;
}
/* Clicky links */
a,
a.newpage,
a:visited,
#side-bar a:visited {
color: var(--accentColor);
transition: color 0.15s linear;
}
a:hover, a.newpage:hover, a:visited:hover, #side-bar a:visited:hover {
color: #ffffff;
text-decoration: none;
background-color: var(--accentColor);
}
a.newpage { filter: hue-rotate(180deg); }
/* patch for sidebar media, collapsibles, ACS, info button and ayers module so link doesn't override */
#page-content .collapsible-block-folded a:hover, #page-content .collapsible-block-unfolded-link a:hover, #page-content .rate-box-with-credit-button .fa-info:hover, #side-bar .side-block.media a:hover, .danger-diamond a:hover {
background: transparent;
}
.info-container .collapsible-block-folded .collapsible-block-link, .info-container .collapsible-block-link {
background: var(--linkColour) !important;
}
hr{
background-color: var(--accentColor);
}
blockquote,
div.blockquote,
#toc {
background-color: #21252E;
border: solid 2px #2F333C;
box-shadow: -3px 0px 0px -0.1px var(--accentColor);
}
.code {
background-color: #F8F8F8;
border: solid 3px #2F333C;
box-shadow: none;
}
.scp-image-block {
border: solid 8px #21252E;
border-bottom: solid 0px #21252E;
box-shadow: 0px 0.26rem 0px 0px var(--accentColor);
box-sizing: border-box;
}
.scp-image-block .scp-image-caption {
background-color: #21252E;
border: solid 4px #21252E;
color: #ededed;
font-size: 0.84rem;
}
.scp-image-block.block-left { margin-left: 0; }
.scp-image-block.block-right { margin-right: 0; }
@media (max-width: 540px) {
.scp-image-block.block-left, .scp-image-block.block-right {
float: none; clear: both; margin-left: auto; margin-right: auto;
}
}
#page-content .wiki-content-table tr th {
border: solid 1px var(--accentColor);
color: var(--accentColor);
background-color: #21252E;
/* set border for table title */
}
#page-content .wiki-content-table tr td {
border: solid 1px var(--accentColor);
/* set border for table content */
}
/* fancy collapsible */
#page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
background: #21252E;
transition: background 0.25s linear;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
width: min-content;
white-space: nowrap;
overflow: hidden;
margin: auto;
}
#page-content .collapsible-block-folded .collapsible-block-link::before {
content: "▷ ";
}
#page-content .collapsible-block-unfolded .collapsible-block-link::before {
content: "▽ ";
}
#page-content .collapsible-block-link {
text-decoration: none;
color: #ededed;
font-weight: bold;
}
#page-content .collapsible-block-folded:hover, #page-content .collapsible-block-unfolded-link:hover {
background: var(--accentColor);
}
#page-content .collapsible-block-unfolded-link {
box-shadow: 0px -0.26rem 0px 0px var(--accentColor);
}
#page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link {
margin-top: 10px;
margin-bottom: 10px;
}
/* Selection */
::selection {
background: var(--accentColor);
color: #ffffff;
}
/* Footnotes */
.hovertip {
font-size: .9rem;
background-color: #21252E !important;
border: solid 1px var(--accentColor) !important;
}
.footnotes-footer {
background-color: #21252E;
padding-left: 1.4rem;
padding-right: 1.4rem;
padding-bottom: 1.5rem;
box-shadow: -0.24rem 0px 0px 0px var(--accentColor);
}
.footnotes-footer .title {
color: #ededed;
}
.footnote .f-footer, .equation .e-footer, .reference .r-footer {
display: none;
}
/* Tags */
#main-content .page-tags a {
margin-top: .18rem;
}
.page-tags span {
border-top: 1px solid #ededed;
}
/* Pop-Up Windows */
.owindow {
background-color: #21252E;
border-color: var(--accentColor);
}
.owindow .modal-header {
background-color: #21252E;
}
.owindow .modal-body img {
background-color: transparent !important;
}
.owindow .title {
background-color: #21252E;
color: #var(--accentColor);
border-bottom: 1px solid #2F333C;
}
.owindow .button-bar a {
background-color: #21252E;
border-color: var(--accentColor);
color: #ededed;
}
.owindow .button-bar a:hover {
background-color: var(--accentColor);
}
/* Edit Buttons */
.buttons .btn {
background-color: #21252E;
border-color: var(--accentColor);
color: var(--accentColor);
padding: 3px 5px;
}
.buttons .btn:hover {
background-color: var(--accentColor);
color: #21252E;
}
/* Edit Lock Info*/
#lock-info {
background-color: #21252E;
border-color: #ededed;
}
/* Close Button for Page Source, Rating, Etc */
a.action-area-close:hover {
background-color: #21252E;
}
/* Page-History Current */
.pager .current {
background-color: var(--accentColor);
border-color: #ededed;
}
/* History Compare */
.inline-diff ins, .inline-diff del {
color: #21252E;
}
/* ---- INTERWIKI ---- */
.scpnet-interwiki-frame{
filter: invert(100%) grayscale(100%) contrast(75%);
}
/* ---- CUSTOM SYNTAX ---- */
.darkbox {
background-color: #21252E;
border-left: solid 0.26rem var(--accentColor);
border-right: solid 0.26rem var(--accentColor);
padding: .4rem;
margin-top: 12px;
margin-bottom:12px;
}
.lightbox {
background-color: #ededed;
color: #21252E;
border-left: solid 0.26rem var(--accentColor);
border-right: solid 0.26rem var(--accentColor);
padding: .4rem;
margin-top: 12px;
margin-bottom:12px;
}
.lightbox h2, .lightbox h3, .lightbox h4, .lightbox h5, .lightbox h6 {
color: #21252E;
}
.limit {
margin-bottom: -1rem;
z-index: 5;
}
.anchor {
position: sticky;
height:0;
top: 0;
z-index: 5;
}
.sidebox {
background-color: #21252E;
border-top: solid 2px var(--accentColor);
padding: .14rem;
margin-top: 0;
margin-bottom: 8px;
width: calc((100vw - 870px)/2);
max-height: calc(100vh - 18rem);
position: absolute;
top: 0;
left: 103.5%;
z-index: 5;
overflow: auto;
box-sizing: border-box;
}
/* Sidebox mobile optimization, courtesy of Woed */
@media (max-width: 1290px) {
.sidebox {
width: auto;
max-width: 65vw!important;
border: none;
padding-left: 0.4rem; padding-right: 0.4rem;
top: 0.75rem;
right: calc(((100vw - 45.8rem)/2) * -1);
left: initial;
-webkit-clip-path: inset(-0.125rem -0.25rem 0 calc(100% - 0.85rem));
clip-path: inset(-0.125rem -0.25rem 0 calc(100% - 0.85rem));
-webkit-transition: color 0.2s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s;
transition: color 0.2s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s;
-o-transition: color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s;
transition: color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s;
transition: color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s;
overflow: visible;
}
.sidebox::before, .sidebox::after {
content: " ";
position: absolute;
right: 0;
}
.sidebox::before {
top: calc(50% - 0.75rem);
width: 0;
height: 0;
border-top: 0.75rem solid transparent;
border-bottom: 0.75rem solid transparent;
border-right: 0.75rem solid var(--accentColor);
transition: border 0.1s ease-in-out 0.1s;
z-index: 10;
}
.sidebox::after {
top: 0;
max-width: 0.75rem;
width: 100%;
height: 100%;
box-shadow: 0.15rem 0 0 0 var(--accentColor);
max-height: calc(100vh - 18rem);
background-color: #21252E;
z-index: -1;
transition: box-shadow 0.5s ease-in-out 0.1s, max-width 0.5s ease-in-out 0.1s;
}
.sidebox > * {
opacity: 0;
-webkit-transition: opacity 0.2s ease-in-out 0.2s;
-o-transition: opacity 0.2s ease-in-out 0.2s;
transition: opacity 0.2s ease-in-out 0.2s;
}
.sidebox:hover {
overflow: visible;
-webkit-clip-path: inset(-0.125rem -0.25rem 0 0);
clip-path: inset(-0.125rem -0.25rem 0 0);
-webkit-transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s;
transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s;
-o-transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s;
transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s;
transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s;
}
.sidebox:hover::before {
border-top: 0 solid transparent;
border-bottom: 0 solid transparent;
}
.sidebox:hover::after {
box-shadow: 0 -0.125rem 0 0 var(--accentColor);
right: 0;
max-width: 100%;
}
.sidebox:hover > * {
opacity: 1;
}
}
@media (max-width:768px) {
.sidebox, .sidebox:hover {
right: calc(((100vw - (100% - 3rem))/2) * -1 + 1.9rem);
}
}
:root {
--accentColor: #1EB5E8;
--lgurl: url("http://scp-jp-storage.wdfiles.com/local--files/file%3A3396310-43-tbvr/logo.png");
}
「助けてえぇぇえ……」廊下に断末魔がこだまする。女性が、泣き叫び、切断された舌でなんとか話そうとしている。「助けてくれぇぇえ……」
遠くで咆哮が聞こえる。悲痛な叫びだ。悲しく、美しく、絶望的なすすり泣き。まるで獣のように人が叫んでいる。
「お願いだ、やめて……」別の叫び声が聞こえる。一人の老人が、喉から血を噴き上げながら唸る。「帰してくれえ……」
それぞれの声は織りなして交響曲を成し、まるで喪に服す未亡人の嘆きのように廊下中に響き渡っていた。ここ、サイト-118の地下24階では、誰かが聞くまで彼らは叫び続けていた。
シギーとロボモンキーは腹が減っていた。
実のところ、彼女らはいつも空腹だった。サイトの奥のこの場所では、食料は驚くほど乏しいのだ。ここ一週間、彼女らは残り物を漁って生活しており、数日おきにチップスと水を飲んでなんとか生き延びていた。
しかし、シギーは成長期だった。彼女は食事をしっかりとることが必要とされている。ロボは、変形して怖がらせることが生業の存在で、まあ全く違う何かなのだが、彼も何か腹を満たすものが必要だと感じていた。
そういうわけで、彼女らはその階にあるすべてのカフェテリアを漁った。彼らは自動販売機を、腐った食べ物で満たされた冷蔵庫を、生の腐りかけの肉と野菜の詰まった冷凍庫を漁りつくした。
シギーはそのことを考えると吐きそうになる。彼女らは、少なくともロボはそれらを食べた。その変形モンスターが次の日に出した腹の音は恐ろしいものだった。
彼女は目の前のロボを見ている。彼は手をハンマーに変形して自動販売機のガラスを割り、おいしい食べ物を得ようとしていた。
彼女はお腹がゴロゴロ鳴るのを感じる。彼女はロボの二倍の量を食べてはいたが、これまでの人生で一番の空腹を感じていた。
「大丈夫か? シグ?」ロボは彼女を見て聞く。「どうやら落ち込んでいるように見えるよ。」
シギーは弱弱しく微笑んだ。「ただ……疲れたの。」
ロボは微笑みを返した。「心配するな。僕たちがこいつを手に入れられたら、数日は大丈夫だぞ!」
ロボは眼下の自動販売機を見下ろし、手を変形させた重い鉄のハンマーを振り上げ、勢いよく壊した。ガシャン!
「陸が見えたぞ、上陸だ!」彼は興奮して叫んだ。彼はシギーに振り向き「これは君の海賊小説であいつらが言ってたことさ、そうだよね?」
シギーは再び、一生懸命に笑顔を作ろうとした。彼女はゆっくりうなずく。「ええ、そうね。」
心の中では、海賊は彼女らよりももっといいものを食べているんだろうなあと思っていた。
身を乗り出して、ロボは壊れた自動販売機からチップスを一袋取り出し、数フィート離れた彼女に投げ渡した。
チップスのポリ袋がシギーの膝にザクザクと音を立てて落ちてくる。彼女は強欲にそれを掴み上げて、一瞬で袋を引き裂いた。
彼女は一握りのチップスを取り出し、その味を感じないように無理やり喉に流し込んで、全部飲み込んだ。
彼女は吐きたかったが、好き嫌いしている場合ではない。ラナはいい子なら出されたものをしっかり食べると言っていたからだ。
ロボは彼女の前に座り、床に足を組んで腰を下ろす。彼の手は普通の、ハンマーではない形に戻っていて、すでに数袋のチップスと数本の水のボトルを持っていた。
「ポテトチップスなんかでごめんね。」彼はチーズボールが詰まった袋を開けながら言う。「でもさ、これで少なくとも空腹は抑えられるだろ。」
彼女は見上げた。ポテトのかけらが口の端にくっついている。彼女は目を見開いた。
「……チーズボールの袋もあるの?」
ロボは彼女の横顔を見た。「……そうだけど?」彼はチーズボールを持った手を浮かせて、ヘルメットのガラスから入れるところだった。「これ嫌いだと思ってたけど。」
少しの間静寂が訪れた。
シギーの目線がロボのヘルメットに突き刺さる。純粋な苛立ちと憤怒が顔にくすぶっていた。普段は優しく明るい彼女の緑色の眼は、今では暗くなっているようだった。
「……怒ってるの? もしかしてお気に入りのやつだった? ごめんよ、本当に—」
「……私はチーズボールが好きって言ったわ。」シギーは小声でつぶやいた。
ロボは身を乗り出す。「もっかい言って? よく聞こえなかったよ。」
彼女が見上げると、ロボは薄明かりの中彼女の顔の見えなかった部分が見えた。
彼女の歯は圧力で折れそうなほど強く食いしばっていた。
ゆっくり、感知できないほどゆっくり、まるで狂犬病の動物と向き合っているときのように(ロボの姿を考えるとそれは皮肉になってしまうことに彼は気付いたが)、ロボはチーズボールを持っている手をヘルメットのガラスに近づけた。
シギーはまるでタカのように彼をにらんでいる。
彼はさらに近づけた。
もっと近く。
もっともーっと近く。
そしてチーズボールが彼のヘルメットのガラスに触れ、まるで暑い夏の日に氷が解けるように、それはゆっくりとヘルメットに吸収された。
そしてそして……
彼はそれを口の中で味わった。
バリバリボリボリ
シギーの目はピクピクしている。
ロボは彼女の背中を見る。
そして、彼女は話し出した。
「ロボ」
彼女の声にこめられた敵意ははちきれんばかりで、ロボが少し触れるだけで決壊しそうなほどだった。
「なに?」彼はできるだけ平静を装って答える。
「交換しよう。」
彼はゆっくりとうなずいた。「……分かった。」
彼は声の震えを隠しつつ、その袋を持った手を彼女に伸ばす。
シギーはゆっくりとそれを取り、彼にポテトチップスの袋を渡す。
彼女は彼を見つめる。
するとすぐに、彼女の口角は上がりとても甘い笑みに変わった。
「ありがとう、ロボ。」彼女は言うと、チーズボールを口に入れた。
彼女は目を閉じる。素晴らしい味だ。
ロボは手にある半分空になったチップスの袋を見下ろした。
「あー、どういたしまして?」
シギーは静かに、しかし熱心にむさぼった。
ロボもむさぼる。
数分間、歯ごたえの音と楽しそうな言葉だけがそこには響いていた。
シギーは突然大笑いし、彼女が最後のチーズボールを食べ終わるとくすくす笑いがホールにこだました。
ロボは頭を持ち上げて、困惑して首を傾げた。
「どうかしたの?」彼は混乱して言う。「大丈夫、シグ? もう怒ってない?」
「怒る? チーズボールを食べてるのよ、ロボ! もちろんもう怒ってなんかいないわ!」シギーは笑いをこらえつつ、目から流れる涙の跡を拭く。「ただラナの言ったジョークを思い出しただけよ。ある日ね、彼女は私にチーズボールの袋をくれたのだけど、ただ彼女が質問とかしてる間に私がこっそりそれを食べたの。」
彼女は見上げ、全部を話しながら、幸せそうに微笑んだ。「それからね、彼女は言ったの、『そんなにチーズが好きなの?』って。そしたら彼女は笑ったの! 本当にたくさん笑ったの!」
ロボは腕を組んだ。「んん? それのなにが面白いんだい?」
シギーは唇を噛んで、口から噴出しそうな笑い声を抑えようとした。「それだけよ! 分かんない! ただ彼女が笑って私も笑ったの、それで……」
彼女は下を向いた。「……本当にいいジョークだったわ。だから私はチーズボールがとても好きなの。」彼女は手で体を支えながら、背中を丸める。「彼女が恋しいわ、ロボ。」
ロボは前かがみになった。「彼女が恋しい? ということは、また彼女を出し抜いてチーズボールでも食いたいってのかい?」
シギーは再び爆笑した。「出し抜く? そんなことしないわ、おばかさん! 私はただ、」彼女は指を鳴らす。「ただ、もう一回話したいだけ。」
「……へえ。」彼はヘルメットの顎の部分を触り、深く考えた。「つまり、君はその……ただ彼女に会いたいってことかい?」
「そうよ。」シギーはあっさりと答える。「ただもう一度彼女を見つけて会いたいの。だから私は博士達が好きなのよ。ラナは世界で一番の博士だからね。」
「僕も博士は好きだよ。」ロボはシギーの口調をまねて言う。「彼らは僕に話しかけてくれて、僕が彼らを怖がらせると彼らは怖がるんだ、つまり……彼らは話しかけてくれたり怖がってくれたりする、いい人たちだよ。」
彼はヘルメットの中で唇を噛んでいるのを感じた。「うーん。」
「あなたにも誰か恋しい人はいるの、ロボ? 誰か変な…」彼女は言葉を止めた。「変…」彼女はまた止める。「その……スペシャルにマニアックな博士で、例えば……」彼女は少し言いよどんだ。「逆にあなたとかを怖がらせるような?」
「とっても、」ロボは信じられないかのような素振りでそわそわしながら言った。「たくさんいるよ、もちろん。ああ、たくさんだ。」
シギーは熱心にうなずく。「それでその人たちはあなたの毛を漉いてくれて、優しい言葉もかけてくれる、なんならあなたのことを『かわいこちゃん』なんて呼ぶの、でしょ?」
ロボはそれぞれの質問にうなずく。「ああ、その通りさ、そんな感じの人が恋しいんだ。なんたって僕はこのクソ、あー、陰気なサイトの一番のナイスガイだからね!」
彼は咳払いをした。
「それで、ラナってのはどんな人なんだい、なあ? お母さんか何かかい?」
シギーは首を振った。「私のお母さんはずっと前に亡くなったってラナは言ったの。でも彼女は私の担当博士で、叔母さん代わりになるって言ってくれて、だから私はラナが大好きなのよ。彼女は、ラナが私に頻繁に訪れるから他の博士達が私からラナを離そうとしてるなんて言ってたわ、でも彼女は時々時間を見つけては私のところに来てくれたの。」
彼女はくすくす笑った。「でもね、彼女は汚い言葉をたくさん使ってた。それが彼女がよく私に汚い言葉を使わないように言い聞かせてた理由。魔女なら呪文以外で汚い言葉を使っちゃいけないから。」
「えっと……そんなに彼女が恋しいのかい?」
「ええ。そう。私は心の底から彼女を愛しているわ」
「うん、じゃあ彼女を探そう。僕たちがここを出る前にね。」
シギーはすぐに元気になった。「私たちで探す、ってこと?」
「もっちろんさ。僕たちは親友、だろ?」
シギーは膝をついて前に飛び出し、両腕をロボに巻き付けた。「本当に、ほんっとうに、ありがとう!」
ロボは微笑み、背中の彼女を軽くたたく。「困ったことがあればいつでも言っていいんだぞ、お嬢ちゃん、いつでもだ。」
彼の背中で、シギーは悪戯っぽく笑った。「あなた、ちょっと匂うわ。サルみたいな匂いがする。」
彼女を抱えるサルは笑いながら言う。「ええ、サルだなんて、どういうことだい? 僕はなりたいものならなんにでもなれるんだぞ! サルじゃないのが見たいのかい?」
「うじの湧いたひどい死体にでもなるの? 余計臭くなるわ!」
彼は優しく彼女を降ろし、腰をくすぐった。「こっち来なよ!」
シギーは楽しそうに笑い、走り始める。「いいえ! 私を先に追いかけるのよ!」
ロボは立ち上がり笑う。「じゃあこっちが—」
「たすけてくれええええ……」遠くで声がした。
2人はビクッとし、見つめあいながら聞き耳を立てる。
「ジェエエナ……キイィイリュウウウ……」廊下に響く騒がしい息遣いと、それに続く聞き取れない唸り声が彼らに聞こえる。「どぉおおこにいるんだぁぁああい?」
何?シギーは言い、自分たちの置かれている状況が再び現実味を帯びないものへと沈んでゆくのを感じた。ロボ?
ロボは首を振り、肩をすくめる。分からない、彼はそう言ったようだ。わかんないよ。彼は手で斬るジェスチャーをした。なにか、僕たちを傷つけるかもしれないやつがいるんだ。
彼は彼女の手を指さした。呪文の準備をして。そして、彼は手を丸め、頭の上に振り上げる。僕が彼らを怖がらせるから。
シギーは激しく首を横に振る。だめ!彼女は言う。やめて、あなたが傷ついちゃう。
ロボが親指を立てる。大丈夫さ。彼はそう伝える。彼は再び両手を頭の上に挙げ、見せかけの静かな雄たけびを上げた。こんなときどうすればいいか、僕は分かってるさ。
突然、ロボの頭を形作っていたヘルメットが腐った死体の頭に変形し、彼の体は死体の衰弱した姿へとしぼんでいく。彼の手は鉤爪となり、あっというまに彼の顔にはウジがはい回る。彼の左腕は肘から先がなかった。それは、どこからどう見ても、暗いホールにいた博士の死体の1つの完璧な模倣であった。
彼は彼女に背を向けた。
「ロボ!」シギーは切迫してささやいた。「やめて、だめ!」
ロボは彼女を無視、もしくは彼女の声は聞こえていなかったようだ。彼はよろよろした脚で前に忍び寄り、怖く見えるように両手を横に伸ばした。彼は足音を忍ばせ続ける—彼は驚かせようとしていることをばらしたくなかったのだ。
カフェテリアの外の廊下は未だに暗く、暖かく、まるで何かが直近まで動いていたかのようである。以前は何もなかったはずの床には血痕がある。そこで急に、ロボは何かがとてもおかしいことに気づいた。
緩んだ顎を締め、床に大きな足音を立てないよう気を付けつつ、彼は前に進み続けた。
彼は目の前に、獣を見た。それに背を向け、四本足で立っていて、肌は赤みを帯びた皮膜のようである。それは長く、地面にうずくまっている。それが床をかいでいるのだと彼は予測した。
静かなグキグキという音とともにその頭が持ち上がり、その顔に目がないことが彼には分かった。背中には棘が並び、その根元にはそれぞれ小さな穴が開いている。彼がそれらを見るたび、その穴は不規則な間隔で動いているようだった。
しかし、何より彼を恐れさせたのはそれに目がないことである—目があるべき場所にはただ肉と骨があった。
するとそれは頭を横に向け、顎を外して、声を出した。
「たああすけてえええ!」その生物は叫ぶ。その声は、たくさんの人々の恐ろしいミックスであり、すべて同じ、少しの言葉で構成されている。「助けて!助けて!たああああすけええてええええ!」
その時、ロボはこれまで感じたことのない感情を得た。
恐怖。
毛は逆立ち、背筋が凍り付き、歯がガラスのように感じる。
こんなものを怖がらせるなんて彼にはできなかった。絶対にできなかった。
一歩後退した。そしてもう一歩。さらにもう一歩。ゆっくり、静かに、彼はシギーの待っているカフェテリアへと後ずさった。
するとその生き物は鼻をくんくんとさせ、そして振り返った。
ロボは凍り付いた。彼はカフェテリアから数歩しかないところにいる。彼が入り口にたどり着くことができれば、シギーを掴んで彼の足の出来る限りの速さで逃げることができる。
しかし彼が前を向くと、また同じ硬直するような恐怖が突き刺さる。
その生物はゆっくりと彼の方へ向かう—頭を低く、棘を高く挙げ、赤い肌が薄暗い明りの中輝く。その歯が暗闇で深紅に光り、不揃いな角度で口から突き出していた。歯は長く、命の危機を感じさせるものだった。
「たああああすけてええええ!」それは以前発した悲鳴とはかけ離れていた。「だれかあああああああ!」
ロボはさらにもう一歩退いた。
「どおこにいるのお? こっちにきてええええ!」
カフェテリアまであと二歩。
「とまってええええええ! おねがあい。とまってええええ!」
もう一歩。
あともう一歩だけ。
ロボが後ろの顔からのぞくと、シギーがいた—両足を胸まで上げ、両腕をしっかりと膝に巻き付けていた。
そのとき彼は躓き、転び、バタッ!という音が床に響いた。
恐ろしく、致命的で、背筋が凍り付くような時間が始まる—そしてすべては一瞬に起きた。
彼らの生存はこの一瞬にかかっており、ロボは単純な選択に迫られていた。
戦うか、逃げるか?
「逃げろ、シギー!」ロボは叫び、その瞬間化け物も叫ぶ。
ロボはすぐに立ち上がり、カフェテリアの逆方向へとできるだけ早く逃げた。
巨大な足音が後方で鳴り、生物の伸びた口から出た鼓膜を割るような悲鳴が空気を切り裂く。
彼は足がもっと速ければ、もっと多くの筋肉と腱で補強してそれを置き去りにできるほど前に進むことができれば、とこいねがった。
ホールを走り抜け、無数の部屋を通り過ぎ、暗い廊下を彼は走る。
それでもそれは追いかけ、叫び、泣き、彼に止まるよう懇願していた。
彼はあるものを見つけた。彼のちょうど左に、資料保管室と書かれた標識がある。
ドアに全体重をかけて力いっぱいそれを突き破る。
大きなバキン!という音とともに道が開き、その生き物がちょうど前を通り過ぎるときに扉は勢いそのまま床に倒れこんだ。
ロボはその機を逃さず右側にある机の後ろに飛び込み、見えないくらい彼の体は十分に小さくなっていることを確認した。彼の体はもともとのサルの形にゆっくりと変わっていった。
彼は待っている。
行ってしまっただろうか?
まだいるのか?
その時、彼には聞こえた。重く、重さで下の床を壊してしまうような足音。彼は机の後ろから、それが戸口から入ってくるのを見た。
それは今二本足で、ひょろひょろの前脚は腕となっている。それぞれの腕には四本の長い爪がある。
それは空気をかぎ、長い息を吐きつつ叫ぶ。その声は暗闇の中に輪郭を作り出した。
「こおおおおおっちにいいいい、来てえええええええ!」
震えを止めなきゃ。止めなきゃ。
「死にたくないよおおおおおお!」
めまいを感じた。理由は分からないが、彼は地面がぐるぐると回っているように感じた。
何が僕に起きているんだ?
クソ。シギーはどこだ?
少し経った後、突然の頭痛に襲われ、彼は抑圧的な痛みで顔をしかめた。頭がバラバラになり、何者かがこめかみに何か打ち込んでいるような感触だった。
その時、彼は突然何かを感得する。
まて、シギーって誰だ?
どうして僕はここにいるんだ?
何が叫んでいるんだ?
「おねええがああいい!」
あれは何だ?
「家に帰りたあいのおおおおお!」
隠れているところから覗き見る。何者かが潜んで、棘を構え、彼を嗅ぎ当てようとしている。彼を狩ろうとしている。
あの声はなんだ?
めまいは一層強まり、まるで世界が彼の周りで踊っているようだった。
しかし彼はそれに耐えた。何者かが彼を狩ろうとしているからだ。
彼は、死にたくなかった。
どうやったら出られる?
そうしていると、ほとんど気付かなかったが、窓の外に何かが動いている気配を彼は感じた—それは派手な帽子を被った、少女だった。
何が起きてるんだ?
外から何かが聞こえる。震えて、ブルブルした叫びだった。「ル、ルミナ・ブライティア!」
目が眩むほどの閃光が外から流れ込み、一瞬で彼は何も見えなくなった。
そのとき彼は化け物の叫び声を聞いた。それの足音が、外にいる少女の元へ確実に近づいてゆく。
どうして彼女は僕を助けようとしたんだ?彼は考える。どうして?
「とおまああああれえええええ!」
化け物は走り出した—速く、重く。
少女は悲鳴を上げる。
シューという音、ガシャンという音、体が壁に当たり、床に崩れ落ちる音が聞こえる。
さらに、ズルッ!という音、悲鳴、何かが地面に落ちる音が聞こえる。
虚無的な沈黙が続いた。
彼は外国の言葉のつぶやきを外から聞いた、それに続き、ロボットのような、無感情な声を聞いた。
「大丈夫ですか?」
さらに沈黙が続く。
「私は……」少女は言った。「私は大丈夫だと思う、死体さん。でも、腕が……」
「肌は傷ついていないみたいだよ。よかったね」
「なんだって?」
彼女、誰だったっけ?ロボは再び考える。……スキップかな?
「表面に目立った傷はないみたいだが、あなたの骨は他よりもろいでしょう。悪いことにね。」
「中にいるおさるさんを調べてくれない? おじさん。彼はきっと私より助けが必要だわ。」
「サル?」
「ええ」
彼は軽い足音が近づくのを聞いた。一瞬また狩られているかのように感じた。
そして、ある男が彼の斜め左前で立ち止まった。
彼がささやくよと、機械音声が聞こえた。
「あなたは忘れてしまった、そうみたいですね、おさるさん?」
「なに?」ロボは言う。「なんだって?」
「化け物の息ですよ。あの息は記憶を消去することができるのです。」
一体何が起こったって?「お願いだ、助けてくれないか。」
「私の手をとるといいでしょう。」
彼はやみくもにそれを感じ取り、手を見つけ、自分を引き上げた。
「ロボ?」声がする。少女の声が。「ロボ? 大丈夫?」
「だ、大丈夫さ、お嬢ちゃん。頼む……どうか助けてくれ。」
機械的な声が再びした。「彼は記憶喪失のようです。私が椅子に連れて行きましょう。」
手が優しく彼を降ろし、座らせてくれるのを感じる。座ると、静かに、深い至福の眠りへと彼は落ちていった。