@charset "UTF-8";
/*------------------------------------------------------------------------------------------------------------
■段落　P
------------------------------------------------------------------------------------------------------------*/
.post p {
	font-size : 1rem;
	line-height : 2em;
	margin : 0 0 0.5em;
	& a {
		text-decoration : none;
		color : var(--color-link);
		&:hover {
			color : var(--color-hover);
			outline : 0;
		}
		&::before {
			content : "\f0c1";
			font-family : Fontawesome;
			margin-right : 0.2em;
		}
		&[target="_BLANK"]::before {
			content : "\f08e";
			font-family : Fontawesome;
			margin-right : 0.2em;
		}
		&:has(> img)::before {
			content : "";
		}
	}
}
/*------------------------------------------------------------------------------------------------------------
■H1
------------------------------------------------------------------------------------------------------------*/
h1.page-title ,
h1.entry-title ,
h1.cat-title,
h1.tag-title ,
h1.search-title {
	position: relative;
	margin : 1em 0 3em 5vw;
	padding : 0.5em 0 0.5em 0.5em;
	border-left : 2px solid #fff;
	font-size : clamp(2rem, 4vw, 3rem);
	font-weight : bold;
	line-height : 1.5em;
	color : #fff;
	&::before {
		z-index : -1;
		content : "";
		position: absolute;
		top: -1em;
		bottom : -1em;
		left : calc( -5vw - 2px);
		right : 0;
		height: 100%;
		padding : 1em 0.5rem;
		box-shadow : 0 0.3em 0.4em #ccc;
		background : #555;
	}
}
@media print, only screen and (min-width: 1260px) {	/*縦罫線の左側余白対策　1200px * 5vw */
h1.page-title ,
h1.entry-title ,
h1.cat-title,
h1.tag-title ,
h1.search-title {
	margin : 1em auto 3em auto;
	width : 100%;
	max-width : 1200px;
	&::before {
		left: 50%;
		transform: translateX(-50%);
		width: 100vw;
	}
}
}
h1.calendar-title {
	margin : 0 0 2em 0;
	padding : 1.5em 0;
	font-size : clamp(2rem, 4vw, 3rem);
	font-weight : bold;
	line-height : 1.5em;
	box-shadow : 0 0.3em 0.4em #ccc;
	background : #555;
	color : #fff;
	text-align : center;
}
h1.calendar-title a {
	color : #fff;
	margin : 0 0.25em;
}
/*------------------------------------------------------------------------------------------------------------
■H2
------------------------------------------------------------------------------------------------------------*/
body {
	counter-reset: h2-count;
}
.post h2 {
	position: relative;
	overflow: hidden;
	margin : 2em 0;
	padding: 1.5rem 2rem 1.5rem 120px;
	border: 2px solid #000;
	font-size : clamp(1.5rem, 2.66vw, 2rem);
	line-height : 1.5em;
	background : #fff;
	&::before {
		counter-increment: h2-count;
		content: counter(h2-count,decimal-leading-zero);
		position: absolute;
		top : 0;
		left : 0;
		bottom : 0;
		width : 100px;
		display : flex;
		align-items : center;
		justify-content : center;
		background: #000;
		color : #fff;
		font-weight: bold;
	}
}
/*------------------------------------------------------------------------------------------------------------
■H3
------------------------------------------------------------------------------------------------------------*/
.post h3 {
	font-size : clamp(1.2rem, 2vw, 1.5rem);
	line-height : 1.5em;
	margin : 1.5em 0;
	padding : 0.2em 0 0.5em 0.75em;
	border-bottom : 2px solid #000;
	border-left : 4px solid #000;
}
/*------------------------------------------------------------------------------------------------------------
■H4
------------------------------------------------------------------------------------------------------------*/
.post h4 {
	display : inline-block;
	font-size : clamp(1.15rem, 1.66vw, 1.25rem);
	line-height : 1.5em;
	margin : 1.25em 0;
	padding : 0.5em 1em;
	background : #000;
	border-radius : 1.5em;
	color : #fff;
}
/*------------------------------------------------------------------------------------------------------------
■H5
------------------------------------------------------------------------------------------------------------*/
.post h5 {
}
/*------------------------------------------------------------------------------------------------------------
■H6
------------------------------------------------------------------------------------------------------------*/
.post h6 {
}
/*------------------------------------------------------------------------------------------------------------
■H7
------------------------------------------------------------------------------------------------------------*/
.post h7 {
}