/*
Theme Name: TOMORI Blog
Theme URI: https://timereign.com/sitestudio/
Description: 灯 TOMORI 公式ブログ用テーマ。夜職の集客・開業ノウハウを発信。
Author: 灯 TOMORI
Version: 1.0
*/
:root{--ink:#17161b;--bg:#fff;--cream:#f7f4f0;--line:#e8e3dc;--muted:#8b8478;--pink:#c67d2e;--pink-d:#a4611a;--green:#06c755}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:"Noto Sans JP",sans-serif;line-height:1.95;font-size:16px;-webkit-font-smoothing:antialiased}
a{color:var(--pink);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
.en{font-family:"Jost",sans-serif}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
/* header */
.site-head{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.site-head .in{max-width:1080px;margin:0 auto;padding:15px 24px;display:flex;align-items:center;justify-content:space-between}
.brand{font-family:"Jost",sans-serif;font-size:20px;letter-spacing:.3em;font-weight:600;color:var(--ink)}
.brand small{display:block;font-family:"Noto Sans JP";font-size:9px;letter-spacing:.2em;color:var(--muted);font-weight:500;margin-top:2px}
.head-nav{display:flex;gap:20px;align-items:center;font-size:13.5px;font-weight:500}
.head-nav a{color:var(--ink)}
.head-nav .lp{color:var(--muted)}
.head-nav .line{background:var(--green);color:#fff;padding:9px 18px;border-radius:6px;font-weight:700}
.head-nav .line:hover{text-decoration:none;opacity:.9}
@media(max-width:680px){.head-nav a.hide-sp{display:none}}
/* hero band */
.blog-hero{background:radial-gradient(900px 400px at 85% 0%,#fcefda,transparent 60%),linear-gradient(180deg,#fff,#faf6f0);padding:56px 0 40px;text-align:center;border-bottom:1px solid var(--line)}
.blog-hero .en{font-size:13px;letter-spacing:.24em;color:var(--muted);font-weight:600}
.blog-hero h1{font-size:clamp(24px,3.4vw,32px);font-weight:900;margin-top:8px;letter-spacing:.04em}
.blog-hero p{margin-top:12px;font-size:14px;color:#5b544a}
/* layout */
.main{padding:52px 0 80px}
.grid{display:grid;grid-template-columns:1fr 300px;gap:44px}
@media(max-width:900px){.grid{grid-template-columns:1fr}}
/* card list */
.posts{display:grid;gap:26px}
.card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;transition:.3s;display:flex;flex-direction:column}
.card:hover{box-shadow:0 16px 40px rgba(30,20,30,.1);transform:translateY(-3px)}
.card a{color:inherit;text-decoration:none}
.card .thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#fcefda,#f4e7d8);position:relative;overflow:hidden}
.card .thumb img{width:100%;height:100%;object-fit:cover}
.card .thumb .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:"Jost";font-size:22px;letter-spacing:.2em;color:rgba(196,125,46,.35)}
.card .body{padding:20px 22px}
.card .cat{font-size:11px;color:var(--pink);font-weight:700;letter-spacing:.08em}
.card h2{font-size:18px;font-weight:700;line-height:1.6;margin:8px 0 8px}
.card p{font-size:13px;color:var(--muted);line-height:1.8}
.card .date{margin-top:12px;font-size:11.5px;color:var(--muted);font-family:"Jost"}
/* single */
.article{background:#fff}
.article .head{text-align:center;max-width:760px;margin:0 auto 36px}
.article .cat{font-size:12px;color:var(--pink);font-weight:700;letter-spacing:.08em}
.article h1{font-size:clamp(24px,3.6vw,34px);font-weight:900;line-height:1.55;margin:12px 0 14px}
.article .meta{font-size:12px;color:var(--muted);font-family:"Jost";letter-spacing:.05em}
.article .content{max-width:760px;margin:0 auto;font-size:16px}
.article .content h2{font-size:22px;font-weight:900;margin:44px 0 18px;padding-left:16px;border-left:5px solid var(--pink);line-height:1.5}
.article .content h3{font-size:18px;font-weight:700;margin:32px 0 12px;color:#2a2730}
.article .content p{margin:18px 0;line-height:2.05}
.article .content ul,.article .content ol{margin:18px 0;padding-left:24px}
.article .content li{margin:8px 0;line-height:1.9}
.article .content strong{color:var(--pink-d);font-weight:700}
.article .content em{color:var(--muted);font-size:13.5px;font-style:normal;display:block;margin-top:30px;padding:16px 18px;background:var(--cream);border-radius:8px;line-height:1.8}
/* cta box */
.cta-box{margin:50px auto 0;max-width:760px;background:linear-gradient(120deg,#c67d2e,#a4611a);color:#fff;border-radius:14px;padding:34px 30px;text-align:center}
.cta-box h3{font-size:20px;font-weight:900}
.cta-box p{font-size:13px;opacity:.92;margin:8px 0 18px}
.cta-box a{display:inline-block;background:#fff;color:var(--green);font-weight:700;padding:14px 34px;border-radius:8px}
.cta-box a:hover{text-decoration:none;opacity:.92}
/* sidebar */
.side .box{border:1px solid var(--line);border-radius:12px;padding:22px;margin-bottom:22px}
.side h3{font-size:13px;letter-spacing:.1em;font-weight:700;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.side ul{list-style:none}
.side li{padding:8px 0;border-bottom:1px dashed var(--line);font-size:13.5px;line-height:1.6}
.side li:last-child{border-bottom:none}
.side .promo{background:var(--cream);text-align:center}
.side .promo .en{font-family:"Jost";font-size:17px;letter-spacing:.25em;font-weight:600;color:var(--ink)}
.side .promo p{font-size:12.5px;color:var(--muted);margin:10px 0 14px;line-height:1.8}
.side .promo a{display:block;background:var(--pink);color:#fff;padding:12px;border-radius:8px;font-weight:700;font-size:13px}
.side .promo a:hover{text-decoration:none;opacity:.92}
/* pager */
.pager{display:flex;justify-content:center;gap:12px;margin-top:44px}
.pager a,.pager span{padding:10px 16px;border:1px solid var(--line);border-radius:8px;font-size:13px;font-family:"Jost"}
.pager .current{background:var(--pink);color:#fff;border-color:var(--pink)}
/* footer */
.site-foot{background:#111014;color:#8b8478;padding:44px 24px 26px;text-align:center;margin-top:40px}
.site-foot .fl{font-family:"Jost";font-size:19px;letter-spacing:.3em;color:#fff;font-weight:600}
.site-foot p{font-size:12px;margin-top:12px}
.site-foot .fnav{margin-top:16px;display:flex;gap:18px;justify-content:center;flex-wrap:wrap;font-size:12.5px}
.site-foot .fnav a{color:#b3aca0}
.site-foot .copy{margin-top:22px;padding-top:16px;border-top:1px solid #26242a;font-size:11px}

.brand .lk{font-family:"Noto Serif JP",serif;color:var(--pink);font-weight:600;margin-right:2px}
.site-foot .fl .lk{font-family:"Noto Serif JP",serif;color:#e0a24e}