/* MYTORIS サイコロ・トーク 2026-10 トンマナ（00_MYTORIS_トーンとマナー.md に準拠） */
@font-face{font-family:"D-DIN Condensed";src:url(D-DINCondensed-Bold.otf) format("opentype");font-weight:700}
:root{
  --paper:#ffffff; --paper-tint:#f8f5ee;
  --ink:#1f2a2b; --ink-soft:#3f4a4b; --ink-mute:#7d8686;
  --green-deep:#0f9ea3; --green-tint:#e6f4f3; --accent-red:#f0603a;
  --rule:#e4ded2; --rule-soft:#eee9df;
  --hl:rgba(255,194,58,.6);
  --c-rinkaku:#00a9ae; --c-shigen:#0d7f84; --c-ask:#f0603a; --c-tori:#5f8f9c; --c-suigen:#c99a1e; --c-zure:#7d8686;
  --latin:"D-DIN Condensed","Noto Sans JP",sans-serif;
  --shadow:0 10px 30px rgba(31,42,43,.08);
}
body{background:#f8f5ee!important}
h1,h2,.logo,.turnbar b,.manners li::before{font-weight:700!important}
h1{text-shadow:none;letter-spacing:.03em}
.kicker,.premise .ttl{font-family:"D-DIN Condensed","Noto Sans JP",sans-serif;font-size:14px;letter-spacing:.16em;color:var(--green-deep)}
/* 表紙：ジャケットの絵を地に */
.hero{background:#f4f0e6;padding:0 0 30px}
.hero:hover{transform:none;box-shadow:none}
.hero-bg{position:relative;inset:auto;display:block;height:auto;aspect-ratio:800/592;opacity:1;
  background:url('mtj_art_4.jpg') center/cover;
  -webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}
.hero-tint{display:none}
.hero-inner{padding:0 26px}
.mitori-fly{top:16px;bottom:auto}
.premise{border:0;background:#fff;border-radius:12px}
/* ボタン */
.btn{background:#00a9ae;color:#fff}
.btn:hover{background:#0d8f93;box-shadow:0 8px 22px rgba(0,169,174,.22)}
.btn.ghost{background:#fff;color:#0f9ea3;border:1.5px solid #00a9ae}
.btn.ghost:hover{background:#e6f4f3;color:#0f9ea3}
input[type=text]:focus{border-color:#00a9ae}
.site-header{background:rgba(248,245,238,.94)}
.site-header .header-cta-group .ghost{background:#fff;border:1px solid #00a9ae;color:#0f9ea3}
.site-header .header-cta-group .filled{background:#00a9ae;color:#fff}
@media (prefers-reduced-motion:reduce){.mitori-fly{animation:none}}