/* Base Reset */
body {
    margin: 0;
    padding: 0;
    font-family: 'Noto Sans JP', sans-serif;
    color: #4D3B56; /* メインテキスト */
    background-color: #fbf8ff; /* ベース背景 */

  }
  ul{
    margin: 0;
    padding: 0;
  }

  /* Layout */
/* 1. コンテナを常に100%に */
.container {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 1rem;
  box-sizing: border-box;
}

/* ----------------------------
   上部ナビゲーションバー
---------------------------- */
.top-bar {
  background-color: #fff;
  border-bottom: 1px solid #eee;
  top: 0;
  z-index: 999;
  padding: 0.5rem 1rem;
}

.top-bar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 900px;
  margin: 0 auto;
}

/* ロゴ */
.top-bar .logo img {
  height: 34px;
  width: auto;
  display: block;
}

/* ナビゲーション */
.nav-menu ul {
  display: flex;
  gap: 1.2rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav-menu li a {
  font-size: 0.85rem;
  color: #4a3c2f;
  font-weight: bold;
  text-decoration: none;
  transition: opacity 0.2s;
}

.nav-menu li a:hover {
  opacity: 0.7;
}

/* ----------------------------
   モバイル対応
---------------------------- */
@media (max-width: 768px) {
  .nav-menu ul {
    gap: 0.8rem;
  }

  .nav-menu li a {
    font-size: 0.8rem;
  }

  .top-bar .logo img {
    height: 28px;
  }
}


/* スマホ用（デフォルト） */
.header {
  width: 100%;
  background-color: #e9edef; /* ご指定の色 */}

.header-inner {
  width: 100%;
}

.header-inner img {
  width: 100%;
  height: auto;
  display: block;
}

/* PC用 */
@media screen and (min-width: 768px) {
  .header {
    display: flex;
    justify-content: center;
  }

  .header-inner {
    max-width: 900px;
  }
}


  /* PC表示調整 */
  @media (min-width: 768px) {
    .hero-text {
      left: 4%;
      top: 50%;
      transform: translateY(-50%);
      padding: 2rem;
      max-width: 70%;
    }

    .hero-text h1 {
      font-size: 2rem;
    }

    .hero-text p {
      font-size: 1.5rem;
    }
  }



  /* Section Headings */
  .section {
    margin: 3rem 0;
  }

  .pr-intro p {
    font-size: 1rem;
    line-height: 1.8;
  }

mark {
    background-color: #fffed0;
    padding: 0 0.2em;
    font-weight: bold;
    color: #fc13c9;
  }

  .pr-note {
    background-color: #ffffff;
    margin: 1rem 0;
    border-left: 3px solid #ccc;
    font-size: 0.8rem;
  }

  .editor-box {
    border: 1px solid #f7efef;
    padding: 0.8rem 1rem;
    margin-top: 1rem;
    background-color: #ffffff;
    font-size: 0.85rem;
  }

  .editor-box h3 {
    font-size: 0.95rem;
    margin: 0 0 0.4rem;
    color: #A39ACD;
  }



  .section h2 {
    font-size: 1.5rem;
    border-left: 5px solid #dbaf20; /* ナチュラルブラウン */
    padding-left: 0.75rem;
    margin-bottom: 1rem;
    color: #dbaf20;
  }
  .section p {
    font-size: 1rem;
    line-height: 2rem;
  }
  .section-image {
    margin-top: 1.5rem;
    text-align: center;
  }


  .section-image img {
    width: 100%;
    max-width: 720px;  /* デスクトップでも程よい大きさ */
    height: auto;

  }

  .choose-image img{
    width: 80%;
    max-width: 650px;
    margin:  auto;

  }

  .checklist {
    list-style: none;
    padding-left: 0;
    margin: 1.5rem 0;
  }

  .checklist li {
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
    margin-bottom: 1.5rem;
    font-size: 1rem;
    line-height: 1.6;
  }

  .checklist i {
    color: #dbaf20;
    font-size: 1.2rem;
    margin-top: 0.2rem;
    flex-shrink: 0;
  }

  .checklist strong {
    color: #333;
    font-size: 1.05rem;
  }

  .checklist div {
    max-width: 100%;
  }

  /* ラッパーで横スクロール対応 */
.table-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;

}

/* テーブル本体：固定レイアウトでセル幅統一 */
.comparison-table {
  border-collapse: collapse;
  width: 100%;
  min-width: 850px; /* 横スクロールのきっかけ */
  table-layout: fixed;
  background: #fff;
}

/* セル共通：高さ＆余白＆整列 */
.comparison-table th,
.comparison-table td {
  border: 1px solid #E7DCD4;
  padding: 1rem 0.5rem;
  text-align: center;
  vertical-align: middle;
  font-size: 0.9rem;
  height: 120px;
  word-break: break-word;
  box-sizing: border-box;
  width: 140px;
}
/* 商品名（1列目）の幅を広げる */
.comparison-table th:nth-child(1),
.comparison-table td:nth-child(1) {
  width: 160px; /* お好みで 140〜180px 程度 */
}

/* 商品名テキストを太字に */
.product-cell span {
  font-weight: bold;
  text-align: center;
}

/* ヘッダー背景色 */
.comparison-table th {
  background-color: #FAEFEA;
  font-weight: bold;
}

/* sticky列（商品名固定） */
.sticky-col {
  position: sticky;
  left: 0;
  background: #fff;
  z-index: 2;
  min-width: 160px;
  max-width: 160px;
    border: 1px solid #E7DCD4;

}

/* 商品画像＋商品名の縦並び */
.product-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.product-cell img {
  max-width: 80px;
  height: auto;
  margin-bottom: 0.5rem;
  border-radius: 6px;
}

/* アイコン＋ラベル縦並び */
.icon-with-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1.4;
  height: 100%;
}

