/*==============================================================================
Theme Name: 混沌戯画
Theme URI: https://chaos-giga.com/
Template: cocoon-master
Author: ギガ子
Author URI: https://chaos-giga.com/
Version: 1.0.1788142036
Updated: 2026-08-31 11:07:16

--------------------------------------------------------------------------------
【 目次 / INDEX 】
  00. 共通表示設定
  01. パソコン表示設定       (1024px以上)
  02. タブレット表示設定		(1023px以下)
  03. モバイル表示設定       (767px以下)
      ├── ページ全体・背景設定
      ├── スライドインメニュー展開ボタン
      ├── インデックスページ（カテゴリタブ）
      ├── 記事一覧（Brave News風・19周期）
      ├── ページネーション設定
      ├── FANZA同人広告（8個固定用）
      ├── アクトレ（ヘッダー相互RSS）
      ├── Feedlyフォロー枠
      ├── ウィジェットタイトル
      ├── スライドインメニュー（本体 / 検索 / ランキング / 最新コメント / 免責）
      ├── 忍者画像RSS（各種形式・特定ID）
      ├── iframeウィジェット（えろぐちゃんねる等）
      ├── コンテンツページ（5chレス表示）
      └── サイト投稿コメント欄（WordPress標準）
==============================================================================*/


/* =============================================================================
  00. 共通表示設定
============================================================================= */

/* -------------------------------------------------------------------------
  臨時・特殊処理
------------------------------------------------------------------------- */
#nrm-093e07030fcf00c277add7f5fbf87b98 {
	display: none !important;
}

.trademark_wrap,
h2#comments {
	display: none !important;
}
@media screen and (max-width: 782px) {
  #wpadminbar {
    display: none !important;
  }
  body.admin-bar {
    margin-top: 0 !important;
  }
}

/* -------------------------------------------------------------------------
  ページ全体・背景設定
------------------------------------------------------------------------- */
body {
	background-color: #0d0a1a !important;
}

/* PC用背景画像（固定表示） */
html::before {
	content: "" !important;
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	z-index: -9999 !important;
	width: 100vw !important;
	height: 100vh !important;
	background-image: url('https://chaos-giga.com/wp-content/uploads/2026/09/chaos-gigako-wallpaper-pc.avif') !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: cover !important;
	opacity: 0.55 !important;
	pointer-events: none !important;
}

/* メインコンテンツコンテナの透過・ガラス化 */
.main {
	padding: 0 16px !important;
	background-color: transparent !important;
}

/* -------------------------------------------------------------------------
  全体テキストリンク基本設定
------------------------------------------------------------------------- */
a {
	color: #ec4899 !important; /* 未訪問：ネオンピンク */
	text-decoration: none !important;
	transition: color 0.2s ease, text-shadow 0.2s ease !important;
}

/* 訪問済みリンク */
a:visited {
	color: #a855f7 !important; /* 訪問済み：パープル */
}

/* ホバー時（マウスオーバー） */
a:hover {
	color: #f472b6 !important; /* 明るいピンク */
	text-shadow: 0 0 8px rgba(244, 114, 182, 0.6) !important; /* うっすら発光 */
}

/* アクティブ時（クリックした瞬間） */
a:active {
	color: #db2777 !important;
}

/* リンク色の例外保護 */
#navi-menu-content a,
#footer a,
.search-box a {
	text-shadow: none !important;
}

/* -------------------------------------------------------------------------
  ヘッダー・ロゴ設定
------------------------------------------------------------------------- */
.header-container-in.hlt-top-menu .logo-header {
	display: flex !important;
	align-items: center !important;
	max-height: 60px !important;
}

.header-container-in.hlt-top-menu .logo-image {
	margin: 0 !important;
	padding: 0 !important;
}

.header-container-in.hlt-top-menu .logo-header .site-name {
	margin: 0 !important;
}

.header-container-in.hlt-top-menu .site-name-text-link {
	display: block !important;
	margin: 0 16px !important;
}

.logo-image span,
.logo-image a {
	display: inline-block !important;
	max-width: 100% !important;
	line-height: 1 !important;
}

/* ロゴ画像エフェクト */
.logo-header img.header-site-logo-image {
	display: block !important;
	width: auto !important;
	height: auto !important;
	max-height: 60px !important;
	object-fit: contain !important;
	filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.6)) drop-shadow(0 0 12px rgba(168, 85, 247, 0.3)) !important;
	transition: filter 0.3s ease !important;
}

/* -------------------------------------------------------------------------
  インデックスページ カテゴリタブ
------------------------------------------------------------------------- */
.index-tab-buttons {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 8px !important;
	width: 100% !important;
	margin: 16px 0 20px !important;
	padding: 0 10px !important;
	box-sizing: border-box !important;
}

.index-tab-button {
	flex: 1 !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	padding: 10px 0 !important;
	background: rgba(42, 45, 55, 0.65) !important;
	backdrop-filter: blur(4px) !important;
	-webkit-backdrop-filter: blur(4px) !important;
	border: 1px solid rgba(168, 85, 247, 0.25) !important;
	border-radius: 8px !important;
	color: #a0a0b0 !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	text-align: center !important;
	cursor: pointer !important;
	box-sizing: border-box !important;
	user-select: none !important;
	transition: all 0.2s ease !important;
}

input[type="radio"]:checked + .index-tab-button,
input#index-tab-1:checked ~ .index-tab-buttons label[for="index-tab-1"],
input#index-tab-2:checked ~ .index-tab-buttons label[for="index-tab-2"],
input#index-tab-3:checked ~ .index-tab-buttons label[for="index-tab-3"] {
	background: linear-gradient(135deg, rgba(168, 85, 247, 0.5), rgba(236, 72, 153, 0.5)) !important;
	border-color: #ec4899 !important;
	color: #ffffff !important;
	box-shadow: 0 0 12px rgba(236, 72, 153, 0.4) !important;
}
/* コメント数の後ろに「レス」を追加 */
.post-comment-count::after {
	content: "レス" !important;
	font-size: 0.9em !important;
	margin-left: 2px !important;
}
.fa-comment-o:before {
	display: none!important;
}


/* -------------------------------------------------------------------------
  ページネーション設定
------------------------------------------------------------------------- */
.pagination-next {
	margin: 24px 0 16px !important;
	text-align: center !important;
}

.pagination-next .pagination-next-link {
	display: block !important;
	width: 100% !important;
	padding: 14px 0 !important;
	background: linear-gradient(135deg, rgba(168, 85, 247, 0.5), rgba(236, 72, 153, 0.5)) !important;
	backdrop-filter: blur(4px) !important;
	-webkit-backdrop-filter: blur(4px) !important;
	border: 1px solid #ec4899 !important;
	border-radius: 10px !important;
	color: #ffffff !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	letter-spacing: 1px !important;
	text-decoration: none !important;
	box-shadow: 0 0 12px rgba(236, 72, 153, 0.4) !important;
	transition: all 0.2s ease !important;
}

.pagination-next .pagination-next-link:active {
	transform: scale(0.98) !important;
	background: linear-gradient(135deg, rgba(168, 85, 247, 0.8), rgba(236, 72, 153, 0.8)) !important;
	border-color: #f472b6 !important;
	box-shadow: 0 0 20px rgba(236, 72, 153, 0.7) !important;
}

.pagination {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 6px !important;
	margin-bottom: 30px !important;
}

.pagination .page-numbers {
	display: inline-flex !important;
	justify-content: center !important;
	align-items: center !important;
	min-width: 36px !important;
	height: 36px !important;
	padding: 0 6px !important;
	background: rgba(25, 20, 38, 0.75) !important;
	backdrop-filter: blur(4px) !important;
	-webkit-backdrop-filter: blur(4px) !important;
	border: 1px solid rgba(168, 85, 247, 0.35) !important;
	border-radius: 8px !important;
	color: #e2e8f0 !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
	transition: all 0.2s ease !important;
}

.pagination a.page-numbers:active {
	transform: scale(0.95) !important;
	background: rgba(168, 85, 247, 0.3) !important;
	border-color: #a855f7 !important;
}

.pagination .page-numbers.current {
	background: linear-gradient(135deg, rgba(168, 85, 247, 0.6), rgba(236, 72, 153, 0.6)) !important;
	border-color: #ec4899 !important;
	color: #ffffff !important;
	font-weight: 800 !important;
	box-shadow: 0 0 12px rgba(236, 72, 153, 0.5) !important;
}

.pagination .page-numbers.dots {
	min-width: 20px !important;
	background: transparent !important;
	border: none !important;
	color: #94a3b8 !important;
}

.list-more-button-wrap {
	width: 100% !important;
	margin: 24px 0 20px !important;
	text-align: center !important;
}

.list-more-button-wrap .list-more-button {
	display: block !important;
	width: 100% !important;
	padding: 14px 0 !important;
	background: linear-gradient(135deg, rgba(168, 85, 247, 0.5), rgba(236, 72, 153, 0.5)) !important;
	backdrop-filter: blur(4px) !important;
	-webkit-backdrop-filter: blur(4px) !important;
	border: 1px solid #ec4899 !important;
	border-radius: 10px !important;
	color: #ffffff !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	letter-spacing: 1px !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
	box-shadow: 0 0 12px rgba(236, 72, 153, 0.4) !important;
	transition: all 0.2s ease !important;
}

.list-more-button-wrap .list-more-button:active {
	transform: scale(0.98) !important;
	background: linear-gradient(135deg, rgba(168, 85, 247, 0.8), rgba(236, 72, 153, 0.8)) !important;
	border-color: #f472b6 !important;
	box-shadow: 0 0 20px rgba(236, 72, 153, 0.7) !important;
}

/* -------------------------------------------------------------------------
  コンテンツページ設定（5chレス表示）
------------------------------------------------------------------------- */
.article-header {
	margin-bottom: 24px !important;
}

/* カテゴリー・タグエリア */
.entry-categories-tags {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 8px !important;
	margin-bottom: 12px !important;
}

.entry-categories .cat-link {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	padding: 4px 10px !important;
	background: rgba(56, 189, 248, 0.2) !important;
	border: 1px solid rgba(56, 189, 248, 0.5) !important;
	border-radius: 4px !important;
	color: #38bdf8 !important;
	font-size: 12px !important;
	font-weight: bold !important;
	text-decoration: none !important;
}

.entry-tags .tag-link {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	padding: 3px 8px !important;
	background: rgba(255, 255, 255, 0.05) !important;
	border: 1px solid rgba(255, 255, 255, 0.15) !important;
	border-radius: 4px !important;
	color: #ccc !important;
	font-size: 11px !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
}

.entry-tags .tag-link:hover {
	border-color: #38bdf8 !important;
	color: #fff !important;
}

/* 記事タイトル（H1） */
.article-header .entry-title {
	margin: 0 0 16px 0 !important;
	padding: 12px 16px !important;
	background: rgba(25, 20, 38, 0.75) !important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	border-left: 4px solid #38bdf8 !important;
	border-radius: 8px !important;
	color: #ffffff !important;
	font-size: 24px !important;
	font-weight: 700 !important;
	line-height: 1.5 !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

/* アイキャッチ画像 */
.eye-catch-wrap {
	display: none !important;
}

.eye-catch-image {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	object-fit: cover !important;
}

/* 投稿日時エリア */
.date-tags {
	display: flex !important;
	justify-content: flex-end !important;
	align-items: center !important;
	margin-top: 8px !important;
	color: #aaa !important;
	font-size: 12px !important;
}

.date-tags .post-date {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
}

/* 5chレス表示スタイル */
.t_h {
	margin-bottom: 0 !important;
	padding: 12px 16px 4px 16px !important;
	background: rgba(0,0,0,.45)!important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	border: 1px solid rgba(168, 85, 247, 0.35) !important;
	border-bottom: none !important;
	border-radius: 12px 12px 0 0 !important;
	color: #94a3b8 !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
}

.t_h span:nth-child(1) {
	margin-left: 0 !important;
	color: #10b981 !important;
	text-shadow: 0 0 6px rgba(16, 185, 129, 0.4) !important;
}

.t_h span:nth-child(2) {
	display: none !important;
}

.t_b {
	margin-bottom: 1em !important;
	padding: 0px 16px 14px 16px !important;
	background: rgba(0,0,0,.45)!important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	border: 1px solid rgba(168, 85, 247, 0.35) !important;
	border-top: none !important;
	border-radius: 0 0 12px 12px !important;
	color: #f1f5f9 !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.6 !important;
	word-break: break-all !important;
	overflow-wrap: break-word !important;
}

.t_b:has(+ .t_h.t_i) {
	margin-bottom: 0 !important;
	border-radius: 0 !important;
}

.t_h:has(+ .t_b.t_i) {
	position: relative !important;
	padding-top: 20px !important;
	padding-left: calc(2em + 16px) !important;
	border-radius: 0 !important;
}

.t_h:has(+ .t_b.t_i)::before {
	content: "" !important;
	position: absolute !important;
	top: 0 !important;
	right: 1em !important;
	left: 2em !important;
	padding-top: 10px !important;
	border-top: 2px dotted rgba(168, 85, 247, 0.5) !important;
}

.t_b.t_i {
	padding-left: calc(2em + 16px) !important;
}
/* --- 「あわせて読みたい（#popular_entries-4）」連結カードデザイン --- */

/* 1. 全体コンテナ（親のカードリスト）を1つの大きな箱にする */
#popular_entries-4 .popular-entry-cards {
	display: flex !important;
	flex-direction: column !important;
	background: rgba(25, 20, 38, 0.75) !important;
	border: 1px solid rgba(168, 85, 247, 0.35) !important;
	border-radius: 12px !important;
	overflow: hidden !important; /* 内部要素のはみ出しをカット */
	padding: 0 !important;
	margin-bottom: 1.5em !important;
	gap: 0!important;
}

/* 2. 各記事リンク（<a>要素）の一体化と区切り線 */
#popular_entries-4 .popular-entry-card-link {
	display: block !important;
	margin: 0 !important;
	padding: 10px 12px !important;
	background: transparent !important; /* 親コンテナの背景を透過させて見せる */
	border: none !important;
	border-bottom: 1px solid rgba(168, 85, 247, 0.2) !important; /* 記事同士の区切り線 */
	border-radius: 0 !important;
	text-decoration: none !important;
	transition: background 0.2s ease !important;
	position: relative !important;
	z-index: 1 !important;
}

/* 一番最後の記事だけ区切り線を消す */
#popular_entries-4 .popular-entry-card-link:last-child {
	border-bottom: none !important;
}

