@charset "shift_jis";


/* abuu.co.jp CSS by toshi@abuu.co.jp 2026 追加 */


    .story-wrap{
      width: 516px;
      margin: 24px auto;
      font-size: 14px;
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
      -webkit-text-size-adjust: 100%;  /* iPhoneの自動縮小/拡大を抑制 */
      text-size-adjust: 100%;
    }

    .block{
      font-size: 14px;
      color:#666666;
      background: #fff;
      border: 1px solid rgba(0,0,0,.10);
      border-radius: 8px;
      padding: 10px 12px 10px 12px;
      margin: 12px 0;
      box-shadow: 0 2px 2px rgba(0,0,0,.06);
      line-height: 1.6;
      letter-spacing: .02em;
      position: relative;

      opacity: 0;
      transform: translateY(10px);
      transition: opacity .8s ease, transform .8s ease;
    }
    .block.is-visible{
      opacity: 1;
      transform: translateY(0);
    }

    .block::before{
      content: "";
      position: absolute;
      left: 0;
      top: 12px;
      bottom: 12px;
      width: 6px;
      border-radius: 6px;
      background: linear-gradient(180deg, #cc0000, #660000);
      opacity: .85;
    }

    .inner{
      padding-left: 0px;
      white-space: pre-wrap;
      word-break: break-word;
      min-height: 1em;
    }

    /* ===== 1行目（アイコン＋太字） =====
       アイコンと文字の“天地（縦位置）”を揃えるために
       align-items: baseline と、アイコンを line-height に合わせる設定にしています。
    */
    .firstline-row{
      display: flex;
      gap: 8px;
      align-items: baseline; /* 文字のベースラインに揃える */
    }
    .lead-icon{
      width: 1em;           /* 文字サイズと同じ高さ基準（天地が揃いやすい） */
      height: 1em;
      flex: 0 0 auto;
      display: inline-block;
      vertical-align: baseline;
      transform: translateY(0.08em); /* 微調整：必要なら 0.00〜0.15em で調整 */
    }
    .firstline{
      font-weight: 700;
      /* font-size: 1em;   親と同じサイズを強制 */
      /* line-height: 1.6; ブロックと同じ行高 */
    }

    .rest{
      margin-top: 6px;
    }

    /* タイピング中カーソル */
    .cursor{
      display: inline-block;
      width: .6em;
      margin-left: 2px;
      border-bottom: 2px solid rgba(0,0,0,.55);
      transform: translateY(-1px);
      animation: blink .9s steps(1) infinite;
      vertical-align: baseline;
    }
    .cursor.is-hidden{ display:none; }
    @keyframes blink{ 50%{ opacity: 0; } }