大英帝国の太陽が沈まぬように

 

私とSCP Illustratedの共著。夜明けの刻と裏ロンドンに関連し、見ればわかるようにFallen Londonからがっつり影響を受けています。

---

▸ More by this Author ◂

---

{$comments2}

F.A.Q.

{$doesthisfixthebug}

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

記録1:

私の名はジェイコブ・ホークスウィズ。オリバー博士からこの真っ暗闇の中で気を狂わせることがないように、思考を録っておくように言われた。そんな心配をするほど退屈も恐怖もしていないが、命令は命令だ。

地上では、私は収容スペシャリストだった。ほとんどずっとロンドンのここか、ケントの主要英国収容サイトで過ごしてきた。今はサイトの現保安主任であるキラ・ノースと働いている。パートナーまではいかないが、それでもいい仕事仲間だ。

毎日新たな研究対象を見つけているが、先月我々はここで植物を育てられることに気がついた。植物がどうやって「光」もなしに光合成ができているかはわからないが、ハイドパーク基地そばで小さな農場を育てることができている。成長速度はそれほどだが、しかし成長はしている。この場所がロンドンを再現していることを考えれば、確かにわからなくはない。だいたいの都会の町には植物と公園があるものだ。

だが、この場に基地を置いておこうとするかぎり、私の仕事は続くだろう。残りの人生でこんなことをすることになろうとは思っても見なかった。ボビーどもはひどい脅威だ。ずっと研究員を悩ませている。財団に参加しましょう、と奴らは言った。人類のために人型の怪物と戦いましょう、とも言った。驚くほど正直な案内説明だったよ。

しかし、心配し始めていることが1つある。今朝外部との連絡が途絶えた。もちろんこうなったのは初めてではないが、いつもは正午までに地上の施設からチェックインがある。今日はこれまでのところ何もない。何も起きていないはずだが、我々がこれに狼狽していることを話さないわけにはいかないのでこうしている。

それのみならず、スタッフの間には強い不安が漂っている。一日中ボビーからの攻撃がないのだ。地上との連絡が途絶えた以上に気味が悪い。エリーゼは地上のほうで何か良くないことが起こっている、たぶんXKだと持論を語った。彼女はいつも些細なことで怯えるが、そのことは誰にも言わないように命令した。心配になる話だったし、他の皆に広める必要もない。

彼女は命令したとき少し頬を膨らませていたが、理解はしてくれるだろう。

一応私は監視を上に送って副施設を確認し、何が起こっているか把握すべきだとキラを説伏せた。おそらく何も起きてはいないが、念には念を入れねばならない。

何も問題はない。実際気分がちょっと晴れるだけさ。な？

---

非常警報:

このメッセージは繰り返されます。これはサイト-19ならびにO5評議会からの非常警報です。すべての財団職員は所定の位置に避難してください。日光に直接触れることは絶対に避けてください。いかなる状況でもSCP-001実体群との対話は行わないでください。我々も実体群が接触を図ってくることは把握していますが、それでもです。皆死んだのです。反応しないでください。実体群の要求には決して応じてはなりません。

すべての財団職員は現在の避難計画を見直してください。いくつかの保安違反により、サイト-19はもはや安全ではなくなりました。別世界入植計画はサイトの再保護まで保留されます。我々の失敗から学ぶとともに、今はここに来ないようにしてください。我々は……おい通気口だ！撃て！

中断をお詫びします。サイト-19は完全に再保護されました。さきほどのメッセージは無視してください。SCP-001は無力化されました。地上はもう安全ですし、すべては美しい。このメッセージは繰り返されます。

---

記録2:

オリバー博士は今朝、彼女のオフィスの壁に鉛玉で脳みそをぶちまけた。一人っきりでのセラピーについて上司連中が考えを改めたかと思っただろうが、どうやら規則は健在らしい。わかったのは、太陽がおかしくなったとき裏ロンドンにいたのは相当ツイていたということだ。原因こそわからんが、何が起きているかに議論の余地はない。日光の下にちょっとでも出れば融け始める。十分長居すればもう戻らなくなる。まさかだが、これが本当に新たな普通なんだ。

ラジオの連中は口を揃えて言う。何もおかしくなってない。出てきて太陽を見ようよ。今日のラジオにはジェームズの妻が出てきた。あいつに上がって来るよう懇願したんだ。我々は彼を押さえつけなくてはいけなかったが、もうそうするのが大事だとも思えない。昨晩チームの半数が出ていき、月明かりに融けるのを見た。今朝奴らは戻ってきて、中に入れるよう言ってきた。この日の分……あー、”ウェルカムメッセージ”の前に、ジェームズが銃口を咥えたとしてもおかしくはなかった。何かが階段を降りてきている。行かなくては。

---

