1998/歴史 (新ハブ案から抜粋)
/* 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;
    }
}
:root {
    --timeScale: 1;
    --timeDelay: 0s;
}
 
/* Converting middle divider from box-shadow to ::before pseudo-element */
.anom-bar > .bottom-box { box-shadow: none!important; }
.anom-bar > .bottom-box::before {
    position: absolute;
    content: " ";
    width: 100%;
    height: 0.5rem;
    background-color: rgb(var(--black-monochrome, 12, 12, 12));
    transform: translateY(-0.74rem);
}
 
/* DIVIDER */
.anom-bar > .bottom-box::before {
    animation-name: divider;
    animation-duration: calc(0.74s * var(--timeScale));
    animation-delay: calc(0.1s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.32,.38,.39,.94);
    animation-fill-mode: backwards;
}
 
/* CLASSIFIED LEVEL BARS */
div.top-center-box  > * {
    animation-name: bar;
    animation-duration: calc(0.45s * var(--timeScale));
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-fill-mode: backwards;
}
div.top-center-box > :nth-child(1) { animation-delay: calc(0.2s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(2) { animation-delay: calc(0.32s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(3) { animation-delay: calc(0.45s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(4) { animation-delay: calc(0.61s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(5) { animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(6) { animation-delay: calc(0.95s * var(--timeScale) + var(--timeDelay)); }
 
/* TOP TEXT */
div.top-left-box, div.top-right-box {
    clip-path: polygon( 0% -50%, 150% -50%, 150% 100%, 0% 100%);
}
 
div.top-left-box > *, div.top-right-box > * {
    position: relative;
    animation-name: bottomup;
    animation-duration: calc(0.65s * var(--timeScale));
    animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-fill-mode: backwards;
}
 
/*-----------------------------------*/
/*-----------------------------------*/
 
/* CONTAINMENT, DISRUPTION, RISK CLASSES */
div.text-part > * {
    clip-path: polygon( 0% 0%, 100% 0%, 100% 100%, 0% 100%);
    animation-name: expand2;
    animation-duration: calc(0.5s * var(--timeScale));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
div.text-part > :nth-child(1) {
    animation-name: expand1;
}
div.text-part > :nth-child(1) { animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay)); }
div.text-part > :nth-child(2) { animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay)); }
div.text-part > :nth-child(3) { animation-delay: calc(0.86s * var(--timeScale) + var(--timeDelay)); }
 
div.main-class::before, div.main-class::after {
    animation-name: iconslide;
    animation-duration: calc(0.45s * var(--timeScale));
    animation-delay: calc(0.8s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
 /* BOTTOM TEXT */
div.main-class > *,  div.disrupt-class > *, div.risk-class > * {
    white-space: nowrap;
    animation-name: flowIn;
    animation-duration: calc(0.42s * var(--timeScale));
    animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-fill-mode: backwards;
}
 
/*-----------------------------------*/
/*-----------------------------------*/
 
/* DIAMOND */
div.arrows {
    animation-name: arrowspin;
    animation-duration: calc(0.7s * var(--timeScale));
    animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
 
div.quadrants > * {
    animation-name: fade;
    animation-duration: calc(0.3s * var(--timeScale));
    animation-delay: calc(1.4s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
 
div.top-icon, div.right-icon, div.left-icon, div.bottom-icon {
    animation-name: nodegrow;
    animation-duration: calc(0.4s * var(--timeScale));
    animation-delay: calc(1.4s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
div.diamond-part {
    clip-path: polygon( -10% 0.37%, 120% 0.37%, 120% 100%, -10% 100%);
    animation-name: diamondBorder;
    animation-duration: calc(0.8s * var(--timeScale));
    animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.32,.38,.39,.94);
    animation-fill-mode: backwards;
    will-change: box-shadow;
}
 
/* MOBILE QUERY */
@media (max-width: 480px ) {
    .anom-bar > .bottom-box::before {
        display:none;
    }
    .anom-bar > .bottom-box {
        box-shadow: 0 -0.5rem 0 0 rgb(var(--black-monochrome, 12, 12, 12))!important;
    }
    div.top-center-box  > * {
        animation-name: bar-mobile;
        animation-duration: calc(0.9s * var(--timeScale));
    }
    div.top-center-box > :nth-child(1) { animation-delay: calc(0.1s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(2) { animation-delay: calc(0.2s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(3) { animation-delay: calc(0.3s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(4) { animation-delay: calc(0.4s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(5) { animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(6) { animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay)); }
 
}
 
/*--- Motion Accessibility ---*/
@media screen and (prefers-reduced-motion: reduce) {
    div.anom-bar-container { --timeScale: 0!important; }
}
 
/*-------------------------*/
 
@keyframes divider {
    from { max-width: 0%;  }
    to { max-width: 100%; }
}
 
@keyframes bar {
    from { max-width: 0%; }
    to { max-width: 100%; }
}
@keyframes bar-mobile {
    from { max-height: 0%; }
    to { max-height: 100%; }
}
 
@keyframes bottomup {
    from { top: 100px; }
    to { top: 0; }
}
 
@keyframes expand1 {
    from { opacity: 0; clip-path: inset(0 calc(100% - 0.75rem) 0 0); }
    to { opacity: 1; clip-path: inset(0); }
}
@keyframes iconslide {
    from { opacity: 0; transform: translateX(-5rem); }
    to { opacity: 1; transform: translateX(0); }
}
 
@keyframes expand2 {
    from { opacity: 0; width: 1%; }
    to { opacity: 1; width: calc(100% - 0.25rem); }
}
@keyframes fade {
    from { opacity: 0; }
    to { opacity: 1; }
}
 
@keyframes flowIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
 
@keyframes arrowspin {
    from { clip-path: circle(0%); transform: rotate(135deg); }
    to { clip-path: circle(75%); transform: rotate(0deg); }
}
@keyframes nodegrow {
    from { transform: scale(0);}
    to {  transform: scale(1);}
}
@keyframes diamondBorder {
    from { box-shadow: -0.5rem -20rem 0 0 rgb(var(--black-monochrome, 12, 12, 12)); }
    to { box-shadow: -0.5rem 0 0 0 rgb(var(--black-monochrome, 12, 12, 12)); }
}
/*
 
    Foxtrot Sigma-9 Theme
    [2022 Wikidot Theme]
    By Liryn
 
    Edited by iti119 for Japanese Branch
 
*/
 
/* FONTS */
 
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
 
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@700;800&display=swap');
 
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
 
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap');
 
@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
 
@import url('https://rsms.me/inter/inter.css');
 
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@800;900&display=swap');
 
    /* FONTS > JP */
 
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@700;800&display=swap');
 
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;800&display=swap');
 
/* VARIABLES */
 
:root {
 
    /* VARIABLES > Core */
 
    --header-title: "SCP財団";
    --header-subtitle: "確保、収容、保護";
    --logo-img: url(http://scp-jp-storage.wdfiles.com/local--files/file%3A5722815-58-kjwu/fxtrt-scp_logo_lightmode.svg);
    --darkmode-logo-img: url(http://scp-jp-storage.wdfiles.com/local--files/file%3A5722815-59-l1ls/fxtrt-scp_logo_darkmode.svg);
    --logo-opacity: 14%;
 
    --head-font: 'Lexend', 'M PLUS 1p';
    --ui-font: 'Sofia Sans', 'Noto Sans JP';
    --mono-font: 'JetBrains Mono', 'Fira Code', monospace;
    --page-font: 'Inter', 'verdana', var(--yu-gothic);
    --base-font-size: 0.9rem;
    --page-font-size: 0.84rem;
 
    --yu-gothic: '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', 'YuGothic';
 
    /* VARIABLES > Misc */
 
    --header-txt-color: #333333;
    --subheader-txt-color: rgb(var(--accent));
    --misc-txt-color: #464646;
    --link-txt-color: #E6283C;
    --link-hover-txt-color: white;
 
    /* VARIABLES > Color Accents */
 
    --accent: var(--acc-default);
 
    --acc-default: 59, 59, 59;
    --acc-wyoming: 142, 0, 18;
    --acc-canada: var(--acc-default);
    --acc-poland: 87, 44, 17;
    --acc-slothspit: 27, 60, 133;
    --acc-vanguard: 0, 153, 75;
    --acc-threshold: 121, 113, 130;
    --acc-overwatch: 28, 37, 56;
    --acc-spc: 0, 165, 200;
    --acc-fishing: 67, 111, 145;
    --acc-nightfall: 151, 0, 2;
    --acc-hybrasil: 27, 60, 133;
    --acc-goc: 39, 84, 149;
    --acc-spooky: 252, 112, 40;
 
    /* VARIABLES > BetterFootnotes */
 
    --fnColor: var(--link-txt-color);
    --fnLinger: 1s;
 
}
 
/* VARIABLES > Info Bar */
 
.info-container {
    --barColour: rgb(var(--accent));
    --linkColour: #EDEDED;
}
 
/* MAIN */
 
html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}
 
body {
    font-family: var(--ui-font), sans-serif;
    font-size: var(--base-font-size);
    color: rgb(51, 51, 51);
    background-image: linear-gradient(to bottom, #e0e0e0, #fff 200px);
    text-rendering: optimizeLegibility;
    overflow-wrap: break-word;
}
 
div#container-wrap {
    background: none;
}
 
#content-wrap {
    margin: 2em auto 0;
}
 
#page-content {
    font-family: var(--page-font), var(--ui-font), sans-serif;
    font-size: var(--page-font-size);
}
 
#page-content strong {
    font-weight: 800;
}
 
tt,
.page-source,
pre,
#edit-page-textarea {
    font-family: var(--mono-font);
}
 
ol li {
    margin: 0 0 1em;
}
 
ul {
    margin: 1em 0;
}
 
li,
p {
    line-height: 1.65;
    text-underline-offset: 40%;
}
 
::selection {
    background: rgb(var(--accent));
    color: #fff;
}
 
/* Clicky links */
a,
a.newpage,
a:visited,
#side-bar a:visited {
    color: var(--link-txt-color);
}
 
a:hover,
a.newpage:hover,
a:visited:hover,
#side-bar a:visited:hover {
    color: var(--link-hover-txt-color);
    text-decoration: none;
    background-color: var(--link-txt-color);
}
 
a {
    transition-duration: 0.1s;
}
 
/* 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;
}
 
/* MAIN > Header */
 
div#header {
    background: none;
    height: 160px;
}
 
#header h1 span,
#header h2 span {
    font-size: 0;
    display: none;
}
 
#header h1 a::before,
#header h2::before {
    color: var(--header-txt-color);
    letter-spacing: 1px;
    font-family: var(--head-font), sans-serif !important;
    font-weight: 900;
    text-shadow: none;
}
 
#header h1 {
    margin-top: -0.3rem;
}
 
#header h1 a {
    width: fit-content;
    margin: auto;
}
 
#header h1 a::before {
    content: var(--header-title);
    font-size: 1.3em;
}
 
#header h2::before {
    content: var(--header-subtitle);
    font-weight: 700;
    font-size: 1.7em;
    color: var(--misc-txt-color);
    line-height: 26px;
    margin-top: 1rem;
    display: block;
    text-transform: uppercase;
}
 
#header h1,
#header h2 {
    margin-left: 0;
    float: none;
    text-align: center;
}
 
#header h1 span,
#header h2 span {
    font-size: 0;
    display: none;
}
 
div#extra-div-1 {
    height: 160px;
    width: 100%;
    top: 7px;
    position: absolute;
    background: var(--logo-img) 10px 30px no-repeat;
    background-size: 130px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    z-index: -1;
    opacity: var(--logo-opacity);
}
 
/* MAIN > Header > Search Box */
 
#search-top-box-form>input[type=text] {
    display: none;
}
 
#search-top-box-input,
#search-top-box-input:hover,
#search-top-box-input:focus,
#search-top-box-form input[type=submit],
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: none;
    background: rgb(var(--accent));
    box-shadow: none;
    border-radius: 5px !important;
    color: #efefef;
    font-family: var(--ui-font);
    font-size: calc(var(--page-font-size) - 10%);
}
 
#search-top-box input.empty {
    color: #999999;
}
 
#search-top-box {
    position: absolute;
    top: 47px;
    width: unset;
}
 
