.jg-lp {
–jg-night: #14141c;
–jg-night-soft: #1f1f2a;
–jg-paper: #f4efe2;
–jg-paper-dim: #ece4d2;
–jg-ink: #262218;
–jg-brass: #ad8752;
–jg-brass-bright: #c9a06b;
–jg-whisper: #918c7c;
–jg-mist: #9a9aa8;
all: initial;
display: block;
box-sizing: border-box;
max-width: 640px;
margin: 0 auto;
background: var(–jg-night);
color: var(–jg-paper);
font-family: ‘Zen Kaku Gothic New’, ‘Hiragino Sans’, sans-serif;
line-height: 1.85;
overflow-x: hidden;
}
.jg-lp *, .jg-lp *::before, .jg-lp *::after { box-sizing: border-box; }
.jg-lp p, .jg-lp h1, .jg-lp h2, .jg-lp h3, .jg-lp span, .jg-lp div, .jg-lp a, .jg-lp button, .jg-lp section, .jg-lp ul, .jg-lp li {
margin: 0; padding: 0; font-family: inherit; color: inherit; text-decoration: none; box-sizing: border-box;
}
.jg-lp a { cursor: pointer; }
.jg-lp img { max-width: 100%; display: block; }
.jg-serif { font-family: ‘Shippori Mincho’, serif; }
.jg-label { font-family: ‘Zen Old Mincho’, serif; letter-spacing: 0.28em; }
/* ———- HERO ———- */
.jg-hero {
position: relative;
padding: 76px 28px 64px;
text-align: center;
background:
radial-gradient(ellipse at 50% -10%, #23222f 0%, var(–jg-night) 62%);
border-bottom: 1px solid #2a2a38;
}
.jg-eyebrow {
font-size: 12px;
color: var(–jg-brass-bright);
letter-spacing: 0.3em;
}
.jg-boxwrap { margin: 34px auto 30px; width: 132px; }
.jg-hero-title {
margin-top: 8px;
font-size: 42px;
font-weight: 800;
letter-spacing: 0.08em;
color: var(–jg-paper);
}
.jg-hero-sub {
margin-top: 22px;
font-size: 16px;
color: #cfcad8;
letter-spacing: 0.03em;
}
.jg-hero-sub2 {
margin-top: 10px;
font-size: 13.5px;
color: var(–jg-mist);
}
.jg-hero-cta { margin-top: 40px; }
.jg-btn {
display: inline-block;
padding: 16px 40px;
font-family: ‘Zen Kaku Gothic New’, sans-serif;
font-weight: 700;
font-size: 15px;
letter-spacing: 0.12em;
color: var(–jg-night);
background: linear-gradient(180deg, var(–jg-brass-bright), var(–jg-brass));
border-radius: 2px;
box-shadow: 0 10px 24px rgba(173,135,82,0.28);
transition: transform .2s ease, box-shadow .2s ease;
}
.jg-btn:active { transform: translateY(1px) scale(0.99); }
.jg-btn-note {
display: block;
margin-top: 12px;
font-size: 11.5px;
color: var(–jg-whisper);
letter-spacing: 0.05em;
}
/* ———- LETTER / SYNOPSIS ———- */
.jg-letter-section {
padding: 64px 22px 40px;
background: var(–jg-night);
}
.jg-letter {
background: var(–jg-paper);
color: var(–jg-ink);
padding: 44px 30px 40px;
border-radius: 1px;
box-shadow: 0 30px 60px rgba(0,0,0,0.45);
opacity: 0;
transform: translateY(18px);
transition: opacity .8s ease, transform .8s ease;
}
.jg-letter.jg-in { opacity: 1; transform: translateY(0); }
.jg-tag {
display: inline-block;
font-size: 11px;
letter-spacing: 0.3em;
color: var(–jg-brass);
border: 1px solid var(–jg-brass);
padding: 5px 12px;
margin-bottom: 26px;
}
.jg-letter p {
font-size: 15.5px;
color: #3a3327;
margin-bottom: 20px;
letter-spacing: 0.02em;
}
.jg-letter p:last-child { margin-bottom: 0; }
.jg-letter .jg-emph {
font-family: ‘Shippori Mincho’, serif;
font-size: 17px;
color: var(–jg-ink);
}
/* ———- PULL QUOTE / BOX OPEN ———- */
.jg-quote-section {
position: relative;
padding: 78px 30px 86px;
text-align: center;
background: var(–jg-night-soft);
overflow: hidden;
}
.jg-quote-glow {
position: absolute;
top: 30%; left: 50%;
width: 340px; height: 340px;
background: radial-gradient(circle, rgba(201,160,107,0.16), transparent 70%);
transform: translate(-50%, -50%);
pointer-events: none;
opacity: 0;
transition: opacity 1.2s ease;
}
.jg-quote-glow.jg-in { opacity: 1; }
.jg-lid { margin: 0 auto 30px; width: 96px; position: relative; }
.jg-lid svg { display: block; }
.jg-lid-top {
transform-origin: 12px 46px;
transition: transform 1s cubic-bezier(.2,.8,.2,1);
}
.jg-lid.jg-in .jg-lid-top { transform: rotate(-24deg) translate(-2px,-4px); }
.jg-quote {
font-family: ‘Shippori Mincho’, serif;
font-size: 22px;
line-height: 1.9;
color: var(–jg-paper);
max-width: 460px;
margin: 0 auto;
opacity: 0;
transform: translateY(10px);
transition: opacity .9s ease .2s, transform .9s ease .2s;
}
.jg-quote.jg-in { opacity: 1; transform: translateY(0); }
.jg-quote-sub {
margin-top: 18px;
font-size: 12.5px;
letter-spacing: 0.15em;
color: var(–jg-mist);
}
/* ———- DETAILS ———- */
.jg-details {
padding: 60px 28px 50px;
background: var(–jg-night);
border-top: 1px solid #262633;
}
.jg-details-title {
text-align: center;
font-size: 13px;
letter-spacing: 0.3em;
color: var(–jg-brass-bright);
margin-bottom: 30px;
}
.jg-details-list { list-style: none; }
.jg-details-list li {
display: flex;
justify-content: space-between;
padding: 16px 0;
border-bottom: 1px solid #26262f;
font-size: 14px;
}
.jg-details-list li:last-child { border-bottom: none; }
.jg-details-list .jg-dt { color: var(–jg-mist); letter-spacing: 0.08em; }
.jg-details-list .jg-dd { color: var(–jg-paper); text-align: right; }
/* ———- FINAL CTA ———- */
.jg-final {
padding: 60px 28px 56px;
text-align: center;
background: radial-gradient(ellipse at 50% 110%, #23222f 0%, var(–jg-night) 60%);
}
.jg-final-lead {
font-family: ‘Shippori Mincho’, serif;
font-size: 19px;
color: var(–jg-paper);
margin-bottom: 30px;
line-height: 1.9;
}
.jg-sticky {
position: sticky;
bottom: 0;
left: 0; right: 0;
background: var(–jg-night-soft);
border-top: 1px solid #34344288;
padding: 12px 18px calc(12px + env(safe-area-inset-bottom));
display: flex;
align-items: center;
justify-content: center;
z-index: 20;
}
.jg-sticky .jg-btn { width: 100%; text-align: center; padding: 14px 20px; }
.jg-foot {
text-align: center;
padding: 22px 20px 90px;
font-size: 10.5px;
color: #56566a;
background: var(–jg-night);
letter-spacing: 0.04em;
}
@media (min-width: 641px) {
.jg-lp { border-left: 1px solid #222; border-right: 1px solid #222; }
}
@media (prefers-reduced-motion: reduce) {
.jg-letter, .jg-quote, .jg-quote-glow, .jg-lid-top { transition: none !important; }
}
短編小説 ・ Kindle
For S
蒸発がーる
三年前、彼女は跡形もなく消えた。
遺されたのは、開かない木箱と、音の出ないピアノ。
STORY
三年前、恋人のあさみは、まるで最初からいなかったかのように姿を消した。理由も、行き先も、何も告げずに。
ある日、取り壊されるマンションから見つかった一つの古い木箱。宛名は「For S」。俺の名前は、シンゴ。
開かない木箱。音の出ないピアノ。
そして「沈黙の音を聞いて」という、謎めいたメッセージ——。
あさみが遺した手がかりを辿るうちに、俺はやがて、彼女が本当に隠していたものにたどり着く。蒸発の理由も、三年分の想いも。
すべてがつながったとき、物語は静かに動き出す。
誰かを探し続けたことがある人へ贈る、
再会と再生の物語。
REUNION / RENEWAL
DETAILS
- タイトル蒸発がーる
- 著者朝倉りん
- ジャンル恋愛小説（短編）
- 形式Kindle電子書籍
木箱の中で、
三年間、静かに鳴り続けていた音を——
どうか、聞いてほしい。
Kindleで読む
(function(){
var root = document.getElementById(‘jgLp’);
var reduce = window.matchMedia(‘(prefers-reduced-motion: reduce)’).matches;
var targets = [
document.getElementById(‘jgLetter’),
document.getElementById(‘jgLid’),
document.getElementById(‘jgGlow’),
document.getElementById(‘jgQuote’)
];
if (reduce) {
targets.forEach(function(el){ el.classList.add(‘jg-in’); });
return;
}
if (‘IntersectionObserver’ in window) {
var io = new IntersectionObserver(function(entries){
entries.forEach(function(entry){
if (entry.isIntersecting) {
entry.target.classList.add(‘jg-in’);
io.unobserve(entry.target);
}
});
}, { threshold: 0.35, root: null });
targets.forEach(function(el){ if (el) io.observe(el); });
} else {
targets.forEach(function(el){ el.classList.add(‘jg-in’); });
}
})();
毎日頑張るあなたを助けたいブログ 
コメントを残す