/* 3. ホバー時のネオンバックライト処理 */
#popular_entries-4 .popular-entry-card-link:hover {
	background: rgba(168, 85, 247, 0.15) !important;
	z-index: 2 !important;
}

/* 4. 内部カードレイアウト（Flexbox化） */
#popular_entries-4 .popular-entry-card {
	display: flex !important;
	align-items: center !important;
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

/* 5. アイキャッチサムネイルのサイズ・形状固定 */
#popular_entries-4 .popular-entry-card-thumb {
	flex-shrink: 0 !important;
	float: none !important;
	width: 100px !important;
	min-width: 100px !important;
	height: 60px !important;
	margin: 0 12px 0 0 !important;
	overflow: hidden !important;
	border-radius: 6px !important;
}

#popular_entries-4 .popular-entry-card-thumb img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	border-radius: 6px !important;
	margin: 0 !important;
}

/* 6. 記事タイトルのフォント調整＆邪魔なmargin-leftのリセット */
#popular_entries-4 .widget-entry-card-content,
#popular_entries-4 .popular-entry-card-content {
	flex-grow: 1 !important;
	margin-left: 0 !important; /* 邪魔だった126pxの余白を強制リセット */
	padding: 0 !important;
}

#popular_entries-4 .popular-entry-card-title {
	font-size: 13.5px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	color: #f1f5f9 !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	margin: 0 !important;
}

/* -------------------------------------------------------------------------
  サイドバー・ウィジェット（タイトル・コメント・検索）
------------------------------------------------------------------------- */
/* ウィジェットタイトル */
.widget-title,
.widgettitle {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	margin: 20px 0 12px 0 !important;
	padding: 10px 14px 10px 20px !important;
	background: rgba(25, 20, 38, 0.75) !important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	border: 1px solid rgba(168, 85, 247, 0.4) !important;
	border-radius: 12px !important;
	color: #ffffff !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	letter-spacing: 0.5px !important;
	text-shadow: 0 0 6px rgba(236, 72, 153, 0.6), 0 0 10px rgba(168, 85, 247, 0.4) !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 0 10px rgba(168, 85, 247, 0.2) !important;
	overflow: hidden !important;
}

.widget-title::before,
.widgettitle::before {
	content: "" !important;
	position: absolute !important;
	top: 15% !important;
	left: 8px !important;
	width: 4px !important;
	height: 70% !important;
	background: #ec4899 !important;
	border-radius: 2px !important;
	box-shadow: 0 0 8px #ec4899 !important;
}

/* 最新コメントウィジェット */
ul.recent-comments {
	margin: 20px 0 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

ul.recent-comments li {
	margin-bottom: 0px !important;
	padding: 10px 12px !important;
	background: rgba(0, 0, 0, 0.45) !important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	border: 1px solid rgba(168, 85, 247, 0.35) !important;
	border-radius: 12px !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
	transition: all 0.2s ease !important;
}

ul.recent-comments li:active {
	transform: scale(0.97) !important;
	background: rgba(45, 30, 60, 0.85) !important;
	border-color: rgba(236, 72, 153, 0.8) !important;
	box-shadow: 0 0 12px rgba(236, 72, 153, 0.4) !important;
}

.recent-comment-title {
	margin-bottom: 6px !important;
	padding-bottom: 4px !important;
	border-bottom: 1px dashed rgba(168, 85, 247, 0.25) !important;
}

.recent-comment-title a {
	display: -webkit-box !important;
	color: #a855f7 !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	text-decoration: none !important;
	-webkit-line-clamp: 1 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
}

.recent-comment-content {
	position: relative !important;
	margin-top: 6px !important;
	padding: 8px 10px !important;
	background: transparent !important;
	border: none !important;
	border-radius: 8px !important;
}

.recent-comment-content a {
	display: block !important;
	margin-bottom: 0 !important;
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	text-decoration: none !important;
}

.recent-comment-content::before,
.recent-comment-content::after,
.recent-comment-content br,
.recent-comment-content span {
	display: none !important;
}

.recent-comment-date {
	margin-top: 4px !important;
	color: #ec4899 !important;
	font-size: 10px !important;
	text-align: right !important;
	text-shadow: 0 0 4px rgba(236, 72, 153, 0.4) !important;
}

/* 検索ボックス（ナビメニュー・フッター共通） */
#navi-menu-content .search-box,
#footer .search-box {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	padding: 4px 6px 4px 14px !important;
	background: rgba(20, 15, 35, 0.7) !important;
	border: 1px solid rgba(168, 85, 247, 0.4) !important;
	border-radius: 20px !important;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5) !important;
	transition: all 0.3s ease !important;
}

#navi-menu-content .search-box:focus-within,
#footer .search-box:focus-within {
	border-color: #ec4899 !important;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5), 0 0 10px rgba(236, 72, 153, 0.4) !important;
}

#navi-menu-content .search-box .search-edit,
#footer .search-box .search-edit {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	outline: none !important;
	color: #fff !important;
	font-size: 14px !important;
	line-height: 1 !important;
}

#navi-menu-content .search-box .search-submit,
#footer .search-box .search-submit {
	position: static !important;
	top: auto !important;
	right: auto !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	margin: 0 !important;
	padding: 0 4px !important;
	background: transparent !important;
	border: none !important;
	outline: none !important;
	color: var(--cocoon-thin-color) !important;
	font-size: 16px !important;
	line-height: 1 !important;
	cursor: pointer !important;
}

#navi-menu-content .search-box .search-submit .fa-search,
#footer .search-box .search-submit .fa-search {
	display: block !important;
	line-height: 1 !important;
}

/* -------------------------------------------------------------------------
  サイト投稿コメント欄（WordPress標準）
------------------------------------------------------------------------- */
.comment-title {
	margin: 0 !important;
}

#commentform label {
	color: #e2e8f0 !important;
	font-size: 13px !important;
}

.comment-author-label,
.comment-author-separator,
.st-comment-datetime,
p.comment-notes,
.commets-list li.pingback {
	display: none !important;
}

.commets-list .fn {
	font-style: normal !important;
}

.commets-list .comment-author {
	color: #10b981 !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-shadow: 0 0 6px rgba(16, 185, 129, 0.4) !important;
}

.commets-list li.comment {
	margin-bottom: 1em !important;
	padding: 14px 16px !important;
	background: rgba(0,0,0,.45)!important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	border: 1px solid rgba(168, 85, 247, 0.35) !important;
	border-radius: 12px !important;
	color: #f1f5f9 !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	word-break: break-all !important;
	overflow-wrap: break-word !important;
}

.st-comment-content p {
	margin-bottom: 0 !important;
	line-height: 1.6 !important;
}

.st-comment-content a.comment_img {
	display: block !important;
}

.comment_attension {
	margin: 0 !important;
	padding: 0 5px !important;
	font-weight: 600 !important;
	word-break: break-all !important;
	overflow-wrap: break-word !important;
}

.commets-list .reply {
	margin: 0.5em 0 0 0 !important;
	text-align: right !important;
}

.comment-reply-link {
	display: inline-block !important;
	padding: 2px 10px !important;
	background: rgba(168, 85, 247, 0.12) !important;
	border: 1px solid rgba(168, 85, 247, 0.4) !important;
	border-radius: 4px !important;
	color: #a855f7 !important;
	font-size: 11px !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
}

.comment-reply-link:active {
	background: #a855f7 !important;
	color: #ffffff !important;
	box-shadow: 0 0 8px rgba(168, 85, 247, 0.8) !important;
}

/* ツリー構造（返信コメント） */
.commets-list li.comment:has(+ ul.children),
.commets-list li.comment:has(> ul.children) {
	margin-bottom: 0 !important;
	border-bottom: none !important;
	border-radius: 12px 12px 0 0 !important;
}

.commets-list .children {
	margin-top: -1px !important;
	margin-bottom: 1em !important;
	padding-left: 1.5em !important;
	background: rgba(0,0,0,.45)!important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	border: 1px solid rgba(168, 85, 247, 0.35) !important;
	border-top: none !important;
	border-radius: 0 0 12px 12px !important;
	list-style: none !important;
}

.commets-list ul.children li.comment {
	margin-right: 1em !important;
	margin-bottom: 0 !important;
	padding: 12px 0px 12px 12px !important;
	background: transparent !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	border: none !important;
	border-top: 2px dotted rgba(168, 85, 247, 0.5) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.commets-list ul.children li:last-child {
	border-radius: 0 0 12px 12px !important;
}

.commets-list ul.children ul.children {
	margin-top: 0 !important;
	margin-bottom: 0em !important;
	padding-left: 1em !important;
	background: transparent !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	border: none !important;
}

.commets-list ul.children ul.children li,
.commets-list ul.children ul.children ul.children li,
.commets-list ul.children ul.children ul.children ul.children li {
	margin-bottom: 0em !important;
}

.commets-list ul.children ul.children ul.children,
.commets-list ul.children ul.children ul.children ul.children {
	margin-bottom: 0em !important;
}

/* 返信内ブログカードが小さくなるのを防止（padding-left無視の補正） */
.children .my-card {
    width: calc(100% + 1.5em);
    margin-left: -1.5em;
}
.children .children .my-card {
    width: calc(100% + 2.5em);
    margin-left: -2.5em;
}
.children .children .children .my-card {
    width: calc(100% + 3.5em);
    margin-left: -3.5em;
}
.children .children .children .children .my-card {
    width: calc(100% + 4.5em);
    margin-left: -4.5em;
}
.children .children .children .children .children .my-card {
    width: calc(100% + 5.5em);
    margin-left: -5.5em;
}

/* -------------------------------------------------------------------------
  外部連携（忍者画像RSS・爆速RSS等）
------------------------------------------------------------------------- */
/* 忍者画像RSS（特定ID：テキスト表示のみ一塊まとめ） */
#nrm-3a63ba6d42e126d37c511c4f8a8e1f31,
#nrm-90dafd83273c522b50f960a160490328 {
	margin: 15px 0 !important;
	text-align: left !important;
}

#nrm-3a63ba6d42e126d37c511c4f8a8e1f31 ul.ninja-recommend-articles,
#nrm-90dafd83273c522b50f960a160490328 ul.ninja-recommend-articles {
	margin: 0 !important;
	padding: 0 !important;
	background: rgba(25, 20, 38, 0.75) !important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	border: 1px solid rgba(56, 189, 248, 0.2) !important;
	border-radius: 12px !important;
	text-align: left !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
	overflow: hidden !important;
	list-style: none !important;
}

#nrm-3a63ba6d42e126d37c511c4f8a8e1f31 ul.ninja-recommend-articles li.ninja-recommend-article,
#nrm-90dafd83273c522b50f960a160490328 ul.ninja-recommend-articles li.ninja-recommend-article {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	border-bottom: 1px dotted rgba(56, 189, 248, 0.2) !important;
	border-radius: 0 !important;
	text-align: left !important;
	box-shadow: none !important;
	transition: background-color 0.2s ease !important;
}

#nrm-3a63ba6d42e126d37c511c4f8a8e1f31 ul.ninja-recommend-articles li.ninja-recommend-article:last-child,
#nrm-90dafd83273c522b50f960a160490328 ul.ninja-recommend-articles li.ninja-recommend-article:last-child {
	border-bottom: none !important;
}

#nrm-3a63ba6d42e126d37c511c4f8a8e1f31 ul.ninja-recommend-articles li.ninja-recommend-article:active,
#nrm-90dafd83273c522b50f960a160490328 ul.ninja-recommend-articles li.ninja-recommend-article:active {
	background: rgba(168, 85, 247, 0.15) !important;
}

#nrm-3a63ba6d42e126d37c511c4f8a8e1f31 ul.ninja-recommend-articles .ninja-recommend-article-text-box,
#nrm-90dafd83273c522b50f960a160490328 ul.ninja-recommend-articles .ninja-recommend-article-text-box {
	width: 100% !important;
	padding: 10px 14px !important;
	background: transparent !important;
	text-align: left !important;
	box-sizing: border-box !important;
}

#nrm-3a63ba6d42e126d37c511c4f8a8e1f31 ul.ninja-recommend-articles a.ninja-recommend-article-link,
#nrm-90dafd83273c522b50f960a160490328 ul.ninja-recommend-articles a.ninja-recommend-article-link {
	display: block !important;
	width: 100% !important;
	text-align: left !important;
	text-decoration: none !important;
}

#nrm-3a63ba6d42e126d37c511c4f8a8e1f31 ul.ninja-recommend-articles span.ninja-recommend-article-title,
#nrm-90dafd83273c522b50f960a160490328 ul.ninja-recommend-articles span.ninja-recommend-article-title {
	display: inline-block !important;
	color: #f1f5f9 !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.5 !important;
	text-align: left !important;
}

/* 忍者画像RSS 非表示要素 */
#nrm-3a63ba6d42e126d37c511c4f8a8e1f31 ul.ninja-recommend-articles .ninja-recommend-ranking,
#nrm-90dafd83273c522b50f960a160490328 ul.ninja-recommend-articles .ninja-recommend-ranking,
#nrm-3a63ba6d42e126d37c511c4f8a8e1f31 ul.ninja-recommend-articles img.ninja-recommend-title-icon,
#nrm-90dafd83273c522b50f960a160490328 ul.ninja-recommend-articles img.ninja-recommend-title-icon {
	display: none !important;
}

/* -------------------------------------------------------------------------
  フッター・レスポンシブメディアクエリ
------------------------------------------------------------------------- */
#footer {
	background-color: transparent !important;
	color: #fff !important;
}

/* エログちゃんねるウィジェットの一時非表示（特定画面幅） */
@media screen and (min-width: 707px) and (max-width: 834px) {
	#custom_html-30 {
		display: none !important;
	}
}

/* =========================================================
   商品紹介（DMM/FANZA動画アフィリエイト）カードデザイン修正版
   ========================================================= */

.dmm_product_card {
	width: 100%;
	max-width: 100%;
	margin: 2em 0;
	box-sizing: border-box;
}

/* カード全体（リンクエリア） */
.dmm_product_card .dmm_card_inner {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	background: rgba(25, 20, 38, 0.85) !important;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 1px solid rgba(168, 85, 247, 0.4) !important;
	border-radius: 12px;
	padding: 16px;
	text-decoration: none !important;
	color: inherit !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 0 10px rgba(168, 85, 247, 0.15);
	transition: all 0.3s ease;
	gap: 16px;
	box-sizing: border-box;
}