/* MAIN > Header > Top Bar */
 
#top-bar,
#top-bar a {
    top: 10rem;
}
 
#header #top-bar ul {
    border-radius: 10px;
    border: none;
    background: rgb(var(--accent));
    padding-left: 15px;
    padding-right: 15px;
}
 
#header #top-bar a {
    color: white;
    background: rgb(var(--accent));
    font-weight: bold;
}
 
#header #top-bar ul li ul {
    padding: 0px;
    border-radius: 0px;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    border-left: solid 1px #FFF;
    border-right: solid 1px #FFF;
}
 
#top-bar ul li ul li a:hover {
    color: rgba(255, 255, 255, 0.83) !important;
    line-height: 230%;
    text-indent: 3px;
}
 
#top-bar {
    display: flex;
    justify-content: center;
    right: 0;
}
 
.mobile-top-bar {
    left: unset;
}
 
/* MAIN > Header > Login Info */
 
#login-status {
    top: 19px;
}
 
#login-status,
#login-status a {
    color: #333333;
}
 
@media (max-width: 767px) {
    #header .printuser {
     font-size: 0;
    }
}
 
.printuser a {
    margin: 0;
}
 
.printuser img.small {
    width: 18px;
    height: 18px;
    padding: 1px 4px 0 0;
 
    background-image: none !important;
}
 
@media (max-width: 767px) {
    #header .printuser img.small {
     transform: translate(0, 4px);
    }
}
 
#my-account {
    display: none;
}
 
@media (max-width: 767px) {
    #account-topbutton {
     margin: 0 0 0 5px;
    }
}
 
/* MAIN > Header > Side Bar */
 
#top-bar .open-menu a {
    border-radius: 0px;
    border: none;
    background: rgb(var(--accent));
    color: white;
}
 
#side-bar {
    background: #FFF;
}
 
@media (min-width: 768px) {
 
    #side-bar {
     padding: 0.3em 0.6em 0 0.6em;
     width: 18.75em;
     transition: left 0.2s ease-in-out;
     direction: rtl;
     text-align: left;
     border-right: none;
    }
 
}
 
#side-bar .side-block,
#side-bar .side-block.resources,
#side-bar .side-block.media,
#interwiki .side-block {
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    box-shadow: none;
    margin-bottom: 6px;
    direction: ltr;
    background: transparent;
}
 
#side-bar .side-block.resources {
    text-align: center;
}
 
#side-bar .heading {
    color: var(--misc-txt-color);
    border-bottom: solid 2px #cfcfcf;
    font-size: 9pt;
    font-family: var(--head-font);
    font-weight: 800;
    text-transform: uppercase;
}
 
