@charset "UTF-8";

/*
Theme Name: GEN FC2 Theme
Theme URI: https://note.com/affiri_gen
Description: FC2 アフィリエイト向け Cocoon 子テーマ。女優ページ・SEO・CTA 一体型。
Author: GEN
Author URI: https://note.com/affiri_gen
Template: cocoon-master
Version: 1.7.0
Text Domain: gen-av-theme
Requires at least: 6.0
Requires PHP: 7.4
Tags: affiliate, fc2, dark-mode, custom-templates
*/

:root {
  --gen-accent-start: #ff0844;
  --gen-accent-end: #ffb199;
  --gen-bg: #0d0d0d;
  --gen-text: #e0e0e0;
  --gen-link: #f48fb1;
}

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

/* ライト・ダーク共通: 記事エリアは常に黒 */
main > article {
    background: #000000 !important;
    padding: 20px;
    color: #e0e0e0;
}

main > article a {
    color: #f48fb1;
}

main > article a:hover {
    color: #ffb2dd;
}

main > article table,
main > article .wp-block-table table,
main > article thead,
main > article tbody,
main > article tfoot,
main > article tr,
main > article th,
main > article td,
main > article .wp-block-table th,
main > article .wp-block-table td {
    background-color: #000000 !important;
}

main > article table,
main > article .wp-block-table table {
    border-collapse: collapse;
}

main > article th,
main > article td,
main > article .wp-block-table th,
main > article .wp-block-table td {
    border: 1px solid #333333;
}

div#toc{
	display:none;
}
div.package-wrap{
	width: 500px;
    height: 500px;
    margin: 0 auto;
	max-width:100%;
}

div.actress-info {
    padding: 0em 0.1em;
    margin: 2em 0.5em;
    color: #000000;
    background: #eeeeee;
    border-bottom: solid 6px #e2e0e0;
    border-radius: 9px;
}

p.important-info {
    margin: 0;
    padding: 0;
}

div.actress_image{
	text-align: center;
}

div.actress_image > img{
	border-radius: 20px;
}

div.eye-catch-wrap{
	display:none;
}

/* 固定ページ*/
div.category-wrap > li {
    list-style: none;
    /* margin: 1em; */
    padding: 0.5em;
    white-space: nowrap;
    margin: 0.1em;
    overflow: hidden;
    font-weight: bold;
    width: 24%;
    border: 1px solid #ded8d8;
}

.category-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* 記事ー追加PHPのCSS */
div.related_post_wrap{
	display: flex;
    flex-wrap: wrap;
    text-align: center;
	width: 98%;
	max-width:98%;
}

div.related_post_innner_content {
    width: 25%;
    margin: 0.1em;
}

/* 全表示 固定ページ ページネーション */
div.all_related_post_innner_content{
    width: 24%;
    margin: 0.1em;
}

nav.pagination,
nav.fanza-sale-pagination,
nav.adultok-home-pager,
nav.adultok-actress-works__pager,
nav.mgs-actress-works__pager,
.actress-pagination,
.pagination {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 6px;
	max-width: 100%;
	margin: 2em auto 0;
	padding: 0;
	list-style: none;
}

ul.page-numbers {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 2em 0;
	list-style: none;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}

nav.pagination .page-numbers,
nav.pagination a.page-numbers,
nav.pagination span.page-numbers,
nav.fanza-sale-pagination .page-numbers,
nav.adultok-home-pager .page-numbers,
nav.adultok-home-pager a.page-numbers,
nav.adultok-home-pager span.page-numbers,
nav.adultok-actress-works__pager .page-numbers,
nav.adultok-actress-works__pager a.page-numbers,
nav.adultok-actress-works__pager span.page-numbers,
nav.mgs-actress-works__pager .page-numbers,
nav.mgs-actress-works__pager a.page-numbers,
nav.mgs-actress-works__pager span.page-numbers,
.actress-pagination .page-numbers,
.actress-pagination a,
.actress-pagination span,
ul.page-numbers .page-numbers,
ul.page-numbers a.page-numbers,
ul.page-numbers span.page-numbers {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: auto !important;
	min-width: 38px;
	height: 38px !important;
	line-height: 1 !important;
	margin: 0 !important;
	padding: 0 10px !important;
	float: none !important;
	vertical-align: middle;
	box-sizing: border-box;
	flex-shrink: 0;
	white-space: nowrap;
}

