/* =========================================================
   トレカラボ：デザインCSS
   色・フォント・見出し・独自クラスのみ
========================================================= */

/* ※ body全体の overflow-x:hidden は position:sticky（サイドバー追従・目次追従）を
   壊すため撤去。はみ出しは各要素側（テーブル等のoverflow-x:auto）で対応する。 */

body {
  background: #f5f5f0 !important;
  color: #222 !important;
  font-family: 'Hiragino Sans', 'Noto Sans JP', 'Yu Gothic', 'メイリオ', sans-serif !important;
}

/* =========================================================
   ヘッダー・ナビ
========================================================= */

#header, .site-header {
  background: #fff !important;
  border-bottom: 1px solid #e0e0e0 !important;
  box-shadow: none !important;
}

#site-title a, .site-title a {
  color: #111 !important;
  font-weight: 700 !important;
}

#navi a, .navi a, .global-nav a {
  color: #333 !important;
  font-size: 14px !important;
}

#navi a:hover, .navi a:hover {
  color: #111 !important;
  background: #f5f5f0 !important;
}

/* =========================================================
   フッター
========================================================= */

#footer, .site-footer {
  background: #fff !important;
  color: #555 !important;
  border-top: 1px solid #e0e0e0 !important;
}

#footer a, .site-footer a {
  color: #333 !important;
}

/* =========================================================
   記事タイトル・メタ
========================================================= */

.entry-title, h1.entry-title {
  color: #111 !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1.5 !important;
  border: none !important;
  background: transparent !important;
  text-align: center !important;
}

.cat-label, .cat-link, .cat-links a, .entry-category,
.date-tags a[rel="category tag"] {
  background: #e8000d !important;
  color: #fff !important;
  border-radius: 2px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  border: none !important;
}

.date-tags, .entry-meta, .post-date {
  color: #888 !important;
  font-size: 13px !important;
}

/* =========================================================
   アイキャッチ画像
========================================================= */

.eye-catch-wrap, .eye-catch {
  width: 80% !important;
  max-width: 80% !important;
  margin: 20px auto !important;
}

.eye-catch img, .eye-catch-wrap img {
  width: 100% !important;
  max-height: 400px !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}

@media (max-width: 834px) {
  .eye-catch-wrap, .eye-catch {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* =========================================================
   本文
========================================================= */

.entry-content {
  color: #333 !important;
  font-size: 17px !important;
  line-height: 1.9 !important;
  letter-spacing: 0.02em !important;
}

.entry-content p {
  font-size: 17px !important;
  line-height: 1.9 !important;
  margin-bottom: 1.6em !important;
  color: #333 !important;
}

.entry-content li {
  font-size: 17px !important;
  line-height: 1.9 !important;
}

.entry-content strong {
  color: #111 !important;
  font-weight: 900 !important;
  background: none !important;
}

/* =========================================================
   記事内画像（ブロックエディタ）
========================================================= */

.entry-content .wp-block-image {
  text-align: center !important;
}

.entry-content .wp-block-image img,
.entry-content .wp-block-image figure img {
  max-width: 70% !important;
  max-height: 500px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}

/* =========================================================
   見出し
========================================================= */

.entry-content h2 {
  font-size: 22px !important;
  font-weight: 900 !important;
  color: #111 !important;
  border-left: 4px solid #e8000d !important;
  border-bottom: none !important;
  background: transparent !important;
  padding: 6px 0 6px 14px !important;
  margin: 2.4em 0 1.2em !important;
}

.entry-content h2::before, .entry-content h2::after {
  display: none !important;
  content: none !important;
}

.entry-content h3 {
  font-size: 19px !important;
  font-weight: 900 !important;
  color: #111 !important;
  border-bottom: 2px solid #222 !important;
  border-left: none !important;
  background: transparent !important;
  padding: 0 0 8px !important;
  margin: 2em 0 1em !important;
}

.entry-content h3::before, .entry-content h3::after {
  display: none !important;
  content: none !important;
}

.entry-content h4 {
  font-size: 17px !important;
  font-weight: 900 !important;
  color: #333 !important;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 1.6em 0 0.8em !important;
}

/* =========================================================
   目次
========================================================= */

#toc, .toc, #ez-toc-container, .ez-toc-container {
  background: #f8f8f6 !important;
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  padding: 20px 24px !important;
  font-size: 15px !important;
  box-shadow: none !important;
}

nav.toc {
  display: table !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.toc-title, #ez-toc-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #333 !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

#toc a, .toc a {
  color: #1a6bc0 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  display: inline !important;
  padding: 0 !important;
}

#toc li, .toc li {
  border: none !important;
  padding: 0 !important;
  margin-bottom: 6px !important;
}