/* ホバー時のピンク発光＆浮き上がり */
.dmm_product_card .dmm_card_inner:hover {
	border-color: #ec4899 !important;
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4), 0 0 16px rgba(236, 72, 153, 0.4);
	background: rgba(35, 25, 50, 0.9) !important;
}

/* サムネイル画像エリア（PC・タブレット共通） */
.dmm_product_card .dmm_thumb_box {
	width: 30%;
	max-width: 160px;
	min-width: 100px;
	border-radius: 8px;
	overflow: hidden;
	flex-shrink: 0;
}

.dmm_product_card .dmm_thumb_box picture {
	display: block;
	width: 100%;
}

.dmm_product_card .dmm_thumb_box img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: contain; /* 変なトリミングを防ぎ縦横比を維持 */
	transition: transform 0.3s ease;
}

.dmm_product_card .dmm_card_inner:hover .dmm_thumb_box img {
	transform: scale(1.03);
}

/* コンテンツエリア */
.dmm_product_card .dmm_content_box {
	flex: 1;
	min-width: 0; /* フレックスアイテムの突き抜け防止 */
	display: flex;
	flex-direction: column;
}

/* おすすめバッジ */
.dmm_product_card .dmm_badge {
	display: inline-block;
	align-self: flex-start;
	background: linear-gradient(135deg, #a855f7, #ec4899);
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	padding: 2px 8px;
	border-radius: 4px;
	margin-bottom: 8px;
	letter-spacing: 0.5px;
}

/* 商品タイトル */
.dmm_product_card .dmm_title {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
	color: #f1f5f9;
	margin-bottom: 8px;
	word-break: break-word;
	transition: color 0.2s ease;
}

.dmm_product_card .dmm_card_inner:hover .dmm_title {
	color: #ec4899;
}

/* 説明文 */
.dmm_product_card .dmm_description {
	font-size: 12px;
	line-height: 1.5;
	color: #cbd5e1;
	margin: 0 0 12px 0;
	word-break: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* ボタン風リンク表示 */
.dmm_product_card .dmm_btn {
	display: inline-block;
	align-self: flex-start;
	background: rgba(168, 85, 247, 0.2);
	border: 1px solid rgba(168, 85, 247, 0.5);
	color: #e2e8f0;
	font-size: 11px;
	font-weight: 600;
	padding: 6px 14px;
	border-radius: 20px;
	margin-top: auto; /* 一番下に配置 */
	transition: all 0.2s ease;
}

.dmm_product_card .dmm_card_inner:hover .dmm_btn {
	background: #ec4899;
	border-color: #ec4899;
	color: #fff;
}

/* =========================================================
   スマホ表示（576px以下）調整
   ========================================================= */
@media screen and (max-width: 576px) {
	.dmm_product_card .dmm_card_inner {
		flex-direction: column;
		align-items: stretch;
		padding: 12px;
		gap: 12px;
	}

	.dmm_product_card .dmm_thumb_box {
		width: 100%;
		max-width: 100%;
	}

	.dmm_product_card .dmm_thumb_box img {
		max-height: 250px;
		object-fit: contain;
		margin: 0 auto;
	}

	.dmm_product_card .dmm_title {
		font-size: 14px;
	}

	.dmm_product_card .dmm_btn {
		width: 100%;
		text-align: center;
		box-sizing: border-box;
	}
}
/* =========================================================
   引用元リンク（p.quote）デザイン
   ========================================================= */

p.quote {
	display: flex;
	align-items: center;
	margin: 1.5em 0;
	padding: 8px 14px;
	background: rgba(25, 20, 38, 0.6) !important;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	border: 1px solid rgba(168, 85, 247, 0.25) !important;
	border-left: 4px solid #ec4899 !important; /* 左側にネオンピンクのアクセントライン */
	border-radius: 6px;
	font-size: 12px;
	color: #94a3b8 !important;
	word-break: break-all; /* 長いURLの突き抜け防止 */
	transition: all 0.25 ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* ホバー時の全体発光 */
p.quote:hover {
	background: rgba(35, 25, 50, 0.8) !important;
	border-color: rgba(236, 72, 153, 0.4) !important;
	border-left-color: #ec4899 !important;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3), 0 0 10px rgba(236, 72, 153, 0.2);
}

/* リンクテキスト（<a>タグが入っている場合も考慮） */
p.quote a {
	color: #c084fc !important;
	text-decoration: none !important;
	transition: color 0.2s ease;
}

p.quote a:hover {
	color: #ec4899 !important;
	text-decoration: underline !important;
}

/* スマホ表示での微調整 */
@media screen and (max-width: 768px) {
	p.quote {
		font-size: 11px;
		padding: 6px 10px;
		margin: 1em 0;
	}
}
/* =========================================================
   パ子（ギガ子）コメント（#pakobox）名前プレート付きデザイン
   ========================================================= */

#pakobox {
	width: 100%;
	margin-bottom: 2em;
	display: flex;
	align-items: center;
	gap: 16px;
	box-sizing: border-box;
}

/* 1. パ子アイコン＋名前ラベルエリア（全デバイス固定：100px幅） */
.pako-pic {
	flex-shrink: 0;
	order: 1;
	width: 100px !important;
	min-width: 100px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	position: relative !important;
}

/* キャラクター画像本体 */
.pako-pic::before {
	content: '';
	display: block;
	width: 100px;
	height: 125px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(https://chaos-giga.com/wp-content/uploads/2026/09/gigako-comment.png);
	filter: drop-shadow(0 0 8px rgba(168, 85, 247, 0.4));
}

/* キャラクター名「ギガ子」ネームプレート */
.pako-pic::after {
	content: 'ギガ子';
	display: block;
	margin-top: 4px;
	padding: 2px 8px;
	background: linear-gradient(135deg, #a855f7, #ec4899);
	color: #ffffff;
	font-size: 11px;
	font-weight: 700;
	border-radius: 10px;
	letter-spacing: 0.5px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4), 0 0 8px rgba(236, 72, 153, 0.4);
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	line-height: 1.2;
}

/* 2. 吹き出し本体（ガラスモフィズム＋ネオン枠） */
.pako-comment {
	flex-grow: 1;
	order: 2;
	background: rgba(25, 20, 38, 0.85) !important;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 1.5px solid #ec4899 !important;
	border-radius: 12px;
	position: relative;
	text-align: left;
	font-weight: 600;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35), 0 0 12px rgba(236, 72, 153, 0.25);
}

.pako-comment p {
	padding: 16px 18px;
	margin: 0;
	color: #f8fafc !important;
	font-size: 15px;
	line-height: 1.6;
}

/* 3. 吹き出し矢印（左向き） */
.pako-comment:before {
	content: '';
	position: absolute;
	top: 50%;
	left: -20px;
	right: auto;
	transform: translateY(-50%);
	border: 10px solid transparent;
	border-right: 10px solid #ec4899;
}

.pako-comment:after {
	content: '';
	position: absolute;
	top: 50%;
	left: -17px;
	right: auto;
	transform: translateY(-50%);
	border: 9px solid transparent;
	border-right: 9px solid rgba(25, 20, 38, 0.95);
}

/* =========================================================
   ウェルカム表示
   ========================================================= */
/* PC表示（1024px以上）では非表示 */
.site-welcome-banner {
  display: none;
}

/* タブレット・モバイル表示（1023px以下）の共通設定 */
@media screen and (max-width: 1023px) {
	#header-container {
		display: none!important;
	}
  .site-welcome-banner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 0 15px 0 !important;
    padding: 16px 12px !important;
    background: rgba(5,11,17,.85)!important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(168, 85, 247, .35) !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .3) !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  /* ロゴ画像エリア */
  .welcome-logo-box {
    width: 100% !important;
    max-width: 280px !important; /* 表示するロゴの最大横幅 */
    margin-bottom: 12px !important;
  }

  .welcome-logo-img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
	border-radius: 30px !important;
  }

  /* 紹介テキストエリア */
  .welcome-text-box {
    color: #e2e8f0 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
  }

  .welcome-text-box p {
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
  }

  .welcome-text-box p:last-child {
    margin-bottom: 0 !important;
  }

  /* 1行目の強調 */
  .welcome-lead {
    font-weight: bold !important;
    font-size: 14px !important;
    color: #38bdf8 !important; /* ネオン枠線に合わせたシアンカラー */
  }

  /* 最後の挨拶 */
  .welcome-closing {
    color: #a855f7 !important; /* ネオンピンク/パープル系カラー */
    font-weight: bold !important;
  }
}

/* スマホ表示（767px以下）の微調整 */
@media screen and (max-width: 767px) {
  .site-welcome-banner {
    padding: 12px 10px !important;
  }

  .welcome-logo-box {
    max-width: 220px !important; /* スマホ用にロゴを少しコンパクト化 */
    margin-bottom: 8px !important;
  }

  .welcome-text-box {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  .welcome-lead {
    font-size: 13px !important;
  }
}

/* =========================================================
   スマホ・タブレット表示（769px以下）調整
   ========================================================= */
@media only screen and (max-width: 769px) {
	#pakobox {
		gap: 12px;
	}

	.pako-comment {
		border-radius: 10px;
	}

	.pako-comment p {
		padding: 12px 14px;
		font-size: 13.5px;
		line-height: 1.5;
	}

	.pako-comment:before {
		left: -16px;
		border-width: 8px;
		border-right-width: 8px;
	}

	.pako-comment:after {
		left: -13px;
		border-width: 7px;
		border-right-width: 7px;
	}
}
/* =========================================================
   コンテンツ上アクトレリンク
   ========================================================= */
/* コンテナ全体の基本設定 */
.above-content-links {
  width: 100%;
  margin-bottom: 20px;
}

/* 親要素（.article ul など）のリセット処理を含めたグリッド設定 */
.ac-links-list {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important; /* モバイル：2列 */
  gap: 8px !important; /* カード間の余白 */
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important; /* テーマ側の padding-left: 26px を上書きリセット */
  padding-left: 0 !important;
}

/* li要素（カード枠）のスタイリング */
.ac-link-article {
  display: flex !important;
  flex-direction: column !important;
  text-decoration: none !important;
  color: inherit !important;
  background: rgba(25, 20, 38, .85) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(56,189,248,.2) !important; /* 外部リンク用border */
  border-radius: 10px !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, .3) !important;
  overflow: hidden !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  grid-column: span 1 !important;
}

/* ホバー時の挙動（少し浮き上がる演出） */
.ac-link-article:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(56,189,248,.5) !important;
}

/* モバイル表示時は7個目以降の要素を非表示（最大6個：2列×3行） */
.ac-link-article:nth-child(n+7) {
  display: none !important;
}

/* 画像部分のアスペクト比とリサイズ設定 */
.ac-image-box {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.ac-image-box a {
  display: block;
  width: 100%;
  height: 100%;
}

.ac-image-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.2s ease;
}

.ac-link-article:hover .ac-image-box img {
  transform: scale(1.05); /* ホバー時に画像を拡大 */
}

/* テキスト部分のスタイリング */
.ac-link-text-box {
  padding: 8px 10px;
  flex-grow: 1;
}

.ac-link-text-box a {
  text-decoration: none;
  color: #f1f5f9 !important; /* ダーク背景に合わせた白文字設定 */
}
.ac-link-text-box a:hover {
	color: #f472b6 !important;
    text-shadow: 0 0 8px rgba(244, 114, 182, .6) !important;
}

.ac-article-title {
  font-size: 12px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 記事タイトルを2行までに制限 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* パソコン・タブレット表示（768px以上）の設定 */
@media screen and (min-width: 768px) {
  .ac-links-list {
    grid-template-columns: repeat(4, 1fr) !important; /* PC・タブレット：4列 */
    gap: 12px !important;
  }

  /* PC・タブレット表示時は7〜12個目を表示させ、13個目以降を非表示（最大12個：4列×3行） */
  .ac-link-article:nth-child(n+7) {
    display: flex !important;
  }
  
  .ac-link-article:nth-child(n+13) {
    display: none !important;
  }

  .ac-article-title {
    font-size: 13px;
  }
}

/* =========================================================
   週間ランキング
   ========================================================= */
.textwidget table.light-referrer-table thead {
    display: none;
}
table.light-referrer-table:not(.has-border-color) :where(th,td) {
	border: none;
}

/* =========================================================
   コンテンツ直下 アクトレ単体リンク カードデザイン
   ========================================================= */
#content-down-links {
	margin: 20px 0;
	width: 100%;
}

#content-down-links .content-down-links-container,
#content-down-links .random-new_links,
#content-down-links .player_link_box {
	width: 100%;
}

/* カード本体（指定デザインを適用） */
#content-down-links a.player_link {
	position: relative !important; /* ラベルの絶対配置用 */
	display: flex !important;
	align-items: center !important;
	text-decoration: none !important;
	color: #ffffff !important;
	background: rgba(25, 20, 38, 0.75) !important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	border: 1px solid rgba(56, 189, 248, .2) !important;
	border-radius: 8px !important;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3), 0 0 8px rgba(168, 85, 247, 0.12) !important;
	overflow: hidden !important;
	transition: all 0.25s ease !important;
	box-sizing: border-box !important;
	padding: 8px!important;
}

/* ホバー時の効果（少し浮き上がり＆発光感アップ） */
#content-down-links a.player_link:hover {
	border-color: rgba(56, 189, 248, 0.5) !important;
	box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4), 0 0 12px rgba(168, 85, 247, 0.3) !important;
	transform: translateY(-2px) !important;
}

/* 右上「関連記事」ラベル */
#content-down-links a.player_link::before {
	content: "関連記事";
	position: absolute;
	top: 0;
	right: 0;
	background: linear-gradient(135deg, rgba(56, 189, 248, 0.9), rgba(168, 85, 247, 0.9));
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	padding: 2px 8px;
	border-bottom-left-radius: 6px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	letter-spacing: 0.05em;
	z-index: 2;
	pointer-events: none;
}

/* サムネイル画像（横並び用固定幅設定） */
#content-down-links img.player_link_thumbnail {
	width: 140px !important;
	min-width: 120px !important;
	height: 85px !important;
	object-fit: cover !important;
	display: block !important;
	border: none !important;
	margin: 0 !important;
	flex-shrink: 0 !important;
	border-radius: 6px;
}

/* タイトルエリア */
#content-down-links .player_link_title_box {
	display: flex !important;
	align-items: center !important;
	padding: 14px 14px 10px 14px !important; /* ラベルと被らないよう上パディングを少し調整 */
	background: transparent !important;
	flex-grow: 1 !important;
}