/* 評価アイコンサイズ調整 */
.icon {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 0.2rem;
}

/* 各記号に色を付ける */
.icon-double-circle { color: #d63b3b; }  /* ◎ */
.icon-circle        { color: #d3a7a7; }  /* 〇 */
.icon-triangle      { color: #4a90e2; }  /* △ */
.icon-cross         { color: #444; }     /* × */
.icon-hyphen        { color: #999; }     /* ー */
.icon-star          { color: #f1da29; }  /* ★ */

/* テキスト部分 */
.icon-label {
  font-size: 0.85rem;
  color: #333;
  text-align: center;
  line-height: 1.3;
}

/* スマホ向け最適化 */
@media (max-width: 768px) {


  .comparison-table {
    font-size: 0.8rem;
  }

  .product-cell img {
    max-width: 60px;
  }

  .sticky-col {
    min-width: 120px;
    max-width: 120px;
  }

  .comparison-table th,
  .comparison-table td {
    height: 100px;
    padding: 0.8rem 0.4rem;
  }
}

th span{
  display: block;
  font-size: 0.6rem;
}

  .table-wrapper::before {
    content: "← 表は横にスクロールできます →";
    display: block;
    font-size: 0.75rem;
    color: #999;
    text-align: center;
    margin-bottom: 0.5rem;

  }

  .product-box {
    background: #fffdfc;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 1.5rem;
    margin-bottom: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
  }


  .product-title {
    background-color: #A39ACD; /* 柔らかいベージュ系背景 */
    font-size: 1.5rem;
    font-weight: bold;
    padding: 1rem 0.8rem;
    margin: 0;
    line-height: 1.4;
    margin-bottom: 1rem;
    color: #fff;
    letter-spacing: 1px;
  }

  span.product-brand {
    display: block;
    font-size: 1rem;
    margin: 0;
    font-weight: normal;
    line-height: 1.2;
    margin-left: 1rem;
  }


  .product-image img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin-bottom: 1rem;
  }
   /* 総合評価全体ブロック */
.product-rating {
  background-color: #fffaf5;
  border: 1px solid #f0e0d6;
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 1.5rem;
}

/* 総合評価のスコア表示 */
.rating-score {
  display: inline-block;
  font-weight: bold;
  font-size: 1.3em;
  color: #A39ACD;
  border-radius: 20px;
  margin-bottom: 0.6rem;
}

/* 総合の★マーク */
.rating-score .star {
  color: #e0c918;
  font-size: 1.2rem;
  vertical-align: middle;
}

/* 各項目リスト */
.rating-breakdown {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  font-size: 0.85rem;
  color: #525252;
}

/* 項目ごとに仕切り線（左に） */
.rating-breakdown li {
  font-weight: bold;
  position: relative;
  padding-left: 1rem;
}

/* 区切り線：liの前に縦棒 */
.rating-breakdown li + li::before {
  content: "｜";
  position: absolute;
  left: 0;
  color: #ccc;
}

.rating-breakdown {
  list-style: none;
  padding: 0;
  margin: 0.5rem 0 0;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.9rem;
  color: #333;
}

.rating-breakdown li {
  font-weight: bold;
  margin-right: 1rem;
  display: flex;
  align-items: center;
}

/* ★評価全体を黄色に */
.rating-value {
  color: #e0c918;
  margin-left: 0.3rem;
}
.product-description>p{
  line-height: 1.5rem;
  margin-bottom: 1rem;
}
.recommend-box {
  background-color: #fff7f4; /* やさしいピンクベージュ系背景 */
  padding: 1rem 1.2rem;
  margin-bottom: 1.5rem;
  border-radius: 6px;
}

.recommend-box h4 {
  font-size: 1.1rem;
  font-weight: bold;
  color: #A39ACD; /* サイト全体のアクセントカラーに合わせる */
  margin-bottom: 0.8rem;
  border-left: 5px solid #A39ACD; /* 同系統の赤みライン */
  padding-left: 0.8rem;
}

.recommend-box ul {
  padding-left: 1.2rem;
  margin: 0;
}

.recommend-box ul li {
  list-style: disc;
  font-size: 0.95rem;
  line-height: 1.6;
  color: #333;
  margin-bottom: 0.5rem;
}
.product-spec {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;
  font-size: 0.95rem;
}

.product-spec th,
.product-spec td {
  border: 1px solid #ddd;
  padding: 0.75rem 1rem;
  vertical-align: top;
}

.product-spec th {
  background-color: #f5f5f5;
  font-weight: bold;
  text-align: left;
  width: 40%;
  color: #333;
}

.product-spec td {
  color: #333;
  line-height: 1.6;
}
.biouses-review-box {
  font-family: 'Yu Gothic UI', 'Helvetica Neue', sans-serif;
  border-left: 5px solid #f2c83c;
  background: #ffffff;
  padding: 1.5rem;
  border-radius: 12px;
  margin: 2rem 0;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
}

.biouses-review-header {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

.biouses-review-header img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-right: 0.8rem;
}

.biouses-review-info .biouses-review-name {
  font-weight: bold;
  font-size: 1rem;
  margin: 0;
}

.biouses-review-info .biouses-review-title {
  font-size: 0.85rem;
  color: #999;
  margin: 0;
}

.biouses-review-text {
  font-size: 0.95rem;
  color: #333;
  line-height: 1.7;
}

.biouses-highlight {
  background: linear-gradient(transparent 70%, #fff0aa 70%);
  font-weight: bold;
}



/* -----------------------------
  CTAボックス全体（中央配置）
----------------------------- */
.cta-box.kireide {
  text-align: center;
  margin: 2rem auto;
  max-width: 100%;
  padding: 1rem 1.2rem;
}

/* 上部の案内文（リード） */
.cta-box.kireide .cta-lead {
  font-size: 0.9rem;
  font-weight: bold;
  color: #A39ACD;
  margin-bottom: 0.6rem;
}

/* -----------------------------
  キラッと光るCTAボタン本体
----------------------------- */
.cta-button.sparkle {
  display: inline-block;
  background: linear-gradient(45deg, #d6f580, #e5ff4f); /* 淡いピンク */
  color: #b30000;
  font-weight: bold;
  font-size: 1rem;
  padding: 0.9rem 2rem;
  border-radius: 999px;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  box-shadow: 0 0 10px rgba(44, 47, 44, 0.3);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* ホバー時にふわっと拡大＆光る */
.cta-button.sparkle:hover {
  transform: scale(1.05);
  box-shadow: 0 0 15px rgba(217, 95, 77, 0.5), 0 0 40px rgba(255, 255, 255, 0.4);
}

/* キラリと流れる光アニメーション */
.cta-button.sparkle::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.7), transparent);
  transform: skewX(-20deg);
  animation: sparkleMove 2.5s infinite;
  pointer-events: none;
}

/* 光の流れる動き定義 */
@keyframes sparkleMove {
  0% { left: -75%; }
  100% { left: 125%; }
}

/* -----------------------------
  スマホ向け調整（中央＆見やすさUP）
----------------------------- */
@media (max-width: 768px) {
  .cta-button.sparkle {
    font-size: 1rem;
    padding: 0.8rem 1.8rem;
    width: 90%;
    max-width: 320px;
  }
  .table-wrapper::after {
    content: "スクロールできます →";
    font-size: 0.75rem;
    color: #999;
    position: sticky;
    bottom: 0;
    right: 0;
    background: #fdf8f5;
    padding: 0.3rem 0.5rem;
    text-align: right;
    display: block;
  }

}
/* -----------------------------
  CTAボックス（全商品共通）
----------------------------- */
.cta-box {
  text-align: center;
  margin-top: 2rem;
  padding: 1rem 1.2rem;
}

/* 上のリード文 */
.cta-box .cta-lead {
  font-size: 0.9rem;
  color: #666;
  margin-bottom: 0.5rem;
  font-weight: 500;
}

/* =============================
   共通：通常商品向けCTAボタン
   キレイデ以外のすべてに使用
============================= */
.cta-box {
  text-align: center;
  margin-top: 2rem;
  padding: 1rem 1.2rem;
}

.cta-box .cta-lead {
  font-size: 0.9rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  color: #555;
}

/* ボタン本体（共通） */
.cta-box .cta-button {
  display: inline-block;
  background: #62ce8a;
  color: #ffffff;
  font-weight: bold;
  font-size: 1rem;
  padding: 0.8rem 2rem;
  border-radius: 999px;
  text-decoration: none;
  border: 1px solid #ccc;
  transition: background 0.2s ease, box-shadow 0.2s ease;
  width: 90%;
  max-width: 320px;
}

.cta-box .cta-button:hover {
  background: #e5e5e5;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}
/* -------------------------------------
   FAQセクション全体
-------------------------------------- */
.faq-section {
  background-color: #faf9f7;
  padding: 2rem 1.2rem;
  border-top: 1px solid #eee;
  margin-top: 3rem;
}



/* -------------------------------------
   各FAQ項目
-------------------------------------- */
.faq-item + .faq-item {
  margin-top: 1.5rem;
}

.faq-item h3 {
  font-size: 1.05rem;
  font-weight: bold;
  color: #444;
  margin-bottom: 0.4rem;
  position: relative;
  padding-left: 1.4rem;
}

/* Qアイコン風（飾り） */
.faq-item h3::before {
  content: "Q.";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: bold;
  color: #A39ACD;
}

/* 回答文 */
.faq-item p {
  font-size: 0.95rem;
  line-height: 1.7;
  color: #333;
  background: #fff;
  padding: 0.8rem 1rem;
  border-left: 4px solid #f1e5da;
  border-radius: 6px;
}

/* -------------------------------------
   スマホ対応
-------------------------------------- */
@media (max-width: 768px) {
  .faq-section h2 {
    font-size: 1.2rem;
  }

  .faq-item h3 {
    font-size: 1rem;
  }

  .faq-item p {
    font-size: 0.9rem;
  }
      .product-title {
    font-size: 1.0rem;
  }
  span.product-brand {
    font-size: 0.8rem;
    margin-left: 0.5rem;
  }

}

  /* Responsive */
  @media (min-width: 768px) {
    h1 {
      font-size: 2rem;
    }

    .section h2 {
      font-size: 1.6rem;
    }

  body {
    font-size: 0.95rem; /* 少し大きめ */
    line-height: 1.8;
  }

  h1, h2, h3 {
    line-height: 1.4;
  }

  body {
    font-size: 0.95rem; /* 少し大きめ */
    line-height: 1.8;
  }

  h1, h2, h3 {
    line-height: 1.4;
  }

  .section p,
  .product-description>p,
  .faq-item p,
  .review-text {
    font-size: 0.8rem; /* 読みやすく統一 */
    line-height: 1.8;
  }

  .rating-breakdown,
  .recommend-box ul li,
  .product-spec td,
  .product-spec th {
    font-size: 0.95rem;
  }

  .cta-button,
  .cta-box .cta-lead {
    font-size: 1rem;
  }

  .faq-item h3 {
    font-size: 1.05rem;
  }

  .faq-item p,
  .review-text {
    font-size: 1rem; /* 読みやすく統一 */
    line-height: 1.8;
  }

  .rating-breakdown,
  .recommend-box ul li,
  .product-spec td,
  .product-spec th {
    font-size: 0.95rem;
  }

  .cta-button,
  .cta-box .cta-lead {
    font-size: 1rem;
  }

  .faq-item h3 {
    font-size: 1.05rem;
  }

}

  .operator-link-box {
    background-color: #f4ede7;
    border-left: 5px solid #a08658;
    padding: 1rem 1.2rem;
    margin: 2rem auto 2.5rem;
    font-size: 0.9rem;
    max-width: 800px;
    line-height: 1.6;
    color: #333;
  }

  .operator-link-box a {
    color: #704f2a;
    font-weight: bold;
    text-decoration: underline;
    transition: color 0.2s;
  }

  .operator-link-box a:hover {
    color: #a86e3d;
  }

/* -------------------------------------
   フッター全体
-------------------------------------- */
.site-footer {
  background-color: #4a3822; /* ダークブラウン */
  color: #fff;
  font-size: 0.8rem;
  padding: 1.5rem 1rem;
}

/* 内部レイアウト */
.footer-inner {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8rem;
}

/* ナビゲーションリンク */
.footer-nav {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  justify-content: center;
}

.footer-nav li a {
  color: #fff;
  text-decoration: none;
  transition: opacity 0.2s;
}

.footer-nav li a:hover {
  opacity: 0.7;
}

/* 著作権表示 */
.footer-copy {
  font-size: 0.75rem;
  color: #fff;
  text-align: center;
}



.benefits-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  max-width: 850px;
  margin: 2rem auto;
}

.benefit-card {
  background-color: #FFFFFF;
  border: 2px solid #A39ACD; /* 枠線追加 */
  padding: 20px 10px;
  text-align: center;
  transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;
}



.image-box {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 20px;
}

.image-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.benefit-card h3 {
  font-size: 1.3rem;
  color: #6D4C9D;
  margin-bottom: 12px;
  font-weight: 700; /* 太字 */
}

.benefit-card p {
  font-size: 1rem;
  color: #4D3B56;
  line-height: 1.8;
  font-weight: 500;
}
/* 目次ボックス全体 */
.toc-box {
  background-color: #f8f6ff;
  border: 1px solid #bca6e2;
  border-radius: 8px;
  padding: 20px;
  margin-top: 20px;
  font-family: 'Yu Gothic', '游ゴシック体', sans-serif;
}

/* 目次見出し */
.toc-box h2 {
  background-color: #a088db;
  color: #fff;
  padding: 10px 15px;
  margin: -20px -20px 15px -20px;
  font-size: 1.1rem;
  border-radius: 8px 8px 0 0;
  text-align: center;
  font-weight: bold;
}

/* リスト見た目 */
.toc-box ol {
  list-style: decimal;
  padding-left: 1.4em;
  color: #6c4fb6;
}

.toc-box ul {
  list-style: disc;
  padding-left: 1.5em;
}

.toc-box li {
  margin: 0.4em 0;
  font-size: 0.95rem;
  color: #4a3d8f;
}

.toc-box a {
  color: #4a3d8f;
  text-decoration: none;
  font-weight: 500;
}

.toc-box a:hover {
  text-decoration: underline;
  color: #a088db;
}

/* 開閉ボタン */
.toc-toggle {
  display: inline-block;
  background-color: #f3edff;
  color: #6c4fb6;
  padding: 6px 12px;
  border: 1px solid #bca6e2;
  border-radius: 20px;
  font-size: 0.85rem;
  cursor: pointer;
  margin-bottom: 10px;
  transition: background-color 0.2s, color 0.2s;
}

.toc-toggle:hover {
  background-color: #e7ddff;
  color: #4a3d8f;
}

/* ▶と▼のアイコン */
.toc-toggle::before {
  content: '▶';
  display: inline-block;
  margin-right: 6px;
  transform: rotate(0deg);
  transition: transform 0.2s ease;
}

.toc-toggle.open::before {
  transform: rotate(90deg);
}

/* 表示制御 */
.toc-content {
  display: block;
  transition: all 0.3s ease;
}


.product-buttons-vertical {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  margin: 6px 0;
}

.btn-detail, .btn-cart {
    display: inline-block;
    font-size: 0.6rem;
    padding: 0.4rem;
    border-radius:30px;
    text-align: center;
    text-decoration: none;
    width: 100px;
    transition: background-color 0.3s;
    font-weight: bold;
}

.btn-detail::after,
.btn-cart::after {
  content: '＞';
  font-size: 0.85em;
  vertical-align: middle;
  margin-left: 6px;
}
.btn-detail:hover,
.btn-cart:hover {
opacity: 0.6;
}
.btn-detail {
  background-color: #249919; /* 上品な紫 */
  color: #fff;
}

.btn-cart {
  background-color: #f25c70; /* 柔らかい赤系 */
  color: #fff;
}
.product-pr-simple {
  border: 1px solid #ddd;
  background: #fff;
  overflow: hidden;
  font-family: "游ゴシック", sans-serif;
  max-width: 360px;
  margin: 20px auto;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

.pr-image-box img {
  width: 100%;
  display: block;
}

.pr-content {
  padding: 12px;
}

.pr-title {
  font-size: 1rem;
  font-weight: bold;
  color: #333;
  line-height: 1.4;
  margin-bottom: 6px;
}

.pr-brand {
  font-size: 0.75rem;
  color: #999;
  margin-bottom: 8px;
}

.pr-cta {
  display: block;
  background-color: #1b5036;
  color: #fff;
  font-size: 0.9rem;
  font-weight: bold;
  text-align: center;
  padding: 10px 24px;
  border-radius: 9999px; /* 円形に */
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.pr-cta:hover {
  background-color: #479078;
}