@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


/* ===============================
   フォント基準（Noto 400/700 前提）
   =============================== */
html, body {
  font-family: "Noto Sans JP", ui-sans-serif, -apple-system, BlinkMacSystemFont,
               "Segoe UI", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN",
               "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
  font-weight: 400;
  font-synthesis-weight: none; /* 擬似太字/細字合成を抑制して見え方を安定 */
}

/* 見出し・強調 */
h1, h2, h3, h4, h5, h6,
strong, b { font-weight: 700; }

/* テーマの重みクラス（ある場合の正規化） */
.has-regular-font-weight { font-weight: 400 !important; }
.has-medium-font-weight  { font-weight: 400 !important; } /* 500相当→400 */
.has-bold-font-weight    { font-weight: 700 !important; }
.has-black-font-weight   { font-weight: 700 !important; } /* 900相当→700 */


/* ========== 共通化: 送金手数料(#feeTableJP) と 比較表(#assetTable) ========== */

/* ラッパー（どちらの表にも） */
.fees-wrap,
.assets-wrap {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* テーブル本体（両IDまとめ） */
#feeTableJP,
#assetTable {
  text-rendering: optimizeSpeed;
  -webkit-font-smoothing: antialiased;
  font-kerning: normal;
  letter-spacing: normal;
  border-collapse: separate;
  border-spacing: 0;
  width: max-content;
  min-width: 100%;
  font-size: 14px;
}

/* セル共通 */
#feeTableJP th, #feeTableJP td,
#assetTable  th, #assetTable  td {
  border-bottom: 1px solid #e5e7eb;
  border-right: 1px solid #e5e7eb;
  padding: 6px 8px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background: #fff;
  line-height: 1.45;
  font-weight: 400; /* 400/700運用 */
}

/* ヘッダー（sticky） */
#feeTableJP thead th,
#assetTable  thead th {
  position: sticky;
  top: 0;
  background: #f8fafc;
  z-index: 2;
  padding-top: 6px;
  padding-bottom: 8px;
  color: #000;
}

/* 先頭列（ロゴ列）固定 */
#feeTableJP thead th:first-child, #feeTableJP tbody td:first-child,
#assetTable  thead th:first-child, #assetTable  tbody td:first-child {
  position: sticky;
  left: 0;
  background: #fff;
  z-index: 3;
}
#feeTableJP thead th:first-child,
#assetTable  thead th:first-child {
  z-index: 4;
  font-weight: 700;
}

/* ロゴ列サイズ & ロゴ画像 */
#feeTableJP td:first-child,
#assetTable  td:first-child { min-width: 150px; }
#feeTableJP td:first-child img.fee-logo,
#assetTable  td:first-child img.fee-logo {
  height: 36px;
  width: auto;
  object-fit: contain;
  vertical-align: middle;
}

/* OKJだけロゴを小さく（セル幅はそのまま） */
#feeTableJP td:first-child.ex-cell[data-ex="okj"] img.fee-logo,
#assetTable  td:first-child.ex-cell[data-ex="okj"] img.fee-logo {
  height: 26px;   /* 既定36px → 26pxに */
}

/* 交互行・ホバー */
#feeTableJP tbody tr:nth-child(odd) td,
#assetTable  tbody tr:nth-child(odd) td { background: #fcfdff; }
#feeTableJP tbody tr:hover td,
#assetTable  tbody tr:hover td { background: #f5f9ff; }

/* ヘッダー2行（coin=太字/chain=細字） */
#feeTableJP thead th .coin,
#assetTable  thead th .coin {
  display: block;
  color: #000;
  font-weight: 700;
  line-height: 1.2;          /* 少し大きめに */
  margin: 0 0 3px;           /* ← ここで“行間”を作る */
}
#feeTableJP thead th .chain,
#assetTable  thead th .chain {
  display: block;
  font-size: 11px;
  font-weight: 400;
  color: #6b7280;
  letter-spacing: 0.2px;
  line-height: 1.15 !important;
  margin: 0 !important;
}

/* 送金手数料用の数量/金額 */
.fees-wrap.ovr .qty {
  display: block;
  font-weight: 400;
  color: #6b7280;
  font-size: 12px;
  line-height: 1.3;
}
.fees-wrap.ovr .amt {
  display: block;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 700 !important;
}

/* 最終更新ピル */
.fees-wrap.ovr .pill {
  display: inline-block;
  padding: 2px 6px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  font-size: 12px;
}

/* モバイル */
@media (max-width: 768px) {
  #feeTableJP, #assetTable { font-size: 13px; }
  #feeTableJP thead th .coin,
  #assetTable  thead th .coin { line-height: 1.10 !important; }
  #feeTableJP thead th .chain,
  #assetTable  thead th .chain { line-height: 1.20 !important; }
}