[{"data":1,"prerenderedAt":341},["ShallowReactive",2],{"styles":3,"textShortcodes":112,"pageosaka-fu-27127-1":340},[4,12,19,25,31,37,43,49,55,61,66,72,77,83,88,94,100,106],{"id":5,"createdAt":6,"updatedAt":7,"publishedAt":8,"revisedAt":7,"name":9,"isLocalOnly":10,"cssContent":11},"css-area-hub","2026-08-12T05:43:54.915Z","2026-08-13T04:38:55.233Z","2026-08-12T07:12:19.141Z","スタイル エリア ハブ",false,"/*\r\n * エリアハブ導線（css-area-hub）\r\n * styles ID: css-area-hub / 表示名「スタイル エリア ハブ」\r\n * isLocalOnly: false（#area-hub にスコープ）\r\n *\r\n * DOM（リッチエディタが class / wrapper を剥がすため、素の p/ul/li/a も対象）\r\n */\r\n\r\n#area-hub.tp-section {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  box-sizing: border-box;\r\n}\r\n\r\n#area-hub .tp-section__inner,\r\n#area-hub .tp-section__inner-center {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  gap: 0 !important;\r\n  min-width: 0;\r\n  max-width: 100%;\r\n}\r\n\r\n#area-hub .rich-editor.css-area-hub {\r\n  --f85210fc: 0 !important;\r\n  display: block;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  max-width: 100%;\r\n  min-width: 0;\r\n  /* 左右は下の pr-header（人気の電話占い師）枠に合わせる */\r\n  margin: 0 !important;\r\n  /* カード内余白は四辺そろえる */\r\n  padding: 10px !important;\r\n  border: 1px solid #d9e6f5 !important;\r\n  border-radius: 6px !important;\r\n  background: #f7fbff !important;\r\n}\r\n\r\n/* リッチエディタ既定の p 余白を打ち消し */\r\n#area-hub .rich-editor.css-area-hub p {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n#area-hub .rich-editor.css-area-hub > p:first-child {\r\n  margin: 0 0 6px !important;\r\n  color: #1f3550 !important;\r\n  font-size: 15px !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1.3 !important;\r\n}\r\n\r\n#area-hub .rich-editor.css-area-hub > p:first-child strong {\r\n  font-weight: 700 !important;\r\n  color: inherit !important;\r\n}\r\n\r\n#area-hub .rich-editor.css-area-hub > p:not(:first-child) {\r\n  margin: 8px 0 4px !important;\r\n  color: #4a647f !important;\r\n  font-size: 12px !important;\r\n  font-weight: 600 !important;\r\n  line-height: 1.3 !important;\r\n}\r\n\r\n#area-hub .rich-editor.css-area-hub > p:not(:first-child) strong {\r\n  font-weight: 600 !important;\r\n  color: inherit !important;\r\n}\r\n\r\n#area-hub .rich-editor.css-area-hub ul {\r\n  display: flex !important;\r\n  flex-wrap: wrap !important;\r\n  align-items: center !important;\r\n  gap: 4px !important;\r\n  list-style: none !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n#area-hub .rich-editor.css-area-hub li {\r\n  display: flex !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  list-style: none !important;\r\n  line-height: 1 !important;\r\n}\r\n\r\n#area-hub .rich-editor.css-area-hub li::before,\r\n#area-hub .rich-editor.css-area-hub li::after,\r\n#area-hub .rich-editor.css-area-hub li::marker {\r\n  content: none !important;\r\n  display: none !important;\r\n}\r\n\r\n/* リンク内のネスト要素（p 等）も余白ゼロ */\r\n#area-hub .rich-editor.css-area-hub a,\r\n#area-hub .rich-editor.css-area-hub a * {\r\n  margin: 0 !important;\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n#area-hub .rich-editor.css-area-hub a {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  min-height: 0 !important;\r\n  height: auto !important;\r\n  /* 上下左右を同値にして中心揃え */\r\n  padding: 6px !important;\r\n  border: 1px solid #c5d8ec !important;\r\n  border-radius: 4px !important;\r\n  background: #fff !important;\r\n  color: #1a5fb4 !important;\r\n  font-size: 12px !important;\r\n  font-weight: 600 !important;\r\n  line-height: 1 !important;\r\n  text-decoration: none !important;\r\n  white-space: nowrap !important;\r\n  vertical-align: middle !important;\r\n}\r\n\r\n#area-hub .rich-editor.css-area-hub a:hover {\r\n  border-color: #1a5fb4 !important;\r\n  background: #eaf3ff !important;\r\n  text-decoration: none !important;\r\n}\r\n\r\n/* クラス付きHTMLフォールバック */\r\n#area-hub .area-hub__heading {\r\n  margin: 0 0 6px !important;\r\n  padding: 0 !important;\r\n  color: #1f3550 !important;\r\n  font-size: 15px !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1.3 !important;\r\n}\r\n\r\n#area-hub .area-hub__label {\r\n  margin: 8px 0 4px !important;\r\n  padding: 0 !important;\r\n  color: #4a647f !important;\r\n  font-size: 12px !important;\r\n  font-weight: 600 !important;\r\n  line-height: 1.3 !important;\r\n}\r\n\r\n#area-hub .area-hub__list {\r\n  display: flex !important;\r\n  flex-wrap: wrap !important;\r\n  align-items: center !important;\r\n  gap: 4px !important;\r\n  list-style: none !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n#area-hub .area-hub__item {\r\n  display: flex !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  list-style: none !important;\r\n  line-height: 1 !important;\r\n}\r\n\r\n#area-hub .area-hub__link {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  min-height: 0 !important;\r\n  height: auto !important;\r\n  padding: 6px !important;\r\n  border: 1px solid #c5d8ec !important;\r\n  border-radius: 4px !important;\r\n  background: #fff !important;\r\n  color: #1a5fb4 !important;\r\n  font-size: 12px !important;\r\n  font-weight: 600 !important;\r\n  line-height: 1 !important;\r\n  text-decoration: none !important;\r\n  white-space: nowrap !important;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  #area-hub .rich-editor.css-area-hub {\r\n    margin: 0 !important;\r\n    padding: 8px !important;\r\n  }\r\n\r\n  #area-hub .rich-editor.css-area-hub > p:first-child,\r\n  #area-hub .area-hub__heading {\r\n    font-size: 14px !important;\r\n  }\r\n\r\n  #area-hub .rich-editor.css-area-hub a,\r\n  #area-hub .area-hub__link {\r\n    min-height: 0 !important;\r\n    padding: 6px !important;\r\n    font-size: 12px !important;\r\n    line-height: 1 !important;\r\n  }\r\n}\r\n",{"id":13,"createdAt":14,"updatedAt":15,"publishedAt":14,"revisedAt":15,"name":16,"isLocalOnly":17,"cssContent":18},"css-quiz","2026-08-06T08:18:57.887Z","2026-08-07T00:55:02.951Z","スタイル 診断 クイズ",true,"/* 診断パーツ専用（css-quiz）\r\n * styles ID 命名: css-{機能} → css-quiz / 表示名「スタイル 診断 クイズ」\r\n * isLocalOnly: true（styles 既存フィールド。全ページ自動適用を避け、明示選択で使う）\r\n * ソースの正: quiz/work/css-quiz.css（style/css-quiz.css は同期コピー）\r\n * 埋め込み tpVHtml は移行前の暫定。ページ参照へ切り替えたら外す。\r\n */\r\n\r\n/* PR計測用セクション（見た目に影響させない） */\r\n#pr-quiz-service,\r\n#pr-quiz-teller {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n#pr-quiz-service > .tp-section__inner,\r\n#pr-quiz-teller > .tp-section__inner {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  gap: 0 !important;\r\n}\r\n\r\n/* --- 未選択時は CTA を完全非表示（枠線も出さない） --- */\r\ndiv:has(> .card-with-heading:has(.js-quiz-cta-marker)),\r\n.card-with-heading:has(.js-quiz-cta-marker) {\r\n  display: none !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  border: 0 !important;\r\n  background: transparent !important;\r\n  box-shadow: none !important;\r\n  min-height: 0 !important;\r\n  overflow: hidden !important;\r\n}\r\n\r\ndiv.is-quiz-cta-wrap-active:has(> .card-with-heading:has(.js-quiz-cta-marker)),\r\ndiv:has(> .card-with-heading:has(.js-quiz-cta-marker.is-active)),\r\n.card-with-heading:has(.js-quiz-cta-marker.is-active) {\r\n  display: block !important;\r\n  overflow: visible !important;\r\n  min-height: 0 !important;\r\n}\r\n\r\n/* CTA 枠なし・microCMS の左右12px余白を打ち消し（ホスト側14pxに統一） */\r\n.card-with-heading:has(.js-quiz-cta-marker.is-active) {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  border: 0 !important;\r\n  border-radius: 0 !important;\r\n  background: transparent !important;\r\n  box-shadow: none !important;\r\n  --f85210fc: 0 !important;\r\n}\r\n\r\n.card-with-heading:has(.js-quiz-cta-marker) .card-with-heading__heading,\r\n.card-with-heading:has(.js-quiz-cta-marker) [class*=\"heading\"] {\r\n  display: none !important;\r\n}\r\n\r\n.js-quiz-cta-marker {\r\n  position: absolute !important;\r\n  width: 1px !important;\r\n  height: 1px !important;\r\n  overflow: hidden !important;\r\n  clip: rect(0 0 0 0) !important;\r\n}\r\n\r\n/*\r\n * 外枠: 記事カラムに馴染む余白（左右は記事側パディングに合わせ、二重に広げない）\r\n * iframe / 結果カード / ナビを1つの枠として連続させる\r\n */\r\n.tq-frame-wrap {\r\n  margin: 8px 0 16px !important;\r\n  padding: 0 !important;\r\n  border: 1px solid #f1b8c4 !important;\r\n  border-radius: 8px !important;\r\n  background: #fff !important;\r\n  overflow: hidden !important;\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n.tq-frame-wrap iframe {\r\n  display: block !important;\r\n  width: 100% !important;\r\n  border: 0 !important;\r\n  border-radius: 0 !important;\r\n  background: transparent !important;\r\n  min-height: 0 !important;\r\n  vertical-align: top !important;\r\n}\r\n\r\n/* 結果カード群: iframe 直下に密着、内部は 14px で揃える */\r\n.js-quiz-results-host {\r\n  margin: 0 !important;\r\n  padding: 4px 14px 0 !important;\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n.js-quiz-results-host[hidden],\r\n.js-quiz-results-host[style*=\"display: none\"] {\r\n  display: none !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  border: 0 !important;\r\n}\r\n\r\n/* カード1件分のまとまり */\r\n.tq-result-block {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n.tq-result-block .tq-card {\r\n  display: grid !important;\r\n  grid-template-columns: 80px 1fr !important;\r\n  gap: 12px !important;\r\n  align-items: start !important;\r\n  background: #fff !important;\r\n  border: 1px solid #f1b8c4 !important;\r\n  border-radius: 8px !important;\r\n  padding: 12px !important;\r\n  margin: 0 !important;\r\n  color: #2a1a20 !important;\r\n  font-family: -apple-system, BlinkMacSystemFont, \"Hiragino Sans\", \"Noto Sans JP\", sans-serif !important;\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n.tq-result-block .tq-card.is-best {\r\n  border-color: #e39aaa !important;\r\n  background: #fff8fa !important;\r\n}\r\n\r\n.tq-result-block .tq-card img {\r\n  width: 80px !important;\r\n  height: 80px !important;\r\n  object-fit: cover !important;\r\n  border-radius: 6px !important;\r\n  border: 1px solid #f1b8c4 !important;\r\n  background: #fff !important;\r\n}\r\n\r\n.tq-result-block .tq-badge {\r\n  display: inline-block !important;\r\n  font-size: 10px !important;\r\n  font-weight: 700 !important;\r\n  color: #a83b5f !important;\r\n  background: #fff !important;\r\n  border: 1px solid #f1b8c4 !important;\r\n  padding: 3px 7px !important;\r\n  border-radius: 5px !important;\r\n  margin-bottom: 6px !important;\r\n}\r\n\r\n.tq-result-block .tq-badge.sub {\r\n  color: #7a5a66 !important;\r\n}\r\n\r\n.tq-result-block .tq-card-name {\r\n  margin: 0 0 4px !important;\r\n  font-size: 15px !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1.35 !important;\r\n}\r\n\r\n.tq-result-block .tq-card-sub {\r\n  margin: 0 0 8px !important;\r\n  font-size: 12px !important;\r\n  color: #7a5a66 !important;\r\n  line-height: 1.55 !important;\r\n}\r\n\r\n.tq-result-block .tq-tags {\r\n  display: flex !important;\r\n  flex-wrap: wrap !important;\r\n  gap: 5px !important;\r\n  margin: 0 0 8px !important;\r\n}\r\n\r\n.tq-result-block .tq-tag {\r\n  font-size: 10px !important;\r\n  line-height: 1 !important;\r\n  padding: 5px 7px !important;\r\n  border-radius: 5px !important;\r\n  background: #fff0f4 !important;\r\n  border: 1px solid #f1b8c4 !important;\r\n  color: #a83b5f !important;\r\n  font-weight: 700 !important;\r\n}\r\n\r\n.tq-result-block .tq-specs {\r\n  margin: 0 !important;\r\n  padding: 8px 10px !important;\r\n  list-style: none !important;\r\n  font-size: 12px !important;\r\n  color: #444 !important;\r\n  line-height: 1.6 !important;\r\n  background: #fff !important;\r\n  border: 1px solid #f6e0e6 !important;\r\n  border-radius: 6px !important;\r\n}\r\n\r\n.tq-result-block .tq-specs li {\r\n  display: flex !important;\r\n  gap: 6px !important;\r\n}\r\n\r\n.tq-result-block .tq-specs b {\r\n  min-width: 4.5em !important;\r\n  color: #7a5a66 !important;\r\n  font-weight: 700 !important;\r\n}\r\n\r\n/* カード直下の btn-set（スペック→ボタンの間隔を短く） */\r\n.js-quiz-results-host > .is-quiz-cta-wrap-active,\r\n.js-quiz-results-host > div:has(> .card-with-heading:has(.js-quiz-cta-marker.is-active)) {\r\n  margin: 8px 0 14px !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n.js-quiz-results-host > .tq-result-block + .is-quiz-cta-wrap-active,\r\n.js-quiz-results-host > .tq-result-block + div:has(> .card-with-heading) {\r\n  margin-top: 8px !important;\r\n}\r\n\r\n/*\r\n * btn-set の .tag-button をくすみローズのピル型に統一（診断領域のみ）\r\n * 公式（--size-lg）= 淡いピンク／口コミ（--size-md）= 白\r\n */\r\n.card-with-heading:has(.js-quiz-cta-marker) .tag-button,\r\n.js-quiz-results-host .tag-button {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  box-sizing: border-box !important;\r\n  width: 100% !important;\r\n  max-width: none !important;\r\n  margin: 0 0 8px !important;\r\n  padding: 11px 12px !important;\r\n  border: 1px solid #f1b8c4 !important;\r\n  border-radius: 999px !important;\r\n  background: #fff0f4 !important;\r\n  color: #a83b5f !important;\r\n  box-shadow: none !important;\r\n  text-decoration: none !important;\r\n  font-size: 13px !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1.3 !important;\r\n  text-align: center !important;\r\n}\r\n\r\n.card-with-heading:has(.js-quiz-cta-marker) .tag-button:last-child,\r\n.js-quiz-results-host .tag-button:last-child {\r\n  margin-bottom: 0 !important;\r\n}\r\n\r\n.card-with-heading:has(.js-quiz-cta-marker) .tag-button.--size-md,\r\n.js-quiz-results-host .tag-button.--size-md {\r\n  background: #fff !important;\r\n}\r\n\r\n.card-with-heading:has(.js-quiz-cta-marker) .tag-button .tag-button__flex-area,\r\n.card-with-heading:has(.js-quiz-cta-marker) .tag-button .tag-button__flex-area__text,\r\n.js-quiz-results-host .tag-button .tag-button__flex-area,\r\n.js-quiz-results-host .tag-button .tag-button__flex-area__text {\r\n  color: #a83b5f !important;\r\n  justify-content: center !important;\r\n  text-align: center !important;\r\n}\r\n\r\n.card-with-heading:has(.js-quiz-cta-marker) .tag-button.--animation-shining::before,\r\n.card-with-heading:has(.js-quiz-cta-marker) .tag-button.--animation-shining::after,\r\n.card-with-heading:has(.js-quiz-cta-marker) .tag-button[class*=\"animation\"]::before,\r\n.card-with-heading:has(.js-quiz-cta-marker) .tag-button[class*=\"animation\"]::after,\r\n.js-quiz-results-host .tag-button.--animation-shining::before,\r\n.js-quiz-results-host .tag-button.--animation-shining::after,\r\n.js-quiz-results-host .tag-button[class*=\"animation\"]::before,\r\n.js-quiz-results-host .tag-button[class*=\"animation\"]::after {\r\n  display: none !important;\r\n  content: none !important;\r\n  animation: none !important;\r\n}\r\n\r\n.card-with-heading:has(.js-quiz-cta-marker) .tag-button .tag-button__flex-area__arrow,\r\n.card-with-heading:has(.js-quiz-cta-marker) .tag-button [class*=\"arrow\"],\r\n.card-with-heading:has(.js-quiz-cta-marker) .tag-button svg,\r\n.js-quiz-results-host .tag-button .tag-button__flex-area__arrow,\r\n.js-quiz-results-host .tag-button [class*=\"arrow\"],\r\n.js-quiz-results-host .tag-button svg {\r\n  display: none !important;\r\n}\r\n\r\n.card-with-heading:has(.js-quiz-cta-marker) .gray-small,\r\n.js-quiz-results-host .gray-small {\r\n  display: block !important;\r\n  color: #7a5a66 !important;\r\n  font-size: 11px !important;\r\n  line-height: 1.4 !important;\r\n  margin: 6px 0 0 !important;\r\n  text-align: center !important;\r\n}\r\n\r\n/* ボタン上の特典テキスト（スマホで目立たせる・改行は JS で制御） */\r\n.card-with-heading:has(.js-quiz-cta-marker.is-active) .rich-editor,\r\n.js-quiz-results-host .rich-editor.tq-promo,\r\n.js-quiz-results-host .rich-editor {\r\n  margin: 0 0 10px !important;\r\n  padding: 0 2px !important;\r\n  text-align: center !important;\r\n}\r\n\r\n.js-quiz-results-host .rich-editor.tq-promo p,\r\n.js-quiz-results-host .rich-editor[data-tq-promo=\"1\"] p,\r\n.card-with-heading:has(.js-quiz-cta-marker.is-active) .rich-editor p {\r\n  margin: 0 !important;\r\n  text-align: center !important;\r\n}\r\n\r\n.js-quiz-results-host .tq-promo-text,\r\n.card-with-heading:has(.js-quiz-cta-marker.is-active) .tq-promo-text,\r\n.js-quiz-results-host .rich-editor .red-text-yellow-marker,\r\n.card-with-heading:has(.js-quiz-cta-marker.is-active) .rich-editor .red-text-yellow-marker {\r\n  display: inline !important;\r\n  color: #a83b5f !important;\r\n  font-size: 15px !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1.45 !important;\r\n  letter-spacing: 0.02em !important;\r\n  background: linear-gradient(transparent 62%, #ffe566 62%) !important;\r\n  box-decoration-break: clone !important;\r\n  -webkit-box-decoration-break: clone !important;\r\n}\r\n\r\n.js-quiz-results-host .tq-nowrap,\r\n.card-with-heading:has(.js-quiz-cta-marker.is-active) .tq-nowrap {\r\n  white-space: nowrap !important;\r\n}\r\n\r\n.js-quiz-results-host .tq-promo-text br,\r\n.card-with-heading:has(.js-quiz-cta-marker.is-active) .tq-promo-text br {\r\n  display: block !important;\r\n  content: \"\" !important;\r\n  margin-top: 2px !important;\r\n}\r\n\r\n/* 公式ボタン文言もスマホで読みやすく */\r\n.js-quiz-results-host .tag-button.--size-lg .tag-button__flex-area__text,\r\n.card-with-heading:has(.js-quiz-cta-marker) .tag-button.--size-lg .tag-button__flex-area__text {\r\n  font-size: 14px !important;\r\n  line-height: 1.35 !important;\r\n  white-space: pre-line !important;\r\n}\r\n\r\n/* 結果時ナビ: カード群の直後 */\r\n.js-quiz-nav-host.tq-nav {\r\n  display: none;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  gap: 8px;\r\n  margin: 0 !important;\r\n  padding: 4px 14px 14px !important;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.js-quiz-nav-host .tq-btn {\r\n  border: 0 !important;\r\n  border-radius: 999px !important;\r\n  padding: 10px 16px !important;\r\n  font-size: 13px !important;\r\n  font-weight: 700 !important;\r\n  cursor: pointer !important;\r\n}\r\n\r\n.js-quiz-nav-host .tq-btn-ghost {\r\n  background: #f6e8ec !important;\r\n  color: #5a3a46 !important;\r\n}\r\n\r\n.js-quiz-nav-host .tq-btn-main {\r\n  background: #a83b5f !important;\r\n  color: #fff !important;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .tq-result-block .tq-card {\r\n    grid-template-columns: 68px 1fr !important;\r\n    padding: 12px !important;\r\n  }\r\n  .tq-result-block .tq-card img {\r\n    width: 68px !important;\r\n    height: 68px !important;\r\n  }\r\n  .js-quiz-results-host .tq-promo-text,\r\n  .card-with-heading:has(.js-quiz-cta-marker.is-active) .tq-promo-text,\r\n  .js-quiz-results-host .rich-editor .red-text-yellow-marker,\r\n  .card-with-heading:has(.js-quiz-cta-marker.is-active) .rich-editor .red-text-yellow-marker {\r\n    font-size: 14px !important;\r\n    line-height: 1.5 !important;\r\n  }\r\n  .js-quiz-results-host .tag-button.--size-lg .tag-button__flex-area__text,\r\n  .card-with-heading:has(.js-quiz-cta-marker) .tag-button.--size-lg .tag-button__flex-area__text {\r\n    font-size: 13.5px !important;\r\n  }\r\n  .js-quiz-results-host {\r\n    padding: 4px 12px 0 !important;\r\n  }\r\n  .js-quiz-nav-host.tq-nav {\r\n    padding: 4px 12px 12px !important;\r\n  }\r\n}\r\n",{"id":20,"createdAt":21,"updatedAt":22,"publishedAt":21,"revisedAt":22,"name":23,"isLocalOnly":10,"cssContent":24},"css-recommend-links","2026-05-27T08:17:23.074Z","2026-05-27T08:38:13.233Z","スタイル おすすめ リンク","/* ========================================\r\n   電話占いTOP 導線エリア調整\r\n   対象：\r\n   #tel-purpose\r\n   #tel-worries\r\n   #tel-tips\r\n======================================== */\r\n\r\n/* 対象セクションの上余白調整 */\r\n#tel-purpose,\r\n#tel-worries,\r\n#tel-tips {\r\n    padding-top: 0 !important;\r\n}\r\n\r\n/* h2まわりの既存装飾リセット */\r\n#tel-purpose .tp-heading-2,\r\n#tel-purpose .heading-wrap,\r\n#tel-purpose .heading-wrap.--seo,\r\n#tel-worries .tp-heading-2,\r\n#tel-worries .heading-wrap,\r\n#tel-worries .heading-wrap.--seo,\r\n#tel-tips .tp-heading-2,\r\n#tel-tips .heading-wrap,\r\n#tel-tips .heading-wrap.--seo {\r\n    margin-top: 0 !important;\r\n    padding-top: 0 !important;\r\n    border-left: none !important;\r\n    background-image: none !important;\r\n    box-shadow: none !important;\r\n}\r\n\r\n/* 既存の左線・疑似要素を削除 */\r\n#tel-purpose h2::before,\r\n#tel-purpose h2::after,\r\n#tel-worries h2::before,\r\n#tel-worries h2::after,\r\n#tel-tips h2::before,\r\n#tel-tips h2::after {\r\n    display: none !important;\r\n    content: none !important;\r\n    border: none !important;\r\n    background: none !important;\r\n}\r\n\r\n/* h2本体 */\r\n#tel-purpose h2.heading-wrap__heading-2-a,\r\n#tel-worries h2.heading-wrap__heading-2-a,\r\n#tel-tips h2.heading-wrap__heading-2-a {\r\n    display: block !important;\r\n    width: calc(100% - 24px) !important;\r\n    margin: 24px 12px 14px !important;\r\n    padding: 0 0 10px !important;\r\n    border-left: none !important;\r\n    border-bottom: 3px solid #2f5f8f !important;\r\n    background: transparent !important;\r\n    color: #1f3550 !important;\r\n    font-size: 30px !important;\r\n    font-weight: 800 !important;\r\n    line-height: 1.35 !important;\r\n    letter-spacing: .01em !important;\r\n    text-align: center !important;\r\n}\r\n\r\n/* h2の先頭1文字だけ赤く大きく */\r\n#tel-purpose h2.heading-wrap__heading-2-a::first-letter,\r\n#tel-worries h2.heading-wrap__heading-2-a::first-letter,\r\n#tel-tips h2.heading-wrap__heading-2-a::first-letter {\r\n    color: #d64545 !important;\r\n    font-size: 1.65em !important;\r\n    font-weight: 900 !important;\r\n    line-height: .9 !important;\r\n}\r\n\r\n/* ========================================\r\n   通常画像リンク\r\n======================================== */\r\n\r\n/* 画像リンク全体 */\r\n#tel-purpose .tp-img,\r\n#tel-worries .tp-img,\r\n#tel-tips .tp-img {\r\n    display: block !important;\r\n    margin-bottom: 0 !important;\r\n}\r\n\r\n/* 画像と画像下テキストの間隔 */\r\n#tel-purpose .tp-img picture,\r\n#tel-purpose .tp-img .base-image,\r\n#tel-worries .tp-img picture,\r\n#tel-worries .tp-img .base-image,\r\n#tel-tips .tp-img picture,\r\n#tel-tips .tp-img .base-image {\r\n    display: block !important;\r\n    margin: 0 12px 10px !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n/* 画像自体 */\r\n#tel-purpose .tp-img img,\r\n#tel-worries .tp-img img,\r\n#tel-tips .tp-img img {\r\n    display: block !important;\r\n    width: 100% !important;\r\n    height: auto !important;\r\n}\r\n\r\n/* 画像下テキスト */\r\n#tel-purpose .tp-img p.img-text,\r\n#tel-worries .tp-img p.img-text,\r\n#tel-tips .tp-img p.img-text {\r\n    display: block !important;\r\n    margin: 0 12px 10px !important;\r\n    padding: 0 !important;\r\n    color: #0068d9 !important;\r\n    font-size: 14px !important;\r\n    line-height: 1.45 !important;\r\n    text-align: center !important;\r\n    text-decoration: underline !important;\r\n}\r\n\r\n/* ========================================\r\n   tag-secondary\r\n======================================== */\r\n\r\n/* タグリスト：tag-secondaryが入っているpだけ整える */\r\n#tel-purpose .rich-editor.raw.--seo p:has(.tag-secondary),\r\n#tel-worries .rich-editor.raw.--seo p:has(.tag-secondary),\r\n#tel-tips .rich-editor.raw.--seo p:has(.tag-secondary) {\r\n    display: flex !important;\r\n    flex-wrap: wrap !important;\r\n    justify-content: center !important;\r\n    gap: 6px !important;\r\n    margin: 10px 12px 18px !important;\r\n    padding: 0 !important;\r\n    font-size: 0 !important;\r\n    line-height: 1 !important;\r\n}\r\n\r\n/* タグ内リンク */\r\n#tel-purpose .rich-editor.raw.--seo p:has(.tag-secondary) a,\r\n#tel-worries .rich-editor.raw.--seo p:has(.tag-secondary) a,\r\n#tel-tips .rich-editor.raw.--seo p:has(.tag-secondary) a {\r\n    display: inline-flex !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    text-decoration: none !important;\r\n}\r\n\r\n/* tag-secondary：12px・くすみローズ */\r\n#tel-purpose .tag-secondary,\r\n#tel-worries .tag-secondary,\r\n#tel-tips .tag-secondary {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    min-height: 25px !important;\r\n    padding: 4px 8px !important;\r\n    border: 1px solid #f1b8c4 !important;\r\n    border-radius: 5px !important;\r\n    background: #fff8fa !important;\r\n    color: #a83b5f !important;\r\n    font-size: 12px !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.25 !important;\r\n    white-space: nowrap !important;\r\n    box-shadow: none !important;\r\n}\r\n\r\n/* tag-secondary hover */\r\n#tel-purpose a:hover .tag-secondary,\r\n#tel-worries a:hover .tag-secondary,\r\n#tel-tips a:hover .tag-secondary {\r\n    background: #fff0f4 !important;\r\n    border-color: #d64545 !important;\r\n    color: #d64545 !important;\r\n    text-decoration: underline !important;\r\n    text-underline-offset: 2px !important;\r\n}\r\n\r\n/* ========================================\r\n   tel-tips内スライダー調整\r\n   Swiper本来の切れ目を残したまま、全体だけ少し小さくする\r\n======================================== */\r\n\r\n/* Swiper全体を少し小さくする */\r\n#tel-tips .swiper {\r\n    width: 92% !important;\r\n    max-width: 92% !important;\r\n    margin: 0 auto 10px !important;\r\n    padding-bottom: 0 !important;\r\n    overflow: hidden !important;\r\n}\r\n\r\n/* Swiper内部の高さだけ調整。横幅・margin-rightは触らない */\r\n#tel-tips .swiper-wrapper {\r\n    height: auto !important;\r\n    align-items: flex-start !important;\r\n}\r\n\r\n/* \r\n  重要：\r\n  width と margin-right はSwiperのJSが制御しているため上書きしない。\r\n  heightだけ調整する。\r\n*/\r\n#tel-tips .swiper-slide {\r\n    height: auto !important;\r\n}\r\n\r\n/* スライド内画像リンク */\r\n#tel-tips .swiper-slide .tp-img {\r\n    display: block !important;\r\n    margin: 0 !important;\r\n}\r\n\r\n/* 画像はスライド幅いっぱいに表示 */\r\n#tel-tips .swiper-slide .tp-img picture,\r\n#tel-tips .swiper-slide .tp-img .base-image {\r\n    display: block !important;\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    margin: 0 0 10px !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n/* 画像自体 */\r\n#tel-tips .swiper-slide .tp-img img {\r\n    display: block !important;\r\n    width: 100% !important;\r\n    height: auto !important;\r\n}\r\n\r\n/* スライダー内の画像下テキスト */\r\n#tel-tips .swiper-slide .tp-img p.img-text {\r\n    display: block !important;\r\n    margin: 0 0 8px !important;\r\n    padding: 0 !important;\r\n    color: #0068d9 !important;\r\n    font-size: 14px !important;\r\n    line-height: 1.45 !important;\r\n    text-align: center !important;\r\n    text-decoration: underline !important;\r\n}\r\n\r\n/* スライダー直後の余白を詰める */\r\n#tel-tips .swiper+* {\r\n    margin-top: 8px !important;\r\n    padding-top: 0 !important;\r\n}\r\n\r\n/* スマホ調整 */\r\n@media (max-width: 767px) {\r\n    #tel-tips .swiper {\r\n        width: 92% !important;\r\n        max-width: 92% !important;\r\n        margin-bottom: 10px !important;\r\n    }\r\n\r\n    #tel-tips .swiper-slide .tp-img p.img-text {\r\n        font-size: 14px !important;\r\n    }\r\n}\r\n\r\n/* ========================================\r\n   スマホ調整\r\n======================================== */\r\n\r\n@media (max-width: 767px) {\r\n\r\n    #tel-purpose h2.heading-wrap__heading-2-a,\r\n    #tel-worries h2.heading-wrap__heading-2-a,\r\n    #tel-tips h2.heading-wrap__heading-2-a {\r\n        margin: 24px 12px 12px !important;\r\n        padding-bottom: 8px !important;\r\n        font-size: 24px !important;\r\n    }\r\n\r\n    #tel-purpose h2.heading-wrap__heading-2-a::first-letter,\r\n    #tel-worries h2.heading-wrap__heading-2-a::first-letter,\r\n    #tel-tips h2.heading-wrap__heading-2-a::first-letter {\r\n        font-size: 1.6em !important;\r\n    }\r\n\r\n    #tel-purpose .tp-img p.img-text,\r\n    #tel-worries .tp-img p.img-text,\r\n    #tel-tips .tp-img p.img-text {\r\n        font-size: 14px !important;\r\n    }\r\n\r\n    #tel-purpose .rich-editor.raw.--seo p:has(.tag-secondary),\r\n    #tel-worries .rich-editor.raw.--seo p:has(.tag-secondary),\r\n    #tel-tips .rich-editor.raw.--seo p:has(.tag-secondary) {\r\n        justify-content: flex-start !important;\r\n        gap: 6px !important;\r\n        margin: 10px 12px 18px !important;\r\n    }\r\n\r\n    #tel-purpose .tag-secondary,\r\n    #tel-worries .tag-secondary,\r\n    #tel-tips .tag-secondary {\r\n        font-size: 12px !important;\r\n        padding: 4px 8px !important;\r\n    }\r\n\r\n    #tel-tips .swiper {\r\n        width: 92% !important;\r\n        max-width: 92% !important;\r\n        margin-bottom: 10px !important;\r\n    }\r\n}",{"id":26,"createdAt":27,"updatedAt":28,"publishedAt":27,"revisedAt":28,"name":29,"isLocalOnly":10,"cssContent":30},"css-area-footer","2026-04-11T13:54:48.881Z","2026-08-06T05:53:41.684Z","スタイル エリア フッター","/*\r\n * DOM の当たり所（貼付 HTML より）\r\n *   .flex-box.--two-column-right-sidebar\r\n *     > .content.--two-column-right-sidebar\r\n *         > main\r\n *             > section#pr-footer.tp-section     ← エリアリンク・比較表などの段\r\n *                 > .tp-section__inner\r\n *                     > .tp-section__inner-center\r\n *                         > .rich-editor.css-area-footer  ← CMS はブロックごとに div が分かれ、\r\n *                             見出し(p)用と table 用が兄弟になりやすい\r\n *\r\n * 親との margin 相殺を防ぎ、横はみ出しを抑える。\r\n * （記事全体の .rich-editor に css-area-footer を付けないこと）\r\n */\r\n\r\n.rich-editor.css-area-footer {\r\n    display: flow-root;\r\n    /* flex / grid 子で main からはみ出すのを防ぐ */\r\n    box-sizing: border-box;\r\n}\r\n\r\n.rich-editor.css-area-footer>* {\r\n    max-width: 100%;\r\n    min-width: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n/* 1列・td のみ。行ごとの交互配色が目的 */\r\n.rich-editor.css-area-footer table {\r\n    table-layout: fixed;\r\n    /* 長い行でも列幅を main 内に収める */\r\n    width: 100%;\r\n    max-width: 100%;\r\n    min-width: 0;\r\n    margin: 0 0 24px;\r\n    border-collapse: collapse;\r\n    border: none;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.rich-editor.css-area-footer table:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.rich-editor.css-area-footer table tr {\r\n    border: none;\r\n}\r\n\r\n/* 奇数行 / 偶数行で背景を交互に */\r\n.rich-editor.css-area-footer table tr:nth-child(odd) td {\r\n    background-color: #eaf3ff;\r\n}\r\n\r\n.rich-editor.css-area-footer table tr:nth-child(even) td {\r\n    background-color: #f7fbff;\r\n}\r\n\r\n.rich-editor.css-area-footer table td {\r\n    border: none;\r\n    text-align: left;\r\n    padding: 12px 10px;\r\n    vertical-align: middle;\r\n    white-space: normal;\r\n    overflow-wrap: break-word;\r\n    word-break: break-word;\r\n}\r\n\r\n/* 吹き出し風（td 内の p には当てない。th も使う場合は :not(:is(td, th) p) に） */\r\n.rich-editor.css-area-footer p:not(td p) {\r\n    position: relative;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    min-width: 0;\r\n    margin: 24px 0 32px;\r\n    padding: 0.5em;\r\n    background: #0037ff;\r\n    color: white;\r\n    font-weight: 700;\r\n    font-size: 22px;\r\n}\r\n\r\n.rich-editor.css-area-footer p:not(td p)::before {\r\n    position: absolute;\r\n    content: \"\";\r\n    top: 100%;\r\n    left: 0;\r\n    border: none;\r\n    border-bottom: solid 15px transparent;\r\n    border-right: solid 20px rgb(149, 158, 155);\r\n}\r\n\r\n/*\r\n * 見出しブロックは #pr-footer 外の main 内にも出る（class=\"rich-editor raw css-area-footer --seo\"）。\r\n * インラインの --f85210fc や見出しの見た目は触らず、flex 子として縮められる幅だけ確保する。\r\n */\r\nmain .rich-editor.css-area-footer {\r\n    max-width: 100%;\r\n    min-width: 0;\r\n}\r\n\r\n/*\r\n * #pr-footer より上の flex 連鎖まで min-width:0 を届ける。\r\n * main だけ auto のままだと、子の 100% が「親の max まで縮まらず」突き抜けることがある。\r\n */\r\n.flex-box.--two-column-right-sidebar .content.--two-column-right-sidebar>main {\r\n    min-width: 0;\r\n    max-width: 100%;\r\n    box-sizing: border-box;\r\n    /* 端との余白（.content 側に既に同程度の padding があるなら 0 に戻す） */\r\n    padding-inline: 12px;\r\n}\r\n\r\n/* main 直下ラッパーが子の min-content で膨らむのを抑える */\r\n.flex-box.--two-column-right-sidebar .content.--two-column-right-sidebar>main>div {\r\n    min-width: 0;\r\n    max-width: 100%;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n}\r\n\r\n/*\r\n * 診断: scrollWidth 1016 の表は class=\"rich-editor raw --seo\"（--seo はセレクタで誤解釈されやすい）。\r\n * .raw:not(.css-area-footer) で本文ブロックのみに限定し、scoped より強く table を固定レイアウトにする。\r\n */\r\nmain .rich-editor.raw:not(.css-area-footer) {\r\n    min-width: 0;\r\n    max-width: 100%;\r\n    box-sizing: border-box;\r\n    /* 子の table 等が min-content で広いとき、既定 visible だと親 main>div の scrollWidth が膨らむ */\r\n    overflow-x: auto;\r\n}\r\n\r\nmain .rich-editor.raw:not(.css-area-footer) table {\r\n    table-layout: fixed !important;\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    min-width: 0 !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\nmain .rich-editor.raw:not(.css-area-footer) td,\r\nmain .rich-editor.raw:not(.css-area-footer) th {\r\n    min-width: 0;\r\n    overflow-wrap: break-word;\r\n    word-break: break-word;\r\n}\r\n\r\n/*\r\n * #pr-footer 内の .rich-editor はインライン style で --f85210fc:0 12px 0（≒横マージン）が付き、\r\n * テーブルだけ狭く見えることがある。変数はインライン優先のため !important で 0 に戻す。\r\n * max-width: none は main から見出し・表が突き抜ける原因になるため 100% に抑える。\r\n */\r\n#pr-footer.tp-section {\r\n    min-width: 0;\r\n    max-width: 100%;\r\n    box-sizing: border-box;\r\n}\r\n\r\n#pr-footer .tp-section__inner {\r\n    min-width: 0;\r\n}\r\n\r\n#pr-footer .tp-section__inner-center {\r\n    min-width: 0;\r\n    max-width: 100%;\r\n}\r\n\r\n#pr-footer .tp-section__inner-center>.rich-editor.css-area-footer {\r\n    --f85210fc: 0 !important;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    min-width: 0;\r\n    box-sizing: border-box;\r\n}\n\n/* スマホ: 表内リストをやや小さくして折り返し・縦伸びを抑える */\n@media (max-width: 767px) {\n    .rich-editor.css-area-footer table td {\n        font-size: 13px;\n        line-height: 1.55;\n        padding: 10px 8px;\n    }\n\n    .rich-editor.css-area-footer table td strong {\n        font-size: 14px;\n    }\n\n    .rich-editor.css-area-footer table td a {\n        font-size: 13px;\n    }\n}\n",{"id":32,"createdAt":33,"updatedAt":34,"publishedAt":33,"revisedAt":34,"name":35,"isLocalOnly":10,"cssContent":36},"css-pr-fotter","2026-04-10T14:05:55.299Z","2026-04-10T14:33:39.484Z","スタイル PR フッター","/* 見出し本体（確実に上余白） */\r\n#pr-footer .rich-editor.raw.--seo:first-of-type>p[style*=\"text-align: center\"] {\r\n    margin: 24px 0 14px !important;\r\n    padding: 0 0 10px !important;\r\n    font-size: clamp(24px, 3.6vw, 30px) !important;\r\n    font-weight: 800 !important;\r\n    line-height: 1.35 !important;\r\n    letter-spacing: .01em !important;\r\n    text-align: center !important;\r\n    color: #1f3550 !important;\r\n    border-bottom: 3px solid #2f5f8f !important;\r\n}\r\n\r\n/* 先頭1文字（効く環境なら赤になる） */\r\n#pr-footer .rich-editor.raw.--seo:first-of-type>p[style*=\"text-align: center\"]::first-letter {\r\n    color: #d64545 !important;\r\n    font-size: 1.8em !important;\r\n    font-weight: 900 !important;\r\n}",{"id":38,"createdAt":39,"updatedAt":40,"publishedAt":39,"revisedAt":40,"name":41,"isLocalOnly":10,"cssContent":42},"css-pr-header-card","2026-04-10T07:38:38.285Z","2026-08-07T02:22:58.185Z","スタイル PR ヘッダー カード","/*\n * PR カード（#pr-header 内の【厳選】人気の電話占い師）\n * CMS ブロック名: css-pr-header-card\n *\n * 方針（案A・人物カード型）:\n * - セレクタは #pr-header 配下に限定（他セクションへ波及しない）\n * - 紹介文は全文表示（クランプしない）\n * - 顔・名前・特典・CTAを前面、得意一覧は一段淡く\n * - 外側枠でモジュールを止め、内側枠で占い師の塊。色族は揃える\n *\n * トーン:\n * - ヘッド: 暖み寄りの紺 #1e3566（プライマリー直塗りを避ける）\n * - 外側枠: #6b84ad 2px（ストップ用・内側より強い）\n * - 内側枠: #d0dae8 1px（塊用・淡い）\n */\n\n/* ========== モジュール外殻（見出しつきカード） ========== */\n.css-pr-header-card #pr-header .card-with-heading.--border,\n#pr-header .card-with-heading.--border {\n    border: 2px solid #6b84ad !important;\n    border-radius: 12px !important;\n    background: #f3f6fb !important;\n    box-shadow: 0 4px 14px rgba(30, 53, 102, 0.12) !important;\n    overflow: hidden !important;\n}\n\n/* ヘッド: 暖み寄りの紺（ブランド錨。ストップ色は吹き出し黄） */\n.css-pr-header-card #pr-header .card-with-heading__text,\n#pr-header .card-with-heading__text {\n    background: #1e3566 !important;\n    color: #fff !important;\n}\n\n/* ========== 枠内余白 ========== */\n.css-pr-header-card #pr-header .card-with-heading > div,\n#pr-header .card-with-heading > div {\n    padding-bottom: 16px !important;\n}\n\n/* ========== 占い師カード + CTA を1ユニット化 ========== */\n/* shortcode展開後: [card][btn][card][btn]... の兄弟div */\n.css-pr-header-card #pr-header .card-with-heading .rich-editor > div:has(section.tp-section),\n#pr-header .card-with-heading .rich-editor > div:has(section.tp-section) {\n    margin: 14px 8px 0 !important;\n    padding: 14px 12px 6px !important;\n    background: #fff !important;\n    border: 1px solid #d0dae8 !important;\n    border-bottom: none !important;\n    border-radius: 12px 12px 0 0 !important;\n    box-sizing: border-box !important;\n}\n\n.css-pr-header-card #pr-header .card-with-heading .rich-editor > div:has(a.tag-button),\n#pr-header .card-with-heading .rich-editor > div:has(a.tag-button) {\n    margin: 0 8px 14px !important;\n    padding: 2px 12px 14px !important;\n    background: #fff !important;\n    border: 1px solid #d0dae8 !important;\n    border-top: none !important;\n    border-radius: 0 0 12px 12px !important;\n    box-sizing: border-box !important;\n}\n\n/* ========== ヘッダー行: 顔 + 名前 ========== */\n.css-pr-header-card #pr-header .card-with-heading section.tp-section > .tp-section__inner,\n#pr-header .card-with-heading section.tp-section > .tp-section__inner {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    align-items: center !important;\n    column-gap: 12px !important;\n    row-gap: 10px !important;\n}\n\n.css-pr-header-card #pr-header .card-with-heading .tp-section__inner-left,\n#pr-header .card-with-heading .tp-section__inner-left {\n    flex: 0 0 88px !important;\n    width: 88px !important;\n    max-width: 88px !important;\n    grid-column: unset !important;\n}\n\n.css-pr-header-card #pr-header .card-with-heading .tp-section__inner-center,\n#pr-header .card-with-heading .tp-section__inner-center {\n    flex: 1 1 0 !important;\n    min-width: 0 !important;\n    grid-column: unset !important;\n    align-self: center !important;\n}\n\n.css-pr-header-card #pr-header .card-with-heading .tp-section__inner-right,\n#pr-header .card-with-heading .tp-section__inner-right {\n    flex: 1 1 100% !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    grid-column: unset !important;\n}\n\n/* 顔写真を大きく・丸く */\n.css-pr-header-card #pr-header .tp-section__inner-left picture.base-image,\n.css-pr-header-card #pr-header .tp-section__inner-left .base-image.tp-img picture,\n#pr-header .tp-section__inner-left picture.base-image,\n#pr-header .tp-section__inner-left .base-image.tp-img picture {\n    margin-bottom: 0 !important;\n}\n\n.css-pr-header-card #pr-header .tp-section__inner-left .tp-img picture,\n.css-pr-header-card #pr-header .tp-section__inner-left a.tp-img picture,\n#pr-header .tp-section__inner-left .tp-img picture,\n#pr-header .tp-section__inner-left a.tp-img picture {\n    margin-bottom: 0 !important;\n    display: block !important;\n    width: 88px !important;\n    height: 88px !important;\n}\n\n.css-pr-header-card #pr-header .tp-section__inner-left a.tp-img,\n.css-pr-header-card #pr-header .tp-section__inner-left .tp-img,\n#pr-header .tp-section__inner-left a.tp-img,\n#pr-header .tp-section__inner-left .tp-img {\n    display: block !important;\n    width: 88px !important;\n    max-width: 88px !important;\n}\n\n.css-pr-header-card #pr-header .tp-section__inner-left img,\n#pr-header .tp-section__inner-left img {\n    display: block !important;\n    width: 88px !important;\n    height: 88px !important;\n    max-width: 88px !important;\n    object-fit: cover !important;\n    border-radius: 50% !important;\n    border: 2px solid #1e3566 !important;\n    box-shadow: 0 2px 8px rgba(30, 53, 102, 0.18) !important;\n}\n\n/* 名前 */\n.css-pr-header-card #pr-header .tp-section__inner-center .rich-editor,\n#pr-header .tp-section__inner-center .rich-editor {\n    margin: 0 !important;\n}\n\n.css-pr-header-card #pr-header .tp-section__inner-center .rich-editor p,\n#pr-header .tp-section__inner-center .rich-editor p {\n    margin: 0 !important;\n    line-height: 1.4 !important;\n}\n\n.css-pr-header-card #pr-header .tp-section__inner-center .rich-editor p > a > strong,\n.css-pr-header-card #pr-header .rich-editor p > a > strong,\n#pr-header .tp-section__inner-center .rich-editor p > a > strong,\n#pr-header .card-with-heading .tp-section__inner-center .rich-editor p > a > strong {\n    font-size: 16px !important;\n    font-weight: 700 !important;\n    line-height: 1.4 !important;\n}\n\n/* ========== 紹介文（全文・可読性優先） ========== */\n.css-pr-header-card #pr-header .tp-section__inner-right > .rich-editor:first-child,\n#pr-header .tp-section__inner-right > .rich-editor:first-child {\n    margin: 0 0 8px !important;\n}\n\n.css-pr-header-card #pr-header .tp-section__inner-right > .rich-editor:first-child p,\n#pr-header .tp-section__inner-right > .rich-editor:first-child p {\n    margin: 0 !important;\n    font-size: 14px !important;\n    line-height: 1.75 !important;\n    color: #222 !important;\n}\n\n/* ========== 得意な占術／相談（一段淡く・情報は残す） ========== */\n.css-pr-header-card #pr-header .tp-section__inner-right > .rich-editor:nth-child(2),\n#pr-header .tp-section__inner-right > .rich-editor:nth-child(2) {\n    margin: 0 !important;\n    padding: 10px 12px !important;\n    background: #eef2f8 !important;\n    border-radius: 8px !important;\n    border-left: 3px solid #8fa3c7 !important;\n}\n\n.css-pr-header-card #pr-header .tp-section__inner-right > .rich-editor:nth-child(2) p,\n#pr-header .tp-section__inner-right > .rich-editor:nth-child(2) p {\n    margin: 0 !important;\n    font-size: 12px !important;\n    line-height: 1.6 !important;\n    color: #555 !important;\n}\n\n.css-pr-header-card #pr-header .tp-section__inner-right > .rich-editor:nth-child(2) strong,\n#pr-header .tp-section__inner-right > .rich-editor:nth-child(2) strong {\n    font-size: 12px !important;\n    color: #334155 !important;\n}\n\n/* ========== 特典・CTA ========== */\n.css-pr-header-card #pr-header .card-with-heading .rich-editor > div:has(a.tag-button) .red-text-yellow-marker,\n#pr-header .card-with-heading .rich-editor > div:has(a.tag-button) .red-text-yellow-marker {\n    font-size: 15px !important;\n    line-height: 1.4 !important;\n}\n\n.css-pr-header-card #pr-header .card-with-heading .rich-editor > div:has(a.tag-button) .tag-button,\n#pr-header .card-with-heading .rich-editor > div:has(a.tag-button) .tag-button {\n    margin-top: 6px !important;\n    margin-bottom: 4px !important;\n}\n\n.css-pr-header-card #pr-header .card-with-heading .rich-editor > div:has(a.tag-button) .gray-small,\n#pr-header .card-with-heading .rich-editor > div:has(a.tag-button) .gray-small {\n    font-size: 11px !important;\n}\n\n/* 右カラム内リッチの左右マージンを揃える */\n.css-pr-header-card #pr-header .tp-section__inner-right > .rich-editor,\n#pr-header .tp-section__inner-right > .rich-editor {\n    --f85210fc: 0 !important;\n}\n\n@media (max-width: 767px) {\n    .css-pr-header-card #pr-header .card-with-heading .tp-section__inner-left,\n    #pr-header .card-with-heading .tp-section__inner-left {\n        flex-basis: 76px !important;\n        width: 76px !important;\n        max-width: 76px !important;\n    }\n\n    .css-pr-header-card #pr-header .tp-section__inner-left .tp-img picture,\n    .css-pr-header-card #pr-header .tp-section__inner-left a.tp-img picture,\n    #pr-header .tp-section__inner-left .tp-img picture,\n    #pr-header .tp-section__inner-left a.tp-img picture,\n    .css-pr-header-card #pr-header .tp-section__inner-left a.tp-img,\n    .css-pr-header-card #pr-header .tp-section__inner-left .tp-img,\n    #pr-header .tp-section__inner-left a.tp-img,\n    #pr-header .tp-section__inner-left .tp-img,\n    .css-pr-header-card #pr-header .tp-section__inner-left img,\n    #pr-header .tp-section__inner-left img {\n        width: 76px !important;\n        height: 76px !important;\n        max-width: 76px !important;\n    }\n\n    .css-pr-header-card #pr-header .tp-section__inner-center .rich-editor p > a > strong,\n    #pr-header .card-with-heading .tp-section__inner-center .rich-editor p > a > strong {\n        font-size: 15px !important;\n    }\n\n    .css-pr-header-card #pr-header .tp-section__inner-right > .rich-editor:first-child p,\n    #pr-header .tp-section__inner-right > .rich-editor:first-child p {\n        font-size: 13.5px !important;\n        line-height: 1.7 !important;\n    }\n}\n",{"id":44,"createdAt":45,"updatedAt":46,"publishedAt":45,"revisedAt":46,"name":47,"isLocalOnly":10,"cssContent":48},"css-footer","2026-04-07T09:41:30.838Z","2026-04-08T04:42:47.109Z","スタイル 共通フッター",".rich-editor.css-footer p {\r\n    color: #ffffff;\r\n}\r\n\r\n.rich-editor.css-footer p a {\r\n    color: #ffffff;\r\n    text-decoration: underline;\r\n}",{"id":50,"createdAt":51,"updatedAt":52,"publishedAt":51,"revisedAt":52,"name":53,"isLocalOnly":10,"cssContent":54},"css-updated-at","2026-03-18T09:13:18.189Z","2026-03-18T09:13:45.088Z","スタイル 更新日",".tp-date__date::before {\r\n    content: \"更新日：\";\r\n}",{"id":56,"createdAt":57,"updatedAt":58,"publishedAt":57,"revisedAt":58,"name":59,"isLocalOnly":10,"cssContent":60},"css-toc-follow","2026-02-16T05:38:22.665Z","2026-04-08T04:55:59.527Z","スタイル 目次 追従","/* 目次（column-toc-sticky）のスタイル\r\n * 構造: .layout > .flex-box > .left-side-bar > .--sticky > #pr-side, #column-toc-sticky（兄弟）\r\n * pr-side と同じ左カラム内なので、親いっぱいの幅にすれば pr-side と揃う\r\n *\r\n * head 最下部で効かない場合: \u003Clink> のパスを確認するか、この中身を\r\n * \u003Cstyle>...\u003C/style> として head に直接貼って読み込みを確実にしてください。\r\n */\r\n\r\n/* ID 単体で強指定（Vue scoped や他スタイルより優先させる） */\r\n#column-toc-sticky {\r\n    width: 100% !important;\r\n    min-width: 100% !important;\r\n    max-width: none !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n#column-toc-sticky .inner {\r\n    width: 100% !important;\r\n    max-width: none !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n/* 左カラム用の補強（上で効かない場合に備える） */\r\n.layout.--two-column-right-sidebar .left-side-bar #column-toc-sticky.tp-column-toc,\r\n.--sticky #column-toc-sticky.tp-column-toc {\r\n    width: 100% !important;\r\n    min-width: 100% !important;\r\n    max-width: none !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n.layout.--two-column-right-sidebar .left-side-bar #column-toc-sticky.tp-column-toc .inner,\r\n.--sticky #column-toc-sticky.tp-column-toc .inner {\r\n    width: 100% !important;\r\n    max-width: none !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n#column-toc-sticky.tp-column-toc:not(:has(ul.list li)) {\r\n    display: none;\r\n}",{"id":62,"createdAt":63,"updatedAt":63,"publishedAt":63,"revisedAt":63,"name":64,"isLocalOnly":10,"cssContent":65},"css-pr-side","2026-02-16T05:24:17.401Z","スタイル PR サイド","/* pr-side 領域の修正 - #pr-side 内のみに適用 */\r\n\r\n/*\r\n * 1. h1の始点と「今がチャンス」の始点を揃える\r\n * メインコンテンツ列と同じ左パディングにするため、0 にしています。\r\n * 親レイアウトでメイン側にパディングがある場合は、同じ値に合わせてください。\r\n */\r\n#pr-side {\r\n    padding: 24px 0 0 0 !important;\r\n    margin-bottom: 0 !important;\r\n}\r\n\r\n#pr-side .tp-section__inner {\r\n    padding-left: 0 !important;\r\n    max-width: none !important;\r\n}\r\n\r\n#pr-side .tp-section__inner-center {\r\n    padding-left: 0;\r\n}\r\n\r\n/* H1の1行目と「今がチャンス」の枠線が横一直線になるよう、上の余白を調整 */\r\n#pr-side [data-v-529dd8f3] {\r\n    margin-top: 0 !important;\r\n    padding-top: 0 !important;\r\n}\r\n\r\n/* 2. section下部のマージンなし（上で padding-bottom / margin-bottom を 0 に済ませ済み） */\r\n\r\n/* 3. data-v-529dd8f3 内のカード一覧を縦スクロール可能に（高さは固定） */\r\n#pr-side [data-v-529dd8f3] .card-with-heading {\r\n    display: flex;\r\n    flex-direction: column;\r\n    max-height: min(70vh, 520px);\r\n}\r\n\r\n#pr-side [data-v-529dd8f3] .card-with-heading>div {\r\n    overflow-y: auto;\r\n    overflow-x: hidden;\r\n    flex: 1 1 auto;\r\n    min-height: 0;\r\n    padding: 0 12px 12px !important;\r\n}\r\n\r\n/* スクロールバーを常時表示（オプション・見やすくする場合） */\r\n#pr-side [data-v-529dd8f3] .card-with-heading>div {\r\n    scrollbar-width: thin;\r\n}",{"id":67,"createdAt":68,"updatedAt":69,"publishedAt":68,"revisedAt":69,"name":70,"isLocalOnly":10,"cssContent":71},"css-prev-next-links","2026-02-15T23:46:10.449Z","2026-02-16T05:09:12.321Z","スタイル 前後の記事リンク","/* 前後の記事ナビゲーション - #prev-next-links 内のみに適用 */\r\n\r\n#prev-next-links {\r\n    display: block !important;\r\n    width: calc(100% - 24px);\r\n    max-width: 100%;\r\n    background: transparent !important;\r\n    padding: 12px 12px 12px !important;\r\n    margin: 24px 12px 0 12px;\r\n    border: 2px solid #d0d0d0;\r\n    border-radius: 2px;\r\n    box-sizing: border-box;\r\n}\r\n\r\n#prev-next-links .tp-section__inner {\r\n    display: grid !important;\r\n    grid-template-columns: 1fr 1fr;\r\n    align-items: start !important;\r\n    gap: 0 24px;\r\n    max-width: 100%;\r\n    box-sizing: border-box;\r\n}\r\n\r\n/* 前の記事・次の記事ブロック共通（矢印用の余白で画像と重ならないようにする） */\r\n#prev-next-links .tp-section__inner-center,\r\n#prev-next-links .tp-section__inner-right {\r\n    display: grid !important;\r\n    grid-template-columns: auto 1fr;\r\n    grid-template-rows: auto auto;\r\n    gap: 8px 12px;\r\n    align-content: start;\r\n    min-width: 0;\r\n    position: relative;\r\n    padding: 8px 0;\r\n}\r\n\r\n/* 前の記事＝左列・次の記事＝右列で同じ1行に固定 */\r\n#prev-next-links .tp-section__inner-center {\r\n    grid-column: 1;\r\n    padding-left: 28px;\r\n    padding-right: 12px;\r\n    border-right: 2px solid #d0d0d0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n#prev-next-links .tp-section__inner-right {\r\n    grid-column: 2;\r\n    padding-left: 12px;\r\n    padding-right: 28px;\r\n    box-sizing: border-box;\r\n}\r\n\r\n/* 親の疑似要素で矢印が二重にならないようにリセット */\r\n#prev-next-links .tp-section__inner::before,\r\n#prev-next-links .tp-section__inner::after {\r\n    content: none !important;\r\n    display: none !important;\r\n}\r\n\r\n/* 他スタイルの疑似要素を打ち消し（矢印は1つだけにする） */\r\n#prev-next-links .tp-section__inner-center::after,\r\n#prev-next-links .tp-section__inner-right::before {\r\n    content: none !important;\r\n    display: none !important;\r\n}\r\n\r\n/* 左矢印（前の記事） */\r\n#prev-next-links .tp-section__inner-center::before {\r\n    content: \"\\2039\";\r\n    position: absolute;\r\n    left: 0;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    color: #666;\r\n    font-size: 2.4rem;\r\n    line-height: 1;\r\n    font-weight: 600;\r\n}\r\n\r\n/* 右矢印（次の記事） */\r\n#prev-next-links .tp-section__inner-right::after {\r\n    content: \"\\203A\";\r\n    position: absolute;\r\n    right: 0;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    color: #666;\r\n    font-size: 2.4rem;\r\n    line-height: 1;\r\n    font-weight: 600;\r\n}\r\n\r\n/* ラベル「前の記事」「次の記事」 */\r\n#prev-next-links .tp-section__inner-center>.rich-editor:first-of-type,\r\n#prev-next-links .tp-section__inner-right>.rich-editor:first-of-type {\r\n    grid-column: 1 / -1;\r\n}\r\n\r\n#prev-next-links .tp-section__inner-center>.rich-editor:first-of-type p,\r\n#prev-next-links .tp-section__inner-right>.rich-editor:first-of-type p {\r\n    margin: 0;\r\n    font-size: 16px;\r\n    color: #333;\r\n    font-weight: bold;\r\n}\r\n\r\n#prev-next-links .tp-section__inner-right>.rich-editor:first-of-type p {\r\n    text-align: right;\r\n}\r\n\r\n/* サムネイル画像を包む div（2番目の div）・必ず左側（画像）に配置 */\r\n#prev-next-links .tp-section__inner-center>div:nth-of-type(2),\r\n#prev-next-links .tp-section__inner-right>div:nth-of-type(2) {\r\n    margin: 0 !important;\r\n    grid-row: 2;\r\n    grid-column: 1;\r\n    align-self: start;\r\n    overflow: visible;\r\n}\r\n\r\n#prev-next-links .tp-section__inner-center .base-image.tp-img img,\r\n#prev-next-links .tp-section__inner-right .base-image.tp-img img {\r\n    width: 60px !important;\r\n    height: 60px !important;\r\n    object-fit: contain;\r\n    display: block;\r\n    border-radius: 2px;\r\n}\r\n\r\n#prev-next-links .tp-section__inner-center picture,\r\n#prev-next-links .tp-section__inner-right picture {\r\n    display: block;\r\n    line-height: 0;\r\n    overflow: visible;\r\n}\r\n\r\n#prev-next-links .tp-section__inner-center .base-image.tp-img,\r\n#prev-next-links .tp-section__inner-right .base-image.tp-img {\r\n    width: 60px;\r\n    height: 60px;\r\n    display: block;\r\n    overflow: visible;\r\n}\r\n\r\n/* 記事タイトルリンク（必ず右側に配置・画像と横並び・縦の始点を揃える） */\r\n#prev-next-links .tp-section__inner-center>.rich-editor:last-of-type,\r\n#prev-next-links .tp-section__inner-right>.rich-editor:last-of-type {\r\n    grid-row: 2;\r\n    grid-column: 2;\r\n    align-self: start;\r\n    min-width: 0;\r\n}\r\n\r\n#prev-next-links .tp-section__inner-center>.rich-editor:last-of-type p,\r\n#prev-next-links .tp-section__inner-right>.rich-editor:last-of-type p {\r\n    margin: 0;\r\n    line-height: 1.4;\r\n}\r\n\r\n#prev-next-links .tp-section__inner-center>.rich-editor:last-of-type a,\r\n#prev-next-links .tp-section__inner-right>.rich-editor:last-of-type a {\r\n    color: #00aaff !important;\r\n    text-decoration: none;\r\n    font-size: 16px;\r\n}\r\n\r\n#prev-next-links .tp-section__inner-center>.rich-editor:last-of-type a:hover,\r\n#prev-next-links .tp-section__inner-right>.rich-editor:last-of-type a:hover {\r\n    text-decoration: underline;\r\n}\r\n\r\n/* 右側の記事タイトルは左側と始点を揃えるため左揃え */\r\n#prev-next-links .tp-section__inner-right>.rich-editor:last-of-type p {\r\n    text-align: left;\r\n}",{"id":73,"createdAt":74,"updatedAt":74,"publishedAt":74,"revisedAt":74,"name":75,"isLocalOnly":10,"cssContent":76},"css-img-text","2026-02-13T09:27:27.625Z","スタイル カスタム画像 画像の下のテキスト",".img-text {\r\n    font-size: 12px;\r\n}",{"id":78,"createdAt":79,"updatedAt":80,"publishedAt":79,"revisedAt":80,"name":81,"isLocalOnly":10,"cssContent":82},"css-customimg-campaign","2026-02-12T08:54:48.738Z","2026-02-12T09:53:17.465Z","スタイル カスタム画像 キャンペーン","/* PC・タブレットなど基本の設定（50%） */\r\nimg[src*=\"campaign-\"] {\r\n    width: 60% !important;\r\n    height: auto !important;\r\n    display: block !important;\r\n    margin: 0 auto !important;\r\n}\r\n\r\n/* スマホの場合の上書き設定（100%） */\r\n@media screen and (max-width: 767px) {\r\n    img[src*=\"campaign-\"] {\r\n        width: 100% !important;\r\n        height: auto !important;\r\n        display: block !important;\r\n        margin: 0 auto !important;\r\n    }\r\n}",{"id":84,"createdAt":85,"updatedAt":85,"publishedAt":85,"revisedAt":85,"name":86,"isLocalOnly":10,"cssContent":87},"css-sheet","2026-02-05T01:17:01.122Z","スタイル シート",".sheet__wrap * {\r\n    font-size: 12px !important;\r\n}",{"id":89,"createdAt":90,"updatedAt":91,"publishedAt":90,"revisedAt":91,"name":92,"isLocalOnly":10,"cssContent":93},"css-revs-slider","2026-01-26T06:03:20.470Z","2026-01-26T07:36:35.201Z","スタイル 口コミ スライダー",".rich-editor.css-revs-slider {\r\n    background-color: #fff;\r\n    border: 1px solid #e5e5e5;\r\n    border-radius: 8px;\r\n    padding: 12px;\r\n    margin: 0 -20px 0 12px;\r\n    color: #666666;\r\n    height: 100%;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.rich-editor.css-revs-slider p {\r\n    font-size: 12px;\r\n}\r\n\r\n.rich-editor.css-revs-slider p a {\r\n    display: block;\r\n    font-size: 12px;\r\n    padding-top: 8px;\r\n}",{"id":95,"createdAt":96,"updatedAt":97,"publishedAt":96,"revisedAt":97,"name":98,"isLocalOnly":10,"cssContent":99},"css-quote","2026-01-26T05:13:42.531Z","2026-08-06T07:19:53.335Z"," スタイル 引用",".rich-editor blockquote {\r\n    position: relative;\r\n    padding: 35px 15px 10px 15px;\r\n    box-sizing: border-box;\r\n    font-style: italic;\r\n    background: #f5f5f5;\r\n    color: #777777;\r\n    border-left: 4px solid #9dd4ff;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);\r\n    margin-inline-start: 12px !important;\r\n    margin-inline-end: 12px !important;\r\n}\r\n\r\n.rich-editor blockquote:before {\r\n    display: inline-block;\r\n    position: absolute;\r\n    top: 10px;\r\n    left: 15px;\r\n    content: \"\\f10d\";\r\n    font-family: FontAwesome;\r\n    color: #9dd4ff;\r\n    font-size: 28px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n}\r\n\r\n.rich-editor blockquote p {\r\n    padding: 0;\r\n    margin: 7px 0;\r\n    line-height: 1.7;\r\n    font-size: 12px !important;\r\n}\r\n\r\n.rich-editor blockquote p a {\r\n    font-size: 12px !important;\r\n}\r\n\r\n.rich-editor blockquote p:last-child {\r\n    display: block;\r\n    text-align: right;\r\n    color: #888888;\r\n}",{"id":101,"createdAt":102,"updatedAt":103,"publishedAt":102,"revisedAt":103,"name":104,"isLocalOnly":10,"cssContent":105},"css-comparison-table","2026-01-26T02:22:41.806Z","2026-08-06T09:41:58.355Z","スタイル テーブル 比較表","/* =========================================================\n   比較テーブル 共通・安定版（PC/モバイル）\n   方針:\n   - 横スクロール対応（少列でもスクロール維持）\n   - 表全体の固定min-widthは使わない（少列で列が膨張するのを防止）\n   - データ列は min/max で幅を安定化\n   - ヘッダー画像は上限で巨大化防止\n   - 1列目のみ固定（最も安定）\n   - 1列目の吹き出し非表示\n   - 1行目の余白最小化\n   ========================================================= */\n\n.rich-editor.css-comparison-table {\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    position: relative;\n}\n\n.rich-editor.css-comparison-table table {\n    table-layout: auto;\n    width: max-content;\n    min-width: 100%;\n    margin: 0 auto;\n    border-collapse: separate;\n    border-spacing: 0;\n}\n\n/* 行の区切り */\n.rich-editor.css-comparison-table table tr {\n    border-bottom: solid 2px #fff;\n}\n\n.rich-editor.css-comparison-table table tr:last-child {\n    border-bottom: none;\n}\n\n/* ヘッダー配色 */\n.rich-editor.css-comparison-table table tr:first-child th {\n    background-color: #4682b4;\n    color: #fff;\n}\n\n.rich-editor.css-comparison-table table tr:nth-child(n+2) th:first-child {\n    background-color: #5a9bd5;\n    color: #fff;\n}\n\n/* 1列目固定（安定） */\n.rich-editor.css-comparison-table table tr > th:first-child,\n.rich-editor.css-comparison-table table tr > td:first-child {\n    position: sticky;\n    left: 0;\n    z-index: 20;\n}\n\n/* 左上セルは重なり順を上げる */\n.rich-editor.css-comparison-table table tr:first-child > th:first-child,\n.rich-editor.css-comparison-table table tr:first-child > td:first-child {\n    z-index: 30;\n}\n\n/* 1列目の背景を明示（透け防止） */\n.rich-editor.css-comparison-table table tr:nth-child(n+2) > th:first-child,\n.rich-editor.css-comparison-table table tr:nth-child(n+2) > td:first-child {\n    background-color: #5a9bd5;\n    color: #fff;\n}\n\n/* 1列目の吹き出し矢印を非表示 */\n.rich-editor.css-comparison-table table tr:nth-child(n+2) th:first-child:after {\n    display: none !important;\n}\n\n/* セル共通 */\n.rich-editor.css-comparison-table table th,\n.rich-editor.css-comparison-table table td {\n    text-align: center;\n    padding: 10px 8px;\n    vertical-align: middle;\n    white-space: normal;\n    overflow-wrap: anywhere;\n}\n\n/* 1行目の上下余白を最小化 */\n.rich-editor.css-comparison-table table tr:first-child th,\n.rich-editor.css-comparison-table table tr:first-child td {\n    padding-top: 4px !important;\n    padding-bottom: 4px !important;\n    line-height: 1.2;\n}\n\n/* 1列目の幅暴れ防止（画像セル対策） */\n.rich-editor.css-comparison-table table th:first-child,\n.rich-editor.css-comparison-table table td:first-child {\n    min-width: 120px;\n    max-width: 160px;\n}\n\n.rich-editor.css-comparison-table table th:first-child img,\n.rich-editor.css-comparison-table table td:first-child img {\n    max-width: 100px;\n    height: auto;\n}\n\n/* データ列: 少列でも膨張しないよう上限 */\n.rich-editor.css-comparison-table table th:not(:first-child),\n.rich-editor.css-comparison-table table td:not(:first-child) {\n    min-width: 120px;\n    max-width: 160px;\n}\n\n/* ヘッダー画像の巨大化防止 */\n.rich-editor.css-comparison-table table tr:first-child th:not(:first-child) img {\n    max-width: 120px;\n    width: 100%;\n    height: auto;\n    display: block;\n    margin: 0 auto;\n}\n\n/* フォント */\n.rich-editor.css-comparison-table table th p {\n    font-weight: bold;\n    font-size: 12px;\n    margin: 0;\n}\n\n.rich-editor.css-comparison-table table td p {\n    font-size: 12px;\n    margin: 0;\n}\n\n/* 背景色 */\n.rich-editor.css-comparison-table table td {\n    background-color: #f7fbff;\n}\n\n.rich-editor.css-comparison-table table tr:nth-child(even) td {\n    background-color: #eaf3ff;\n}\n\n.rich-editor.css-comparison-table .tp-img .img-text {\n    color: #fff !important;\n}\n\n/* 1行目ヘッダー：画像下のサービス名・占い師名（gray-small）を白に */\n.rich-editor.css-comparison-table table tr:first-child th .gray-small {\n    color: #fff !important;\n}\n\n/* ---------- スマホ最適化（スクロールは維持） ---------- */\n@media (max-width: 767px) {\n    .rich-editor.css-comparison-table table th,\n    .rich-editor.css-comparison-table table td {\n        padding: 8px 6px;\n    }\n\n    .rich-editor.css-comparison-table table th:first-child,\n    .rich-editor.css-comparison-table table td:first-child {\n        min-width: 88px;\n        max-width: 100px;\n    }\n\n    .rich-editor.css-comparison-table table th:first-child img,\n    .rich-editor.css-comparison-table table td:first-child img {\n        max-width: 72px;\n    }\n\n    .rich-editor.css-comparison-table table th:not(:first-child),\n    .rich-editor.css-comparison-table table td:not(:first-child) {\n        min-width: 108px;\n        max-width: 132px;\n    }\n\n    .rich-editor.css-comparison-table table tr:first-child th:not(:first-child) img {\n        max-width: 96px;\n    }\n\n    .rich-editor.css-comparison-table table th p,\n    .rich-editor.css-comparison-table table td p {\n        font-size: 11px;\n    }\n}\n",{"id":107,"createdAt":108,"updatedAt":109,"publishedAt":108,"revisedAt":109,"name":110,"isLocalOnly":10,"cssContent":111},"css-table-spec","2026-01-26T02:22:21.053Z","2026-08-06T06:10:48.237Z","スタイル テーブル スペック","/* === スペック表スタイル (css-table-spec) [最終提案] === */\n\n/* テーブルを囲むdivコンテナのスタイル */\n.rich-editor.css-table-spec {\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n}\n\n.rich-editor.css-table-spec table {\n    /* 親要素の100%に広がるように設定 */\n    width: 100%;\n    display: table;\n    table-layout: fixed;\n    border-collapse: collapse;\n}\n\n.rich-editor.css-table-spec table tr {\n    border-bottom: solid 2px white;\n}\n\n.rich-editor.css-table-spec table tr:last-child {\n    border-bottom: none;\n}\n\n/* --- ヘッダー（項目名）のスタイル --- */\n.rich-editor.css-table-spec table th {\n    background-color: #5A9BD5;\n    color: white;\n    width: 40%;\n    position: relative;\n}\n\n.rich-editor.css-table-spec table th p {\n    font-weight: bold;\n    font-size: 12px;\n}\n\n/* --- 矢印の表示ルール --- */\n.rich-editor.css-table-spec table th:first-child:after {\n    display: block;\n    content: \"\";\n    width: 0;\n    height: 0;\n    position: absolute;\n    top: calc(50% - 10px);\n    right: -16px;\n    border-left: 16px solid #5A9BD5;\n    border-top: 10px solid transparent;\n    border-bottom: 10px solid transparent;\n    z-index: 1;\n}\n\n/* --- データセルのスタイル --- */\n.rich-editor.css-table-spec table td {\n    background-color: #f7fbff;\n    width: 60%;\n}\n\n.rich-editor.css-table-spec table td p {\n    font-size: 12px;\n}\n\n.rich-editor.css-table-spec table tr:nth-child(even) td {\n    background-color: #eaf3ff;\n}\n\n/* --- セル共通のスタイル --- */\n.rich-editor.css-table-spec table th,\n.rich-editor.css-table-spec table td {\n    text-align: center;\n    padding: 12px 10px;\n    vertical-align: middle;\n    white-space: normal;\n    overflow-wrap: break-word;\n    word-break: break-word;\n}\n\n/* ---------- スマホ最適化 ---------- */\n@media (max-width: 767px) {\n    .rich-editor.css-table-spec {\n        width: 100%;\n        margin: 0;\n        overflow-x: visible;\n    }\n\n    /* 最長ラベル「得意な相談内容」+ 左右4px に合わせる */\n    .rich-editor.css-table-spec table th {\n        width: 92px;\n        max-width: 92px;\n        min-width: 92px;\n        padding: 8px 4px;\n        box-sizing: border-box;\n    }\n\n    .rich-editor.css-table-spec table td {\n        width: auto;\n        /* 矢印(8px) + すき間 で本文と重ならないようにする */\n        padding: 8px 8px 8px 14px;\n        text-align: left;\n        box-sizing: border-box;\n    }\n\n    /* 1列目・2列目とも同じ文字サイズ */\n    .rich-editor.css-table-spec table th p,\n    .rich-editor.css-table-spec table td p {\n        font-size: 12px;\n        line-height: 1.5;\n    }\n\n    .rich-editor.css-table-spec table th p {\n        white-space: nowrap;\n    }\n\n    .rich-editor.css-table-spec table td p {\n        text-align: left;\n    }\n\n    .rich-editor.css-table-spec table th:first-child:after {\n        right: -8px;\n        top: calc(50% - 5.5px);\n        border-left-width: 8px;\n        border-top-width: 5.5px;\n        border-bottom-width: 5.5px;\n    }\n}\n",["Reactive",113],[114,117,120,123,126,129,132,134,136,139,141,143,145,148,150,153,155,157,160,163,166,168,170,173,175,178,180,182,185,187,189,192,194,196,198,200,202,204,207,209,211,213,216,218,220,222,224,226,228,230,232,234,237,239,242,244,247,250,253,256,259,262,265,268,271,274,277,280,283,286,289,292,295,298,301,304,307,310,313,316,319,322,325,328,331,334,337],{"id":115,"text":116},"d-meikan-counts","約170名",{"id":118,"text":119},"nicall-counts","約80名",{"id":121,"text":122},"miror-d-counts","[comp id=\"bp-question\"]",{"id":124,"text":125},"hongcafe-counts","約330名",{"id":127,"text":128},"felice-counts","約40名",{"id":130,"text":131},"amako-counts","約60名",{"id":133,"text":119},"popola-re-counts",{"id":135,"text":119},"horen-counts",{"id":137,"text":138},"hanabishi-counts","約110名",{"id":140,"text":138},"ko-ge-counts",{"id":142,"text":119},"aikei-counts",{"id":144,"text":119},"sion-counts",{"id":146,"text":147},"verite-counts","約20名",{"id":149,"text":131},"destiny-counts",{"id":151,"text":152},"uraraca-counts","約290名",{"id":154,"text":128},"raffine-counts",{"id":156,"text":147},"sepia-counts",{"id":158,"text":159},"spacia-counts","約130名",{"id":161,"text":162},"axia-counts","約100名",{"id":164,"text":165},"mugen-counts","約30名",{"id":167,"text":131},"madear-counts",{"id":169,"text":128},"majorca-counts",{"id":171,"text":172},"niikee-counts","約270名",{"id":174,"text":119},"etoile-counts",{"id":176,"text":177},"alice-counts","約70名",{"id":179,"text":177},"atlantis-counts",{"id":181,"text":119},"comet-counts",{"id":183,"text":184},"mahina-counts","約120名",{"id":186,"text":177},"qole-counts",{"id":188,"text":128},"stellacall-counts",{"id":190,"text":191},"lierre-counts","約50名",{"id":193,"text":119},"kizuna-counts",{"id":195,"text":184},"pixy-counts",{"id":197,"text":184},"spica-counts",{"id":199,"text":159},"inspi-counts",{"id":201,"text":162},"cielo-counts",{"id":203,"text":184},"klotho-counts",{"id":205,"text":206},"minden-counts","200名以上",{"id":208,"text":131},"sela-counts",{"id":210,"text":184},"linoa-counts",{"id":212,"text":172},"raysee-counts",{"id":214,"text":215},"satori-counts","約140名",{"id":217,"text":206},"charis-counts",{"id":219,"text":184},"robamimi-counts",{"id":221,"text":165},"wish-counts",{"id":223,"text":131},"cherir-counts",{"id":225,"text":162},"ulana-counts",{"id":227,"text":128},"meruu-counts",{"id":229,"text":116},"feel-counts",{"id":231,"text":191},"lucia-counts",{"id":233,"text":159},"excite-counts",{"id":235,"text":236},"vernis-counts","1,600名以上",{"id":238,"text":236},"line-counts",{"id":240,"text":241},"pure-c-counts","約200名以上",{"id":243,"text":116},"d-will-counts",{"id":245,"text":246},"klotho","電話占いクロト",{"id":248,"text":249},"attlantis","電話占いアトランティス",{"id":251,"text":252},"madear","電話占いマディア",{"id":254,"text":255},"minden","みんなの電話占い",{"id":257,"text":258},"niikee","電話占いニーケ",{"id":260,"text":261},"linoa","電話占いリノア",{"id":263,"text":264},"satori","SATORI電話占い",{"id":266,"text":267},"excite","エキサイト電話占い",{"id":269,"text":270},"camille","カミールVoIP",{"id":272,"text":273},"charis","電話占いカリス",{"id":275,"text":276},"will","電話占いウィル",{"id":278,"text":279},"etoile","Etoile エトワール",{"id":281,"text":282},"mirortel","MIROR（ミラー）",{"id":284,"text":285},"purely","電話占いピュアリ",{"id":287,"text":288},"vernis","電話占いヴェルニ",{"id":290,"text":291},"raffine","電話占い・霊感占いラフィネ",{"id":293,"text":294},"stellacall","電話占いステラコール",{"id":296,"text":297},"lierre","電話占い【リエル】",{"id":299,"text":300},"atlantis","電話占いATLANTIS",{"id":302,"text":303},"mirormail","ミラーメール占い(チャット形式)",{"id":305,"text":306},"spacia","霊感霊視の電話占い【恋愛応援スペーシア】",{"id":308,"text":309},"comet","電話占いコメット",{"id":311,"text":312},"brillante","チャット占い【ブリランテ】",{"id":314,"text":315},"destny","電話占いデスティニー",{"id":317,"text":318},"kizuna","電話占い絆",{"id":320,"text":321},"sela","電話占いセラ",{"id":323,"text":324},"shizukikaho","紫月香帆オンライン占い",{"id":326,"text":327},"spica","電話占い Spica（スピカ）",{"id":329,"text":330},"verite","電話占いヴェリテ",{"id":332,"text":333},"ulana","ULana（ウラナ）",{"id":335,"text":336},"coconaramail","ココナラメール占い",{"id":338,"text":339},"coconaratel","ココナラ電話占い","done",1786948811457]