@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
} 

/* =========================================
   パッケージメディア：親CSSと同じ見た目に固定
   （UHDバッジ＝キラキラ、仕切り線、Amazon/Rakutenボタン）
   ========================================= */

/* ボックス全体：配信ボックスと同系のカード */
.media-affiliate-box {
  margin: 24px auto;
  padding: 18px 24px 16px;
  max-width: 780px;

  background: linear-gradient(135deg, #e5e7eb, #d1d5db);
  border-radius: 14px;
  border: 1px solid rgba(148,163,184,0.7);
  box-shadow: 0 2px 4px rgba(0,0,0,0.18);
  box-sizing: border-box;
}

/* 見出し：中央揃え */
.media-affiliate-box .media-affiliate-title {
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #111827;
  margin: 0 0 14px;
  text-align: center;
}

/* 行の一覧を縦に並べる */
.media-affiliate-box .media-affiliate-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* 各行：バッジ＋仕切り線＋ボタン2つ */
.media-affiliate-box .media-affiliate-item {
  display: flex;
  align-items: center;
  gap: 18px;
  position: relative;   /* ★縦線の基準にする */
}

/* =========================================
   左側バッジ（UHD / Blu-ray / DVD）
   親CSSの .badge-media + .badge-uhd / .badge-bd / .badge-dvd を再現
   ========================================= */

.media-affiliate-box .badge-media {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 4px 14px;
  border-radius: 999px;
  font-size: 0.9rem;
  font-weight: 800;
  letter-spacing: 0.06em;

  box-shadow: 0 2px 8px rgba(0,0,0,0.28);
  border: 1px solid rgba(255,255,255,0.7);
}

/* UHD：虹色ホログラム（配信サービスのUHDと同じ） */
.media-affiliate-box .badge-media.badge-uhd {
  background: linear-gradient(
    135deg,
    #ff7b7b,
    #ffbf47,
    #fff86b,
    #7bffb9,
    #6bddff,
    #b28bff
  );
  background-size: 400% 400%;
  animation: hcdbUhdHolo 6s ease infinite;

  color: #111;
}

/* Blu-ray：濃い青グラデーション */
.media-affiliate-box .badge-media.badge-bd {
  background: linear-gradient(135deg, #3b82f6, #1e40af);
  color: #fff;
}

/* DVD：HDラベルと同系のグレー */
.media-affiliate-box .badge-media.badge-dvd {
  background: linear-gradient(135deg, #4b4f56, #6b7078);
  color: #fff;
}

/* UHDホログラム用アニメーション（名前が被らないように別名） */
@keyframes hcdbUhdHolo {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* =========================================
   Amazon / 楽天ボタン（色と形を親CSSに合わせる）
   ========================================= */

.media-affiliate-box .btn-amazon,
.media-affiliate-box .btn-rakuten {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 150px;
  padding: 8px 20px;
  border-radius: 999px;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #fff;
  text-decoration: none;

  box-shadow: 0 2px 4px rgba(0,0,0,0.25);
  transition: transform 0.12s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

/* Amazon：やや落ち着いたオレンジグラデ */
.media-affiliate-box .btn-amazon {
  background: linear-gradient(135deg, #f59e0b, #d97706);
}

/* 楽天：深い赤グラデ */
.media-affiliate-box .btn-rakuten {
  background: linear-gradient(135deg, #b91c1c, #7f1d1d);
}

/* ホバー時ちょっとだけ持ち上げる */
.media-affiliate-box .btn-amazon:hover,
.media-affiliate-box .btn-rakuten:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.35);
  opacity: 0.95;
}

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

.media-affiliate-box .media-affiliate-note {
  margin-top: 12px;
  font-size: 0.78rem;
  color: #4b5563;
  text-align: right;
}

/* スマホ：行を縦積み＆中央寄せに */
@media (max-width: 600px) {
  .media-affiliate-box .media-affiliate-item {
    flex-direction: column;
    align-items: center;
    gap: 6px;
  }

  .media-affiliate-box .media-affiliate-item .btn-amazon,
  .media-affiliate-box .media-affiliate-item .btn-rakuten {
    min-width: 160px;
    width: auto;
    justify-content: center;
  }

  .media-affiliate-box .media-affiliate-item .btn-amazon::before {
    /* スマホでは仕切り線は邪魔なので消す */
    display: none;
  }

  .media-affiliate-box .media-affiliate-note {
    text-align: left;
  }
}
/* ================================
   レビュー対象バッジ [review_badges]
   レイアウト＋バッジの見た目
   ================================ */

/* 全体の余白・文字サイズ */
.hcdb-review-badges {
  margin: 24px 0 18px;
  font-size: 0.95rem;
}

/* 1行分（配信サービス / レビュー対象 / 映像形式 / 音声形式） */
.hcdb-review-badges-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
  flex-wrap: wrap; /* バッジが多いとき折り返し */
}

/* 左側のラベル「配信サービス」など */
.hcdb-review-badges-heading {
  flex: 0 0 110px;          /* 左カラムの幅を固定して縦をそろえる */
  font-weight: 700;
  color: #111827;
}

/* 右側のバッジ群 */
.hcdb-review-badges-items {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;                 /* バッジ同士のすき間 */
}

/* スマホ（幅600px以下）では縦並び */
@media (max-width: 600px) {
  .hcdb-review-badges-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .hcdb-review-badges-heading {
    flex: none;
    margin-bottom: 2px;
  }

  .hcdb-review-badges-items {
    gap: 6px;
  }
}

/* =======================================
   バッジ共通の形（丸いピル型）
   ======================================= */

.hcdb-review-badges .badge-stream,
.hcdb-review-badges .badge-media,
.hcdb-review-badges .label-dv4k,
.hcdb-review-badges .label-4k_hdr10,
.hcdb-review-badges .label-hd,
.hcdb-review-badges .label-ddp-atmos,
.hcdb-review-badges .label-dtsx,
.hcdb-review-badges .label-truehd-51,
.hcdb-review-badges .label-truehd-71,
.hcdb-review-badges .label-ddp-51,
.hcdb-review-badges .label-ddp-2ch,
.hcdb-review-badges .label-pcm-51,
.hcdb-review-badges .label-pcm-71,
.hcdb-review-badges .label-pcm-2ch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 14px;
  border-radius: 999px;
  font-size: 0.96rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.25);
  border: 1px solid rgba(255,255,255,0.18);
  white-space: nowrap;
}

/* =======================================
   配信サービスバッジの色
   （作品データボックスと同じテイスト）
   ======================================= */

.hcdb-review-badges .badge-stream.badge-nf {
  background: linear-gradient(135deg, #b00710, #e50914);
}

.hcdb-review-badges .badge-stream.badge-prime {
  background: linear-gradient(135deg, #00a8e1, #00c4ff);
}

.hcdb-review-badges .badge-stream.badge-disney {
  background: linear-gradient(135deg, #0b1545, #1548d8);
}

/* U-NEXT：黒系 */
.hcdb-review-badges .badge-stream.badge-unext {
  background: linear-gradient(135deg, #111111, #3b3b3b);
}

/* Hulu：グリーン */
.hcdb-review-badges .badge-stream.badge-hulu {
  background: linear-gradient(135deg, #048f3a, #28c76f);
}

/* Apple TV+：シルバー系 */
.hcdb-review-badges .badge-stream.badge-appletv {
  background: linear-gradient(135deg, #d0d3d8, #f4f5f7);
  color: #111;
}

/* Paramount+：淡いパープル系 */
.hcdb-review-badges .badge-stream.badge-paramount {
  background: linear-gradient(135deg, #e3d4ff, #c5b3ff);
  color: #261b4a;
}

/* =======================================
   レビュー対象（UHD / Blu-ray / DVD）
   ======================================= */

.hcdb-review-badges .badge-media.badge-uhd {
  background: linear-gradient(
    135deg,
    #ff7b7b,
    #ffbf47,
    #fff86b,
    #7bffb9,
    #6bddff,
    #b28bff
  );
  color: #111;
}

.hcdb-review-badges .badge-media.badge-bd {
  background: linear-gradient(135deg, #3b82f6, #1e40af);
}

.hcdb-review-badges .badge-media.badge-dvd {
  background: linear-gradient(135deg, #4b4f56, #6b7078);
}

/* =======================================
   映像形式バッジ
   ======================================= */

.hcdb-review-badges .label-dv4k {
  background: linear-gradient(135deg, #8b5cf6, #ec4899);
}

.hcdb-review-badges .label-4k_hdr10 {
  background: linear-gradient(135deg, #f97316, #ea580c);
}

.hcdb-review-badges .label-hd {
  background: linear-gradient(135deg, #4b5563, #6b7280);
}

/* =======================================
   音声形式バッジ
   ======================================= */

/* Dolby Atmos */
.hcdb-review-badges .label-ddp-atmos {
  background: linear-gradient(135deg, #22c55e, #16a34a);
}

/* DTS:X */
.hcdb-review-badges .label-dtsx {
  background: linear-gradient(135deg, #f97316, #ea580c);
}

/* TrueHD 5.1 / 7.1 共通 */
.hcdb-review-badges .label-truehd-51,
.hcdb-review-badges .label-truehd-71 {
  background: linear-gradient(135deg, #1d4ed8, #1e3a8a);
}

/* DD+ 5.1ch / 2ch 共通 */
.hcdb-review-badges .label-ddp-51,
.hcdb-review-badges .label-ddp-2ch {
  background: linear-gradient(135deg, #10b981, #059669);
}

/* PCM 各種 */
.hcdb-review-badges .label-pcm-51,
.hcdb-review-badges .label-pcm-71,
.hcdb-review-badges .label-pcm-2ch {
  background: linear-gradient(135deg, #6b7280, #4b5563);
}
/* =======================================
   映像形式・音声形式バッジだけ四角にする
   ======================================= */

.hcdb-review-badges .label-dv4k,
.hcdb-review-badges .label-4k_hdr10,
.hcdb-review-badges .label-hd,
.hcdb-review-badges .label-ddp-atmos,
.hcdb-review-badges .label-dtsx,
.hcdb-review-badges .label-truehd-51,
.hcdb-review-badges .label-truehd-71,
.hcdb-review-badges .label-ddp-51,
.hcdb-review-badges .label-ddp-2ch,
.hcdb-review-badges .label-pcm-51,
.hcdb-review-badges .label-pcm-71,
.hcdb-review-badges .label-pcm-2ch {
  border-radius: 10px;   /* ここで四角寄りに */
  padding: 6px 16px;     /* 少しだけ縦を高くしてボタンっぽく */
}

/* ================================
   作品データボックス内バッジの調整
   （配信サービス／レビュー対象／映像形式／音声形式）
   ================================ */

/* バッジ自体の大きさ＆余白  */
.movie-spec-box .spec-row .spec-right span.badge-stream,
.movie-spec-box .spec-row .spec-right span.badge-media,
.movie-spec-box .spec-row .spec-right span[class^="label-"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  /* ★ バッジの大きさ（必要ならここだけいじればOK） */
  padding: 8px 22px;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.1;

  /* ★ バッジ同士のすき間 */
  margin-right: 6px;
  margin-bottom: 6px;
}

/* 映像形式・音声形式のバッジだけ、丸すぎないよう角丸を弱める */
.movie-spec-box .spec-row .spec-right span.label-dv4k,
.movie-spec-box .spec-row .spec-right span.label-4k_hdr10,
.movie-spec-box .spec-row .spec-right span.label-hd,
.movie-spec-box .spec-row .spec-right span.label-ddp-atmos,
.movie-spec-box .spec-row .spec-right span.label-dtsx,
.movie-spec-box .spec-row .spec-right span.label-truehd-51,
.movie-spec-box .spec-row .spec-right span.label-truehd-71,
.movie-spec-box .spec-row .spec-right span.label-ddp-51,
.movie-spec-box .spec-row .spec-right span.label-ddp-2ch,
.movie-spec-box .spec-row .spec-right span.label-pcm-51,
.movie-spec-box .spec-row .spec-right span.label-pcm-71,
.movie-spec-box .spec-row .spec-right span.label-pcm-2ch {
  border-radius: 8px;   /* 8〜14px くらいの範囲で好み調整OK */
}

/* 行全体の上下の余白（行間）を少し広げる */
.movie-spec-box .spec-row .spec-right {
  padding-top: 6px;
  padding-bottom: 4px;
}
/* ================================
   映像形式バッジのカラー調整
   ================================ */

/* 4K / Dolby Vision：高級感のある虹色系グラデーション */
.movie-spec-box .label-dv4k,
.hcdb-review-badges .label-dv4k {
  background: linear-gradient(
    135deg,
    #6d28d9 0%,   /* 深いバイオレット */
    #a855f7 30%,  /* 明るめパープル */
    #ec4899 65%,  /* マゼンタ */
    #facc15 100%  /* ゴールドのエッジ */
  );
  box-shadow: 0 0 10px rgba(148, 163, 255, 0.55);
}

/* 4K / HDR10：黒をやめてHDRらしいゴールド系 */
.movie-spec-box .label-4k_hdr10,
.hcdb-review-badges .label-4k_hdr10 {
  background: linear-gradient(
    135deg,
    #78350f 0%,   /* ダークブラウン */
    #f97316 45%,  /* 濃いオレンジ */
    #fbbf24 100%  /* 明るいゴールド */
  );
}

/* HD：少しだけ落ち着いたグレー（好みならそのまま） */
.movie-spec-box .label-hd,
.hcdb-review-badges .label-hd {
  background: linear-gradient(135deg, #4b5563, #9ca3af);
}

/* ================================
   音声形式バッジのカラー調整
   ================================ */

/* Dolby Atmos：特別感のあるブルーグラデ */
.movie-spec-box .label-ddp-atmos,
.hcdb-review-badges .label-ddp-atmos {
  background: linear-gradient(
    135deg,
    #1d4ed8 0%,   /* ディープブルー */
    #2563eb 40%,  /* 明るめブルー */
    #38bdf8 100%  /* シアン寄りハイライト */
  );
  box-shadow: 0 0 10px rgba(56, 189, 248, 0.45);
}

/* DTS:X：もっと輝くオレンジ〜ゴールド */
.movie-spec-box .label-dtsx,
.hcdb-review-badges .label-dtsx {
  background: linear-gradient(
    135deg,
    #c2410c 0%,   /* 濃いオレンジブラウン */
    #f97316 40%,  /* ビビッドなオレンジ */
    #facc15 100%  /* ゴールドハイライト */
  );
}

/* Dolby TrueHD 5.1 / 7.1：少し明るめのブルー */
.movie-spec-box .label-truehd-51,
.movie-spec-box .label-truehd-71,
.hcdb-review-badges .label-truehd-51,
.hcdb-review-badges .label-truehd-71 {
  background: linear-gradient(
    135deg,
    #1d4ed8 0%,   /* 濃い青 */
    #2563eb 40%,  /* 標準的な青 */
    #60a5fa 100%  /* 明るめ青のエッジ */
  );
}

/* DD+ 系はそのままでもいいけど、少しだけ彩度アップ */
.movie-spec-box .label-ddp-51,
.movie-spec-box .label-ddp-2ch,
.hcdb-review-badges .label-ddp-51,
.hcdb-review-badges .label-ddp-2ch {
  background: linear-gradient(135deg, #059669, #22c55e);
}

/* PCM 系：濃いめシルバーグラデーション */
.movie-spec-box .label-pcm-51,
.movie-spec-box .label-pcm-71,
.movie-spec-box .label-pcm-2ch,
.hcdb-review-badges .label-pcm-51,
.hcdb-review-badges .label-pcm-71,
.hcdb-review-badges .label-pcm-2ch {
  background: linear-gradient(
    135deg,
    #4b5563 0%,   /* ダークグレー */
    #6b7280 40%,  /* 標準グレー */
    #9ca3af 80%,  /* シルバー */
    #e5e7eb 100%  /* ハイライト */
  );
  color: #111;  /* シルバーが明るいので文字だけ濃いグレーに */
}
/* ================================
   調整① 4K / HDR10：オレンジ＋赤ミックス
   （DTS:X と色かぶりしないよう、赤寄りに）
   ================================ */
.movie-spec-box .label-4k_hdr10,
.hcdb-review-badges .label-4k_hdr10 {
  background: linear-gradient(
    135deg,
    #c2410c 0%,   /* 濃いオレンジブラウン */
    #f97316 40%,  /* ビビッドオレンジ */
    #fb7185 100%  /* 赤みのあるピンク系ハイライト */
  );
}

/* ================================
   調整② Dolby Atmos：青系で特別感アップ
   ================================ */
.movie-spec-box .label-ddp-atmos,
.hcdb-review-badges .label-ddp-atmos {
  background: linear-gradient(
    135deg,
    #0ea5e9 0%,   /* シアンよりのライトブルー */
    #2563eb 45%,  /* ミドルブルー */
    #1e40af 100%  /* 濃いインディゴ */
  );
  box-shadow: 0 0 12px rgba(56, 189, 248, 0.6); /* ちょい強めに光らせる */
}

/* ================================
   調整③ PCM：明るくキラキラしたシルバー
   ================================ */
.movie-spec-box .label-pcm-51,
.movie-spec-box .label-pcm-71,
.movie-spec-box .label-pcm-2ch,
.hcdb-review-badges .label-pcm-51,
.hcdb-review-badges .label-pcm-71,
.hcdb-review-badges .label-pcm-2ch {
  background: linear-gradient(
    135deg,
    #e5e7eb 0%,   /* 明るいシルバー */
    #d1d5db 35%,  /* 標準シルバー */
    #9ca3af 75%,  /* 少し濃いめのグレー */
    #f9fafb 100%  /* ほぼ白のハイライト */
  );
  color: #111;  /* 明るい背景なので文字は濃いグレー */
  box-shadow: 0 0 10px rgba(148, 163, 184, 0.5);
}
/* Dolby Atmos：青のスペシャル光沢バージョン */
.movie-spec-box .label-ddp-atmos,
.hcdb-review-badges .label-ddp-atmos {
  background: linear-gradient(
    135deg,
    #6ee7ff 0%,   /* 明るいシアンのハイライト */
    #3b82f6 40%,  /* 鮮やかなメタリックブルー */
    #1e3a8a 100%  /* 深いブルーで締める */
  );
  box-shadow:
    0 0 12px rgba(96, 165, 250, 0.7),
    inset 0 0 8px rgba(255, 255, 255, 0.35);
}
/* DTS:X：輝くオレンジ光沢 */
.movie-spec-box .label-dtsx,
.hcdb-review-badges .label-dtsx {
  background: linear-gradient(
    135deg,
    #ffd29a 0%,   /* 明るいハイライト */
    #f97316 45%,  /* メインのビビッドオレンジ */
    #c2410c 100%  /* 深い赤オレンジ */
  );
  box-shadow:
    0 0 12px rgba(251, 146, 60, 0.65),
    inset 0 0 8px rgba(255, 255, 255, 0.32);
}
/* DD+ 7.1ch 新バッジ */
.movie-spec-box .label-ddp-71,
.hcdb-review-badges .label-ddp-71 {
  background: linear-gradient(
    135deg,
    #4ade80 0%,   /* 明るいグリーン */
    #16a34a 55%,  /* メインのDD+グリーン */
    #065f46 100%  /* 深いグリーンで締める */
  );
  color: #fff;
  padding: 6px 16px;
  border-radius: 10px;
  font-weight: 700;
  white-space: nowrap;
}
/* DD+ 7.1ch を既存のDD+カテゴリに含める */
.hcdb-review-badges .label-ddp-71,
.movie-spec-box .label-ddp-71 {
  /* 上の色設定が適用されるため特に追加なし */
}
/* ================================
   ★最終版：4K HDR10 / Atmos / DD+ 7.1ch
   ここがいちばん新しい指定になる
   ================================ */

/* 4K / HDR10：ピンク強め＋薄オレンジ */
.movie-spec-box .label-4k_hdr10,
.hcdb-review-badges .label-4k_hdr10 {
  background: linear-gradient(
    135deg,
    #f472b6 0%,   /* 強めピンク */
    #fdba74 45%,  /* やわらかいオレンジ */
    #fecaca 100%  /* ピンク寄りハイライト */
  );
  background-size: 220% 220%;
  animation: hdrPinkGlow 5s ease-in-out infinite;
}

/* アニメーションはそのまま使う or 無ければ定義 */
@keyframes hdrPinkGlow {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Dolby Atmos：ネイビー × 青の重厚シネマグラデ */
.movie-spec-box .label-ddp-atmos,
.hcdb-review-badges .label-ddp-atmos {
  background: linear-gradient(
    135deg,
    #0b1120 0%,   /* 濃いネイビー */
    #1d4ed8 35%,  /* 深めのブルー */
    #38bdf8 100%  /* シアン系ハイライト */
  );
  background-size: 240% 240%;
  animation: atmosGlow 4s ease-in-out infinite;
  color: #e6f0ff;
}

/* DD+ 7.1ch：全体を濃いグリーンで統一 */
.movie-spec-box .label-ddp-71,
.hcdb-review-badges .label-ddp-71 {
  background: linear-gradient(
    135deg,
    #064e3b 0%,   /* 濃いグリーン */
    #047857 50%,  /* 中間のグリーン */
    #059669 100%  /* すこし明るいグリーン */
  );
  background-size: 200% 200%;
  animation: ddp71Glow 4.5s ease-in-out infinite;
  color: #ecfdf5;
}
.movie-spec-box .label-4k_hdr10,
.hcdb-review-badges .label-4k_hdr10 {
  background: linear-gradient(
    135deg,
    #e11d48 0%,     /* レッド（チェリー） */
    #f472b6 50%,    /* ピンク */
    #fb923c 100%    /* サンセットオレンジ */
  );
  animation: none;
  box-shadow: 0 0 8px rgba(251,146,60,0.45);
}

/* ================================
   パッケージメディア：縦線を 1 本だけ中央に
   ================================ */

/* 各行（UHD / BD / DVD）のコンテナ */
.media-affiliate-box .media-affiliate-item {
  display: flex;
  align-items: center;
  gap: 18px;
  position: relative;  /* ← ここ基準で縦線を描く */
}

/* 行の中央に 1 本だけ縦線を描く */
.media-affiliate-box .media-affiliate-item::before {
  content: "";
  position: absolute;
  left: 20%;                 /* 行の中央。もっと左にしたければ 45% などに */
  transform: translateX(-50%);
  top: 14px;                 /* 上からの余白（好みで調整OK） */
  bottom: 14px;              /* 下からの余白（短くしたいなら値を増やす） */
  width: 2px;
  background: rgba(148,163,184,0.8);
  border-radius: 2px;
}

/* 念のため、親テーマ側の before を完全に殺しておく */
.media-affiliate-box .media-affiliate-item .btn-amazon::before,
.media-affiliate-box .media-affiliate-item .btn-rakuten::before {
  content: none !important;
  display: none !important;
}
/* ================================
   パッケージメディア：左バッジのサイズ統一
   ================================ */

.media-affiliate-box .badge-media {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  /* ★ 横幅・高さを全部そろえる */
  min-width: 200px;   /* UHD / Blu-ray / DVD すべて同じ幅 */
  height: 70px;       /* 縦の高さを固定 */

  padding: 0 20px;    /* 上下は 0 にして高さは height で管理 */
  box-sizing: border-box;

  border-radius: 999px;
  font-size: 1.1rem;
  font-weight: 800;
  line-height: 1.0;
}

/* 念のため、UHD / BD / DVD でサイズが変わらないように明示 */
.media-affiliate-box .badge-media.badge-uhd,
.media-affiliate-box .badge-media.badge-bd,
.media-affiliate-box .badge-media.badge-dvd {
  min-width: 230px;
  height: 70px;
  padding: 0 28px;
  font-size: 1.1rem;
}
/* ================================
   パッケージメディア：縦線を 1 本だけ固定位置に
   ================================ */

/* 行コンテナ */
.media-affiliate-box .media-affiliate-item {
  display: flex;
  align-items: center;
  gap: 18px;
  position: relative;  /* ← 縦線の基準 */
}

/* 左バッジと Amazon ボタンのちょうど中間あたりに縦線 */
.media-affiliate-box .media-affiliate-item::before {
  content: "";
  position: absolute;

  /* ★ 縦線の横位置。UHD の右端〜少し右くらいに合わせる */
  left: 150px;           /* 240〜280px の間で好みに調整してOK */

  top: 16px;             /* 上の余白 */
  bottom: 16px;          /* 下の余白（増やすと線が短く見える） */

  width: 2px;
  background: rgba(148,163,184,0.8);
  border-radius: 2px;
}

/* 親テーマ由来の before は完全に無効化して二重線を防ぐ */
.media-affiliate-box .media-affiliate-item .btn-amazon::before,
.media-affiliate-box .media-affiliate-item .btn-rakuten::before {
  content: none !important;
  display: none !important;
}