市民の皆さん。あなたがこれを聞いている場合、ご存知の通り、世界は終わりました。太陽は壊れ、大地は恐ろしい足音とともに持ち上がり、全ての恐怖と狂気が、人間の世界に復讐するため解き放たれました。それを封じ込めようとした者達は、殺されるか四散させられました。そして私たちはすぐに、これらの怪物と戦うのを試みることは、常に自身の死と直面させられる事を学びました。数億人がおぞましき怪物へと変わり、我々がやつらを止める為にできることは何もありません──何もありませんでした。悪しきものどもは、世界中の国に血塗れの旗を掲げ、砕けた空へ不浄なる勝利の鬨を上げました。そう、世界は終ったのです。

しかし、新たな希望があります。

裏ロンドン、生存者の街、自由の街へようこそ。共に、市民たち、私たちは伏して待ち、新たなはじまりを準備しましょう。新世界はまもなくやってきます。上の世界は燃えるでしょう。私たちは耐えるのです。怪物が世界を支配するでしょう。私たちは準備するのです。そして、大地は新たなアルマゲドンとともに震え、悪しきものどもは、自身を食い散らかすのです。市民、わかりますか。人類破滅の日の際に、やつらの飽くなき食欲は、やつら自身の死への無限の欲望として、互いにそれらを向け合うでしょう。私たちは、ただ待ち続けるのです。

私はあなたたち市民の皆さんに伝えます。新しい夜明けが来ることを。そしてあなたは、裏ロンドンから現れると、崩れていない太陽の下で瞬きをするでしょう。死んでから永く時がたった怪物たちの骨の中で、私たちの子どもたちが遊んだり、笑ったりしている所に。そして我々は歩いていきます。手をつないで、海へ、顔を空へ向けて。かの朝日は人類の新たなる時代の到来を告げるでしょう。そして市民、私は残りの部分から裏ロンドンを召喚し、あなたは私の足元へ、市民を集めるのです。そして花開くのです。まるでフェニックスのように、古い灰の中から。そしてその日、新しい秩序が生まれます。私たちは、世界中に、我々の旗を掲げるのです。

ようこそ裏ロンドンへ。ようこそ最後の街へ。

そして最初の街へ。

---

傍受されたラジオ放送:

ジェームズ？ アメリアよ。もう病気じゃないわ。光がみんなを変えたとき、私は診療所にいた。それでもう何の病気もない。

私の声が聞こえてるかはわからないけれど、上に来るべきよ。ここはとても美しい。飢えもない。戦争もない。苦痛もない。みんな調和の中で一緒につながってるのよ。平和の中で。あなたのお母さんもここにいるわ。あなたのお父さんも。私達みんなあなたを待ってるのよ、ジェームズ。

プロポーズしたときのこと覚えてる？ ボタニー湾のサンセットビーチよ。あなたが片膝をついて愛してると言ったとき、世界のすべてが止まった。私がいない人生なんていらないって言ったわよね、ジェームズ。あれは嘘だったの？ ジェームズ、私達あなたがいなくてすごく寂しいわ。

先生、男の子が生まれてくるよって言ったのよ。戻ってきてね、ジェームズ。ここはとても美しいわ。

---

記録3:

奴らは我々がここにいることは知らないはずだ。じゃあ黙ってて。記録しておかないと一体何が起きたのか誰もわからなくなるだろ。ほら、やるからな。外を見張っといてくれ、奴らに見つからないように。

我々は負けた。こっぴどく。入口が攻撃された後、我々はハイドパークのテントシティにまで退却した。美しくも小さな、アンタが見てきただろう中では最も狭苦しい男女のコミュニティだった。物資は少なくとも1、2年はもつと思われ、それまでに我々はニンジンやジャガイモの種用に、地上からサンランプを漁ってこようと思った。ともかく、2度目も失敗する前に。

我々は皆4時間ほどの睡眠をとったあと、叫び声をあげて目覚めた。我々全員がだ。こう巨大な目が、果てなき地平線の向こうから私を見ている夢だったのを覚えている。そいつは……怒っていた？ 悲しんでいた？ とても暑くて、息をしようとすると肺が焼けた。突然に私の服は火に包まれた。私は死ぬことも、気絶することすらもなかった。肌は泡立って融け始め、目は満足そうだった。そのとき、それには眉毛があることに気がついた。

今までどうしてそれを見逃していたかはわからないが、それは顔だった。地平線の向こうから手がやって来ると、背後からは鳩の群れがやって来てこう酷い叫び声を上げた。群れは手を攻撃し、それが骨以外の何物でもなくなるまでひっついた。だが手は未だこちらに来続けていた。手はかつて私であった水たまりをすくい上げると、その口まで運んで行き……そこで目を覚ました。

この町が我々に危険を知らせようとしているのだろう。この場所がどう動いているかは知らないが、あの間抜けな鳩の目どもは我々の上空で狂乱していた。たとえ我々からは見えずとも、彼らにはそれの到来が見えていた。