/* CONTENT */
 
/* CONTENT > Blockquotes, Custom Divs */
 
.blockquote,
div.blockquote,
blockquote {
    border: solid 2px rgba(0, 0, 0, 0.15);
    background: #f7f7f7;
}
 
.jotting {
    padding: 1.3em;
    margin: 1em 4.5em;
    border: dashed 2px rgba(0, 0, 0, 0.2);
    background: #f7f7f7;
}
 
.notation {
    padding: 1em 1.5em;
    margin: 1em 3em;
    border-left: solid 3px rgba(0, 0, 0, 0.35);
    border-right: solid 3px rgba(0, 0, 0, 0.35);
    background: #f7f7f7;
}
 
.modal {
    padding: 1.2em;
    margin: 1em 3em;
    border: solid 5px rgba(0, 0, 0, 0.15);
    background: #fbfbfb;
}
 
.quote {
    padding: 0.4em 2em;
    margin: 3em auto;
    border-left: solid 3px #bbb;
    max-width: 500px !important;
}
 
.paper {
    padding: 1.5em;
    margin: 2em;
    background: #FFF;
    box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.2);
}
 
.box {
    padding: 1px 9px;
    border: solid 3px #bbb;
    margin: 0.5em 1em;
}
 
div.note {
    font-size: unset;
    border: 2px solid #afafaf;
    background-color: #fff;
}
 
.round {
    border-radius: 10px;
}
 
/* CONTENT > Headings, Titles */
 
#page-title,
.meta-title {
    font-family: var(--page-font--ui-font), sans-serif;
    font-weight: 800;
    color: #3b3b3b;
    border-bottom: solid 2px rgba(0, 0, 0, 0.2);
    width: fit-content;
    margin: 0 auto 1.5rem;
}
 
#page-title,
.meta-title,
#breadcrumbs,
.pseudocrumbs {
    text-align: center;
}
 
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--head-font), sans-serif;
    font-weight: 800;
    color: #3b3b3b;
}
 
h1,
h2 {
    font-weight: 800;
}
 
.footnotes-footer .title {
    font-family: var(--head-font), sans-serif;
    color: #3b3b3b;
    font-weight: 800;
}
 
/* CONTENT > Rate Module */
 
#page-content .creditRate {
    margin: unset;
    font-family: var(--ui-font);
    float: unset !important;
}
 
#page-content .rate-box-with-credit-button {
    background-color: #fff;
    border: solid 1px #bbb;
    box-shadow: none;
    border-radius: 0;
}
 
#page-content .rate-box-with-credit-button .fa-info {
    border: none;
    color: #333;
}
 
#page-content .rate-box-with-credit-button .fa-info:hover {
    background: #333;
    color: #fff;
}
 
.rate-box-with-credit-button .cancel {
    border: solid 1px #fff;
}
 
.page-rate-widget-box {
    box-shadow: none;
    border: solid 1px #bbb;
    margin: unset;
    margin-bottom: 4px;
    border-radius: 0;
    font-family: var(--ui-font);
}
 
.page-rate-widget-box .rate-points {
    background-color: #fff !important;
    color: #333 !important;
    border: none !important;
    border-radius: 0;
}
 
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: #fff;
    border-top: none;
    border-bottom: none;
}
 
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
    color: #333;
}
 
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: #333;
    color: #fff;
}
 
.page-rate-widget-box .cancel {
    background: #fff;
    border: none;
    border-radius: 0;
    display: inline-block;
}
 
.page-rate-widget-box .cancel a {
    color: #333;
}
 
.page-rate-widget-box .cancel a:hover {
    background: #333;
    color: #fff;
    border-radius: 0;
}
 
#page-content .rate-box-with-credit-button .page-rate-widget-box {
    border: none;
}
 
/* CONTENT > Rate Module > Author Label */
 
.authorlink-wrapper {
    --author-top-adjust: 0;
    --author-bottom-adjust: 0;
    --author-right-adjust: 0;
    font-family: var(--ui-font);
    font-size: var(--base-font-size);
}
 
/* CONTENT > Side Box */
 
.anchor {
    position: sticky;
    height: 0;
    top: 0;
}
 
.sidebox {
    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;
}
 
@media (max-width: 1290px) {
    .sidebox {
     display: none;
     visibility: hidden;
    }
}
 
/* CONTENT > Image Block */
 
.scp-image-block .scp-image-caption {
    background-color: #f4f4f4;
    color: #3b3b3b;
    border: solid 2px rgba(0, 0, 0, 0.1);
    margin-top: 10px;
    box-sizing: border-box;
    border-radius: 5px;
}
 
.scp-image-block {
    border: none;
    box-shadow: none;
}
 
.scp-image-block img {
    border: solid 2px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
}
 
.imagediv {
    float: right;
    margin: 15px
}
 
@media (max-width: 540px) {
    .imagediv {
     float: unset;
     text-align: center;
     margin: 1.3rem auto 1.3rem auto;
    }
}
 
@media only screen and (max-width: 600px) {
    .scp-image-block.block-right {
     float: none;
     margin: 10px auto;
    }
}
 
/* CONTENT > Tables Base */
 
#page-content tr th {
    padding: 6px;
    border: 2px solid rgba(0, 0, 0, 0.2);
}
 
#page-content tr td {
    padding: 12px;
    border: 2px solid #bfbfbf;
    line-height: 1.4;
}
 
#page-content .sidebox tr td,
#page-content .sidebox tr th {
    padding: 0.35em;
}
 
/* CONTENT > Tables Customization (Table Coloring System) */
 
/* CONTENT > Tables Customization (Table Coloring System) > Table Headings, Image Captions */
 
#page-content .table1 tr th,
#page-content .table1 .scp-image-block .scp-image-caption {
    background-color: #E0FFD4;
}
 
#page-content .table2 tr th,
#page-content .table2 .scp-image-block .scp-image-caption {
    background-color: #D8ECF4;
}
 
#page-content .table3 tr th,
#page-content .table3 .scp-image-block .scp-image-caption {
    background-color: #FDF6D7;
}
 
#page-content .table4 tr th,
#page-content .table4 .scp-image-block .scp-image-caption {
    background-color: #FFDFCD;
}
 
#page-content .table5 tr th,
#page-content .table5 .scp-image-block .scp-image-caption {
    background-color: #FFCFCF;
}
 
#page-content .table6 tr th,
#page-content .table6 .scp-image-block .scp-image-caption {
    background-color: rgba(146, 0, 255, 0.2);
}
 
.tableb .wiki-content-table {
    border-collapse: separate;
    border-spacing: 2px;
}
 
/* CONTENT > Tables Customization (Table Coloring System) > Other Colored Divs */
 
.table1 .blockquote,
.table1 div.blockquote,
.table1 blockquote,
.table1 .jotting,
.table1 .notation,
.table1 .modal,
.table1 .paper,
.blockquote.table1,
div.blockquote.table1,
.jotting.table1,
.notation.table1,
.modal.table1,
.paper.table1 {
    background: rgb(224, 255, 212);
}
 
.table2 .blockquote,
.table2 div.blockquote,
.table2 blockquote,
.table2 .jotting,
.table2 .notation,
.table2 .modal,
.table2 .paper,
.blockquote.table2,
div.blockquote.table2,
.jotting.table2,
.notation.table2,
.modal.table2,
.paper.table2 {
    background: rgb(226, 244, 255);
}
 
