/*
Theme Name: Xwrite child
Version: 2.0.0
Template: xwrite
*/
/* 
========================================   FX総合サイト向けデザイン   信頼感 / 高級感 / 読みやすさ重視======================================== *//* ---------- 基本設定 ---------- */:root {  --fx-bg: #f5f8fc;  --fx-white: #ffffff;  --fx-text: #1f2937;  --fx-subtext: #5b6678;  --fx-border: #d9e2ec;  --fx-navy: #0f172a;  --fx-blue: #1d4ed8;  --fx-blue-dark: #143ea8;  --fx-green: #16a34a;  --fx-green-dark: #0f8a3d;  --fx-gold: #c9a227;  --fx-red: #dc2626;  --fx-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);  --fx-radius: 14px;}/* 全体 */body {  background: var(--fx-bg);  color: var(--fx-text);  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans",    "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;  line-height: 1.9;  font-size: 16px;  letter-spacing: 0.02em;}a {  color: var(--fx-blue);  text-decoration: none;  transition: 0.25s ease;}a:hover {  color: var(--fx-blue-dark);  opacity: 0.9;}img {  max-width: 100%;  height: auto;  border-radius: 10px;}/* ---------- ヘッダー ---------- */.site-header,.l-header,header[role="banner"] {  background: linear-gradient(135deg, #0f172a 0%, #172554 55%, #1e3a8a 100%);  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.18);}.site-header a,.l-header a,header[role="banner"] a {  color: #fff;}.site-title,.p-site-title,.c-siteTitle {  font-weight: 800;  letter-spacing: 0.03em;}.site-description,.p-site-description {  color: rgba(255, 255, 255, 0.78);}/* ---------- グローバルナビ ---------- */.global-nav,.p-globalNav,.c-gnav,nav[role="navigation"] ul {  font-weight: 700;}.global-nav a,.p-globalNav a,.c-gnav a,nav[role="navigation"] a {  position: relative;}.global-nav a:hover,.p-globalNav a:hover,.c-gnav a:hover,nav[role="navigation"] a:hover {  color: #fff;}.global-nav a::after,.p-globalNav a::after,.c-gnav a::after,nav[role="navigation"] a::after {  content: "";  position: absolute;  left: 0;  bottom: -6px;  width: 0;  height: 2px;  background: linear-gradient(90deg, var(--fx-gold), #f7d774);  transition: 0.3s;}.global-nav a:hover::after,.p-globalNav a:hover::after,.c-gnav a:hover::after,nav[role="navigation"] a:hover::after {  width: 100%;}/* ---------- メインレイアウト ---------- */.site-content,.l-content,#content {  padding-top: 24px;  padding-bottom: 40px;}/* メインカラム */.content-area,.l-main,.main-content,.primary,#primary {  background: transparent;}/* 記事カード / コンテンツボックス */article,.post,.page,.c-card,.p-entry,.widget,.sidebar .widget,.l-sidebar .widget {  background: var(--fx-white);  border: 1px solid var(--fx-border);  border-radius: var(--fx-radius);  box-shadow: var(--fx-shadow);}/* 記事一覧カード */.post,.c-card,.p-archive__item,.p-postList__item,article.post {  overflow: hidden;  transition: transform 0.25s ease, box-shadow 0.25s ease;}.post:hover,.c-card:hover,.p-archive__item:hover,.p-postList__item:hover,article.post:hover {  transform: translateY(-3px);  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.12);}/* ---------- 見出し ---------- */.entry-title,.post-title,h1 {  color: var(--fx-navy);  font-weight: 800;  line-height: 1.4;  letter-spacing: 0.02em;}.entry-content h2,.post-content h2,article h2 {  position: relative;  margin: 3em 0 1.2em;  padding: 16px 18px 16px 22px;  background: linear-gradient(90deg, #eff6ff 0%, #f8fbff 100%);  border-left: 6px solid var(--fx-blue);  border-radius: 10px;  color: var(--fx-navy);  font-size: 1.55em;  font-weight: 800;  box-shadow: 0 4px 12px rgba(29, 78, 216, 0.06);}.entry-content h3,.post-content h3,article h3 {  margin: 2.2em 0 1em;  padding-bottom: 10px;  border-bottom: 2px solid #dbeafe;  color: var(--fx-navy);  font-size: 1.25em;  font-weight: 800;}.entry-content h4,.post-content h4,article h4 {  margin: 2em 0 0.8em;  color: var(--fx-blue-dark);  font-size: 1.08em;  font-weight: 700;}/* ---------- 本文 ---------- */.entry-content,.post-content,.article-content {  color: var(--fx-text);}.entry-content p,.post-content p,.article-content p {  margin-bottom: 1.4em;}.entry-content strong,.post-content strong,.article-content strong {  color: var(--fx-navy);  font-weight: 800;  background: linear-gradient(transparent 60%, rgba(201, 162, 39, 0.28) 60%);}.entry-content ul,.entry-content ol,.post-content ul,.post-content ol {  padding-left: 1.4em;  margin-bottom: 1.5em;}.entry-content li,.post-content li {  margin-bottom: 0.6em;}/* ---------- 引用 ---------- */blockquote {  position: relative;  margin: 2em 0;  padding: 22px 22px 22px 52px;  background: #f8fbff;  border-left: 5px solid var(--fx-blue);  border-radius: 12px;  color: var(--fx-subtext);}blockquote::before {  content: "“";  position: absolute;  left: 16px;  top: 8px;  font-size: 2.2em;  color: var(--fx-blue);  font-weight: 700;}/* ---------- ボタン ---------- */button,input[type="submit"],input[type="button"],.wp-block-button__link,a.wp-block-button__link,.c-btn,.more-link {  display: inline-block;  background: linear-gradient(135deg, var(--fx-blue) 0%, #2563eb 100%);  color: #fff !important;  border: none;  border-radius: 999px;  padding: 12px 22px;  font-weight: 700;  box-shadow: 0 8px 18px rgba(29, 78, 216, 0.24);  transition: 0.25s ease;}button:hover,input[type="submit"]:hover,input[type="button"]:hover,.wp-block-button__link:hover,a.wp-block-button__link:hover,.c-btn:hover,.more-link:hover {  transform: translateY(-2px);  box-shadow: 0 12px 24px rgba(29, 78, 216, 0.28);  background: linear-gradient(135deg, var(--fx-blue-dark) 0%, #1d4ed8 100%);}/* 稼ぐ・申込系CTAを強く見せる */.cta-btn,.rank-cta a,.entry-content .cta a {  background: linear-gradient(135deg, var(--fx-green) 0%, #22c55e 100%);  box-shadow: 0 8px 18px rgba(22, 163, 74, 0.24);}.cta-btn:hover,.rank-cta a:hover,.entry-content .cta a:hover {  background: linear-gradient(135deg, var(--fx-green-dark) 0%, var(--fx-green) 100%);  box-shadow: 0 12px 24px rgba(22, 163, 74, 0.3);}/* ---------- テーブル（比較表に最適） ---------- */table {  width: 100%;  border-collapse: collapse;  margin: 2em 0;  background: var(--fx-white);  overflow: hidden;  border-radius: 12px;  box-shadow: var(--fx-shadow);}table th,table td {  padding: 14px 16px;  border: 1px solid #e5edf5;  text-align: left;  vertical-align: middle;}table th {  background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%);  color: #fff;  font-weight: 700;}table tr:nth-child(even) td {  background: #f8fbff;}table tr:hover td {  background: #eef6ff;}/* 比較表のおすすめ列を目立たせる */.is-recommended,.recommend,.rank1,td.is-recommended,th.is-recommended {  background: #fffbea !important;  border-color: #f3d97a !important;}/* ---------- サイドバー ---------- */.widget,.sidebar .widget,.l-sidebar .widget {  padding: 22px 20px;  margin-bottom: 24px;}.widget-title,.sidebar .widget-title,.l-sidebar .widget-title {  position: relative;  margin-bottom: 16px;  padding-left: 14px;  font-size: 1.05em;  font-weight: 800;  color: var(--fx-navy);}.widget-title::before,.sidebar .widget-title::before,.l-sidebar .widget-title::before {  content: "";  position: absolute;  left: 0;  top: 3px;  width: 5px;  height: calc(100% - 6px);  background: linear-gradient(180deg, var(--fx-blue), var(--fx-green));  border-radius: 999px;}.widget ul,.sidebar .widget ul {  list-style: none;  padding-left: 0;  margin-bottom: 0;}.widget ul li,.sidebar .widget ul li {  padding: 10px 0;  border-bottom: 1px solid #edf2f7;}.widget ul li:last-child,.sidebar .widget ul li:last-child {  border-bottom: none;}.widget ul li a,.sidebar .widget ul li a {  color: var(--fx-text);  font-weight: 600;}.widget ul li a:hover,.sidebar .widget ul li a:hover {  color: var(--fx-blue);}/* ---------- 検索フォーム ---------- */input[type="text"],input[type="search"],input[type="email"],input[type="url"],textarea,select {  width: 100%;  padding: 12px 14px;  border: 1px solid #d7e2ee;  border-radius: 10px;  background: #fff;  color: var(--fx-text);  transition: 0.25s ease;}input[type="text"]:focus,input[type="search"]:focus,input[type="email"]:focus,input[type="url"]:focus,textarea:focus,select:focus {  outline: none;  border-color: #93c5fd;  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.12);}/* ---------- パンくず ---------- */.breadcrumb,.p-breadcrumb,.c-breadcrumb {  margin-bottom: 18px;  padding: 10px 14px;  background: #eef4fb;  border: 1px solid #dde7f1;  border-radius: 10px;  font-size: 0.92em;  color: var(--fx-subtext);}/* ---------- 記事メタ ---------- */.entry-meta,.post-meta,.p-entryMeta {  color: var(--fx-subtext);  font-size: 0.92em;}/* 投稿日やカテゴリを見やすく */.cat-links a,.post-categories a,.entry-categories a {  display: inline-block;  padding: 5px 10px;  margin: 0 6px 6px 0;  background: #eaf2ff;  color: var(--fx-blue-dark);  border-radius: 999px;  font-size: 0.86em;  font-weight: 700;}/* ---------- アイキャッチ ---------- */.post-thumbnail img,.eyecatch img,.wp-post-image {  border-radius: 14px;  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);}/* ---------- 記事下の関連記事・ページネーション ---------- */.related-posts,.p-related,.navigation,.pagination,.page-numbers {  margin-top: 28px;}.page-numbers,.pagination a,.pagination span {  display: inline-flex;  align-items: center;  justify-content: center;  min-width: 42px;  height: 42px;  margin: 4px;  padding: 0 12px;  background: #fff;  color: var(--fx-navy);  border: 1px solid #dbe5ef;  border-radius: 999px;  font-weight: 700;  box-shadow: 0 3px 8px rgba(15, 23, 42, 0.04);}.page-numbers.current,.pagination .current {  background: linear-gradient(135deg, var(--fx-blue), #2563eb);  color: #fff;  border-color: transparent;}/* ---------- フッター ---------- */.site-footer,.l-footer,footer[role="contentinfo"] {  background: linear-gradient(135deg, #0b1120 0%, #0f172a 100%);  color: rgba(255, 255, 255, 0.82);  margin-top: 48px;}.site-footer a,.l-footer a,footer[role="contentinfo"] a {  color: #dbeafe;}.site-footer a:hover,.l-footer a:hover,footer[role="contentinfo"] a:hover {  color: #fff;}/* ---------- ボックス装飾 ---------- *//* 注意書き */.notice-box,.info-box,.warning-box,.alert-box {  margin: 1.8em 0;  padding: 16px 18px;  border-radius: 12px;  border: 1px solid #fde68a;  background: #fffbea;}.warning-box,.alert-box {  border-color: #fecaca;  background: #fff5f5;}/* ポイントボックス */.point-box,.check-box {  margin: 1.8em 0;  padding: 18px 20px;  background: #f0fdf4;  border: 1px solid #bbf7d0;  border-radius: 12px;}/* ---------- ランキングカード向け ---------- */.ranking-card,.rank-card,.compare-card {  padding: 24px;  margin: 24px 0;  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);  border: 1px solid #dce7f5;  border-radius: 16px;  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);}.ranking-card .rank-no,.rank-card .rank-no {  display: inline-flex;  align-items: center;  justify-content: center;  min-width: 42px;  height: 42px;  padding: 0 12px;  background: linear-gradient(135deg, var(--fx-gold), #f2d061);  color: #fff;  border-radius: 999px;  font-weight: 800;  margin-bottom: 12px;}/* ---------- 目次 ---------- */.toc,#toc_container,.p-toc,.widget_nav_menu {  background: #ffffff;  border: 1px solid #dce6f1;  border-radius: 14px;  box-shadow: var(--fx-shadow);}#toc_container,.toc,.p-toc {  padding: 20px;  margin: 24px 0;}#toc_container .toc_title,.toc .toc_title,.p-toc__title {  color: var(--fx-navy);  font-weight: 800;  margin-bottom: 12px;}#toc_container ul,.toc ul,.p-toc ul {  list-style: none;  padding-left: 0;}#toc_container li,.toc li,.p-toc li {  margin: 8px 0;}#toc_container a,.toc a,.p-toc a {  display: block;  padding: 8px 10px;  border-radius: 8px;  color: var(--fx-text);}#toc_container a:hover,.toc a:hover,.p-toc a:hover {  background: #eef6ff;  color: var(--fx-blue);}/* ---------- 下線リンク装飾 ---------- */.entry-content p a,.post-content p a {  text-decoration: underline;  text-decoration-thickness: 1.5px;  text-underline-offset: 3px;}/* ---------- スマホ最適化 ---------- */@media (max-width: 767px) {  body {    font-size: 15px;    line-height: 1.85;  }  .entry-content h2,  .post-content h2,  article h2 {    font-size: 1.25em;    padding: 14px 14px 14px 16px;  }  .entry-content h3,  .post-content h3,  article h3 {    font-size: 1.12em;  }  table,  table tbody,  table tr,  table th,  table td {    font-size: 14px;  }  .widget,  .sidebar .widget,  .l-sidebar .widget,  .ranking-card,  .rank-card,  .compare-card {    padding: 16px;  }  button,  input[type="submit"],  input[type="button"],  .wp-block-button__link,  a.wp-block-button__link,  .c-btn,  .more-link {    width: 100%;    text-align: center;  }}/* ---------- 記事本文の横幅を少し上品に ---------- */.entry-content,.post-content,.article-content {  max-width: 100%;}.single .entry-content,.single .post-content {  font-size: 1.03em;}/* ---------- 収益記事向け：比較・訴求の強化 ---------- */.price,.spread,.swap,.rate-up,.gain {  color: var(--fx-green-dark);  font-weight: 800;}.loss,.risk,.down {  color: var(--fx-red);  font-weight: 800;}/* ---------- 不要に角張った印象を減らす ---------- */.card,.box,.wp-block-group,.wp-block-columns {  border-radius: 14px;}