/* =========================
   🔵 hikakumania.com 修正CSS
   ========================= */

/* --- XServer公式サイトボタン --- */
.summary-cta a.cta-button {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  background: #0b63c7 !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
  padding: 18px 14px !important;
  border-radius: 14px !important;
  text-decoration: none !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  box-shadow: 0 6px 14px rgba(11,99,199,0.3) !important;
  box-sizing: border-box !important;
  transition: background 0.25s ease, transform 0.2s ease !important;
}
.summary-cta a.cta-button:hover {
  background: #094f9c !important;
  transform: translateY(-2px) !important;
}

/* --- 黄色マーカー文字（markなど） --- */
.entry-content mark,
.entry-content u,
.entry-content span[style*="background"],
.entry-content strong {
  font-size: 1rem !important;
  line-height: 1.7 !important;
}

/* --- スマホサイズ調整 --- */
@media screen and (max-width: 767px) {
  .summary-cta a.cta-button {
    font-size: 16px !important;
    padding: 16px 12px !important;
    border-radius: 12px !important;
  }
}

/* ===============================
   💪 レイアウト強制補正（スマホで崩れ防止）
   =============================== */

/* ボタンを確実に中央揃え＆親の幅制約を解除 */
.summary-cta {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  text-align: center !important;
  margin: 24px auto !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

/* ボタン自体 */
.summary-cta a.cta-button {
  display: inline-block !important;
  width: 90% !important;          /* ← 画面幅に合わせる */
  max-width: 380px !important;    /* ← 見やすい最大幅 */
  font-size: 18px !important;
  font-weight: 700 !important;
  background: #0b63c7 !important;
  color: #fff !important;
  text-align: center !important;
  border-radius: 50px !important;
  line-height: 1.6 !important;
  padding: 16px 20px !important;
  text-decoration: none !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  box-shadow: 0 6px 14px rgba(11,99,199,0.3) !important;
  transition: background 0.25s ease, transform 0.2s ease !important;
}

.summary-cta a.cta-button:hover {
  background: #094f9c !important;
  transform: translateY(-2px) !important;
}

/* スマホ専用調整 */
@media screen and (max-width: 767px) {
  .summary-cta a.cta-button {
    width: 94% !important;
    font-size: 16px !important;
    padding: 15px 12px !important;
    border-radius: 12px !important;
  }
}

/* 黄色マーカー文字も確実に調整 */
.entry-content mark,
.entry-content u,
.entry-content span[style*="background"],
.entry-content strong {
  font-size: 1rem !important;
  line-height: 1.7 !important;
}

/* ===============================
   💥 XWriteの aタグ上書き完全封じ
   =============================== */

/* ▼ すべての記事本文内リンクに対して、display:inlineを打ち消す */
.site.articleBody a.cta-button,
.site.articleBody div.summary-cta a.cta-button,
.entry-content a.cta-button {
  display: block !important;
  width: 90% !important;
  max-width: 380px !important;
  margin: 0 auto !important;
  text-align: center !important;
  background: #0b63c7 !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
  padding: 16px 20px !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  box-shadow: 0 6px 14px rgba(11,99,199,0.3) !important;
  box-sizing: border-box !important;
  transition: background 0.25s ease, transform 0.2s ease !important;
}

.site.articleBody a.cta-button:hover {
  background: #094f9c !important;
  transform: translateY(-2px) !important;
}

/* 黄色マーカー調整 */
.entry-content mark,
.entry-content u,
.entry-content span[style*="background"],
.entry-content strong {
  font-size: 1rem !important;
  line-height: 1.7 !important;
}