.table3 .blockquote,
.table3 div.blockquote,
.table3 blockquote,
.table3 .jotting,
.table3 .notation,
.table3 .modal,
.table3 .paper,
.blockquote.table3,
div.blockquote.table3,
.jotting.table3,
.notation.table3,
.modal.table3,
.paper.table3 {
    background: rgb(255, 245, 189);
}
 
.table4 .blockquote,
.table4 div.blockquote,
.table4 blockquote,
.table4 .jotting,
.table4 .notation,
.table4 .modal,
.table4 .paper,
.blockquote.table4,
div.blockquote.table4,
.jotting.table4,
.notation.table4,
.modal.table4,
.paper.table4 {
    background: rgb(255, 223, 205);
}
 
.table5 .blockquote,
.table5 div.blockquote,
.table5 blockquote,
.table5 .jotting,
.table5 .notation,
.table5 .modal,
.table5 .paper,
.blockquote.table5,
div.blockquote.table5,
.jotting.table5,
.notation.table5,
.modal.table5,
.paper.table5 {
    background: rgb(255, 207, 207);
}
 
.table6 .blockquote,
.table6 div.blockquote,
.table6 blockquote,
.table6 .jotting,
.table6 .notation,
.table6 .modal,
.table6 .paper,
.blockquote.table6,
div.blockquote.table6,
.jotting.table6,
.notation.table6,
.modal.table6,
.paper.table6 {
    background: rgb(255, 218, 255);
}
 
/* CONTENT > Tabs 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
}
 
/* CONTENT > Tabs 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: #333333;
    box-shadow: none;
}
 
.yui-navset .yui-nav a,
/* ---- Link Modifier ---- */
.yui-navset .yui-navset-top .yui-nav a {
    color: #333333;
    /* ---- Tab Background Colour | [UNSELECTED] ---- */
    background-color: #efefef;
    border: unset;
    box-shadow: none;
    box-shadow: none;
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    color: #ffffff;
    /* ---- Tab Background Colour | [HOVER] ---- */
    background-color: #333333;
}
 
.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: #ffffff;
    background-color: #ffffff;
    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: #333333;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
    border: none;
}
 
.yui-navset .yui-nav .selected a {
    width: 100%;
    color: #ffffff;
}
 
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
    color: #ffffff;
    background-color: #333333;
}
 
.yui-navset .yui-content {
    background-color: #ffffff;
    box-shadow: none;
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    padding: .5em;
    border: 1px solid #333;
    box-sizing: border-box;
}
 
/* CONTENT > WORDS NO BROKEY. CROQ HAS SPOKEY. and other things */
 
span,
a {
    word-break: normal !important
}
 
.avatar-hover {
    display: none !important;
}
 
#main-content .page-tags span {
    max-width: 100%;
}
 
/* CONTENT > Dustjacket Assets */
 
.fancyhr hr {
    border-top: 2vw solid transparent;
    background-color: rgba(var(--bright-accent), 0);
    height: 0;
    box-sizing: border-box;
    border-image-source: url('http://scp-jp-storage.wdfiles.com/local--files/file%3A5722815-46-ec6z/wl_hr.png');
    border-image-repeat: round round;
    background: none;
    border-image-slice: 80 500 80 500 fill;
    border-image-width: 10em 80em 10em 80em;
}
 
.fancyborder {
    box-sizing: border-box;
    border: 2vw solid rgba(0, 0, 0, 0.5);
    border-image: url('http://scp-jp-storage.wdfiles.com/local--files/file%3A5722815-47-mqmb/wl_border.png') 600 round;
    border-image-width: 6;
    padding: 2vw;
}
 
/* CONTENT > Collapsibles */
 
#page-content a.collapsible-block-link:hover {
    text-decoration: underline;
    color: var(--link-txt-color);
}
 
#page-content a.collapsible-block-link:not(.licensebox a.collapsible-block-link, .info-container a.collapsible-block-link, .default-col a.collapsible-block-link) {
    text-decoration: none;
    font-weight: bold;
    color: white;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 7px;
    padding-right: 9px;
    background: rgb(var(--accent));
    border-radius: 6px;
    margin-top: 5px;
    font-family: var(--ui-font);
    font-size: var(--base-font-size);
    box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.4);
    transition-duration: 0.4s;
    display: inline-block;
 
}
 
#page-content a.collapsible-block-link:not(.licensebox a.collapsible-block-link, .info-container a.collapsible-block-link, .default-col a.collapsible-block-link):hover {
    background: rgba(var(--accent), 0.7);
    box-shadow: none;
}
 
/* CONTENT > ACS Adjustments */
 
.top-left-box>.item {
    display: none;
}
 
.anom-bar-container {
    margin-top: 1.1rem;
}
 
.anom-bar-container,
.anom-bar-container * {
    font-family: var(--head-font), Inter, sans-serif !important;
}
 
.acs-extra-1,
.acs-extra-2,
.acs-extra-3,
.acs-extra-4 {
    font-family: var(--head-font), Inter, sans-serif !important;
}
 
.anom-bar > .top-box {
    text-transform: none;
}
 
/* CONTENT > Woed Bar Adjustments */
 
div.scale div.item1>div {
    color: #333;
    font-family: var(--head-font);
    font-size: 1.4em;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: unset;
}
 
div.scale div.class1>div {
    color: #333;
    font-family: var(--head-font);
    font-size: 2em;
    line-height: 0.9em;
    letter-spacing: 2px;
}
 
div.scale {
    --woedbar-class-bar-color: #333 !important;
}
 
div.scale div.obj {
    height: 1.7em;
}
 
div.scale div.obj>div {
    font-size: 1.55em;
}
 
/* MISC */
 
#page-content hr {
    height: 2px;
}
 
.bt {
    color: rgb(var(--accent));
    font-weight: bold;
}
 
#footer {
    background: transparent;
    color: #444;
    margin-top: 45px;
}
 
#footer a {
    color: #7b7b7b;
}
 
.footer-wikiwalk-nav {
    font-weight: 700;
    font-size: 88%;
    word-spacing: 5px;
}
 
#page-info-break {
    height: 10px;
}
 
#page-options-container {
    border-top: solid 1px rgba(213, 213, 213, 0.5);
    padding-top: 1rem;
}
 
.page-watch-options {
    padding-bottom: 0.6rem;
    font-size: 77%;
}
 
.page-options-bottom {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}
 
.page-options-bottom a {
    margin: 3px;
    color: #FFF;
    background: rgb(var(--accent));
    padding: 5px 13px 5px 13px;
    text-decoration: none;
    font-size: 90%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
 
.page-options-bottom a:hover {
    background: rgba(var(--accent), 0.8);
}
 
#page-info-break {
    height: 6px;
}
 
#license-area {
    color: #5f5f5f;
    background: #ecf2f1;
    border-top: solid 2px #d9d9d9;
    margin-top: 10px;
}
 
#license-area a::after {
    content: ".";
}
 
@media (min-width: 768px) {
    #main-content .page-tags {
     padding-right: 16rem;
    }
}
 
#main-content div.page-tags::before {
    content: "tags   ";
    color: var(--misc-txt-color);
    font-family: var(--head-font);
    font-weight: 800;
    font-size: 0.8rem;
}
 
#main-content .page-tags a {
    display: inline-block;
    height: .8125rem;
    margin: 0 0 .5rem .75rem;
    padding: .1875rem .3125rem .1875rem 0;
    color: #FFF;
    background-color: rgb(var(--accent));
    border-bottom-right-radius: .25rem;
    border-top-right-radius: .25rem;
    line-height: 13px;
    line-height: .8125rem;
    font-size: calc(var(--page-font-size) - 10%);
    font-weight: bold;
}
 
