@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ==================================================
   01. サイト全体
================================================== */

/* スマホ：メインビジュアル */
@media screen and (max-width: 599px) {
  .p-mainVisual {
    max-height: 230px;
  }

  .p-mainVisual__inner {
    height: 20vh;
  }

  #post_slider .swiper {
    padding-bottom: 0;
  }

  .top #content {
    padding-top: 0;
  }
}

/* 記事本文をコンパクトにする */
.single .post_content {
  font-size: 14.5px;
  line-height: 1.65;
}

.single .post_content p {
  margin-bottom: 0.8em;
}

.single .post_content li {
  margin-bottom: 0.3em;
  line-height: 1.65;
}

@media screen and (max-width: 767px) {
  .single .post_content {
    font-size: 14px;
    line-height: 1.6;
  }
}

/* 管理用メモを公開ページでは非表示 */
.single-post .admin-only-note {
  display: none !important;
}


/* ==================================================
   02. 通常テーブル共通
================================================== */

.compact-table {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.compact-table table {
  width: 900px !important;
  max-width: none !important;
  table-layout: fixed;
  border-collapse: collapse;
}

.compact-table th,
.compact-table td {
  padding: 8px 10px;
  font-size: 13px;
  line-height: 1.6;
  vertical-align: top;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
}

@media screen and (max-width: 767px) {
  figure.wp-block-table.compact-table {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  figure.wp-block-table.compact-table table.has-fixed-layout {
    max-width: none !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
  }

  figure.wp-block-table.compact-table th,
  figure.wp-block-table.compact-table td {
    box-sizing: border-box !important;
    padding: 6px 5px !important;
    vertical-align: middle !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }

  figure.wp-block-table.compact-table th {
    font-weight: 700 !important;
    text-align: center !important;
  }

  figure.wp-block-table.compact-table td:nth-child(2),
  figure.wp-block-table.compact-table td:nth-child(3) {
    text-align: center !important;
  }

  figure.wp-block-table.compact-table a {
    overflow-wrap: anywhere !important;
  }

  /* 4列の簡易比較表 */
  figure.wp-block-table.compact-table-summary table.has-fixed-layout {
    width: 520px !important;
    min-width: 520px !important;
  }

  figure.wp-block-table.compact-table-summary th:nth-child(1),
  figure.wp-block-table.compact-table-summary td:nth-child(1) {
    width: 100px !important;
  }

  figure.wp-block-table.compact-table-summary th:nth-child(2),
  figure.wp-block-table.compact-table-summary td:nth-child(2) {
    width: 110px !important;
  }

  figure.wp-block-table.compact-table-summary th:nth-child(3),
  figure.wp-block-table.compact-table-summary td:nth-child(3) {
    width: 60px !important;
  }

  figure.wp-block-table.compact-table-summary th:nth-child(4),
  figure.wp-block-table.compact-table-summary td:nth-child(4) {
    width: 250px !important;
  }

  /* 7列の詳細比較表 */
  figure.wp-block-table.compact-table-detail table.has-fixed-layout {
    width: 900px !important;
    min-width: 900px !important;
  }

  figure.wp-block-table.compact-table-detail th:nth-child(1),
  figure.wp-block-table.compact-table-detail td:nth-child(1) {
    width: 95px !important;
  }

  figure.wp-block-table.compact-table-detail th:nth-child(2),
  figure.wp-block-table.compact-table-detail td:nth-child(2) {
    width: 55px !important;
    text-align: center !important;
  }

  figure.wp-block-table.compact-table-detail th:nth-child(3),
  figure.wp-block-table.compact-table-detail td:nth-child(3) {
    width: 175px !important;
  }

  figure.wp-block-table.compact-table-detail th:nth-child(4),
  figure.wp-block-table.compact-table-detail td:nth-child(4) {
    width: 95px !important;
  }

  figure.wp-block-table.compact-table-detail th:nth-child(5),
  figure.wp-block-table.compact-table-detail td:nth-child(5) {
    width: 145px !important;
  }

  figure.wp-block-table.compact-table-detail th:nth-child(6),
  figure.wp-block-table.compact-table-detail td:nth-child(6) {
    width: 150px !important;
  }

  figure.wp-block-table.compact-table-detail th:nth-child(7),
  figure.wp-block-table.compact-table-detail td:nth-child(7) {
    width: 185px !important;
  }
}


/* ==================================================
   03. 記事固有テーブル
================================================== */

/* リーリエの決心記事：スマホ用テーブル */
@media screen and (max-width: 768px) {
  .wp-block-table.sp-scroll-table {
    max-width: 100%;
    margin-bottom: 1.5em;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .wp-block-table.sp-scroll-table::before {
    content: "スクロールできます →";
    display: block;
    margin-bottom: 6px;
    color: #777;
    font-size: 12px;
    text-align: right;
  }

  .wp-block-table.sp-scroll-table table {
    min-width: 620px !important;
    table-layout: auto !important;
    border-collapse: separate;
    border-spacing: 0;
  }

  .wp-block-table.sp-scroll-table th,
  .wp-block-table.sp-scroll-table td {
    padding: 8px 6px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    vertical-align: middle !important;
    word-break: keep-all;
    overflow-wrap: anywhere;
  }

  .wp-block-table.sp-scroll-table th {
    font-weight: 700;
    text-align: center;
  }

  .wp-block-table.sp-scroll-table td {
    text-align: left;
  }

  .wp-block-table.sp-scroll-table td:nth-child(2) {
    white-space: nowrap;
    text-align: center;
  }

  .wp-block-table.sp-scroll-table th:first-child,
  .wp-block-table.sp-scroll-table td:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    background: #fff;
    white-space: normal;
    word-break: normal;
    overflow-wrap: anywhere;
  }

  .wp-block-table.sp-scroll-table th:first-child {
    z-index: 3;
    background: #f5aa2a;
  }

  .wp-block-table.sp-scroll-table td:first-child {
    box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08);
  }
}

/* 4列・1列目固定テーブル */
.oripa-sticky-first-col {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.oripa-sticky-first-col table {
  width: 100%;
  min-width: 760px;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0;
}

.oripa-sticky-first-col th,
.oripa-sticky-first-col td {
  box-sizing: border-box;
  vertical-align: middle;
  white-space: normal;
  word-break: break-word;
}

.oripa-sticky-first-col th:nth-child(1),
.oripa-sticky-first-col td:nth-child(1) {
  width: 210px;
}

.oripa-sticky-first-col th:nth-child(2),
.oripa-sticky-first-col td:nth-child(2) {
  width: 170px;
}

.oripa-sticky-first-col th:nth-child(3),
.oripa-sticky-first-col td:nth-child(3) {
  width: 260px;
}

.oripa-sticky-first-col th:nth-child(4),
.oripa-sticky-first-col td:nth-child(4) {
  width: 120px;
  text-align: center;
}

.oripa-sticky-first-col th:first-child,
.oripa-sticky-first-col td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  background: #fff;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08);
}

.oripa-sticky-first-col thead th {
  background: #f5a623;
  color: #fff;
  text-align: center;
}

.oripa-sticky-first-col thead th:first-child {
  z-index: 3;
  background: #f5a623 !important;
  color: #fff !important;
}

@media screen and (max-width: 767px) {
  .oripa-sticky-first-col table {
    width: auto !important;
    min-width: 560px !important;
    table-layout: fixed !important;
  }

  .oripa-sticky-first-col th,
  .oripa-sticky-first-col td {
    padding: 10px 8px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    white-space: normal;
    word-break: break-word;
  }

  .oripa-sticky-first-col th:nth-child(1),
  .oripa-sticky-first-col td:nth-child(1) {
    width: 145px !important;
    min-width: 145px !important;
    max-width: 145px !important;
  }

  .oripa-sticky-first-col th:nth-child(2),
  .oripa-sticky-first-col td:nth-child(2) {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
  }

  .oripa-sticky-first-col th:nth-child(3),
  .oripa-sticky-first-col td:nth-child(3) {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
  }

  .oripa-sticky-first-col th:nth-child(4),
  .oripa-sticky-first-col td:nth-child(4) {
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
    text-align: center;
  }
}


/* ==================================================
   04. 比較表の折り畳み
================================================== */

.compare-more {
  position: relative;
  margin: 1.5em 0;
}

.compare-more__body {
  position: relative;
  max-height: 560px;
  overflow: hidden;
  transition: max-height 0.35s ease;
}

.compare-more__body::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  height: 72px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
  pointer-events: none;
}

.compare-more.is-open .compare-more__body {
  overflow: visible;
}

.compare-more.is-open .compare-more__body::after {
  display: none;
}

.compare-more__button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4em;
  width: 100%;
  margin-top: 14px;
  padding: 12px 16px;
  border: 2px solid #16b84e;
  border-radius: 4px;
  background: #fff;
  color: #16b84e;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  cursor: pointer;
}

.compare-more__button:hover {
  opacity: 0.85;
}

.compare-more__icon {
  font-size: 16px;
  transition: transform 0.25s ease;
}

.compare-more.is-open .compare-more__icon {
  transform: rotate(180deg);
}

@media screen and (max-width: 599px) {
  .compare-more__body {
    max-height: 520px;
  }

  .compare-more__button {
    padding: 11px 14px;
    font-size: 14px;
  }
}


/* ==================================================
   05. オリパ比較表：共通部品
================================================== */

.oripa-modal-open {
  color: #0073aa;
  text-decoration: underline;
  cursor: pointer;
}

.oripa-modal-open:hover {
  opacity: 0.75;
}

.oripa-compare-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 110px;
  padding: 10px 12px;
  border-radius: 6px;
  background: #08b53f;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.18);
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  text-decoration: none !important;
}

.oripa-compare-cta:hover {
  color: #fff !important;
  opacity: 0.85;
}

.oripa-compare-cta.oripa-compare-cta--gray {
  background: #d9d9d9 !important;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.12);
  color: #777 !important;
}

.oripa-compare-cta.oripa-compare-cta--gray:hover {
  color: #777 !important;
  opacity: 0.85;
}

.oripa-th-sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .oripa-compare-cta {
    min-width: 88px;
    padding: 8px;
    font-size: 12px;
    line-height: 1.3;
  }

  .oripa-th-pc {
    display: none;
  }

  .oripa-th-sp {
    display: inline;
  }
}

/* 比較表共通：横スクロールと1列目固定 */
.oripa-compare-table .wp-block-table.oripa-compare-table {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.oripa-compare-table table {
  border-collapse: separate;
  border-spacing: 0;
}

.oripa-compare-table th:first-child,
.oripa-compare-table td:first-child {
  position: sticky;
  left: 0;
  z-index: 3;
  background: #fff;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08);
}

.oripa-compare-table thead th:first-child {
  z-index: 5;
  background: #f5a623;
  color: #fff;
}


/* ==================================================
   06. オリパアプリ8列比較表

   外側に oripa-app-compare が付いた比較表だけに適用します。
   9列・5列など、ほかの比較表との競合を防止します。
================================================== */

.oripa-app-compare .wp-block-table.oripa-compare-table table,
.compare-more.oripa-compare-table.oripa-app-compare .wp-block-table.oripa-compare-table table {
  width: 1365px !important;
  min-width: 1365px !important;
  max-width: none !important;
  table-layout: fixed !important;
}

.oripa-app-compare .wp-block-table.oripa-compare-table th,
.oripa-app-compare .wp-block-table.oripa-compare-table td,
.compare-more.oripa-compare-table.oripa-app-compare .wp-block-table.oripa-compare-table th,
.compare-more.oripa-compare-table.oripa-app-compare .wp-block-table.oripa-compare-table td {
  box-sizing: border-box;
  padding: 8px;
  font-size: 13px;
  line-height: 1.35;
  vertical-align: middle;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* 1列目：アプリ名 */
.oripa-app-compare th:nth-child(1),
.oripa-app-compare td:nth-child(1),
.compare-more.oripa-compare-table.oripa-app-compare th:nth-child(1),
.compare-more.oripa-compare-table.oripa-app-compare td:nth-child(1) {
  width: 160px !important;
  min-width: 160px !important;
  max-width: 160px !important;
}

/* 2列目：評価 */
.oripa-app-compare th:nth-child(2),
.oripa-app-compare td:nth-child(2),
.compare-more.oripa-compare-table.oripa-app-compare th:nth-child(2),
.compare-more.oripa-compare-table.oripa-app-compare td:nth-child(2) {
  width: 130px !important;
  min-width: 130px !important;
  max-width: 130px !important;
}

/* 3列目：リンク */
.oripa-app-compare th:nth-child(3),
.oripa-app-compare td:nth-child(3),
.compare-more.oripa-compare-table.oripa-app-compare th:nth-child(3),
.compare-more.oripa-compare-table.oripa-app-compare td:nth-child(3) {
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
}

/* 4列目：初回・無料特典 */
.oripa-app-compare th:nth-child(4),
.oripa-app-compare td:nth-child(4),
.compare-more.oripa-compare-table.oripa-app-compare th:nth-child(4),
.compare-more.oripa-compare-table.oripa-app-compare td:nth-child(4) {
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
}

/* 5列目：価格帯 */
.oripa-app-compare th:nth-child(5),
.oripa-app-compare td:nth-child(5),
.compare-more.oripa-compare-table.oripa-app-compare th:nth-child(5),
.compare-more.oripa-compare-table.oripa-app-compare td:nth-child(5) {
  width: 135px !important;
  min-width: 135px !important;
  max-width: 135px !important;
  white-space: nowrap;
}

/* 6列目：取り扱いタイトル */
.oripa-app-compare th:nth-child(6),
.oripa-app-compare td:nth-child(6),
.compare-more.oripa-compare-table.oripa-app-compare th:nth-child(6),
.compare-more.oripa-compare-table.oripa-app-compare td:nth-child(6) {
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
}

/* 7列目：発送日数・送料 */
.oripa-app-compare th:nth-child(7),
.oripa-app-compare td:nth-child(7),
.compare-more.oripa-compare-table.oripa-app-compare th:nth-child(7),
.compare-more.oripa-compare-table.oripa-app-compare td:nth-child(7) {
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
}

/* 8列目：向いている人 */
.oripa-app-compare th:nth-child(8),
.oripa-app-compare td:nth-child(8),
.compare-more.oripa-compare-table.oripa-app-compare th:nth-child(8),
.compare-more.oripa-compare-table.oripa-app-compare td:nth-child(8) {
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: break-word;
}

.oripa-app-compare td:first-child,
.oripa-app-compare td:first-child a,
.compare-more.oripa-compare-table.oripa-app-compare td:first-child,
.compare-more.oripa-compare-table.oripa-app-compare td:first-child a {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

.oripa-app-compare .oripa-compare-cta,
.compare-more.oripa-compare-table.oripa-app-compare .oripa-compare-cta {
  width: auto;
  min-width: 150px;
  box-sizing: border-box;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .oripa-app-compare .wp-block-table.oripa-compare-table table,
  .compare-more.oripa-compare-table.oripa-app-compare .wp-block-table.oripa-compare-table table {
    width: 1105px !important;
    min-width: 1105px !important;
    table-layout: fixed !important;
  }

  .oripa-app-compare .wp-block-table.oripa-compare-table th,
  .oripa-app-compare .wp-block-table.oripa-compare-table td,
  .compare-more.oripa-compare-table.oripa-app-compare .wp-block-table.oripa-compare-table th,
  .compare-more.oripa-compare-table.oripa-app-compare .wp-block-table.oripa-compare-table td {
    padding: 7px 6px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  .oripa-app-compare th:nth-child(1),
  .oripa-app-compare td:nth-child(1),
  .compare-more.oripa-compare-table.oripa-app-compare th:nth-child(1),
  .compare-more.oripa-compare-table.oripa-app-compare td:nth-child(1) {
    width: 105px !important;
    min-width: 105px !important;
    max-width: 105px !important;
  }

  .oripa-app-compare th:nth-child(2),
  .oripa-app-compare td:nth-child(2),
  .compare-more.oripa-compare-table.oripa-app-compare th:nth-child(2),
  .compare-more.oripa-compare-table.oripa-app-compare td:nth-child(2) {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    white-space: nowrap;
  }

  .oripa-app-compare th:nth-child(3),
  .oripa-app-compare td:nth-child(3),
  .compare-more.oripa-compare-table.oripa-app-compare th:nth-child(3),
  .compare-more.oripa-compare-table.oripa-app-compare td:nth-child(3) {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    padding-right: 4px !important;
    padding-left: 4px !important;
    text-align: center;
  }

  .oripa-app-compare th:nth-child(4),
  .oripa-app-compare td:nth-child(4),
  .compare-more.oripa-compare-table.oripa-app-compare th:nth-child(4),
  .compare-more.oripa-compare-table.oripa-app-compare td:nth-child(4) {
    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;
  }

  .oripa-app-compare th:nth-child(5),
  .oripa-app-compare td:nth-child(5),
  .compare-more.oripa-compare-table.oripa-app-compare th:nth-child(5),
  .compare-more.oripa-compare-table.oripa-app-compare td:nth-child(5) {
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
    white-space: nowrap;
  }

  .oripa-app-compare th:nth-child(6),
  .oripa-app-compare td:nth-child(6),
  .compare-more.oripa-compare-table.oripa-app-compare th:nth-child(6),
  .compare-more.oripa-compare-table.oripa-app-compare td:nth-child(6) {
    width: 170px !important;
    min-width: 170px !important;
    max-width: 170px !important;
  }

  .oripa-app-compare th:nth-child(7),
  .oripa-app-compare td:nth-child(7),
  .compare-more.oripa-compare-table.oripa-app-compare th:nth-child(7),
  .compare-more.oripa-compare-table.oripa-app-compare td:nth-child(7) {
    width: 170px !important;
    min-width: 170px !important;
    max-width: 170px !important;
  }

  .oripa-app-compare th:nth-child(8),
  .oripa-app-compare td:nth-child(8),
  .compare-more.oripa-compare-table.oripa-app-compare th:nth-child(8),
  .compare-more.oripa-compare-table.oripa-app-compare td:nth-child(8) {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    white-space: normal !important;
    word-break: keep-all;
    overflow-wrap: break-word;
  }

  .oripa-app-compare .oripa-compare-cta,
  .compare-more.oripa-compare-table.oripa-app-compare .oripa-compare-cta {
    width: 86px;
    min-width: 86px;
    max-width: 86px;
    padding: 8px 6px;
    font-size: 13px;
    line-height: 1.3;
    white-space: nowrap;
  }
}


/* ==================================================
   07. 遊戯王オリパ5列比較表
================================================== */

.yugioh-shop-compare .wp-block-table.oripa-compare-table {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.yugioh-shop-compare .wp-block-table.oripa-compare-table table {
  width: 920px !important;
  min-width: 920px !important;
  max-width: none !important;
  table-layout: fixed !important;
}

.yugioh-shop-compare .wp-block-table.oripa-compare-table th,
.yugioh-shop-compare .wp-block-table.oripa-compare-table td {
  box-sizing: border-box;
  padding: 8px 7px !important;
  font-size: 13px;
  line-height: 1.45;
  vertical-align: middle;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

.yugioh-shop-compare .wp-block-table.oripa-compare-table th:nth-child(1),
.yugioh-shop-compare .wp-block-table.oripa-compare-table td:nth-child(1) {
  width: 160px !important;
  min-width: 160px !important;
  max-width: 160px !important;
}

.yugioh-shop-compare .wp-block-table.oripa-compare-table th:nth-child(2),
.yugioh-shop-compare .wp-block-table.oripa-compare-table td:nth-child(2) {
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
  text-align: center;
}

.yugioh-shop-compare .wp-block-table.oripa-compare-table th:nth-child(3),
.yugioh-shop-compare .wp-block-table.oripa-compare-table td:nth-child(3) {
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
}

.yugioh-shop-compare .wp-block-table.oripa-compare-table th:nth-child(4),
.yugioh-shop-compare .wp-block-table.oripa-compare-table td:nth-child(4) {
  width: 245px !important;
  min-width: 245px !important;
  max-width: 245px !important;
}

.yugioh-shop-compare .wp-block-table.oripa-compare-table th:nth-child(5),
.yugioh-shop-compare .wp-block-table.oripa-compare-table td:nth-child(5) {
  width: 275px !important;
  min-width: 275px !important;
  max-width: 275px !important;
}

.yugioh-shop-compare .oripa-compare-cta {
  width: auto !important;
  min-width: 0 !important;
  max-width: 100%;
  padding: 7px 10px !important;
  font-size: 13px !important;
  line-height: 1.2;
  white-space: nowrap;
}

.yugioh-shop-compare .wp-block-table.oripa-compare-table thead th:first-child {
  z-index: 5;
  background: #f8ad28;
}

.yugioh-shop-compare .wp-block-table.oripa-compare-table tbody td:first-child {
  z-index: 3;
  background: #fff;
  box-shadow: 2px 0 3px rgba(0, 0, 0, 0.08);
}

@media screen and (max-width: 767px) {
  .yugioh-shop-compare .wp-block-table.oripa-compare-table table {
    width: 700px !important;
    min-width: 700px !important;
  }

  .yugioh-shop-compare .wp-block-table.oripa-compare-table th,
  .yugioh-shop-compare .wp-block-table.oripa-compare-table td {
    padding: 7px 6px !important;
    font-size: 12px;
    line-height: 1.4;
  }

  .yugioh-shop-compare .wp-block-table.oripa-compare-table th:nth-child(1),
  .yugioh-shop-compare .wp-block-table.oripa-compare-table td:nth-child(1) {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
  }

  .yugioh-shop-compare .wp-block-table.oripa-compare-table th:nth-child(2),
  .yugioh-shop-compare .wp-block-table.oripa-compare-table td:nth-child(2) {
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
  }

  .yugioh-shop-compare .wp-block-table.oripa-compare-table th:nth-child(3),
  .yugioh-shop-compare .wp-block-table.oripa-compare-table td:nth-child(3) {
    width: 95px !important;
    min-width: 95px !important;
    max-width: 95px !important;
  }

  .yugioh-shop-compare .wp-block-table.oripa-compare-table th:nth-child(4),
  .yugioh-shop-compare .wp-block-table.oripa-compare-table td:nth-child(4) {
    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;
  }

  .yugioh-shop-compare .wp-block-table.oripa-compare-table th:nth-child(5),
  .yugioh-shop-compare .wp-block-table.oripa-compare-table td:nth-child(5) {
    width: 215px !important;
    min-width: 215px !important;
    max-width: 215px !important;
  }

  .yugioh-shop-compare .oripa-compare-cta {
    padding: 6px 7px !important;
    border-radius: 6px;
    font-size: 11px !important;
  }
}


/* ==================================================
   08. オリパ比較表モーダル：構造・位置

   同一セレクタの追記を避け、このブロックだけで管理します。
================================================== */

.oripa-product-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: grid;
  place-items: center;
  width: 100vw !important;
  height: 100dvh !important;
  padding: 16px !important;
  margin: 0 !important;
  box-sizing: border-box;
  isolation: isolate;
}

.oripa-product-modal[hidden] {
  display: none !important;
}

.oripa-product-modal.is-open {
  display: grid !important;
}

.oripa-product-modal__overlay,
.oripa-product-modal__backdrop {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background: rgba(0, 0, 0, 0.65) !important;
}

/* 現在のHTML：panel/dialog が白いモーダル本体 */
.oripa-product-modal__panel,
.oripa-product-modal__dialog,
/* 旧HTML互換：content が外側直下の場合 */
.oripa-product-modal > .oripa-product-modal__content {
  position: relative !important;
  z-index: 1 !important;
  width: min(920px, 100%) !important;
  max-width: 920px !important;
  max-height: calc(100dvh - 32px) !important;
  margin: 0 auto !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: #fff !important;
  border-radius: 6px !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25) !important;
  box-sizing: border-box !important;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

/* 現在のHTML：panel/dialog 内の content は内側コンテンツ */
.oripa-product-modal__panel > .oripa-product-modal__content,
.oripa-product-modal__dialog > .oripa-product-modal__content {
  position: static !important;
  width: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.oripa-product-modal__inner {
  padding: 36px 40px 44px !important;
  box-sizing: border-box;
}

/* H3タイトル：SWELLの見出し装飾をリセット */
.oripa-product-modal h3.oripa-product-modal__title {
  display: block !important;
  position: static !important;
  width: 100% !important;
  margin: 0 0 28px !important;
  padding: 0 56px 10px 0 !important;
  border: 0 !important;
  border-bottom: 2px solid #f5ad2d !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: #333 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  text-align: left !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  box-sizing: border-box;
}

.oripa-product-modal h3.oripa-product-modal__title::before,
.oripa-product-modal h3.oripa-product-modal__title::after {
  display: none !important;
  content: none !important;
}

/* 旧HTMLの見出しにも対応 */
.oripa-product-modal__header h3 {
  margin: 0;
  padding-bottom: 12px;
  border-bottom: 2px solid #f2b233;
  font-size: 24px;
  line-height: 1.5;
}

/* 右上の閉じるボタン */
.oripa-product-modal__close {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 20 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid #ddd !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  color: #777 !important;
  font-size: 32px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-align: center !important;
  transform: none !important;
  translate: none !important;
  box-sizing: border-box !important;
  cursor: pointer;
}

/* 左下の「閉じる」ボタンが残っている場合は非表示 */
.oripa-product-modal__close-button {
  display: none !important;
}

/* ブログパーツと紹介本文の間隔 */
.oripa-product-modal__description {
  padding-top: 32px;
}

.oripa-product-modal__description > :first-child {
  margin-top: 0 !important;
}

.oripa-product-modal__description > :last-child {
  margin-bottom: 0 !important;
}

@media screen and (max-width: 767px) {
  .oripa-product-modal {
    padding:
      calc(8px + env(safe-area-inset-top))
      8px
      calc(8px + env(safe-area-inset-bottom))
      !important;
  }

  .oripa-product-modal__panel,
  .oripa-product-modal__dialog,
  .oripa-product-modal > .oripa-product-modal__content {
    width: 100% !important;
    max-width: 100% !important;
    max-height:
      calc(
        100dvh
        - 16px
        - env(safe-area-inset-top)
        - env(safe-area-inset-bottom)
      )
      !important;
  }

  .oripa-product-modal__inner {
    padding: 24px 18px 32px !important;
  }

  .oripa-product-modal h3.oripa-product-modal__title {
    margin-bottom: 22px !important;
    padding: 0 50px 9px 0 !important;
    font-size: 20px !important;
    line-height: 1.4 !important;
  }

  .oripa-product-modal__header h3 {
    font-size: 19px;
  }

  .oripa-product-modal__close {
    top: 10px !important;
    right: 10px !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    font-size: 28px !important;
  }

  .oripa-product-modal__description {
    padding-top: 24px;
  }
}


/* ==================================================
   09. オリパ比較表モーダル：内部装飾
================================================== */

.oripa-product-modal__rank {
  display: inline-block;
  padding: 8px 16px;
  border-radius: 5px;
  background: #f5b400;
  color: #fff;
  font-weight: 700;
}

.oripa-product-modal__company {
  margin: 16px 0 4px;
  color: #999;
  font-weight: 700;
}

.oripa-product-modal__main {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 32px;
  align-items: center;
  margin: 36px 0;
}

.oripa-product-modal__logo img {
  max-width: 100%;
  height: auto;
}

.oripa-product-modal__cta {
  display: block;
  padding: 20px;
  border-radius: 5px;
  background: #08b53f;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

.oripa-product-modal__cta:hover {
  color: #fff;
  opacity: 0.85;
}

.oripa-product-modal__summary {
  width: 100%;
  margin: 28px 0;
  border-collapse: collapse;
  font-size: 15px;
}

.oripa-product-modal__summary th,
.oripa-product-modal__summary td {
  padding: 14px 16px;
  border: 1px solid #eee;
  text-align: left;
  vertical-align: top;
}

.oripa-product-modal__summary th {
  width: 26%;
  background: #fff5e8;
  font-weight: 700;
}

.oripa-product-modal__text h4 {
  margin-top: 28px;
  margin-bottom: 12px;
  font-size: 22px;
  line-height: 1.5;
}

.oripa-product-modal__text p {
  line-height: 1.8;
}

.oripa-product-modal__detail-link {
  display: inline-block;
  margin-top: 16px;
  color: #0073aa;
  font-weight: 700;
}

.oripa-product-modal__visual {
  margin: 28px 0 24px;
  text-align: center;
}

.oripa-product-modal__logo-img {
  display: block;
  width: min(420px, 90%);
  height: auto;
  margin: 0 auto 18px;
}

.oripa-product-modal__main-img {
  display: block;
  width: min(720px, 100%);
  height: auto;
  margin: 0 auto;
}

.oripa-product-modal__summary--grid th {
  width: 20%;
  background: #fff8ec;
}

.oripa-product-modal__summary--grid td {
  width: 30%;
}

.oripa-product-modal__small-text {
  margin: 8px 0;
  font-size: 13px;
  line-height: 1.7;
}

.oripa-product-modal__store-button-wrap {
  margin: 28px 0;
  text-align: center;
}

.oripa-product-modal__store-button {
  display: inline-block;
  min-width: 280px;
  padding: 16px 28px;
  border-radius: 999px;
  background: #f5ad2f;
  box-shadow: 0 4px 0 #c98316;
  color: #fff;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

.oripa-product-modal__store-button:hover {
  color: #fff;
  opacity: 0.85;
}

.oripa-product-modal__benefit {
  margin: 26px 0;
  font-size: 16px;
  text-align: center;
}

.oripa-product-modal__quote {
  margin: 28px 0;
  padding: 22px 26px;
  border-left: 4px solid #ccc;
  background: #f7f7f7;
  color: #333;
}

.oripa-product-modal__quote p {
  margin: 0 0 16px;
  line-height: 1.8;
}

.oripa-product-modal__quote cite {
  font-size: 14px;
  font-style: normal;
}

.oripa-product-modal__marker {
  display: inline;
  padding: 0 0.08em;
  background: linear-gradient(transparent 60%, #fff176 60%);
  font-weight: 700;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.oripa-product-modal__notice {
  color: #e53935;
  font-weight: 700;
}

.oripa-product-modal__related-card {
  display: flex;
  gap: 16px;
  margin-top: 24px;
  padding: 16px;
  border: 1px solid #eee;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  color: inherit;
  text-decoration: none;
}

.oripa-product-modal__related-card:hover {
  opacity: 0.85;
}

.oripa-product-modal__related-thumb {
  flex: 0 0 150px;
}

.oripa-product-modal__related-thumb img {
  width: 150px;
  height: 84px;
  object-fit: cover;
}

.oripa-product-modal__related-body {
  display: block;
}

.oripa-product-modal__related-title {
  display: block;
  margin-bottom: 8px;
  font-weight: 700;
  line-height: 1.5;
}

.oripa-product-modal__related-desc {
  display: block;
  color: #666;
  font-size: 13px;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .oripa-product-modal__main {
    display: block;
    margin: 28px 0;
  }

  .oripa-product-modal__logo {
    margin-bottom: 24px;
    text-align: center;
  }

  .oripa-product-modal__cta {
    padding: 16px;
    font-size: 16px;
  }

  .oripa-product-modal__summary th,
  .oripa-product-modal__summary td {
    display: block;
    width: 100%;
    padding: 12px 14px;
  }

  .oripa-product-modal__text h4 {
    font-size: 19px;
  }

  .oripa-product-modal__summary--grid th,
  .oripa-product-modal__summary--grid td {
    display: block;
    width: 100%;
  }

  .oripa-product-modal__store-button {
    width: 100%;
    min-width: auto;
  }

  .oripa-product-modal__related-card {
    display: block;
  }

  .oripa-product-modal__related-thumb {
    display: block;
    margin-bottom: 12px;
  }

  .oripa-product-modal__related-thumb img {
    width: 100%;
    height: auto;
  }
}
/* ==================================================
   ポケットクロス記事用オリパ比較表・9列
================================================== */

.pocket-oripa-compare
.wp-block-table.oripa-compare-table {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.pocket-oripa-compare
.wp-block-table.oripa-compare-table table {
  width: 1500px !important;
  min-width: 1500px !important;
  max-width: none !important;
  table-layout: fixed !important;
  border-collapse: collapse;
}

.pocket-oripa-compare
.wp-block-table.oripa-compare-table th,
.pocket-oripa-compare
.wp-block-table.oripa-compare-table td {
  box-sizing: border-box;
  padding: 9px 8px !important;
  font-size: 13px;
  line-height: 1.5;
  vertical-align: middle;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* 1列目：サービス名 */
.pocket-oripa-compare
.wp-block-table.oripa-compare-table th:nth-child(1),
.pocket-oripa-compare
.wp-block-table.oripa-compare-table td:nth-child(1) {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
}

/* 2列目：おすすめ度 */
.pocket-oripa-compare
.wp-block-table.oripa-compare-table th:nth-child(2),
.pocket-oripa-compare
.wp-block-table.oripa-compare-table td:nth-child(2) {
  width: 85px !important;
  min-width: 85px !important;
  max-width: 85px !important;
  text-align: center;
}

/* 3列目：リンク */
.pocket-oripa-compare
.wp-block-table.oripa-compare-table th:nth-child(3),
.pocket-oripa-compare
.wp-block-table.oripa-compare-table td:nth-child(3) {
  width: 155px !important;
  min-width: 155px !important;
  max-width: 155px !important;
  padding-right: 9px !important;
  padding-left: 9px !important;
  text-align: center;
}

/* 4列目：価格帯 */
.pocket-oripa-compare
.wp-block-table.oripa-compare-table th:nth-child(4),
.pocket-oripa-compare
.wp-block-table.oripa-compare-table td:nth-child(4) {
  width: 135px !important;
  min-width: 135px !important;
  max-width: 135px !important;
}

/* 5列目：初回特典 */
.pocket-oripa-compare
.wp-block-table.oripa-compare-table th:nth-child(5),
.pocket-oripa-compare
.wp-block-table.oripa-compare-table td:nth-child(5) {
  width: 240px !important;
  min-width: 240px !important;
  max-width: 240px !important;
}

/* 6列目：送料 */
.pocket-oripa-compare
.wp-block-table.oripa-compare-table th:nth-child(6),
.pocket-oripa-compare
.wp-block-table.oripa-compare-table td:nth-child(6) {
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
}

/* 7列目：発送目安 */
.pocket-oripa-compare
.wp-block-table.oripa-compare-table th:nth-child(7),
.pocket-oripa-compare
.wp-block-table.oripa-compare-table td:nth-child(7) {
  width: 155px !important;
  min-width: 155px !important;
  max-width: 155px !important;
}

/* 8列目：アプリ対応 */
.pocket-oripa-compare
.wp-block-table.oripa-compare-table th:nth-child(8),
.pocket-oripa-compare
.wp-block-table.oripa-compare-table td:nth-child(8) {
  width: 105px !important;
  min-width: 105px !important;
  max-width: 105px !important;
  text-align: center;
}

/* 9列目：向いている人 */
.pocket-oripa-compare
.wp-block-table.oripa-compare-table th:nth-child(9),
.pocket-oripa-compare
.wp-block-table.oripa-compare-table td:nth-child(9) {
  width: 255px !important;
  min-width: 255px !important;
  max-width: 255px !important;
}

/* CTAボタン */
.pocket-oripa-compare .oripa-compare-cta {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 135px !important;
  padding: 8px 7px !important;
  font-size: 12px !important;
  line-height: 1.35;
  white-space: normal !important;
}

/* 1列目を固定 */
.pocket-oripa-compare
.wp-block-table.oripa-compare-table thead th:first-child,
.pocket-oripa-compare
.wp-block-table.oripa-compare-table tbody td:first-child {
  position: sticky;
  left: 0;
}

/* 固定列の背景と重なり順 */
.pocket-oripa-compare
.wp-block-table.oripa-compare-table thead th:first-child {
  z-index: 5;
  background: #f8ad28;
}

.pocket-oripa-compare
.wp-block-table.oripa-compare-table tbody td:first-child {
  z-index: 3;
  background: #fff;
  box-shadow: 2px 0 3px rgba(0, 0, 0, 0.08);
}


/* ==================================================
   スマホ表示
================================================== */

@media screen and (max-width: 767px) {

  .pocket-oripa-compare
  .wp-block-table.oripa-compare-table table {
    width: 1215px !important;
    min-width: 1215px !important;
  }

  .pocket-oripa-compare
  .wp-block-table.oripa-compare-table th,
  .pocket-oripa-compare
  .wp-block-table.oripa-compare-table td {
    padding: 7px 6px !important;
    font-size: 12px;
    line-height: 1.45;
  }

  /* サービス名 */
  .pocket-oripa-compare
  .wp-block-table.oripa-compare-table th:nth-child(1),
  .pocket-oripa-compare
  .wp-block-table.oripa-compare-table td:nth-child(1) {
    width: 125px !important;
    min-width: 125px !important;
    max-width: 125px !important;
  }

  /* おすすめ度 */
  .pocket-oripa-compare
  .wp-block-table.oripa-compare-table th:nth-child(2),
  .pocket-oripa-compare
  .wp-block-table.oripa-compare-table td:nth-child(2) {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
  }

  /* リンク */
  .pocket-oripa-compare
  .wp-block-table.oripa-compare-table th:nth-child(3),
  .pocket-oripa-compare
  .wp-block-table.oripa-compare-table td:nth-child(3) {
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
  }

  /* 価格帯 */
  .pocket-oripa-compare
  .wp-block-table.oripa-compare-table th:nth-child(4),
  .pocket-oripa-compare
  .wp-block-table.oripa-compare-table td:nth-child(4) {
    width: 105px !important;
    min-width: 105px !important;
    max-width: 105px !important;
  }

  /* 初回特典 */
  .pocket-oripa-compare
  .wp-block-table.oripa-compare-table th:nth-child(5),
  .pocket-oripa-compare
  .wp-block-table.oripa-compare-table td:nth-child(5) {
    width: 190px !important;
    min-width: 190px !important;
    max-width: 190px !important;
  }

  /* 送料 */
  .pocket-oripa-compare
  .wp-block-table.oripa-compare-table th:nth-child(6),
  .pocket-oripa-compare
  .wp-block-table.oripa-compare-table td:nth-child(6) {
    width: 185px !important;
    min-width: 185px !important;
    max-width: 185px !important;
  }

  /* 発送目安 */
  .pocket-oripa-compare
  .wp-block-table.oripa-compare-table th:nth-child(7),
  .pocket-oripa-compare
  .wp-block-table.oripa-compare-table td:nth-child(7) {
    width: 130px !important;
    min-width: 130px !important;
    max-width: 130px !important;
  }

  /* アプリ対応 */
  .pocket-oripa-compare
  .wp-block-table.oripa-compare-table th:nth-child(8),
  .pocket-oripa-compare
  .wp-block-table.oripa-compare-table td:nth-child(8) {
    width: 85px !important;
    min-width: 85px !important;
    max-width: 85px !important;
  }

  /* 向いている人 */
  .pocket-oripa-compare
  .wp-block-table.oripa-compare-table th:nth-child(9),
  .pocket-oripa-compare
  .wp-block-table.oripa-compare-table td:nth-child(9) {
    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;
  }

  .pocket-oripa-compare .oripa-compare-cta {
    max-width: 103px !important;
    padding: 7px 5px !important;
    border-radius: 6px;
    font-size: 11px !important;
    line-height: 1.35;
  }
}

/* ==================================================
   ポケットクロス記事用オリパ比較表・9列ここまで
================================================== */
/* 7/13 比較表の「公式アプリ・公式サイト」ボタンを縮小 */
.pocket-oripa-compare .oripa-compare-cta {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;

  padding: 8px 6px !important;
}

/* リンク列のボタンを中央配置 */
.pocket-oripa-compare
.wp-block-table.oripa-compare-table td:nth-child(3) {
  text-align: center;
}

/* スマホ */
@media screen and (max-width: 767px) {
  .pocket-oripa-compare .oripa-compare-cta {
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;

    padding: 7px 4px !important;
    font-size: 11px !important;
  }
}
/* ==================================================
  7/13 初回特典の比較表
================================================== */

/* 横スクロール */
.pocket-benefit-compare .pocket-benefit-table {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* テーブル全体 */
.pocket-benefit-compare .pocket-benefit-table table {
  width: 980px !important;
  min-width: 980px !important;
  max-width: none !important;
  table-layout: fixed !important;
  border-collapse: collapse;
}

/* 先ほどの比較表と同程度の文字サイズ */
.pocket-benefit-compare .pocket-benefit-table th,
.pocket-benefit-compare .pocket-benefit-table td {
  box-sizing: border-box;
  padding: 9px 10px !important;
  font-size: 13px !important;
  line-height: 1.5;
  vertical-align: middle;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* 1列目：サービス */
.pocket-benefit-compare .pocket-benefit-table th:nth-child(1),
.pocket-benefit-compare .pocket-benefit-table td:nth-child(1) {
  width: 165px !important;
  min-width: 165px !important;
  max-width: 165px !important;
}

/* 2列目：課金せずに受け取れる特典 */
.pocket-benefit-compare .pocket-benefit-table th:nth-child(2),
.pocket-benefit-compare .pocket-benefit-table td:nth-child(2) {
  width: 285px !important;
  min-width: 285px !important;
  max-width: 285px !important;
}

/* 3列目：引ける回数 */
.pocket-benefit-compare .pocket-benefit-table th:nth-child(3),
.pocket-benefit-compare .pocket-benefit-table td:nth-child(3) {
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
}

/* 4列目：課金後の追加特典 */
.pocket-benefit-compare .pocket-benefit-table th:nth-child(4),
.pocket-benefit-compare .pocket-benefit-table td:nth-child(4) {
  width: 310px !important;
  min-width: 310px !important;
  max-width: 310px !important;
}

/* 1列目を固定 */
.pocket-benefit-compare .pocket-benefit-table th:first-child,
.pocket-benefit-compare .pocket-benefit-table td:first-child {
  position: sticky;
  left: 0;
}

/* 固定したヘッダー */
.pocket-benefit-compare .pocket-benefit-table thead th:first-child {
  z-index: 5;
  background: #f8ad28;
}

/* 固定した本文セル */
.pocket-benefit-compare .pocket-benefit-table tbody td:first-child {
  z-index: 3;
  background: #fff;
  box-shadow: 2px 0 3px rgba(0, 0, 0, 0.08);
}

/* サービス名 */
.pocket-benefit-compare .pocket-benefit-table td:first-child a {
  display: inline-block;
  font-weight: 700;
  line-height: 1.5;
}


/* ==================================================
   スマホ表示
================================================== */

@media screen and (max-width: 767px) {

  .pocket-benefit-compare .pocket-benefit-table table {
    width: 800px !important;
    min-width: 800px !important;
  }

  .pocket-benefit-compare .pocket-benefit-table th,
  .pocket-benefit-compare .pocket-benefit-table td {
    padding: 7px 6px !important;
    font-size: 12px !important;
    line-height: 1.45;
  }

  /* 1列目 */
  .pocket-benefit-compare .pocket-benefit-table th:nth-child(1),
  .pocket-benefit-compare .pocket-benefit-table td:nth-child(1) {
    width: 135px !important;
    min-width: 135px !important;
    max-width: 135px !important;
  }

  /* 2列目 */
  .pocket-benefit-compare .pocket-benefit-table th:nth-child(2),
  .pocket-benefit-compare .pocket-benefit-table td:nth-child(2) {
    width: 230px !important;
    min-width: 230px !important;
    max-width: 230px !important;
  }

  /* 3列目 */
  .pocket-benefit-compare .pocket-benefit-table th:nth-child(3),
  .pocket-benefit-compare .pocket-benefit-table td:nth-child(3) {
    width: 175px !important;
    min-width: 175px !important;
    max-width: 175px !important;
  }

  /* 4列目 */
  .pocket-benefit-compare .pocket-benefit-table th:nth-child(4),
  .pocket-benefit-compare .pocket-benefit-table td:nth-child(4) {
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
  }
}

/* ==================================================
   初回特典の比較表ここまで
================================================== */
/* ==================================================
  7/13 3列型の横スクロール比較表
================================================== */

/* 横スクロール */
.oripa-simple-scroll-table {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* 共通の文字サイズ・セル設定 */
.oripa-simple-scroll-table table {
  max-width: none !important;
  table-layout: fixed !important;
  border-collapse: collapse;
}

.oripa-simple-scroll-table th,
.oripa-simple-scroll-table td {
  box-sizing: border-box;
  padding: 9px 10px !important;
  font-size: 13px !important;
  line-height: 1.5;
  vertical-align: middle;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* 1列目を固定 */
.oripa-simple-scroll-table th:first-child,
.oripa-simple-scroll-table td:first-child {
  position: sticky;
  left: 0;
}

/* ヘッダーの1列目 */
.oripa-simple-scroll-table thead th:first-child {
  z-index: 5;
  background: #f8ad28;
}

/* 本文の1列目 */
.oripa-simple-scroll-table tbody td:first-child {
  z-index: 3;
  background: #fff;
  box-shadow: 2px 0 3px rgba(0, 0, 0, 0.08);
  font-weight: 700;
}


/* ==================================================
   購入方法の表
================================================== */

.oripa-purchase-table table {
  width: 900px !important;
  min-width: 900px !important;
}

.oripa-purchase-table th:nth-child(1),
.oripa-purchase-table td:nth-child(1) {
  width: 210px !important;
  min-width: 210px !important;
  max-width: 210px !important;
}

.oripa-purchase-table th:nth-child(2),
.oripa-purchase-table td:nth-child(2) {
  width: 330px !important;
  min-width: 330px !important;
  max-width: 330px !important;
}

.oripa-purchase-table th:nth-child(3),
.oripa-purchase-table td:nth-child(3) {
  width: 360px !important;
  min-width: 360px !important;
  max-width: 360px !important;
}


/* ==================================================
   カード・景品比較の表
================================================== */

.oripa-prize-table table {
  width: 900px !important;
  min-width: 900px !important;
}

.oripa-prize-table th:nth-child(1),
.oripa-prize-table td:nth-child(1) {
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
}

.oripa-prize-table th:nth-child(2),
.oripa-prize-table td:nth-child(2) {
  width: 370px !important;
  min-width: 370px !important;
  max-width: 370px !important;
}

.oripa-prize-table th:nth-child(3),
.oripa-prize-table td:nth-child(3) {
  width: 310px !important;
  min-width: 310px !important;
  max-width: 310px !important;
}


/* ==================================================
   スマホ表示
================================================== */

@media screen and (max-width: 767px) {

  .oripa-simple-scroll-table th,
  .oripa-simple-scroll-table td {
    padding: 7px 6px !important;
    font-size: 12px !important;
    line-height: 1.45;
  }

  .oripa-purchase-table table {
    width: 750px !important;
    min-width: 750px !important;
  }

  .oripa-purchase-table th:nth-child(1),
  .oripa-purchase-table td:nth-child(1) {
    width: 175px !important;
    min-width: 175px !important;
    max-width: 175px !important;
  }

  .oripa-purchase-table th:nth-child(2),
  .oripa-purchase-table td:nth-child(2) {
    width: 275px !important;
    min-width: 275px !important;
    max-width: 275px !important;
  }

  .oripa-purchase-table th:nth-child(3),
  .oripa-purchase-table td:nth-child(3) {
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
  }

  .oripa-prize-table table {
    width: 760px !important;
    min-width: 760px !important;
  }

  .oripa-prize-table th:nth-child(1),
  .oripa-prize-table td:nth-child(1) {
    width: 185px !important;
    min-width: 185px !important;
    max-width: 185px !important;
  }

  .oripa-prize-table th:nth-child(2),
  .oripa-prize-table td:nth-child(2) {
    width: 315px !important;
    min-width: 315px !important;
    max-width: 315px !important;
  }

  .oripa-prize-table th:nth-child(3),
  .oripa-prize-table td:nth-child(3) {
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
  }
}

/* ==================================================
   3列型の横スクロール比較表ここまで
================================================== */
/* ==================================================
   7/13 オリパ用語表
================================================== */

.oripa-glossary-table {
  width: 100%;
  overflow: visible !important;
}

.oripa-glossary-table table {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  table-layout: fixed;
  border-collapse: collapse;
}

.oripa-glossary-table th,
.oripa-glossary-table td {
  box-sizing: border-box;
  padding: 9px 10px !important;
  font-size: 13px !important;
  line-height: 1.5;
  vertical-align: middle;
  white-space: normal !important;
  word-break: break-word;
  overflow-wrap: anywhere;
}

/* 用語列 */
.oripa-glossary-table th:first-child,
.oripa-glossary-table td:first-child {
  width: 180px;
}

.oripa-glossary-table td:first-child {
  font-weight: 700;
}

/* スマホ */
@media screen and (max-width: 767px) {
  .oripa-glossary-table th,
  .oripa-glossary-table td {
    padding: 7px 6px !important;
    font-size: 12px !important;
    line-height: 1.45;
  }

  .oripa-glossary-table th:first-child,
  .oripa-glossary-table td:first-child {
    width: 100px;
  }
}

/* ==================================================
   オリパ用語表ここまで
================================================== */
/* ==================================================
   ヴァイスシュヴァルツ目的別比較表
================================================== */

/* 横スクロール */
.weiss-purpose-compare .weiss-purpose-table {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* テーブル全体 */
.weiss-purpose-compare .weiss-purpose-table table {
  width: 1260px !important;
  min-width: 1260px !important;
  max-width: none !important;
  table-layout: fixed !important;
  border-collapse: collapse;
}

/* 文字サイズ・セル */
.weiss-purpose-compare .weiss-purpose-table th,
.weiss-purpose-compare .weiss-purpose-table td {
  box-sizing: border-box;
  padding: 9px 10px !important;
  font-size: 13px !important;
  line-height: 1.5;
  vertical-align: middle;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* 1列目：目的 */
.weiss-purpose-compare .weiss-purpose-table th:nth-child(1),
.weiss-purpose-compare .weiss-purpose-table td:nth-child(1) {
  width: 210px !important;
  min-width: 210px !important;
  max-width: 210px !important;
}

/* 2列目：おすすめの選び方 */
.weiss-purpose-compare .weiss-purpose-table th:nth-child(2),
.weiss-purpose-compare .weiss-purpose-table td:nth-child(2) {
  width: 300px !important;
  min-width: 300px !important;
  max-width: 300px !important;
}

/* 3列目：おすすめのサービス */
.weiss-purpose-compare .weiss-purpose-table th:nth-child(3),
.weiss-purpose-compare .weiss-purpose-table td:nth-child(3) {
  width: 190px !important;
  min-width: 190px !important;
  max-width: 190px !important;
  text-align: center;
}

/* 4列目：リンク */
.weiss-purpose-compare .weiss-purpose-table th:nth-child(4),
.weiss-purpose-compare .weiss-purpose-table td:nth-child(4) {
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
  text-align: center;
}

/* 5列目：向いている人 */
.weiss-purpose-compare .weiss-purpose-table th:nth-child(5),
.weiss-purpose-compare .weiss-purpose-table td:nth-child(5) {
  width: 380px !important;
  min-width: 380px !important;
  max-width: 380px !important;
}

/* 1列目固定 */
.weiss-purpose-compare .weiss-purpose-table th:first-child,
.weiss-purpose-compare .weiss-purpose-table td:first-child {
  position: sticky;
  left: 0;
}

/* 固定したヘッダー */
.weiss-purpose-compare .weiss-purpose-table thead th:first-child {
  z-index: 5;
  background: #f8ad28;
}

/* 固定した本文セル */
.weiss-purpose-compare .weiss-purpose-table tbody td:first-child {
  z-index: 3;
  background: #fff;
  box-shadow: 2px 0 3px rgba(0, 0, 0, 0.08);
  font-weight: 700;
}

/* サービス名 */
.weiss-purpose-compare
.weiss-purpose-table td:nth-child(3) .oripa-modal-open {
  display: inline-block;
  font-weight: 700;
  line-height: 1.5;
}

/* 公式ボタン */
.weiss-purpose-compare .oripa-compare-cta {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  width: 140px !important;
  min-width: 140px !important;
  max-width: 140px !important;

  padding: 8px 6px !important;
  font-size: 12px !important;
  line-height: 1.35;
  white-space: normal !important;
  text-align: center;
}


/* ==================================================
   スマホ表示
================================================== */

@media screen and (max-width: 767px) {

  .weiss-purpose-compare .weiss-purpose-table table {
    width: 1055px !important;
    min-width: 1055px !important;
  }

  .weiss-purpose-compare .weiss-purpose-table th,
  .weiss-purpose-compare .weiss-purpose-table td {
    padding: 7px 6px !important;
    font-size: 12px !important;
    line-height: 1.45;
  }

  /* 1列目 */
  .weiss-purpose-compare .weiss-purpose-table th:nth-child(1),
  .weiss-purpose-compare .weiss-purpose-table td:nth-child(1) {
    width: 175px !important;
    min-width: 175px !important;
    max-width: 175px !important;
  }

  /* 2列目 */
  .weiss-purpose-compare .weiss-purpose-table th:nth-child(2),
  .weiss-purpose-compare .weiss-purpose-table td:nth-child(2) {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
  }

  /* 3列目 */
  .weiss-purpose-compare .weiss-purpose-table th:nth-child(3),
  .weiss-purpose-compare .weiss-purpose-table td:nth-child(3) {
    width: 155px !important;
    min-width: 155px !important;
    max-width: 155px !important;
  }

  /* 4列目 */
  .weiss-purpose-compare .weiss-purpose-table th:nth-child(4),
  .weiss-purpose-compare .weiss-purpose-table td:nth-child(4) {
    width: 145px !important;
    min-width: 145px !important;
    max-width: 145px !important;
  }

  /* 5列目 */
  .weiss-purpose-compare .weiss-purpose-table th:nth-child(5),
  .weiss-purpose-compare .weiss-purpose-table td:nth-child(5) {
    width: 330px !important;
    min-width: 330px !important;
    max-width: 330px !important;
  }

  .weiss-purpose-compare .oripa-compare-cta {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;

    padding: 7px 5px !important;
    font-size: 11px !important;
  }
}

/* ==================================================
   ヴァイスシュヴァルツ目的別比較表ここまで
================================================== */
/* ==================================================
   ヴァイス比較表：スマホのセル幅を縮小
================================================== */

@media screen and (max-width: 767px) {

  .weiss-purpose-compare .weiss-purpose-table table {
    width: 660px !important;
    min-width: 660px !important;
  }

  .weiss-purpose-compare .weiss-purpose-table th,
  .weiss-purpose-compare .weiss-purpose-table td {
    padding: 6px 4px !important;
    font-size: 12px !important;
    line-height: 1.4;
    overflow-wrap: anywhere;
  }

  /* 1列目：目的 */
  .weiss-purpose-compare .weiss-purpose-table th:nth-child(1),
  .weiss-purpose-compare .weiss-purpose-table td:nth-child(1) {
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
  }

  /* 2列目：おすすめの選び方 */
  .weiss-purpose-compare .weiss-purpose-table th:nth-child(2),
  .weiss-purpose-compare .weiss-purpose-table td:nth-child(2) {
    width: 145px !important;
    min-width: 145px !important;
    max-width: 145px !important;
  }

  /* 3列目：おすすめのサービス */
  .weiss-purpose-compare .weiss-purpose-table th:nth-child(3),
  .weiss-purpose-compare .weiss-purpose-table td:nth-child(3) {
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
  }

  /* 4列目：リンク */
  .weiss-purpose-compare .weiss-purpose-table th:nth-child(4),
  .weiss-purpose-compare .weiss-purpose-table td:nth-child(4) {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
  }

  /* 5列目：向いている人 */
  .weiss-purpose-compare .weiss-purpose-table th:nth-child(5),
  .weiss-purpose-compare .weiss-purpose-table td:nth-child(5) {
    width: 190px !important;
    min-width: 190px !important;
    max-width: 190px !important;
  }

  /* 公式サイト・アプリボタン */
  .weiss-purpose-compare .oripa-compare-cta {
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
    padding: 6px 3px !important;
    font-size: 10px !important;
    line-height: 1.3;
    white-space: normal !important;
  }
}
/* ==================================================
   ヴァイス比較表：PC表示の列幅を縮小
================================================== */

@media screen and (min-width: 768px) {

  .weiss-purpose-compare .weiss-purpose-table table {
    width: 940px !important;
    min-width: 940px !important;
  }

  .weiss-purpose-compare .weiss-purpose-table th,
  .weiss-purpose-compare .weiss-purpose-table td {
    padding: 7px 7px !important;
    font-size: 13px !important;
    line-height: 1.45;
    overflow-wrap: anywhere;
  }

  /* 1列目：目的 */
  .weiss-purpose-compare .weiss-purpose-table th:nth-child(1),
  .weiss-purpose-compare .weiss-purpose-table td:nth-child(1) {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
  }

  /* 2列目：おすすめの選び方 */
  .weiss-purpose-compare .weiss-purpose-table th:nth-child(2),
  .weiss-purpose-compare .weiss-purpose-table td:nth-child(2) {
    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;
  }

  /* 3列目：おすすめのサービス */
  .weiss-purpose-compare .weiss-purpose-table th:nth-child(3),
  .weiss-purpose-compare .weiss-purpose-table td:nth-child(3) {
    width: 145px !important;
    min-width: 145px !important;
    max-width: 145px !important;
  }

  /* 4列目：リンク */
  .weiss-purpose-compare .weiss-purpose-table th:nth-child(4),
  .weiss-purpose-compare .weiss-purpose-table td:nth-child(4) {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
  }

  /* 5列目：向いている人 */
  .weiss-purpose-compare .weiss-purpose-table th:nth-child(5),
  .weiss-purpose-compare .weiss-purpose-table td:nth-child(5) {
    width: 295px !important;
    min-width: 295px !important;
    max-width: 295px !important;
  }

  /* 公式サイト・アプリボタン */
  .weiss-purpose-compare .oripa-compare-cta {
    width: 116px !important;
    min-width: 116px !important;
    max-width: 116px !important;
    padding: 7px 4px !important;
    font-size: 11px !important;
    line-height: 1.3;
  }
}
/* ==================================================
   ヴァイス比較表：スマホでリンク列まで表示
================================================== */

@media screen and (max-width: 767px) {

  .weiss-purpose-compare .weiss-purpose-table table {
    width: 550px !important;
    min-width: 550px !important;
  }

  .weiss-purpose-compare .weiss-purpose-table th,
  .weiss-purpose-compare .weiss-purpose-table td {
    padding: 6px 3px !important;
    font-size: 11px !important;
    line-height: 1.35;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  /* 1列目：目的 */
  .weiss-purpose-compare .weiss-purpose-table th:nth-child(1),
  .weiss-purpose-compare .weiss-purpose-table td:nth-child(1) {
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
  }

  /* 2列目：おすすめの選び方 */
  .weiss-purpose-compare .weiss-purpose-table th:nth-child(2),
  .weiss-purpose-compare .weiss-purpose-table td:nth-child(2) {
    width: 105px !important;
    min-width: 105px !important;
    max-width: 105px !important;
  }

  /* 3列目：おすすめのサービス */
  .weiss-purpose-compare .weiss-purpose-table th:nth-child(3),
  .weiss-purpose-compare .weiss-purpose-table td:nth-child(3) {
    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;
    text-align: center;
  }

  /* 4列目：リンク */
  .weiss-purpose-compare .weiss-purpose-table th:nth-child(4),
  .weiss-purpose-compare .weiss-purpose-table td:nth-child(4) {
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
    text-align: center;
  }

  /* 5列目：向いている人 */
  .weiss-purpose-compare .weiss-purpose-table th:nth-child(5),
  .weiss-purpose-compare .weiss-purpose-table td:nth-child(5) {
    width: 179px !important;
    min-width: 179px !important;
    max-width: 179px !important;
  }

  /* 公式サイト・アプリボタン */
  .weiss-purpose-compare .oripa-compare-cta {
    width: 78px !important;
    min-width: 78px !important;
    max-width: 78px !important;
    padding: 6px 2px !important;
    font-size: 9px !important;
    line-height: 1.2;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
}
/* ==================================================
  7/15 ワンピースオリパ比較表
================================================== */

.onepiece-oripa-compare .onepiece-oripa-table {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.onepiece-oripa-compare .onepiece-oripa-table table {
  width: 1180px !important;
  min-width: 1180px !important;
  max-width: none !important;
  table-layout: fixed !important;
  border-collapse: collapse;
}

.onepiece-oripa-compare .onepiece-oripa-table th,
.onepiece-oripa-compare .onepiece-oripa-table td {
  box-sizing: border-box;
  padding: 9px 8px !important;
  font-size: 13px !important;
  line-height: 1.5;
  vertical-align: middle;
  white-space: normal;
  overflow-wrap: anywhere;
}

/* 1列目：サービス・ショップ */
.onepiece-oripa-compare .onepiece-oripa-table th:nth-child(1),
.onepiece-oripa-compare .onepiece-oripa-table td:nth-child(1) {
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
}

/* 2列目：リンク */
.onepiece-oripa-compare .onepiece-oripa-table th:nth-child(2),
.onepiece-oripa-compare .onepiece-oripa-table td:nth-child(2) {
  width: 160px !important;
  min-width: 160px !important;
  max-width: 160px !important;
  text-align: center;
}

/* 3列目：販売形式 */
.onepiece-oripa-compare .onepiece-oripa-table th:nth-child(3),
.onepiece-oripa-compare .onepiece-oripa-table td:nth-child(3) {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
}

/* 4列目：特徴 */
.onepiece-oripa-compare .onepiece-oripa-table th:nth-child(4),
.onepiece-oripa-compare .onepiece-oripa-table td:nth-child(4) {
  width: 300px !important;
  min-width: 300px !important;
  max-width: 300px !important;
}

/* 5列目：向いている人 */
.onepiece-oripa-compare .onepiece-oripa-table th:nth-child(5),
.onepiece-oripa-compare .onepiece-oripa-table td:nth-child(5) {
  width: 390px !important;
  min-width: 390px !important;
  max-width: 390px !important;
}

/* 1列目固定 */
.onepiece-oripa-compare .onepiece-oripa-table th:first-child,
.onepiece-oripa-compare .onepiece-oripa-table td:first-child {
  position: sticky;
  left: 0;
}

.onepiece-oripa-compare .onepiece-oripa-table thead th:first-child {
  z-index: 5;
  background: #f8ad28;
}

.onepiece-oripa-compare .onepiece-oripa-table tbody td:first-child {
  z-index: 3;
  background: #fff;
  box-shadow: 2px 0 3px rgba(0, 0, 0, 0.08);
}

.onepiece-oripa-compare
.onepiece-oripa-table td:first-child .oripa-modal-open {
  display: inline-block;
  font-weight: 700;
}

/* 公式リンクボタン */
.onepiece-oripa-compare .oripa-compare-cta {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 130px !important;
  min-width: 130px !important;
  max-width: 130px !important;
  padding: 8px 5px !important;
  font-size: 11px !important;
  line-height: 1.3;
  white-space: normal !important;
  text-align: center;
}


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

@media screen and (max-width: 767px) {

  .onepiece-oripa-compare .onepiece-oripa-table table {
    width: 770px !important;
    min-width: 770px !important;
  }

  .onepiece-oripa-compare .onepiece-oripa-table th,
  .onepiece-oripa-compare .onepiece-oripa-table td {
    padding: 7px 5px !important;
    font-size: 12px !important;
    line-height: 1.4;
  }

  .onepiece-oripa-compare .onepiece-oripa-table th:nth-child(1),
  .onepiece-oripa-compare .onepiece-oripa-table td:nth-child(1) {
    width: 130px !important;
    min-width: 130px !important;
    max-width: 130px !important;
  }

  .onepiece-oripa-compare .onepiece-oripa-table th:nth-child(2),
  .onepiece-oripa-compare .onepiece-oripa-table td:nth-child(2) {
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
  }

  .onepiece-oripa-compare .onepiece-oripa-table th:nth-child(3),
  .onepiece-oripa-compare .onepiece-oripa-table td:nth-child(3) {
    width: 105px !important;
    min-width: 105px !important;
    max-width: 105px !important;
  }

  .onepiece-oripa-compare .onepiece-oripa-table th:nth-child(4),
  .onepiece-oripa-compare .onepiece-oripa-table td:nth-child(4) {
    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;
  }

  .onepiece-oripa-compare .onepiece-oripa-table th:nth-child(5),
  .onepiece-oripa-compare .onepiece-oripa-table td:nth-child(5) {
    width: 240px !important;
    min-width: 240px !important;
    max-width: 240px !important;
  }

  .onepiece-oripa-compare .oripa-compare-cta {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    padding: 6px 3px !important;
    font-size: 10px !important;
  }
}

/* ==================================================
   ワンピースオリパ比較表ここまで
================================================== */
/* ==================================================
   ワンピース比較表：スマホのセル幅を縮小
================================================== */

@media screen and (max-width: 767px) {

  /* 横スクロール領域 */
  .onepiece-oripa-compare
  .onepiece-oripa-table {
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  /* 表全体 */
  .onepiece-oripa-compare
  .onepiece-oripa-table table {
    width: 610px !important;
    min-width: 610px !important;
    max-width: none !important;
    table-layout: fixed !important;
  }

  /* セル共通 */
  .onepiece-oripa-compare
  .onepiece-oripa-table th,
  .onepiece-oripa-compare
  .onepiece-oripa-table td {
    box-sizing: border-box !important;
    padding: 6px 4px !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }

  /* 1列目：サービス・ショップ */
  .onepiece-oripa-compare
  .onepiece-oripa-table th:nth-child(1),
  .onepiece-oripa-compare
  .onepiece-oripa-table td:nth-child(1) {
    width: 105px !important;
    min-width: 105px !important;
    max-width: 105px !important;
  }

  /* 2列目：リンク */
  .onepiece-oripa-compare
  .onepiece-oripa-table th:nth-child(2),
  .onepiece-oripa-compare
  .onepiece-oripa-table td:nth-child(2) {
    width: 105px !important;
    min-width: 105px !important;
    max-width: 105px !important;
    text-align: center;
  }

  /* 3列目：販売形式 */
  .onepiece-oripa-compare
  .onepiece-oripa-table th:nth-child(3),
  .onepiece-oripa-compare
  .onepiece-oripa-table td:nth-child(3) {
    width: 85px !important;
    min-width: 85px !important;
    max-width: 85px !important;
  }

  /* 4列目：特徴 */
  .onepiece-oripa-compare
  .onepiece-oripa-table th:nth-child(4),
  .onepiece-oripa-compare
  .onepiece-oripa-table td:nth-child(4) {
    width: 135px !important;
    min-width: 135px !important;
    max-width: 135px !important;
  }

  /* 5列目：向いている人 */
  .onepiece-oripa-compare
  .onepiece-oripa-table th:nth-child(5),
  .onepiece-oripa-compare
  .onepiece-oripa-table td:nth-child(5) {
    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;
  }

  /* 公式サイト・アプリボタン */
  .onepiece-oripa-compare
  .oripa-compare-cta {
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
    padding: 6px 2px !important;
    font-size: 9px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
  }

  /* 1列目固定 */
  .onepiece-oripa-compare
  .onepiece-oripa-table th:first-child,
  .onepiece-oripa-compare
  .onepiece-oripa-table td:first-child {
    position: sticky !important;
    left: 0 !important;
  }

  .onepiece-oripa-compare
  .onepiece-oripa-table thead th:first-child {
    z-index: 5;
    background: #f8ad28;
  }

  .onepiece-oripa-compare
  .onepiece-oripa-table tbody td:first-child {
    z-index: 3;
    background: #fff;
    box-shadow: 2px 0 3px rgba(0, 0, 0, 0.08);
  }
}
/* ========================================
   7/21 暇つぶしアプリ比較表
======================================== */

.hima-app-table-block {
  width: 100%;
  margin: 1.5em 0;
}

/* 横スクロールを担当する要素 */
.hima-app-table-scroll {
  position: relative;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* SWELL側のfigureのスクロール設定を解除 */
.hima-app-table-block .wp-block-table {
  width: 100%;
  margin: 0;
  overflow: visible;
}

/* 表全体 */
.hima-app-comparison-table {
  width: 100%;
  min-width: 900px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}

/* セルの基本設定 */
.hima-app-comparison-table td {
  box-sizing: border-box;
  padding: 12px;
  vertical-align: middle;
  background-color: #fff;
}

/* 1行目 */
.hima-app-comparison-table tbody tr:first-child td {
  position: relative;
  z-index: 2;
  font-weight: 700;
  text-align: center;
  background-color: #f3f4f6;
}

/* 1列目を固定 */
.hima-app-comparison-table td:first-child {
  position: sticky;
  left: 0;
  z-index: 3;
  width: 220px;
  min-width: 220px;
  max-width: 220px;
  background-color: #fff;
  box-shadow: 5px 0 8px -7px rgba(0, 0, 0, 0.5);
}

/* 左上のヘッダーセルも固定 */
.hima-app-comparison-table tbody tr:first-child td:first-child {
  position: sticky;
  left: 0;
  z-index: 10;
  background-color: #f3f4f6;
}

/* 2列目以降の幅 */
.hima-app-comparison-table td:nth-child(2) {
  width: 230px;
}

.hima-app-comparison-table td:nth-child(3) {
  width: 250px;
}

.hima-app-comparison-table td:nth-child(4) {
  width: 250px;
}

/* 初期状態では4項目まで表示
   1行目は見出しのため、6行目以降を非表示 */
.hima-app-table-block.is-collapsible:not(.is-open)
  .hima-app-comparison-table
  tbody
  tr:nth-child(n + 6) {
  display: none;
}

/* 開閉ボタン */
.hima-app-table-toggle {
  display: none;
  width: min(320px, 90%);
  margin: 16px auto 0;
  padding: 12px 20px;
  border: 1px solid #333;
  border-radius: 4px;
  background-color: #fff;
  color: #333;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  cursor: pointer;
  appearance: none;
  transition:
    background-color 0.2s ease,
    color 0.2s ease;
}

.hima-app-table-block.is-collapsible .hima-app-table-toggle {
  display: block;
}

.hima-app-table-toggle:hover {
  background-color: #333;
  color: #fff;
}

/* ボタンの矢印 */
.hima-app-table-toggle::after {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 10px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  content: "";
  transform: translateY(-3px) rotate(45deg);
  transition: transform 0.2s ease;
}

.hima-app-table-block.is-open .hima-app-table-toggle::after {
  transform: translateY(2px) rotate(225deg);
}

/* スマートフォン */
@media screen and (max-width: 767px) {
  .hima-app-comparison-table {
    width: 490px;
    min-width: 490px;
    table-layout: fixed;
    font-size: 12px;
    line-height: 1.45;
  }

  .hima-app-comparison-table td {
    padding: 6px 5px;
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  /* 固定する1列目 */
  .hima-app-comparison-table td:first-child {
    width: 110px;
    min-width: 110px;
    max-width: 110px;
  }

  /* おすすめアプリ */
  .hima-app-comparison-table td:nth-child(2) {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
  }

  /* 特徴 */
  .hima-app-comparison-table td:nth-child(3) {
    width: 130px;
    min-width: 130px;
    max-width: 130px;
  }

  /* 向いている人 */
  .hima-app-comparison-table td:nth-child(4) {
    width: 130px;
    min-width: 130px;
    max-width: 130px;
  }

  /* スマホでも左上セルを確実に固定 */
  .hima-app-comparison-table tbody tr:first-child td:first-child {
    position: sticky;
    left: 0;
    z-index: 10;
    background-color: #f3f4f6;
  }
}
/* 暇つぶしアプリ比較表のヘッダーをオレンジ色にする */
.hima-app-comparison-table tbody tr:first-child td {
  background-color: #f7941d !important;
  color: #fff;
  font-weight: 700;
}

/* 固定される左上のヘッダーセル */
.hima-app-comparison-table tbody tr:first-child td:first-child {
  position: sticky;
  left: 0;
  z-index: 10;
  background-color: #f7941d !important;
  color: #fff;
}
/* ========================================
   7/21 ガチャアプリ比較表
======================================== */

.gacha-app-table-block {
  width: 100%;
  margin: 1.5em 0;
}

.gacha-app-table-scroll {
  position: relative;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.gacha-app-table-block .wp-block-table {
  width: 100%;
  margin: 0;
  overflow: visible;
}

.gacha-app-comparison-table {
  width: 100%;
  min-width: 980px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}

.gacha-app-comparison-table td {
  box-sizing: border-box;
  padding: 10px;
  vertical-align: middle;
  background-color: #fff;
  word-break: break-word;
}

/* ヘッダー */
.gacha-app-comparison-table tbody tr:first-child td {
  position: relative;
  z-index: 2;
  font-weight: 700;
  text-align: center;
  color: #fff;
  background-color: #f7941d !important;
}

/* 1列目を固定 */
.gacha-app-comparison-table td:first-child {
  position: sticky;
  left: 0;
  z-index: 4;
  width: 190px;
  min-width: 190px;
  max-width: 190px;
  background-color: #fff;
  box-shadow: 5px 0 8px -7px rgba(0, 0, 0, 0.55);
}

/* 左上のヘッダーセル */
.gacha-app-comparison-table tbody tr:first-child td:first-child {
  position: sticky;
  left: 0;
  z-index: 10;
  color: #fff;
  background-color: #f7941d !important;
}

/* 列幅 */
.gacha-app-comparison-table td:nth-child(2) {
  width: 150px;
}

.gacha-app-comparison-table td:nth-child(3) {
  width: 170px;
}

.gacha-app-comparison-table td:nth-child(4) {
  width: 230px;
}

.gacha-app-comparison-table td:nth-child(5) {
  width: 240px;
}

/* アプリ名 */
.gacha-app-modal-trigger {
  display: inline;
  margin: 0;
  padding: 0;
  border: 0;
  color: #1a73e8;
  font: inherit;
  font-weight: 700;
  line-height: inherit;
  text-align: left;
  text-decoration: underline;
  background: none;
  cursor: pointer;
  appearance: none;
}

.gacha-app-modal-trigger:hover,
.gacha-app-modal-trigger:focus {
  color: #0b4fa8;
  text-decoration: none;
}

/* 公式アプリボタン */
.gacha-app-official-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 130px;
  min-height: 38px;
  padding: 8px 10px;
  border-radius: 5px;
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  text-decoration: none !important;
  background-color: #39a852;
  box-sizing: border-box;
}

.gacha-app-official-button:hover,
.gacha-app-official-button:focus {
  color: #fff !important;
  background-color: #2f8d45;
  opacity: 1;
}

/* 初期状態では4アプリまで表示 */
.gacha-app-table-block.is-collapsible:not(.is-open)
  .gacha-app-comparison-table
  tbody
  tr:nth-child(n + 6) {
  display: none;
}

/* 折り畳みボタン */
.gacha-app-table-toggle {
  display: none;
  width: min(320px, 90%);
  margin: 16px auto 0;
  padding: 12px 20px;
  border: 1px solid #333;
  border-radius: 5px;
  color: #333;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  background-color: #fff;
  cursor: pointer;
  appearance: none;
}

.gacha-app-table-block.is-collapsible .gacha-app-table-toggle {
  display: block;
}

.gacha-app-table-toggle:hover,
.gacha-app-table-toggle:focus {
  color: #fff;
  background-color: #333;
}

.gacha-app-table-toggle::after {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 10px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  content: "";
  transform: translateY(-3px) rotate(45deg);
  transition: transform 0.2s ease;
}

.gacha-app-table-block.is-open .gacha-app-table-toggle::after {
  transform: translateY(2px) rotate(225deg);
}

/* ========================================
   モーダル
======================================== */

.gacha-app-modal {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
}

.gacha-app-modal.is-open {
  display: flex;
}

.gacha-app-modal-overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.65);
  cursor: pointer;
}

.gacha-app-modal-content {
  position: relative;
  z-index: 1;
  width: min(560px, 100%);
  max-height: calc(100vh - 40px);
  padding: 28px 24px 24px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.25);
  overflow-y: auto;
  box-sizing: border-box;
}

.gacha-app-modal-content h3 {
  margin: 0 40px 20px 0;
  padding-bottom: 12px;
  border-bottom: 3px solid #f7941d;
  font-size: 22px;
  line-height: 1.5;
}

.gacha-app-modal-close {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 38px;
  height: 38px;
  margin: 0;
  padding: 0;
  border: 0;
  color: #444;
  font-size: 32px;
  line-height: 38px;
  text-align: center;
  background: transparent;
  cursor: pointer;
  appearance: none;
}

.gacha-app-modal-list {
  margin: 0 0 22px;
}

.gacha-app-modal-list > div {
  display: grid;
  grid-template-columns: 145px 1fr;
  border-top: 1px solid #ddd;
}

.gacha-app-modal-list > div:last-child {
  border-bottom: 1px solid #ddd;
}

.gacha-app-modal-list dt,
.gacha-app-modal-list dd {
  margin: 0;
  padding: 12px;
  box-sizing: border-box;
}

.gacha-app-modal-list dt {
  font-weight: 700;
  background-color: #fff5e8;
}

.gacha-app-modal-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(320px, 100%);
  min-height: 46px;
  margin: 0 auto;
  padding: 10px 18px;
  border-radius: 6px;
  color: #fff !important;
  font-weight: 700;
  text-align: center;
  text-decoration: none !important;
  background-color: #39a852;
  box-sizing: border-box;
}

.gacha-app-modal-button:hover,
.gacha-app-modal-button:focus {
  color: #fff !important;
  background-color: #2f8d45;
}

body.gacha-app-modal-open {
  overflow: hidden;
}

/* ========================================
   スマートフォン
======================================== */

@media screen and (max-width: 767px) {
  .gacha-app-comparison-table {
    width: 670px;
    min-width: 670px;
    font-size: 12px;
    line-height: 1.45;
  }

  .gacha-app-comparison-table td {
    padding: 6px 5px;
    overflow-wrap: anywhere;
  }

  .gacha-app-comparison-table td:first-child {
    width: 115px;
    min-width: 115px;
    max-width: 115px;
  }

  .gacha-app-comparison-table td:nth-child(2) {
    width: 105px;
    min-width: 105px;
    max-width: 105px;
  }

  .gacha-app-comparison-table td:nth-child(3) {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
  }

  .gacha-app-comparison-table td:nth-child(4) {
    width: 155px;
    min-width: 155px;
    max-width: 155px;
  }

  .gacha-app-comparison-table td:nth-child(5) {
    width: 175px;
    min-width: 175px;
    max-width: 175px;
  }

  .gacha-app-official-button {
    min-height: 34px;
    padding: 6px 4px;
    font-size: 11px;
  }

  .gacha-app-modal {
    padding: 12px;
  }

  .gacha-app-modal-content {
    max-height: calc(100vh - 24px);
    padding: 24px 16px 20px;
  }

  .gacha-app-modal-content h3 {
    font-size: 19px;
  }

  .gacha-app-modal-list > div {
    display: block;
  }

  .gacha-app-modal-list dt,
  .gacha-app-modal-list dd {
    padding: 9px 10px;
  }

  .gacha-app-modal-list dd {
    border-top: 1px solid #eee;
  }
}
/* ========================================
   モーダルの位置ずれ対策
======================================== */

.gacha-app-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  display: none;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100vh !important;
  height: 100dvh !important;
  margin: 0 !important;
  padding: 24px !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
}

.gacha-app-modal.is-open {
  display: flex !important;
}

.gacha-app-modal-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
}

.gacha-app-modal-content {
  position: relative !important;
  z-index: 1 !important;
  width: min(760px, 100%) !important;
  max-height: calc(100dvh - 48px) !important;
  margin: auto !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  box-sizing: border-box !important;
}

html.gacha-app-modal-open,
body.gacha-app-modal-open {
  overflow: hidden !important;
}

@media screen and (max-width: 767px) {
  .gacha-app-modal {
    padding: 12px !important;
  }

  .gacha-app-modal-content {
    max-height: calc(100dvh - 24px) !important;
  }
}
/* DOPA・オリくじ以外の公式アプリボタン */
.gacha-app-comparison-table
tbody
tr:nth-child(n + 4)
.gacha-app-official-button {
  background-color: #888 !important;
  color: #fff !important;
}

/* マウスを重ねたとき */
.gacha-app-comparison-table
tbody
tr:nth-child(n + 4)
.gacha-app-official-button:hover,
.gacha-app-comparison-table
tbody
tr:nth-child(n + 4)
.gacha-app-official-button:focus {
  background-color: #666 !important;
  color: #fff !important;
}
/* ==================================================
   8/3 リーリエ入手方法表：横スクロール・1列目固定
================================================== */

figure.wp-block-table.lillie-acquisition-table {
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
}

figure.wp-block-table.lillie-acquisition-table table {
  width: 860px !important;
  min-width: 860px !important;
  max-width: none !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0;
}

figure.wp-block-table.lillie-acquisition-table td {
  box-sizing: border-box;
  padding: 9px 10px !important;
  font-size: 13px;
  line-height: 1.5;
  vertical-align: middle;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* 1列目：入手方法 */
figure.wp-block-table.lillie-acquisition-table td:nth-child(1) {
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
}

/* 2列目：入手の確実性 */
figure.wp-block-table.lillie-acquisition-table td:nth-child(2) {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
  text-align: center;
}

/* 3列目：費用の目安 */
figure.wp-block-table.lillie-acquisition-table td:nth-child(3) {
  width: 270px !important;
  min-width: 270px !important;
  max-width: 270px !important;
}

/* 4列目：向いている人 */
figure.wp-block-table.lillie-acquisition-table td:nth-child(4) {
  width: 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;
}

/* 1列目を固定 */
figure.wp-block-table.lillie-acquisition-table td:first-child {
  position: sticky;
  left: 0;
  z-index: 3;
  background: #fff;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08);
}

/* 見出し行 */
figure.wp-block-table.lillie-acquisition-table tr:first-child td {
  background: #f8ad28;
  color: #fff;
  font-weight: 700;
  text-align: center;
}

/* 左上のセルを最前面にする */
figure.wp-block-table.lillie-acquisition-table tr:first-child td:first-child {
  z-index: 5;
  background: #f8ad28;
}

@media screen and (max-width: 767px) {
  figure.wp-block-table.lillie-acquisition-table table {
    width: 680px !important;
    min-width: 680px !important;
  }

  figure.wp-block-table.lillie-acquisition-table td {
    padding: 7px 6px !important;
    font-size: 12px !important;
    line-height: 1.45;
  }

  figure.wp-block-table.lillie-acquisition-table td:nth-child(1) {
    width: 135px !important;
    min-width: 135px !important;
    max-width: 135px !important;
  }

  figure.wp-block-table.lillie-acquisition-table td:nth-child(2) {
    width: 105px !important;
    min-width: 105px !important;
    max-width: 105px !important;
  }

  figure.wp-block-table.lillie-acquisition-table td:nth-child(3) {
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
  }

  figure.wp-block-table.lillie-acquisition-table td:nth-child(4) {
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
  }
}
/* ==================================================
   リーリエ価格比較表：横スクロール・1列目固定
================================================== */

figure.wp-block-table.lillie-price-table {
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
}

figure.wp-block-table.lillie-price-table table {
  width: 820px !important;
  min-width: 820px !important;
  max-width: none !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0;
}

figure.wp-block-table.lillie-price-table th,
figure.wp-block-table.lillie-price-table td {
  box-sizing: border-box;
  padding: 9px 10px !important;
  font-size: 13px;
  line-height: 1.5;
  vertical-align: middle;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* 1列目：カード */
figure.wp-block-table.lillie-price-table th:nth-child(1),
figure.wp-block-table.lillie-price-table td:nth-child(1) {
  width: 170px !important;
  min-width: 170px !important;
  max-width: 170px !important;
}

/* 2列目：型番・レアリティ */
figure.wp-block-table.lillie-price-table th:nth-child(2),
figure.wp-block-table.lillie-price-table td:nth-child(2) {
  width: 170px !important;
  min-width: 170px !important;
  max-width: 170px !important;
  text-align: center;
}

/* 3列目：販売価格 */
figure.wp-block-table.lillie-price-table th:nth-child(3),
figure.wp-block-table.lillie-price-table td:nth-child(3) {
  width: 240px !important;
  min-width: 240px !important;
  max-width: 240px !important;
  text-align: center;
}

/* 4列目：買取価格 */
figure.wp-block-table.lillie-price-table th:nth-child(4),
figure.wp-block-table.lillie-price-table td:nth-child(4) {
  width: 240px !important;
  min-width: 240px !important;
  max-width: 240px !important;
  text-align: center;
}

/* 1列目を固定 */
figure.wp-block-table.lillie-price-table th:first-child,
figure.wp-block-table.lillie-price-table td:first-child {
  position: sticky;
  left: 0;
  background: #fff;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08);
}

/* 見出し行 */
figure.wp-block-table.lillie-price-table thead th {
  z-index: 4;
  background: #f8ad28;
  color: #fff;
  font-weight: 700;
  text-align: center;
}

/* 固定された左上セルを最前面にする */
figure.wp-block-table.lillie-price-table thead th:first-child {
  z-index: 6;
  background: #f8ad28;
}

/* 固定された本文セル */
figure.wp-block-table.lillie-price-table tbody td:first-child {
  z-index: 3;
  background: #fff;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  figure.wp-block-table.lillie-price-table table {
    width: 640px !important;
    min-width: 640px !important;
  }

  figure.wp-block-table.lillie-price-table th,
  figure.wp-block-table.lillie-price-table td {
    padding: 7px 6px !important;
    font-size: 12px !important;
    line-height: 1.45;
  }

  figure.wp-block-table.lillie-price-table th:nth-child(1),
  figure.wp-block-table.lillie-price-table td:nth-child(1) {
    width: 130px !important;
    min-width: 130px !important;
    max-width: 130px !important;
  }

  figure.wp-block-table.lillie-price-table th:nth-child(2),
  figure.wp-block-table.lillie-price-table td:nth-child(2) {
    width: 130px !important;
    min-width: 130px !important;
    max-width: 130px !important;
  }

  figure.wp-block-table.lillie-price-table th:nth-child(3),
  figure.wp-block-table.lillie-price-table td:nth-child(3) {
    width: 190px !important;
    min-width: 190px !important;
    max-width: 190px !important;
  }

  figure.wp-block-table.lillie-price-table th:nth-child(4),
  figure.wp-block-table.lillie-price-table td:nth-child(4) {
    width: 190px !important;
    min-width: 190px !important;
    max-width: 190px !important;
  }
}
/* ==================================================
   8/4 オリパアプリ比較表：共通モーダル
================================================== */

/* 比較表内のアプリ名ボタンをリンク風に表示 */
button.ag-oripa-modal-trigger {
  display: inline;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: #0073aa;
  font: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-align: inherit;
  text-decoration: underline;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

button.ag-oripa-modal-trigger:hover {
  color: #0073aa;
  opacity: 0.75;
}

button.ag-oripa-modal-trigger:focus-visible {
  outline: 2px solid #2589d0;
  outline-offset: 3px;
}

/* 共通モーダル本体 */
.ag-oripa-modal {
  width: min(760px, calc(100% - 24px));
  max-width: 760px;
  max-height: none;
  margin: auto;
  padding: 0;
  border: 0;
  border-radius: 14px;
  background: transparent;
  overflow: visible;
}

/* dialogが閉じているとき */
.ag-oripa-modal:not([open]) {
  display: none;
}

/* 背景 */
.ag-oripa-modal::backdrop {
  background: rgba(0, 0, 0, 0.68);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

/* 白いモーダル部分 */
.ag-oripa-modal__panel {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 24px);
  max-height: calc(100dvh - 24px);
  overflow: hidden;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.3);
}

/* タイトルと閉じるボタン */
.ag-oripa-modal__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  flex-shrink: 0;
  padding: 18px 18px 14px 22px;
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
}

.ag-oripa-modal__title {
  padding-top: 4px;
  color: #222;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.5;
}

/* 右上の×ボタン */
.ag-oripa-modal__close {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #f1f1f1;
  box-shadow: none;
  color: #222;
  font-size: 28px;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

.ag-oripa-modal__close:hover {
  background: #ddd;
  color: #222;
  transform: scale(1.04);
}

.ag-oripa-modal__close:focus-visible {
  outline: 3px solid #2589d0;
  outline-offset: 2px;
}

/* モーダル本文 */
.ag-oripa-modal__body {
  flex: 1;
  min-height: 0;
  padding: 20px 22px 26px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.ag-oripa-modal__body > :first-child {
  margin-top: 0;
}

.ag-oripa-modal__body > :last-child {
  margin-bottom: 0;
}

/* 画像 */
.ag-oripa-modal__body img {
  max-width: 100%;
  height: auto;
}

/* 表 */
.ag-oripa-modal__body .wp-block-table {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.ag-oripa-modal__body table {
  width: 100%;
}

/* iframe・動画 */
.ag-oripa-modal__body iframe {
  max-width: 100%;
}

/* 本文から複製したCTA */
.ag-oripa-modal__body .oripa-compare-cta {
  white-space: normal;
}

/* モーダル表示中は背面のスクロールを止める */
html:has(.ag-oripa-modal[open]),
body.ag-oripa-modal-open {
  overflow: hidden;
}

/* スマホ */
@media screen and (max-width: 599px) {
  .ag-oripa-modal {
    width: calc(100% - 16px);
  }

  .ag-oripa-modal__panel {
    max-height: calc(100vh - 16px);
    max-height: calc(100dvh - 16px);
    border-radius: 10px;
  }

  .ag-oripa-modal__header {
    padding: 14px 12px 12px 16px;
  }

  .ag-oripa-modal__title {
    font-size: 18px;
  }

  .ag-oripa-modal__close {
    width: 38px;
    height: 38px;
    min-width: 38px;
    font-size: 26px;
  }

  .ag-oripa-modal__body {
    padding: 16px 14px 22px;
  }
}
/* ==================================================
   8/4 オリパアプリ比較表：アプリ名の見切れ修正
================================================== */

/* PC：表全体を1列目の拡張分だけ広げる */
.oripa-app-compare
.wp-block-table.oripa-compare-table
table {
  width: 1395px !important;
  min-width: 1395px !important;
}

/* PC：1列目を160pxから190pxへ拡張 */
.oripa-app-compare
.wp-block-table.oripa-compare-table
th:nth-child(1),
.oripa-app-compare
.wp-block-table.oripa-compare-table
td:nth-child(1) {
  width: 190px !important;
  min-width: 190px !important;
  max-width: 190px !important;
}

/* 既存の省略表示を解除 */
.oripa-app-compare
.wp-block-table.oripa-compare-table
td:first-child {
  overflow: hidden !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
}

/* アプリ名ボタンをセル内で折り返す */
.oripa-app-compare
button.ag-oripa-modal-trigger {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  text-align: left;
  text-overflow: clip !important;
}

/* スマホ */
@media screen and (max-width: 767px) {

  /* 1列目の拡張分だけ表全体も広げる */
  .oripa-app-compare
  .wp-block-table.oripa-compare-table
  table {
    width: 1135px !important;
    min-width: 1135px !important;
  }

  /* スマホの1列目を105pxから135pxへ拡張 */
  .oripa-app-compare
  .wp-block-table.oripa-compare-table
  th:nth-child(1),
  .oripa-app-compare
  .wp-block-table.oripa-compare-table
  td:nth-child(1) {
    width: 135px !important;
    min-width: 135px !important;
    max-width: 135px !important;
  }

  .oripa-app-compare
  button.ag-oripa-modal-trigger {
    font-size: 12px;
    line-height: 1.45;
  }
}

/* ==================================================
   8/4 ポケカオリパ9列比較表：サービス名ボタンの見切れ修正
================================================== */

/* 1列目の省略表示を解除し、セル内で折り返す */
.pocket-oripa-compare
.wp-block-table.oripa-compare-table
td:first-child {
  overflow: hidden !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
}

/* 新しい共通モーダル用ボタンをリンク風のまま折り返す */
.pocket-oripa-compare
button.ag-oripa-modal-trigger {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  text-align: left;
  text-overflow: clip !important;
}
/* ==================================================
   8/4 遊戯王オリパ5列比較表：サービス名ボタン
================================================== */

/* 1列目でサービス名を正常に折り返す */
.yugioh-shop-compare
.wp-block-table.oripa-compare-table
td:first-child {
  overflow: hidden !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
}

/* 共通モーダル用ボタンをセル幅内に収める */
.yugioh-shop-compare
button.ag-oripa-modal-trigger {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  text-align: left;
  text-overflow: clip !important;
}
/* ==================================================
   8/4 ワンピースオリパ5列比較表：サービス名ボタン
================================================== */

/* 1列目でサービス名を正常に折り返す */
.onepiece-oripa-compare
.onepiece-oripa-table
td:first-child {
  overflow: hidden !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
}

/* 共通モーダル用ボタンをセル幅内に収める */
.onepiece-oripa-compare
button.ag-oripa-modal-trigger {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  text-align: left;
  text-overflow: clip !important;
}
/* ==================================================
   8/4 ヴァイス比較表：共通モーダル用サービス名ボタン
================================================== */

/* 3列目のサービス名をセル内で折り返す */
.weiss-purpose-compare
.weiss-purpose-table
td:nth-child(3) {
  overflow: hidden !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
}

/* 共通モーダル用ボタンを3列目に収める */
.weiss-purpose-compare
button.ag-oripa-modal-trigger {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  text-align: center;
  text-overflow: clip !important;
}
/* ==================================================
   8/4 ガチャアプリ比較表：共通モーダル用アプリ名ボタン
================================================== */

/* 1列目の長いアプリ名をセル内で折り返す */
.gacha-app-comparison-table
td:first-child {
  overflow: hidden !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
}

/* 共通モーダル用ボタンを1列目に収める */
.gacha-app-comparison-table
button.ag-oripa-modal-trigger {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #1a73e8;
  font: inherit;
  font-weight: 700;
  line-height: inherit;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  text-align: left;
  text-decoration: underline;
  text-overflow: clip !important;
  cursor: pointer;
}

/* ホバー・キーボード操作 */
.gacha-app-comparison-table
button.ag-oripa-modal-trigger:hover,
.gacha-app-comparison-table
button.ag-oripa-modal-trigger:focus {
  color: #0b4fa8;
  text-decoration: none;
}
/* ==================================================
   8/4 ガチャアプリ共通モーダル：PC・スマホ中央固定
   既存CSSの一番下へ追加
================================================== */

/*
 * dialogを画面全体の透明な領域として使用し、
 * 白いパネルはvisualViewportの中央座標へ固定する。
 */
.ag-oripa-modal[open] {
  position: fixed !important;
  inset: 0 !important;
  display: block !important;

  width: 100vw !important;
  max-width: none !important;
  height: 100vh !important;
  height: 100dvh !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;

  overflow: hidden !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

/* 白いモーダル本体を可視領域の中央へ固定 */
.ag-oripa-modal[open] .ag-oripa-modal__panel {
  position: fixed !important;
  top: var(--ag-modal-center-y, 50dvh) !important;
  left: var(--ag-modal-center-x, 50vw) !important;
  right: auto !important;
  bottom: auto !important;

  width: min(
    760px,
    var(--ag-modal-panel-width, calc(100vw - 24px))
  ) !important;
  max-width: 760px !important;
  max-height: var(
    --ag-modal-panel-height,
    calc(100dvh - 24px)
  ) !important;

  margin: 0 !important;
  transform: translate(-50%, -50%) !important;
  box-sizing: border-box !important;
}

/* モーダル本文だけをスクロール */
.ag-oripa-modal[open] .ag-oripa-modal__body {
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

/* スマホ */
@media screen and (max-width: 599px) {
  .ag-oripa-modal[open] .ag-oripa-modal__panel {
    width: var(
      --ag-modal-panel-width,
      calc(100vw - 16px)
    ) !important;
    max-width: none !important;
    max-height: var(
      --ag-modal-panel-height,
      calc(100dvh - 16px)
    ) !important;
  }
}
/* ==================================================
   オリパアプリ3社比較表
   専用クラスで既存比較表との競合を防止
================================================== */

/* 横スクロール領域 */
figure.wp-block-table.oripa-app-mini-compare {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
}

/* テーブル本体 */
figure.wp-block-table.oripa-app-mini-compare table {
  width: 820px !important;
  min-width: 820px !important;
  max-width: none !important;
  table-layout: fixed !important;

  /* stickyを安定させるためcollapseを使用しない */
  border-collapse: separate !important;
  border-spacing: 0;
}

/* 列幅 */
figure.wp-block-table.oripa-app-mini-compare
.oripa-app-mini-compare__label-col {
  width: 130px;
}

figure.wp-block-table.oripa-app-mini-compare
.oripa-app-mini-compare__service-col {
  width: 230px;
}

/* セル共通 */
figure.wp-block-table.oripa-app-mini-compare th,
figure.wp-block-table.oripa-app-mini-compare td {
  box-sizing: border-box;
  padding: 9px 10px;
  font-size: 13px;
  line-height: 1.55;
  vertical-align: middle;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* サービス列を中央寄せ */
figure.wp-block-table.oripa-app-mini-compare td {
  text-align: center;
}

/* 特徴・新規特典の文章は左寄せを維持 */
figure.wp-block-table.oripa-app-mini-compare
td.has-text-align-left {
  text-align: left !important;
}

/* 画像 */
figure.wp-block-table.oripa-app-mini-compare td img {
  display: block;
  width: auto;
  max-width: 150px;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}

/*
 * 1列目を固定
 *
 * rowspanが使われているため、
 * tr > :first-childではなくthのみを対象にします。
 * これにより2行目のDOPA画像が誤って固定されるのを防ぎます。
 */
figure.wp-block-table.oripa-app-mini-compare
table tr > th:first-child {
  position: sticky !important;
  left: 0;
  z-index: 4;
  width: 130px !important;
  min-width: 130px !important;
  max-width: 130px !important;
  background: #f5a623 !important;
  box-shadow: 3px 0 5px rgba(0, 0, 0, 0.1);
  color: #fff !important;
  font-weight: 700;
  text-align: center;
}

/* 公式アプリボタン共通 */
figure.wp-block-table.oripa-app-mini-compare
.oripa-app-mini-compare__button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 150px;
  min-height: 42px;
  padding: 9px 12px;
  border: 0;
  border-radius: 6px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  text-decoration: none !important;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

/* DOPA・オリくじ */
figure.wp-block-table.oripa-app-mini-compare
.oripa-app-mini-compare__button--green {
  background: #08b53f !important;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.18);
  color: #fff !important;
}

/* オリパワン */
figure.wp-block-table.oripa-app-mini-compare
.oripa-app-mini-compare__button--gray {
  background: #d9d9d9 !important;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.12);
  color: #666 !important;
}

/* PCのマウス操作時 */
@media (hover: hover) {
  figure.wp-block-table.oripa-app-mini-compare
  .oripa-app-mini-compare__button:hover {
    opacity: 0.85;
    transform: translateY(1px);
  }

  figure.wp-block-table.oripa-app-mini-compare
  .oripa-app-mini-compare__button--green:hover {
    color: #fff !important;
  }

  figure.wp-block-table.oripa-app-mini-compare
  .oripa-app-mini-compare__button--gray:hover {
    color: #666 !important;
  }
}

/* スマホ */
@media screen and (max-width: 767px) {
  figure.wp-block-table.oripa-app-mini-compare table {
    width: 700px !important;
    min-width: 700px !important;
  }

  figure.wp-block-table.oripa-app-mini-compare
  .oripa-app-mini-compare__label-col {
    width: 100px;
  }

  figure.wp-block-table.oripa-app-mini-compare
  .oripa-app-mini-compare__service-col {
    width: 200px;
  }

  figure.wp-block-table.oripa-app-mini-compare th,
  figure.wp-block-table.oripa-app-mini-compare td {
    padding: 7px 6px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  figure.wp-block-table.oripa-app-mini-compare
  table tr > th:first-child {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
  }

  figure.wp-block-table.oripa-app-mini-compare td img {
    max-width: 140px;
  }

  figure.wp-block-table.oripa-app-mini-compare
  .oripa-app-mini-compare__button {
    width: 130px;
    min-height: 38px;
    padding: 8px 7px;
    font-size: 12px;
  }
}
/* ==================================================
   オリパアプリ3社比較表：タイトル
================================================== */

.oripa-app-mini-compare-wrap {
  width: 100%;
  margin: 1.5em 0;
}

/* 表の上に表示するタイトル */
.oripa-app-mini-compare-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.15em;
  margin: 0 0 12px !important;
  padding: 0 10px;
  color: #3275d6;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
}

/* 左右の斜線 */
.oripa-app-mini-compare-title::before {
  content: "＼";
  display: inline-block;
  font-weight: 700;
}

.oripa-app-mini-compare-title::after {
  content: "／";
  display: inline-block;
  font-weight: 700;
}

/* ラッパー内では表の余白を調整 */
.oripa-app-mini-compare-wrap
figure.wp-block-table.oripa-app-mini-compare {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* スマホ */
@media screen and (max-width: 767px) {
  .oripa-app-mini-compare-title {
    gap: 0.05em;
    margin-bottom: 9px !important;
    padding: 0 4px;
    font-size: 17px;
    line-height: 1.4;
  }
}
/* ==================================================
   オリパアプリ3社比較表
   スマホでDOPA・オリくじまで表示
================================================== */

@media screen and (max-width: 767px) {

  /* 1列目90px＋サービス3列各130px＝合計480px */
  figure.wp-block-table.oripa-app-mini-compare table {
    width: 480px !important;
    min-width: 480px !important;
    max-width: none !important;
    table-layout: fixed !important;
  }

  /* 1列目 */
  figure.wp-block-table.oripa-app-mini-compare
  .oripa-app-mini-compare__label-col {
    width: 90px !important;
  }

  figure.wp-block-table.oripa-app-mini-compare
  table tr > th:first-child {
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
    padding: 6px 4px !important;
    font-size: 12px !important;
  }

  /* DOPA・オリくじ・オリパワンの列 */
  figure.wp-block-table.oripa-app-mini-compare
  .oripa-app-mini-compare__service-col {
    width: 130px !important;
  }

  figure.wp-block-table.oripa-app-mini-compare td {
    width: 130px !important;
    min-width: 130px !important;
    max-width: 130px !important;
    padding: 6px 4px !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
  }

  /* ロゴ・ガチャ画像を列幅に合わせる */
  figure.wp-block-table.oripa-app-mini-compare td img {
    display: block;
    width: 100% !important;
    max-width: 120px !important;
    height: auto !important;
    margin-right: auto;
    margin-left: auto;
  }

  /* 公式アプリボタン */
  figure.wp-block-table.oripa-app-mini-compare
  .oripa-app-mini-compare__button {
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
    min-height: 36px;
    padding: 7px 4px !important;
    font-size: 12px !important;
  }
}
/* ==================================================
   オリパアプリ3社比較表
   スマホでタイトルを1行表示
================================================== */

@media screen and (max-width: 767px) {
  .oripa-app-mini-compare-title {
    flex-wrap: nowrap !important;
    gap: 0.05em !important;
    margin-bottom: 9px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    font-size: clamp(12px, 3.7vw, 14px) !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }

  .oripa-app-mini-compare-title::before,
  .oripa-app-mini-compare-title::after {
    flex: 0 0 auto;
    font-size: 1em;
  }
}
/* ==================================================
   オリパアプリ3社比較表
   スマホの表内文字を少し拡大
================================================== */

@media screen and (max-width: 767px) {

  /* DOPA・オリくじ・オリパワンの本文 */
  figure.wp-block-table.oripa-app-mini-compare td {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  /* 左側の項目名 */
  figure.wp-block-table.oripa-app-mini-compare
  table tr > th:first-child {
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  /* 公式アプリボタン */
  figure.wp-block-table.oripa-app-mini-compare
  .oripa-app-mini-compare__button {
    font-size: 13px !important;
  }
}
/* ==================================================
   ストームエメラルダ記事用テーブル
   横スクロール・1列目固定
================================================== */

/*
 * SWELL側でfigure自体にスクロールが設定されると、
 * 内側のstorm-table-scrollと二重スクロールになるため解除
 */
figure.wp-block-table.storm-table-figure {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
  overflow: visible !important;
}

/* 横スクロールを担当する要素 */
figure.wp-block-table.storm-table-figure
.storm-table-scroll {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
}

/* テーブル共通 */
figure.wp-block-table.storm-table-figure
table.storm-table {
  max-width: none !important;
  margin: 0 !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

/* セル共通 */
figure.wp-block-table.storm-table-figure
table.storm-table th,
figure.wp-block-table.storm-table-figure
table.storm-table td {
  box-sizing: border-box !important;
  padding: 10px 12px !important;
  font-size: 13px;
  line-height: 1.55;
  vertical-align: middle !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

/* 見出し行 */
figure.wp-block-table.storm-table-figure
table.storm-table thead th {
  background: #f8ad28 !important;
  color: #fff !important;
  font-weight: 700;
  text-align: center;
}

/* 1列目を固定 */
figure.wp-block-table.storm-table-figure
table.storm-table th:first-child,
figure.wp-block-table.storm-table-figure
table.storm-table td:first-child {
  position: sticky !important;
  left: 0 !important;
}

/* 固定した左上の見出しセル */
figure.wp-block-table.storm-table-figure
table.storm-table thead th:first-child {
  z-index: 5;
  background: #f8ad28 !important;
  color: #fff !important;
}

/* 固定した本文セル */
figure.wp-block-table.storm-table-figure
table.storm-table tbody td:first-child {
  z-index: 3;
  background: #fff !important;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08);
}


/* ==================================================
   ゲオ抽選情報表・4列
================================================== */

figure.wp-block-table.storm-table-figure
table.storm-table--lottery {
  width: 800px !important;
  min-width: 800px !important;
}

/* 1列目：販売店 */
figure.wp-block-table.storm-table-figure
table.storm-table--lottery th:nth-child(1),
figure.wp-block-table.storm-table-figure
table.storm-table--lottery td:nth-child(1) {
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
}

/* 2列目：対象商品 */
figure.wp-block-table.storm-table-figure
table.storm-table--lottery th:nth-child(2),
figure.wp-block-table.storm-table-figure
table.storm-table--lottery td:nth-child(2) {
  width: 230px !important;
  min-width: 230px !important;
  max-width: 230px !important;
}

/* 3列目：応募期間 */
figure.wp-block-table.storm-table-figure
table.storm-table--lottery th:nth-child(3),
figure.wp-block-table.storm-table-figure
table.storm-table--lottery td:nth-child(3) {
  width: 330px !important;
  min-width: 330px !important;
  max-width: 330px !important;
}

/* 4列目：販売方法 */
figure.wp-block-table.storm-table-figure
table.storm-table--lottery th:nth-child(4),
figure.wp-block-table.storm-table-figure
table.storm-table--lottery td:nth-child(4) {
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
  text-align: center;
}


/* ==================================================
   当たりカード価格表・5列
================================================== */

figure.wp-block-table.storm-table-figure
table.storm-table--price {
  width: 960px !important;
  min-width: 960px !important;
}

/* 1列目：順位 */
figure.wp-block-table.storm-table-figure
table.storm-table--price th:nth-child(1),
figure.wp-block-table.storm-table-figure
table.storm-table--price td:nth-child(1) {
  width: 90px !important;
  min-width: 90px !important;
  max-width: 90px !important;
  text-align: center;
}

/* 2列目：カード名 */
figure.wp-block-table.storm-table-figure
table.storm-table--price th:nth-child(2),
figure.wp-block-table.storm-table-figure
table.storm-table--price td:nth-child(2) {
  width: 210px !important;
  min-width: 210px !important;
  max-width: 210px !important;
}

/* 3列目：レアリティ・型番 */
figure.wp-block-table.storm-table-figure
table.storm-table--price th:nth-child(3),
figure.wp-block-table.storm-table-figure
table.storm-table--price td:nth-child(3) {
  width: 190px !important;
  min-width: 190px !important;
  max-width: 190px !important;
  text-align: center;
}

/* 4・5列目：価格 */
figure.wp-block-table.storm-table-figure
table.storm-table--price th:nth-child(4),
figure.wp-block-table.storm-table-figure
table.storm-table--price td:nth-child(4),
figure.wp-block-table.storm-table-figure
table.storm-table--price th:nth-child(5),
figure.wp-block-table.storm-table-figure
table.storm-table--price td:nth-child(5) {
  width: 235px !important;
  min-width: 235px !important;
  max-width: 235px !important;
  text-align: center;
}


/* ==================================================
   注釈
================================================== */

figure.wp-block-table.storm-table-figure
.wp-element-caption {
  margin-top: 8px !important;
  font-size: 12px;
  line-height: 1.6;
  text-align: left;
}


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

@media screen and (max-width: 767px) {

  figure.wp-block-table.storm-table-figure
  table.storm-table th,
  figure.wp-block-table.storm-table-figure
  table.storm-table td {
    padding: 8px 7px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  /* ゲオ抽選情報表 */
  figure.wp-block-table.storm-table-figure
  table.storm-table--lottery {
    width: 660px !important;
    min-width: 660px !important;
  }

  figure.wp-block-table.storm-table-figure
  table.storm-table--lottery th:nth-child(1),
  figure.wp-block-table.storm-table-figure
  table.storm-table--lottery td:nth-child(1) {
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
  }

  figure.wp-block-table.storm-table-figure
  table.storm-table--lottery th:nth-child(2),
  figure.wp-block-table.storm-table-figure
  table.storm-table--lottery td:nth-child(2) {
    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;
  }

  figure.wp-block-table.storm-table-figure
  table.storm-table--lottery th:nth-child(3),
  figure.wp-block-table.storm-table-figure
  table.storm-table--lottery td:nth-child(3) {
    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
  }

  figure.wp-block-table.storm-table-figure
  table.storm-table--lottery th:nth-child(4),
  figure.wp-block-table.storm-table-figure
  table.storm-table--lottery td:nth-child(4) {
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
  }

  /* 当たりカード価格表 */
  figure.wp-block-table.storm-table-figure
  table.storm-table--price {
    width: 760px !important;
    min-width: 760px !important;
  }

  figure.wp-block-table.storm-table-figure
  table.storm-table--price th:nth-child(1),
  figure.wp-block-table.storm-table-figure
  table.storm-table--price td:nth-child(1) {
    width: 65px !important;
    min-width: 65px !important;
    max-width: 65px !important;
  }

  figure.wp-block-table.storm-table-figure
  table.storm-table--price th:nth-child(2),
  figure.wp-block-table.storm-table-figure
  table.storm-table--price td:nth-child(2) {
    width: 165px !important;
    min-width: 165px !important;
    max-width: 165px !important;
  }

  figure.wp-block-table.storm-table-figure
  table.storm-table--price th:nth-child(3),
  figure.wp-block-table.storm-table-figure
  table.storm-table--price td:nth-child(3) {
    width: 145px !important;
    min-width: 145px !important;
    max-width: 145px !important;
  }

  figure.wp-block-table.storm-table-figure
  table.storm-table--price th:nth-child(4),
  figure.wp-block-table.storm-table-figure
  table.storm-table--price td:nth-child(4) {
    width: 190px !important;
    min-width: 190px !important;
    max-width: 190px !important;
  }

  figure.wp-block-table.storm-table-figure
  table.storm-table--price th:nth-child(5),
  figure.wp-block-table.storm-table-figure
  table.storm-table--price td:nth-child(5) {
    width: 195px !important;
    min-width: 195px !important;
    max-width: 195px !important;
  }
}
/* ==================================================
   ストームエメラルダ：主な販売先・3列表
================================================== */

figure.wp-block-table.storm-table-figure
table.storm-table--stores {
  width: 820px !important;
  min-width: 820px !important;
  max-width: none !important;
}

/* 1列目：主な販売先 */
figure.wp-block-table.storm-table-figure
table.storm-table--stores th:nth-child(1),
figure.wp-block-table.storm-table-figure
table.storm-table--stores td:nth-child(1) {
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
}

/* 2列目：確認方法 */
figure.wp-block-table.storm-table-figure
table.storm-table--stores th:nth-child(2),
figure.wp-block-table.storm-table-figure
table.storm-table--stores td:nth-child(2) {
  width: 290px !important;
  min-width: 290px !important;
  max-width: 290px !important;
}

/* 3列目：注意点 */
figure.wp-block-table.storm-table-figure
table.storm-table--stores th:nth-child(3),
figure.wp-block-table.storm-table-figure
table.storm-table--stores td:nth-child(3) {
  width: 350px !important;
  min-width: 350px !important;
  max-width: 350px !important;
}

/* 固定する販売先名を見やすくする */
figure.wp-block-table.storm-table-figure
table.storm-table--stores tbody td:first-child {
  font-weight: 700;
}


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

@media screen and (max-width: 767px) {

  figure.wp-block-table.storm-table-figure
  table.storm-table--stores {
    width: 630px !important;
    min-width: 630px !important;
  }

  /* 1列目：主な販売先 */
  figure.wp-block-table.storm-table-figure
  table.storm-table--stores th:nth-child(1),
  figure.wp-block-table.storm-table-figure
  table.storm-table--stores td:nth-child(1) {
    width: 130px !important;
    min-width: 130px !important;
    max-width: 130px !important;
  }

  /* 2列目：確認方法 */
  figure.wp-block-table.storm-table-figure
  table.storm-table--stores th:nth-child(2),
  figure.wp-block-table.storm-table-figure
  table.storm-table--stores td:nth-child(2) {
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
  }

  /* 3列目：注意点 */
  figure.wp-block-table.storm-table-figure
  table.storm-table--stores th:nth-child(3),
  figure.wp-block-table.storm-table-figure
  table.storm-table--stores td:nth-child(3) {
    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
  }
}
/* ==================================================

オリパアプリ比較表：順位・総合点追加版 9列
3列目＝リンク
4列目＝ストア評価
既存8列CSSを確実に上書き
================================================== */

.compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
.wp-block-table.oripa-compare-table table {
  width: 1455px !important;
  min-width: 1455px !important;
  max-width: none !important;
  table-layout: fixed !important;
}


/* 1列目：アプリ名 */
.compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
th:nth-child(1),
.compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
td:nth-child(1) {
  width: 190px !important;
  min-width: 190px !important;
  max-width: 190px !important;
}


/* 2列目：順位・総合点 */
.compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
th:nth-child(2),
.compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
td:nth-child(2) {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
  text-align: center !important;
  white-space: nowrap !important;
}


/* 3列目：リンク */
.compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
th:nth-child(3),
.compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
td:nth-child(3) {
  width: 160px !important;
  min-width: 160px !important;
  max-width: 160px !important;
  padding-right: 6px !important;
  padding-left: 6px !important;
  text-align: center !important;
}


/* 4列目：ストア評価 */
.compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
th:nth-child(4),
.compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
td:nth-child(4) {
  width: 140px !important;
  min-width: 140px !important;
  max-width: 140px !important;
  text-align: center !important;
}


/* 5列目：初回・無料特典 */
.compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
th:nth-child(5),
.compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
td:nth-child(5) {
  width: 190px !important;
  min-width: 190px !important;
  max-width: 190px !important;
  white-space: normal !important;
}


/* 6列目：価格帯 */
.compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
th:nth-child(6),
.compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
td:nth-child(6) {
  width: 115px !important;
  min-width: 115px !important;
  max-width: 115px !important;
  padding-right: 5px !important;
  padding-left: 5px !important;
  white-space: nowrap !important;
  text-align: center !important;
}


/* 7列目：取り扱いタイトル */
.compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
th:nth-child(7),
.compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
td:nth-child(7) {
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
}


/* 8列目：発送日数・送料 */
.compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
th:nth-child(8),
.compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
td:nth-child(8) {
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
}


/* 9列目：向いている人 */
.compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
th:nth-child(9),
.compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
td:nth-child(9) {
  width: 200px !important;
  min-width: 200px !important;
  max-width: 200px !important;
  white-space: normal !important;
}


/* 公式アプリボタン */
.compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
.oripa-compare-cta {
  width: 135px !important;
  min-width: 135px !important;
  max-width: 135px !important;
  padding: 8px 6px !important;
  box-sizing: border-box;
}


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

@media screen and (max-width: 767px) {

  .compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
  .wp-block-table.oripa-compare-table table {
    width: 1130px !important;
    min-width: 1130px !important;
    max-width: none !important;
  }


  /* 1：アプリ名 */
  .compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
  th:nth-child(1),
  .compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
  td:nth-child(1) {
    width: 135px !important;
    min-width: 135px !important;
    max-width: 135px !important;
  }


  /* 2：順位・総合点 */
  .compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
  th:nth-child(2),
  .compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
  td:nth-child(2) {
    width: 75px !important;
    min-width: 75px !important;
    max-width: 75px !important;
    padding-right: 3px !important;
    padding-left: 3px !important;
    font-size: 12px !important;
    text-align: center !important;
  }


  /* 3：リンク */
  .compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
  th:nth-child(3),
  .compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
  td:nth-child(3) {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    padding-right: 3px !important;
    padding-left: 3px !important;
    text-align: center !important;
  }


  /* 4：ストア評価 */
  .compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
  th:nth-child(4),
  .compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
  td:nth-child(4) {
    width: 105px !important;
    min-width: 105px !important;
    max-width: 105px !important;
    padding-right: 4px !important;
    padding-left: 4px !important;
    text-align: center !important;
  }


  /* 5：初回・無料特典 */
  .compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
  th:nth-child(5),
  .compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
  td:nth-child(5) {
    width: 175px !important;
    min-width: 175px !important;
    max-width: 175px !important;
  }


  /* 6：価格帯
     添付画像で広くなっていたため95pxまで縮小 */
  .compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
  th:nth-child(6),
  .compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
  td:nth-child(6) {
    width: 95px !important;
    min-width: 95px !important;
    max-width: 95px !important;
    padding-right: 3px !important;
    padding-left: 3px !important;
    white-space: nowrap !important;
    text-align: center !important;
  }


  /* 7：取り扱いタイトル */
  .compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
  th:nth-child(7),
  .compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
  td:nth-child(7) {
    width: 165px !important;
    min-width: 165px !important;
    max-width: 165px !important;
  }


  /* 8：発送日数・送料 */
  .compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
  th:nth-child(8),
  .compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
  td:nth-child(8) {
    width: 145px !important;
    min-width: 145px !important;
    max-width: 145px !important;
  }


  /* 9：向いている人 */
  .compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
  th:nth-child(9),
  .compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
  td:nth-child(9) {
    width: 135px !important;
    min-width: 135px !important;
    max-width: 135px !important;
  }


  /* スマホの公式アプリボタン */
  .compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
  .oripa-compare-cta {
    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;
    padding: 7px 3px !important;
    font-size: 11px !important;
  }
}
/* ==================================================
オリパアプリ比較表
順位を赤文字＋順位・総合点の見切れ修正
================================================== */

/* 順位・総合点を縦並び */
.oripa-app-compare--ranked .oripa-rank-score strong {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  line-height: 1.45;
}

/* 順位のみ赤 */
.oripa-app-compare--ranked .oripa-rank-score__rank {
  display: block;
  color: #e53935 !important;
  font-weight: 700;
}

/* 総合点 */
.oripa-app-compare--ranked .oripa-rank-score__score {
  display: block;
  color: #333;
  font-weight: 700;
}


/* ==================================================
スマホ：順位・総合点列を少し拡張
================================================== */

@media screen and (max-width: 767px) {

  /* 75px → 95pxへ拡張 */
  .compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
  th:nth-child(2),
  .compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
  td:nth-child(2) {
    width: 95px !important;
    min-width: 95px !important;
    max-width: 95px !important;
    padding-right: 4px !important;
    padding-left: 4px !important;
    white-space: normal !important;
    text-align: center !important;
  }

  /* 見出し「順位・総合点」を2行にして見切れ防止 */
  .compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
  thead th:nth-child(2) {
    line-height: 1.35 !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
  }

  /* 順位・総合点本文 */
  .oripa-app-compare--ranked .oripa-rank-score__rank,
  .oripa-app-compare--ranked .oripa-rank-score__score {
    white-space: nowrap !important;
    font-size: 13px !important;
  }

  /*
   * 2列目を20px広げた分、
   * 表全体も1130px → 1150pxへ調整
   */
  .compare-more.oripa-compare-table.oripa-app-compare.oripa-app-compare--ranked
  .wp-block-table.oripa-compare-table table {
    width: 1150px !important;
    min-width: 1150px !important;
  }
}
/* ==================================================

/* ==================================================
   8/7 オリパアプリランキング：比較基準
   モーダル・各テーブル・PDF・本文リンクを一括管理
================================================== */

/* ------------------------------
   比較基準を見るボタン
------------------------------ */
.ag-criteria-launcher {
  width: 100%;
  margin: 18px 0 28px;
  text-align: center;
}

.ag-criteria-launcher__text {
  margin: 0 0 12px !important;
  font-size: 14px;
  line-height: 1.7;
  text-align: left;
}

button.ag-criteria-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: min(360px, 100%);
  min-height: 48px;
  margin: 0;
  padding: 11px 20px;
  border: 2px solid #f5a623;
  border-radius: 6px;
  background: #fff;
  box-shadow: none;
  color: #d77c00;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}

button.ag-criteria-trigger:hover,
button.ag-criteria-trigger:focus {
  background: #fff6e7;
  color: #c46e00;
}

button.ag-criteria-trigger:focus-visible {
  outline: 3px solid #2589d0;
  outline-offset: 3px;
}

/* ------------------------------
   本文内の「こちら」リンク
------------------------------ */
.ag-criteria-text-trigger {
  display: inline !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: #0073aa !important;
  font: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  text-decoration: underline !important;
  cursor: pointer !important;
  appearance: none;
  -webkit-appearance: none;
}

.ag-criteria-text-trigger:hover {
  color: #0073aa !important;
  opacity: 0.75;
}

.ag-criteria-text-trigger:focus-visible {
  outline: 2px solid #2589d0;
  outline-offset: 2px;
}

/* ------------------------------
   モーダル全体
------------------------------ */
.ag-criteria-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483646 !important;
  display: grid;
  place-items: center;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  margin: 0 !important;
  padding: 18px !important;
  box-sizing: border-box !important;
  isolation: isolate;
}

.ag-criteria-modal[hidden] {
  display: none !important;
}

.ag-criteria-modal.is-open {
  display: grid !important;
}

.ag-criteria-modal__backdrop {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background: rgba(0, 0, 0, 0.68) !important;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  cursor: pointer;
}

.ag-criteria-modal__panel {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  width: min(920px, 100%) !important;
  max-width: 920px !important;
  max-height: calc(100vh - 36px) !important;
  max-height: calc(100dvh - 36px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.32) !important;
  box-sizing: border-box !important;
}

/* ------------------------------
   ヘッダー
------------------------------ */
.ag-criteria-modal__header {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
  flex-shrink: 0;
  padding: 18px 18px 16px 24px;
  border-bottom: 1px solid #ddd;
  background: #fff;
  box-sizing: border-box;
}

.ag-criteria-modal h3.ag-criteria-modal__title {
  display: block !important;
  position: static !important;
  width: auto !important;
  margin: 0 !important;
  padding: 3px 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: #222 !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  text-align: left !important;
  transform: none !important;
}

.ag-criteria-modal h3.ag-criteria-modal__title::before,
.ag-criteria-modal h3.ag-criteria-modal__title::after {
  display: none !important;
  content: none !important;
}

button.ag-criteria-modal__close {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 auto;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #f1f1f1 !important;
  box-shadow: none !important;
  color: #333 !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-align: center !important;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

button.ag-criteria-modal__close:hover,
button.ag-criteria-modal__close:focus {
  background: #ddd !important;
  color: #222 !important;
}

button.ag-criteria-modal__close:focus-visible {
  outline: 3px solid #2589d0;
  outline-offset: 2px;
}

/* ------------------------------
   モーダル本文
------------------------------ */
.ag-criteria-modal__body {
  flex: 1 1 auto;
  min-height: 0;
  padding: 22px 26px 30px;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: #fff;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  scrollbar-gutter: stable;
}

.ag-criteria-modal__body > :first-child {
  margin-top: 0 !important;
}

.ag-criteria-modal__body > :last-child {
  margin-bottom: 0 !important;
}

.ag-criteria-modal__body p,
.ag-criteria-modal__body li,
.ag-criteria-modal__body td,
.ag-criteria-modal__body th {
  font-size: 14px;
  line-height: 1.7;
}

.ag-criteria-modal__body p {
  margin: 0 0 14px;
}

.ag-criteria-notice {
  margin: 20px 0 28px;
  padding: 14px 16px;
  border-left: 4px solid #f5a623;
  background: #fff7ea;
  color: #444;
  font-size: 13px;
  line-height: 1.7;
}

.ag-criteria-section {
  margin: 0 0 42px;
  padding: 0;
}

.ag-criteria-section:last-of-type {
  margin-bottom: 20px;
}

.ag-criteria-modal h4.ag-criteria-section__title {
  display: block !important;
  position: static !important;
  margin: 34px 0 16px !important;
  padding: 10px 12px !important;
  border: 0 !important;
  border-left: 5px solid #f5a623 !important;
  border-radius: 0 !important;
  background: #fff7ea !important;
  box-shadow: none !important;
  color: #222 !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  text-align: left !important;
}

.ag-criteria-modal h4.ag-criteria-section__title::before,
.ag-criteria-modal h4.ag-criteria-section__title::after {
  display: none !important;
  content: none !important;
}

.ag-criteria-price-list {
  margin: 12px 0 18px 1.4em !important;
  padding: 0 !important;
}

.ag-criteria-price-list li {
  margin-bottom: 4px !important;
}

/* ------------------------------
   テーブル共通
------------------------------ */
.ag-criteria-modal .ag-criteria-table-scroll {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  margin: 16px 0 24px;
  overflow-x: auto !important;
  overflow-y: visible !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
}

.ag-criteria-modal table.ag-criteria-table {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  table-layout: fixed !important;
  background: #fff !important;
}

.ag-criteria-modal table.ag-criteria-table th,
.ag-criteria-modal table.ag-criteria-table td {
  box-sizing: border-box !important;
  padding: 9px 11px !important;
  border: 1px solid #ddd !important;
  vertical-align: middle !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

.ag-criteria-modal table.ag-criteria-table thead th {
  background: #f5a623 !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-align: center !important;
}

.ag-criteria-modal table.ag-criteria-table tbody tr:nth-child(even) td {
  background: #fafafa;
}

/* 評価基準一覧：3列 */
.ag-criteria-modal table.ag-criteria-table--summary th:nth-child(1),
.ag-criteria-modal table.ag-criteria-table--summary td:nth-child(1) {
  width: 28% !important;
  font-weight: 700;
}

.ag-criteria-modal table.ag-criteria-table--summary th:nth-child(2),
.ag-criteria-modal table.ag-criteria-table--summary td:nth-child(2) {
  width: 57% !important;
}

.ag-criteria-modal table.ag-criteria-table--summary th:nth-child(3),
.ag-criteria-modal table.ag-criteria-table--summary td:nth-child(3) {
  width: 15% !important;
  text-align: center !important;
  font-weight: 700;
}

/* 点数｜評価基準：2列 */
.ag-criteria-modal table.ag-criteria-table--rule th:nth-child(1),
.ag-criteria-modal table.ag-criteria-table--rule td:nth-child(1) {
  width: 18% !important;
  text-align: center !important;
  font-weight: 700;
}

.ag-criteria-modal table.ag-criteria-table--rule th:nth-child(2),
.ag-criteria-modal table.ag-criteria-table--rule td:nth-child(2) {
  width: 82% !important;
}

/* 各アプリ評価：基本3列 */
.ag-criteria-modal table.ag-criteria-table--service th:nth-child(1),
.ag-criteria-modal table.ag-criteria-table--service td:nth-child(1) {
  width: 24% !important;
  min-width: 0 !important;
}

.ag-criteria-modal table.ag-criteria-table--service th:nth-child(2),
.ag-criteria-modal table.ag-criteria-table--service td:nth-child(2) {
  width: 66% !important;
}

.ag-criteria-modal table.ag-criteria-table--service th:nth-child(3),
.ag-criteria-modal table.ag-criteria-table--service td:nth-child(3) {
  width: 10% !important;
  min-width: 0 !important;
  text-align: center !important;
}

.ag-criteria-modal table.ag-criteria-table--service tbody td:first-child,
.ag-criteria-modal table.ag-criteria-table--service tbody td:last-child {
  font-weight: 700 !important;
}

/* 価格帯など4列表：アプリ｜内容｜カバー数｜評価 */
.ag-criteria-modal table.ag-criteria-table--service:has(th:nth-child(4)) th:nth-child(1),
.ag-criteria-modal table.ag-criteria-table--service:has(th:nth-child(4)) td:nth-child(1) {
  width: 24% !important;
}

.ag-criteria-modal table.ag-criteria-table--service:has(th:nth-child(4)) th:nth-child(2),
.ag-criteria-modal table.ag-criteria-table--service:has(th:nth-child(4)) td:nth-child(2) {
  width: 46% !important;
}

.ag-criteria-modal table.ag-criteria-table--service:has(th:nth-child(4)) th:nth-child(3),
.ag-criteria-modal table.ag-criteria-table--service:has(th:nth-child(4)) td:nth-child(3) {
  width: 20% !important;
  text-align: center !important;
}

.ag-criteria-modal table.ag-criteria-table--service:has(th:nth-child(4)) th:nth-child(4),
.ag-criteria-modal table.ag-criteria-table--service:has(th:nth-child(4)) td:nth-child(4) {
  width: 10% !important;
  text-align: center !important;
  font-weight: 700 !important;
}

/* 総合点一覧：順位｜アプリ｜総合点 */
.ag-criteria-modal table.ag-criteria-table.ag-criteria-table--service.ag-criteria-table--total th:nth-child(1),
.ag-criteria-modal table.ag-criteria-table.ag-criteria-table--service.ag-criteria-table--total td:nth-child(1) {
  width: 18% !important;
  min-width: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.ag-criteria-modal table.ag-criteria-table.ag-criteria-table--service.ag-criteria-table--total th:nth-child(2),
.ag-criteria-modal table.ag-criteria-table.ag-criteria-table--service.ag-criteria-table--total td:nth-child(2) {
  width: 62% !important;
  min-width: 0 !important;
}

.ag-criteria-modal table.ag-criteria-table.ag-criteria-table--service.ag-criteria-table--total th:nth-child(3),
.ag-criteria-modal table.ag-criteria-table.ag-criteria-table--service.ag-criteria-table--total td:nth-child(3) {
  width: 20% !important;
  min-width: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

.ag-criteria-modal table.ag-criteria-table.ag-criteria-table--service.ag-criteria-table--total tbody td:nth-child(3) {
  font-weight: 700 !important;
}

/* App Store評価の特殊2列表 */
.ag-criteria-modal table.ag-criteria-table--ios-score-rule th:nth-child(1),
.ag-criteria-modal table.ag-criteria-table--ios-score-rule td:nth-child(1) {
  width: 48% !important;
  text-align: left !important;
}

.ag-criteria-modal table.ag-criteria-table--ios-score-rule th:nth-child(2),
.ag-criteria-modal table.ag-criteria-table--ios-score-rule td:nth-child(2) {
  width: 52% !important;
  text-align: left !important;
}

/* 注釈 */
.ag-criteria-small {
  margin-top: -8px !important;
  color: #666;
  font-size: 12px !important;
  line-height: 1.7 !important;
}

/* ------------------------------
   PDFダウンロード
------------------------------ */
.ag-criteria-pdf {
  margin: 28px 0;
}

.ag-criteria-pdf__lead {
  margin: 0 0 14px !important;
  font-size: 15px;
  line-height: 1.7;
}

.ag-criteria-pdf__row {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}

.ag-criteria-pdf__name {
  color: #0878d1 !important;
  font-size: 15px;
  line-height: 1.5;
  text-decoration: none !important;
  overflow-wrap: anywhere;
}

.ag-criteria-pdf__name:hover {
  text-decoration: underline !important;
}

.ag-criteria-pdf__download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 170px;
  padding: 13px 20px;
  border-radius: 6px;
  background: #33383d;
  color: #fff !important;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none !important;
  box-sizing: border-box;
}

.ag-criteria-pdf__download:hover {
  color: #fff !important;
  opacity: 0.85;
}

.ag-criteria-pdf__icon {
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
}

/* ------------------------------
   最下部閉じるボタン
------------------------------ */
.ag-criteria-modal__footer {
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid #ddd;
  text-align: center;
}

button.ag-criteria-footer-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: min(320px, 100%);
  min-height: 46px;
  margin: 0;
  padding: 10px 18px;
  border: 1px solid #777;
  border-radius: 6px;
  background: #fff;
  box-shadow: none;
  color: #444;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

button.ag-criteria-footer-close:hover,
button.ag-criteria-footer-close:focus {
  background: #f4f4f4;
}

html.ag-criteria-modal-open,
body.ag-criteria-modal-open {
  overflow: hidden !important;
}

/* ==================================================
   スマホ
================================================== */
@media screen and (max-width: 767px) {
  .ag-criteria-launcher__text {
    font-size: 13px;
    line-height: 1.65;
  }

  button.ag-criteria-trigger {
    width: 100%;
    min-height: 46px;
    padding: 10px 14px;
    font-size: 14px;
  }

  .ag-criteria-modal {
    padding: calc(8px + env(safe-area-inset-top)) 8px calc(8px + env(safe-area-inset-bottom)) !important;
  }

  .ag-criteria-modal__panel {
    width: 100% !important;
    max-width: 100% !important;
    max-height: calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
    border-radius: 9px !important;
  }

  .ag-criteria-modal__header {
    padding: 13px 10px 12px 14px;
  }

  .ag-criteria-modal h3.ag-criteria-modal__title {
    padding-top: 4px !important;
    font-size: 18px !important;
    line-height: 1.45 !important;
  }

  button.ag-criteria-modal__close {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    font-size: 26px !important;
  }

  .ag-criteria-modal__body {
    padding: 18px 14px 24px;
  }

  .ag-criteria-modal__body p,
  .ag-criteria-modal__body li,
  .ag-criteria-modal__body td,
  .ag-criteria-modal__body th {
    font-size: 13px;
    line-height: 1.6;
  }

  .ag-criteria-modal h4.ag-criteria-section__title {
    margin-top: 28px !important;
    padding: 9px 10px !important;
    font-size: 17px !important;
  }

  .ag-criteria-notice {
    padding: 12px;
    font-size: 12px;
  }

  /* スマホでは全表をモーダル幅に収め、横スクロールを廃止 */
  .ag-criteria-modal .ag-criteria-table-scroll {
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px 0 18px !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: auto !important;
  }

  .ag-criteria-modal .ag-criteria-table-scroll::before,
  .ag-criteria-modal .ag-criteria-table-scroll::after {
    display: none !important;
    content: none !important;
  }

  .ag-criteria-modal .ag-criteria-table-scroll > table.ag-criteria-table {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: fixed !important;
  }

  .ag-criteria-modal table.ag-criteria-table th,
  .ag-criteria-modal table.ag-criteria-table td {
    padding: 8px 6px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  /* 評価基準一覧：3列 */
  .ag-criteria-modal table.ag-criteria-table--summary th:nth-child(1),
  .ag-criteria-modal table.ag-criteria-table--summary td:nth-child(1) {
    width: 31% !important;
  }

  .ag-criteria-modal table.ag-criteria-table--summary th:nth-child(2),
  .ag-criteria-modal table.ag-criteria-table--summary td:nth-child(2) {
    width: 51% !important;
  }

  .ag-criteria-modal table.ag-criteria-table--summary th:nth-child(3),
  .ag-criteria-modal table.ag-criteria-table--summary td:nth-child(3) {
    width: 18% !important;
  }

  /* 点数｜評価基準：2列 */
  .ag-criteria-modal table.ag-criteria-table--rule:not(.ag-criteria-table--ios-score-rule) th:nth-child(1),
  .ag-criteria-modal table.ag-criteria-table--rule:not(.ag-criteria-table--ios-score-rule) td:nth-child(1) {
    width: 18% !important;
    text-align: center !important;
  }

  .ag-criteria-modal table.ag-criteria-table--rule:not(.ag-criteria-table--ios-score-rule) th:nth-child(2),
  .ag-criteria-modal table.ag-criteria-table--rule:not(.ag-criteria-table--ios-score-rule) td:nth-child(2) {
    width: 82% !important;
  }

  /* 各アプリ評価：基本3列 */
  .ag-criteria-modal table.ag-criteria-table--service:not(.ag-criteria-table--total):not(:has(th:nth-child(4))) th:nth-child(1),
  .ag-criteria-modal table.ag-criteria-table--service:not(.ag-criteria-table--total):not(:has(th:nth-child(4))) td:nth-child(1) {
    width: 32% !important;
  }

  .ag-criteria-modal table.ag-criteria-table--service:not(.ag-criteria-table--total):not(:has(th:nth-child(4))) th:nth-child(2),
  .ag-criteria-modal table.ag-criteria-table--service:not(.ag-criteria-table--total):not(:has(th:nth-child(4))) td:nth-child(2) {
    width: 52% !important;
  }

  .ag-criteria-modal table.ag-criteria-table--service:not(.ag-criteria-table--total):not(:has(th:nth-child(4))) th:nth-child(3),
  .ag-criteria-modal table.ag-criteria-table--service:not(.ag-criteria-table--total):not(:has(th:nth-child(4))) td:nth-child(3) {
    width: 16% !important;
    text-align: center !important;
  }

  /* 価格帯など4列表 */
  .ag-criteria-modal table.ag-criteria-table--service:has(th:nth-child(4)) th:nth-child(1),
  .ag-criteria-modal table.ag-criteria-table--service:has(th:nth-child(4)) td:nth-child(1) {
    width: 32% !important;
  }

  .ag-criteria-modal table.ag-criteria-table--service:has(th:nth-child(4)) th:nth-child(2),
  .ag-criteria-modal table.ag-criteria-table--service:has(th:nth-child(4)) td:nth-child(2) {
    width: 34% !important;
  }

  .ag-criteria-modal table.ag-criteria-table--service:has(th:nth-child(4)) th:nth-child(3),
  .ag-criteria-modal table.ag-criteria-table--service:has(th:nth-child(4)) td:nth-child(3) {
    width: 18% !important;
    text-align: center !important;
  }

  .ag-criteria-modal table.ag-criteria-table--service:has(th:nth-child(4)) th:nth-child(4),
  .ag-criteria-modal table.ag-criteria-table--service:has(th:nth-child(4)) td:nth-child(4) {
    width: 16% !important;
    text-align: center !important;
  }

  /* 総合点一覧：18 / 52 / 30 */
  .ag-criteria-modal table.ag-criteria-table.ag-criteria-table--service.ag-criteria-table--total th:nth-child(1),
  .ag-criteria-modal table.ag-criteria-table.ag-criteria-table--service.ag-criteria-table--total td:nth-child(1) {
    width: 18% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 8px 4px !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  .ag-criteria-modal table.ag-criteria-table.ag-criteria-table--service.ag-criteria-table--total th:nth-child(2),
  .ag-criteria-modal table.ag-criteria-table.ag-criteria-table--service.ag-criteria-table--total td:nth-child(2) {
    width: 52% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 8px 6px !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }

  .ag-criteria-modal table.ag-criteria-table.ag-criteria-table--service.ag-criteria-table--total th:nth-child(3),
  .ag-criteria-modal table.ag-criteria-table.ag-criteria-table--service.ag-criteria-table--total td:nth-child(3) {
    width: 30% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 8px 4px !important;
    text-align: center !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }

  .ag-criteria-modal table.ag-criteria-table.ag-criteria-table--service.ag-criteria-table--total thead th:nth-child(3) {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  .ag-criteria-modal table.ag-criteria-table.ag-criteria-table--service.ag-criteria-table--total tbody td:nth-child(3),
  .ag-criteria-modal table.ag-criteria-table.ag-criteria-table--service.ag-criteria-table--total tbody td:nth-child(3) strong {
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
  }

  .ag-criteria-modal table.ag-criteria-table.ag-criteria-table--service.ag-criteria-table--total tbody td:nth-child(3) strong {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .ag-criteria-small {
    font-size: 11px !important;
  }
}

@media screen and (max-width: 599px) {
  .ag-criteria-pdf__row {
    display: block;
  }

  .ag-criteria-pdf__name {
    display: block;
    margin-bottom: 12px;
    font-size: 14px;
  }

  .ag-criteria-pdf__download {
    width: 100%;
    min-width: 0;
  }
}
/* ==================================================
比較基準モーダル：すべての表を中央揃え
================================================== */

.ag-criteria-modal table.ag-criteria-table th,
.ag-criteria-modal table.ag-criteria-table td {
  text-align: center !important;
  vertical-align: middle !important;
}
/* ==================================================
   ポケモンカード購入方法表
   横スクロール・1列目固定
================================================== */

/* SWELL側のfigureスクロールを解除 */
figure.wp-block-table.pokemon-buy-table-figure {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
  overflow: visible !important;
}

/* 横スクロールを担当 */
.pokemon-buy-table-scroll {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
}

/* テーブル本体 */
.pokemon-buy-table-scroll table {
  width: 900px !important;
  min-width: 900px !important;
  max-width: none !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0;
}

/* セル共通 */
.pokemon-buy-table-scroll th,
.pokemon-buy-table-scroll td {
  box-sizing: border-box;
  padding: 9px 10px;
  vertical-align: middle;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* 1列目 */
.pokemon-buy-table-scroll th:nth-child(1),
.pokemon-buy-table-scroll td:nth-child(1) {
  width: 180px;
  min-width: 180px;
  max-width: 180px;
}

/* 2列目 */
.pokemon-buy-table-scroll th:nth-child(2),
.pokemon-buy-table-scroll td:nth-child(2) {
  width: 220px;
  min-width: 220px;
  max-width: 220px;
}

/* 3列目 */
.pokemon-buy-table-scroll th:nth-child(3),
.pokemon-buy-table-scroll td:nth-child(3) {
  width: 250px;
  min-width: 250px;
  max-width: 250px;
}

/* 4列目 */
.pokemon-buy-table-scroll th:nth-child(4),
.pokemon-buy-table-scroll td:nth-child(4) {
  width: 250px;
  min-width: 250px;
  max-width: 250px;
}

/* 1列目を固定 */
.pokemon-buy-table-scroll th:first-child,
.pokemon-buy-table-scroll td:first-child {
  position: sticky !important;
  left: 0 !important;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08);
}

/* 1列目の本文セル */
.pokemon-buy-table-scroll tbody td:first-child {
  z-index: 3;
  background: #fff !important;
}

/* 左上のヘッダーセル */
.pokemon-buy-table-scroll thead th:first-child {
  z-index: 5;
  background: #f8ad28 !important;
  color: #fff !important;
}

/* スマホ */
@media screen and (max-width: 767px) {

  .pokemon-buy-table-scroll table {
    width: 700px !important;
    min-width: 700px !important;
  }

  .pokemon-buy-table-scroll th,
  .pokemon-buy-table-scroll td {
    padding: 7px 6px !important;
    font-size: 12px !important;
    line-height: 1.45;
  }

  /* 1列目 */
  .pokemon-buy-table-scroll th:nth-child(1),
  .pokemon-buy-table-scroll td:nth-child(1) {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
  }

  /* 2列目 */
  .pokemon-buy-table-scroll th:nth-child(2),
  .pokemon-buy-table-scroll td:nth-child(2) {
    width: 170px !important;
    min-width: 170px !important;
    max-width: 170px !important;
  }

  /* 3列目 */
  .pokemon-buy-table-scroll th:nth-child(3),
  .pokemon-buy-table-scroll td:nth-child(3) {
    width: 190px !important;
    min-width: 190px !important;
    max-width: 190px !important;
  }

  /* 4列目 */
  .pokemon-buy-table-scroll th:nth-child(4),
  .pokemon-buy-table-scroll td:nth-child(4) {
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
  }
}
/* ==================================================
   カードゲーム・トレカ系アプリ15選：6列比較表
================================================== */

/* 横スクロール領域 */
.cardgame-app-compare
.wp-block-table.cardgame-app-compare-table {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
}

/* テーブル本体 */
.cardgame-app-compare
.wp-block-table.cardgame-app-compare-table
table {
  width: 1135px !important;
  min-width: 1135px !important;
  max-width: none !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

/* セル共通 */
.cardgame-app-compare
.wp-block-table.cardgame-app-compare-table
th,
.cardgame-app-compare
.wp-block-table.cardgame-app-compare-table
td {
  box-sizing: border-box;
  padding: 9px 8px !important;
  font-size: 13px;
  line-height: 1.5;
  vertical-align: middle;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* ヘッダー */
.cardgame-app-compare
.wp-block-table.cardgame-app-compare-table
thead th {
  z-index: 4;
  background: #f5a623 !important;
  color: #fff !important;
  font-weight: 700;
  text-align: center;
}

/* 1列目：アプリ名 */
.cardgame-app-compare
.wp-block-table.cardgame-app-compare-table
th:nth-child(1),
.cardgame-app-compare
.wp-block-table.cardgame-app-compare-table
td:nth-child(1) {
  width: 190px !important;
  min-width: 190px !important;
  max-width: 190px !important;
}

/* 2列目：リンク */
.cardgame-app-compare
.wp-block-table.cardgame-app-compare-table
th:nth-child(2),
.cardgame-app-compare
.wp-block-table.cardgame-app-compare-table
td:nth-child(2) {
  width: 170px !important;
  min-width: 170px !important;
  max-width: 170px !important;
  text-align: center;
}

/* 3列目：タイプ */
.cardgame-app-compare
.wp-block-table.cardgame-app-compare-table
th:nth-child(3),
.cardgame-app-compare
.wp-block-table.cardgame-app-compare-table
td:nth-child(3) {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
}

/* 4列目：料金 */
.cardgame-app-compare
.wp-block-table.cardgame-app-compare-table
th:nth-child(4),
.cardgame-app-compare
.wp-block-table.cardgame-app-compare-table
td:nth-child(4) {
  width: 210px !important;
  min-width: 210px !important;
  max-width: 210px !important;
}

/* 5列目：主な遊び方 */
.cardgame-app-compare
.wp-block-table.cardgame-app-compare-table
th:nth-child(5),
.cardgame-app-compare
.wp-block-table.cardgame-app-compare-table
td:nth-child(5) {
  width: 170px !important;
  min-width: 170px !important;
  max-width: 170px !important;
}

/* 6列目：実物カード */
.cardgame-app-compare
.wp-block-table.cardgame-app-compare-table
th:nth-child(6),
.cardgame-app-compare
.wp-block-table.cardgame-app-compare-table
td:nth-child(6) {
  width: 245px !important;
  min-width: 245px !important;
  max-width: 245px !important;
}

/* 1列目固定 */
.cardgame-app-compare
.wp-block-table.cardgame-app-compare-table
th:first-child,
.cardgame-app-compare
.wp-block-table.cardgame-app-compare-table
td:first-child {
  position: sticky !important;
  left: 0 !important;
  z-index: 3;
  background: #fff;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08);
}

/* 左上セル */
.cardgame-app-compare
.wp-block-table.cardgame-app-compare-table
thead th:first-child {
  z-index: 6;
  background: #f5a623 !important;
  color: #fff !important;
}

/* アプリ名ボタン */
.cardgame-app-compare
button.ag-oripa-modal-trigger {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  text-align: left;
  text-overflow: clip !important;
}

/* CTA */
.cardgame-app-compare
.oripa-compare-cta {
  width: 145px;
  min-width: 145px;
  max-width: 145px;
  box-sizing: border-box;
  white-space: normal;
}

/* スマホ */
@media screen and (max-width: 767px) {

  .cardgame-app-compare
  .wp-block-table.cardgame-app-compare-table
  table {
    width: 925px !important;
    min-width: 925px !important;
  }

  .cardgame-app-compare
  .wp-block-table.cardgame-app-compare-table
  th,
  .cardgame-app-compare
  .wp-block-table.cardgame-app-compare-table
  td {
    padding: 7px 6px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  .cardgame-app-compare
  .wp-block-table.cardgame-app-compare-table
  th:nth-child(1),
  .cardgame-app-compare
  .wp-block-table.cardgame-app-compare-table
  td:nth-child(1) {
    width: 135px !important;
    min-width: 135px !important;
    max-width: 135px !important;
  }

  .cardgame-app-compare
  .wp-block-table.cardgame-app-compare-table
  th:nth-child(2),
  .cardgame-app-compare
  .wp-block-table.cardgame-app-compare-table
  td:nth-child(2) {
    width: 125px !important;
    min-width: 125px !important;
    max-width: 125px !important;
  }

  .cardgame-app-compare
  .wp-block-table.cardgame-app-compare-table
  th:nth-child(3),
  .cardgame-app-compare
  .wp-block-table.cardgame-app-compare-table
  td:nth-child(3) {
    width: 130px !important;
    min-width: 130px !important;
    max-width: 130px !important;
  }

  .cardgame-app-compare
  .wp-block-table.cardgame-app-compare-table
  th:nth-child(4),
  .cardgame-app-compare
  .wp-block-table.cardgame-app-compare-table
  td:nth-child(4) {
    width: 165px !important;
    min-width: 165px !important;
    max-width: 165px !important;
  }

  .cardgame-app-compare
  .wp-block-table.cardgame-app-compare-table
  th:nth-child(5),
  .cardgame-app-compare
  .wp-block-table.cardgame-app-compare-table
  td:nth-child(5) {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
  }

  .cardgame-app-compare
  .wp-block-table.cardgame-app-compare-table
  th:nth-child(6),
  .cardgame-app-compare
  .wp-block-table.cardgame-app-compare-table
  td:nth-child(6) {
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
  }

  .cardgame-app-compare
  .oripa-compare-cta {
    width: 105px;
    min-width: 105px;
    max-width: 105px;
    padding: 8px 6px;
    font-size: 12px;
    line-height: 1.35;
    white-space: normal;
  }

  .cardgame-app-compare
  button.ag-oripa-modal-trigger {
    font-size: 12px;
    line-height: 1.45;
  }
}
/* ==================================================
   カードゲーム比較表：「実物カード」列幅調整
================================================== */

/* PC：表全体を1135px → 1060pxへ */
.cardgame-app-compare
.wp-block-table.cardgame-app-compare-table
table {
  width: 1060px !important;
  min-width: 1060px !important;
}

/* PC：6列目「実物カード」を245px → 170pxへ */
.cardgame-app-compare
.wp-block-table.cardgame-app-compare-table
th:nth-child(6),
.cardgame-app-compare
.wp-block-table.cardgame-app-compare-table
td:nth-child(6) {
  width: 170px !important;
  min-width: 170px !important;
  max-width: 170px !important;
}


/* スマホ */
@media screen and (max-width: 767px) {

  /* 表全体を925px → 855pxへ */
  .cardgame-app-compare
  .wp-block-table.cardgame-app-compare-table
  table {
    width: 855px !important;
    min-width: 855px !important;
  }

  /* 6列目を220px → 150pxへ */
  .cardgame-app-compare
  .wp-block-table.cardgame-app-compare-table
  th:nth-child(6),
  .cardgame-app-compare
  .wp-block-table.cardgame-app-compare-table
  td:nth-child(6) {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
  }
}
/* ==================================================
   カードゲームアプリ記事のみ
   「ランキング」→「編集部イチオシ」
================================================== */

@media screen and (max-width: 767px) {

  /* この記事にだけ存在する #ag-cg-dopa を使って判定 */
  body:has(#ag-cg-dopa)
  #oripa-fixed-anchor-nav
  a:nth-child(2) {
    font-size: 0 !important;
  }

  body:has(#ag-cg-dopa)
  #oripa-fixed-anchor-nav
  a:nth-child(2)::after {
    content: "編集部イチオシ";
    display: inline;
    font-size: 14px !important;
    font-weight: 700;
    line-height: normal;
    color: #555;
  }

}
/* ==================================================
   コレクションアプリ11選：5列比較表
   折り畳み・横スクロール・1列目固定
================================================== */


/* ------------------------------
   横スクロール領域
------------------------------ */

.collection-app-compare
.wp-block-table.collection-app-compare-table {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
}


/* ------------------------------
   テーブル本体
------------------------------ */

.collection-app-compare
.wp-block-table.collection-app-compare-table
table {
  width: 1070px !important;
  min-width: 1070px !important;
  max-width: none !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0;
}


/* ------------------------------
   セル共通
------------------------------ */

.collection-app-compare
.wp-block-table.collection-app-compare-table
th,
.collection-app-compare
.wp-block-table.collection-app-compare-table
td {
  box-sizing: border-box;
  padding: 9px 10px !important;
  font-size: 13px;
  line-height: 1.5;
  vertical-align: middle;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}


/* ------------------------------
   見出し行
------------------------------ */

.collection-app-compare
.wp-block-table.collection-app-compare-table
thead th {
  background: #f5a623 !important;
  color: #fff !important;
  font-weight: 700;
  text-align: center;
}


/* ------------------------------
   1列目：アプリ名
------------------------------ */

.collection-app-compare
.wp-block-table.collection-app-compare-table
th:nth-child(1),
.collection-app-compare
.wp-block-table.collection-app-compare-table
td:nth-child(1) {
  width: 190px !important;
  min-width: 190px !important;
  max-width: 190px !important;
}


/* ------------------------------
   2列目：リンク
------------------------------ */

.collection-app-compare
.wp-block-table.collection-app-compare-table
th:nth-child(2),
.collection-app-compare
.wp-block-table.collection-app-compare-table
td:nth-child(2) {
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
  text-align: center;
}


/* ------------------------------
   3列目：主な用途
------------------------------ */

.collection-app-compare
.wp-block-table.collection-app-compare-table
th:nth-child(3),
.collection-app-compare
.wp-block-table.collection-app-compare-table
td:nth-child(3) {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
}


/* ------------------------------
   4列目：主な特徴
------------------------------ */

.collection-app-compare
.wp-block-table.collection-app-compare-table
th:nth-child(4),
.collection-app-compare
.wp-block-table.collection-app-compare-table
td:nth-child(4) {
  width: 300px !important;
  min-width: 300px !important;
  max-width: 300px !important;
}


/* ------------------------------
   5列目：おすすめな人
------------------------------ */

.collection-app-compare
.wp-block-table.collection-app-compare-table
th:nth-child(5),
.collection-app-compare
.wp-block-table.collection-app-compare-table
td:nth-child(5) {
  width: 250px !important;
  min-width: 250px !important;
  max-width: 250px !important;
}


/* ------------------------------
   1列目固定
------------------------------ */

.collection-app-compare
.wp-block-table.collection-app-compare-table
th:first-child,
.collection-app-compare
.wp-block-table.collection-app-compare-table
td:first-child {
  position: sticky !important;
  left: 0 !important;
  z-index: 3;
  background: #fff;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08);
}


/* 左上セル */

.collection-app-compare
.wp-block-table.collection-app-compare-table
thead th:first-child {
  z-index: 6;
  background: #f5a623 !important;
  color: #fff !important;
}


/* ------------------------------
   アプリ名ボタン
------------------------------ */

.collection-app-compare
button.ag-oripa-modal-trigger {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  color: #0073aa;
  font: inherit;
  font-weight: 700;
  line-height: inherit;
  text-align: left;
  text-decoration: underline;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

.collection-app-compare
button.ag-oripa-modal-trigger:hover {
  color: #0073aa;
  opacity: 0.75;
}


/* ------------------------------
   公式サイト・アプリボタン
------------------------------ */

.collection-app-compare
.oripa-compare-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 155px;
  min-width: 155px;
  max-width: 155px;
  min-height: 42px;
  box-sizing: border-box;
  padding: 8px 10px;
  white-space: normal;
  line-height: 1.35;
}


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

@media screen and (max-width: 767px) {

  .collection-app-compare
  .wp-block-table.collection-app-compare-table
  table {
    width: 810px !important;
    min-width: 810px !important;
  }


  .collection-app-compare
  .wp-block-table.collection-app-compare-table
  th,
  .collection-app-compare
  .wp-block-table.collection-app-compare-table
  td {
    padding: 7px 6px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }


  /* 1列目：アプリ名 */

  .collection-app-compare
  .wp-block-table.collection-app-compare-table
  th:nth-child(1),
  .collection-app-compare
  .wp-block-table.collection-app-compare-table
  td:nth-child(1) {
    width: 135px !important;
    min-width: 135px !important;
    max-width: 135px !important;
  }


  /* 2列目：リンク */

  .collection-app-compare
  .wp-block-table.collection-app-compare-table
  th:nth-child(2),
  .collection-app-compare
  .wp-block-table.collection-app-compare-table
  td:nth-child(2) {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
  }


  /* 3列目：主な用途 */

  .collection-app-compare
  .wp-block-table.collection-app-compare-table
  th:nth-child(3),
  .collection-app-compare
  .wp-block-table.collection-app-compare-table
  td:nth-child(3) {
    width: 115px !important;
    min-width: 115px !important;
    max-width: 115px !important;
  }


  /* 4列目：主な特徴 */

  .collection-app-compare
  .wp-block-table.collection-app-compare-table
  th:nth-child(4),
  .collection-app-compare
  .wp-block-table.collection-app-compare-table
  td:nth-child(4) {
    width: 230px !important;
    min-width: 230px !important;
    max-width: 230px !important;
  }


  /* 5列目：おすすめな人 */

  .collection-app-compare
  .wp-block-table.collection-app-compare-table
  th:nth-child(5),
  .collection-app-compare
  .wp-block-table.collection-app-compare-table
  td:nth-child(5) {
    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;
  }


  .collection-app-compare
  .oripa-compare-cta {
    width: 105px;
    min-width: 105px;
    max-width: 105px;
    min-height: 42px;
    padding: 7px 5px;
    font-size: 12px;
    line-height: 1.35;
  }


  .collection-app-compare
  button.ag-oripa-modal-trigger {
    font-size: 12px;
    line-height: 1.45;
  }
}
/* コレクションアプリ比較表：非アフィリエイトの公式アプリボタンをグレーにする */
.collection-app-compare .oripa-compare-cta.is-gray {
  background: #777 !important;
  border-color: #777 !important;
  color: #fff !important;
}

/* ホバー時 */
.collection-app-compare .oripa-compare-cta.is-gray:hover {
  background: #666 !important;
  border-color: #666 !important;
  color: #fff !important;
}
/* ==================================================
   コレクションアプリ記事のみ
   「ランキング」→「編集部イチオシ」
================================================== */

@media screen and (max-width: 767px) {

  /* コレクションアプリ記事だけを判定 */
  body:has(#ag-collection-src-dmm)
  #oripa-fixed-anchor-nav
  a:nth-child(2) {
    font-size: 0 !important;
  }

  body:has(#ag-collection-src-dmm)
  #oripa-fixed-anchor-nav
  a:nth-child(2)::after {
    content: "編集部イチオシ";
    display: inline;
    font-size: 14px !important;
    font-weight: 700;
    line-height: normal;
    color: #555;
  }

}
/* ==================================================
   コレクションアプリ記事：疑似見出し
================================================== */

.collection-oripa-subtitle {
  margin: 28px 0 18px !important;
  padding: 12px 16px !important;
  border-left: 5px solid #f5a623;
  background: #fff8e8;
  color: #333;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .collection-oripa-subtitle {
    margin: 24px 0 16px !important;
    padding: 11px 13px !important;
    font-size: 17px;
    line-height: 1.55;
  }
}
/* ==================================================
   コレクションアプリ記事
   おすすめオリパアプリ3カード比較

   ・既存 .oripa-app-mini-compare と完全分離
   ・SWELLの本文CSSとの競合を防止
   ・PC：3列
   ・スマホ：横スクロール
================================================== */


/* ==================================================
   01. 全体
================================================== */

.oripa-feature-compare {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 28px 0 36px;
  box-sizing: border-box;
}

.oripa-feature-compare *,
.oripa-feature-compare *::before,
.oripa-feature-compare *::after {
  box-sizing: border-box;
}


/* ==================================================
   02. タイトル
================================================== */

.single .post_content .oripa-feature-compare__title,
.oripa-feature-compare__title {
  display: block;
  width: 100%;
  margin: 0 0 18px !important;
  padding: 11px 14px;

  border-top: 3px solid #c93232;
  border-bottom: 1px solid #ddd;

  background: #fff;

  color: #222;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}


/* ==================================================
   03. スクロール領域
================================================== */

.oripa-feature-compare__scroll {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow: visible;
}


/* ==================================================
   04. PC：3カード
================================================== */

.oripa-feature-compare__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;

  width: 100%;
  max-width: 100%;

  gap: 16px;
  margin: 0;
  padding: 0;
}


/* ==================================================
   05. カード本体
================================================== */

.oripa-feature-compare .oripa-feature-card {
  position: relative;

  display: flex;
  flex-direction: column;

  min-width: 0;
  height: 100%;

  margin: 0;
  padding: 16px;

  border: 1px solid #ddd;
  border-radius: 0;

  background: #fff;

  box-shadow:
    0 2px 5px rgba(0, 0, 0, 0.08),
    0 6px 16px rgba(0, 0, 0, 0.05);

  overflow: hidden;
}


/* ==================================================
   06. ヘッダー
================================================== */

.oripa-feature-card__header {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  min-height: 90px;
  margin: 0 0 8px;
}


/* ==================================================
   07. 順位メダル
================================================== */

.oripa-feature-card__rank {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 44px;
  height: 44px;

  margin: 0;
  padding: 0;

  border: 2px solid #d2aa24;
  border-radius: 50%;

  background: linear-gradient(
    145deg,
    #fff2a0 0%,
    #ffd84d 48%,
    #e6b51f 100%
  );

  color: #8d6400;

  box-shadow:
    inset 0 1px 2px rgba(255, 255, 255, 0.9),
    0 1px 4px rgba(0, 0, 0, 0.15);

  text-align: center;
}

.oripa-feature-card__rank-number {
  display: block;

  margin: 0;
  padding: 0;

  font-size: 24px;
  font-weight: 800;
  line-height: 1;
}


/* 2位 */
.oripa-feature-card--rank2 .oripa-feature-card__rank {
  border-color: #aaa;

  background: linear-gradient(
    145deg,
    #f8f8f8 0%,
    #d7d7d7 50%,
    #aaa 100%
  );

  color: #666;
}


/* 3位 */
.oripa-feature-card--rank3 .oripa-feature-card__rank {
  border-color: #b87038;

  background: linear-gradient(
    145deg,
    #f5c28d 0%,
    #d78b4d 50%,
    #b46631 100%
  );

  color: #fff;
}


/* ==================================================
   08. ロゴ
================================================== */

.oripa-feature-card__logo {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  height: 84px;

  margin: 0;
  padding: 4px 8px 4px 48px;
}

.oripa-feature-card__logo img {
  display: block !important;

  width: 100% !important;
  max-width: 250px !important;
  height: 76px !important;
  max-height: 76px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  object-fit: contain;

  border: 0 !important;
  box-shadow: none !important;
}


/* ==================================================
   09. メリット
================================================== */

.single .post_content .oripa-feature-card__points,
.oripa-feature-card__points {
  display: block;

  margin: 8px 0 14px !important;
  padding: 0 !important;

  list-style: none !important;
}

.single .post_content .oripa-feature-card__points li,
.oripa-feature-card__points li {
  position: relative;

  display: block;

  margin: 0 0 9px !important;
  padding: 0 0 0 27px !important;

  color: #222;

  font-size: 14px;
  font-weight: 600;
  line-height: 1.55 !important;

  list-style: none !important;
}

.single .post_content .oripa-feature-card__points li:last-child,
.oripa-feature-card__points li:last-child {
  margin-bottom: 0 !important;
}

.oripa-feature-card__points li::before {
  content: "✓";

  position: absolute;
  top: 0;
  left: 2px;

  display: block;

  color: #57ba61;

  font-size: 20px;
  font-weight: 900;
  line-height: 1.2;
}

.oripa-feature-card__points strong {
  color: #d44339;
  font-weight: 700;
}


/* ==================================================
   10. メイン画像
================================================== */

.oripa-feature-card__image {
  display: block;

  width: 100%;

  margin: 4px 0 14px;
  padding: 0;

  background: #f7f7f7;

  overflow: hidden;
}

.oripa-feature-card__image img {
  display: block !important;

  width: 100% !important;
  max-width: none !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  box-shadow: none !important;
}


/* ==================================================
   11. スペック表
================================================== */

.oripa-feature-card__spec {
  display: block;

  width: 100%;

  margin: 0 0 15px;
  padding: 0;

  border-top: 1px solid #bbb;
  border-left: 1px solid #bbb;

  background: #fff;
}

.oripa-feature-card__spec-row {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);

  width: 100%;
  margin: 0;
  padding: 0;
}

.oripa-feature-card__spec-label,
.oripa-feature-card__spec-value {
  display: flex;
  align-items: center;

  min-width: 0;

  margin: 0;
  padding: 9px 8px;

  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;

  color: #222;

  font-size: 13px;
  line-height: 1.45;

  overflow-wrap: anywhere;
}

.oripa-feature-card__spec-label {
  justify-content: flex-start;

  background: #fafafa;

  font-weight: 700;
}

.oripa-feature-card__spec-value {
  background: #fff;
  font-weight: 400;
}


/* ==================================================
   12. CTA上の訴求
================================================== */

.single .post_content .oripa-feature-card__appeal,
.oripa-feature-card__appeal {
  display: block;

  width: 100%;

  margin: auto 0 9px !important;
  padding: 0 !important;

  color: #df5633;

  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;

  text-align: center;
}


/* ==================================================
   13. CTAボタン
================================================== */

.oripa-feature-compare .oripa-feature-card__button {
  display: flex !important;
  align-items: center;
  justify-content: center;

  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 54px;

  margin: 0 !important;
  padding: 11px 8px !important;

  border: 2px solid #111 !important;
  border-radius: 11px !important;

  background: #10cc83 !important;

  box-shadow: 0 5px 0 #111 !important;

  color: #fff !important;

  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;

  text-align: center !important;
  text-decoration: none !important;

  white-space: normal !important;

  transition:
    transform 0.15s ease,
    box-shadow 0.15s ease,
    opacity 0.15s ease;
}

@media (hover: hover) {

  .oripa-feature-compare
  .oripa-feature-card__button:hover {
    color: #fff !important;

    opacity: 0.88;

    transform: translateY(2px);

    box-shadow: 0 3px 0 #111 !important;

    text-decoration: none !important;
  }

}


/* ==================================================
   14. タブレット
================================================== */

@media screen and (min-width: 768px) and (max-width: 1100px) {

  .oripa-feature-compare__cards {
    gap: 10px;
  }

  .oripa-feature-compare .oripa-feature-card {
    padding: 12px;
  }

  .oripa-feature-card__header {
    min-height: 78px;
  }

  .oripa-feature-card__logo {
    height: 72px;
    padding-left: 42px;
  }

  .oripa-feature-card__logo img {
    max-width: 210px !important;
    height: 64px !important;
    max-height: 64px !important;
  }

  .oripa-feature-card__rank {
    width: 38px;
    height: 38px;
  }

  .oripa-feature-card__rank-number {
    font-size: 21px;
  }

  .single .post_content .oripa-feature-card__points li,
  .oripa-feature-card__points li {
    padding-left: 23px !important;

    font-size: 12.5px;
    line-height: 1.5 !important;
  }

  .oripa-feature-card__points li::before {
    font-size: 17px;
  }

  .oripa-feature-card__spec-row {
    grid-template-columns: 64px minmax(0, 1fr);
  }

  .oripa-feature-card__spec-label,
  .oripa-feature-card__spec-value {
    padding: 7px 6px;
    font-size: 11.5px;
  }

  .single .post_content .oripa-feature-card__appeal,
  .oripa-feature-card__appeal {
    font-size: 12px;
  }

  .oripa-feature-compare
  .oripa-feature-card__button {
    min-height: 50px;

    padding: 9px 6px !important;

    font-size: 14px !important;
  }

}


/* ==================================================
   15. スマホ
================================================== */

@media screen and (max-width: 767px) {

  /*
   * 既存CSSの
   * .single-post .post_content > * {
   *   max-width: 100% !important;
   * }
   * と競合させないため、
   * 横幅を100%より大きくしない。
   */
  .oripa-feature-compare {
    width: 100%;
    max-width: 100%;

    margin: 24px 0 32px;
  }


  /* タイトル */
  .single .post_content .oripa-feature-compare__title,
  .oripa-feature-compare__title {
    margin: 0 0 12px !important;
    padding: 9px 7px;

    font-size: 16px;
    line-height: 1.45;
  }


  /* 横スクロール担当 */
  .oripa-feature-compare__scroll {
    position: relative;

    width: 100%;
    max-width: 100%;

    margin: 0;
    padding: 0;

    overflow-x: auto;
    overflow-y: hidden;

    -webkit-overflow-scrolling: touch;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
  }


  /* カードを横並び */
  .oripa-feature-compare__cards {
    display: flex;
    align-items: stretch;

    width: max-content;
    max-width: none;

    gap: 12px;

    margin: 0;
    padding: 2px 14% 14px 0;
  }


  /*
   * 1枚目を大きく表示しつつ、
   * 右端に2枚目を少し見せて
   * 横スクロールできることを伝える。
   */
  .oripa-feature-compare .oripa-feature-card {
    flex: 0 0 84vw;

    width: 84vw;
    max-width: 340px;
    min-width: 285px;

    padding: 14px;

    scroll-snap-align: start;
  }


  /* ヘッダー */
  .oripa-feature-card__header {
    min-height: 82px;

    margin-bottom: 6px;
  }


  /* ランキング */
  .oripa-feature-card__rank {
    width: 40px;
    height: 40px;
  }

  .oripa-feature-card__rank-number {
    font-size: 22px;
  }


  /* ロゴ */
  .oripa-feature-card__logo {
    height: 76px;

    padding: 3px 5px 3px 43px;
  }

  .oripa-feature-card__logo img {
    width: 100% !important;
    max-width: 235px !important;

    height: 67px !important;
    max-height: 67px !important;
  }


  /* メリット */
  .single .post_content .oripa-feature-card__points,
  .oripa-feature-card__points {
    margin: 8px 0 13px !important;
  }

  .single .post_content .oripa-feature-card__points li,
  .oripa-feature-card__points li {
    margin-bottom: 8px !important;
    padding-left: 26px !important;

    font-size: 14px !important;
    line-height: 1.5 !important;
  }


  /* メイン画像 */
  .oripa-feature-card__image {
    margin-bottom: 13px;
  }

  .oripa-feature-card__image img {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
  }


  /* スペック */
  .oripa-feature-card__spec-row {
    grid-template-columns: 78px minmax(0, 1fr);
  }

  .oripa-feature-card__spec-label,
  .oripa-feature-card__spec-value {
    padding: 8px 7px;

    font-size: 13px;
    line-height: 1.45;
  }


  /* CTA上 */
  .single .post_content .oripa-feature-card__appeal,
  .oripa-feature-card__appeal {
    margin-bottom: 8px !important;

    font-size: 13px;
  }


  /* CTA */
  .oripa-feature-compare
  .oripa-feature-card__button {
    min-height: 54px;

    padding: 11px 8px !important;

    font-size: 16px !important;
  }

}


/* ==================================================
   16. かなり小さいスマホ
================================================== */

@media screen and (max-width: 360px) {

  .oripa-feature-compare .oripa-feature-card {
    flex-basis: 86vw;

    width: 86vw;
    min-width: 270px;

    padding: 12px;
  }

  .single .post_content .oripa-feature-card__points li,
  .oripa-feature-card__points li {
    font-size: 13px !important;
  }

  .oripa-feature-card__spec-label,
  .oripa-feature-card__spec-value {
    font-size: 12px;
  }

}
/* ==================================================
   オリパ3カード比較
   PC・タブレットの横幅改善
   既存CSSの一番下に追加
================================================== */


/* ------------------------------------------
   PC・タブレット共通
   カードが狭くなりすぎるのを防止
------------------------------------------ */

@media screen and (min-width: 768px) {

  /* 横幅が足りない場合は、ここで横スクロール */
  .oripa-feature-compare__scroll {
    display: block;

    width: 100%;
    max-width: 100%;

    overflow-x: auto !important;
    overflow-y: hidden;

    padding-bottom: 10px;

    -webkit-overflow-scrolling: touch;
    overscroll-behavior-inline: contain;
  }


  /*
   * 1カード最低310pxを確保
   *
   * 310px × 3枚
   * ＋ gap 14px × 2
   * ＝ 約958px
   */
  .oripa-feature-compare__cards {
    display: grid;

    grid-template-columns:
      repeat(3, minmax(310px, 1fr)) !important;

    gap: 14px !important;

    width: 100%;
    min-width: 958px;
    max-width: none;

    margin: 0;
    padding: 0;
  }


  /* カード自体も最低幅を確保 */
  .oripa-feature-compare .oripa-feature-card {
    min-width: 310px;
  }

}


/* ==================================================
   768～1100px
   既存の「小さくしすぎる設定」を上書き
================================================== */

@media screen and (min-width: 768px) and (max-width: 1100px) {

  .oripa-feature-compare__cards {
    gap: 14px !important;
  }


  /* カード余白 */
  .oripa-feature-compare .oripa-feature-card {
    min-width: 310px;

    padding: 14px !important;
  }


  /* ヘッダー */
  .oripa-feature-card__header {
    min-height: 86px;
  }


  /* ランキング */
  .oripa-feature-card__rank {
    width: 42px;
    height: 42px;
  }

  .oripa-feature-card__rank-number {
    font-size: 23px;
  }


  /* ロゴ */
  .oripa-feature-card__logo {
    height: 80px;

    padding-left: 46px;
  }

  .oripa-feature-card__logo img {
    width: 100% !important;

    max-width: 240px !important;

    height: 72px !important;
    max-height: 72px !important;
  }


  /* メリット */
  .single .post_content .oripa-feature-card__points li,
  .oripa-feature-card__points li {
    padding-left: 26px !important;

    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  .oripa-feature-card__points li::before {
    font-size: 20px;
  }


  /* スペック表 */
  .oripa-feature-card__spec-row {
    grid-template-columns: 78px minmax(0, 1fr);
  }

  .oripa-feature-card__spec-label,
  .oripa-feature-card__spec-value {
    padding: 9px 8px;

    font-size: 13px !important;
    line-height: 1.45;
  }


  /* CTA上 */
  .single .post_content .oripa-feature-card__appeal,
  .oripa-feature-card__appeal {
    font-size: 13px !important;
  }


  /* CTA */
  .oripa-feature-compare
  .oripa-feature-card__button {
    min-height: 54px;

    padding: 11px 8px !important;

    font-size: 16px !important;
  }

}
/* ==================================================
   オリパ3カード比較
   画像比率・カード高さ 微調整版

   ・画像は16:9で統一
   ・トリミングは最小限
   ・スマホも3カードの高さを自動統一
================================================== */


/* ==================================================
   1. メイン画像
   固定pxではなく16:9で統一
================================================== */

.oripa-feature-card__image {
  position: relative;

  display: block;

  width: 100%;
  height: auto !important;
  aspect-ratio: 16 / 9;

  margin: 4px 0 14px;
  padding: 0;

  background: #f7f7f7;

  overflow: hidden;
}


/*
 * 元画像の縦横比が多少違っていても、
 * 16:9の枠いっぱいに表示。
 *
 * coverなので多少トリミングされるが、
 * 16:9に近い比率なので切れる範囲を抑えられる。
 */
.oripa-feature-card__image img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  max-width: none !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: cover !important;
  object-position: center center;

  border: 0 !important;
  box-shadow: none !important;
}


/* ==================================================
   2. ビクトレ画像
   横長画像なので中央基準で最小限トリミング
================================================== */

.oripa-feature-card--rank3
.oripa-feature-card__image img {
  object-position: center center;
}


/* ==================================================
   3. PC
   3カードの高さを統一
================================================== */

@media screen and (min-width: 768px) {

  .oripa-feature-compare__cards {
    align-items: stretch !important;
  }

  .oripa-feature-compare
  .oripa-feature-card {
    align-self: stretch;

    height: auto !important;
  }

}


/* ==================================================
   4. スマホ
   3カードを最も高いカードに合わせる
================================================== */

@media screen and (max-width: 767px) {

  /*
   * flexのcross axis方向にstretchさせることで
   * 3カードの高さを自動的に統一
   */
  .oripa-feature-compare__cards {
    align-items: stretch !important;
  }


  /*
   * 以前の min-height:100% を解除。
   * これがカード高さの統一を阻害する場合がある。
   */
  .oripa-feature-compare
  .oripa-feature-card {
    align-self: stretch !important;

    height: auto !important;
    min-height: 0 !important;
  }


  /* スマホでも画像は16:9を維持 */
  .oripa-feature-card__image {
    width: 100%;
    height: auto !important;
    aspect-ratio: 16 / 9;

    margin-bottom: 13px;
  }

  .oripa-feature-card__image img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
  }

}
/* ==================================================
   オリくじ画像だけ見切れを防止
   16:9の画像枠は維持
================================================== */

.oripa-feature-card--rank2
.oripa-feature-card__image {
  background: #fff;
}

.oripa-feature-card--rank2
.oripa-feature-card__image img {
  width: 100% !important;
  height: 100% !important;

  object-fit: contain !important;
  object-position: center center !important;

  transform: none !important;
}
/* ==================================================
   DOPA画像も見切れを防止
   16:9の画像枠は維持
================================================== */

.oripa-feature-card--rank1
.oripa-feature-card__image {
  background: #fff;
}

.oripa-feature-card--rank1
.oripa-feature-card__image img {
  width: 100% !important;
  height: 100% !important;

  object-fit: contain !important;
  object-position: center center !important;

  transform: none !important;
}
/* ==================================================
   DOPA・オリくじ
   縦幅を維持したまま表と横幅をそろえる
================================================== */

/* 画像枠は現在の16:9をそのまま維持 */
.oripa-feature-card--rank1 .oripa-feature-card__image,
.oripa-feature-card--rank2 .oripa-feature-card__image {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;

  margin: 4px 0 14px !important;
  padding: 0 !important;

  background: #fff;
  overflow: hidden;
}


/* DOPA・オリくじ画像を枠いっぱいに表示 */
.oripa-feature-card--rank1 .oripa-feature-card__image img,
.oripa-feature-card--rank2 .oripa-feature-card__image img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  max-width: none !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: fill !important;
  object-position: center center !important;

  transform: none !important;

  border: 0 !important;
  box-shadow: none !important;
}
/* ==================================================
   オリパ3カード比較タイトル
   appget.com/oripa/collection-app/ 風の装飾に変更
================================================== */

.single .post_content .oripa-feature-compare__title,
.oripa-feature-compare__title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.15em;

  width: 100%;
  margin: 0 0 12px !important;
  padding: 0 10px !important;

  border: 0 !important;
  background: transparent !important;

  color: #3275d6;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
}

/* 左右の装飾 */
.single .post_content .oripa-feature-compare__title::before,
.oripa-feature-compare__title::before {
  content: "＼";
  display: inline-block;
  font-weight: 700;
}

.single .post_content .oripa-feature-compare__title::after,
.oripa-feature-compare__title::after {
  content: "／";
  display: inline-block;
  font-weight: 700;
}

/* スマホ */
@media screen and (max-width: 767px) {
  .single .post_content .oripa-feature-compare__title,
  .oripa-feature-compare__title {
    gap: 0.05em;
    margin-bottom: 9px !important;
    padding: 0 4px !important;
    font-size: 17px;
    line-height: 1.4;
  }
}
/* ==================================================
   オリパ3カード比較タイトル
   スマホで1行表示
================================================== */

@media screen and (max-width: 767px) {

  .single .post_content .oripa-feature-compare__title,
  .oripa-feature-compare__title {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 100%;

    gap: 0.05em !important;

    margin: 0 0 9px !important;
    padding: 0 !important;

    /*
     * 画面幅に合わせて自動縮小
     * 12px未満・14px超にはならない
     */
    font-size: clamp(12px, 3.7vw, 14px) !important;

    line-height: 1.4 !important;
    letter-spacing: 0 !important;

    white-space: nowrap !important;
    flex-wrap: nowrap !important;
  }


  /* 左右の斜線も縮まないようにする */
  .single .post_content .oripa-feature-compare__title::before,
  .single .post_content .oripa-feature-compare__title::after,
  .oripa-feature-compare__title::before,
  .oripa-feature-compare__title::after {
    flex: 0 0 auto;

    font-size: 1em;
    line-height: 1;
  }

}
/* ==================================================
   世界最強の戦士 OP-17 当たりカードランキング表
   横スクロール・1列目固定
================================================== */

figure.wp-block-table.op17-ranking-table {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

figure.wp-block-table.op17-ranking-table table.has-fixed-layout {
  width: 650px !important;
  min-width: 650px !important;
  max-width: none !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0;
}

/* 列幅 */
figure.wp-block-table.op17-ranking-table td:nth-child(1) {
  width: 70px !important;
  min-width: 70px !important;
  max-width: 70px !important;
  text-align: center;
}

figure.wp-block-table.op17-ranking-table td:nth-child(2) {
  width: 180px !important;
}

figure.wp-block-table.op17-ranking-table td:nth-child(3) {
  width: 250px !important;
}

figure.wp-block-table.op17-ranking-table td:nth-child(4) {
  width: 150px !important;
  text-align: center;
}

/* 1列目固定 */
figure.wp-block-table.op17-ranking-table td:first-child {
  position: sticky !important;
  left: 0 !important;
  z-index: 3;
  background: #fff;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08);
}

/* 左上セル */
figure.wp-block-table.op17-ranking-table tr:first-child td:first-child {
  z-index: 5;
}
/* ==================================================
   世界最強の戦士 OP-17 注目カード表
   1列目固定＋横スクロール
================================================== */

figure.wp-block-table.op17-theme-table {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

figure.wp-block-table.op17-theme-table table.has-fixed-layout {
  width: 760px !important;
  min-width: 760px !important;
  max-width: none !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0;
}

/* セル共通 */
figure.wp-block-table.op17-theme-table td {
  box-sizing: border-box;
  vertical-align: middle;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* 列幅 */
figure.wp-block-table.op17-theme-table td:nth-child(1) {
  width: 190px !important;
  min-width: 190px !important;
  max-width: 190px !important;
}

figure.wp-block-table.op17-theme-table td:nth-child(2) {
  width: 240px !important;
  min-width: 240px !important;
  max-width: 240px !important;
}

figure.wp-block-table.op17-theme-table td:nth-child(3) {
  width: 330px !important;
  min-width: 330px !important;
  max-width: 330px !important;
}

/* 1列目固定 */
figure.wp-block-table.op17-theme-table td:first-child {
  position: sticky !important;
  left: 0 !important;
  z-index: 3;
  background: #fff;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08);
}

/* 左上セルを最前面に */
figure.wp-block-table.op17-theme-table tr:first-child td:first-child {
  z-index: 5;
}
/* ==================================================
   OP-17ランキング表：ヘッダー装飾
================================================== */

/* ヘッダー行 */
figure.wp-block-table.op17-ranking-table tr:first-child td {
  background: #f8ad28 !important;
  color: #fff !important;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
}

/* strongにも白文字を明示 */
figure.wp-block-table.op17-ranking-table tr:first-child td strong {
  color: #fff !important;
}

/* 固定される左上セルもヘッダー色を維持 */
figure.wp-block-table.op17-ranking-table tr:first-child td:first-child {
  position: sticky !important;
  left: 0 !important;
  z-index: 5;
  background: #f8ad28 !important;
  color: #fff !important;
}
/* ==================================================
   OP-17注目カード表：ヘッダー装飾
================================================== */

/* ヘッダー行 */
figure.wp-block-table.op17-theme-table tr:first-child td {
  background: #f8ad28 !important;
  color: #fff !important;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
}

/* strongにも白文字を明示 */
figure.wp-block-table.op17-theme-table tr:first-child td strong {
  color: #fff !important;
}

/* 固定される左上セルもヘッダー色を維持 */
figure.wp-block-table.op17-theme-table tr:first-child td:first-child {
  position: sticky !important;
  left: 0 !important;
  z-index: 5;
  background: #f8ad28 !important;
  color: #fff !important;
}
/* ==================================================
   OP-17 購入方法比較表
   1列目固定＋横スクロール＋ヘッダー装飾
================================================== */

/* 横スクロール */
figure.wp-block-table.op17-buy-table {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

/* テーブル本体 */
figure.wp-block-table.op17-buy-table table.has-fixed-layout {
  width: 760px !important;
  min-width: 760px !important;
  max-width: none !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0;
}

/* セル共通 */
figure.wp-block-table.op17-buy-table td {
  box-sizing: border-box;
  vertical-align: middle;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* 1列目：購入方法 */
figure.wp-block-table.op17-buy-table td:nth-child(1) {
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
  text-align: center;
}

/* 2列目：向いている人 */
figure.wp-block-table.op17-buy-table td:nth-child(2) {
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
}

/* 3列目：メリット */
figure.wp-block-table.op17-buy-table td:nth-child(3) {
  width: 190px !important;
  min-width: 190px !important;
  max-width: 190px !important;
}

/* 4列目：注意点 */
figure.wp-block-table.op17-buy-table td:nth-child(4) {
  width: 230px !important;
  min-width: 230px !important;
  max-width: 230px !important;
}

/* 1列目固定 */
figure.wp-block-table.op17-buy-table td:first-child {
  position: sticky !important;
  left: 0 !important;
  z-index: 3;
  background: #fff;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08);
}

/* ヘッダー行 */
figure.wp-block-table.op17-buy-table tr:first-child td {
  background: #f8ad28 !important;
  color: #fff !important;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
}

/* ヘッダー内のstrongも白文字にする */
figure.wp-block-table.op17-buy-table tr:first-child td strong {
  color: #fff !important;
}

/* 固定される左上セル */
figure.wp-block-table.op17-buy-table tr:first-child td:first-child {
  position: sticky !important;
  left: 0 !important;
  z-index: 5;
  background: #f8ad28 !important;
  color: #fff !important;
}
/* ==================================================
   OP-17 注目カード表
   スマホ：3列目を少し見せて横スクロールを促す
================================================== */

@media screen and (max-width: 767px) {

  /* 横スクロール */
  figure.wp-block-table.op17-theme-table {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  /* テーブル全体 */
  figure.wp-block-table.op17-theme-table table.has-fixed-layout {
    width: 500px !important;
    min-width: 500px !important;
    max-width: none !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0;
  }

  /* セル共通 */
  figure.wp-block-table.op17-theme-table td {
    box-sizing: border-box;
    padding: 7px 6px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    vertical-align: middle !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }

  /* 1列目：カード */
  figure.wp-block-table.op17-theme-table td:nth-child(1) {
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
  }

  /* 2列目：採用を検討しやすいテーマ */
  figure.wp-block-table.op17-theme-table td:nth-child(2) {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
  }

  /* 3列目：注目ポイント */
  figure.wp-block-table.op17-theme-table td:nth-child(3) {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
  }

  /* 1列目固定 */
  figure.wp-block-table.op17-theme-table td:first-child {
    position: sticky !important;
    left: 0 !important;
    z-index: 3;
    background: #fff;
    box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08);
  }

  /* ヘッダー */
  figure.wp-block-table.op17-theme-table tr:first-child td {
    padding: 8px 5px !important;
    background: #f8ad28 !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700;
    line-height: 1.35 !important;
    text-align: center;
  }

  figure.wp-block-table.op17-theme-table tr:first-child td strong {
    color: #fff !important;
  }

  /* 固定される左上セル */
  figure.wp-block-table.op17-theme-table tr:first-child td:first-child {
    z-index: 5;
    background: #f8ad28 !important;
    color: #fff !important;
  }
}
/* ==================================================
   初回特典3カード比較
   日本トレカセンター / Clove / DOPA 専用補正

   既存の .oripa-feature-compare は変更せず、
   この比較表に追加した専用クラス内だけに適用
================================================== */

.oripa-feature-compare--jtc-clove-dopa
.oripa-feature-card__image {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;

  margin: 4px 0 14px !important;
  padding: 0 !important;

  background: #fff !important;
  overflow: hidden;
}

.oripa-feature-compare--jtc-clove-dopa
.oripa-feature-card__image img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  max-width: none !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: contain !important;
  object-position: center center !important;

  transform: none !important;

  border: 0 !important;
  box-shadow: none !important;
}
/* ==================================================
   初回特典3カード比較
   PC：スペック表・CTAの高さを統一
================================================== */

@media screen and (min-width: 768px) {

  /* ------------------------------------------
     スペック表の各行を統一
  ------------------------------------------ */

  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card__spec-row:nth-child(1) {
    height: 46px;
  }

  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card__spec-row:nth-child(2) {
    height: 64px;
  }

  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card__spec-row:nth-child(3) {
    height: 64px;
  }

  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card__spec-label,
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card__spec-value {
    height: 100%;
    box-sizing: border-box;
  }


  /* ------------------------------------------
     CTA上のテキスト位置を統一
  ------------------------------------------ */

  .single .post_content
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card__appeal,
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card__appeal {
    min-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }


  /* ------------------------------------------
     CTAボタンの高さを統一
  ------------------------------------------ */

  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card__button {
    height: 62px !important;
    min-height: 62px !important;
    box-sizing: border-box;

    padding: 7px 8px !important;

    display: flex !important;
    align-items: center;
    justify-content: center;

    line-height: 1.3 !important;
  }

}
/* ==================================================
   日本トレカセンターCTA
   PCで1文字だけ改行されるのを防止
================================================== */

@media screen and (min-width: 768px) {

  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank1
  .oripa-feature-card__button {
    font-size: 15px !important;
    white-space: nowrap !important;
    letter-spacing: -0.02em;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

}
/* ==================================================
   日本トレカセンター
   「特徴」の1文字改行を防止
================================================== */

@media screen and (min-width: 768px) {

  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank1
  .oripa-feature-card__spec-row:nth-child(2)
  .oripa-feature-card__spec-value {
    font-size: 12.5px !important;
    white-space: nowrap !important;
    letter-spacing: -0.02em;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
  }

}
/* ==================================================
   OP-17 販売・買取価格ランキング表 v3
   SWELLのwp-block-tableから独立して管理
================================================== */

.op17-price-ranking-v3 {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 表だけを横スクロールさせる */
.op17-price-ranking-v3__scroll {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto !important;
  overflow-y: hidden;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}

/* テーブル本体 */
.op17-price-ranking-v3__scroll table {
  width: 900px !important;
  min-width: 900px !important;
  max-width: 900px !important;
  margin: 0 !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0;
}

/* セル共通 */
.op17-price-ranking-v3 th,
.op17-price-ranking-v3 td {
  box-sizing: border-box;
  padding: 8px 7px;
  border: 1px solid #ddd;
  font-size: 13px;
  line-height: 1.5;
  vertical-align: middle;
  white-space: normal;
  overflow-wrap: anywhere;
}

/* ヘッダー */
.op17-price-ranking-v3 thead th {
  background: #f8ad28 !important;
  color: #fff !important;
  font-weight: 700;
  text-align: center;
}

/* 1列目：順位 */
.op17-price-ranking-v3 th:nth-child(1),
.op17-price-ranking-v3 td:nth-child(1) {
  width: 70px !important;
  text-align: center;
}

/* 2列目：カード */
.op17-price-ranking-v3 th:nth-child(2),
.op17-price-ranking-v3 td:nth-child(2) {
  width: 190px !important;
}

/* 3列目：仕様 */
.op17-price-ranking-v3 th:nth-child(3),
.op17-price-ranking-v3 td:nth-child(3) {
  width: 210px !important;
}

/* 4列目：品番 */
.op17-price-ranking-v3 th:nth-child(4),
.op17-price-ranking-v3 td:nth-child(4) {
  width: 120px !important;
  text-align: center;
}

/* 5列目：販売価格 */
.op17-price-ranking-v3 th:nth-child(5),
.op17-price-ranking-v3 td:nth-child(5) {
  width: 155px !important;
  text-align: center;
  white-space: nowrap;
}

/* 6列目：買取価格 */
.op17-price-ranking-v3 th:nth-child(6),
.op17-price-ranking-v3 td:nth-child(6) {
  width: 155px !important;
  text-align: center;
  white-space: nowrap;
}

/* 1列目固定 */
.op17-price-ranking-v3 th:first-child,
.op17-price-ranking-v3 td:first-child {
  position: sticky !important;
  left: 0 !important;
  z-index: 2;
  background: #fff;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08);
}

/* 左上のヘッダーセル */
.op17-price-ranking-v3 thead th:first-child {
  z-index: 3;
  background: #f8ad28 !important;
  color: #fff !important;
}

/* キャプション */
.op17-price-ranking-v3__caption {
  display: block;
  width: 100%;
  margin: 8px 0 0 !important;
  color: #666;
  font-size: 12px;
  line-height: 1.6;
  text-align: left;
}

/* スマホ */
@media screen and (max-width: 767px) {

  .op17-price-ranking-v3__scroll table {
    width: 820px !important;
    min-width: 820px !important;
    max-width: 820px !important;
  }

  .op17-price-ranking-v3 th,
  .op17-price-ranking-v3 td {
    padding: 7px 6px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  .op17-price-ranking-v3 th:nth-child(1),
  .op17-price-ranking-v3 td:nth-child(1) {
    width: 55px !important;
  }

  .op17-price-ranking-v3 th:nth-child(2),
  .op17-price-ranking-v3 td:nth-child(2) {
    width: 170px !important;
  }

  .op17-price-ranking-v3 th:nth-child(3),
  .op17-price-ranking-v3 td:nth-child(3) {
    width: 190px !important;
  }

  .op17-price-ranking-v3 th:nth-child(4),
  .op17-price-ranking-v3 td:nth-child(4) {
    width: 105px !important;
  }

  .op17-price-ranking-v3 th:nth-child(5),
  .op17-price-ranking-v3 td:nth-child(5),
  .op17-price-ranking-v3 th:nth-child(6),
  .op17-price-ranking-v3 td:nth-child(6) {
    width: 150px !important;
  }
}
/* ==================================================
   OP-17 価格比較表（3列）v3
   上記6列表と同じ仕様
================================================== */

.op17-price-ranking-simple-v3 {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* 表だけ横スクロール */
.op17-price-ranking-simple-v3__scroll {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto !important;
  overflow-y: hidden;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}

/* テーブル本体 */
.op17-price-ranking-simple-v3__scroll table {
  width: 640px !important;
  min-width: 640px !important;
  max-width: 640px !important;
  margin: 0 !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0;
}

/* セル共通 */
.op17-price-ranking-simple-v3 th,
.op17-price-ranking-simple-v3 td {
  box-sizing: border-box;
  padding: 8px 7px;
  border: 1px solid #ddd;
  font-size: 13px;
  line-height: 1.5;
  vertical-align: middle;
  white-space: normal;
  overflow-wrap: anywhere;
}

/* ヘッダー */
.op17-price-ranking-simple-v3 thead th {
  background: #f8ad28 !important;
  color: #fff !important;
  font-weight: 700;
  text-align: center;
}

/* 1列目：カード */
.op17-price-ranking-simple-v3 th:nth-child(1),
.op17-price-ranking-simple-v3 td:nth-child(1) {
  width: 220px !important;
}

/* 2列目：仕様 */
.op17-price-ranking-simple-v3 th:nth-child(2),
.op17-price-ranking-simple-v3 td:nth-child(2) {
  width: 260px !important;
}

/* 3列目：販売価格 */
.op17-price-ranking-simple-v3 th:nth-child(3),
.op17-price-ranking-simple-v3 td:nth-child(3) {
  width: 160px !important;
  text-align: center;
  white-space: nowrap;
}

/* 1列目固定 */
.op17-price-ranking-simple-v3 th:first-child,
.op17-price-ranking-simple-v3 td:first-child {
  position: sticky !important;
  left: 0 !important;
  z-index: 2;
  background: #fff;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08);
}

/* 左上ヘッダー */
.op17-price-ranking-simple-v3 thead th:first-child {
  z-index: 3;
  background: #f8ad28 !important;
  color: #fff !important;
}

/* キャプション */
.op17-price-ranking-simple-v3__caption {
  display: block;
  width: 100%;
  margin: 8px 0 0 !important;
  color: #666;
  font-size: 12px;
  line-height: 1.6;
  text-align: left;
}

/* スマホ */
@media screen and (max-width: 767px) {
  .op17-price-ranking-simple-v3__scroll table {
    width: 640px !important;
    min-width: 640px !important;
    max-width: 640px !important;
  }

  .op17-price-ranking-simple-v3 th,
  .op17-price-ranking-simple-v3 td {
    padding: 7px 6px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  .op17-price-ranking-simple-v3 th:nth-child(1),
  .op17-price-ranking-simple-v3 td:nth-child(1) {
    width: 210px !important;
  }

  .op17-price-ranking-simple-v3 th:nth-child(2),
  .op17-price-ranking-simple-v3 td:nth-child(2) {
    width: 250px !important;
  }

  .op17-price-ranking-simple-v3 th:nth-child(3),
  .op17-price-ranking-simple-v3 td:nth-child(3) {
    width: 180px !important;
  }
}
/* ==================================================
   OP-17 3列表：スマホでは3列すべて表示
================================================== */
@media screen and (max-width: 767px) {

  /* 横スクロールを解除 */
  .op17-price-ranking-simple-v3__scroll {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: visible !important;
  }

  /* テーブルを画面幅いっぱいに収める */
  .op17-price-ranking-simple-v3__scroll table {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: fixed !important;
  }

  /* セル */
  .op17-price-ranking-simple-v3 th,
  .op17-price-ranking-simple-v3 td {
    padding: 7px 5px !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }

  /* 1列目：カード */
  .op17-price-ranking-simple-v3 th:nth-child(1),
  .op17-price-ranking-simple-v3 td:nth-child(1) {
    width: 40% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  /* 2列目：仕様 */
  .op17-price-ranking-simple-v3 th:nth-child(2),
  .op17-price-ranking-simple-v3 td:nth-child(2) {
    width: 40% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  /* 3列目：販売価格・買取価格 */
  .op17-price-ranking-simple-v3 th:nth-child(3),
  .op17-price-ranking-simple-v3 td:nth-child(3) {
    width: 20% !important;
    min-width: 0 !important;
    max-width: none !important;
    white-space: nowrap !important;
    text-align: center;
  }

  /* 3列を全部表示するので1列目固定も解除 */
  .op17-price-ranking-simple-v3 th:first-child,
  .op17-price-ranking-simple-v3 td:first-child {
    position: static !important;
    box-shadow: none !important;
  }

  /* 左上ヘッダーの色は維持 */
  .op17-price-ranking-simple-v3 thead th:first-child {
    background: #f8ad28 !important;
    color: #fff !important;
  }
}
/* ==================================================
   初回特典3カード比較
   日本トレカセンター / クローブオリパ / DOPA
   注釈・画像高さ 最終調整版
================================================== */


/* ==================================================
   01. 画像枠：共通
================================================== */

.oripa-feature-compare--jtc-clove-dopa
.oripa-feature-card__image {
  width: 100% !important;
  height: auto !important;

  margin: 4px 0 3px !important;
  padding: 0 !important;

  background: #fff !important;

  overflow: hidden;
  box-sizing: border-box;
}


/* ==================================================
   02. 日本トレカセンター
   画像サイズは16:9を維持
================================================== */

.oripa-feature-compare--jtc-clove-dopa
.oripa-feature-card--rank1
.oripa-feature-card__image {
  aspect-ratio: 16 / 9 !important;
}


/* ==================================================
   03. クローブオリパ・DOPA
   少し縦長にして注釈スペース分を画像で補う
================================================== */

.oripa-feature-compare--jtc-clove-dopa
.oripa-feature-card--rank2
.oripa-feature-card__image,
.oripa-feature-compare--jtc-clove-dopa
.oripa-feature-card--rank3
.oripa-feature-card__image {
  aspect-ratio: 16 / 10 !important;
}


/* ==================================================
   04. 画像：共通設定
================================================== */

.oripa-feature-compare--jtc-clove-dopa
.oripa-feature-card__image img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  max-width: none !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  /*
   * 画像をトリミングしない。
   * 広告内の文字やカードが切れるのを防ぐ。
   */
  object-fit: contain !important;
  object-position: center center !important;

  transform: none !important;

  border: 0 !important;
  box-shadow: none !important;
}


/* ==================================================
   05. 注釈：共通
================================================== */

.oripa-feature-compare--jtc-clove-dopa
.oripa-feature-card__note {
  display: block;

  width: 100%;
  box-sizing: border-box;

  padding: 0 !important;

  color: #666;

  font-size: 9px;
  font-weight: 400;
  line-height: 1.38;
  letter-spacing: -0.02em;

  text-align: left;

  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;

  overflow: hidden;
}


/* ==================================================
   06. 日本トレカセンターの注釈
================================================== */

.oripa-feature-compare--jtc-clove-dopa
.oripa-feature-card--rank1
.oripa-feature-card__note {
  height: 50px;
  min-height: 50px;

  margin: 0 0 5px !important;

  visibility: visible;
}


/* ==================================================
   07. クローブオリパ・DOPA
   非表示の注釈領域を小さくする
================================================== */

.oripa-feature-compare--jtc-clove-dopa
.oripa-feature-card--rank2
.oripa-feature-card__note--empty,
.oripa-feature-compare--jtc-clove-dopa
.oripa-feature-card--rank3
.oripa-feature-card__note--empty {
  height: 30px;
  min-height: 30px;

  margin: 0 0 5px !important;

  visibility: hidden;
}


/* ==================================================
   08. タブレット
================================================== */

@media screen and (min-width: 768px) and (max-width: 1100px) {

  /* 日本トレカセンター */
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank1
  .oripa-feature-card__image {
    aspect-ratio: 16 / 9 !important;
  }

  /* クローブオリパ・DOPA */
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank2
  .oripa-feature-card__image,
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank3
  .oripa-feature-card__image {
    aspect-ratio: 16 / 9.9 !important;
  }

  /* 画像下余白 */
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card__image {
    margin-bottom: 2px !important;
  }

  /* 注釈文字 */
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card__note {
    font-size: 8.5px;
    line-height: 1.34;
    letter-spacing: -0.025em;
  }

  /* 日本トレカセンター注釈 */
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank1
  .oripa-feature-card__note {
    height: 46px;
    min-height: 46px;

    margin-bottom: 4px !important;
  }

  /* クローブオリパ・DOPAの空欄 */
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank2
  .oripa-feature-card__note--empty,
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank3
  .oripa-feature-card__note--empty {
    height: 28px;
    min-height: 28px;

    margin-bottom: 4px !important;
  }

}


/* ==================================================
   09. スマホ
================================================== */

@media screen and (max-width: 767px) {

  /* 日本トレカセンター */
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank1
  .oripa-feature-card__image {
    aspect-ratio: 16 / 9 !important;
  }

  /* クローブオリパ・DOPA */
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank2
  .oripa-feature-card__image,
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank3
  .oripa-feature-card__image {
    aspect-ratio: 16 / 9.8 !important;
  }

  /* 画像下余白 */
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card__image {
    margin-bottom: 2px !important;
  }

  /* 注釈文字 */
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card__note {
    font-size: 8.5px;
    line-height: 1.32;
    letter-spacing: -0.025em;
  }

  /* 日本トレカセンター注釈 */
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank1
  .oripa-feature-card__note {
    height: 44px;
    min-height: 44px;

    margin-bottom: 4px !important;
  }

  /* クローブオリパ・DOPAの空欄 */
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank2
  .oripa-feature-card__note--empty,
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank3
  .oripa-feature-card__note--empty {
    height: 26px;
    min-height: 26px;

    margin-bottom: 4px !important;
  }

}
/* ==================================================
   クローブオリパのみ画像下の余白を軽減
   トリミングせず、少し縦方向に引き延ばす
================================================== */

.oripa-feature-compare--jtc-clove-dopa
.oripa-feature-card--rank2
.oripa-feature-card__image img {
  object-fit: fill !important;
  object-position: center center !important;
}
/* ==================================================
   日本トレカセンター
   ブログパーツ画像下の注釈
================================================== */

.single .post_content
.jtc-card-note
.wp-element-caption {
  margin-top: 6px !important;
  margin-bottom: 0 !important;

  font-size: 11px !important;
  line-height: 1.5 !important;
  font-weight: 400;

  color: #666;
  text-align: center;
}


/* スマホ */
@media screen and (max-width: 767px) {

  .single .post_content
  .jtc-card-note
  .wp-element-caption {
    margin-top: 5px !important;

    font-size: 9.5px !important;
    line-height: 1.45 !important;
  }

}
/* ==================================================
   日本トレカセンター
   比較表内の注釈見切れ修正
   ※既存CSSの一番下に追加
================================================== */

/* 注釈を途中で切らない */
.oripa-feature-compare--jtc-clove-dopa
.oripa-feature-card__note {
  overflow: visible !important;
  max-height: none !important;
}


/* ==================================================
   PC
================================================== */

.oripa-feature-compare--jtc-clove-dopa
.oripa-feature-card--rank1
.oripa-feature-card__note {
  height: auto !important;
  min-height: 50px;

  margin-bottom: 5px !important;

  overflow: visible !important;
  max-height: none !important;
}


/* ==================================================
   タブレット
================================================== */

@media screen and (min-width: 768px) and (max-width: 1100px) {

  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank1
  .oripa-feature-card__note {
    height: auto !important;
    min-height: 46px;

    margin-bottom: 4px !important;

    overflow: visible !important;
    max-height: none !important;
  }

}


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

@media screen and (max-width: 767px) {

  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank1
  .oripa-feature-card__note {
    height: auto !important;
    min-height: 44px;

    margin-bottom: 4px !important;

    overflow: visible !important;
    max-height: none !important;
  }

}
/* ==================================================
   初回特典3カード比較
   スペック表の開始位置を再調整
   クローブ・DOPAは画像の高さで差分を吸収
================================================== */


/* ==================================================
   PC
================================================== */

@media screen and (min-width: 1101px) {

  /* クローブ・DOPAの画像をさらに少し縦長にする */
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank2
  .oripa-feature-card__image,
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank3
  .oripa-feature-card__image {
    aspect-ratio: 16 / 10.9 !important;
  }

  /* 空の注釈領域はこれ以上大きくしない */
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank2
  .oripa-feature-card__note--empty,
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank3
  .oripa-feature-card__note--empty {
    height: 30px !important;
    min-height: 30px !important;
  }

}


/* ==================================================
   タブレット
================================================== */

@media screen and (min-width: 768px) and (max-width: 1100px) {

  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank2
  .oripa-feature-card__image,
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank3
  .oripa-feature-card__image {
    aspect-ratio: 16 / 11 !important;
  }

  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank2
  .oripa-feature-card__note--empty,
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank3
  .oripa-feature-card__note--empty {
    height: 28px !important;
    min-height: 28px !important;
  }

}


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

@media screen and (max-width: 767px) {

  /*
   * スマホでは日本トレカセンターの注釈が
   * 改行されやすいため、画像をやや縦長にする
   */
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank2
  .oripa-feature-card__image,
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank3
  .oripa-feature-card__image {
    aspect-ratio: 16 / 11.2 !important;
  }

  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank2
  .oripa-feature-card__note--empty,
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank3
  .oripa-feature-card__note--empty {
    height: 26px !important;
    min-height: 26px !important;
  }

}
/* ==================================================
   スマホのみ
   3カードのスペック表開始位置を再調整
================================================== */

@media screen and (max-width: 767px) {

  /*
   * クローブ・DOPAの画像が縦に伸びすぎて
   * スペック表が下がるのを修正
   */
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank2
  .oripa-feature-card__image,
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank3
  .oripa-feature-card__image {
    aspect-ratio: 16 / 10.4 !important;
  }

  /*
   * 非表示の注釈スペースはコンパクトなまま維持
   */
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank2
  .oripa-feature-card__note--empty,
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank3
  .oripa-feature-card__note--empty {
    height: 26px !important;
    min-height: 26px !important;
    margin-bottom: 4px !important;
  }

}
/* ==================================================
   スマホ最終調整
   日本トレカセンターとクローブ・DOPAの
   スペック表開始位置を揃える
================================================== */

@media screen and (max-width: 767px) {

  /* クローブ・DOPAの画像枠を少しだけ低くする */
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank2
  .oripa-feature-card__image,
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank3
  .oripa-feature-card__image {
    aspect-ratio: 16 / 9.8 !important;
  }

  /* クローブ・DOPAの非表示注釈スペースも少し縮小 */
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank2
  .oripa-feature-card__note--empty,
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank3
  .oripa-feature-card__note--empty {
    height: 24px !important;
    min-height: 24px !important;
    margin-bottom: 4px !important;
  }

}
/* ==================================================
   スマホ最終微調整
   クローブ・DOPAの表を少し下げて位置を揃える
================================================== */

@media screen and (max-width: 767px) {

  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank2
  .oripa-feature-card__note--empty,
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank3
  .oripa-feature-card__note--empty {
    height: 28px !important;
    min-height: 28px !important;
    margin-bottom: 4px !important;
  }

}
/* ==================================================
   PCのみ
   日本トレカセンター画像・注釈 最終微調整
================================================== */

@media screen and (min-width: 1101px) {

  /* 日本トレカセンターの画像をさらに少し大きくする */
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank1
  .oripa-feature-card__image {
    aspect-ratio: 16 / 10.1 !important;
  }

  /* 注釈をさらにコンパクトにする */
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank1
  .oripa-feature-card__note {
    height: auto !important;
    min-height: 0 !important;

    margin-bottom: 3px !important;

    font-size: 7.5px !important;
    line-height: 1.28 !important;
    letter-spacing: -0.025em;

    overflow: visible !important;
    max-height: none !important;
  }

}
/* ==================================================
   PCのみ
   日本トレカセンターのスペック表位置を調整
================================================== */

@media screen and (min-width: 1101px) {

  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card--rank1
  .oripa-feature-card__spec {
    margin-top: 9px !important;
  }

}
/* ==================================================
   入手方法比較表
   横スクロール・1列目固定・ヘッダー装飾
================================================== */

/* 表全体：横スクロール */
figure.wp-block-table.acquisition-method-table {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
  overflow-x: auto !important;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
}

/* テーブル */
figure.wp-block-table.acquisition-method-table table {
  width: 800px !important;
  min-width: 800px !important;
  max-width: none !important;
  margin: 0 !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0;
}

/* セル共通 */
figure.wp-block-table.acquisition-method-table th,
figure.wp-block-table.acquisition-method-table td {
  box-sizing: border-box;
  padding: 9px 10px !important;
  font-size: 13px;
  line-height: 1.5;
  vertical-align: middle;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* ==============================
   ヘッダー
============================== */

figure.wp-block-table.acquisition-method-table thead th {
  background: #f5a623 !important;
  color: #fff !important;
  font-weight: 700;
  text-align: center;
}

/* ==============================
   列幅
============================== */

/* 1列目：入手方法 */
figure.wp-block-table.acquisition-method-table th:nth-child(1),
figure.wp-block-table.acquisition-method-table td:nth-child(1) {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
}

/* 2列目：価格 */
figure.wp-block-table.acquisition-method-table th:nth-child(2),
figure.wp-block-table.acquisition-method-table td:nth-child(2) {
  width: 170px !important;
  min-width: 170px !important;
  max-width: 170px !important;
}

/* 3列目：確実性 */
figure.wp-block-table.acquisition-method-table th:nth-child(3),
figure.wp-block-table.acquisition-method-table td:nth-child(3) {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
  text-align: center;
}

/* 4列目：主な特徴 */
figure.wp-block-table.acquisition-method-table th:nth-child(4),
figure.wp-block-table.acquisition-method-table td:nth-child(4) {
  width: 170px !important;
  min-width: 170px !important;
  max-width: 170px !important;
}

/* 5列目：向いている人 */
figure.wp-block-table.acquisition-method-table th:nth-child(5),
figure.wp-block-table.acquisition-method-table td:nth-child(5) {
  width: 210px !important;
  min-width: 210px !important;
  max-width: 210px !important;
}

/* ==============================
   1列目固定
============================== */

figure.wp-block-table.acquisition-method-table th:first-child,
figure.wp-block-table.acquisition-method-table td:first-child {
  position: sticky !important;
  left: 0 !important;
}

/* 左上ヘッダー */
figure.wp-block-table.acquisition-method-table thead th:first-child {
  z-index: 6;
  background: #f5a623 !important;
  color: #fff !important;
}

/* 本文の固定列 */
figure.wp-block-table.acquisition-method-table tbody td:first-child {
  z-index: 3;
  background: #fff !important;
  font-weight: 700;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08);
}

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

@media screen and (max-width: 767px) {

  figure.wp-block-table.acquisition-method-table table {
    width: 650px !important;
    min-width: 650px !important;
  }

  figure.wp-block-table.acquisition-method-table th,
  figure.wp-block-table.acquisition-method-table td {
    padding: 7px 6px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  /* 1列目 */
  figure.wp-block-table.acquisition-method-table th:nth-child(1),
  figure.wp-block-table.acquisition-method-table td:nth-child(1) {
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
  }

  /* 2列目 */
  figure.wp-block-table.acquisition-method-table th:nth-child(2),
  figure.wp-block-table.acquisition-method-table td:nth-child(2) {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
  }

  /* 3列目 */
  figure.wp-block-table.acquisition-method-table th:nth-child(3),
  figure.wp-block-table.acquisition-method-table td:nth-child(3) {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
  }

  /* 4列目 */
  figure.wp-block-table.acquisition-method-table th:nth-child(4),
  figure.wp-block-table.acquisition-method-table td:nth-child(4) {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
  }

  /* 5列目 */
  figure.wp-block-table.acquisition-method-table th:nth-child(5),
  figure.wp-block-table.acquisition-method-table td:nth-child(5) {
    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;
  }
}
/* ==================================================
   レアリティ封入率表
   横スクロール・1列目固定・ヘッダー装飾
================================================== */

/* 表全体 */
figure.wp-block-table.rarity-rate-table {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
  overflow-x: auto !important;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
}

/* テーブル */
figure.wp-block-table.rarity-rate-table table {
  width: 620px !important;
  min-width: 620px !important;
  max-width: none !important;
  margin: 0 !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0;
}

/* セル共通 */
figure.wp-block-table.rarity-rate-table th,
figure.wp-block-table.rarity-rate-table td {
  box-sizing: border-box;
  padding: 9px 10px !important;
  font-size: 13px;
  line-height: 1.5;
  vertical-align: middle;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* ==============================
   ヘッダー
============================== */

figure.wp-block-table.rarity-rate-table thead th {
  background: #f5a623 !important;
  color: #fff !important;
  font-weight: 700;
  text-align: center;
}

/* ==============================
   列幅
============================== */

/* 1列目：レアリティ */
figure.wp-block-table.rarity-rate-table th:nth-child(1),
figure.wp-block-table.rarity-rate-table td:nth-child(1) {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
}

/* 2列目：1BOX */
figure.wp-block-table.rarity-rate-table th:nth-child(2),
figure.wp-block-table.rarity-rate-table td:nth-child(2) {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
  text-align: center;
}

/* 3列目：1カートン */
figure.wp-block-table.rarity-rate-table th:nth-child(3),
figure.wp-block-table.rarity-rate-table td:nth-child(3) {
  width: 320px !important;
  min-width: 320px !important;
  max-width: 320px !important;
  text-align: center;
}

/* ==============================
   1列目固定
============================== */

figure.wp-block-table.rarity-rate-table th:first-child,
figure.wp-block-table.rarity-rate-table td:first-child {
  position: sticky !important;
  left: 0 !important;
}

/* 左上ヘッダー */
figure.wp-block-table.rarity-rate-table thead th:first-child {
  z-index: 6;
  background: #f5a623 !important;
  color: #fff !important;
}

/* 本文の固定列 */
figure.wp-block-table.rarity-rate-table tbody td:first-child {
  z-index: 3;
  background: #fff !important;
  font-weight: 700;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08);
}

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

@media screen and (max-width: 767px) {

  figure.wp-block-table.rarity-rate-table table {
    width: 500px !important;
    min-width: 500px !important;
  }

  figure.wp-block-table.rarity-rate-table th,
  figure.wp-block-table.rarity-rate-table td {
    padding: 7px 6px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  /* 1列目 */
  figure.wp-block-table.rarity-rate-table th:nth-child(1),
  figure.wp-block-table.rarity-rate-table td:nth-child(1) {
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
  }

  /* 2列目 */
  figure.wp-block-table.rarity-rate-table th:nth-child(2),
  figure.wp-block-table.rarity-rate-table td:nth-child(2) {
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
  }

  /* 3列目 */
  figure.wp-block-table.rarity-rate-table th:nth-child(3),
  figure.wp-block-table.rarity-rate-table td:nth-child(3) {
    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
  }
}
/* ==================================================
   2列の価格表：スクロールなし
================================================== */

figure.wp-block-table.no-scroll-table {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* 表本体 */
figure.wp-block-table.no-scroll-table table {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  table-layout: fixed !important;
  overflow: visible !important;
}

/* セル */
figure.wp-block-table.no-scroll-table th,
figure.wp-block-table.no-scroll-table td {
  width: 50%;
  padding: 10px 14px !important;
  vertical-align: middle;
}

/* ヘッダー */
figure.wp-block-table.no-scroll-table thead th {
  background: #f5a623 !important;
  color: #fff !important;
  font-weight: 700;
  text-align: left;
}

/* キャプション */
figure.wp-block-table.no-scroll-table figcaption {
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.6;
  text-align: center !important;
}
/* ==================================================
   30th CELEBRATION 予約・抽選表
   横スクロール + 1列目固定 + ヘッダー装飾
   ================================================== */

/* ==============================
   表全体
   ============================== */

figure.wp-block-table.celeb30-lottery-scroll {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
  overflow-x: auto !important;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
}


/* ==============================
   テーブル本体
   ============================== */

figure.wp-block-table.celeb30-lottery-scroll table.has-fixed-layout {
  width: 1180px !important;
  min-width: 1180px !important;
  max-width: none !important;
  margin: 0 !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}


/* ==============================
   セル共通
   ============================== */

figure.wp-block-table.celeb30-lottery-scroll td {
  box-sizing: border-box;
  padding: 9px 10px !important;
  font-size: 13px;
  line-height: 1.5;
  vertical-align: middle;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}


/* ==============================
   列幅
   ============================== */

/* 1列目：ショップ */
figure.wp-block-table.celeb30-lottery-scroll td:nth-child(1) {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
}

/* 2列目：受付期間 */
figure.wp-block-table.celeb30-lottery-scroll td:nth-child(2) {
  width: 155px !important;
  min-width: 155px !important;
  max-width: 155px !important;
}

/* 3列目：対象商品 */
figure.wp-block-table.celeb30-lottery-scroll td:nth-child(3) {
  width: 280px !important;
  min-width: 280px !important;
  max-width: 280px !important;
}

/* 4列目：当選発表 */
figure.wp-block-table.celeb30-lottery-scroll td:nth-child(4) {
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
}

/* 5列目：応募条件 */
figure.wp-block-table.celeb30-lottery-scroll td:nth-child(5) {
  width: 415px !important;
  min-width: 415px !important;
  max-width: 415px !important;
}


/* ==============================
   1列目固定
   ============================== */

figure.wp-block-table.celeb30-lottery-scroll td:first-child {
  position: sticky !important;
  left: 0 !important;
  z-index: 3;
  background: #fff !important;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08);
}

/* ショップ名を強調 */
figure.wp-block-table.celeb30-lottery-scroll
tbody tr:not(:first-child) td:first-child {
  font-weight: 700;
}


/* ==============================
   ヘッダー装飾
   ============================== */

/* 1行目をヘッダーとして装飾 */
figure.wp-block-table.celeb30-lottery-scroll
tbody tr:first-child td {
  background: #f5a623 !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-align: center !important;
  vertical-align: middle !important;
  padding: 11px 10px !important;
  border-bottom: 3px solid #df8c00 !important;
  line-height: 1.4;
}

/* ヘッダーセルの境界線 */
figure.wp-block-table.celeb30-lottery-scroll
tbody tr:first-child td + td {
  border-left: 1px solid rgba(255, 255, 255, 0.35) !important;
}

/* 左上の固定ヘッダー */
figure.wp-block-table.celeb30-lottery-scroll
tbody tr:first-child td:first-child {
  position: sticky !important;
  left: 0 !important;
  z-index: 6;
  background: #f5a623 !important;
  color: #fff !important;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.12);
}


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

@media screen and (max-width: 767px) {

  /* テーブル幅 */
  figure.wp-block-table.celeb30-lottery-scroll
  table.has-fixed-layout {
    width: 1000px !important;
    min-width: 1000px !important;
    max-width: none !important;
  }

  /* セル共通 */
  figure.wp-block-table.celeb30-lottery-scroll td {
    padding: 7px 6px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  /* 1列目：ショップ */
  figure.wp-block-table.celeb30-lottery-scroll td:nth-child(1) {
    width: 125px !important;
    min-width: 125px !important;
    max-width: 125px !important;
  }

  /* 2列目：受付期間 */
  figure.wp-block-table.celeb30-lottery-scroll td:nth-child(2) {
    width: 130px !important;
    min-width: 130px !important;
    max-width: 130px !important;
  }

  /* 3列目：対象商品 */
  figure.wp-block-table.celeb30-lottery-scroll td:nth-child(3) {
    width: 245px !important;
    min-width: 245px !important;
    max-width: 245px !important;
  }

  /* 4列目：当選発表 */
  figure.wp-block-table.celeb30-lottery-scroll td:nth-child(4) {
    width: 155px !important;
    min-width: 155px !important;
    max-width: 155px !important;
  }

  /* 5列目：応募条件 */
  figure.wp-block-table.celeb30-lottery-scroll td:nth-child(5) {
    width: 345px !important;
    min-width: 345px !important;
    max-width: 345px !important;
  }

  /* スマホのヘッダー */
  figure.wp-block-table.celeb30-lottery-scroll
  tbody tr:first-child td {
    padding: 9px 6px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }
}
/* ==================================================
   ストームエメラルダ：販売情報テーブル
================================================== */

/* 外側のfigureではスクロールさせない */
figure.storm-emerald-table {
  width: 100%;
  max-width: 100%;
  overflow: visible !important;
}

/* テーブル部分だけ横スクロール */
.storm-emerald-scroll {
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
  max-height: none !important;
  box-sizing: border-box;
}

/* 1列目：販売店 */
.storm-emerald-table th:nth-child(1),
.storm-emerald-table td:nth-child(1) {
  width: 200px;
}

/* 2列目：応募期間 */
.storm-emerald-table th:nth-child(2),
.storm-emerald-table td:nth-child(2) {
  width: 200px;
}

/* 3列目：状況 */
.storm-emerald-table th:nth-child(3),
.storm-emerald-table td:nth-child(3) {
  width: 100px;
  text-align: center;
}

/* 4列目：主な内容 */
.storm-emerald-table th:nth-child(4),
.storm-emerald-table td:nth-child(4) {
  width: 260px;
  text-align: left;
}

/* ヘッダー */
.storm-emerald-table thead th {
  text-align: center;
}

/* キャプション */
.storm-emerald-table figcaption {
  width: 100%;
  margin-top: 8px;
  box-sizing: border-box;
}


/* スマホ */
@media screen and (max-width: 767px) {

  .storm-emerald-table .storm-emerald-scroll table {
    width: 595px !important;
    min-width: 595px !important;
  }

  /* 1列目：販売店 */
  .storm-emerald-table th:nth-child(1),
  .storm-emerald-table td:nth-child(1) {
    width: 145px !important;
    min-width: 145px !important;
    max-width: 145px !important;
  }

  /* 2列目：応募期間 */
  .storm-emerald-table th:nth-child(2),
  .storm-emerald-table td:nth-child(2) {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
  }

  /* 3列目：状況 */
  .storm-emerald-table th:nth-child(3),
  .storm-emerald-table td:nth-child(3) {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    text-align: center !important;
  }

  /* 4列目：主な内容 */
  .storm-emerald-table th:nth-child(4),
  .storm-emerald-table td:nth-child(4) {
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    text-align: left !important;
  }

  .storm-emerald-table thead th {
    text-align: center !important;
  }

  .storm-emerald-table figcaption {
    margin-top: 8px;
    padding: 0 4px;
  }
}
/* ==================================================
   レアリティ別カード種類数テーブル
   縦スクロールバーを非表示
================================================== */

figure.wp-block-table.rarity-table {
  width: 100%;
  max-width: 100%;
  height: auto !important;
  max-height: none !important;

  /* 横スクロールは必要な場合のみ許可 */
  overflow-x: auto !important;

  /* 縦スクロールを禁止 */
  overflow-y: hidden !important;

  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
}

figure.wp-block-table.rarity-table table {
  height: auto !important;
  max-height: none !important;
}
/* ==================================================
   2026/09/07 追加
   OP-17 テーマ別採用カード表
   PC：表内文字サイズを一回り小さく
================================================== */

@media screen and (min-width: 768px) {
  figure.wp-block-table.op17-theme-table td {
    font-size: 13px !important;
    line-height: 1.5;
  }
}
/* ==================================================
   2026/09/07 追加
   OP-17 購入方法比較表
   スマホ：表内文字サイズを小さく調整
================================================== */

@media screen and (max-width: 767px) {
  figure.wp-block-table.op17-buy-table td {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }
}
/* ==================================================
   2026/09/07 追加
   OP-17 購入方法比較表
   PC：表内文字サイズを一回り小さく
================================================== */

@media screen and (min-width: 768px) {
  figure.wp-block-table.op17-buy-table td {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }
}
/* ==================================================
   30th CELEBRATION 商品表
   横スクロール＋1列目固定
================================================== */

/* figure自体はスクロールさせない */
figure.wp-block-table.celeb30-product-table {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
  overflow: visible !important;
}

/* table部分だけ横スクロール */
figure.wp-block-table.celeb30-product-table
.celeb30-product-table-scroll {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
}

/* テーブル本体 */
figure.wp-block-table.celeb30-product-table table.has-fixed-layout {
  width: 850px !important;
  min-width: 850px !important;
  max-width: none !important;
  margin: 0 !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0;
}

/* セル共通 */
figure.wp-block-table.celeb30-product-table th,
figure.wp-block-table.celeb30-product-table td {
  box-sizing: border-box;
  padding: 9px 10px !important;
  vertical-align: middle;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* 1列目 */
figure.wp-block-table.celeb30-product-table th:nth-child(1),
figure.wp-block-table.celeb30-product-table td:nth-child(1) {
  width: 260px !important;
}

/* 2列目 */
figure.wp-block-table.celeb30-product-table th:nth-child(2),
figure.wp-block-table.celeb30-product-table td:nth-child(2) {
  width: 160px !important;
  text-align: center;
}

/* 3列目 */
figure.wp-block-table.celeb30-product-table th:nth-child(3),
figure.wp-block-table.celeb30-product-table td:nth-child(3) {
  width: 170px !important;
  text-align: center;
}

/* 4列目 */
figure.wp-block-table.celeb30-product-table th:nth-child(4),
figure.wp-block-table.celeb30-product-table td:nth-child(4) {
  width: 260px !important;
}

/* 1列目固定 */
figure.wp-block-table.celeb30-product-table th:first-child,
figure.wp-block-table.celeb30-product-table td:first-child {
  position: sticky !important;
  left: 0 !important;
  z-index: 3;
  background: #fff;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08);
}

/* ヘッダー */
figure.wp-block-table.celeb30-product-table thead th {
  background: #f5a623 !important;
  color: #fff !important;
  text-align: center;
}

figure.wp-block-table.celeb30-product-table thead th:first-child {
  z-index: 5;
  background: #f5a623 !important;
}

/* キャプション */
figure.wp-block-table.celeb30-product-table figcaption {
  display: block;
  width: 100%;
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
}

/* スマホ */
@media screen and (max-width: 767px) {

  figure.wp-block-table.celeb30-product-table table.has-fixed-layout {
    width: 670px !important;
    min-width: 670px !important;
  }

  figure.wp-block-table.celeb30-product-table th,
  figure.wp-block-table.celeb30-product-table td {
    padding: 7px 6px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  figure.wp-block-table.celeb30-product-table th:nth-child(1),
  figure.wp-block-table.celeb30-product-table td:nth-child(1) {
    width: 170px !important;
    min-width: 170px !important;
    max-width: 170px !important;
  }

  figure.wp-block-table.celeb30-product-table th:nth-child(2),
  figure.wp-block-table.celeb30-product-table td:nth-child(2) {
    width: 130px !important;
    min-width: 130px !important;
    max-width: 130px !important;
  }

  figure.wp-block-table.celeb30-product-table th:nth-child(3),
  figure.wp-block-table.celeb30-product-table td:nth-child(3) {
    width: 130px !important;
    min-width: 130px !important;
    max-width: 130px !important;
  }

  figure.wp-block-table.celeb30-product-table th:nth-child(4),
  figure.wp-block-table.celeb30-product-table td:nth-child(4) {
    width: 240px !important;
    min-width: 240px !important;
    max-width: 240px !important;
  }
}
/* ==================================================
   日本トレカセンター / クローブオリパ 比較表
   1列目固定 + 横スクロール + キャプション外出し
================================================== */

/* figure自体はスクロールさせない */
figure.wp-block-table.oripa-service-compare-table {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
  overflow: visible !important;
}

/* table部分だけ横スクロール */
figure.wp-block-table.oripa-service-compare-table
.oripa-service-compare-table__scroll {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
}

/* テーブル本体 */
figure.wp-block-table.oripa-service-compare-table table.has-fixed-layout {
  width: 760px !important;
  min-width: 760px !important;
  max-width: none !important;
  margin: 0 !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0;
}

/* セル共通 */
figure.wp-block-table.oripa-service-compare-table th,
figure.wp-block-table.oripa-service-compare-table td {
  box-sizing: border-box;
  padding: 9px 10px !important;
  font-size: 13px;
  line-height: 1.55;
  vertical-align: middle;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* ヘッダー */
figure.wp-block-table.oripa-service-compare-table thead th {
  background: #f5a623 !important;
  color: #fff !important;
  font-weight: 700;
  text-align: center;
}

/* 列幅 */
figure.wp-block-table.oripa-service-compare-table th:nth-child(1),
figure.wp-block-table.oripa-service-compare-table td:nth-child(1) {
  width: 140px !important;
  min-width: 140px !important;
  max-width: 140px !important;
}

figure.wp-block-table.oripa-service-compare-table th:nth-child(2),
figure.wp-block-table.oripa-service-compare-table td:nth-child(2) {
  width: 290px !important;
  min-width: 290px !important;
  max-width: 290px !important;
}

figure.wp-block-table.oripa-service-compare-table th:nth-child(3),
figure.wp-block-table.oripa-service-compare-table td:nth-child(3) {
  width: 330px !important;
  min-width: 330px !important;
  max-width: 330px !important;
}

/* 1列目固定 */
figure.wp-block-table.oripa-service-compare-table th:first-child,
figure.wp-block-table.oripa-service-compare-table td:first-child {
  position: sticky !important;
  left: 0 !important;
  z-index: 3;
  background: #fff;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08);
}

/* 左上ヘッダーを最前面 */
figure.wp-block-table.oripa-service-compare-table thead th:first-child {
  z-index: 5;
  background: #f5a623 !important;
  color: #fff !important;
}

/* キャプションはスクロールバーの下 */
figure.wp-block-table.oripa-service-compare-table figcaption {
  display: block;
  width: 100%;
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
}

/* スマホ */
@media screen and (max-width: 767px) {
  figure.wp-block-table.oripa-service-compare-table table.has-fixed-layout {
    width: 620px !important;
    min-width: 620px !important;
  }

  figure.wp-block-table.oripa-service-compare-table th,
  figure.wp-block-table.oripa-service-compare-table td {
    padding: 7px 6px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  figure.wp-block-table.oripa-service-compare-table th:nth-child(1),
  figure.wp-block-table.oripa-service-compare-table td:nth-child(1) {
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
  }

  figure.wp-block-table.oripa-service-compare-table th:nth-child(2),
  figure.wp-block-table.oripa-service-compare-table td:nth-child(2) {
    width: 240px !important;
    min-width: 240px !important;
    max-width: 240px !important;
  }

  figure.wp-block-table.oripa-service-compare-table th:nth-child(3),
  figure.wp-block-table.oripa-service-compare-table td:nth-child(3) {
    width: 270px !important;
    min-width: 270px !important;
    max-width: 270px !important;
  }
}
/* ==================================================
   コンビニ取扱状況表
   横スクロール＋1列目固定
================================================== */

/* 表全体を横スクロール */
figure.wp-block-table.convenience-store-table {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
}

/* テーブル本体 */
figure.wp-block-table.convenience-store-table table.has-fixed-layout {
  width: 800px !important;
  min-width: 800px !important;
  max-width: none !important;
  margin: 0 !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0;
}

/* セル共通 */
figure.wp-block-table.convenience-store-table th,
figure.wp-block-table.convenience-store-table td {
  box-sizing: border-box;
  padding: 9px 10px !important;
  font-size: 13px;
  line-height: 1.5;
  vertical-align: middle;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* 1列目：コンビニ */
figure.wp-block-table.convenience-store-table th:nth-child(1),
figure.wp-block-table.convenience-store-table td:nth-child(1) {
  width: 170px !important;
  min-width: 170px !important;
  max-width: 170px !important;
}

/* 2列目：取扱状況 */
figure.wp-block-table.convenience-store-table th:nth-child(2),
figure.wp-block-table.convenience-store-table td:nth-child(2) {
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
  text-align: center;
}

/* 3列目：特徴・確認ポイント */
figure.wp-block-table.convenience-store-table th:nth-child(3),
figure.wp-block-table.convenience-store-table td:nth-child(3) {
  width: 450px !important;
  min-width: 450px !important;
  max-width: 450px !important;
}

/* 1列目固定 */
figure.wp-block-table.convenience-store-table th:first-child,
figure.wp-block-table.convenience-store-table td:first-child {
  position: sticky !important;
  left: 0 !important;
  z-index: 3;
  background: #fff;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08);
}

/* ヘッダー */
figure.wp-block-table.convenience-store-table thead th {
  background: #f5a623 !important;
  color: #fff !important;
  font-weight: 700;
  text-align: center;
}

/* 左上セル */
figure.wp-block-table.convenience-store-table thead th:first-child {
  z-index: 5;
  background: #f5a623 !important;
  color: #fff !important;
}

/* スマホ */
@media screen and (max-width: 767px) {

  figure.wp-block-table.convenience-store-table table.has-fixed-layout {
    width: 650px !important;
    min-width: 650px !important;
  }

  figure.wp-block-table.convenience-store-table th,
  figure.wp-block-table.convenience-store-table td {
    padding: 7px 6px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  figure.wp-block-table.convenience-store-table th:nth-child(1),
  figure.wp-block-table.convenience-store-table td:nth-child(1) {
    width: 130px !important;
    min-width: 130px !important;
    max-width: 130px !important;
  }

  figure.wp-block-table.convenience-store-table th:nth-child(2),
  figure.wp-block-table.convenience-store-table td:nth-child(2) {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
  }

  figure.wp-block-table.convenience-store-table th:nth-child(3),
  figure.wp-block-table.convenience-store-table td:nth-child(3) {
    width: 380px !important;
    min-width: 380px !important;
    max-width: 380px !important;
  }
}
/* ==================================================
   商品比較表
   1列目固定 + 横スクロール
================================================== */

figure.wp-block-table.product-release-compare-table {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
  overflow: visible !important;
}

figure.wp-block-table.product-release-compare-table
.product-release-compare-table__scroll {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
}

figure.wp-block-table.product-release-compare-table table.has-fixed-layout {
  width: 760px !important;
  min-width: 760px !important;
  max-width: none !important;
  margin: 0 !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0;
}

/* セル共通 */
figure.wp-block-table.product-release-compare-table th,
figure.wp-block-table.product-release-compare-table td {
  box-sizing: border-box;
  padding: 9px 10px !important;
  font-size: 13px;
  line-height: 1.5;
  vertical-align: middle;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* 列幅 */
figure.wp-block-table.product-release-compare-table th:nth-child(1),
figure.wp-block-table.product-release-compare-table td:nth-child(1) {
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
}

figure.wp-block-table.product-release-compare-table th:nth-child(2),
figure.wp-block-table.product-release-compare-table td:nth-child(2) {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
  text-align: center;
}

figure.wp-block-table.product-release-compare-table th:nth-child(3),
figure.wp-block-table.product-release-compare-table td:nth-child(3) {
  width: 170px !important;
  min-width: 170px !important;
  max-width: 170px !important;
  text-align: center;
}

figure.wp-block-table.product-release-compare-table th:nth-child(4),
figure.wp-block-table.product-release-compare-table td:nth-child(4) {
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
}

/* 1列目固定 */
figure.wp-block-table.product-release-compare-table th:first-child,
figure.wp-block-table.product-release-compare-table td:first-child {
  position: sticky !important;
  left: 0 !important;
  z-index: 3;
  background: #fff;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08);
}

/* ヘッダー */
figure.wp-block-table.product-release-compare-table thead th {
  background: #f5a623 !important;
  color: #fff !important;
  font-weight: 700;
  text-align: center;
}

figure.wp-block-table.product-release-compare-table thead th:first-child {
  z-index: 5;
  background: #f5a623 !important;
  color: #fff !important;
}

/* スマホ */
@media screen and (max-width: 767px) {
  figure.wp-block-table.product-release-compare-table table.has-fixed-layout {
    width: 620px !important;
    min-width: 620px !important;
  }

  figure.wp-block-table.product-release-compare-table th,
  figure.wp-block-table.product-release-compare-table td {
    padding: 7px 6px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  figure.wp-block-table.product-release-compare-table th:nth-child(1),
  figure.wp-block-table.product-release-compare-table td:nth-child(1) {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
  }

  figure.wp-block-table.product-release-compare-table th:nth-child(2),
  figure.wp-block-table.product-release-compare-table td:nth-child(2) {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
  }

  figure.wp-block-table.product-release-compare-table th:nth-child(3),
  figure.wp-block-table.product-release-compare-table td:nth-child(3) {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
  }

  figure.wp-block-table.product-release-compare-table th:nth-child(4),
  figure.wp-block-table.product-release-compare-table td:nth-child(4) {
    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;
  }
}
/* ==================================================
   コンビニ販売時間表
   1列目固定 + 横スクロール
================================================== */

figure.wp-block-table.convenience-time-table {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
  overflow: visible !important;
}

figure.wp-block-table.convenience-time-table
.convenience-time-table__scroll {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
}

figure.wp-block-table.convenience-time-table table.has-fixed-layout {
  width: 860px !important;
  min-width: 860px !important;
  max-width: none !important;
  margin: 0 !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0;
}

/* セル共通 */
figure.wp-block-table.convenience-time-table th,
figure.wp-block-table.convenience-time-table td {
  box-sizing: border-box;
  padding: 9px 10px !important;
  font-size: 13px;
  line-height: 1.5;
  vertical-align: middle;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* 列幅 */
figure.wp-block-table.convenience-time-table th:nth-child(1),
figure.wp-block-table.convenience-time-table td:nth-child(1) {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
}

figure.wp-block-table.convenience-time-table th:nth-child(2),
figure.wp-block-table.convenience-time-table td:nth-child(2) {
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
  text-align: center;
}

figure.wp-block-table.convenience-time-table th:nth-child(3),
figure.wp-block-table.convenience-time-table td:nth-child(3) {
  width: 430px !important;
  min-width: 430px !important;
  max-width: 430px !important;
}

figure.wp-block-table.convenience-time-table th:nth-child(4),
figure.wp-block-table.convenience-time-table td:nth-child(4) {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
  text-align: center;
}

/* 1列目固定 */
figure.wp-block-table.convenience-time-table th:first-child,
figure.wp-block-table.convenience-time-table td:first-child {
  position: sticky !important;
  left: 0 !important;
  z-index: 3;
  background: #fff;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08);
}

/* ヘッダー */
figure.wp-block-table.convenience-time-table thead th {
  background: #f5a623 !important;
  color: #fff !important;
  font-weight: 700;
  text-align: center;
}

figure.wp-block-table.convenience-time-table thead th:first-child {
  z-index: 5;
  background: #f5a623 !important;
  color: #fff !important;
}

/* スマホ */
@media screen and (max-width: 767px) {
  figure.wp-block-table.convenience-time-table table.has-fixed-layout {
    width: 700px !important;
    min-width: 700px !important;
  }

  figure.wp-block-table.convenience-time-table th,
  figure.wp-block-table.convenience-time-table td {
    padding: 7px 6px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  figure.wp-block-table.convenience-time-table th:nth-child(1),
  figure.wp-block-table.convenience-time-table td:nth-child(1) {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
  }

  figure.wp-block-table.convenience-time-table th:nth-child(2),
  figure.wp-block-table.convenience-time-table td:nth-child(2) {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
  }

  figure.wp-block-table.convenience-time-table th:nth-child(3),
  figure.wp-block-table.convenience-time-table td:nth-child(3) {
    width: 340px !important;
    min-width: 340px !important;
    max-width: 340px !important;
  }

  figure.wp-block-table.convenience-time-table th:nth-child(4),
  figure.wp-block-table.convenience-time-table td:nth-child(4) {
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
  }
}
/* ==================================================
   ガチャアプリ比較表：6列版
   既存の .gacha-app-comparison-table とは分離して調整
================================================== */

.gacha-app-table-block--six-col
.gacha-app-comparison-table--six-col {
  width: 1300px;
  min-width: 1300px;
  max-width: none;
  table-layout: fixed;
}

/* 1列目：アプリ名 */
.gacha-app-table-block--six-col
.gacha-app-comparison-table--six-col td:nth-child(1) {
  width: 190px;
  min-width: 190px;
  max-width: 190px;
}

/* 2列目：リンク */
.gacha-app-table-block--six-col
.gacha-app-comparison-table--six-col td:nth-child(2) {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  text-align: center;
}

/* 3列目：ガチャの種類 */
.gacha-app-table-block--six-col
.gacha-app-comparison-table--six-col td:nth-child(3) {
  width: 180px;
  min-width: 180px;
  max-width: 180px;
}

/* 4列目：無料ガチャ・主な特典 */
.gacha-app-table-block--six-col
.gacha-app-comparison-table--six-col td:nth-child(4) {
  width: 260px;
  min-width: 260px;
  max-width: 260px;
}

/* 5列目：主な特徴 */
.gacha-app-table-block--six-col
.gacha-app-comparison-table--six-col td:nth-child(5) {
  width: 250px;
  min-width: 250px;
  max-width: 250px;
}

/* 6列目：向いている人 */
.gacha-app-table-block--six-col
.gacha-app-comparison-table--six-col td:nth-child(6) {
  width: 270px;
  min-width: 270px;
  max-width: 270px;
}


/* ==================================================
   スマートフォン
================================================== */

@media screen and (max-width: 767px) {

  .gacha-app-table-block--six-col
  .gacha-app-comparison-table--six-col {
    width: 920px;
    min-width: 920px;
    max-width: none;
    table-layout: fixed;
  }

  /* 1列目：アプリ名 */
  .gacha-app-table-block--six-col
  .gacha-app-comparison-table--six-col td:nth-child(1) {
    width: 115px;
    min-width: 115px;
    max-width: 115px;
  }

  /* 2列目：リンク */
  .gacha-app-table-block--six-col
  .gacha-app-comparison-table--six-col td:nth-child(2) {
    width: 105px;
    min-width: 105px;
    max-width: 105px;
    text-align: center;
  }

  /* 3列目：ガチャの種類 */
  .gacha-app-table-block--six-col
  .gacha-app-comparison-table--six-col td:nth-child(3) {
    width: 125px;
    min-width: 125px;
    max-width: 125px;
  }

  /* 4列目：無料ガチャ・主な特典 */
  .gacha-app-table-block--six-col
  .gacha-app-comparison-table--six-col td:nth-child(4) {
    width: 190px;
    min-width: 190px;
    max-width: 190px;
  }

  /* 5列目：主な特徴 */
  .gacha-app-table-block--six-col
  .gacha-app-comparison-table--six-col td:nth-child(5) {
    width: 185px;
    min-width: 185px;
    max-width: 185px;
  }

  /* 6列目：向いている人 */
  .gacha-app-table-block--six-col
  .gacha-app-comparison-table--six-col td:nth-child(6) {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
  }
}
/* ==================================================
   日本トレカセンター カテゴリ別DL CTA
   コンパクト2カラム版 FINAL

   対象：
   ・ポケモンカード
   ・ワンピースカード
   ・遊戯王

   専用名前空間：
   .oripa-jtc-download-cta-v1

   構成：
   左：大きな日本トレカセンターロゴ
   右：No.1 → タイトル → メリット → DLボタン
================================================== */


/* ==================================================
   01. CTA全体
================================================== */

.single .post_content .oripa-jtc-download-cta-v1 {
  width: min(100%, 900px);
  max-width: 900px;

  margin: 20px auto !important;
  padding: 16px 18px !important;

  border: 2px solid #e5b935;
  border-radius: 10px;

  background: #fffdf5;

  box-sizing: border-box;
}


/* CTA内部だけbox-sizingを統一 */
.single .post_content .oripa-jtc-download-cta-v1 *,
.single .post_content .oripa-jtc-download-cta-v1 *::before,
.single .post_content .oripa-jtc-download-cta-v1 *::after {
  box-sizing: border-box;
}


/* 本文pの既存余白をCTA内部だけリセット */
.single .post_content .oripa-jtc-download-cta-v1 p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}


/* ==================================================
   02. メイン2カラム
================================================== */

.single .post_content
.oripa-jtc-download-cta-v1
.oripa-jtc-download-cta-v1__main {
  display: grid;

  grid-template-columns: 230px minmax(0, 1fr);

  gap: 22px;

  align-items: center;

  width: 100%;
  max-width: 850px;

  margin: 0 auto 8px !important;
  padding: 0 !important;
}


/* ==================================================
   03. 日本トレカセンター ロゴ
================================================== */

.single .post_content
.oripa-jtc-download-cta-v1
.oripa-jtc-download-cta-v1__logo {
  display: flex;
  align-items: center;
  justify-content: center;

  margin: 0 !important;
  padding: 0 !important;
}

.single .post_content
.oripa-jtc-download-cta-v1
.oripa-jtc-download-cta-v1__logo img {
  display: block;

  width: 230px !important;
  max-width: 230px !important;
  height: auto !important;

  margin: 0 auto !important;
  padding: 0 !important;

  border: 0 !important;

  object-fit: contain;
}


/* ==================================================
   04. 右側コンテンツ
================================================== */

.single .post_content
.oripa-jtc-download-cta-v1
.oripa-jtc-download-cta-v1__main-content {
  width: 100%;
  min-width: 0;

  margin: 0 !important;
  padding: 0 0 0 4px !important;
}


/* ==================================================
   05. No.1＋タイトル
================================================== */

.single .post_content
.oripa-jtc-download-cta-v1
.oripa-jtc-download-cta-v1__head-content {
  width: 100%;
  min-width: 0;

  margin: 0 0 11px !important;
  padding: 0 !important;

  text-align: left;
}


/* No.1バッジ */
.single .post_content
.oripa-jtc-download-cta-v1
.oripa-jtc-download-cta-v1__badge {
  display: inline-block;

  margin: 0 0 7px !important;
  padding: 5px 11px !important;

  border-radius: 999px;

  background: #fff0b3;

  color: #333;

  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

.single .post_content
.oripa-jtc-download-cta-v1
.oripa-jtc-download-cta-v1__badge sup {
  font-size: 0.7em;
  vertical-align: super;
}


/* ==================================================
   06. タイトル
================================================== */

.single .post_content
.oripa-jtc-download-cta-v1
.oripa-jtc-download-cta-v1__title {
  width: 100%;

  margin: 0 !important;

  color: #222;

  font-size: 18px;
  font-weight: 700;
  line-height: 1.45;

  text-align: left;
}


/* ポケカ / ワンピースカード / 遊戯王 */
.single .post_content
.oripa-jtc-download-cta-v1
.oripa-jtc-download-cta-v1__accent-green {
  color: #12a33b;
}


/* PSA10 / 高レアカード / 鑑定品 */
.single .post_content
.oripa-jtc-download-cta-v1
.oripa-jtc-download-cta-v1__accent-gold {
  color: #d29b0d;
}


/* 日本トレカセンター */
.single .post_content
.oripa-jtc-download-cta-v1
.oripa-jtc-download-cta-v1__brand {
  display: inline-block;

  padding-bottom: 1px;

  border-bottom: 3px solid rgba(15, 143, 53, 0.18);

  color: #0f8f35;

  white-space: nowrap;
}


/* ワンピースはタイトルが長いため少し小さく */
@media screen and (min-width: 768px) {

  .single .post_content
  .oripa-jtc-download-cta-v1[data-category="onepiece"]
  .oripa-jtc-download-cta-v1__title {
    font-size: 17px;
  }

}


/* ==================================================
   07. メリット3項目
================================================== */

.single .post_content
.oripa-jtc-download-cta-v1
.oripa-jtc-download-cta-v1__points {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;

  gap: 6px 8px;

  width: 100%;

  margin: 0 0 12px !important;
  padding: 0 !important;
}

.single .post_content
.oripa-jtc-download-cta-v1
.oripa-jtc-download-cta-v1__point {
  display: inline-block;

  margin: 0 !important;
  padding: 5px 9px !important;

  border: 1px solid #d8eadb;
  border-radius: 999px;

  background: #f6fbf6;

  color: #1d7f35;

  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;

  white-space: nowrap;
}


/* ==================================================
   08. App Store / Google Play
   右側コンテンツの左端に揃える
================================================== */

.single .post_content
.oripa-jtc-download-cta-v1
.oripa-jtc-download-cta-v1__stores {
  display: flex;
  align-items: center;
  justify-content: flex-start;

  gap: 10px;

  width: 100%;

  margin: 0 !important;
  padding: 0 !important;
}

.single .post_content
.oripa-jtc-download-cta-v1
.oripa-jtc-download-cta-v1__stores a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: none !important;

  box-shadow: none !important;

  color: inherit !important;
  text-decoration: none !important;

  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.single .post_content
.oripa-jtc-download-cta-v1
.oripa-jtc-download-cta-v1__stores img {
  display: block;

  width: 145px !important;
  max-width: 145px !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;

  object-fit: contain;
}


/* PC：ホバー */
@media (hover: hover) {

  .single .post_content
  .oripa-jtc-download-cta-v1
  .oripa-jtc-download-cta-v1__stores a:hover {
    opacity: 0.82;

    transform: translateY(1px);
  }

}


/* キーボード操作 */
.single .post_content
.oripa-jtc-download-cta-v1
.oripa-jtc-download-cta-v1__stores a:focus-visible {
  outline: 3px solid rgba(229, 185, 53, 0.35);
  outline-offset: 3px;
}


/* ==================================================
   09. 調査注釈
================================================== */

.single .post_content
.oripa-jtc-download-cta-v1
.oripa-jtc-download-cta-v1__note {
  width: 100%;

  margin: 8px 0 0 !important;

  color: #666;

  font-size: 9px !important;
  font-weight: 400;
  line-height: 1.4;

  text-align: center;
}


/* ==================================================
   09.5 狭いPC・タブレット横向き
   768px ～ 1280px
================================================== */

@media screen and (min-width: 768px) and (max-width: 1280px) {

  /* CTA全体 */
  .single .post_content
  .oripa-jtc-download-cta-v1 {
    width: 100%;
    max-width: 100%;

    padding: 14px 14px !important;
  }


  /* 2カラム：中間幅ではロゴ列を縮小 */
  .single .post_content
  .oripa-jtc-download-cta-v1
  .oripa-jtc-download-cta-v1__main {
    grid-template-columns: 150px minmax(0, 1fr);

    gap: 14px;

    width: 100%;
    max-width: 100%;

    margin: 0 auto 7px !important;
  }


  /* ロゴ */
  .single .post_content
  .oripa-jtc-download-cta-v1
  .oripa-jtc-download-cta-v1__logo img {
    width: 150px !important;
    max-width: 150px !important;
    height: auto !important;
  }


  /* 右側コンテンツ */
  .single .post_content
  .oripa-jtc-download-cta-v1
  .oripa-jtc-download-cta-v1__main-content {
    width: 100%;
    min-width: 0;

    padding-left: 0 !important;
  }


  /* No.1バッジ */
  .single .post_content
  .oripa-jtc-download-cta-v1
  .oripa-jtc-download-cta-v1__badge {
    margin-bottom: 5px !important;
    padding: 4px 8px !important;

    font-size: 10px;
    line-height: 1.3;
  }


  /* タイトル */
  .single .post_content
  .oripa-jtc-download-cta-v1
  .oripa-jtc-download-cta-v1__title {
    font-size: 15px;
    line-height: 1.4;
  }


  /* ワンピースは少し小さく */
  .single .post_content
  .oripa-jtc-download-cta-v1[data-category="onepiece"]
  .oripa-jtc-download-cta-v1__title {
    font-size: 13px;
  }


  /* ワンピースの指定改行は維持 */
  .single .post_content
  .oripa-jtc-download-cta-v1[data-category="onepiece"]
  .oripa-jtc-download-cta-v1__onepiece-line1,
  .single .post_content
  .oripa-jtc-download-cta-v1[data-category="onepiece"]
  .oripa-jtc-download-cta-v1__onepiece-line2 {
    white-space: nowrap;
  }


  /* メリット */
  .single .post_content
  .oripa-jtc-download-cta-v1
  .oripa-jtc-download-cta-v1__points {
    gap: 5px 6px;

    margin-bottom: 8px !important;
  }


  .single .post_content
  .oripa-jtc-download-cta-v1
  .oripa-jtc-download-cta-v1__point {
    padding: 4px 6px !important;

    font-size: 10px;
    line-height: 1.3;
  }


  /* App Store / Google Play
     中間幅では右カラム内に収まるよう縮小可能にする */
  .single .post_content
  .oripa-jtc-download-cta-v1
  .oripa-jtc-download-cta-v1__stores {
    display: flex;
    align-items: center;
    justify-content: flex-start;

    gap: 7px;

    width: 100%;
    min-width: 0;
  }


  .single .post_content
  .oripa-jtc-download-cta-v1
  .oripa-jtc-download-cta-v1__stores a {
    flex: 0 1 128px;

    width: 100%;
    min-width: 0;
    max-width: 128px;
  }


  .single .post_content
  .oripa-jtc-download-cta-v1
  .oripa-jtc-download-cta-v1__stores img {
    display: block;

    width: 100% !important;
    max-width: 128px !important;
    height: auto !important;
  }


  /* 注釈 */
  .single .post_content
  .oripa-jtc-download-cta-v1
  .oripa-jtc-download-cta-v1__note {
    margin-top: 6px !important;

    font-size: 8px !important;
    line-height: 1.35;
  }

}


/* ==================================================
   10. スマホ
================================================== */

@media screen and (max-width: 767px) {

  /* CTA全体 */
  .single .post_content .oripa-jtc-download-cta-v1 {
    width: 100%;
    max-width: 100%;

    margin: 16px 0 !important;
    padding: 10px 8px !important;

    border-radius: 8px;
  }


  /* 2カラム */
  .single .post_content
  .oripa-jtc-download-cta-v1
  .oripa-jtc-download-cta-v1__main {
    grid-template-columns: 90px minmax(0, 1fr);

    gap: 8px;

    align-items: center;

    width: 100%;
    max-width: 100%;

    margin: 0 0 7px !important;
  }


  /* ==================================================
     ロゴ
     横幅はそのまま、縦方向だけ10％拡大
  ================================================== */

  .single .post_content
  .oripa-jtc-download-cta-v1
  .oripa-jtc-download-cta-v1__logo img {
    width: 90px !important;
    max-width: 90px !important;

    height: auto !important;

    transform: scaleY(1.10);
    transform-origin: center center;
  }


  /* 右側 */
  .single .post_content
  .oripa-jtc-download-cta-v1
  .oripa-jtc-download-cta-v1__main-content {
    width: 100%;

    padding-left: 0 !important;
  }


  /* No.1＋タイトル */
  .single .post_content
  .oripa-jtc-download-cta-v1
  .oripa-jtc-download-cta-v1__head-content {
    margin-bottom: 6px !important;
  }


  /* No.1 */
  .single .post_content
  .oripa-jtc-download-cta-v1
  .oripa-jtc-download-cta-v1__badge {
    margin-bottom: 4px !important;
    padding: 3px 6px !important;

    font-size: 9.5px;
    line-height: 1.3;
  }


  /* タイトル */
  .single .post_content
  .oripa-jtc-download-cta-v1
  .oripa-jtc-download-cta-v1__title {
    font-size: 13px;
    line-height: 1.4;
  }


  /* ワンピース */
  .single .post_content
  .oripa-jtc-download-cta-v1[data-category="onepiece"]
  .oripa-jtc-download-cta-v1__title {
    font-size: 12px;
  }


  /* メリット */
  .single .post_content
  .oripa-jtc-download-cta-v1
  .oripa-jtc-download-cta-v1__points {
    gap: 4px 5px;

    margin-bottom: 7px !important;
  }

  .single .post_content
  .oripa-jtc-download-cta-v1
  .oripa-jtc-download-cta-v1__point {
    padding: 3px 6px !important;

    font-size: 9px;
    line-height: 1.3;

    white-space: normal;
  }


  /* ストアボタン */
  .single .post_content
  .oripa-jtc-download-cta-v1
  .oripa-jtc-download-cta-v1__stores {
    gap: 6px;

    justify-content: flex-start;
  }

  .single .post_content
  .oripa-jtc-download-cta-v1
  .oripa-jtc-download-cta-v1__stores img {
    width: 118px !important;
    max-width: 118px !important;
  }


  /* 注釈 */
  .single .post_content
  .oripa-jtc-download-cta-v1
  .oripa-jtc-download-cta-v1__note {
    margin-top: 6px !important;

    font-size: 8px !important;
    line-height: 1.35;

    text-align: center;
  }

}


/* ==================================================
   11. 狭いスマホ
================================================== */

@media screen and (max-width: 360px) {

  /* 2カラム */
  .single .post_content
  .oripa-jtc-download-cta-v1
  .oripa-jtc-download-cta-v1__main {
    grid-template-columns: 76px minmax(0, 1fr);

    gap: 7px;
  }


  /* ロゴ
     横幅76pxに縮小されるが、
     scaleY(1.10)は上のスマホ指定をそのまま継承
  */
  .single .post_content
  .oripa-jtc-download-cta-v1
  .oripa-jtc-download-cta-v1__logo img {
    width: 76px !important;
    max-width: 76px !important;
  }


  /* タイトル */
  .single .post_content
  .oripa-jtc-download-cta-v1
  .oripa-jtc-download-cta-v1__title {
    font-size: 12px;
  }


  /* ワンピース */
  .single .post_content
  .oripa-jtc-download-cta-v1[data-category="onepiece"]
  .oripa-jtc-download-cta-v1__title {
    font-size: 11px;
  }


  /* メリット */
  .single .post_content
  .oripa-jtc-download-cta-v1
  .oripa-jtc-download-cta-v1__point {
    padding: 3px 5px !important;

    font-size: 8.5px;
  }


  /* ストアボタン */
  .single .post_content
  .oripa-jtc-download-cta-v1
  .oripa-jtc-download-cta-v1__stores img {
    width: 104px !important;
    max-width: 104px !important;
  }


  /* 注釈 */
  .single .post_content
  .oripa-jtc-download-cta-v1
  .oripa-jtc-download-cta-v1__note {
    font-size: 7.5px !important;
  }

}


/* ==================================================
   【END】
   日本トレカセンター
   コンパクト2カラム版 FINAL
================================================== */
/* ==================================================
   ワンピースCTA
   タイトル改行位置を固定
================================================== */

.oripa-jtc-download-cta-v1[data-category="onepiece"]
.oripa-jtc-download-cta-v1__onepiece-line1 {
  display: block;
  white-space: nowrap;
}

.oripa-jtc-download-cta-v1[data-category="onepiece"]
.oripa-jtc-download-cta-v1__onepiece-line2 {
  display: block;
  margin-top: 1px;
  white-space: nowrap;
}
/* ==================================================
   この記事で分かること
================================================== */

.single .post_content .article-point-box {
  width: 100%;
  margin: 24px 0;
  padding: 20px 24px;
  box-sizing: border-box;
  background: #f7f9fc;
  border: 2px solid #4a90e2;
  border-radius: 8px;
}

.single .post_content .article-point-box .article-point-title {
  margin: 0 0 12px !important;
  padding: 0;
  color: #333;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}

.single .post_content .article-point-box ul {
  margin: 0;
  padding-left: 1.5em;
}

.single .post_content .article-point-box li {
  margin-bottom: 8px !important;
  line-height: 1.7 !important;
}

.single .post_content .article-point-box li:last-child {
  margin-bottom: 0 !important;
}

@media screen and (max-width: 767px) {
  .single .post_content .article-point-box {
    margin: 20px 0;
    padding: 16px 18px;
  }

  .single .post_content .article-point-box .article-point-title {
    font-size: 16px;
  }
}
/* ==================================================
   予約・抽選情報 5列テーブル
   1列目固定＋横スクロール
================================================== */

.oripa-lottery-table {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.oripa-lottery-table table {
  width: 1000px !important;
  min-width: 1000px !important;
  max-width: none !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0;
}

.oripa-lottery-table th,
.oripa-lottery-table td {
  box-sizing: border-box;
  padding: 10px 8px !important;
  font-size: 13px;
  line-height: 1.5;
  vertical-align: middle;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* ヘッダー */
.oripa-lottery-table thead th {
  background: #f5a623 !important;
  color: #fff !important;
  font-weight: 700;
  text-align: center;
}

/* 1列目を固定 */
.oripa-lottery-table th:first-child,
.oripa-lottery-table td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
}

/* 本文の1列目 */
.oripa-lottery-table tbody td:first-child {
  background: #fff;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08);
}

/* ヘッダー左上 */
.oripa-lottery-table thead th:first-child {
  z-index: 3;
  background: #f5a623 !important;
}

/* 列幅 */
.oripa-lottery-table th:nth-child(1),
.oripa-lottery-table td:nth-child(1) {
  width: 180px !important;
}

.oripa-lottery-table th:nth-child(2),
.oripa-lottery-table td:nth-child(2) {
  width: 170px !important;
}

.oripa-lottery-table th:nth-child(3),
.oripa-lottery-table td:nth-child(3) {
  width: 190px !important;
}

.oripa-lottery-table th:nth-child(4),
.oripa-lottery-table td:nth-child(4) {
  width: 190px !important;
}

.oripa-lottery-table th:nth-child(5),
.oripa-lottery-table td:nth-child(5) {
  width: 270px !important;
}

/* スマホ */
@media screen and (max-width: 767px) {

  .oripa-lottery-table table {
    width: 830px !important;
    min-width: 830px !important;
  }

  .oripa-lottery-table th,
  .oripa-lottery-table td {
    padding: 8px 6px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  .oripa-lottery-table th:nth-child(1),
  .oripa-lottery-table td:nth-child(1) {
    width: 130px !important;
  }

  .oripa-lottery-table th:nth-child(2),
  .oripa-lottery-table td:nth-child(2) {
    width: 145px !important;
  }

  .oripa-lottery-table th:nth-child(3),
  .oripa-lottery-table td:nth-child(3) {
    width: 150px !important;
  }

  .oripa-lottery-table th:nth-child(4),
  .oripa-lottery-table td:nth-child(4) {
    width: 155px !important;
  }

  .oripa-lottery-table th:nth-child(5),
  .oripa-lottery-table td:nth-child(5) {
    width: 250px !important;
  }
}
/* ==================================================
   ORIGINAL ARTWORK COLLECTION
   再録カード一覧表
================================================== */

.oripa-reprint-card-table {
  width: 100%;
  max-height: none !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
}

.oripa-reprint-card-table table {
  height: auto !important;
  max-height: none !important;
}

.oripa-reprint-card-table tbody {
  height: auto !important;
  max-height: none !important;
}

/* ヘッダー */
.oripa-reprint-card-table thead th {
  background: #f5a623 !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-align: center !important;
  vertical-align: middle !important;
}

/* キャプション */
.oripa-reprint-card-table figcaption {
  overflow: visible !important;
  white-space: normal;
}


/* ==================================================
   ORIGINAL ARTWORK COLLECTION
   MANGA-STYLEカード一覧表
================================================== */

.oripa-manga-card-table {
  width: 100%;
  max-height: none !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
}

.oripa-manga-card-table table {
  height: auto !important;
  max-height: none !important;
}

.oripa-manga-card-table tbody {
  height: auto !important;
  max-height: none !important;
}

/* ヘッダー */
.oripa-manga-card-table thead th {
  background: #f5a623 !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-align: center !important;
  vertical-align: middle !important;
}

/* キャプション */
.oripa-manga-card-table figcaption {
  overflow: visible !important;
  white-space: normal;
}
/* ==================================================
   30th CELEBRATION 当たりカードランキング
   横スクロール＋1列目固定
================================================== */

figure.wp-block-table.celeb30-ranking-scroll {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

figure.wp-block-table.celeb30-ranking-scroll table.has-fixed-layout {
  width: 650px !important;
  min-width: 650px !important;
  max-width: none !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0;
}

/* セル共通：文字を一回り小さく */
figure.wp-block-table.celeb30-ranking-scroll th,
figure.wp-block-table.celeb30-ranking-scroll td {
  font-size: 13px !important;
  line-height: 1.45 !important;
}

/* 列幅 */
figure.wp-block-table.celeb30-ranking-scroll th:nth-child(1),
figure.wp-block-table.celeb30-ranking-scroll td:nth-child(1) {
  width: 70px !important;
  min-width: 70px !important;
  max-width: 70px !important;
  text-align: center;
}

figure.wp-block-table.celeb30-ranking-scroll th:nth-child(2),
figure.wp-block-table.celeb30-ranking-scroll td:nth-child(2) {
  width: 180px !important;
}

figure.wp-block-table.celeb30-ranking-scroll th:nth-child(3),
figure.wp-block-table.celeb30-ranking-scroll td:nth-child(3) {
  width: 180px !important;
}

figure.wp-block-table.celeb30-ranking-scroll th:nth-child(4),
figure.wp-block-table.celeb30-ranking-scroll td:nth-child(4) {
  width: 220px !important;
}

/* 1列目固定 */
figure.wp-block-table.celeb30-ranking-scroll th:first-child,
figure.wp-block-table.celeb30-ranking-scroll td:first-child {
  position: sticky !important;
  left: 0 !important;
  z-index: 3;
  background: #fff;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08);
}

/* ヘッダー */
figure.wp-block-table.celeb30-ranking-scroll thead th {
  background: #f5a623;
  color: #fff;
  text-align: center;
}

/* 固定される左上セル */
figure.wp-block-table.celeb30-ranking-scroll thead th:first-child {
  z-index: 5;
  background: #f5a623 !important;
  color: #fff !important;
}

/* スマホはさらに少し小さく */
@media screen and (max-width: 767px) {
  figure.wp-block-table.celeb30-ranking-scroll th,
  figure.wp-block-table.celeb30-ranking-scroll td {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }
}
/* ==================================================
   初回特典3カード比較
   クローブ1位版専用
   HTML側：
   .oripa-feature-compare--clove-first

   1位：クローブオリパ
   2位：日本トレカセンター
   3位：DOPA
================================================== */


/* ==================================================
   01. 画像枠を3カードで統一
================================================== */

.oripa-feature-compare--clove-first
.oripa-feature-card__image {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;

  margin: 4px 0 3px !important;
  padding: 0 !important;

  background: #fff !important;
  overflow: hidden !important;
  box-sizing: border-box;
}


/* 画像本体 */
.oripa-feature-compare--clove-first
.oripa-feature-card__image img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  max-width: none !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: contain !important;
  object-position: center center !important;

  transform: none !important;
}


/* ==================================================
   02. クローブ
   現在はrank1
================================================== */

.oripa-feature-compare--clove-first
.oripa-feature-card--rank1
.oripa-feature-card__image {
  aspect-ratio: 16 / 9 !important;
}

.oripa-feature-compare--clove-first
.oripa-feature-card--rank1
.oripa-feature-card__image img {
  object-fit: contain !important;
}


/* ==================================================
   03. 日本トレカセンター
   現在はrank2

   旧CSSの「rank2＝クローブ」設定を解除
================================================== */

.oripa-feature-compare--clove-first
.oripa-feature-card--rank2
.oripa-feature-card__image {
  aspect-ratio: 16 / 9 !important;
}

.oripa-feature-compare--clove-first
.oripa-feature-card--rank2
.oripa-feature-card__image img {
  object-fit: contain !important;
  object-position: center center !important;
}


/* ==================================================
   04. DOPA
================================================== */

.oripa-feature-compare--clove-first
.oripa-feature-card--rank3
.oripa-feature-card__image {
  aspect-ratio: 16 / 9 !important;
}


/* ==================================================
   05. 注釈エリア
   価格表の開始位置を揃える
================================================== */

.oripa-feature-compare--clove-first
.oripa-feature-card__note {
  display: block !important;

  width: 100% !important;

  height: 58px !important;
  min-height: 58px !important;
  max-height: none !important;

  margin: 0 0 5px !important;
  padding: 0 !important;

  box-sizing: border-box;

  color: #666;

  font-size: 8px !important;
  font-weight: 400;
  line-height: 1.3 !important;

  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;

  overflow: visible !important;
}


/* クローブ・DOPAの空欄にも同じ高さを確保 */
.oripa-feature-compare--clove-first
.oripa-feature-card__note--empty {
  height: 58px !important;
  min-height: 58px !important;

  visibility: hidden !important;
}


/* ==================================================
   06. スペック表

   旧rank1＝日本トレカセンター用の
   margin-top:9px を解除
================================================== */

.oripa-feature-compare--clove-first
.oripa-feature-card__spec {
  margin-top: 0 !important;
}


/* 各行の高さは既存設定を維持 */
.oripa-feature-compare--clove-first
.oripa-feature-card__spec-row:nth-child(1) {
  height: 46px;
}

.oripa-feature-compare--clove-first
.oripa-feature-card__spec-row:nth-child(2) {
  height: 64px;
}

.oripa-feature-compare--clove-first
.oripa-feature-card__spec-row:nth-child(3) {
  height: 64px;
}


/* ==================================================
   07. 旧rank1専用の文字設定をリセット
================================================== */

@media screen and (min-width: 768px) {

  /* 旧JTC用のnowrapをクローブでは使わない */
  .oripa-feature-compare--clove-first
  .oripa-feature-card--rank1
  .oripa-feature-card__spec-row:nth-child(2)
  .oripa-feature-card__spec-value {
    font-size: inherit !important;
    white-space: normal !important;
    letter-spacing: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

}


/* ==================================================
   08. タブレット
================================================== */

@media screen and (min-width: 768px) and (max-width: 1100px) {

  .oripa-feature-compare--clove-first
  .oripa-feature-card__image {
    aspect-ratio: 16 / 9 !important;
  }

  .oripa-feature-compare--clove-first
  .oripa-feature-card__note,
  .oripa-feature-compare--clove-first
  .oripa-feature-card__note--empty {
    height: 58px !important;
    min-height: 58px !important;

    margin-bottom: 4px !important;
  }

}


/* ==================================================
   09. スマホ
================================================== */

@media screen and (max-width: 767px) {

  .oripa-feature-compare--clove-first
  .oripa-feature-card__image {
    aspect-ratio: 16 / 9 !important;
  }

  .oripa-feature-compare--clove-first
  .oripa-feature-card__note,
  .oripa-feature-compare--clove-first
  .oripa-feature-card__note--empty {
    height: 58px !important;
    min-height: 58px !important;

    margin-bottom: 4px !important;
  }

  .oripa-feature-compare--clove-first
  .oripa-feature-card__note {
    font-size: 8px !important;
    line-height: 1.3 !important;
  }

}
/* ==================================================
   クローブ1位版
   既存rank1/rank2専用CSSを確実に上書き
================================================== */


/* ==========================================
   1位 クローブ
   旧rank1＝JTC用設定を解除
========================================== */

.oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
.oripa-feature-card--rank1
.oripa-feature-card__image {
  aspect-ratio: 16 / 9 !important;
}

.oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
.oripa-feature-card--rank1
.oripa-feature-card__image img {
  object-fit: contain !important;
  object-position: center center !important;
}


/* 空の注釈スペースを確実に58px確保 */
.oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
.oripa-feature-card--rank1
.oripa-feature-card__note,
.oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
.oripa-feature-card--rank1
.oripa-feature-card__note--empty {
  display: block !important;

  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;

  margin: 0 0 5px !important;
  padding: 0 !important;

  overflow: hidden !important;
  visibility: hidden !important;
}


/* 旧rank1用のmargin-top:9pxを解除 */
.oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
.oripa-feature-card--rank1
.oripa-feature-card__spec {
  margin-top: 0 !important;
}


/* ==========================================
   2位 日本トレカセンター
   旧rank2＝クローブ用設定を解除
========================================== */

.oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
.oripa-feature-card--rank2
.oripa-feature-card__image {
  aspect-ratio: 16 / 9 !important;
}

.oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
.oripa-feature-card--rank2
.oripa-feature-card__image img {
  object-fit: contain !important;
  object-position: center center !important;
}


/* JTCの注釈エリアも58pxに固定 */
.oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
.oripa-feature-card--rank2
.oripa-feature-card__note {
  display: block !important;

  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;

  margin: 0 0 5px !important;
  padding: 0 !important;

  font-size: 8px !important;
  line-height: 1.3 !important;

  overflow: hidden !important;
  visibility: visible !important;
}


/* ==========================================
   3位 DOPA
========================================== */

.oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
.oripa-feature-card--rank3
.oripa-feature-card__image {
  aspect-ratio: 16 / 9 !important;
}

.oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
.oripa-feature-card--rank3
.oripa-feature-card__note--empty {
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;

  margin: 0 0 5px !important;

  visibility: hidden !important;
}


/* ==========================================
   スペック表開始位置
========================================== */

.oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
.oripa-feature-card__spec {
  margin-top: 0 !important;
}


/* ==========================================
   タブレット・スマホも同じ基準に統一
========================================== */

@media screen and (max-width: 1100px) {

  .oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
  .oripa-feature-card__image {
    aspect-ratio: 16 / 9 !important;
  }

  .oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
  .oripa-feature-card__note,
  .oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
  .oripa-feature-card__note--empty {
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
  }

}
/* ==================================================
   クローブ1位版
   画像の空白調整＋クローブ表崩れ修正
   末尾に追記
================================================== */

/* ------------------------------------------
   1位 クローブオリパ
   画像を少しだけ縦長にする
------------------------------------------ */
.oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
.oripa-feature-card--rank1
.oripa-feature-card__image {
  aspect-ratio: 16 / 10.2 !important;
  margin-bottom: 6px !important;
}

.oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
.oripa-feature-card--rank1
.oripa-feature-card__image img {
  object-fit: fill !important;
  object-position: center center !important;
}

/* クローブの表崩れ修正 */
@media screen and (min-width: 768px) {
  .oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
  .oripa-feature-card--rank1
  .oripa-feature-card__spec-row:nth-child(2)
  .oripa-feature-card__spec-value {
    font-size: 11.5px !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    letter-spacing: -0.02em !important;
  }
}

/* 念のためクローブの表余白を安定化 */
.oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
.oripa-feature-card--rank1
.oripa-feature-card__spec {
  margin-top: 0 !important;
}


/* ------------------------------------------
   3位 DOPA
   画像を少しだけ縦長にする
------------------------------------------ */
.oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
.oripa-feature-card--rank3
.oripa-feature-card__image {
  aspect-ratio: 16 / 10.2 !important;
  margin-bottom: 6px !important;
}

.oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
.oripa-feature-card--rank3
.oripa-feature-card__image img {
  object-fit: fill !important;
  object-position: center center !important;
}


/* ------------------------------------------
   日本トレカセンターは現状維持
------------------------------------------ */
.oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
.oripa-feature-card--rank2
.oripa-feature-card__image {
  aspect-ratio: 16 / 9 !important;
}


/* ------------------------------------------
   タブレット
------------------------------------------ */
@media screen and (min-width: 768px) and (max-width: 1100px) {

  .oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
  .oripa-feature-card--rank1
  .oripa-feature-card__image,
  .oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
  .oripa-feature-card--rank3
  .oripa-feature-card__image {
    aspect-ratio: 16 / 10.1 !important;
  }

  .oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
  .oripa-feature-card--rank1
  .oripa-feature-card__spec-row:nth-child(2)
  .oripa-feature-card__spec-value {
    font-size: 11.5px !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    letter-spacing: -0.02em !important;
  }
}


/* ------------------------------------------
   スマホ
   スマホでは表内のnowrapは外す
------------------------------------------ */
@media screen and (max-width: 767px) {

  .oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
  .oripa-feature-card--rank1
  .oripa-feature-card__image,
  .oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
  .oripa-feature-card--rank3
  .oripa-feature-card__image {
    aspect-ratio: 16 / 10 !important;
  }

  .oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
  .oripa-feature-card--rank1
  .oripa-feature-card__spec-row:nth-child(2)
  .oripa-feature-card__spec-value {
    font-size: 12px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    letter-spacing: normal !important;
  }
}
/* ==================================================
   クローブ1位版
   表の開始位置 最終調整
================================================== */


/* ------------------------------------------
   PC
   クローブ・DOPAの空欄だけ縮める
------------------------------------------ */

@media screen and (min-width: 1101px) {

  /* 1位 クローブ */
  .oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
  .oripa-feature-card--rank1
  .oripa-feature-card__note--empty,

  /* 3位 DOPA */
  .oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
  .oripa-feature-card--rank3
  .oripa-feature-card__note--empty {
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;

    margin: 0 0 5px !important;
    padding: 0 !important;

    visibility: hidden !important;
    overflow: hidden !important;
  }

  /* 日本トレカセンターの注釈は58pxを維持 */
  .oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
  .oripa-feature-card--rank2
  .oripa-feature-card__note {
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;

    margin: 0 0 5px !important;
  }

  /* スペック表の余計な上余白を完全に解除 */
  .oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
  .oripa-feature-card__spec {
    margin-top: 0 !important;
  }

}


/* ------------------------------------------
   タブレット
------------------------------------------ */

@media screen and (min-width: 768px) and (max-width: 1100px) {

  .oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
  .oripa-feature-card--rank1
  .oripa-feature-card__note--empty,

  .oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
  .oripa-feature-card--rank3
  .oripa-feature-card__note--empty {
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;

    margin-bottom: 4px !important;
  }

}


/* ------------------------------------------
   スマホ
------------------------------------------ */

@media screen and (max-width: 767px) {

  /* クローブ・DOPAの表位置をスマホだけ調整 */
  .oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
  .oripa-feature-card--rank1
  .oripa-feature-card__note--empty,

  .oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
  .oripa-feature-card--rank3
  .oripa-feature-card__note--empty {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;

    margin-bottom: 4px !important;
    padding: 0 !important;

    visibility: hidden !important;
    overflow: hidden !important;
  }

}
/* ==================================================
   クローブ1位版
   PCの表位置 最終調整
================================================== */

@media screen and (min-width: 1101px) {

  /* 1位 クローブ・3位 DOPA */
  .oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
  .oripa-feature-card--rank1
  .oripa-feature-card__note--empty,

  .oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
  .oripa-feature-card--rank3
  .oripa-feature-card__note--empty {
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;

    margin: 0 0 5px !important;
    padding: 0 !important;

    visibility: hidden !important;
    overflow: hidden !important;
  }

  /* スペック表の余計な上余白を解除 */
  .oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--clove-first
  .oripa-feature-card__spec {
    margin-top: 0 !important;
  }

}
/* ==================================================
   クローブオリパ
   コンパクト2カラムCTA FINAL

   専用名前空間：
   .oripa-clv-download-cta-v1
================================================== */


/* ==================================================
   01. CTA全体
================================================== */

.single .post_content .oripa-clv-download-cta-v1 {
  width: min(100%, 900px);
  max-width: 900px;

  margin: 20px auto !important;
  padding: 16px 18px !important;

  border: 2px solid #d9b44a;
  border-radius: 10px;

  background: #fffdf7;

  box-sizing: border-box;
}


/* CTA内部のみbox-sizingを統一 */
.single .post_content .oripa-clv-download-cta-v1 *,
.single .post_content .oripa-clv-download-cta-v1 *::before,
.single .post_content .oripa-clv-download-cta-v1 *::after {
  box-sizing: border-box;
}


/* 本文pの余白をCTA内部のみリセット */
.single .post_content .oripa-clv-download-cta-v1 p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}


/* ==================================================
   02. メイン2カラム
================================================== */

.single .post_content
.oripa-clv-download-cta-v1
.oripa-clv-download-cta-v1__main {
  display: grid;

  grid-template-columns: 230px minmax(0, 1fr);

  gap: 22px;

  align-items: center;

  width: 100%;
  max-width: 850px;

  margin: 0 auto 8px !important;
  padding: 0 !important;
}


/* ==================================================
   03. クローブオリパ ロゴ
================================================== */

.single .post_content
.oripa-clv-download-cta-v1
.oripa-clv-download-cta-v1__logo {
  display: flex;
  align-items: center;
  justify-content: center;

  margin: 0 !important;
  padding: 0 !important;
}


.single .post_content
.oripa-clv-download-cta-v1
.oripa-clv-download-cta-v1__logo img {
  display: block;

  width: 230px !important;
  max-width: 230px !important;
  height: auto !important;

  margin: 0 auto !important;
  padding: 0 !important;

  border: 0 !important;

  object-fit: contain;
}


/* ==================================================
   04. 右側コンテンツ
================================================== */

.single .post_content
.oripa-clv-download-cta-v1
.oripa-clv-download-cta-v1__main-content {
  width: 100%;
  min-width: 0;

  margin: 0 !important;
  padding: 0 0 0 4px !important;
}


/* ==================================================
   05. バッジ＋タイトル
================================================== */

.single .post_content
.oripa-clv-download-cta-v1
.oripa-clv-download-cta-v1__head-content {
  width: 100%;
  min-width: 0;

  margin: 0 0 11px !important;
  padding: 0 !important;

  text-align: left;
}


/* バッジ */
.single .post_content
.oripa-clv-download-cta-v1
.oripa-clv-download-cta-v1__badge {
  display: inline-block;

  margin: 0 0 7px !important;
  padding: 5px 11px !important;

  border-radius: 999px;

  background: #fff1c7;

  color: #333;

  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}


/* バッジ内の注釈記号 */
.single .post_content
.oripa-clv-download-cta-v1
.oripa-clv-download-cta-v1__badge sup {
  font-size: 0.7em;
  vertical-align: super;
}


/* ==================================================
   06. タイトル
================================================== */

.single .post_content
.oripa-clv-download-cta-v1
.oripa-clv-download-cta-v1__title {
  width: 100%;

  margin: 0 !important;

  color: #222;

  font-size: 18px;
  font-weight: 700;
  line-height: 1.45;

  text-align: left;
}


/* ポケカ：赤 */
.single .post_content
.oripa-clv-download-cta-v1
.oripa-clv-download-cta-v1__accent-main {
  color: #e60033;
}


/* PSA10：ゴールド */
.single .post_content
.oripa-clv-download-cta-v1
.oripa-clv-download-cta-v1__accent-gold {
  color: #c58b00;
}


/* クローブオリパ */
.single .post_content
.oripa-clv-download-cta-v1
.oripa-clv-download-cta-v1__brand {
  display: inline-block;

  padding-bottom: 1px;

  border-bottom: 3px solid rgba(33, 33, 33, 0.14);

  color: #222;

  white-space: nowrap;
}


/* ==================================================
   07. メリット3項目
================================================== */

.single .post_content
.oripa-clv-download-cta-v1
.oripa-clv-download-cta-v1__points {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;

  gap: 6px 8px;

  width: 100%;

  margin: 0 0 12px !important;
  padding: 0 !important;
}


.single .post_content
.oripa-clv-download-cta-v1
.oripa-clv-download-cta-v1__point {
  display: inline-block;

  margin: 0 !important;
  padding: 5px 9px !important;

  border: 1px solid #e6dfc9;
  border-radius: 999px;

  background: #fffaf0;

  color: #665116;

  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;

  white-space: nowrap;
}


/* ==================================================
   08. App Store / Google Play
================================================== */

.single .post_content
.oripa-clv-download-cta-v1
.oripa-clv-download-cta-v1__stores {
  display: flex;
  align-items: center;
  justify-content: flex-start;

  gap: 10px;

  width: 100%;

  margin: 0 !important;
  padding: 0 !important;
}


.single .post_content
.oripa-clv-download-cta-v1
.oripa-clv-download-cta-v1__stores a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: none !important;

  box-shadow: none !important;

  color: inherit !important;
  text-decoration: none !important;

  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}


.single .post_content
.oripa-clv-download-cta-v1
.oripa-clv-download-cta-v1__stores img {
  display: block;

  width: 145px !important;
  max-width: 145px !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;

  object-fit: contain;
}


/* PCホバー */
@media (hover: hover) {

  .single .post_content
  .oripa-clv-download-cta-v1
  .oripa-clv-download-cta-v1__stores a:hover {
    opacity: 0.82;
    transform: translateY(1px);
  }

}


/* キーボード操作 */
.single .post_content
.oripa-clv-download-cta-v1
.oripa-clv-download-cta-v1__stores a:focus-visible {
  outline: 3px solid rgba(217, 180, 74, 0.35);
  outline-offset: 3px;
}


/* ==================================================
   09. 注釈
================================================== */

.single .post_content
.oripa-clv-download-cta-v1
.oripa-clv-download-cta-v1__note {
  width: 100%;

  margin: 8px 0 0 !important;

  color: #666;

  font-size: 9px !important;
  font-weight: 400;
  line-height: 1.4;

  text-align: center;
}


/* ==================================================
   10. タブレット・狭いPC
================================================== */

@media screen and (min-width: 768px) and (max-width: 1280px) {

  .single .post_content .oripa-clv-download-cta-v1 {
    width: 100%;
    max-width: 100%;

    padding: 14px !important;
  }


  .single .post_content
  .oripa-clv-download-cta-v1
  .oripa-clv-download-cta-v1__main {
    grid-template-columns: 150px minmax(0, 1fr);

    gap: 14px;

    width: 100%;
    max-width: 100%;

    margin: 0 auto 7px !important;
  }


  .single .post_content
  .oripa-clv-download-cta-v1
  .oripa-clv-download-cta-v1__logo img {
    width: 150px !important;
    max-width: 150px !important;
    height: auto !important;
  }


  .single .post_content
  .oripa-clv-download-cta-v1
  .oripa-clv-download-cta-v1__main-content {
    width: 100%;
    min-width: 0;

    padding-left: 0 !important;
  }


  .single .post_content
  .oripa-clv-download-cta-v1
  .oripa-clv-download-cta-v1__badge {
    margin-bottom: 5px !important;
    padding: 4px 8px !important;

    font-size: 10px;
    line-height: 1.3;
  }


  .single .post_content
  .oripa-clv-download-cta-v1
  .oripa-clv-download-cta-v1__title {
    font-size: 15px;
    line-height: 1.4;
  }


  .single .post_content
  .oripa-clv-download-cta-v1
  .oripa-clv-download-cta-v1__points {
    gap: 5px 6px;

    margin-bottom: 8px !important;
  }


  .single .post_content
  .oripa-clv-download-cta-v1
  .oripa-clv-download-cta-v1__point {
    padding: 4px 6px !important;

    font-size: 10px;
    line-height: 1.3;
  }


  .single .post_content
  .oripa-clv-download-cta-v1
  .oripa-clv-download-cta-v1__stores {
    gap: 7px;

    width: 100%;
    min-width: 0;
  }


  .single .post_content
  .oripa-clv-download-cta-v1
  .oripa-clv-download-cta-v1__stores a {
    flex: 0 1 128px;

    width: 100%;
    min-width: 0;
    max-width: 128px;
  }


  .single .post_content
  .oripa-clv-download-cta-v1
  .oripa-clv-download-cta-v1__stores img {
    width: 100% !important;
    max-width: 128px !important;
    height: auto !important;
  }


  .single .post_content
  .oripa-clv-download-cta-v1
  .oripa-clv-download-cta-v1__note {
    margin-top: 6px !important;

    font-size: 8px !important;
    line-height: 1.35;
  }

}


/* ==================================================
   11. スマホ
================================================== */

@media screen and (max-width: 767px) {

  /* CTA全体 */
  .single .post_content .oripa-clv-download-cta-v1 {
    width: 100%;
    max-width: 100%;

    margin: 16px 0 !important;
    padding: 10px 8px !important;

    border-radius: 8px;
  }


  /* 2カラム */
  .single .post_content
  .oripa-clv-download-cta-v1
  .oripa-clv-download-cta-v1__main {
    grid-template-columns: 90px minmax(0, 1fr);

    gap: 8px;

    align-items: center;

    width: 100%;
    max-width: 100%;

    margin: 0 0 7px !important;
  }


  /* クローブロゴ
     横幅90pxのまま縦方向だけ10％拡大 */
  .single .post_content
  .oripa-clv-download-cta-v1
  .oripa-clv-download-cta-v1__logo img {
    width: 90px !important;
    max-width: 90px !important;
    height: auto !important;

    transform: scaleY(1.10);
    transform-origin: center center;
  }


  /* 右側 */
  .single .post_content
  .oripa-clv-download-cta-v1
  .oripa-clv-download-cta-v1__main-content {
    width: 100%;

    padding-left: 0 !important;
  }


  /* バッジ＋タイトル */
  .single .post_content
  .oripa-clv-download-cta-v1
  .oripa-clv-download-cta-v1__head-content {
    margin-bottom: 6px !important;
  }


  /* バッジ */
  .single .post_content
  .oripa-clv-download-cta-v1
  .oripa-clv-download-cta-v1__badge {
    margin-bottom: 4px !important;
    padding: 3px 6px !important;

    font-size: 9.5px;
    line-height: 1.3;
  }


  /* タイトル */
  .single .post_content
  .oripa-clv-download-cta-v1
  .oripa-clv-download-cta-v1__title {
    font-size: 13px;
    line-height: 1.4;
  }


  /* メリット */
  .single .post_content
  .oripa-clv-download-cta-v1
  .oripa-clv-download-cta-v1__points {
    gap: 4px 5px;

    margin-bottom: 7px !important;
  }


  .single .post_content
  .oripa-clv-download-cta-v1
  .oripa-clv-download-cta-v1__point {
    padding: 3px 6px !important;

    font-size: 9px;
    line-height: 1.3;

    white-space: normal;
  }


  /* ストアボタン */
  .single .post_content
  .oripa-clv-download-cta-v1
  .oripa-clv-download-cta-v1__stores {
    gap: 6px;

    justify-content: flex-start;
  }


  .single .post_content
  .oripa-clv-download-cta-v1
  .oripa-clv-download-cta-v1__stores img {
    width: 118px !important;
    max-width: 118px !important;
  }


  /* 注釈 */
  .single .post_content
  .oripa-clv-download-cta-v1
  .oripa-clv-download-cta-v1__note {
    margin-top: 6px !important;

    font-size: 8px !important;
    line-height: 1.35;

    text-align: center;
  }

}


/* ==================================================
   12. 狭いスマホ
================================================== */

@media screen and (max-width: 360px) {

  /* 2カラム */
  .single .post_content
  .oripa-clv-download-cta-v1
  .oripa-clv-download-cta-v1__main {
    grid-template-columns: 76px minmax(0, 1fr);

    gap: 7px;
  }


  /* ロゴ
     横幅76pxのまま、上のscaleY(1.10)を継承 */
  .single .post_content
  .oripa-clv-download-cta-v1
  .oripa-clv-download-cta-v1__logo img {
    width: 76px !important;
    max-width: 76px !important;
  }


  /* タイトル */
  .single .post_content
  .oripa-clv-download-cta-v1
  .oripa-clv-download-cta-v1__title {
    font-size: 12px;
  }


  /* メリット */
  .single .post_content
  .oripa-clv-download-cta-v1
  .oripa-clv-download-cta-v1__point {
    padding: 3px 5px !important;

    font-size: 8.5px;
  }


  /* ストアボタン */
  .single .post_content
  .oripa-clv-download-cta-v1
  .oripa-clv-download-cta-v1__stores img {
    width: 104px !important;
    max-width: 104px !important;
  }


  /* 注釈 */
  .single .post_content
  .oripa-clv-download-cta-v1
  .oripa-clv-download-cta-v1__note {
    font-size: 7.5px !important;
  }

}


/* ==================================================
   【END】
   クローブオリパ CTA FINAL
================================================== */
/* ==================================================
   アビスアイ：当たりカード価格表
   横スクロール＋1列目固定＋ヘッダー装飾
================================================== */

figure.wp-block-table.abyss-eye-price-table {
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
}

/* テーブル本体 */
figure.wp-block-table.abyss-eye-price-table table {
  width: 750px !important;
  min-width: 750px !important;
  max-width: none !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0;
}

/* セル共通 */
figure.wp-block-table.abyss-eye-price-table th,
figure.wp-block-table.abyss-eye-price-table td {
  box-sizing: border-box;
  padding: 8px 7px;
  vertical-align: middle;
  white-space: nowrap;
}

/* ==============================
   ヘッダー
============================== */

figure.wp-block-table.abyss-eye-price-table thead th {
  background: #f5a623 !important;
  color: #fff !important;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
}

/* ==============================
   列幅
============================== */

/* 1列目：順位 */
figure.wp-block-table.abyss-eye-price-table th:nth-child(1),
figure.wp-block-table.abyss-eye-price-table td:nth-child(1) {
  width: 75px !important;
  min-width: 75px !important;
  max-width: 75px !important;
  text-align: center;
}

/* 2列目：カード名 */
figure.wp-block-table.abyss-eye-price-table th:nth-child(2),
figure.wp-block-table.abyss-eye-price-table td:nth-child(2) {
  width: 220px !important;
}

/* 3列目：レアリティ */
figure.wp-block-table.abyss-eye-price-table th:nth-child(3),
figure.wp-block-table.abyss-eye-price-table td:nth-child(3) {
  width: 120px !important;
  text-align: center;
}

/* 4・5列目：価格 */
figure.wp-block-table.abyss-eye-price-table th:nth-child(4),
figure.wp-block-table.abyss-eye-price-table td:nth-child(4),
figure.wp-block-table.abyss-eye-price-table th:nth-child(5),
figure.wp-block-table.abyss-eye-price-table td:nth-child(5) {
  width: 165px !important;
  text-align: center;
}

/* ==============================
   1列目固定
============================== */

figure.wp-block-table.abyss-eye-price-table th:first-child,
figure.wp-block-table.abyss-eye-price-table td:first-child {
  position: sticky;
  left: 0;
}

/* 本文の固定列 */
figure.wp-block-table.abyss-eye-price-table tbody td:first-child {
  z-index: 3;
  background: #fff;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08);
}

/* 左上ヘッダー */
figure.wp-block-table.abyss-eye-price-table thead th:first-child {
  z-index: 5;
  background: #f5a623 !important;
  color: #fff !important;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08);
}

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

@media screen and (max-width: 767px) {

  figure.wp-block-table.abyss-eye-price-table table {
    width: 650px !important;
    min-width: 650px !important;
  }

  figure.wp-block-table.abyss-eye-price-table th,
  figure.wp-block-table.abyss-eye-price-table td {
    padding: 7px 6px !important;
    font-size: 12px !important;
    line-height: 1.45;
  }

  figure.wp-block-table.abyss-eye-price-table th:nth-child(1),
  figure.wp-block-table.abyss-eye-price-table td:nth-child(1) {
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
  }

  figure.wp-block-table.abyss-eye-price-table th:nth-child(2),
  figure.wp-block-table.abyss-eye-price-table td:nth-child(2) {
    width: 190px !important;
  }

  figure.wp-block-table.abyss-eye-price-table th:nth-child(3),
  figure.wp-block-table.abyss-eye-price-table td:nth-child(3) {
    width: 100px !important;
  }

  figure.wp-block-table.abyss-eye-price-table th:nth-child(4),
  figure.wp-block-table.abyss-eye-price-table td:nth-child(4),
  figure.wp-block-table.abyss-eye-price-table th:nth-child(5),
  figure.wp-block-table.abyss-eye-price-table td:nth-child(5) {
    width: 150px !important;
  }
}
/* ==================================================
   アビスアイ：収録カード一覧
   3列＋折り畳み＋ヘッダー装飾
   ※固定列・横スクロールなし
================================================== */

.abyss-cardlist-wrap {
  margin: 1.5em 0;
}

/* ==============================
   テーブル外枠
============================== */

figure.wp-block-table.abyss-card-list-table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
  overflow: visible !important;
}

/* ==============================
   テーブル本体
============================== */

figure.wp-block-table.abyss-card-list-table table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
}

/* セル共通 */
figure.wp-block-table.abyss-card-list-table th,
figure.wp-block-table.abyss-card-list-table td {
  box-sizing: border-box;
  padding: 8px 7px;
  font-size: 13px;
  line-height: 1.45;
  vertical-align: middle;
}

/* ==============================
   ヘッダー装飾
============================== */

figure.wp-block-table.abyss-card-list-table thead th {
  background: #f5a623 !important;
  color: #fff !important;
  font-weight: 700;
  text-align: center;
}

/* ==============================
   列幅
============================== */

figure.wp-block-table.abyss-card-list-table th,
figure.wp-block-table.abyss-card-list-table td {
  width: 33.333% !important;
}

/* カード名 */
figure.wp-block-table.abyss-card-list-table th:nth-child(1),
figure.wp-block-table.abyss-card-list-table td:nth-child(1) {
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* カード番号 */
figure.wp-block-table.abyss-card-list-table th:nth-child(2),
figure.wp-block-table.abyss-card-list-table td:nth-child(2) {
  text-align: center;
  white-space: nowrap;
}

/* レアリティ */
figure.wp-block-table.abyss-card-list-table th:nth-child(3),
figure.wp-block-table.abyss-card-list-table td:nth-child(3) {
  text-align: center;
  white-space: nowrap;
}

/* ==============================
   折り畳み
   初期状態：12行表示
============================== */

.abyss-cardlist-wrap:not(.is-open)
.abyss-card-list-table tbody tr:nth-child(n+13) {
  display: none;
}

/* ==============================
   もっと見るボタン
============================== */

.abyss-cardlist-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.45em;

  width: 100%;
  margin-top: 12px;
  padding: 11px 16px;

  border: 2px solid #f5a623;
  border-radius: 4px;

  background: #fff;
  color: #d88600;

  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;

  cursor: pointer;
}

.abyss-cardlist-toggle:hover {
  opacity: 0.85;
}

.abyss-cardlist-toggle__icon {
  font-size: 12px;
  transition: transform 0.25s ease;
}

.abyss-cardlist-wrap.is-open
.abyss-cardlist-toggle__icon {
  transform: rotate(180deg);
}

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

@media screen and (max-width: 767px) {

  figure.wp-block-table.abyss-card-list-table table {
    width: 100% !important;
    max-width: 100% !important;
  }

  figure.wp-block-table.abyss-card-list-table th,
  figure.wp-block-table.abyss-card-list-table td {
    padding: 7px 4px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  /* カード名 */
  figure.wp-block-table.abyss-card-list-table th:nth-child(1),
  figure.wp-block-table.abyss-card-list-table td:nth-child(1) {
    width: 52% !important;
  }

  /* カード番号 */
  figure.wp-block-table.abyss-card-list-table th:nth-child(2),
  figure.wp-block-table.abyss-card-list-table td:nth-child(2) {
    width: 30% !important;
  }

  /* レアリティ */
  figure.wp-block-table.abyss-card-list-table th:nth-child(3),
  figure.wp-block-table.abyss-card-list-table td:nth-child(3) {
    width: 18% !important;
  }

  .abyss-cardlist-toggle {
    padding: 10px 14px;
    font-size: 13px;
  }
}
/* ==================================================
   アビスアイ価格表：PCのみ文字サイズを小さく
================================================== */

@media screen and (min-width: 768px) {
  figure.wp-block-table.abyss-eye-price-table th,
  figure.wp-block-table.abyss-eye-price-table td {
    font-size: 12px !important;
  }
}
/* ==================================================
   ORIGINAL ARTWORK COLLECTION 当たりランキング表
   横スクロール + 1列目固定
================================================== */

figure.wp-block-table.artwork-ranking-table {
  max-width: 100%;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

/* 表全体 */
figure.wp-block-table.artwork-ranking-table table.has-fixed-layout {
  width: 900px !important;
  min-width: 900px !important;
  max-width: none !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0;
}

/* セル共通 */
figure.wp-block-table.artwork-ranking-table th,
figure.wp-block-table.artwork-ranking-table td {
  box-sizing: border-box;
  padding: 9px 10px !important;
  vertical-align: middle;
  font-size: 13px;
  line-height: 1.5;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* =========================
   列幅
========================= */

/* 順位 */
figure.wp-block-table.artwork-ranking-table th:nth-child(1),
figure.wp-block-table.artwork-ranking-table td:nth-child(1) {
  width: 70px !important;
  min-width: 70px !important;
  max-width: 70px !important;
  text-align: center;
}

/* カード名 */
figure.wp-block-table.artwork-ranking-table th:nth-child(2),
figure.wp-block-table.artwork-ranking-table td:nth-child(2) {
  width: 270px !important;
  min-width: 270px !important;
  max-width: 270px !important;
}

/* レアリティ・仕様 */
figure.wp-block-table.artwork-ranking-table th:nth-child(3),
figure.wp-block-table.artwork-ranking-table td:nth-child(3) {
  width: 270px !important;
  min-width: 270px !important;
  max-width: 270px !important;
}

/* 価格区分 */
figure.wp-block-table.artwork-ranking-table th:nth-child(4),
figure.wp-block-table.artwork-ranking-table td:nth-child(4) {
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
  text-align: center;
}

/* 参考価格 */
figure.wp-block-table.artwork-ranking-table th:nth-child(5),
figure.wp-block-table.artwork-ranking-table td:nth-child(5) {
  width: 170px !important;
  min-width: 170px !important;
  max-width: 170px !important;
  text-align: center;
}

/* =========================
   ヘッダー装飾
   現在のHTMLはtheadではなく
   tbodyの1行目にthがあるため、この指定
========================= */

figure.wp-block-table.artwork-ranking-table
tbody > tr:first-child > th {
  background: #f5a623 !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-bottom: 2px solid #dc8d0e !important;
}

/* =========================
   1列目固定
========================= */

figure.wp-block-table.artwork-ranking-table th:first-child,
figure.wp-block-table.artwork-ranking-table td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  background: #fff !important;
  font-weight: 700;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.10);
}

/* 固定したヘッダー左上だけオレンジを維持 */
figure.wp-block-table.artwork-ranking-table
tbody > tr:first-child > th:first-child {
  z-index: 4;
  background: #f5a623 !important;
  color: #fff !important;
}

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

@media screen and (max-width: 767px) {

  figure.wp-block-table.artwork-ranking-table table.has-fixed-layout {
    width: 820px !important;
    min-width: 820px !important;
  }

  figure.wp-block-table.artwork-ranking-table th,
  figure.wp-block-table.artwork-ranking-table td {
    padding: 7px 6px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  /* 順位 */
  figure.wp-block-table.artwork-ranking-table th:nth-child(1),
  figure.wp-block-table.artwork-ranking-table td:nth-child(1) {
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
  }

  /* カード名 */
  figure.wp-block-table.artwork-ranking-table th:nth-child(2),
  figure.wp-block-table.artwork-ranking-table td:nth-child(2) {
    width: 230px !important;
    min-width: 230px !important;
    max-width: 230px !important;
  }

  /* レアリティ・仕様 */
  figure.wp-block-table.artwork-ranking-table th:nth-child(3),
  figure.wp-block-table.artwork-ranking-table td:nth-child(3) {
    width: 240px !important;
    min-width: 240px !important;
    max-width: 240px !important;
  }

  /* 価格区分 */
  figure.wp-block-table.artwork-ranking-table th:nth-child(4),
  figure.wp-block-table.artwork-ranking-table td:nth-child(4) {
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
  }

  /* 参考価格 */
  figure.wp-block-table.artwork-ranking-table th:nth-child(5),
  figure.wp-block-table.artwork-ranking-table td:nth-child(5) {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
  }
}
/* ==================================================
   ORIGINAL ARTWORK COLLECTION
   GMRランキング表：横スクロール + 1列目固定
================================================== */

figure.wp-block-table.artwork-gmr-ranking-table {
  max-width: 100%;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

figure.wp-block-table.artwork-gmr-ranking-table table.has-fixed-layout {
  width: 760px !important;
  min-width: 760px !important;
  max-width: none !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0;
}

/* セル共通 */
figure.wp-block-table.artwork-gmr-ranking-table th,
figure.wp-block-table.artwork-gmr-ranking-table td {
  box-sizing: border-box;
  padding: 9px 10px !important;
  vertical-align: middle;
  font-size: 13px;
  line-height: 1.5;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* 1列目：順位 */
figure.wp-block-table.artwork-gmr-ranking-table th:nth-child(1),
figure.wp-block-table.artwork-gmr-ranking-table td:nth-child(1) {
  width: 70px !important;
  min-width: 70px !important;
  max-width: 70px !important;
  text-align: center;
}

/* 2列目：カード名 */
figure.wp-block-table.artwork-gmr-ranking-table th:nth-child(2),
figure.wp-block-table.artwork-gmr-ranking-table td:nth-child(2) {
  width: 370px !important;
  min-width: 370px !important;
  max-width: 370px !important;
}

/* 3列目：価格区分 */
figure.wp-block-table.artwork-gmr-ranking-table th:nth-child(3),
figure.wp-block-table.artwork-gmr-ranking-table td:nth-child(3) {
  width: 140px !important;
  min-width: 140px !important;
  max-width: 140px !important;
  text-align: center;
}

/* 4列目：参考価格 */
figure.wp-block-table.artwork-gmr-ranking-table th:nth-child(4),
figure.wp-block-table.artwork-gmr-ranking-table td:nth-child(4) {
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
  text-align: center;
}

/* ヘッダー */
figure.wp-block-table.artwork-gmr-ranking-table
tbody > tr:first-child > th {
  background: #f5a623 !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-bottom: 2px solid #dc8d0e !important;
}

/* 1列目固定 */
figure.wp-block-table.artwork-gmr-ranking-table th:first-child,
figure.wp-block-table.artwork-gmr-ranking-table td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  background: #fff !important;
  font-weight: 700;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.10);
}

/* 左上ヘッダー */
figure.wp-block-table.artwork-gmr-ranking-table
tbody > tr:first-child > th:first-child {
  z-index: 4;
  background: #f5a623 !important;
  color: #fff !important;
}

/* スマホ */
@media screen and (max-width: 767px) {

  figure.wp-block-table.artwork-gmr-ranking-table table.has-fixed-layout {
    width: 650px !important;
    min-width: 650px !important;
  }

  figure.wp-block-table.artwork-gmr-ranking-table th,
  figure.wp-block-table.artwork-gmr-ranking-table td {
    padding: 7px 6px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  figure.wp-block-table.artwork-gmr-ranking-table th:nth-child(1),
  figure.wp-block-table.artwork-gmr-ranking-table td:nth-child(1) {
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
  }

  figure.wp-block-table.artwork-gmr-ranking-table th:nth-child(2),
  figure.wp-block-table.artwork-gmr-ranking-table td:nth-child(2) {
    width: 310px !important;
    min-width: 310px !important;
    max-width: 310px !important;
  }

  figure.wp-block-table.artwork-gmr-ranking-table th:nth-child(3),
  figure.wp-block-table.artwork-gmr-ranking-table td:nth-child(3) {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
  }

  figure.wp-block-table.artwork-gmr-ranking-table th:nth-child(4),
  figure.wp-block-table.artwork-gmr-ranking-table td:nth-child(4) {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
  }
}
/* ==================================================
   ORIGINAL ARTWORK COLLECTION
   全収録カード表
   折り畳み + 横スクロール + 1列目固定
================================================== */

.artwork-cardlist {
  position: relative;
  margin: 1.5em 0;
}

/* 折り畳み部分 */
.artwork-cardlist__body {
  position: relative;
  max-height: 590px;
  overflow: hidden;
  transition: max-height 0.35s ease;
}

/* 下部グラデーション */
.artwork-cardlist__body::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 16px;
  left: 0;
  z-index: 5;
  height: 60px;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0),
    #fff
  );
  pointer-events: none;
}

/* 展開時 */
.artwork-cardlist.is-open .artwork-cardlist__body {
  max-height: none;
  overflow: visible;
}

.artwork-cardlist.is-open .artwork-cardlist__body::after {
  display: none;
}

/* =========================
   テーブル
========================= */

figure.wp-block-table.artwork-cardlist-table {
  width: 100%;
  max-width: 100%;
  margin: 0;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

figure.wp-block-table.artwork-cardlist-table table.has-fixed-layout {
  width: 760px !important;
  min-width: 760px !important;
  max-width: none !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0;
}

figure.wp-block-table.artwork-cardlist-table th,
figure.wp-block-table.artwork-cardlist-table td {
  box-sizing: border-box;
  padding: 9px 10px !important;
  font-size: 13px;
  line-height: 1.5;
  vertical-align: middle;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* =========================
   列幅
========================= */

/* 1列目：カード番号 */
figure.wp-block-table.artwork-cardlist-table th:nth-child(1),
figure.wp-block-table.artwork-cardlist-table td:nth-child(1) {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
  text-align: center;
  white-space: nowrap;
}

/* 2列目：カード名 */
figure.wp-block-table.artwork-cardlist-table th:nth-child(2),
figure.wp-block-table.artwork-cardlist-table td:nth-child(2) {
  width: 450px !important;
  min-width: 450px !important;
  max-width: 450px !important;
}

/* 3列目：基本レアリティ */
figure.wp-block-table.artwork-cardlist-table th:nth-child(3),
figure.wp-block-table.artwork-cardlist-table td:nth-child(3) {
  width: 160px !important;
  min-width: 160px !important;
  max-width: 160px !important;
  text-align: center;
}

/* =========================
   ヘッダー
========================= */

figure.wp-block-table.artwork-cardlist-table thead th {
  background: #f5a623 !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-bottom: 2px solid #dc8d0e !important;
}

/* =========================
   1列目固定
========================= */

figure.wp-block-table.artwork-cardlist-table th:first-child,
figure.wp-block-table.artwork-cardlist-table td:first-child {
  position: sticky;
  left: 0;
  z-index: 3;
  background: #fff !important;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.10);
}

/* 左上ヘッダー */
figure.wp-block-table.artwork-cardlist-table thead th:first-child {
  z-index: 6;
  background: #f5a623 !important;
  color: #fff !important;
}

/* =========================
   開閉ボタン
========================= */

.artwork-cardlist__button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.45em;
  width: 100%;
  margin-top: 12px;
  padding: 12px 16px;
  border: 2px solid #f5a623;
  border-radius: 5px;
  background: #fff;
  color: #d88700;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  cursor: pointer;
}

.artwork-cardlist__button:hover {
  background: #fff9ee;
}

.artwork-cardlist__icon {
  display: inline-block;
  font-size: 12px;
  transition: transform 0.25s ease;
}

.artwork-cardlist.is-open .artwork-cardlist__icon {
  transform: rotate(180deg);
}

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

@media screen and (max-width: 767px) {

  .artwork-cardlist__body {
    max-height: 530px;
  }

  figure.wp-block-table.artwork-cardlist-table table.has-fixed-layout {
    width: 620px !important;
    min-width: 620px !important;
  }

  figure.wp-block-table.artwork-cardlist-table th,
  figure.wp-block-table.artwork-cardlist-table td {
    padding: 7px 6px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  /* カード番号 */
  figure.wp-block-table.artwork-cardlist-table th:nth-child(1),
  figure.wp-block-table.artwork-cardlist-table td:nth-child(1) {
    width: 125px !important;
    min-width: 125px !important;
    max-width: 125px !important;
  }

  /* カード名 */
  figure.wp-block-table.artwork-cardlist-table th:nth-child(2),
  figure.wp-block-table.artwork-cardlist-table td:nth-child(2) {
    width: 365px !important;
    min-width: 365px !important;
    max-width: 365px !important;
  }

  /* 基本レアリティ */
  figure.wp-block-table.artwork-cardlist-table th:nth-child(3),
  figure.wp-block-table.artwork-cardlist-table td:nth-child(3) {
    width: 130px !important;
    min-width: 130px !important;
    max-width: 130px !important;
  }

  .artwork-cardlist__button {
    padding: 11px 12px;
    font-size: 14px;
  }
}
/* =========================================
   OP16価格ランキング専用
   横スクロール・1列目固定・ヘッダー装飾
========================================= */

figure.wp-block-table.op16-price-ranking {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  isolation: isolate;
}

figure.wp-block-table.op16-price-ranking table.has-fixed-layout {
  width: 800px !important;
  min-width: 800px !important;
  max-width: none !important;
  margin: 0 !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 0 !important;
}

/* セル共通 */
figure.wp-block-table.op16-price-ranking th,
figure.wp-block-table.op16-price-ranking td {
  box-sizing: border-box;
  padding: 10px 8px !important;
  border: 0 !important;
  border-right: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
  background: #fff;
  color: #333;
  font-size: 13px !important;
  line-height: 1.5 !important;
  vertical-align: middle !important;
  text-align: center;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* 1列目：順位 */
figure.wp-block-table.op16-price-ranking th:nth-child(1),
figure.wp-block-table.op16-price-ranking td:nth-child(1) {
  width: 65px !important;
  border-left: 1px solid #ddd !important;
  white-space: nowrap;
}

/* 2列目：カード名 */
figure.wp-block-table.op16-price-ranking th:nth-child(2),
figure.wp-block-table.op16-price-ranking td:nth-child(2) {
  width: 285px !important;
}

figure.wp-block-table.op16-price-ranking tbody td:nth-child(2) {
  text-align: left;
}

/* 3列目：レアリティ */
figure.wp-block-table.op16-price-ranking th:nth-child(3),
figure.wp-block-table.op16-price-ranking td:nth-child(3) {
  width: 210px !important;
}

/* 4・5列目：価格 */
figure.wp-block-table.op16-price-ranking th:nth-child(4),
figure.wp-block-table.op16-price-ranking td:nth-child(4),
figure.wp-block-table.op16-price-ranking th:nth-child(5),
figure.wp-block-table.op16-price-ranking td:nth-child(5) {
  width: 120px !important;
  white-space: nowrap;
}

/* 1列目固定 */
figure.wp-block-table.op16-price-ranking th:first-child,
figure.wp-block-table.op16-price-ranking td:first-child {
  position: sticky !important;
  left: 0 !important;
  z-index: 2;
  background: #fff !important;
  font-weight: 700;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.1);
}

/* ヘッダー装飾 */
figure.wp-block-table.op16-price-ranking thead th {
  background: #f5a623 !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-top: 1px solid #dc8d0e !important;
  border-bottom: 2px solid #dc8d0e !important;
}

/* 固定した左上ヘッダー */
figure.wp-block-table.op16-price-ranking thead th:first-child {
  z-index: 3;
  background: #f5a623 !important;
  color: #fff !important;
}

/* スマホ */
@media screen and (max-width: 767px) {
  figure.wp-block-table.op16-price-ranking table.has-fixed-layout {
    width: 675px !important;
    min-width: 675px !important;
  }

  figure.wp-block-table.op16-price-ranking th,
  figure.wp-block-table.op16-price-ranking td {
    padding: 8px 6px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  figure.wp-block-table.op16-price-ranking th:nth-child(1),
  figure.wp-block-table.op16-price-ranking td:nth-child(1) {
    width: 55px !important;
  }

  figure.wp-block-table.op16-price-ranking th:nth-child(2),
  figure.wp-block-table.op16-price-ranking td:nth-child(2) {
    width: 250px !important;
  }

  figure.wp-block-table.op16-price-ranking th:nth-child(3),
  figure.wp-block-table.op16-price-ranking td:nth-child(3) {
    width: 170px !important;
  }

  figure.wp-block-table.op16-price-ranking th:nth-child(4),
  figure.wp-block-table.op16-price-ranking td:nth-child(4),
  figure.wp-block-table.op16-price-ranking th:nth-child(5),
  figure.wp-block-table.op16-price-ranking td:nth-child(5) {
    width: 100px !important;
  }
}
/* ==================================================
   決戦の刻：ランキング以外の4列表専用
   既存CSSの末尾に追加。専用クラスが付いた6表だけに適用。
================================================== */
figure.wp-block-table.op16-detail-scroll {
  --op16-table-width: 710px;
  --op16-col1: 260px;
  --op16-col2: 190px;
  --op16-col3: 130px;
  --op16-col4: 130px;
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  isolation: isolate;
}
figure.wp-block-table.op16-detail-scroll.op16-detail-scroll--compare {
  --op16-table-width: 960px;
  --op16-col1: 140px;
  --op16-col2: 280px;
  --op16-col3: 280px;
  --op16-col4: 260px;
}
figure.wp-block-table.op16-detail-scroll table.has-fixed-layout {
  width: var(--op16-table-width) !important;
  min-width: var(--op16-table-width) !important;
  max-width: none !important;
  margin: 0 !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 0 !important;
}
figure.wp-block-table.op16-detail-scroll th,
figure.wp-block-table.op16-detail-scroll td {
  box-sizing: border-box;
  padding: 10px 8px !important;
  border: 0 !important;
  border-right: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
  background: #fff !important;
  color: #333 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  vertical-align: middle !important;
  text-align: left;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere;
}
figure.wp-block-table.op16-detail-scroll tr > :nth-child(1) { width: var(--op16-col1) !important; }
figure.wp-block-table.op16-detail-scroll tr > :nth-child(2) { width: var(--op16-col2) !important; }
figure.wp-block-table.op16-detail-scroll tr > :nth-child(3) { width: var(--op16-col3) !important; }
figure.wp-block-table.op16-detail-scroll tr > :nth-child(4) { width: var(--op16-col4) !important; }
figure.wp-block-table.op16-detail-scroll:not(.op16-detail-scroll--compare) td:nth-child(n+3) {
  text-align: center;
  white-space: nowrap !important;
}
figure.wp-block-table.op16-detail-scroll tr > :first-child {
  position: sticky !important;
  left: 0 !important;
  z-index: 2;
  border-left: 1px solid #ddd !important;
  background: #fff !important;
  box-shadow: 2px 0 4px rgba(0, 0, 0, .10);
}
/* 元記事のヘッダーはtbodyの1行目。thead形式にも対応。 */
figure.wp-block-table.op16-detail-scroll thead th,
figure.wp-block-table.op16-detail-scroll tbody > tr:first-child > th {
  background: #c93232 !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-top: 1px solid #a62828 !important;
  border-bottom: 2px solid #a62828 !important;
}
figure.wp-block-table.op16-detail-scroll thead th:first-child,
figure.wp-block-table.op16-detail-scroll tbody > tr:first-child > th:first-child {
  z-index: 3;
  background: #c93232 !important;
  color: #fff !important;
}
@media screen and (max-width: 767px) {
  figure.wp-block-table.op16-detail-scroll {
    --op16-table-width: 540px;
    --op16-col1: 170px;
    --op16-col2: 160px;
    --op16-col3: 105px;
    --op16-col4: 105px;
  }
  figure.wp-block-table.op16-detail-scroll.op16-detail-scroll--compare {
    --op16-table-width: 810px;
    --op16-col1: 120px;
    --op16-col2: 230px;
    --op16-col3: 230px;
    --op16-col4: 230px;
  }
  figure.wp-block-table.op16-detail-scroll th,
  figure.wp-block-table.op16-detail-scroll td {
    padding: 8px 6px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }
}
/* 決戦の刻：当たりランキングのヘッダー色修正
   このCSSを、現在のCSSの一番最後に追加してください。 */
figure.wp-block-table.op16-price-ranking table.has-fixed-layout thead th,
figure.wp-block-table.op16-price-ranking table.has-fixed-layout thead th:first-child,
figure.wp-block-table.op16-price-ranking table.has-fixed-layout tbody > tr:first-child > th,
figure.wp-block-table.op16-price-ranking table.has-fixed-layout tbody > tr:first-child > th:first-child {
  background: #e72f3b !important;
  color: #fff !important;
  font-weight: 700 !important;
  border-top-color: #e72f3b !important;
  border-bottom-color: #e72f3b !important;
}
/* 決戦の刻：対象7表のヘッダー色を統一
   現在のCSSの一番最後に追記してください。 */
figure.wp-block-table.op16-detail-scroll table.has-fixed-layout thead th,
figure.wp-block-table.op16-detail-scroll table.has-fixed-layout thead th:first-child,
figure.wp-block-table.op16-detail-scroll table.has-fixed-layout tbody > tr:first-child > th,
figure.wp-block-table.op16-detail-scroll table.has-fixed-layout tbody > tr:first-child > th:first-child,
figure.wp-block-table.op16-price-ranking table.has-fixed-layout thead th,
figure.wp-block-table.op16-price-ranking table.has-fixed-layout thead th:first-child,
figure.wp-block-table.op16-price-ranking table.has-fixed-layout tbody > tr:first-child > th,
figure.wp-block-table.op16-price-ranking table.has-fixed-layout tbody > tr:first-child > th:first-child {
  background: #e72f3b !important;
  color: #fff !important;
  border-top-color: #e72f3b !important;
  border-bottom-color: #e72f3b !important;
}
/* 日本トレカセンター：画像枠を維持して縦方向に伸ばす */
.oripa-feature-compare--jtc-clove-dopa:not(.oripa-feature-compare--clove-first)
.oripa-feature-card--rank1
.oripa-feature-card__image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;

  object-fit: fill !important;
  object-position: center center !important;
  transform: none !important;
}
/* ==================================================
   3社比較表：CTAボタンに光が流れるアニメーション
================================================== */

/* 光をボタン内に収める */
.oripa-feature-compare--jtc-clove-dopa
.oripa-feature-card__button {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

/* 斜めの白い光 */
.oripa-feature-compare--jtc-clove-dopa
.oripa-feature-card__button::before {
  content: "";
  display: block;
  position: absolute;
  top: -50%;
  left: 0;

  width: 35%;
  height: 200%;
  margin: 0;
  padding: 0;
  border: 0;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.65),
    transparent
  );

  transform: translateX(-400%) skewX(-20deg);
  pointer-events: none;

  animation: oripa-feature-cta-shine 3.5s ease-in-out infinite;
}

/* 光が通過した後に間隔を空ける */
@keyframes oripa-feature-cta-shine {
  0%, 55% {
    transform: translateX(-400%) skewX(-20deg);
  }

  85%, 100% {
    transform: translateX(500%) skewX(-20deg);
  }
}

/* 動きを減らす設定の場合は停止 */
@media (prefers-reduced-motion: reduce) {
  .oripa-feature-compare--jtc-clove-dopa
  .oripa-feature-card__button::before {
    display: none;
    animation: none;
  }
}
/* ==================================================
   3社比較表：ロゴの見た目の大きさを個別調整
   日本トレカセンター1位版のみ
================================================== */

/* 共通：外枠内で縦横比を維持 */
.oripa-feature-compare--jtc-clove-dopa:not(.oripa-feature-compare--clove-first)
.oripa-feature-card__logo img {
  height: 100% !important;
  max-height: 100% !important;

  object-fit: contain !important;
  object-position: center !important;

  margin: 0 auto !important;
  transform: none !important;
}

/* 1位：日本トレカセンター */
.oripa-feature-compare--jtc-clove-dopa:not(.oripa-feature-compare--clove-first)
.oripa-feature-card--rank1 .oripa-feature-card__logo img {
  width: 100% !important;
  max-width: 250px !important;
}

/* 2位：クローブ */
.oripa-feature-compare--jtc-clove-dopa:not(.oripa-feature-compare--clove-first)
.oripa-feature-card--rank2 .oripa-feature-card__logo img {
  width: 80% !important;
  max-width: 200px !important;
}

/* 3位：DOPA */
.oripa-feature-compare--jtc-clove-dopa:not(.oripa-feature-compare--clove-first)
.oripa-feature-card--rank3 .oripa-feature-card__logo img {
  width: 65% !important;
  max-width: 163px !important;
}
/* MTG専用CTA：既存CSSの末尾に追加 */
.single .post_content .oripa-jtc-mtg-download-cta-v1 { width: min(100%, 900px); max-width: 900px; margin: 20px auto !important; padding: 16px 18px !important; border: 2px solid #e5b935; border-radius: 10px; background: #fffdf5; box-sizing: border-box; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 *, .single .post_content .oripa-jtc-mtg-download-cta-v1 *::before, .single .post_content .oripa-jtc-mtg-download-cta-v1 *::after { box-sizing: border-box; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 p { margin-top: 0 !important; margin-bottom: 0 !important; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__main { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 22px; align-items: center; width: 100%; max-width: 850px; margin: 0 auto 8px !important; padding: 0 !important; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__logo { display: flex; align-items: center; justify-content: center; margin: 0 !important; padding: 0 !important; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__logo img { display: block; width: 230px !important; max-width: 230px !important; height: auto !important; margin: 0 auto !important; padding: 0 !important; border: 0 !important; object-fit: contain; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__main-content { width: 100%; min-width: 0; margin: 0 !important; padding: 0 0 0 4px !important; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__head-content { width: 100%; min-width: 0; margin: 0 0 11px !important; padding: 0 !important; text-align: left; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__badge { display: inline-block; margin: 0 0 7px !important; padding: 5px 11px !important; border-radius: 999px; background: #fff0b3; color: #333; font-size: 12px; font-weight: 700; line-height: 1.35; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__badge sup { font-size: 0.7em; vertical-align: super; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__title { width: 100%; margin: 0 !important; color: #222; font-size: 18px; font-weight: 700; line-height: 1.45; text-align: left; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__accent-green { color: #12a33b; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__accent-gold { color: #d29b0d; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__brand { display: inline-block; padding-bottom: 1px; border-bottom: 3px solid rgba(15, 143, 53, 0.18); color: #0f8f35; white-space: nowrap; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__points { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 6px 8px; width: 100%; margin: 0 0 12px !important; padding: 0 !important; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__point { display: inline-block; margin: 0 !important; padding: 5px 9px !important; border: 1px solid #d8eadb; border-radius: 999px; background: #f6fbf6; color: #1d7f35; font-size: 12px; font-weight: 700; line-height: 1.35; white-space: nowrap; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__stores { display: flex; align-items: center; justify-content: flex-start; gap: 10px; width: 100%; margin: 0 !important; padding: 0 !important; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__stores a { flex: 0 1 145px; width: 100%; min-width: 0; max-width: 145px; display: inline-flex; align-items: center; justify-content: center; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; color: inherit !important; text-decoration: none !important; transition: opacity 0.2s ease, transform 0.2s ease; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__stores img { display: block; width: 100% !important; max-width: 145px !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; object-fit: contain; }
@media (hover: hover) {
  .single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__stores a:hover { opacity: 0.82; transform: translateY(1px); }
}
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__stores a:focus-visible { outline: 3px solid rgba(229, 185, 53, 0.35); outline-offset: 3px; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__note { width: 100%; margin: 8px 0 0 !important; color: #666; font-size: 9px !important; font-weight: 400; line-height: 1.4; text-align: center; }
@media screen and (min-width: 768px) and (max-width: 1280px) {
  .single .post_content .oripa-jtc-mtg-download-cta-v1 { width: 100%; max-width: 100%; padding: 14px 14px !important; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__main { grid-template-columns: 150px minmax(0, 1fr); gap: 14px; width: 100%; max-width: 100%; margin: 0 auto 7px !important; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__logo img { width: 150px !important; max-width: 150px !important; height: auto !important; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__main-content { width: 100%; min-width: 0; padding-left: 0 !important; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__badge { margin-bottom: 5px !important; padding: 4px 8px !important; font-size: 10px; line-height: 1.3; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__title { font-size: 15px; line-height: 1.4; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__points { gap: 5px 6px; margin-bottom: 8px !important; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__point { padding: 4px 6px !important; font-size: 10px; line-height: 1.3; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__stores { display: flex; align-items: center; justify-content: flex-start; gap: 7px; width: 100%; min-width: 0; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__stores a { flex: 0 1 128px; width: 100%; min-width: 0; max-width: 128px; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__stores img { display: block; width: 100% !important; max-width: 128px !important; height: auto !important; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__note { margin-top: 6px !important; font-size: 8px !important; line-height: 1.35; }
}
@media screen and (max-width: 767px) {
  .single .post_content .oripa-jtc-mtg-download-cta-v1 { width: 100%; max-width: 100%; margin: 16px 0 !important; padding: 10px 8px !important; border-radius: 8px; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__main { grid-template-columns: 90px minmax(0, 1fr); gap: 8px; align-items: center; width: 100%; max-width: 100%; margin: 0 0 7px !important; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__logo img { width: 90px !important; max-width: 90px !important; height: auto !important; transform: scaleY(1.10); transform-origin: center center; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__main-content { width: 100%; padding-left: 0 !important; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__head-content { margin-bottom: 6px !important; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__badge { margin-bottom: 4px !important; padding: 3px 6px !important; font-size: 9.5px; line-height: 1.3; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__title { font-size: 13px; line-height: 1.4; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__points { gap: 4px 5px; margin-bottom: 7px !important; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__point { padding: 3px 6px !important; font-size: 9px; line-height: 1.3; white-space: normal; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__stores { gap: 6px; justify-content: flex-start; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__stores a { flex-basis: 118px; max-width: 118px; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__stores img { width: 100% !important; max-width: 118px !important; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__note { margin-top: 6px !important; font-size: 8px !important; line-height: 1.35; text-align: center; }
}
@media screen and (max-width: 360px) {
  .single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__main { grid-template-columns: 76px minmax(0, 1fr); gap: 7px; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__logo img { width: 76px !important; max-width: 76px !important; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__title { font-size: 12px; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__point { padding: 3px 5px !important; font-size: 8.5px; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__stores a { flex-basis: 104px; max-width: 104px; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__stores img { width: 100% !important; max-width: 104px !important; }
.single .post_content .oripa-jtc-mtg-download-cta-v1 .oripa-jtc-mtg-download-cta-v1__note { font-size: 7.5px !important; }
}
/* MTGランキング表：横スクロール＋1列目固定 */
figure.wp-block-table.mtg-ranking-scroll-v1 {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

figure.wp-block-table.mtg-ranking-scroll-v1 table {
  width: 760px !important;
  min-width: 760px !important;
  max-width: none !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

/* 各列の幅 */
figure.wp-block-table.mtg-ranking-scroll-v1 th:nth-child(1),
figure.wp-block-table.mtg-ranking-scroll-v1 td:nth-child(1) {
  width: 60px !important;
}

figure.wp-block-table.mtg-ranking-scroll-v1 th:nth-child(2),
figure.wp-block-table.mtg-ranking-scroll-v1 td:nth-child(2) {
  width: 260px !important;
}

figure.wp-block-table.mtg-ranking-scroll-v1 th:nth-child(3),
figure.wp-block-table.mtg-ranking-scroll-v1 td:nth-child(3) {
  width: 220px !important;
}

figure.wp-block-table.mtg-ranking-scroll-v1 th:nth-child(4),
figure.wp-block-table.mtg-ranking-scroll-v1 td:nth-child(4),
figure.wp-block-table.mtg-ranking-scroll-v1 th:nth-child(5),
figure.wp-block-table.mtg-ranking-scroll-v1 td:nth-child(5) {
  width: 110px !important;
  text-align: center;
}

/* セル内の折り返し */
figure.wp-block-table.mtg-ranking-scroll-v1 th,
figure.wp-block-table.mtg-ranking-scroll-v1 td {
  box-sizing: border-box;
  vertical-align: middle;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

/* 1列目「順位」を固定 */
figure.wp-block-table.mtg-ranking-scroll-v1 th:first-child,
figure.wp-block-table.mtg-ranking-scroll-v1 td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  text-align: center;
  white-space: nowrap !important;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.12);
}

/* スクロールする文字が透けないよう背景を指定 */
figure.wp-block-table.mtg-ranking-scroll-v1 td:first-child {
  background: #fff !important;
}

figure.wp-block-table.mtg-ranking-scroll-v1 thead th:first-child {
  z-index: 3;
  background: var(--color_main, #e72f3b) !important;
  color: #fff !important;
}
/* テーマ別の表：1列目と3列目の幅を調整 */
figure.wp-block-table.mtg-ranking-scroll-v1.mtg-theme-scroll-v1 th:nth-child(1),
figure.wp-block-table.mtg-ranking-scroll-v1.mtg-theme-scroll-v1 td:nth-child(1) {
  width: 150px !important;
}

figure.wp-block-table.mtg-ranking-scroll-v1.mtg-theme-scroll-v1 th:nth-child(3),
figure.wp-block-table.mtg-ranking-scroll-v1.mtg-theme-scroll-v1 td:nth-child(3) {
  width: 130px !important;
}
/* ==================================================
   ガチャアプリ記事
   冒頭カード「まずは無料で試せる！実物トレカが当たるガチャアプリ3選」

   ・クラスはすべて .gacha-free-pick 始まり（既存CSSと重複なし）
   ・.post_content 配下の詳細度で指定し、
     既存の「.single .post_content p / li」などに上書きされないようにする
   ・スマホ：縦並び
   ・PC（768px以上）：カードは縦並び、カードの中を2列
   ・画像入り版はルート要素に .gacha-free-pick--with-image を付ける（「11. 画像入り版」）
================================================== */


/* ==================================================
   01. 全体
================================================== */

.post_content .gacha-free-pick {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 28px 0 36px;
  padding: 20px 16px 16px;
  box-sizing: border-box;

  border: 1px solid #f1d9a6;
  border-radius: 14px;
  background: #fffaf0;
}

.post_content .gacha-free-pick *,
.post_content .gacha-free-pick *::before,
.post_content .gacha-free-pick *::after {
  box-sizing: border-box;
}


/* ==================================================
   02. タイトル・導入文
================================================== */

.post_content .gacha-free-pick .gacha-free-pick__label {
  margin: 0;
  padding: 0;

  color: #e0472f;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.02em;
  text-align: center;
}

.post_content .gacha-free-pick .gacha-free-pick__title {
  margin: 4px 0 0;
  padding: 0;

  color: #222;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.45;
  text-align: center;
}

.post_content .gacha-free-pick .gacha-free-pick__desc {
  margin: 12px 0 16px;
  padding: 0;

  color: #333;
  font-size: 14px;
  line-height: 1.75;
}

.post_content .gacha-free-pick .gacha-free-pick__marker {
  font-weight: 700;
  background: linear-gradient(transparent 60%, #ffe58a 60%);
}


/* ==================================================
   03. カード一覧
================================================== */

.post_content .gacha-free-pick .gacha-free-pick__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  margin: 0;
  padding: 0;
}


/* ==================================================
   04. カード本体
================================================== */

.post_content .gacha-free-pick .gacha-free-pick__card {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 14px 16px 16px;

  border: 1px solid #e6e6e6;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.post_content .gacha-free-pick .gacha-free-pick__card--1 {
  border: 2px solid #f2c14e;
}


/* ==================================================
   05. ヘッダー（順位・ロゴ）
================================================== */

.post_content .gacha-free-pick .gacha-free-pick__head {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 46px;
  margin: 0 0 10px;
}

.post_content .gacha-free-pick .gacha-free-pick__rank {
  display: flex;
  flex: 0 0 30px;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;

  border-radius: 50%;
  background: #b9b9b9;

  color: #fff;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
}

.post_content .gacha-free-pick .gacha-free-pick__card--1 .gacha-free-pick__rank {
  background: linear-gradient(135deg, #f7d56b, #d9a21b);
}

.post_content .gacha-free-pick .gacha-free-pick__card--2 .gacha-free-pick__rank {
  background: linear-gradient(135deg, #d8dde3, #9aa4ae);
}

.post_content .gacha-free-pick .gacha-free-pick__card--3 .gacha-free-pick__rank {
  background: linear-gradient(135deg, #e3b48a, #b8783f);
}

.post_content .gacha-free-pick .gacha-free-pick__logo {
  display: block;
  width: auto;
  height: 34px;
  max-width: 72%;
  margin: 0;
  padding: 0;

  border: 0;
  box-shadow: none;
  object-fit: contain;
}

/* ロゴの見た目の大きさを揃える
   ・ロゴごとに縦横比が違う（DOPA 約4.4：1、オリくじ 約3.2：1、ビクトレ 約1.7：1）ため、
     同じ高さだと横長のロゴほど大きく見える
   ・横長ほど低く、正方形に近いほど高くして、見た目の面積をそろえる
   ・大きさを微調整するときは height の数値だけ変更する */
.post_content .gacha-free-pick .gacha-free-pick__logo--dopa {
  height: 30px;
}

.post_content .gacha-free-pick .gacha-free-pick__logo--orikuji {
  height: 36px;
}

.post_content .gacha-free-pick .gacha-free-pick__logo--victre {
  height: 56px;
}


/* ==================================================
   06. 無料特典
================================================== */

.post_content .gacha-free-pick .gacha-free-pick__free {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 10px 12px;

  border-radius: 8px;
  background: #fff1ee;
}

.post_content .gacha-free-pick .gacha-free-pick__free-label {
  flex: 0 0 auto;
  padding: 3px 7px;

  border-radius: 4px;
  background: #e0472f;

  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
}

.post_content .gacha-free-pick .gacha-free-pick__free-text {
  color: #222;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
}

.post_content .gacha-free-pick .gacha-free-pick__free-value {
  margin-left: 2px;

  color: #e0472f;
  font-size: 17px;
  font-weight: 800;
  white-space: nowrap;
}


/* ==================================================
   07. メリット
================================================== */

.post_content .gacha-free-pick .gacha-free-pick__points {
  margin: 10px 0 12px;
  padding: 0;
  list-style: none;
}

.post_content .gacha-free-pick .gacha-free-pick__point {
  position: relative;
  margin: 0 0 2px;
  padding: 0 0 0 20px;
  list-style: none;

  color: #333;
  font-size: 14px;
  line-height: 1.65;
}

.post_content .gacha-free-pick .gacha-free-pick__point::marker {
  content: none;
}

.post_content .gacha-free-pick .gacha-free-pick__point::before {
  content: "✓";
  position: absolute;
  top: 0;
  left: 0;

  color: #14b06c;
  font-weight: 800;
}


/* ==================================================
   08. CTAボタン
================================================== */

.post_content .gacha-free-pick .gacha-free-pick__btn {
  display: block;
  margin: auto 0 0;
  padding: 14px 12px;

  border-radius: 999px;
  background: #16c47f;
  box-shadow: 0 4px 0 #0e8f5b;

  color: #fff;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
}

.post_content .gacha-free-pick .gacha-free-pick__btn:visited,
.post_content .gacha-free-pick .gacha-free-pick__btn:hover,
.post_content .gacha-free-pick .gacha-free-pick__btn:focus {
  color: #fff;
  text-decoration: none;
}

.post_content .gacha-free-pick .gacha-free-pick__btn:active {
  transform: translateY(2px);
  box-shadow: 0 2px 0 #0e8f5b;
}

@media (hover: hover) {
  .post_content .gacha-free-pick .gacha-free-pick__btn:hover {
    opacity: 0.9;
  }
}


/* ==================================================
   09. 注釈
================================================== */

.post_content .gacha-free-pick .gacha-free-pick__note {
  margin: 12px 0 0;
  padding: 0;

  color: #777;
  font-size: 11px;
  line-height: 1.6;
}


/* ==================================================
   10. PC・タブレット
   ・3列だと本文幅（約680px）では狭く、特典やボタンの文字が折り返すため、
     カードは縦に並べ、各カードの中を2列にする
       左上：順位＋ロゴ   右上：無料特典
       左下：メリット     右下：CTAボタン
================================================== */

@media screen and (min-width: 768px) {
  .post_content .gacha-free-pick {
    padding: 24px 20px 18px;
  }

  .post_content .gacha-free-pick .gacha-free-pick__card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas:
      "head free"
      "points btn";
    align-items: center;
    gap: 12px 20px;
    padding: 16px 20px;
  }

  .post_content .gacha-free-pick .gacha-free-pick__head {
    grid-area: head;
    margin: 0;
  }

  .post_content .gacha-free-pick .gacha-free-pick__free {
    grid-area: free;
  }

  .post_content .gacha-free-pick .gacha-free-pick__points {
    grid-area: points;
    margin: 0;
  }

  .post_content .gacha-free-pick .gacha-free-pick__btn {
    grid-area: btn;
    margin: 0;
    font-size: 15px;
    white-space: nowrap;
  }
}


/* ==================================================
   11. 画像入り版
   ・ルート要素に .gacha-free-pick--with-image が付いている場合だけ有効
   ・画像は元の縦横比のまま全体を表示（トリミングしない）
   ・画像ごとに縦横比が違うため、カードによって画像の高さは変わる
================================================== */

.post_content .gacha-free-pick .gacha-free-pick__image {
  display: block;
  width: 100%;
  margin: 0 0 10px;
  padding: 0;

  border-radius: 8px;
  overflow: hidden;
}

.post_content .gacha-free-pick .gacha-free-pick__image img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: none;
  margin: 0;
  padding: 0;

  border: 0;
  border-radius: 0;
  box-shadow: none;
}

/* PC・タブレット：画像を左、ロゴ・特典・メリット・ボタンを右に並べる */
@media screen and (min-width: 768px) {
  .post_content .gacha-free-pick--with-image .gacha-free-pick__card {
    grid-template-columns: 240px minmax(0, 1fr);
    grid-template-areas:
      "image head"
      "image free"
      "image points"
      "image btn";
    gap: 10px 20px;
  }

  .post_content .gacha-free-pick--with-image .gacha-free-pick__image {
    grid-area: image;
    align-self: center;
    margin: 0;
  }

  .post_content .gacha-free-pick--with-image .gacha-free-pick__head {
    min-height: 40px;
  }
}
/* ==================================================
   ガチャアプリ記事
   DOPA・オリくじのレビュー＋CTAボックス

   ・他18アプリの青いレビューボックス／黒いストアボタンと見た目を分け、
     収益CTAであるDOPA・オリくじだけを目立たせる
   ・冒頭カード（.gacha-free-pick）と同じ配色・ボタンでそろえる
   ・クラスはすべて .gacha-oripa-cta 始まり（既存CSS・記事内CSSと重複なし）
   ・.post_content 配下の詳細度で指定し、
     既存の「.single .post_content p」などに上書きされないようにする
   ・スマホ：ボタン縦並び
   ・PC（768px以上）：DOPAのボタンは2列
================================================== */


/* ==================================================
   01. 全体
================================================== */

.post_content .gacha-oripa-cta {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 24px 0 20px;
  padding: 18px 16px 16px;
  box-sizing: border-box;

  border: 2px solid #f2c14e;
  border-radius: 12px;
  background: #fffaf0;
}

.post_content .gacha-oripa-cta *,
.post_content .gacha-oripa-cta *::before,
.post_content .gacha-oripa-cta *::after {
  box-sizing: border-box;
}


/* ==================================================
   02. 見出し
================================================== */

.post_content .gacha-oripa-cta .gacha-oripa-cta__heading {
  margin: 0 0 12px;
  padding: 0;

  color: #b26a00;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}


/* ==================================================
   03. レビュー
================================================== */

.post_content .gacha-oripa-cta .gacha-oripa-cta__review {
  margin: 0;
  padding: 14px 16px;

  border: 1px solid #f1e3c4;
  border-radius: 10px;
  background: #fff;
}

.post_content .gacha-oripa-cta .gacha-oripa-cta__rating {
  margin: 0 0 6px;
  padding: 0;

  color: #222;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
}

.post_content .gacha-oripa-cta .gacha-oripa-cta__stars {
  margin-right: 6px;

  color: #f39a00;
  letter-spacing: 1px;
}

.post_content .gacha-oripa-cta .gacha-oripa-cta__quote {
  margin: 0 0 6px;
  padding: 0;

  color: #333;
  font-size: 15px;
  line-height: 1.75;
}

.post_content .gacha-oripa-cta .gacha-oripa-cta__source {
  margin: 0;
  padding: 0;

  color: #666;
  font-size: 12px;
  line-height: 1.6;
}


/* ==================================================
   04. CTA上の訴求
================================================== */

.post_content .gacha-oripa-cta .gacha-oripa-cta__micro {
  margin: 16px 0 8px;
  padding: 0;

  color: #e0472f;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

.post_content .gacha-oripa-cta .gacha-oripa-cta__micro-value {
  color: #e0472f;
  font-size: 18px;
  font-weight: 800;
}


/* ==================================================
   05. CTAボタン
================================================== */

.post_content .gacha-oripa-cta .gacha-oripa-cta__buttons {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin: 0;
  padding: 0;
}

.post_content .gacha-oripa-cta .gacha-oripa-cta__btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 64px;
  margin: 0;
  padding: 10px 16px;

  border-radius: 999px;
  background: #16c47f;
  box-shadow: 0 4px 0 #0e8f5b;

  color: #fff;
  line-height: 1.35;
  text-align: center;
  text-decoration: none;
}

.post_content .gacha-oripa-cta .gacha-oripa-cta__btn:visited,
.post_content .gacha-oripa-cta .gacha-oripa-cta__btn:hover,
.post_content .gacha-oripa-cta .gacha-oripa-cta__btn:focus {
  color: #fff;
  text-decoration: none;
}

.post_content .gacha-oripa-cta .gacha-oripa-cta__btn:active {
  transform: translateY(2px);
  box-shadow: 0 2px 0 #0e8f5b;
}

@media (hover: hover) {
  .post_content .gacha-oripa-cta .gacha-oripa-cta__btn:hover {
    opacity: 0.9;
  }
}

.post_content .gacha-oripa-cta .gacha-oripa-cta__btn-os {
  display: block;
  margin: 0 0 2px;

  font-size: 12px;
  font-weight: 500;
  opacity: 0.95;
}

.post_content .gacha-oripa-cta .gacha-oripa-cta__btn-label {
  display: block;

  font-size: 17px;
  font-weight: 800;
  white-space: nowrap;
}


/* ==================================================
   06. 注釈
================================================== */

.post_content .gacha-oripa-cta .gacha-oripa-cta__note {
  margin: 12px 0 0;
  padding: 0;

  color: #777;
  font-size: 11px;
  line-height: 1.6;
  text-align: center;
}


/* ==================================================
   07. PC・タブレット
================================================== */

@media screen and (min-width: 768px) {
  .post_content .gacha-oripa-cta {
    padding: 22px 22px 18px;
  }

  .post_content .gacha-oripa-cta .gacha-oripa-cta__buttons--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


/* ==================================================
   08. かなり小さいスマホ
   ボタン文言が1行に収まるよう文字と余白を詰める
================================================== */

@media screen and (max-width: 360px) {
  .post_content .gacha-oripa-cta {
    padding: 16px 12px 14px;
  }

  .post_content .gacha-oripa-cta .gacha-oripa-cta__btn {
    padding: 10px 10px;
  }

  .post_content .gacha-oripa-cta .gacha-oripa-cta__btn-label {
    font-size: 15px;
  }
}
/* ==================================================
   ガチャアプリ比較表：6列版
   列順変更（無料ガチャ・特典を2列目へ）

   ・ルート要素に .gacha-app-table-block--free-first が付いた表だけに適用
     （他の記事の6列版の表には影響しない）
   ・列順：アプリ名｜無料ガチャ・主な特典｜リンク｜ガチャの種類｜主な特徴｜向いている人
   ・既存の「ガチャアプリ比較表：6列版」の列幅を、新しい列順に合わせて上書き
   ・スマホでは、アプリ名・特典・リンクの3列が最初の画面に収まる幅にする
================================================== */


/* ==================================================
   01. PC・タブレット
   合計 1300px（既存と同じ）
================================================== */

/* 2列目：無料ガチャ・主な特典 */
.gacha-app-table-block--six-col.gacha-app-table-block--free-first
.gacha-app-comparison-table--six-col td:nth-child(2) {
  width: 260px;
  min-width: 260px;
  max-width: 260px;
  text-align: left;
}

/* 3列目：リンク */
.gacha-app-table-block--six-col.gacha-app-table-block--free-first
.gacha-app-comparison-table--six-col td:nth-child(3) {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  text-align: center;
}

/* 4列目：ガチャの種類 */
.gacha-app-table-block--six-col.gacha-app-table-block--free-first
.gacha-app-comparison-table--six-col td:nth-child(4) {
  width: 180px;
  min-width: 180px;
  max-width: 180px;
}

/* 見出し行は中央寄せのまま */
.gacha-app-table-block--six-col.gacha-app-table-block--free-first
.gacha-app-comparison-table--six-col tbody tr:first-child td {
  text-align: center;
}


/* ==================================================
   02. スマートフォン
   1列目115px＋特典140px＋リンク80px＝335px で、
   最初の画面にリンクまで収める（合計 845px）
================================================== */

@media screen and (max-width: 767px) {

  .gacha-app-table-block--six-col.gacha-app-table-block--free-first
  .gacha-app-comparison-table--six-col {
    width: 845px;
    min-width: 845px;
  }

  /* 2列目：無料ガチャ・主な特典 */
  .gacha-app-table-block--six-col.gacha-app-table-block--free-first
  .gacha-app-comparison-table--six-col td:nth-child(2) {
    width: 140px;
    min-width: 140px;
    max-width: 140px;
  }

  /* 3列目：リンク */
  .gacha-app-table-block--six-col.gacha-app-table-block--free-first
  .gacha-app-comparison-table--six-col td:nth-child(3) {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
  }

  /* 4列目：ガチャの種類 */
  .gacha-app-table-block--six-col.gacha-app-table-block--free-first
  .gacha-app-comparison-table--six-col td:nth-child(4) {
    width: 125px;
    min-width: 125px;
    max-width: 125px;
  }

  /* リンク列のボタン：80px幅に収める */
  .gacha-app-table-block--six-col.gacha-app-table-block--free-first
  .gacha-app-official-button {
    padding: 6px 2px;
    white-space: nowrap;
  }
}


/* ==================================================
   03. かなり小さいスマホ（360px以下）
   1列目105px＋特典125px＋リンク74px＝304px（合計 814px）
================================================== */

@media screen and (max-width: 360px) {

  .gacha-app-table-block--six-col.gacha-app-table-block--free-first
  .gacha-app-comparison-table--six-col {
    width: 814px;
    min-width: 814px;
  }

  /* 1列目：アプリ名 */
  .gacha-app-table-block--six-col.gacha-app-table-block--free-first
  .gacha-app-comparison-table--six-col td:nth-child(1) {
    width: 105px;
    min-width: 105px;
    max-width: 105px;
  }

  /* 2列目：無料ガチャ・主な特典 */
  .gacha-app-table-block--six-col.gacha-app-table-block--free-first
  .gacha-app-comparison-table--six-col td:nth-child(2) {
    width: 125px;
    min-width: 125px;
    max-width: 125px;
  }

  /* 3列目：リンク */
  .gacha-app-table-block--six-col.gacha-app-table-block--free-first
  .gacha-app-comparison-table--six-col td:nth-child(3) {
    width: 74px;
    min-width: 74px;
    max-width: 74px;
  }
}
/* ==================================================
   ガチャアプリ記事
   記事途中の小さなCTA（目次の直後・「選び方」）

   ・冒頭カードより小さく、1アプリ1行で「特典＋ボタン」を見せる
   ・クラスはすべて .gacha-mini-cta 始まり（既存CSSと重複なし）
   ・.post_content 配下の詳細度で指定し、
     既存の「.single .post_content p」などに上書きされないようにする
   ・配色・ボタンは冒頭カード（.gacha-free-pick）とそろえる
================================================== */


/* ==================================================
   01. 全体
================================================== */

.post_content .gacha-mini-cta {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 24px 0 28px;
  padding: 14px 14px 12px;
  box-sizing: border-box;

  border: 2px solid #f2c14e;
  border-radius: 12px;
  background: #fffaf0;
}

.post_content .gacha-mini-cta *,
.post_content .gacha-mini-cta *::before,
.post_content .gacha-mini-cta *::after {
  box-sizing: border-box;
}


/* ==================================================
   02. タイトル
================================================== */

.post_content .gacha-mini-cta .gacha-mini-cta__title {
  margin: 0 0 10px;
  padding: 0;

  color: #222;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

.post_content .gacha-mini-cta .gacha-mini-cta__title-em {
  color: #e0472f;
  font-weight: 800;
}


/* ==================================================
   03. アプリごとの行
================================================== */

.post_content .gacha-mini-cta .gacha-mini-cta__rows {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin: 0;
  padding: 0;
}

.post_content .gacha-mini-cta .gacha-mini-cta__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0;
  padding: 10px 10px 10px 12px;

  border: 1px solid #f1e3c4;
  border-radius: 10px;
  background: #fff;
}

.post_content .gacha-mini-cta .gacha-mini-cta__info {
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin: 0;
}

.post_content .gacha-mini-cta .gacha-mini-cta__logo {
  display: block;
  width: auto;
  max-width: 100%;
  margin: 0 0 4px;
  padding: 0;

  border: 0;
  border-radius: 0;
  box-shadow: none;
  object-fit: contain;
  object-position: left center;
  align-self: flex-start;
}

/* ロゴの見た目の大きさを揃える
   ・縦横比が違う（DOPA 約4.4：1、オリくじ 約3.2：1）ため、
     横長のDOPAを低く、オリくじを高くして見た目の面積をそろえる
   ・大きさを微調整するときは height の数値だけ変更する */
.post_content .gacha-mini-cta .gacha-mini-cta__logo--dopa {
  height: 24px;
}

.post_content .gacha-mini-cta .gacha-mini-cta__logo--orikuji {
  height: 28px;
}

.post_content .gacha-mini-cta .gacha-mini-cta__benefit {
  color: #333;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
}

.post_content .gacha-mini-cta .gacha-mini-cta__value {
  color: #e0472f;
  font-size: 15px;
  font-weight: 800;
  white-space: nowrap;
}


/* ==================================================
   04. CTAボタン
================================================== */

.post_content .gacha-mini-cta .gacha-mini-cta__btn {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-width: 112px;
  min-height: 44px;
  margin: 0;
  padding: 8px 14px;

  border-radius: 999px;
  background: #16c47f;
  box-shadow: 0 3px 0 #0e8f5b;

  color: #fff;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

.post_content .gacha-mini-cta .gacha-mini-cta__btn:visited,
.post_content .gacha-mini-cta .gacha-mini-cta__btn:hover,
.post_content .gacha-mini-cta .gacha-mini-cta__btn:focus {
  color: #fff;
  text-decoration: none;
}

.post_content .gacha-mini-cta .gacha-mini-cta__btn:active {
  transform: translateY(2px);
  box-shadow: 0 1px 0 #0e8f5b;
}

@media (hover: hover) {
  .post_content .gacha-mini-cta .gacha-mini-cta__btn:hover {
    opacity: 0.9;
  }
}


/* ==================================================
   05. 注釈
================================================== */

.post_content .gacha-mini-cta .gacha-mini-cta__note {
  margin: 8px 0 0;
  padding: 0;

  color: #777;
  font-size: 11px;
  line-height: 1.6;
  text-align: right;
}


/* ==================================================
   06. PC・タブレット
   2アプリを横に並べる
================================================== */

@media screen and (min-width: 768px) {
  .post_content .gacha-mini-cta {
    padding: 16px 18px 12px;
  }

  .post_content .gacha-mini-cta .gacha-mini-cta__rows {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
}


/* ==================================================
   07. かなり小さいスマホ（360px以下）
================================================== */

@media screen and (max-width: 360px) {
  .post_content .gacha-mini-cta {
    padding: 12px 10px 10px;
  }

  .post_content .gacha-mini-cta .gacha-mini-cta__row {
    padding: 8px 8px 8px 10px;
  }

  .post_content .gacha-mini-cta .gacha-mini-cta__btn {
    min-width: 100px;
    padding: 8px 10px;
    font-size: 13px;
  }
}
/* ==========================================================
   コレクションアプリ記事：冒頭の案内リンク／3選ボックスの追加分（v3）
   ※ 3選ボックス本体のスタイル（gacha-free-pick）は既存のものを使います。
   ※ v2のCSSを貼り付け済みの場合は、末尾の「3ステップの流れ」だけを追加してください。
   ========================================================== */

/* ---------- 冒頭の1行案内 ---------- */
.post_content .ag-oripa-jump {
  margin: 1.5em 0 !important;
  padding: 10px 14px;
  border-left: 4px solid #e8333d;
  background: #fff5f5;
  font-size: 14px;
  line-height: 1.7;
}

.post_content .ag-oripa-jump a {
  font-weight: 700;
}

/* ---------- 3選ボックス ---------- */
/* 冒頭のリンクで移動したとき、固定ヘッダーに隠れないようにする */
#oripa-pick {
  scroll-margin-top: 200px;
}

/* 広告表記 */
.gacha-free-pick__pr {
  display: inline-block;
  margin-bottom: 8px;
  padding: 0 8px;
  border: 1px solid #aaa;
  border-radius: 3px;
  color: #666;
  font-size: 11px;
  line-height: 1.7;
}

/* ---------- 3ステップの流れ（v3で追加） ---------- */
.gacha-free-pick__flow {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin: 12px 0 16px;
}

.gacha-free-pick__flow-step {
  position: relative;
  padding: 8px 4px;
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  color: #333;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
}

.gacha-free-pick__flow-step:not(:last-child)::after {
  content: "\25B6";
  position: absolute;
  top: 50%;
  right: -12px;
  color: #e8333d;
  font-size: 9px;
  transform: translateY(-50%);
}

.gacha-free-pick__flow-num {
  display: block;
  margin-bottom: 2px;
  color: #e8333d;
  font-size: 10px;
  letter-spacing: 0.05em;
}
/* ==========================================================
   コレクションアプリ記事：比較表のDOPA・オリくじ行の補足（施策3）
   ========================================================== */

/* アプリ名の下のラベルと特典 */
.collection-app-compare-table .oripa-compare-sub {
  display: block;
  margin-top: 6px;
  line-height: 1.4;
}

.collection-app-compare-table .oripa-compare-sub__type {
  display: inline-block;
  margin-bottom: 3px;
  padding: 1px 6px;
  background: #e8333d;
  border-radius: 3px;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
}

.collection-app-compare-table .oripa-compare-sub__bonus {
  display: block;
  color: #e8333d;
  font-size: 11px;
  font-weight: 700;
}
/* ==================================================
   ORIGINAL ARTWORK COLLECTION
   ランキング後CTAの誘導コピー
================================================== */

.single .post_content p.jtc-cta-lead {
  margin-bottom: 0 !important;
  color: #d63a24;
  font-size: 17px;
  line-height: 1.5;
  letter-spacing: 0.02em;
}

.single .post_content p.jtc-cta-lead strong {
  color: inherit;
}

@media screen and (max-width: 767px) {
  .single .post_content p.jtc-cta-lead {
    font-size: clamp(13px, 4vw, 15px);
    white-space: nowrap;
  }
}
/* ==================================================
   ORIGINAL ARTWORK COLLECTION
   冒頭の3社比較表をコンパクトにする（最終版）
   ・メイン画像は残す
   ・メリットは3社とも2点
   ※ .artwork-top-compare で囲んだ表だけに適用
================================================== */

/* ロゴ欄の高さを抑える */
.artwork-top-compare .oripa-feature-card__header {
  min-height: 64px;
  margin-bottom: 4px;
}

.artwork-top-compare .oripa-feature-card__logo {
  height: 60px;
}

/* メリットを3社とも2点にする
   nth-child の数字＝非表示にする項目（1＝1点目、2＝2点目、3＝3点目） */

/* 1位 日本トレカセンター：「1coinオリパが引ける」（新規特典と重複） */
.single .post_content .artwork-top-compare
.oripa-feature-card--rank1 .oripa-feature-card__points li:nth-child(1),

/* 2位 クローブオリパ：1点目（要確認） */
.single .post_content .artwork-top-compare
.oripa-feature-card--rank2 .oripa-feature-card__points li:nth-child(1),

/* 3位 DOPA：1点目（要確認） */
.single .post_content .artwork-top-compare
.oripa-feature-card--rank3 .oripa-feature-card__points li:nth-child(1) {
  display: none !important;
}

/* メリットの余白を詰める */
.single .post_content .artwork-top-compare
.oripa-feature-card__points {
  margin: 4px 0 10px !important;
}

.single .post_content .artwork-top-compare
.oripa-feature-card__points li:not(:last-child) {
  margin-bottom: 4px !important;
}

/* 2位・3位の高さ合わせ用の空欄を非表示 */
.artwork-top-compare .oripa-feature-card__note--empty {
  display: none !important;
}

/* スペック表の「特徴」（2行目）を非表示 */
.artwork-top-compare .oripa-feature-card__spec-row:nth-child(2) {
  display: none !important;
}

/* スペック表からボタンまでをカード下端にそろえる */
.artwork-top-compare .oripa-feature-compare
.oripa-feature-card .oripa-feature-card__spec {
  margin-top: auto !important;
}

.single .post_content .artwork-top-compare
.oripa-feature-card__appeal {
  margin: 0 0 9px !important;
}
/* ==================================================
   初回特典2カード比較
   日本トレカセンター / DOPA（クローブ除外版）
   HTML側：.oripa-feature-compare--jtc-dopa

   ※ .oripa-feature-compare--jtc-clove-dopa の調整を流用し、
     2カード化で必要な差分だけを上書き
================================================== */


/* PC・タブレット：3列 → 2列 */
@media screen and (min-width: 768px) {

  .oripa-feature-compare--jtc-dopa
  .oripa-feature-compare__cards {
    grid-template-columns: repeat(2, minmax(310px, 1fr)) !important;

    /* 310px × 2枚 ＋ gap 14px */
    min-width: 634px;
  }

}


/* 2位 DOPA：画像を縦横比のまま表示
   既存CSSでは rank2＝クローブとして「fill」（引き伸ばし）が
   指定されているため、それを解除する */
.oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--jtc-dopa
.oripa-feature-card--rank2
.oripa-feature-card__image img {
  object-fit: contain !important;
  object-position: center center !important;
}


/* 2位 DOPA：ロゴサイズを3位時代のDOPAと同じに戻す
   （既存CSSの rank2 はクローブ用の80%／200px） */
.oripa-feature-compare--jtc-clove-dopa.oripa-feature-compare--jtc-dopa
.oripa-feature-card--rank2
.oripa-feature-card__logo img {
  width: 65% !important;
  max-width: 163px !important;
}
/* ==================================================
   MTGオリパ おすすめショップ比較表（9店）
   折り畳み・横スクロール・1列目固定・ポップアップ
   HTML側：#mtg-shop-compare-v1 / .mtgcmp-v1
   ※ 既存CSSの一番下に追加
================================================== */

.mtgcmp-v1 {
  /* ヘッダー色はここだけ変えれば全体に反映 */
  --mtgcmp-head-bg: #e72f3b;
  --mtgcmp-head-color: #fff;
  --mtgcmp-border: #ddd;

  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 1.5em 0;
}

.mtgcmp-v1 *,
.mtgcmp-v1 *::before,
.mtgcmp-v1 *::after {
  box-sizing: border-box;
}


/* ==================================================
   01. 案内文
================================================== */

.single .post_content .mtgcmp-v1 .mtgcmp-v1__hint {
  margin: 0 0 6px !important;
  color: #777;
  font-size: 12px;
  line-height: 1.5;
  text-align: right;
}


/* ==================================================
   02. 横スクロール領域
================================================== */

.mtgcmp-v1 .mtgcmp-v1__scroll {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
}


/* ==================================================
   03. テーブル本体
================================================== */

.post_content .mtgcmp-v1 table.mtgcmp-v1__table {
  width: 750px !important;
  min-width: 750px !important;
  max-width: none !important;
  margin: 0 !important;
  table-layout: fixed !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #fff;
}

/* セル共通 */
.post_content .mtgcmp-v1 .mtgcmp-v1__table th,
.post_content .mtgcmp-v1 .mtgcmp-v1__table td {
  padding: 9px 10px !important;
  border: 0 !important;
  border-right: 1px solid var(--mtgcmp-border) !important;
  border-bottom: 1px solid var(--mtgcmp-border) !important;
  color: #333;
  font-size: 13px;
  line-height: 1.55;
  text-align: left;
  vertical-align: middle;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

.post_content .mtgcmp-v1 .mtgcmp-v1__table tbody td {
  background: #fff !important;
}

/* 左端の線 */
.post_content .mtgcmp-v1 .mtgcmp-v1__table tr > :first-child {
  border-left: 1px solid var(--mtgcmp-border) !important;
}


/* ==================================================
   04. ヘッダー装飾
================================================== */

.post_content .mtgcmp-v1 .mtgcmp-v1__table thead th {
  border-top: 1px solid var(--mtgcmp-head-bg) !important;
  border-right-color: rgba(255, 255, 255, 0.35) !important;
  border-bottom: 2px solid rgba(0, 0, 0, 0.15) !important;
  background: var(--mtgcmp-head-bg) !important;
  color: var(--mtgcmp-head-color) !important;
  font-weight: 700;
  text-align: center;
}

.post_content .mtgcmp-v1 .mtgcmp-v1__table thead th:first-child {
  border-left-color: var(--mtgcmp-head-bg) !important;
}


/* ==================================================
   05. 列幅
================================================== */

/* 1列目：ショップ名 */
.post_content .mtgcmp-v1 .mtgcmp-v1__table tr > :nth-child(1) {
  width: 170px !important;
}

/* 2列目：公式リンク */
.post_content .mtgcmp-v1 .mtgcmp-v1__table tr > :nth-child(2) {
  width: 160px !important;
  text-align: center;
}

/* 3列目：購入方法 */
.post_content .mtgcmp-v1 .mtgcmp-v1__table tr > :nth-child(3) {
  width: 120px !important;
  text-align: center;
}

/* 4列目：MTGの商品・価格例 */
.post_content .mtgcmp-v1 .mtgcmp-v1__table tr > :nth-child(4) {
  width: 300px !important;
}


/* ==================================================
   06. 1列目固定
================================================== */

.post_content .mtgcmp-v1 .mtgcmp-v1__table tr > :first-child {
  position: sticky !important;
  left: 0 !important;
  z-index: 2;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08);
}

/* 左上のヘッダーセル */
.post_content .mtgcmp-v1 .mtgcmp-v1__table thead th:first-child {
  z-index: 3;
}


/* ==================================================
   07. ショップ名（ポップアップを開くボタン）
================================================== */

.post_content .mtgcmp-v1 button.mtgcmp-v1__shop {
  display: inline;
  width: auto;
  min-width: 0;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: #0073aa;
  font: inherit;
  font-weight: 700;
  line-height: inherit;
  text-align: left;
  text-decoration: underline;
  text-underline-offset: 2px;
  white-space: normal;
  overflow-wrap: anywhere;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

.post_content .mtgcmp-v1 button.mtgcmp-v1__shop:hover {
  opacity: 0.75;
}

.post_content .mtgcmp-v1 button.mtgcmp-v1__shop:focus-visible {
  outline: 2px solid #2589d0;
  outline-offset: 2px;
}


/* ==================================================
   08. 公式サイト・アプリボタン
================================================== */

.post_content .mtgcmp-v1 a.mtgcmp-v1__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 135px;
  max-width: 100%;
  min-height: 40px;
  margin: 0;
  padding: 8px 6px;
  border: 0;
  border-radius: 6px;
  background: #08b53f;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.18);
  color: #fff !important;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  text-decoration: none !important;
  white-space: normal;
  transition: opacity 0.2s ease;
}

/* 改行は「・」の後だけにする（表・ポップアップ共通） */
a.mtgcmp-v1__cta {
  flex-wrap: wrap;
  align-content: center;
}

.mtgcmp-v1__cta .mtgcmp-v1__cta-part {
  display: inline-block;
  white-space: nowrap;
}

/* アフィリエイト以外のショップ */
.post_content .mtgcmp-v1 a.mtgcmp-v1__cta.mtgcmp-v1__cta--gray {
  background: #d9d9d9;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.12);
  color: #666 !important;
}

@media (hover: hover) {
  .post_content .mtgcmp-v1 a.mtgcmp-v1__cta:hover {
    opacity: 0.85;
  }
}


/* ==================================================
   09. 折り畳み
   初期表示：4店まで
================================================== */

/* チェックボックスは画面に出さない */
.mtgcmp-v1 .mtgcmp-v1__more-input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
  opacity: 0;
}

/* 閉じているときは5店目以降を非表示 */
.mtgcmp-v1 .mtgcmp-v1__more-input:not(:checked)
~ .mtgcmp-v1__scroll
.mtgcmp-v1__table tbody tr:nth-child(n + 5) {
  display: none;
}

/* ボタン */
.post_content .mtgcmp-v1 .mtgcmp-v1__more-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  width: 100%;
  margin: 14px 0 0;
  padding: 12px 16px;
  border: 2px solid #16b84e;
  border-radius: 4px;
  background: #fff;
  color: #16b84e;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  cursor: pointer;
  user-select: none;
}

.post_content .mtgcmp-v1 .mtgcmp-v1__more-btn:hover {
  opacity: 0.85;
}

.mtgcmp-v1 .mtgcmp-v1__more-input:focus-visible ~ .mtgcmp-v1__more-btn {
  outline: 3px solid #2589d0;
  outline-offset: 2px;
}

/* 文言の切り替え */
.mtgcmp-v1 .mtgcmp-v1__more-close {
  display: none;
}

.mtgcmp-v1 .mtgcmp-v1__more-input:checked ~ .mtgcmp-v1__more-btn .mtgcmp-v1__more-open {
  display: none;
}

.mtgcmp-v1 .mtgcmp-v1__more-input:checked ~ .mtgcmp-v1__more-btn .mtgcmp-v1__more-close {
  display: inline;
}

/* 矢印 */
.mtgcmp-v1 .mtgcmp-v1__more-icon {
  font-size: 12px;
  transition: transform 0.25s ease;
}

.mtgcmp-v1 .mtgcmp-v1__more-input:checked ~ .mtgcmp-v1__more-btn .mtgcmp-v1__more-icon {
  transform: rotate(180deg);
}


/* ==================================================
   10. ポップアップ
   開くときにスクリプトがページ末尾（.mtgcmp-v1-portal）へ移動するため、
   表の外でも効くセレクタで指定
================================================== */

/* スクリプトが作る移動先 */
.mtgcmp-v1-portal {
  --mtgcmp-head-bg: #e72f3b;

  position: static !important;
  width: auto !important;
  max-width: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.mtgcmp-v1__popup,
.mtgcmp-v1__popup *,
.mtgcmp-v1__popup *::before,
.mtgcmp-v1__popup *::after {
  box-sizing: border-box;
}

/* 閉じているとき */
.mtgcmp-v1__popup[hidden] {
  display: none !important;
}

/* 画面全体 */
.mtgcmp-v1__popup {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  margin: 0 !important;
  padding: 12px;
}

/* 背景 */
.mtgcmp-v1__popup .mtgcmp-v1__popup-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.65);
  cursor: pointer;
}

/* 白いパネル */
.mtgcmp-v1__popup .mtgcmp-v1__popup-panel {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: min(760px, 100%);
  max-height: calc(100vh - 24px);
  max-height: calc(100dvh - 24px);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.3);
  color: #333;
  overflow: hidden;
  outline: none;
}

/* 開いている間は背面のスクロールを止める */
html.mtgcmp-v1-lock,
html.mtgcmp-v1-lock body {
  overflow: hidden !important;
}

/* ヘッダー */
.mtgcmp-v1__popup .mtgcmp-v1__popup-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  flex-shrink: 0;
  padding: 14px 16px 12px 22px;
  border-bottom: 1px solid #e5e5e5;
  background: #fff;
}

/* 見出し：記事のH3と同じ装飾（スクリプトがh3に置き換え）。外側の余白だけ消す */
.post_content .mtgcmp-v1__popup .mtgcmp-v1__popup-title,
.mtgcmp-v1__popup .mtgcmp-v1__popup-title {
  margin: 0 !important;
}

/* スクリプト実行前（pタグのまま）の表示 */
.mtgcmp-v1__popup p.mtgcmp-v1__popup-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.45;
}

/* 閉じるボタン */
.mtgcmp-v1__popup button.mtgcmp-v1__popup-close {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #f1f1f1;
  box-shadow: none;
  color: #333;
  font-size: 26px;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

.mtgcmp-v1__popup button.mtgcmp-v1__popup-close:hover {
  background: #ddd;
}

.mtgcmp-v1__popup button.mtgcmp-v1__popup-close:focus-visible {
  outline: 3px solid #2589d0;
  outline-offset: 2px;
}

/* 本文 */
.mtgcmp-v1__popup .mtgcmp-v1__popup-body {
  flex: 1 1 auto;
  min-height: 0;
  padding: 20px 22px 26px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.single .mtgcmp-v1__popup .mtgcmp-v1__popup-body > :first-child {
  margin-top: 0 !important;
}

.mtgcmp-v1__popup .mtgcmp-v1__popup-body img {
  max-width: 100%;
  height: auto;
}

.mtgcmp-v1__popup .mtgcmp-v1__popup-body iframe {
  max-width: 100%;
}

/* ==================================================
   11. スマホ
================================================== */

@media screen and (max-width: 767px) {

  /* 1列目120px＋リンク115px＋購入方法90px＋商品220px */
  .post_content .mtgcmp-v1 table.mtgcmp-v1__table {
    width: 545px !important;
    min-width: 545px !important;
  }

  .post_content .mtgcmp-v1 .mtgcmp-v1__table th,
  .post_content .mtgcmp-v1 .mtgcmp-v1__table td {
    padding: 7px 6px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  .post_content .mtgcmp-v1 .mtgcmp-v1__table tr > :nth-child(1) {
    width: 120px !important;
  }

  .post_content .mtgcmp-v1 .mtgcmp-v1__table tr > :nth-child(2) {
    width: 115px !important;
  }

  .post_content .mtgcmp-v1 .mtgcmp-v1__table tr > :nth-child(3) {
    width: 90px !important;
  }

  .post_content .mtgcmp-v1 .mtgcmp-v1__table tr > :nth-child(4) {
    width: 220px !important;
  }

  .post_content .mtgcmp-v1 a.mtgcmp-v1__cta {
    width: 100px;
    min-height: 38px;
    padding: 7px 4px;
    font-size: 11px;
  }

  .single .post_content .mtgcmp-v1 .mtgcmp-v1__hint {
    font-size: 11px;
  }

  .post_content .mtgcmp-v1 .mtgcmp-v1__more-btn {
    padding: 11px 14px;
    font-size: 14px;
  }

  /* ポップアップ */
  .mtgcmp-v1__popup {
    padding: 8px;
  }

  .mtgcmp-v1__popup .mtgcmp-v1__popup-panel {
    width: 100%;
    max-height: calc(100vh - 16px);
    max-height: calc(100dvh - 16px);
    border-radius: 10px;
  }

  .mtgcmp-v1__popup .mtgcmp-v1__popup-header {
    padding: 12px 10px 10px 16px;
  }

  .mtgcmp-v1__popup p.mtgcmp-v1__popup-title {
    font-size: 17px;
  }

  .mtgcmp-v1__popup button.mtgcmp-v1__popup-close {
    width: 38px;
    height: 38px;
    min-width: 38px;
    font-size: 24px;
  }

  .mtgcmp-v1__popup .mtgcmp-v1__popup-body {
    padding: 16px 14px 22px;
  }
}