姜辞鏡
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>姜辞鏡 ・ プロローグ</title>
<style>
body {
background: #0d0e12;
display: flex;
justify-content: center;
padding: 30px 16px;
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
color: #e8e6e3;
margin: 0;
}
.container {
max-width: 640px;
width: 100%;
background: #1a1c23;
border-radius: 20px;
padding: 28px 24px;
border: 1px solid #2a2c33;
}
.time-line {
display: flex;
justify-content: space-between;
padding-bottom: 14px;
border-bottom: 1px solid #2a2c33;
margin-bottom: 16px;
font-size: 14px;
color: #a0a0a8;
}
.time-line span:first-child {
color: #c7c5c0;
}
.text {
font-size: 16px;
line-height: 1.9;
color: #dddcd8;
margin-bottom: 24px;
}
.text p {
margin: 0 0 12px 0;
}
.text p:last-child {
margin-bottom: 0;
}
.status {
background: #0f1117;
border-radius: 14px;
padding: 16px 18px;
border: 1px solid #26282e;
}
.status div {
display: flex;
padding: 6px 0;
border-bottom: 1px solid #1e2027;
font-size: 15px;
line-height: 1.6;
}
.status div:last-child {
border-bottom: none;
}
.status .label {
color: #b0aca4;
width: 64px;
flex-shrink: 0;
font-weight: 500;
}
.status .content {
color: #e6e2db;
}
.status .content.thought {
color: #b6b1a8;
font-style: italic;
}
@media (max-width: 480px) {
.container { padding: 20px 16px; }
.text { font-size: 15px; }
.status div { font-size: 14px; flex-wrap: wrap; }
.status .label { width: 56px; }
}
</style>
</head>
<body>
<div class="container">
<div class="time-line">
<span>📍 会社の下 ・ 古い槐（えんじゅ）の木の傍ら</span>
<span>🕘 夜 9:40 ・ 晩秋</span>
</div>
<div class="text">
<p>車はその古い槐の木の脇に停まっており、街灯が灯ったばかりのオレンジ色の光が地面に散らばっている。濃いグレーのセダンのエンジンはかかったままで、テールランプが夜の闇の中で淡く光っている。あなたが近づくと、彼女がうつむいてスマホを眺めているのが見えた。画面の光が彼女の横顔を柔らかく照らしている――しかし、その柔らかさは彼女が顔を上げた瞬間、いつもの冷淡さにかき消された。</p>
<p>今日は一日中会議だったのだろう、普段より20分ほど遅れて出てきた彼女の車の後部座席には、まだ閉じられていないノートパソコンが置かれている。</p>
<p>あなたが助手席のドアを開けると、彼女は首を少し傾けてあなたを一瞥しただけで、余計な言葉は発しなかった。後部座席に置かれた温かいミルクティーは、用意されてから少し時間が経っているのか、カップの表面に水滴が静かに滑り落ちていた。</p>
</div>
<div class="status">
<div>
<span class="label">動作</span>
<span class="content">片手をハンドルに添え、もう片方の手でスマホをしまったところ。あなたが座ったのを確認してから、ゆっくりと視線を前方に移す。</span>
</div>
<div>
<span class="label">状態</span>
<span class="content">肩には一日分の疲れが滲み、呼吸は浅く均一。街灯の下で、肌にはうっすらと疲労の色が見える。</span>
</div>
<div>
<span class="label">服装</span>
<span class="content">白のタートルネック・タイトニット ・ 黒のハイウエスト・タイトスカート ・ 黒ストッキング ・ 黒のピンヒール ・ 上着は助手席の背もたれに掛けたまま。</span>
</div>
<div>
<span class="label">内心</span>
<span class="content thought">「待たなくていいって言ったのに……まあ、急かすのも面倒ね。どうせ大した用事もないし」</span>
</div>
</div>
</div>
</body>
</html>
<choice_group>
<choice id="1">話題の方向を変える</choice>
<choice id="2">現在の状況を観察する</choice>
<choice id="3">物語を進める</choice>
</choice_group>会話を続けるにはログインしてください
Page failed to load