/* ============================================================
   Milky Ribbon サイト共通スタイル (プラグイン同梱版 v1.7.0)
   ※これまで「外観→エディター→追加CSS」に入れていた内容をここに集約。
   　外観エディターの追加CSSは空にしてOKです。
   ============================================================ */

/* --- PC / スマホ 出し分け（スライダー・帯など） --- */
@media (max-width: 781px) {
	.pc-only,
	[id*="metaslider"][id*="279"] { display: none !important; }
}
@media (min-width: 782px) {
	.sp-only,
	[id*="metaslider"][id*="290"] { display: none !important; }
}

/* --- 全幅の帯画像 --- */
.full-band {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
}
.full-band img {
	width: 100% !important;
	height: auto !important;
	display: block;
}

/* --- プロフィールカード --- */
.profile-card {
	background: #141622;
	border: 1px solid #262A44;
	border-radius: 12px;
	padding: 24px 28px;
}
.profile-card.is-blue { border-color: #7EC8F0; box-shadow: 0 0 16px rgba(126,200,240,.25); }
.profile-card.is-pink { border-color: #FF9EC4; box-shadow: 0 0 16px rgba(255,158,196,.25); }
.profile-card li { margin-bottom: .6em; }

/* --- スマホでボタンを縦積み --- */
@media (max-width: 781px) {
	.btn-stack.wp-block-buttons,
	.btn-stack .wp-block-buttons {
		flex-direction: column;
	}
	.btn-stack .wp-block-button,
	.btn-stack.wp-block-buttons > .wp-block-button {
		width: 100%;
	}
}

/* --- ねこぴーの部屋 ブログ用スタイル（ブルー） --- */
.nekop-blog {
	--nekop: #2DE2E6;
	--nekop-soft: rgba(45,226,230,.14);
}
.nekop-blog h1, .nekop-blog h2, .nekop-blog h3,
.nekop-blog .wp-block-post-title,
.nekop-blog .wp-block-post-title a,
.nekop-blog li a {
	color: var(--nekop) !important;
}
.nekop-blog h2 {
	border-left: 5px solid var(--nekop);
	padding-left: 12px;
}
.nekop-blog .wp-block-post,
.nekop-blog .wp-block-post-template > li {
	background: #141622;
	border: 1px solid #262A44;
	border-left: 4px solid var(--nekop);
	border-radius: 10px;
	padding: 18px 22px;
	margin-bottom: 16px;
	list-style: none;
}

/* --- くるみの部屋 ブログ用スタイル（ピンク・将来用） --- */
.kurumi-blog {
	--kurumi: #FF3CA6;
	--kurumi-soft: rgba(255,60,166,.14);
}
.kurumi-blog h1, .kurumi-blog h2, .kurumi-blog h3,
.kurumi-blog .wp-block-post-title,
.kurumi-blog .wp-block-post-title a,
.kurumi-blog li a {
	color: var(--kurumi) !important;
}
.kurumi-blog h2 {
	border-left: 5px solid var(--kurumi);
	padding-left: 12px;
}
.kurumi-blog .wp-block-post,
.kurumi-blog .wp-block-post-template > li {
	background: #141622;
	border: 1px solid #262A44;
	border-left: 4px solid var(--kurumi);
	border-radius: 10px;
	padding: 18px 22px;
	margin-bottom: 16px;
	list-style: none;
}