SCP-3405-JP
/*
    Simple Yonder Theme
    [2020 Wikidot Theme]
    By EstrellaYoshte
    Based on:
        Sigma-9 Theme by Aelanna and Dr Devan
        Y2K Theme by etoisle
        Anderson Robotics Theme by Croquembouche
        Minimal Theme Theme by stormbreath
        Word Processing Theme by stormbreath
        Flopstyle CSS by Lt Flops
 
    Edited for SCP-JP by ukwhatn
*/
 
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fontlibrary.org/face/glacial-indifference');
 
body {
    background-attachment: fixed;
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-size: 14.3px;
    word-break: unset;
    --themeColor: #7E2520;
    --accentColor: #E53C35;
}
 
a {
    color: rgb(229, 60, 53);
}
 
a:visited {
    color: rgb(126, 37, 32);
}
 
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #7E2520;
    font-family: 'GlacialIndifferenceRegular';
    font-weight: bold;
}
 
#account-topbutton{
    border: 0px solid #000;
}
 
/* ---- PAGE WRAP ---- */
 div#container-wrap{
     background-image: url(http://scp-jp.wikidot.com/local--files/theme:simple-yonder/bg.png);
     background-repeat: repeat-x;
}
 
div#header {
    background-image: url(http://scp-jp.wdfiles.com/local--files/theme%3Asimple-yonder/logo.png);
    background-size: 12.5%;
}
 
#page-title {
    font-family: 'GlacialIndifferenceRegular';
    font-weight: bold;
    color: #7E2520;
}
 
#login-status,
#login-status a {
    color: white;
    font-weight: bold;
}
 
#footer {
    background: transparent;
}
 
#footer a {
    color: #444;
}
 
#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: #282828;
    box-shadow: none;
    border-radius: 2px;
    color: #f4f4f4;
}
 
#search-top-box input.empty {
    color: #bbbbbb;
}
 
div#header h1 a span {
    font-family: 'GlacialIndifferenceBold';
    font-weight: bold;
    color: #f4f4f4;
    text-shadow: 0px 0px 0px #000;
}
div#header h2 span {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #f4f4f4;
    padding: 17px 0;
    text-shadow: 0px 0px 0px #000;
    white-space: pre;
}
 
.scp-image-block.block-right {
    margin: 0 2em 1em;
}
 
@media (min-width: 767px) {
     #header {
             background-position: 0em 1.7em;
     }
}
 
/* ---- SIDE BAR ---- */
 
#side-bar .side-block {
    border: #ffffff 4px;
    border-radius: 0;
    box-shadow: none;
    background: #ffffff !important;
    padding: 2px;
}
#side-bar .heading {
    border: none;
    border-radius: 0;
    color: #282828;
    font-size: 1.2em;
    padding: 1em 1em 0 0;
    border-top: 1px solid rgba(0,0,0,.12);
    margin: 1em calc(-1em + 2px) 1em 0;
    font-weight: normal;
}
 
#side-bar .menu-item > a:hover {
    background-color: rgba(0,0,0,0.04);
    color: #E53C35;
    text-decoration: none;
}
 
div.open-menu a {
    border-radius: 0;
    box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.2), 0px 3px 10px 0 rgba(0, 0, 0, 0.19);
    color: #7E2520!important;
    border: none!important;
}
 
#side-bar a:visited,
#top-bar a,
#top-bar ul li.sfhover a,
#top-bar ul li:hover a,
#login-status ul a,
#login-status ul a:hover {
    color: #7E2520;
}
 
