思いがけない光 (Unexpected light)
/* 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");
}
評価: 0+x

彼は独りだった──かつて彼を収容していたサイトにただ独り。この場所が科学者とエージェントでいっぱいだった頃が思い出されるが、今となってはかつてサイトだったものの影がいるだけだ。影は肉々しい存在で、彼のことは無視した。彼もまた、奴らが彼もそのも全く見ていなかったから、無視し返していた。

He was alone- alone in the site that once contained him. He could remember that this place used to be full of scientists and agents, but now there is only the shadow of what the site was. The shadows are fleshy things that would just ignore him, and he would ignore them too because they were never looking at him or his face.

彼が外に行くことは無かった。外は何よりも恐ろしい場所だった。彼は外を恐れていた──あの影の一部になってしまうからではなく、誰かが見てしまうかもしれなくて恐ろしかったからだ。彼を。彼の体を。彼のを。彼はまた、人間が彼を見ることはないだろうともわかっていた──あるのは太陽だったし、こちらからそれにできることは何一つない。夜に出歩くというのも一案だったが、それでもやはり怖かった。それに、彼には外に出る理由が無かった──サイトの中で独りでいい。彼を見る者はここにいない。暗闇の中で独り、好きに泣いていればいい。彼にとっては楽園のようだった。

He did not go outside; the outside scared him more than anything. He was scared of the outside- not because he would become one of these shadows, but because he has the horrible feeling that someone would look at him. At his body. At his face. He also knew it would not be a person that was looking at him- it would be the sun, and he would not be able to do a single thing about it. The idea of going outside at night was an option, but he was still too scared. Besides, he had no reason to go outside- inside the site he was alone. There was no one to look at him; he was free to cry alone in the darkness. It was like a paradise for him.

ある日のこと、彼がいつも通り独りですすり泣いていると、声が聞こえた──女性の声だった。助けと食料を求める、女の声だった。すすり泣いている中であっても、彼女が近寄ってくるのがわかる。助けを求める声とともに、彼女が一歩また一歩と近づいてくる。彼がいる部屋までやって来たとき、彼女は恐怖で悲鳴を上げた──青白い怪物が、部屋の隅ですすり泣いているのだ。悲鳴に驚いた彼は振り向き、女性と、彼女の手を握る小さな子供を見た。女性は直接彼を見てしまった──直接、彼のを。彼は怒りを憶えた。長い間感じていなかった感情だった。彼が大声で叫ぶと、女性はパニックでいっぱいになって、手を握っていた子供を一人で置いて逃げ出した。彼はまたもや煮えくり返る怒りを感じた。女性は辛くもサイトの廊下に逃げ出し、階段に転がり込んだ。怒りが収まるにつれ、彼は気がつく──あいつは彼の顔を見た。彼の顔を、カレノカオヲ、ボクノ『カオ』ヲ

Then, one day, he was sobbing alone, like every other day, when he heard a voice- the voice of a woman. He could hear the women asking for help and food. Through the sound of the sobbing, he heard her come closer. He could hear the voice begging for help as she approached, little by little. When she arrived in the room with him, she screamed in fear, terrified by the crying, pale monster that was sobbing in the corner of the room. Surprised by the scream, he turned around, he could see the woman, as well as a small child holding her hand. The woman was looking directly at him- and directly at his face. He could feel the anger, an emotion that he had not felt in a long time. He screamed so loudly that the women fled in panic, leaving the child that was holding her hand alone. He could feel the anger boiling again. The woman seized her chance to run through the hallway of the site and into the stairs. As the anger subsided, he realized: She looked at his face, his face, HIS FACE, MY FACE.

彼の狩猟本能が再び叫びを上げた──彼の声は、下の階を逃げる彼女にまで届いた。彼は両腕を頭上に振り上げ、老朽化したサイトの床を殴りつけ始めた。彼の爪を割れた床に沈め、深く深く道が開けるまで掘り進む。新たに出来た入口に飛び込んで、標的の方向へとひた走る。壁から壁をブチ抜いて、早く獲物に辿り着こうと道を切り拓く。全力疾走の中でコンクリートは打砕け、鉄筋はねじ曲がる。女性は逃げ続ける。彼女は肩越しに、怪物がどんどん追いついてくるのを見ていた。振り返ったとき、彼女は外に出ていたことに気づけなかった。「そんな」自らの運命を悟り、彼女は零した。

His hunting instinct rang out again- he could tell that she was running on the floor beneath him. He raised his arms above his head and started punching the ground of the dilapidated site. Sinking his claws into the cracked floor, he drove them deeper and deeper until it gave way. He jumped into the newly-formed entry and rushed in the direction of his target. He charged through wall after wall, clearing a path to get his prey faster, concrete shattering and rebar twisting in his frantic rush. The woman continued running. She looked over her shoulder to see the monster catching up to her more and more. While she looked back, she failed to realize that she was outside. "Ho shit" she said knowing her fate.

その瞬間、彼女の身体は頭から溶けていった。鼻は顔から外れて落下し、みずみずしい音を立てて地面にぶつかった。片目は頭蓋骨から飛び出して、静脈の糸1本でぶら下がってしまった。影から逃れ動こうとするも、両脚は既にたくさんの赤い肉の泥に分解されていた。彼女は痛みに悲鳴を上げたが、その口さえも溶けてしまった。怪物は奪い取られた獲物が死にゆくさまを怒りのこもる目で見ていた。標的が痛ましい死を迎えた後は、いつものようにすすり泣き続けた。しかし別の人間の音が混じる。女性ではない、他と同じような影になってしまったのだから。彼の背後から聞こえる音だ。

At that moment, her body started melting, beginning with her head. Her nose dropped off her face, hitting the ground with a splashing sound. One of her eyes popped out of her skull, leaving the eye hanging on by a single, stringy vein. She tried to move to the refuge of a shadow, but her legs were already decomposed into so much red flesh-mud. She screamed in pain until her mouth melted too. The monster looked furiously at the dying prey, stolen from him. After the painful death of his target, he continued sobbing like always. He was interrupted by the sound of another human. Not from the woman, now a shadow like the rest, but from behind him.

彼は振り向いた。先程女性の手を握っていた少女が、彼の前に立っていた。少女は泣いて母の名を呼んでいた。とうとう彼女は目をこすり、開いて、青白い怪物の方を見てしまった。直接彼のを見てしまった。

He turned back. The little girl that had been holding the woman's hand was standing in front of him. The girl was crying and calling the name of her mother. When she finished rubbing her eyes, she opened them, and looked in the direction of the pale monster, directly at his face.

(…)





(…)











何も起きない……

Nothing…











(…)







(…?)





……何も起きない?

…Nothing?

彼女は間違いなく直接彼のを見たのに……怒りを感じない? 彼は困惑し、今見たことを確認すべく子供に近づいた。そう、少女は確かに彼を見ていなかった。確かに、彼と子供は間違いなくアイコンタクトを取ったが、少女はは見ていなかった。この少女は……盲目だったのだ。

She clearly looked directly at his face but… He did not feel angry? He was confused, he approached the child to make sure of what he had just witnessed. No, the girl did not really look at him. Sure, he and the child clearly made eye contact, but the girl did not see the face. This little girl was… blind.

少女はまだ泣いたままで、助けを求めていた。泣き声を聞いて、彼女の他にも誰かいると考えたのだ。彼女は腕を上げて、他のものにぶつからないようにしながら近寄ってきた。怪物に触れると、彼女はか細く無邪気な声で言った。「お……お母さん?」この簡素な言葉は怪物の心に触れた。彼は一生を悲しみと怒りの中だけで生きていくのだと思っていたが、この言葉がすべてを変えた。このことに気がついたとき、困惑は幸福へと変わった。彼は少女を見て、彼女が本当にいることを確かめると、ゆっくりとその長い腕で囲んで、ハグをした。希望を探していた少女は、このハグを受け入れて彼にハグし返した。怪物と少女、二人の泣き声が止んだ。

The girl was still crying and asking for help. She assumed there was someone else with her since she heard the sound of crying. She approached the sound by lifting her arms to make sure she would not bump into something else. Once she touched the monster, she said with a tiny and innocent voice, "Mo-mommy?". These simple words touched the monster. He thought he would only feel sadness and anger for the rest of his life, but these words changed everything. With this realization, the confusion turned to happiness. He looked at the little girl to make sure that she was real, and he slowly surrounded the girl with his long arms to hug her. The girl, who was searching for hope, accepted this hug and hugged him back. The crying of both the monster and the little girl stopped.

二人は一緒に暮らした。怪物は友達を見つけ、少女は保護者を見つけた。怪物が少女と触れ合うとき、彼は人間だと感じた。彼は収容房では動物のように扱われた、それこそ怪物のように──誰もこの残虐な殺人鬼に心があるとは思わなかった。初めて、彼は自らを理解してくれる人間を見つけたのだ。少女もまた怪物といて幸せだった。彼がどういう見た目なのかはわからなかったが、彼が本当はどんな人物なのかはわかっていた。

They lived together. The monster found a friend, and the little girl found a guardian. When the monster is interacting with the girl, he feels human. He was treated like an animal in his cell, like a monster- nobody could think that there was a heart inside that ruthless killer. For the first time, he found someone that could understand him. The girl too was happy with the monster, she didn't know what he looked like, but she knew what he really was.

彼は意外にも良い親だった──彼は何をしてでも少女を守った。怪物は食料を持って来さえしていて、ほとんどは他の生存者から漁ってきたものだった。ある時、少女が金属の梁に躓いた。怪物は怒り狂って、他の獲物を殺すときのように梁を破壊してしまった。彼は長い指で梁を掴みとり、前方の壁に叩きつけ、壁が崩れるまで怒りの叫びを上げた。その後、梁は跡形も無くなり、少女は幸せそうだった。少女は怪物に全幅の信頼を寄せていて、それは彼も同じだった。二人を阻むものは何も無かった。

He was a surprisingly good parent; he would protect the girl at any cost. The monster would even bring food, most of the time scavenged from other survivors. On one occasion, the girl tripped on a metal beam. The monster was so furious, he destroyed the beam as he would kill any other prey. He took the beam between his longs fingers, and slammed it into the wall in front of him, screaming furiously until the wall collapsed. Afterward, there was nothing left of the beam and the girl seemed happy about it. The girl had total confidence in the monster, confidence he shared. Nothing could stop them.

唯一二人を邪魔していたのは、肉の影だ。そいつらは少女を餌食にしようとし、母親の声を真似て太陽光の下におびき寄せようとしたり、単に直接殺そうとしてきたりした。しかし、毎回影は失敗していた。青白い怪物がすぐに防いでくるからだ。奴らは少女に近づけなかった。肉の化け物どもが上げる欺瞞の声は、怪物の叫びによって少女に届かなかった。何があっても、怪物は少女を守り通した。

The only thing that ever bothered them was the flesh shadows. The things tried to make prey of the little girl, trying to push her into the brightness of the sun by imitating the sound of her mother or trying to simply kill her themselves. But, every time the shadows became a nuisance, the pale monster would swiftly correct them. They couldn't approach the girl. Even the deceptive voice of the flesh-creatures couldn't reach the girl through the screams of the monster. The monster protected the girl, no matter what.

だがその日は違った──たった1つの瞬間が、何もかもを破壊した。

There was only that one day- that one, single moment that destroyed everything.

怪物と少女はサイトの瓦礫で遊んでいた。彼は考え事に気が行っていた。彼は太陽──日常を破壊し、彼の日常を破壊せんとする、あの大きな赤い怪物のことを考えていた。彼は嫌な予感がして少女に振り返ったが、彼女は既に近くにいなかった。周囲を見渡してもどこにもいない。彼が部屋を出ると、少女が入口に向かって歩いているのが目に入った。彼女は入口まで2フィートにいた──彼女が日光に出会う外まで2フィート。少女は、影の人物の声を追っていたが、今回のそれは母の声を模していなかった。声は泣く怪物のものだったのだ。

The monster and the girl were playing around with the rubble of the site. He was lost in thoughts. He thought of the sun, the big red monstrosity that broke the day, and was waiting to break his day. He had a bad feeling, looking back at the little girl only to see that she was not near him anymore. He looked all around him, she was not there. He left the room, only to see the little girl walking toward the entrance. She was two feet from the entrance- two feet from outside where she would meet the sunlight. The little girl was following the voice of the shadow man, but this one wasn't imitating the sound of her mother. Its voice was that of the crying monster.

彼は入口から遠かったが、迅速に走った──獲物を追うときよりも早かった。少女は止まらない──まだ偽の瓜二つの声を追いかけている。彼は彼女を止められる距離まで肉薄したが、彼が届いたときには既に外に出てしまっていた。少女は痛みに悲鳴を上げ、片腕は既に溶け始めていた。怪物は選択する。躊躇は無い、建物を飛び出し太陽を阻む。彼もまた溶け始めた。だがそんなことは構わない。彼は少女に覆い被さり、彼女を溶かしていた日光を堰き止めた。計り知れない痛みが襲う、だが少女を護れているなら構わない。生き残れないとはわかっている。だが彼は少女が生き残ることだけを願った。

He was far from the entrance, he ran so fast- faster than when he would track prey. The girl didn't stop- she was still following his false twin's voice. He was so close to stopping her, but she was already outside when he arrived. The little girl screamed in pain as one of her arms began to melt. The monster made a choice. Without hesitation, he left the building to confront the sun. He, too, began to melt but it wouldn't matter. He got above the little girl and blocked the sunlight that had been melting her. The pain was immeasurable, but it wouldn't matter, so long as he protected the girl. He knew he would not survive. He just hoped that the girl would.

怪物は決して日光が彼女に当たらないように防ぎながら、彼女をサイトに連れ戻した。彼女は意識が無く、左腕は失われていた。彼の身体は溶けるのを止めない──彼は間もなくあの肉の怪物たちの一体になってしまうだろうとわかっていた。彼は最後に少女を見て、一滴の涙を零した──涙は子供の腕に落ち、奇跡によって溶解が止まった。

The monster dragged her back into the site while blocking any sunlight from reaching her. She was unconscious, and her left arm was missing. The melting of his body didn't stop- he knew he would become one of these flesh things soon. He took a final look at the girl and shed a single tear; the tear landed on the arm of the child, and by miracle, the melting stopped.

彼は子供に危害を加えないように、可能な限り早くサイトを走り去った。彼がようやく止まったのは、両脚が完全に溶けたときだった。もはやサイトは見えなかったが、今は海を見ることができた。彼は仰向けになって、最期にもう一度だけ、海の真上にある太陽を見た。見つめながら両眼は溶けていった。彼は長く、力強い叫びを放った──1マイル先にも聞こえる声だった。叫びはあまりに力強く、塵を地面から引き剥がし、遥か彼方へ吹き飛ばした。悲しみと怒りの混じる叫びだった。そして、叫びは止まり、後には静寂が残された。完全なる静寂だった。

He ran as fast as he could away from the site to make sure that he would not harm the child. He only stopped when his legs were entirely melted. He could not see the site anymore, but he could now look upon the sea. He laid on his back and looked one last time at the sun, placed just above the ocean. He looked on as his eyes melted. He gave a long, powerful scream that could be heard from a mile away- a scream so powerful it dragged the dust off the ground, carrying it far into the distance. A scream of sadness mixed with anger. Then, the scream stopped, leaving the silence behind. A dead silence.


タグ: en tale 破暁

Unexpected light
https://scp-wiki.wikidot.com/unexpected-light
Felixou, 2021/6/18

特に明記しない限り、このページのコンテンツは次のライセンスの下にあります: Creative Commons Attribution-ShareAlike 3.0 License