/* タイトルテキスト */
#content-down-links b.player_link_title {
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	font-size: 14px !important;
	font-weight: bold !important;
	line-height: 1.4 !important;
	color: #f1f5f9 !important;
	margin: 0 !important;
}

/* ホバー時のテキスト色変化 */
#content-down-links a.player_link:hover b.player_link_title {
	color: #38bdf8 !important; /* ボーダーに合わせたシアンブルー発光 */
}

/* スマホ用の微調整（画面幅が狭い端末） */
@media screen and (max-width: 480px) {
	#content-down-links img.player_link_thumbnail {
		width: 100px !important;
		min-width: 100px !important;
		height: 70px !important;
	}

	#content-down-links .player_link_title_box {
		padding: 12px 10px 8px 10px !important;
	}

	#content-down-links b.player_link_title {
		font-size: 13px !important;
	}

	#content-down-links a.player_link::before {
		font-size: 9px;
		padding: 2px 6px;
	}
}
/* =========================================================
   SNS紹介エリア 全体ボックス
   ========================================================= */
.sns_url_box {
	margin: 24px 0;
	padding: 16px 20px !important;
	background: rgba(25, 20, 38, 0.75) !important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	border: 1px solid rgba(56, 189, 248, .2) !important;
	border-radius: 10px !important;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3), 0 0 8px rgba(168, 85, 247, 0.12) !important;
	box-sizing: border-box !important;
}

/* タイトル（SNS ＆ その他） */
.sns_url_box-title {
	font-size: 15px !important;
	font-weight: bold !important;
	color: #38bdf8 !important; /* ネオンシアン */
	margin: 0 0 12px 0 !important;
	padding-bottom: 8px !important;
	border-bottom: 1px dashed rgba(56, 189, 248, 0.3) !important;
	letter-spacing: 0.05em;
	display: flex;
	align-items: center;
	gap: 6px;
}

/* タイトル前のアイコン風装飾（不要なら削除OK） */
.sns_url_box-title::before {
	content: "🔗";
	font-size: 14px;
}

/* 各SNSリンクの行 */
.sns_url {
	display: flex !important;
	align-items: center !important;
	margin-bottom: 10px !important;
	font-size: 14px !important;
	color: #e2e8f0 !important;
}

.sns_url:last-child {
	margin-bottom: 0 !important;
}

/* 記号「：」の非表示化（バッジ風デザインにするため） */
.sns_url {
	font-size: 0; /* 直下の「：」などの不要テキストを消去 */
}

/* SNSサービス名バッジ (𝕏, Fantiaなど) */
.sns_url .sns_name {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 12px !important;
	font-weight: bold !important;
	min-width: 64px !important;
	padding: 0px 10px !important;
	color: #f1f5f9 !important;
	border-radius: 6px !important;
	text-align: center;
	box-sizing: border-box;
}

/* リンクボタン */
.sns_url a {
	font-size: 14px !important;
	color: #ffffff !important;
	text-decoration: none !important;
	padding: 0px 12px !important;
	border-radius: 6px !important;
	transition: all 0.25s ease !important;
	display: inline-block !important;
	word-break: break-all;
}

/* リンクホバー時の発光効果 */
.sns_url a:hover {
	background: rgba(56, 189, 248, 0.15) !important;
	border-color: rgba(56, 189, 248, 0.6) !important;
	color: #38bdf8 !important;
	box-shadow: 0 0 10px rgba(56, 189, 248, 0.3) !important;
	transform: translateX(3px) !important;
}

.sns_url a strong {
	font-weight: 600 !important;
}

/* スマホ用の微調整 */
@media screen and (max-width: 480px) {
	.sns_url_box {
		padding: 12px 14px !important;
	}

	.sns_url_box-title {
		font-size: 14px !important;
	}

	.sns_url .sns_name {
		min-width: 54px !important;
		padding: 2px 6px !important;
		font-size: 11px !important;
	}

	.sns_url a {
		font-size: 13px !important;
		padding: 5px 10px !important;
	}
}

/* =============================================================================
  01. パソコン表示設定 (1024px以上)
============================================================================= */

@media screen and (min-width: 1024px) {
	.widget-entry-cards.card-large-image figure {
		width: 100% !important;
	}

	/* --- ヘッダーコンテナ全体 --- */
	.header-container {
		background: transparent !important;
		margin-bottom: 20px !important;
	}

	/* キャッチコピー */
	.tagline {
		color: #94a3b8 !important;
		font-size: 12px !important;
		text-align: center !important;
		margin-bottom: 8px !important;
	}

	/* ロゴ配置 */
	.header-in {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		padding: 0 !important;
	}

	.logo-header img {
		max-height: 80px !important;
		width: auto !important;
		height: auto !important;
	}

	/* --- ナビゲーションバー --- */
	#navi {
		background: rgba(25, 20, 38, 0.75) !important;
		backdrop-filter: blur(8px) !important;
		-webkit-backdrop-filter: blur(8px) !important;
		border: 1px solid rgba(56, 189, 248, 0.2) !important;
		border-radius: 12px !important;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
		margin: 0 auto !important;
		overflow: hidden !important;
	}

	#navi-in {
		padding: 0 !important;
	}

	/* メニューリスト */
	.menu-header {
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		list-style: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* メニューアイテム */
	.menu-header .menu-item {
		flex: 1 !important;
		text-align: center !important;
		margin: 0 !important;
		display: flex !important;
		/* li側のborder-rightは除去 */
		border-right: none !important;
	}

	/* リンクボタン（Flexboxで内部要素を完全中央揃え ＋ 区切り線をこちらに配置） */
	.menu-header .menu-item a {
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		width: 100% !important;
		padding: 12px 16px !important;
		color: #f1f5f9 !important;
		font-size: 14px !important;
		font-weight: 600 !important;
		text-decoration: none !important;
		transition: all 0.2s ease !important;
		line-height: 1.4 !important;
		/* aタグに区切り線を引っ越し */
		border-right: 1px solid rgba(56, 189, 248, 0.15) !important;
		box-sizing: border-box !important;
	}

	/* 一番右端のメニューだけ区切り線を消す */
	.menu-header .menu-item:last-child a {
		border-right: none !important;
	}

	/* 内部のCocoon固有ラッパーの余白・高さリセット */
	.menu-header .menu-item a .caption-wrap,
	.menu-header .menu-item a .item-label {
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		margin: 0 !important;
		padding: 0 !important;
		width: auto !important;
		height: auto !important;
	}

	/* ホバー時のバックライト演出 */
	.menu-header .menu-item a:hover {
		background: rgba(56, 189, 248, 0.15) !important;
		color: #38bdf8 !important;
	}

	/* --- 記事一覧：PC向け全幅表示 --- */
	.list {
		display: flex !important;
		flex-direction: column !important;
		gap: 0 !important;
	}

	.list .entry-card-wrap {
		width: 100% !important;
		height: auto !important;
		margin: 0 0 12px 0 !important;
		padding: 8px !important;
		box-sizing: border-box !important;
		display: flex !important;
		align-items: center !important;
		gap: 10px !important;
		background: rgba(25, 20, 38, .65) !important;
		backdrop-filter: blur(8px) !important;
		-webkit-backdrop-filter: blur(8px) !important;
		border: 1px solid rgba(168, 85, 247, .2) !important;
		border-radius: 10px !important;
		box-shadow: 0 4px 12px rgba(0, 0, 0, .4) !important;
		transition: all 0.2s ease !important;
	}

	.list .entry-card {
		display: flex !important;
		align-items: center !important;
		width: 100% !important;
		height: auto !important;
		background: transparent !important;
		border: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.list .entry-card-thumb {
		float: none !important;
		width: 200px !important;
		min-width: 160px !important;
		margin: 0 10px 0 0 !important;
		position: relative !important;
		flex-shrink: 0 !important;
	}

	.list .entry-card-thumb-image {
		width: 100% !important;
		height: auto !important;
		object-fit: cover !important;
		border-radius: 6px !important;
		display: block !important;
	}

	.list .entry-card-content {
		margin-left: 0 !important;
		padding-bottom: 0 !important;
		width: 100% !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
		color: #FFF !important;
	}

	.list .entry-card-title {
		font-size: 18px !important;
		line-height: 1.5 !important;
		margin: 0 0 6px 0 !important;
	}

	.list .entry-card-meta {
		position: static !important;
		text-align: left !important;
	}

	.list .e-card-info {
		justify-content: flex-start !important;
	}

	.sp-only-at-link {
		display: none !important;
	}

	.fanza-grid .fanza-item {
		width: calc(25% - 9px) !important;
	}

	#sidebar {
		background: rgba(25, 20, 38, .65) !important;
		backdrop-filter: blur(8px) !important;
		border-radius: 10px;
	}

	/* --- サイト概要・免責事項 --- */
	.footer-widgets .custom-html-widget {
		margin-top: 20px !important;
		padding: 14px 16px !important;
		background: rgba(25, 20, 38, 0.65) !important;
		backdrop-filter: blur(8px) !important;
		-webkit-backdrop-filter: blur(8px) !important;
		border: 1px solid rgba(168, 85, 247, 0.35) !important;
		border-radius: 12px !important;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
		font-size: 12px !important;
		line-height: 1.6 !important;
		color: #e2e8f0 !important;
	}

	.custom-html-widget p {
		margin: 0 0 10px 0 !important;
		color: #FFF!important;
        font-size: 13px!important;
	}

	.custom-html-widget p:last-child {
		margin-bottom: 0 !important;
	}

	.custom-html-widget b {
		font-size: 13px !important;
		color: #ffffff !important;
		text-shadow: 0 0 6px rgba(168, 85, 247, 0.6) !important;
	}
	/* =========================================================
   人気記事ランキング（縦一列・PC表示のみ適用）
   ========================================================= */

	/* 1. 全体リストの余白と幅調整 */
	.popular-entry-cards {
		display: flex !important;
		flex-direction: column !important;
		gap: 12px !important;
		width: 100% !important;
		max-width: 1130px !important;
		margin: 0 auto 1.5em auto !important;
		padding: 0 !important;
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
		box-sizing: border-box !important;
	}

	/* 2. 各記事カード（<a>タグ）のカードデザイン */
	.popular-entry-cards .popular-entry-card-link {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		text-decoration: none !important;
		color: inherit !important;
		background: rgba(25, 20, 38, 0.75) !important;
		backdrop-filter: blur(8px) !important;
		-webkit-backdrop-filter: blur(8px) !important;
		border: 1px solid rgba(168, 85, 247, 0.4) !important;
		border-radius: 12px !important;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 0 10px rgba(168, 85, 247, 0.2) !important;
		overflow: hidden !important;
		transition: all 0.3s ease !important;
		box-sizing: border-box !important;
		margin: 0 !important;
		padding: 0 !important;
		position: relative !important;
	}

	/* カードホバー時のネオンピンク発光＆浮き上がり */
	.popular-entry-cards .popular-entry-card-link:hover {
		border-color: #ec4899 !important;
		transform: translateY(-2px) !important;
		box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4), 0 0 14px rgba(236, 72, 153, 0.4) !important;
	}

	/* 3. カード内部コンテナ */
	.popular-entry-cards .popular-entry-card {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
	}

	/* 4. サムネイル画像エリア（幅160px固定・4:3比率） */
	.popular-entry-cards .popular-entry-card-thumb {
		width: 160px !important;
		min-width: 160px !important;
		height: auto !important;
		aspect-ratio: 4 / 3 !important;
		background: rgba(20, 15, 35, 0.9) !important;
		overflow: hidden !important;
		margin: 0 !important;
		float: none !important;
		position: relative !important;
		border-radius: 0 !important;
		flex-shrink: 0 !important;
	}

	.popular-entry-cards .popular-entry-card-thumb img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		display: block !important;
		transition: transform 0.3s ease !important;
		margin: 0 !important;
		border-radius: 0 !important;
	}

	/* ホバー時の画像拡大ズーム */
	.popular-entry-cards .popular-entry-card-link:hover .popular-entry-card-thumb img {
		transform: scale(1.05) !important;
	}

	/* 順位バッジ（サムネイル左上） */
	.widget-entry-cards.ranking-visible .card-thumb::before {
		content: counter(p-rank) !important;
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		width: 24px !important;
		height: 24px !important;
		line-height: 24px !important;
		padding: 0 !important;
		background: rgba(15, 23, 42, 0.85) !important;
		color: #94a3b8 !important;
		font-weight: bold !important;
		font-size: 12px !important;
		text-align: center !important;
		border-bottom-right-radius: 8px !important;
		z-index: 2 !important;
	}

	.widget-entry-cards.ranking-visible .no-1 .card-thumb::before {
		background: linear-gradient(135deg, #ffd700, #b39700) !important;
		color: #000 !important;
	}
	.widget-entry-cards.ranking-visible .no-2 .card-thumb::before {
		background: linear-gradient(135deg, #e0e0e0, #8a8a8a) !important;
		color: #000 !important;
	}
	.widget-entry-cards.ranking-visible .no-3 .card-thumb::before {
		background: linear-gradient(135deg, #cd7f32, #8c521f) !important;
		color: #fff !important;
	}

	/* 5. タイトル・コンテンツ表示エリア */
	.popular-entry-cards .widget-entry-card-content,
	.popular-entry-cards .popular-entry-card-content {
		padding: 12px 16px !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
		flex-grow: 1 !important;
		margin-left: 0 !important;
	}

	.popular-entry-cards .popular-entry-card-title {
		font-size: 14px !important;
		line-height: 1.5 !important;
		color: #f1f5f9 !important;
		font-weight: 600 !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		transition: color 0.2s ease !important;
		margin: 0 !important;
	}

	/* ホバー時の文字カラー変更 */
	.popular-entry-cards .popular-entry-card-link:hover .popular-entry-card-title {
		color: #ec4899 !important;
		text-decoration: none !important;
		opacity: 1 !important;
	}

	/* PV数バッジ */
	.popular-entry-cards .popular-entry-card-pv {
		display: inline-block !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        color: #FFF !important;
        background: rgba(236, 72, 153, 1) !important;
        border: 1px solid rgba(236, 72, 153, .3) !important;
        padding: 1px 6px !important;
        border-radius: 10px !important;
        text-shadow: 0 0 4px rgba(236, 72, 153, .5) !important;
		opacity: .9 !important;
	}
/* =========================================================
   FANZA広告（縦型カードスタイル・PC表示のみ適用）
   ========================================================= */

	/* 1. 全体リストの余白と幅調整（グリッドレイアウト化） */
	.fanza-grid {
		display: grid !important;
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important; /* カード幅最小200pxで自動敷き詰めて並べる設定 */
		gap: 16px !important;
		width: 100% !important;
		max-width: 1130px !important;
		margin: 0 auto 1.5em auto !important;
		padding: 0 !important;
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
		box-sizing: border-box !important;
	}

	/* 2. 各記事カード（<a>タグ）の縦型カードデザイン */
	.fanza-grid .fanza-item {
		display: flex !important;
		flex-direction: column !important; /* 縦並び指定 */
		align-items: stretch !important;
		width: 100% !important;
		max-width: 100% !important;
		text-decoration: none !important;
		color: inherit !important;
		background: rgba(25, 20, 38, 0.75) !important;
		backdrop-filter: blur(8px) !important;
		-webkit-backdrop-filter: blur(8px) !important;
		border: 1px solid rgba(56,189,248,.2)!important;
		border-radius: 12px !important;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 0 10px rgba(168, 85, 247, 0.2) !important;
		overflow: hidden !important;
		transition: all 0.3s ease !important;
		box-sizing: border-box !important;
		margin: 0 !important;
		padding: 0 !important;
		position: relative !important;
	}

	/* カードホバー時のネオンピンク発光＆浮き上がり */
	.fanza-grid .fanza-item:hover {
		border-color: #ec4899 !important;
		transform: translateY(-2px) !important;
		box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4), 0 0 14px rgba(236, 72, 153, 0.4) !important;
	}

	/* 3. サムネイル画像エリア（全幅・4:3比率） */
	.fanza-grid .fanza-item > img {
		width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
		aspect-ratio: 4 / 3 !important;
		background: rgba(20, 15, 35, 0.9) !important;
		overflow: hidden !important;
		margin: 0 !important;
		float: none !important;
		position: relative !important;
		border-radius: 0 !important;
		flex-shrink: 0 !important;
		object-fit: cover !important;
		display: block !important;
		transition: transform 0.3s ease !important;
	}

	/* ホバー時の画像拡大ズーム */
	.fanza-grid .fanza-item:hover > img {
		transform: scale(1.05) !important;
	}

	/* 4. タイトル・コンテンツ表示エリア（下部） */
	.fanza-grid .fanza-item-title {
		padding: 12px !important;
		display: -webkit-box !important;
		flex-direction: column !important;
		justify-content: flex-start !important;
		flex-grow: 1 !important;
		margin-left: 0 !important;
		font-size: 14px !important;
		line-height: 1.5 !important;
		color: #f1f5f9 !important;
		font-weight: 600 !important;
		-webkit-line-clamp: 2 !important; /* 2行で収める設定 */
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		transition: color 0.2s ease !important;
		margin: 0 !important;
	}

	/* ホバー時の文字カラー変更 */
	.fanza-grid .fanza-item:hover .fanza-item-title {
		color: #ec4899 !important;
		text-decoration: none !important;
		opacity: 1 !important;
	}

} /* PC表示設定 終了 */


/* =============================================================================
  02. タブレット表示設定 (1023px以下)
============================================================================= */
@media screen and (max-width: 1023px) {

	/* ヘッダー設定 */
	.mobile-header-menu-buttons {
		background-color: transparent;
		box-shadow: none !important;
	}

	.logo-menu-button,
	.search-menu-button {
		display: none !important;
	}

	/* =========================================================
   タブレット・モバイル専用最上部ヘッダー（#header-container）
   ========================================================= */
@media screen and (max-width: 1024px) {
	/* ヘッダー全体コンテナ */
	#header-container {
		width: 100%;
		background: transparent !important;
		position: static !important; /* 最上部固定なし */
		z-index: 1;
	}

	.header-container-in,
	#header,
	#header-in {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		box-sizing: border-box;
	}

	#header-in {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 10px 12px;
	}

	/* キャッチコピー（タグライン） */
	#header-in .tagline {
		font-size: 10px;
		font-weight: 600;
		color: #c084fc !important; /* 薄いパープル */
		letter-spacing: 1px;
		margin-bottom: 4px;
		text-shadow: 0 0 6px rgba(192, 132, 252, 0.4);
		text-align: center;
	}

	/* ロゴ画像エリア */
	#header-in .logo {
		margin: 0;
		padding: 0;
		line-height: 1;
		display: flex;
		justify-content: center;
	}

	#header-in .logo a {
		display: inline-block;
		text-decoration: none;
	}

	/* ロゴ画像本体のサイズとネオンエフェクト */
	#header-in .site-logo-image {
		max-height: 42px; /* スマホ・タブレットで収まりの良い高さ */
		width: auto;
		height: auto;
		display: block;
		filter: drop-shadow(0 0 8px rgba(236, 72, 153, 0.35)); /* ロゴ周りのピンクロゴ発光 */
		transition: transform 0.2s ease, filter 0.2s ease;
	}

	#header-in .logo a:active .site-logo-image {
		transform: scale(0.97);
		filter: drop-shadow(0 0 12px rgba(236, 72, 153, 0.6));
	}
}