#main-content .page-tags a::before {
    width: 0;
    height: 0;
    top: -.1875rem;
    left: -.625rem;
    padding: 0 .0625rem .1875rem;
    border-color: transparent rgb(var(--accent)) transparent transparent;
    border-style: solid;
    border-width: .5rem .5rem .5rem 0;
}
 
#main-content .page-tags a::before,
#main-content .page-tags a::after {
    content: "";
    position: relative;
    float: left;
}
 
#main-content .page-tags a::after {
    width: .25rem;
    height: .25rem;
    top: .2813rem;
    left: -.5rem;
    background-color: #FFF;
    border-radius: .125rem;
}
 
#main-content .page-tags span {
    max-width: 100%;
    border-top: .5rem solid transparent;
}
 
#page-tags-input {
    font-weight: bold;
    word-spacing: 8px;
}
 
#edit-page-form input.text {
    font-family: var(--head-font), sans-serif;
    font-weight: 800;
    font-size: 150% !important;
    padding: 4px;
}
 
#edit-page-form>table.form>tbody>tr>td:nth-child(1) {
    font-weight: bold;
}
 
.edit-help-34 {
    font-size: 85%;
    opacity: 60%;
    transition-duration: 0.3s;
    width: fit-content;
}
 
.edit-help-34:hover {
    opacity: 100%;
}
 
.edit-help-34 a {
    margin-right: 3px;
    margin-left: 10px;
}
 
table.edit-page-bottomtable {
    width: 100%;
}
 
#edit-page-comments {
    height: 86px;
}
 
#lock-info {
    background-color: transparent;
    margin: 0.8em;
    line-height: 1.7;
    font-size: 86%;
    border: none;
}
 
#lock-info::before {
    content: "!";
    padding-right: 12px;
    font-weight: bold;
    font-size: 110%;
    opacity: 60%;
}
 
#lock-timer {
    font-size: 115%;
    margin: 0 5px;
}
 
#lock-timer::before {
    content: "⏲ ";
    opacity: 80%;
}
 
textarea,
#edit-page-form input.text {
    outline: none;
    border: 1px solid #ccc;
    transition-duration: 0.3s;
    transition-property: box-shadow;
}
 
textarea:focus-visible,
#edit-page-form input.text:focus-visible {
    box-shadow: 0px 0px 0px 1px #a3a3a3;
    border: 1px solid #a3a3a3;
}
 
#action-area>p {
    font-size: 85%;
    color: darkslategrey;
}
 
#action-area>p:nth-child(5)>a {
    display: block;
    text-align: center;
    font-size: 120%;
    font-weight: bold;
}
 
#who-rated-page-area>div {
    column-count: 4;
}
 
@media (max-width: 900px) {
    #who-rated-page-area>div {
     column-count: 3;
    }
}
 
@media (max-width: 700px) {
    #who-rated-page-area>div {
     column-count: 2;
    }
}
 
@media (max-width: 540px) {
    #who-rated-page-area>div {
     column-count: 1;
    }
}
 
#page-content .content-warning.creditRate {
    padding-top: 8px;
    padding-right: 21px;
}
 
.preview-message {
    right: 0em;
    top: 2em;
    border: unset;
    padding: 1em 1.5em;
    background-color: rgba(0, 0, 0, 0.9);
    max-width: 29em;
    opacity: 1;
    z-index: 100;
    line-height: 1.7;
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.2));
    color: #EDEDED;
}
 
.error-block {
    background-color: rgba(255, 0, 48, 0.1);
    text-align: center;
    border: none;
    border-top: solid 3px #B00;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
 
table.page-history tbody tr:nth-child(2n) {
    background: rgba(var(--accent), 0.05);
}
 
.owindow {
    animation: fade 0.5s;
}
 
@keyframes fade {
    0% {
     opacity: 0;
    }
 
    100% {
     opacity: 1;
    }
}
 
.owindow .button-bar a {
    border: solid 2px rgba(0, 0, 0, 0.1);
    margin: 11px;
    padding: 0.5em 2em;
    border-radius: 4px;
}
 
.owindow .button-bar a:hover {
    background-color: var(--link-txt-color);
    color: var(--link-hover-txt-color);
    border-radius: 0px;
}
 
.owindow .button-bar {
    padding: 1.2em 1em 1.2em;
}
 
.owindow .table {
    margin-bottom: 1.5rem;
}
 
.owindow .title {
    cursor: default;
    font-family: var(--head-font);
    font-weight: 800;
    font-size: 155%;
    text-align: center;
    padding: 0.5em 1em;
    border-bottom: solid 2px rgba(187, 187, 187, 0.4);
    background-color: #F7F7F7;
}
 
.owindow.owait .content {
    padding: 0.5em 0.5em 2em;
    background-image: none;
}
 
.owindow.owait .content::after {
    content: " ";
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    margin: -0.9rem auto;
    margin-top: 1rem;
    animation: loading 1.2s linear infinite;
    border-top: 0.4rem solid grey;
    border-right: 0.4rem solid transparent;
    border-bottom: 0.4rem solid grey;
    border-left: 0.4rem solid transparent;
    border-radius: 50%;
}
 
@keyframes loading {
    0% {
     transform: rotate(0deg);
    }
 
    100% {
     transform: rotate(360deg);
    }
}
 
.owindow.osuccess {
    padding: 0.5em;
}
 
.owindow div.content:nth-child(2)>img:nth-child(1) {
    margin-right: 1.2rem;
    margin-top: 1rem;
}
 
.odialog-shader {
    background-color: #262a39;
}
 
.btn {
    transition-duration: 0.15s;
}
 
.btn:not(#main-content .btn, #search-top-box-form input[type="submit"]),
.btn.btn-primary,
div.buttons input,
input.button:not(#search-top-box-form input[type="submit"]) {
    padding: 0.5em;
    margin: 11px;
    border-radius: 3px;
    font-family: var(--ui-font);
    cursor: pointer;
}
 
#edit-cancel-button,
#edit-diff-button,
#edit-preview-button,
#edit-save-draft-button,
#edit-save-continue-button,
#edit-save-button {
    background: #fff;
    border: solid 1px #ccc;
    cursor: pointer;
    font-family: var(--ui-font);
    color: #333;
    padding: 0.5rem 14px;
    margin: 1px;
    font-size: 90%;
    border-radius: 3px;
}
 
#edit-cancel-button:hover,
#edit-diff-button:hover,
#edit-preview-button:hover,
#edit-save-draft-button:hover,
#edit-save-continue-button:hover,
#edit-save-button:hover {
    background-color: #eaeaea;
}
 
#edit-save-continue-button,
#edit-save-button {
    background: #dbffd6;
    transition-duration: 0.3s;
    color: #005a0a;
}
 
#edit-save-continue-button:hover,
#edit-save-button:hover {
    color: #fff;
    background: #0d951c;
}
 
#edit-cancel-button {
    background: #ffe1e1;
    transition-duration: 0.3s;
    color: #c52727;
}
 
#edit-cancel-button:hover {
    color: #fff;
    background: #c5272e;
}
 
table.page-history tbody tr {
    color: #757575;
}
 
.fncon {
    font-size: var(--page-font-size) !important;
    line-height: 1.64;
    border: 2px solid rgba(0, 0, 0, 0.2);
}
 
.fncon::before {
    font-size: var(--page-font-size) !important;
}
 
.hovertip {
    border: none !important;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    background: #FFF;
    padding: 3px;
    max-width: 400px;
}
 