我々の防衛についてすべて把握していた連中を昨晩失った。今階段の下には肉の洪水が注ぎ込み、町中に広がりつつある。どれだけの人がハイドパークから脱出できたかはわからないが、そう多くはないだろう。ジェームズの脚はおしゃかになり、エリーゼは息を切らしている。冷静なままなのはキラだけだが、彼女は若干他二人を置いていきたがっている。

彼女にまた別のメッセージを録らないといけないと言ったところ、私が狂っているかのような目つきで見てきた。もしかすればそうなるかもしれないが、私はエリーゼを置いていくつもりはないし、このまま逃げればあいつらにやられてしまうだろう。ジェームズのために何かしてやれることがあるかはわからないが、努力はしている。少なくとも出血は止まった。

襲撃が始まったとき、我々の境界線の防衛は役に立たなかったが、幸い既に目覚めていた。我々は銃撃を始めたものの、肉の津波を撃って何になると思ったかはよくわからない。それはあらゆるものと、逃げ出さなかったあらゆる人間を巻き込んだ。キラは燃やせばダメージが通るかもしれないと考えていたが、いったいここのどこで燃料を拾えばいいと？ この状況で唯一良かったことは、ボビーが我々の側で戦い、獅子奮迅の働きをしてくれたことだ。

私は皆死ぬのだと思ったが、スピーカーは割れた音を上げ、いつも通りの酷い声で国会に避難所があると言ってきた。それで我々は今そこへ向かっている。

起きてジェームズ、出発するよ。

これが我々の話の終わりとならないことを願う。

---

町内放送:

この町は人間の世界が滅びようとも、暗闇の中で輝く灯台として作られました。あなたはそれを嘲っている。生きとし生けるものを破壊し、自身の更なる一部へと変えている。私は警告いたしましょう。崩れた太陽へ帰りなさい。ここに暗闇以外のものはありません。あなたの光はここでは力を持ちません！罪を、怪物を燃やして責任を取るのです！私はあなたを破滅の炎へ投じるでしょう！

---

記録4:

我々はジェームズを置いていかねばならなかった。あいつは自分が死ぬことをわかっていたように思う。キラは取り込まれないように頭を吹き飛ばそうかと聞いたが、彼は家族に会いたいと答えた。どうすべきだったかはわからないが、今は幸せであることを願う。

キラ、エリーゼ、私はウェストミンスターへ向かった。これまで、こんな多くのボビーが一箇所にいるのは見たことなかっただろう。彼らは、我々が国会議事堂にたどり着けるだけ隊を分けた。数日前までは恐れていたのに、今では心強い。全く奇妙な数日だった。

裏ロンドンの化物守衛が大勢いるのを除けば、国会は空だった。彼らのほとんどは扉を守っていて、何人かは議事堂内の迷宮を案内してくれた。彼らがいなければ道に迷っていたのは確かだ。真ん中に人一人入れておける程度の大きさのタンクがある部屋に出てきたが、そこも空だった。液体の跡だけが床にそって奥の開いた扉にまで繋がっていた。ボビーは喋れないので、彼らはただ手を扉へ向けるだけだった。

つまるところ、我々に選択肢はなかった。外に逃げ戻れもしない。

そこには下り階段があった。背後で扉が閉まる音が聞こえ、それから大きな衝撃音が聞こえた。我々は階段の先のサンディビーチにたどり着いた。そこにあった小さな木製の乗降場にはこれまた小さな蒸気船が着いていて、暗がりではよく見えなかったが、ロープで繋がれていた。そびえ立つ裏ロンドンが見えたが、逃げだしてきた階段を戻る以外に戻る道はなかった。

2隻目のボートの係留設備があったが、ずっと前に出ていっていた。先月このエリアを上空から監視した際にはそんなボートは見られなかったし、キラも私もそれらがどこから来たのかわからなかった。でもそれは重要なことじゃない。誰かが投げたライフベストを掴んだときに、それがどこから来たかなどどうだっていいじゃないか。

他に出口はないことを知っていたので、我々は乗り込んだ。水上でそこそこの距離までいったとき、町の中心で何かが爆発した。炎が明るい橙と白に燃えていた。肉がうだり叫んでいた。化物たちを道連れに、町は丸ごと死につつあった。

この川がテムズ川とほぼ同じなら、我々はまもなく開けた水域に出るはずだ。正直いって、船の行き先もなんとなくわかる。操舵する必要もほとんどない。エリーゼはエンジンルームでメモを見つけた。そこにはこう書かれていた。「友人を集め、物資を集め、灯りを集めろ。裏ダブリンへの道は暗いがいずれたどり着く。もし上手く行ったのなら一杯奢ってやるよ。」

彼と落ち合うのが楽しみだ。