@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ============================================================
   エロエロ研究室_コスプレ専門 (jk.eroero4610.com)
   SWELL 子テーマ style.css に貼り付けてください
   ============================================================ */

:root {
	--fas-main:   #2D1B3D;
	--fas-accent: #FF4DA6;
	--fas-bg:     #0d0d0d;
	--fas-text:   #eaeaea;
	--fas-muted:  #8b8b8b;
	--fas-line:   rgba(255,255,255,.10);
	--fas-card:   rgba(255,255,255,.035);
	--fas-ac: var(--fas-accent);
}

body {
	background: var(--fas-bg);
	color: var(--fas-text);
	font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, sans-serif;
	-webkit-font-smoothing: antialiased;
}

a { color: var(--fas-accent); transition: opacity .18s; }
a:hover { opacity: .78; text-decoration: none; }

.l-content, .l-mainContent { background: transparent; }
.post_content { color: var(--fas-text); }

/* ---- ヘッダー・ロゴ ---- */
.l-header, .l-header__inner {
	background: var(--fas-main) !important;
	border-bottom: 2px solid var(--fas-accent);
}
.c-catchphrase, .l-header .c-headLogo__link,
.l-header .site-title { color: var(--fas-text) !important; }

.c-headLogo, .l-header .c-headLogo {
	font-size: 19px; font-weight: 900; letter-spacing: .04em; line-height: 1.15;
}
.c-catchphrase {
	display: block !important;
	font-size: 10.5px !important; font-weight: 600; letter-spacing: .18em;
	color: var(--fas-accent) !important; margin-top: 3px; opacity: 1 !important;
}
/* キャッチフレーズが出ない構成のときの代替 */
.c-headLogo__link::after {
	content: "コスプレ専門";
	display: block; font-size: 10.5px; font-weight: 600; letter-spacing: .18em;
	color: var(--fas-accent); margin-top: 3px;
}

.c-gnav > li > a { color: var(--fas-text) !important; font-size: 13px; letter-spacing: .04em; }
.c-gnav > li > a:hover { color: var(--fas-accent) !important; }
.c-iconBtn, .c-iconBtn__icon { color: var(--fas-text) !important; }

/* ---- 一覧 ---- */
.p-postList > .p-postList__item {
	background: var(--fas-card); border: 1px solid var(--fas-line);
	border-radius: 6px; overflow: hidden;
	transition: transform .15s, border-color .15s;
}
.p-postList > .p-postList__item:hover {
	transform: translateY(-3px); border-color: var(--fas-accent);
}
.p-postList__title {
	font-size: .8rem !important; line-height: 1.45; font-weight: 600; padding: .55em .7em;
	display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.p-postList__excerpt {
	font-size: .72rem !important; color: var(--fas-muted); padding: 0 .7em .7em;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.p-postList__thumb { position: relative; padding-top: 66%; overflow: hidden; background: #1a1a1a; }
.p-postList__thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.p-postList__times { font-size: .68rem; color: var(--fas-muted); padding: 0 .7em .6em; }

/* ---- 見出し ---- */
.post_content h2 {
	background: transparent; border-left: 4px solid var(--fas-accent);
	padding: .1em 0 .1em .6em; font-size: 1.15rem; color: var(--fas-text);
}
.post_content h3 { border-bottom: 1px solid var(--fas-line); }
.c-postTitle__ttl, .p-articleThumb__ttl { color: var(--fas-text); }

/* ---- パンくず・ページャー ---- */
.p-breadcrumb { background: transparent !important; }
.p-breadcrumb, .p-breadcrumb a { color: var(--fas-muted) !important; font-size: .72rem; }
.p-breadcrumb a:hover { color: var(--fas-accent) !important; }

.c-pagination__item {
	background: var(--fas-card) !important; color: var(--fas-text) !important;
	border: 1px solid var(--fas-line);
}
.c-pagination__item.is-active, .c-pagination__item:hover {
	background: var(--fas-accent) !important; color: #0b0b0b !important;
}

/* ---- サイドバー・フッター ---- */
.l-sidebar .c-widget__title {
	color: var(--fas-text); border-left: 3px solid var(--fas-accent); padding-left: .5em;
}
.l-sidebar { color: var(--fas-text); }
.l-footer { background: #070707; color: var(--fas-muted); }
.l-footer a { color: var(--fas-muted); }
.l-footer a:hover { color: var(--fas-accent); }

/* ---- 不要な装飾 ---- */
.p-articleFoot__sns, .p-authorBox, .p-toc { display: none; }

/* ---- スマホ ---- */
@media (max-width: 640px) {
	.c-headLogo { font-size: 16px; }
	.c-headLogo__link::after { font-size: 9.5px; }
	.post_content h2 { font-size: 1.05rem; }
	.p-postList__title { font-size: .75rem !important; }
}