/* =========================================================
   小型スマホ（480px以下）の超微調整
   ========================================================= */
@media screen and (max-width: 480px) {
	#header-in {
		padding: 8px 10px;
	}

	#header-in .tagline {
		font-size: 9px;
		letter-spacing: 0.5px;
	}

	#header-in .site-logo-image {
		max-height: 36px; /* 画面幅が狭い端末用に少し小ぶりに */
	}
}

/* =========================================================
   新・混沌戯画サイバーロゴ用CSS
   ========================================================= */

.logo-header img.header-site-logo-image {
	display: block !important;
	width: auto !important;
	height: auto !important;
	max-height: 60px !important; /* 表示サイズは必要に応じて 52px 等に微調整OK */
	object-fit: contain !important;
	background: transparent !important;
	border-radius: 4px !important;

	/* フィルターは色の変化をさせず、全体のネオン感をほんのり強調する程度に */
	filter: drop-shadow(0 0 6px rgba(168, 85, 247, 0.5)) !important;
	transition: filter 0.3s ease, transform 0.2s ease !important;
}

/* ホバー時にネオンの光彩を少し強調 */
.logo-header a:hover img.header-site-logo-image {
	filter: drop-shadow(0 0 12px rgba(236, 72, 153, 0.8)) !important;
	transform: scale(1.02);
}

/* スマホ表示（480px以下）のサイズ調整 */
@media screen and (max-width: 480px) {
	.logo-header img.header-site-logo-image {
		max-height: 60px !important;
	}
}	
	
	
	/* モバイル表示 ヘッダーアクトレ画像リンクの非表示 */
	.sp-only-at-link {
		display: none !important;
	}

	/* パソコン表示 ヘッダー画像RSSの非表示 */
	.fast-rss-grid {
		display: none !important;
	}

	/* -------------------------------------------------------------------------
	  Feedlyフォロー枠：サイバーネオン装飾
	------------------------------------------------------------------------- */
	#feedly_follow {
		margin: 20px auto !important;
		padding: 0 10px !important;
		text-align: center !important;
	}

	#feedly_follow .feedly_follow_pic a {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 12px !important;
		max-width: 360px !important;
		margin: 0 auto !important;
		padding: 10px 16px !important;
		background: rgba(25, 20, 38, 0.7) !important;
		backdrop-filter: blur(8px) !important;
		-webkit-backdrop-filter: blur(8px) !important;
		border: 1px solid rgba(168, 85, 247, 0.4) !important;
		border-radius: 16px !important;
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4), 0 0 12px rgba(168, 85, 247, 0.2) !important;
		text-decoration: none !important;
		transition: all 0.25s ease !important;
	}

	#feedly_follow img#feedlyFollow {
		width: auto !important;
		height: 38px !important;
		object-fit: contain !important;
		filter: drop-shadow(0 0 6px rgba(42, 178, 122, 0.6)) !important;
		flex-shrink: 0 !important;
	}

	#feedly_follow .feedly_follow_pic span {
		display: block !important;
		font-size: 11.5px !important;
		font-weight: 700 !important;
		line-height: 1.35 !important;
		text-align: left !important;
		color: #ffffff !important;
		text-shadow: 0 0 6px rgba(236, 72, 153, 0.6), 0 0 10px rgba(168, 85, 247, 0.4) !important;
	}

	#feedly_follow .feedly_follow_pic a:active,
	#feedly_follow .feedly_follow_pic a:hover {
		transform: translateY(-2px) scale(0.98) !important;
		border-color: rgba(236, 72, 153, 0.8) !important;
		box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5), 0 0 18px rgba(236, 72, 153, 0.4) !important;
		background: rgba(35, 25, 50, 0.85) !important;
	}

	/* 記事一覧：パソコン表示と共通全幅表示 */
	.list {
		display: flex !important;
		flex-direction: column !important;
		gap: 0 !important;
	}

	.list .entry-card-wrap {
		width: 100% !important;
		height: auto !important;
		margin: 0 0 12px 0 !important;
		padding: 8px !important;
		box-sizing: border-box !important;
		display: flex !important;
		align-items: center !important;
		background: rgba(25, 20, 38, .65) !important;
		backdrop-filter: blur(8px) !important;
		-webkit-backdrop-filter: blur(8px) !important;
		border: 1px solid rgba(168, 85, 247, .2) !important;
		border-radius: 10px !important;
		box-shadow: 0 4px 12px rgba(0, 0, 0, .4) !important;
		transition: all 0.2s ease !important;
	}

	.list .entry-card {
		display: flex !important;
		align-items: center !important;
		width: 100% !important;
		height: auto !important;
		background: transparent !important;
		border: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.list .entry-card-thumb {
		float: none !important;
		width: 200px !important;
		margin: 0 10px 0 0 !important;
		position: relative !important;
		flex-shrink: 0 !important;
	}

	.list .entry-card-thumb-image {
		width: 100% !important;
		height: auto !important;
		object-fit: cover !important;
		border-radius: 6px !important;
		display: block !important;
	}

	.list .entry-card-content {
		margin-left: 0 !important;
		padding-bottom: 0 !important;
		width: 100% !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
		color: #FFF !important;
	}

	.list .entry-card-title {
		font-size: 18px !important;
		line-height: 1.5 !important;
		margin: 0 0 6px 0 !important;
	}

	.list .entry-card-meta {
		position: static !important;
		text-align: left !important;
	}

	.list .e-card-info {
		justify-content: flex-start !important;
	}

	/* --- 人気記事ランキング --- */
	.popular-entry-cards {
		margin-top: 0px !important;
		padding-top: 0px !important;
		border-top: 1px dashed rgba(168, 85, 247, 0.3) !important;
	}

	.popular-entry-cards .popular-entry-card-link {
		display: block !important;
		margin-bottom: 0px !important;
		text-decoration: none !important;
	}

	.popular-entry-cards .popular-entry-card {
		display: flex !important;
		align-items: center !important;
		gap: 12px !important;
		padding: 8px 10px !important;
		background: rgba(25, 20, 38, 0.65) !important;
		-webkit-backdrop-filter: blur(8px) !important;
		border: 1px solid rgba(168, 85, 247, 0.35) !important;
		border-radius: 12px !important;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
		transition: all 0.2s ease !important;
	}

	.popular-entry-cards .popular-entry-card-link:active .popular-entry-card {
		transform: scale(0.97) !important;
		background: rgba(45, 30, 60, 0.85) !important;
		border-color: rgba(236, 72, 153, 0.8) !important;
		box-shadow: 0 0 12px rgba(236, 72, 153, 0.4) !important;
	}

	.popular-entry-cards .popular-entry-card-thumb {
		width: 140px !important;
		height: 85px !important;
		margin: 0 !important;
		flex-shrink: 0 !important;
		border-radius: 8px !important;
		overflow: hidden !important;
		border: 1px solid rgba(255, 255, 255, 0.15) !important;
	}

	.popular-entry-cards .popular-entry-card-thumb img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
	}

	.popular-entry-cards .popular-entry-card-content {
		flex: 1 !important;
		min-width: 0 !important;
	}

	.popular-entry-cards .popular-entry-card-title {
		font-size: 12px !important;
		line-height: 1.4 !important;
		font-weight: 700 !important;
		color: #f1f5f9 !important;
		margin-bottom: 4px !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
	}

	.popular-entry-cards .popular-entry-card-pv {
		display: inline-block !important;
		font-size: 10px !important;
		font-weight: 700 !important;
		color: #ec4899 !important;
		background: rgba(236, 72, 153, 0.12) !important;
		border: 1px solid rgba(236, 72, 153, 0.3) !important;
		padding: 1px 6px !important;
		border-radius: 10px !important;
		text-shadow: 0 0 4px rgba(236, 72, 153, 0.5) !important;
	}

	.popular-entry-cards .popular-entry-card-link {
		counter-increment: navi-rank !important;
		position: relative !important;
	}

	.widget-entry-cards.ranking-visible .card-thumb::before {
		display: none !important;
	}

	.popular-entry-cards {
		counter-reset: navi-rank !important;
		border-top: none !important;
	}

	.popular-entry-cards .popular-entry-card-link::before {
		display: none !important;
	}

	.popular-entry-cards .popular-entry-card-link:first-child::before {
		background: #ec4899 !important;
		box-shadow: 0 0 8px #ec4899 !important;
	}

	/* フッター設定 */
	.footer {
		margin-top: 0px !important;
	}

	/* -------------------------------------------------------------------------
	  スライドインメニュー展開ボタン
	------------------------------------------------------------------------- */
	.body .mobile-header-menu-buttons {
		top: 1em;
        left: 1em;
		display: block!important;
        width: 46px!important;
        height: 50px!important;
	}
	.mobile-menu-buttons .menu-button {
		width: 44px!important;
	}
	#navi-menu-open .navi-menu-icon::before {
		color: #a855f7 !important;
	}

	#navi-menu-open {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 44px !important;
		height: 44px !important;
		padding: 0 !important;
		background: linear-gradient(135deg,rgba(168,85,247,.5),rgba(236,72,153,.5))!important;
		backdrop-filter: blur(8px) !important;
		-webkit-backdrop-filter: blur(8px) !important;
		border-radius: 50% !important;
		border: 1px solid rgba(236,72,153,.5)!important;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), 0 0 10px rgba(168, 85, 247, 0.25) !important;
		transition: all 0.2s ease !important;
	}

	#navi-menu-open .navi-menu-icon .fa-bars {
		display: none !important;
	}

	#navi-menu-open .navi-menu-icon::before {
		content: "\f0db" !important;
		font-family: "Font Awesome 5 Free", "FontAwesome" !important;
		font-size: 18px !important;
		color: #ffffff !important;
		line-height: 1 !important;
		transform: scaleX(-1);
		display: inline-block;
	}

	#navi-menu-open .navi-menu-caption {
		display: none !important;
	}

	#navi-menu-open:active {
		transform: scale(0.92) !important;
		background: rgba(168, 85, 247, 0.3) !important;
		border-color: rgba(236, 72, 153, 0.8) !important;
	}