@media (max-width: 767px) {
    #main-content {
        padding: 0;
        margin: 0 5%;
        border-left: none;
    }
    #page-title {
        margin-top: 0.7em;
    }
    #side-bar {
        background-color: #fff;
        left: -23em;
    }
    #side-bar:target {
        border: none;
        box-shadow: 3px 0 1px -2px rgba(0,0,0,0.04), 1px 0 5px 0 rgba(0,0,0,0.2);
    }
    #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: 19em 50%;
        z-index: -1;
        opacity: 0;
        pointer-events: none;
    }
    #side-bar:target .close-menu {
        width: calc(100% - 19em);
        right: 0;
        left: auto;
        opacity: 1;
        pointer-events: auto;
    }
    #page-content > hr, #page-content > .list-pages-box > .list-pages-item > hr {
        margin: 3em -5.5%;
    }
    #breadcrumbs {
        position: relative;
        top: 0;
        font-style: italic;
    }
    #side-bar {
        top: 0;
    }
    #side-bar .heading {
        padding-left: 1em;
        margin-left: -1em;
    }
    #search-top-box {
        top: 107px;
    }
}
 
/* ---- TABS ---- */
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: #7E2520; /* color between tab list and content */
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background: white; /* tab background */
    border-color: transparent;
    color: black;
    transition: 0.125s;
}
 
.yui-navset .yui-nav a em {
    background: #f4f4f4;
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
    border-color: white;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
    background: white; /* selected tab background */
    color: #7E2520;
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background: white;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
    border-color: transparent;
    box-shadow: 0px 1px 2px 0.5px rgba(0,0,0,0.5);
    background: white;
}
 
.yui-navset .yui-content {
    background: #f4f4f4; /* content background color */
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    border-color: transparent; /* content border */
    border-top-color: transparent; /* different border color */
}
 
.yui-navset-left .yui-content {
    border-left-color: #b7a9a9; /* different border color */
}
 
/* ---- TOP MENU ---- */
 
#top-bar a {
    color: #f4f4f4;
    font-weight: normal;
}
 
/* ---- INFO BAR ---- */
 body{
     --barColour: rgb(126, 37, 32);
}
 
 .info-container .collapsible-block-content{
     padding: 0 .5em 30px;
}
 .info-container .collapsible-block-content .wiki-content-table{
     width: 100%;
}
 
/* ---- INFO PANE ---- */
 
#page-content .creditRate{
     margin: unset;
}
#page-content .rate-box-with-credit-button {
    background-color: #ffffff!important;
    border: solid 1px white!important;
    box-shadow: none;
    border-radius: 0;
}
 
#page-content .rate-box-with-credit-button .fa-info {
    border: none;
    color: #7E2520!important;
}
 
#page-content .rate-box-with-credit-button .fa-info:hover {
    background: #ffffff;
    color: #E53C35!important;
}
 
.rate-box-with-credit-button .cancel {
    border: solid 1px white;
}
 
/* ---- PAGE RATING ---- */
 
.page-rate-widget-box {
    box-shadow: none;
    margin: unset;
}
 
div.page-rate-widget-box .rate-points {
    background-color: white;
    color: #7E2520 !important;
    border: solid 1px white;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: white;
    border-top: solid 1px white;
    border-bottom: solid 1px white;
}
 
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
    color: #7E2520;
}
 
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: white;
    color: #E53C35;
}
 
.page-rate-widget-box .cancel {
    background: transparent;
    background-color: white;
    border: solid 1px white;
}
 
.page-rate-widget-box .cancel a {
    color: #7E2520;
}
.page-rate-widget-box .cancel a:hover {
    background: white;
    color: #E53C35;
}
 
/* ---- PAGE ELEMENTS ---- */
 
#page-content .wiki-content-table tr th {
    border: solid 1px #bbbbbb;
    background-color: #f4f4f4;
    /* set border for table title */
}
 
#page-content .wiki-content-table tr td {
    border: solid 1px #bbbbbb;
    /* set border for table content */
}
 
blockquote,
div.blockquote,
#toc,
.code {
     background-color: #f4f4f4;
     border: solid 1px #bbbbbb;
}
 
.scp-image-block {
    border: solid 1px #bbbbbb;
    box-shadow: none;
}
.scp-image-block .scp-image-caption {
    background-color: #f4f4f4;
    border-top: solid 1px #bbbbbb;
    color: black;
}
 
/* JP ONLY */
/* Credit */
#page-content div.page-rate-widget-box .rate-points {
    font-family: "Open Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
    font-size: unset;
    padding: 0 5px;
}
 
