/* 星の縁（ほしのえにし）の見た目：テーマは「品よく気高く」（2026-11-07 父ちゃん）
   黒が土台・金が主役（読みがなはゴールドで品よく目立たせる）・紫は差し色だけ（日本の神社で気高い色）。
   style.css の上に重ねる（style.css は試作品から写した共通の形） */
body.t-enishi{
  --bg:#0A090C; --bg2:#121016; --bg3:#1A171F;
  --ink:#EEE8DC; --sub:#B3AB9E; --mute:#7E776D;
  --acc:#C9A85A; --acc-ink:#15110A; --acc-soft:rgba(201,168,90,.13);
  --gold2:#E6CC8A;                      /* 明るい金（読みがな・細い線の光） */
  --murasaki:#8B6BB8;                   /* 紫の差し色（黒の上で読める明るさの江戸紫） */
  --murasaki-deep:#4B3570; --murasaki-soft:rgba(139,107,184,.14);
  --line:rgba(238,232,220,.11); --line2:rgba(238,232,220,.22);
  background:var(--bg);
}
/* ロゴ：星の縁＋ゴールドの読みがな */
.logo{font-family:var(--serif);font-weight:600;letter-spacing:.14em;ruby-position:over;color:var(--ink)}
.logo rt{font-family:var(--serif);font-size:.42em;letter-spacing:.42em;color:var(--gold2);font-weight:500;text-shadow:0 0 12px rgba(230,204,138,.25)}
.side .brand .logo{font-size:24px}
.side .brand small{color:var(--murasaki);letter-spacing:.18em}
.topbar .brand .logo{font-size:19px}
.foot-brand{text-align:center;margin:0 0 28px}.foot-brand .logo{font-size:26px}
/* 準備中の帯：紫の細い帯 */
.shisaku{background:linear-gradient(90deg,var(--murasaki-deep),#2A1E3E);color:#EADFF7;letter-spacing:.06em}
/* 左の項目：今いる所は金、指を乗せると紫の細い線 */
.nav .grp{color:var(--murasaki);letter-spacing:.24em}
.nav a:hover{box-shadow:inset 2px 0 0 var(--murasaki)}
.nav a.on{box-shadow:inset 2px 0 0 var(--acc)}
/* 見出しの小さな英字は紫、区切りの線は金と紫の細い線 */
.eyebrow,.sec-head .no{color:var(--murasaki)!important;letter-spacing:.22em}
.kin-sen{height:1px;border:0;margin:28px auto;max-width:520px;background:linear-gradient(90deg,transparent,var(--acc),var(--murasaki),var(--acc),transparent);opacity:.7}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--murasaki);outline-offset:2px}

/* ===== トップページ ===== */
.e-hero{position:relative;isolation:isolate;padding:96px 0 72px;text-align:center;overflow:hidden}
.e-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url(/img/u_hero.jpg) center/cover no-repeat;opacity:.38;filter:saturate(.8)}
.e-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 30%,rgba(75,53,112,.35),transparent 60%),linear-gradient(180deg,rgba(10,9,12,.2),var(--bg) 92%)}
.e-hero .eyebrow{display:block;margin-bottom:22px}
.e-hero h1{font-family:var(--serif);font-weight:600;font-size:clamp(46px,8vw,88px);letter-spacing:.18em;line-height:1.3;margin:0}
.e-hero h1 rt{font-size:.24em;letter-spacing:.6em;color:var(--gold2);font-weight:500;text-shadow:0 0 18px rgba(230,204,138,.35)}
.e-hero .lead{font-family:var(--serif);font-size:clamp(16px,2.1vw,20px);line-height:2.1;margin:26px auto 0;max-width:30em;color:var(--ink)}
.e-hero .btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:34px}
.btn-o{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border:1px solid var(--acc);color:var(--acc);text-decoration:none;letter-spacing:.08em}
.btn-o:hover{background:var(--acc-soft)}
.badges{display:flex;gap:10px 22px;justify-content:center;flex-wrap:wrap;margin-top:26px;color:var(--sub);font-size:13px;letter-spacing:.06em}
.badges span::before{content:"◆";color:var(--murasaki);font-size:9px;margin-right:8px;vertical-align:2px}

/* 今日の暦の帯 */
.koyomi{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,transparent,var(--murasaki-soft),transparent)}
.koyomi .w{display:flex;flex-wrap:wrap;gap:8px 26px;align-items:center;justify-content:center;padding-top:16px;padding-bottom:16px;font-size:14px;color:var(--sub)}
.koyomi b{color:var(--ink);font-family:var(--serif);font-weight:600;letter-spacing:.06em}
.koyomi .kichi{color:var(--acc);border:1px solid rgba(201,168,90,.45);padding:2px 10px;font-size:12.5px;letter-spacing:.06em}
.koyomi .moon{display:inline-flex;align-items:center;gap:8px}
.koyomi .moon i{display:inline-block;width:16px;height:16px;border-radius:50%;background:var(--gold2);box-shadow:inset var(--mx,0) 0 0 0 var(--bg)}