.menu-content {
		width: 80% !important;        /* 画面幅に対するパーセンテージ（お好みで75%〜85%） */
		max-width: 400px !important;   /* タブレットなどの大画面での上限幅 */
		box-sizing: border-box !important; /* 内側のpaddingやborderを含めた幅計算にする */
	}

	/* -------------------------------------------------------------------------
	  スライドインメニュー
	------------------------------------------------------------------------- */
	#navi-menu-content {
		background: rgba(13, 10, 26, 0.88) !important;
		backdrop-filter: blur(16px) !important;
		-webkit-backdrop-filter: blur(16px) !important;
		border-right: 1px solid rgba(168, 85, 247, 0.3) !important;
		box-shadow: 10px 0 30px rgba(0, 0, 0, 0.6) !important;
		padding: 20px 16px !important;
	}

	#navi-menu-content .navi-menu-close-button {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 44px !important;
		height: 44px !important;
		margin-bottom: 20px !important;
		background: linear-gradient(135deg,rgba(168,85,247,.5),rgba(236,72,153,.5))!important;
		border: 1px solid rgba(236, 72, 153, 0.5) !important;
		border-radius: 50% !important;
		color: #ffffff !important;
		box-shadow: 0 0 10px rgba(236, 72, 153, 0.3) !important;
		cursor: pointer !important;
		transition: all 0.2s ease !important;
	}

	#navi-menu-content .navi-menu-close-button:active {
		transform: scale(0.9) !important;
		background: rgba(236, 72, 153, 0.4) !important;
	}

	#navi-menu-content .widgettitle {
		font-size: 14px !important;
		font-weight: 800 !important;
		color: #ffffff !important;
		margin-bottom: 12px !important;
		padding-left: 20px !important;
		border-left: 3px solid #a855f7 !important;
		text-shadow: 0 0 6px rgba(168, 85, 247, 0.6) !important;
	}

	#navi-menu-content .search-box {
		display: flex !important;
		align-items: center !important;
		background: rgba(20, 15, 35, 0.7) !important;
		border: 1px solid rgba(168, 85, 247, 0.4) !important;
		border-radius: 20px !important;
		padding: 4px 6px 4px 14px !important;
		box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5) !important;
		transition: all 0.3s ease !important;
	}

	#navi-menu-content .search-box:focus-within {
		border-color: #ec4899 !important;
		box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5), 0 0 10px rgba(236, 72, 153, 0.4) !important;
	}

	/* --- 入力エリア --- */
	#navi-menu-content .search-box .search-edit {
		background: transparent !important;
		border: none !important;
		outline: none !important;
		color: #fff !important;
		font-size: 14px !important;
		line-height: 1 !important;
		padding: 0 !important;
		margin: 0 !important;
		width: 100% !important;
	}

	/* --- 検索ボタン（絶対配置を解除してFlexbox配下に） --- */
	#navi-menu-content .search-box .search-submit {
		position: static !important; /* absoluteを打ち消し */
		top: auto !important;
		right: auto !important;
		background: transparent !important;
		border: none !important;
		outline: none !important;
		padding: 0 4px !important;
		margin: 0 !important;
		cursor: pointer !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		line-height: 1 !important;
		font-size: 16px !important; /* 20pxだと大きい場合はここで調整 */
		color: var(--cocoon-thin-color) !important;
	}

	#navi-menu-content .search-box .search-submit .fa-search {
		display: block !important;
		line-height: 1 !important;
	}

	#navi-menu-content .search-edit {
		background: transparent !important;
		border: none !important;
		outline: none !important;
		color: #ffffff !important;
		font-size: 13px !important;
		width: 100% !important;
	}

	#navi-menu-content .search-edit::placeholder {
		color: rgba(255, 255, 255, 0.4) !important;
	}

	#navi-menu-content .search-submit {
		background: linear-gradient(135deg, #a855f7, #ec4899) !important;
		border: none !important;
		border-radius: 50% !important;
		width: 32px !important;
		height: 32px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		color: #ffffff !important;
		cursor: pointer !important;
		flex-shrink: 0 !important;
	}
	
	#navi-menu-content p {
		color: #FFF!important;
		font-size: 12px !important;
	}
	.navi-menu-close-button .fa {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	font: normal normal normal 14px FontAwesome; /* line-height: 1 を除去 */
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 1em;   /* アイコンの幅固定 */
	height: 1em;  /* アイコンの高さ固定 */
	margin: 0 !important;
	padding: 0 !important;
}
	.navi-menu-close-button .fa-close:before {
	content: "\f00d";
	font-size: 18px !important;
	color: #ffffff !important;
	display: block !important;
	line-height: 1 !important; /* フォント自体の高さを固定 */
	width: 1em;
	height: 1em;
	text-align: center;
}
	/* -------------------------------------------------------------------------
	  上に戻るボタン
	------------------------------------------------------------------------- */
	.go-to-top .go-to-top-button {
		display: flex !important;
		align-items: center !important;  
		justify-content: center !important;  
		width: 44px !important;   
		height: 44px !important;  
		padding: 0 !important;   
		background: linear-gradient(135deg, rgba(168, 85, 247, .5), rgba(236, 72, 153, .5)) !important;   
		backdrop-filter: blur(8px) !important;    
		-webkit-backdrop-filter: blur(8px) !important;   
		border-radius: 50% !important;  
		border: 1px solid rgba(236, 72, 153, .5) !important;   
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), 0 0 10px rgba(168, 85, 247, 0.25) !important;    
		transition: all 0.2s ease !important;    
		color: #fff !important;
	}

	/* -------------------------------------------------------------------------
	  忍者画像RSS（アクトレリンク）各種レイアウト
	------------------------------------------------------------------------- */
	div.ninja-recommend,
	div.ninja-recommend.horizontal {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		margin: 0 auto !important;
	}

	.ninja-recommend .trademark img, 
	.ninja-recommend .trademark-sp img {
		display: none !important;
	}

	ul.ninja-recommend-articles {
		width: 100% !important;
		height: auto !important;
		margin: 15px 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}

	ul.ninja-recommend-articles li.ninja-recommend-article {
		width: 100% !important;
		height: auto !important;
		margin: 0 0 12px 0 !important;
		padding: 8px !important;
		box-sizing: border-box !important;
		display: flex !important;
		align-items: center !important;
		gap: 10px !important;
		background: rgba(25, 20, 38, 0.65) !important;
		backdrop-filter: blur(8px) !important;
		-webkit-backdrop-filter: blur(8px) !important;
		border: 1px solid rgba(56, 189, 248, .2) !important;
		border-radius: 10px !important;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
		transition: all 0.2s ease !important;
	}

	ul.ninja-recommend-articles li.ninja-recommend-article:active {
		transform: scale(0.98) !important;
		background: rgba(45, 30, 60, 0.85) !important;
		border-color: rgba(236, 72, 153, 0.8) !important;
		box-shadow: 0 0 12px rgba(236, 72, 153, 0.4) !important;
	}

	.ninja-recommend-article-image-box {
		width: 140px !important;
		height: 85px !important;
		min-width: 100px !important;
		flex-shrink: 0 !important;
		border-radius: 6px !important;
		overflow: hidden !important;
		position: relative !important;
	}

	.ninja-recommend-article-image-box a {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
	}

	img.ninja-recommend-article-image {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		border-radius: 6px !important;
	}

	.ninja-recommend-article-text-box {
		flex: 1 !important;
		width: auto !important;
		height: auto !important;
		overflow: hidden !important;
	}

	a.ninja-recommend-article-link {
		text-decoration: none !important;
		display: block !important;
	}

	.ninja-recommend-article-title {
		font-size: 13.5px !important;
		font-weight: 700 !important;
		color: #ffffff !important;
		line-height: 1.4 !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
	}

	/* --- 忍者画像RSS（横スライド・Flickityタイプ） --- */
	.flickity-slider li.ninja-recommend-article {
		width: 180px !important;
		height: 200px !important;
		margin: 5px !important;
		box-sizing: border-box !important;
		border-radius: 12px !important;
		overflow: hidden !important;
		background: rgba(25, 20, 38, 0.75) !important;
		backdrop-filter: blur(8px) !important;
		-webkit-backdrop-filter: blur(8px) !important;
		border: 1px solid rgba(56, 189, 248, .2) !important;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
		transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
	}

	.flickity-slider li.ninja-recommend-article:active {
		transform: scale(0.97) !important;
		border-color: rgba(236, 72, 153, 0.8) !important;
		box-shadow: 0 0 12px rgba(236, 72, 153, 0.4) !important;
	}

	.flickity-viewport .flick_date_share {
		display: none !important;
	}
		/* -------------------------------------------------------------------------
	  FANZA同人広告：Brave News風（8個固定用）
	------------------------------------------------------------------------- */
	.fanza-grid {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		gap: 12px !important;
		padding: 10px 0 !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	.fanza-grid .fanza-item {
		display: flex !important;
		flex-direction: column !important;
		margin: 0 !important;
		padding: 0 !important;
		background: rgba(42, 45, 55, 0.65) !important;
		backdrop-filter: blur(2px) !important;
		-webkit-backdrop-filter: blur(2px) !important;
		border-radius: 12px !important;
		border: 1px solid rgba(168, 85, 247, 0.2) !important;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
		text-decoration: none !important;
	}

	.fanza-grid .fanza-item img {
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 600 / 319 !important;
		object-fit: cover !important;
		display: block !important;
		margin: 0 !important;
	}

	.fanza-grid .fanza-item-title {
		color: #ffffff !important;
		font-weight: 700 !important;
		font-size: 14px !important;
		margin: 0 !important;
		padding: 10px !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
	}

	/* パターン1：大サイズ（全幅：1~3番目） */
	.fanza-grid .fanza-item:nth-child(8n+1),
	.fanza-grid .fanza-item:nth-child(8n+2),
	.fanza-grid .fanza-item:nth-child(8n+3) {
		width: 100% !important;
		border: 1px solid rgba(56, 189, 248, 0.2) !important;
	}

	/* パターン2：中サイズ（半幅横並び：4~5番目） */
	.fanza-grid .fanza-item:nth-child(8n+4),
	.fanza-grid .fanza-item:nth-child(8n+5) {
		width: calc(50% - 6px) !important;
		border: 1px solid rgba(56, 189, 248, 0.2) !important;
	}

	.fanza-grid .fanza-item:nth-child(8n+4) .fanza-item-title,
	.fanza-grid .fanza-item:nth-child(8n+5) .fanza-item-title {
		font-size: 13px !important;
	}

	/* パターン3：小サイズ（連結3段リスト：6~8[=0]番目） */
	.fanza-grid .fanza-item:nth-child(8n+6),
	.fanza-grid .fanza-item:nth-child(8n+7),
	.fanza-grid .fanza-item:nth-child(8n) {
		width: 100% !important;
		flex-direction: row-reverse !important;
		align-items: center !important;
		justify-content: space-between !important;
		padding: 8px 12px !important;
		border: none !important;
	}

	.fanza-grid .fanza-item:nth-child(8n+6) img,
	.fanza-grid .fanza-item:nth-child(8n+7) img,
	.fanza-grid .fanza-item:nth-child(8n) img {
		width: 120px !important;
		height: 80px !important;
		aspect-ratio: auto !important;
		border-radius: 6px !important;
		flex-shrink: 0 !important;
	}

	.fanza-grid .fanza-item:nth-child(8n+6) .fanza-item-title,
	.fanza-grid .fanza-item:nth-child(8n+7) .fanza-item-title,
	.fanza-grid .fanza-item:nth-child(8n) .fanza-item-title {
		padding: 0 10px 0 0 !important;
		font-size: 13.5px !important;
		flex-grow: 1 !important;
	}

	.fanza-grid .fanza-item:nth-child(8n+6) {
		border-top: 1px solid rgba(56, 189, 248, 0.2) !important;
		border-left: 1px solid rgba(56, 189, 248, 0.2) !important;
		border-right: 1px solid rgba(56, 189, 248, 0.2) !important;
		border-bottom: none !important;
		border-radius: 12px 12px 0 0 !important;
	}

	.fanza-grid .fanza-item:nth-child(8n+7) {
		margin-top: -12px !important;
		border-top: none !important;
		border-left: 1px solid rgba(56, 189, 248, 0.2) !important;
		border-right: 1px solid rgba(56, 189, 248, 0.2) !important;
		border-bottom: none !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}

	.fanza-grid .fanza-item:nth-child(8n) {
		margin-top: -12px !important;
		border-top: none !important;
		border-bottom: 1px solid rgba(56, 189, 248, 0.2) !important;
		border-left: 1px solid rgba(56, 189, 248, 0.2) !important;
		border-right: 1px solid rgba(56, 189, 248, 0.2) !important;
		border-radius: 0 0 12px 12px !important;
	}

} /* タブレット表示設定 終了 */


