/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 29 2026 | 07:10:06 */
/* ============================================================
   FEAT-EA 共通スタイル
   スコープ：.ea-page 配下のみに適用（他ページへの影響を排除）
   ============================================================ */

.ea-page *{box-sizing:border-box;margin:0;padding:0}

/* ─── Hero（EA名） ─── */
.ea-page.wrap{max-width:920px;margin:0 auto;padding:0 32px}
@media(max-width:600px){.ea-page.wrap{padding:0 18px}}

.ea-page .ea-hero{padding:64px 0 40px;border-bottom:1px solid var(--ea-bd)}
.ea-page .ea-eyebrow{
  font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ea-tt);margin-bottom:14px;display:flex;align-items:center;gap:8px;
}
.ea-page .ea-hero h1{
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';font-size:34px;font-weight:700;
  line-height:1.45;color:var(--ea-text);
}
@media(max-width:600px){
  .ea-page .ea-hero h1{font-size:26px}
  .ea-page .ea-hero{padding:44px 0 32px}
}

/* ─── Section ─── */
.ea-page .ea-section{padding:40px 0;border-bottom:1px solid var(--ea-bd)}
.ea-page .ea-sec-label{
  font-size:12px;
  font-weight:700!important;
  letter-spacing: .1em;
  text-transform:uppercase;
  padding: 0px 0px 0px 2rem;
  color:var(--ea-c1);margin-bottom:18px;
}
.ea-page .ea-overview{font-size:16px;color:var(--ea-ts);line-height:2.0;max-width:860px}

/* ─── Card ─── */
.ea-page .ea-card{
  background:var(--ea-bg-card);border:1px solid var(--ea-bd);border-radius:var(--ea-r);
  padding:26px;box-shadow:0 1px 2px rgba(0,0,0,.02);
}
@media(max-width:600px){.ea-page .ea-card{padding:18px 16px}}

/* ─── メディアリンク ─── */
.ea-page .ea-media-link{display:inline-block;text-decoration:none;color:inherit;max-width:100%}
.ea-page .ea-media-img{
  display:block;max-width:100%;height:auto;
  border-radius:var(--ea-rs);border:1px solid var(--ea-bd-s);
}
.ea-page .ea-media-cap{
  display:inline-flex;align-items:center;gap:6px;margin-top:12px;
  font-size:14px;font-weight:600;color:var(--ea-c3);
}
.ea-page .ea-media-cap::after{content:'↗';font-size:13px;color:var(--ea-c3)}

/* ─── ボタン ─── */
.ea-page .ea-btn-row{margin-top:18px}
.ea-page .ea-btn{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--ea-c1);color:#fff !important;text-decoration:none !important;
  font-size:14px;font-weight:600;padding:11px 22px;border-radius:24px;
  transition:opacity .15s,transform .15s;
}
.ea-page .ea-btn:hover{opacity:.88;transform:translateY(-1px)}
.ea-page .ea-btn::after{content:'↗';font-size:12px;opacity:.85}
.ea-page .ea-btn--pending{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--ea-bg-soft);color:var(--ea-tt);
  font-size:14px;font-weight:600;padding:11px 22px;border-radius:24px;
  border:1px dashed rgba(26,26,24,.28);cursor:not-allowed;user-select:none;
}
.ea-page .ea-btn--pending::after{content:'⏳';font-size:12px;opacity:.7}