#page-content .page-rate-widget-box .cancel a {
    color: #7E2520;
}
 
#page-content .page-rate-widget-box .cancel a:hover {
    color: #E53C35;
}
 
#page-content .rate-box-with-credit-button .creditButton {
    background-color: transparent;
    border: none;
    box-shadow: none;
    margin-left: unset;
}
評価: +21+x
blank.png

アイテム番号: №3405-JP
レベル2
収容クラス:
safe
副次クラス:
{$secondary-class}
撹乱クラス:
{$disruption-class}
リスククラス:
{$risk-class}

Daydream_Grassfield

夢イメージ抽出機により対象から抽出されたSCP-3405-JP-1の風景。


特別収容プロトコル: 回収されたSCP-3405-JPは全てサイト-81DSの物品収容区間で管理されます。未収容のSCP-3405-JPについても近畿共同ネットワーク1の人員によって回収されますが、民間人が所有している場合は"稀本収集"の名目を用いて適切な方法及び金額で購入して下さい。SCP-3405-JPを利用した実験の実施には担当職員3名からの許可が必要になります。サイト-81KKなど他サイトへの貸出については現在倫理委員会による審議中です。

説明: SCP-3405-JPは「白昼夢の草原にてIn The Daydream Grassland」という題名のハードカバー書籍です。SCP-3405-JPの表紙には風力タービンとヒマワリ(学名: Helianthus annuus)の特徴が混在した抽象的な造形の構造体が草原に点在する風景の水彩画が描かれており、奥付には「出版:淵幻玉楼えんげんぎょくろう」と記載されています。


淵幻玉楼


概要: GoI-8127("淵幻玉楼")は、悪夢の克服や不眠の解消などの効果を有する書籍の作成を目的とした超常創作コミュニティです。当初は保護者による児童への朗読を目的とした絵本の制作・発刊を行う作家グループでしたが、ターゲット層を児童から不眠症の大人にまで拡大する中で「夢」や「空想」を刺激する描写を研究していたところ、偶発的に夢界と接触した事で現在の団体になりました。

GoI-8127のメンバーは一貫して読者に「より良い眠りと目覚め」を齎す作品を作成しており、倫理道徳及び現実法則に縛られない破壊的執筆活動を目的とするアートテロ集団であるGoI-8133("下天茶屋")とスタンスの違いから緩やかに対立していました。最終的にGoI-8133側が実行した事案1648DK("ハーメルンの魔法使い")を契機として両団体間で事実上の敵対関係が発生しました。

2019年4月1日、GoI-8127が拠点としていたNx-87-B("マホロバ・リユニオン")2内の宿泊施設がGoI-8133の敵対的報復に遭い同施設ごと全メンバーが消失し壊滅に至りました。にもかかわらず、GoI-8127を名乗る団体から出版されたと思しき未確認の作品が近年奈良県を中心とした近畿圏で確認されており、財団によって監視と調査が継続されています。


SCP-3405-JPの異常性は、親しい人物との死別を経験した人物(以下対象)がSCP-3405-JPを読了して次に就寝した際に発現します。親しい人物との死別を経験していない人物は異常性の影響を受けません。

対象は必ず同一の明晰夢(以下SCP-3405-JP-1)を経験します。SCP-3405-JP-1の様相は概ねSCP-3405-JPにおける描写と一致しており、「空間内の太陽らしき光源は移動しているものの、現実世界における白夜と酷似した低緯度の軌道を取る故に時間帯が昼頃で固定されている、無数の風力タービン以外の構造物が確認できない面積不明の草原」と対象は知覚します。対象は限りなく現実に近い五感をSCP-3405-JP-1で体感しますが、同時にこれは夢の中であって現実ではないという事実も理解します。対象はSCP-3405-JP-1内部で退屈感を覚える状況にあり、その解消手段が存在しないため、SCP-3405-JP-1の探索を開始します。SCP-3405-JP-1内部で再現される対象の所持品は就寝時の衣服や装身具のみであり、携帯電話などを所持したまま就寝したとしても再現されません。

