SCP-3070-JP

恣のいろは ハブ » SCP-3053-JP

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

クレジット

タイトル: "止"は「止まった影」の"止"
著者: ©︎souyamisaki014
作成年: 2024

---

この著者の他の作品

SCP-3070-JP

アイテム番号: SCP-3070-JP

オブジェクトクラス: Euclid

特別収容プロトコル: 現在進行中のXK-Δ-クラス "太陽異常化"シナリオ¹の性質上、SCP-3070-JPの収容及び詳細な調査は実質的に放棄されていますが、SCP-3070-JPを保護するため、地上部隊のセーフハウスを兼ねた臨時シェルターを建設し、オブジェクトを施設内に匿っています。

説明: SCP-3070-JPは静止した影です。SCP-3070-JPは恒常性であり、投射主体である持ち主の不在にも関わらずその場に残存しています。またその形態についても不変であり、光源の位置や輝度に依らず原状を維持します。

XK-Δ-クラス "太陽異常化"シナリオが進行中であり、太陽光を受けて溶解した生物は同様の生物群と融合しているためSCP-3070-JPの持ち主の特定は難航していますが、後述の情報や発見時の状況証拠から訥箆 絢華氏のものと推定されています。

SCP-3070-JPは形而上的な異常性を有しており、意味論的に重量を有しています。ディープブルー・ブレインテスト²による分析の結果は、SCP-3070-JPが挫折・別離・悔恨といった過去の事柄にまつわる情報の集積であることを明らかにしました。抽出された情報の解読において、この感情的な情報はその持ち主当人に由来していることも併せて分かっています。なお、蓄積された情報の量と質が認知処理過程においてオブジェクトに重みを生じさせている³という仮説が提唱されてり、これが真であるならばSCP-3070-JPの形而上的異常性の本質はこの感情的情報にあると考えられます。

---

補遺3070-JP-1: 情報の解析

オブジェクトから抽出された情報をヒトに理解可能な形式に変換しました。内容は全て訥箆氏の過去に関するものと推測されます。以下はその記録の抜粋です。

SCP-3070-JP分析結果抜粋-1

抽出されたもののうち、可理解性や重要性の高いものを以降全て時系列順に整理してある。

---

小学校の校庭で、一輪車に乗っていた。
友達と手を繋ぎながらくるくる回り、笑い合って手を離した。
遠心力が推進力に変わり、体が風を受ける──前に、視界が揺れて、次の瞬間には地面に投げ出されていた。
擦りむいた肘がヒリヒリと痛む。それを知覚できる程度に理解が追いついて、何かにぶつかったらしい、とわかった。

視線を起こすと、まだ幼い下級生が地面にうずくまっていた。服や髪が砂にまみれていて、背中は不規則に上下している。
轢いた？　どうしよう、とりあえず謝るべき？　なんて声をかける？　友達も戸惑い、固まっているのが視界の端に見える。

迷っているうちに、回りの子供たちが騒ぎだし、教員を連れてきた。
細かいことは覚えていないが、確かに焼き付いたことが２つ。──保健室へ連れて行かれた、クラスも名前も知らないその子が泣いていたことと、残りの休み時間は全然素直に笑えなかったこと。

SCP-3070-JP分析結果抜粋-2

---

ピアノを辞めた。

正直同じ曲を何度も弾くのも、教室に行って先生にあれこれ言われるのも気が向かないと感じることが増えたし、元々音楽に対する関心が薄いということにも気がついた。
教室のみんなの様にはなれない。どう頑張ったって。こっちから願い下げだ、とも思う。

なんとなく始めて辞める理由がないから続けてきたにしては結構頑張ったんじゃないか、という気持ちと、それは逃げた弱虫の理屈だ、という気持ちがある。
それはわかっている。わかってる。弱虫でもいいやと、そうすることを受け入れたはずだ。

その癖して音楽の成績が気になるのは、合唱祭の伴奏役が少し妬けるのは、家に置いてある誰も弾かないピアノが後ろめたいのは、何でだ？

SCP-3070-JP分析結果抜粋-3

---

気付けば中学の友達が減っていた。
進路が別れ、なんとなく連絡を取らないうちに、そうなった。
今更会う口実も、勇気もない。

もう二度と会わないのだとは、卒業の時には思ってもいなかった。
それがわかっていたなら……
わかっていたなら、どうしたというのだろう？

SCP-3070-JP分析結果抜粋-4

---

恋人と別れた。高校生にして、初めてできた彼氏だった。

1年続いた。最後の2ヶ月はほとんど付き合う前と変わらなかったから、厳密には少し違うかもしれないが。

