.jhg-lp * { box-sizing: border-box; }
.jhg-lp {
–navy-deep: #14132A;
–navy-mid: #322C58;
–dusk-plum: #7A5C7E;
–blush: #F0C4C6;
–dawn: #FBE3D8;
–gold: #C79A56;
–gold-light: #E4C489;
–paper: #FBF7F0;
–ink: #2B2438;
–ink-soft: #5C5468;
max-width: 640px;
margin: 0 auto;
font-family: “Zen Kaku Gothic New”, “Hiragino Sans”, sans-serif;
color: var(–ink);
background: var(–paper);
line-height: 1.9;
position: relative;
overflow: hidden;
}
.jhg-lp img { max-width: 100%; display: block; }
.jhg-serif { font-family: “Shippori Mincho”, serif; }
/* ———- HERO ———- */
.jhg-hero {
position: relative;
padding: 46px 24px 40px;
background: linear-gradient(180deg, var(–navy-deep) 0%, var(–navy-mid) 38%, var(–dusk-plum) 68%, var(–blush) 100%);
color: var(–dawn);
text-align: center;
overflow: hidden;
}
.jhg-hero .jhg-stars {
position: absolute; inset: 0;
background-image:
radial-gradient(1.5px 1.5px at 12% 18%, #fff, transparent),
radial-gradient(1.5px 1.5px at 78% 12%, #fff, transparent),
radial-gradient(1px 1px at 34% 30%, #fff, transparent),
radial-gradient(1.5px 1.5px at 60% 22%, #fff, transparent),
radial-gradient(1px 1px at 88% 34%, #fff, transparent),
radial-gradient(1px 1px at 20% 44%, #fff, transparent),
radial-gradient(1.5px 1.5px at 50% 8%, #fff, transparent);
opacity: .55;
}
.jhg-hero .jhg-eyebrow {
position: relative;
display: inline-flex; align-items: center; gap: 8px;
font-size: 11px; letter-spacing: .28em;
color: var(–gold-light);
margin-bottom: 18px;
}
.jhg-hero .jhg-eyebrow::before,
.jhg-hero .jhg-eyebrow::after { content: “”; width: 20px; height: 1px; background: var(–gold-light); opacity: .7; }
.jhg-hero h1 {
position: relative;
font-size: 30px;
font-weight: 800;
letter-spacing: .04em;
margin: 0 0 10px;
line-height: 1.5;
}
.jhg-hero .jhg-sub {
position: relative;
font-size: 14px;
color: var(–dawn);
opacity: .88;
margin: 0 0 28px;
letter-spacing: .04em;
}
.jhg-hero .jhg-badges {
position: relative;
display: flex; justify-content: center; gap: 8px;
margin-bottom: 26px; flex-wrap: wrap;
}
.jhg-badge {
font-size: 11px; padding: 5px 12px; border-radius: 999px;
border: 1px solid rgba(255,255,255,.4);
color: var(–dawn); letter-spacing: .08em;
}
.jhg-badge.jhg-gold { background: var(–gold); border-color: var(–gold); color: var(–navy-deep); font-weight: 700; }
.jhg-hero .jhg-cover-wrap { position: relative; width: 168px; margin: 0 auto; }
.jhg-hero .jhg-cover {
position: relative;
width: 168px; height: 240px;
border-radius: 3px;
background: linear-gradient(165deg, var(–navy-deep) 0%, var(–navy-mid) 45%, var(–dusk-plum) 75%, var(–blush) 100%);
box-shadow: 0 18px 40px rgba(0,0,0,.45);
overflow: hidden;
}
.jhg-hero .jhg-cover svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.jhg-hero .jhg-cover .jhg-cover-title {
position: absolute; left: 14px; top: 16px;
font-family: “Shippori Mincho”, serif;
color: #fff; font-size: 10px; letter-spacing: .32em; writing-mode: vertical-rl;
}
.jhg-hero .jhg-cover .jhg-cover-name {
position: absolute; right: 12px; bottom: 12px;
font-family: “Shippori Mincho”, serif;
color: rgba(255,255,255,.85); font-size: 9px; letter-spacing: .2em; writing-mode: vertical-rl;
}
/* ———- LEAD ———- */
.jhg-lead { padding: 36px 26px 8px; background: var(–paper); }
.jhg-lead p { font-size: 15.5px; margin: 0 0 20px; color: var(–ink); }
.jhg-lead p:last-child { margin-bottom: 0; }
.jhg-lead .jhg-quote {
font-family: “Shippori Mincho”, serif;
font-size: 17px;
color: var(–navy-mid);
border-left: 2px solid var(–gold);
padding-left: 14px;
margin: 26px 0;
}
/* ———- CLUES ———- */
.jhg-clues { position: relative; padding: 44px 26px 20px; background: var(–paper); }
.jhg-clues .jhg-section-title {
font-family: “Shippori Mincho”, serif;
font-size: 20px; font-weight: 600; text-align: center; color: var(–navy-mid);
margin: 0 0 6px;
}
.jhg-clues .jhg-section-title span { color: var(–gold); }
.jhg-clues .jhg-section-sub {
text-align: center; font-size: 12.5px; color: var(–ink-soft);
margin: 0 0 34px; letter-spacing: .06em;
}
.jhg-thread { position: relative; padding-left: 34px; }
.jhg-thread::before {
content: “”;
position: absolute; left: 9px; top: 6px; bottom: 6px;
width: 1px;
background: linear-gradient(180deg, var(–gold) 0%, var(–dusk-plum) 100%);
opacity: .55;
}
.jhg-clue { position: relative; margin-bottom: 34px; }
.jhg-clue:last-child { margin-bottom: 0; }
.jhg-clue::before {
content: “”;
position: absolute; left: -34px; top: 3px;
width: 9px; height: 9px; border-radius: 50%;
background: var(–gold);
box-shadow: 0 0 0 4px var(–paper), 0 0 0 5px rgba(199,154,86,.35);
}
.jhg-clue h3 { font-family: “Shippori Mincho”, serif; font-size: 16px; font-weight: 600; color: var(–ink); margin: 0 0 6px; }
.jhg-clue p { font-size: 14px; color: var(–ink-soft); margin: 0; }
/* ———- WHO IT’S FOR ———- */
.jhg-for { padding: 40px 26px; background: linear-gradient(180deg, var(–paper), #F2E9DE); }
.jhg-for .jhg-section-title { font-family: “Shippori Mincho”, serif; font-size: 19px; text-align: center; color: var(–navy-mid); margin: 0 0 26px; }
.jhg-for ul { list-style: none; padding: 0; margin: 0; }
.jhg-for li {
display: flex; gap: 10px; align-items: flex-start;
font-size: 14.5px; color: var(–ink);
padding: 12px 0; border-bottom: 1px dashed rgba(122,92,126,.25);
}
.jhg-for li:last-child { border-bottom: none; }
.jhg-for li::before { content: “◆”; color: var(–gold); font-size: 10px; margin-top: 5px; flex-shrink: 0; }
/* ———- AUTHOR ———- */
.jhg-author { padding: 40px 26px; background: var(–navy-deep); color: var(–dawn); text-align: center; }
.jhg-author .jhg-section-title { font-family: “Shippori Mincho”, serif; font-size: 12px; letter-spacing: .3em; color: var(–gold-light); margin: 0 0 14px; }
.jhg-author .jhg-pen-name { font-family: “Shippori Mincho”, serif; font-size: 24px; font-weight: 600; margin: 0 0 16px; }
.jhg-author p { font-size: 13.5px; color: rgba(251,227,216,.82); max-width: 480px; margin: 0 auto; }
/* ———- PURCHASE CARD ———- */
.jhg-buy { padding: 40px 26px 24px; background: var(–paper); text-align: center; }
.jhg-buy .jhg-book-title { font-family: “Shippori Mincho”, serif; font-size: 18px; color: var(–ink); margin: 0 0 4px; line-height: 1.6; }
.jhg-buy .jhg-imprint { font-size: 12px; color: var(–ink-soft); margin: 0 0 22px; }
.jhg-price-card { border: 1px solid #E3D6C2; border-radius: 10px; padding: 20px; margin-bottom: 16px; background: #fff; }
.jhg-price-card .jhg-ku { display: inline-block; font-size: 11px; font-weight: 700; color: var(–navy-deep); background: var(–gold-light); padding: 3px 10px; border-radius: 999px; margin-bottom: 10px; }
.jhg-price-card .jhg-ku-note { font-size: 12.5px; color: var(–ink-soft); margin: 0 0 14px; }
.jhg-price-card .jhg-price-row { display: flex; align-items: baseline; justify-content: center; gap: 6px; margin-bottom: 4px; }
.jhg-price-card .jhg-price { font-size: 26px; font-weight: 800; color: var(–navy-mid); }
.jhg-price-card .jhg-price-tax { font-size: 12px; color: var(–ink-soft); }
.jhg-price-card .jhg-point { font-size: 11.5px; color: var(–ink-soft); }
.jhg-cta {
display: block; width: 100%;
background: linear-gradient(135deg, var(–gold) 0%, #B5843F 100%);
color: #fff; text-decoration: none;
font-size: 15.5px; font-weight: 700; letter-spacing: .04em;
padding: 16px; border-radius: 8px;
box-shadow: 0 8px 20px rgba(199,154,86,.35);
margin-bottom: 10px;
}
.jhg-cta .jhg-cta-sub { display: block; font-size: 10.5px; font-weight: 400; opacity: .85; margin-top: 3px; letter-spacing: .12em; }
.jhg-disclosure { font-size: 10.5px; color: var(–ink-soft); opacity: .75; margin: 14px 0 0; }
/* ———- STICKY CTA ———- */
.jhg-sticky {
position: sticky; bottom: 0; left: 0; right: 0;
background: rgba(20,19,42,.94);
backdrop-filter: blur(4px);
padding: 10px 16px;
display: flex; align-items: center; gap: 10px;
z-index: 10;
}
.jhg-sticky .jhg-sticky-text { flex: 1; color: var(–dawn); font-size: 12px; line-height: 1.5; }
.jhg-sticky .jhg-sticky-text strong { display: block; font-size: 13.5px; color: #fff; }
.jhg-sticky a {
flex-shrink: 0;
background: var(–gold); color: var(–navy-deep);
font-size: 13px; font-weight: 700;
padding: 10px 16px; border-radius: 6px; text-decoration: none;
white-space: nowrap;
}
@media (max-width: 380px) {
.jhg-hero h1 { font-size: 25px; }
}
春町文庫 ／ Kindle版・新発売
蒸発ガール
—三年後に迎えた、嘘のない春—
誰かを探し続けたことがある人へ贈る、再会と再生の物語
Kindle Unlimited 対象
¥300（電子書籍）
三年前、恋人のあさみは、まるで最初からいなかったかのように姿を消した。理由も、行き先も、何も告げずに。
ある日、取り壊されるマンションから見つかった一つの古い木箱。宛名は「For S」。俺の名前は、シンゴ。
開かない木箱。音の出ないピアノ。そして「沈黙の音を聞いて」という、謎めいたメッセージ——。
あさみが遺した手がかりを辿るうちに、俺はやがて、彼女が本当に隠していたものにたどり着く。蒸発の理由も、三年分の想いも。すべてがつながったとき、物語は静かに動き出す。
物語をつなぐ、三つの手がかり
THREE CLUES SHE LEFT BEHIND
木箱 — 開かない「For S」
取り壊し前のマンションから見つかった、宛名だけが記された木箱。誰に、何を伝えたかったのか。
ピアノ — 音の出ない鍵盤
鳴らないはずの音が、物語の核心に触れるたび、静かに意味を持ち始める。
メッセージ — 「沈黙の音を聞いて」
言葉にされなかった三年分の想いは、この一文に辿り着いたとき、ようやく形になる。
こんな夜に、読んでほしい
- 大切な人が突然いなくなった経験が、心のどこかに残っている
- 理由のわからない別れを、まだ自分の中で終わらせられていない
- 静かに沁みる長編ヒューマンドラマを、一気読みしたい
- 短編・長編どちらも楽しめる読了目安30分前後の物語を探している
AUTHOR
朝倉 りん
再会と再生をテーマに、静かな余韻の残る物語を紡ぐ。本作「蒸発ガール」が新刊として登場。
蒸発ガール
Kindle Unlimited対象／¥300
今すぐ読む
毎日頑張るあなたを助けたいブログ 