/* =============================================================================
  03. モバイル表示設定 (767px以下)
============================================================================= */
@media screen and (max-width: 767px) {

	/* -------------------------------------------------------------------------
	  ページ全体・背景設定
	------------------------------------------------------------------------- */
	html {
        margin-top: 0px !important;
    }
	body {
		background-color: #0d0a1a !important;
		position: relative;
		margin-top: 0 !important;
	}

	body::before {
		display: none !important;
	}

	html::before {
		content: "" !important;
		position: fixed !important;
		top: -10vh !important;
		bottom: -10vh !important;
		left: 0 !important;
		right: 0 !important;
		width: 100vw !important;
		height: 120vh !important;
		z-index: -9999 !important;
		background-image: url('https://chaos-giga.com/wp-content/uploads/2026/09/chaos-gigako-wallpaper.avif') !important;
		background-repeat: no-repeat !important;
		background-position: center center !important;
		background-size: cover !important;
		opacity: 0.55 !important;
		pointer-events: none !important;
		-webkit-transform: translate3d(0, 0, 0) !important;
		transform: translate3d(0, 0, 0) !important;
		will-change: transform !important;
	}	

	/* -------------------------------------------------------------------------
	  インデックスページ記事一覧：Brave News風・19周期変則レイアウト設定
	------------------------------------------------------------------------- */
	.list .entry-card-title:hover {    
		color: #a855f7 !important;
	}

	.list .entry-card-wrap {
		border: 1px solid rgba(168, 85, 247, 0.2) !important;
	}

	.list {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		gap: 12px !important;
		padding: 10px 0 !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	.list .entry-card-wrap {
		margin: 0 !important;
		padding: 0 !important;
		background: rgba(42, 45, 55, 0.65) !important;
		backdrop-filter: blur(2px) !important;
		-webkit-backdrop-filter: blur(2px) !important;
		border-radius: 12px !important;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
	}

	.list .entry-card {
		display: flex !important;
		margin: 0 !important;
	}

	.list .entry-card-thumb {
		margin: 0 !important;
	}

	.list .cat-label {
		display: none !important;
	}

	.list .card-meta {
		display: none !important;
	}

	.list .entry-card-title {
		color: #ffffff !important;
		font-weight: 700 !important;
		margin: 0 !important;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.list .entry-card-snippet {
		display: none !important;
	}

	.list .entry-card-content {
		margin-left: 0 !important;
		width: auto !important;
	}

	/* --- パターン1：大サイズカード（1~3, 9~10, 15~16：全幅） --- */
	.list .entry-card-wrap:nth-child(19n+1),
	.list .entry-card-wrap:nth-child(19n+2),
	.list .entry-card-wrap:nth-child(19n+3),
	.list .entry-card-wrap:nth-child(19n+9),
	.list .entry-card-wrap:nth-child(19n+10),
	.list .entry-card-wrap:nth-child(19n+15),
	.list .entry-card-wrap:nth-child(19n+16) {
		width: 100% !important;
		border-radius: 12px !important;
	}

	.list .entry-card-wrap:nth-child(19n+1) .entry-card,
	.list .entry-card-wrap:nth-child(19n+2) .entry-card,
	.list .entry-card-wrap:nth-child(19n+3) .entry-card,
	.list .entry-card-wrap:nth-child(19n+9) .entry-card,
	.list .entry-card-wrap:nth-child(19n+10) .entry-card,
	.list .entry-card-wrap:nth-child(19n+15) .entry-card,
	.list .entry-card-wrap:nth-child(19n+16) .entry-card {
		flex-direction: column !important;
	}

	.list .entry-card-wrap:nth-child(19n+1) .entry-card-thumb,
	.list .entry-card-wrap:nth-child(19n+2) .entry-card-thumb,
	.list .entry-card-wrap:nth-child(19n+3) .entry-card-thumb,
	.list .entry-card-wrap:nth-child(19n+9) .entry-card-thumb,
	.list .entry-card-wrap:nth-child(19n+10) .entry-card-thumb,
	.list .entry-card-wrap:nth-child(19n+15) .entry-card-thumb,
	.list .entry-card-wrap:nth-child(19n+16) .entry-card-thumb {
		width: 100% !important;
	}

	.list .entry-card-wrap:nth-child(19n+1) .entry-card-thumb img,
	.list .entry-card-wrap:nth-child(19n+2) .entry-card-thumb img,
	.list .entry-card-wrap:nth-child(19n+3) .entry-card-thumb img,
	.list .entry-card-wrap:nth-child(19n+9) .entry-card-thumb img,
	.list .entry-card-wrap:nth-child(19n+10) .entry-card-thumb img,
	.list .entry-card-wrap:nth-child(19n+15) .entry-card-thumb img,
	.list .entry-card-wrap:nth-child(19n+16) .entry-card-thumb img {
		width: 100% !important;
		height: auto !important;
		object-fit: cover !important;
		aspect-ratio: 600 / 319 !important;
		display: block !important;
	}

	.list .entry-card-wrap:nth-child(19n+1) .entry-card-content,
	.list .entry-card-wrap:nth-child(19n+2) .entry-card-content,
	.list .entry-card-wrap:nth-child(19n+3) .entry-card-content,
	.list .entry-card-wrap:nth-child(19n+9) .entry-card-content,
	.list .entry-card-wrap:nth-child(19n+10) .entry-card-content,
	.list .entry-card-wrap:nth-child(19n+15) .entry-card-content,
	.list .entry-card-wrap:nth-child(19n+16) .entry-card-content {
		padding: 12px !important;
	}

	/* --- パターン2：中サイズカード（4~5, 11~12, 13~14：半幅横並び） --- */
	.list .entry-card-wrap:nth-child(19n+4),
	.list .entry-card-wrap:nth-child(19n+5),
	.list .entry-card-wrap:nth-child(19n+11),
	.list .entry-card-wrap:nth-child(19n+12),
	.list .entry-card-wrap:nth-child(19n+13),
	.list .entry-card-wrap:nth-child(19n+14) {
		width: calc(50% - 6px) !important;
		border-radius: 12px !important;
	}

	.list .entry-card-wrap:nth-child(19n+4) .entry-card,
	.list .entry-card-wrap:nth-child(19n+5) .entry-card,
	.list .entry-card-wrap:nth-child(19n+11) .entry-card,
	.list .entry-card-wrap:nth-child(19n+12) .entry-card,
	.list .entry-card-wrap:nth-child(19n+13) .entry-card,
	.list .entry-card-wrap:nth-child(19n+14) .entry-card {
		flex-direction: column !important;
		height: 100% !important;
	}

	.list .entry-card-wrap:nth-child(19n+4) .entry-card-thumb,
	.list .entry-card-wrap:nth-child(19n+5) .entry-card-thumb,
	.list .entry-card-wrap:nth-child(19n+11) .entry-card-thumb,
	.list .entry-card-wrap:nth-child(19n+12) .entry-card-thumb,
	.list .entry-card-wrap:nth-child(19n+13) .entry-card-thumb,
	.list .entry-card-wrap:nth-child(19n+14) .entry-card-thumb {
		width: 100% !important;
	}

	.list .entry-card-wrap:nth-child(19n+4) .entry-card-thumb img,
	.list .entry-card-wrap:nth-child(19n+5) .entry-card-thumb img,
	.list .entry-card-wrap:nth-child(19n+11) .entry-card-thumb img,
	.list .entry-card-wrap:nth-child(19n+12) .entry-card-thumb img,
	.list .entry-card-wrap:nth-child(19n+13) .entry-card-thumb img,
	.list .entry-card-wrap:nth-child(19n+14) .entry-card-thumb img {
		width: 100% !important;
		height: auto !important;
		object-fit: cover !important;
		aspect-ratio: 600 / 319 !important;
		display: block !important;
	}

	.list .entry-card-wrap:nth-child(19n+4) .entry-card-content,
	.list .entry-card-wrap:nth-child(19n+5) .entry-card-content,
	.list .entry-card-wrap:nth-child(19n+11) .entry-card-content,
	.list .entry-card-wrap:nth-child(19n+12) .entry-card-content,
	.list .entry-card-wrap:nth-child(19n+13) .entry-card-content,
	.list .entry-card-wrap:nth-child(19n+14) .entry-card-content {
		padding: 10px !important;
	}

	.list .entry-card-wrap:nth-child(19n+4) .entry-card-title,
	.list .entry-card-wrap:nth-child(19n+5) .entry-card-title,
	.list .entry-card-wrap:nth-child(19n+11) .entry-card-title,
	.list .entry-card-wrap:nth-child(19n+12) .entry-card-title,
	.list .entry-card-wrap:nth-child(19n+13) .entry-card-title,
	.list .entry-card-wrap:nth-child(19n+14) .entry-card-title {
		font-size: 13px !important;
	}

/* --- パターン3：小サイズリスト（6~8, 17~19：連結3段リスト） --- */
/* 共通設定 */
.list .entry-card-wrap:nth-child(19n+6),
.list .entry-card-wrap:nth-child(19n+7),
.list .entry-card-wrap:nth-child(19n+8),
.list .entry-card-wrap:nth-child(19n+17),
.list .entry-card-wrap:nth-child(19n+18),
.list .entry-card-wrap:nth-child(19n) {
	width: 100% !important;
	background: rgba(42, 45, 55, 0.65) !important;
	backdrop-filter: blur(2px) !important;
	-webkit-backdrop-filter: blur(2px) !important;
	box-shadow: none !important;
	border: none !important;
	border-radius: 0 !important;
	position: relative !important;
	margin: 0 !important; /* マージンは完全にゼロ */
}

/* 内部要素・テーマ標準の下線を徹底的に消し去る */
.list .entry-card-wrap:nth-child(19n+6) *,
.list .entry-card-wrap:nth-child(19n+7) *,
.list .entry-card-wrap:nth-child(19n+8) *,
.list .entry-card-wrap:nth-child(19n+17) *,
.list .entry-card-wrap:nth-child(19n+18) *,
.list .entry-card-wrap:nth-child(19n) * {
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
}

/* 上段（1段目）：上・左・右だけ外枠線 */
.list .entry-card-wrap:nth-child(19n+6),
.list .entry-card-wrap:nth-child(19n+17) {
	border-radius: 12px 12px 0 0 !important;
	border-top: 1px solid rgba(168, 85, 247, 0.2) !important;
	border-left: 1px solid rgba(168, 85, 247, 0.2) !important;
	border-right: 1px solid rgba(168, 85, 247, 0.2) !important;
	border-bottom: 0px none transparent !important;
	z-index: 3 !important;
}

/* 中段（2段目）：左・右だけ外枠線＋上へ強制移動して密着 */
.list .entry-card-wrap:nth-child(19n+7),
.list .entry-card-wrap:nth-child(19n+18) {
	border-radius: 0 !important;
	border-top: 0px none transparent !important;
	border-left: 1px solid rgba(168, 85, 247, 0.2) !important;
	border-right: 1px solid rgba(168, 85, 247, 0.2) !important;
	border-bottom: 0px none transparent !important;
	transform: translateY(calc(-1 * var(--list-gap, 12px))) !important; /* 強制引き上げ */
	z-index: 2 !important;
}

/* 下段（3段目）：下・左・右だけ外枠線＋さらに上へ強制移動して密着 */
.list .entry-card-wrap:nth-child(19n+8),
.list .entry-card-wrap:nth-child(19n) {
	border-radius: 0 0 12px 12px !important;
	border-top: 0px none transparent !important;
	border-left: 1px solid rgba(168, 85, 247, 0.2) !important;
	border-right: 1px solid rgba(168, 85, 247, 0.2) !important;
	border-bottom: 1px solid rgba(168, 85, 247, 0.2) !important;
	transform: translateY(calc(-2 * var(--list-gap, 12px))) !important; /* 2段分引き上げ */
	margin-bottom: calc(-2 * var(--list-gap, 12px) + 12px) !important; /* ズレた分の余白調整 */
	z-index: 1 !important;
}

/* 内部カードレイアウト＆隙間潰し */
.list .entry-card-wrap:nth-child(19n+6) .entry-card,
.list .entry-card-wrap:nth-child(19n+7) .entry-card,
.list .entry-card-wrap:nth-child(19n+8) .entry-card,
.list .entry-card-wrap:nth-child(19n+17) .entry-card,
.list .entry-card-wrap:nth-child(19n+18) .entry-card,
.list .entry-card-wrap:nth-child(19n) .entry-card {
	flex-direction: row-reverse !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 8px 12px !important;
	margin: 0 !important;
	border: none !important;
	background: transparent !important;
}

.list .entry-card-wrap:nth-child(19n+6) .entry-card-thumb,
.list .entry-card-wrap:nth-child(19n+7) .entry-card-thumb,
.list .entry-card-wrap:nth-child(19n+8) .entry-card-thumb,
.list .entry-card-wrap:nth-child(19n+17) .entry-card-thumb,
.list .entry-card-wrap:nth-child(19n+18) .entry-card-thumb,
.list .entry-card-wrap:nth-child(19n) .entry-card-thumb {
	width: 120px !important;
	flex-shrink: 0 !important;
	margin-bottom: 0 !important;
}

.list .entry-card-wrap:nth-child(19n+6) .a-wrap,
.list .entry-card-wrap:nth-child(19n+7) .a-wrap,
.list .entry-card-wrap:nth-child(19n+8) .a-wrap,
.list .entry-card-wrap:nth-child(19n+17) .a-wrap,
.list .entry-card-wrap:nth-child(19n+18) .a-wrap,
.list .entry-card-wrap:nth-child(19n) .a-wrap {
	border: none !important;
	margin: 0 !important;
}

.list .entry-card-wrap:nth-child(19n+6) .a-wrap .card-thumb,
.list .entry-card-wrap:nth-child(19n+7) .a-wrap .card-thumb,
.list .entry-card-wrap:nth-child(19n+8) .a-wrap .card-thumb,
.list .entry-card-wrap:nth-child(19n+17) .a-wrap .card-thumb,
.list .entry-card-wrap:nth-child(19n+18) .a-wrap .card-thumb,
.list .entry-card-wrap:nth-child(19n) .a-wrap .card-thumb {
	margin-bottom: 0 !important;
}

.list .entry-card-wrap:nth-child(19n+6) .entry-card-thumb img,
.list .entry-card-wrap:nth-child(19n+7) .entry-card-thumb img,
.list .entry-card-wrap:nth-child(19n+8) .entry-card-thumb img,
.list .entry-card-wrap:nth-child(19n+17) .entry-card-thumb img,
.list .entry-card-wrap:nth-child(19n+18) .entry-card-thumb img,
.list .entry-card-wrap:nth-child(19n) .entry-card-thumb img {
	width: 120px !important;
	height: 80px !important;
	object-fit: cover !important;
	border-radius: 6px !important;
	margin-bottom: 0 !important;
}

.list .entry-card-wrap:nth-child(19n+6) .entry-card-content,
.list .entry-card-wrap:nth-child(19n+7) .entry-card-content,
.list .entry-card-wrap:nth-child(19n+8) .entry-card-content,
.list .entry-card-wrap:nth-child(19n+17) .entry-card-content,
.list .entry-card-wrap:nth-child(19n+18) .entry-card-content,
.list .entry-card-wrap:nth-child(19n) .entry-card-content {
	flex-grow: 1 !important;
	padding: 0 10px 0 0 !important;
}

.list .entry-card-wrap:nth-child(19n+6) .entry-card-title,
.list .entry-card-wrap:nth-child(19n+7) .entry-card-title,
.list .entry-card-wrap:nth-child(19n+8) .entry-card-title,
.list .entry-card-wrap:nth-child(19n+17) .entry-card-title,
.list .entry-card-wrap:nth-child(19n+18) .entry-card-title,
.list .entry-card-wrap:nth-child(19n) .entry-card-title {
	font-size: 13.5px !important;
}

	/* -------------------------------------------------------------------------
	  アクトレ（ヘッダー相互RSS モバイルオンリー）
	------------------------------------------------------------------------- */
	.sp-only-at-link {
		display: block !important;
	}

	ul.header-links-list {
		display: flex !important;
		flex-direction: column !important;
		gap: 0 !important;
		padding: 0 !important;
		margin: 0 0 16px 0 !important;
		list-style: none !important;
	}

	ul.header-links-list li.link-article {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		padding: 8px 12px !important;
		background: rgba(42, 45, 55, 0.65) !important;
		backdrop-filter: blur(2px) !important;
		-webkit-backdrop-filter: blur(2px) !important;
		box-sizing: border-box !important;
		margin-top: 0 !important;
		border: none !important;
	}

	ul.header-links-list .link-image-box {
		width: 140px !important;
		height: 85px !important;
		flex-shrink: 0 !important;
		margin: 0 !important;
	}

	ul.header-links-list .link-image-box img {
		width: 140px !important;
		height: 85px !important;
		object-fit: cover !important;
		border-radius: 6px !important;
		display: block !important;
		border: none !important;
	}

	ul.header-links-list .link-text-box {
		padding: 0 0 0 12px !important;
		flex-grow: 1 !important;
	}

	ul.header-links-list a.header-link {
		text-decoration: none !important;
	}

	/* ボーダー制御：連結枠線 */
	ul.header-links-list li.link-article:first-child {
		border-top: 1px solid rgba(56, 189, 248, 0.2) !important;
		border-left: 1px solid rgba(56, 189, 248, 0.2) !important;
		border-right: 1px solid rgba(56, 189, 248, 0.2) !important;
		border-bottom: none !important;
		border-radius: 12px 12px 0 0 !important;
		box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.3) !important;
	}

	ul.header-links-list li.link-article:nth-child(n+2) {
		border-top: none !important;
		border-left: 1px solid rgba(56, 189, 248, 0.2) !important;
		border-right: 1px solid rgba(56, 189, 248, 0.2) !important;
		border-bottom: none !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}

	ul.header-links-list li.link-article:last-child {
		border-top: none !important;
		border-left: 1px solid rgba(56, 189, 248, 0.2) !important;
		border-right: 1px solid rgba(56, 189, 248, 0.2) !important;
		border-bottom: 1px solid rgba(56, 189, 248, 0.2) !important;
		border-radius: 0 0 12px 12px !important;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
	}

	ul.header-links-list .link-text-box a.header-link {
		display: flex !important;
		flex-direction: column !important;
		justify-content: space-between !important;
		height: 100% !important;
		text-decoration: none !important;
	}

	ul.header-links-list .article-title {
		color: #ffffff !important;
		font-size: 13px !important;
		font-weight: 700 !important;
		line-height: 1.35 !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
	}

	ul.header-links-list .article-site-name {
		display: block !important;
		text-align: right !important;
		font-size: 10.5px !important;
		color: #a855f7 !important;
		font-weight: 600 !important;
		margin-top: 4px !important;
		opacity: 0.85 !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}
	/* =========================================================
   「あわせて読みたい（#popular_entries-4）」
   Brave News風・19周期変則グリッドレイアウト（フルコード）
   ========================================================= */

/* 1. 親コンテナ：Grid化 */
#popular_entries-4 .popular-entry-cards {
	display: grid !important;
	grid-template-columns: repeat(12, 1fr) !important;
	gap: 16px !important;
	width: 100% !important;
	max-width: 1130px !important;
	margin: 0 auto 1.5em auto !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
}

/* 2. 各記事カード共通基本スタイル（ガラス・ネオン枠） */
#popular_entries-4 .popular-entry-card-link {
	display: flex !important;
	flex-direction: column !important;
	text-decoration: none !important;
	color: inherit !important;
	background: rgba(25, 20, 38, 0.75) !important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	border: 1px solid rgba(168, 85, 247, 0.4) !important;
	border-radius: 12px !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 0 10px rgba(168, 85, 247, 0.2) !important;
	overflow: hidden !important;
	transition: all 0.3s ease !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 0 !important;
	position: relative !important;
}