不明な時間の後3に対象はSCP-3405-JP-1内で風力タービン以外の構造体である一軒家を発見します。一軒家の様相も対象に寄らず固定されており、近代的な西洋風の一軒家として確認されます。SCP-3405-JP-1はその外観に反して玄関以外のドアは玄関から続く廊下の突き当りにある1つしか存在せず、結果的に対象はその扉を開けて部屋に侵入します。

SCP-3405-JP-2は対象にとって重要な生前交流があった故人を自称する不明な人型実体です。SCP-3405-JP-2は自分自身が故人本人か対象から質問されても曖昧にはぐらかすのみであり真偽は不明です。対象はSCP-3405-JP-2と故人の事をどう思っているかや対象の近況報告などの対話を行います。対象が対話に満足するとSCP-3405-JP-2は対象を見送り、「またいつか会おう」と告げます。玄関から対象が退出した時点で対象は覚醒します。

起床した対象の精神状況は、以前の検査結果より改善されていることが確認されています。対象が故人に対して抱いていた喪失感や後悔などが緩和/解消されたことが理由だと推測されています。


SCP-3405-JPの内容は主人公が今際の際に見た走馬灯を書き起こしたという一人称視点の詩集です。作中において不明な要因から死期が迫り意識を失った主人公は、五体満足な状態で暖かな白昼の草原に出現します。主人公が草原を探索していると風力タービンを発見して、主人公にとっての重要な人物と考えられる故人に見立てて話し掛けます。そして、このまま行けばいつか故人に会えると確信は持てないが、諦めるべきか逡巡しつつも踏ん切りが付かず、躊躇いながらも草原の地平線を目指す所で終了します。

以下は、SCP-3405-JPの内容の抜粋です。

草原にいくら足跡増やしても、僕は気怠い朝すら迎えられず。
風を頬で撫でたとて、置き去られるのは涙跡と今。
それでも光る海の中 ただ笑うきみが在るから、廻る太陽で眼を焼きたい。

向日葵は太陽しか眼中になく 風車も連られて首を回す。
ただずっと浴びていたいのさ、きっと追い続けるのだろう。
夜は一体どこを向けばいいのか されど久遠の日は草原に沈まず。

轟音と振動。鉄の巨塔は僕を無視して唸る。
電気すら生まれずどこにも行けず 空回り。
力の為に回るのじゃない、回る事が意味なように。

無限彼方の地平線 遥か果てなく続く鉄樹並木。
再会まで歩みを止めてなるものか、強い決意と動かぬ足。
ごめんね、今は少し休ませて。蹲る僕の上には太陽がいつまでも。

昼に囚わる者より、夜を征く者へ。夜明けがあらんことを。


インタビュー記録: SCP-3405-JP


日付: 2020/05/01
インタビュー対象: SCP-3405-JP-2(容姿はAgt.太秦の実父に酷似)
インタビュアー: Agt.太秦 (ネクサス外交部門)
備考: Agt.太秦は本人の志願によって実験に参加しました。


<思念転写開始>

SCP-3405-JP-2: …あぁ、葵4か。

[台上にあったオセロ盤が、インタビュアーの来訪と共に霧散する。オセロ盤はインタビュー対象がかつて遊戯していたと思われる型番のものである。]

Agt. 太秦: 昔はよくお父さんとオセロで対決したけど、勝てた試しが無かったなぁ。口論では勝てなくても、ゲームならお父さんを負かせると歯向かってはねじ伏せられてさ。だからさ、また打たない?

[霧散していたオセロ盤が再出現する。]

SCP-3405-JP-2: おお、そうか。最後に打とうと思った時、お前は運悪く海外出張中でな。

[以後インタビュー対象とインタビュアーがオセロを遊戯しながら対話を続ける。]

Agt. 太秦: 打てなかったのは本当に悔しかった。これでもお父さんが亡くなってから、職場の同僚全員に勝てる位にはオセロの腕を鍛えたのよ?

