@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 全体
************************************/
.logo {
  text-align: left;
}
#header-in.wrap {
  max-width: 860px !important;
  margin: 0 auto !important;
  padding: 0 29px !important;
}
.main {
  width: 860px !important;
  padding: 36px 29px;
  border: none;
  border-radius: none;
  position: relative;
  box-shadow: none;
  z-index: 0;
  margin: 0 auto !important;
}
@media screen and (max-width: 1023px) {
  .main {
    width: auto !important;
    margin: 0 0.5% !important;
  }
  .page .article-header.entry-header {
    width: auto !important;
    margin: 0 !important;
  }
  #header-in.wrap {
    max-width: 100% !important;
  }
}

.article h2 {
  background: none;
  border-left: none;
}

/************************************
** 固定ページ共通 - ダーク背景ヘッダー
************************************/
.page .article-header.entry-header {
  background: #1a1a2e !important;
  color: #fff !important;
  padding: 30px 29px 20px !important;
  margin: 0 !important;
  border-radius: 8px 8px 8px 8px !important;
  -webkit-border-radius: 8px !important;
  width: 860px !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.page .article-header.entry-header .entry-title,
.page .article-header.entry-header * {
  color: #fff !important;
  border: none !important;
}
.page .article-header.entry-header .post-date,
.page .article-header.entry-header .post-update,
.page .article-header.entry-header .date-tags {
  display: none !important;
}
/************************************
** 仮想通貨ランキング - Cocoon干渉防止
************************************/

/* ─── 基本リセット ─── */
.cr-wrap, .crypto-ranking {
  max-width: 980px !important;
  margin: 0 auto !important;
  font-family: 'Noto Sans JP', sans-serif !important;
  line-height: 1.8 !important;
}
.cr-wrap *, .crypto-ranking * {
  box-sizing: border-box !important;
}

/* ─── テーブル ─── */
.cr-wrap table, .crypto-ranking table {
  border-collapse: collapse !important;
  border: none !important;
  margin: 0 !important;
}
.cr-wrap table th,
.cr-wrap table td,
.crypto-ranking table th,
.crypto-ranking table td {
  border: none !important;
  border-bottom: 1px solid #eee !important;
  background: inherit !important;
  padding: 10px 8px !important;
}
.cr-wrap table thead tr,
.crypto-ranking table thead tr {
  background: #1a1a2e !important;
}
.cr-wrap table thead th,
.crypto-ranking table thead th {
  color: #fff !important;
  background: #1a1a2e !important;
}
.scrollable-table { overflow-x: auto !important; }
.wp-block-table { overflow-x: visible !important; }

/* ─── 画像 ─── */
.cr-wrap img, .crypto-ranking img {
  margin: 0 !important;
  box-shadow: none !important;
  display: inline !important;
}
.cr-coin-img, .crypto-ranking img[width="24"] {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  vertical-align: middle !important;
}

/* ─── 見出し ─── */
.cr-wrap h2, .cr-wrap h3,
.crypto-ranking h2, .crypto-ranking h3 {
  padding: 0 !important;
  margin-top: 0 !important;
  background: none !important;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
}

/* ─── リンク ─── */
.cr-wrap a, .crypto-ranking a {
  text-decoration: none !important;
}

/* ─── ティッカーバー（BTC / ETH / Fear&Greed） ─── */
.cr-wrap .cr-ticker,
.crypto-ranking [style*="background: #1a1a2e"][style*="border-radius: 8px"] {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 12px !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  color: #1a1a2e !important;
  margin-bottom: 16px !important;
}
.cr-wrap .cr-ticker-item,
.crypto-ranking [style*="background: #1a1a2e"] > div {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: #f8f9fa !important;
  border-radius: 12px !important;
  padding: 16px !important;
  color: #1a1a2e !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}
.cr-wrap .cr-ticker-up { color: #16c784 !important; }
.cr-wrap .cr-ticker-down { color: #ea3943 !important; }

/* ─── 統計カード ─── */
.cr-stat-card {
  text-align: center !important;
  padding: 16px !important;
}
[class*="cr-stats"],
[style*="minmax(180px"] {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 12px !important;
}

/************************************
** レスポンシブ
************************************/
@media screen and (max-width: 1023px) {
  [class*="cr-stats"],
  [style*="minmax(180px"] {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media screen and (max-width: 834px) {
  .cr-wrap .cr-table-wrap,
  .crypto-ranking [style*="overflow-x"] {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .cr-wrap .cr-table,
  .crypto-ranking table {
    min-width: 700px !important;
    font-size: 0.8em !important;
  }
  .cr-wrap .cr-table th,
  .cr-wrap .cr-table td,
  .crypto-ranking table th,
  .crypto-ranking table td {
    padding: 8px 6px !important;
    white-space: nowrap !important;
  }
}
@media screen and (max-width: 767px) {
  .cr-wrap .cr-ticker,
  .crypto-ranking [style*="background: #1a1a2e"][style*="border-radius: 8px"],
  [class*="cr-stats"],
  [style*="minmax(180px"] {
    grid-template-columns: 1fr !important;
    min-width: 0 !important;
  }
  .cr-wrap .cr-ticker > *,
  .crypto-ranking [style*="background: #1a1a2e"][style*="border-radius: 8px"] > *,
  [class*="cr-stats"] > *,
  [style*="minmax(180px"] > * {
    min-width: 0 !important;
    width: 100% !important;
  }
}