/*
カスタム CSS 機能へようこそ。

使い方については、https://wp.me/PEmnE-Bt をご覧ください。
*/
/* Change color/size for site title | YH-2948117-zen */
.site-branding .site-title a {
	color: #f9a82e;
	font-size: 44px;
	text-shadow: 0 5px black;
	background: linear-gradient(transparent 60%,#555555 50%);
}

.site-logo-link img {
	width: 35% !important;
}

/* show site branding on mobile | 2948117-zen bsan */
@media (max-width: 767px) {
	.site-branding {
		width: 100%;
	}
	
	.site-logo-link + .site-title, .site-description {
		display: block;
	}
	
	.site-branding .site-logo-link + .site-title {
		margin-top: 0;
	}
	
	.site-branding .site-title a, .site-branding .site-description {
		font-size: .8em;
	}
	
	.site-logo-link img {
		width: 20% !important;
	}
}

/* Change background color except for Homepage | YH-3244513-zen */
body:not(.home) {
	background-color: #757575;
}

/* change page colors | 3244513-zen bsan */
.page-id-1139 .site-content {
	background-color: #baaa9b;
}

.page-id-1296 .site-content {
	background-color: #c6c1ba;
}

.page-id-3748 .site-content {
	background-color: #944242;
}

.page-id-4319 .site-content {
	background-color: #577777;
}

.page-id-24694  .site-content {
	Background-color: #4d667a;
}

/* Remove sidebar from all static pages | YH-3324320-zen */
.page aside#secondary {
	display: none;
}

@media screen and (min-width: 60em) {
	.page.has-sidebar .content-area {
		float: inherit !important;
	}
}

h1 {
	position: relative;
	color: #ffffff;
}

h1:before {
	content: "";
	position: absolute;
	background: #DD9C52;
	width: 50px;
	height: 50px;
	border-radius: 20%;
	top: 50%;
/* border: dashed 1px white; */
	left: -15pxt;
	transform: translateY(-50%);
	z-index: -1;
}

h2 {
	position: relative;
	color: #F5F2EE;
	text-shadow: 0 4px black;
}

h2:before {
	content: "";
	position: absolute;
	background: #999999;
	width: 40px;
	height: 40px;
	border-radius: 30%;
	top: 50%;
/* border: dashed 1px white; */
	left: -15pxt;
	transform: translateY(-50%);
	z-index: -1;
}

#respond:after {
	content: "⚠️コメントを書いた後に表示されるメールアイコン✉️をクリックすると✏️お名前記入欄️が出てきます。";
	display: block;
	font-size: 17px;
	color: #FFF582;
	margin-top: 2px;
}

/* change category older posts button | KS-3993189-zd */
.category #infinite-handle button,
.category #infinite-handle button:hover {
	font-size: 0;
}

.category #infinite-handle button::before {
	display: block;
	content: "続きを読む";
	font-size: .875rem;
	padding: 1em 1.5em;
}