input.checkbox,
.page-history input,
#h-perpage {
    cursor: pointer;
}
 
input,
textarea {
    font-family: var(--ui-font);
}
 
#breadcrumbs,
.pseudocrumbs {
    font-weight: bold;
    font-size: 110%;
    font-family: var(--ui-font);
}
 
/* ---- REDUCED MOTION ACCESSIBILITY ---- */
@media (prefers-reduced-motion: reduce) {
 
    *,
    *::before,
    *::after {
     animation-duration: .001s !important;
     animation-iteration-count: 1 !important;
     transition-duration: .001s !important;
    }
}
 
/* @MEDIA */
 
@media (max-width: 850px) {
 
    #header h2::before {
     font-size: 1.4em;
    }
 
}
 
@media (max-width: 700px) {
 
    #header h2::before {
     font-size: 1.2em;
     margin-top: 0.3rem;
    }
 
    #top-bar,
    #top-bar a {
     top: 8.8rem;
     font-size: 90%;
    }
 
}
 
@media (max-width: 620px) {
 
    #header h2::before {
     font-size: 1em;
     margin-top: 0.15rem;
    }
 
    #top-bar,
    #top-bar a {
     top: 8.3rem;
     font-size: 90%;
    }
 
    div#header {
     height: 123px;
    }
 
}
 
@media (max-width: 520px) {
 
    #header h2::before {
     line-height: 16px;
     margin-top: 0.5rem;
    }
 
    #top-bar,
    #top-bar a {
     top: 9.3rem;
    }
 
    div#header {
     height: 145px;
    }
 
}
 
/* LOCALIZATION FOR JP BRANCH */
 
/* CREDIT MODULE */
#page-content .creditRate.creditModule {
    float: right !important;
}
#page-content .creditRate.creditModule .rate-box-with-credit-button {
    border: none 0;
}
#page-content .creditRate.creditModule .page-rate-widget-box {
    border: solid 1px #bbb;
    margin-bottom: 0;
}
#page-content .creditRate.creditModule .page-rate-widget-box .cancel,
#page-content #u-credit-view .modalbox .page-rate-widget-box .cancel,
#action-area .page-rate-widget-box .cancel {
    display: inline-flex;
}
#page-content .creditRate.creditModule .page-rate-widget-box .cancel a,
#page-content #u-credit-view .modalbox .page-rate-widget-box .cancel a,
#action-area .page-rate-widget-box .cancel a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 2px 5px;
    height: 16px;
    box-sizing: border-box;
    color: #000;
}
#page-content .creditRate.creditModule .page-rate-widget-box .cancel a:hover,
#page-content #u-credit-view .modalbox .page-rate-widget-box .cancel a:hover,
#action-area .page-rate-widget-box .cancel a:hover {
    color: #fff;
}
#page-content .creditRate.creditModule .creditButton {
    box-sizing: border-box;
    height: 20px;
    border: solid 1px #bbb;
    border-radius: 0;
    background: none;
    box-shadow: none;
    padding: 0 2px;
}
#page-content .creditRate.creditModule .creditButton a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    height: 16px;
}
 
#page-content #u-credit-view .modalbox .credit-license a:hover {
    background-color: transparent;
}
 
/* SIDE BAR */
#side-bar:target {
    width: 19em;
    border: none 0;
}
 
#side-bar:target .close-menu {
    margin-left: 20.2em;
    opacity: 0;
}
#side-bar .scpnet-interwiki-wrapper iframe.scpnet-interwiki-frame {
    width: 100%;
    margin: 0 0 2em;
}
#top-bar .open-menu a {
    top: unset;
    border: none 0 !important;
    background: rgb(var(--accent)) !important;
    color: white !important;
}
 
#side-bar .side-block .collapsible-block-folded {
    background: none;
}
#side-bar .side-block .collapsible-block-folded a.collapsible-block-link {
    margin-left: 0;
}
#side-bar .side-block .collapsible-block-folded::before {
    content: "";
    display: inline-block;
    background: url('http://scp-jp.wikidot.com/local--files/nav:side/expand.png') 0 2px no-repeat;
    width: 13px;
    height: 13px;
    margin-right: 2px;
}
#side-bar .side-block .collapsible-block-folded::before,
#side-bar .side-block .menu-item img:not([src*="twitter" i]):not([src*="discord" i]) {
    filter: invert(37%) sepia(90%) saturate(6233%) hue-rotate(341deg) brightness(93%) contrast(92%);
    -webkit-user-select: none;
    user-select: none;
}
 
/* 圏点 */
.kt {
    -webkit-text-emphasis-style: filled dot;
            text-emphasis-style: filled dot;
}
 
/* RUBY */
.ruby, .rt {
    border-collapse: collapse;
}

ヨーロッパ

🇵🇱 ポーランド

神格存在出現事件とヴェール崩壊

1998年7月12日の正午、ポーランド南部・マウォポルスカのとある村で、ショパン・カルトの異端的な一派が儀式を決行。結果、ショパンの顔とセミの幼虫の身体を持つ巨大な異形の神と、同じくショパン顔の成虫のセミの群れが出現し、経路上の都市を破壊しながら、カルトの聖地であるジェラゾヴァ・ヴォラ村に向けて進行を開始した。この“神”は未完成の状態で出現したと見られ、聖地への到達は神の完成による破滅的な世界終焉シナリオに繋がりかねないものだった。

semi

当時の新聞に載ったイラスト。

財団、世界オカルト連合、ならびにポーランド政府は一時的に協調し、神格と戦闘するも難航。12日夜に首都クラクフの北にあるプロショビツェで決戦が行われ、最終的には神を討ち取ることに成功する。しかしながら、死に際の神が放った超極大規模の奇跡論パルスにより、ポーランド南部全体で建物の崩壊などの大損害が発生。また、これに伴いヴェールが崩壊し、財団・連合は一般に向けての公開説明を行わざるを得なかった。

被災したポーランドでは、神の影響で消滅した生物が残す“カック灰”による汚染が発生し、また民間人・建造物への被害も (一部の魔術的保護を受けていた箇所を除いて) 深刻だった。財団・連合は当時崩壊間際であったプロメテウス・グループに出資し、ポーランド南部の復興や除染を任せた。この“ポーランド特需”によって同社はある程度修復し、その後の第二次パラテックバブルへの礎となっていく。

一方、日本から飛び立った夏鳥思想をきっかけに、2000年代にポーランドで出現した過激派夏鳥組織“ボチャン・ビアウィ”の行った悪行は、後の反異常思想“ナツドリズム”の勃興に繋がるなど、神格存在出現事件は今後も長い禍根を残すことになる。

🇪🇦 スペイン

2015年・国民カワウソ化事件

比較的順調に世界に追随していたスペインであったが、2015年8月、スペイン国民カワウソ化事件が発生。“トンガラシ翁”として知られる要注意人物が不死を目指す儀式の過程で神格化し、人々を食材であるカワウソに変えて捕食し始めた。これは1998年の神格存在出現事件以後、神格存在が起こした事件の中では当時最大級のものだった。

バルセロナに出現した神格はイベリア半島全土に結界を構築し、眠りについた。しかし、スペイン政府側が神格討伐時にポーランド南部のような破壊的影響が生じる懸念から様子見を行っていたことや、財団・連合が同時期に南シナ海で発生していた、サメ殴りセンターと海洋諸国の間の武力衝突 (南シナ海戦争) に手を取られていたことなどで、対応は遅延。結果、出現7日後に結界の影響が遅効性であったことが発覚し、半島全土の国民がカワウソに変化。覚醒した神格による人々の捕食が始まった。