/* ─── 注意表示 ─── */
.ea-page .ea-note{
  margin:36px 0 0;background:var(--ea-c4b);
  border:1px solid rgba(133,79,11,.18);
  border-left:3px solid var(--ea-c4);
  border-radius:var(--ea-rs);padding:18px 22px;
}
.ea-page .ea-note-label{
  font-size:20px;font-weight:700;letter-spacing:.06em;
  color:var(--ea-c4);margin-bottom:8px;
}
.ea-page .ea-note p{font-size:14px;color:#6B4A14;line-height:1.9}
.ea-page .ea-draft-flag{
  display:inline-block;font-size:11px;font-weight:700;letter-spacing:.04em;
  background:#FBE2C2;color:#854F0B;padding:2px 9px;border-radius:10px;margin-left:8px;
}

/* ─── Footer ─── */
.ea-page .ea-footer{padding:32px 0 64px;color:var(--ea-tt);font-size:13px;line-height:1.9}

/* ─── EA一覧 ─── */
.ea-page .ealist-hero{padding:64px 0 36px;border-bottom:1px solid var(--ea-bd)}
.ea-page .ealist-hero h1{
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
  font-size:34px;font-weight:700;line-height:1.45;margin-bottom:18px;
}
.ea-page .ealist-lead{font-size:17px;color:var(--ea-ts);line-height:2.0;max-width:760px}
.ea-page .ealist-lead a{color:var(--ea-c3);font-weight:600;text-decoration:none;border-bottom:1px solid currentColor}
.ea-page .ealist-lead a:hover{opacity:.75}
.ea-page .ealist-note{margin-top:8px}
.ea-page .ealist-lead-2{font-size:14px;color:var(--ea-ts);line-height:2.0;max-width:760px}

.ea-page .ea-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  gap:18px;padding:40px 0 16px;
}
@media(max-width:600px){.ea-page .ea-grid{grid-template-columns:minmax(0,1fr)}}

.ea-page .ea-grid-card{
  display:flex;flex-direction:column;background:var(--ea-bg-card);
  border:1px solid var(--ea-bd);border-radius:var(--ea-r);overflow:hidden;
  transition:transform .15s,box-shadow .15s;
}
.ea-page .ea-grid-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.07)}
.ea-page .ea-grid-thumb{display:block;border-bottom:1px solid var(--ea-bd-s);background:var(--ea-bg-soft)}
.ea-page .ea-grid-thumb img{display:block;width:100%;height:auto}
.ea-page .ea-grid-body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.ea-page .ea-grid-name{
  font-size:16px;font-weight:700;color:var(--ea-text);
  line-height:1.5;margin-bottom:10px;
  overflow-wrap:anywhere;word-break:break-word;
}
.ea-page .ea-grid-name a{color:inherit;text-decoration:none}
.ea-page .ea-grid-name a:hover{color:var(--ea-c1)}
.ea-page .ea-grid-desc{font-size:14px;color:var(--ea-ts);line-height:1.85;flex:1;margin-bottom:16px}
.ea-page .ea-grid-cta{
  align-self:flex-start;display:inline-flex;align-items:center;gap:7px;
  font-size:13px;font-weight:600;color:#fff !important;background:var(--ea-c1);
  text-decoration:none !important;padding:9px 18px;border-radius:22px;transition:opacity .15s;
}
.ea-page .ea-grid-cta:hover{opacity:.88}
.ea-page .ea-grid-cta::after{content:'↗';font-size:11px;opacity:.85}

/* ─── 見出し外観維持 ─── */
.ea-page h2.ea-sec-label{font-size:20px;font-weight:700;line-height:1.2}
.ea-page h2.ea-grid-name{font-size:14px;font-weight:700}

/* ─── フォーカス ─── */
.ea-page .ea-media-link:focus-visible,
.ea-page .ea-btn:focus-visible,
.ea-page .ea-grid-cta:focus-visible,
.ea-page .ea-grid-thumb:focus-visible,
.ea-page .ealist-lead a:focus-visible{
  outline:2px solid var(--ea-c3);outline-offset:3px;border-radius:var(--ea-rs);
}

