/* ===== 個人向けアプリ一覧（Flex版） ===== */
.apps-list {
  display: grid;
  row-gap: 36px;                 /* アプリカード間の間隔（調整OK） */
}

/* 1カード */
.app-item {
  display: flex;
  align-items: flex-start;       /* 左画像と右テキストの上辺を揃える */
  gap: 16px;                     /* 画像と説明の間隔（調整OK） */
}

/* 左側：サムネ＋「クリックで詳細」 */
.app-thumb {
  display: inline-flex;
  flex-direction: column;        /* 画像の下にリンクを縦に配置 */
  text-decoration: none;
  width: 110px;                  /* 画像幅とあわせて調整OK */
}
.app-thumb img {
  width: 100px;                  /* 既存に合わせて100px */
  height: auto;
  display: block;
}
.app-thumb .small-link {
  margin-top: 4px;               /* 画像とリンクの距離 → 要望の「近づける」 */
  font-size: 0.7em;              /* 小さめの文字 */
  line-height: 1.2;
}

/* 右側：説明 */
.app-desc {
  flex: 1;                       /* 右側を残り幅いっぱいに */
}
.app-desc a {
  font-weight: 600;              /* タイトルを少し強調（任意） */
}

/* スマホ幅で縦積み（必要ならブレークポイント調整） */
@media (max-width: 640px) {
  .app-item {
    flex-direction: column;
    gap: 8px;
  }
  .app-thumb {
    width: auto;
  }
  .app-thumb img {
    width: 160px;                /* モバイルで少し大きく見せる例。不要なら削除可 */
  }
}

/* タイトル行に右側ログイン表示 */
/* #header .title-row{
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  flex-wrap:nowrap;
} */
.title-row { display:flex; align-items:center; justify-content:space-between; }
.header-auth { font-size: 0.95rem; }
.header-auth .sep { margin: 0 6px; color:#777; }
.header-auth a { text-decoration:none; }
.header-auth .user-name { font-weight:600; }

.dl-link.disabled{
  color:#999;
  cursor:not-allowed;
  text-decoration:none;
}

.dl-link {
    color: #06c; /* ← 好みの色に変更してください */
    font-size: 0.8em;              /* 少し小さめの文字 */
    display: inline-block;
    padding: 4px 12px;
    /* background-color: #e0e0e0; */
    background-color: #f2f2f2;
    color: #333;
    border-radius: 4px;
}

.dl-buttons .small {
  font-size: 0.7em;              /* 小さめの文字 */
  line-height: 1.2;
}