@charset "UTF-8";
/* ==========================================================
base.css - 共通
========================================================== */

/* ====== 配色 ====== */
:root {
	--hero-red:     #E60012;
	--hero-blue:    #0070C0;
	--hero-yellow:  #FFD600;
	--base-black:   #222222;
	--base-gray:    #f6f6f8;
}
* { font-family: "YakuHanJP", "Montserrat", "Noto Sans JP", "Helvetica Neue", Arial, sans-serif; }

body, #container, #content {
	background-color: #fffbeb !important;
}

.home .content {
	margin-top: 0 !important;
}

.wp-block-group.news-center-text {
	background-color: transparent !important;
	background: transparent !important;
}

article.category-manga-post,
.category-manga-post #main,
.category-manga-post .entry-content {
	background-color: transparent !important;
	background: transparent !important;
}

/* ====== 全体の文字色・リンク ====== */
body { color: var(--base-black); }
a { color: var(--hero-red); text-decoration: none; }
a:hover { color: var(--hero-blue); text-decoration: none; }

/* ====== 見出し（H2/H3）をヒーロー赤で統一 ====== */
body:not(.privacy-policy) .entry-content h2,
body:not(.privacy-policy) .entry-content h3 {
	color: var(--hero-red);
	font-weight: 800;
	letter-spacing: .02em;
}


/* ====== "注意・バッジ"に使う黄色の強調 ====== */
.is-hero-badge {
	display: inline-block;
	background: var(--hero-yellow);
	color: #000;
	font-weight: 700;
	padding: .2em .55em;
	border-radius: .5em;
}

/* ====== セクション（グループブロック）用：余白と背景 ====== */
.wp-block-group.section {
	padding: 56px 0;
}
.wp-block-group.section.is-gray { background: var(--base-gray); }

.wp-block-group.section.is-white {
	background: transparent !important;   /* 👈 #fff を強制的に透明（transparent）に上書き！ */
	background-color: transparent !important;
}


/* ====== カード調整（最新投稿ブロックを"カード化"） ====== */
ul.wp-block-latest-posts.is-grid.cards {
	display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px;
}
ul.wp-block-latest-posts.is-grid.cards li {
	display: flex; flex-direction: column; background: #fff; border-radius: 14px; overflow: hidden;
	box-shadow: 0 8px 20px rgba(0,0,0,.08);
	transition: transform .15s ease, box-shadow .15s ease;
}
ul.wp-block-latest-posts.is-grid.cards li:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 28px rgba(0,0,0,.14);
}
ul.wp-block-latest-posts.is-grid.cards .wp-block-latest-posts__featured-image img {
	width: 100%; height: 180px; object-fit: cover; display: block;
}
ul.wp-block-latest-posts.is-grid.cards .wp-block-latest-posts__post-title,
ul.wp-block-latest-posts.is-grid.cards .wp-block-latest-posts__post-excerpt {
	padding: 12px 16px;
}
@media (max-width: 782px) {
	ul.wp-block-latest-posts.is-grid.cards { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
	ul.wp-block-latest-posts.is-grid.cards { grid-template-columns: 1fr; }
}

#footer {
	background-image: url('https://superenpla.wood-bell.co.jp/wp-content/uploads/footer_bg.png') !important;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}
/* 1. スマホ・PC共通：右上のメニューボタンをアメコミ風に */
.menu-button,
.mobile-menu-buttons .menu-button {
	background-color: #fffbeb !important;
	border: 3px solid #333333 !important;
	border-radius: 12px !important;
	box-shadow: 4px 4px 0px #333333 !important;
	color: #333333 !important;
	font-weight: 900 !important;
	transition: all 0.1s ease !important;
}

/* ボタンの中のアイコンや文字の色も黒に統一 */
.menu-button .menu-icon,
.menu-button .menu-caption {
	color: #333333 !important;
}

/* ボタンを押した時のカチッとした引っ込み演出 */
.menu-button:active {
	transform: translate(2px, 2px) !important;
	box-shadow: 2px 2px 0px #333333 !important;
}

/* 2. スライドインして開くメニューの背景をクリーム色に */
.navi-menu-content,
#navi-menu-content,
.sidebar-menu-content {
	background-color: #fffbeb !important;
	padding-top: 50px !important; 
	box-sizing: border-box !important;
}

/* 3. メニューの中の文字を極太黒文字・可愛い点線区切りに */
.navi-menu-content a,
.sidebar-menu-content a {
	color: #333333 !important;
	font-size: 20px !important;
	font-weight: 900 !important;
	text-align: center !important;
	border-bottom: 3px dashed #333333 !important; /* 黒の点線 */
	padding: 15px 0 !important;
	background: transparent !important;
}

/* 一番下の項目の点線はスッキリ消す */
.navi-menu-content li:last-child a,
.sidebar-menu-content li:last-child a {
	border-bottom: none !important;
}

/* 文字にマウスを乗せた時はヒーローブルーに */
.navi-menu-content a:hover,
.sidebar-menu-content a:hover {
	color: #0070C0 !important;
	background-color: rgba(0, 0, 0, 0.02) !important;
}
/* フッターインナー：左ロゴ・右コピーライト */
.source-org.copyright {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 0 25px;
}

.source-org-logo img {
	width: 60px;
	height: auto;
	display: block;
}

.source-org-text {
	font-size: 0.8rem;
	font-weight: bold;
}
/* ============================================================
■■■ 4. Breadcrumb NavXT パンくずリスト ■■■
============================================================ */
.breadcrumb-wrap {
	max-width: 1200px;
	margin: 12px auto 0;
	padding: 0.6em 1em;
	background: transparent;
	font-size: .85rem;
	line-height: 1.6;
}
.breadcrumb-wrap a,
.breadcrumb-wrap span {
	color: #333333;
	font-weight: bold;
}
.breadcrumb-wrap a:hover,
.breadcrumb-wrap a:hover span {
	color: #e63946 !important;
	text-decoration: underline;
}
.breadcrumb-wrap a.home {
	font-size: 0;
	color: #333333;
}
.breadcrumb-wrap a.home::before {
	content: "\f015";
	font: normal normal normal 14px/1 FontAwesome;
	color: inherit;
}
.breadcrumb-wrap a.home:hover,
.breadcrumb-wrap a.home:hover span {
	color: #e63946 !important;
}
.breadcrumb-wrap a.taxonomy::before {
	content: "\f07b";
	font: normal normal normal 13px/1 FontAwesome;
	margin-right: .4em;
	color: inherit;
}
.breadcrumb-wrap .current-item::before {
	content: "\f016";
	font: normal normal normal 13px/1 FontAwesome;
	margin-right: .4em;
	color: inherit;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■ PC（画面幅769px以上）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media (min-width: 769px) {

}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■ SP（画面幅768px以下）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media (max-width: 768px) {
	body {
		margin-top: 0 !important;
	}
	.breadcrumb-wrap {
		padding: 8px 1em;
		font-size: .75rem;
	}
}