神格は各都市を移動しつつ、軍と交戦。トンガラシ翁に飼われていた (そして儀式の触媒となっていた) 2匹のカワウソ──リュドリガ兄妹 (セイル・アヒージョ・リュドリガとアマリア・アヒージョ・リュドリガ) の接触・協力で見つかった打開策から、11月29日の「第3次バルセロナ市街戦」を以て神格存在は撃破された。実に3ヶ月に及ぶ騒動であった。なおこの際、当初心配されていた神格討伐に伴う破壊的影響は発生しなかった。

otter.png

エスパノル・ヌートリアのスケッチ。

戦後も、スペインではしばらくの間に渡って政治的混乱が続いた。また対応の不足から、正常性維持機関やEUなどへの不信感が広まった。何より大きかった問題が、種族の変化による生活様式の変化と、ホモ・サピエンスの間での対立の発生だった──半島在住のカワウソ化した人々は「エスパノル・ヌートリア」と呼ばれ、少数のヒトのままの住民 (エスパノル・ヒュマノ) との間に対立が生まれていた。特に、ヒュマノの間における異常排斥思想の広まりなども新たな問題となった。

国民の大部分が動物特徴保持者 (AFC) となってしまったスペインは2016年に憲法を改正し、欧州でもいち早くAFCへの権利保証を進めた国家となった。このため、AFC権利論の文脈において、スペインは先鋒国家の1つであると見なされている。

CESEXAD.png

スペイン次元穴探検公社 (CESEXAD) のロゴマーク。

また、衰退してしまった国内産業を補う一手として、神格存在が残していった「次元穴」が注目された。神格存在は戦闘中、しばしば異次元空間に繋がるポータルを生じさせては、その中へと逃げ込んだ。これらのポータルは現在も残されたままであり、幻想的な異空間へと繋がっていた。調査の結果、この世界からは未知の有用な資源が豊富に発見され、スペイン政府は次元穴の探索を国家事業として積極的に推し進めた。これは後に、別次元・空間探索産業 (ODSE産業) が国家の経済状況に大きな影響を与えた代表例として知られるようになる。

北米

🇺🇸 アメリカ合衆国

メキシコ湾体制と9.11テロ

ポーランド神格存在出現事件の後、財団-世界オカルト連合-プロメテウスグループ-アメリカ合衆国政府の4者協議による北米大陸のアノマリー評価報告システムが速やかに確立された。米国南部超常組織協力条約 (SUSEOCT) の拡張的な枠組みとしてメキシコ湾条約が締結され、財団・連合の特殊資産が集中する北米全域における衝突の防止、ならびにヴェール・プロトコルの段階的廃止におけるモデルケースとして運用された。

zukai.png

メキシコ湾体制 (画像作成: 広末孝行)。

これら4権力による新世界秩序は俗に「メキシコ湾体制」と呼ばれ、財団・連合などに否定的な見解を示すカオス・インサージェンシーなどの組織による反体制活動の活発化を招いた。2001年9月11日、ニューヨークで開催予定だった国連の超常問題特別総会を狙って、4権力を離散させるべくCIが大規模な超常テロを引き起こす。

CIはハイジャックした飛行機でマンハッタン島上空に儀式陣を構築し、その結果ワールドトレードセンターを中心に地獄への崩落が始まった。財団・連合は対応に当たるも、暴徒化した悪魔の軍勢、更にはCIが解き放った多数の工作員や超常兵器によって戦闘は激化する一方。WTC 1頂上に事態の元凶らしき生まれかけの神格が確認され、GOC本部はピチカート手順の発動によりマンハッタンごと脅威存在を葬り去ることを通告する。

32104522554_3324f8da0f_c.jpg

33番街に集う悪魔たち。

一方、財団はこれを容認せず、戦闘を継続。現地の財団・連合部隊は共闘体制を取って神格を異次元に追放し、9/15にマンハッタンは再び現実に浮上した。神格により本来の主従関係を上塗りされていた悪魔たちは、再度地獄第三圏の主であるイブリースの命令下に戻り降参を宣言。神格の追放の代わりにイブリースが結んだ契約の結果、悪魔たちの存続が確約され、彼らは新たな労働力として、専用の法律下で (そして財団の政治的・情報的根回しの下で) マンハッタン復興に動員されることとなった。

地獄の侵食範囲は最終的にマンハッタン島全域ならびにその周辺区域まで及んでおり、関連して述べ1500万人が異常存在に直接的な影響を受けた。これは北米大陸の財団・連合資産の対処能力を大きく上回る事態であった。これを受け、両者は「ハドソン川協定」を発行し、事後処理に伴う衝突防止のためにいくつかの条項を取り決めた。

今回のテロ事件において、マンハッタンに居合わせた魔法使いや要注意団体が市民と団結して事態の対処に奮闘しており、彼らの様子が報道で広まっていた。加えて、先述したように悪魔たちが島で働くようになった。こうした背景を受けて、ハドソン川協定では人間型異常存在の権利がある程度保証される運びとなり、これは後の異常性保持者の権利運動に繋がる、重要な歴史的転換点となる。

現在、マンハッタンでの悪魔の渡航・労働は既に一般的な光景になっており、その情景は亜種族と共存する一例として世界中に広まっている。

南米

🇨🇴 コロンビア

“楽園”誕生とその顛末

かねてより麻薬の氾濫で知られるコロンビアであったが、ヴェール崩壊後に出現した無名の犯罪組織 (通称“ジョン・ドゥ・カルテル”) によって多数のパラドラッグがバラまかれ、社会情勢は急激に不安定化、政府は腐敗し機能不全に陥った。合衆国にまで溢れ出したパラドラッグの出処を追ううちにUIUはコロンビアの実情を把握、カルテルの鎮圧を企図し始める。

しかし2006/10/2、カルテルの傀儡政権は他の主権国家・正常性維持機関からの干渉断絶を宣言。国土一帯がどこからともなく湧き出した麻薬の霧に覆われ、立ち入ったものは夢の世界に取り込まれるようになってしまった。

コロンビア領土は国際連合の信託統治領となり、立入禁止区域に指定された。領域内ではカルテルと結託した悪魔たちが徘徊し、目覚めない民衆からエネルギーを回収し続けている。民衆の精神世界に構築された第二のコロンビアは、パラドラッグ漬けの狂気と退廃に溺れた世界となっており、ボゴタ上空に形成された幻像“オルタナティブ・コロンビア”にその光景が投影されている。

オルタナティブ・コロンビアはカルテルによって支配され、精神世界への移行も彼らが悪魔と契約を結んで引き起こしたものだと考えられている。同国は世界最大規模のパラドラッグの産出地となっており、ここから全世界に流出した“魔薬”マギファナは、各国裏社会での犯罪シンジケートの拡大を誘発した。

しかし20██年、詳細不明の集団“アゲインスト・ウィード”により、カルテルの支配体制は崩壊。残存するカルテル上層部と一部住民は、夢界の彼方へ姿を消した。

その後、2019年の再構築イベントの影響で、コロンビアは一度完全に“正常化”された──はずなのだが、再度コロンビアでは麻薬の霧の出現や、奇妙な精神疾患が多発しており、裏社会では“カルテルの帰還”が都市伝説的に広まりを見せている。まだ財団たちの仕事は終わりそうにない。

アフリカ

🇪🇬 エジプト

3度顔を変えた国家