/* =========================================================
   blockquote
========================================================= */

.entry-content blockquote {
  border-left: 3px solid #ccc !important;
  background: #f8f8f6 !important;
  padding: 14px 18px !important;
  border-radius: 0 4px 4px 0 !important;
  font-style: normal !important;
  font-size: 17px !important;
  color: #333 !important;
  box-shadow: none !important;
}

/* =========================================================
   タグ・SNS非表示
========================================================= */

.tags-links a, .post-tags a {
  background: #f0f0ec !important;
  color: #555 !important;
  font-size: 13px !important;
  border: 1px solid #ddd !important;
  border-radius: 2px !important;
}

.sns-share, .sns-share-buttons,
.sns-follow, .sns-follow-buttons {
  display: none !important;
}

/* =========================================================
   サイドバーウィジェット
========================================================= */

.widget {
  background: #fff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

.widget-title, .widgettitle {
  background: #222 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 10px 14px !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
}

.widget ul li {
  border-bottom: 1px solid #eee !important;
  font-size: 14px !important;
}

.widget ul li a {
  color: #222 !important;
  padding: 10px 14px !important;
}

.widget ul li a:hover {
  background: #f5f5f0 !important;
}

/* =========================================================
   商品カード（共通）
=========================================================  */

.rinker-product-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

.rinker-product-info {
  text-align: center !important;
  width: 100% !important;
}

.rinker-product-title {
  text-align: center !important;
}

.rinker-product-image {
  width: 160px !important;
  height: 160px !important;
  margin: 0 auto 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.rinker-product-image img {
  width: auto !important;
  max-width: 150px !important;
  height: auto !important;
  max-height: 150px !important;
  object-fit: contain !important;
}

.rinker-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-top: 12px !important;
}

.rinker-buttons a {
  min-width: 160px !important;
  height: 48px !important;
  font-size: 15px !important;
  padding: 0 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 3px !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

@media (max-width: 834px) {
  .rinker-product-image {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    margin: 0 auto 16px !important;
  }
  .rinker-product-image img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
  }
  .rinker-buttons {
    flex-direction: column !important;
    align-items: center !important;
  }
  .rinker-buttons a {
    width: 80% !important;
  }
}

/* =========================================================
   店舗ロゴ
========================================================= */

.store-logo-figure {
  width: 70% !important;
  max-width: 70% !important;
  height: 280px !important;
  padding: 16px !important;
  margin: 12px auto 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.store-logo-figure img {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 220px !important;
  object-fit: contain !important;
}

/* =========================================================
   PSA記事（.psa-article）
========================================================= */

.psa-article {
  color: #333 !important;
  font-size: 17px !important;
  line-height: 1.9 !important;
}

.psa-article p {
  font-size: 17px !important;
  line-height: 1.9 !important;
  margin-bottom: 1.6em !important;
  color: #333 !important;
}

.psa-article h2, .psa-article h2.section-title {
  font-size: 22px !important;
  font-weight: 900 !important;
  color: #111 !important;
  border-left: 4px solid #e8000d !important;
  border-bottom: none !important;
  background: transparent !important;
  padding: 6px 0 6px 14px !important;
  margin: 2.4em 0 1.2em !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.psa-article h2::before, .psa-article h2::after {
  display: none !important;
  content: none !important;
}

.psa-article h3, .psa-article h3.sub-title {
  font-size: 19px !important;
  font-weight: 900 !important;
  color: #111 !important;
  border-bottom: 2px solid #222 !important;
  border-left: none !important;
  background: transparent !important;
  padding: 0 0 8px !important;
  margin: 2em 0 1em !important;
}

.psa-article h3::before {
  display: none !important;
  content: none !important;
}

.psa-article .toc {
  background: #f8f8f6 !important;
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  padding: 20px 24px !important;
  box-shadow: none !important;
}

.psa-article .toc-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #333 !important;
  background: transparent !important;
  padding: 0 0 10px !important;
  border-bottom: 1px solid #ddd !important;
  margin-bottom: 12px !important;
}

.psa-article .toc-title::before,
.psa-article .toc a::before,
.psa-article .toc-check {
  display: none !important;
  content: none !important;
}

.psa-article .toc ol {
  list-style: decimal !important;
  padding-left: 20px !important;
  margin: 0 !important;
}

.psa-article .toc li {
  border: none !important;
  padding: 0 !important;
  margin-bottom: 6px !important;
}

.psa-article .toc a {
  color: #1a6bc0 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  display: inline !important;
  padding: 0 !important;
}

.psa-article .article-point-box {
  background: #fff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

.psa-article .article-point-title {
  background: #f5f5f0 !important;
  border-bottom: 1px solid #e0e0e0 !important;
  padding: 12px 16px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #111 !important;
}

.psa-article .article-point-title::before {
  display: none !important;
  content: none !important;
}

.psa-article .article-point-box ul {
  list-style: disc !important;
  padding: 14px 18px 14px 34px !important;
  margin: 0 !important;
}

.psa-article .article-point-box li {
  font-size: 16px !important;
  color: #333 !important;
  font-weight: 400 !important;
  padding: 5px 0 !important;
  border-bottom: 1px solid #f0f0f0 !important;
  position: static !important;
}

.psa-article .article-point-box li:last-child {
  border-bottom: none !important;
}

.psa-article .article-point-box li::before {
  display: none !important;
  content: none !important;
}

.psa-article .styled-list {
  background: #f8f8f6 !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 4px !important;
  padding: 16px 20px 16px 36px !important;
}

.psa-article .styled-list li::marker {
  color: #e8000d !important;
}

.psa-article .article-image,
.psa-article figure.article-image {
  background: #f8f8f6 !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 4px !important;
  padding: 10px !important;
  text-align: center !important;
  margin: 1.5em auto !important;
}

.psa-article .article-image img,
.psa-article figure.article-image img {
  max-width: 100% !important;
  max-height: 400px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}

.psa-article .rinker-product-card {
  background: #fff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 4px !important;
  padding: 24px !important;
  margin-bottom: 24px !important;
  box-shadow: none !important;
}

.psa-article .rinker-ribbon {
  background: #e8000d !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  border-radius: 4px 0 4px 0 !important;
}

.psa-article .rinker-ribbon::after {
  display: none !important;
}

.psa-article .rinker-product-title {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #111 !important;
  line-height: 1.5 !important;
}

.psa-article .rinker-amazon { background: #f6a400 !important; }
.psa-article .rinker-rakuten,
.psa-article .rakuten-btn { background: #bf0000 !important; }

/* 吹き出し（voice-box）※ meisy / meisay 両方の綴りに対応 */
.psa-article .voice-box.meisy .voice-body,
.voice-box.meisy .voice-body,
.psa-article .voice-box.meisay .voice-body,
.voice-box.meisay .voice-body {
  background: #f8f8f6 !important;
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

.psa-article .voice-box.meisy .voice-name,
.voice-box.meisy .voice-name,
.psa-article .voice-box.meisay .voice-name,
.voice-box.meisay .voice-name {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #555 !important;
}

.psa-article .voice-box.meisy .voice-text,
.voice-box.meisy .voice-text,
.psa-article .voice-box.meisay .voice-text,
.voice-box.meisay .voice-text {
  font-size: 16px !important;
  line-height: 1.85 !important;
  color: #333 !important;
}

/* =========================================================
   抽選記事（.lottery-article）
========================================================= */

.lottery-article {
  color: #333 !important;
  font-size: 17px !important;
  line-height: 1.9 !important;
}

.lottery-article h2, .lottery-section-title {
  font-size: 22px !important;
  font-weight: 900 !important;
  color: #111 !important;
  border-left: 4px solid #e8000d !important;
  border-bottom: none !important;
  background: transparent !important;
  padding: 6px 0 6px 14px !important;
  margin: 2.4em 0 1.2em !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.lottery-article h3 {
  font-size: 19px !important;
  font-weight: 900 !important;
  color: #111 !important;
  border-bottom: 2px solid #222 !important;
  border-left: none !important;
  background: transparent !important;
  padding: 0 0 8px !important;
  margin: 2em 0 1em !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.lottery-related {
  background: #fff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

.lottery-related-grid a {
  background: #f5f5f0 !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 3px !important;
  color: #222 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.lottery-related-grid a::before {
  content: "›" !important;
  color: #e8000d !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  margin-right: 6px !important;
  background: transparent !important;
  border-radius: 0 !important;
  width: auto !important;
  height: auto !important;
  min-width: auto !important;
  display: inline !important;
  line-height: 1 !important;
}

.lottery-btn-apply,  .lottery-apply   { background: #e8000d !important; color: #fff !important; }
.lottery-btn-ended,  .lottery-ended   { background: #ccc !important; color: #888 !important; }
.lottery-btn-store,  .lottery-store   { background: #555 !important; color: #fff !important; }
.lottery-btn-amazon, .lottery-amazon  { background: #f6a400 !important; color: #fff !important; }
.lottery-btn-rakuten,.lottery-rakuten { background: #bf0000 !important; color: #fff !important; }

.lottery-rinker-title { font-size: 17px !important; font-weight: 700 !important; color: #111 !important; }
.lottery-rinker-amazon  { background: #f6a400 !important; }
.lottery-rinker-rakuten { background: #bf0000 !important; }

/* =========================================================
   プロフィールカード
========================================================= */

.meisy-profile-card {
  background: #f5f5f0 !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

.meisy-profile-name { color: #111 !important; font-weight: 700 !important; }
.meisy-profile-x { background: #111 !important; border-radius: 3px !important; }

/* =========================================================
   スマホ
========================================================= */

@media (max-width: 834px) {
  .entry-title, h1.entry-title { font-size: 22px !important; }
  .entry-content h2, .psa-article h2, .lottery-article h2, .lottery-section-title { font-size: 20px !important; }
  .entry-content h3, .psa-article h3, .lottery-article h3 { font-size: 18px !important; }
  .entry-content, .psa-article, .lottery-article { font-size: 16px !important; }
  .entry-content p, .psa-article p { font-size: 16px !important; }
  .lottery-related-grid { grid-template-columns: 1fr !important; }
  .meisy-profile-card { max-width: 100% !important; }
}

/* =========================================================
   Newspackホームページ記事（使用時のみ有効／未使用でも無害）
========================================================= */

.wp-block-newspack-blocks-homepage-articles [data-posts] {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
}
.wp-block-newspack-blocks-homepage-articles .article-section-title {
  grid-column: 1 / -1 !important;
  font-size: 20px !important; font-weight: bold !important; margin: 20px 0 10px !important;
  border-left: 4px solid #f7941d !important; padding-left: 12px !important;
  background: transparent !important;
}
.wp-block-newspack-blocks-homepage-articles article {
  border: 1px solid #e0e0e0 !important; border-radius: 8px !important; overflow: hidden !important; background: #fff !important;
}
.wp-block-newspack-blocks-homepage-articles .post-thumbnail {
  margin: 0 !important; aspect-ratio: 16 / 9 !important; overflow: hidden !important;
}
.wp-block-newspack-blocks-homepage-articles .post-thumbnail img {
  width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important;
}
.wp-block-newspack-blocks-homepage-articles .entry-wrapper { padding: 12px !important; }
.wp-block-newspack-blocks-homepage-articles .entry-title { font-size: 15px !important; margin: 0 0 6px !important; }
.wp-block-newspack-blocks-homepage-articles .entry-title a { color: #000 !important; text-decoration: none !important; }
.wp-block-newspack-blocks-homepage-articles .entry-meta { font-size: 12px !important; color: #888 !important; }

@media (max-width: 782px) {
  .wp-block-newspack-blocks-homepage-articles [data-posts] {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   Cocoon [new_list]/[popular_list] を3列カードグリッドに（トップ用）
========================================================= */
.entry-content .new-entry-cards.widget-entry-cards {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
}
.entry-content .new-entry-cards .entry-card-wrap {
  width: auto !important;
  margin: 0 !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #fff !important;
}
.entry-content .new-entry-cards .entry-card {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
.entry-content .new-entry-cards .entry-card-thumb {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
}
.entry-content .new-entry-cards .entry-card-thumb-image {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  display: block !important;
}
.entry-content .new-entry-cards .entry-card-content {
  margin: 0 !important;
  padding: 10px 12px !important;
}
.entry-content .new-entry-cards .entry-card-title {
  font-size: 14px !important;
  font-weight: bold !important;
  line-height: 1.5 !important;
  margin: 0 0 6px !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.entry-content .new-entry-cards .entry-card-snippet { display: none !important; }
.entry-content .new-entry-cards .entry-card-meta {
  font-size: 12px !important; color: #999 !important;
}

@media (max-width: 820px){
  .entry-content .new-entry-cards.widget-entry-cards { grid-template-columns: repeat(2,1fr) !important; }
}
@media (max-width: 520px){
  .entry-content .new-entry-cards.widget-entry-cards { grid-template-columns: 1fr !important; }
}

.tcg-spec { width:100%; border-collapse:collapse; margin:10px 0 18px; font-size:14px; }
.tcg-spec th, .tcg-spec td { border:1px solid #ddd; padding:9px 12px; text-align:left; line-height:1.7; vertical-align:top; }
.tcg-spec th { background:#f4f4f4; white-space:nowrap; width:112px; font-weight:bold; color:#333; }
.tcg-spec .price { color:#d94f00; font-weight:bold; }
@media(max-width:560px){ .tcg-spec th{ width:92px; font-size:13px; } }