/* ページ送り色（外観 → テーマ色 の --gen-pagination-*） */
nav.pagination a.page-numbers,
nav.pagination span.page-numbers:not(.current):not(.dots),
nav.fanza-sale-pagination a.page-numbers,
nav.fanza-sale-pagination span.page-numbers:not(.current):not(.dots),
nav.adultok-home-pager a.page-numbers,
nav.adultok-home-pager span.page-numbers:not(.current):not(.dots),
nav.adultok-actress-works__pager a,
nav.adultok-actress-works__pager span:not(.current):not(.dots),
nav.adultok-actress-works__pager .page-numbers:not(.current):not(.dots),
nav.mgs-actress-works__pager a,
nav.mgs-actress-works__pager span:not(.current):not(.dots),
nav.mgs-actress-works__pager .page-numbers:not(.current):not(.dots),
.actress-pagination a,
.actress-pagination span:not(.current),
ul.page-numbers a.page-numbers,
ul.page-numbers span.page-numbers:not(.current):not(.dots) {
	background: var(--gen-pagination-bg, #1a1a1a);
	color: var(--gen-pagination-text, var(--gen-link, #f48fb1));
	text-decoration: none;
	border-radius: 8px;
}

nav.pagination .page-numbers.current,
nav.pagination span.page-numbers.current,
nav.fanza-sale-pagination .page-numbers.current,
nav.adultok-home-pager .current,
nav.adultok-home-pager .page-numbers.current,
nav.adultok-actress-works__pager .current,
nav.adultok-actress-works__pager .page-numbers.current,
nav.mgs-actress-works__pager .current,
nav.mgs-actress-works__pager .page-numbers.current,
.actress-pagination .current,
.actress-pagination .page-numbers.current,
span.page-numbers.current {
	background: var(--gen-pagination-current-bg, var(--gen-accent-start, #e91e63));
	color: var(--gen-pagination-current-text, var(--gen-accent-text, #fff));
	border-color: var(--gen-pagination-current-bg, var(--gen-accent-start, #e91e63));
}

nav.adultok-home-pager a.prev.page-numbers,
nav.adultok-home-pager a.next.page-numbers,
nav.adultok-actress-works__pager a.prev.page-numbers,
nav.adultok-actress-works__pager a.next.page-numbers,
nav.mgs-actress-works__pager a.prev.page-numbers,
nav.mgs-actress-works__pager a.next.page-numbers,
.actress-pagination a.prev.page-numbers,
.actress-pagination a.next.page-numbers {
	min-width: 52px;
	padding: 0 12px !important;
	font-weight: 600;
}

nav.adultok-home-pager .page-numbers.dots,
nav.adultok-actress-works__pager .page-numbers.dots,
nav.mgs-actress-works__pager .page-numbers.dots,
nav.pagination .page-numbers.dots,
nav.fanza-sale-pagination .page-numbers.dots {
	min-width: 0;
	width: auto !important;
	padding: 0 6px !important;
	background: transparent !important;
	color: var(--gen-pagination-dots, #888) !important;
}

span.page-numbers.current {
	font-size: inherit;
	border-radius: 4px;
}
/* 検索結果-タグ */
a.entry-card-wrap.a-wrap.border-element.cf {
    width: 49%;
}

div#list {
    display: flex;
    width: 30;
    flex-flow: wrap;
}

/* 検索  function */
form.my_searchform > input {
    margin: 0.1em;
}
form.my_searchform > select {
    margin: 0.1em;
}
form.my_searchform {
    display: flex;
    flex-wrap: inherit;
    width: 100%;
}

/* tiktok風  */

div.sample_video_container-hor {
    position: relative;
/*     aspect-ratio: 9 / 16; */
    height: 680px;
    margin: 0 auto;
    padding: 1.1em;
}

div.sample_video_container-hor > video{
    max-width: 100%;
    height: 100%;
    width: 100%;
    border-radius: 20px;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	div.related_post_innner_content{
		width:48%;
	}
	div.all_related_post_innner_content {
		width:48%;
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	div.category-wrap > li{
		width: 48%;
	}
	div.related_post_innner_content{
		width:100%;
	}
	div.all_related_post_innner_content {
		width: 100%;
	}
	h1.entry-title{
		display:none;
	}
}

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


.related-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin: 30px 0;
}

.related-item{position:relative;overflow:hidden;border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,.15)}
.related-thumb{width:100%;height:100%;object-fit:cover;transition:.3s}
.related-item:hover .related-thumb{transform:scale(1.08)}
.related-title{
    position:absolute;bottom:0;left:0;right:0;
    background:linear-gradient(transparent,#000);
    color:#fff;padding:20px 8px 8px;font-size:13px;line-height:1.3;
    font-weight:600;text-shadow:0 1px 3px #000;
}

@media(min-width:768px){
    .related-grid{grid-template-columns:repeat(4,1fr)}
}