/* ホバー時のピンク発光＆浮き上がり */
#popular_entries-4 .popular-entry-card-link:hover {
	border-color: #ec4899 !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4), 0 0 14px rgba(236, 72, 153, 0.4) !important;
	background: rgba(35, 25, 55, 0.85) !important;
}

/* 内部コンテナリセット */
#popular_entries-4 .popular-entry-card {
	display: flex !important;
	flex-direction: inherit !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

/* 3. 画像＆コンテンツエリアの基本調整 */
#popular_entries-4 .popular-entry-card-thumb {
	width: 100% !important;
	min-width: 0 !important;
	height: auto !important;
	aspect-ratio: 16 / 9 !important;
	background: rgba(20, 15, 35, 0.9) !important;
	overflow: hidden !important;
	margin: 0 !important;
	float: none !important;
	position: relative !important;
	border-radius: 0 !important;
	flex-shrink: 0 !important;
}

#popular_entries-4 .popular-entry-card-thumb img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
	transition: transform 0.3s ease !important;
	margin: 0 !important;
	border-radius: 0 !important;
}

#popular_entries-4 .popular-entry-card-link:hover .popular-entry-card-thumb img {
	transform: scale(1.05) !important;
}

#popular_entries-4 .widget-entry-card-content,
#popular_entries-4 .popular-entry-card-content {
	padding: 12px 14px !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-start !important;
	flex-grow: 1 !important;
	margin-left: 0 !important;
}

#popular_entries-4 .popular-entry-card-title {
	font-size: 14px !important;
	line-height: 1.5 !important;
	color: #f1f5f9 !important;
	font-weight: 600 !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	transition: color 0.2s ease !important;
	margin: 0 !important;
}

#popular_entries-4 .popular-entry-card-link:hover .popular-entry-card-title {
	color: #ec4899 !important;
}


/* =========================================================
   あわせて読みたい（#popular_entries-4）
   Brave News風 19周期変則グリッドレイアウト（完全対応版）
   ========================================================= */

/* 1. 全体コンテナ：6列ベースのCSS Grid */
#popular_entries-4 .popular-entry-cards {
	display: grid !important;
	grid-template-columns: repeat(6, 1fr) !important;
	gap: 16px !important;
	width: 100% !important;
	max-width: 1130px !important;
	margin: 0 auto 1.5em auto !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	overflow: visible !important;
}

/* 2. 各記事カードリンク（<a>タグ）の独立カード化 */
#popular_entries-4 .popular-entry-card-link {
	display: flex !important;
	flex-direction: column !important;
	text-decoration: none !important;
	color: inherit !important;
	background: rgba(25, 20, 38, 0.75) !important;
	backdrop-filter: blur(8px) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	border: 1px solid rgba(168, 85, 247, 0.35) !important;
	border-radius: 12px !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 0 10px rgba(168, 85, 247, 0.15) !important;
	overflow: hidden !important;
	transition: all 0.3s ease !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 0 !important;
	position: relative !important;
	z-index: 1 !important;
}

#popular_entries-4 .popular-entry-card-link + .popular-entry-card-link {
	margin-top: 0 !important;
}

/* ホバー時（ネオンピンク発光＆浮き上がり） */
#popular_entries-4 .popular-entry-card-link:hover {
	border-color: #ec4899 !important;
	transform: translateY(-3px) !important;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4), 0 0 14px rgba(236, 72, 153, 0.4) !important;
	background: rgba(35, 25, 50, 0.85) !important;
	z-index: 2 !important;
}

/* 3. 内部コンテナ（.popular-entry-card） */
#popular_entries-4 .popular-entry-card {
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	float: none !important;
}

/* 4. サムネイル画像エリア（全幅・16:9比率） */
#popular_entries-4 .popular-entry-card-thumb {
	width: 100% !important;
	min-width: 0 !important;
	height: auto !important;
	aspect-ratio: 16 / 9 !important;
	background: rgba(20, 15, 35, 0.9) !important;
	overflow: hidden !important;
	margin: 0 !important;
	float: none !important;
	position: relative !important;
	border-radius: 0 !important;
	flex-shrink: 0 !important;
}

#popular_entries-4 .popular-entry-card-thumb img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	border-radius: 0 !important;
	margin: 0 !important;
	transition: transform 0.3s ease !important;
}

#popular_entries-4 .popular-entry-card-link:hover .popular-entry-card-thumb img {
	transform: scale(1.05) !important;
}

/* 5. タイトルコンテンツエリア */
#popular_entries-4 .popular-entry-card-content {
	padding: 12px 14px !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-start !important;
	flex-grow: 1 !important;
	margin-left: 0 !important; /* テーマ特有の左余白を解除 */
}

#popular_entries-4 .popular-entry-card-title {
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.5 !important;
	color: #f1f5f9 !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	margin: 0 !important;
	transition: color 0.2s ease !important;
}

#popular_entries-4 .popular-entry-card-link:hover .popular-entry-card-title {
	color: #ec4899 !important;
}

/* 不要なメタ情報等の非表示設定 */
#popular_entries-4 .popular-entry-card-meta {
	margin: 0 !important;
}


/* =========================================================
   あわせて読みたい（#popular_entries-4）
   スマホ表示（768px以下）限定：Brave News風 変則グリッド
   ========================================================= */

	/* 1. 全体コンテナ：スマホ向け2列ベースのCSS Grid */
	#popular_entries-4 .popular-entry-cards {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 10px !important;
		width: 100% !important;
		margin: 0 auto 1.5em auto !important;
		padding: 0 !important;
		background: transparent !important;
		border: none !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		overflow: visible !important;
	}

	/* 2. 各記事カードリンク（<a>タグ）の独立カード化 */
	#popular_entries-4 .popular-entry-card-link {
		display: flex !important;
		flex-direction: column !important;
		text-decoration: none !important;
		color: inherit !important;
		background: rgba(25, 20, 38, 0.85) !important;
		backdrop-filter: blur(8px) !important;
		-webkit-backdrop-filter: blur(8px) !important;
		border: 1px solid rgba(168, 85, 247, 0.35) !important;
		border-radius: 10px !important;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
		overflow: hidden !important;
		transition: all 0.2s ease !important;
		box-sizing: border-box !important;
		margin: 0 !important;
		padding: 0 !important;
		position: relative !important;
		grid-column: span 1 !important; /* 基本は2列並び（1マスずつ） */
	}

	#popular_entries-4 .popular-entry-card-link + .popular-entry-card-link {
		margin-top: 0 !important;
	}

	/* タップ時/ホバー時の発光効果 */
	#popular_entries-4 .popular-entry-card-link:active,
	#popular_entries-4 .popular-entry-card-link:hover {
		border-color: #ec4899 !important;
		background: rgba(35, 25, 50, 0.95) !important;
	}

	/* 3. 内部コンテナ（.popular-entry-card） */
	#popular_entries-4 .popular-entry-card {
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
		height: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
		float: none !important;
	}

	/* 4. サムネイル画像エリア */
	#popular_entries-4 .popular-entry-card-thumb {
		width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
		aspect-ratio: 16 / 9 !important;
		background: rgba(20, 15, 35, 0.9) !important;
		overflow: hidden !important;
		margin: 0 !important;
		float: none !important;
		position: relative !important;
		border-radius: 0 !important;
		flex-shrink: 0 !important;
	}

	#popular_entries-4 .popular-entry-card-thumb img {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		border-radius: 0 !important;
		margin: 0 !important;
	}

	/* 5. タイトルコンテンツエリア */
	#popular_entries-4 .popular-entry-card-content {
		padding: 8px 10px !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: flex-start !important;
		flex-grow: 1 !important;
		margin-left: 0 !important;
	}

	#popular_entries-4 .popular-entry-card-title {
		font-size: 12.5px !important;
		font-weight: 600 !important;
		line-height: 1.4 !important;
		color: #f1f5f9 !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		margin: 0 !important;
	}

	/* 不要なメタ情報等の非表示設定 */
	#popular_entries-4 .popular-entry-card-meta {
		margin: 0 !important;
	}

	/* =========================================================
	   スマホ表示用：変則アクセント配置（19周期）
	   ========================================================= */

	/* 1件目（および19周期目）：全幅フィーチャー巨大カード */
	#popular_entries-4 .popular-entry-card-link:nth-child(19n+1) {
		grid-column: span 2 !important; /* スマホ画面の横幅いっぱい */
	}
	#popular_entries-4 .popular-entry-card-link:nth-child(19n+1) .popular-entry-card-thumb {
		aspect-ratio: 16 / 9 !important;
	}
	#popular_entries-4 .popular-entry-card-link:nth-child(19n+1) .popular-entry-card-title {
		font-size: 14px !important;
		-webkit-line-clamp: 3 !important;
	}

	/* 6件目・7件目・8件目：横長カード（画像左 / タイトル右）アクセント */
	#popular_entries-4 .popular-entry-card-link:nth-child(19n+6),
	#popular_entries-4 .popular-entry-card-link:nth-child(19n+7),
	#popular_entries-4 .popular-entry-card-link:nth-child(19n+8) {
		grid-column: span 2 !important;
		padding: 8px!important;
	}
	#popular_entries-4 .popular-entry-card-link:nth-child(19n+6) .popular-entry-card,
	#popular_entries-4 .popular-entry-card-link:nth-child(19n+7) .popular-entry-card,
	#popular_entries-4 .popular-entry-card-link:nth-child(19n+8) .popular-entry-card {
		flex-direction: row !important;
		align-items: center !important;
	}
	#popular_entries-4 .popular-entry-card-link:nth-child(19n+6) .popular-entry-card-thumb,
	#popular_entries-4 .popular-entry-card-link:nth-child(19n+7) .popular-entry-card-thumb,
	#popular_entries-4 .popular-entry-card-link:nth-child(19n+8) .popular-entry-card-thumb {
		width: 140px !important;
        min-width: 110px !important;
        height: 85px !important;
		border-radius: 6px !important;
	}


} /* モバイル表示設定 終了 */