/* ─── CSS変数（.ea-page スコープ内で定義） ─── */
.ea-page{
  --ea-bg:#F7F6F2;
  --ea-bg-card:#FFFFFF;
  --ea-bg-soft:#EEECEA;
  --ea-text:#1A1A18;
  --ea-ts:#5C5C58;
  --ea-tt:#9A9A94;
  --ea-bd:rgba(26,26,24,.1);
  --ea-bd-s:rgba(26,26,24,.06);
  --ea-r:14px;
  --ea-rs:8px;
  --ea-c1:#0F6E56;
  --ea-c1b:#E1F5EE;
  --ea-c1m:#1D9E75;
  --ea-c3:#185FA5;
  --ea-c3b:#E6F1FB;
  --ea-c4:#854F0B;
  --ea-c4b:#FAEEDA;

  /* このページ内の背景色 */
  background: #F7F6F2;
  font-size:16px;
  line-height:1.85;
  -webkit-font-smoothing:antialiased;
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
  color:#1A1A18;
}
/* ─── 背景色を画面幅いっぱいに適用 ─── */
/* EAページのbody・テーマコンテナの背景を上書き */
/* ════ ① 背景色フルワイド ════ */
body:has(.ea-page) { background: #F7F6F2 !important; }
body:has(.ea-page) .site-content,
body:has(.ea-page) #primary,
body:has(.ea-page) main,
body:has(.ea-page) article,
body:has(.ea-page) .entry-content,
body:has(.ea-page) .post-content,
body:has(.ea-page) .page-content,
body:has(.ea-page) .wrap,
body:has(.ea-page) .content-area,
body:has(.ea-page) #content { background: #F7F6F2 !important; }
.ea-page { background: #F7F6F2 !important; width: 100% !important; }


/* body全体の背景も合わせる（:has対応ブラウザ） */
body:has(.ea-page) {
  background: #F7F6F2 !important;
}
/* WordPress共通コンテナの背景を上書き */
body:has(.ea-page) .site-content,
body:has(.ea-page) .entry-content,
body:has(.ea-page) #primary,
body:has(.ea-page) main,
body:has(.ea-page) .page-content,
body:has(.ea-page) article {
  background: #F7F6F2 !important;
}
/* ─── EAページ CTA（赤ボタン・中央揃え） ─── */
.ea-page .ea-cta-wrap {
  text-align: center;
  margin: 40px 0 0;
}
.ea-page .ea-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #D83333;
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 700;
  padding: 14px 48px;
  border-radius: 4px;
  transition: opacity .2s, transform .15s;
}
.ea-page .ea-cta-btn:hover {
  opacity: .85;
  transform: translateY(-1px);
}
.ea-page .ea-cta-note {
  margin-top: 12px;
  font-size: 12px;
  color: var(--ea-ts);
  text-align: center;
}
.ea-page .ea-cta-note a {
  color: var(--ea-c3) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px;
}
/* 会社情報（.ea-page直下の.tmg-companyに直接適用） */
.ea-page .tmg-company {
  margin-top: 40px;
  background: #FFFFFF;
  border: 1px solid rgba(26,26,24,.10);
  border-radius: 14px;
  overflow: hidden;
  display: block;
}

.ea-page .tmg-company-title {
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
  font-weight: 700;
  font-size: 1.6rem;
  color: #1A1A18;
  padding: 18px 26px;
  border-bottom: 1px solid rgba(26,26,24,.10);
  background: #EEECEA;
  display: block;
}

.ea-page .tmg-company-body {
  padding: 22px 26px;
  color: #1A1A18;
  font-size: 14px;
  line-height: 1.95;
}

.ea-page .tmg-company-body a {
  color: #185FA5;
  text-decoration: none;
  word-break: break-all;
  display: block;
  margin-top: 8px;
}

.ea-page .tmg-company-body a:hover {
  opacity: .75;
}

/* ═══ EA詳細ページ タグ表示 ═══ */
.ea-page .ea-tag-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
}
.ea-page .ea-tag {
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 20px;
  line-height: 1.4;
  white-space: nowrap;
}
.ea-page .ea-tag--pair  { background:#EEECEA; color:#5C5C58; border:1px solid rgba(26,26,24,.12); }
.ea-page .ea-tag--buy   { background:#E1F5EE; color:#0F6E56; border:1px solid rgba(15,110,86,.2); }
.ea-page .ea-tag--sell  { background:#FAEEDA; color:#854F0B; border:1px solid rgba(133,79,11,.2); }
.ea-page .ea-tag--zone  { background:#E6F1FB; color:#185FA5; border:1px solid rgba(24,95,165,.2); }
.ea-page .ea-tag--order { background:#F0EDF8; color:#5B4A9B; border:1px solid rgba(91,74,155,.2); }

/* ─── トリロジー外部リンク注意モーダル ─── */
.trgy-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.6);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.trgy-modal-box {
  background: #ffffff;
  border-radius: 8px;
  max-width: 480px;
  width: 100%;
  padding: 32px 28px;
  text-align: center;
  box-shadow: 0 12px 40px rgba(0,0,0,.2);
}
.trgy-modal-title {
  font-size: 16px;
  font-weight: 700;
  color: #1A1A18;
  margin-bottom: 16px;
  line-height: 1.5;
}
.trgy-modal-text {
  font-size: 13px;
  color: #5C5C58;
  line-height: 1.8;
  margin-bottom: 24px;
}
.trgy-modal-btns {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}
.trgy-modal-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 24px;
  border-radius: 24px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
  cursor: pointer;
  border: none;
  transition: opacity .15s;
}
.trgy-modal-btn--cancel {
  background: #EEECEA;
  color: #5C5C58 !important;
}
.trgy-modal-btn--ok {
  background: #D83333;
  color: #ffffff !important;
}
.trgy-modal-btn:hover { opacity: .85; }

/* スクロール固定用（モーダル表示中にbodyスクロールを止める） */
body.trgy-modal-open {
  overflow: hidden !important;
}
/* ═══ EA SPEC（2026-09-25：タグをEA一覧と同じ見出し付きの項目表に） ═══ */
.ea-page .ea-spec-group { display:grid; grid-template-columns:2fr 3fr; gap:6px; max-width:640px; margin-top:12px; }
.ea-page .ea-spec-group--main-only { grid-template-columns:1fr; max-width:256px; }
.ea-page .ea-spec { display:grid; gap:6px; }
.ea-page .ea-spec--main { grid-template-columns:repeat(2, minmax(0, 1fr)); }
.ea-page .ea-spec--cond { grid-template-columns:repeat(3, minmax(0, 1fr)); }
.ea-page .ea-spec-cell { min-width:0; padding:3px 8px 4px; border:1px solid; border-radius:8px; }
.ea-page .ea-spec-cap { display:block; font-size:10px; line-height:1.3; font-weight:400; color:#58626C; white-space:nowrap; }
.ea-page .ea-spec-val { display:block; font-size:13px; line-height:1.35; font-weight:700; white-space:nowrap; }
.ea-page .ea-spec-cell--pair { background:#E6EFF8; border-color:#ABC9E7; } .ea-page .ea-spec-cell--pair .ea-spec-val { color:#286AAC; }
.ea-page .ea-spec-cell--buy { background:#E7F6F8; border-color:#99DAE5; } .ea-page .ea-spec-cell--buy .ea-spec-val { color:#00798C; }
.ea-page .ea-spec-cell--sell { background:#FCEDEA; border-color:#F3BBB9; } .ea-page .ea-spec-cell--sell .ea-spec-val { color:#BE3F3A; }
.ea-page .ea-spec-cell--both { background:#E3E7EA; border-color:#A2AFB9; } .ea-page .ea-spec-cell--both .ea-spec-val { color:#17364F; }
.ea-page .ea-spec-cell--zonenum { background:#FCF5EB; border-color:#F6DDBC; } .ea-page .ea-spec-cell--zonenum .ea-spec-val { color:#876333; }
.ea-page .ea-spec-cell--level { background:#E3E7EA; border-color:#A2AFB9; } .ea-page .ea-spec-cell--level .ea-spec-val { color:#17364F; }
.ea-page .ea-spec-cell--aim { background:#EFECF6; border-color:#CAC0E2; } .ea-page .ea-spec-cell--aim .ea-spec-val { color:#705AA8; }
@media (max-width:600px) { .ea-page .ea-spec-group { grid-template-columns:1fr; } }
/* ═══ EA SPEC END ═══ */