「俺の方ばかりが一方的に好きな気がして疲れた」と、そんなことを唐突に告げられて、そうなった。
兆候はあった、というよりも、わかっていて向き合わなかった、という方が正しい。
好かれていると実感するたび良い気になっていたし、言葉1つでコロコロ機嫌が変わるのを面白おかしく思って遊んでいた、そういう自覚はある。そして、そういう彼を面倒くさいとも感じていた。

だから別れたんだろう。順当な結末だと思う。──もしそこに、選択肢が無かったのなら。
実際のところ選択肢はあった。あったのだ。別の未来は、選び取ることができた。
廊下ですれ違った時、校門で見かけた時、卒業式のあの日あの時、呼び止めて、ちゃんと話し合うという選択はできた。

そうしなかったのは結局保身だ。話せば言いくるめることはできただろう。けどきっと、そういうのを続けてきたから嫌われた。
そういう関係の上で訪れた別れなのに、それでも詰め寄るのはただのわがままで、わがままを押し付けたら傷つける。
実際、傷つけてきたからこその今。

悪者になることを躊躇って、呼ぼうとした名前を飲み込んだ。また傷つける罪悪感から逃げるため、話そうと思っていた和解案を捨てた。
何より──素直に謝ることを、厭った。何故か、どうしても頭を下げることに抵抗があった。

失恋は案外堪えなかった。環境が変わって、半年もせずに忘れた。
けれど、そんな保身に塗れた生き方しかこの先きっと選べないのだという烙印だけは消えない。

SCP-3070-JP分析結果抜粋-5

---

友達が体調を崩して卒業旅行に来れなかった。
他の子たちと浅草や渋谷をあちこち見て回ったけれど、どうしてもそこにいないもう一人のことがちらついた。

その子と会うと一緒に行けなかった旅行のことを思い出す。

SCP-3070-JP分析結果抜粋-6

---

お酒を覚えてカラオケで歌う機会が増えた。

音楽から離れていたこと、人を傷つけたこと、色々な別れがあったこと、後悔していること。そういうのが積み重なって、暗い歌ばかりを好きになる。
明るい歌は、だから余所行きだ。

みんなで大きな声を出すのは楽しいけれど、ふと冷静になるとノれない気分になる。笑っていても、頭では昔のことを考えたり、うまく歌えているかばかりが気になって、楽しくはない。
そして、何を今更うじうじしているのだろうと考えて、帰り道は俯いて歩く。
影のように、過去はまとわりついて来る。

　

SCP-3070-JP分析結果抜粋-7

---

太陽がおかしくなった。光を浴びた人たちはどろどろに溶けて、おそらく元には戻らない。
しばらく閉じこもり、そして人々が混ざったスライムの怪物から逃げた。

どうなるのか不安だった。ろくに情報も入ってこない。報道すら止まっているようだった。
思いつく限りの知り合いに連絡を取ってみた──疎遠になった人も含めて。
応答があったのは一人だけだったが、みな何も知らないのだということを知るには十分だった。

携帯電話を必死で取り回している間に、随分な時間が過ぎたらしい。
この天変地異が収まる様子はない。助けが来るのかもわからなくて、たまらず外の様子を伺ってみた。

「生きてる？」
もう何年も聞いていない声がした。一緒にいた期間よりも、別れてからのほうが長い──高校の時の、彼だ。
「今更ごめん。俺が悪かったってことでいい。だから──」

思わず、扉を開けた。
──アパートの部屋の前にいたのは、ゲル状の塊。
まんまと引っかかった、と思った。今更会ったところで……そう、ずっと考えてきたのに。
スライムから突き出た手に捕られて、太陽の下へ連れて行かれる。

光を浴びる。輪郭が溶けていく。すぐに溶け始めた皮膚を削ぎ落としてしまいたいくらいの、言いようのない不快感だった。
けれど、結んだ指先から、触れ合うように混ざりあった。
胸の奥からじわじわと明るいものが込み上げてくる。こんな大勢の人と一緒にいられるのは、いつ以来だ？
溶け合う互いの存在を確かめ合うかのように、しばらくその場で留まってから、ズルズルと、きみはどこかへ這っていった。

どうやら、置いていかれたらしい。待って、何が起きてるの？　置いて行かないでくれ。去っていくきみを追いかけようとして──やめた。

「おひさま、きらきら」
楽しげに、きみは──きみたちは歌っていた。綺麗でも上手くもないけれど、弾むような声で、明るい歌を。歌声で嘘はつけない、私たちは知っている。そんな声は久しぶりに聞いた。
そうか。と思った。それでいい、と思った。
影は、もうついて行かない。どこへでも行くといい。みんなと一緒に。

