/*
Theme Name: Cocoon Child FANZA Strong
Template: cocoon-master
Version: 1.0.0
*/
/* HERO（画像ファースト：スマホ最優先） */
.fanza-hero { padding: 10px; }
.fanza-hero-media{
  position: relative;
  border-radius: 14px;
  overflow: hidden;
}
.fanza-hero-img{
  display:block;
  width:100%;
  height:auto;
}
.fanza-hero-cta{
  position:absolute;
  left:10px;
  right:10px;
  bottom:10px;
}
.fanza-hero-meta{
  margin-top:10px;
}
.fanza-cid{
  color: var(--fanza-muted);
  font-size: 12px;
}

/* 関連記事（同ジャンル） */
.fanza-related-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:10px;
}
@media(min-width: 768px){
  .fanza-related-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.fanza-related-item{
  text-decoration:none !important;
  color:inherit;
  border:1px solid var(--fanza-border);
  border-radius:12px;
  padding:8px;
  background:#fff;
}
.fanza-related-thumb img{
  width:100%;
  height:auto;
  border-radius:10px;
  display:block;
}
.fanza-related-name{
  font-weight:800;
  font-size:13px;
  line-height:1.35;
  margin-top:6px;
}
.fanza-related-meta{
  color: var(--fanza-muted);
  font-size:12px;
  margin-top:4px;
}
/* フッター付近に出る不要リンクを非表示（安全に狭く） */
.entry-content p[style*="text-align: right"] a[href*="affiliate.dmm.com/api/"]{
  display:none !important;
}
/* ヒーローCTAを必ず白帯にする */
.fanza-hero .fanza-hero-cta{
  background: rgba(255,255,255,0.95) !important;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 16px;
  padding: 10px;
  box-shadow: 0 12px 28px rgba(0,0,0,0.25);
}
/* CTAの文字をくっきり */
.fanza-hero .fanza-btn{
  text-shadow: 0 1px 0 rgba(0,0,0,.15);
}
/* FANZA Web Service バナー（フッター）を消す */
a[href*="affiliate.dmm.com/api"]{
  display:none !important;
}
/* 下部テキストCTAを大きく・押しやすく */
.entry-content a[href*="al.fanza.co.jp"]{
  font-size: 20px;
  font-weight: 900;
  color: #ff2b5b;
  text-decoration: underline;
  display: inline-block;
  margin: 10px 0;
}
/* 被せ白帯：高さを小さくしてスッキリ */
.fanza-hero .fanza-hero-cta{
  padding: 6px !important;
  border-radius: 12px !important;
}

/* アコーディオン */
.fanza-acc-btn{
  width:100%;
  text-align:center;
  font-weight:900;
  padding: 12px 10px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
}
.fanza-acc-panel{
  margin-top:10px;
}

/* テキストCTA：大きく＆センター */
.fanza-text-cta{
  text-align:center;
  margin: 12px 0;
}
.fanza-text-cta a{
  font-size: 20px;
  font-weight: 900;
  color: #ff2b5b;
  text-decoration: underline;
}

/* 念押し：WEB SERVICE BY FANZA をどこに出ても消す */
a[href*="affiliate.dmm.com/api"]{ display:none !important; }

/* 1) 被せCTA：白帯を小さく（スッキリ） */
.fanza-hero .fanza-hero-cta{
  background: rgba(255,255,255,0.95) !important;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 12px !important;
  padding: 6px !important;
  box-shadow: 0 10px 22px rgba(0,0,0,0.22);
}

/* 2) 作品紹介アコーディオン */
.fanza-acc-btn{
  width:100%;
  text-align:center;
  font-weight:900;
  padding: 12px 10px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
}
.fanza-acc-panel{ margin-top:10px; }

/* 3) 作品紹介文のすぐ下に出すテキストCTA（中央・大きい） */
.fanza-text-cta{
  text-align:center;
  margin: 12px 0;
}
.fanza-text-cta a{
  font-size: 20px;
  font-weight: 900;
  color: #ff2b5b;
  text-decoration: underline;
}

/* 4) 念押し：WEB SERVICE BY FANZA をどこに出ても消す */
a[href*="affiliate.dmm.com/api"]{ display:none !important; }
/* ===== HERO被せCTA：白帯を小さく + シャイン ===== */
.fanza-hero .fanza-hero-cta{
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 12px !important;
  padding: 6px !important;              /* ←小さく */
  box-shadow: 0 10px 20px rgba(0,0,0,.18) !important;
  position: absolute !important;
  left: 10px !important;
  right: 10px !important;
  bottom: 10px !important;
  overflow: hidden !important;
}

/* 白帯の光るアニメ */
.fanza-hero .fanza-hero-cta:before{
  content:"";
  position:absolute;
  top:-120%;
  left:-60%;
  width: 55%;
  height: 260%;
  background: rgba(255,255,255,.55);
  transform: rotate(18deg);
  animation: fanzaHeroShine 2.4s ease-in-out infinite;
  pointer-events:none;
}
@keyframes fanzaHeroShine{
  0%{ left:-70%; opacity:0; }
  20%{ opacity:.55; }
  55%{ left:130%; opacity:0; }
  100%{ left:130%; opacity:0; }
}
/* ===== アコーディオンボタンを分かりやすく + 脈動 ===== */
.fanza-acc-btn{
  width:100% !important;
  text-align:center !important;
  font-weight: 900 !important;
  font-size: 18px !important;
  padding: 14px 12px !important;
  border-radius: 14px !important;
  border: 2px solid rgba(255,43,91,.35) !important;
  background: #fff !important;
  box-shadow: 0 10px 20px rgba(255,43,91,.12) !important;
  position: relative !important;
  cursor: pointer !important;
  animation: fanzaPulse2 1.6s ease-in-out infinite;
}
@keyframes fanzaPulse2{
  0%,100%{ transform: scale(1); }
  50%{ transform: scale(1.02); }
}

/* 補足文（タップで開く）をボタン内に追加表示 */
.fanza-acc-btn:after{
  content:"（タップで開く）";
  display:block;
  font-weight: 700;
  font-size: 12px;
  color: rgba(0,0,0,.55);
  margin-top: 6px;
}
/* 作品紹介下のテキストCTAは不要なので消す */
.fanza-text-cta{ display:none !important; }
/* 本文内に残った al.fanza のテキストリンクを非表示（ボタン導線に統一） */
.entry-content a[href*="al.fanza.co.jp"]{
  display:none !important;
}
/* ただしテーマCTAボタンは表示する */
.entry-content a.fanza-btn,
.fanza-sticky-cta a.fanza-btn{
  display:block !important;
}