/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 09 2025 | 08:59:26 */
/* ---------------------------------
PC表示ともに適用したいCSSを記述
すぐに読み込ませたい内容
 --------------------------------- */

/* レイアウト関連のデザイン */
html {
	scroll-behavior: smooth;
}
#header-in {
	display: block;
}
.header {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.logo-image {
	background: #fff;
	margin-left: -500px;
	margin-right: -500px;
}
body:not(.home) .header {
	background: none!important;
	max-height: 70px!important;
}
body:not(.home) #main {
	padding: 36px 29px!important;
	border: 2px solid rgba(255, 165, 220, .5);
	background: #fff!important;
}
#main {
	padding: 0!important;
	background: none!important;
}
.ect-vertical-card {
	column-gap: 3%;
}
.ect-vertical-card .entry-card-wrap {
	width: 48.5%;
	background: #fff;
}
.ect-vertical-card .entry-card-wrap:hover {
	background: rgba(255, 165, 220, .05);
}
.ecb-entry-border .entry-card-wrap, .page-numbers, .pagination-next-link, .comment-btn, .index-tab-buttons .index-tab-button, .border-square .a-wrap, .author-box {
	border-width: 2px;
}
#sidebar {
	border: 2px solid rgba(255, 165, 220, .5);
}
#footer {
	border-top: 2px solid rgba(255, 165, 220, .5);
}
/* 投稿metaの削除 */
.entry-card-meta,
.footer-meta,
.date-tags {
	display: none;
}
/* グローバルメニューのデザイン */
#navi-in .item-label {
	font-weight:bold;
}
#navi {
	padding: 5px 0;
	border-top: 2px solid #ffa5dc;
}
/* 目次のデザイン */
#toc {
	width: 80%;
}
/* サイドバーの見出しデザイン */
#sidebar h2,
#sidebar h3 {
	width: fit-content;
	padding: 0 3em;
	margin: 0 auto;
	text-align: center;
	position: relative;
	color:#333;
	background: none;
	margin-bottom: 1em;
}
#sidebar h2::before,
#sidebar h2::after,
#sidebar h3::before,
#sidebar h3::after {
	content: '';
	background: #ffa5dc;
	width: 2em;
	height: 2px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
#sidebar h2::before,
#sidebar h3::before{
	left: 0;
}
#sidebar h2::after,
#sidebar h3::after{
	right: 0;
}
#sidebar img {
	width: 100%;
	height: auto;
}
/* 記事冒頭のデザイン */
.eye-catch-wrap {
	border: 2px solid #fcf9f9;
	margin-bottom: 16px;
}
.single .entry-title {
	background: #fcf9f9;
	padding: 16px;
	margin: 0 0 16px;
}
.pr-label-s {
	background-color: #ffa5dc;
	color: #fff;
	font-weight: bold;
	border: none;
}
/* ---------------------------------
タブレットに適用したいCSSを記述
すぐに読み込ませたい内容
 --------------------------------- */
@media (width < 1023px) {
	/* ここから */
	#navi, #sidebar {
		display: none;
	}
	#content {
		padding-left: 10px;
		padding-right: 10px;
	}
	/* ここまで */
}
/* ---------------------------------
スマホに適用したいCSSを記述
すぐに読み込ませたい内容
 --------------------------------- */
@media (width < 835px) {
	/* ここから */
	#header-in {
		min-height: 450px;
	}
	.logo-header img {
		height: 36px;
	}
	.logo-image {
		margin-left: 0;
		margin-right: 0;
	}
	/* ここまで */
}