エジプトはかねてより神話伝説が豊富であったが、ヴェール崩壊後、書物と口承の中に生きていた種族──いわゆる「伝承部族」が実際に存在していたことが発覚した。エジプトは彼らと協調する国家として、比較的先進的な政策を打ち出していたが、2019年、巨大な災厄が巻き起こる。

2019年9月13日、全世界規模のCK-クラス: 現実再構築イベントが発生。その結果として、アフリカ・南米両大陸は1998年のヴェール崩壊を経験していない歴史に変化した。住民は異常の知識を持たず、パラテックは姿を消し、これまで培われてきた伝承部族の進出は一気に逆戻りする結果となる。

この際、ナツドリズム系の人物・団体の多くが、「正常」になった両大陸を聖地と見なし、積極的な移入と“啓蒙”を行った。それに伴い、エジプトを中心とする北アフリカ各国が反異常思想を核に同盟を組んだ「サハラ夏鳥臨時軍事政府」が出現。伝承部族への積極的迫害を行い、国際的な非難を浴びることになる。

最終的に有志連合軍により軍事政府は敗走する結果となり、都市には伝承部族が戻ってきたものの、凄惨な戦争の歴史は今尚も爪痕を残している。ホモ・サピエンスと亜種族は、再度灰の中から手を取り合っていけるのだろうか?

アジア・太平洋

🇯🇵 日本

奇蹄病──新たなる課題

第二次パラテックバブルの波は、当然日本にも押し寄せていた。この恩恵を受けて勢力を拡大する企業もあれば、逆に海外勢力の進出を受けてその影響力を燻ぶらせる企業もあったが、躍進した企業の代表格が日本生類創研だった。しかし、彼らは長年に渡って多くの法的・人道的な問題を抱えており、日本政府・正常性維持機関共通の目の敵でもあった。

2009年1月28日、奇蹄病事件が発生。日本生類創研開発の人体変異ウイルスの漏洩により、神奈川県を発端に日本国内で大量感染エピデミックが起きてしまう。奇蹄病は急性期に人体の一部が哺乳類などの別の動物様の器官に置き換わる症状を齎し、この際に生じる不全などによって感染者の一部は死亡、生存者はそのまま人ならざる器官とともに生きていくこととなる。

多数の死者・後遺症患者を発生させたことで、日本生類創研の立場は一気に悪化。膨大な賠償金、法的追求・制限に追われるなかで本社が倒産し、グループは離散する。

Poster01.png

奇蹄病患者の差別防止ポスター。

奇蹄病患者たちは犠牲者として憐憫の目を向けられる一方で、その姿形や風聞から、各地で不当な差別・迫害が相次いだ。動物特徴保持者 (AFC) という言葉が一般的に使われだしたのもこの頃だ。彼ら奇蹄病患者たちの保護の訴えは、伝承部族や先天性の動物特徴保持者など、他のAFCも巻き込みながら一つの運動へと拡大していく。

東京事変とその余波

2017年12月17日、東京都全域 (および周辺区域) で史上最大規模の現実崩壊が発生。粘性を持って流れる電流、人体の建造物との融合、時空間の拡張・圧縮、降り注ぐビルの雨……かつての巨大都市は、わずか1日にして、居住不能地帯と化した。膨大な死者・行方不明者を出し、住む場所を失った難民が周辺の県に押し寄せるなか、生き残った政府関係者は群馬県に新たな暫定政府を設立した。

当時の財団は、2015年のスペインで満足な対応ができず、国際社会からの信用が失墜傾向にあった。このため、財団は彼らの支援で復興した成功例を求めていた──現在の日本の状況は、まさにこの状況に合致するものだった。そこで、彼らは早期に新日本政府に支援を提供し、その復興開発を強力に援助した。

GameCapture0.png

夜の中央新都心。

日本の復興政策の中、群馬県を新たな首都として、「中央新都心」を構築する計画が発表された。これは失われた都心機能を回復しつつ、最新鋭の技術を多数導入して、より先進的な都市を創り上げる試みだった。先の東京事変の経験を踏まえて、日本は首都機能をいくつかの都市に分散し、2026年には完全な道州制へと移行した。

他方、尚も断続的な現実崩壊を続ける東京では、政府・民間による多数の調査活動が行われた。その中で注目されたのが、ODSE産業だ。非基底資源が豊富であることが判明した東京には、危険を承知で一攫千金を狙うトレジャーハンターたちが集中した。何らかの影響で災害を逃れたいくつかの特区が、この産業の前哨拠点として機能した。

この他にも、東京では様々なドラマが展開される。地上の人々が知らぬ間に、地下では生存者たちが複数の駅コミュニティを形成し、拠点となった駅間で交流・衝突を繰り返していた。彼らはテクノロジーからほど遠いサバイバル生活を送り、暗闇の中で生命の火を繋げていく。また、東京周縁の廃墟・無人地帯に形成されたスラム街“トーキョー・サークル”では、企業や犯罪シンジケートの抗争が日常的に起こっていた。

26年間続いた災厄は、2043年12月27日にとうとう終焉を迎え、被災地の復興・再開発がゆっくりと進行しつつある。またこの際に、地下東京コミュニティと地上部は正式な交流に成功したようだ。

AFC権利活動

東京事変の影響で些か後回しにされてしまったが、異常性保持者たちの権利保証活動はなおも続いていた。2025年には、日本で異常性保持者保護法が改正され、動物特徴保持者についての条項が新たに盛り込まれるなどの進展を見せた。

しかし、それで国内の差別が瞬く間に一掃されたかというと、そうもいかない──問題は根深く、それに奇蹄病事件や東京事変の影響、そして親超常化が進む政策への反発で、反異常思想・ナツドリズムは着実にその根を広げつつあった。

2037年、南米のナツドリズム系武装組織に参加していた過去を持つ男性が、AFCを標的にした無差別テロを決行。巻き込まれた非異常者を含む大勢が死傷しただけでなく、被害者の中に2015年のスペインで神格討伐に貢献したヌートリア女性が含まれていたことで、話は日本国内のみならず国際的なニュースにまで膨れ上がり、主要各国に体質改善を促す結果となった。

超常医療産業の拡大

2010年代から人類の体内現実性レベルが次第に上昇し始め、またアノマリーが身近なものとなっていったことで、それに伴う異常性質の発現が全世界的に発生し始めた。2020年代から財団はこうした異常性を疾患と見なし、(特に害のあるものに対して) 収容・治療などの対応を開始した。

2029年、財団は中央新都心にサイト-81Q5を設立。同施設は日本国内での異常疾患対応計画の要であり、日本全土の「財団指定難病」患者が運び込まれ、治療を受けていた。一方、サイト-81Q5の体質には問題が多く、相次いで不祥事が発覚。最終的にはサイト全体で現実崩壊事象を起こしてしまい、財団の体質改善を唱える声や、超常医療の部分的見直しが唱えられるようになる。

two-ginats.png

日本医療業界の二大巨頭。

とはいえ、有害な異常性を医療でカバーするというスタイルはある程度一般化を見せていた。民間では、旧日本生類創研にルーツを持つ“ニッソグループ”と、国内最大級の企業連合会“Yakushiグループ”の二大巨頭が互いに競い合っていた。

近未来の社会では、多様化・権利保障は更なる進展をみせ、「人類」の定義はより拡張されたものとなっている。こうした超多様化社会に寄り添う形で、ニッソやYakushiは様々なサービス・商品展開を日々繰り広げ、日本は新たな夜明けへと向かいつつある。


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