@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){
  /*必要ならばここにコードを書く*/
}
/*ボタン*/
.sokmil-btn{margin:16px 0}
.sokmil-btn a{display:inline-block;padding:12px 28px;background:#3E2E26;color:#fff;border-radius:4px;font-weight:bold;text-decoration:none}
.sokmil-btn a:hover{background:#8c2d24}
.sokmil-txt a{color:#b03a2e;font-weight:bold;text-decoration:none}

/*ホーム用*/
.hub-lead { margin-bottom: 2.5em; }
.hub-lead h1 { font-size: 2rem; line-height: 1.4; margin-bottom: .6em; }
.hub-lead p { color: #555; }

.hub-cats { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.hub-cat { display: block; padding: 18px 16px; border: 1px solid #ddd; border-radius: 6px; text-decoration: none; background: #fafafa; }
.hub-cat:hover { background: #f0f0f0; }
.hub-age { display: block; font-weight: bold; font-size: 1.1rem; margin-bottom: 4px; }
.hub-desc { display: block; font-size: .8rem; color: #666; line-height: 1.5; }

.hub-note { font-size: .85rem; color: #777; margin-bottom: 1em; }
.hub-actresses { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 14px; }
.hub-actress { text-decoration: none; }
.hub-actress img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 4px; }
.hub-name { display: block; font-weight: bold; margin-top: 6px; }
.hub-tag { display: block; font-size: .75rem; color: #888; }

.hub-cta { margin-top: 3em; padding: 24px; border: 1px solid #ddd; border-radius: 6px; text-align: center; }
.hub-btn { display: inline-block; margin-top: 10px; padding: 12px 28px; background: #c0392b; color: #fff; border-radius: 4px; text-decoration: none; font-weight: bold; }