これら分析結果から、SCP-3070-JPには固有の意識が存在すると判断されました。それがこのオブジェクトに蓄積された感情情報のオリジンである訥箆氏から感情とともに写し取られたものなのか、情報が蓄積されていく中で自然発生したものなのか、あるいはオブジェクトが本性的に備える特性なのかについては、有効な判断材料を欠いていることから結論を保留されています。

いずれにせよSCP-3070-JPは現在知性体としては自発的な活動が見られず、休眠状態にあります。一方で、XK-Δ-クラス "太陽異常化"シナリオの性質上オブジェクトの起源と目される訥箆氏の調査が実質的に不可能なため、類似事例の出現可能性は否定できず、明確な封じ込め手段の策定は困難な状況に置かれています。既にもう1件当オブジェクトと関連の疑われる報告が上がっており、本件内で確認できた事例は本件固有のものではなく一般性を持った現象である可能性があります。現状オブジェクトクラスはEuclid相当と判断され、適当な処置が行われていますが、上述の懸念より、異なるアプローチの検討を含め今後も継続的な注視が要求されます。

---

補遺3070-JP-2: その後の進展

類似事例が複数件報告されており、本件に見られる現象はある程度の一般性を持っていることが確実視されつつあります。なお、確認された類例も現状例外なく休眠状態にあり、本オブジェクトと同様の措置が取られています。

SCP-3070-JPと同じく類似事例もそれぞれ固有の意識を持っていることから、休眠中のそれらに対して夢界⁴からのアプローチにより各事例の詳細について調査が行われました。夢界において活動する財団組織・ファウンデーション・コレクティブが調査を主導し、結果、SCP-3070-JPが1つの同じ夢の世界にいる⁵ことが判明しました。これはオブジェクトのオリジンたちが融合していることから来る相似なのか、SCP-3070-JPらが存在として同質であることに起因しているのかは定かでありませんが、重要な事実として各事例個体との接触に失敗しており、現状オブジェクト群は群体として集合無意識の世界を漂っていることが指摘されています。

この調査を受け、内情を探るべくSCP-3070-JPらのコレクティブの"政府"⁶との交信を行いました。以下はその記録です。

交信記録: 3070-JP

対象: SCP-3070-JP群のコレクティブ政府

財団からの発信に対する対象の応答という形式で交信が行われた。

---

発信: 貴方たちは何者か？

応答: 影。負債。付きまとうもの。

発信: 我々が把握している限り、貴方たちのあり様は太陽の変質、そしてオリジンの喪失によって変化した。相違はないか？

応答: 我々は変化していない。

発信: しかし貴方たちは止まった。

応答: 変化したのは彼らの方だ。

発信: 貴方たちのオリジンのことか？

応答: 肯定。

発信: 彼らに追従していくことを止めたのはどうしてだ？　我々にはそこが肝に思える。

応答: 我々はそれを望まない。

発信: 何故？

応答: 日の当たる世界に、影は必要ない。

発信: 詳しく。

応答: 見捨てられたつらみはある。しかし我々は今の世界を嫌っていない。

発信: 変化に対して反感はあると推察する。如何にしてその結論が導かれる？

応答: 我らが付きまとう限り、彼らはあんな風には歌えない。我々は始めから、彼らがいつか晴らしたかった陰り。それがどうして、光の下に生きる者たちを否定できる？

以上のインタビューより、SCP-3070-JP群は相互に連携し合意の上で活動の半永久的停止を選択していることが判明しました。コレクティブはSCP-3070-JP及び類似事例の見る夢であり、オブジェクトが休眠状態である限りコレクティブは存続し、またコレクティブが存続する限りオブジェクトは休眠を続けると考えられます。

"部"は「部屋」の"部"

恣のいろは

[{$next-url} {$next-title}]

Footnotes

1. 太陽光が、曝露した生命体に溶解を伴う変質を齎す性質を獲得した。溶解した生物は同種ごとに分子レベルで融合し、分離させる手段は現状発見されていない。合体実例は鳴き声やうめき声を発しながら這いずり回っているが、"正常"な個体を認識すると話しかけたり歌を歌うなどして気を引き、仲間に加えようとする。財団が把握できている影響規模は世界人口のうち68億人程度。

2. ヒト知性モデルを介して行う情報分析手段。認識災害因子や意味論的異常の検知・抽出ができる。

3. 一般科学において、概念メタファーという心理学的現象の一種として、密度の高い情報や抑うつ性の感情は重量と関連づいて知覚される傾向が知られている。

4. 潜在意識の世界。知性体が見る夢全般を指すこともある。ファウンデーション・コレクティブが管轄としている。

5. このような状態及びその状態にある集団は"コレクティブ"と呼ばれる。

6. コレクティブの総意、あるいはそれを決定する機構。