@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){
  /*必要ならばここにコードを書く*/
}
/* ===== 人妻ジャンルカード ===== */

.hitozuma-genre-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  margin:30px 0;
}

@media (max-width:768px){
  .hitozuma-genre-grid{
    grid-template-columns:1fr;
  }
}

.hitozuma-genre-card{
  background:linear-gradient(145deg,#1a1a1f,#111114);
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 15px 35px rgba(0,0,0,.45);
  transition:.3s ease;
  position:relative;
}

.hitozuma-genre-card:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 45px rgba(0,0,0,.6);
}

.hitozuma-genre-img img{
  width:100%;
  height:auto;
  display:block;
}

.hitozuma-genre-body{
  padding:18px 18px 22px;
}

.hitozuma-genre-title{
  font-size:18px;
  font-weight:700;
  color:#ffffff;
  margin:0 0 10px;
  line-height:1.4;
}

.hitozuma-genre-copy{
  font-size:14px;
  color:#cfcfcf;
  line-height:1.6;
  margin-bottom:16px;
}

.hitozuma-genre-btn{
  display:inline-block;
  background:linear-gradient(135deg,#c70039,#8b0026);
  color:#fff;
  padding:10px 18px;
  border-radius:6px;
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  transition:.2s ease;
}

.hitozuma-genre-btn:hover{
  opacity:.85;
  transform:translateY(2px);
}
a.fanza-btn {
  display: block;
  text-align: center;
  background: linear-gradient(135deg, #ff2a2a, #c70000) !important;
  color: #fff !important;
  font-size: 18px;
  font-weight: bold;
  padding: 16px 18px;
  border-radius: 8px;
  text-decoration: none !important;
  margin: 24px 0;
  box-shadow: 0 6px 0 #8b0000, 0 8px 15px rgba(0,0,0,0.25);
}
/* ================================
   人妻特化・高級感カラーデザイン
================================ */

/* サイト全体背景 */
body {
  background-color: #f4f1ee !important; /* 柔らかいベージュグレー */
}

/* コンテンツエリア */
.main,
.content,
.container {
  background-color: #ffffff !important;
  border-radius: 8px;
}

/* 見出しカラー */
h1, h2, h3, h4 {
  color: #2b2b2b;
}

/* リンク色 */
a {
  color: #8b1e3f !important; /* ワインレッド */
}

a:hover {
  color: #b02550 !important;
}

/* ボタン共通 */
.wp-block-button__link,
.fanza-btn {
  background: linear-gradient(135deg, #9e1b42, #6f0f2b) !important;
  color: #ffffff !important;
  border-radius: 6px;
  font-weight: bold;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.wp-block-button__link:hover,
.fanza-btn:hover {
  background: linear-gradient(135deg, #b02550, #7a1433) !important;
  transform: translateY(2px);
}

/* サイドバー背景 */
.sidebar {
  background-color: #f7f5f3;
}

/* カード影 */
.genre-card {
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}
/* ==== 売れるボタン最強版 ==== */

.wp-block-button__link,
.fanza-btn {
  background: linear-gradient(135deg, #ff2a2a, #c70000) !important;
  color: #ffffff !important;
  font-size: 17px;
  font-weight: bold;
  border-radius: 8px;
  padding: 14px 20px;
  box-shadow: 0 6px 0 #8b0000, 0 10px 18px rgba(0,0,0,0.25);
  transition: all 0.2s ease;
}

.wp-block-button__link:hover,
.fanza-btn:hover {
  transform: translateY(2px);
  box-shadow: 0 3px 0 #8b0000, 0 6px 10px rgba(0,0,0,0.25);
}
/* ==== 売れるボタン最強版 ==== */

.wp-block-button__link,
.fanza-btn {
  background: linear-gradient(135deg, #ff2a2a, #c70000) !important;
  color: #ffffff !important;
  font-size: 17px;
  font-weight: bold;
  border-radius: 8px;
  padding: 14px 20px;
  box-shadow: 0 6px 0 #8b0000, 0 10px 18px rgba(0,0,0,0.25);
  transition: all 0.2s ease;
}

.wp-block-button__link:hover,
.fanza-btn:hover {
  transform: translateY(2px);
  box-shadow: 0 3px 0 #8b0000, 0 6px 10px rgba(0,0,0,0.25);
}
/* サイト全体背景 */
body {
  background-color: #f3efe9 !important;
}

/* コンテンツ枠は白 */
.main,
.content,
.container {
  background-color: #ffffff !important;
  border-radius: 8px;
}
/* サイト全体の外側背景 */
#container,
body {
  background-color: #f3efe9 !important;
}

/* コンテンツエリアを白に */
#content,
.main,
.wrap,
.container {
  background-color: #ffffff !important;
}
/* ====== 人妻特化：100点の背景＆配色（最終版） ====== */

/* 外側背景（サイト全体の余白） */
html, body, #container{
  background: #f3efe9 !important; /* 生成りベージュ */
}

/* 中身は透ける白で“高級紙感” */
#content, .main, .wrap, .container, .content, .main-inner, .content-in, .sidebar, .widget{
  background: rgba(255,255,255,.82) !important;
  border-radius: 12px;
}

/* 文字色 */
body{ color:#1f2328; }
h1,h2,h3,h4{ color:#111; }

/* リンク（青を消す） */
a{ color:#7b0f22 !important; }
a:hover{ color:#a3132e !important; text-decoration: underline; }

/* すべての主要ボタンを統一（FANZAも含む） */
a.fanza-btn,
.fanza-btn,
.wp-block-button__link,
.btn,
.button,
input[type="submit"]{
  background: linear-gradient(135deg,#ff2a2a,#c70000) !important;
  color:#fff !important;
  border:none !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
  box-shadow: 0 6px 0 #8b0000, 0 10px 18px rgba(0,0,0,.25) !important;
  text-decoration:none !important;
  transition: all .2s ease;
}

a.fanza-btn:hover,
.fanza-btn:hover,
.wp-block-button__link:hover,
.btn:hover,
.button:hover,
input[type="submit"]:hover{
  transform: translateY(2px);
  box-shadow: 0 3px 0 #8b0000, 0 6px 10px rgba(0,0,0,.25) !important;
}

/* カードの影を少し上品に */
.hitozuma-genre-card{
  box-shadow:0 12px 28px rgba(0,0,0,.35);
}

/* ===== ジャンルカードボタン文字 強化 ===== */

.hitozuma-genre-btn{
  color:#ffffff !important;
  font-weight:800 !important;
  font-size:15px !important;
  letter-spacing:0.5px;
  text-shadow:0 1px 2px rgba(0,0,0,0.5);
}

.hitozuma-genre-btn:hover{
  color:#ffffff !important;
  opacity:1 !important;
}
.hitozuma-genre-btn{
  background: linear-gradient(135deg,#ff3a3a,#d40000) !important;
  box-shadow: 0 6px 0 #8b0000, 0 10px 18px rgba(0,0,0,.35);
}
/* ===== 押したくなるジャンルボタン最適化 ===== */

.hitozuma-genre-btn{
  display:block;
  width:100%;
  text-align:center;

  font-size:16px !important;
  font-weight:900 !important;
  padding:16px 20px !important;

  border-radius:12px !important;
  letter-spacing:1px;

  background: linear-gradient(135deg,#ff3a3a,#c70000) !important;
  color:#fff !important;

  box-shadow:
    0 6px 0 #8b0000,
    0 12px 20px rgba(0,0,0,.35);

  transition: all .2s ease;
}

/* ホバー時 */
.hitozuma-genre-btn:hover{
  transform: translateY(3px);
  box-shadow:
    0 3px 0 #8b0000,
    0 8px 14px rgba(0,0,0,.35);
}
/* ===== ジャンルカード 高級感アップ版 ===== */

.hitozuma-genre-grid{
  gap:28px; /* カード間の余白を広げる */
}

.hitozuma-genre-card{
  transform: scale(1.02); /* 少しだけ拡大 */
  border-radius:18px;
  box-shadow: 
    0 18px 40px rgba(0,0,0,.45),
    0 2px 8px rgba(0,0,0,.2);
  transition: all .3s ease;
}

/* ホバーでさらに浮かせる */
.hitozuma-genre-card:hover{
  transform: scale(1.05) translateY(-6px);
  box-shadow:
    0 25px 55px rgba(0,0,0,.6),
    0 4px 12px rgba(0,0,0,.3);
}

/* 画像を少しズームしてリッチ感 */
.hitozuma-genre-img img{
  transition: transform .4s ease;
}

.hitozuma-genre-card:hover .hitozuma-genre-img img{
  transform: scale(1.05);
}
/* トップキャッチ強化 */
.page-id-◯◯ h1{
  font-size:34px !important;
  font-weight:900 !important;
  letter-spacing:1px;
}
/* キャッチ下余白 */
.page-id-◯◯ h1{
  margin-bottom:20px;
}
#carousel::before{
  content:"注目ピックアップ（注目の5本）";
  display:block;
  font-size:22px;
  font-weight:700;
  margin:20px 0 15px;
  padding-left:12px;
  border-left:4px solid #a61e2c;
}
/* カルーセル上に見出しを強制表示 */
#carousel{
  position: relative;
  padding-top: 40px;
}

#carousel::before{
  content: "いま刺さる5本（新着＋人気）";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 22px;
  font-weight: 700;
}
.sidebar-buttons {
  margin-top: 10px;
}

.side-btn {
  display: block;
  text-align: center;
  background: #111;
  color: #fff !important;
  padding: 10px 12px;
  margin: 8px 0;
  border-radius: 8px;
  font-weight: bold;
  text-decoration: none;
  transition: 0.2s;
}

.side-btn:hover {
  background: #c40000;
}
.sidebar-sell .sell-item{
  display:block;
  background:#f7f7f7;
  border:1px solid rgba(0,0,0,.06);
  padding:12px 12px;
  border-radius:10px;
  margin:10px 0;
  text-decoration:none;
}

.sidebar-sell .sell-title{
  display:block;
  font-weight:800;
  color:#111;
  margin-bottom:6px;
}

.sidebar-sell .sell-sub{
  display:block;
  font-size:13px;
  color:#666;
}
/* ===== トップのカードエリアだけに適用 ===== */
#top-card-area .card{
  display:flex;
  flex-direction:column;
  height:100%;
}

#top-card-area .card img{
  width:100%;
  height:260px;
  object-fit:cover;
  display:block;
}

/* ボタンを下に揃える（カード内のボタンだけ） */
#top-card-area .card .button,
#top-card-area .card a.wp-block-button__link{
  margin-top:auto;
  display:block;
}
/* ▼ 熟女セクション用CSS（子テーマ style.css か 追加CSSへ） */
.top-section-title{
  margin: 22px 0 8px;
  font-size: 22px;
  font-weight: 700;
}
.top-section-lead{
  margin: 0 0 14px;
  opacity: .9;
}

.jukujyo-genre-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin: 10px 0 26px;
}

.jukujyo-genre-card{
  display: block;
  border-radius: 14px;
  overflow: hidden;
  text-decoration: none;
  background: #111;
  box-shadow: 0 10px 26px rgba(0,0,0,.12);
}

.jukujyo-genre-img img{
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
}

.jukujyo-genre-body{
  padding: 14px 14px 16px;
}

.jukujyo-genre-title{
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #fff;
}

.jukujyo-genre-copy{
  font-size: 13px;
  line-height: 1.6;
  margin-bottom: 12px;
  color: rgba(255,255,255,.84);
}

.jukujyo-genre-btn{
  display: block;
  text-align: center;
  font-weight: 700;
  padding: 11px 12px;
  border-radius: 10px;
  background: #c32020;
  color: #fff;
}

/* スマホ最適化 */
@media (max-width: 640px){
  .jukujyo-genre-grid{ grid-template-columns: 1fr; }
  .jukujyo-genre-img img{ height: 210px; }
}
/* ▲ 熟女セクション用CSS */
.actress-profile{
  background:#f7f7f7;
  padding:14px 16px;
  border-left:4px solid #c32020;
  margin:16px 0 24px;
  font-size:14px;
  line-height:1.6;
}