/* ============================================================================
   DMMぱちタウン のロゴ（2026-08-19）── ユーザー提示の画像に合わせて文字で作る
     ・「DMM」  ＝ 黒の極太ゴシック（少し詰める）
     ・「ぱちタウン」＝ 白い文字に黒の縁（外枠）
   ★画像でなく文字で作る理由: 拡大で荒れない／大きさを自由に変えられる／
     背景が暗くても白抜きが効く。正式なロゴ画像をDMMから受け取ったら差し替える。
   使い方: <span class="dmm-logo"><b>DMM</b><i>ぱちタウン</i></span>
           大きさは font-size で変わる（既定 20px）。
   ============================================================================ */
.dmm-logo{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1;
  font-family:"Hiragino Kaku Gothic StdN","Hiragino Sans","Noto Sans JP",system-ui,sans-serif;
  font-size:20px;text-decoration:none;color:#000;user-select:none}
.dmm-logo b{font-weight:900;font-size:1.55em;letter-spacing:-.06em;line-height:.9;
  font-style:normal;transform:scaleX(1.05);transform-origin:left}
.dmm-logo i{font-style:normal;font-weight:900;font-size:1em;letter-spacing:.02em;margin-top:.08em;
  color:#fff;
  /* 白い文字に黒の外枠。paint-order で縁が内側に食い込まないようにする */
  -webkit-text-stroke:.14em #000;paint-order:stroke fill;
  text-shadow:.02em .02em 0 #000}
/* 横一列にしたいとき（狭い上部バー用） */
.dmm-logo--row{flex-direction:row;align-items:baseline;gap:.25em}
.dmm-logo--row b{font-size:1.25em}
.dmm-logo--row i{margin-top:0}