/* 12の猫のランキング */
.rank{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}
@media (max-width:1180px){.rank{grid-template-columns:1fr}}
.rank li details{border:1px solid var(--line);background:var(--bg2)}
.rank li summary{display:grid;grid-template-columns:44px 52px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 14px;cursor:pointer;list-style:none;min-height:64px}
.rank li summary::-webkit-details-marker{display:none}
.rank .ji{font-family:var(--latin);font-size:24px;color:var(--mute);text-align:center}
.rank li:nth-child(-n+3) .ji{color:var(--acc)}
.rank img{width:52px;height:52px;object-fit:cover;border-radius:50%;border:1px solid var(--line2)}
.rank .nm{font-family:var(--serif);font-size:16px;color:var(--ink)}
.rank .nm small{display:block;color:var(--mute);font-family:var(--sans);font-size:12px}
.rank .hs{color:var(--acc);letter-spacing:2px;font-size:13px;white-space:nowrap}
.rank .naka{padding:4px 16px 16px 16px;color:var(--sub);line-height:1.95;font-size:14.5px;border-top:1px dashed var(--line)}
.rank .naka .wake{color:var(--murasaki);font-size:13px}
.rank-note{color:var(--mute);font-size:12.5px;margin-top:12px}

/* 八つを重ねる（共通点と個性） */
.kasane{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
@media (max-width:760px){.kasane{grid-template-columns:1fr}}
.kasane > div{border:1px solid var(--line);padding:22px;background:var(--bg2)}
.kasane h3{font-family:var(--serif);font-size:19px;margin:0 0 8px;color:var(--acc);letter-spacing:.08em}
.kasane h3 small{display:block;color:var(--murasaki);font-family:var(--sans);font-size:12px;letter-spacing:.14em;margin-bottom:6px}
.hachi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
@media (max-width:900px){.hachi{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hachi a{display:block;border:1px solid var(--line);padding:16px;text-decoration:none;color:var(--sub);background:var(--bg2);min-height:100%}
.hachi a:hover{border-color:var(--murasaki)}
.hachi b{display:block;font-family:var(--serif);font-size:16.5px;color:var(--ink);margin-bottom:6px;letter-spacing:.06em}
.hachi span{font-size:13.5px;line-height:1.85}

/* お悩みから選ぶ */
.nayami{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.nayami a{display:inline-flex;flex-direction:column;justify-content:center;border:1px solid var(--line2);padding:10px 16px;min-height:56px;text-decoration:none;color:var(--ink)}
.nayami a small{color:var(--mute);font-size:12px}
.nayami a:hover{border-color:var(--acc);background:var(--acc-soft)}

/* 無料と会員（錠前） */
.kaiin{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
@media (max-width:760px){.kaiin{grid-template-columns:1fr}}
.kaiin > div{border:1px solid var(--line);padding:22px;background:var(--bg2)}
.kaiin h3{font-family:var(--serif);margin:0 0 10px;font-size:18px}
.kaiin ul{margin:0;padding-left:1.2em;line-height:2;color:var(--sub)}
.kaiin .mem{border-color:rgba(201,168,90,.4);position:relative}
.kagi-mihon{position:relative;margin-top:14px;padding:14px;border:1px dashed var(--line2);color:var(--sub);font-size:14px;line-height:1.9}
.kagi-mihon p{filter:blur(4px);user-select:none;margin:0}
.kagi-mihon .lock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--acc);font-size:13.5px;letter-spacing:.06em;background:rgba(10,9,12,.35)}

/* お守り */
.omamori{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
@media (max-width:760px){.omamori{grid-template-columns:1fr}}
.omamori a{display:block;text-decoration:none;color:var(--sub);border:1px solid var(--line);background:var(--bg2)}
.omamori img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.omamori div{padding:16px 18px}
.omamori b{display:block;font-family:var(--serif);font-size:18px;color:var(--ink);margin-bottom:4px}
/* スマホ：ランキングの星の印は名前の下へ（名前が折れないように） */
@media (max-width:520px){
  .rank li summary{grid-template-columns:28px 44px minmax(0,1fr);gap:10px;padding:10px 12px}
  .rank img{width:44px;height:44px}
  .rank .hs{grid-column:3;margin-top:-6px}
}

/* 各占術の欄の始めの「個性」の1文（紫の細い線＋明るい金） */
#out .ur p.kosei{color:var(--gold2);font-size:13.5px;line-height:1.9;border-left:2px solid var(--murasaki);padding:2px 0 2px 12px;margin:6px 0 10px}