SCP-3405-JP-2: そうか。なら腕並みを拝見だな。茜5以上の手応えを期待しているぞ。

[インタビュアーがインタビュー対象とオセロを遊戯する。]

Agt. 太秦: 不思議ね。恨み言でもガンガンぶつけようと思ってたのにどうも出てこない。

SCP-3405-JP-2: 葵が言わずとも分かる。母さんが本家を継がなかった代わりに他の家の養子になり、自分と妹の名字が違う事を。

[盤面の9割が白で埋まる]

Agt. 太秦: 今でも底にあるんだ、答えの無い問いが。

SCP-3405-JP-2: ふむ、どうやら死んでも私の腕は衰えていないようだな。

[インタビュー対象がインタビュアーにオセロで勝利する。]

[記録上の沈黙。]

Agt. 太秦: …勝ってたのにな、私。

SCP-3405-JP-2: 負けを認めたがらない悪い癖、今でも治ってないようだな。

Agt. 太秦: 確かに今はお父さんの黒一色。でも1手前まで盤面は白が勝つ寸前だったのに、それなのにいきなり黒に塗り替えられてしまった。こんな小手先のズルなんて要らなくても勝てる筈なのに。

Agt. 太秦: もしかしてお父さんじゃない?

[記録上の沈黙。]

SCP-3405-JP-2: 勝てないからって言い訳は辞めなさい。葵の事も家族の事もここまで知ってる人が私以外にいるものか?

Agt. 太秦: 私との関係を知ってる身近にいる人。身近にいて、劣等感を覚えていることを知っている人。お父さんじゃないなら、貴方は私だ。

[記録上の沈黙。]

SCP-3405-JP-2: 私は父と腹を割って話したかったんだよ、ずっと。

Agt. 太秦: 父さんが高熱で魘される私を勉強机に縛り付けて院まで行かせた学歴は、私の自信をしっかりと支えてくれた。財団に加入したのも父さんが趣味でよく登ってた葛城山6に卒業旅行で登ったら穴に落っこちて保護されてだし7。ずっと父さんが私の人生に与えた恩恵を見ないふりをしていたんだと思う。

SCP-3405-JP-2: 穴蔵に転勤した事自体は後悔してる?

Agt. 太秦: そういう事じゃない。財団に来た事も、一度行ったら気軽に現世に帰れない裏世界への転勤も全部私の選択。滞在中の身内の不幸も想定しなかった訳もない。

SCP-3405-JP-2: 穴蔵から帰ってきてから今まで以上に仕事に打ち込んでたのも、避けていたせいで死に目に会えなかった後悔から目を背けたかったからなんだろうね。

[オセロの盤面が改変されインタビュー対象の勝利が覆る]

Agt. 太秦: 本当は褒められたかった。もっと茜みたいにオセロを父さんと打ちたかった。自分の中のわだかまりに蓋をしていたんだと思う。

[インタビュー対象とインタビュアーが対戦を再開する]

SCP-3405-JP-2: 次会えたら言う事決まったみたいね。

Agt. 太秦: [微かに笑う]勿論よ。その時は絶対勝ってやるから。

[インタビュアーが勝利する。]

SCP-3405-JP-2: また会おうね。

[オセロ盤とSCP-3405-JP-2が急速に霧散していく。インタビュアーが一瞥すると、椅子の上にはヒマワリの花束だけが残されている。インタビュアーが部屋を出ると一軒家の輪郭が揺らいでいく。玄関から退出した時点で家屋全体が椅子とテーブルを残して消失し、インタビュアーは起床する。]

<思念転写終了>

後記: SCP-3405-JPの実験後、Agt. 太秦の精神状況が改善されていることが確認されました。本人は「本家で育てられた妹に対して抱いていた不合理な嫉妬や悪感情が解消され、今後は長期休暇で帰省した際にも妹と会おうと考えている」と報告しています。


: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)); }
}
特に指定がない限り、このサイトのすべてのコンテンツはクリエイティブ・コモンズ 表示 - 継承3.0ライセンス の元で利用可能です。